FileMaster

Edit File: p-0aa41f47.entry.js

import{r as t,h as e,F as i}from"./p-e97fde0a.js";import{a as s}from"./p-dd3464cd.js";import"./p-401e165e.js";import"./p-d3366af3.js";const r=".login-form{font-size:16px;margin:var(--sc-spacing-xx-large) auto;max-width:400px;position:relative}.login-form__title{margin-bottom:var(--sc-spacing-medium);font-size:var(--sc-font-size-xx-large);font-weight:var(--sc-font-weight-bold);line-height:var(--sc-line-height-dense);text-align:var(--sc-login-text-align, center)}.login-form__back{text-align:center;font-size:var(--sc-font-size-small)}sc-card{--sc-card-padding:var(--sc-spacing-xx-large)}";const a=r;const o=class{constructor(e){t(this,e);this.step=0;this.email="";this.password="";this.verifyCode="";this.loading=undefined;this.error=undefined}handleStepChange(){if(this.step===1){setTimeout((()=>{var t,e;(e=(t=this.passwordInput)===null||t===void 0?void 0:t.triggerFocus)===null||e===void 0?void 0:e.call(t)}),50)}if(this.step===2){setTimeout((()=>{var t,e;(e=(t=this.codeInput)===null||t===void 0?void 0:t.triggerFocus)===null||e===void 0?void 0:e.call(t)}),50)}}handleLoadingChange(t){if(t){this.error=null}}handleVerifyCodeChange(t){if((t===null||t===void 0?void 0:t.length)>=6){this.submitCode()}}handleError(t){console.error(this.error);this.error=t||{message:wp.i18n.__("Something went wrong","surecart")}}async createLoginCode(){try{this.loading=true;await s({method:"POST",path:"surecart/v1/verification_codes",data:{login:this.email}});this.step=this.step+1}catch(t){this.handleError(t)}finally{this.loading=false}}async submitCode(){try{this.loading=true;const{verified:t,redirect_url:e}=await s({method:"POST",path:"surecart/v1/verification_codes/verify",data:{login:this.email,code:this.verifyCode,...this.getRedirectTo()?{redirect_to:this.getRedirectTo()}:{}}});if(!t){throw{message:wp.i18n.__("Verification code is not valid. Please try again.","surecart")}}if(e){window.location.replace(e)}else{window.location.reload()}}catch(t){this.handleError(t);this.loading=false}}async login(){try{this.loading=true;const{redirect_url:t}=await s({method:"POST",path:"surecart/v1/login",data:{login:this.email,password:this.password,...this.getRedirectTo()?{redirect_to:this.getRedirectTo()}:{}}});if(t){window.location.replace(t)}else{window.location.reload()}}catch(t){this.handleError(t);this.loading=false}}getRedirectTo(){const t=new URLSearchParams(window.location.search);return t.get("redirect_to")}async checkEmail(){try{this.loading=true;await s({method:"POST",path:"surecart/v1/check_email",data:{login:this.email}});this.step=this.step+1}catch(t){this.handleError(t)}finally{this.loading=false}}renderInner(){if(this.step===2){return e(i,null,e("div",{class:"login-form__title",part:"title"},wp.i18n.__("Check your email for a confirmation code","surecart")),e("div",null,e("sc-form",{onScFormSubmit:()=>this.submitCode()},e("sc-input",{label:wp.i18n.__("Confirmation code","surecart"),type:"text",ref:t=>this.codeInput=t,autofocus:true,required:true,onScInput:t=>this.verifyCode=t.target.value}),e("sc-button",{type:"primary",submit:true,full:true},e("sc-icon",{name:"lock",slot:"prefix"}),wp.i18n.__("Login with Code","surecart")))))}if(this.step===1&&this.email){return e(i,null,e("div",{class:"login-form__title",part:"title"},e("div",null,wp.i18n.__("Welcome","surecart")),e("sc-button",{style:{fontSize:"18px"},size:"small",pill:true,caret:true,onClick:()=>this.step=this.step-1},e("sc-icon",{name:"user",slot:"prefix"}),this.email)),e("sc-flex",{flexDirection:"column",style:{"--sc-flex-column-gap":"var(--sc-spacing-large)"}},e("div",null,e("sc-form",{onScFormSubmit:()=>this.createLoginCode()},e("sc-button",{class:"login-code",type:"primary",submit:true,full:true},e("sc-icon",{name:"mail",slot:"prefix"}),wp.i18n.__("Send a login code","surecart"))),e("sc-divider",{style:{"--spacing":"0.5em"}},wp.i18n.__("or","surecart")),e("sc-form",{onScFormSubmit:()=>this.login()},e("sc-input",{label:wp.i18n.__("Enter your password","surecart"),type:"password",ref:t=>this.passwordInput=t,onKeyDown:t=>t.key==="Enter"&&this.login(),autofocus:true,required:true,onScInput:t=>this.password=t.target.value}),e("sc-button",{type:"primary",outline:true,submit:true,full:true},e("sc-icon",{name:"lock",slot:"prefix"}),wp.i18n.__("Login","surecart"))))))}return e(i,null,e("div",{class:"login-form__title",part:"title"},e("slot",{name:"title"})),e("sc-form",{onScFormSubmit:()=>this.checkEmail()},e("sc-input",{type:"text",value:this.email,label:wp.i18n.__("Username or Email Address","surecart"),onScInput:t=>this.email=t.target.value,onKeyDown:t=>t.key==="Enter"&&this.checkEmail(),required:true,autofocus:true}),e("sc-button",{type:"primary",submit:true,full:true},e("sc-icon",{name:"arrow-right",slot:"suffix"}),wp.i18n.__("Next","surecart"))))}render(){var t,i;return e("div",{key:"0693a545336ca18a4da0ac422eeffd4f7c74f894",class:"login-form"},e("sc-card",{key:"557b7c88fe7fd3e07155bfc26b55048555169c16"},!!this.error&&e("sc-alert",{key:"b2c0e1913ecd6f893bbc1a2ae88506a86df3ea41",open:true,type:"danger",closable:true,onScHide:()=>this.error=null},e("span",{key:"49015908573203dfe4e454c7763dfb0f5828a93f",slot:"title",innerHTML:(t=this.error)===null||t===void 0?void 0:t.message}),(((i=this.error)===null||i===void 0?void 0:i.additional_errors)||[]).map((({message:t})=>e("div",{innerHTML:t})))),this.renderInner()),this.loading&&e("sc-block-ui",{key:"c73603b435ff6fbb85939bf593e662278e9a8208",spinner:true,style:{zIndex:"9","--sc-block-ui-opacity":"0.5"}}))}static get watchers(){return{step:["handleStepChange"],loading:["handleLoadingChange"],verifyCode:["handleVerifyCodeChange"]}}};o.style=a;export{o as sc_login_form};
//# sourceMappingURL=p-0aa41f47.entry.js.map

Back