https://wcle.co.kr/_next/static/chunks/4234-39a00f35855c8934.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="7a6a2d33-3bf4-441e-aa99-d07546c1065d",e._sentryDebugIdIdentifier="sentry-dbid-7a6a2d33-3bf4-441e-aa99-d07546c1065d")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4234],{34234:function(e,t,l){l.d(t,{CelebVideoSection:function(){return C}});var n=l(37821),s=l(76862),a=l(44108),r=l(16892),i=l(59929),o=l(29134),c=l(66811),d=l(94884),u=l(73812),g=l(88149),x=l(49871),h=l(74542),f=l(58504),m=l(58078),p=l(87331),b=l(50524),j=l(48661),v=l(87977),N=l(95979),y=l(65633);let w=e=>{let{title:t,videoList:l,isCeleb:o,titleClassName:d,videoClassName:u,hidePrice:g}=e,x=(0,s.U)(),h=(0,j.a)(),p=(0,f.useRouter)(),[b,N]=(0,m.useState)(x.currentIndex);return(0,m.useEffect)(()=>{N(x.currentIndex)},[x.currentIndex]),(0,n.jsxs)(a.J,{className:"gap-24",children:[(0,n.jsxs)(r.k,{align:"center",justify:"between",className:"tablet:flex-col tablet:items-start tablet:gap-20",children:[t&&(0,n.jsx)("h3",{className:(0,c.cn)("text-bd-28 text-grey-900",d),children:t}),o&&!t&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.k,{align:"center",className:"gap-30",children:(0,n.jsx)("img",{src:"/images/with_long.png",alt:"with-logo",className:"w-200 tablet:w-156"})}),(0,n.jsxs)("button",{className:"flex h-44 items-center justify-center gap-4 roun

