https://class101.net/_next/static/chunks/pages/[lang]/business/challenge/[companySlug]/my-600bd21ddef75dba.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66361],{4007:(e,t,i)=>{"use strict";i.d(t,{L:()=>a});var l=i(4930),r=i(65162),s=i(47952),n=i(36607);let a=Object.assign((0,r.memo)(e=>{let{size:t=24,fill:i="onColor",linearGradient:r,testId:a="infocircle-regular",...o}=e;return(0,l.jsxs)(n.z,{viewBox:"0 0 24 24",size:t,fill:i,linearGradient:r,testId:a,...o,children:[(0,l.jsx)(s.B.Path,{d:"M12 3.5c4.7 0 8.5 3.8 8.5 8.5s-3.8 8.5-8.5 8.5-8.5-3.8-8.5-8.5S7.3 3.5 12 3.5M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1"}),(0,l.jsx)(s.B.Path,{d:"M10.75 17.4v-6.8c0-.05.05-.1.1-.1h2.3c.05 0 .1.05.1.1v6.8c0 .05-.05.1-.1.1h-2.3c-.05 0-.1-.05-.1-.1M12 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"})]})}),{iconType:"Regular"});a.displayName="InfoCircleRegular"},7049:(e,t,i)=>{"use strict";i.d(t,{z:()=>c});var l=i(4930),r=i(65162),s=i(65168),n=i(43561),a=i(13248),o=i(68596),d=i(56275);let c=(0,o._)("ProgressBar")((0,d.X)({props:[{name:"size",default:"md",responsive:!0}],variants:{xs:{height:1,rounded:"sm"},sm:{height:2,rounded:"sm"},md:{height:4,rounded:"sm"},lg:{height:6,rounded:"sm"},xl:{height:8,rounded:"sm"}}}),(0,d.X)({props:[{name:"kind",default:"default"}],variants:{default:{color:"primary",bgColor:"surfaceThin"},neutral:{color:"onView1",bgColor:"surfaceThin"}}}))(e=>{let{color:t="primary",bgColor:i="surfaceThin",height:o=6,durationMs:d=1e3,progress:c=100,onProgressEnd:u}=e,h=(0,r.useCallback)(()=>{null==u||u()},[u]);return(0,l.jsx)(a.t,{backgroundColor:i,width:"100%",height:o,overflow:"hidden",rounded:"sm",children:(0,l.jsx)(n.e,{animation:{width:"".concat(c,"%")},duration:d,onEnd:h,children:(0,l.jsx)(s.a,{width:"100%",height:"100%",backgroundColor:t})})})})},11045:(e,t,i)=>{"use strict";i.d(t,{m:()=>j});var l=i(4930),r=i(65162),s=i(44160),n=i(23237),a=i(42298),o=i(52371),d=i(65168),c=i(43561),u=i(95639),h=i(34135),x=i(37501),g=i(39593),f=i(61044),m=i(22712);let j=(0,i(68596)._)("Tooltip")()(e=>{var t;let{children:i,anchorRef:j,content:p,enterDelay:v=100,leaveDelay:y=0,maxWidth:b=320,onClose:w,onOpen:V,offset:M=8,position:z="top",testId:k="tooltip",hidden:T=!1}=e,[C,S]=(0,r.useState)(!1),[R,I]=(0,r.useState)(!1),[G,P]=(0,r.useState)({x:0,y:0}),E=(0,r.useRef)(null),L=(0,r.useRef)(void 0),D=(0,r.useRef)(void 0),B=(0,r.useRef)(!1),{theme:{zIndex:A}}=(0,n.Am)(),_=(0,r.useRef)(0),{addEventListener:q}=(0,a.c)(),H=(0,r.useCallback)(async()=>{var e;let t=await (0,g.x)(null!=(e=null==j?void 0:j.current)?e:E.current);if(!L.current)return;let{x:i,y:l,left:r,right:n}=((e,t,i,l)=>{let{x:r,y:n}=(0,u.m)({referenceRect:e,targetRect:t,position:i,spacing:l}),a=(0,s.Y)();if(Object.values((0,h._)({viewport:a,targetRect:{...t,x:e.x+r,y:e.y+n}})).every(e=>e<=0))return{x:r+e.x,y:n+e.y};let{x:o,y:d}=(0,u.m)({referenceRect:e,targetRect:t,position:(0,x.J)(i,!1),spacing:l});return Object.values((0,h._)({viewport:a,targetRect:{...t,x:e.x+o,y:e.y+d}})).every(e=>e<=0)?{x:e.x+o,y:e.y+d}:i.includes("top")||i.includes("bottom")?{y:n+e.y,left:r+e.x<0?0:void 0,right:r+e.x+t.width>a.width?0:void 0}:i.includes("right")?{y:n+e.y,right:a.width-(r+e.x+t.width)}:{x:r+e.x,y:n+e.y}})(t,await (0,g.x)(L.current),z,M);P({x:i,y:l,left:r,right:n}),I(!0)},[j,M,z]),N=(0,r.useMemo)(()=>"function"==typeof window.matchMedia&&window.matchMedia("(hover: hover)").matches,[]),Y=()=>{B.current=!1,clearTimeout(D.current),D.current=setTimeout(()=>{T||S(!0),null==V||V()},v)},F=(0,r.useCallback)(()=>{B.current=!0,clearTimeout(D.current),D.current=setTimeout(()=>{I(!1),null==w||w()},y)},[y,w]);(0,r.useEffect)(()=>q(e=>{let{scrollPosition:t}=e;_.current!==t&&F(),_.current=t}),[q,F,_]),((e,t,i)=>{(0,r.useEffect)(()=>{let l=e.current;if(i&&l)return l.addEventListener("click",t,!0),()=>l.removeEventListener("click",t,!0)})})(E,()=>{if(C&&!B.current)return void F();if(C){clearTimeout(D.current),B.current=!1,T||H(),null==V||V();return}Y()},!N),(0,r.useEffect)(()=>()=>clearTimeout(D.current),[]);let O=(0,r.useCallback)(e=>{L.current=e,e&&H()},[H]);return(0,l.jsxs)(m.z,{"data-testid":k,children:[(0,l.jsx)(o.d,{ref:E,onHoverIn:N?Y:void 0,onHoverOut:N?F:void 0,children:i}),C&&(0,l.jsx)(c.e,{ref:O,duration:200,easing:"easeOutQuad",animation:{opacity:+!!R},onEnd:R?void 0:()=>{T||(S(!1),P({x:0,y:0}))},children:(0,l.jsx)(d.a,{maxWidth:b,position:"fixed",py:6,px:8,zIndex:A.dropdown,top:G.y,left:null!=(t=G.left)?t:G.x,right:G.right,rounded:"md",backgroundColor:"inverseSurface",flexShrink:0,children:"string"==typeof p?(0,l.jsx)(f.n,{level:4,color:"onInverseSurface",children:p}):p})})]})})},27001:(e,t,i)=>{"use strict";i.d(t,{n:()=>d});var l=i(4930),r=i(87216),s=i(68596),n=i(56275);let a=(0,s._)("Display")((0,n.X)({props:[{name:"level",responsive:!0,keep:!0}],variants:e=>{let{level:t}=e;return{typography:"display".concat(t)}}}),(0,n.X)({props:[{name:"weight",responsive:!0,default:"extraBold"}],variants:e=>{let{weight:t}=e;return{fontWeight:t}}})),o={2:"h1",3:"h1",4:"h1"},d=a(e=>{let{level:t,as:i,testId:s="display",...n}=e,a=Math.min(...Array.isArray(t)?t.map(e=>Number(e)):[Number(t)]);return(0,l.jsx)(r.E,{"data-testid":s,as:null!=i?i:o[a],...n})})},29340:(e,t,i)=>{"use strict";i.d(t,{a5:()=>d});var l=i(65162),r=i(80412),s=i(77560);let n=/\/business(\/|$)/,a="context",o="business",d=()=>{let{pathname:e}=(0,r.z)(),{queryParams:t}=(0,s.s)(),i=n.test(e)||t[a]===o,d=(0,l.useMemo)(()=>i?{[a]:o}:void 0,[i]);return{isBusinessContext:i,businessLinkQuery:d}}},34135:(e,t,i)=>{"use strict";i.d(t,{_:()=>l});let l=e=>{let{viewport:t,targetRect:i}=e,l=-i.y,r=i.y+i.height-t.height;return{top:l,bottom:r,left:-i.x,right:i.x+i.width-t.width}}},34519:(e,t,i)=>{"use strict";i.d(t,{b:()=>g});

