https://www.toolstation.com/_nuxt/2.15.1-uk-Step8-Ba16mx5t.js

1import{$t as i,At as g,I as O,K as u,S as q,St as N,U as C,b as s,d as r,m as c,p as _,st as V,u as j,ut as n}from"./2.15.1-uk-runtime-core.esm-bundler-CM7kzQMe.js";import{f as w}from"./2.15.1-uk-runtime-dom.esm-bundler-GujwpO3G.js";import{o as B}from"./2.15.1-uk-trolley-BADzxSLc.js";import{a as d,i as K,r as R,t as T}from"./2.15.1-uk-formValidators-CJocExSc.js";import{r as D}from"./2.15.1-uk-vue-i18n-DdD6VHSI.js";import{r as y}from"./2.15.1-uk-lib-CVM5ABhU.js";import{t as p}from"./2.15.1-uk-FormInput-I6RPjx4X.js";import{t as f}from"./2.15.1-uk-FormLabel-DO39KMDl.js";import{t as J}from"./2.15.1-uk-Form-CkEVr30l.js";var P={class:"text-size-5 md:text-size-7 font-bold mb-6"},L={class:"font-regular mb-4 text-size-4"},G={class:"text-size-3 font-semibold text-blue"},Q={class:"text-size-3 font-semibold text-blue"},W={key:0,class:"text-size-2 font-semibold text-red block"},X={class:"text-size-3 font-semibold text-blue"},Y={key:0,class:"text-size-2 font-semibold text-red block"},Z={class:"text-size-3 font-semibold text-blue"},ee={key:0,class:"text-red text-size-3 font-semibold"},ae=q({__name:"Step8",props:{state:{default:()=>({primaryAccountHolderName:"",mobile:"",email:"",confirmEmail:""})}},emits:["change","isValid","handleNext"],setup(E,{emit:S}){const{t:x}=D(),z=B(),m=N({email:null,mobile:null});async function $(){const a=await R(e.value.email);m.value.email=a?x(a):null}async function k(){const a=await K(e.value.mobile,T.Mobile);m.value.mobile=a?x(a):null}const h=E,v=S,l=z.getUser,e=N({primaryAccountHolderName:"",mobile:"",email:"",confirmEmail:"",...h.state});!e.value.primaryAccountHolderName&&l&&(e.value.primaryAccountHolderName=`${l.first_name||""} ${l.last_name||""}`.trim()),!e.value.mobile&&l&&(e.value.mobile=l.mobile||""),!e.value.email&&l&&(e.value.email=l.email||""),!e.value.confirmEmail&&l&&(e.value.confirmEmail=l.email||"");const A=j(()=>{const{email:a,confirmEmail:t}=e.value;return a!==t});V(e,a=>{b(a)},{deep:!0}),V(()=>h.state,a=>{a&&Object.keys(a).length>0&&JSON.stringify(a)!==JSON.stringify(e.value)&&(Object.assign(e.value,a),b(e.value))},{immediate:!0,deep:!0}),C(()=>{O(()=>{b(e.value)})});function H(){v("handleNext")}function b(a){const{primaryAccountHolderName:t,mobile:o,email:M,confirmEmail:U}=a,F=new RegExp(d.phone),I=y(t)&&F.test(o)&&y(M)&&y(U)&&!A.value;v("isValid",I),v("change",a)}return(a,t)=>(u(),c("div",null,[r("h2",P,i(a.$t("account.tradeAccount.application.stage8.title")),1),r("p",L,i(a.$t("account.tradeAccount.application.stage8.primaryAccountHolderDescription")),1),s(J,{id:"form",class:"my-4 flex flex-col gap-4",onSubmit:w(H,["prevent"])},{default:n(()=>[s(f,{class:"gap-2"},{default:n(()=>[r("span",G,i(a.$t("account.tradeAccount.application.stage8.primaryAccountHolderName")),1),s(p,{modelValue:e.value.primaryAccountHolderName,"onUpdate:modelValue":t[0]||(t[0]=o=>e.value.primaryAccountHolderName=o),type:"text",class:"mb-2",required:""},null,8,["modelValue"])]),_:1}),s(f,{class:"gap-2"},{default:n(()=>[r("span",Q,i(a.$t("account.tradeAccount.application.stage8.mobile")),1),s(p,{modelValue:e.value.mobile,"onUpdate:modelValue":t[1]||(t[1]=o=>e.value.mobile=o),type:"tel",pattern:g(d).phone,required:"",class:"mb-1",onInput:k},null,8,["modelValue","pattern"]),m.value.mobile&&e.value.mobile.trim()!==""?(u(),c("p",W,i(m.value.mobile),1)):_("",!0)]),_:1}),s(f,{class:"gap-2"},{default:n(()=>[r("span",X,i(a.$t("account.tradeAccount.application.stage8.email")),1),s(p,{modelValue:e.value.email,"onUpdate:modelValue":t[2]||(t[2]=o=>e.value.email=o),type:"email",class:"mb-1",pattern:g(d).email,required:"",onInput:$},null,8,["modelValue","pattern"]),m.value.email&&e.value.email.trim()!==""?(u(),c("p",Y,i(m.value.email),1)):_("",!0)]),_:1}),s(f,{class:"gap-2"},{default:n(()=>[r("span",Z,i(a.$t("account.tradeAccount.application.stage8.confirmEmail")),1),s(p,{modelValue:e.value.confirmEmail,"onUpdate:modelValue":t[3]||(t[3]=o=>e.value.confirmEmail=o),type:"email",pattern:g(d).email,class:"mb-2",required:""},null,8,["modelValue","pattern"]),A.value?(u(),c("span",ee,i(a.$t("account.tradeAccount.application.stage8.emailMismatch")),1)):_("",!0)]),_:1})]),_:1})]))}}),ce=Object.assign(ae,{__name:"TradeApplicationStep8"});export{ce as default};