https://sopt-internal-dev.pages.dev/_next/static/chunks/8636-d25c2412a2d17335.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8636],{90094:function(n,t,e){var r=e(52903),o=e(18611),i=e(5632),u=e(2784),l=e(96030),c=e(49619),a=e(25946);t.Z=n=>{let{children:t}=n,e=(0,i.useRouter)(),s=(0,c.Z)(),d=l.q.get(),f=(0,u.useRef)(!1),p=(0,u.useCallback)(n=>{f.current||(n(),f.current=!0)},[]);return(0,u.useEffect)(()=>{e.isReady&&null===d&&p(()=>{s.setPath(e.asPath),e.replace(a.TQ?o.EK.intro():o.EK.accounts())})},[e,e.isReady,d,s,p]),(0,r.tZ)(r.HY,{children:t})}},49619:function(n,t){let e="lastUnauthorizedPath";t.Z=()=>({setPath(n){sessionStorage.setItem(e,n)},popPath(){let n=sessionStorage.getItem(e);return sessionStorage.removeItem(e),n}})},89271:function(n,t,e){e.d(t,{Z:function(){return R}});var r,o=e(67862),i=e(52903),u=e(62003),l=e(41894),c=e(25925),a=e(93556),s=e(2784),d=e(58175);function f(n){let{currentItemList:t,renderContainer:e}=n,[r,o]=(0,d.oO)(),u=(0,s.useRef)(null);return(0,s.useEffect)(()=>{null!==u.current&&(r?u.current.style.position="static":(u.current.style.position="absolute",null==o||o()))},[r,o]),(0,i.tZ)("div",{ref:u,children:e(t)})}function p(){return(p=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)({}).hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n}).apply(null,arguments)}var g=function(n){return s.createElement("svg",p({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),r||(r=s.createElement("path",{d:"M19 12H5M5 12L12 19M5 12L12 5",stroke:"white",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))},h=e(73121);function v(){let n=(0,o._)(["\n  position: relative;\n  display: grid;\n  grid:\n    [row1-start] 'left-control list right-control' max-content [row1-end]\n    [row2-start] 'indicators indicators indicators' max-content [row2-end] / 0 auto 0;\n  row-gap: 20px;\n  width: 100%;\n  overflow: visible;\n  user-select: none;\n\n  @media "," {\n    row-gap: 16px;\n  }\n"]);return v=function(){return n},n}function m(){let n=(0,o._)(["\n  grid-area: list;\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n"]);return m=function(){return n},n}function Z(){let n=(0,o._)(["\n  width: 100%;\n"]);return Z=function(){return n},n}function y(){let n=(0,o._)(["\n  align-self: center;\n  border-radius: 50%;\n  background-color: ",";\n  width: 40px;\n  height: 40px;\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n"]);return y=function(){return n},n}function x(){let n=(0,o._)(["\n  display: flex;\n  grid-area: left-control;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  left: -58px;\n"]);return x=function(){return n},n}function w(){let n=(0,o._)(["\n  display: flex;\n  grid-area: right-control;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: -58px;\n"]);return w=function(){return n},n}function b(){let n=(0,o._)(["\n  transform: rotate(180deg);\n"]);return b=function(){return n},n}function k(){let n=(0,o._)(["\n  display: flex;\n  grid-area: indicators;\n  gap: 4px;\n  justify-self: center;\n"]);return k=function(){return n},n}function _(){let n=(0,o._)(["\n  border-radius: 10px;\n  background-color: ",";\n  cursor: ",";\n  width: 16px;\n  height: 4px;\n"]);return _=function(){return n},n}function R(n){let{itemList:t,limit:e,className:r,renderItemContainer:o,onMove:u,isArrow:l=!0}=n,{page:a,direction:d,moveNext:p,movePrevious:h,currentItemList:v,totalPageSize:m,move:Z}=function(n){let{limit:t,itemList:e}=n,{page:r,moveNext:o,movePrevious:i,startIndex:u,totalPageSize:l,paginate:c}=function(n){let{limit:t,length:e,isLoop:r=!1}=n,[o,i]=(0,s.useState)(1),u=Math.ceil(e/t),l=n=>r?(n===u+1?i(1):0===n?i(u):i(n),!0):n<=u&&n>=1&&(i(n),!0);return{page:o,paginate:l,moveNext:()=>l(o+1),movePrevious:()=>l(o-1),totalPageSize:u,startIndex:(o-1)*t}}({limit:t,length:e.length,isLoop:!0}),[a,d]=(0,s.useState)("next"),f=(0,s.useMemo)(()=>e.slice(u,u+t),[u,e,t]),p=(0,s.useMemo)(()=>n=>{r!==n&&c(n)&&(r<n?d("next"):d("previous"))},[r,c]);return(0,s.useEffect)(()=>{l>0&&r>l&&p(l)},[l,r,p]),{page:r,direction:a,moveNext:()=>{o(),d("next")},movePrevious:()=>{i(),d("previous")},currentItemList:f,totalPageSize:l,move:p}}({limit:e,itemList:t}),y=(0,s.useRef)(null),x=(0,s.useRef)(null),w=n=>{Z(n),null==u||u()};return(0,i.BX)(E,{className:r,children:[l&&(0,i.tZ)(C,{onClick:()=>{h(),null==u||u()},children:(0,i.tZ)(g,{})}),(0,i.tZ)(O,{children:(0,i.tZ)(c.M,{initial:!1,custom:d,children:(0,i.tZ)(S,{custom:d,variants:T,initial:"enter",animate:"center",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},onTouchStart:n=>

