https://assets.triple.guide/applications/auth-web/24adc4/_next/sta…/pages/nol/verify-4a241c5d1ca9fe79.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8343],{41391:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/nol/verify",function(){return o(94794)}])},94794:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return q}});var n=o(52676),i=o(62748),r=o(58971),s=o(70370),a=o(75271),l=o(58754),c=o(80242),p=o(83384),d=o(42348),u=o(73608),g=o(49700),h=o(6848),f=o(69867),m=o(53167),x=o(84167),b=o(12695),w=o(41065),v=o(7073),y=o(64210),C=o(15871),k=o(51587),j=o(22432);async function z(e){let{ott:t,loginType:o,token:n}=e;try{var i;let e=await (0,k.v_)("/api/users/nol/verify",{body:{ott:t,loginType:o.toLocaleLowerCase(),token:n}});if(e.ok)return{success:!0};return(0,j.CP)(e),{success:!1,message:null===(i=e.parsedBody)||void 0===i?void 0:i.message}}catch(e){return{success:!1}}}var I=o(97267),_=o(79735);function S(){return(0,n.jsx)(_.e,{children:(0,n.jsx)(N,{borderless:!0,$_css:48,children:(0,n.jsx)(_.w.Item,{floated:"left",onClick:()=>{g.M.isEnabled?g.M.closeWebView():window.close()},children:(0,n.jsx)("img",{src:"".concat(x.GW,"/images/[email protected]"),alt:"back"})})})})}var N=(0,s.ZP)(_.w).withConfig({componentId:"sc-dedefa4e-0"})(e=>({height:e.$_css,padding:"4px 6px",margin:"0 auto",maxWidth:768,display:"flex",alignItems:"center"})),A=o(72935);let O=(0,s.zo)(A.W).withConfig({componentId:"sc-e71bf97d-0"})(["max-width:786px;margin:0 auto;"]),E=(0,s.zo)(A.W).withConfig({componentId:"sc-e71bf97d-1"})(["margin:","px 20px 0;"],68),Z=(0,s.zo)(A.W).withConfig({componentId:"sc-e71bf97d-2"})(["display:flex;align-items:center;gap:8px;margin-top:12px;> div{flex:1;width:100%;}@media (max-width:319px){flex-direction:column;}"]),T=s.zo.h2.withConfig({componentId:"sc-e71bf97d-3"})(["margin-bottom:32px;color:#29292d;font-size:24px;font-weight:700;line-height:30px;"]),P=s.zo.h3.withConfig({componentId:"sc-e71bf97d-4"})(["margin-bottom:12px;color:#29292d;font-size:14px;font-weight:700;line-height:19px;"]),M=(0,s.zo)(A.W).withConfig({componentId:"sc-e71bf97d-5"})(["text-align:left;padding:40px 0 36px;"]),W=(0,s.iv)(["input{font-size:16px;line-height:22px;}button{border-radius:12px;}"]),L=(0,s.iv)(["text-align:center;margin-top:0;margin-bottom:80px;*{font-size:14px;}a{padding:0 12px;color:rgb(41,41,45);}"]);function R(){let{query:e}=(0,l.useRouter)(),[t,o]=(0,a.useState)({formLoading:!1,verifyLoading:!1}),{openLoader:i,closeLoader:s}=(0,r.U)(),v=(0,c.D)(),{ott:C}=(0,u.u)(e).string("ott").use(),[k,j]=(0,a.useState)({show:!1});(0,a.useEffect)(()=>{t.formLoading||t.verifyLoading?i():s()},[s,t,i]);let _=(0,a.useCallback)(async e=>{let{loginType:t,token:n}=e;o(e=>({...e,verifyLoading:!0}));let i=!1,r="";if(C){let{success:e,message:o}=await z({ott:C,loginType:t,token:n});i=e,o&&(r=o)}else j({show:!0,message:x.q});o(e=>({...e,verifyLoading:!1})),i?g.M.isEnabled?g.M.closeWebView():(window.opener&&window.opener.postMessage({success:!0}),window.close()):j({show:!0,message:r})},[C]),N=(0,a.useCallback)(()=>{(0,f.Wd)(),(0,f.PZ)()},[]),A=(0,a.useCallback)(e=>async t=>{await _({loginType:e,token:t}),N()},[_,N]),W=e=>{j({show:!0,message:e}),e&&(0,p.Tb)(Error(e)),v(null),N()},L=(0,a.useCallback)(e=>{o(t=>({...t,formLoading:e}))},[]),R=(e,t)=>{e.preventDefault(),g.M.isEnabled?g.M.openInAppBrowser({url:t}):window.open(t,"_blank")};return(0,n.jsxs)(O,{children:[(0,n.jsx)(S,{}),(0,n.jsxs)(E,{children:[(0,n.jsxs)(T,{children:["전환할 트리플 계정에 ",(0,n.jsx)("br",{}),"로그인해주세요"]}),(0,n.jsx)(P,{children:"간편 로그인"}),(0,n.jsx)(h.s,{buttonType:"square",onSuccess:A(y.N.KAKAO),onFail:W,callbackReturnUrl:"".concat(x.q5).concat(x.GW,"/nol/verify"),ott:C}),(0,n.jsxs)(Z,{children:[(0,n.jsx)(m.Y,{buttonType:"square",onSuccess:A(y.N.NAVER),onFail:W}),(0,n.jsx)(b.q,{buttonType:"square",onSuccess:A(y.N.FACEBOOK),onFail:W,callbackReturnUrl:"".concat(x.q5).concat(x.GW,"/nol/verify"),ott:C}),(0,n.jsx)(w.R,{buttonType:"square",onSuccess:A(y.N.APPLE),onFail:W,callbackReturnUrl:"".concat(x.q5).concat(x.GW,"/nol/verify"),ott:C})]}),(0,n.jsxs)(M,{children:[(0,n.jsx)(P,{children:"이메일 로그인"}),(0,n.jsx)(F,{onLoginSuccess:async e=>_({loginType:"email",token:e}),onLoadingChange:L})]}),(0,n.jsxs)($,{linkStyle:"underline",children:[(0,n.jsx)(I.m1,{onClick:R,closeOnCompleteQuery:!0}),(0,n.jsx)(I.p1,{onClick:R,closeOnCompleteQuery:!0})]})]}),(0,n.jsx)(d.b,{open:k.show,onConfirm:()=>j({show:!1}),children:k.message||x.cl})]})}var F=(0,s.ZP)(C.Z).withConfig({componentId:"sc-52f4c32a-0"})(["",""],W),$=(0,s.ZP)(v.Z).withConfig({componentId:"sc-52f4c32a-1"})(["",""],L);function q(){return(0,n.jsx)(i.N,{page:{label:"통합계정인증",path:"/auth-web/nol/verify"},children:(0,n.jsx)(r.X,{children:(0,n.jsx)(R,{})})})}},13286:function(e,t,o){"use strict";o.d(t,{AZ:function(){return r},II:function(){return i},Mm:function(){return a},y:function(){return s}});var n=o(70370);let i=n.zo.input.withConfig({componentId:"sc-a725b0af-0"})(["border:0;font-size:18px;font-weight:700;margin-top:0;width:100%;height:22px;padding:0;

