https://tarotmoon.co.kr/_next/static/chunks/pages/login/id-070f546ab4a85931.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1617],{8190:(n,e,t)=>{"use strict";t.d(e,{S:()=>c,_:()=>p});var r=t(40097),o=t(63857),i=t(43081),a=t.n(i),l=t(12310),s=function(){var n=(0,o.A)(a().mark(function n(e){var t;return a().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,l.o.get().post("/api/find/account",null,{params:e});case 2:return t=n.sent,n.abrupt("return",t.data);case 4:case"end":return n.stop()}},n)}));return function(e){return n.apply(this,arguments)}}(),u=function(){var n=(0,o.A)(a().mark(function n(e){var t;return a().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,l.o.get().post("/api/find/password",null,{params:e});case 2:return t=n.sent,n.abrupt("return",t.data);case 4:case"end":return n.stop()}},n)}));return function(e){return n.apply(this,arguments)}}(),c=function(){return(0,r.n)({mutationKey:["find","account"],mutationFn:s})},p=function(){return(0,r.n)({mutationKey:["find","password"],mutationFn:u})}},51418:(n,e,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/login/id",function(){return t(98423)}])},98423:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>B});var r,o,i,a,l,s,u,c,p,d,f,h=t(63857),m=t(42969),x=t(43081),g=t.n(x),b=t(13453),v=t(20022),w=t(93036),y=t(48697),j=t(35233),A=t(28496),k=t(8190),N=t(18042),E=t(62867),O=t(89099),P=t(14232),_=t(88992),C={UNABLE_NUMBER:"조회할 수 없는 번호입니다.",INVALID_NUMBER:"유효하지 않은 번호입니다.",NAME_MISMATCH:"닉네임이 일치하지 않습니다.",SIMPLE_LOGIN:"간편 로그인 계정입니다.",SIMPLE_LOGIN_TYPO:"간편 로그인 계정입니다.."},I=t(32228),L=t(62341),S=t(45709),G={Wrapper:(0,L.A)(S.A)(r||(r=(0,I.A)(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  "]))),LoginWrapper:(0,L.A)(S.A)(o||(o=(0,I.A)(["\n    flex: 1 0 auto;\n    width: 100%;\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n    flex-direction: column;\n    box-sizing: border-box;\n    padding: 24px 24px 48px 24px;\n  "]))),LoginTitle:(0,L.A)(S.A)(i||(i=(0,I.A)(["\n    width: 100%;\n    height: calc(100% - 100px);\n    float: left;\n    margin-bottom: 0;\n\n    label {\n      font-family: NotoSansCJKkr;\n      font-size: 18px;\n      font-weight: bold;\n      font-stretch: normal;\n      font-style: normal;\n      letter-spacing: normal;\n      color: var(--PG900);\n      line-height: 36px;\n      display: block;\n    }\n  "]))),InputWrapper:(0,L.A)(S.A)(a||(a=(0,I.A)(["\n    width: 100%;\n    float: left;\n    margin: 12px 0;\n    position: relative;\n\n    .inputForm {\n      width: 100%;\n      margin: 12px 0;\n      float: left;\n    }\n    .is-valid {\n      border: solid 1px var(--PG300);\n    }\n    .is-invalid {\n      border: solid 1px var(--R400);\n    }\n    .inInvalid-feedback {\n      margin: 8px 0 0 0;\n      font-family: NotoSansCJKkr;\n      font-size: 12px;\n      font-weight: normal;\n      line-height: 16px;\n      letter-spacing: normal;\n      color: var(--R400);\n      text-align: left;\n      float: left;\n    }\n  "]))),Input:L.A.input(l||(l=(0,I.A)(["\n    width: 100%;\n    height: 56px;\n    border: solid 1px var(--PG300);\n    border-radius: 8px;\n    float: left;\n    color: var(--PG700);\n    padding: 16px;\n    font-size: 16px;\n    box-sizing: border-box;\n\n    &::placeholder {\n      color: var(--PG500);\n    }\n  "]))),InputWrap:L.A.div(s||(s=(0,I.A)(["\n    float: left;\n    width: 100%;\n    display: inline-block;\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n\n    .bottomIcon {\n      float: right;\n      position: absolute;\n      right: 16px;\n      margin: 16px 0;\n      width: 24px;\n      height: 24px;\n    }\n  "]))),GlobalInput:L.A.div(u||(u=(0,I.A)(["\n    width: 100%;\n    height: 56px;\n    border: solid 1px var(--PG300);\n    border-radius: 8px;\n    float: left;\n    color: var(--PG700);\n    padding: 16px;\n    font-size: 16px;\n    background-color: white;\n    text-align: left;\n\n    &:active,\n    &:focus {\n      border: 1px solid var(--P500);\n    }\n  "]))),FindUserWrapper:L.A.div(c||(c=(0,I.A)(["\n    width: 100%;\n    float: left;\n    border-top: 1px solid var(--PG200);\n    margin: 24px 0;\n\n    .loginButton {\n      width: 100%;\n    }\n  "]))),FindUserInfo:L.A.div(p||(p=(0,I.A)(["\n    width: 100%;\n    float: left;\n    margin: 24px 0;\n\n    label {\n      width: 100%;\n      float: left;\n      font-family: NotoSansCJKkr;\n      font-size: 18px;\n      font-weight: bold;\n      line-height: 28px;\n      letter-spacing: normal;\n      color: var(--PG800);\n    }\n  "]))),UserEmail:L.A.div(d||(d=(0,I.A)(["\n    width: 100%;\n    float: left;\n    font-family: NotoSansCJKkr;\n    font-size: 18px;\n    font-weight: bold;\n    line-height: 28px;\n    letter-spacing: normal;\n    color: var(--P500);\n    white-space: pre-line;\n    word-break: break-all;\n\n    .emailText {\n      color: var(--PG800);\n    }\n  "]))),ButtonWrapper:L.A.div(f||(f=(0,I.A)(["\n    width: 100%;\n    margin-top: 12px;\n  "])))},M=t(37876);function U(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,r)}return t}function W(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?U(Object(t),!0).forEach(function(e){(0,m.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}var F={submitError:!1,phoneLengthError:!1,nameLengthError:!1,unableCheckNameError:!1};let T=function(){var n,e,t,r,o,i,a,l=(0,O.useRouter)(),s=(0,N.y)(),u=s.lock,c=s.unlock,p=(0,P.useState)({isOpen:!1,value:82,country:"한국"}),d=p[0],f=p[1],m=(0,P.useState)(F),x=m[0],I=m[1],L=(0,P.useState)(null),S=L[0],U=L[1],T=(0,P.useState)(null),B=T[0],z=T[1],D=(0,P.useState)(null),K=D[0],R=D[1],V=(0,P.useState)(!1),J=V[0],q=V[1],H=(0,k.S)(),X=(0,_.mN)({defaultValues:{phone:"",name:""},mode:"onBlur"}),Y=X.register,Q=X.watch,Z=X.setValue,$=X.trigger,nn=X.getValues,ne=X.formState.errors,nt=Q("phone"),nr=Q("name");(0,P.useEffect)(function(){((0,A.iD)()||(0,A.ve)())&&l.push("/")},[l]);var no=(0,P.useCallback)(function(){I(F),U(null),z(null)},[]),ni=(0,P.useCallback)(function(n){n?(document.body.style.overflow="hidden",document.body.classList.add("not_scroll"),u()):(document.body.style.overflow="unset",document.body.classList.remove("not_scroll"),c()),f(function(e){return W(W({},e),{},{isOpen:n})})},[u,c]),na=(0,P.useCallback)(function(n){document.body.style.overflow="unset",document.body.classList.remove("not_scroll"),c(),f(function(e){return W(W({},e),{},{isOpen:n})})},[c]),nl=(0,P.useCallback)(function(n,e){f(function(t){return W(W({},t),{},{country:n,value:e,isOpen:!1})})},[]),ns=(0,P.useCallback)(function(n){no();var e=n.target.value.replace(/\s/g,"").replace(/[^0-9\b-]/g,"");e.length<=16&&Z("phone",e)},[Z,no]),nu=(0,P.useCallback)(function(n){if(null!==n.data&&void 0!==n.data){R(n.data),no();return}var e,t=null!=(e=n.message)?e:"";if(t===C.UNABLE_NUMBER){U(t),I(function(n){return W(W({},n),{},{submitError:!0})});return}

