https://www.bomtoon.tw/_next/static/chunks/pages/mail/resetPassword-7ae844e2a9b253e4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58954],{14108:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mail/resetPassword",function(){return s(92146)}])},92146:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return R}});var r=s(97458),o=s(38112),i=s(258),a=s(75930),l=s(76284),n=s(89729),d=s(63119),u=s(74854),c=s(57887),p=s(52983),f=s(85159),h=s(18961),g=s.n(h),w=s(49911),x=s(67590),m=s(27829),C=s(85631),b=s(98873),v=s(32881),P=s(52113),S=s(9515);let _=c.default.section.withConfig({componentId:"sc-aa596127-0"})(["display:flex;flex-direction:column;align-items:center;overflow:auto;overflow-x:hidden;position:relative;margin-bottom:80px;max-width:432px;width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;"]),E=c.default.ul.withConfig({componentId:"sc-aa596127-1"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:60px;margin-bottom:50px;@media screen and (max-width:600px){margin-top:40px;margin-bottom:40px;}"]),j=c.default.li.withConfig({componentId:"sc-aa596127-2"})(["display:flex;"]),y=c.default.div.withConfig({componentId:"sc-aa596127-3"})(["display:flex;flex-direction:column;width:100%;"]),O=(0,c.default)(a.Z).attrs(()=>({isSingleLine:!1})).withConfig({componentId:"sc-aa596127-4"})(["overflow-wrap:anywhere;"]),k=c.default.div.withConfig({componentId:"sc-aa596127-5"})(["margin-top:16px;font-size:14px;color:#676767;text-align:center;span{white-space:pre-wrap;}"]),I=c.default.div.withConfig({componentId:"sc-aa596127-6"})(["width:100%;"]),A=c.default.div.withConfig({componentId:"sc-aa596127-7"})(["margin:","px auto;font-size:","px;line-height:1.5;text-align:center;white-space:pre-wrap;"],e=>{let{isDesktop:t}=e;return t?110:80},e=>{let{isDesktop:t}=e;return t?18:16}),T=c.default.div.withConfig({componentId:"sc-aa596127-8"})(["width:100%;min-height:","px;"],e=>{let{isDesktop:t}=e;return t?240:200}),M=c.default.div.withConfig({componentId:"sc-aa596127-9"})(["display:flex;flex-direction:column;gap:24px;width:100%;"]),N=c.default.button.attrs(()=>({type:"button"})).withConfig({componentId:"sc-aa596127-10"})(["width:100%;height:48px;font-size:14px;color:",";border:1px solid ",";border-radius:24px;"],e=>{let{theme:t}=e;return t.colors.primary},e=>{let{theme:t}=e;return t.colors.primary});var R=!0;t.default=()=>{let e=(0,d.Ce)(),t=(0,o.useRouter)(),s=(0,v.s0)(),{isLogin:c}=(0,P.Z)(),{checkPwdData:h}=(0,S.q)(),{userId:R,uuid:L,email:z}=t.query,[D,Z]=(0,p.useState)(""),[H,U]=(0,p.useState)(""),[B,W]=(0,p.useState)(!1),[X,F]=(0,p.useState)(!1),[G,q]=(0,p.useState)(["##t.mail.resetPassword.description",g()(u.default.mail.resetPassword.userEmail,{email:z})]),[K,V]=(0,p.useState)(null),[Y,$]=(0,p.useState)(null),[J,Q]=(0,p.useState)(!1),[ee,et]=(0,p.useState)(!1),es=(0,p.useCallback)(()=>{let e=h(D,H,"resetPassword");return e.result?(V(null),$(null),!0):(e.message&&("password"==e.type?(V(e.message),$(null)):(V(null),$(e.message))),!1)},[H,D]),er=e=>{let{resetPassword:t}=u.default.mail,{error:s}=t;if(i.default.COMMON.RESET_PASSWORD.USE_PAGE_UNAVAILABLE_UI&&("TIMEOUT"===e||"ALREADY_EXECUTION_EXCEPTION"===e||"UNKNOWN"===e||!(e&&e in s))){et(!0);return}if(void 0!==t[e]){if("EQUAL_PASSWORD"===e){alert(u.default.user.changePassword.checkPasswordEqual);return}q(t[e]);return}if(void 0!==s[e]){q("ALREADY_EXECUTION_EXCEPTION"===e?["",s.ALREADY_EXECUTION_EXCEPTION]:t.UNKNOWN),(0,C.Y)(s[e]);return}q(t.UNKNOWN)},eo=(0,p.useCallback)(()=>{es()&&D&&L&&(0,x.yR)(+R,L.toString(),D).then(e=>{W(!0),"SUCCESS"==e.result?(F(!0),alert(u.default.mail.resetPassword.SUCCESS[1]),(0,m.j)(z,D,"email").then()):(W(!1),F(!1),er(e.error.code))}).finally(()=>{W(!1)})},[es,R,L,D,z]),ei=t=>"target"==t?16:"error"==t?e?14:12:e?16:14,ea=t=>{switch(t){case"password":return e?50:46;case"marginPassword":return e?20:12;case"marginErrorMessage":return e?60:25;case"errorMessage":return e?36:13}},el=(0,p.useCallback)(()=>{B||(X?t.push("/user/login"):eo())},[eo,B,X,t]);return ee?(0,r.jsx)(b.Z,{type:i.default.PLATFORM,gnbKey:"resetPassword",layoutType:"resetPassword",showBasicHeader:i.default.COMMON.RESET_PASSWORD.USE_BASIC_HEADER||