1var l=i(4930),r=i(65162),s=i(54991),n=i(27919),a=i(11045),o=i(61044),d=i(22712),c=i(97873),u=i(16615),h=i(26821),x=i(4007);let g=(0,r.memo)(e=>{let{totalPoint:t,completionRate:i,completionHref:r}=e;return(0,l.jsxs)(n.T,{px:[20,20,40],py:20,gap:4,children:[(0,l.jsx)(a.m,{position:"bottom-start",content:(0,l.jsxs)(n.T,{spacing:16,children:[(0,l.jsx)(o.n,{level:4,color:"onInverseSurface",children:(0,l.jsx)(s.V,{defaultMessage:"포인트는 클래스101의 포인트와 무관하게 별개로 적립되는 포인트로 플랫폼 내 출금 기능을 제공하지 않습니다.",id:"D9k0xzz2XmVl"})}),(0,l.jsx)(o.n,{level:4,color:"onInverseSurface",children:(0,l.jsx)(s.V,{defaultMessage:"챌린지 종료 시점 기준 보유한 금액 기준으로 본인 명의 계좌로 입금될 예정입니다. (2026년 12월 예정)",id:"wHmhDK4+sKyw"})})]}),children:(0,l.jsxs)(d.z,{spacing:4,alignVertical:"center",children:[(0,l.jsx)(o.n,{level:2,weight:"semiBold",color:"onViewSuccess",children:(0,l.jsx)(s.V,{defaultMessage:"내 누적 포인트",id:"8T+PSAbGdzN+"})}),(0,l.jsx)(x.L,{size:14,fill:"onViewSuccess"})]})}),(0,l.jsxs)(d.z,{alignVertical:"center",alignHorizontal:"space-between",children:[(0,l.jsxs)(d.z,{alignVertical:"center",gap:4,children:[(0,l.jsx)(c.f,{type:"title",level:1,weight:"bold",color:"onView1",value:t}),(0,l.jsx)(u.h,{level:1,weight:"bold",color:"onView1",children:(0,l.jsx)(s.V,{defaultMessage:"P",id:"6+zyf50Box4b"})})]}),r?(0,l.jsx)(h.W,{"data-class101-target-id":"e90718f31e4a",kind:"tertiary",size:"md",href:r,children:(0,l.jsx)(s.V,{defaultMessage:"완주율 {rate}%",id:"GrqVGhZs2eDq",values:{rate:i}})}):null]})]})})},37501:(e,t,i)=>{"use strict";i.d(t,{J:()=>l});let l=function(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1],[i,l]=e.split("-"),r={top:"bottom",bottom:"top",left:"right",right:"left"};return l?[r[i],t?({start:"end",end:"start"})[l]:l].join("-"):r[i]}},39593:(e,t,i)=>{"use strict";function l(e){return new Promise(t=>{e.measure?e.measure((e,i,l,r,s,n)=>{t({x:s,y:n,width:l,height:r})}):new IntersectionObserver((e,i)=>{let[l]=e;i.disconnect();let{boundingClientRect:r}=l,{x:s,y:n,width:a,height:o}=r;t({x:s,y:n,width:a,height:o})}).observe(e)})}i.d(t,{x:()=>l})},61918:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lang]/business/challenge/[companySlug]/my",function(){return i(95640)}])},68775:(e,t,i)=>{"use strict";i.d(t,{R:()=>m});var l=i(4930),r=i(54991),s=i(22712),n=i(85507),a=i(27919),o=i(61044),d=i(18729),c=i(26821),u=i(43204),h=i(15531);let x=e=>{let{children:t}=e;return(0,l.jsxs)(s.z,{children:[(0,l.jsx)(n.f,{level:3,color:"onView1",width:22.5,textAlign:"center",flexShrink:0,children:"•"}),(0,l.jsx)(n.f,{level:3,color:"onView1",flex:1,children:t})]})},g=()=>(0,l.jsx)(a.T,{py:8,children:(0,l.jsx)(h._,{src:"https://cdn.class101.net/images/738748e4-2d29-4567-b13b-2536b5dea41e",alt:"",ariaHidden:!0,width:"100%",aspectRatio:3,rounded:"md",sizes:440})}),f=e=>{let{src:t}=e;return(0,l.jsx)(a.T,{py:8,children:(0,l.jsx)(h._,{src:t,alt:"",ariaHidden:!0,width:"100%",aspectRatio:3,objectFit:"cover",objectPosition:"50% 41.32%",sizes:440})})},m=()=>(0,l.jsxs)(a.T,{width:"100%",children:[(0,l.jsxs)(s.z,{px:[20,20,40],py:20,gap:8,alignVertical:"center",children:[(0,l.jsxs)(a.T,{flex:1,children:[(0,l.jsx)(o.n,{level:2,color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"2026년 11월 30일까지 완주하면",id:"b7bOpHou7xkC"})}),(0,l.jsx)(o.n,{level:2,weight:"semiBold",color:"primary",children:(0,l.jsx)(r.V,{defaultMessage:"신세계 상품권 10만원권 추첨",id:"Itl8k5miAVtb"})})]}),(0,l.jsxs)(d.Yb,{size:"md",contentHeight:"fill",children:[(0,l.jsx)(d.Yb.Trigger,{children:(0,l.jsx)(c.W,{kind:"tertiary",size:"md",children:(0,l.jsx)(r.V,{defaultMessage:"혜택 더보기",id:"Qk/cyTyUHeYF"})})}),(0,l.jsxs)(d.Yb.Content,{children:[(0,l.jsx)(d.Yb.Header,{title:(0,l.jsx)(r.V,{defaultMessage:"투자력 UP! 챌린지{br}참여할수록 커지는 혜택 안내",id:"BFI2uCim2zQt",values:{br:"\n"}})}),(0,l.jsxs)(a.T,{px:[20,32],gap:20,children:[(0,l.jsx)(n.f,{level:3,color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"챌린지에 참여하시는 모든 분들께 다양한 이벤트 혜택을 드립니다!",id:"P7ff/shLni8u"})}),(0,l.jsxs)(a.T,{gap:12,children:[(0,l.jsx)(g,{}

