https://cdn.inflearn.com/monolith/courses/_next/static/chunks/pages/course/[slug]/news-1d69e0bffc87bbf9.js

1(self.webpackChunkhostApp_courses=self.webpackChunkhostApp_courses||[]).push([[4685],{3057:function(e,t,r){"use strict";r.d(t,{Vc:function(){return l},Xk:function(){return o},c7:function(){return a}});var n=r(40644),i=r(42730);function o(e){let{courseId:t,options:r}=e;return(0,i.pzY)({queryKey:l({courseId:t}),url:s({courseId:t}),options:r})}let l=e=>{let{courseId:t}=e;return[i.xE.CLIENT_V1_COURSE_USER_NOTIFICATION_SETTING_EMAIL,{courseId:t}]},s=e=>{let{courseId:t}=e;return n.A.stringifyUrl({url:i.xE.CLIENT_V1_COURSE_USER_NOTIFICATION_SETTING_EMAIL,query:{courseId:t}})};function a(e){let{courseId:t}=e;return(0,i.IKh)({queryKey:l({courseId:t}),url:s({courseId:t})})}},7622:function(e,t,r){"use strict";r.d(t,{l:function(){return i}});var n=r(58606);let i=()=>{let{pageNumber:e,pageSize:t}=(0,n.useRouter)().query;return{pageNumber:e?Number.parseInt(e,10):1,pageSize:t?Number.parseInt(t,10):8}}},13345:function(e,t,r){"use strict";r.d(t,{A:function(){return Q}});var n=r(86843),i=r(35948),o=r(90135),l=r(30875),s=r(74396),a=r(93140),c=r(99659),u=r(78451),d=r(61102),f=r(68440),h=r(42800),m=r(64847),p=r(54442),E=r(54860),Y=r(61723),g=r(23775),y=r(50530),I=r(22050),_=r(27584),N=r(90702),C=r(37718),S=r(15028),T=r(2633),A=r(14694),b=r(23305),F=r.n(b),w=r(58606),v=r(40644),D=r(25823),L=r(2573),R=r(42730),U=r(53625),x=r(61944),O=r(61967),k=r(24819),z=r(73323),B=r(81462),W=r(13378),M=r(51343),V=r(86880),K=r(56054),j=r(37118),P=r(94883),q=r(24962),G=r(7622);function Q(e){let{courseId:t,slug:r,courseType:S}=e,{t:b}=(0,A.Bd)(),{lang:O}=(0,y.uU)(),Q=(0,G.l)(),{showNotification:H}=(0,f.aV)(),X=(0,C.jE)(),Z=(0,w.useRouter)(),J={...Q,courseId:t,lang:O},[ee,et]=(0,D.useState)(null),er=(0,K.S)(),{data:en,isLoading:ei,isError:eo}=(0,B.A)({...J}),{data:el}=(0,z.xc)(),{copyShortLink:es}=(0,k.X)({successMessage:b("새소식 링크 복사 완료!"),error:{title:b("링크 복사에 문제가 생겼어요."),message:b("같은 문제가 계속 발생한다면 서비스에 문의해주세요.")}}),ea=e=>v.A.stringifyUrl({url:S===U.F8.CHALLENGE?M.tl.CHALLENGE_DETAIL_NEWS_DETAIL({slug:r,newsId:String(e),cid:t}):M.tl.COURSE_DETAIL_NEWS_DETAIL({slug:r,newsId:String(e),cid:t}),query:{pageNumber:J.pageNumber}}),{mutate:ec,isLoading:eu}=(0,R.Vpl)({url:L.x.CLIENT_V1_COURSE_NEWS_ID(String(ee)),options:{onSuccess:()=>{X.invalidateQueries((0,B.o)(J)),et(null)}}}),{mutate:ed,isLoading:ef}=$(J),eh=(e,t)=>{ef||ed({newsId:e,isLiked:t})},em=e=>{window.location.href=x.t.INSTRUCTOR_NEWS_EDIT(String(e))},ep=async e=>{!eu&&await er({title:b("이 새소식을 삭제할까요?"),description:b("삭제 후엔 다시 복구 할 수 없으니 유의해주세요!"),type:"error",confirmText:b("삭제")})&&(et(e),ec({},{onSuccess:()=>{H({title:b("새소식을 삭제했어요."),type:"success"})},onError:()=>{H({title:b("새소식 삭제에 문제가 생겼어요."),message:b("같은 문제가 계속 발생한다면 서비스에 문의해주세요."),type:"error"})}}))},eE=e=>{es({url:ea(e),creatorId:el?.id})};if(ei)return(0,n.Y)(c.s,{pt:32,h:300,justify:"center",align:"center",pos:"relative",children:(0,n.Y)(g.LoadingOverlay,{visible:!0})});if(eo)return(0,n.Y)(c.s,{pt:32,h:300,justify:"center",align:"center",pos:"relative",children:(0,n.Y)(a.g,{title:b("새소식을 불러오는데 문제가 발생했습니다."),body:b("문제가 지속되면 고객센터에 문의해주세요."),image:"ERROR"})});if((0,T.A)(en.items))return(0,n.Y)(c.s,{pt:32,h:300,justify:"center",align:"center",pos:"relative",children:(0,n.Y)(a.g,{title:b("발행한 새소식이 없어요."),image:"NO_DATA"})});let eY=(e,t)=>{let{target:r}=e;"A"!==r.tagName&&Z.push(ea(t))};return(0,n.FD)(n.FK,{children:[(0,n.Y)(m.B,{component:"ul",gap:16,children:en?.items?.map(e=>{let t=W.y().utc(),r=W.y(e.createdAtUTC);return n.FD(l.a,{component:"li",css:{border:"1px solid",borderColor:E.yK.gray[2],padding:24,borderRadius:16,[E.fC.mobile]:{padding:20}},children:[n.FD(c.s,{justify:"space-between",mb:20,children:[n.Y(N.AU,{...e.writer,writeInfo:n.FD(u.Y,{gap:2,children:[n.Y(p.E,{size:"sm",c:"gray.6",title:e.createdAtUTC,children:t.diff(r,"year")>=1?n.Y(y.ib,{dateTime:e.createdAtUTC,locale:O}):n.Y(V.s,{from:t,to:e.createdAtUTC})}),e.isEdited&&e.editedAtUTC&&n.FD(n.FK,{children:[n.Y(p.E,{size:"sm",c:"gray.6",children:"･"}),n.Y(Y.m,{label:n.Y(y.ib,{locale:O,dateTime:e.editedAtUTC}),position:"bottom",withArrow:!0,color:"dark",children:n.Y(l.a,{children:n.Y(p.E,{size:"sm",c:"gray.7",td:"underline",children:b("수정됨")})})})]})]})}),e.isWritable&&n.Y(q.A,{onEdit:()=>em(e.id),onRemove:()=>ep(e.id)})]}),n.Y(l.a,{mb:12,children:n.Y(p.E,{size:"lg",c:"gray.9",component:F(),href:ea(e.id),fw:700,prefetch:!1,children:e.title})}),n.Y(h.d,{maxHeight:320,hideLabel:b("숨기기"),showLabel:b("더보기"),mb:20,hasGradient:!0,children:n.Y(l.a,{onClick:t=>

1eY(t,e.id),css:{cursor:"pointer"},children:n.Y(i.m,{html:e.body})})}),n.FD(u.Y,{gap:8,children:[n.Y(s.$,{leftSection:n.Y(d.I,{color:e.isLiked?"infgreen":"gray.9",icon:e.isLiked?_.Wcv:I.Wcv}),variant:"default",color:"infgreen",size:"sm",radius:"xl",onClick:()=>eh(e.id,!e.isLiked),children:P.Z(e.likeCount||0)}),n.Y(s.$,{leftSection:n.Y(d.I,{icon:I.DN2}),component:F(),href:ea(e.id),prefetch:!1,variant:"default",color:"infgreen",size:"sm",radius:"xl",children:P.Z(e.commentCount||0)}),n.Y(o.M_,{component:"a",href:ea(e.id),onClick:t=>{t.preventDefault(),eE(e.id)},variant:"default",color:"gray",size:"n-sm",radius:"xl",children:n.Y(d.I,{icon:I.CQO})})]})]},e.id)})}),(0,n.Y)(u.Y,{justify:"center",mt:40,children:(0,n.Y)(j.A,{totalPage:en.totalPage||0,value:en.pageNumber||1})})]})}let $=e=>{let{t}=(0,A.Bd)(),[r,n]=(0,D.useState)(null),i=(0,C.jE)(),{showNotification:o}=(0,f.aV)(),{checkLogin:l}=(0,O.f)(),s=(0,R.o)({url:L.x.CLIENT_V1_REACTION_POST_ID(String(r)),options:{onMutate:async t=>{let{isRecommended:n}=t;if(!e)return;await i.cancelQueries((0,B.o)(e));let o=i.getQueryData((0,B.o)(e));return o&&i.setQueryData((0,B.o)(e),e=>(0,S.jM)(e,e=>{let t=e?.data?.items?.find(e=>e.id===r);t&&(t.isLiked=n,t.likeCount+=n?1:-1)})),{previousNewsList:o}},onError:(t,r,n)=>{e&&n?.previousNewsList&&i.setQueryData((0,B.o)(e),n.previousNewsList)},onSettled:async()=>{e&&i.invalidateQueries((0,B.o)(e)),n(null)}}});return{...s,mutate:l(e=>{let{newsId:r,isLiked:i}=e;n(r),s.mutate({isRecommended:i},{onError:()=>{o({type:"error",title:t("문제가 발생했습니다. 잠시후 다시 시도해 주세요.")})}})})}}},20333:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return S},default:function(){return T}});var n=r(86843),i=r(78451),o=r(54442),l=r(54860),s=r(19947),a=r(50530),c=r(14694),u=r(62484),d=r(37584),f=r(36534),h=r(70955),m=r(13345),p=r(7622),E=r(69221),Y=r(88171),g=r(94883),y=r(53625),I=r(35511),_=r(18148),N=r(82008),C=r(81462),S=!0;function T(e){let{hackle:t}=e,{t:r}=(0,c.Bd)(),{encodedSlugFromUrl:i}=(0,I.n)(),{data:o}=(0,_.A)(i),l=(0,f.PN)(o?.id),{data:s}=(0,N.Ay)({courseId:o?.id});if(!o||!s)return null;let a=o.id,h="FREE"===s.paymentInfo.type?r("[지금 무료]"):"",p=r("메타.새소식.제목",{courseFreeText:h,"onlineInfo.title":s.title}),g=r("메타.새소식.설명"),C="ENROLLED"===s.paymentInfo.type;return(0,n.FD)(u.q,{decisions:{[d.hv]:t.decision},exposureProperties:{[d.hv]:l},children:[(0,n.Y)(E.A,{title:p,description:g,accessInfo:o,indexedPageName:"news"}),(0,n.Y)(Y.g,{accessInfo:o,children:(0,n.FD)(n.FK,{children:[(0,n.Y)(A,{courseId:a,isCourseEditable:o.accessibleMenu.edit,hasVoucher:C,courseStatus:s.status}),(0,n.Y)(m.A,{courseId:a,slug:i,courseType:y.F8.ONLINE})]})})]})}