1if(t===C.INVALID_NUMBER){U(t),q(!0);return}if(t===C.NAME_MISMATCH){z(t),I(function(n){return W(W({},n),{},{unableCheckNameError:!0})});return}(t===C.SIMPLE_LOGIN||t===C.SIMPLE_LOGIN_TYPO)&&(z(t),I(function(n){return W(W({},n),{},{unableCheckNameError:!0})}))},[no]),nc=(0,P.useCallback)((n=(0,h.A)(g().mark(function n(e){var t,r,o;return g().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return e.preventDefault(),n.next=3,$();case 3:if(n.sent){n.next=6;break}return n.abrupt("return");case 6:r=(t=nn()).phone,o=t.name,I(F),H.mutate({country_code:d.value,phone:r,name:o},{onSuccess:nu});case 9:case"end":return n.stop()}},n)})),function(e){return n.apply(this,arguments)}),[$,nn,d.value,H,nu]),np=(0,P.useCallback)(function(){c(),document.body.style.overflow="unset",document.body.classList.remove("not_scroll"),q(!1)},[c]),nd=!!ne.phone||x.phoneLengthError||x.submitError,nf=!!ne.name||x.nameLengthError||x.unableCheckNameError,nh=null!=(e=null!=(t=null==(r=ne.phone)?void 0:r.message)?t:x.submitError?S:null)?e:x.phoneLengthError?0===nt.length?"휴대폰 번호를 입력하세요.":"7자리 이상 입력하세요.":null,nm=null!=(o=null!=(i=null==(a=ne.name)?void 0:a.message)?i:x.unableCheckNameError?B:null)?o:x.nameLengthError?0===nr.length?"닉네임을 2자 이상 입력하세요.":"2자리 이상 입력하세요.":null,nx=function(n){return n?"is-invalid":"is-valid"},ng=(0,P.useCallback)(function(n){var e=n.currentTarget.value.replace(/\s/g,"");e.length<=8?Z("name",e):Z("name",e.slice(0,8))},[Z]);return(0,A.iD)()||(0,A.ve)()?null:(0,M.jsxs)(G.Wrapper,{children:[(0,M.jsx)(E.bV,{title:"집에서 바로, 모바일 타로카페 <타로문>",description:"모바일 타로카페, 전화타로, 채팅타로, 타로점, 연애운, 애정운, 연애심리, 궁합, 사주, 오늘의 운세 전화타로상담.",canonical:"/login/id",openGraph:{url:"/login/id",title:"집에서 바로, 모바일 타로카페 &lt;타로문&gt;",description:"모바일 타로카페, 전화타로, 채팅타로, 타로점, 연애운, 애정운, 연애심리, 궁합, 사주, 오늘의 운세 전화타로상담.",images:[{url:"/logo-text.svg",width:600,height:400,alt:"tarotmoon",type:"image/jpeg"}],site_name:"타로문"}}),(0,M.jsx)(G.LoginWrapper,{children:(0,M.jsx)(G.LoginTitle,{children:(0,M.jsxs)("form",{onSubmit:nc,noValidate:!0,children:[(0,M.jsx)("label",{htmlFor:"find-account-title",children:"계정찾기"}),(0,M.jsxs)(G.InputWrapper,{children:[(0,M.jsxs)("div",{className:"inputForm",children:[(0,M.jsxs)(G.InputWrap,{onClick:function(){return ni(!d.isOpen)},role:"button",tabIndex:0,"aria-label":"국가 선택",onKeyDown:function(n){("Enter"===n.key||" "===n.key)&&ni(!d.isOpen)},children:[(0,M.jsxs)(G.GlobalInput,{children:[d.country,"(+",d.value,")"]}),(0,M.jsx)("div",{className:"bottomIcon",children:(0,M.jsx)(y.A,{})})]}),d.isOpen&&(0,M.jsx)(b.A,{getSelectOption:nl,getClose:function(){return na(!1)}})]}),(0,M.jsxs)("div",{className:"inputForm",children:[(0,M.jsx)(j.A,W(W({type:"text",placeholder:"인증한 번호(-제외)를 입력하세요.",maxLength:16,className:"form-control ".concat(nx(!!nd)),"aria-invalid":!!nd},Y("phone",{required:"휴대폰 번호를 입력하세요.",minLength:{value:7,message:"7자리 이상 입력하세요."}})),{},{value:nt,onChange:ns})),nd&&nh&&(0,M.jsx)("div",{className:"inInvalid-feedback",children:nh})]})]}),(0,M.jsx)("label",{htmlFor:"join-name",children:"닉네임"}),(0,M.jsx)(G.InputWrapper,{children:(0,M.jsxs)("div",{className:"inputForm",children:[(0,M.jsx)(j.A,W(W({id:"join-name",type:"text",placeholder:"2자 이상 입력하세요.",maxLength:8,className:"form-control ".concat(nx(!!nf)),"aria-invalid":!!nf},Y("name",{required:"닉네임을 2자 이상 입력하세요.",minLength:{value:2,message:"2자리 이상 입력하세요."}})),{},{onKeyUp:ng})),nf&&nm&&(0,M.jsx)("div",{className:"inInvalid-feedback",children:nm})]})}),(0,M.jsx)(G.ButtonWrapper,{children:(0,M.jsx)("button",{type:"submit",style:{width:"100%",padding:0,border:"none",background:"none",cursor:"pointer"},children:(0,M.jsx)(v.A,{title:"입력완료",height:"56px",width:"100%",fontSize:"16px",color:"var(--PG300)",textColor:"var(--PG700)",disabled:H.isPending})})}),K&&(0,M.jsx)(G.FindUserWrapper,{children:(0,M.jsxs)("div",{className:"loginButton",children:[(0,M.jsxs)(G.FindUserInfo,{children:[(0,M.jsx)("label",{children:"고객님의 계정은"}),(0,M.jsxs)(G.UserEmail,{children:[(0,M.jsx)("span",{className:"userEmail",children:K}),(0,M.jsx)("span",{className:"emailText",children:"입니다."})]})]}),(0,M.jsx)(v.A,{title:"로그인 하기",height:"56px",width:"100%",fontSize:"16px",color:"var(--PG300)",textColor:"var(--PG700)",onClick:function(){return l.push("/login")}})]})})]})})}),J&&(0,M.jsx)(w.A,{isOpen:J,title:"알림",message:null!=S?S:"",buttonText:"확인",onClose:np,onClick:np})]})},B=function(){return(0,M.jsx)(T,{})}}},n=>{n.O(0,[8992,6129,636,6593,8792],()=>n(n.s=51418)),_N_E=n.O()}]);