1),(0,l.jsx)(n.f,{level:2,weight:"semiBold",color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"완주 보너스 10,000P 자동 지급",id:"V9c0Chd1DQ17"})}),(0,l.jsx)(n.f,{level:3,color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"2026년 11월 30일까지 아래 조건 3가지를 모두 충족하면 완주 보너스 10,000P가 자동 지급됩니다.",id:"zCc4Gnr29D+Z"})}),(0,l.jsx)(n.f,{level:3,weight:"bold",color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"완주기준",id:"+tLAx6qmQJ0j"})}),(0,l.jsxs)(a.T,{children:[(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"데일리 퀴즈 : 24회 중 18회 참여",id:"jlWKMmVujv6Y"})}),(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"위클리 미션 : 8회 중 6회 참여",id:"EdIpedPWvuth"})}),(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"지정강의 수료 : 2개 필수강의 수료(강의별 70% 이상 수강)",id:"DLn48Bva6CF9"})})]})]}),(0,l.jsxs)(a.T,{gap:12,children:[(0,l.jsx)(f,{src:"https://cdn.class101.net/images/d925b907-9984-46fa-a0ad-0cdbbb919927"}),(0,l.jsx)(n.f,{level:2,weight:"semiBold",color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"온라인 강의 성장응원 혜택{br}신세계 상품권 10만원권",id:"H+zu2WmMof7E",values:{br:"\n"}})}),(0,l.jsx)(n.f,{level:3,color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"한 걸음씩 나아갈 때마다, 응원할게요!",id:"VSdJl6WFYDE2"})}),(0,l.jsx)(n.f,{level:3,color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"수료기준(강의별 70% 이상 수강)만 채우면 자동 응모되고, 랜덤 추첨을 통해 선정돼요. 선정된 분에게는 추후 알림을 보내드려요.",id:"P3JbW0fL3V4k"})}),(0,l.jsxs)(a.T,{children:[(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"신세계 상품권 10만원권 - 4명",id:"j6ANmaVoPe52"})}),(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"배달의민족 5만원권 - 10명",id:"tPrS/ZHXadzb"})}),(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"배달의민족 1만원권 - 200명",id:"DDxUJvsADlDk"})}),(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"최고 시간 수강자 순위별 클래스101 플러스 6개월 구독권 - 5명",id:"C7TonsksLoYg"})}),(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"최고 시간 수강자 순위별 클래스101 플러스 3개월 구독권 - 25명",id:"Zx95TrMa8vFy"})})]})]}),(0,l.jsxs)(a.T,{gap:12,children:[(0,l.jsx)(f,{src:"https://cdn.class101.net/images/cd067039-93c4-4f99-9efb-a3859ea9d255"}),(0,l.jsx)(n.f,{level:2,weight:"semiBold",color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"미션 완주 기념 추가 혜택{br}신세계 상품권 10만원권",id:"YGweJ5ks6CO+",values:{br:"\n"}})}),(0,l.jsx)(n.f,{level:3,color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"완주, 정말 고생하셨습니다!",id:"K9TZAAUwNptG"})}),(0,l.jsx)(n.f,{level:3,color:"onView1",children:(0,l.jsx)(r.V,{defaultMessage:"완주 보너스는 기본, 완주자 중 추첨을 통해 상품권을 추가로 드립니다. 선정된 분에게는 추후 알림을 보내드려요.",id:"9Ih8dZWsUMVK"})}),(0,l.jsx)(a.T,{children:(0,l.jsx)(x,{children:(0,l.jsx)(r.V,{defaultMessage:"신세계 상품권 10만원권 - 4명",id:"j6ANmaVoPe52"})})})]})]}),(0,l.jsx)(d.Yb.Footer,{children:(0,l.jsx)(d.Yb.Close,{children:(0,l.jsx)(c.W,{kind:"primary",size:"xl",full:!0,children:(0,l.jsx)(r.V,{defaultMessage:"확인",id:"q2DcHj0lRoOP"})})})})]})]})]}),(0,l.jsx)(u.c,{direction:"horizontal"})]})},95639:(e,t,i)=>{"use strict";i.d(t,{m:()=>l});let l=e=>{let{referenceRect:t,targetRect:i,position:l,spacing:r=0}=e,[s,n]=l.split("-"),a="top"===s||"bottom"===s,o=(t.width-i.width)/2,d=(t.height-i.height)/2,c={x:0,y:0};switch(s){case"top":c={x:o,y:-1*i.height-r};break;case"bottom":c={x:o,y:t.height+r};break;case"right":c={x:t.width+r,y:d};break;case"left":c={x:-1*i.width-r,y:d}}switch(n){case"start":c={...c,...a?{x:0}:{y:0}};break;case"end":c={...c,...a?{x:t.width-i.width}:{y:t.height-i.height}}}return c}},95640:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>B});var l=i(4930),r=i(71242),s=i(54991),n=i(71188),a=i(27919),o=i(43204),d=i(16615),c=i(61044),u=i(29273),h=i(93156),x=i(96861),g=i(68775),f=i(34519),m=i(65162);let j=(0,m.memo)(e=>{let{children:t}=e;return(0,l.jsx)(a.T,{minHeight:320,alignVertical:"center",alignHorizontal:"center",px:20,children:(0,l.jsx)(c.n,{level:1,color:"onView3",children:t})})});var p=i(13248),v=i(22712),y=i(7049);let b=(0,m.memo)(e=>

1{let{icon:t,iconBackgroundColor:i,title:r,countLabel:s,progress:n}=e;return(0,l.jsx)(p.t,{width:"100%",backgroundColor:"surface2",rounded:"lg",borderColor:"outline1",p:16,children:(0,l.jsxs)(v.z,{gap:16,alignVertical:"center",children:[(0,l.jsx)(p.t,{backgroundColor:i,rounded:"full",children:(0,l.jsx)(a.T,{width:44,height:44,alignVertical:"center",alignHorizontal:"center",children:t})}),(0,l.jsxs)(a.T,{flexGrow:1,flexShrink:1,gap:4,children:[(0,l.jsx)(c.n,{level:1,weight:"semiBold",color:"onView1",lineLimit:1,children:r}),(0,l.jsxs)(v.z,{gap:12,alignVertical:"center",children:[(0,l.jsx)(a.T,{width:64,children:(0,l.jsx)(y.z,{kind:"neutral",size:"md",progress:n,durationMs:100})}),(0,l.jsx)(c.n,{level:2,color:"onView2",lineLimit:1,children:s})]})]})]})})});var w=i(26821);let V=(0,m.memo)(e=>{let{title:t,progressRatio:i,isCompleted:r,href:n}=e;return(0,l.jsxs)(v.z,{width:"100%",px:20,py:12,gap:16,alignVertical:"center",children:[(0,l.jsxs)(a.T,{flexGrow:1,flexShrink:1,gap:4,children:[(0,l.jsx)(c.n,{level:2,weight:"semiBold",color:"onView1",lineLimit:1,children:null!=t?t:"-"}),(0,l.jsxs)(v.z,{gap:8,alignVertical:"center",children:[(0,l.jsx)(c.n,{level:2,color:"onView2",children:(0,l.jsx)(s.V,{defaultMessage:"진도율 {progressRatio, number}%",id:"91/83rD0Q+lm",values:{progressRatio:i}})}),r?(0,l.jsx)(c.n,{level:2,color:"onViewInformative",children:(0,l.jsx)(s.V,{defaultMessage:"수료 완료",id:"9x3LNK4e4MHd"})}):null]})]}),(0,l.jsx)(w.W,{"data-class101-target-id":"4a26be70cbe3",kind:"secondary",size:"md",href:n,children:r?(0,l.jsx)(s.V,{defaultMessage:"다시보기",id:"7KzfSmVjYqe3"}):(0,l.jsx)(s.V,{defaultMessage:"이어보기",id:"y50CqHNSuzsZ"})})]})});var M=i(37902),z=i(6259),k=i(29340),T=i(98499),C=i(30483),S=i(86739),R=i(56392),I=i(78975);function G(){let e=(0,S._)(["\n    query MyGamificationStatusOnMyGamificationStatus($companySlug: ID!) {\n  myGamificationStatus(companySlug: $companySlug) {\n    totalPoint\n    quiz {\n      completed\n    }\n    mission {\n      completed\n    }\n    requiredCourse {\n      completed\n      courses {\n        klassId\n        title\n        progressRatio\n        status\n      }\n    }\n    completion {\n      isRegistered\n      quizGoal\n      missionGoal\n      courseGoal\n      status\n    }\n  }\n}\n    "]);return G=function(){return e},e}let P={},E=(0,R.J1)(G()),L={quiz:{iconBackgroundColor:"greenMuted",renderIcon:()=>(0,l.jsx)(u.S,{size:24,fill:"greenVibrant"}),renderTitle:()=>(0,l.jsx)(s.V,{defaultMessage:"데일리 퀴즈",id:"zpxyBYV7ry5e"}),renderCountLabel:(e,t)=>(0,l.jsx)(s.V,{defaultMessage:"목표 {goal, number}회 ∙ 현재 {completed, number}회 완료",id:"6nv2S53T8oyv",values:{goal:t,completed:e}})},mission:{iconBackgroundColor:"blueMuted",renderIcon:()=>(0,l.jsx)(h.S,{size:24,fill:"blueVibrant"}),renderTitle:()=>(0,l.jsx)(s.V,{defaultMessage:"위클리 미션",id:"fXbzEeYu1Iir"}),renderCountLabel:(e,t)=>(0,l.jsx)(s.V,{defaultMessage:"목표 {goal, number}회 ∙ 현재 {completed, number}회 완료",id:"6nv2S53T8oyv",values:{goal:t,completed:e}})},course:{iconBackgroundColor:"magentaMuted",renderIcon:()=>(0,l.jsx)(x.S,{size:24,fill:"magentaVibrant"}),renderTitle:()=>(0,l.jsx)(s.V,{defaultMessage:"지정 강의 수료",id:"AFp+eAYgUk31"}),renderCountLabel:(e,t)=>(0,l.jsx)(s.V,{defaultMessage:"목표 {goal, number}개 ∙ 현재 {completed, number}개 완료",id:"JI7h+uXtQKTT",values:{goal:t,completed:e}})}},D=(0,n.o)(()=>{var e,t,i,l,r,s,n,a,o;let{companySlug:d}=(0,C.Z)(),{getUrl:c}=(0,M.h)(),{businessLinkQuery:u}=(0,k.a5)(),{myGamificationStatusData:h}=function(e){let t={...P,...e},i=I.I(E,t);return m.useMemo(()=>{let{data:e,loading:t,error:l,called:r,refetch:s,fetchMore:n,...a}=i;return{myGamificationStatusData:null==e?void 0:e.myGamificationStatus,isMyGamificationStatusLoading:t,myGamificationStatusError:l,isMyGamificationStatusCalled:r,refetchMyGamificationStatus:s,fetchMoreMyGamificationStatus:n,...a}},[i])}({variables:{companySlug:d},fetchPolicy:"cache-and-network"}),x=null==h?void 0:h.completion,g=null!=(e=null==x?void 0:x.isRegistered)&&e,f=[{id:"quiz",completed:null!=(t=null==h?void 0:h.quiz.completed)?t:0,goal:null!=(i=null==x?void 0:x.quizGoal)?i:0},{id:"mission",completed:null!=(l=null==h?void 0:h.mission.completed)?l:0,goal:null!=(r=null==x?void 0:x.missionGoal)?r:0},{id:"course",completed:null!=(s=null==h?void 0:h.requiredCourse.completed)?s:0,goal:null!=(n=null==x?void 0:x.courseGoal)?n:0}];return{isLoaded:void 0!==h,totalPoint:null!=(a=null==h?void 0:h.totalPoint)?a:0,isRegistered:g,isCompleted:(null==x?void 0:x.status)===z._2s.COMPLETED,completionRate:(0,T.L)(f),progressItems:g?f.filter(e=>{let{goal:t}=e;return t>0}).map(e=>{let{id:t,completed:i,goal:l}=e;return{id:t,completed:i,goal:l,progress:function(e,t){return t>0?100*Math.min(e/t,1):0}(i,l)}}):[],courses:(null!=(o=null==h?void 0:h.requiredCourse.courses)?o:[]).map(e=>({klassId:e.klassId,title:e.title,progressRatio:e.progressRatio,isCompleted:e.status===z.n$e.COMPLETED,href:c("/[lang]/classes/[klassId]",{klassId:e.klassId},{query:u})}))}},e=>{let{isLoaded:t,totalPoint:i,isRegistered:r,isCompleted:n,completionRate:u,progressItems:h,courses:x}=e;return t?(0,l.jsxs)(a.T,{width:"100%",children:[(0,l.jsx)(f.b,{totalPoint:i,completionRate:u}),(0,l.jsx)(o.c,{direction:"horizontal"}),(0,l.jsx)(g.R,{}),r?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(a.T,{width:"100%",px:20,py:28,gap:12,children:[(0,l.jsxs)(a.T,{gap:8,children:[(0,l.jsx)(d.h,{level:4,weight:"bold",color:"onView1",children:(0,l.jsx)(s.V,{defaultMessage:"완주율 {completionRate, number}%",id:"BYIBTAZvAy3k",values:{completionRate:u}})}),(0,l.jsx)(c.n,{level:2,color:"onView1",children:n?(0,l.jsx)(s.V,{defaultMessage:"완주 조건 3가지를 모두 달성해 완주 보너스 10,000 P가 지급되었습니다.",id:"EjtKRDIblWns"}):(0,l.jsx)(s.V,{defaultMessage:"3가지 모두 충족 시 완주 보너스 10,000 P 자동 지급됩니다.",id:"GKdRXibD+nRH"})})]}),h.map(e=>

1{let{iconBackgroundColor:t,renderIcon:i,renderTitle:r,renderCountLabel:s}=L[e.id];return(0,l.jsx)(b,{icon:i(),iconBackgroundColor:t,title:r(),countLabel:s(e.completed,e.goal),progress:e.progress},e.id)})]}),(0,l.jsx)(o.c,{direction:"horizontal"}),(0,l.jsxs)(a.T,{width:"100%",py:28,children:[(0,l.jsxs)(a.T,{px:20,gap:8,pb:4,children:[(0,l.jsx)(d.h,{level:4,weight:"bold",color:"onView1",children:(0,l.jsx)(s.V,{defaultMessage:"지정 강의 수료",id:"AFp+eAYgUk31"})}),(0,l.jsx)(c.n,{level:2,color:"onView1",children:(0,l.jsx)(s.V,{defaultMessage:"아래 강의를 각 70% 이상 수강하면 수료로 인정됩니다.",id:"pDMhgGEzcbqu"})})]}),(0,l.jsx)(a.T,{width:"100%",children:x.map(e=>(0,l.jsx)(V,{"data-class101-target-id":"e845c8f4991e",title:e.title,progressRatio:e.progressRatio,isCompleted:e.isCompleted,href:e.href},e.klassId))})]})]}):(0,l.jsx)(j,{children:(0,l.jsx)(s.V,{defaultMessage:"완주 조건이 아직 준비되지 않았어요. 조금만 기다려 주세요.",id:"JoaxzGuUk1mL"})})]}):null}),B=()=>(0,l.jsx)(r.Q,{title:(0,l.jsx)(s.V,{defaultMessage:"내 현황",id:"6wCMnICyaV2u"}),activeTab:"my",children:(0,l.jsx)(D,{})})},96861:(e,t,i)=>{"use strict";i.d(t,{S:()=>a});var l=i(4930),r=i(65162),s=i(47952),n=i(36607);let a=Object.assign((0,r.memo)(e=>{let{size:t=24,fill:i="onColor",linearGradient:r,testId:a="video-fill",...o}=e;return(0,l.jsx)(n.z,{viewBox:"0 0 24 24",size:t,fill:i,linearGradient:r,testId:a,...o,children:(0,l.jsx)(s.B.Path,{fillRule:"evenodd",d:"M19.501 1.4c1.712 0 3.1 1.39 3.1 3.101v15c0 1.711-1.389 3.1-3.1 3.1h-15a3.1 3.1 0 0 1-3.1-3.1v-15a3.1 3.1 0 0 1 3.1-3.102zM9.822 7.872a.5.5 0 0 0-.761.426v7.403a.5.5 0 0 0 .761.426l6.016-3.702a.5.5 0 0 0 0-.852z",clipRule:"evenodd"})})}),{iconType:"Fill"});a.displayName="VideoFill"},97873:(e,t,i)=>{"use strict";i.d(t,{f:()=>m});var l=i(4930),r=i(65162),s=i(65168);let n=Array.from({length:70},(e,t)=>t%10),a={1:20,2:18,3:18,4:16,5:14,6:12},o={1:40,2:36,3:32,4:26,5:22,6:20,7:18},d={1:28,2:26,3:21,4:20},c={1:108,2:86,3:60,4:50};var u=i(61044),h=i(27001),x=i(85507),g=i(16615);let f=(0,r.memo)(e=>"display"===e.type?(0,l.jsx)(h.n,{...e,fontVariant:"tabular-nums"}):"title"===e.type?(0,l.jsx)(g.h,{...e,fontVariant:"tabular-nums"}):"paragraph"===e.type?(0,l.jsx)(x.f,{...e,fontVariant:"tabular-nums"}):(0,l.jsx)(u.n,{...e,fontVariant:"tabular-nums"})),m=(0,r.memo)(e=>{let{value:t,from:i,delay:r=0,type:n,level:u,testId:h="rolling-number"}=e,x=t.toLocaleString("ko-KR").split(""),g=function(e,t){var i,l,r,s;return"display"===e?null!=(i=c[t])?i:c[1]:"title"===e?null!=(l=o[t])?l:o[1]:"paragraph"===e?null!=(r=d[t])?r:d[1]:null!=(s=a[t])?s:a[1]}(n,"number"==typeof u?u:1),m=r/1e3;if(void 0!==i&&i===t)return(0,l.jsx)(s.a,{flexDirection:"row","data-testid":h,children:x.map((t,i)=>(0,l.jsx)(f,{...e,children:t},i))});let p=void 0!==i?String(i).split("").filter(e=>/\d/.test(e)).map(Number):[],v=x.filter(e=>/\d/.test(e)).length,y=0;return(0,l.jsx)(s.a,{flexDirection:"row","data-testid":h,children:x.map((t,i)=>{if(Number.isFinite(Number(t))){let r=p.length-(v-y),s=r>=0?p[r]:0,n=v-1-y;return y++,(0,l.jsx)(j,{digit:Number(t),initialDigit:s,staggerDelay:m+.05*i,digitHeight:g,...e},"d".concat(n))}return(0,l.jsx)(f,{...e,children:t},"s".concat(i))})})}),j=(0,r.memo)(e=>{let{digit:t,initialDigit:i=0,staggerDelay:a,digitHeight:o,rollDirection:d="down",spin:c=!1,...u}=e,h=(0,r.useRef)(null),x=(0,r.useRef)(i);if((0,r.useEffect)(()=>{let e,i,l,r=h.current;if(!r)return;let s="up"===d;if(c){let{startIndex:l,targetIndex:r}=function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"down",l=(t-e+10)%10,r=(e-t+10)%10,s=30+e;return{startIndex:s,targetIndex:"up"===i||"down"!==i&&l<=r?s+20+l:s-20-r}}(x.current,t,d);e=-l*o,i=-r*o}else{e=s?0:-o,i=s?-o:0;let t=r.children[+!!s],l=r.children[+!s];t.style.transition="none",l.style.transition="none",t.style.opacity="0",l.style.opacity="1"}r.style.willChange="transform",r.style.transition="none",r.style.transform="translate3d(0, ".concat(e,"px, 0)");let n=requestAnimationFrame(()=>{l=requestAnimationFrame(()=>{if(r.style.transition="transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) ".concat(a,"s"),r.style.transform="translate3d(0, ".concat(i,"px, 0)"),!c){let e=r.children[+!!s],t=r.children[+!s];e.style.transition="opacity 0.4s ease-out ".concat(a,"s"),t.style.transition="opacity 0.4s ease-out ".concat(a,"s"),e.style.opacity="1",t.style.opacity="0"}})}),u=e=>{"transform"===e.propertyName&&(r.style.willChange="auto")};return r.addEventListener("transitionend",u),x.current=t,()=>{cancelAnimationFrame(n),cancelAnimationFrame(l),r.removeEventListener("transitionend",u)}},[t,a,o,d,c]),c)return(0,l.jsx)(s.a,{overflow:"hidden",height:o,children:(0,l.jsx)(s.a,{ref:h,children:n.map((e,t)=>(0,l.jsx)(s.a,{height:o,children:(0,l.jsx)(f,{...u,children:e})},t))})});let g="up"===d?[x.current,t]:[t,x.current];return(0,l.jsx)(s.a,{overflow:"hidden",height:o,children:(0,l.jsx)(s.a,{ref:h,children:g.map((e,t)=>(0,l.jsx)(s.a,{height:o,children:(0,l.jsx)(f,{...u,children:e})},t))})})})},98499:(e,t,i)=>{"use strict";function l(e){let t=e.filter(e=>{let{goal:t}=e;return t&&t>0});return 0===t.length?0:Math.floor(t.reduce((e,t)=>

1{let{completed:i,goal:l}=t;return e+Math.min(i/(null!=l?l:1),1)},0)/t.length*100)}i.d(t,{L:()=>l})}},e=>{e.O(0,[71242,90636,46593,38792],()=>e(e.s=61918)),_N_E=e.O()}]);
2//# sourceMappingURL=my-600bd21ddef75dba.js.map