1outline:none !important;&::placeholder{color:rgba(58,58,58,0.2);font-weight:bold;}"]),r=n.zo.label.withConfig({componentId:"sc-a725b0af-1"})(["display:block;font-size:13px;color:rgba(58,58,58,0.5);height:16px;"]),s=n.zo.span.withConfig({componentId:"sc-a725b0af-2"})(["display:block;font-size:13px;height:16px;color:var(--color-red);"]),a=n.zo.button.attrs({type:"submit"}).withConfig({componentId:"sc-a725b0af-3"})(["box-sizing:border-box;display:inline-block;margin-top:","px;width:100%;padding:14px 12px;font-size:14px;font-weight:bold;line-height:17px;text-align:center;text-decoration:none;border:solid 1px var(--color-blue);border-radius:4px;background-color:var(--color-blue);color:white;float:none;"," outline:none;cursor:pointer;"],e=>{let{marginTop:t}=e;return t||20},e=>{let{disabled:t}=e;return t&&"opacity: 0.3;"})},77484:function(e,t,o){"use strict";o.d(t,{y:function(){return n.y},SO:function(){return d},Mm:function(){return n.Mm}});var n=o(13286),i=o(52676),r=o(75271),s=o(70370),a=o(84167);let l=s.zo.div.withConfig({componentId:"sc-bcc94364-0"})(["display:flex;height:42px;margin-top:8px;box-sizing:border-box;border-width:0 0 1px;border-color:rgba(58,58,58,0.1);border-style:solid;"]),c=s.zo.img.attrs({src:"".concat(a.GW,"/images/check.png")}).withConfig({componentId:"sc-bcc94364-1"})(["width:17px;height:10px;"]),p=s.zo.div.withConfig({componentId:"sc-bcc94364-2"})([""," ",";","{margin-top:6px;}"],e=>{let{$error:t}=e;return t?(0,s.iv)(["&:focus-within ","{color:var(--color-red);}&:focus-within ","{border-color:var(--color-red);}","{border-color:var(--color-red);}","{color:var(--color-red);}"],n.AZ,l,l,n.AZ):(0,s.iv)(["&:focus-within ","{color:var(--color-blue);}&:focus-within ","{border-color:var(--color-blue);}"],n.AZ,l)},e=>{let{$margin:t}=e;return t&&(0,s.iv)(["margin:","px ","px ","px ","px;"],t.top||0,t.right||0,t.bottom||0,t.left||0)},c),d=(0,r.forwardRef)(function(e,t){let{name:o,label:r,placeholder:s,type:a,dirty:d,error:u,onChange:g,onBlur:h,margin:f,onClick:m}=e;return(0,i.jsxs)(p,{$error:u,$margin:f,children:[r?(0,i.jsx)(n.AZ,{htmlFor:o,children:r}):null,(0,i.jsxs)(l,{children:[(0,i.jsx)(n.II,{ref:t,id:o,name:o,type:a,placeholder:s,onChange:g,onBlur:h,onClick:m}),d&&!u?(0,i.jsx)(c,{alt:"valid-check"}):null]})]})})},58971:function(e,t,o){"use strict";o.d(t,{U:function(){return l},X:function(){return a}});var n=o(52676),i=o(75271),r=o(81691);let s=(0,i.createContext)(void 0),a=e=>{let{children:t}=e,[o,a]=(0,i.useState)(!1),l=(0,i.useCallback)(()=>a(!0),[]),c=(0,i.useCallback)(()=>a(!1),[]),p=(0,i.useMemo)(()=>({openLoader:l,closeLoader:c}),[c,l]);return(0,n.jsxs)(s.Provider,{value:p,children:[t,o?(0,n.jsx)(r.$,{}):null]})};function l(){let e=(0,i.useContext)(s);if(void 0===e)throw Error("LoaderProvider is not mounted!");return e}},15871:function(e,t,o){"use strict";o.d(t,{Z:function(){return m}});var n=o(52676),i=o(75271),r=o(72153),s=o(36755),a=o(42984),l=o(60757),c=o(70370),p=o(2891),d=o(77484),u=o(30219);let g={"auth/user-not-found":"가입되지 않은 계정입니다.","auth/wrong-password":"비밀번호가 일치하지 않습니다."},h=e=>{let t={};return s.CU.test(e.email)||(t.email="이메일 형식에 맞지 않습니다."),e.password.length<6&&(t.password="최소 6자 이상 입력해야 합니다."),t},f=c.zo.span.withConfig({componentId:"sc-c15d8a79-0"})(["display:block;color:red;font-size:13px;margin:10px 0 0 4px;"]);function m(e){let{formType:t="default",onLoadingChange:o,onLoginSuccess:s,...c}=e,m=(0,a.K)(),[x,b]=(0,i.useState)(!1),[w,v]=(0,i.useState)({show:!1});(0,i.useEffect)(()=>{null==o||o(x)},[x,o]);let y=async e=>{let{email:t,password:o}=e;m({fa:{action:"로그인_선택",method:"이메일"}}),b(!0);let n=await (0,l.e5)((0,u.y)(),t,o).catch(e=>{if("object"==typeof e&&null!==e){let{code:o}=e;if(void 0!==o){var t;v({show:!0,msg:null!==(t=g[o])&&void 0!==t?t:"로그인 처리중 오류가 발생했습니다."})}}});if(!(null==n?void 0:n.user)){b(!1);return}v({show:!1});let i=await n.user.getIdToken(!1);b(!1),s(i)},{values:C,handleChange:k,isValid:j,setFieldValue:z,handleSubmit:I}=(0,r.TA)({initialValues:{email:"",password:""},validate:h,validateOnMount:!0,validateOnChange:!0,onSubmit:y});return(0,n.jsxs)("form",{onSubmit:I,...c,children:[(0,n.jsx)(p.am,{type:"email",fieldName:"email",label:"labeled"===t?"이메일 주소":void 0,placeholder:"[email protected]",value:C.email,onChange:k,style:{marginTop:"40px"},onClick:()=>m({fa:{action:"이메일주소_선택"}}),onReset:()=>z("email","")}),(0,n.jsx)(p.am,{type:"password",fieldName:"password",label:"labeled"===t?"비밀번호":void 0,placeholder:"영문, 숫자, 특수문자",value:C.password,onChange:k,error:"labeled"===t&&w.show?w.msg:void 0,style:{marginTop:"40px"},onClick:()=>m({fa:{action:"비밀번호_선택"}}),onReset:()=>z("password","")}),"labeled"!==t&&w.show&&(0,n.jsx)(f,{children:w.msg}),(0,n.jsx)(d.Mm,{disabled:!j,children:"로그인"})]})}},36755:function(e,t,o){"use strict";o.d(t,{CU:function(){return n}});let n=/^[a-zA-Z0-9_\-+]+(\.[a-zA-Z0-9_\-+]+)*@[a-zA-Z0-9]+[a-zA-Z0-9-]*[a-zA-Z0-9]+(\.[a-zA-Z0-9-]+)*(\.[a-zA-Z]{2,})$/;RegExp(`([^ㄱ-ㅎ가-힣ㅏ-ㅣㆍᆞᆢ•‥\xb7﹕|a-zA-Z])+`,"g")},37871:function(e,t,o){"use strict";o.d(t,{X:function(){return a}});var n=o(75271);let i=new Map,r=new Set;function s(e){for(let t of Array.from(r))t(e)}

