[postId]-90914c00f4f913ef.js

js class101.net collected 2026-10-01 10:15:01 UTC 166,751 bytes, 2 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71211],{1257:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);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"},8063:(e,n,t)=>{"use strict";t.d(n,{d:()=>g});var l=t(4930),i=t(65162),r=t(93710),o=t(42215),a=t(42158);let s=e=>{let{...n}=e,{attachmentUploader:t}=(0,a.E)();return(0,l.jsx)(o.f,{...n,accept:"*/*",uploader:t})};var d=t(22712),c=t(77519),u=t(48621),m=t(14400),p=t(1257);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)(c.y,{size:"sm"}):(0,l.jsx)(u.K,{"data-class101-target-id":"4d339b3c7326",IconComponent:m.Y,size:"md",ariaLabel:"attach image",onClick:()=>n(i)})})}})}),g=(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)(c.y,{size:"sm"}):(0,l.jsx)(u.K,{"data-class101-target-id":"572daef41d69",IconComponent:p.Y,size:"md",ariaLabel:"attach file",onClick:()=>n(i)})})}})]})})},10723:(e,n,t)=>{"use strict";t.d(n,{S:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);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"},11319:(e,n,t)=>{"use strict";t.d(n,{s:()=>j});var l=t(4930),i=t(46831),r=t(71188),o=t(59845),a=t(58693),s=t(27919),d=t(22712),c=t(61044),u=t

1(85507),m=t(66290),p=t(13248),h=t(37264),g=t(14508),f=t(33460),x=t(65162),y=t(37902),C=t(71646),v=t(63364);let j=(0,r.o)(e=>{var n,t,l,i,r,o,a,s;let{post:d,compact:c=!1,onClick:u}=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]),g=null!=(l=null==(n=d.reactions[0])?void 0:n.likeCount)?l:0;return{href:h,onClick:u,compact:c,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)(g,"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,{"data-class101-target-id":"6f7a6755fe64",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)(c.n,{level:3,color:"onView2",lineLimit:1,children:x}),(0,l.jsx)(c.n,{level:3,color:"onView3",flexShrink:0,children:(0,l.jsx)(i.d,{date:y})})]}),(0,l.jsx)(u.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)(u.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)(c.n,{level:2,color:"onView2",children:b})]}),(0,l.jsxs)(d.z,{gap:4,alignVertical:"center",children:[(0,l.jsx)(g.Y,{size:16,fill:"onView2"}),(0,l.jsx)(c.n,{level:2,color:"onView2",children:w})]}),(0,l.jsxs)(d.z,{gap:4,alignVertical:"center",children:[(0,l.jsx)(f.Y,{size:16,fill:"onView2"}),(0,l.jsx)(c.n,{level:2,color:"onView2",children:k})]})]})]})})})},14400:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="photo-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:"M8.5 10.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"}),(0,l.jsx)(r.B.Path,{d:"M21.75 2H2.25C2.1 2 2 2.1 2 2.25v19.5c0 .15.1.25.25.25h19.5c.15 0 .25-.1.25-.25V2.25c0-.15-.1-.25-.25-.25m-1.5 1.75v11l-5.1-5.1c-.05-.05-.1-.05-.2-.05-.05 0-.1 0-.15.05L3.75 17.6V3.75zm-16.5 16L14.8 11.8l5.45 5.45v3.05H3.75z"})]})}),{iconType:"Thin"});a.displayName="PhotoThin"},15038:(e,n,t)=>{"use strict";t.d(n,{K:()=>o,p:()=>a});var l=t(13370),i=t.n(l);let r=/\u00a0|&nbsp;/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)},17247:(e,n,t)=>{"use strict";t.d(n,{k:()=>o});

1var l=t(4930),i=t(27919),r=t(77519);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})})}},21715:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);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"},21716:(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})},25636:()=>{},28559:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="volumemute-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,{fillRule:"evenodd",d:"M7.101 5.899 2.778 1.576a.25.25 0 0 0-.354 0l-.848.848a.25.25 0 0 0 0 .354l19.646 19.646a.25.25 0 0 0 .354 0l.848-.848a.25.25 0 0 0 0-.354l-3.574-3.574V1.89a.25.25 0 0 0-.387-.21L11.997 5.9zm1.7 1.7 8.349 8.349V4.568L12.503 7.6z",clipRule:"evenodd"}),(0,l.jsx)(r.B.Path,{d:"M16.129 19.754a.2.2 0 0 1-.137.346h-1.406a.25.25 0 0 1-.154-.053l-2.48-1.948H4.4a.25.25 0 0 1-.25-.25V7.752l1.7 1.7V16.4h6.699z"})]})}),{iconType:"Thin"});a.displayName="VolumeMuteThin"},29428:()=>{},32072:(e,n,t)=>{"use strict";t.d(n,{L:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);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"},36479:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);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"},39517:()=>{},40854:(e,n,t)=>{"use strict";t.d(n,{t:()=>i});var l=t(87704);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}}}}},41815:(e,n,t)=>{"use strict";t.d(n,{b:()=>c});

1var l=t(4930),i=t(65162),r=t(17068),o=t(12819),a=t(96254),s=t(8074);let d=(0,a.g)(s.B,{shouldForwardProp:r.Ay})(o.xf),c=(0,i.memo)(e=>{let{children:n,...t}=e;return(0,i.isValidElement)(n)?(0,l.jsx)(d,{...t,children:n}):(0,l.jsx)(l.Fragment,{children:null!=n?n:null})});c.forwardStyle=!0},42215:(e,n,t)=>{"use strict";t.d(n,{f:()=>s});var l=t(4930),i=t(65162),r=t(16296),o=t(14625),a=t(43387);let s=e=>{let{name:n,rules:t,accept:s,uploader:d,multiple:c,directory:u,children:m,onSuccess:p,onError:h,defaultValue:g,mapper:f}=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,g),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=f?l.map(f):l,i=k(n);c||u?(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:g,render:()=>(0,l.jsxs)(l.Fragment,{children:[m({isLoading:C,upload:M,previewFile:I,remove:S}),(0,l.jsx)(a.e,{"data-class101-target-id":"31e93590b4f5",ref:y,name:x,type:"file",multiple:c,accept:s,onChange:T,...u?{webkitdirectory:""}:{}})]})})}},42936:(e,n,t)=>{"use strict";t.d(n,{Z:()=>d});var l=t(4930),i=t(65162),r=t(41352),o=t(69065),a=t(21716),s=t(45331);let d=e=>{let{id:n,zIndex:t=0,position:d="relative",children:c}=e,u=(0,i.useId)();if(!o.S)return null;let m=document.fullscreenElement?document.fullscreenElement:(0,a.P)(n);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{scope:"ui-system-portal-".concat(u),css:"\n          #".concat(n," {\n            position: ").concat(d," !important;\n            z-index: ").concat(t," !important;\n          }\n        ")}),r.createPortal(c,m)]})}},48872:(e,n,t)=>{"use strict";t.d(n,{X:()=>o});var l=t(3534),i=t(72195);function r(e){return e.replace(/h/g,"H")}function o(e,n){let t=new Date("1970-01-01T00:00:00");t.setHours(0);let o=(0,l.A)(t,e);return"string"==typeof n?(0,i.A)(o,r(n)):o.getHours()>0?(0,i.A)(o,r(n.hour||n.minute||n.second)):o.getMinutes()>0?(0,i.A)(o,r(n.minute||n.second)):(0,i.A)(o,r(n.second))}},49155:(e,n,t)=>{"use strict";t.d(n,{M:()=>r,z:()=>i});var l=t(31643);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(62025)}])},50664:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});

1var l=t(4930),i=t(65162),r=t(47952),o=t(36607);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"},55620:(e,n,t)=>{"use strict";t.d(n,{f:()=>m});var l=t(4930),i=t(65162),r=t(54991),o=t(13248),a=t(22712),s=t(13897),d=t(16615),c=t(13527),u=t(10723);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)(c.z,{"data-class101-target-id":"4bab19138098",size:"md",IconComponent:u.S,disabled:i,onClick:m,children:(0,l.jsx)(r.V,{defaultMessage:"ë°ê¾¸ê¸°",id:"x496tnJVB/Of"})})})]})})})},56837:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="morehorizontal-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:"M5 13.6a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2m7 0a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2m7 0a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2"})})}),{iconType:"Thin"});a.displayName="MoreHorizontalThin"},56931:(e,n,t)=>{"use strict";t.d(n,{L:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);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"},57646:(e,n,t)=>{"use strict";t.d(n,{Z:()=>m});var l=t(4930),i=t(65168),r=t(52371),o=t(87216),a=t(67282),s=t(43561),d=t(27919),c=t(68596),u=t(56275);let m=(0,c._)("FieldLayout")((0,u.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,u.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,u.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,u.X)({props:[{name:"focused",default:!1},{name:"filled",default:!1}],variants:e=>{let{focused:n,filled:t}=e;return{shrink:n||t}}}),(0,u.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,u.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,u.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,u.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,u.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}

1=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:c,helperTextId:u,multiline:m,disabled:p,required:h,cursor:g,backgroundColor:f,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:O,showClearButton:N,clearButtonAriaLabel:L,onClearButtonClick:_,shrink:A,prefixText:R,suffixText:D,testId:U="field-layout",typography:F,helperTextTypography:B,helperTextSpacing:H,fieldHeight:$,spacing:W,iconSize:q,hitSlop:J}=e;return(0,l.jsxs)(d.T,{"data-testid":U,width:"100%",spacing:H,children:[(0,l.jsxs)(i.a,{flexDirection:"row",alignItems:"center",pl:E?M:0,pr:O?M:0,width:"100%",borderWidth:1,borderStyle:"solid",borderColor:C,backgroundColor:f,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:g,children:[(0,l.jsx)(r.d,{"data-class101-target-id":"29d59a189003",cursor:g,onClick:V,tabIndex:-1,children:(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:!R||!A&&!!n,flexShrink:0,pt:k,pl:b,pb:T,children:R}),z({height:$,color:S,pt:k,pl:P,pr:I,pb:T,typography:F}),(0,l.jsx)(o.E,{typography:F,color:"onView2",hidden:!D||!A&&!!n,flexShrink:0,pt:k,pr:O||N?W:M,pb:T,children:D})]})]}),N&&(0,l.jsx)(r.d,{"data-class101-target-id":"a87717f8ab38",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==O?void 0:O()})]}),!!c&&(0,l.jsx)(o.E,{id:u,typography:B,color:m&&p?"onView2":y,children:c})]})})},61318:(e,n,t)=>{"use strict";t.d(n,{_:()=>g});var l=t(4930),i=t(65162),r=t(13248),o=t(61392),a=t(41552),s=t(96254),d=t(32381);let c=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"]),u={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,s.g)(r.t,{shouldForwardProp:e=>!e.startsWith("$")})(e=>{let{$backgroundColor:n,$borderColor:t,$borderRadiusLevel:l,$elevationLevel:i,$kind:r,$overflowX:a,$overflowY:s,$rounded:d,$themeColors:c,theme:h}=e;return function(e,n,t){let l=Array.isArray(e.breakpoints)&&e.breakpoints.length>0?e.breakpoints:o.$.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 a,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 c=null!=(s=null!=(a=l[r-1])?a:l[l.length-1])?s:o.$.breakpoints[0];return{...e,["@media screen and (min-width: ".concat("number"==typeof c?"".concat(c,"px"):c,")")]:d}},{})}(h,{backgroundColor:"border"===r?"gray.0":n,borderColor:t,borderRadiusLevel:l,elevationLevel:i,overflowX:a,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",c),borderColor:p(t,"gray.300",c),borderRadius:function(e,n){return void 0!==e&&void 0===n?u.none:u[null!=n?n:"none"]}

1(l,s),boxShadow:void 0===i?void 0:m[i],overflowX:o,overflowY:a,..."border"===r&&{borderStyle:"solid",borderWidth:1}}})}),g=(0,i.forwardRef)((e,n)=>{let{backgroundColor:t,borderColor:r,borderRadiusLevel:o,children:s,elevationLevel:u,height:m="100%",kind:p,overflow:g="visible",overflowX:f,overflowY:x,rounded:y,width:C="100%",...v}=e,j=(0,a.DP)(),b=(0,i.useMemo)(()=>(0,d.D9)(j),[j]);return(0,l.jsx)(h,{ref:n,$backgroundColor:t,$borderColor:r,$borderRadiusLevel:o,$elevationLevel:u,$kind:p,$overflowX:f,$overflowY:x,$rounded:y,$themeColors:b,display:function(e){return"string"==typeof e&&c.has(e)?void 0:"block"}(v.as),height:m,overflow:g,position:"static",testId:"",width:C,...v,children:s})});g.forwardStyle=!0},62025:(e,n,t)=>{"use strict";t.r(n),t.d(n,{CreatorSpacePostDetailPage:()=>il,default:()=>ii});var l=t(86739),i=t(4930),r=t(56392),o=t(57744),a=t(71188),s=t(78975),d=t(65162);function c(){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 c=function(){return e},e}let u={},m=(0,r.J1)(c()),p=(0,a.o)(e=>{var n,t;let{children:l,handle:i}=e,{creatorSpaceData:r,isCreatorSpaceLoading:o}=function(e){let n={...u,...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(23725);function g(){let e=(0,l._)(["\n    mutation IncreasePostViewCountOnIncreasePostViewCount($postId: ID!) {\n  increasePostViewCount(postId: $postId) {\n    post {\n      id\n    }\n  }\n}\n    "]);return g=function(){return e},e}let f={},x=(0,r.J1)(g()),y=(0,a.o)(e=>{let{postId:n}=e,[t]=function(e){let n={...f,...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(66170),v=t(16296),j=t(27919);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),c=(0,d.useRef)(!1),u=(0,d.useRef)(!1),m=(0,d.useCallback)(()=>{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="",c.current=!1);return}if(c.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),c.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]),g=(0,d.useCallback)(()=>{u.current=!0},[]),f=(0,d.useCallback)(()=>{u.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),c.current=!0,t({text:m(),mentionedUserId:p()})},[t,m,p]);return(0,i.jsxs)(j.T,{children:[(0,i.jsx)("div",{"data-class101-target-id":"5e9429759851",ref:s,contentEditable:!0,suppressContentEditableWarning:!0,role:"textbox","aria-label":r||"ëê¸ ìë ¥","aria-multiline":"true",tabIndex:0,onKeyDown:h,onInput:x,onPaste:y,onCompositionStart:g,onCompositionEnd:f,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:c}=(0,v.xW)();return(0,i.jsx)(v.xI,{name:n,control:c,rules:l,defaultValue:t,render:e=>{let{field:n}=e;return(0,i.jsx)(b,{"data-class101-target-id":"37dc082fd9e6",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(54991),P=t(13248),I=t(22712),T=t(85507),M=t(26821),S=t(58693),V=t(43204),z=t(38478),E=t(61358),O=t(56931),N=t(30251),L=t(66290),_=t(48621),A=t(61044),R=t(46432);let D=(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,{"data-class101-target-id":"ec79eab6ef51",IconComponent:R.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)(A.n,{level:2,

1weight:"medium",color:"onView1",lineLimit:1,children:e.filename}),(0,i.jsxs)(A.n,{level:5,color:"onView2",lineLimit:1,children:[e.fileExtension?" ".concat(e.fileExtension.toUpperCase()):""," ",(0,N.z)(null!=(l=e.fileSizeBytes)?l:0)]})]}),(0,i.jsx)(_.K,{"data-class101-target-id":"3c63f84d007e",IconComponent:R.Y,size:"sm",ariaLabel:"remove file attachment",onClick:()=>t(e.url)})]})})},e.url)})})});var U=t(8063),F=t(6259),B=t(50195),H=t(13521),$=t(4604),W=t(95548),q=t(7294),J=t(32072),Y=t(96638),G=t(18163);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,{"data-class101-target-id":"a3ebd7b1576d",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._,{"data-class101-target-id":"a7f3f60260ea",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._,{"data-class101-target-id":"56622bd5e4bc",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(89838),Q=t(4841),Z=t(37902),ee=t(72731),en=t(71646),et=t(41908),el=t(80412),ei=t(35545);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()),ec=(0,r.J1)(eo()),eu=(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:c}=(0,ei.hs)(),{trackEvent:u}=(0,ee.j)(),{getUrl:m}=(0,Z.h)(),{open:p}=(0,X.d)(),{push:g}=(0,et.W)(),{href:f}=(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:f}}),[m,f]),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(ec,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(eu,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}),O=(0,d.useCallback)(e=>{k.setValue("postType",e)},[k]),N=(0,d.useCallback)(e=>{if((k.getValues("attachments")||[]).length>=10)return void c({title:a({defaultMessage:"íì¼ì ìµë 10ê°ê¹ì§ ì¶ê°í  ì ìì´ì.",id:"NGCMXIrBk4XY"}),kind:"error"});e()},[k,a,c]),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]),A=(0,d.useCallback)(e=>{var n;if(!(null==(n=e.htmlContent)?void 0:n.trim()))return void c({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(),u({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=>{c({title:a({defaultMessage:"ëê¸ ë±ë¡ì ì¤í¨íìµëë¤. {error}",id:"bDBlDNXaFBeJ"},{error:e.message}),kind:"error"})}})},[z,l,t,i,x,c,a,p,u,null==T?void 0:T.name,null==T?void 0:T.channelType,k,o]),R=(0,d.useMemo)(()=>{var e;return null!=(e=null==T?void 0:T.allowPrivatePosts)&&e},[null==T?void 0:T.allowPrivatePosts]),D=(0,d.useMemo)(()=>{var e;return null==(e=null==T?void 0:T.allowReplies)||e},[null==T?void 0:T.allowReplies]),U=(0,d.useCallback)(e=>{y(e)},[]),B=(0,d.useCallback)(()=>{j(!0)},[]);return{formControlMethods:k,handleSubmit:A,postType:P,attachments:I,handlePostTypeChange:O,isPostCreateLoading:E,uploader:N,handleUploadSuccess:L,localizeText:a,handleAttachmentDelete:_,canSelectPrivatePostType:R,parentPostAuthor:r,handleMentionChange:U,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)&&g(m("/[lang]/classes/[klassId]",{klassId:M.lesson.klass._id,lectureId:M.lesson._id}))},[M,m,g]),isFocused:C,handleFocus:B,canReply:D,redirectUrl:w,isLoggedIn:b}},e=>{let{formControlMethods:n,handleSubmit:t,localizeText:l,postType:r,handlePostTypeChange:o,attachments:a,uploader:s,handleUploadSuccess:d,handleAttachmentDelete:c,canSelectPrivatePostType:u,isPostCreateLoading:m,parentPostAuthor:p,handleMentionChange:h,showPaywall:g,isKlassCommentPost:f,handleKlassCommentReplyFormClick:x,isFocused:y,handleFocus:C,canReply:v,redirectUrl:j,isLoggedIn:b}=e;return g?null:f?(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,{"data-class101-target-id":"4bfeee884af5",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,{"data-class101-target-id":"71c55784b68d",formControlMethods:n,onSubmit:t,children:[y&&a.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(D,{attachments:a,onDelete:c}),(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)(U.d,{onUploadSuccess:d,uploader:s}),(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",children:[u&&(0,i.jsx)(K,{postType:r,handlePostTypeChange:o}),(0,i.jsx)(M.W,{kind:"primary",IconComponent:O.L,size:"sm",type:"submit",children:null,loading:m,ariaLabel:"submit reply"})]})]})]})}):(0,i.jsx)(S.o,{"data-class101-target-id":"7e5ce4f8e2a3",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(36851),eh=t(22437),eg=t(72608);function ef(){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 ef=function(){return e},e}let ex={},ey=(0,r.J1)(ef()),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"}),c=(null==r||null==(n=r.author)?void 0:n.nickName)||l({defaultMessage:"íí´í ì¬ì©ì",id:"HdvYhkyCk+xe"}),u=(null==r?void 0:r.title)||a;return{isLoading:o,title:u,description:(null==r?void 0:r.previewContent)||l({id:"at1U1HnYbfLh",defaultMessage:"{nickName}ì í¬ì¤í¸ë¥¼ íì¸íì¸ì"},{nickName:c}),image:(null==r?void 0:r.thumbnailImageUrl)||(null==r?void 0:r.coverImageUrl)||"",koCanonicalPath:(0,eg.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})]})});var ev=t(66677),ej=t(41112);function eb(){let e=(0,l._)(["\n    fragment CommunityPostOnPaywallContentStructuredData on CommunityPost {\n  id\n  title\n  previewContent\n

1coverImageUrl\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(36479),eI=t(5113);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:c}=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}),[u,{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,g=i&&null!=(t=null==a?void 0:a.isParticipant)&&t,f=(0,d.useCallback)((e,n)=>{u({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,u,o,r]),x=(0,d.useCallback)(()=>{let e=!p;f(e,()=>{if(e)return void o({title:r({defaultMessage:"ì´ ê¸ì ëí ìë¦¼ì ë°ìµëë¤.",id:"3m6EMrS3AmKr"}),buttonText:r({defaultMessage:"ëëë¦¬ê¸°",id:"xJZG07EtjNRa"}),onButtonClick:()=>{f(!1)}});o({title:r({defaultMessage:"ì´ ê¸ì ëí ìë¦¼ì í´ì íìµëë¤.",id:"VmQBewbe52x3"})})})},[p,f,o,r]);return{canShowBell:g,isNotifyEnabled:p,bellAriaLabel:p?"Turn off post notifications":"Turn on post notifications",handleToggleNotification:x,isToggleLoading:m,isLoading:c}},e=>{let{canShowBell:n,isNotifyEnabled:t,bellAriaLabel:l,handleToggleNotification:r,isToggleLoading:o,isLoading:a}=e;return!n||a?null:(0,i.jsx)(_.K,{"data-class101-target-id":"d6298698df0e",IconComponent:t?eP.Y:eI.Y,size:"md",color:"onView1",ariaLabel:l,onClick:r,disabled:o})});var eO=t(17333),eN=t(12578),eL=t(13466),e_=t(16615),eA=t(78210),eR=t(38957),eD=t(56685),eU=t(9602),eF=t(79332),eB=t(77560),eH=t(64232);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:c}=e,{getUrl:u}=(0,Z.h)(),{setQueryParam:m}=(0,eB.s)(),{canGoBack:p,goBack:h}=(0,eH.L)(),{communityPostData:g,isCommunityPostLoading:f}=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==g||null==(n=g.channel)?void 0:n.id)?i:"",y=null!=(r=null==g||null==(t=g.channel)?void 0:t.klassCommentOnly)&&r,C=decodeURIComponent(u("/[lang]/creators/[handle]",{handle:a},{query:{channelId:c}}));return(0,d.useEffect)(()=>{x&&c!==x&&m("channelId",x,{replace:!0})},[x,m,c]),{postId:o,handleBackButtonClick:()=>

1{if(eF.f&&!p)return void eR.m2.send({type:eD.p.WebToApp,messageType:eU.sE.ClosePage});h(C)},channelName:null==g||null==(l=g.channel)?void 0:l.name,isLoading:f,communityDetailPageUrl:C,channel:null==g?void 0:g.channel,currentChannelId:c,isKlassCommentChannel:y}},e=>{var n,t;let{postId:l,communityDetailPageUrl:r,handleBackButtonClick:o,channelName:a,isLoading:s,channel:d,currentChannelId:c,isKlassCommentChannel:u}=e;return(0,i.jsxs)(I.z,{alignVertical:"center",p:20,gap:12,children:[(0,i.jsx)(_.K,{"data-class101-target-id":"8f4629eca955",IconComponent:eA.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)(eN.N,{"data-class101-target-id":"10e6481a3669",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)(eO.Y,{membershipOnly:null!=(n=null==d?void 0:d.membershipOnly)&&n,klassCommentOnly:u,channelId:c,channelType:null!=(t=null==d?void 0:d.channelType)?t:F.kqo.PUBLIC,type:"Thin",size:14,fill:"onView2"}),(0,i.jsx)(A.n,{level:3,color:"onView2",children:a})]})]})})}),(0,i.jsx)(eE,{postId:l})]})});var eY=t(96736),eG=t(24488);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:c}=(0,eH.L)(),{communityPostData:u}=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==u||null==(n=u.channel)?void 0:n.name)?t:"",handleBackButtonClick:()=>{if(eF.f&&!a)return void eR.m2.send({type:eD.p.WebToApp,messageType:eU.sE.ClosePage});c(m)},communityDetailPageUrl:m}},e=>{let{postId:n,communityDetailPageUrl:t,handleBackButtonClick:l,title:r}=e;return(0,i.jsx)(eY.V,{title:(0,i.jsx)(eN.N,{"data-class101-target-id":"1e87da264eb9",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)(A.n,{level:5,color:"onView2",children:["#",r]})]})}),renderLeft:()=>[(0,i.jsx)(S.o,{"data-class101-target-id":"74ecdb139187",hitSlop:8,onClick:l,children:(0,i.jsx)(eG.S,{size:22})},"ChevronLeft")],renderRight:()=>[(0,i.jsx)(eE,{postId:n},"NotificationBell")]})});var e0=t(77519),e1=t(13897),e2=t(65168),e5=t(98908),e4=t(17247),e6=t(55881),e3=t(15531),e7=t(52371),e8=t(59440),e9=t(90292),ne=t(92420),nn=t(85983),nt=t(66907);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,{"data-class101-target-id":"b1e05de0c243",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)(e3._,{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(33546),nr=t(40854);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:c}=(0,ei.hs)(),{localizeText:u}=(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){c({title:u({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,{"data-class101-target-id":"b30a84b5c715",onClick:l,rounded:"md",children:[(0,i.jsx)(e3._,{src:n,sizes:200,width:200,height:200}),o&&(0,i.jsx)(e7.d,{"data-class101-target-id":"d34fc6079c25",position:"absolute",top:8,right:8,onClick:()=>o(t),p:6,backgroundColor:"dim",rounded:"sm",children:(0,i.jsx)(R.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)(A.n,{level:3,color:"onView1",weight:"regular",lineLimit:1,children:n}),(0,i.jsxs)(I.z,{gap:4,children:[r?(0,i.jsx)(A.n,{level:5,color:"onView2",weight:"regular",children:r.toUpperCase()}):null,l?(0,i.jsx)(A.n,{level:5,color:"onView2",weight:"regular",children:(0,N.z)(l)}):null]})]}),o?(0,i.jsx)(e7.d,{"data-class101-target-id":"6534f21a1f2e",onClick:()=>o(t),children:(0,i.jsx)(R.Y,{fill:"onView1",size:16})}):(0,i.jsx)(e7.d,{"data-class101-target-id":"181a06b69425",onClick:()=>a(s,n),children:(0,i.jsx)(e9.Y,{fill:"onView1",size:16})})]})},n)})]})});var na=t(7744),ns=t(14681),nd=t(89893),nc=t(11045),nu=t(47002);let nm=(0,d.memo)(e=>{let{badge:n}=e;return n?(0,i.jsx)(nc.m,{position:"top",content:n.description,children:(0,i.jsx)(nu.E,{size:"sm",kind:"primaryWeak",whiteSpace:"nowrap",children:n.title})}):null});var np=t(46831),nh=t(59845),ng=t(93472),nf=t(86402),nx=t(50664),ny=t(56837),nC=t(84600);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:c}=(0,en.B)(),{showToast:u}=(0,ei.hs)(),{trackEvent:m}=(0,ee.j)(),{isLoggedIn:p}=(0,Q.h)(),[g,f]=(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 u({title:c({defaultMessage:"íì¼ì ìµë 10ê°ê¹ì§ ì¶ê°í  ì ìì´ì.",id:"amGJvnHxwiM0"}),kind:"error"});e()},[j,c,u]),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 u({title:c({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,...g&&{mentionedUserId:g}},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}}),u({title:c({defaultMessage:"ëê¸ì´ ìì ëììµëë¤",id:"qvz6iAc59MCk"}),kind:"success"}),null==o||o(),j.reset(),f(void 0)},onError:e=>{u({title:c({defaultMessage:"ëê¸ ìì ì ì¤í¨íìµëë¤. {error}",id:"kuOKr3ZH02pg"},{error:e.message}),kind:"error"})}})},[P,r,C,p,g,u,c,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]),O=(0,d.useCallback)(e=>{f(e)},[]);return{formControlMethods:j,handleSubmit:z,postType:b,attachments:w,handlePostTypeChange:T,isPostUpdateLoading:I,uploader:M,handleUploadSuccess:S,localizeText:c,handleAttachmentDelete:V,canSelectPrivatePostType:E,onCancel:a,isLoading:y,postId:r,mentionedUser:null==x?void 0:x.mentionedUser,handleMentionChange:O}},e=>{let{formControlMethods:n,handleSubmit:t,localizeText:l,postType:r,handlePostTypeChange:o,attachments:a,uploader:s,handleUploadSuccess:d,handleAttachmentDelete:c,canSelectPrivatePostType:u,isPostUpdateLoading:m,onCancel:p,isLoading:h,postId:g,mentionedUser:f,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,{"data-class101-target-id":"9edd0e7dd591",formControlMethods:n,onSubmit:t,children:[a.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(D,{attachments:a,onDelete:c}),(0,i.jsx)(V.c,{direction:"horizontal",margin:"md"})]}),(0,i.jsx)(w,{name:"htmlContent",mentionedUser:f,placeholder:l({defaultMessage:"ëê¸ì ìì í´ì£¼ì¸ì.",id:"Ky/tduaJJCUz"}),onMentionChange:x},"form-mention-".concat(g)),(0,i.jsxs)(I.z,{alignVertical:"center",alignHorizontal:"space-between",px:12,children:[(0,i.jsx)(U.d,{onUploadSuccess:d,uploader:s}),(0,i.jsxs)(I.z,{gap:12,alignVertical:"center",children:[u&&(0,i.jsx)(K,{postType:r,handlePostTypeChange:o}),p&&(0,i.jsx)(H.a,{"data-class101-target-id":"0637247846df",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(g))})});var nM=t(99530);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)(),[c,u]=(0,d.useState)(!1),{isManager:m,isOwner:p}=(0,nM.g)(),{postType:h,mentionedUser:g,htmlContent:f,id:x,author:y}=l,C=h===F.aCF.KLASS_COMMENT,v=h===F.aCF.PRIVATE,j=null==g?void 0:g.nickName,b=null!=(n=null==f?void 0:f.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:c,handleEditClick:()=>u(!0),handleEditSuccess:()=>u(!1),handleEditCancel:()=>u(!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:c,isEditMode:u,handleEditClick:m,handleEditSuccess:p,handleEditCancel:h,replyId:g,handle:f,mentionedUserNickName:x,htmlContent:y,showPrivatePostWarning:C}=e;return u?(0,i.jsx)(nT,{postId:g,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!=f?f:"",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)(nf.Y,{size:20,fill:"onView2"}),(0,i.jsx)(A.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)(e6.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}),!c&&(0,i.jsx)(H.a,{"data-class101-target-id":"942c4d95f4fe",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)(ng.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:c,handle:u,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)(A.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)(A.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)(A.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,{"data-class101-target-id":"6be02b8e3722",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._,{"data-class101-target-id":"f3c4732a1e9a",title:(0,i.jsx)(k.

1V,{defaultMessage:"ìì ",id:"udzLjaBgVuY3"}),hideChevron:!0,renderStart:()=>(0,i.jsx)(nC.Y,{size:20}),onClick:()=>{null==c||c(),n()}}),(0,i.jsx)(na.E,{postId:a,onClose:n,isReply:m,currentChannelId:d,handle:u})]}):(0,i.jsx)(ns.j,{contentId:a,onComplete:n})})}})]})});var nE=t(82457),nO=t(94981);function nN(){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 nN=function(){return e},e}let nL=(0,r.J1)(nN());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 nA={},nR=(0,r.J1)(n_(),nL),nD=(0,a.o)(e=>{var n,t,l,i;let{replyId:r,handle:o,postAuthorFirestoreId:a}=e,{isLoggedIn:c,userToken:u}=(0,Q.h)(),{isAdmin:m}=(0,nM.g)(),{communityReplyData:p,isCommunityReplyLoading:h,fetchMoreCommunityReply:g}=function(e){let n={...nA,...e},t=s.I(nR,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:c,first:3}}),[f,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(nO.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&&g({variables:{id:r,isLoggedIn:c,first:10,after:null==p?void 0:p.communitySubReplies.pageInfo.endCursor}})},[null==p?void 0:p.communitySubReplies.pageInfo.endCursor,k,g,c,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(f===e){x(null),C();return}x(e),v()},closeSubReplyForm:C,isMine:u===(null==p||null==(n=p.author)?void 0:n.firestoreId),isAdmin:m,communitySubReplies:j,remainingRepliesCount:b,previewAuthors:w,hasMoreSubReplies:k,handleSubRepliesMoreClick:P,selectedSubReplyId:f,getParentPostAuthor:I,postAuthorFirestoreId:a}},e=>{let{isLoading:n,item:t,replyId:l,hasMoreSubReplies:r,handleSubRepliesMoreClick:o,remainingRepliesCount:a,previewAuthors:s,communitySubReplies:c,isSubReplyFormOpen:u,handleSubReplyFormOpen:m,closeSubReplyForm:p,selectedSubReplyId:h,handle:g,getParentPostAuthor:f,postAuthorFirestoreId:x}=e;return n?(0,i.jsx)(e4.k,{}):t?(0,i.jsxs)(j.T,{gap:12,children:[(0,i.jsx)(nS,{post:t,handle:g,onSubReplyFormOpen:()=>m(l),postAuthorFirestoreId:x}),u&&h===l&&(0,i.jsx)(em,{postId:l,channelId:t.channelId,replyToPostId:l,parentPostAuthor:f(l),onSuccess:p}),(0,i.jsxs)(j.T,{pl:42,gap:12,children:[r&&a>0&&(0,i.jsx)(nU,{"data-class101-target-id":"5e827fc0d2fe",previewAuthors:s,remainingRepliesCount:a,onClick:o}),c.map(e=>(0,i.jsxs)(d.Fragment,{children:[(0,i.jsx)(nS,{post:e,handle:g,onSubReplyFormOpen:()=>m(e.id),postAuthorFirestoreId:x}),u&&h===e.id&&(0,i.jsx)(em,{postId:l,channelId:t.channelId,replyToPostId:e.id,parentPostAuthor:f(e.id),onSuccess:p})]},e.id))]})]}):null}),nU=(0,d.memo)(e=>{let{previewAuthors:n,remainingRepliesCount:t,onClick:l}=e;return(0,i.jsx)(S.o,{"data-class101-target-id":"77956e35bccf",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)(A.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,c;let{postId:u,handle:m}=e,{isLoggedIn:p}=(0,Q.h)(),{communityPostData:h,fetchMoreCommunityPost:g,refetchCommunityPost:f,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:u,isLoggedIn:p,first:10,handle:m},notifyOnNetworkStatusChange:!0});nF(f);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&&g({variables:{id:u,after:n,first:10,isLoggedIn:p,handle:m}})},[y,h,g,m,p,x,u]),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!=(c=null==h||null==(t=h.recentlyRepliedUsers

1)?void 0:t.filter(nO.n))?c:[],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:c,postAuthorFirestoreId:u}=e,m=(0,d.useCallback)(e=>{let{item:n}=e;return(0,i.jsx)(nD,{replyId:n.id,handle:o,postAuthorFirestoreId:u})},[o,u]);return 0===c.length?(0,i.jsx)(nQ,{}):a||s?(0,i.jsx)(nX,{recentlyRepliedUsers:c,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)(e5.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(11319),n0=t(51575),n1=t(86902);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 n5(){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 n5=function(){return e},e}let n4={},n6=(0,r.J1)(n2()),n3=(0,r.J1)(n5(),n6),n7=(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={...n4,...e},t=s.I(n3,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,{"data-class101-target-id":"a43e63a22d59",post:n,onClick:()=>l(n,t)})})}})})}):null});var n8=t(72523);let n9=(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)(n9.Provider,{value:a,children:n})},tn=()=>(0,d.useContext)(n9);var tt=t(60927);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"}}),c=(null==a?void 0:a.postType)===F.aCF.PRIVATE&&!(null==(n=null==a?void 0:a.accessible)||n);return{isVisible:s&&i&&(c||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)(A.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(72202),ta=t(11246),ts=t(93192),td=t(97406),tc=t(21715);let tu=(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,{"data-class101-target-id":"a189dc394f08",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)(tc.Y,{size:12})}),(0,i.jsx)(P.t,{flexShrink:0,rounded:"sm",width:20,height:15,children:(0,i.jsx)(e3._,{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)(A.n,{level:4,lineLimit:1,flexShrink:1,children:n}),(0,i.jsx)(A.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,{"data-class101-target-id":"5a9c0ed2fc85",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,{"data-class101-target-id":"3ca9b43d0740",size:"md",color:"onView2",onClick:t,children:(0,i.jsx)(k.V,{defaultMessage:"ëë³´ê¸°",id:"xcduzuhbwrCi"})})})]})})})});var tp=t(90747);let th=(0,t(68596)._)("Dot")()(e=>{let{size:n,color:t}=e;return(0,i.jsx)(e2.a,{width:n,height:n,backgroundColor:t,rounded:"full"})});var tg=t(21507),tf=t(37264),tx=t(14508);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,c,u,m,p,h,g,f,x,y,C,v,j,b,w,k,P,I,T,M,S,V,z,E;let{postId:O,handle:N}=e,{isAuthenticationInProgress:L}=(0,Q.h)(),{getUrl:_}=(0,Z.h)(),{localizeText:A}=(0,en.B)(),{trackEvent:R}=(0,ee.j)(),[D,U]=(0,d.useState)(0),F=0===D?"around":D>0?"after":"before",B=Math.abs(D),{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:O,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==(u=W.channelPosts)||null==(c=u.pageInfo)?void 0:c.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==(g=H.channel)?void 0:g.channelType,es=null!=(V=null==H||null==(f=H.channel)?void 0:f.name)?V:"",ed=null!=(z=null==H||null==(x=H.channelPosts)?void 0:x.currentOffset)?z:0,ec=Math.floor(ei/3),eu=el>0?Math.ceil(el/3):1,em=Math.min(Math.max(ec+D,0),eu-1),ep=Math.min(eu,10),eh=Math.max(0,Math.min(em-Math.floor(5),eu-ep)),eg=(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===O});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,c=l+n,u=r<0?c:ei+(c-r),m=null!=(o=d.title)?o:"",p=r<0?c:ed+(c-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===O,href:_("/[lang]/creators/[handle]/posts/[postId]",{handle:N,postId:d.id}),itemIndex:u,trackProperties:er?{postId:d.id,postTitle:m,currentPostId:O,itemIndex:p,currentItemIndex:ed,channelId:eo,channelType:ea,creatorHomeHandle:N}:null}})},[null==W||null==(y=W.channelPosts)?void 0:y.edges,_,N,O,F,ei,er,ed,eo,ea]),ef=null!=(E=null==W||null==(v=W.channelPosts)||null==(C=v.edges)?void 0:C.length)?E:0,ex=X||D>0,ey=et||D<0,eC=A({defaultMessage:"ì´ì  ê¸ ë³´ê¸°",id:"1y3ast7Zg7Y7"}),ev=A({defaultMessage:"ë¤ì ê¸ ë³´ê¸°",id:"BcN4ZDoLKIu/"}),ej=(0,d.useCallback)(e=>e===em?A({defaultMessage:"{page}ë²ì§¸ íì´ì§ (íì¬)",id:"jJ7QYO25TJV7"},{page:e+1}):A({defaultMessage:"{page}ë²ì§¸ íì´ì§ë¡ ì´ë",id:"ntwe3upqG6OO"},{page:e+1}),[em,A]),eb="".concat(es," ë¤ë¥¸ ê¸"),ew=(0,d.useCallback)(e=>{er&&R({name:"Post Navigation Section Slide Clicked",properties:{pageName:"post_detail",sectionTitle:eb,type:e,channelId:eo,creatorHomeHandle:N}})},[R,er,eb,eo,N]),ek=(0,d.useCallback)(e=>{U(e)},[]),eP=(0,d.useCallback)(()=>{ey&&(ew("next"),ek(D+1))},[D,ey,ek,ew]),eI=(0,d.useCallback)(()=>{ex&&(ew("previous"),ek(D-1))},[D,ex,ek,ew]),eT=(0,d.useCallback)(e=>{e!==em&&ew(e>em?"next":"previous"),ek(e-ec)},[ec,em,ek,ew]);return{channelId:K,channelName:q,channelType:J,membershipOnly:Y,klassCommentOnly:G,items:eg,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:O,channelId:eo,channelName:es,channelType:ea,creatorHomeHandle:N}),[O,eo,es,ea,N]),shouldTrackImpression:er,isVisible:ef>1}},e=>{let{channelId:n,channelName:t,channelType:l,membershipOnly:r,klassCommentOnly:o,items:a,hasPrev:s,hasNext:d,prevAriaLabel:c,nextAriaLabel:u,handlePrevClick:m,handleNextClick:p,impressionProperties:h,shouldTrackImpression:g,isVisible:f}=e;return f?(0,i.jsx)(n1.I,{name:"Post Navigation Section Impressed",properties:h,skip:!g,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)(eO.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)(A.n,{level:1,weight:"semiBold",color:"onView1",flexShrink:1,children:t}),(0,i.jsx)(A.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,{"data-class101-target-id":"005bb3a6ce4b",onClick:m,disabled:!s,ariaLabel:c,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:4,children:(0,i.jsx)(eA.Y,{size:18,fill:s?"onView1":"onView3"})})}),(0,i.jsx)(S.o,{"data-class101-target-id":"a6cf8a8b8939",onClick:p,disabled:!d,ariaLabel:u,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:4,children:(0,i.jsx)(tg.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)(A.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)(tf.Y,{size:12,fill:"onView3"}),(0,i.jsx)(A.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)(A.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,{"data-class101-target-id":"60fa74d09d24",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,{"data-class101-target-id":"40dd446854ad",onClick:m,disabled:!s,ariaLabel:c,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:9,children:(0,i.jsx)(eA.Y,{size:20,fill:s?"onView1":"onView3"})})}),(0,i.jsx)(S.o,{"data-class101-target-id":"9aa86eeb380e",onClick:p,disabled:!d,ariaLabel:u,children:(0,i.jsx)(P.t,{rounded:"full",borderColor:"outline1",p:9,children:(0,i.jsx)(tg.Y,{size:20,fill:d?"onView1":"onView3"})})})]})]})]})})})}):null});var tb=t(73676),tw=t(42316),tk=t(23237);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,{"data-class101-target-id":"67787a0d767f",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(15038),tM=t(76637);function tS(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}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 tO(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 tN(e){return e.map(tO).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 tA(e){let n=Math.floor(Number(e));return Number.isFinite(n)&&n>=1?String(n):"1"}function tR(e){return!!e.attrs["table-col"]}function tD(e){return!!e.attrs["table-cell-line"]}var tU=t(98473),tF=t(1977),tB=t(16515),tH=t(2722);let t$=(0,d.memo)(e=>{let{delta:n,onFileDownload:t,isPrivateContent:l}=e;if("string"==typeof n)return n?(0,i.jsx)(tF.i,{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 r=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(tR(l)||tD(l)){let l=[];for(;t<e.length&&(tR(e[t])||tD(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 c=null!=(l=e.attrs["table-cell-line"])?l:{},u=null!=(r=null!=(i=c.row)?i:e.attrs.row)?r:"",m=null!=(o=c.cell)?o:"",p=tA(null!=(a=c.rowspan)?a:e.attrs.rowspan),h=tA(null!=(s=c.colspan)?s:e.attrs.colspan),g=function(e){if("string"==typeof e)return/^#[0-9a-fA-F]{3,8}$/.test(e.trim())?e.trim():void 0}(c["cell-bg"]),f=t[t.length-1],x=f&&f.id===u?f:{id:u,cells:[]};x!==f&&t.push(x);let y=x.cells[x.cells.length-1],C=y&&y.id===m?y:{id:m,rowspan:p,colspan:h,cellBg:g,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=tN(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(tN(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(tN(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=tN(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,{children:(0,i.jsx)("div",{className:"ql-custom","data-readonly":!0,children:(0,i.jsx)("div",{className:"ql-editor",children:r.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)(tU.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(35129);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(14910),tY=t(47952);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(96732),tX=t(88658);let tQ=e=>{let{theme:n,children:t}=e,l=(0,tK.jH)({...(0,tM.c4)(n.colors),".creator_container":{maxWidth:"400px",margin:"0 auto",fontFamily:"'Pretendard JP'"},".se-text-paragraph":{fontSize:"16px",fontStyle:"normal",fontWeight:400,lineHeight:"125%",letterSpacing:"-0.16px",display:"block",marginBlockStart:"1em",marginBlockEnd:"1em",marginInlineStart:"0px",marginInlineEnd:"0px",unicodeBidi:"isolate"},".se-text-paragraph-align-, .se-text-paragraph-align-center":{textAlign:"center"},img:{maxWidth:"100% !important"},a:{color:"inherit !important"},"div.se-horizontalLine":{padding:"16px 0"},hr:{border:0,height:"1px",backgroundColor:"#0000000d",margin:0},"div.se-module-oglink":{display:"flex",flexDirection:"row",alignItems:"center",border:"1px solid #0000000d",borderRadius:"2px",margin:0,padding:0},"div.se-module-oglink a.se-oglink-thumbnail":{display:"block",width:"160px",height:"90px",overflow:"hidden",textDecoration:"none"},"div.se-module-oglink a.se-oglink-thumbnail img.se-oglink-thumbnail-resource":{width:"100%",height:"100%",objectFit:"cover"},"div.se-module-oglink a.se-oglink-info":{flex:1,textDecoration:"none"},"div.se-oglink-info-container":{display:"flex",flexDirection:"column",padding:"12px",gap:"4px"},".se-oglink-title":{width:"240px",fontSize:"14px",color:"#0c0c0c",fontWeight:600,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",margin:0},".se-oglink-summary":{width:"240px",fontSize:"14px",color:"#0c0c0c",fontWeight:400,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",margin:0},".se-oglink-url":{fontSize:"14px",color:"#373737cc",margin:0}});return(0,tX.Yq)(l),(0,tX.a0)(l,(0,i.jsx)("div",{className:null==l?void 0:l.className,children:t}))};var tZ=t(13370),t0=t.n(tZ);let t1=/^@(?:media|supports|container|layer|scope)\b/i,t2=/^(?::root|html|body)$/i,t5=/^(?::root|html|body)(?=[.#:[])/i;function t4(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"}}}}},t3=(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=t0()(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=t4(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=t4(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+=t1.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=t4(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(t2.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=t4(e,t);n+=e.slice(t,l),t=l;continue}if("/"===l&&"*"===e[t+1]){t=t4(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});t3.displayName="ExternalHtmlContent";var t7=t(12210);function t8(e){return"object"==typeof e&&null!==e&&"ops"in e&&Array.isArray(e.ops)}function t9(e){return{...e,ops:(0,t7.lP)(e.ops)}}let le=(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 t8(o)?t9(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 t8(l)?t9(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:c},theme:u,isPaywall:m,isPrivatePost:p,deltaContentForQuill:h,handleFileDownload:g}=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)(e3._,{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)(e3._,{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?c: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:u.colors.onView2}

1),(0,i.jsx)(A.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:u,children:(0,i.jsx)("div",{className:"creator_container",dangerouslySetInnerHTML:{__html:(0,tT.p)(m?null!=c?c:"":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)(e3._,{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:g})})]})]}),!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)(t3,{html:m?null!=c?c:"":null!=s?s:""})})]})]})});var ln=t(26077);function lt(){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 lt=function(){return e},e}function ll(){let e=(0,l._)(["\n    query ClassCommentOnCommunityCommentTag($id: ID!) {\n  klassCommentById(id: $id) {\n    ...ClassCommentOnCommunityCommentTag\n  }\n}\n    ",""]);return ll=function(){return e},e}let li={},lr=(0,r.J1)(lt()),lo=(0,r.J1)(ll(),lr);function la(){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 la=function(){return e},e}let ls=(0,r.J1)(la(),lr);function ld(){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 ld=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 lu(){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 lu=function(){return e},e}let lm={},lp=(0,r.J1)(ld(),ls),lh=(0,r.J1)(lc(),lp),lg=(0,r.J1)(lu());function lf(e){if(!e)return 0;let n=new Date(e).getTime();return Number.isNaN(n)?0:n}function lx(e){return lf(e.membershipPlan.startedAt)||lf(e.startedAt)}let ly=(0,a.o)(e=>{var n,t,l,i,r,o,a,c,u,m,p,h,g,f,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:O}=(0,Z.h)(),{isAuthenticationInProgress:N,isLoggedIn:L}=(0,Q.h)(),{communityPostData:_}=function(e){let n={...lm,...e},t=s.I(lh,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:A,isMeLoading:R}=function(e){let n={...lm,...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:N||!L}),D=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,U=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)=>lx(e)-lx(n))[0]})([...null!=(v=null==A?void 0:A.creatorMembershipTickets)?v:[]],null!=(j=null==_||null==(a=_.membershipPlans)?void 0:a.map(e=>{let{id:n}=e;return n}))?j:[]),$=H?lx(H):0,W=$>0?new Date($):void 0,q=W?Math.max((0,ln.w)(W,new Date,"calendarDays"),0):0,J=!N&&(!L||!R),Y=(0,d.useCallback)(()=>{D&&E(O("/[lang]/creators/[handle]",{handle:D},B?{query:{channelId:B}}:{}))},[B,O,D,E]),G=(0,d.useCallback)(()=>{var e;if(!D||!U)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)=>lf(n.salesStartedAt)-lf(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?O("/[lang]/products/[productId]",{productId:n.productId}):O("/[lang]/creators/[handle]/membership",{handle:D},{query:{creatorId:U,entrySource:"paywall",...(null==_?void 0:_.id)?{sourcePostId:_.id}:{}}}),l="".concat(T).concat(M);sessionStorage.setItem("postDetailPageAfterMembershipJoin",l),E(t)},[U,_,O,D,T,E,M]),K={postId:null==_?void 0:_.id,channelId:null==_||null==(c=_.channel)?void 0:c.id,creatorSpaceHandle:D,creatorId:U,membershipPlanIds:null!=(b=null==_||null==(u=_.membershipPlans)?void 0:u.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==(f=x[0])||null==(g=f.creator)?void 0:g.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:c,isOpenPending:u,remainingDaysUntilOpen:m,openDate:p,handleMembershipJoinButtonClick:h,handleBackToListButtonClick:g}=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)(le,{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:c&&(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:u?(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:u?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})})]}),u?(0,i.jsx)(M.W,{"data-class101-target-id":"0052d50d7e55",size:"xl",kind:"primary",onClick:g,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,{"data-class101-target-id":"cf85353267c7",size:"xl",kind:"primary",onClick:h,full:[!0,!0,!1],children:(0,i.jsx)(k.V,{id:"MembershipSignUp",defaultMessage:"ë©¤ë²ì ê°ìíê¸°"})})})]})})})})]}):null});var lC=t(80427),lv=t(79705);let lj=(0,a.o)(e=>{var n,t,l,i,r,o,a,c,u,m,p,h,g,f;let{commentId:x}=e,{push:y}=(0,et.W)(),{getUrl:C}=(0,Z.h)(),{data:v,complete:j}=(0,ej.I)({fragment:lr,from:{id:x,__typename:"KlassComment"}});return!function(e){let n={...li,...e},t=s.I(lo,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!=(u=null==v||null==(n=v.author)?void 0:n.nickName)?u:"",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!=(g=null==v||null==(o=v.product)||null==(r=o.klass)?void 0:r.title)?g:"",classCoverImage:null!=(f=null==v||null==(c=v.product)||null==(a=c.klass)?void 0:a.coverImage)?f:""}},e=>{let{isLoading:n,userNickname:t,userProfile:l,createdAt:r,content:o,image:a,classTitle:s,classCoverImage:d,handleCommentClick:c}=e;return n?(0,i.jsx)(lb.Skeleton,{}):(0,i.jsx)(j.T,{children:(0,i.jsx)(e7.d,{"data-class101-target-id":"833401839ff3",onClick:c,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)(A.n,{level:3,children:t}),(0,i.jsx)(A.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)(e3._,{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)(e3._,{sizes:128,src:d,width:32,height:24,rounded:"sm"}),(0,i.jsxs)(I.z,{spacing:4,children:[(0,i.jsx)(A.n,{level:4,lineLimit:1,flexShrink:1,children:s}),(0,i.jsx)(j.T,{flexShrink:0,children:(0,i.jsx)(A.n,{level:4,color:"onView2",children:(0,i.jsx)(k.

1V,{id:"Community.CommentTag.From",defaultMessage:"ìì ë¨ê¸´ ëê¸"})})})]})]})})]})})})})}),lb=(0,ts._)(lj,()=>(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%"})]})})]})})),lw=(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)(lb,{commentId:t}):null,[t,n]);return(0,i.jsx)(j.T,{maxWidth:560,width:"100%",children:l})}),lk=(0,ts._)((0,a.o)(e=>{var n,t,l,i,r;let{postId:o,lineLimit:a,listItem:s}=e,{data:c}=(0,ej.I)({fragment:ls,from:{id:o,__typename:"CommunityPost"},fragmentName:"CommunityPostOnPostContent"}),u=null!=(i=null==c||null==(n=c.attachments)?void 0:n.filter(nO.n))?i:[],m=(0,nh.O)(a)&&!!((null==c?void 0:c.content)&&(null==c||null==(t=c.content)?void 0:t.length)>100),p=(0,d.useMemo)(()=>{var e,n;return(null==c||null==(e=c.tag)?void 0:e.__typename)==="ClassCommentTag"?null==c||null==(n=c.tag)?void 0:n.comment.id:void 0},[null==c?void 0:c.tag]);return{thumbnailImageUrl:null!=(r=null==c?void 0:c.thumbnailImageUrl)?r:"",isListItem:s,showFullContentText:m,attachments:u,postId:o,tagType:null==c||null==(l=c.tag)?void 0:l.type,itemId:p,post:c}},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)(le,{post:d,listItem:o}),t&&(0,i.jsx)(A.n,{level:3,color:"onView2",children:(0,i.jsx)(k.V,{id:"miE11gs7qtCo",defaultMessage:"ì ì²´ë³´ê¸°"})}),(0,lC.z)(l)&&(0,lC.z)(r)&&(0,i.jsx)(lw,{type:l,itemId:r}),(0,lv.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 lP=t(50185),lI=t(18729),lT=t(94818),lM=t(37963);function lS(){let e=(0,l._)(["\n    fragment CommunityOnCommunityPostFixModal on Community {\n  id\n  channels {\n    id\n    name\n    fixedPostId\n  }\n}\n    "]);return lS=function(){return e},e}function lV(){let e=(0,l._)(["\n    query CreatorSpaceOnCommunityPostFixModal($handle: String!) {\n  creatorSpace(handle: $handle) {\n    id\n    community {\n      ...CommunityOnCommunityPostFixModal\n    }\n  }\n}\n    ",""]);return lV=function(){return e},e}function lz(){let e=(0,l._)(["\n    mutation CommunityFixPostOnCommunityPostFixModal($input: CommunityFixPostInput!) {\n  communityFixPost(input: $input) {\n    community {\n      ...CommunityOnCommunityPostFixModal\n    }\n  }\n}\n    ",""]);return lz=function(){return e},e}function lE(){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 lE=function(){return e},e}let lO={},lN=(0,r.J1)(lS()),lL=(0,r.J1)(lV(),lN),l_=(0,r.J1)(lz(),lN),lA=(0,r.J1)(lE()),lR=(0,a.o)(e=>{var n,t,l,i,r;let{postId:o,channelId:a,onClose:c,slug:u,handle:m}=e,{showToast:p}=(0,ei.hs)(),{creatorSpaceData:g,isCreatorSpaceLoading:f}=function(e){let n={...lO,...e},t=s.I(lL,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==g||null==(n=g.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(l_,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:u,channelId:a}},refetchQueries:["CreatorSpaceOnCreatorHomePostList"],onCompleted:()=>{p({title:v?P({defaultMessage:"í¬ì¤í¸ê° ê³ ì  í´ì ëì´ì.",id:"PostUnfixComplete"}):P({defaultMessage:"í¬ì¤í¸ê° ê³ ì ëì´ì. ì±ëìì ë³¼ ì ìì´ì.",id:"PostFixComplete"}),kind:"success"}),null==e||e(),c()},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,c,o,p,u]),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:f||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)(lI.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._,{"data-class101-target-id":"eee02ede7648",title:a,hideChevron:!0,renderStart:()=>(0,i.jsx)(lM.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)(lT.$,{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)(lW,{postId:l,editMode:!0,fixed:!0}),(0,i.jsx)(lk,{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 lU={},lF=(0,r.J1)(lD()),lB=(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={...lU,...e},t=h.n(lF,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)(lI.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._,{"data-class101-target-id":"b610dfe356e5",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)(A.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 lH(){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 lH=function(){return e},e}let l$=(0,r.J1)(lH()),lW=(0,ts._)((0,a.o)(e=>{var n,t,l,i,r,o,a,s,c,u,m,p,h,g,f,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:l$,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,O=(null==S?void 0:S.postType)===F.aCF.PRIVATE,N=(null==S?void 0:S.postType)===F.aCF.KLASS_COMMENT,L=null!=(u=null==S||null==(t=S.channel)?void 0:t.klassCommentOnly)&&u,_=V&&!!I&&I===(null==S||null==(l=S.author)?void 0:l.firestoreId),A=!!M&&"all"!==M&&w,R=V||!!S,{push:D}=(0,et.W)(),{getUrl:U}=(0,Z.h)(),B=(k||P)&&!N&&((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&&!N,W=(0,d.useMemo)(()=>{if(C)return!1;let e=w&&!_,n=_&&(null==S?void 0:S.postType)!==F.aCF.DELETED&&!N,t=!_;return A||e||$||n||t||B},[C,A,w,_,$,null==S?void 0:S.postType,N,B]);return{date:z,isLoading:!R,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:O,nickname:null!=(h=null==S||null==(o=S.author)?void 0:o.nickName)?h:T({defaultMessage:"íí´í ì¬ì©ì",id:"HdvYhkyCk+xe"}),authorId:null!=(g=null==S||null==(a=S.author)?void 0:a.firestoreId)?g:"",isEditMode:C,fixed:v,activeBadge:null==S?void 0:S.userBadge,userOwnBadges:null!=(f=null==S||null==(s=S.author)?void 0:s.communityBadges)?f:[],isAdmin:w,canTogglePostVisibility:B,showPostFixButton:A,currentChannelId:M,handle:j,handleClickEdit:()=>{let e=null==S?void 0:S.channelId;if(j&&e)return void D(decodeURIComponent(U("/[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:N,isKlassCommentChannel:L,showDropdownMenu:W,hasEditButton:$,photoUrl:null==S||null==(c=S.author)?void 0:c.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:c,fixed:u,activeBadge:m,isPrivatePost:p,canTogglePostVisibility:h,showPostFixButton:g,currentChannelId:f,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)(lW.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)(A.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)(A.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)(eO.Y,{membershipOnly:v,klassCommentOnly:P,channelId:a,channelType:null!=b?b:F.kqo.PUBLIC,type:"Regular",size:12,fill:"onView2"}),(0,i.jsx)(A.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)(A.n,{level:3,color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"ë§¤ëì  ê³µê°",id:"Private"})})]}),u&&(0,i.jsxs)(I.z,{alignVertical:"center",children:[(0,i.jsx)(lP.S,{size:12,fill:"onView2"}),(0,i.jsx)(A.n,{level:3,color:"onView2",children:(0,i.jsx)(k.V,{defaultMessage:"ê³ ì ë ê¸",id:"Fixed"})})]}),!V&&l&&(0,i.jsx)(A.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,{"data-class101-target-id":"6a9b91fe0e31",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:[g&&x&&(0,i.jsx)(lR,{postId:t,channelId:a,onClose:n,slug:x,handle:x}),M&&x&&!s?(0,i.jsx)(q._,{"data-class101-target-id":"14e62ac124b1",title:y({defaultMessage:"ìì ",id:"editComment"}),hideChevron:!0,renderStart:()=>(0,i.jsx)(nC.Y,{size:20}),onClick:d}):null,c&&C!==F.aCF.DELETED&&!w&&(0,i.jsx)(na.E,{postId:t,onClose:n,handle:x,currentChannelId:f,isReply:(0,nh.O)(s)}),!c&&(0,i.jsx)(ns.j,{contentId:t,onComplete:n}),h&&(0,i.jsx)(lB,{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 lq=t(69343);let lJ=(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:ls,from:{id:o,__typename:"CommunityPost"},fragmentName:"CommunityPostOnPostContent"}),[c]=null!=(n=null==d?void 0:d.reactions)?n:[],{liked:u=!1,likeCount:m=0}=null!=c?c:{},p=!(null==d?void 0:d.parentId),h=(null==d?void 0:d.postType)===F.aCF.KLASS_COMMENT;return{postId:o,liked:u,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:c,handle:u,shouldShowReactions:m}=e;return(0,i.jsxs)(I.z,{width:"100%",alignHorizontal:"space-between",py:4,children:[!c&&m&&(0,i.jsx)(e6.V,{likeCount:l,liked:t,postId:n,commentCount:r,views:o,isMainPost:a,handle:u}),(0,i.jsx)(e2.a,{children:(0,i.jsx)(lq.b,{membershipOnly:s,freeExposure:d})})]})}),lY=()=>(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)(A.n,{level:2,color:"onView2",children:(0,i.jsx)(k.V,{id:"PrivatePostContent",defaultMessage:"ë§¤ëì ë§ ë³¼ ì ìë ê¸ìëë¤."})})})]})});function lG(){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 lG=function(){return e},e}function lK(){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 lK=function(){return e},e}let lX={},lQ=(0,r.J1)(lG(),l$,ls),lZ=(0,r.J1)(lK(),lQ),l0="community_post_class_comment",l1=(0,ts._)((0,a.o)(e=>{var n,t,l,i,r,o,a,c,u,m,p,h,g,f,x,y,C,v,j,b,w,k,P,I,T,M,S,V;let{postId:z,handle:E,loading:O=!1,editMode:N=!1}=e,{replace:L,push:_}=(0,et.W)(),{getUrl:A}=(0,Z.h)(),{showToast:R}=(0,ei.hs)(),{localizeText:D}=(0,en.B)(),{isChannelViewEnabled:U}=tn(),{communityPostData:B,isCommunityPostLoading:H,communityPostError:$,refetchCommunityPost:W}=function(e){let n={...lX,...e},t=s.I(lZ,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=D({defaultMessage:"ì¡´ì¬íì§ ìê±°ë ìì ë ê²ìê¸ìëë¤.",id:"dbJCoqsyqYMk"});break;case"channel-permission/not-found":t=D({defaultMessage:"ì´ëê° íìí ë¹ê³µê° ì±ëìëë¤.",id:"6V3YMJuyl7Mv"});break;default:t=D({defaultMessage:"ë¹ì ìì ì¸ ì ê·¼ìëë¤.",id:"naGOAXxQFHj/"})}R({title:t,kind:"error"}),L(decodeURIComponent(A("/[lang]/creators/[handle]",{handle:E})))},[$,A,E,D,L,R]);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=U&&(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&&_(A("/[lang]/classes/[klassId]/lectures/[lectureId]",{klassId:ee,lectureId:Q}))},[ee,Q,_,A]),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:O||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==(c=B.creatorSpace)||null==(a=c.creator)?void 0:a.photoUrl)?I:"",channelId:null!=(T=null==B||null==(u=B.channel)?void 0:u.id)?T:"",isEditMode:N,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==(f=B.lesson)||null==(g=f.klass)?void 0:g.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:c,showPaywall:u,isChannelExposureRestricted:m,handle:p,properties:h,isKlassComment:g,missionMessage:f,klassTitle:x,productCoverImageUrl:y,handleClassInfoClick:C}=e;return t?(0,i.jsx)(l1.Skeleton,{}):(n=o?(0,i.jsx)(tP,{handle:p,creatorPhotoUrl:s,channelId:d}):r?u?(0,i.jsx)(ly,{postId:l}):(0,i.jsx)(lk,{listItem:!1,postId:l}):(0,i.jsx)(lY,{}),(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)(lW,{listItem:!1,postId:l,editMode:c,handle:p}),c&&(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:l0,useUserId:!0,renderActivated:()=>g?(0,i.jsx)(tu,{"data-class101-target-id":"c04746f3f79d",title:x,coverImageUrl:y,onClick:C}):null}),(0,i.jsx)(ta.W,{gateName:l0,useUserId:!0,renderActivated:()=>f?(0,i.jsx)(tm,{"data-class101-target-id":"63d7d0d8a005",description:f,onClick:C}):null}),o&&(0,i.jsx)(T.f,{level:1,weight:"bold",color:"onView1",children:a}),n,!(u&&m)&&(0,i.jsx)(j.T,{my:20,children:(0,i.jsx)(tj,{postId:l,handle:p})}),(u||r||o)&&(0,i.jsx)(lJ,{postId:l,editMode:c,handle:p})]})})]}))}),()=>(0,i.jsxs)(j.T,{children:[(0,i.jsx)(lW.Skeleton,{}),(0,i.jsx)(lk.Skeleton,{})]}));var l2=t(22157),l5=t(30829),l4=t(3707),l6=t(91275),l3=t(29883),l7=t(53465),l8=t(21788);function l9(){let e=(0,l._)(["\n  fragment ShowPaywallOnCreatorSpacePostDetailPage on CommunityPost {\n    showPaywall\n    postType\n    accessible\n  }\n"]);return l9=function(){return e},e}let ie=(0,r.J1)(l9()),it=e=>{let{postId:n,channelId:t}=e,{data:l,complete:r}=(0,ej.I)({fragment:ie,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})})},il=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)(l2.$,{hidden:[!1,!1,!0],type:"fixedOnScroll"}),(0,i.jsx)(l2.$,{hidden:[!0,!0,!1],type:"sticky"}),(0,i.jsx)(l4.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)(l3.n,{fallback:(0,i.jsx)(l2.$,{hidden:[!0,!0,!1],type:"sticky",order:1,backgroundColor:"background"}),children:(0,i.jsx)(l2.$,{hidden:[!0,!0,!1],type:"sticky",order:1,backgroundColor:"background"})}),(0,i.jsx)(l7.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)(l8.Z,{flex:1,minHeight:0,children:[(0,i.jsx)(e2.a,{px:20,pt:20,pb:12,children:(0,i.jsx)(l1,{postId:t,handle:n})}),(0,i.jsx)(j.T,{display:["none","none","flex"],children:(0,i.jsx)(V.c,{direction:"horizontal"})}),(0,i.jsx)(it,{postId:t,channelId:o}),(0,i.jsx)(j.T,{mb:62,children:(0,i.jsx)(nK,{postId:t,handle:n})})]})]})}),(0,i.jsx)(n7,{postId:t,handle:n})]})]})]})})})]})},ii=il},66677:(e,n,t)=>{"use strict";t.d(n,{f:()=>r});

1var l=t(4930),i=t(36851);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})}}]})}},72274:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="volume-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:"M7.294 18.1H1.15V5.9h6.144l7.056-4.623v21.445zm5.356 1.476V4.423L7.802 7.6H2.85v8.8h4.952zm6.278-.86A9.58 9.58 0 0 0 21.65 12a9.58 9.58 0 0 0-2.722-6.717l1.203-1.203A11.28 11.28 0 0 1 23.35 12c0 2.981-1.142 5.787-3.22 7.92zM16.1 15.889A5.6 5.6 0 0 0 17.65 12a5.6 5.6 0 0 0-1.55-3.888l1.202-1.202A7.3 7.3 0 0 1 19.35 12a7.3 7.3 0 0 1-2.048 5.09z"})})}),{iconType:"Thin"});a.displayName="VolumeThin"},79705:(e,n,t)=>{"use strict";function l(e){return!e}t.d(n,{W:()=>l})},84884:(e,n,t)=>{"use strict";function l(e){return e[Math.floor(Math.random()*e.length)]}t.d(n,{J:()=>l})},85975:()=>{},86402:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="eyeoff-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:"m22.79 21.585-5.385-5.38.02-.085c.115-.45.175-.91.175-1.37 0-3.09-2.51-5.6-5.6-5.6-.435 0-.895.06-1.365.18l-.085.02-3.67-3.665.155-.1a9.07 9.07 0 0 1 4.96-1.48c4.995 0 9.07 4.025 9.15 9h1.705C22.77 7.185 17.935 2.4 12 2.4c-2.245 0-4.4.685-6.24 1.985l-.105.075L2.41 1.215l-1.2 1.2L21.585 22.79zM12.005 20.35a5.53 5.53 0 0 0 3.01-.89l-1.24-1.24c-.55.28-1.16.43-1.77.43a3.9 3.9 0 0 1-3.04-1.46 3.86 3.86 0 0 1-.835-2.865q.075-.705.405-1.35L7.29 11.73a5.6 5.6 0 0 0-.85 2.41 5.607 5.607 0 0 0 5.57 6.21zM2.85 13.1a9.1 9.1 0 0 1 1.29-4.51L2.9 7.35a10.8 10.8 0 0 0-1.75 5.755h1.7z"})})}),{iconType:"Thin"});a.displayName="EyeOffThin"},89838:(e,n,t)=>{"use strict";t.d(n,{d:()=>q});var l=t(4930),i=t(65162),r=t(92690),o=t(76694),a=t(22869),s=t(54991),d=t(71188),c=t(18729),u=t(27919),m=t(13248),p=t(24419),h=t(16615),g=t(85507),f=t(82759),x=t(4841),y=t(37902),C=t(21683),v=t(72731),j=t(71646),b=t(41908),w=t(80412),k=t(14910),P=t(55620),I=t(49155),T=t(84884),M=t(35545),S=t(86739),V=t(56392),z=t(78975),E=t(23725);function O(){let e=(0,S._)(["\n    query MeOnGeneratedNicknameBottomSheet {\n  profile: me {\n    _id\n    photoUrl\n  }\n}\n    "]);return O=function(){return e},e}function N(){let e=(0,S._)(["\n    mutation UserNicknameGenerateOnGeneratedNicknameBottomSheet($input: UserNicknameGenerateInput!) {\n  generateNickname: userNicknameGenerate(input: $input) {\n    nickname\n  }\n}\n    "]);return N=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 _={},A=(0,V.J1)(O()),R=(0,V.J1)(N()),D=(0,V.J1)(L()),U="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(A,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,[c]=(0,i.useState)(()=>(0,T.J)(I.M).url),u=(null==a?void 0:a.photoUrl)||(d?c:void 0),[m,p]=(0,i.useState)(""),h=(0,i.useRef)(!1),g=(0,i.useRef)(!1),[f,{isGenerateNicknameLoading:x}]=function(e){let n={..._,...e},t=E.n(R,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,isGenerateNicknameC

1alled:i,...r}]},[t])}({onCompleted:e=>{let{generateNickname:n}=e;g.current=!1,h.current||(p(n.nickname),o({name:"Profile Setting Random Nickname Generate Completed",properties:{isSystemEvent:!0,nickname:n.nickname,pageName:U}}))},onError:()=>{g.current=!1,r({title:l({defaultMessage:"ëë¤ìì ë§ë¤ì§ ëª»íì´ì. ë¤ì ìëí´ì£¼ì¸ì.",id:"XeFo83i9dFR2"}),kind:"error"})}}),y=(0,i.useCallback)(()=>{g.current||(g.current=!0,f({variables:{input:{}}}))},[f]);(0,i.useEffect)(()=>{n&&(h.current=!1,p(""),y())},[n,y]),(0,i.useEffect)(()=>{n&&o({name:"Profile Setting Confirm Modal Impressed",properties:{pageName:U}})},[n,o]);let C=(0,i.useCallback)(()=>{o({name:"Profile Setting Confirm Modal Random Nickname Clicked",properties:{pageName:U}}),y()},[y,o]),[b,{isUpdatedLoading:w}]=function(e){let n={..._,...e},t=E.n(D,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:U}}),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:U}}),b({variables:{input:{nickname:m,nicknameSource:"GENERATED",...(null==a?void 0:a.photoUrl)||!d?{}:{photoUrl:c}}}}))},[c,d,m,null==a?void 0:a.photoUrl,o,b]);return{localizeText:l,isSheetOpen:n,nickname:m,photoUrl:u,isConfirming:w,isRegenerateDisabled:w||x,handleRegenerateClick:C,handleConfirmClick:k,handleCloseClick:(0,i.useCallback)(()=>{o({name:"Profile Setting Confirm Modal Close Clicked",properties:{pageName:U}}),t()},[t,o])}},e=>{let{localizeText:n,isSheetOpen:t,nickname:i,photoUrl:r,isConfirming:o,isRegenerateDisabled:a,handleRegenerateClick:d,handleConfirmClick:m,handleCloseClick:f}=e;return(0,l.jsx)(c.Yb,{size:"md",open:t,onClose:f,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)(u.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)(g.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:c,search:u}=(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:g}=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}),f=(0,i.useMemo)(()=>!(null==g?void 0:g.isNicknameConfigured)||!(null==g?void 0:g.nickName)||!(null==g?void 0:g.photoUrl),[null==g?void 0:g.isNicknameConfigured,null==g?void 0:g.nickName,null==g?void 0:g.photoUrl]),k=(0,i.useCallback)(()=>{t(),h("Profile Setting Modal Setting Clicked");let e=""===u||u.startsWith("?")?u:"?".concat(u);d(m("/[lang]/nickname-setting",void 0,{query:{redirect:"".concat(c).concat(e)}}))},[t,m,c,d,u,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=!!g&&n&&f;(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]),O=(0,i.useCallback)(()=>{var e;(null==(e=M.current)?void 0:e.paused)===!0&&V()},[V]);return(0,C.F)("visible",O),(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)(c.Yb,{size:"md",open:t,onClose:o,renderContents:()=>(0,l.jsxs)(u.T,{px:20,pt:36,alignHorizontal:"center",children:[!f.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,playsInl

1ine:!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)(g.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)(),c=(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:c,close:n}}},92420:(e,n,t)=>{"use strict";t.d(n,{t:()=>g});var l=t(4930),i=t(65162),r=t(41352),o=t(69065),a=t(21716),s=t(45331),d=t(84279),c=t(27691),u=t(96254),m=t(61318);let p=(0,u.g)("div",{shouldForwardProp:e=>!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"}}),h=e=>{var n;let{children:t,id:d,zIndex:c=2}=e,u=(0,i.useId)();if(!o.S)return null;let m=null!=(n=document.fullscreenElement)?n:(0,a.P)(d);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{scope:"ui-system-full-page-modal-".concat(u),css:"\n          #".concat(d," {\n            position: relative !important;\n            z-index: ").concat(c," !important;\n          }\n        ")}),r.createPortal(t,m)]})},g=e=>{let{color:n,duration:t=500,id:r,renderOpener:o,renderContent:a,opened:s,zIndex:u=2,onClose:g,preferReducedMotion:f=!1}=e,[x,y]=(0,i.useState)(!1),[C,v]=(0,c.i)({defaultValue:!1,value:s,onValueChange:e=>{e||null==g||g()}});(0,i.useEffect)(()=>{y(!0)},[]),(0,d._)(C);let j=(0,i.useCallback)(()=>{v(!0)},[v]),b=(0,i.useCallback)(()=>{v(!1)},[v]),w=f?0:t,k=(0,i.useMemo)(()=>{if(!f)return"translateY(".concat(C?"0px":"100%",")")},[f,C]);return(0,l.jsxs)(l.Fragment,{children:[null==o?void 0:o({openModal:j}),x&&(0,l.jsx)(h,{id:r,zIndex:u,children:(0,l.jsx)(p,{$duration:w,$transform:k,children:(0,l.jsx)(m._,{kind:"background",backgroundColor:n,children:null==a?void 0:a({closeModal:b})})})})]})};g.displayName="UiSystemFullPageModal"},96638:(e,n,t)=>{"use strict";t.d(n,{Y:()=>a});var l=t(4930),i=t(65162),r=t(47952),o=t(36607);let a=Object.assign((0,i.memo)(e=>{let{size:n=24,fill:t="onColor",linearGradient:i,testId:a="web-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:"M12 1.5C6.2 1.5 1.5 6.2 1.5 12S6.2 22.5 12 22.5 22.5 17.8 22.5 12 17.8 1.5 12 1.5m8.7 9.6h-3.85c-.1-2.95-.8-5.55-1.8-7.3 3.05 1.15 5.3 3.95 5.65 7.3M12 20.75c-1.05 0-2.9-2.95-3.1-7.9h6.2c-.2 4.95-2.05 7.9-3.1 7.9M8.9 11.1c.2-4.9 2.05-7.9 3.1-7.9s2.9 2.95 3.1 7.9zm.05-7.3c-1 1.75-1.7 4.35-1.8 7.3H3.3c.35-3.35 2.6-6.15 5.65-7.3M3.3 12.9h3.85c.1 2.95.8 5.55 1.8 7.3-3.05-1.15-5.3-3.95-5.65-7.3m11.75 7.3c1-1.75 1.7-4.35 1.8-7.3h3.85c-.35 3.35-2.6 6.15-5.65 7.3"})})}),{iconType:"Thin"});a.displayName="WebThin"}},e=>{e.O(0,[42687,72195,73676,34723,13370,44747,50105,61880,25568,31343,23544,61434,63824,72488,36991,99460,14762,90636,46593,38792],()=>e(e.s=49845)),_N_E=e.O()}]);
2//# sourceMappingURL=[postId]-90914c00f4f913ef.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.