1ded-4 bg-gradient-to-r from-[#FF974C] to-[#FF5FD7] px-16 py-10",onClick:async()=>{if(!h){p.push("/auth/signup?redirect=".concat(window.location.href));return}let e=await (0,v.hi)().chat.createOrGetChatRoomAdmin();p.push("/chat/".concat(e.id))},children:[(0,n.jsx)("span",{className:"text-sb-15 font-semibold text-grey-0",children:"스타 영상 메시지 문의하기"}),(0,n.jsx)(i.J,{name:"SendDiagonalSolid",size:16,className:"text-grey-0"})]})]})]}),(0,n.jsxs)(a.J,{className:"gap-24",children:[(0,n.jsxs)(r.k,{align:"center",justify:"between",children:[(0,n.jsx)("p",{className:"text-rg-24 text-grey-1000 tablet:hidden",children:"나만을 위한 특별한 메시지, 지금 바로 셀럽에게 요청하세요!"}),(0,n.jsxs)(r.k,{align:"center",className:"gap-8 tablet:hidden",children:[(0,n.jsx)(r.k,{as:"button",centered:!0,className:"size-44 gap-10 rounded-full border border-grey-200 bg-grey-0 p-10 shadow-[0_1px_4px_0_#0000000D]",onClick:x.onPrev,children:(0,n.jsx)(i.J,{name:"IconArrowLeft",size:18,className:"text-grey-900"})}),(0,n.jsx)(r.k,{as:"button",centered:!0,className:"size-44 gap-10 rounded-full border border-grey-200 bg-grey-0 p-10 shadow-[0_1px_4px_0_#0000000D]",onClick:x.onNext,children:(0,n.jsx)(i.J,{name:"IconNavArrowRight",size:18,className:"text-grey-900"})})]})]}),(0,n.jsx)(s.default.Content,{className:"gap-20",contentWrapClassName:"tablet:overflow-visible",children:[...l].map((e,t)=>(0,n.jsx)(s.default.Item,{className:(0,c.cn)("w-full max-w-285 last:mr-20",u),children:(0,n.jsx)(A,{video:e,isCeleb:o,isActive:b===t,onCurrentIndexChange:N,index:t,hidePrice:g})},e.id))})]})]})},A=e=>{var t,l,c,j,v,w,A,C,k,I,_;let{video:z,isCeleb:S,isActive:E,onCurrentIndexChange:D,index:P,hidePrice:J}=e;(0,s.U)();let F=(0,f.useRouter)(),B="expert"in z,[M,T]=(0,m.useState)(E),R=(0,m.useRef)(null),[U,H]=(0,m.useState)(!1),L=B?"/star/".concat(z.id):"/lesson/".concat(z.id),O=B?(0,y.Jc)(z):(0,y.Jc)(z.user);(0,m.useEffect)(()=>{T(E),!E&&R.current&&(R.current.currentTime=0)},[E]);let q=B?null===(t=z.expert)||void 0===t?void 0:t.celebPrice:z.totalPrice;return(0,p.hF)(q),(0,n.jsxs)(h.default,{href:L,className:"flex w-full flex-col gap-12",onClick:()=>{sessionStorage.setItem("shorts-current-index",P.toString()),b.T.setState({current:P})},children:[(0,n.jsxs)(r.k,{className:"relative",children:[(0,n.jsx)(x.n,{ref:R,video:null!==(k=B?null===(l=z.expert)||void 0===l?void 0:l.videoAsset:null===(c=z.mainThumbnail)||void 0===c?void 0:c.video)&&void 0!==k?k:void 0,isHoverPlay:!0,muted:!0,isPlaying:M,onPlayChange:e=>{T(e)},onMouseEnter:()=>{D(P),H(!0)},onMouseLeave:()=>{D(P),H(!1)},onEnded:()=>{U&&R.current&&(R.current.currentTime=0)}}),S&&(0,n.jsx)(g.default,{src:"/images/with.png",alt:"celeb-logo",width:100,height:100,className:"absolute right-16 top-16 w-72"}),!B&&(0,n.jsx)(N._,{lesson:z,className:"absolute left-16 top-16 z-10"}),(0,n.jsxs)(r.k,{align:"center",as:"button",className:"group absolute bottom-16 right-16 gap-2 rounded-full border border-grey-0 bg-transparent p-8 pl-12 hover:border-none hover:bg-grey-0",onClick:()=>{F.push(L)},children:[(0,n.jsx)("span",{className:"text-sb-15 text-grey-0 group-hover:text-grey-900",children:S?"스타 보기":"레슨 신청"}),(0,n.jsx)(i.J,{name:"IconNavArrowRight",size:16,className:"text-grey-0 group-hover:text-grey-900"})]})]}),(0,n.jsxs)(a.J,{className:"gap-8",children:[(0,n.jsx)(d.J,{label:null!==(I=B?null===(j=z.expert)||void 0===j?void 0:j.category.title:z.category.title)&&void 0!==I?I:""}),(0,n.jsxs)(r.k,{className:"items-start gap-8",children:[S&&(0,n.jsx)(o.q,{className:"shrink-0",size:32,image:null!==(_=B?null===(v=z.profileImage)||void 0===v?void 0:v.thumbnailPath:null===(w=z.user.profileImage)||void 0===w?void 0:w.thumbnailPath)&&void 0!==_?_:""}),(0,n.jsxs)(a.J,{className:"gap-4",children:[(0,n.jsx)("p",{className:"line-clamp-1 text-smbd-18 text-grey-900",children:B?null===(A=z.expert)||void 0===A?void 0:A.celebTitle:z.title}),(0,n.jsxs)(r.k,{align:"center",className:"gap-4",children:[(0,n.jsx)("span",{className:"text-rg-14 text-grey-500",children:B?z.nickname:z.user.nickname}),(0,n.jsx)(y.qj,{isCertified:O,compact:!0})]})]})]}),(0,n.jsx)(a.J,{children:!J&&(0,n.jsxs)(r.k,{align:"center",className:"gap-8",children:[(0,n.jsxs)("span",{className:"text-bd-16 text-grey-900",children:[null==q?void 0:q.toLocaleStr

1ing(),"원"]}),(0,n.jsx)("hr",{className:"h-12 w-1 border-none bg-grey-300"}),(0,n.jsx)("span",{className:"text-rg-14 text-grey-400",children:(0,u.p6)(B?null===(C=z.expert)||void 0===C?void 0:C.createDate:z.createDate,{timeZone:"Asia/Seoul"})})]})})]})]})},C=e=>{let{celebList:t,title:l,titleClassName:a,isCeleb:r=!0,videoClassName:i,hidePrice:o}=e;return(0,n.jsx)(s.default,{options:{loop:!0,align:"start",skipSnaps:!0},children:(0,n.jsx)(w,{videoList:t,isCeleb:r,title:l,titleClassName:a,videoClassName:i,hidePrice:o})})}},50524:function(e,t,l){l.d(t,{T:function(){return n}});let n=(0,l(73020).Ue)(e=>({current:0,setCurrent:t=>e({current:t})}))},49871:function(e,t,l){l.d(t,{n:function(){return u}});var n=l(37821),s=l(58078),a=l(16892),r=l(59929),i=l(66811),o=l(43518),c=l(36637),d=l(88149);let u=(0,s.forwardRef)((e,t)=>{let{video:l,wrapperClassName:u,className:g,isPlaying:x,isHoverPlay:h,loop:f=!0,muted:m,showSoundButton:p=!1,onPlayChange:b,onEnded:j,onMouseEnter:v,onMouseLeave:N}=e,[y,w]=(0,s.useState)(!1),[A,C]=(0,s.useState)(null!=m&&m),[k,I]=(0,s.useState)(!1),_=(0,s.useRef)(null);(0,s.useImperativeHandle)(t,()=>_.current);let z=void 0!==x,S=z?x:y;return(0,s.useEffect)(()=>{_.current&&(S?_.current.play().catch(()=>{}):_.current.pause())},[S]),(0,s.useEffect)(()=>{_.current&&(_.current.muted=A)},[A]),(0,s.useEffect)(()=>{let e;return k&&(e=setTimeout(()=>{I(!1)},300)),()=>{e&&clearTimeout(e)}},[k,S]),(0,s.useEffect)(()=>{S&&x&&!z&&_.current&&(_.current.currentTime=0)},[S,x]),(0,n.jsxs)(a.k,{className:(0,i.cn)("relative w-full cursor-pointer overflow-hidden rounded-12",u),onClick:()=>{z?null==b||b(!S):w(e=>!e),I(!0)},onMouseEnter:h?()=>{w(!0),null==v||v()}:void 0,onMouseLeave:h?()=>{w(!1),null==N||N()}:void 0,children:[(0,n.jsx)(d.default,{src:"/images/wcle-logo.png",alt:"wcle-logo",width:100,height:100,className:"absolute left-16 top-14 z-20 h-24 w-28 object-contain will-change-transform"}),p&&(0,n.jsx)("button",{className:"absolute right-12 top-12 z-10 flex size-28 items-center justify-center rounded-full bg-grey-900",onClick:e=>{e.stopPropagation(),C(e=>!e)},type:"button",children:(0,n.jsx)(r.J,{name:A?"IconSoundOff":"IconSoundOn",size:12,className:"text-white"})}),(0,n.jsx)("video",{ref:_,src:null==l?void 0:l.path,controls:!1,autoPlay:!0,muted:A,playsInline:!0,preload:"metadata",className:(0,i.cn)("block aspect-[285/506] w-full object-cover will-change-transform",g),loop:f,onEnded:j,poster:null==l?void 0:l.thumbnailImagePath}),(0,n.jsx)(o.M,{children:k&&(0,n.jsx)(c.E.div,{initial:{opacity:0,scale:.8,transform:"translate(-50%, -50%)"},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.3},className:"absolute left-1/2 top-1/2 flex size-48 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[#00000099]",children:(0,n.jsx)(r.J,{name:S?"IconPauseSolid_1":"IconPlaySolid_1",size:20,className:"text-white"})})})]})})},29134:function(e,t,l){l.d(t,{q:function(){return o}});var n=l(37821),s=l(84411),a=l.n(s),r=l(6714),i=l(59929);let o=e=>{let{className:t,size:l,image:s}=e;return s?(0,n.jsx)(r.SafeImage,{image:s,className:a()("aspect-[1/1] rounded-full shrink-0",t),size:l,style:{width:l,height:l}}):(0,n.jsx)(i.J,{name:"UserCircle_edit회원",className:a()("shrink-0 rounded-full text-transparent",t),size:l||60})}},6714:function(e,t,l){l.d(t,{SafeImage:function(){return c}});var n=l(37821),s=l(84411),a=l.n(s),r=l(88149),i=l(58078),o={src:"/_next/static/media/DefaultUser.f73ba608.png",height:378,width:378,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAJ1BMVEXe5u7f5u/b5O3f5u/i6fDj6vHk6vLh6PDj6PHf6PDh6O/i6PDz+f86rKizAAAADHRSTlN9cYKMnaavwfBdyOWFyfo5AAAACXBIWXMAABCcAAAQnAEmzTo0AAAANUlEQVR4nB3GtxEAIBAEsT3eYvqvlwFFQgKQUIZ75ICYETMM3M4xf9Heeslaq9JQdXcXaHxcInYBCKH0ht8AAAAASUVORK5CYII=",blurWidth:8,blurHeight:8};let c=e=>{let{image:t,className:l,fill:s,alt:c,size:d,style:u,imageClassName:g}=e,x=(0,i.useMemo)(()=>"string"==typeof t?t:(null==t?void 0:t.thumbnailPath)||o,[t]);return(0,n.jsx)("figure",{className:a()(l,"flex overflow-hidden"),style:u,onContextMenu:e=>e.preventDefault(),children:(0,n.jsx)(r.default,{draggable:"false",src:x,unoptimized:!0,className:a()("size-full object-cover",g),width:d||(null==t?void 0:t.width),height:d||(null==t?void 0:t.height),fill:s,alt:c||""})})}},65633:function(e,t,l){l.d(t,{Jc:function(){return i},Jr:function(){return o},Ro:function(){return d},dg:function(){return u},m5:function(){return r},qj:function(){return c}});var n=l(37821),s=l(66811);let a=e=>{let{className:t}=e;return(0,n.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M22.25 12c0 1.43-.88 2.67-2.19 3.34.46 1.39.2 2.9-.81 3.91-1.01 1.01-2.52 1.27-3.91.81-.67 1.31-1.9

11 2.19-3.34 2.19s-2.67-.88-3.34-2.19c-1.39.46-2.9.2-3.91-.81-1.01-1.01-1.27-2.52-.81-3.91-1.31-.67-2.19-1.91-2.19-3.34s.88-2.67 2.19-3.34c-.46-1.39-.2-2.9.81-3.91 1.01-1.01 2.52-1.27 3.91-.81.67-1.31 1.91-2.19 3.34-2.19s2.67.88 3.34 2.19c1.39-.46 2.9-.2 3.91.81 1.01 1.01 1.27 2.52.81 3.91 1.31.67 2.19 1.91 2.19 3.34Z",fill:"#1D9BF0"}),(0,n.jsx)("path",{d:"m10.58 15.15-3.2-3.2 1.42-1.42 1.78 1.79 4.62-4.63 1.42 1.42-6.04 6.04Z",fill:"white"})]})},r=e=>!0===(null!=e?e:{}).hasCertifiedBadge,i=e=>(null==e?void 0:e.hasCertifiedBadge)===!0||(null==e?void 0:e.expertHasCertifiedBadge)===!0||r(null==e?void 0:e.expert),o=e=>(null==e?void 0:e.hasCertifiedBadge)===!0||(null==e?void 0:e.expertHasCertifiedBadge)===!0,c=e=>{let{expert:t,isCertified:l,compact:i,className:o}=e;return(null!=l?l:r(t))?(0,n.jsx)("span",{role:"img","aria-label":"월클 인증 전문가",title:"월클 인증 전문가",className:(0,s.cn)("inline-flex shrink-0 items-center justify-center align-[-0.12em]",i?"size-18":"size-20",o),children:(0,n.jsx)(a,{className:"size-full drop-shadow-[0_1px_1px_rgba(0,0,0,0.08)]"})}):null},d=e=>{let{expert:t,isCertified:l,className:i}=e;return(null!=l?l:r(t))?(0,n.jsxs)("span",{role:"img","aria-label":"월클 인증 전문가",title:"월클 인증 전문가",className:(0,s.cn)("inline-flex shrink-0 items-center gap-6 rounded-full border border-[#BFDBFE] bg-[#EFF6FF] px-10 py-5 text-sb-14 text-[#1D4ED8] tablet:gap-5 tablet:px-8 tablet:py-4 tablet:text-sb-13",i),children:[(0,n.jsx)(a,{className:"size-24 drop-shadow-[0_1px_1px_rgba(0,0,0,0.08)] tablet:size-22"}),(0,n.jsx)("span",{children:"월클 인증 전문가"})]}):null},u=e=>{let{expert:t,isCertified:l,className:i}=e;return(null!=l?l:r(t))?(0,n.jsx)("span",{role:"img","aria-label":"월클 인증 전문가",title:"월클 인증 전문가",className:(0,s.cn)("absolute -right-2 -top-2 z-10 inline-flex size-20 items-center justify-center rounded-full bg-grey-0 p-[1px] shadow-[0_1px_4px_rgba(0,0,0,0.16)]",i),children:(0,n.jsx)(a,{className:"size-full"})}):null}},87331:function(e,t,l){l.d(t,{hF:function(){return n}});let n=(e,t)=>{if(!e)return"무료";let l=.7*e-(null!=t?t:0);return 0===l?"무료":l.toLocaleString()+"원"}}}]);