1!e,basicHeaderProps:{title:"##t.user.resetPassword.title",centerTitle:!0},children:(0,r.jsxs)(_,{children:[(0,r.jsx)(A,{isDesktop:e,children:(0,r.jsx)("span",{children:u.default.user.resetPassword.isPageUnavailableDescription})}),(0,r.jsx)(M,{children:(0,r.jsx)(N,{onClick:()=>{if(c){s("main");return}s("login")},children:(0,r.jsx)("span",{children:u.default.user.resetPassword.goLogin})})}),i.default.COMMON.RESET_PASSWORD.SHOW_MOVE_GUIDE_ON_MOBILE&&!e&&(0,r.jsx)(k,{children:(0,r.jsx)("span",{children:u.default.user.resetPassword.moveLoginGuide})})]})}):(0,r.jsx)(b.Z,{type:i.default.PLATFORM,gnbKey:"resetPassword",layoutType:"resetPassword",showBasicHeader:i.default.COMMON.RESET_PASSWORD.USE_BASIC_HEADER||!e,basicHeaderProps:{title:"##t.user.resetPassword.title",centerTitle:!0},children:(0,r.jsxs)(_,{children:[(0,r.jsxs)(E,{children:[(0,r.jsx)(j,{children:(0,r.jsx)(a.Z,{text:"bom-kr"!==i.default.PLATFORM?u.default.user.resetPassword.target_email:/^01([016789])(\d{3,4})(\d{4})$/.test(G[1])?u.default.user.resetPassword.target_phone:u.default.user.resetPassword.target_email,size:ei("target")})}),(0,r.jsx)(j,{children:(0,r.jsx)(O,{text:G[1],size:ei()})})]}),(0,r.jsxs)(T,{isDesktop:e,children:[(0,r.jsx)(f.Z,{type:"password",width:e?"400px":"100%",height:ea("password"),placeholder:u.default.user.resetPassword.placeHolderPassword,changeField:e=>Z(e.target.value),padding:"0px 16px",fontSize:ei("password"),borderColor:K?"#e12e40":"#e1e1e1",placeholderColor:w.Z.common.input.placeholderColor,borderRadius:8,textIndent:0,isViewMode:!0,focusColor:K?"#e12e40":w.Z.common.input.focusColor,onFocusChange:e=>Q(e)}),J&&null===K&&(0,r.jsxs)(I,{children:[(0,r.jsx)(l.w3,{size:5}),(0,r.jsx)(a.Z,{text:u.default.user.signup.passwordGuideText,color:"#e12e40",textAlign:"left",size:ei("error"),isSingleLine:!1})]}),null!=K&&(0,r.jsxs)(y,{children:[(0,r.jsx)(l.w3,{size:5}),(0,r.jsx)(a.Z,{text:K,color:"#e12e40",textAlign:"left",size:ei("error"),isSingleLine:!1})]}),(0,r.jsx)(l.w3,{size:e?20:10}),(0,r.jsx)(f.Z,{type:"password",width:e?"400px":"100%",height:ea("password"),placeholder:u.default.user.resetPassword.placeHolderConfirmPassword,changeField:e=>U(e.target.value),padding:"0px 16px",fontSize:ei("password"),borderColor:Y?"#e12e40":"#e1e1e1",placeholderColor:w.Z.common.input.placeholderColor,borderRadius:8,textIndent:0,isViewMode:!0,focusColor:Y?"#e12e40":w.Z.common.input.focusColor}),null!=Y&&(0,r.jsxs)(y,{children:[(0,r.jsx)(l.w3,{size:5}),(0,r.jsx)(a.Z,{text:Y,color:"#e12e40",textAlign:"left",size:ei("error"),isSingleLine:!1}),(0,r.jsx)(l.w3,{size:20})]})]}),(0,r.jsx)(M,{children:(0,r.jsx)(n.Z,{label:u.default.user.resetPassword.buttonChangePassword,height:48,fontSize:16,fontWeight:"medium",width:"100%",onPressed:el,disabled:B})}),i.default.COMMON.RESET_PASSWORD.SHOW_MOVE_GUIDE_ON_MOBILE&&!e&&(0,r.jsx)(k,{children:(0,r.jsx)("span",{children:u.default.user.resetPassword.autoLoginGuide})})]})})}},85159:function(e,t,s){"use strict";var r=s(97458),o=s(57887),i=s(63119),a=s(52983),l=s(71607),n=s.n(l),d=s(49911),u=s(93544);let c=o.default.div.withConfig({componentId:"sc-937c5fab-0"})(["display:flex;position:relative;flex:",";width:",";"],e=>{let{flexAuto:t}=e;return t?"1 0 auto":null},e=>e.isDesktop?null:"100%"),p=o.default.input.withConfig({componentId:"sc-937c5fab-1"})(["width:",";line-height:","px;text-indent:","px;border:solid 1px ",";border-radius:","px;background-color:",";font-size:","px;::placeholder{color:",";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&:focus{outline:none;background-color:#ffffff;border-color:",";}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus,&:-webkit-autofill:active{box-shadow:0 0 0 26px #ffffff inset !important;}&:disabled{opacity:0.6;}padding:",";"," ",""],e=>e.minWidth?"100%":e.width,e=>e.height,e=>e.textIndent,e=>e.borderColor,e=>e.borderRadius,e=>{let{disabled:t}=e;return t?"#fafafa":"#ffffff"},e=>e.fontSize,e=>e.placeholderColor,e=>e.focusColor||e.borderColor,e=>e.padding,e=>e.isBorderRadius?(0,o.css)(["border-radius:8px;"]):null,e=>e.setBoxHeight?(0,o.css)(["height:","px;box-sizing:border-box;"],e.height):null),f=o.default.div.withConfig({componentId:"sc-937c5fab-2"})(["display:flex;align-items:center;justify-content:center;cursor:pointer;height:100%;position:absolute;right:16px;"]);t.Z=(0,a.forwardRef)((e,t)=>{var s,o;let{id:l,type:h,name:g,width:w,height:x,required:m,readOnly:C=!1,minLength:b,maxLength:v,placeholder:P,changeField:S,enterEvent:_=n(),ariaLabel:E,padding:j="0px",fontSize:y=14,borderColor:O=d.Z.colors.Gray.B350,placeholderColor:k=d.Z.colors.Gray.B600,borderRadius:I=0,textIndent:A=10,defaultValue:T,initValue:

1M,isBorderRadius:N=!1,setBoxHeight:R=!1,inputMode:L="text",isViewMode:z=!1,flexAuto:D=!1,onInput:Z,onKeydown:H=n(),focusColor:U,onFocusChange:B=n(),disabled:W,minWidth:X}=e,F=(0,i.Ce)(),G=(0,a.useRef)(null),[q,K]=(0,a.useState)(!0),V=(0,a.useCallback)(e=>{"numeric"===L&&(e.target.value=e.target.value.replace(/\D/g,"")),S(e)},[S,L]),Y=(0,a.useCallback)(e=>{"Enter"==e.key&&_()},[_]),$=(0,a.useCallback)(()=>{G.current.focus()},[]);(0,a.useImperativeHandle)(t,()=>({setFocus:()=>{$()},resetData:()=>{G.current.value=""},getValue:()=>{var e;return null===(e=G.current)||void 0===e?void 0:e.value}}));let J=()=>{K(!q)},Q=(0,a.useMemo)(()=>"password"==h?"text":h,[h]);return(0,r.jsxs)(c,{isDesktop:F,flexAuto:D,children:[(0,r.jsx)(p,{id:l,type:z&&q?"password":Q,name:g,required:m,readOnly:C,minLength:b,maxLength:v,autoComplete:"off",placeholder:P,onChange:V,"aria-label":E,width:w,height:x,ref:G,onKeyPress:Y,padding:z&&(null!==(o=null===(s=G.current)||void 0===s?void 0:s.value.length)&&void 0!==o?o:0)>0?"0 40px 0 14px":j,fontSize:y,borderColor:O,placeholderColor:k,borderRadius:I,textIndent:A,defaultValue:T,value:M,isBorderRadius:N,setBoxHeight:R,inputMode:L,onInput:Z,onKeyDown:H,focusColor:U,onFocus:()=>B(!0),onBlur:()=>B(!1),disabled:W,minWidth:X}),z&&(0,r.jsx)(f,{onClick:()=>J(),children:q?(0,r.jsx)(u.Z,{width:F?24:20,height:F?24:20,alt:"Hide password",src:"/images/common/input-icon-20-view-off.svg"}):(0,r.jsx)(u.Z,{width:F?24:20,height:F?24:20,alt:"Show password",src:"/images/common/input-icon-20-view-on.svg"})})]})})},9515:function(e,t,s){"use strict";s.d(t,{q:function(){return a}});var r=s(52983),o=s(74854),i=s(18094);let a=()=>{let{isInvalidLength:e,hasMixedCharacterTypes:t,hasOnlyAllowedCharacters:s}=(0,i.f)(),a=(0,r.useCallback)(function(e,t){var s,r;let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"signup";return o.default.user[e].errorMessage&&Object.keys(o.default.user[e].errorMessage).includes(t)?null===(r=o.default.user[e])||void 0===r?void 0:r.errorMessage[t].msg:null===(s=o.default.user[i])||void 0===s?void 0:s.errorMessage[t].msg},[]);return{checkPwdData:(0,r.useCallback)(function(r,o){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"signup",l={result:!0,message:null,type:"password",isNull:!1};return r?(o?r!==o&&(l.result=!1,l.message=a(i,"checkPasswordNotEqual"),l.type="confirmPassword"):(l.result=!1,l.message=a(i,"checkConfirmPassword"),l.type="confirmPassword",l.isNull=!0),l.result&&(e(r)&&s(r)?t(r)||(l.result=!1,l.message=a(i,"checkPasswordChar")):(l.result=!1,l.message=a(i,"checkPasswordLength")))):(l.result=!1,l.message=a(i,"checkPassword"),l.isNull=!0),l},[a,t,s,e])}}},18094:function(e,t,s){"use strict";s.d(t,{f:function(){return o}});var r=s(52983);function o(){return{isInvalidLength:(0,r.useCallback)(e=>e.length>=8&&e.length<=20,[]),hasMixedCharacterTypes:(0,r.useCallback)(e=>{let t=0;return/[A-Za-z]/.test(e)&&t++,/\d/.test(e)&&t++,/[`~!@#$%^&*()_=+;:'",<.>?-]/.test(e)&&t++,t>=2},[]),hasOnlyAllowedCharacters:(0,r.useCallback)(e=>/^[A-Za-z0-9`~!@#$%^&*()_=+;:'",<.>?-]+$/.test(e),[])}}},27829:function(e,t,s){"use strict";s.d(t,{S:function(){return p},j:function(){return c}});var r=s(38020),o=s(18507),i=s(26764),a=s(70475),l=s(41523),n=s(82361),d=s(96785),u=s(258);let c=async(e,t,s)=>{let l={callbackUrl:"".concat("https://www.bomtoon.tw").concat(o.x1.loginSuccess,"?callback=/"),email:e,password:t,platform:i.lX.platform_name,loginPlatform:a.eP.web,signInType:s};l.qnwjdghldnjsrkdlq=(0,d.HmacSHA1)(e+t,u.default.EMAIL_LOGIN_SECRET).toString();let c=(0,r.vG)();c.is_app&&(l.loginPlatform=a.eP.app),c.is_viewer_app&&(l.loginPlatform=a.eP.viewer_app),await (0,n.signIn)("EmailLogin",l)},p=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;try{l.i.ios_appstore==t&&void 0!=webkit&&webkit.messageHandlers.jsLoginType.postMessage(e)}catch(e){console.debug(e)}}},85631:function(e,t,s){"use strict";s.d(t,{Y:function(){return c},y:function(){return p}});var r=s(26764),o=s(20711),i=s(71607),a=s.n(i),l=s(258);let n=(e,t,s,r,o)=>{if("beltoon-jp"===e)t?window.android.jsShowToast(r):s&&webkit.messageHandlers.jsShowToast.postMessage(r);else{let e=JSON.stringify({duration:o,message:r});t?window.android.jsShowTimerToast(e):s&&webkit.messageHandlers.jsShowTimerToast.postMessage(e)}},d=function(e,t,s){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i={autoClose:t,onClose:s};return null!==r&&(i={...i,style:{width:r}}),(0,o.Am)(e,i)},u=(e,t,s)=>{try{let o=l.default.PLATFORM,i=r.lX.is_android,a=r.lX.is_ios;n(o,i,a,e,t),s()}catch(r){console.error(r),d(e,t,s)}},c=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a(),s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1500,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return r.lX.is_app&&!("beltoon-jp"===l.default.PLATFORM&&r.lX.is_ios)?(u(e,s,t),"appToast"):d(e,s,t,o)},p=()=>o.Am.dismiss()},1342:function(){}},function(e){e.O(0,[96785,92888,49774,40179],function(){return e(e.s=14108)}),_N_E=e.O()}]);
2//# sourceMappingURL=resetPassword-7ae844e2a9b253e4.js.map