1function A(e){let{courseId:t,isCourseEditable:r,hasVoucher:l,courseStatus:u}=e,{t:d}=(0,c.Bd)(),{lang:f}=(0,a.uU)(),m={...(0,p.l)(),courseId:t,lang:f},{data:E}=(0,C.A)({...m});return(0,n.FD)(i.Y,{mb:24,children:[(0,n.FD)(i.Y,{mr:8,styles:{root:{flex:"1 1 auto",width:0}},children:[(0,n.Y)(s.h,{order:3,mr:8,c:"gray.9",children:d("새소식")}),E.totalCount?(0,n.Y)(o.E,{size:"sm",fw:500,c:"gray.6",children:d("{{formatNumber(data.totalCount)}} 개",{"formatNumber(data.totalCount)":(0,g.Z)(E.totalCount)})}):null]}),(0,n.Y)(a.fn,{children:(0,n.Y)(i.Y,{ml:"auto",gap:8,children:(0,n.Y)(h.A,{courseId:t,isCourseEditable:r,hasVoucher:l,courseStatus:u})})})]})}T.disableBottomNavigation=!0,T.disableAppShellScrollTransition=!0,T.disableFNB=!0,T.appShellStyle={"& footer":{marginBottom:0,[l.fC.tablet]:{marginBottom:"66px"}}}},24803:function(e,t,r){"use strict";r.d(t,{f:function(){return l}});var n=r(50530),i=r(13378);let o={[n.dI.ko]:"ko",[n.dI.en]:"en",[n.dI.ja]:"ja",[n.dI.vi]:"vi"},l=e=>{let{from:t,to:r,locale:n}=e,l=(0,i.y)(t),s=(0,i.y)(r),a=o[n];return l.locale(a).to(s)}},24962:function(e,t,r){"use strict";r.d(t,{A:function(){return c}});var n=r(86843),i=r(90135),o=r(61102),l=r(45591),s=r(22050),a=r(14694);function c(e){let{onEdit:t,onRemove:r,buttonProps:c,labelProps:u}=e,{t:d}=(0,a.Bd)();return(0,n.FD)(l.W,{position:"bottom-end",withBorder:!0,children:[(0,n.Y)(l.W.Target,{children:(0,n.Y)(i.M_,{variant:"subtle",size:"n-md",color:"gray",...c,children:(0,n.Y)(o.I,{icon:s.Dwc,size:"md",color:"gray.7"})})}),(0,n.FD)(l.W.Dropdown,{children:[(0,n.Y)(l.W.Item,{icon:(0,n.Y)(o.I,{icon:s.MT7,size:"sm"}),onClick:t,children:u?.edit||d("수정")}),(0,n.Y)(l.W.Item,{icon:(0,n.Y)(o.I,{icon:s.sjs,size:"sm"}),onClick:r,children:u?.remove||d("삭제")})]})]})}},37118:function(e,t,r){"use strict";r.d(t,{A:function(){return l}});var n=r(86843),i=r(71048),o=r(58606);function l(e){let{totalPage:t,value:r}=e,l=(0,o.useRouter)();return(0,n.Y)(i.d,{size:"md",siblings:1,boundaries:1,total:t,value:r,onChange:e=>{l.push({pathname:l.pathname,query:{...l.query,pageNumber:e}},"",{shallow:!0,scroll:!0})}})}},40620:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/course/[slug]/news",function(){return r(20333)}])},70955:function(e,t,r){"use strict";r.d(t,{A:function(){return E}});var n=r(86843),i=r(90135),o=r(30875),l=r(74396),s=r(61102),a=r(54860),c=r(22050),u=r(69718),d=r(14694),f=r(57910),h=r(61944),m=r(3057),p=r(89242);function E(e){let{courseId:t,isCourseEditable:r,hasVoucher:E,courseStatus:Y}=e,{t:g}=(0,d.Bd)(),[y,I]=(0,u.useDisclosure)(!1),{isLoading:_,data:N,isError:C}=(0,m.Xk)({courseId:t}),S={alert:{onClick:()=>{I.open()},disabled:C,icon:N&&N.globalNewsAgreement&&N.courseNewsAgreement?c.z$e:c.iN5,css:(_||!E)&&{display:"none"}},setting:{component:"a",href:h.t.INSTRUCTOR_NEWS,css:!r&&{display:"none"}},write:{component:"a",href:h.t.INSTRUCTOR_NEWS_NEW({courseId:t}),css:!r||Y!==f.k_A.PUBLISH&&{display:"none"}}};return(0,n.FD)(n.FK,{children:[(0,n.FD)(o.a,{css:{display:"flex",gap:8,[a.fC.mobile]:{display:"none"}},children:[(0,n.Y)(l.$,{leftSection:(0,n.Y)(s.I,{icon:S.alert.icon,size:"sm"}),variant:"default",size:"sm",radius:"md",...S.alert,children:g("알림")}),(0,n.Y)(l.$,{leftSection:(0,n.Y)(s.I,{icon:c.BH7,size:"sm"}),variant:"default",size:"sm",radius:"md",...S.setting,children:g("관리")}),(0,n.Y)(l.$,{leftSection:(0,n.Y)(s.I,{icon:c.hpd,size:"sm"}),variant:"default",size:"sm",radius:"md",...S.write,children:g("작성")})]}),(0,n.FD)(o.a,{css:{display:"none",gap:8,[a.fC.mobile]:{display:"flex"}},children:[(0,n.Y)(i.M_,{...S.alert,variant:"default",size:"n-sm",children:(0,n.Y)(s.I,{icon:S.alert.icon})}),(0,n.Y)(i.M_,{...S.setting,variant:"default",size:"n-sm",children:(0,n.Y)(s.I,{icon:c.BH7})}),(0,n.Y)(i.M_,{...S.write,variant:"default",size:"n-sm",children:(0,n.Y)(s.I,{icon:c.hpd})})]}),N?(0,n.Y)(p.A,{isOpened:y,onClose:I.close,courseNewsAlarmEnabled:N.courseNewsAgreement,globalNewsAlarmEnabled:N.globalNewsAgreement,courseId:t}):null]})}},81462:function(e,t,r){"use strict";r.d(t,{o:function(){return a}});var n=r(42664),i=r(40644),o=r(42730),l=r(53625),s=r(61944);let a=e=>[o.xE.CLIENT_V2_COURSE_NEWS_BY_USER,e],c=e=>i.A.stringifyUrl({url:o.xE.CLIENT_V2_COURSE_NEWS_BY_USER,query:{...e}});t.A=function(e,t){let r=(0,o.JTH)({queryKey:a(e),url:c(e),options:t}),i=r.data?.items?.map(e=>({...e,title:n.decode(e.title),writer:{...e.writer,thumbnailUrl:e.writer.thumbnailUrl||"",profileUrl:s.t.USER_PROFILE(e.writer.id,e.writer.slug)},isEdited:e.editStatus===l.pp.EDITED}))||[];return{...r,data:{...r.data,items:i}}}},86880:function(e,t,r){"use strict";r.d(t,{s:function(){return l}});var n=r(86843),i=r(50530),o=r(24803);function l(e){let{from:t,to:r}=e,{locale:l}=(0,i.uU)();return(0,n.Y)("time",{children:(0,n.Y)(i.Le,{children:(0,o.f)({from:t,to:r,locale:l})})})}},89242:function(e,t,r){"use strict";r.d(t,{A:function(){return _}});var n=r(86843),i=r(17918),o=r(60178),l=r(64847),s=r(74396),a=r(37718),c=r(14694),u=r(25823),d=r(78451),f=r(54860),h=r(54442),m=r(45484);function p(e){let{disabled:t,checked:r,onChange:i}=e,{t:o}=(0,c.Bd)();return(0,n.FD)(d.Y,{px:16,py:8,justify:"space-between",bg:t?"gray.0":"white",styles:{root:{border:`1px solid ${f.yK.gray[2]}`,borderRadius:"8px",cursor:t?"not-allowed":"default"}},children:[(0,n.Y)(h.E,{fw:500,c:t?"gray.6":"gray.9",children:o(r?"새소식 알림 받는 중":"새소식 알림 비활성화")}),(0,n.Y)(m.d,{size:"md",checked:r,onChange:e=>{t||i(e)},styles:{track:{opacity:t?.5:"unset",cursor:t?"not-allowed":"default","&:hover":{cursor:t?"not-allowed":"pointer"}}}})]})}function E(e){let{text:t,color:r="gray.9"}=e;return(0,n.FD)(d.Y,{gap:8,align:"flex-start",styles:{root:{flexWrap:"nowrap"}},children:[(0,n.Y)(h.E,{pl:8,c:r,children:"•"}),(0,n.Y)(h.E,{c:r,children:t})]})}var Y=r(2573),g=r(42730),y=r(61944),I=r(3057);function _(e){let{isOpened:t,onClose:r,courseNewsAlarmEnabled:d,globalNewsAlarmEnabled:f,courseId:h}=e,{t:m}=(0,c.Bd)(),[_,N]=(0,u.useState)(d),C=(0,a.jE)(),S=()=>{C.invalidateQueries((0,I.Vc)({courseId:h})),r()},{mutate:T}=(0,g.i_Q)({url:Y.x.CLIENT_V1_COURSE_USER_NOTIFICATION_SETTING_EMAIL_AGREE,options:{onSuccess:S}}),{mutate:A}=(0,g.AEA)({url:Y.x.CLIENT_V1_COURSE_USER_NOTIFICATION_SETTING_EMAIL_DISAGREE,options:{onSuccess:S}}),b=()=>{r(),N(d)};return(0,n.FD)(o.aF.Root,{opened:t,onClose:b,size:"sm",children:[(0,n.Y)(o.aF.Overlay,{}),(0,n.FD)(o.aF.Content,{children:[(0,n.FD)(o.aF.Header,{children:[(0,n.Y)(o.aF.Title,{children:m("알림 설정")}),(0,n.Y)(o.aF.CloseButton,{})]}),(0,n.Y)(o.aF.Body,{children:(0,n.FD)(l.B,{gap:8,children:[(0,n.Y)(p,{checked:_,disabled:!f,onChange:e=>N(e.currentTarget.checked)}),(0,n.Y)(l.B,{children:f?_?(0,n.Y)(E,{text:m("이 강의 새소식을 받을 수 있습니다. 주요한 공지사항이나 변경 사항을 받아보세요."),color:"gray.6"}):(0,n.Y)(E,{text:m("이 강의 새소식을 받지 않습니다. 주요한 공지사항이나 변경 사항을 놓칠 수 있어요."),color:"red.6"}):(0,n.FD)(n.FK,{children:[(0,n.Y)(E,{color:"red.6",text:m("전체 강의에 대한 새소식 알림이 비활성화되어 있습니다.")}),(0,n.Y)(E,{color:"gray.6",text:(0,n.FD)(n.FK,{children:[(0,n.Y)(i.M,{href:y.t.SETTINGS_NOTIFICATION(),c:"blue",styles:{root:{textDecorationLine:"underline"}},children:m("알림 설정")}),(0,n.Y)(c.x6,{i18nKey:"에서 변경 가능합니다.",components:{Space:(0,n.Y)(n.FK,{children:"\xa0"})}})]})})]})})]})}),(0,n.FD)(o.aF.Footer,{children:[(0,n.Y)(s.$,{variant:"default",onClick:b,children:m("취소")}),(0,n.Y)(s.$,{onClick:()=>

1{if(d){A({courseId:h});return}T({courseId:h})},disabled:d===_,children:m("적용")})]})]})]})}}},function(e){e.x(),_N_E=Promise.all([e.f.consumes||function(e,t){},e.f.remotes||function(e,t){}].reduce(function(e,t){return t("4685",e),e},[])).then(function(){return e.X(0,[636,8792,6373,976,1207,6474,6563,6969,1121,1039,7833,5591,7276,3224,2664,2644,8050,1048,9640,5948,702,8614,2800,5028,3817,2628,3305,9588,1302,908,8297],function(){return e(e.s=40620)})})}]);
2//# sourceMappingURL=news-1d69e0bffc87bbf9.js.map