https://assets.triple.guide/applications/auth-web/24adc4/_next/sta…/pages/phone-login-324f776620d687b2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[776],{52704:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/phone-login",function(){return n(39845)}])},39845:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return X}});var i=n(52676),o=n(72725),r=n(67567),c=n(43279),l=n(2891),a=n(81169),s=n(75271),d=n(9863),u=n(72935),p=n(70370),x=n(35344),f=n.n(x),h=n(51587),g=n(60291),b=n(24420),m=n.n(b);async function w(e){let{name:t,phone:n,loginOnly:i=!1}=e;return await (0,h.v_)((0,g.nu)({path:"/api/users/non-member/smscert/request",query:m().stringify({loginOnly:i})}),{body:{name:t,phone:n}})}async function v(e){let{nonMemberId:t,code:n}=e;return await (0,h.v_)("/api/users/non-member/smscert/verify",{body:{nonMemberId:t,code:n}})}async function j(e){let{nonMemberId:t,verificationToken:n}=e;return await (0,h.v_)("/api/users/non-member/session",{body:{nonMemberId:t,verificationToken:n}})}var y=n(42348),C=n(8692);let k="booking-not-found.hash";function z(){let{uriHash:e,removeUriHash:t}=(0,C.C)();return(0,i.jsx)(y.b,{open:e===k,confirmText:"확인",title:"예약 정보를 찾을 수 없습니다",onClose:t,children:(0,i.jsx)(I,{children:"항공권 예약에 사용한 이름과 전화번호를 다시 한번 확인해 주세요."})})}var I=(0,p.ZP)(o.x).withConfig({componentId:"sc-19f27be4-0"})({wordBreak:"keep-all"});function B(e){let{verificationToken:t,nonMemberId:n,onReset:o}=e,r=function(){let{addUriHash:e}=(0,C.C)();return(0,s.useCallback)(()=>{e(k)},[e])}(),[c,a]=(0,s.useState)(!1),d=!!t,u=async()=>{if(!t)return;let e=await j({nonMemberId:n,verificationToken:t});if(e.ok)location.href="/my-bookings";else{let{status:t}=e.parsedBody;o(),404===t?r():a(!0)}};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.zx,{basic:!0,inverted:!0,fluid:!0,disabled:!d,color:d?"blue":"gray",onClick:u,children:"예약조회"}),(0,i.jsx)(z,{}),(0,i.jsx)(y.b,{open:c,title:"오류가 발생했습니다.",confirmText:"확인",onClose:()=>a(!1),children:(0,i.jsx)(_,{children:"다시 시도해주세요."})})]})}var _=(0,p.ZP)(o.x).withConfig({componentId:"sc-b95c1ec5-0"})({wordBreak:"keep-all"});let S=(0,p.zo)(l.zx).attrs({basic:!0,inverted:!0}).withConfig({componentId:"sc-cfec25ae-0"})(["position:absolute;top:25px;width:81px;padding:14px 0;"]);function T(e){return f().padStart("".concat(e),2,"0")}function E(e){var t;let{placeholder:n,label:r,btnText:c,disabled:l,disabledInput:a,onButtonClick:s,onInputChange:u,inputValue:p,error:x="",elapsedTime:f,showTimeElapsed:h=!1}=e;return(0,i.jsxs)(O,{children:[(0,i.jsxs)(L,{children:[(0,i.jsx)(d.I,{type:"tel",placeholder:n,label:r,value:p,error:x,disabled:a,onChange:e=>u(e.target.value)}),h&&(0,i.jsx)(o.x,{size:14,color:"blue",style:{position:"absolute",right:"16px",top:"37px"},children:(t=null!=f?f:0,"".concat(T(Math.floor(t/60)),":").concat(T(t%60)))})]}),(0,i.jsx)(S,{disabled:l,onClick:()=>!l&&s(),children:c})]})}let A=p.zo.div.withConfig({componentId:"sc-cfec25ae-1"})(["& > div{margin-bottom:30px;}"]);function Z(){let{openLoader:e,closeLoader:t}=(0,s.useContext)(c.O),[n,o]=(0,s.useState)(""),[r,l]=(0,s.useState)(""),[a,u]=(0,s.useState)(!1),[p,x]=(0,s.useState)(""),[f,h]=(0,s.useState)(""),[g,b]=(0,s.useState)(null),m=!!g,[j,y]=(0,s.useState)(""),[C,k]=(0,s.useState)(""),[z,I]=(0,s.use

