1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5271,71211],{13190:(e,n,t)=>{"use strict";t.d(n,{Z:()=>m});var l=t(304930),i=t(20523),r=t(65955),o=t(263595),a=t(992623),s=t(683018),d=t(956598),u=t(301391),c=t(556275);let m=(0,u._)("FieldLayout")((0,c.X)({props:[{name:"size",default:"lg",keep:!0,responsive:!0},{name:"multiline",default:!1,keep:!0}],variants:e=>{let{size:n,multiline:t}=e;return"md"===n?{fieldHeight:36,typography:"body2",helperTextTypography:"body4",helperTextSpacing:4,px:9,spacing:8,iconSize:20,hitSlop:6}:"sm"===n?{fieldHeight:28,typography:"body4",helperTextTypography:"body5",helperTextSpacing:2,px:7,spacing:6,iconSize:16,hitSlop:4}:{fieldHeight:48,typography:"body2",helperTextTypography:"body4",helperTextSpacing:t?6:4,px:15,spacing:12,iconSize:20,hitSlop:8}}}),(0,c.X)({props:[{name:"state",default:"default",keep:!0}],variants:{default:{labelColor:"onView2",helperTextColor:"onView2"},error:{labelColor:"onViewError",helperTextColor:"onViewError"},success:{labelColor:"onView2",helperTextColor:"onViewSuccess"}}}),(0,c.X)({props:[{name:"state",default:"default"},{name:"focused",default:!1,keep:!0}],variants:e=>{let{state:n,focused:t}=e;return"error"===n?{borderColor:"onViewError"}:t?{borderColor:"outlineNeutral"}:{borderColor:"outline1"}}}),(0,c.X)({props:[{name:"focused",default:!1},{name:"filled",default:!1}],variants:e=>{let{focused:n,filled:t}=e;return{shrink:n||t}}}),(0,c.X)({props:[{name:"disabled",default:!1,keep:!0}],variants:{true:{cursor:"default",backgroundColor:"disable",labelColor:"onView3",helperTextColor:"onView3",borderColor:"outlineDisable",valueColor:"onView3"},false:{cursor:"text",backgroundColor:"surface3",valueColor:"onView1"}}}),(0,c.X)({props:[{name:"prefixText",keep:!0},{name:"renderStart",keep:!0}],variants:e=>{let{prefixText:n,renderStart:t}=e;return{hasPrefixText:n,hasPrefixComponent:void 0!==t}}}),(0,c.X)({props:[{name:"suffixText",keep:!0},{name:"renderEnd",keep:!0}],variants:e=>{let{suffixText:n,renderEnd:t}=e;return{hasSuffixText:n,hasSuffixComponent:void 0!==t}}}),(0,c.X)({props:[{name:"shrink",keep:!0},{name:"size",responsive:!0,keep:!0},{name:"hasPrefixComponent",keep:!0},{name:"hasSuffixComponent",keep:!0},{name:"multiline",default:!1,keep:!0}],variants:e=>{let{shrink:n,size:t,hasPrefixComponent:l,hasSuffixComponent:i,multiline:r}=e;return r?{labelTop:"md"===t?9:13,labelTypography:n?"body6":"body2",labelLeft:"md"===t?9:15,labelRight:"md"===t?9:15}:"md"===t?{labelTop:n?3:9,labelTypography:n?"body6":"body2",labelLeft:l?8:9,labelRight:i?8:9}:"sm"===t?{labelTop:6*!n,labelTypography:n?"body6":"body4",labelLeft:l?6:7,labelRight:i?6:7}:{labelTop:n?7:15,labelTypography:n?"body6":"body2",labelLeft:l?12:15,labelRight:i?12:15}}}),(0,c.X)({props:[{name:"size",responsive:!0},{name:"label",keep:!0},{name:"hasPrefixText"},{name:"hasSuffixText"},{name:"hasPrefixComponent"},{name:"hasSuffixComponent"},{name:"showClearButton",keep:!0},{name:"multiline",default:!1,keep:!0}],variants:e=>{let{size:n,label:t,hasPrefixText:l,hasPrefixComponent:i,hasSuffixComponent:r,hasSuffixText:o,showClearButton:a,multiline:s}=e;return"md"===n?{pt:s?t?23:9:t?15:9,pl:l?2:i?8:9,pr:o?2:r||a?8:9,pb:s?9:t?3:9}:"sm"===n?{pt:t?12:6,pl:l?2:i?6:7,pr:o?2:r||a?6:7,pb:6*!t}:{pt:s?t?27:13:t?23:15,pl:l?4:i?12:15,pr:o?4:r||a?12:15,pb:s?13:t?7:15}}}))(e=>{let{label:n,labelId:t,helperText:u,helperTextId:c,multiline:m,disabled:p,required:h,cursor:f,backgroundColor:g,labelColor:x,helperTextColor:y,borderColor:C,labelTop:v,labelTypography:j,labelLeft:b,labelRight:w,pt:k,pl:P,pr:I,pb:T,px:M,valueColor:S,onLabelClick:V,renderField:z,renderStart:E,renderEnd:N,showClearButton:O,clearButtonAriaLabel:L,onClearButtonClick:_,shrink:R,prefixText:A,suffixText:U,testId:D="field-layout",typography:F,helperTextTypography:B,helperTextSpacing:H,fieldHeight:$,spacing:W,iconSize:q,hitSlop:J}=e;return(0,l.jsxs)(d.T,{"data-testid":D,width:"100%",spacing:H,children:[(0,l.jsxs)(i.a,{flexDirection:"row",alignItems:"center",pl:E?M:0,pr:N?M:0,width:"100%",borderWidth:1,borderStyle:"solid",borderColor:C,backgroundColor:g,rounded:"md",overflow:"hidden",children:[(0,l.jsx)(d.T,{flexShrink:0,children:null==E?void 0:E()}),(0,l.jsxs)(i.a,{width:"100%",height:"100%",cursor:f,children:[(0,l.jsx)(r.d,{cursor:f,onClick:V,tabIndex:-1,
1children:(0,l.jsx)(s.e,{animation:{top:v,typography:j},duration:100,children:(0,l.jsxs)(o.E,{id:t,position:"absolute",zIndex:1,left:b,right:w,color:x,lineLimit:1,children:[n,h&&n?(0,l.jsx)(o.E,{color:"error",children:" *"}):null]})})}),(0,l.jsxs)(i.a,{flexDirection:"row",alignItems:"center",children:[(0,l.jsx)(o.E,{typography:F,color:"onView2",hidden:!A||!R&&!!n,flexShrink:0,pt:k,pl:b,pb:T,children:A}),z({height:$,color:S,pt:k,pl:P,pr:I,pb:T,typography:F}),(0,l.jsx)(o.E,{typography:F,color:"onView2",hidden:!U||!R&&!!n,flexShrink:0,pt:k,pr:N||O?W:M,pb:T,children:U})]})]}),O&&(0,l.jsx)(r.d,{ariaLabel:L,as:L?"button":void 0,role:L?"button":void 0,flexShrink:0,hitSlop:J,mr:W,onClick:_,children:(0,l.jsx)(a.S,{size:q,fill:"onView2"})}),(0,l.jsx)(d.T,{flexShrink:0,children:null==N?void 0:N()})]}),!!u&&(0,l.jsx)(o.E,{id:c,typography:B,color:m&&p?"onView2":y,children:u})]})})},25636:()=>{},49155:(e,n,t)=>{"use strict";t.d(n,{M:()=>r,z:()=>i});var l=t(931643);let i="https://cdn.class101.net/images/77a03057-1796-44de-ba37-4cb949034c38/640xauto",r=[{id:"10000",avatarType:"DEFAULT",url:l.C,order:1e4},{id:"10001",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/bfff8da0-8675-4ff5-b9e8-e3973985b29b/640xauto",order:10001},{id:"10002",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/ab5d3167-a3cf-45cc-b80c-9793c33cd6c8/640xauto",order:10002},{id:"10003",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/1e9f7b37-7fa8-4697-8b3e-3493382d3637/640xauto",order:10003},{id:"10004",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/d0818ffe-c3ae-46fa-9299-2f17ffe438ac/640xauto",order:10004},{id:"10005",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/3790a56e-b066-4c3e-b567-054d29689dad/640xauto",order:10005},{id:"10006",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/d1c5354e-06fc-4357-a3b3-00524343ea46/640xauto",order:10006},{id:"10007",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/7bec4416-3d53-4c50-9308-5e487e877d10/640xauto",order:10007},{id:"10008",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/5f23be1d-ce1a-42bf-b468-e7f3b1bd94f6/640xauto",order:10008},{id:"10009",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/7a7dd211-d26b-4c24-b547-54d9597c74fe/640xauto",order:10009},{id:"10010",avatarType:"DEFAULT",url:"https://cdn.class101.net/images/de3610fd-a98b-4629-aa85-95810ceaac54/640xauto",order:10010}]},49845:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lang]/creators/[handle]/posts/[postId]",function(){return t(750668)}])},71498:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="arrowuturnright-thin",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"M15.454 1.253a.5.5 0 0 0-.707 0l-.494.494a.5.5 0 0 0 0 .707L19.45 7.65H8a6.85 6.85 0 1 0 0 13.7h4.383a.5.5 0 0 0 .5-.5v-.7a.5.5 0 0 0-.5-.5H8a5.15 5.15 0 0 1 0-10.3h11.45l-5.197 5.196a.5.5 0 0 0 0 .707l.494.494a.5.5 0 0 0 .707 0l6.895-6.893a.5.5 0 0 0 0-.708z"})})}),{iconType:"Thin"});a.displayName="ArrowUturnRightThin"},72530:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="document-thin",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"M3.9 1.15a.25.25 0 0 0-.25.25v21.2c0 .138.112.25.25.25h16.2a.25.25 0 0 0 .25-.25V7.316L14.186 1.15zm1.45 1.7h8.13l.17.17v4.83h4.83l.17.17v13.13H5.35z"})})}),{iconType:"Thin"});a.displayName="DocumentThin"},144312:(e,n,t)=>{"use strict";t.d(n,{L:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="arrowup-regular",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"M20.674 9.619a.5.5 0 0 1 0 .707l-.848.848a.5.5 0 0 1-.707 0l-6.02-6.02V21.25a.5.5 0 0 1-.5.5H11.4a.5.5 0 0 1-.5-.5V5.154l-6.02 6.02a.5.5 0 0 1-.706 0l-.848-.848a.5.5 0 0 1 0-.707l8.32-8.321a.5.5 0 0 1 .707 0z"})})}),{iconType:"Regular"});a.displayName="ArrowUpRegular"},184884:(e,n,t)=>{"use strict";function l(e){return e[Math.floor(Math.random()*e.length)]}t.d(n,{J:()=>l})},215276:(e,n,t)=>{"use strict";t.d(n,{f:()=>s});
1var l=t(304930),i=t(665162),r=t(616296),o=t(714625),a=t(895658);let s=e=>{let{name:n,rules:t,accept:s,uploader:d,multiple:u,directory:c,children:m,onSuccess:p,onError:h,defaultValue:f,mapper:g}=e,x=(0,i.useMemo)(()=>"".concat(n,"-").concat((0,o.A)()),[n]),y=(0,i.useRef)(null),[C,v]=(0,i.useState)(!1),{control:j,setValue:b,setError:w,getValues:k,watch:P}=(0,r.xW)();(0,r.as)({name:n,rules:t});let I=P(n,f),T=async e=>{let t=Array.from(e.target.files||[]);v(!0);let l=[];try{for(let e of t){let n="function"==typeof d?d(e):d;if(!n)continue;let{url:t,uuid:i}=await n.upload(e);l.push({url:t,type:e.type,name:e.name,relativePath:e.webkitRelativePath,size:e.size,uuid:i})}let e=g?l.map(g):l,i=k(n);u||c?(null==p||p(e),b(n,[...i,...e],{shouldDirty:!0})):(null==p||p(e[0]),b(n,e[0],{shouldDirty:!0}))}catch(e){w(n,e),null==h||h(e)}finally{e.target.value="",v(!1)}},M=()=>{var e;null==(e=y.current)||e.click()},S=()=>{b(n,null)};return(0,l.jsx)(r.xI,{name:n,control:j,rules:t,defaultValue:f,render:()=>(0,l.jsxs)(l.Fragment,{children:[m({isLoading:C,upload:M,previewFile:I,remove:S}),(0,l.jsx)(a.e,{ref:y,name:x,type:"file",multiple:u,accept:s,onChange:T,...c?{webkitdirectory:""}:{}})]})})}},234646:(e,n,t)=>{"use strict";t.d(n,{f:()=>r});var l=t(304930),i=t(627756);let r=e=>{let{data:n}=e;return(0,l.jsx)(i.p,{script:[{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org",...n})}}]})}},279705:(e,n,t)=>{"use strict";function l(e){return!e}t.d(n,{W:()=>l})},285975:()=>{},323264:(e,n,t)=>{"use strict";t.d(n,{d:()=>q});var l=t(304930),i=t(665162),r=t(31613),o=t(125747),a=t(408104),s=t(869950),d=t(971188),u=t(133189),c=t(956598),m=t(94899),p=t(582771),h=t(297346),f=t(226061),g=t(82759),x=t(604841),y=t(137902),C=t(121683),v=t(72731),j=t(75524),b=t(241908),w=t(780412),k=t(297636),P=t(410593),I=t(49155),T=t(184884),M=t(222018),S=t(686739),V=t(456392),z=t(78975),E=t(323725);function N(){let e=(0,S._)(["\n query MeOnGeneratedNicknameBottomSheet {\n profile: me {\n _id\n photoUrl\n }\n}\n "]);return N=function(){return e},e}function O(){let e=(0,S._)(["\n mutation UserNicknameGenerateOnGeneratedNicknameBottomSheet($input: UserNicknameGenerateInput!) {\n generateNickname: userNicknameGenerate(input: $input) {\n nickname\n }\n}\n "]);return O=function(){return e},e}function L(){let e=(0,S._)(["\n mutation UserProfileUpdateOnGeneratedNicknameBottomSheet($input: UserProfileUpdateInput!) {\n updated: userProfileUpdate(input: $input) {\n user {\n _id\n nickName\n displayName\n photoUrl\n isNicknameConfigured\n }\n }\n}\n "]);return L=function(){return e},e}let _={},R=(0,V.J1)(N()),A=(0,V.J1)(O()),U=(0,V.J1)(L()),D="profile_setting_confirm_modal",F=(0,d.o)(e=>{let{isOpen:n,close:t}=e,{localizeText:l}=(0,j.B)(),{showToast:r}=(0,M.hs)(),{trackEvent:o}=(0,v.j)(),{profileData:a,isProfileLoading:s}=function(e){let n={..._,...e},t=z.I(R,n);return i.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{profileData:null==e?void 0:e.profile,isProfileLoading:n,profileError:l,isProfileCalled:i,refetchProfile:r,fetchMoreProfile:o,...a}},[t])}({}),d=!s&&void 0!==a,[u]=(0,i.useState)(()=>(0,T.J)(I.M).url),c=(null==a?void 0:a.photoUrl)||(d?u:void 0),[m,p]=(0,i.useState)(""),h=(0,i.useRef)(!1),f=(0,i.useRef)(!1),[g,{isGenerateNicknameLoading:x}]=function(e){let n={..._,...e},t=E.n(A,n);return i.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{generateNicknameData:null==e?void 0:e.generateNickname,isGenerateNicknameLoading:n,generateNicknameError:l,isGenerateNicknameCalled:i,...r}]},[t])}({onCompleted:e=>{let{generateNickname:n}=e;f.current=!1,h.current||(p(n.nickname),o({name:"Profile Setting Random Nickname Generate Completed",properties:{isSystemEvent:!0,nickname:n.nickname,pageName:D}}))},onError:()=>{f.current=!1,r({title:l({defaultMessage:"ëë¤ìì ë§ë¤ì§ 못íì´ì. ë¤ì ìëí´ì£¼ì¸ì.",id:"XeFo83i9dFR2"}),kind:"error"})}}),y=(0,i.useCallback)(()=>{f.current||(f.current=!0,g({variables:{input:{}}}))},[g]);(0,i.useEffect)(()=>{n&&(h.current=!1,p(""),y())},[n,y]),(0,i.useEffect)(()=>{n&&o({name:"Profile Setting Confirm Modal Impressed",properties:{pageName:D}})},[n,o]);let C=(0,i.useCallback)(()=>{o({name:"Profile Setting Confirm Modal Random Nickname Clicked",properties:{pageName:D}}),y()},[y,o]),[b,{isUpdatedLoading:w}]=function(e){let n={..._,...e},t=E.n(U,n);return i.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{updatedData:null==e?void 0:e.updated,isUpdatedLoading:n,updatedError:l,isUpdatedCalled:i,...r}]},[t])}({onCompleted:e=>{var n;let{updated:l}=e;h.current=!1,o({name:"Profile Save Clicked",properties:{nickname:null!=(n=l.user.nickName)?n:"",pageName:D}}),t()},onError:()=>{h.current=!1,r({title:l({defaultMessage:"íë¡íì ì ì¥íì§ ëª»íì´ì. ë¤ì ìëí´ì£¼ì¸ì.",id:"mP5GG2nCSb/l"}),kind:"error"})}}),k=(0,i.useCallback)(()=>{m&&(h.current=!0,o({name:"Profile Setting Confirm Modal Okay Clicked",properties:{nickname:m,pageName:D}}),b({variables:{input:{nickname:m,nicknameSource:"GENERATED",...(null==a?void 0:a.photoUrl)||!d?{}
1:{photoUrl:u}}}}))},[u,d,m,null==a?void 0:a.photoUrl,o,b]);return{localizeText:l,isSheetOpen:n,nickname:m,photoUrl:c,isConfirming:w,isRegenerateDisabled:w||x,handleRegenerateClick:C,handleConfirmClick:k,handleCloseClick:(0,i.useCallback)(()=>{o({name:"Profile Setting Confirm Modal Close Clicked",properties:{pageName:D}}),t()},[t,o])}},e=>{let{localizeText:n,isSheetOpen:t,nickname:i,photoUrl:r,isConfirming:o,isRegenerateDisabled:a,handleRegenerateClick:d,handleConfirmClick:m,handleCloseClick:g}=e;return(0,l.jsx)(u.Yb,{size:"md",open:t,onClose:g,showCloseButton:!0,renderContents:()=>(0,l.jsxs)(k.B,{direction:"vertical",px:20,pt:0,pb:[0,8],reverse:[!0,!1],spacing:[40,32],children:[(0,l.jsxs)(c.T,{children:[(0,l.jsx)(h.h,{level:[4,3],color:"onView1",children:(0,l.jsx)(s.V,{defaultMessage:"ëë¤ìì ìëì¼ë¡ ë§ë¤ìì´ì",id:"xa7MJ2A99yJe"})}),(0,l.jsx)(p.$,{height:[12,8]}),(0,l.jsx)(f.f,{level:3,color:"onView2",children:(0,l.jsx)(s.V,{defaultMessage:"ë§ìì ì ë¤ë©´ ë²í¼ì ëë¬ ìë¡ê² ë§ë¤ì´ë³´ì¸ì. ê³ì ì¤ì ìì ì¸ì ë ë°ê¿ ì ìì´ì.",id:"SNSgcEo4OHMf"})})]}),(0,l.jsx)(P.f,{nickname:i,photoUrl:r,isRegenerateDisabled:a,onRegenerateClick:d})]}),primaryButtonOptions:{text:n({defaultMessage:"íì¸",id:"q2DcHj0lRoOP"}),loading:o,disabled:!i,onClick:m}})});function B(){let e=(0,S._)(["\n query ProfileOnProfileSettingsInductionModal {\n profile: me {\n _id\n nickName\n photoUrl\n isNicknameConfigured\n }\n}\n "]);return B=function(){return e},e}let H={},$=(0,V.J1)(B()),W=(0,d.o)(e=>{let{isOpen:n,close:t}=e,{localizeText:r}=(0,j.B)(),{trackEvent:a}=(0,v.j)(),{isLoggedIn:s}=(0,x.h)(),{push:d}=(0,b.W)(),{pathname:u,search:c}=(0,w.z)(),{getUrl:m}=(0,y.h)(),{open:p}=(()=>{let{open:e,close:n,unmount:t,isOverlayOpen:r}=(0,o.e)({overlayId:"generated-nickname"});return{isOpen:r,open:(0,i.useCallback)(()=>{t(),e(e=>{let{isOpen:n,close:t}=e;return(0,l.jsx)(F,{isOpen:n,close:t})})},[e,t]),close:n}})(),h=(0,i.useCallback)(e=>{a({name:e,properties:{pageName:"profile_setting_modal"}})},[a]),{profileData:f}=function(e){let n={...H,...e},t=z.I($,n);return i.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{profileData:null==e?void 0:e.profile,isProfileLoading:n,profileError:l,isProfileCalled:i,refetchProfile:r,fetchMoreProfile:o,...a}},[t])}({skip:!s}),g=(0,i.useMemo)(()=>!(null==f?void 0:f.isNicknameConfigured)||!(null==f?void 0:f.nickName)||!(null==f?void 0:f.photoUrl),[null==f?void 0:f.isNicknameConfigured,null==f?void 0:f.nickName,null==f?void 0:f.photoUrl]),k=(0,i.useCallback)(()=>{t(),h("Profile Setting Modal Setting Clicked");let e=""===c||c.startsWith("?")?c:"?".concat(c);d(m("/[lang]/nickname-setting",void 0,{query:{redirect:"".concat(u).concat(e)}}))},[t,m,u,d,c,h]),P=(0,i.useCallback)(()=>{t(),h("Profile Setting Modal Skip Clicked"),p()},[t,p,h]),I=(0,i.useCallback)(()=>{t(),h("Profile Setting Modal Close Clicked")},[t,h]),T=!!f&&n&&g;(0,i.useEffect)(()=>{T&&h("Profile Setting Modal Impressed")},[T,h]);let M=(0,i.useRef)(null),S=(0,i.useRef)(void 0),V=(0,i.useCallback)(()=>{var e;null==(e=M.current)||e.play().catch(()=>{})},[]),E=(0,i.useCallback)(()=>{clearTimeout(S.current),S.current=setTimeout(V,1e3)},[V]),N=(0,i.useCallback)(()=>{var e;(null==(e=M.current)?void 0:e.paused)===!0&&V()},[V]);return(0,C.F)("visible",N),(0,i.useEffect)(()=>()=>{clearTimeout(S.current)},[T]),{localizeText:r,isModalOpen:T,characterVideoRef:M,handleCharacterVideoEnded:E,handleModalClose:I,handleSkipClick:P,handleProfileSettingClick:k}},e=>{let{localizeText:n,isModalOpen:t,characterVideoRef:i,handleCharacterVideoEnded:r,handleModalClose:o,handleSkipClick:d,handleProfileSettingClick:x}=e;return(0,l.jsx)(u.Yb,{size:"md",open:t,onClose:o,renderContents:()=>(0,l.jsxs)(c.T,{px:20,pt:36,alignHorizontal:"center",children:[!g.i&&(0,l.jsx)(m.t,{width:80,height:80,rounded:"full",overflow:"hidden",children:(0,l.jsx)(a.C,{ref:i,autoPlay:!0,muted:!0,playsInline:!0,onEnded:r,width:"100%",height:"100%",objectFit:"cover","aria-hidden":!0,children:(0,l.jsx)("source",{src:"https://cdn.class101.net/attachment/cc049118-ec2a-4fd6-bbe8-a73507931630",type:"video/webm"})})}),(0,l.jsx)(p.$,{height:40}),(0,l.jsx)(h.h,{level:4,color:"onView1",textAlign:"center",children:(0,l.jsx)(s.V,{defaultMessage:"íë¡íì ë§ë¤ì´ ë³´ì¸ì!",id:"pmGolHABWwan"})}),(0,l.jsx)(p.$,{height:12}),(0,l.jsx)(f.f,{level:3,color:"onView2",textAlign:"center",children:(0,l.jsx)(s.V,{defaultMessage:"í¬ë¦¬ìì´í°ë¥¼ ë¹ë¡¯í ë¤ë¥¸ ì¬ëë¤ê³¼ ìíµí ëë§ì íë¡íì´ìì.",id:"z4rIEscWOFZG"})})]}),primaryButtonOptions:{text:n({defaultMessage:"ë´ íë¡í ì¤ì í기",id:"plW5zeGHiSiO"}),onClick:x},subButtonOptions:{text:n({defaultMessage:"ê±´ëë°ê¸°",id:"t1p859mP6QXC"}),onClick:d}})}),q=()=>{let{open:e,close:n,isOverlayOpen:t}=(0,o.e)({overlayId:"profile-settings-induction"}),{initialized:a,identified:s,checkGate:d}=(0,r.f)(),u=(0,i.useCallback)(()=>{!t&&a&&s&&d("profile_settings_induction")&&e(e=>{let{isOpen:n,close:t}=e;return(0,l.jsx)(W,{isOpen:n,close:t})})},[d,s,a,t,e]);return{isOpen:t,open:u,close:n}}},410593:(e,n,t)=>{"use strict";t.d(n,{f:()=>m});
1var l=t(304930),i=t(665162),r=t(869950),o=t(94899),a=t(937706),s=t(718182),d=t(297346),u=t(309020),c=t(634900);let m=(0,i.memo)(e=>{let{nickname:n,photoUrl:t,isRegenerateDisabled:i,onRegenerateClick:m}=e;return(0,l.jsx)(o.t,{backgroundColor:"surface2",borderColor:"outline1",borderWidth:1,rounded:"xl",p:16,children:(0,l.jsxs)(a.z,{alignVertical:"center",alignHorizontal:"space-between",spacing:16,children:[(0,l.jsxs)(a.z,{alignVertical:"center",spacing:16,flexShrink:1,children:[(0,l.jsx)(a.z,{flexShrink:0,children:(0,l.jsx)(s.e,{src:t,size:48,alt:""})}),(0,l.jsx)(d.h,{level:5,color:"onView1",lineLimit:1,children:n})]}),(0,l.jsx)(a.z,{flexShrink:0,children:(0,l.jsx)(u.z,{size:"md",IconComponent:c.S,disabled:i,onClick:m,children:(0,l.jsx)(r.V,{defaultMessage:"ë°ê¾¸ê¸°",id:"x496tnJVB/Of"})})})]})})})},447897:(e,n,t)=>{"use strict";t.d(n,{d:()=>f});var l=t(304930),i=t(665162),r=t(593710),o=t(215276),a=t(642158);let s=e=>{let{...n}=e,{attachmentUploader:t}=(0,a.E)();return(0,l.jsx)(o.f,{...n,accept:"*/*",uploader:t})};var d=t(937706),u=t(935e3),c=t(441418),m=t(198833),p=t(72530);let h=(0,i.memo)(e=>{let{uploader:n,onUploadSuccess:t}=e,{imageUploader:i}=(0,r.w)();return(0,l.jsx)(o.f,{name:"images",accept:"image/jpeg, image/png",uploader:i,multiple:!0,onSuccess:t,children:e=>{let{isLoading:t,upload:i}=e;return(0,l.jsx)(d.z,{alignVertical:"center",spacing:6,children:t?(0,l.jsx)(u.y,{size:"sm"}):(0,l.jsx)(c.K,{IconComponent:m.Y,size:"md",ariaLabel:"attach image",onClick:()=>n(i)})})}})}),f=(0,i.memo)(e=>{let{uploader:n,onUploadSuccess:t,showImage:i=!0,showFile:r=!0}=e;return(0,l.jsxs)(d.z,{gap:12,alignVertical:"center",children:[i&&(0,l.jsx)(h,{uploader:n,onUploadSuccess:e=>t({type:"IMAGE",uploadFile:e})}),r&&(0,l.jsx)(s,{name:"file",multiple:!0,onSuccess:e=>t({type:"FILE",uploadFile:e}),children:e=>{let{isLoading:t,upload:i}=e;return(0,l.jsx)(d.z,{alignVertical:"center",spacing:6,children:t?(0,l.jsx)(u.y,{size:"sm"}):(0,l.jsx)(c.K,{IconComponent:p.Y,size:"md",ariaLabel:"attach file",onClick:()=>n(i)})})}})]})})},466038:(e,n,t)=>{"use strict";t.d(n,{b:()=>d});var l=t(304930),i=t(665162),r=t(672512),o=t(617068),a=t(212819);let s=(0,r.A)(e=>{var n;let{children:t,className:l,...r}=e;return(0,i.cloneElement)(t,{...r,className:[null!=(n=t.props.className)?n:"",null!=l?l:""].join(" ").trim()})},{shouldForwardProp:o.Ay})(a.xf),d=(0,i.memo)(e=>{let{children:n,...t}=e;return(0,i.isValidElement)(n)?(0,l.jsx)(s,{...t,children:n}):(0,l.jsx)(l.Fragment,{children:null!=n?n:null})});d.forwardStyle=!0},521716:(e,n,t)=>{"use strict";function l(e){let n=document.getElementById(e);if(n)return n;let t=document.createElement("div");return t.id=e,document.body.appendChild(t),t}t.d(n,{P:()=>l})},586307:(e,n,t)=>{"use strict";t.d(n,{s:()=>j});var l=t(304930),i=t(154662),r=t(971188),o=t(459845),a=t(901477),s=t(956598),d=t(937706),u=t(570341),c=t(226061),m=t(13175),p=t(94899),h=t(419941),f=t(422687),g=t(522025),x=t(665162),y=t(137902),C=t(75524),v=t(263364);let j=(0,r.o)(e=>{var n,t,l,i,r,o,a,s;let{post:d,compact:u=!1,onClick:c}=e,{getUrl:m}=(0,y.h)(),{localizeText:p}=(0,C.B)(),h=(0,x.useMemo)(()=>decodeURIComponent(m("/[lang]/creators/[handle]/posts/[postId]",{handle:d.creatorSpace.handle,postId:d.id})),[m,d.creatorSpace.handle,d.id]),f=null!=(l=null==(n=d.reactions[0])?void 0:n.likeCount)?l:0;return{href:h,onClick:c,compact:u,nickname:null!=(i=null==(t=d.author)?void 0:t.nickName)?i:p({defaultMessage:"íí´í ì¬ì©ì",id:"HdvYhkyCk+xe"}),createdAt:new Date(d.createdAt),title:null!=(r=d.title)?r:"",content:null!=(a=null!=(o=d.previewContent)?o:d.content)?a:"",thumbnailImageUrl:null!=(s=d.thumbnailImageUrl)?s:void 0,likeCount:(0,v.z)(f,"ko"),commentCount:(0,v.z)(d.replyPostCount,"ko"),viewCount:(0,v.z)(d.viewCount,"ko")}},e=>{let{href:n,onClick:t,compact:r,nickname:x,createdAt:y,title:C,content:v,thumbnailImageUrl:j,likeCount:b,commentCount:w,viewCount:k}=e;return(0,l.jsx)(a.o,{href:n,onClick:t,children:(0,l.jsxs)(s.T,{gap:12,children:[!r&&(0,l.jsxs)(d.z,{gap:6,alignVertical:"center",children:[(0,l.jsx)(u.n,{level:3,color:"onView2",lineLimit:1,children:x}),(0,l.jsx)(u.n,{level:3,color:"onView3",flexShrink:0,children:(0,l.jsx)(i.d,{date:y})})]}),(0,l.jsx)(c.f,{level:3,weight:"semiBold",color:"onView1",lineLimit:1,children:C}),(0,l.jsxs)(d.z,{gap:[8,8,16],height:80,children:[(0,l.jsx)(s.T,{flex:1,minWidth:0,children:(0,l.jsx)(c.f,{level:4,color:"onView2",lineLimit:4,wordBreak:"break-all",children:v})}),(0,o.O)(j)&&(0,l.jsxs)(s.T,{flexShrink:0,position:"relative",children:[(0,l.jsx)(m.w,{aspectRatio:1,src:null!=j?j:"",width:80,sizes:[160],objectFit:"cover",alt:"","aria-hidden":!0,rounded:"sm",dim:!1}),(0,l.jsx)(p.t,{position:"absolute",top:0,left:0,width:"100%",aspectRatio:1,rounded:"sm",borderColor:"outline1"})]})]}),!r&&(0,l.jsxs)(d.z,{gap:16,alignVertical:"center",pt:8,children:[(0,l.jsxs)(d.z,{gap:4,alignVertical:"center",children:[(0,l.jsx)(h.Y,{size:16,fill:"onView2"}),(0,l.jsx)(u.n,{level:2,color:"onView2",children:b})]}),(0,l.jsxs)(d.z,{gap:4,alignVertical:"center",children:[(0,l.jsx)(f.Y,{size:16,fill:"onView2"}),(0,l.jsx)(u.n,{level:2,color:"onView2",children:w})]}),(0,l.jsxs)(d.z,{gap:4,alignVertical:"center",children:[(0,l.jsx)(g.Y,{size:16,fill:"onView2"}),(0,l.jsx)(u.n,{level:2,color:"onView2",children:k})]})]})]})})})},598582:(e,n,t)=>{"use strict";t.d(n,{k:()=>o});
1var l=t(304930),i=t(956598),r=t(935e3);let o=e=>{let{size:n="lg"}=e;return(0,l.jsx)(i.T,{width:"100%",height:"100vh",alignHorizontal:"center",alignVertical:"center",children:(0,l.jsx)(r.y,{size:n})})}},629428:()=>{},634900:(e,n,t)=>{"use strict";t.d(n,{S:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="reload-fill",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"M20.9 12.065v-.1c0-4.91-3.99-8.9-8.9-8.9-2.265 0-4.42.86-6.085 2.42l1.715 1.2L2.42 8.56 2.4 3.025 4.075 4.2A11.14 11.14 0 0 1 12 .865c6.12 0 11.1 4.98 11.1 11.1v.1zM12 23.136c-6.12 0-11.1-4.98-11.1-11.1v-.1h2.2v.1c0 4.91 3.99 8.9 8.9 8.9 2.265 0 4.42-.86 6.085-2.42l-1.715-1.2 5.21-1.875.02 5.534-1.675-1.175A11.15 11.15 0 0 1 12 23.13z"})})}),{iconType:"Fill"});a.displayName="ReloadFill"},692943:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="arrowturndownright-thin",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"M14.454 20.248a.5.5 0 0 1-.707 0l-.494-.494a.5.5 0 0 1 0-.707l6.196-6.196H11A8.85 8.85 0 0 1 2.15 4V2.5a.5.5 0 0 1 .5-.5h.7a.5.5 0 0 1 .5.5V4A7.15 7.15 0 0 0 11 11.15h8.45l-6.197-6.196a.5.5 0 0 1 0-.707l.494-.494a.5.5 0 0 1 .707 0l7.895 7.893a.5.5 0 0 1 0 .708z"})})}),{iconType:"Thin"});a.displayName="ArrowTurnDownRightThin"},739517:()=>{},745323:(e,n,t)=>{"use strict";t.d(n,{S:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="heart-fill",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"M2.338 13.228a6.95 6.95 0 0 1-1.937-4.99 6.95 6.95 0 0 1 2.144-4.903A6.94 6.94 0 0 1 7.376 1.4 7 7 0 0 1 12 3.134 7 7 0 0 1 16.624 1.4a6.94 6.94 0 0 1 4.83 1.935A6.95 6.95 0 0 1 23.6 8.24a6.95 6.95 0 0 1-1.937 4.989l-9.661 9.915z"})})}),{iconType:"Fill"});a.displayName="HeartFill"},750668:(e,n,t)=>{"use strict";t.r(n),t.d(n,{CreatorSpacePostDetailPage:()=>ii,default:()=>ir});var l=t(686739),i=t(304930),r=t(456392),o=t(572441),a=t(971188),s=t(78975),d=t(665162);function u(){let e=(0,l._)(["\n query CreatorSpaceOnCommunityCreatorEventProperties($handle: String!) {\n creatorSpace(handle: $handle) {\n id\n creator {\n id\n firestoreId\n nickName\n }\n }\n}\n "]);return u=function(){return e},e}let c={},m=(0,r.J1)(u()),p=(0,a.o)(e=>{var n,t;let{children:l,handle:i}=e,{creatorSpaceData:r,isCreatorSpaceLoading:o}=function(e){let n={...c,...e},t=s.I(m,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{creatorSpaceData:null==e?void 0:e.creatorSpace,isCreatorSpaceLoading:n,creatorSpaceError:l,isCreatorSpaceCalled:i,refetchCreatorSpace:r,fetchMoreCreatorSpace:o,...a}},[t])}({variables:{handle:i},fetchPolicy:"cache-first"});return{children:l,creatorId:null!=(n=null==r?void 0:r.creator.firestoreId)?n:"",creatorNickName:null!=(t=null==r?void 0:r.creator.nickName)?t:"",isLoading:o}},e=>{let{children:n,creatorId:t,creatorNickName:l,isLoading:r}=e;return(0,i.jsx)(o.b,{properties:{creatorId:t,creatorName:l},fulfilled:!r,children:n})});var h=t(323725);function f(){let e=(0,l._)(["\n mutation IncreasePostViewCountOnIncreasePostViewCount($postId: ID!) {\n increasePostViewCount(postId: $postId) {\n post {\n id\n }\n }\n}\n "]);return f=function(){return e},e}let g={},x=(0,r.J1)(f()),y=(0,a.o)(e=>{let{postId:n}=e,[t]=function(e){let n={...g,...e},t=h.n(x,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{increasePostViewCountData:null==e?void 0:e.increasePostViewCount,isIncreasePostViewCountLoading:n,increasePostViewCountError:l,isIncreasePostViewCountCalled:i,...r}]},[t])}({variables:{postId:n}});(0,d.useEffect)(()=>{t()},[t])},()=>null);var C=t(355499),v=t(616296),j=t(956598);let b=(0,d.memo)(e=>{let{value:n,onChange:t,mentionedUser:l,placeholder:r,onFocus:o,onBlur:a}=e,s=(0,d.useRef)(null),u=(0,d.useRef)(!1),c=(0,d.useRef)(!1),m=(0,d.useCallback)(()=>
1{if(!s.current)return"";let e=s.current.cloneNode(!0);e.querySelectorAll('[data-mention="true"]').forEach(e=>e.remove());let n=e.innerHTML;n=(n=(n=n.replace(/<div>/gi,"\n")).replace(/<\/div>/gi,"")).replace(/<br\s*\/?>/gi,"\n");let t=document.createElement("div");return t.innerHTML=n,(t.textContent||t.innerText||"").trim()},[]),p=(0,d.useCallback)(()=>{if(!s.current)return;let e=s.current.querySelector('[data-mention="true"]');return(null==e?void 0:e.getAttribute("data-user-id"))||void 0},[]);(0,d.useEffect)(()=>{if(!s.current)return;let e=m();if(""===n&&!l){""!==s.current.innerHTML&&(s.current.innerHTML="",u.current=!1);return}if(u.current&&e===n)return;if(s.current.innerHTML="",l){let e=document.createElement("span");e.className="mention",e.contentEditable="false",e.dataset.mention="true",e.dataset.userId=l.id||"",e.textContent=l.nickname||"",e.style.cssText="\n display: inline-block;\n color: rgb(25, 118, 210);\n cursor: default;\n user-select: none;\n font-weight: 500;\n margin-right: 4px;\n ",s.current.appendChild(e),s.current.appendChild(document.createTextNode(" "))}n&&s.current.appendChild(document.createTextNode(n));let t=document.createRange(),i=window.getSelection();t.selectNodeContents(s.current),t.collapse(!1),null==i||i.removeAllRanges(),null==i||i.addRange(t),u.current=!0},[n,l,m]);let h=(0,d.useCallback)(e=>{var n;let l=window.getSelection(),i=null==(n=s.current)?void 0:n.querySelector('[data-mention="true"]');if(!i||!l||0===l.rangeCount)return;let r=l.getRangeAt(0);if("Backspace"===e.key&&r.collapsed&&0===r.startOffset&&(r.startContainer===i.nextSibling||r.startContainer.nodeType===Node.TEXT_NODE&&r.startContainer.previousSibling===i)&&!m()||"Delete"===e.key&&r.collapsed&&0===r.endOffset&&(r.endContainer.nextSibling===i||r.endContainer.nodeType===Node.TEXT_NODE&&r.endContainer.nextSibling===i)&&!m()){e.preventDefault(),i.remove(),t({text:"",mentionedUserId:void 0});return}},[t,m]),f=(0,d.useCallback)(()=>{c.current=!0},[]),g=(0,d.useCallback)(()=>{c.current=!1,t({text:m(),mentionedUserId:p()})},[t,m,p]),x=(0,d.useCallback)(e=>{if(!e.nativeEvent.isComposing)t({text:m(),mentionedUserId:p()})},[t,m,p]),y=(0,d.useCallback)(e=>{e.preventDefault();let n=e.clipboardData.getData("text/plain"),l=window.getSelection();if(!l||0===l.rangeCount)return;let i=l.getRangeAt(0);i.deleteContents();let r=document.createTextNode(n);i.insertNode(r),i.setStartAfter(r),i.setEndAfter(r),l.removeAllRanges(),l.addRange(i),u.current=!0,t({text:m(),mentionedUserId:p()})},[t,m,p]);return(0,i.jsxs)(j.T,{children:[(0,i.jsx)("div",{ref:s,contentEditable:!0,suppressContentEditableWarning:!0,role:"textbox","aria-label":r||"ëê¸ ì
ë ¥","aria-multiline":"true",tabIndex:0,onKeyDown:h,onInput:x,onPaste:y,onCompositionStart:f,onCompositionEnd:g,onFocus:o,onBlur:a,"data-placeholder":r,style:{minHeight:"42px",maxHeight:"129px",padding:"12px",backgroundColor:"var(--vibrant-color-surface2)",borderRadius:"4px",outline:"none",fontSize:"14px",lineHeight:"21px",fontWeight:400,position:"relative",overflowY:"auto"}}),(0,i.jsx)("style",{children:"\n div[contenteditable]:empty:before {\n content: attr(data-placeholder);\n color: var(--vibrant-color-onView3) !important;\n pointer-events: none;\n position: absolute;\n font-size: 14px;\n line-height: 21px;\n font-weight: 400;\n }\n "})]})}),w=e=>{let{name:n,defaultValue:t="",rules:l,mentionedUser:r,placeholder:o,onMentionChange:a,onFocus:s,onBlur:d}=e,{control:u}=(0,v.xW)();return(0,i.jsx)(v.xI,{name:n,control:u,rules:l,defaultValue:t,render:e=>{let{field:n}=e;return(0,i.jsx)(b,{value:n.value,onChange:e=>{n.onChange(e.text),null==a||a(e.mentionedUserId)},mentionedUser:r,placeholder:o,onFocus:s,onBlur:d})}})};var k=t(869950),P=t(94899),I=t(937706),T=t(226061),M=t(48150),S=t(901477),V=t(325205),z=t(52900),E=t(524767),N=t(144312),O=t(130251),L=t(13175),_=t(441418),R=t(570341),A=t(428749);let U=(0,d.memo)(e=>{let{attachments:n,onDelete:t}=e;return(0,i.jsx)(I.z,{p:12,gap:12,alignVertical:"center",width:"100%",scrollable:!0,children:n.map(e=>{var n,l;return(0,i.jsx)(P.t,{borderColor:"FILE"===e.type?"outline1":void 0,rounded:"md",maxWidth:180,minHeight:68,flexShrink:0,children:(0,i.jsx)(i.Fragment,{children:"IMAGE"===e.type?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(L.w,{src:e.url,rounded:"sm",width:68,sizes:68,aspectRatio:1,alt:null!=(n=e.filename)?n:""}),(0,i.jsx)(j.T,{position:"absolute",top:10,right:10,zIndex:2,children:(0,i.jsx)(_.K,{IconComponent:A.Y,size:"sm",color:"onView1",ariaLabel:"remove image attachment",onClick:()=>t(e.url)})})]}):(0,i.jsxs)(I.z,{gap:14,p:14,children:[(0,i.jsxs)(j.T,{height:"100%",alignVertical:"center",gap:4,children:[(0,i.jsx)(R.n,{level:2,
1weight:"medium",color:"onView1",lineLimit:1,children:e.filename}),(0,i.jsxs)(R.n,{level:5,color:"onView2",lineLimit:1,children:[e.fileExtension?" ".concat(e.fileExtension.toUpperCase()):""," ",(0,O.z)(null!=(l=e.fileSizeBytes)?l:0)]})]}),(0,i.jsx)(_.K,{IconComponent:A.Y,size:"sm",ariaLabel:"remove file attachment",onClick:()=>t(e.url)})]})})},e.url)})})});var D=t(447897),F=t(206259),B=t(463965),H=t(796186),$=t(336235),W=t(999957),q=t(600753),J=t(963467),Y=t(857731),G=t(57588);let K=(0,d.memo)(e=>{let{postType:n,handlePostTypeChange:t}=e;return(0,i.jsx)(B.r,{renderOpener:e=>{let{open:t}=e;return(0,i.jsx)(H.a,{size:"md",IconComponent:J.L,onClick:t,children:n===F.aCF.PRIVATE?(0,i.jsx)(k.V,{defaultMessage:"매ëì ê³µê°",id:"ckkScFp/M5mV"}):(0,i.jsx)(k.V,{defaultMessage:"ì ì²´ ê³µê°",id:"PTfafqs52oe/"})})},children:e=>{let{close:l}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)($.G,{title:(0,i.jsx)(k.V,{defaultMessage:"ê³µê° ë²ì",id:"BY0mbMnP+4mC"})}),(0,i.jsxs)(W.I,{children:[(0,i.jsx)(q._,{title:(0,i.jsx)(k.V,{defaultMessage:"ì ì²´ ê³µê°",id:"PTfafqs52oe/"}),hideChevron:!0,disabled:n===F.aCF.GENERAL,onClick:()=>{t(F.aCF.GENERAL),l()},renderStart:()=>(0,i.jsx)(Y.Y,{size:20})}),(0,i.jsx)(q._,{title:(0,i.jsx)(k.V,{defaultMessage:"매ëì ê³µê°",id:"ckkScFp/M5mV"}),hideChevron:!0,disabled:n===F.aCF.PRIVATE,onClick:()=>{t(F.aCF.PRIVATE),l()},renderStart:()=>(0,i.jsx)(G.Y,{size:20})})]})]})}})});var X=t(323264),Q=t(604841),Z=t(137902),ee=t(72731),en=t(75524),et=t(241908),el=t(780412),ei=t(222018);function er(){let e=(0,l._)(["\n mutation PostCreateOnCommunityReplyForm($input: PostCreateInput!) {\n postCreate(input: $input) {\n post {\n id\n title\n htmlContent\n postType\n attachments {\n id\n }\n parent {\n id\n replyPostCount\n isParticipant\n }\n }\n }\n}\n "]);return er=function(){return e},e}function eo(){let e=(0,l._)(["\n query CommunityChannelOnCommunityReplyForm($id: ID!) {\n communityChannel(id: $id) {\n id\n name\n channelType\n allowPrivatePosts\n allowReplies\n }\n}\n "]);return eo=function(){return e},e}function ea(){let e=(0,l._)(["\n query CommunityPostOnCommunityReplyForm($id: ID!) {\n communityPost(id: $id) {\n id\n showPaywall\n postType\n lesson {\n _id\n mission {\n message\n }\n klass {\n _id\n title\n product {\n _id\n title\n coverImageUrl\n }\n }\n }\n }\n}\n "]);return ea=function(){return e},e}let es={},ed=(0,r.J1)(er()),eu=(0,r.J1)(eo()),ec=(0,r.J1)(ea()),em=(0,a.o)(e=>{var n;let{postId:t,channelId:l,replyToPostId:i,parentPostAuthor:r,onSuccess:o}=e,{localizeText:a}=(0,en.B)(),{showToast:u}=(0,ei.hs)(),{trackEvent:c}=(0,ee.j)(),{getUrl:m}=(0,Z.h)(),{open:p}=(0,X.d)(),{push:f}=(0,et.W)(),{href:g}=(0,el.z)(),[x,y]=(0,d.useState)(void 0),[C,j]=(0,d.useState)(!1),{isLoggedIn:b}=(0,Q.h)(),w=(0,d.useMemo)(()=>m("account/LoginPage",{},{query:{redirect:g}}),[m,g]),k=(0,v.mN)({defaultValues:{htmlContent:"",attachments:[],postType:F.aCF.GENERAL}}),P=(0,v.FH)({control:k.control,name:"postType"}),I=(0,v.FH)({control:k.control,name:"attachments"}),{communityChannelData:T}=function(e){let n={...es,...e},t=s.I(eu,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityChannelData:null==e?void 0:e.communityChannel,isCommunityChannelLoading:n,communityChannelError:l,isCommunityChannelCalled:i,refetchCommunityChannel:r,fetchMoreCommunityChannel:o,...a}},[t])}({variables:{id:l},skip:!l}),{communityPostData:M}=function(e){let n={...es,...e},t=s.I(ec,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:t},skip:!t}),S=null!=(n=null==M?void 0:M.showPaywall)&&n,V=(null==M?void 0:M.postType)===F.aCF.KLASS_COMMENT,[z,{isPostCreateLoading:E}]=function(e){let n={...es,...e},t=h.n(ed,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{postCreateData:null==e?void 0:e.postCreate,isPostCreateLoading:n,postCreateError:l,isPostCreateCalled:i,...r}]},[t])}({refetchQueries:["CommunityPostOnCommunityThread","CommunityPostOnCommunityReply"],awaitRefetchQueries:!0}),N=(0,d.useCallback)(e=>{k.setValue("postType",e)},[k]),O=(0,d.useCallback)(e=>{if((k.getValues("attachments")||[]).length>=10)return void u({title:a({defaultMessage:"íì¼ì ìµë 10ê°ê¹ì§ ì¶ê°í ì ìì´ì.",id:"NGCMXIrBk4XY"}),kind:"error"});e()},[k,a,u]),L=(0,d.useCallback)(e=>{let{type:n,uploadFile:t}=e,l=k.getValues("attachments")||[],i=t.map(e=>({url:e.url,filename:e.name,type:n,fileSizeBytes:e.size}));k.setValue("attachments",[...l,...i])},[k]),_=(0,d.useCallback)(e=>{k.setValue("attachments",I.filter(n=>n.url!==e))},[I,k]),R=(0,d.useCallback)(e=>{var n;if(!(null==(n=e.htmlContent)?void 0:n.trim()))return void u({title:a({defaultMessage:"ë´ì©ì ë°ëì í¬í¨í´ 주ì¸ì.",id:"lZCn4z9RGpgT"}),kind:"error"});z({variables:{input:{attachments:e.attachments,channelId:l,postType:e.postType,parentId:t,...i&&{replyToPostId:i},htmlContent:e.htmlContent.trim(),postContentType:F.n3F.HTML_TEXT,...x&&{mentionedUserId:x}}},onCompleted:e=>{let{postCreate:n}=e;p(),c({name:"Community Post Replied",properties:{channelId:l,channelName:null==T?void 0:T.name,channelType:null==T?void 0:T.channelType,postFormat:n.post.attachments.length>0?"multimedia":"text_only",postId:n.post.id,postTitle:n.post.title}}
1),k.reset(),y(void 0),j(!1),null==o||o()},onError:e=>{u({title:a({defaultMessage:"ëê¸ ë±ë¡ì ì¤í¨íìµëë¤. {error}",id:"bDBlDNXaFBeJ"},{error:e.message}),kind:"error"})}})},[z,l,t,i,x,u,a,p,c,null==T?void 0:T.name,null==T?void 0:T.channelType,k,o]),A=(0,d.useMemo)(()=>{var e;return null!=(e=null==T?void 0:T.allowPrivatePosts)&&e},[null==T?void 0:T.allowPrivatePosts]),U=(0,d.useMemo)(()=>{var e;return null==(e=null==T?void 0:T.allowReplies)||e},[null==T?void 0:T.allowReplies]),D=(0,d.useCallback)(e=>{y(e)},[]),B=(0,d.useCallback)(()=>{j(!0)},[]);return{formControlMethods:k,handleSubmit:R,postType:P,attachments:I,handlePostTypeChange:N,isPostCreateLoading:E,uploader:O,handleUploadSuccess:L,localizeText:a,handleAttachmentDelete:_,canSelectPrivatePostType:A,parentPostAuthor:r,handleMentionChange:D,showPaywall:S,isKlassCommentPost:V,handleKlassCommentReplyFormClick:(0,d.useCallback)(()=>{var e,n,t;(null==M||null==(e=M.lesson)?void 0:e._id)&&(null==M||null==(t=M.lesson)||null==(n=t.klass)?void 0:n._id)&&f(m("/[lang]/classes/[klassId]",{klassId:M.lesson.klass._id,lectureId:M.lesson._id}))},[M,m,f]),isFocused:C,handleFocus:B,canReply:U,redirectUrl:w,isLoggedIn:b}},e=>{let{formControlMethods:n,handleSubmit:t,localizeText:l,postType:r,handlePostTypeChange:o,attachments:a,uploader:s,handleUploadSuccess:d,handleAttachmentDelete:u,canSelectPrivatePostType:c,isPostCreateLoading:m,parentPostAuthor:p,handleMentionChange:h,showPaywall:f,isKlassCommentPost:g,handleKlassCommentReplyFormClick:x,isFocused:y,handleFocus:C,canReply:v,redirectUrl:j,isLoggedIn:b}=e;return f?null:g?(0,i.jsx)(P.t,{rounded:"md",borderColor:"outlineDisable",px:12,py:9,elevationLevel:2,backgroundColor:"background",children:(0,i.jsxs)(I.z,{alignVertical:"center",alignHorizontal:"space-between",children:[(0,i.jsx)(T.f,{level:3,weight:"regular",color:"onView3",py:4.5,children:(0,i.jsx)(k.V,{defaultMessage:"ìê° íë©´ìì ëê¸ì ìì±í ì ìì´ì",id:"F0JjaRIpaWG1"})}),(0,i.jsx)(M.W,{kind:"tertiary",size:"sm",IconComponent:E.L,children:null,onClick:x,ariaLabel:"open klass comment reply form"})]})}):v?b?(0,i.jsx)(P.t,{borderColor:"outline1",rounded:"md",backgroundColor:"background",children:(0,i.jsxs)(z.l,{formControlMethods:n,onSubmit:t,children:[y&&a.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(U,{attachments:a,onDelete:u}),(0,i.jsx)(V.c,{direction:"horizontal",margin:"md"})]}),(0,i.jsx)(w,{name:"htmlContent",mentionedUser:p,placeholder:l({defaultMessage:"ëê¸ ìì±...",id:"basPwMqrOwN/"}),onMentionChange:h,onFocus:C}),y&&(0,i.jsxs)(I.z,{alignVertical:"center",alignHorizontal:"space-between",px:12,pb:12,children:[(0,i.jsx)(D.d,{onUploadSuccess:d,uploader:s}),(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",children:[c&&(0,i.jsx)(K,{postType:r,handlePostTypeChange:o}),(0,i.jsx)(M.W,{kind:"primary",IconComponent:N.L,size:"sm",type:"submit",children:null,loading:m,ariaLabel:"submit reply"})]})]})]})}):(0,i.jsx)(S.o,{href:j,children:(0,i.jsx)(P.t,{rounded:"md",borderColor:"outlineDisable",px:12,py:9,elevationLevel:2,backgroundColor:"background",children:(0,i.jsx)(T.f,{level:3,weight:"regular",color:"onView3",py:4.5,children:(0,i.jsx)(k.V,{defaultMessage:"ë¡ê·¸ì¸ íì í ëê¸ì ìì±í´ë³´ì¸ì.",id:"w2z4HMXnJA3p"})})})}):(0,i.jsx)(P.t,{rounded:"md",borderColor:"outlineDisable",px:12,py:9,elevationLevel:2,backgroundColor:"background",children:(0,i.jsx)(T.f,{level:3,weight:"regular",color:"onView3",py:4.5,children:(0,i.jsx)(k.V,{defaultMessage:"ì´ ê²ì물ì ëê¸ì ìì±í ì ìì´ì",id:"3aLn5DoGpn3M"})})})});var ep=t(627756),eh=t(838002),ef=t(172608);function eg(){let e=(0,l._)(["\n query CommunityPostOnCommunityPostMetaTags($id: ID!) {\n communityPost(id: $id) {\n id\n title\n coverImageUrl\n thumbnailImageUrl\n previewContent\n author {\n id\n nickName\n }\n }\n}\n "]);return eg=function(){return e},e}let ex={},ey=(0,r.J1)(eg()),eC=(0,a.o)(e=>{var n;let{postId:t}=e,{localizeText:l}=(0,en.B)(),{pathname:i}=(0,el.z)(),{communityPostData:r,isCommunityPostLoading:o}=function(e){let n={...ex,...e},t=s.I(ey,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:t}}),a=l({defaultMessage:"í´ëì¤101 í¬ë¦¬ìì´í° í",id:"Kn4MTcSGVqgz"}),u=(null==r||null==(n=r.author)?void 0:n.nickName)||l({defaultMessage:"íí´í ì¬ì©ì",id:"HdvYhkyCk+xe"}),c=(null==r?void 0:r.title)||a;return{isLoading:o,title:c,description:(null==r?void 0:r.previewContent)||l({id:"at1U1HnYbfLh",defaultMessage:"{nickName}ì í¬ì¤í¸ë¥¼ íì¸íì¸ì"},{nickName:u}),image:(null==r?void 0:r.thumbnailImageUrl)||(null==r?void 0:r.coverImageUrl)||"",koCanonicalPath:(0,ef.u)("",i,"ko")}},e=>{let{isLoading:n,title:t,description:l,image:r,koCanonicalPath:o}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ep.p,{link:[{rel:"canonical",href:o}]}),n?null:(0,i.jsx)(eh.S,{title:t,description:l,image:r,imageWidth:1200,imageHeight:630,index:!0})]})});
1var ev=t(234646),ej=t(241112);function eb(){let e=(0,l._)(["\n fragment CommunityPostOnPaywallContentStructuredData on CommunityPost {\n id\n title\n previewContent\n coverImageUrl\n thumbnailImageUrl\n createdAt\n showPaywall\n channel {\n exposureRestricted\n }\n author {\n nickName\n photoUrl\n }\n}\n "]);return eb=function(){return e},e}let ew=(0,r.J1)(eb()),ek=(0,a.o)(e=>{var n;let{postId:t}=e,{localizeText:l}=(0,en.B)(),{data:i}=(0,ej.I)({fragment:ew,fragmentName:"CommunityPostOnPaywallContentStructuredData",from:{id:t,__typename:"CommunityPost"}});return{structuredData:(0,d.useMemo)(()=>{var e,n,t;if(!i||!(i.showPaywall&&(null==(e=i.channel)?void 0:e.exposureRestricted)))return null;let r=i.title||l({id:"Community.Post.DefaultTitle",defaultMessage:"커뮤ëí° ê²ì물"}),o=i.previewContent||l({id:"Community.Post.DefaultDescription",defaultMessage:"í¬ë¦¬ìì´í° 커뮤ëí°ì ê²ì물ì
ëë¤."}),a=i.coverImageUrl||i.thumbnailImageUrl||"",s=i.createdAt?new Date(i.createdAt).toISOString():new Date().toISOString();return{"@type":"Article",headline:r,description:o,datePublished:s,dateModified:s,isAccessibleForFree:!1,author:{"@type":"Person",name:(null==i||null==(n=i.author)?void 0:n.nickName)||l({defaultMessage:"íí´í ì¬ì©ì",id:"HdvYhkyCk+xe"}),image:(null==i||null==(t=i.author)?void 0:t.photoUrl)||""},publisher:{"@type":"Organization",name:"Class101",logo:{"@type":"ImageObject",url:"https://cdn.class101.net/images/d5cadd40-c9c2-4439-8ac1-beddcd57b5fe"}},hasPart:[{"@type":"WebPageElement",isAccessibleForFree:!0,cssSelector:"#paywall-free-content"},{"@type":"WebPageElement",isAccessibleForFree:!1,cssSelector:"#paywall-premium-content"}],...a?{image:{"@type":"ImageObject",url:a}}:{}}},[i,l]),shouldShowStructuredData:!!((null==i?void 0:i.showPaywall)&&(null==i||null==(n=i.channel)?void 0:n.exposureRestricted))}},e=>{let{structuredData:n}=e;return n?(0,i.jsx)(ev.f,{data:n}):null});var eP=t(892480),eI=t(586142);function eT(){let e=(0,l._)(["\n query PostNotifyEnabledOnPostNotificationToggle($id: ID!) {\n communityPost(id: $id) {\n id\n notifyEnabled\n isParticipant\n }\n}\n "]);return eT=function(){return e},e}function eM(){let e=(0,l._)(["\n mutation PostNotificationSettingUpdateOnPostNotificationToggle($input: PostNotificationSettingUpdateInput!) {\n postNotificationSettingUpdate(input: $input) {\n id\n postId\n enabled\n }\n}\n "]);return eM=function(){return e},e}let eS={},eV=(0,r.J1)(eT()),ez=(0,r.J1)(eM()),eE=(0,a.o)(e=>{var n,t;let{postId:l}=e,{isLoggedIn:i}=(0,Q.h)(),{localizeText:r}=(0,en.B)(),{showToast:o}=(0,ei.hs)(),{communityPostData:a,isCommunityPostLoading:u}=function(e){let n={...eS,...e},t=s.I(eV,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:l},skip:!i}),[c,{isPostNotificationSettingUpdateLoading:m}]=function(e){let n={...eS,...void 0},t=h.n(ez,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{postNotificationSettingUpdateData:null==e?void 0:e.postNotificationSettingUpdate,isPostNotificationSettingUpdateLoading:n,postNotificationSettingUpdateError:l,isPostNotificationSettingUpdateCalled:i,...r}]},[t])}(),p=null!=(n=null==a?void 0:a.notifyEnabled)&&n,f=i&&null!=(t=null==a?void 0:a.isParticipant)&&t,g=(0,d.useCallback)((e,n)=>{c({variables:{input:{postId:l,enabled:e}},optimisticResponse:{postNotificationSettingUpdate:{__typename:"PostNotificationSettingUpdatePayload",id:l,postId:l,enabled:e}},update:(e,n)=>{let{data:t}=n;t&&e.modify({id:e.identify({__typename:"CommunityPost",id:l}),fields:{notifyEnabled:()=>t.postNotificationSettingUpdate.enabled}})},onCompleted:()=>null==n?void 0:n(),onError:()=>{o({title:r({defaultMessage:"ì림 ì¤ì ì ì¤í¨íì´ì",id:"54gXN6ieOgpS"}),kind:"error"})}})},[l,c,o,r]),x=(0,d.useCallback)(()=>{let e=!p;g(e,()=>{if(e)return void o({title:r({defaultMessage:"ì´ ê¸ì ëí ì림ì ë°ìµëë¤.",id:"3m6EMrS3AmKr"}),buttonText:r({defaultMessage:"ëë리기",id:"xJZG07EtjNRa"}),onButtonClick:()=>{g(!1)}});o({title:r({defaultMessage:"ì´ ê¸ì ëí ì림ì í´ì íìµëë¤.",id:"VmQBewbe52x3"})})})},[p,g,o,r]);return{canShowBell:f,isNotifyEnabled:p,bellAriaLabel:p?"Turn off post notifications":"Turn on post notifications",handleToggleNotification:x,isToggleLoading:m,isLoading:u}},e=>{let{canShowBell:n,isNotifyEnabled:t,bellAriaLabel:l,handleToggleNotification:r,isToggleLoading:o,isLoading:a}=e;return!n||a?null:(0,i.jsx)(_.K,{IconComponent:t?eP.Y:eI.Y,size:"md",color:"onView1",ariaLabel:l,onClick:r,disabled:o})});var eN=t(817574),eO=t(12578),eL=t(462012),e_=t(297346),eR=t(975603),eA=t(338957),eU=t(856685),eD=t(409602),eF=t(279332),eB=t(177560),eH=t(364232);function e$(){let e=(0,l._)(["\n query CommunityPostOnCommunityPostHeader($id: ID!) {\n communityPost(id: $id) {\n id\n channel {\n id\n name\n membershipOnly\n channelType\n klassCommentOnly\n }\n }\n}\n "]);return e$=function(){return e},e}let eW={},eq=(0,r.J1)(e$()),eJ=(0,a.o)(e=>{var n,t,l,i,r;let{postId:o,handle:a,currentChannelId:u}=e,{getUrl:c}=(0,Z.h)(),{setQueryParam:m}=(0,eB.s)(),{canGoBack:p,goBack:h}=(0,eH.L)(),{communityPostData:f,isCommunityPostLoading:g}=function(e){let n={...eW,...e},t=s.I(eq,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:o}}),x=null!=(i=null==f||null==(n=f.channel)?void 0:n.id)?i:"",y=null!=(r=null==f||null==(t=f.channel)?void 0:t.klassCommentOnly)&&r,C=decodeURIComponent(c("/[lang]/creators/[handle]",{handle:a},{query:{channelId:u}}));return(0,d.useEffect)(()=>{x&&u!==x&&m("channelId",x,{replace:!0})},[x,m,u]),{postId:o,handleBackButtonClick:()=>
1{if(eF.f&&!p)return void eA.m2.send({type:eU.p.WebToApp,messageType:eD.sE.ClosePage});h(C)},channelName:null==f||null==(l=f.channel)?void 0:l.name,isLoading:g,communityDetailPageUrl:C,channel:null==f?void 0:f.channel,currentChannelId:u,isKlassCommentChannel:y}},e=>{var n,t;let{postId:l,communityDetailPageUrl:r,handleBackButtonClick:o,channelName:a,isLoading:s,channel:d,currentChannelId:u,isKlassCommentChannel:c}=e;return(0,i.jsxs)(I.z,{alignVertical:"center",p:20,gap:12,children:[(0,i.jsx)(_.K,{IconComponent:eR.Y,size:"md",color:"onView1",onClick:o}),(0,i.jsx)(I.z,{flex:1,alignVertical:"center",children:s||!a?(0,i.jsx)(eL.E.Text,{typography:"title5"}):(0,i.jsx)(eO.N,{href:r,children:(0,i.jsxs)(I.z,{gap:12,children:[(0,i.jsx)(e_.h,{level:5,children:(0,i.jsx)(k.V,{id:"CommunityPostPageTitle",defaultMessage:"í¬ì¤í¸"})}),(0,i.jsxs)(I.z,{gap:2,alignVertical:"center",children:[(0,i.jsx)(eN.Y,{membershipOnly:null!=(n=null==d?void 0:d.membershipOnly)&&n,klassCommentOnly:c,channelId:u,channelType:null!=(t=null==d?void 0:d.channelType)?t:F.kqo.PUBLIC,type:"Thin",size:14,fill:"onView2"}),(0,i.jsx)(R.n,{level:3,color:"onView2",children:a})]})]})})}),(0,i.jsx)(eE,{postId:l})]})});var eY=t(577810),eG=t(916049);function eK(){let e=(0,l._)(["\n query CommunityPostOnCommunityPostMobileHeader($id: ID!) {\n communityPost(id: $id) {\n id\n channel {\n id\n name\n }\n }\n}\n "]);return eK=function(){return e},e}let eX={},eQ=(0,r.J1)(eK()),eZ=(0,a.o)(e=>{var n,t;let{handle:l,postId:i,currentChannelId:r}=e,{getUrl:o}=(0,Z.h)(),{canGoBack:a,goBack:u}=(0,eH.L)(),{communityPostData:c}=function(e){let n={...eX,...e},t=s.I(eQ,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:i}}),m=decodeURIComponent(o("/[lang]/creators/[handle]",{handle:l},{query:{channelId:r}}));return{postId:i,title:null!=(t=null==c||null==(n=c.channel)?void 0:n.name)?t:"",handleBackButtonClick:()=>{if(eF.f&&!a)return void eA.m2.send({type:eU.p.WebToApp,messageType:eD.sE.ClosePage});u(m)},communityDetailPageUrl:m}},e=>{let{postId:n,communityDetailPageUrl:t,handleBackButtonClick:l,title:r}=e;return(0,i.jsx)(eY.V,{title:(0,i.jsx)(eO.N,{href:t,children:(0,i.jsxs)(j.T,{alignHorizontal:"center",py:3,children:[(0,i.jsx)(e_.h,{level:7,color:"onView1",children:(0,i.jsx)(k.V,{id:"CommunityPostPageTitle",defaultMessage:"í¬ì¤í¸"})}),(0,i.jsxs)(R.n,{level:5,color:"onView2",children:["#",r]})]})}),renderLeft:()=>[(0,i.jsx)(S.o,{hitSlop:8,onClick:l,children:(0,i.jsx)(eG.S,{size:22})},"ChevronLeft")],renderRight:()=>[(0,i.jsx)(eE,{postId:n},"NotificationBell")]})});var e0=t(935e3),e1=t(718182),e2=t(20523),e4=t(859056),e5=t(598582),e3=t(297803),e6=t(426999),e9=t(65955),e8=t(505447),e7=t(818047),ne=t(964515),nn=t(247230),nt=t(711044);let nl=(0,d.memo)(e=>{let{src:n,renderOpener:t,alt:l}=e;return(0,i.jsx)(ne.t,{id:"full-page-image",color:"dim",zIndex:5,renderOpener:e=>null==t?void 0:t({...e,src:n}),renderContent:e=>{let{closeModal:t}=e;return(0,i.jsx)(S.o,{onClick:t,width:"100%",height:"100%",position:"relative",children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(nn.T,{width:"100%",height:"100%",overflow:"auto",children:(0,i.jsx)(e6._,{width:"100%",src:n,alt:l,objectFit:"contain",sizes:[640,1200,1980],loading:"lazy"})}),(0,i.jsx)(j.T,{position:"absolute",top:16,right:16,children:(0,i.jsx)(nt.L,{fill:"white",size:[20,24]})})]})})}})});var ni=t(141081),nr=t(823047);let no=(0,a.o)(e=>{let{attachments:n,onDelete:t,postId:l,parentPostId:i}=e,[r,o]=(0,d.useState)(0),a=(0,ni.U)(),{downloadFile:s}=(0,nr.t)(a),{showToast:u}=(0,ei.hs)(),{localizeText:c}=(0,en.B)(),{trackEvent:m}=(0,ee.j)(),p=e=>"IMAGE"===e.type,h=n.map((e,n)=>({...e,originalIndex:n})).filter(p);return{width:r,setWidth:o,onDelete:t,imageAttachments:h,nonImageAttachments:n.map((e,n)=>({...e,originalIndex:n})).filter(e=>!p(e)),handleDownloadFile:async(e,n)=>{try{await s({name:n||void 0,url:e})}catch(e){u({title:c({defaultMessage:"íì¼ ì´ê¸°ì ì¤í¨íìµëë¤.",id:"FileOpenFailed"})});return}m({name:"Community Post Attachment Downloaded",properties:{postId:l,parentPostId:null!=i?i:void 0,attachmentName:null!=n?n:"",attachmentUrl:e}})}}},e=>{let{width:n,setWidth:t,imageAttachments:l,nonImageAttachments:r,onDelete:o,handleDownloadFile:a}=e;return(0,i.jsxs)(j.T,{onLayout:e=>{let{width:n}=e;return t(n)},width:"100%",gap:8,children:[(0,i.jsx)(I.z,{overflow:"hidden",hideScroll:!0,scrollable:!0,width:n,children:(0,i.jsx)(I.z,{gap:20,mb:12,children:l.map(e=>{let{url:n,originalIndex:t}=e;return(0,i.jsx)(nl,{src:n,renderOpener:e=>{let{openModal:l}=e;return(0,i.jsxs)(S.o,{onClick:l,rounded:"md",children:[(0,i.jsx)(e6._,{src:n,sizes:200,width:200,height:200}),o&&(0,i.jsx)(e9.d,{position:"absolute",top:8,right:8,onClick:()=>o(t),p:6,backgroundColor:"dim",rounded:"sm",children:(0,i.jsx)(A.Y,{fill:"white",size:12})})]})}},"".concat(n,"_").concat(t))})})}),r.map(e=>{let{filename:n,originalIndex:t,fileSizeBytes:l,fileExtension:r,url:s}=e;return(0,i.jsx)(e2.a,{background:"surface1",borderRadius:8,borderColor:"outline1",borderStyle:"solid",borderWidth:1,p:12,children:(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",children:[(0,i.jsx)(e2.a,{p:16,borderRadius:4,background:"surface1",children:(0,i.jsx)(e8.S,{size:16,fill:"onView1"})}),(0,i.jsxs)(j.T,{gap:4,width:"100%",children:[(0,i.jsx)(R.n,{level:3,color:"onView1",weight:"regular",lineLimit:1,children:n}),(0,i.jsxs)(I.z,{gap:4,children:[r?(0,i.jsx)(R.n,{level:5,color:"onView2",weight:"regular",children:r.toUpperCase()}):null,l?(0,i.jsx)(R.n,{level:5,color:"onView2",weight:"regular",children:(0,O.z)(l)}):null]})]}),o?(0,i.jsx)(e9.d,{onClick:()=>o(t),children:(0,i.jsx)(A.Y,{fill:"onView1",size:16})}):(0,i.jsx)(e9.d,{onClick:()=>a(s,n),children:(0,i.jsx)(e7.Y,{fill:"onView1",size:16})})]})},n)})]})});var na=t(476922),ns=t(319931),nd=t(718726),nu=t(953111),nc=t(775923);let nm=(0,d.memo)(e=>{let{badge:n}=e;return n?(0,i.jsx)(nu.m,{position:"top",content:n.description,children:(0,i.jsx)(nc.E,{size:"sm",kind:"primaryWeak",whiteSpace:"nowrap",children:n.title})}):null});var np=t(154662),nh=t(459845),nf=t(250067),ng=t(800837),nx=t(692943),ny=t(133350),nC=t(56119);function nv(){let e=(0,l._)(["\n mutation PostUpdateOnCommunityReplyEditForm($input: PostUpdateInput!, $isLoggedIn: Boolean!) {\n postUpdate(input: $input) {\n post {\n id\n htmlContent\n postType\n channelId\n attachments {\n id\n type\n url\n fileSizeBytes\n filename\n fileExtension\n }\n reactions {\n likeCount\n liked @include(if: $isLoggedIn)\n }\n }\n }\n}\n "]);return nv=function(){return e},e}function nj(){let e=(0,l._)(["\n query CommunityChannelOnCommunityReplyEditForm($id: ID!) {\n communityChannel(id: $id) {\n id\n name\n channelType\n allowPrivatePosts\n }\n}\n "]);return nj=function(){return e},e}function nb(){let e=(0,l._)(["\n query CommunityPostOnCommunityReplyEditForm($id: ID!, $isLoggedIn: Boolean!) {\n communityPost(id: $id) {\n id\n mentionedUser {\n id\n nickname: nickName\n }\n htmlContent\n postType\n channelId\n attachments {\n id\n type\n url\n fileSizeBytes\n filename\n fileExtension\n }\n reactions {\n likeCount\n liked @include(if: $isLoggedIn)\n }\n }\n}\n "]);return nb=function(){return e},e}let nw={},nk=(0,r.J1)(nv()),nP=(0,r.J1)(nj()),nI=(0,r.J1)(nb()),nT=(0,a.o)(e=>{var n,t,l,i;let{postId:r,onSuccess:o,onCancel:a}=e,{localizeText:u}=(0,en.B)(),{showToast:c}=(0,ei.hs)(),{trackEvent:m}=(0,ee.j)(),{isLoggedIn:p}=(0,Q.h)(),[f,g]=(0,d.useState)(void 0),{communityPostData:x,isCommunityPostLoading:y}=function(e){let n={...nw,...e},t=s.I(nI,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:r,isLoggedIn:p},skip:!r}),C=null!=(t=null==x?void 0:x.channelId)?t:"",j=(0,v.mN)({values:x?{htmlContent:null!=(l=x.htmlContent)?l:"",attachments:null!=(i=null==(n=x.attachments)?void 0:n.map(e=>({id:e.id,type:e.type,url:e.url,fileSizeBytes:e.fileSizeBytes,filename:e.filename,fileExtension:e.fileExtension})))?i:[],postType:x.postType}:{htmlContent:"",attachments:[],postType:F.aCF.GENERAL}}),b=(0,v.FH)({control:j.control,name:"postType"}),w=(0,v.FH)({control:j.control,name:"attachments"}),{communityChannelData:k}=function(e){let n={...nw,...e},t=s.I(nP,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityChannelData:null==e?void 0:e.communityChannel,isCommunityChannelLoading:n,communityChannelError:l,isCommunityChannelCalled:i,refetchCommunityChannel:r,fetchMoreCommunityChannel:o,...a}},[t])}({variables:{id:C},skip:!C}),[P,{isPostUpdateLoading:I}]=function(e){let n={...nw,...e},t=h.n(nk,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{postUpdateData:null==e?void 0:e.postUpdate,isPostUpdateLoading:n,postUpdateError:l,isPostUpdateCalled:i,...r}]},[t])}({refetchQueries:["CommunityPostOnCommunityReply","CommunityPostOnCommunityReplyCard"]}),T=(0,d.useCallback)(e=>{j.setValue("postType",e)},[j]),M=(0,d.useCallback)(e=>{if((j.getValues("attachments")||[]).length>=10)return void c({title:u({defaultMessage:"íì¼ì ìµë 10ê°ê¹ì§ ì¶ê°í ì ìì´ì.",id:"amGJvnHxwiM0"}),kind:"error"});e()},[j,u,c]),S=(0,d.useCallback)(e=>{let{type:n,uploadFile:t}=e,l=j.getValues("attachments")||[],i=t.map(e=>({url:e.url,filename:e.name,type:n,fileSizeBytes:e.size}));j.setValue("attachments",[...l,...i])},[j]),V=(0,d.useCallback)(e=>{j.setValue("attachments",w.filter(n=>n.url!==e))},[w,j]),z=(0,d.useCallback)(e=>{var n;if(!(null==(n=e.htmlContent)?void 0:n.trim()))return void c({title:u({defaultMessage:"ë´ì©ì ë°ëì í¬í¨í´ 주ì¸ì.",id:"81G9/6ymCXOI"}),kind:"error"});P({variables:{input:{postId:r,attachments:e.attachments.map(e=>({type:e.type,url:e.url,filename:e.filename,fileSizeBytes:e.fileSizeBytes})),postType:e.postType,htmlContent:e.htmlContent.trim(),postContentType:F.n3F.HTML_TEXT,channelId:C,...f&&{mentionedUserId:f}},isLoggedIn:p},onCompleted:e=>{let{postUpdate:n}=e;m({name:"Community Post Updated",properties:{channelId:C,channelName:null==k?void 0:k.name,channelType:null==k?void 0:k.channelType,postFormat:n.post.attachments.length>0?"multimedia":"text_only",postId:n.post.id}}),c({title:u({defaultMessage:"ëê¸ì´ ìì ëììµëë¤",id:"qvz6iAc59MCk"}),kind:"success"}),null==o||o(),j.reset(),g(void 0)},onError:e=>{c({title:u({defaultMessage:"ëê¸ ìì ì ì¤í¨íìµëë¤. {error}",id:"kuOKr3ZH02pg"},{error:e.message}),kind:"error"})}})},[P,r,C,p,f,c,u,m,null==k?void 0:k.name,null==k?void 0:k.channelType,o,j]),E=(0,d.useMemo)(()=>{var e;return null!=(e=null==k?void 0:k.allowPrivatePosts)&&e},[null==k?void 0:k.allowPrivatePosts]),N=(0,d.useCallback)(e=>{g(e)},[]);return{formControlMethods:j,handleSubmit:z,postType:b,attachments:w,handlePostTypeChange:T,isPostUpdateLoading:I,uploader:M,handleUploadSuccess:S,localizeText:u,handleAttachmentDelete:V,canSelectPrivatePostType:E,onCancel:a,isLoading:y,postId:r,mentionedUser:null==x?void 0:x.mentionedUser,handleMentionChange:N}},e=>{let{formControlMethods:n,handleSubmit:t,localizeText:l,postType:r,handlePostTypeChange:o,attachments:a,uploader:s,handleUploadSuccess:d,handleAttachmentDelete:u,canSelectPrivatePostType:c,isPostUpdateLoading:m,onCancel:p,isLoading:h,postId:f,mentionedUser:g,handleMentionChange:x}=e;return h?(0,i.jsx)(j.T,{py:40,alignHorizontal:"center",children:(0,i.jsx)(e0.y,{size:"lg"})}):(0,i.jsx)(P.t,{py:12,borderColor:"outline1",rounded:"md",children:(0,i.jsxs)(z.l,{formControlMethods:n,onSubmit:t,children:[a.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(U,{attachments:a,onDelete:u}),(0,i.jsx)(V.c,{direction:"horizontal",margin:"md"})]}),(0,i.jsx)(w,{name:"htmlContent",mentionedUser:g,placeholder:l({defaultMessage:"ëê¸ì ìì í´ì£¼ì¸ì.",id:"Ky/tduaJJCUz"}),onMentionChange:x},"form-mention-".concat(f)),(0,i.jsxs)(I.z,{alignVertical:"center",alignHorizontal:"space-between",px:12,children:[(0,i.jsx)(D.d,{onUploadSuccess:d,uploader:s}),(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",children:[c&&(0,i.jsx)(K,{postType:r,handlePostTypeChange:o}),p&&(0,i.jsx)(H.a,{size:"sm",onClick:p,disabled:m,children:(0,i.jsx)(k.
1V,{defaultMessage:"ì·¨ì",id:"GFPxJZjDRcAp"})}),(0,i.jsx)(M.W,{kind:"primary",size:"sm",type:"submit",loading:m,ariaLabel:"update reply",children:(0,i.jsx)(k.V,{defaultMessage:"ìì ",id:"z3gv+lpO5nxl"})})]})]})]},"edit-form-".concat(f))})});var nM=t(1433);let nS=(0,a.o)(e=>{var n,t;let{post:l,onSubReplyFormOpen:i,handle:r,postAuthorFirestoreId:o}=e,{userToken:a}=(0,Q.h)(),{localizeText:s}=(0,en.B)(),[u,c]=(0,d.useState)(!1),{isManager:m,isOwner:p}=(0,nM.g)(),{postType:h,mentionedUser:f,htmlContent:g,id:x,author:y}=l,C=h===F.aCF.KLASS_COMMENT,v=h===F.aCF.PRIVATE,j=null==f?void 0:f.nickName,b=null!=(n=null==g?void 0:g.replace(/<br\s*\/?>/gi,"\n"))?n:null,w=a===(null==y?void 0:y.firestoreId);return{post:l,authorNickname:null!=(t=null==y?void 0:y.nickName)?t:s({defaultMessage:"íí´í ì¬ì©ì",id:"HdvYhkyCk+xe"}),authorPhotoUrl:null==y?void 0:y.photoUrl,onSubReplyFormOpen:i,isMine:w,handle:r,isKlassCommentPost:C,isEditMode:u,handleEditClick:()=>c(!0),handleEditSuccess:()=>c(!1),handleEditCancel:()=>c(!1),replyId:x,mentionedUserNickName:j,htmlContent:b,showPrivatePostWarning:v&&!m&&!w&&!p&&!(a&&a===o)}},e=>{var n,t,l;let{post:r,authorNickname:o,authorPhotoUrl:a,onSubReplyFormOpen:s,isMine:d,isKlassCommentPost:u,isEditMode:c,handleEditClick:m,handleEditSuccess:p,handleEditCancel:h,replyId:f,handle:g,mentionedUserNickName:x,htmlContent:y,showPrivatePostWarning:C}=e;return c?(0,i.jsx)(nT,{postId:f,onSuccess:p,onCancel:h}):(0,i.jsx)(j.T,{gap:8,children:(0,i.jsxs)(I.z,{gap:12,children:[(0,i.jsx)(j.T,{flexShrink:0,children:(0,i.jsx)(e1.e,{alt:"community_post_owner",src:a,size:30})}),(0,i.jsxs)(j.T,{gap:4,width:"100%",children:[(0,i.jsx)(nz,{nickname:o,authorRole:r.authorRole,userBadge:r.userBadge,createdAt:r.createdAt,postType:r.postType,replyId:r.id,channelId:r.channelId,isMine:d,onEditClick:m,handle:null!=g?g:"",isReply:(0,nh.O)(r.parentId)}),C?(0,i.jsx)(P.t,{p:16,backgroundColor:"surface1",rounded:"sm",borderColor:"outline1",children:(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",children:[(0,i.jsx)(ng.Y,{size:20,fill:"onView2"}),(0,i.jsx)(R.n,{level:2,color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"매ëì ìê²ë§ ê³µê°ë ê¸ì
ëë¤.",id:"q6jVDNjcKkWy"})})]})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(nV,{mentionedUserNickName:x,htmlContent:y,attachments:r.attachments,postId:r.id,parentPostId:r.parentId}),(0,i.jsxs)(I.z,{gap:16,py:4,children:[(0,i.jsx)(e3.V,{likeCount:null==(n=r.reactions)?void 0:n[0].likeCount,liked:null!=(l=null==(t=r.reactions)?void 0:t[0].liked)&&l,postId:r.id,commentCount:r.replyPostCount}),!u&&(0,i.jsx)(H.a,{IconComponent:nx.Y,size:"lg",color:"onView2",onClick:s,children:(0,i.jsx)(k.V,{defaultMessage:"ëµê¸ ë¬ê¸°",id:"7Z3ZkqVStf4p"})})]})]})]})]})})}),nV=(0,d.memo)(e=>{let{mentionedUserNickName:n,htmlContent:t,attachments:l,postId:r,parentPostId:o}=e;return(0,i.jsxs)(j.T,{gap:8,children:[(0,i.jsxs)(j.T,{gap:4,children:[n?(0,i.jsx)(T.f,{level:3,color:"onViewInformative",children:n}):null,t?(0,i.jsx)(T.f,{level:3,weight:"regular",whiteSpace:"pre-line",children:(0,i.jsx)(nf.X,{linkColor:"onView2",textDecorationLine:"underline",target:"_blank",children:t})}):null]}),l&&l.length>0&&(0,i.jsx)(no,{attachments:l,postId:r,parentPostId:o})]})}),nz=(0,d.memo)(e=>{let{nickname:n="",authorRole:t,userBadge:l,createdAt:r,postType:o,replyId:a,isMine:s,channelId:d,onEditClick:u,handle:c,isReply:m}=e;return(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",alignHorizontal:"space-between",width:"100%",children:[(0,i.jsx)(I.z,{flex:1,gap:10,alignVertical:"center",children:(0,i.jsx)(j.T,{gap:2,children:(0,i.jsxs)(I.z,{alignVertical:"center",gap:8,children:[(0,i.jsx)(R.n,{level:2,weight:"medium",lineLimit:1,color:"onView1",children:n}),(0,i.jsx)(nd.K,{authorRole:t}),(0,i.jsx)(nm,{badge:l}),o===F.aCF.PRIVATE&&(0,i.jsx)(R.n,{level:3,color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"매ëì ê³µê°",id:"Private"})}),(0,i.jsx)(j.T,{flexShrink:0,children:(0,i.jsx)(R.n,{level:3,color:"onView2",children:(0,i.jsx)(np.d,{date:new Date(r)})})})]})})}),(0,i.jsx)(B.r,{renderOpener:e=>{let{open:n}=e;return(0,i.jsx)(_.K,{IconComponent:ny.Y,onClick:n,size:"sm",ariaLabel:"Open more menu"})},children:e=>{let{close:n}=e;return(0,i.jsx)(W.I,{children:s?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(q._,{title:(0,i.jsx)(k.
1V,{defaultMessage:"ìì ",id:"udzLjaBgVuY3"}),hideChevron:!0,renderStart:()=>(0,i.jsx)(nC.Y,{size:20}),onClick:()=>{null==u||u(),n()}}),(0,i.jsx)(na.E,{postId:a,onClose:n,isReply:m,currentChannelId:d,handle:c})]}):(0,i.jsx)(ns.j,{contentId:a,onComplete:n})})}})]})});var nE=t(882457),nN=t(294981);function nO(){let e=(0,l._)(["\n fragment CommunityPostOnCommunityReplyCardFragment on CommunityPost {\n id\n htmlContent\n postType\n replyPostCount\n parentId\n channelId\n attachments {\n id\n type\n url\n fileSizeBytes\n filename\n fileExtension\n }\n author {\n id\n photoUrl\n nickName\n firestoreId\n }\n reactions {\n likeCount\n liked @include(if: $isLoggedIn)\n }\n authorRole\n userBadge {\n id\n title\n description\n acquired\n }\n createdAt\n mentionedUser {\n id\n nickName\n }\n}\n "]);return nO=function(){return e},e}let nL=(0,r.J1)(nO());function n_(){let e=(0,l._)(["\n query CommunityPostOnCommunityReply($id: ID!, $isLoggedIn: Boolean!, $first: Int, $after: String) {\n communityReply: communityPost(id: $id) {\n ...CommunityPostOnCommunityReplyCardFragment\n communitySubReplies: children(first: $first, after: $after) {\n edges {\n cursor\n node {\n ...CommunityPostOnCommunityReplyCardFragment\n }\n }\n pageInfo {\n hasNextPage\n endCursor\n }\n totalCount\n }\n remainingReplies(after: $after) {\n count\n previewAuthors {\n id\n photoUrl\n }\n }\n }\n}\n ",""]);return n_=function(){return e},e}let nR={},nA=(0,r.J1)(n_(),nL),nU=(0,a.o)(e=>{var n,t,l,i;let{replyId:r,handle:o,postAuthorFirestoreId:a}=e,{isLoggedIn:u,userToken:c}=(0,Q.h)(),{isAdmin:m}=(0,nM.g)(),{communityReplyData:p,isCommunityReplyLoading:h,fetchMoreCommunityReply:f}=function(e){let n={...nR,...e},t=s.I(nA,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityReplyData:null==e?void 0:e.communityReply,isCommunityReplyLoading:n,communityReplyError:l,isCommunityReplyCalled:i,refetchCommunityReply:r,fetchMoreCommunityReply:o,...a}},[t])}({variables:{id:r,isLoggedIn:u,first:3}}),[g,x]=(0,d.useState)(null),{state:y,setFalse:C,setTrue:v}=(0,nE.B)(!1),j=(0,d.useMemo)(()=>{var e;return(null!=(e=null==p?void 0:p.communitySubReplies.edges.map(e=>e.node))?e:[]).reverse()},[null==p?void 0:p.communitySubReplies.edges]),b=null!=(t=null==p?void 0:p.remainingReplies.count)?t:0,w=null!=(l=null==p?void 0:p.remainingReplies.previewAuthors.filter(nN.n).map(e=>({id:e.id,photoUrl:e.photoUrl})))?l:[],k=null!=(i=null==p?void 0:p.communitySubReplies.pageInfo.hasNextPage)&&i,P=(0,d.useCallback)(()=>{k&&f({variables:{id:r,isLoggedIn:u,first:10,after:null==p?void 0:p.communitySubReplies.pageInfo.endCursor}})},[null==p?void 0:p.communitySubReplies.pageInfo.endCursor,k,f,u,r]),I=(0,d.useCallback)(e=>{var n,t,l,i;if(e===r&&(null==p||null==(n=p.author)?void 0:n.firestoreId))return{id:p.author.firestoreId,nickname:null!=(l=p.author.nickName)?l:""};let o=j.find(n=>n.id===e);if(null==o||null==(t=o.author)?void 0:t.firestoreId)return{id:o.author.firestoreId,nickname:null!=(i=o.author.nickName)?i:""}},[r,p,j]);return{item:p,isLoading:h,replyId:r,handle:o,isSubReplyFormOpen:y,handleSubReplyFormOpen:e=>{if(g===e){x(null),C();return}x(e),v()},closeSubReplyForm:C,isMine:c===(null==p||null==(n=p.author)?void 0:n.firestoreId),isAdmin:m,communitySubReplies:j,remainingRepliesCount:b,previewAuthors:w,hasMoreSubReplies:k,handleSubRepliesMoreClick:P,selectedSubReplyId:g,getParentPostAuthor:I,postAuthorFirestoreId:a}},e=>{let{isLoading:n,item:t,replyId:l,hasMoreSubReplies:r,handleSubRepliesMoreClick:o,remainingRepliesCount:a,previewAuthors:s,communitySubReplies:u,isSubReplyFormOpen:c,handleSubReplyFormOpen:m,closeSubReplyForm:p,selectedSubReplyId:h,handle:f,getParentPostAuthor:g,postAuthorFirestoreId:x}=e;return n?(0,i.jsx)(e5.k,{}):t?(0,i.jsxs)(j.T,{gap:12,children:[(0,i.jsx)(nS,{post:t,handle:f,onSubReplyFormOpen:()=>m(l),postAuthorFirestoreId:x}),c&&h===l&&(0,i.jsx)(em,{postId:l,channelId:t.channelId,replyToPostId:l,parentPostAuthor:g(l),onSuccess:p}),(0,i.jsxs)(j.T,{pl:42,gap:12,children:[r&&a>0&&(0,i.jsx)(nD,{previewAuthors:s,remainingRepliesCount:a,onClick:o}),u.map(e=>(0,i.jsxs)(d.Fragment,{children:[(0,i.jsx)(nS,{post:e,handle:f,onSubReplyFormOpen:()=>m(e.id),postAuthorFirestoreId:x}),c&&h===e.id&&(0,i.jsx)(em,{postId:l,channelId:t.channelId,replyToPostId:e.id,parentPostAuthor:g(e.id),onSuccess:p})]},e.id))]})]}):null}),nD=(0,d.memo)(e=>{let{previewAuthors:n,remainingRepliesCount:t,onClick:l}=e;return(0,i.jsx)(S.o,{onClick:l,children:(0,i.jsxs)(I.z,{gap:12,py:6,alignVertical:"center",children:[(0,i.jsx)(I.z,{children:n.map((e,n)=>{var t;return(0,i.jsx)(P.t,{position:"relative",ml:n>0?-10:0,zIndex:n+1,borderWidth:2,borderColor:"background",rounded:"full",children:(0,i.jsx)(e1.e,{src:null!=(t=e.photoUrl)?t:"",size:"xs",alt:"more-reply-preview-author-".concat(n)})},e.id)})}
1),(0,i.jsx)(R.n,{level:2,weight:"medium",color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"ëµê¸ {count}ê° ë보기",id:"GZ3TvTKkxWAu",values:{count:t}})})]})})});function nF(e){let{isAuthenticationInProgress:n,isLoggedIn:t,accessToken:l}=(0,Q.h)(),i=(0,d.useRef)(n),r=(0,d.useRef)(n);(0,d.useEffect)(()=>{if(n||!t)return;let o=!!l;(i.current||r.current&&o)&&(i.current=!1,o&&(r.current=!1),e().catch(()=>void 0))},[l,n,t,e])}function nB(){let e=(0,l._)(["\n fragment ClassCommentOnCommunityCommentTag on KlassComment {\n id\n createdAt\n content\n author {\n _id\n firestoreId\n photoUrl\n nickName\n }\n resources: attachedResources {\n id\n url\n uuid\n type\n }\n product {\n _id\n klass {\n _id\n title\n coverImage\n }\n }\n}\n "]);return nB=function(){return e},e}function nH(){let e=(0,l._)(["\n query ClassCommentOnCommunityCommentTag($id: ID!) {\n klassCommentById(id: $id) {\n ...ClassCommentOnCommunityCommentTag\n }\n}\n ",""]);return nH=function(){return e},e}let n$=(0,r.J1)(nB());function nW(){let e=(0,l._)(["\n fragment CommunityPostOnCommunityThread on CommunityPost {\n id\n isParent\n title\n coverImageUrl\n postContentType\n previewContent\n thumbnailImageUrl\n membershipOnly\n deltaContent\n channelId\n postType\n createdAt\n parentId\n authorRole\n content\n htmlContent\n accessible\n replyPostCount\n showPaywall\n paywallContent\n allowReplies\n viewCount\n channel {\n id\n name\n channelType\n klassCommentOnly\n }\n author {\n id\n firestoreId\n nickName\n photoUrl\n communityBadges(handle: $handle) {\n id\n title\n description\n }\n }\n userBadge {\n id\n title\n description\n }\n membershipPlans {\n id\n title\n creator {\n id\n creatorSpace {\n handle\n }\n firestoreId\n nickName\n photoUrl\n }\n }\n attachments {\n id\n type\n url\n fileSizeBytes\n filename\n fileExtension\n }\n reactions {\n likeCount\n liked @include(if: $isLoggedIn)\n }\n tag {\n id\n type\n ... on ClassCommentTag {\n comment {\n id\n ...ClassCommentOnCommunityCommentTag\n }\n }\n }\n}\n ",""]);return nW=function(){return e},e}function nq(){let e=(0,l._)(["\n query CommunityPostOnCommunityThread($id: ID!, $after: String, $first: Int, $isLoggedIn: Boolean!, $handle: String!) {\n communityPost(id: $id) {\n id\n allowReplies\n postType\n showPaywall\n accessible\n author {\n id\n firestoreId\n }\n recentlyRepliedUsers {\n id\n photoUrl\n }\n children(after: $after, first: $first) {\n edges {\n cursor\n node {\n ...CommunityPostOnCommunityThread\n }\n }\n pageInfo {\n hasNextPage\n endCursor\n }\n totalCount\n }\n }\n}\n ",""]);return nq=function(){return e},e}(0,r.J1)(nH(),n$);let nJ={},nY=(0,r.J1)(nW(),n$),nG=(0,r.J1)(nq(),nY),nK=(0,a.o)(e=>{var n,t,l,i,r,o,a,u;let{postId:c,handle:m}=e,{isLoggedIn:p}=(0,Q.h)(),{communityPostData:h,fetchMoreCommunityPost:f,refetchCommunityPost:g,isCommunityPostLoading:x}=function(e){let n={...nJ,...e},t=s.I(nG,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:c,isLoggedIn:p,first:10,handle:m},notifyOnNetworkStatusChange:!0});nF(g);let y=null==(i=null==h?void 0:h.allowReplies)||i,C=(0,d.useCallback)(()=>{if(x||!h||!y)return;let{hasNextPage:e,endCursor:n}=h.children.pageInfo;e&&n&&f({variables:{id:c,after:n,first:10,isLoggedIn:p,handle:m}})},[y,h,f,m,p,x,c]),v=null!=(r=null==h||null==(n=h.children)?void 0:n.edges.map(e=>e.node).filter(nh.O))?r:[],j=(null==h?void 0:h.postType)===F.aCF.KLASS_COMMENT,b=(null==h?void 0:h.postType)===F.aCF.PRIVATE&&!(null==(o=null==h?void 0:h.accessible)||o);return{posts:v,fetchMore:C,loading:x,canShowThread:(y||j)&&v.length>0,handle:m,showPaywall:null!=(a=null==h?void 0:h.showPaywall)&&a,isManagerOnlyBlocked:b,recentlyRepliedUsers:null!=(u=null==h||null==(t=h.recentlyRepliedUsers
1)?void 0:t.filter(nN.n))?u:[],postAuthorFirestoreId:null==h||null==(l=h.author)?void 0:l.firestoreId}},e=>{let{loading:n,canShowThread:t,posts:l,fetchMore:r,handle:o,showPaywall:a,isManagerOnlyBlocked:s,recentlyRepliedUsers:u,postAuthorFirestoreId:c}=e,m=(0,d.useCallback)(e=>{let{item:n}=e;return(0,i.jsx)(nU,{replyId:n.id,handle:o,postAuthorFirestoreId:c})},[o,c]);return 0===u.length?(0,i.jsx)(nQ,{}):a||s?(0,i.jsx)(nX,{recentlyRepliedUsers:u,isManagerOnlyBlocked:s}):t?(0,i.jsxs)(j.T,{children:[(0,i.jsx)(j.T,{display:["flex","flex","none"],children:(0,i.jsx)(V.c,{direction:"horizontal"})}),(0,i.jsx)(e2.a,{p:20,children:(0,i.jsx)(e4.c,{columns:1,keyExtractor:e=>e.id,data:l,rowSpacing:20,renderItem:m,onEndReached:r})}),n&&(0,i.jsx)(e2.a,{p:20,alignItems:"center",children:(0,i.jsx)(e0.y,{size:"md"})})]}):null}),nX=(0,d.memo)(e=>{let{recentlyRepliedUsers:n,isManagerOnlyBlocked:t}=e;return(0,i.jsxs)(j.T,{gap:24,py:55,alignHorizontal:"center",children:[(0,i.jsx)(I.z,{children:n.map((e,n)=>{var t;return(0,i.jsx)(P.t,{position:"relative",ml:n>0?-10:0,zIndex:n+1,backgroundColor:"background",rounded:"full",borderColor:"background",borderWidth:2,children:(0,i.jsx)(e1.e,{src:null!=(t=e.photoUrl)?t:"",size:"lg",alt:"recent-reply-preview-author-".concat(e.id)})},e.id)})}),(0,i.jsx)(T.f,{level:3,color:"onView3",children:t?(0,i.jsx)(k.V,{defaultMessage:"ìì±ìì 매ëì ë§ ëê¸ì ë³¼ ì ìì´ì",id:"9WjD7sTnr8io"}):(0,i.jsx)(k.V,{defaultMessage:"멤ë²ìì ê°ì
íë©´ ëê¸ì ë³¼ ì ìì´ì",id:"jkjCQVnMq9A4"})})]})}),nQ=(0,d.memo)(()=>(0,i.jsx)(j.T,{py:55,alignHorizontal:"center",children:(0,i.jsx)(T.f,{level:3,color:"onView3",children:(0,i.jsx)(k.V,{defaultMessage:"ìì§ ìì±ë ëê¸ì´ ìì´ì",id:"beuVK/0l1aQ0"})})}));var nZ=t(586307),n0=t(27455),n1=t(266771);function n2(){let e=(0,l._)(["\n fragment CommunityPostOnCommunityPopularPostRow on CommunityPost {\n id\n title\n previewContent\n thumbnailImageUrl\n createdAt\n viewCount\n replyPostCount\n author {\n nickName\n }\n creatorSpace {\n id\n handle\n }\n}\n "]);return n2=function(){return e},e}function n4(){let e=(0,l._)(["\n query CommunityPopularPostsOnCommunityPopularPosts($postId: ID!) {\n communityPost(id: $postId) {\n id\n creatorSpace {\n id\n community {\n id\n popularPosts(limit: 10, postId: $postId) {\n id\n ...CommunityPostOnCommunityPopularPostRow\n }\n }\n }\n }\n}\n ",""]);return n4=function(){return e},e}let n5={},n3=(0,r.J1)(n2()),n6=(0,r.J1)(n4(),n3),n9=(0,a.o)(e=>{let{postId:n,handle:t}=e,{isAuthenticationInProgress:l}=(0,Q.h)(),{trackEvent:i}=(0,ee.j)(),{communityPostData:r}=function(e){let n={...n5,...e},t=s.I(n6,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{postId:n},fetchPolicy:"cache-first",skip:l,ssr:!1}),o=(0,d.useMemo)(()=>{var e,n,t;return(null!=(t=null==r||null==(n=r.creatorSpace)||null==(e=n.community)?void 0:e.popularPosts)?t:[]).map(e=>({...e,reactions:[]}))},[r]);return{posts:o,impressionProperties:(0,d.useMemo)(()=>({postId:n,creatorHomeHandle:t}),[n,t]),handleCardClick:(0,d.useCallback)((e,l)=>{i({name:"Community Popular Post Card Clicked",properties:{postId:e.id,postTitle:e.title,currentPostId:n,itemIndex:l,creatorHomeHandle:t}})},[i,n,t]),isVisible:o.length>0}},e=>{let{posts:n,impressionProperties:t,handleCardClick:l,isVisible:r}=e;return r?(0,i.jsx)(n1.I,{name:"Community Popular Post Section Impressed",properties:t,children:(0,i.jsx)(j.T,{as:"section",pt:[28,28,40],pb:[100,100,20],pl:[20,20,0],pr:[0,0,20],children:(0,i.jsx)(n0.a,{column:[1===n.length?1:1.2,2.5,2],spacing:12,items:n,keyExtractor:e=>e.id,title:(0,i.jsx)(e_.h,{level:4,children:(0,i.jsx)(k.V,{defaultMessage:"ì´ ì»¤ë®¤ëí°ì ì¸ê¸° ê¸",id:"HWDNYl6e3+jv"})}),renderItem:e=>{let{item:n,index:t}=e;
1return(0,i.jsx)(P.t,{p:20,rounded:"md",borderColor:"outline1",backgroundColor:"background",children:(0,i.jsx)(nZ.s,{post:n,onClick:()=>l(n,t)})})}})})}):null});var n8=t(172523);let n7=(0,d.createContext)({isChannelViewEnabled:!1,setIsChannelViewEnabled:()=>{}}),te=e=>{let{children:n}=e,{isAdmin:t}=(0,n8.h)(),[l,r]=(0,d.useState)(null),o=null!=l?l:t,a=(0,d.useMemo)(()=>({isChannelViewEnabled:o,setIsChannelViewEnabled:r}),[o]);return(0,i.jsx)(n7.Provider,{value:a,children:n})},tn=()=>(0,d.useContext)(n7);var tt=t(597820);function tl(){let e=(0,l._)(["\n fragment AdminChannelViewOnAdminChannelViewBanner on CommunityPost {\n postType\n accessible\n showPaywall\n }\n"]);return tl=function(){return e},e}let ti=(0,r.J1)(tl()),tr=(0,a.o)(e=>{var n,t;let{postId:l}=e,{isAdmin:i}=(0,n8.h)(),{isChannelViewEnabled:r,setIsChannelViewEnabled:o}=tn(),{data:a,complete:s}=(0,ej.I)({fragment:ti,fragmentName:"AdminChannelViewOnAdminChannelViewBanner",from:{id:l,__typename:"CommunityPost"}}),u=(null==a?void 0:a.postType)===F.aCF.PRIVATE&&!(null==(n=null==a?void 0:a.accessible)||n);return{isVisible:s&&i&&(u||null!=(t=null==a?void 0:a.showPaywall)&&t),isEnabled:r,handleToggle:(0,d.useCallback)(e=>{o(e)},[o])}},e=>{let{isVisible:n,isEnabled:t,handleToggle:l}=e;return n?(0,i.jsx)(j.T,{px:20,pt:16,pb:8,width:"100%",children:(0,i.jsx)(P.t,{width:"100%",p:16,rounded:"md",borderWidth:1,backgroundColor:t?"primaryContainer":"surface1",borderColor:t?"orangeSoft":"outline1",children:(0,i.jsxs)(I.z,{gap:16,alignVertical:"center",width:"100%",children:[(0,i.jsx)(R.n,{level:2,color:t?"onView1":"onView2",flex:1,children:(0,i.jsx)(k.V,{defaultMessage:"ì´ë민 ê¶íì¼ë¡ ì±ë ì´ë",id:"quuBqPKh0tLe"})}),(0,i.jsx)(tt.d,{size:"sm",defaultValue:t,onValueChange:l})]})})}):null});var to=t(258867),ta=t(11246),ts=t(793192),td=t(213995),tu=t(71498);let tc=(0,d.memo)(e=>{let{title:n,coverImageUrl:t,onClick:l}=e;return(0,i.jsx)(I.z,{pb:4,children:(0,i.jsx)(td.W,{name:"Class Lesson Detail Clicked",children:(0,i.jsx)(S.o,{onClick:l,children:(0,i.jsxs)(I.z,{gap:6,alignVertical:"center",children:[(0,i.jsxs)(I.z,{gap:4,alignVertical:"center",children:[(0,i.jsx)(P.t,{flexShrink:0,pl:2,children:(0,i.jsx)(tu.Y,{size:12})}),(0,i.jsx)(P.t,{flexShrink:0,rounded:"sm",width:20,height:15,children:(0,i.jsx)(e6._,{src:t,aspectRatio:4/3,alt:"class cover image",sizes:20})})]}),(0,i.jsxs)(I.z,{p:4,gap:4,alignVertical:"center",children:[(0,i.jsx)(R.n,{level:4,lineLimit:1,flexShrink:1,children:n}),(0,i.jsx)(R.n,{level:4,color:"onView3",whiteSpace:"nowrap",children:(0,i.jsx)(k.V,{defaultMessage:"ì ëê¸",id:"Cq03HShPdjoo"})})]})]})})})})}),tm=(0,a.o)(e=>{let{description:n,onClick:t}=e,{state:l,toggleState:i}=(0,nE.B)(!1),r=(0,d.useRef)(null),[o,a]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{if(!r.current||!n)return void a(!1);let e=r.current,t=()=>{a(e.scrollHeight>e.clientHeight)};t();let l=new ResizeObserver(()=>{t()});return l.observe(e),()=>{l.disconnect()}},[n]),{expanded:l,toggleExpanded:i,shouldShowMoreButton:o,textRef:r,description:n,onClick:t}},e=>{let{expanded:n,toggleExpanded:t,shouldShowMoreButton:l,textRef:r,description:o,onClick:a}=e;return(0,i.jsx)(S.o,{onClick:a,children:(0,i.jsx)(P.t,{backgroundColor:"surface1",p:12,rounded:"md",borderColor:"outline1",children:(0,i.jsxs)(I.z,{children:[(0,i.jsxs)(T.f,{level:4,color:"onView1",wordBreak:"break-all",lineLimit:n?void 0:2,ref:r,flexGrow:1,children:[(0,i.jsxs)(T.f,{as:"span",level:4,weight:"semiBold",color:"onView1",children:["Mission."," "]}),o]}),l&&!n&&(0,i.jsx)(j.T,{flexShrink:0,alignVertical:"end",children:(0,i.jsx)(H.a,{size:"md",color:"onView2",onClick:t,children:(0,i.jsx)(k.V,{defaultMessage:"ë보기",id:"xcduzuhbwrCi"})})})]})})})});var tp=t(815482);let th=(0,t(301391)._)("Dot")()(e=>{let{size:n,color:t}=e;return(0,i.jsx)(e2.a,{width:n,height:n,backgroundColor:t,rounded:"full"})});var tf=t(822348),tg=t(419941),tx=t(422687);function ty(){let e=(0,l._)(["\n query CommunityChannelPostsOnCommunityChannelPosts($postId: ID!, $beforeLimit: Int!, $afterLimit: Int!) {\n communityPost(id: $postId) {\n id\n channel {\n id\n name\n channelType\n membershipOnly\n klassCommentOnly\n }\n channelPosts(beforeLimit: $beforeLimit, afterLimit: $afterLimit) {\n edges {\n cursor\n node {\n id\n title\n createdAt\n reactions {\n likeCount\n liked\n }
1\n replyPostCount\n }\n }\n totalCount\n currentOffset\n pageInfo {\n hasPreviousPage\n hasNextPage\n }\n }\n }\n}\n "]);return ty=function(){return e},e}let tC={},tv=(0,r.J1)(ty()),tj=(0,a.o)(e=>{var n,t,l,i,r,o,a,u,c,m,p,h,f,g,x,y,C,v,j,b,w,k,P,I,T,M,S,V,z,E;let{postId:N,handle:O}=e,{isAuthenticationInProgress:L}=(0,Q.h)(),{getUrl:_}=(0,Z.h)(),{localizeText:R}=(0,en.B)(),{trackEvent:A}=(0,ee.j)(),[U,D]=(0,d.useState)(0),F=0===U?"around":U>0?"after":"before",B=Math.abs(U),{communityPostData:H,previousData:$}=function(e){let n={...tC,...e},t=s.I(tv,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{postId:N,beforeLimit:"before"===F?4+3*B:4,afterLimit:"after"===F?4+3*B:4},fetchPolicy:"cache-first",skip:L,ssr:!1}),W=null!=H?H:null==$?void 0:$.communityPost,q=null!=(j=null==W||null==(n=W.channel)?void 0:n.name)?j:"",J=null==W||null==(t=W.channel)?void 0:t.channelType,Y=null!=(b=null==W||null==(l=W.channel)?void 0:l.membershipOnly)&&b,G=null!=(w=null==W||null==(i=W.channel)?void 0:i.klassCommentOnly)&&w,K=null!=(k=null==W||null==(r=W.channel)?void 0:r.id)?k:"",X=null!=(P=null==W||null==(a=W.channelPosts)||null==(o=a.pageInfo)?void 0:o.hasPreviousPage)&&P,et=null!=(I=null==W||null==(c=W.channelPosts)||null==(u=c.pageInfo)?void 0:u.hasNextPage)&&I,el=null!=(T=null==W||null==(m=W.channelPosts)?void 0:m.totalCount)?T:0,ei=null!=(M=null==W||null==(p=W.channelPosts)?void 0:p.currentOffset)?M:0,er=void 0!==H,eo=null!=(S=null==H||null==(h=H.channel)?void 0:h.id)?S:"",ea=null==H||null==(f=H.channel)?void 0:f.channelType,es=null!=(V=null==H||null==(g=H.channel)?void 0:g.name)?V:"",ed=null!=(z=null==H||null==(x=H.channelPosts)?void 0:x.currentOffset)?z:0,eu=Math.floor(ei/3),ec=el>0?Math.ceil(el/3):1,em=Math.min(Math.max(eu+U,0),ec-1),ep=Math.min(ec,10),eh=Math.max(0,Math.min(em-Math.floor(5),ec-ep)),ef=(0,d.useMemo)(()=>{var e,n;let t,l,i=null!=(n=null==W||null==(e=W.channelPosts)?void 0:e.edges)?n:[],r=i.findIndex(e=>{let{node:n}=e;return n.id===N});if("after"===F)l=Math.max(0,i.length-3),t=i.slice(-3);else if("before"===F)l=0,t=i.slice(0,3);else{let e=r<0?0:Math.max(0,Math.min(r-1,i.length-3));l=e,t=i.slice(e,e+3)}return t.map((e,n)=>{var t,i,o,a,s;let{node:d}=e,u=l+n,c=r<0?u:ei+(u-r),m=null!=(o=d.title)?o:"",p=r<0?u:ed+(u-r);return{id:d.id,title:m,createdAt:d.createdAt,likeCount:null!=(a=null==(i=d.reactions)||null==(t=i[0])?void 0:t.likeCount)?a:0,replyCount:null!=(s=d.replyPostCount)?s:0,isCurrent:d.id===N,href:_("/[lang]/creators/[handle]/posts/[postId]",{handle:O,postId:d.id}),itemIndex:c,trackProperties:er?{postId:d.id,postTitle:m,currentPostId:N,itemIndex:p,currentItemIndex:ed,channelId:eo,channelType:ea,creatorHomeHandle:O}:null}})},[null==W||null==(y=W.channelPosts)?void 0:y.edges,_,O,N,F,ei,er,ed,eo,ea]),eg=null!=(E=null==W||null==(v=W.channelPosts)||null==(C=v.edges)?void 0:C.length)?E:0,ex=X||U>0,ey=et||U<0,eC=R({defaultMessage:"ì´ì ê¸ ë³´ê¸°",id:"1y3ast7Zg7Y7"}),ev=R({defaultMessage:"ë¤ì ê¸ ë³´ê¸°",id:"BcN4ZDoLKIu/"}),ej=(0,d.useCallback)(e=>e===em?R({defaultMessage:"{page}ë²ì§¸ íì´ì§ (íì¬)",id:"jJ7QYO25TJV7"},{page:e+1}):R({defaultMessage:"{page}ë²ì§¸ íì´ì§ë¡ ì´ë",id:"ntwe3upqG6OO"},{page:e+1}),[em,R]),eb="".concat(es," ë¤ë¥¸ ê¸"),ew=(0,d.useCallback)(e=>{er&&A({name:"Post Navigation Section Slide Clicked",properties:{pageName:"post_detail",sectionTitle:eb,type:e,channelId:eo,creatorHomeHandle:O}})},[A,er,eb,eo,O]),ek=(0,d.useCallback)(e=>{D(e)},[]),eP=(0,d.useCallback)(()=>{ey&&(ew("next"),ek(U+1))},[U,ey,ek,ew]),eI=(0,d.useCallback)(()=>{ex&&(ew("previous"),ek(U-1))},[U,ex,ek,ew]),eT=(0,d.useCallback)(e=>{e!==em&&ew(e>em?"next":"previous"),ek(e-eu)},[eu,em,ek,ew]);return{channelId:K,channelName:q,channelType:J,membershipOnly:Y,klassCommentOnly:G,items:ef,hasPrev:ex,hasNext:ey,prevAriaLabel:eC,nextAriaLabel:ev,getDotAriaLabel:ej,handlePrevClick:eI,handleNextClick:eP,visibleDotCount:ep,dotWindowStart:eh,currentDotIndex:em,handleDotChange:eT,
1impressionProperties:(0,d.useMemo)(()=>({postId:N,channelId:eo,channelName:es,channelType:ea,creatorHomeHandle:O}),[N,eo,es,ea,O]),shouldTrackImpression:er,isVisible:eg>1}},e=>{let{channelId:n,channelName:t,channelType:l,membershipOnly:r,klassCommentOnly:o,items:a,hasPrev:s,hasNext:d,prevAriaLabel:u,nextAriaLabel:c,handlePrevClick:m,handleNextClick:p,impressionProperties:h,shouldTrackImpression:f,isVisible:g}=e;return g?(0,i.jsx)(n1.I,{name:"Post Navigation Section Impressed",properties:h,skip:!f,children:(0,i.jsx)(j.T,{as:"section",children:(0,i.jsx)(P.t,{rounded:"lg",borderColor:"outline1",overflow:"hidden",children:(0,i.jsxs)(j.T,{children:[(0,i.jsxs)(I.z,{alignVertical:"center",gap:8,px:[16,16,28],py:[20,20,18],children:[(0,i.jsxs)(I.z,{alignVertical:"center",gap:8,flex:1,overflow:"hidden",children:[void 0!==l&&(0,i.jsx)(eN.Y,{channelId:n,channelType:l,membershipOnly:r,klassCommentOnly:o,type:"Regular",size:18}),(0,i.jsxs)(I.z,{alignVertical:"center",gap:4,flex:1,overflow:"hidden",children:[(0,i.jsx)(R.n,{level:1,weight:"semiBold",color:"onView1",flexShrink:1,children:t}),(0,i.jsx)(R.n,{level:1,weight:"semiBold",color:"onView2",flexShrink:0,children:(0,i.jsx)(k.V,{defaultMessage:"ë¤ë¥¸ ê¸",id:"PM6RMuxc0PbP"})})]})]}),(0,i.jsxs)(I.z,{display:["none","none","flex"],alignVertical:"center",gap:10,children:[(0,i.jsx)(S.o,{onClick:m,disabled:!s,ariaLabel:u,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:4,children:(0,i.jsx)(eR.Y,{size:18,fill:s?"onView1":"onView3"})})}),(0,i.jsx)(S.o,{onClick:p,disabled:!d,ariaLabel:c,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:4,children:(0,i.jsx)(tf.Y,{size:18,fill:d?"onView1":"onView3"})})})]})]}),(0,i.jsx)(V.c,{direction:"horizontal"}),(0,i.jsxs)(j.T,{px:[0,0,12],py:[8,8,12],children:[a.map(e=>{let n=(0,i.jsxs)(j.T,{children:[(0,i.jsxs)(j.T,{display:["flex","flex","none"],gap:4,py:12,px:16,children:[(0,i.jsx)(I.z,{alignVertical:"center",gap:8,children:(0,i.jsx)(T.f,{level:3,weight:e.isCurrent?"medium":"regular",color:"onView1",flex:1,children:e.title})}),(0,i.jsxs)(I.z,{alignVertical:"center",gap:8,children:[(0,i.jsx)(R.n,{level:2,color:"onView3",children:(0,i.jsx)(tp.g,{value:e.createdAt,year:"numeric",month:"2-digit",day:"2-digit"})}),(0,i.jsxs)(I.z,{alignVertical:"center",gap:2,children:[(0,i.jsx)(tg.Y,{size:12,fill:"onView3"}),(0,i.jsx)(R.n,{level:2,color:"onView3",children:e.likeCount})]}),(0,i.jsxs)(I.z,{alignVertical:"center",gap:2,children:[(0,i.jsx)(tx.Y,{size:12,fill:"onView3"}),(0,i.jsx)(R.n,{level:2,color:"onView3",children:e.replyCount})]})]})]}),(0,i.jsxs)(I.z,{display:["none","none","flex"],alignVertical:"center",gap:12,py:12,px:16,children:[(0,i.jsx)(th,{color:"onView2",size:3}),(0,i.jsx)(T.f,{level:3,weight:e.isCurrent?"medium":"regular",color:"onView1",flex:1,children:e.title}),(0,i.jsx)(T.f,{level:4,color:"onView2",children:(0,i.jsx)(tp.g,{value:e.createdAt,year:"numeric",month:"2-digit",day:"2-digit"})})]})]}),t=(0,i.jsx)(S.o,{href:e.href,overlayColor:"onView1",interactions:["hover"],backgroundColor:e.isCurrent?"surface1":"background",rounded:["none","none","md"],children:n});return e.trackProperties?(0,i.jsx)(td.W,{name:"Channel Post List Item Clicked",properties:e.trackProperties,children:t},e.id):(0,i.jsx)(j.T,{children:t},e.id)}),(0,i.jsxs)(I.z,{display:["flex","flex","none"],alignHorizontal:"center",gap:48,py:12,children:[(0,i.jsx)(S.o,{onClick:m,disabled:!s,ariaLabel:u,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:9,children:(0,i.jsx)(eR.Y,{size:20,fill:s?"onView1":"onView3"})})}),(0,i.jsx)(S.o,{onClick:p,disabled:!d,ariaLabel:c,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:9,children:(0,i.jsx)(tf.Y,{size:20,fill:d?"onView1":"onView3"})})})]})]})]})})})}):null});var tb=t(773676),tw=t(242503),tk=t(423237);let tP=(0,a.o)(e=>{let{handle:n,channelId:t,creatorPhotoUrl:l}=e,{goBack:i}=(0,eH.L)(),{getUrl:r}=(0,Z.h)(),{getResponsiveValue:o}=(0,tw.tv)(),{theme:a}=(0,tk.Am)();return{creatorPhotoUrl:l,gradientColor:o(["background","background",null==a?void 0:a.colors.surface2]),handleGoToFeedButtonClick:(0,d.useCallback)(()=>{i(decodeURIComponent(r("/[lang]/creators/[handle]",{handle:n},{query:{channelId:t}})))},[r,i,n,t])}},e=>{let{creatorPhotoUrl:n,gradientColor:t,handleGoToFeedButtonClick:l}=e;return(0,i.jsx)(e2.a,{width:"100%",minHeight:400,linearGradient:{colors:["transparent",t],locations:[0,50],degree:180},alignItems:"center",justifyContent:"center",id:"manager-only-post-blocked",children:(0,i.jsx)(tb.P.div,{initial:{opacity:0,y:8},transition:{duration:.3,ease:"easeOut",delay:.6}
1,animate:{opacity:1,y:0},style:{width:"100%"},children:(0,i.jsxs)(j.T,{gap:32,pt:80,pb:60,width:["100%","100%",400],maxWidth:400,mx:"auto",children:[(0,i.jsxs)(j.T,{gap:16,alignHorizontal:"center",children:[(0,i.jsx)(e1.e,{src:n,size:80,alt:"creator avatar url"}),(0,i.jsx)(e_.h,{level:5,textAlign:"center",children:(0,i.jsx)(k.V,{defaultMessage:"매ëì ë§ ë³¼ ì ìë ë¹ê³µê° ê¸ì´ìì",id:"1ZoUJKwzUm0C"})}),(0,i.jsx)(T.f,{level:3,color:"onView2",textAlign:"center",children:(0,i.jsx)(k.V,{defaultMessage:"ê´ë¦¬ìê° ë¹ê³µê°ë¡ ì¤ì í ê¸ì´ìì.\\në¹ê³µê° ê¸ì ìì±ìì 매ëì ë§ ë³¼ ì ìì´ì.",id:"XNQ+SIjiJRCG"})})]}),(0,i.jsx)(M.W,{size:"xl",kind:"secondary",onClick:l,full:[!0,!0,!1],children:(0,i.jsx)(k.V,{defaultMessage:"목ë¡ì¼ë¡ ëìê°ê¸°",id:"JBTPKV9SLytJ"})})]})})})}),tI={allowedTags:["p","br","b","i","u","s","sub","strong","em","ul","ol","li","hr","blockquote","h1","h2","h3","a","img","video","iframe","span","div","pre","code"],allowedAttributes:{a:["href","target","rel"],img:["src","alt"],video:["src","controls","playsinline"],iframe:["src","allowfullscreen","frameborder"],div:["class","data-src","data-name","data-size","data-type","data-url","contenteditable"],span:["class","style"],p:["style"],strong:["style"],em:["style"],b:["style"],i:["style"],u:["style"],s:["style"],h1:["style"],h2:["style"],h3:["style"],li:["data-list"],"*":["class","data-id","data-value","data-label","data-language","data-placeholder"]},allowedSchemes:["http","https","mailto"],allowedSchemesByTag:{img:["http","https","data"],video:["http","https"],iframe:["http","https"]},allowedIframeHostnames:["www.youtube.com","youtube.com","youtu.be","player.vimeo.com","www.loom.com"],transformTags:{a:(e,n)=>{var t;return(null==(t=n.href)?void 0:t.startsWith("javascript:"))?{tagName:"a",attribs:{...n,href:"#"}}:{tagName:e,attribs:{...n,rel:"noopener noreferrer",target:"_blank"}}}}};var tT=t(815038),tM=t(976637);function tS(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}let tV=["http","https","mailto","tel","sms"];function tz(e,n){if("string"!=typeof e)return;let t=/^var\(--([a-zA-Z0-9]+)\)$/.exec(e.trim()),l=null==t?void 0:t[1];return l&&n.includes(l)?e:void 0}let tE=tM.QR;function tN(e){var n;if("string"!=typeof e.insert||0===e.insert.length)return"";let t=tS(e.insert),l=null!=(n=e.attributes)?n:{},i=t;l.code&&(i="<code>".concat(i,"</code>")),"sub"===l.script?i="<sub>".concat(i,"</sub>"):"super"===l.script&&(i="<sup>".concat(i,"</sup>")),l.strike&&(i="<s>".concat(i,"</s>")),l.underline&&(i="<u>".concat(i,"</u>")),l.italic&&(i="<i>".concat(i,"</i>")),l.bold&&(i="<strong>".concat(i,"</strong>"));let r=tz(l.background,tE);r&&(i='<span style="background-color:'.concat(tS(r),'">').concat(i,"</span>"));let o=tz(l.color,tM.tV);return o&&(i='<span style="color:'.concat(tS(o),'">').concat(i,"</span>")),"string"==typeof l.link&&l.link&&(i='<a target="_blank" rel="noopener noreferrer" href="'.concat(tS(function(e){let n=Array.from(e).filter(e=>e.charCodeAt(0)>32).join(""),t=/^([a-z][a-z0-9+.-]*):/i.exec(n);return t?tV.includes(t[1].toLowerCase())?e:"about:blank":e}(l.link)),'">').concat(i,"</a>")),i}function tO(e){return e.map(tN).join("")}let tL={center:"ql-align-center",right:"ql-align-right",justify:"ql-align-justify"};function t_(e,n){let t=[];n&&t.push(n);let l=e.align?tL[e.align]:void 0;l&&t.push(l);let i=Math.floor(Number(e.indent));return Number.isFinite(i)&&i>=1&&i<=9&&t.push("ql-indent-".concat(i)),t.length>0?' class="'.concat(t.join(" "),'"'):""}function tR(e){let n=Math.floor(Number(e));return Number.isFinite(n)&&n>=1?String(n):"1"}function tA(e){return!!e.attrs["table-col"]}function tU(e){return!!e.attrs["table-cell-line"]}var tD=t(512838),tF=t(480705),tB=t(259980),tH=t(296136);let t$=(0,d.memo)(e=>{let{delta:n,onFileDownload:t,isPrivateContent:l}=e,{theme:r}=(0,tk.Am)();if("string"==typeof n)return n?(0,i.jsx)(tF.i,{themeInner:r,isReadonly:!0,children:(0,i.jsx)("div",{className:"ql-custom","data-readonly":!0,children:(0,i.jsx)("div",{className:"ql-editor",dangerouslySetInnerHTML:{__html:(0,tT.p)(n,tI)}})})}):null;if(!n.ops||0===n.ops.length)return null;let o=function(e){var n;let t=function(e){let n=[],t=[];
1return e.forEach(e=>{if("string"==typeof e.insert){let l=e.insert.split("\n");l.forEach((i,r)=>{let o=r===l.length-1;if(i.length>0&&t.push({insert:i,attributes:e.attributes}),!o){var a;n.push({kind:"text",runs:t,attrs:null!=(a=e.attributes)?a:{}}),t=[]}});return}"object"==typeof e.insert&&null!==e.insert&&(t.length>0&&(n.push({kind:"text",runs:t,attrs:{}}),t=[]),n.push({kind:"embed",insert:e.insert}))}),t.length>0&&n.push({kind:"text",runs:t,attrs:{}}),n}(null!=(n=e.ops)?n:[]),l=[],i=[],r=()=>{0!==i.length&&(l.push({kind:"html",html:(function(e){let n=[],t=0;for(;t<e.length;){let l=e[t];if(tA(l)||tU(l)){let l=[];for(;t<e.length&&(tA(e[t])||tU(e[t]));)l.push(e[t]),t+=1;n.push(function(e){let n=[],t=[];e.forEach(e=>{var l,i,r,o,a,s;let d=e.attrs["table-col"];if(d){d.width&&n.push(d.width);return}let u=null!=(l=e.attrs["table-cell-line"])?l:{},c=null!=(r=null!=(i=u.row)?i:e.attrs.row)?r:"",m=null!=(o=u.cell)?o:"",p=tR(null!=(a=u.rowspan)?a:e.attrs.rowspan),h=tR(null!=(s=u.colspan)?s:e.attrs.colspan),f=function(e){if("string"==typeof e)return/^#[0-9a-fA-F]{3,8}$/.test(e.trim())?e.trim():void 0}(u["cell-bg"]),g=t[t.length-1],x=g&&g.id===c?g:{id:c,cells:[]};x!==g&&t.push(x);let y=x.cells[x.cells.length-1],C=y&&y.id===m?y:{id:m,rowspan:p,colspan:h,cellBg:f,lines:[]};C!==y&&x.cells.push(C),C.lines.push(e)});let l=n.length>0?"<colgroup>".concat(n.map(e=>'<col width="'.concat(tS(e),'">')).join(""),"</colgroup>"):"",i=t.map(e=>{let n=e.cells.map(n=>{let t=n.lines.map(t=>{let l=tO(t.runs);return'<p class="qlbt-cell-line" data-row="'.concat(tS(e.id),'" data-cell="').concat(tS(n.id),'" data-rowspan="').concat(n.rowspan,'" data-colspan="').concat(n.colspan,'">').concat(l||"<br>","</p>")}).join(""),l=n.cellBg?' data-cell-bg="'.concat(tS(n.cellBg),'" style="background-color:').concat(tS(n.cellBg),'"'):"";return'<td data-row="'.concat(tS(e.id),'" rowspan="').concat(n.rowspan,'" colspan="').concat(n.colspan,'"').concat(l,">").concat(t,"</td>")}).join("");return'<tr data-row="'.concat(tS(e.id),'">').concat(n,"</tr>")}).join("");return'<div class="quill-better-table-wrapper"><table class="quill-better-table">'.concat(l,"<tbody>").concat(i,"</tbody></table></div>")}(l));continue}if(l.attrs.list){let l=[];for(;t<e.length&&e[t].attrs.list;){let n=e[t];l.push('<li data-list="'.concat(tS(String(n.attrs.list)),'"').concat(t_(n.attrs),'><span contenteditable="false" class="ql-ui"></span>').concat(tO(n.runs),"</li>")),t+=1}n.push("<ol>".concat(l.join(""),"</ol>"));continue}if(l.attrs["code-block"]){let l=[];for(;t<e.length&&e[t].attrs["code-block"];)l.push('<div class="ql-code-block">'.concat(tO(e[t].runs),"</div>")),t+=1;n.push('<div spellcheck="false" class="ql-code-block-container">'.concat(l.join(""),"</div>"));continue}n.push(function(e){let{attrs:n,runs:t}=e,l=tO(t);if(n.header){let e=Math.min(6,Math.max(1,Math.floor(Number(n.header))||1));return"<h".concat(e).concat(t_(n),">").concat(l,"</h").concat(e,">")}if(n.blockquote||n["highlight-blockquote"]){let e=t_(n,n["highlight-blockquote"]?"highlight-blockquote":void 0);return"<blockquote".concat(e,">").concat(l,"</blockquote>")}return 0===t.length?"<p".concat(t_(n),"><br></p>"):"<p".concat(t_(n),">").concat(l,"</p>")}(l)),t+=1}return n})(i).join("")}),i=[])};return t.forEach(e=>{if("embed"===e.kind){r(),l.push({kind:"embed",insert:e.insert});return}i.push(e)}),r(),l}(n);return(0,i.jsx)(tF.i,{themeInner:r,isReadonly:!0,children:(0,i.jsx)("div",{className:"ql-custom","data-readonly":!0,children:(0,i.jsx)("div",{className:"ql-editor",children:o.map((e,n)=>"embed"===e.kind?(0,i.jsx)(d.Fragment,{children:function(e,n,t,l){var r,o,a,s;if("video"in e){let t=e.video;return t&&"error"!==t.status&&t.src?(0,i.jsx)(e2.a,{width:"100%",children:(0,i.jsx)(tB.V,{src:t.src,isReadonly:!0,status:t.status,fileName:t.fileName,autoplay:null!=(r=t.autoplay)&&r,isPrivateContent:l})},n):null}if("image"in e){let t=e.image,l="string"==typeof t?t:null!=(o=null==t?void 0:t.src)?o:"";if(!l)return null;let r="object"==typeof t&&null!==t&&null!=(a=t.alt)?a:"",d="object"==typeof t&&null!==t&&null!=(s=t.status)?s:"success";return(0,i.jsx)(e2.a,{width:"100%",children:(0,i.jsx)(tH.x,{src:l,alt:r,isReadonly:!0,status:d})},n)}if("file"in e){let l=e.file;return l?(0,i.jsx)(e2.a,{width:"100%",children:(0,i.jsx)(tD.C,{name:l.name,size:l.size,type:l.type,url:l.url,status:l.status,isReadonly:!0,onDownload:t})},n):null}if("divider"in e)return(0,i.jsx)(e2.a,{width:"100%",children:(0,i.jsx)(V.c,{direction:"horizontal"})},n);if("videoEmbed"in e){let t=e.videoEmbed;return"string"==typeof t&&t&&function(e){try{var n;let{protocol:t,hostname:l}=new URL(e);return("http:"===t||"https:"===t)&&(null!=(n=tI.allowedIframeHostnames)?n:[]).includes(l)}catch(e){return!1}}(t)?(0,i.jsx)("iframe",{title:"embedded video",src:t,allowFullScreen:!0,style:{width:"100%",border:"none",aspectRatio:"16 / 9"}},n):null}return null}(e.insert,n,t,l)},n):(0,i.jsx)("div",{style:{display:"contents"},dangerouslySetInnerHTML:{__html:e.html}},n))})})})});t$.displayName="DeltaRenderer";var tW=t(335129);let tq=e=>{let{children:n,onGestureStart:t,onGestureEnd:l}=e,[r,o]=(0,d.useState)(!1),a=(0,d.useCallback)((e,n)=>{o(n.scale>1)},[]);return(0,i.jsx)(tW.GT,{initialScale:1,minScale:1,maxScale:3,centerOnInit:!1,limitToBounds:!0,disablePadding:!0,wheel:{disabled:!0},doubleClick:{mode:"reset"},panning:{disabled:!r,allowLeftClickPan:r},onTransform:a,onZoomStart:t,onZoomStop:l,onPanningStart:t,onPanningStop:l,onPinchStart:t,onPinchStop:l,children:(0,i.jsx)(tW.WZ,{wrapperStyle:{width:"100%",userSelect:"text",WebkitUserSelect:"text",WebkitTouchCallout:"default"},contentStyle:{width:"100%"},children:n})})};var tJ=t(297636),tY=t(414283);let tG=(0,d.memo)(e=>{let{size:n=24,fill:t="onView1",...l}=e;return(0,i.jsx)(tY.B,{viewBox:"0 0 24 24",fill:t,width:n,height:n,...l,children:(0,i.jsx)(tY.B.Path,{d:"M15.3858 12.6703L8.34138 2.57495H2.5V21.4261H8.61423V11.3308L15.6586 21.4261H21.5V2.57495H15.3858V12.6703Z"})})});tG.displayName="BrandMonoIconNaver";
1var tK=t(672512);function tX(){let e=(0,l._)(["\n ","\n\n .creator_container {\n max-width: 400px;\n margin: 0 auto;\n font-family: 'Pretendard JP';\n }\n\n .se-text-paragraph {\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 125%;\n letter-spacing: -0.16px;\n display: block;\n margin-block-start: 1em;\n margin-block-end: 1em;\n margin-inline-start: 0px;\n margin-inline-end: 0px;\n unicode-bidi: isolate;\n }\n\n .se-text-paragraph-align-,\n .se-text-paragraph-align-center {\n text-align: center;\n }\n\n img {\n /* iframe ìì ì´ë¯¸ì§ overflow ë°©ì§ */\n max-width: 100% !important;\n }\n a {\n /* iframe ìì ë§í¬ íëì ì ê±° */\n color: inherit !important;\n }\n div.se-horizontalLine {\n /* iframe ëë°ì´ë 컨í
ì´ë */\n padding: 16px 0;\n }\n hr {\n /* iframe ëë°ì´ë */\n border: 0;\n height: 1px;\n background-color: #0000000d;\n margin: 0;\n }\n div.se-module-oglink {\n /* iframe ì¤íê·¸ëí ë§í¬ */\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid #0000000d;\n border-radius: 2px;\n margin: 0;\n padding: 0;\n }\n div.se-module-oglink a.se-oglink-thumbnail {\n /* iframe ì¤íê·¸ëí ë§í¬ ì¸ë¤ì¼ */\n display: block;\n width: 160px;\n height: 90px;\n overflow: hidden;\n text-decoration: none;\n }\n div.se-module-oglink a.se-oglink-thumbnail img.se-oglink-thumbnail-resource {\n /* iframe ì¤íê·¸ëí ë§í¬ ì¸ë¤ì¼ ì´ë¯¸ì§ */\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n div.se-module-oglink a.se-oglink-info {\n /* iframe ì¤íê·¸ëí ë§í¬ ì ë³´ */\n flex: 1;\n text-decoration: none;\n }\n div.se-oglink-info-container {\n display: flex;\n flex-direction: column;\n padding: 12px;\n gap: 4px;\n }\n .se-oglink-title {\n /* iframe ì¤íê·¸ëí ë§í¬ ì 목 */\n width: 240px;\n font-size: 14px;\n color: #0c0c0c;\n font-weight: 600;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin: 0;\n }\n .se-oglink-summary {\n /* iframe ì¤íê·¸ëí ë§í¬ ìì½ */\n width: 240px;\n font-size: 14px;\n color: #0c0c0c;\n font-weight: 400;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin: 0;\n }\n .se-oglink-url {\n /* iframe ì¤íê·¸ëí ë§í¬ URL */\n font-size: 14px;\n color: #373737cc;\n margin: 0;\n }\n"]);return tX=function(){return e},e}let tQ=e=>{let{theme:n,children:t}=e;return(0,i.jsx)(tZ,{themeInner:n,children:t})},tZ=tK.A.div(tX(),e=>{let{themeInner:n}=e;return tM.QR.map(e=>"--".concat(e,": ").concat(n.colors[e],";")).join("\n")});var t0=t(513370),t1=t.n(t0);let t2=/^@(?:media|supports|container|layer|scope)\b/i,t4=/^(?::root|html|body)$/i,t5=/^(?::root|html|body)(?=[.#:[])/i;function t3(e,n){let t=e[n];if('"'===t||"'"===t){let l=n+1;for(;l<e.length;){if("\\"===e[l]){l+=2;continue}if(e[l]===t)return l+1;l+=1}return e.length}if("/"===t&&"*"===e[n+1]){let t=e.indexOf("*/",n+2);return -1===t?e.length:t+2}return -1}let t6={allowedTags:["p","br","b","i","u","s","sub","sup","strong","em","small","mark","time","ul","ol","li","dl","dt","dd","hr","blockquote","pre","code","h1","h2","h3","h4","h5","h6","a","img","video","iframe","span","div","table","thead","tbody","tfoot","tr","th","td","caption","colgroup","col","section","article","header","footer","nav","main","aside","figure","figcaption"],allowedAttributes:{a:["href","target","rel"],img:["src","alt","width","height","loading"],video:["src","controls","playsinline","poster"],iframe:["src","allowfullscreen","frameborder"],th:["colspan","rowspan","scope"],td:["colspan","rowspan"],col:["span"],colgroup:["span"],"*":["class","id","style","data-*","aria-*","role"]},allowedSchemes:["http","https","mailto"],allowedSchemesByTag:{img:["http","https","data"],video:["http","https"],iframe:["http","https"]},allowedIframeHostnames:["www.youtube.com","youtube.com","youtu.be","player.vimeo.com","www.loom.com"],transformTags:{a:(e,n)=>{var t;return(null==(t=n.href)?void 0:t.startsWith("javascript:"))?{tagName:"a",attribs:{...n,href:"#"}}:{tagName:e,attribs:{...n,rel:"noopener noreferrer",target:"_blank"}}}}},t9=(0,d.memo)(e=>{let{html:n}=e,t=(0,d.useId)().replace(/:/g,""),l="external-html-".concat(t),{html:r,css:o}=(0,d.useMemo)(()=>(function(e,n){if(!e)return{html:"",css:""};let t=[],l=e.replace(/<style[^>]*>([\s\S]*?)<\/style>/gi,(e,n)=>(t.push(n),"")),i=t1()(l,t6);if(0===t.length)return{html:i,css:""};let r=n.replace(/[^\w-]/g,"")||"external-html";return{html:i,css:function e(n,t){let l="",i=0;for(;i<n.length;){let r=function(e,n){let t=n;for(;t<e.length;){let n=t3(e,t);if(-1!==n){t=n;continue}if("{"===e[t])return t;t+=1}return -1}(n,i);if(-1===r){l+=n.slice(i);break}let o=n.slice(i,r).trim(),a=function(e,n){let t=1,l=n+1;for(;l<e.length;){let n=t3(e,l);if(-1!==n){l=n;continue}if("{"===e[l])t+=1;else if("}"===e[l]&&0==(t-=1))return l+1;l+=1}return e.length}(n,r),s=n.slice(r+1,a-1);
1if(o.startsWith("@"))l+=t2.test(o)?"".concat(o,"{").concat(e(s,t),"}"):"".concat(o,"{").concat(s,"}");else{let e=function(e,n){return Array.from(new Set((function(e){let n=[],t=0,l=0,i=0;for(;i<e.length;){let r=t3(e,i);if(-1!==r){i=r;continue}let o=e[i];"("===o||"["===o?t+=1:")"===o||"]"===o?t-=1:","===o&&0===t&&(n.push(e.slice(l,i)),l=i+1),i+=1}return n.push(e.slice(l)),n})(e).map(e=>{let t=e.trim();if(!t)return t;if(t4.test(t))return n;if(t5.test(t))return"";let l=t,i="";for(;l!==i;)if(l=(i=l).replace(/^(?::root|html|body)\b\s*>?\s*/i,""),t5.test(l))return"";return l!==t?l?"".concat(n," ").concat(l):n:"".concat(n," ").concat(t)}).filter(Boolean))).join(",")}(o,t);e&&(l+="".concat(e,"{").concat(s,"}"))}i=a}return l}(function(e,n){let t=new Set,l=new Set;for(let n of e.matchAll(/@(?:-\w+-)?keyframes\s+("[^"]+"|'[^']+'|[\w-]+)/gi))t.add(n[1].replace(/^['"]|['"]$/g,""));for(let n of e.matchAll(/@font-face\s*\{([^}]*)\}/gi)){let e=n[1].match(/font-family\s*:\s*("[^"]+"|'[^']+'|[^;}]+)/i);e&&l.add(e[1].trim().replace(/^['"]|['"]$/g,""))}if(0===t.size&&0===l.size)return e;let i=e=>"".concat(n,"-").concat(e),r=e=>"[\"']?".concat(e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"[\"']?"),o=e;for(let e of t)o=(o=o.replace(RegExp("(@(?:-\\w+-)?keyframes\\s+)".concat(r(e)),"gi"),"$1".concat(i(e)))).replace(RegExp("(animation(?:-name)?\\s*:[^;}]*?)\\b".concat(e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"\\b"),"gi"),"$1".concat(i(e)));for(let e of l)o=o.replace(RegExp("(font(?:-family)?\\s*:[^;}]*?)".concat(r(e)),"gi"),'$1"'.concat(i(e),'"'));return o}((function(e){let n="",t=0;for(;t<e.length;){let l=e[t];if('"'===l||"'"===l){let l=t3(e,t);n+=e.slice(t,l),t=l;continue}if("/"===l&&"*"===e[t+1]){t=t3(e,t);continue}n+=l,t+=1}return n})(t.join("\n")).replace(/@import[^;]*;/gi,"").replace(/\bbehavior\s*:[^;}]*/gi,"").replace(/\bexpression\s*\([^)]*\)/gi,"").replace(/url\(\s*['"]?\s*javascript:[^)]*\)/gi,"url()"),r),n)}})(n,".".concat(l)),[n,l]);return r?(0,i.jsxs)(i.Fragment,{children:[o?(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:o}}):null,(0,i.jsx)("div",{className:l,style:{contain:"layout paint",overflowWrap:"anywhere"},dangerouslySetInnerHTML:{__html:r}})]}):null});t9.displayName="ExternalHtmlContent";var t8=t(312210);function t7(e){return"object"==typeof e&&null!==e&&"ops"in e&&Array.isArray(e.ops)}function le(e){return{...e,ops:(0,t8.lP)(e.ops)}}let ln=(0,a.o)(e=>{let{post:n,listItem:t,isPaywall:l}=e,{theme:i}=(0,tk.Am)(),r=(0,d.useMemo)(()=>{var e,t,l,i;let r=n.paywallDeltaContent,o=(null!=(t=null==r||null==(e=r.ops)?void 0:e.length)?t:0)>0?null!=(l=n.paywallDeltaContent)?l:"":null!=(i=n.paywallContent)?i:"";return t7(o)?le(o):o},[n.paywallDeltaContent,n.paywallContent]),o=(0,d.useMemo)(()=>{var e,t;let l=null!=(t=null!=(e=n.deltaContent)?e:n.htmlContent)?t:"";return t7(l)?le(l):l},[n.deltaContent,n.htmlContent]),{trackEvent:a}=(0,ee.j)(),s=(0,d.useCallback)(e=>{let{name:t,url:l}=e;a({name:"Community Post Attachment Downloaded",properties:{postId:n.id,attachmentName:t,attachmentUrl:l}})},[n.id,a]);return{post:n,isListItem:t,theme:i,isPaywall:l,isPrivatePost:"PRIVATE"===n.postType,deltaContentForQuill:l?r:o,handleFileDownload:s}},e=>{let{isListItem:n,post:{title:t,previewContent:l,postContentType:r,content:o,thumbnailImageUrl:a,htmlContent:s,coverImageUrl:d,paywallContent:u},theme:c,isPaywall:m,isPrivatePost:p,deltaContentForQuill:h,handleFileDownload:f}=e;return(0,i.jsxs)(i.Fragment,{children:[n&&(0,i.jsxs)(j.T,{spacing:6,width:"100%",children:[(0,i.jsx)(T.f,{level:3,weight:"medium",color:"onView1",children:t}),!p&&(0,i.jsxs)(tJ.B,{direction:["vertical","horizontal","horizontal"],gap:[10,20,20],alignHorizontal:"space-between",width:"100%",children:[(0,i.jsxs)(T.f,{level:3,weight:"regular",color:"onView1",lineLimit:[8,4],mb:4,children:[l&&l,!l&&"PLAIN_TEXT"===r&&o]}),a?(0,i.jsx)(e2.a,{width:"100%",flex:0,children:(0,i.jsx)(e6._,{width:["100%",144,144],sizes:[700,144,144],aspectRatio:16/9,src:a,borderRadius:4,objectFit:"cover"})}):null]})]}),!n&&"PLAIN_TEXT"===r&&(0,i.jsx)(tq,{children:(0,i.jsxs)(j.T,{gap:20,width:"100%",children:[a?(0,i.jsx)(e6._,{src:a,sizes:[120,800],alt:t||"community post thumbnail image"}):null,(0,i.jsx)(T.f,{level:3,weight:"regular",color:"onView1",children:m?u:o})]})}),!n&&"CRAWLED_HTML_TEXT"===r&&(0,i.jsxs)(e2.a,{width:"100%",overflow:"hidden",gap:12,children:[(0,i.jsxs)(I.z,{gap:12,alignHorizontal:"space-between",alignVertical:"center",flexWrap:"wrap",children:[(0,i.jsx)(T.f,{level:1,weight:"bold",color:"onView1",minWidth:280,children:t}),(0,i.jsx)(e2.a,{background:"surface1",borderRadius:4,children:(0,i.jsxs)(I.z,{py:4,px:8,width:"100%",spacing:4,alignVertical:"center",children:[(0,i.jsx)(tG,{size:16,fill:c.colors.onView2}
1),(0,i.jsx)(R.n,{level:4,color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"ë¤ì´ë² í¬ì¤í¸ ë·°ì´",id:"naver-post-viewer"})})]})})]}),(0,i.jsx)(tq,{children:(0,i.jsx)(tQ,{theme:c,children:(0,i.jsx)("div",{className:"creator_container",dangerouslySetInnerHTML:{__html:(0,tT.p)(m?null!=u?u:"":null!=s?s:"",tI)}})})})]}),!n&&("HTML_TEXT"===r||"DELTA_CONTENT"===r)&&(0,i.jsxs)(j.T,{gap:20,width:"100%",children:[d?(0,i.jsx)(e6._,{src:d,sizes:[120,720],aspectRatio:16/9,alt:t||"community post cover image"}):null,(0,i.jsxs)(j.T,{gap:12,children:[(0,i.jsx)(T.f,{level:1,weight:"bold",color:"onView1",children:t}),(0,i.jsx)(tq,{children:h&&(0,i.jsx)(t$,{delta:h,onFileDownload:f})})]})]}),!n&&"HTML_TEXT_V2"===r&&(0,i.jsxs)(j.T,{gap:20,width:"100%",children:[d?(0,i.jsx)("img",{src:d,alt:t||"community post cover image",style:{width:"100%",height:"auto"}}):null,(0,i.jsx)(tq,{children:(0,i.jsx)(t9,{html:m?null!=u?u:"":null!=s?s:""})})]})]})});var lt=t(926077);function ll(){let e=(0,l._)(["\n fragment ClassCommentOnCommunityCommentTag on KlassComment {\n id\n createdAt\n content\n author {\n _id\n firestoreId\n photoUrl\n nickName\n }\n resources: attachedResources {\n id\n url\n uuid\n type\n }\n product {\n _id\n klass {\n _id\n title\n coverImage\n }\n }\n}\n "]);return ll=function(){return e},e}function li(){let e=(0,l._)(["\n query ClassCommentOnCommunityCommentTag($id: ID!) {\n klassCommentById(id: $id) {\n ...ClassCommentOnCommunityCommentTag\n }\n}\n ",""]);return li=function(){return e},e}let lr={},lo=(0,r.J1)(ll()),la=(0,r.J1)(li(),lo);function ls(){let e=(0,l._)(["\n fragment CommunityPostOnPostContent on CommunityPost {\n id\n title\n coverImageUrl\n content\n htmlContent\n deltaContent\n previewContent\n thumbnailImageUrl\n membershipOnly\n freeExposure\n postContentType\n postType\n replyPostCount\n parentId\n paywallContent\n paywallDeltaContent\n attachments {\n id\n type\n url\n fileSizeBytes\n filename\n fileExtension\n }\n channel {\n id\n name\n channelType\n }\n reactions {\n likeCount\n liked\n }\n tag {\n id\n type\n ... on ClassCommentTag {\n comment {\n id\n ...ClassCommentOnCommunityCommentTag\n }\n }\n }\n viewCount\n}\n ",""]);return ls=function(){return e},e}let ld=(0,r.J1)(ls(),lo);function lu(){let e=(0,l._)(["\n fragment CommunityPostOnPaywallPostContent on CommunityPost {\n id\n showPaywall\n paywallDeltaContent\n channel {\n id\n exposureRestricted\n }\n membershipPlans {\n id\n title\n type\n salesState\n salesStartedAt\n productId\n creator {\n id\n creatorSpace {\n handle\n }\n firestoreId\n nickName\n photoUrl\n }\n }\n ...CommunityPostOnPostContent\n}\n ",""]);return lu=function(){return e},e}function lc(){let e=(0,l._)(["\n query CommunityPostOnPaywallPostContent($id: ID!) {\n communityPost(id: $id) {\n ...CommunityPostOnPaywallPostContent\n }\n}\n ",""]);return lc=function(){return e},e}function lm(){let e=(0,l._)(["\n query MeOnPaywallPostContent {\n me {\n id\n creatorMembershipTickets(\n filter: {statuses: [NOT_ACTIVATED], types: [FIXED_END_DATE]}\n ) {\n id\n status\n startedAt\n membershipPlan {\n id\n startedAt\n }\n }\n }\n}\n "]);return lm=function(){return e},e}let lp={},lh=(0,r.J1)(lu(),ld),lf=(0,r.J1)(lc(),lh),lg=(0,r.J1)(lm());function lx(e){if(!e)return 0;let n=new Date(e).getTime();return Number.isNaN(n)?0:n}function ly(e){return lx(e.membershipPlan.startedAt)||lx(e.startedAt)}let lC=(0,a.o)(e=>{var n,t,l,i,r,o,a,u,c,m,p,h,f,g,x,y,C,v,j,b,w,k,P;let{postId:I}=e,{pathname:T,search:M}=(0,el.z)(),{getResponsiveValue:S}=(0,tw.tv)(),{theme:V}=(0,tk.Am)(),z=S(["background","background",null==V?void 0:V.colors.surface2]),{push:E}=(0,et.W)(),{getUrl:N}=(0,Z.h)(),{isAuthenticationInProgress:O,isLoggedIn:L}=(0,Q.h)(),{communityPostData:_}=function(e){let n={...lp,...e},t=s.I(lf,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:I},fetchPolicy:"cache-first",skip:!I}),{meData:R,isMeLoading:A}=function(e){let n={...lp,...e},t=s.I(lg,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{meData:null==e?void 0:e.me,isMeLoading:n,meError:l,isMeCalled:i,refetchMe:r,fetchMoreMe:o,...a}},[t])}
1({skip:O||!L}),U=null==_||null==(l=_.membershipPlans)||null==(t=l.find(e=>{var n,t;return null==(t=e.creator)||null==(n=t.creatorSpace)?void 0:n.handle}))||null==(n=t.creator.creatorSpace)?void 0:n.handle,D=null==_||null==(r=_.membershipPlans)||null==(i=r.find(e=>{var n;return null==(n=e.creator)?void 0:n.firestoreId}))?void 0:i.creator.firestoreId,B=null==_||null==(o=_.channel)?void 0:o.id,H=((e,n)=>{if(0===n.length)return;let t=new Set(n);return e.filter(e=>e.status===F.FcW.NOT_ACTIVATED&&t.has(e.membershipPlan.id)).sort((e,n)=>ly(e)-ly(n))[0]})([...null!=(v=null==R?void 0:R.creatorMembershipTickets)?v:[]],null!=(j=null==_||null==(a=_.membershipPlans)?void 0:a.map(e=>{let{id:n}=e;return n}))?j:[]),$=H?ly(H):0,W=$>0?new Date($):void 0,q=W?Math.max((0,lt.w)(W,new Date,"calendarDays"),0):0,J=!O&&(!L||!A),Y=(0,d.useCallback)(()=>{U&&E(N("/[lang]/creators/[handle]",{handle:U},B?{query:{channelId:B}}:{}))},[B,N,U,E]),G=(0,d.useCallback)(()=>{var e;if(!U||!D)return;let n=(e=>{if(e.some(e=>e.type===F.Kcc.RECURRING))return{kind:"introduction"};let n=e.filter(e=>e.type===F.Kcc.FIXED_END_DATE&&e.salesState===F.uTQ.ON_SALES&&!!e.productId).sort((e,n)=>lx(n.salesStartedAt)-lx(e.salesStartedAt))[0];return(null==n?void 0:n.productId)?{kind:"pdp",productId:n.productId}:{kind:"introduction"}})(null!=(e=null==_?void 0:_.membershipPlans)?e:[]),t="pdp"===n.kind?N("/[lang]/products/[productId]",{productId:n.productId}):N("/[lang]/creators/[handle]/membership",{handle:U},{query:{creatorId:D,entrySource:"paywall",...(null==_?void 0:_.id)?{sourcePostId:_.id}:{}}}),l="".concat(T).concat(M);sessionStorage.setItem("postDetailPageAfterMembershipJoin",l),E(t)},[D,_,N,U,T,E,M]),K={postId:null==_?void 0:_.id,channelId:null==_||null==(u=_.channel)?void 0:u.id,creatorSpaceHandle:U,creatorId:D,membershipPlanIds:null!=(b=null==_||null==(c=_.membershipPlans)?void 0:c.map(e=>{let{id:n}=e;return n}))?b:[]};return{isVisible:null!=(w=null==_?void 0:_.showPaywall)&&w,creatorName:null==_||null==(h=_.membershipPlans)||null==(p=h[0])||null==(m
1=p.creator)?void 0:m.nickName,creatorPhotoUrl:null!=(k=null==_||null==(x=_.membershipPlans)||null==(g=x[0])||null==(f=g.creator)?void 0:f.photoUrl)?k:"",membershipTitles:null==_||null==(y=_.membershipPlans)?void 0:y.map(e=>{let{title:n}=e;return n}).join(", "),handleMembershipJoinButtonClick:G,handleBackToListButtonClick:Y,isPaywallVariantSettled:J,isOpenPending:!!H,remainingDaysUntilOpen:q,openDate:W,postId:I,post:_,canShowPaywallContent:!!(null==_?void 0:_.paywallDeltaContent)&&!(null!=(P=null==_||null==(C=_.channel)?void 0:C.exposureRestricted)&&P),eventProperties:K,gradientColor:z}},e=>{let{isVisible:n,creatorName:t,creatorPhotoUrl:l,membershipTitles:r,post:o,canShowPaywallContent:a,eventProperties:s,gradientColor:d,isPaywallVariantSettled:u,isOpenPending:c,remainingDaysUntilOpen:m,openDate:p,handleMembershipJoinButtonClick:h,handleBackToListButtonClick:f}=e;return n?(0,i.jsxs)(j.T,{minHeight:400,id:"paywall-content-container",children:[(0,i.jsx)(j.T,{id:"paywall-free-content",children:a&&(0,i.jsx)(ln,{post:o,isPaywall:!0})}),(0,i.jsx)(tb.P.div,{initial:{opacity:0,y:8},transition:{duration:.3,ease:"easeOut",delay:.6},animate:{opacity:1,y:0},style:{position:"absolute",width:"100%",height:"100%",background:"linear-gradient(180deg, transparent 0%, ".concat(d," 100%)")},children:u&&(0,i.jsx)(n1.I,{name:"Post Paywall Impressed",properties:s,children:(0,i.jsx)(e2.a,{width:"100%",height:"100%",position:"absolute",bottom:0,left:0,right:0,maxHeight:600,minHeight:400,justifyContent:"flex-end",linearGradient:{colors:["transparent",d],locations:[0,50],degree:180},alignItems:"center",id:"paywall-premium-content",children:(0,i.jsxs)(j.T,{gap:32,pt:80,pb:60,width:["100%","100%",400],maxWidth:400,children:[(0,i.jsxs)(j.T,{gap:16,alignHorizontal:"center",children:[(0,i.jsx)(e1.e,{src:l,size:80,alt:"creator avatar url"}),(0,i.jsx)(e_.h,{level:5,textAlign:"center",children:c?(0,i.jsx)(k.V,{defaultMessage:"í´ë½ ì¤íê¹ì§ {remainingDays}ì¼ ë¨ìì´ì",id:"+i/W2OMwIcan",values:{remainingDays:m}}):(0,i.jsx)(k.V,{id:"MembershipPaywallTitle",defaultMessage:"{creatorName}\\n멤ë²ìì ê°ì
íë©´ ë³¼ ì ìì´ì",values:{creatorName:t}})}),(0,i.jsx)(T.f,{level:3,color:"onView2",children:c?p&&(0,i.jsx)(k.V,{defaultMessage:"ì¤í ìì ì¼ {openDate}",id:"cJSUTGhJ/JqP",values:{openDate:(0,i.jsx)(tp.g,{value:p,year:"numeric",month:"long",day:"numeric"})}}):(0,i.jsx)(i.Fragment,{children:r})})]}),c?(0,i.jsx)(M.W,{size:"xl",kind:"primary",onClick:f,full:[!0,!0,!1],children:(0,i.jsx)(k.V,{defaultMessage:"목ë¡ì¼ë¡ ëìê°ê¸°",id:"tldQKTsjV8In"})}):(0,i.jsx)(td.W,{name:"Membership Button Clicked",properties:{buttonFrom:"paywall"},children:(0,i.jsx)(M.W,{size:"xl",kind:"primary",onClick:h,full:[!0,!0,!1],children:(0,i.jsx)(k.V,{id:"MembershipSignUp",defaultMessage:"멤ë²ì ê°ì
í기"})})})]})})})})]}):null});var lv=t(780427),lj=t(279705);let lb=(0,a.o)(e=>{var n,t,l,i,r,o,a,u,c,m,p,h,f,g;let{commentId:x}=e,{push:y}=(0,et.W)(),{getUrl:C}=(0,Z.h)(),{data:v,complete:j}=(0,ej.I)({fragment:lo,from:{id:x,__typename:"KlassComment"}});return!function(e){let n={...lr,...e},t=s.I(la,n);d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{klassCommentByIdData:null==e?void 0:e.klassCommentById,isKlassCommentByIdLoading:n,klassCommentByIdError:l,isKlassCommentByIdCalled:i,refetchKlassCommentById:r,fetchMoreKlassCommentById:o,...a}},[t])}({variables:{id:x},skip:j}),{isLoading:!j,userNickname:null!=(c=null==v||null==(n=v.author)?void 0:n.nickName)?c:"",userProfile:null!=(m=null==v||null==(t=v.author)?void 0:t.photoUrl)?m:"",createdAt:null==v?void 0:v.createdAt,content:null!=(p=null==v?void 0:v.content)?p:"",handleCommentClick:()=>{var e,n;(null==v||null==(e=v.product)?void 0:e._id)&&y(C("/[lang]/products/[productId]",{productId:null==v||null==(n=v.product)?void 0:n._id}))},image:null!=(h=null==v||null==(i=v.resources)||null==(l=i.find(e=>"IMAGE"===e.type))?void 0:l.url)?h:"",classTitle:null!=(f=null==v||null==(o=v.product)||null==(r=o.klass)?void 0:r.title)?f:"",classCoverImage:null!=(g=null==v||null==(u=v.product)||null==(a=u.klass)?void 0:a.coverImage)?g:""}},e=>{let{isLoading:n,userNickname:t,userProfile:l,createdAt:r,content:o,image:a,classTitle:s,classCoverImage:d,handleCommentClick:u}=e;return n?(0,i.jsx)(lw.Skeleton,{}):(0,i.jsx)(j.T,{children:(0,i.jsx)(e9.d,{onClick:u,children:(0,i.jsx)(P.t,{borderStyle:"solid",borderWidth:1,rounded:"lg",borderColor:"outline1",children:(0,i.jsxs)(j.T,{children:[(0,i.jsx)(P.t,{backgroundColor:"surface2",p:16,children:(0,i.jsxs)(j.T,{spacing:8,children:[(0,i.jsxs)(I.z,{alignVertical:"center",spacing:8,children:[(0,i.jsx)(e1.e,{src:l,size:"sm",alt:"commentUserAvatar"}),(0,i.jsx)(R.n,{level:3,children:t}),(0,i.jsx)(R.n,{level:3,children:(0,i.jsx)(np.d,{date:new Date(r)})})]}),(0,i.jsx)(T.f,{level:3,children:o}),!!a&&(0,i.jsx)(e6._,{sizes:[320,640,1080],src:a,aspectRatio:16/9,rounded:"md"})]})}),(0,i.jsx)(P.t,{backgroundColor:"surface1",p:16,children:(0,i.jsxs)(I.z,{alignVertical:"center",spacing:10,children:[(0,i.jsx)(e6._,{sizes:128,src:d,width:32,height:24,rounded:"sm"}),(0,i.jsxs)(I.z,{spacing:4,children:[(0,i.jsx)(R.n,{level:4,lineLimit:1,flexShrink:1,children:s}),(0,i.jsx)(j.T,{flexShrink:0,children:(0,i.jsx)(R.n,{level:4,color:"onView2",children:(0,i.jsx)(k.
1V,{id:"Community.CommentTag.From",defaultMessage:"ìì ë¨ê¸´ ëê¸"})})})]})]})})]})})})})}),lw=(0,ts._)(lb,()=>(0,i.jsx)(P.t,{borderStyle:"solid",borderWidth:1,rounded:"lg",borderColor:"outline1",children:(0,i.jsxs)(j.T,{children:[(0,i.jsx)(P.t,{backgroundColor:"surface2",p:16,children:(0,i.jsxs)(j.T,{spacing:8,children:[(0,i.jsxs)(I.z,{alignVertical:"center",spacing:8,children:[(0,i.jsx)(eL.E.Avatar,{size:"sm"}),(0,i.jsx)(eL.E.Text,{typography:"body3",maxWidth:"30%"}),(0,i.jsx)(eL.E.Text,{typography:"body3",maxWidth:"10%"})]}),(0,i.jsx)(eL.E.Text,{typography:"paragraph1",maxWidth:"100%",lines:2})]})}),(0,i.jsx)(P.t,{backgroundColor:"surface1",p:16,children:(0,i.jsxs)(I.z,{alignVertical:"center",spacing:10,children:[(0,i.jsx)(eL.E.Image,{width:32,ratio:4/3}),(0,i.jsx)(eL.E.Text,{typography:"body3",maxWidth:"80%"})]})})]})})),lk=(0,a.o)(e=>{let{type:n,itemId:t}=e;return{type:n,itemId:t}},e=>{let{type:n,itemId:t}=e,l=(0,d.useMemo)(()=>n===F.Tdm.CLASS_COMMENT?(0,i.jsx)(lw,{commentId:t}):null,[t,n]);return(0,i.jsx)(j.T,{maxWidth:560,width:"100%",children:l})}),lP=(0,ts._)((0,a.o)(e=>{var n,t,l,i,r;let{postId:o,lineLimit:a,listItem:s}=e,{data:u}=(0,ej.I)({fragment:ld,from:{id:o,__typename:"CommunityPost"},fragmentName:"CommunityPostOnPostContent"}),c=null!=(i=null==u||null==(n=u.attachments)?void 0:n.filter(nN.n))?i:[],m=(0,nh.O)(a)&&!!((null==u?void 0:u.content)&&(null==u||null==(t=u.content)?void 0:t.length)>100),p=(0,d.useMemo)(()=>{var e,n;return(null==u||null==(e=u.tag)?void 0:e.__typename)==="ClassCommentTag"?null==u||null==(n=u.tag)?void 0:n.comment.id:void 0},[null==u?void 0:u.tag]);return{thumbnailImageUrl:null!=(r=null==u?void 0:u.thumbnailImageUrl)?r:"",isListItem:s,showFullContentText:m,attachments:c,postId:o,tagType:null==u||null==(l=u.tag)?void 0:l.type,itemId:p,post:u}},e=>{let{attachments:n,showFullContentText:t,tagType:l,itemId:r,isListItem:o,thumbnailImageUrl:a,postId:s,post:d}=e;return(0,i.jsxs)(j.T,{spacing:10,alignHorizontal:"start",width:"100%",children:[(0,i.jsx)(ln,{post:d,listItem:o}),t&&(0,i.jsx)(R.n,{level:3,color:"onView2",children:(0,i.jsx)(k.V,{id:"miE11gs7qtCo",defaultMessage:"ì 체보기"})}),(0,lv.z)(l)&&(0,lv.z)(r)&&(0,i.jsx)(lk,{type:l,itemId:r}),(0,lj.W)(o&&a)&&n.length>0&&(0,i.jsx)(no,{attachments:n,postId:s,parentPostId:d.parentId})]})}),()=>(0,i.jsxs)(j.T,{children:[(0,i.jsxs)(j.T,{gap:8,py:12,height:376,children:[(0,i.jsx)(eL.E.Text,{typography:"paragraph1",maxWidth:400}),(0,i.jsx)(eL.E.Text,{typography:"paragraph3",lines:3})]}),(0,i.jsxs)(I.z,{py:4,gap:16,children:[(0,i.jsx)(eL.E.Text,{typography:"body2",maxWidth:50}),(0,i.jsx)(eL.E.Text,{typography:"body2",maxWidth:50}),(0,i.jsx)(eL.E.Text,{typography:"body2",maxWidth:50})]})]}));var lI=t(622932),lT=t(133189),lM=t(330639),lS=t(648742);function lV(){let e=(0,l._)(["\n fragment CommunityOnCommunityPostFixModal on Community {\n id\n channels {\n id\n name\n fixedPostId\n }\n}\n "]);return lV=function(){return e},e}function lz(){let e=(0,l._)(["\n query CreatorSpaceOnCommunityPostFixModal($handle: String!) {\n creatorSpace(handle: $handle) {\n id\n community {\n ...CommunityOnCommunityPostFixModal\n }\n }\n}\n ",""]);return lz=function(){return e},e}function lE(){let e=(0,l._)(["\n mutation CommunityFixPostOnCommunityPostFixModal($input: CommunityFixPostInput!) {\n communityFixPost(input: $input) {\n community {\n ...CommunityOnCommunityPostFixModal\n }\n }\n}\n ",""]);return lE=function(){return e},e}function lN(){let e=(0,l._)(["\n query CommunityPostOnCommunityPostFixModal($id: ID!) {\n communityPost(id: $id) {\n id\n channel {\n id\n name\n }\n author {\n id\n photoUrl\n }\n }\n}\n "]);return lN=function(){return e},e}let lO={},lL=(0,r.J1)(lV()),l_=(0,r.J1)(lz(),lL),lR=(0,r.J1)(lE(),lL),lA=(0,r.J1)(lN()),lU=(0,a.o)(e=>{var n,t,l,i,r;let{postId:o,channelId:a,onClose:u,slug:c,handle:m}=e,{showToast:p}=(0,ei.hs)(),{creatorSpaceData:f,isCreatorSpaceLoading:g}=function(e){let n={...lO,...e},t=s.I(l_,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{creatorSpaceData:null==e?void 0:e.creatorSpace,isCreatorSpaceLoa
1ding:n,creatorSpaceError:l,isCreatorSpaceCalled:i,refetchCreatorSpace:r,fetchMoreCreatorSpace:o,...a}},[t])}({variables:{handle:m},skip:!m}),x=null==f||null==(n=f.community)?void 0:n.channels.find(e=>e.id===a),y=null!=(l=null==x?void 0:x.fixedPostId)?l:"",C=!!y,v=(null==x?void 0:x.fixedPostId)===o,{communityPostData:j,isCommunityPostLoading:b}=function(e){let n={...lO,...e},t=s.I(lA,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:y},skip:!y}),[w,{isCommunityFixPostLoading:k}]=function(e){let n={...lO,...void 0},t=h.n(lR,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{communityFixPostData:null==e?void 0:e.communityFixPost,isCommunityFixPostLoading:n,communityFixPostError:l,isCommunityFixPostCalled:i,...r}]},[t])}(),{localizeText:P}=(0,en.B)(),I=(0,d.useCallback)(e=>{a&&w({variables:{input:{action:v?F.JSt.UNFIX:F.JSt.FIX,postId:o,slug:c,channelId:a}},refetchQueries:["CreatorSpaceOnCreatorHomePostList"],onCompleted:()=>{p({title:v?P({defaultMessage:"í¬ì¤í¸ê° ê³ ì í´ì ëì´ì.",id:"PostUnfixComplete"}):P({defaultMessage:"í¬ì¤í¸ê° ê³ ì ëì´ì. ì±ëìì ë³¼ ì ìì´ì.",id:"PostFixComplete"}),kind:"success"}),null==e||e(),u()},onError:e=>{var n;let{graphQLErrors:t}=e,[l]=t;if("community-post/private-post-not-allowed-fix"===(null==l||null==(n=l.extensions)?void 0:n.code))return void p({title:P({defaultMessage:"ë¹ê³µê° ê²ìê¸ì ê³ ì í ì ììµëë¤.",id:"CannotFixPrivatePost"}),kind:"error"});p({title:P({defaultMessage:"ê²ìê¸ ê³ ì ì ì¤í¨íìµëë¤.",id:"CannotFixPost"}),kind:"error"})}})},[a,w,v,P,u,o,p,c]),T=null!=(i=null==x?void 0:x.name)?i:"ì±ë",M=v?P({defaultMessage:"ê¸ ê³ ì í´ì ",id:"KYOjUBuHaKQF"},{currentChannelName:T}):P({defaultMessage:"#{currentChannelName} ì ê¸ ê³ ì ",id:"KYOjUBuHapWP"},{currentChannelName:T});return{postId:o,isFixLoading:g||k||b,channelName:T,channelFixedPostId:y,channelId:a,handleChannelFixClick:I,showModal:C&&!v,openerTitle:M,photoUrl:null!=(r=null==j||null==(t=j.author)?void 0:t.photoUrl)?r:""}},e=>{let{isFixLoading:n,handleChannelFixClick:t,channelFixedPostId:l,channelName:r,showModal:o,openerTitle:a}=e;return(0,i.jsx)(lT.Yb,{defaultOpen:!1,title:(0,i.jsx)(k.V,{defaultMessage:"ìë¡ì´ í¬ì¤í¸ë¥¼ ê³ ì í ê¹ì?",id:"HSFIdKHfpWP"}),subtitle:(0,i.jsx)(k.V,{defaultMessage:"ì±ëë¹ í¬ì¤í¸ë íëë§ ê³ ì í ì ìì´ì. ì´ë¯¸ ê³ ì ë í¬ì¤í¸ë¥¼ ë´ë¦¬ê³ ìë¡ê² ê³ ì í ê¹ì?",id:"aWQFIdKHfpWP"}),renderOpener:e=>{let{open:n}=e;return(0,i.jsx)(q._,{title:a,hideChevron:!0,renderStart:()=>(0,i.jsx)(lS.Y,{size:20}),onClick:()=>o?n():t()})},renderContents:()=>(0,i.jsx)(P.t,{backgroundColor:"background",rounded:"lg",borderColor:"outline1",elevationLevel:2,p:24,mx:[20,32],children:(0,i.jsxs)(j.T,{children:[(0,i.jsxs)(I.z,{gap:12,mb:16,children:[(0,i.jsx)(lM.$,{size:["sm","sm","md"],selected:!0,children:r}),(0,i.jsx)(eL.E.Chip,{size:["sm","sm","md"]}),(0,i.jsx)(eL.E.Chip,{size:["sm","sm","md"]})]}),(0,i.jsxs)(j.T,{spacing:12,width:"100%",children:[(0,i.jsx)(lq,{postId:l,editMode:!0,fixed:!0}),(0,i.jsx)(lP,{lineLimit:5,postId:l})]})]})}),primaryButtonOptions:{text:(0,i.jsx)(k.V,{defaultMessage:"ìë¡ ê³ ì í기",id:"fixNewPost"}),onClick:e=>{let{close:n}=e;t(n)},loading:n},secondaryButtonOptions:{text:(0,i.jsx)(k.V,{defaultMessage:"ì·¨ì",id:"cancel"}),onClick:e=>{let{close:n}=e;return n()}},buttonDirection:"horizontal"})});function lD(){let e=(0,l._)(["\n mutation PostVisibilityUpdateOnCommunityPostVisibilityModal($input: PostVisibilityUpdateInput!) {\n postVisibilityUpdate(input: $input) {\n post {\n id\n postType\n }\n }\n}\n "]);return lD=function(){return e},e}let lF={},lB=(0,r.J1)(lD()),lH=(0,a.o)(e=>{let{postId:n,visible:t,onClose:l}=e,{localizeText:i}=(0,en.B)(),{showToast:r}=(0,ei.hs)(),{trackEvent:o}=(0,ee.j)(),[a,{isPostVisibilityUpdateLoading:s}]=function(e){let n={...lF,...e},t=h.n(lB,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,...r}=t[1];return[t[0],{postVisibilityUpdateData:null==e?void 0:e.postVisibilityUpdate,isPostVisibilityUpdateLoading:n,postVisibilityUpdateError:l,isPostVisibilityUpdateCalled:i,...r}]},[t])}({variables:{input:{postId:n,visible:t}},onCompleted:()=>{o({name:t?"Community Post Shown":"Community Post Hidden",properties:{postId:n}}),r({title:t?i({defaultMessage:"ê²ìê¸ì´ ê³µê°ëì´ì",id:"PostShowSuccess"}):i({defaultMessage:"ê²ìê¸ì´ ë¹ê³µê° ì²ë¦¬ëì´ì",id:"PostHideSuccess"}),kind:"success"})},onError:e=>{var n,l;r({title:null!=(l=null==(n=e.graphQLErrors[0])?void 0:n.message)?l:t?i({defaultMessage:"ê³µê° ì²ë¦¬ì ì¤í¨íì´ì",id:"PostShowError"}):i({defaultMessage:"ë¹ê³µê° ì²ë¦¬ì ì¤í¨íì´ì",id:"PostHideError"}),kind:"error"})}
1,update:(e,n)=>{let{data:l}=n,i=null==l?void 0:l.postVisibilityUpdate.post.id;if(!i)return;let r=e.identify({__typename:"CommunityPost",id:i});r&&e.modify({id:r,fields:{postType:()=>t?F.aCF.GENERAL:F.aCF.PRIVATE}})},refetchQueries:["CommunityPostOnCommunityPostList","CreatorSpaceOnCreatorHomePostList"]});return{visible:t,handleConfirmClick:(0,d.useCallback)(()=>{a(),null==l||l()},[a,l]),isPostVisibilityUpdateLoading:s,onClose:l}},e=>{let{visible:n,isPostVisibilityUpdateLoading:t,handleConfirmClick:l}=e;return(0,i.jsx)(lT.Yb,{defaultOpen:!1,title:n?(0,i.jsx)(k.V,{defaultMessage:"ì´ ê²ìê¸ì ê³µê°ë¡ ì íí ê¹ì?",id:"AskShowPost"}):(0,i.jsx)(k.V,{defaultMessage:"ì´ ê²ìê¸ì ë¹ê³µê°ë¡ ì íí ê¹ì?",id:"AskHidePost"}),renderOpener:e=>{let{open:t}=e;return(0,i.jsx)(q._,{title:n?(0,i.jsx)(k.V,{defaultMessage:"ê³µê°ë¡ ì í",id:"ShowPost"}):(0,i.jsx)(k.V,{defaultMessage:"ë¹ê³µê°",id:"HidePost"}),hideChevron:!0,renderStart:()=>n?(0,i.jsx)(Y.Y,{size:20}):(0,i.jsx)(G.Y,{size:20}),onClick:t})},renderContents:()=>(0,i.jsx)(j.T,{px:[20,32],py:20,children:(0,i.jsx)(R.n,{level:1,color:"onView1",children:n?(0,i.jsx)(k.V,{defaultMessage:"ê³µê° ì²ë¦¬íë©´ 모ë ì¬ì©ìê° ë¤ì ë³¼ ì ìì´ì.",id:"ShowPostDescription"}):(0,i.jsx)(k.V,{defaultMessage:"ë¹ê³µê° ì²ë¦¬íë©´ ìì±ìì ê´ë¦¬ì
1ìê²ë§ ë
¸ì¶ë¼ì. 리ì¤í¸ì ìì¸ìì ë ì´ì ë³´ì´ì§ ììì.",id:"HidePostDescription"})})}),primaryButtonOptions:{text:n?(0,i.jsx)(k.V,{defaultMessage:"ê³µê°ë¡ ì í",id:"ShowPost"}):(0,i.jsx)(k.V,{defaultMessage:"ë¹ê³µê°",id:"HidePost"}),onClick:e=>{let{close:n}=e;l(),n()},loading:t},secondaryButtonOptions:{text:(0,i.jsx)(k.V,{defaultMessage:"ì·¨ì",id:"Cancel.47"}),onClick:e=>{let{close:n}=e;return n()}},buttonDirection:"horizontal"})});function l$(){let e=(0,l._)(["\n fragment CommunityPostOnPostHeader on CommunityPost {\n id\n channelId\n postType\n postContentType\n createdAt\n parentId\n authorRole\n channel {\n id\n name\n channelType\n klassCommentOnly\n }\n author {\n id\n firestoreId\n nickName\n photoUrl\n communityBadges(handle: $handle) {\n id\n title\n description\n }\n }\n userBadge {\n id\n title\n description\n }\n membershipOnly\n}\n "]);return l$=function(){return e},e}let lW=(0,r.J1)(l$()),lq=(0,ts._)((0,a.o)(e=>{var n,t,l,i,r,o,a,s,u,c,m,p,h,f,g,x;let{postId:y,editMode:C=!1,fixed:v=!1,handle:j,replyPost:b=!1,isAdmin:w=!1,isOwner:k=!1,isManager:P=!1}=e,{userToken:I}=(0,Q.h)(),{localizeText:T}=(0,en.B)(),{queryParams:{channelId:M}}=(0,eB.s)(),{data:S,complete:V}=(0,ej.I)({fragment:lW,from:{id:y,__typename:"CommunityPost"},fragmentName:"CommunityPostOnPostHeader",variables:{handle:j}}),z=(0,d.useMemo)(()=>(null==S?void 0:S.createdAt)?new Date(S.createdAt):void 0,[S]),E=(null==S||null==(n=S.channel)?void 0:n.channelType)===F.kqo.PRIVATE,N=(null==S?void 0:S.postType)===F.aCF.PRIVATE,O=(null==S?void 0:S.postType)===F.aCF.KLASS_COMMENT,L=null!=(c=null==S||null==(t=S.channel)?void 0:t.klassCommentOnly)&&c,_=V&&!!I&&I===(null==S||null==(l=S.author)?void 0:l.firestoreId),R=!!M&&"all"!==M&&w,A=V||!!S,{push:U}=(0,et.W)(),{getUrl:D}=(0,Z.h)(),B=(k||P)&&!O&&((null==S?void 0:S.postType)===F.aCF.GENERAL||(null==S?void 0:S.postType)===F.aCF.PRIVATE),H=(null==S?void 0:S.postContentType)!=="CRAWLED_HTML_TEXT"&&(null==S?void 0:S.postContentType)!=="HTML_TEXT_V2",$=_&&H&&!O,W=(0,d.useMemo)(()=>{if(C)return!1;let e=w&&!_,n=_&&(null==S?void 0:S.postType)!==F.aCF.DELETED&&!O,t=!_;return R||e||$||n||t||B},[C,R,w,_,$,null==S?void 0:S.postType,O,B]);return{date:z,isLoading:!A,postId:y,isMine:_,channelName:null==S||null==(i=S.channel)?void 0:i.name,channelType:null==S||null==(r=S.channel)?void 0:r.channelType,channelId:null!=(m=null==S?void 0:S.channelId)?m:"",parentId:null!=(p=null==S?void 0:S.parentId)?p:void 0,postType:null==S?void 0:S.postType,postContentType:null==S?void 0:S.postContentType,isPrivateChannel:E,isPrivatePost:N,nickname:null!=(h=null==S||null==(o=S.author)?void 0:o.nickName)?h:T({defaultMessage:"íí´í ì¬ì©ì",id:"HdvYhkyCk+xe"}),authorId:null!=(f=null==S||null==(a=S.author)?void 0:a.firestoreId)?f:"",isEditMode:C,fixed:v,activeBadge:null==S?void 0:S.userBadge,userOwnBadges:null!=(g=null==S||null==(s=S.author)?void 0:s.communityBadges)?g:[],isAdmin:w,canTogglePostVisibility:B,showPostFixButton:R,currentChannelId:M,handle:j,handleClickEdit:()=>{let e=null==S?void 0:S.channelId;if(j&&e)return void U(decodeURIComponent(D("/[lang]/creators/[handle]/posts/[postId]/edit",{handle:j,postId:y},{query:{channelId:e}})))},localizeText:T,membershipOnly:null!=(x=null==S?void 0:S.membershipOnly)&&x,isKlassCommentPost:O,isKlassCommentChannel:L,showDropdownMenu:W,hasEditButton:$,photoUrl:null==S||null==(u=S.author)?void 0:u.photoUrl,replyPost:b,authorRole:null==S?void 0:S.authorRole}},e=>{let{isLoading:n,postId:t,date:l,channelName:r,nickname:o,channelId:a,parentId:s,handleClickEdit:d,isMine:u,fixed:c,activeBadge:m,isPrivatePost:p,canTogglePostVisibility:h,showPostFixButton:f,currentChannelId:g,handle:x,localizeText:y,postType:C,membershipOnly:v,channelType:b,isKlassCommentPost:w,isKlassCommentChannel:P,showDropdownMenu:T,hasEditButton:M,photoUrl:S,replyPost:V,authorRole:z}=e;return n?(0,i.jsx)(lq.Skeleton,{}):(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",alignHorizontal:"space-between",width:"100%",children:[(0,i.jsxs)(I.z,{flex:1,gap:10,alignVertical:"center",minWidth:0,children:[!V&&(0,i.jsx)(e1.e,{alt:"community_post_owner",src:S,size:38}),(0,i.jsxs)(j.T,{gap:2,flex:1,minWidth:0,children:[(0,i.jsxs)(I.z,{alignVertical:"center",gap:10,children:[(0,i.jsx)(R.n,{level:2,
1weight:"medium",lineLimit:1,color:"onView1",flex:1,minWidth:0,children:o}),(0,i.jsx)(nd.K,{authorRole:z}),(0,i.jsx)(nm,{badge:m}),V&&l&&(0,i.jsx)(R.n,{level:3,color:"onView2",children:(0,i.jsx)(np.d,{date:l})})]}),(0,i.jsxs)(I.z,{alignVertical:"center",gap:6,children:[(0,i.jsx)(I.z,{alignVertical:"center",gap:2,children:!V&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eN.Y,{membershipOnly:v,klassCommentOnly:P,channelId:a,channelType:null!=b?b:F.kqo.PUBLIC,type:"Regular",size:12,fill:"onView2"}),(0,i.jsx)(R.n,{level:3,color:"onView2",children:r})]})}),p&&(0,i.jsxs)(I.z,{alignVertical:"center",gap:2,children:[(0,i.jsx)(G.Y,{size:12,fill:"onView2"}),(0,i.jsx)(R.n,{level:3,color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"매ëì ê³µê°",id:"Private"})})]}),c&&(0,i.jsxs)(I.z,{alignVertical:"center",children:[(0,i.jsx)(lI.S,{size:12,fill:"onView2"}),(0,i.jsx)(R.n,{level:3,color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"ê³ ì ë ê¸",id:"Fixed"})})]}),!V&&l&&(0,i.jsx)(R.n,{level:3,color:"onView2",children:(0,i.jsx)(np.d,{date:l})})]})]})]}),T&&(0,i.jsx)(B.r,{renderOpener:e=>{let{open:n}=e;return(0,i.jsx)(_.K,{IconComponent:ny.Y,onClick:n,size:"sm",ariaLabel:"more options"})},children:e=>{let{close:n}=e;return(0,i.jsx)(W.I,{children:(0,i.jsxs)(i.Fragment,{children:[f&&x&&(0,i.jsx)(lU,{postId:t,channelId:a,onClose:n,slug:x,handle:x}),M&&x&&!s?(0,i.jsx)(q._,{title:y({defaultMessage:"ìì ",id:"editComment"}),hideChevron:!0,renderStart:()=>(0,i.jsx)(nC.Y,{size:20}),onClick:d}):null,u&&C!==F.aCF.DELETED&&!w&&(0,i.jsx)(na.E,{postId:t,onClose:n,handle:x,currentChannelId:g,isReply:(0,nh.O)(s)}),!u&&(0,i.jsx)(ns.j,{contentId:t,onComplete:n}),h&&(0,i.jsx)(lH,{postId:t,visible:p,onClose:n})]})})}})]})}),()=>(0,i.jsxs)(I.z,{gap:12,children:[(0,i.jsx)(e2.a,{children:(0,i.jsx)(eL.E.Avatar,{size:38})}),(0,i.jsxs)(j.T,{gap:2,width:"100%",children:[(0,i.jsx)(eL.E.Text,{typography:"body2",maxWidth:100}),(0,i.jsxs)(I.z,{gap:6,children:[(0,i.jsx)(eL.E.Text,{typography:"body3",maxWidth:50}),(0,i.jsx)(eL.E.Text,{typography:"body3",maxWidth:50})]})]})]}));var lJ=t(698408);let lY=(0,a.o)(e=>{var n,t,l,i,r;let{postId:o,editMode:a=!1,handle:s}=e,{data:d}=(0,ej.I)({fragment:ld,from:{id:o,__typename:"CommunityPost"},fragmentName:"CommunityPostOnPostContent"}),[u]=null!=(n=null==d?void 0:d.reactions)?n:[],{liked:c=!1,likeCount:m=0}=null!=u?u:{},p=!(null==d?void 0:d.parentId),h=(null==d?void 0:d.postType)===F.aCF.KLASS_COMMENT;return{postId:o,liked:c,likeCount:m,commentCount:null!=(t=null==d?void 0:d.replyPostCount)?t:0,viewCount:null!=(l=null==d?void 0:d.viewCount)?l:0,isMainPost:p,membershipOnly:null!=(i=null==d?void 0:d.membershipOnly)&&i,freeExposure:null!=(r=null==d?void 0:d.freeExposure)&&r,editMode:a,handle:s,shouldShowReactions:!(h&&!p)}},e=>{let{postId:n,liked:t,likeCount:l,commentCount:r,viewCount:o,isMainPost:a,membershipOnly:s,freeExposure:d,editMode:u,handle:c,shouldShowReactions:m}=e;return(0,i.jsxs)(I.z,{width:"100%",alignHorizontal:"space-between",py:4,children:[!u&&m&&(0,i.jsx)(e3.V,{likeCount:l,liked:t,postId:n,commentCount:r,views:o,isMainPost:a,handle:c}),(0,i.jsx)(e2.a,{children:(0,i.jsx)(lJ.b,{membershipOnly:s,freeExposure:d})})]})}),lG=()=>(0,i.jsx)(P.t,{backgroundColor:"surface1",children:(0,i.jsxs)(I.z,{height:52,alignVertical:"center",width:"100%",children:[(0,i.jsx)(j.T,{alignHorizontal:"center",px:17,children:(0,i.jsx)(G.Y,{size:16,fill:"onView2"})}),(0,i.jsx)(j.T,{children:(0,i.jsx)(R.n,{level:2,color:"onView2",children:(0,i.jsx)(k.V,{id:"PrivatePostContent",defaultMessage:"매ëì ë§ ë³¼ ì ìë ê¸ì
ëë¤."})})})]})});function lK(){let e=(0,l._)(["\n fragment CommunityPostOnCommunityPostDetail on CommunityPost {\n id\n isParent\n title\n coverImageUrl\n postContentType\n previewContent\n thumbnailImageUrl\n membershipOnly\n freeExposure\n deltaContent\n paywallDeltaContent\n showPaywall\n isParticipant\n channel {\n id\n exposureRestricted\n }\n creatorSpace {\n id\n creator {\n _id\n photoUrl\n }\n }\n membershipPlans {\n id\n title\n type\n salesState\n salesStartedAt\n productId\n creator {\n id\n creatorSpace {\n handle\n }\n firestoreId\n nickName\n photoUrl\n }\n }\n ...CommunityPostOnPostHeader\n ...CommunityPostOnPostContent\n}\n ","\n",""]);return lK=function(){return e},e}function lX(){let e=(0,l._)(["\n query CommunityPostDetailOnCommunityPostDetail($id: ID!, $handle: String!) {\n communityPost(id: $id) {\n accessible\n lesson {\n _id\n mission {\n message\n }\n klass {\n _id\n title\n product {\n _id\n title\n coverImageUrl\n }\n }\n }\n ...CommunityPostOnCommunityPostDetail\n }\n}\n ",""]);return lX=function(){return e},e}let lQ={},lZ=(0,r.J1)(lK(),lW,ld),l0=(0,r.J1)(lX(),lZ),l1="community_post_class_comment",l2=(0,ts._)((0,a.o)(e=>{var n,t,l,i,r,o,a,u,c,m,p,h,f,g,x,y,C,v,j,b,w,k,P,I,T,M,S,V;let{postId:z,handle:E,loading:N=!1,editMode:O=!1}=e,{replace:L,push:_}=(0,et.W)(),{getUrl:R}=(0,Z.h)(),{showToast:A}=(0,ei.hs)(),{localizeText:U}=(0,en.B)(),{isChannelViewEnabled:D}=tn(),{communityPostData:B,isCommunityPostLoading:H,communityPostError:$,refetchCommunityPost:W}=function(e){let n={...lQ,...e},t=s.I(l0,n);return d.useMemo(()=>{let{data:e,loading:n,error:l,called:i,refetch:r,fetchMore:o,...a}=t;return{communityPostData:null==e?void 0:e.communityPost,isCommunityPostLoading:n,communityPostError:l,isCommunityPostCalled:i,refetchCommunityPost:r,fetchMoreCommunityPost:o,...a}},[t])}({variables:{id:z,handle:E},fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first"});nF(W),(0,d.useEffect)(()=>{var e,n;let t,l=null!=(n=null==$?void 0:$.graphQLErrors)?n:[];if(0===l.length)return;let[i]=l;switch(null==(e=i.extensions)?void 0:e.code){case"community-post/not-found":t=U({defaultMessage:"ì¡´ì¬íì§ ìê±°ë ìì ë ê²ìê¸ì
ëë¤.",id:"dbJCoqsyqYMk"});break;case"channel-permission/not-found":t=U({defaultMessage:"ì´ëê° íìí ë¹ê³µê° ì±ëì
ëë¤.",id:"6V3YMJuyl7Mv"});break;default:t=U({defaultMessage:"ë¹ì ìì ì¸ ì ê·¼ì
ëë¤.",id:"naGOAXxQFHj/"})}A({title:t,kind:"error"}),L(decodeURIComponent(R("/[lang]/creators/[handle]",{handle:E})))},[$,R,E,U,L,A]);let q=null==(w=null==B?void 0:B.accessible)||w,J=(null==B?void 0:B.postType)===F.aCF.PRIVATE,Y=J&&!q,G=(null==B?void 0:B.postType)===F.aCF.KLASS_COMMENT,K=null!=(k=null==B?void 0:B.showPaywall)&&k,X=D&&(Y||!q||K)&&(0,nh.O)(null==B?void 0:B.deltaContent),Q=null==B||null==(n=B.lesson)?void 0:n._id,ee=null==B||null==(t=B.lesson)?void 0:t.klass._id,el=(0,d.useCallback)(()=>{ee&&Q&&_(R("/[lang]/classes/[klassId]/lectures/[lectureId]",{klassId:ee,lectureId:Q}))},[ee,Q,_,R]),er={channelId:null==B||null==(l=B.channel)?void 0:l.id,channelName:null==B||null==(i=B.channel)?void 0:i.name,channelType:(null==B?void 0:B.membershipOnly)?"membership_only":null==B||null==(o=B.channel)||null==(r=o.channelType)?void 0:r.toLowerCase(),postId:z,postTitle:null==B?void 0:B.title,postSource:G?"class_comments":"editor"};return{isLoading:N||H||!(0,nh.O)(B),postId:z,isPublicPost:!!X||q,isPrivatePost:J,isManagerOnlyBlocked:!X&&Y,title:null!=(P=null==B?void 0:B.title)?P:"",creatorPhotoUrl:null!=(I=null==B||null==(u=B.creatorSpace)||null==(a=u.creator)?void 0:a.photoUrl)?I:"",channelId:null!=(T=null==B||null==(c=B.channel)?void 0:c.id)?T:"",isEditMode:O,showPaywall:!X&&K,isChannelExposureRestricted:null!=(M=null==B||null==(m
1=B.channel)?void 0:m.exposureRestricted)&&M,handle:E,properties:er,isKlassComment:G,missionMessage:null==B||null==(h=B.lesson)||null==(p=h.mission)?void 0:p.message,klassTitle:null!=(S=(null==B||null==(g=B.lesson)||null==(f=g.klass)?void 0:f.title)||(null==B||null==(C=B.lesson)||null==(y=C.klass)||null==(x=y.product)?void 0:x.title))?S:"",productCoverImageUrl:null!=(V=null==B||null==(b=B.lesson)||null==(j=b.klass)||null==(v=j.product)?void 0:v.coverImageUrl)?V:"",handleClassInfoClick:el}},e=>{let n,{isLoading:t,postId:l,isPublicPost:r,isManagerOnlyBlocked:o,title:a,creatorPhotoUrl:s,channelId:d,isEditMode:u,showPaywall:c,isChannelExposureRestricted:m,handle:p,properties:h,isKlassComment:f,missionMessage:g,klassTitle:x,productCoverImageUrl:y,handleClassInfoClick:C}=e;return t?(0,i.jsx)(l2.Skeleton,{}):(n=o?(0,i.jsx)(tP,{handle:p,creatorPhotoUrl:s,channelId:d}):r?c?(0,i.jsx)(lC,{postId:l}):(0,i.jsx)(lP,{listItem:!1,postId:l}):(0,i.jsx)(lG,{}),(0,i.jsxs)(j.T,{width:"100%",children:[(0,i.jsx)(to.a,{name:"Community Post Detail",properties:h}),(0,i.jsxs)(I.z,{alignHorizontal:"center",children:[(0,i.jsx)(lq,{listItem:!1,postId:l,editMode:u,handle:p}),u&&(0,i.jsx)(e2.a,{width:2,height:"100%",backgroundColor:"outline2"})]}),(0,i.jsx)(j.T,{gap:8,width:"100%",children:(0,i.jsxs)(j.T,{gap:20,width:"100%",pt:20,children:[(0,i.jsx)(ta.W,{gateName:l1,useUserId:!0,renderActivated:()=>f?(0,i.jsx)(tc,{title:x,coverImageUrl:y,onClick:C}):null}),(0,i.jsx)(ta.W,{gateName:l1,useUserId:!0,renderActivated:()=>g?(0,i.jsx)(tm,{description:g,onClick:C}):null}),o&&(0,i.jsx)(T.f,{level:1,weight:"bold",color:"onView1",children:a}),n,!(c&&m)&&(0,i.jsx)(j.T,{my:20,children:(0,i.jsx)(tj,{postId:l,handle:p})}),(c||r||o)&&(0,i.jsx)(lY,{postId:l,editMode:u,handle:p})]})})]}))}),()=>(0,i.jsxs)(j.T,{children:[(0,i.jsx)(lq.Skeleton,{}),(0,i.jsx)(lP.Skeleton,{})]}));var l4=t(869115),l5=t(964241),l3=t(675120),l6=t(791275),l9=t(93590),l8=t(901222),l7=t(180404);function ie(){let e=(0,l._)(["\n fragment ShowPaywallOnCreatorSpacePostDetailPage on CommunityPost {\n showPaywall\n postType\n accessible\n }\n"]);return ie=function(){return e},e}let it=(0,r.J1)(ie()),il=e=>{let{postId:n,channelId:t}=e,{data:l,complete:r}=(0,ej.I)({fragment:it,fragmentName:"ShowPaywallOnCreatorSpacePostDetailPage",from:{id:n,__typename:"CommunityPost"}}),o=(null==l?void 0:l.postType)===F.aCF.PRIVATE&&!(null==l?void 0:l.accessible);return!r||(null==l?void 0:l.showPaywall)||o?null:(0,i.jsx)(j.T,{p:20,position:["fixed","fixed","relative"],width:"100%",bottom:0,zIndex:100,children:(0,i.jsx)(em,{postId:n,channelId:t})})},ii=e=>{let{match:{params:{handle:n,postId:t,hideSidebar:l}}}=e,{serviceRegion:r}=(0,l6.z)(),{queryParams:{channelId:o}}=(0,eB.s)();return r!==l6.s.KR?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l4.$,{hidden:[!1,!1,!0],type:"fixedOnScroll"}),(0,i.jsx)(l4.$,{hidden:[!0,!0,!1],type:"sticky"}),(0,i.jsx)(l3.s,{})]}):(0,i.jsxs)(j.T,{alignHorizontal:"center",children:[(0,i.jsx)(eC,{postId:t,handle:n}),(0,i.jsx)(l5.Y,{}),(0,i.jsx)(l9.n,{fallback:(0,i.jsx)(l4.$,{hidden:[!0,!0,!1],type:"sticky",order:1,backgroundColor:"background"}),children:(0,i.jsx)(l4.$,{hidden:[!0,!0,!1],type:"sticky",order:1,backgroundColor:"background"})}),(0,i.jsx)(l8.f,{padding:[!1,!1,!0],children:(0,i.jsx)(p,{handle:n,children:(0,i.jsxs)(nM.f,{handle:n,children:[(0,i.jsx)(ek,{postId:t}),(0,i.jsx)(y,{postId:t}),(0,i.jsxs)(I.z,{gap:28,pt:[0,0,20],alignHorizontal:"center",children:[(0,i.jsx)(C.D,{handle:n,channelId:o,hideSidebar:l}),(0,i.jsxs)(j.T,{flex:1,minWidth:0,maxWidth:[640,1024,924],children:[(0,i.jsx)(te,{children:(0,i.jsxs)(e2.a,{display:"flex",flexDirection:"column",minHeight:[0,0,"calc(100vh - 72px - 40px)"],backgroundColor:"surface2",width:"100%",borderColor:"outline1",rounded:["none","none","lg"],overflow:"hidden",children:[(0,i.jsx)(j.T,{display:["none","none","flex"],children:(0,i.jsx)(eJ,{currentChannelId:o,postId:t,handle:n})}),(0,i.jsx)(j.T,{display:["flex","flex","none"],children:(0,i.jsx)(eZ,{currentChannelId:o,postId:t,handle:n})}),(0,i.jsx)(V.c,{direction:"horizontal"}),(0,i.jsx)(tr,{postId:t}),(0,i.jsxs)(l7.Z,{flex:1,minHeight:0,children:[(0,i.jsx)(e2.a,{px:20,pt:20,pb:12,children:(0,i.jsx)(l2,{postId:t,handle:n})}),(0,i.jsx)(j.T,{display:["none","none","flex"],children:(0,i.jsx)(V.c,{direction:"horizontal"})}),(0,i.jsx)(il,{postId:t,channelId:o}),(0,i.jsx)(j.T,{mb:62,children:(0,i.jsx)(nK,{postId:t,handle:n})})]})]})}),(0,i.jsx)(n9,{postId:t,handle:n})]})]})]})})})]})},ir=ii},767169:(e,n,t)=>{"use strict";t.d(n,{_:()=>f});
1var l=t(304930),i=t(665162),r=t(672512),o=t(94899),a=t(461392),s=t(6182),d=t(232381);let u=new Set(["a","abbr","b","bdi","bdo","cite","code","data","dfn","em","i","kbd","label","mark","q","s","samp","small","span","strong","sub","sup","time","u","var"]),c={full:"50%",lg:12,md:8,none:0,sm:4,xl:16,xs:2,xxl:20},m={0:void 0,1:"0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.05)",2:"0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 12px 2px rgba(0, 0, 0, 0.04)",3:"0px 0px 1px rgba(0, 0, 0, 0.08), 0px 10px 25px 4px rgba(0, 0, 0, 0.06)",4:"0px 0px 1px rgba(0, 0, 0, 0.08), 0px 16px 30px 4px rgba(0, 0, 0, 0.1)"};function p(e,n,t){return(0,d.nN)(null!=e?e:n,t)}let h=(0,r.A)(o.t,{shouldForwardProp:e=>!String(e).startsWith("$")})(e=>{let{$backgroundColor:n,$borderColor:t,$borderRadiusLevel:l,$elevationLevel:i,$kind:r,$overflowX:o,$overflowY:s,$rounded:d,$themeColors:u,theme:h}=e;return function(e,n,t){let l=Array.isArray(e.breakpoints)&&e.breakpoints.length>0?e.breakpoints:a.$.breakpoints;return Array.from({length:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.reduce((e,n)=>Math.max(e,Array.isArray(n)?n.length:1),1)}(...Object.values(n))}).reduce((e,i,r)=>{var o,s;let d=Object.fromEntries(Object.entries(t(Object.fromEntries(Object.entries(n).map(e=>{let[n,t]=e;return[n,Array.isArray(t)?t[Math.min(r,t.length-1)]:t]})))).filter(e=>{let[,n]=e;return void 0!==n}));if(0===Object.keys(d).length)return e;if(0===r)return{...e,...d};let u=null!=(s=null!=(o=l[r-1])?o:l[l.length-1])?s:a.$.breakpoints[0];return{...e,["@media screen and (min-width: ".concat("number"==typeof u?"".concat(u,"px"):u,")")]:d}},{})}(h,{backgroundColor:"border"===r?"gray.0":n,borderColor:t,borderRadiusLevel:l,elevationLevel:i,overflowX:o,overflowY:s,rounded:d},e=>{let{backgroundColor:n,borderColor:t,borderRadiusLevel:l,elevationLevel:i,overflowX:o,overflowY:a,rounded:s}=e;return{backgroundColor:p(n,"white",u),borderColor:p(t,"gray.300",u),borderRadius:function(e,n){return void 0!==e&&void 0===n?c.none:c[null!=n?n:"none"]}(l,s),boxShadow:void 0===i?void 0:m[i],overflowX:o,overflowY:a,..."border"===r&&{borderStyle:"solid",borderWidth:1}}})}),f=(0,i.forwardRef)((e,n)=>{let{backgroundColor:t,borderColor:r,borderRadiusLevel:o,children:a,elevationLevel:c,height:m="100%",kind:p,overflow:f="visible",overflowX:g,overflowY:x,rounded:y,width:C="100%",...v}=e,j=(0,s.DP)(),b=(0,i.useMemo)(()=>(0,d.D9)(j),[j]);return(0,l.jsx)(h,{ref:n,$backgroundColor:t,$borderColor:r,$borderRadiusLevel:o,$elevationLevel:c,$kind:p,$overflowX:g,$overflowY:x,$rounded:y,$themeColors:b,display:function(e){return"string"==typeof e&&u.has(e)?void 0:"block"}(v.as),height:m,overflow:f,position:"static",testId:"",width:C,...v,children:a})});f.forwardStyle=!0},815038:(e,n,t)=>{"use strict";t.d(n,{K:()=>o,p:()=>a});var l=t(513370),i=t.n(l);let r=/\u00a0| /g,o={textFilter:e=>e.replace(r," "),allowedTags:["h1","h2","h3","h4","h5","h6","blockquote","strong","u","s","p","a","ul","ol","nl","li","b","i","strong","em","strike","code","hr","br","div","img","table","thead","caption","tbody","tr","th","td","pre","iframe","sub","time","carousel","player","section","video"],allowedAttributes:{"*":["class","data-test-id"],a:["href","name","target","data-track-event"],img:["src","alt"],iframe:["src","frameborder","loading","allowfullscreen","width","height"],carousel:["*"],player:["src"],video:["src","style","alt","controls"]},selfClosing:["img","br","hr","area","base","basefont","input","link","meta"],allowedSchemes:["http","https","ftp","mailto"],allowedSchemesByTag:{a:["modal","http","https","ftp","mailto"]},allowedSchemesAppliedToAttributes:["href","src","cite"],allowProtocolRelative:!0,allowedIframeHostnames:["www.youtube.com","player.vimeo.com"]},a=(e,n)=>i()(e,null!=n?n:o)},823047:(e,n,t)=>{"use strict";t.d(n,{t:()=>i});var l=t(987704);function i(e){return{downloadFile:async n=>{let{url:t,name:i,onProgress:r}=n;try{await (0,l.PE)({url:t,name:i,onProgress:r})}catch(n){throw null==e||e.error(n),n}}}}},840231:(e,n,t)=>{"use strict";t.d(n,{Z:()=>u});var l=t(686739),i=t(304930),r=t(341352),o=t(269065),a=t(521716),s=t(467391);function d(){let e=(0,l._)(["\n #"," {\n position: "," !important;\n z-index: "," !important;\n }\n "]);return d=function(){return e},e}let u=e=>{let{id:n,zIndex:t=0,position:l="relative",children:u}=e;if(!o.S)return null;
1let c=document.fullscreenElement?document.fullscreenElement:(0,a.P)(n);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.mL,{styles:(0,s.AH)(d(),n,l,t)}),r.createPortal(u,c)]})}},892480:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="bellwavescheck-thin",...s}=e;return(0,l.jsxs)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:[(0,l.jsx)(r.B.Path,{d:"M12 19.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m2.586-11.803a.25.25 0 0 1 .353 0l.849.849a.25.25 0 0 1 0 .354l-4.137 4.136a.25.25 0 0 1-.354 0l-2.722-2.722a.25.25 0 0 1 0-.354l.849-.849a.25.25 0 0 1 .354 0l1.696 1.697z"}),(0,l.jsx)(r.B.Path,{fillRule:"evenodd",d:"M12 .95a7.5 7.5 0 0 1 7.5 7.5v7.85h1.25a.25.25 0 0 1 .25.25v1.2a.25.25 0 0 1-.25.25H3.25a.25.25 0 0 1-.25-.25v-1.2a.25.25 0 0 1 .25-.25H4.5V8.45A7.5 7.5 0 0 1 12 .95m0 1.7a5.8 5.8 0 0 0-5.8 5.8v7.85h11.6V8.45a5.8 5.8 0 0 0-5.8-5.8",clipRule:"evenodd"}),(0,l.jsx)(r.B.Path,{d:"M4.488.845a.246.246 0 0 1 .351.01l.82.875c.095.1.09.258-.008.356a9 9 0 0 0-2.649 5.707.256.256 0 0 1-.266.237l-1.198-.06a.245.245 0 0 1-.235-.262A10.7 10.7 0 0 1 4.488.845M19.16.854a.246.246 0 0 1 .351-.01 10.7 10.7 0 0 1 3.185 6.864.246.246 0 0 1-.234.262l-1.2.06a.256.256 0 0 1-.265-.237 9 9 0 0 0-2.649-5.707.256.256 0 0 1-.008-.356z"})]})}),{iconType:"Thin"});a.displayName="BellWavesCheckThin"},916049:(e,n,t)=>{"use strict";t.d(n,{S:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="chevronleft-fill",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"M6.065 12.707a1 1 0 0 1 0-1.414l8.476-8.477a1 1 0 0 1 1.414 0l.142.141a1 1 0 0 1 0 1.414L8.47 12l7.627 7.628a1 1 0 0 1 0 1.414l-.142.142a1 1 0 0 1-1.414 0z"})})}),{iconType:"Fill"});a.displayName="ChevronLeftFill"},963467:(e,n,t)=>{"use strict";t.d(n,{L:()=>a});var l=t(304930),i=t(665162),r=t(414283),o=t(5310);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="arrowtriangledown-regular",...s}=e;return(0,l.jsx)(o.z,{viewBox:"0 0 24 24",size:n,fill:t,linearGradient:i,testId:a,...s,children:(0,l.jsx)(r.B.Path,{d:"m7.05 9.4 4.75 7c.1.15.3.15.4 0l4.75-7c.1-.15 0-.4-.2-.4h-9.5c-.2 0-.3.25-.2.4"})})}),{iconType:"Regular"});a.displayName="ArrowTriangleDownRegular"},964515:(e,n,t)=>{"use strict";t.d(n,{t:()=>x});var l=t(686739),i=t(304930),r=t(665162),o=t(341352),a=t(269065),s=t(521716),d=t(467391),u=t(672512),c=t(684279),m=t(27691),p=t(767169);function h(){let e=(0,l._)(["\n #"," {\n position: relative !important;\n z-index: "," !important;\n }\n "]);return h=function(){return e},e}let f=(0,u.A)("div",{shouldForwardProp:e=>!String(e).startsWith("$")})(e=>{let{$duration:n,$transform:t}=e;return{bottom:0,left:0,position:"fixed",right:0,top:0,transform:t,transitionDuration:"".concat(n,"ms"),transitionProperty:"transform"}}),g=e=>{var n;let{children:t,id:l,zIndex:r=2}=e;if(!a.S)return null;let u=null!=(n=document.fullscreenElement)?n:(0,s.P)(l);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.mL,{styles:(0,d.AH)(h(),l,r)}),o.createPortal(t,u)]})},x=e=>{let{color:n,duration:t=500,id:l,renderOpener:o,renderContent:a,opened:s,zIndex:d=2,onClose:u,preferReducedMotion:h=!1}=e,[x,y]=(0,r.useState)(!1),[C,v]=(0,m.i)({defaultValue:!1,value:s,onValueChange:e=>{e||null==u||u()}});(0,r.useEffect)(()=>{y(!0)},[]),(0,c._)(C);let j=(0,r.useCallback)(()=>{v(!0)},[v]),b=(0,r.useCallback)(()=>{v(!1)},[v]),w=h?0:t,k=(0,r.useMemo)(()=>{if(!h)return"translateY(".concat(C?"0px":"100%",")")},[h,C]);return(0,i.jsxs)(i.Fragment,{children:[null==o?void 0:o({openModal:j}),x&&(0,i.jsx)(g,{id:l,zIndex:d,children:(0,i.jsx)(f,{$duration:w,$transform:k,children:(0,i.jsx)(p._,{kind:"background",backgroundColor:n,children:null==a?void 0:a({closeModal:b})})})})]})};x.displayName="UiSystemFullPageModal"}},e=>{e.O(0,[42687,72195,73676,34723,13370,44747,93121,16522,57208,30653,79612,43749,15750,80705,39890,84112,10577,81545,46593,90636,38792],()=>e(e.s=49845)),_N_E=e.O()}]); 2//# sourceMappingURL=[postId]-d014ba8e43ad6f5a.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.