https://static.estheticon.cz/10009653/build/yns/popup-verification-phone.js

1"use strict";(globalThis.webpackChunkyns||=[]).push([[9286],{1494(e,n,o){o.r(n),o.d(n,{default:()=>B});var t=o(1425),a=o(810),l=o(2311),i=o(8747),s=o(7258),r=o(344),u=o(3504);const d={class:"error-message__title u-font--bold"},c=["innerHTML"],_=Object.assign({name:"error_message"},{__name:"ErrorMessage",props:{errorInfo:{type:Object,default:()=>{}},isThereError:{type:Boolean,default:!1},labels:{type:Object,required:!0}},emits:["close"],setup(e,{emit:n}){const o=n,a=e,l=(0,t.EW)(()=>a.isThereError);(0,t.wB)(l,e=>{e&&i()});const i=function(){const e=setTimeout(()=>{clearTimeout(e),o("close")},8e3)};return(n,o)=>((0,t.uX)(),(0,t.CE)("div",{class:(0,t.C4)(["error-message u-flex u-render__position--absolute u-py--2 u-px--3 d:u-px--5",{"error-message--show":l.value}])},[(0,t.Q3)(" refactor with new error message "),o[0]||(o[0]=(0,t.Lk)("svg",{viewBox:"0 0 768 768",class:"error-message__icon u-m--1","aria-hidden":"true"},[(0,t.Lk)("path",{d:"M384 32C188.8 32 32 188.8 32 384s156.8 352 352 352 352-156.8 352-352S579.2 32 384 32zm0 640C224 672 96 544 96 384S224 96 384 96s288 128 288 288-128 288-288 288zm0-448c-19.2 0-32 12.8-32 32v128c0 19.2 12.8 32 32 32s32-12.8 32-32V256c0-19.2-12.8-32-32-32zm-22.4 265.6c-6.4 6.4-9.6 12.8-9.6 22.4s3.2 16 9.6 22.4 12.8 9.6 22.4 9.6 16-3.2 22.4-9.6 9.6-16 9.6-22.4-3.2-16-9.6-22.4c-12.8-12.8-32-12.8-44.8 0z"})],-1)),(0,t.Lk)("div",null,[(0,t.Lk)("h3",d,(0,t.v_)(e.labels.requestMultistepGlobalErrorTtl),1),(0,t.Lk)("p",{innerHTML:e.labels.requestMultistepGlobalErrorTxt},null,8,c)])],2))}});const p=(0,o(6262).A)(_,[["__scopeId","data-v-294cb839"]]);var m=o(1268),h=o(2204);const v={id:"phone-check"},b={class:"u-color--red-rose u-font--bold u-text--center u-font--size-24 u-m--3"},f={class:"u-text--center u-m--3"},E={class:"phone-validation__phone-number u-mx--center u-render__position--relative"},L={class:"u-font--italic u-text--center u-font--size-10 u-mt--3"},R=Object.assign({name:"phoneVerificationCheckPhoneNumber"},{__name:"PhoneCheck",setup(e){const n=(0,t.WQ)("defaultLabels"),{isLoading:o,isLoaded:l,phone:i,phoneValidationSendCode:s,updatePhoneNumber:u,updateStep:d}=(0,r.a2)(),{isPending:c,userLocale:_}=(0,a.bP)((0,r.a2)()),{handleSubmit:p,submitCount:R}=(0,m.mN)(),k=(0,t.EW)(()=>{const e={className:"form-phone-number--step-validation-phone u-mt--6",mandatory:!0,name:"verification_phone_number",placeholderL

1abel:n.menuHeadquarterPhonePho,submitCount:R.value};return _.value&&(e.defaultCountry=_.value.split("_")[1]),e}),C=(0,t.EW)({get:()=>i,set:e=>{u(e)}}),g=p(()=>{o(),async function(){try{await s(),d("code"),l()}catch{l()}}()});return(e,o)=>((0,t.uX)(),(0,t.CE)("div",v,[(0,t.Lk)("div",b,[o[2]||(o[2]=(0,t.Lk)("i",{class:"yns-icon-phone u-mr--1 u-render__v-align--middle","aria-hidden":"true"},null,-1)),(0,t.eW)(" "+(0,t.v_)((0,t.R1)(n).leadCheckYourPhoneTtl),1)]),(0,t.Lk)("p",f,(0,t.v_)((0,t.R1)(n).phoneCheckYourPhoneTxt),1),(0,t.Lk)("form",{class:"phone-validation__form u-m--3",onSubmit:o[1]||(o[1]=(...e)=>(0,t.R1)(g)&&(0,t.R1)(g)(...e))},[(0,t.Lk)("div",E,[(0,t.bF)((0,t.R1)(h.A),(0,t.v6)(k.value,{userPhoneNumber:C.value,"onUpdate:userPhoneNumber":o[0]||(o[0]=e=>C.value=e)}),null,16,["userPhoneNumber"])]),(0,t.Lk)("p",L,(0,t.v_)((0,t.R1)(n).leadPhonePrivateInfoTxt),1),(0,t.Lk)("button",{class:(0,t.C4)(["btn btn--primary btn--big phone-validation__button u-mx--center",{"btn--disabled":(0,t.R1)(c)}]),"data-role":"send-phone-validation-lead"},(0,t.v_)((0,t.R1)(n).requestMultistepSendSmsCodeBtn),3)],32)]))}});var k=o(3e3),C=o(130),g=o(3918);const y={id:"phone-code-check",class:"phone-validation u-p--5"},T={class:"u-text--center"},P={class:"u-color--red-rose u-font--bold u-font--size-24"},V={class:"u-my--3"},x=["innerHTML"],S={class:"u-font--italic lead-form__info-label u-mt--5"},A={class:"phone-validation__code-check u-flex u-py--2 u-render__direction--ltr"},M={class:"phone-validation__resend-link"},w={class:"u-font--size-12 u-text--left u-mt--1"},N=Object.assign({name:"phoneVerificationCheckCodeNumber"},{__name:"PhoneCodeCheck",emits:["complete"],setup(e,{emit:n}){const o=n,l=(0,t.WQ)("defaultLabels"),i=(0,t.KR)(!1),s=(0,t.KR)(""),{isLoaded:u,isLoading:d,phone:c,phoneVerificationCode:_,phoneValidationSendCode:p}=(0,r.a2)(),{isPending:m}=(0,a.bP)((0,r.a2)()),h=(0,t.EW)(()=>{const e={codeSize:6,phoneNumber:(n=c,`<span class="u-render__direction--ltr u-render__display--inline-block">${n}</span>`)};var n;return(0,k.A)(l.value.leadPhoneCodeSendToLbl,e)}),v=function(){d(),async function(){try{await p(),u(),i.value=!0}catch{u()}}()},b=function(){6===s.value.length&&(d(),async function(){try{await _(s.value),o("complete")}catch{u()}}())};return(e,n)=>((0,t.uX)(),(0,t.CE)("div",y,[(0,t.bF)((0,t.R1)(C.A),{message:(0,t.R1)(l).requestMultistepResendSmsCodeLbl,modelValue:i.value,"onUpdate:modelValue":n[0]||(n[0]=e=>i.value=e)},null,8,["message","modelValue"]),(0,t.Lk)("div",T,[(0,t.Lk)("div",P,[n[2]||(n[2]=(0,t.Lk)("i",{class:"yns-icon-phone u-mr--1 u-render__v-align--middle","aria-hidden":"true"},null,-1)),(0,t.eW)(" "+(0,t.v_)((0,t.R1)(l).requestMultistepCodeVerificationTtl),1)]),(0,t.Lk)("p",V,(0,t.v_)((0,t.R1)(l).phoneCheckYourPhoneTxt),1),(0,t.Lk)("p",{class:"u-my--3",innerHTML:h.value},null,8,x),(0,t.Lk)("p",S,(0,t.v_)((0,t.R1)(l).leadPhonePrivateInfoTxt),1),(0,t.Lk)("div",A,[(0,t.bF)((0,t.R1)(g.A),{inputLength:6,inputName:"phoneCode",inputType:"number",placeholder:"•",modelValue:s.value,"onUpdate:modelValue":n[1]||(n[1]=e=>s.value=e)},null,8,["modelValue"])]),(0,t.Lk)("div",M,[(0,t.Lk)("div",w,[(0,t.eW)((0,t.v_)((0,t.R1)(l).requestPhoneVerificationSmsHelpTxt)+" ",1),(0,t.Lk)("span",{class:"u-render__cursor--pointer u-color--turquoise-default",onClick:v},(0,t.v_)((0,t.R1)(l).requestPhoneVerificationSmsHelpLnk),1)])])]),(0,t.Lk)("button",{class:(0,t.C4)(["btn btn--primary btn--big phone-validation__button",{"btn--disabled":(0,t.R1)(m)||s.value.length<6}]),"data-role":"send-phone-validation-lead",onClick:b},(0,t.v_)((0,t.R1)(l).leadConfirmDeliveryBtn),3)]))}});var U=o(5534);const Q={class:"modal modal--mobile-full-view is-auto-height"},W={class:"modal__container"},I={class:"modal__content"},q=Object.assign({name:"phoneVerificationPopup"},{__name:"phoneVerificationPopup",emits:["finishValidationFlow"],setup(e,{emit:n}){const o=["REQUEST_multistep_global_error_ttl","REQUEST_multistep_global_error_txt","FORM_ERROR_prefix_national_format","LEAD_check_your_phone_ttl","PHONE_check_your_phone_txt","LEAD_phone_private_info_txt","MENU_HEADQUARTER_phone_pho","REQUEST_multistep_send_sms_code_btn","REQUEST_multistep_confirm_sms_code_btn","LEAD_confirm_delivery_btn","LEAD_phone_code_send_to_lbl","LEAD_phone_private_info_txt","LEAD_verified_phone_txt","REQUEST_multistep_code_verification_ttl","REQUEST_multistep_resend_sms_code_lbl","REQUEST_phone_verification_sms_help_txt","REQUEST_phone_verification_sms_help_lnk"],l=n,i=(0,t.KR)({}),d=(0,t.KR)(!1),{disabledErrors:c,isLoaded:_}=(0,r.a2)(),{errorInfo:m,isPending:h,stepName:v}=(0,a.bP)((0,r.a2)());return(0,t.Gt)("defaultLabels",(0,t.EW)(()=>i.value)),(0,t.KC)(async()=>{const e=await(0,u.N$)(o);i.value=e,d.value=!0,_(),s.tT.toggleBodyScrollModalComponents("hidden")}),(e,n)=>((0,t.uX)(),(0,t.CE)("div",Q,[(0,t.Lk)("div",W,[(0,t.Lk)("div",I,[(0,t.bF)((0,t.R1)(U.A),{isVisible:(0,t.R1)(h)},null,8,["isVisible"]),(0,t.bF)((0,t.R1)(p),{isThereError:!!(0,t.R1)(m).active,errorInfo:(0,t.R1)(m),labels:i.value,onClose:(0,t.R1)(c)},null,8,["isThereError","errorInfo","labels","onClose"]),d.value&&"phone"===(0,t.R1)(v)?((0,t.uX)(),(0,t.Wv)((0,t.R1)(R),{key:0})):(0,t.Q3)("v-if",!0),d.value&&"code"===(0,t.R1)(v)?((0,t.uX)(),(0,t.Wv)((0,t.R1)(N),{key:1,onComplete:n[0]||(n[0]=e=>l("finishValidationFlow"))})):(0,t.Q3)("v-if",!0)])])]))}}),F={user:l.g$.user?.data??{}},z="jsv-phone-verification-popup",H={VUE_MAIN:`#${z}`},O=(0,a.Ey)();let D=null,j=null;const B={initPhoneVerificationPopup:function(e,{reviewId:n=null}){const o={onFinishValidationFlow:()=>{D.unmount(H.VUE_MAIN),document.body.removeChild(j),D=null,j=null,

1s.tT.toggleBodyScrollModalComponents("auto"),e()}};j=(()=>{const e=document.createElement("div");return e.id=z,document.body.appendChild(e),e})(),D=(0,t.Ef)(q,o),i.A.initVeeValidateGlobalRules(),D.use(O);const{initState:a}=(0,r.a2)();a({...F,reviewId:n}),D.mount(j)}}}}]);