1State)(0);(0,s.useEffect)(()=>{let e;return z&&(e=setTimeout(()=>I(z-1),1e3)),()=>clearTimeout(e)},[z]);let _=async()=>{I(0),b(null);let e=await w({name:n,phone:r,loginOnly:!0});if(e.ok)x(""),h(e.parsedBody.nonMemberId),I(180),u(!0);else{let{status:t,message:n}=e.parsedBody;if(n){x(n);return}404===t?x("예약 내역이 없습니다."):x("인증 중 오류가 발생했습니다.")}},S=async()=>{e();let n=await v({code:j,nonMemberId:f});if(n.ok)b(n.parsedBody.verificationToken),k("");else{let{status:e,message:t}=n.parsedBody;b(null),void 0!==e&&void 0!==t&&k(function(e,t){switch(e){case 401:if(t.includes("[1001]"))return"최대 인증 시도 횟수를 초과하였습니다.";if(t.includes("[1003]"))return"인증번호가 만료 되었습니다.";if(t.includes("[1005]"))return"이미 인증된 사용자입니다.";return"인증번호가 잘못 되었습니다.";case 404:return"요청한 적 없는 전화번호입니다.";default:return"인증 중 오류가 발생했습니다."}}(e,t))}t()};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(A,{children:[(0,i.jsx)("div",{children:(0,i.jsx)(d.I,{placeholder:"실명, 한글로 입력",type:"text",label:"이름",value:n,onChange:e=>o(e.target.value)})}),(0,i.jsx)(E,{placeholder:"-빼고 숫자만 입력",label:"휴대전화번호",inputValue:r,btnText:a?"재전송":"인증하기",disabled:r.length<4||n.length<2||m,disabledInput:m,error:p,onButtonClick:_,onInputChange:l}),(0,i.jsx)(E,{placeholder:"6자리 번호 입력",label:"인증번호",btnText:"인증완료",inputValue:j,error:C,disabled:!(a&&r.length>4&&j.length>5)||m,disabledInput:m,elapsedTime:z,showTimeElapsed:a&&!m,onButtonClick:S,onInputChange:y})]}),(0,i.jsx)(B,{verificationToken:g,nonMemberId:f,onReset:()=>{u(!1),x(""),h(""),b(null),y(""),k(""),I(0)}})]})}var L=(0,p.zo)(u.W).withConfig({componentId:"sc-cfec25ae-2"})({display:"inline-block",width:"calc(100% - 89px)",marginRight:"8px",position:"relative"}),O=(0,p.zo)(u.W).withConfig({componentId:"sc-cfec25ae-3"})({position:"relative"}),P=n(90952),W=n(55637),X=function(){return(0,i.jsx)(c.X,{children:(0,i.jsxs)(l.Xg,{children:[(0,i.jsx)(a.V,{}),(0,i.jsx)(r.s,{disableAutoHide:!0}),(0,i.jsxs)(l.Yb,{children:[(0,i.jsx)(o.x,{size:"massive",bold:!0,textAlign:"left",children:"비회원 예약 조회"}),(0,i.jsx)(o.x,{size:"medium",lineHeight:"19px",color:"gray800",margin:{top:12,bottom:30},children:"예약 시 사용한 이름과 휴대폰 번호를 입력해주세요."}),(0,i.jsx)(Z,{})]}),(0,i.jsx)(W.Z,{}),(0,i.jsx)(P.Z,{})]})})}},55637:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var i=n(52676),o=n(70370),r=n(75271),c=n(15682),l=n(58754),a=n(37871);function s(){let{query:e}=(0,l.useRouter)(),[t,n]=(0,a.X)("hideAppDownloadButton"),[o,c]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{"true"===e.hideAppDownloadButton&&(n("true"),c(!0)),"true"===t&&c(!0)},[e.hideAppDownloadButton]),(0,i.jsx)(d,{hideAppDownloadButton:o})}var d=(0,o.ZP)(c.qc).withConfig({componentId:"sc-217e9f41-0"})({bottom:0,marginTop:"auto"})},43279:function(e,t,n){"use strict";n.d(t,{O:function(){return r},X:function(){return c}});var i=n(52676),o=n(75271);let r=(0,o.createContext)({isOpen:!1,openLoader:()=>{},closeLoader:()=>{}}),c=e=>{let{children:t}=e,[n,c]=(0,o.useState)(!1),l=(0,o.useCallback)(()=>c(!0),[]),a=(0,o.useCallback)(()=>c(!1),[]);return(0,i.jsx)(r.Provider,{value:{isOpen:n,openLoader:l,closeLoader:a},children:t})}},90952:function(e,t,n){"use strict";var i=n(52676),o=n(75271),r=n(70370),c=n(81691),l=n(43279);let a=r.zo.div.withConfig({componentId:"sc-b783ece-0"})(["position:fixed;display:flex;inset:0;height:100%;justify-content:center;align-items:center;"]);t.Z=function(){let{isOpen:e}=(0,o.useContext)(l.O);return e?(0,i.jsx)(a,{children:(0,i.jsx)(c.$,{})}):null}},2891:function(e,t,n){"use strict";n.d(t,{K9:function(){return B},zx:function(){return z},Yb:function(){return l},am:function(){return b},AZ:function(){return d},rp:function(){return x},Xg:function(){return y},cP:function(){return I},qB:function(){return f}});var i=n(70370),o=n(72935),r=n(84167);(0,i.zo)(o.W).withConfig({componentId:"sc-cd6763e7-0"})(["margin-bottom:16px;padding:8.5px 0;background-image:url(","/images/[email protected]);background-repeat:no-repeat;

1background-size:265px;background-position:center;"],r.GW);let c=i.zo.div.withConfig({componentId:"sc-e1171698-0"})(["max-width:","px;min-width:275px;@media (min-width:","px){margin:0 auto;}"],768,768),l=(0,i.zo)(c).withConfig({componentId:"sc-e1171698-1"})(["padding:40px 30px 80px;text-align:left;@media (min-width:","px){padding:40px 0 80px;width:","px;}"],768,768);var a=n(52676),s=n(97972);let d=i.zo.label.withConfig({componentId:"sc-b4c0a0f8-0"})(["display:block;font-size:13px;color:rgba(58,58,58,0.5);height:16px;"," ",";",""],e=>{let{active:t}=e;return!1===t&&(0,i.iv)(["display:none;"])},e=>{let{margin:t}=e;return t&&(0,i.iv)(["margin:","px ","px ","px ","px;"],t.top||0,t.right||0,t.bottom||0,t.left||0)},e=>{let{textAlign:t}=e;return t&&(0,i.iv)(["text-align:",";"],t)}),u=i.zo.div.withConfig({componentId:"sc-b4c0a0f8-1"})(["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;"]),p=i.zo.div.withConfig({componentId:"sc-b4c0a0f8-2"})(["&:focus-within ","{color:rgb(",");}&:focus-within ","{border-color:rgb(",");}"," img{margin-top:6px;}"],d,e=>{let{error:t}=e;return(0,s.B)(t?"red":"blue")},u,e=>{let{error:t}=e;return(0,s.B)(t?"red":"blue")},e=>{let{error:t}=e;return t&&(0,i.iv)(["","{border-color:rgb(",");}","{color:rgb(",");}"],u,(0,s.B)("red"),d,(0,s.B)("red"))});function x(e){let{children:t,name:n,error:i,errorTextAlign:o,style:r,onClick:c}=e;return(0,a.jsxs)(p,{style:r,error:i,children:[(0,a.jsx)(d,{children:n}),(0,a.jsx)(u,{onClick:c,children:t}),(0,a.jsx)(d,{active:!!i,margin:{top:6},textAlign:o,children:i})]})}let f=i.zo.input.withConfig({componentId:"sc-b4c0a0f8-3"})(["border:0;font-size:18px;font-weight:700;margin-top:0;width:100%;height:22px;padding:0;outline:none !important;flex-grow:1;&::placeholder{color:rgba(58,58,58,0.2);font-weight:bold;}"]),h=i.zo.div.withConfig({componentId:"sc-b4c0a0f8-4"})(["padding:15px 16px;border:1px solid rgba(41,41,45,0.15);&:last-of-type{border-radius:0 0 8px 8px;}&:first-of-type{border-radius:8px 8px 0 0;}&:not(:first-of-type){border-top:none;}"]),g=i.zo.button.withConfig({componentId:"sc-b4c0a0f8-5"})(["background-image:url(",");background-size:contain;width:20px;height:20px;flex-shrink:0;"],"".concat(r.GW,"/images/[email protected]"));function b(e){let{label:t,error:n,style:i,...o}=e;return void 0!==t?(0,a.jsx)(x,{name:t,style:i,error:n,children:(0,a.jsx)(m,{...o})}):(0,a.jsx)(h,{children:(0,a.jsx)(m,{...o})})}

1function m(e){let{fieldName:t,placeholder:n,type:i,value:o,isValid:c,onReset:l,onChange:s,onBlur:d,onClick:u}=e;return(0,a.jsxs)(w,{children:[(0,a.jsx)(f,{id:t,name:t,placeholder:n,type:null!=i?i:"text",onChange:s,onBlur:d,value:o,onClick:u}),c&&(0,a.jsx)("img",{src:"".concat(r.GW,"/images/check.png"),alt:"유효함",style:{width:"17px",height:"10px"}}),o.length>0&&l&&(0,a.jsx)(g,{type:"button",onClick:l})]})}var w=(0,i.zo)(o.W).withConfig({componentId:"sc-b4c0a0f8-6"})({display:"flex",alignItems:"center",flexGrow:1}),v=n(75271),j=n(14224);function y(e){let{children:t,...n}=e,i=function(){let[e,t]=(0,v.useState)("100vh");return C(()=>{function e(){t("".concat(window.innerHeight,"px"))}return window.addEventListener("resize",e),"browser"in j&&t("".concat(window.innerHeight,"px")),()=>window.removeEventListener("resize",e)},[]),e}();return(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",minHeight:i},...n,children:t})}let C=v.useLayoutEffect;var k=n(66363);let z=(0,i.zo)(k.z).withConfig({componentId:"sc-c7d23527-0"})([":hover{color:white;}&:disabled{border:rgba(58,58,58,0.2);background:rgba(58,58,58,0.2);opacity:1;color:white;:active{border:none;}}"]),I=i.zo.a.withConfig({componentId:"sc-c7d23527-1"})(["display:flex;justify-content:center;align-items:center;width:100%;padding:13px 0;border-radius:12px;background:var(--color-blue);color:var(--color-white);font-size:16px;font-weight:700;line-height:22px;cursor:pointer;user-select:none;"]),B=(0,i.zo)(I).withConfig({componentId:"sc-c7d23527-2"})(["background:var(--color-white);border:1px solid rgba(41,41,45,0.3);color:#29292d;"])},81169:function(e,t,n){"use strict";n.d(t,{V:function(){return x}});var i=n(52676),o=n(75271),r=n(70370),c=n(35344),l=n.n(c),a=n(51587);async function s(e){return(0,a.U2)("/api/inventories/".concat(e,"/items"))}let d=r.zo.div.withConfig({componentId:"sc-d566b1f1-0"})(["height:50px;background:rgba(36,45,56,1);color:white;span{line-height:50px;}@media (min-width:1142px){padding-left:50px;padding-right:50px;}@media (max-width:1141px){padding:0 18px;}"]),u=r.zo.a.withConfig({componentId:"sc-d566b1f1-1"})(["align-self:center;text-align:center;img{vertical-align:middle;width:78px;height:26px;}"]),p=r.zo.span.withConfig({componentId:"sc-d566b1f1-2"})(["font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]);function x(e){let{itemName:t="upper-gnb-web",children:n}=e,[r,c]=(0,o.useState)();return(0,o.useEffect)(()=>{(async function(){try{let e=await s(t);e.ok&&c(l().first(e.parsedBody.items))}catch(e){c(void 0)}})()},[t]),r?(0,i.jsx)(d,{children:(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,i.jsx)(p,{children:r.text}),(0,i.jsx)(u,{href:r.target,target:"_blank",children:(0,i.jsx)("img",{src:r.image,alt:"coupon download"})})]})}):(0,i.jsx)(i.Fragment,{children:n})}}},function(e){e.O(0,[2220,7567,9691,3681,2888,9774,179],function(){return e(e.s=52704)}),_N_E=e.O()}]);