https://static.clinicasesteticas.cl/10009710/build/yns/phone_code_check.js

1"use strict";(globalThis.webpackChunkyns||=[]).push([[7178],{5574(e,l,n){n.r(l),n.d(l,{default:()=>P});var a=n(1425),t=n(834),o=n(7258),u=n(3e3),d=n(3504),i=(n(663),n(129)),s=n(9415),c=n(130),r=n(3918),v=n(6367);const m=["id"],h={class:"lead-form__wrapper"},_={class:"lead-form__title lead-form__title-phone u-mb--3 d:u-mb--4 u-font--bold u-mt--3 d:u-mt--7 u-text--center"},p=["innerHTML"],f={class:"u-font--italic lead-form__info-label u-mt--3"},k={class:"u-flex lead-form__code-check u-py--2 u-render__direction--ltr u-mt--5"},b={key:0,class:"form-block-item lead-form__resend-link"},C={class:"u-font--size-12 u-text--left u-mt--1"},L=["textContent"],g={class:"u-flex u-flex-justify-between u-flex-align-items-center lead-form__panel-content u-pt--2"},P=Object.assign({name:v.qh},{__name:"PhoneCodeCheck",emits:["handleNewPhoneStepOnClick","handleSkipPhoneVFOnClick"],setup(e,{emit:l}){const n=["LEAD_phone_code_check_phone_number_tll","LEAD_phone_code_check_resending_lbl","LEAD_phone_code_check_time_countdown_lbl|1","LEAD_phone_code_check_time_countdown_lbl|2"],P="_ynsCode",R=l,T=(0,a.WQ)("defaultLabels"),V=(0,a.KR)(!1),w=(0,a.KR)({}),x=(0,a.KR)(""),y=(0,a.KR)(!1),E=(0,a.KR)(60),S=(0,a.KR)(null),A=(0,a.KR)(0),F=(0,t.Pj)(),N=(0,a.EW)({get:()=>F.state.isPending,set:e=>{F.commit(s.RB,e)}}),W=(0,a.EW)(()=>F.state.leadForm.reqPhone),K=(0,a.EW)(()=>F.state.userData),D=(0,a.EW)(()=>F.getters.getLeadId),q=(0,a.EW)(()=>`${A.value+15}px`),I=(0,a.EW)(()=>w.value.leadPhoneCodeCheckPhoneNumberTll?(0,u.A)(w.value.leadPhoneCodeCheckPhoneNumberTll,{phoneNumber:W.value}):""),O=(0,a.EW)(()=>{if(!w.value.leadPhoneCodeCheckTimeCountdownLbl)return"";const e=1===E.value?w.value.leadPhoneCodeCheckTimeCountdownLbl:w.value.leadPhoneCodeCheckTimeCountdownLblPl;return(0,u.A)(e,{timeCountdown:E.value})}),B=function(){if(!o.Ft.isset(P))return!0;return+o.Ft.get(P).split("-")[0]!==+K.value.id},H=async function(){const e={phoneNumber:F.state.phoneToValidate.phone,leadId:D.value};try{await(e=>F.dispatch(i.K3,e))(e),V.value=!0,function(){const e=o.OZ.getBaseDomain(),l={cookieName:P,domain:e,value:`${K.value.id}-${D.value}`,expirationTime:1};o.Ft.set(l)}(),N.value=!1}catch{N.value=!1}},$=async function(){const e={phoneValidationCode:+x.value,leadId:F.getters.getLeadId};try{await(n=e,F.dispatch(i.fS,n)),l="full",F.commit(s.PD,l),function(){N.value=!1,y.value=!0;const e=setTimeout(()=>{R("handleNewPhoneStepOnClick",1),clearTimeout(e)},3e3)}()}catch{N.value=!1}var l,n},j=function(){N.value=!0,H()},M=function(){R("handleSkipPhoneVFOnClick")},Q=function(){6===x.value.length&&(N.value=!0,$())};return(0,a.sV)(()=>{!async function(){if(w.value=await(0,d.N$)(n),N.value=!1,await(0,a.dY)(),A.value=S.value.offsetHeight,B()){const e=setInterval(()=>{E.value--,0===E.value&&clearInterval(e)},1e3)}}()}),(e,l)=>(0,a.bo)(((0,a.uX)(),(0,a.CE)("div",{id:(0,a.R1)(v.qh)},[(0,a.bF)((0,a.R1)(c.A),{message:(0,a.R1)(T).requestMultistepResendSmsCodeLbl,modelValue:V.value,"onUpdate:modelValue":l[0]||(l[0]=e=>V.value=e)},null,8,["message","modelValue"]),(0,a.bF)((0,a.R1)(c.A),{message:(0,a.R1)(T).requestPhoneVerificationSuccess,modelValue:y.value,"onUpdate:modelValue":l[1]||(l[1]=e=>y.value=e)},null,8,["message","modelValue"]),(0,a.Lk)("div",h,[(0,a.Lk)("div",{class:"u-text--center",style:(0,a.Tr)({paddingBlockEnd:q.value})},[(0,a.Lk)("div",_,(0,a.v_)((0,a.R1)(T).leadCheckYourPhoneTtl),1),(0,a.Lk)("p",{innerHTML:I.value,"data-role":"phone-code-check-message"},null,8,p),(0,a.Lk)("p",f,(0,a.v_)((0,a.R1)(T).leadPhoneCheckProfileSectionTxt),1),(0,a.Lk)("div",k,[(0,a.bF)((0,a.R1)(r.A),{inputLength:6,inputName:"phoneCode",inputType:"number",placeholder:"•",modelValue:x.value,"onUpdate:modelValue":l[2]||(l[2]=e=>x.value=e)},null,8,["modelValue"])]),B()?((0,a.uX)(),(0,a.CE)("div",b,[(0,a.Lk)("div",C,[(0,a.eW)((0,a.v_)((0,a.R1)(T).requestPhoneVerificationSmsHelpTxt)+" ",1),(0,a.Lk)("span",{class:(0,a.C4)(["u-render__cursor--pointer u-text--underline u-font--bold",{"u-text--disabled":E.value>0}]),onClick:j},(0,a.v_)(w.value.leadPhoneCodeCheckResendingLbl),3),E.value>0?((0,a.uX)(),(0,a.CE)("span",{key:0,class:"u-pl--1",textContent:(0,a.v_)(O.value)},null,8,L)):(0,a.Q3)("v-if",!0)])])):(0,a.Q3)("v-if",!0)],4),(0,a.Lk)("div",{class:"lead-form__panel u-render__position--fixed",ref_key:"buttonPanel",ref:S},[(0,a.Lk)("div",g,[(0,a.Lk)("span",{class:"u-render__cursor--pointer u-pr--3 d:u-pr--9 lead-form__btn-clear",onClick:M,"data-role":"skip-phone-validation-lead"}

1,(0,a.v_)((0,a.R1)(T).commonSkipLbl),1),(0,a.Lk)("button",{class:(0,a.C4)(["btn btn--primary btn--red btn--big btn--w-100",{"btn--disabled":N.value||x.value.length<6||y.value}]),onClick:Q,"data-role":"send-phone-validation-lead"},(0,a.v_)((0,a.R1)(T).commonVerifiedBtn),3)])],512)])],8,m)),[[a.aG,!N.value]])}})}}]);