1{x.current=null,y.current=n.targetTouches[0].clientX},onTouchMove:n=>{x.current=n.targetTouches[0].clientX},onTouchEnd:()=>{if(!y.current||!x.current)return;let n=y.current-x.current;n>100&&(p(),null==u||u()),n<-100&&(h(),null==u||u())},children:(0,i.tZ)(f,{currentItemList:v,renderContainer:o})},a)})}),l&&(0,i.tZ)(P,{onClick:()=>{p(),null==u||u()},children:(0,i.tZ)(I,{})}),(0,i.tZ)(L,{children:Array(m).fill(null).map((n,t)=>(0,i.tZ)(M,{onClick:()=>w(t+1),isActive:t+1===a},"".concat(t)))})]})}let T={enter:n=>({x:"next"===n?1e3:-1e3,opacity:0}),center:{x:0,opacity:1}},E=u.Z.div(v(),h.RS),O=u.Z.div(m()),S=(0,u.Z)(a.m.div)(Z()),W=u.Z.button(y(),l.O.gray800,l.O.gray700,l.O.gray600),C=(0,u.Z)(W)(x()),P=(0,u.Z)(W)(w()),I=(0,u.Z)(g)(b()),L=u.Z.div(k()),M=u.Z.div(_(),n=>{let{isActive:t}=n;return t?l.O.gray10:l.O.gray600},n=>{let{isActive:t}=n;return t?"default":"pointer"})},48260:function(n,t,e){var r=e(67862),o=e(52903),i=e(62003),u=e(41894),l=e(93556),c=e(33373);function a(){let n=(0,r._)(["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"]);return a=function(){return n},n}function s(){let n=(0,r._)(["\n  border-radius: 100%;\n  background-color: ",";\n  width: ",";\n  height: ",";\n"]);return s=function(){return n},n}function d(){let n=(0,r._)(["\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  z-index: 99999;\n  background-color: rgb(0 0 0 / 30%);\n  width: 100%;\n  height: 100%;\n"]);return d=function(){return n},n}let f={loadingOne:{opacity:[0,.2,.5,1,.5,.2,0],transition:{repeat:1/0,duration:1.2}},loadingTwo:{opacity:[0,.2,.5,1,.5,.2,0],transition:{repeat:1/0,duration:1.2,delay:.4}},loadingThree:{opacity:[0,.2,.5,1,.5,.2,0],transition:{repeat:1/0,duration:1.2,delay:.8}}};t.Z=n=>{let{type:t="default",...e}=n;return"fullPage"===t?(0,o.tZ)(g,{children:(0,o.tZ)(p,{...e})}):(0,o.tZ)(p,{...e})};let p=n=>{let{color:t="default",size:e=12}=n;return(0,o.BX)(h,{size:e,children:[(0,o.tZ)(v,{variants:f,animate:"loadingOne",color:t,size:e}),(0,o.tZ)(v,{variants:f,animate:"loadingTwo",color:t,size:e}),(0,o.tZ)(v,{variants:f,animate:"loadingThree",color:t,size:e})]})},g=n=>{let{children:t}=n;return(0,o.tZ)(c.Z,{children:(0,o.tZ)(m,{children:t})})},h=i.Z.div(a(),n=>{let{size:t}=n;return"".concat(t,"px")}),v=(0,i.Z)(l.m.span)(s(),n=>{let{color:t}=n;return"default"===t?u.O.gray50:u.O.gray10},n=>{let{size:t}=n;return"".concat(t,"px")},n=>{let{size:t}=n;return"".concat(t,"px")}),m=i.Z.div(d())},52325:function(n,t,e){var r=e(52903),o=e(2784),i=e(94338);t.Z=n=>{let{className:t,src:e,width:u,height:l,alt:c,onLoad:a,onError:s}=n,[d,f]=(0,o.useState)(!1),p=(0,o.useRef)(),g=(0,o.useCallback)(n=>null!=u?"https://wsrv.nl/?url=".concat(encodeURIComponent(e),"&w=").concat(u*n,"&output=webp"):null!=l?"https://wsrv.nl/?url=".concat(encodeURIComponent(e),"&h=").concat(l*n,"&output=webp"):void 0,[l,e,u]),h=()=>{void 0!==p.current&&clearTimeout(p.current)},{ref:v}=(0,i.Z)({onEnter:()=>{var n;null!==(n=v.current)&&void 0!==n&&n.complete||(p.current=setTimeout(()=>{var n;(null===(n=v.current)||void 0===n?void 0:n.complete)||f(!0)},2e3))}});return(0,r.tZ)(r.HY,{children:d?(0,r.tZ)("img",{src:e,alt:c,className:t,onLoad:a,onError:s,loading:"lazy",decoding:"async"}):(0,r.tZ)("img",{ref:v,src:g(1),srcSet:"".concat(g(1)," 1x, ").concat(g(2)," 2x"),alt:c,className:t,loading:"lazy",decoding:"async",onLoad:()=>{h(),null==a||a()},onError:n=>{f(!0),null==s||s(n)}})})}},25489:function(n,t,e){e.d(t,{Z:function(){return g}});var r=e(67862),o=e(52903),i=e(28165),u=e(62003),l=e(41894),c=e(73121),a=e(90845);function s(){let n=(0,r._)(["\n    ","\n    ","\n    ","\n    ","\n    ","\n    ","\n    ","\n    ","\n    ","\n    ","\n  "]);return s=function(){return n},n}var d=e(56831);function f(){let n=(0,r._)(["\n      ","\n\n      color: ",";\n    "]);return f=function(){return n},n}function p(){let n=(0,r._)(["\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n  ","\n  @media "," {\n    ",";\n  }\n  ",";\n"]);return p=function(){return n},n}var g=n=>{let{align:t,as:e,typography:r="SUIT_14_M",mobileTypography:i,color:u,type:l="default",children:c,...a}=n;return(0,o.tZ)(h,{as:e,align:t,typography:r,mobileTypography:i,color:u,type:l,...a,children:c})};let h=u.Z.span(p(),d.R,n=>{let{align:t}=n;return t&&"text-align: ".concat(t)},n=>{let{typography:t}=n;return t?d.s[t]:""},n=>{let{color:t}=n;return t?"color: ".concat(t):""},n=>{let{lineHeight:t}=n;return t&&"line-height: ".concat(t,"px")},n=>{let{type:t}=n;return"error"===t&&(0,i.iv)(f(),d.s.SUIT_12_M,l.O.error)},c.RS,n=>{let{mobileTypography:t}=n;return t?d.s[t]:""},function(n){let{m:t,mt:e,ml:r,mr:o,mb:u,p:l,pt:c,pl:d,pr:f,pb:p}=n;return(0,i.iv)(s(),(0,a.W)("margin",t),(0,a.W)("margin-top",e),(0,a.W)("margin-left",r),(0,a.W)("margin-right",o),(0,a.W)("margin-bottom",u),(0,a.W)("padding",l),(0,a.W)("padding-top",c),(0,a.W)("padding-left",d),(0,a.W)("padding-right",f),(0,a.W)("padding-bottom",p))})},13368:function(n,t,e){e.d(t,{C:function(){return i}});var r=e(2784),o=e(27560);let i=n=>{let{eventKey:t,children:e,...i}=n,{logClickEvent:u}=(0,o.Z)(),l=(0,r.useCallback)(()=>{"param"in i?u(t,i.param):u(t,void 0)},[i,t,u]);return r.cloneElement(e,{onClick:n=>{l(),"function"==typeof e.props.onClick&&e.props.onClick(n)}})}},90404:function(n,t,e){e.d(t,{P:function(){return o}});var r=e(2784);let o=(n,t,e)=>{let o=(0,r.useRef)(!1),i=(0,r.useRef)([]);i.current=n.map(()=>null);let u=(0,r.useRef)(null),[l,c]=(0,r.useState)(n),[a,s]=(0,r.useState)(!1);return(0,r.useLayoutEffect)(()=>

1{if(n.length<=1){o.current=!0;return}o.current||(()=>{var r,l;let a=0,d=[],f=!1,p=(null===(r=u.current)||void 0===r?void 0:r.offsetWidth)||0;for(let r=0;r<n.length;r++){let o=(null===(l=i.current[r])||void 0===l?void 0:l.offsetWidth)||0;if(a+o>p-t){f=!0;break}d.push(n[r]),a+=o+e}o.current=!0,c(d),s(f)})()},[n,t,e]),{visibleBadges:l,isBadgeOverflow:a,badgeRefs:i,badgeWrapperRef:u}}},66103:function(n,t,e){e.d(t,{Lu:function(){return i},WI:function(){return o},Wq:function(){return u},qT:function(){return r}});let r=39,o="PLAY SOPT",i=Array.from({length:39},(n,t)=>(t+1).toString()).reverse(),u=30},94338:function(n,t,e){var r=e(2784);t.Z=n=>{let{onEnter:t}=n,e=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let n=new IntersectionObserver(e=>{let[r]=e;r.isIntersecting&&(null==t||t(),n.disconnect())},{});return e.current&&n.observe(e.current),()=>{n.disconnect()}},[e,t]),{ref:e}}},90845:function(n,t,e){e.d(t,{W:function(){return r}});function r(n,t){return void 0!==t&&"".concat(n,": ").concat("string"==typeof t?t:"".concat(t,"px"),";")}}}]);