1function a(e,t){let o=(0,n.useSyncExternalStore)((0,n.useCallback)(t=>{let o=o=>{e===o&&t()};return r.add(o),()=>r.delete(o)},[e]),()=>(function(e,t){var o,n;try{return null!=(n=null!=(o=sessionStorage.getItem(e))?o:t)?n:null}catch(o){return i.set(e,null!=t?t:null),null!=t?t:null}})(e,t),()=>null!=t?t:null),a=(0,n.useCallback)(t=>{try{sessionStorage.setItem(e,t)}catch(o){i.set(e,t)}s(e)},[e]),l=(0,n.useCallback)(()=>{try{sessionStorage.removeItem(e)}catch(t){i.delete(e)}s(e)},[e]);return(0,n.useEffect)(()=>{if(void 0!==t){try{null===sessionStorage.getItem(e)&&sessionStorage.setItem(e,t)}catch(o){void 0===i.get(e)&&i.set(e,t)}s(e)}},[t,e]),[o,a,l]}},79735:function(e,t,o){"use strict";o.d(t,{e:function(){return _},w:function(){return S}});var n=o(52676),i=o(70370),r=o(75271),s=o(57483),a=o(98654),l=o(84318),c=o(38140),p=o(48226),d=Object.defineProperty,u=Object.defineProperties,g=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,x=(e,t,o)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,b=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&x(e,o,t[o]);if(h)for(var o of h(t))m.call(t,o)&&x(e,o,t[o]);return e},w=(e,t)=>u(e,g(t)),v=(e,t)=>{var o={};for(var n in e)f.call(e,n)&&0>t.indexOf(n)&&(o[n]=e[n]);if(null!=e&&h)for(var n of h(e))0>t.indexOf(n)&&m.call(e,n)&&(o[n]=e[n]);return o};let y=i.zo.div.withConfig({displayName:"navbar__WrapperContainer",componentId:"sc-c3577327-0"})(["position:",";top:",";left:0;right:0;"," background:var(--color-white);",";"],({position:e="fixed"})=>e,({top:e=0})=>(0,a.b)(e),(0,c.h)(0),({height:e})=>e&&`
2      height: ${(0,a.b)(e)};
3    `),C=i.zo.div.withConfig({displayName:"navbar__NavbarFrame",componentId:"sc-c3577327-1"})(["background-color:",";position:",";top:0;left:0;right:0;height:52px;"," ",";padding:9px 12px;margin:0 auto;max-width:",";"],({backgroundColor:e="white",theme:t})=>t.colors[e],({position:e="sticky"})=>e,(0,c.h)(0),({borderless:e})=>e?"":(0,i.iv)(["box-shadow:0 1px 0 0 var(--color-brightGray);"]),({maxWidth:e="100%"})=>(0,a.b)(e)),k=i.zo.div.withConfig({displayName:"navbar__TitleContainer",componentId:"sc-c3577327-2"})(["position:absolute;top:50%;left:52px;right:","px;transform:translateY(-50%);font-size:18px;color:#1e1e1e;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;line-height:52px;"],({childrenCount:e})=>26+40*Math.max((e||0)-1,0)),j={back:"https://assets.triple.guide/images/[email protected]",close:"https://assets.triple.guide/images/[email protected]",more:"https://assets.triple.guide/images/[email protected]",map:"https://assets.triple.guide/images/[email protected]",write:"https://assets.triple.guide/images/[email protected]",scraped:"https://assets.triple.guide/images/[email protected]",unscraped:"https://assets.triple.guide/images/[email protected]",share:"https://assets.triple.guide/images/[email protected]",route:"https://assets.triple.guide/images/[email protected]",search:"https://assets.triple.guide/images/[email protected]",cs:"https://assets.triple.guide/images/[email protected]",delete:"https://assets.triple.guide/images/[email protected]",list:"https://assets.triple.guide/images/[email protected]",hamburger:"https://assets.triple.guide/images/[email protected]",support:"https://assets.triple.guide/images/[email protected]",message:"https://assets.triple.guide/images/[email protected]",unreadMessage:"https://assets.triple.guide/images/[email protected]",viewAll:"https://assets.triple.guide/images/[email protected]"},z=i.zo.div.attrs(({icon:e})=>({className:["back","close"].includes(e||"")?s.R:""})).withConfig({shouldForwardProp:l.x}).withConfig({displayName:"navbar__NavbarItem",componentId:"sc-c3577327-3"})([""," float:",";background-image:url(",");background-size:cover;height:34px;width:34px;margin-left:",";margin-right:",";cursor:pointer;",""],({position:e})=>e&&`position: ${e};`,({floated:e})=>e||"left",({icon:e})=>e?j[e]:"",({floated:e})=>e&&"left"!==e?"6px":0,({floated:e})=>"right"===e?0:"6px",({hasTitle:e})=>e&&(0,i.iv)(["line-height:34px;margin:0;width:auto;white-space:nowrap;word-break:break-word;text-overflow:ellipsis;overflow-x:hidden;"])),I=i.zo.div.withConfig({shouldForwardProp:l.x}).withConfig({displayName:"navbar__SecondaryNavbar",componentId:"sc-c3577327-4"})(["background-color:",";"," left:0;right:0;"," "," overflow:hidden;"," margin:0 auto;max-width:",";"],({backgroundColor:e="white",theme:t})=>t.colors[e],({position:e="sticky"})=>`
4      position: ${e};
5      top: ${"sticky"===e?"52px":0};
6  `,({padding:e})=>!e&&"padding: 0 0 5px 0;",p.mX,(0,c.h)(0),({maxWidth:e})=>(0,a.b)(e||768));function _({position:e,top:t,height:o,zTier:i,zIndex:s,children:a}){return(0,n.jsx)(y,{position:e,top:t,height:o,zTier:i,zIndex:s,children:r.Children.map(a,e=>(0,r.cloneElement)(e,{position:"relative"}))})}function S(e){var{title:t,renderTitle:o,children:i,zTier:r,zIndex:s=2}=e,a=v(e,["title","renderTitle","children","zTier","zIndex"]);return(0,n.jsxs)(C,w(b({zTier:r,zIndex:s},a),{children:[o&&o(),i,t&&(0,n.jsx)(z,{floated:"none",hasTitle:!0,children:t})]}))}S.Item=z,S.Secondary=I,S.NavbarFrame=C,S.TitleContainer=k}},function(e){e.O(0,[8266,2153,4774,6252,4190,2888,9774,179],function(){return e(e.s=41391)}),_N_E=e.O()}]);