https://www.the-well.com/portal/assets/NewCustomerPage.89ef04ee.js

1import{d as $,j as i,T as h,B as x,o as D,c as b,a as d,D as t,P as f,h as g,x as B,U as F,V as w,W as U,l as y,u as P,p as R,N as k,O as M,G as S,b as N,X as _,w as q,k as A,i as E,F as j,R as I}from"./index.24151e3f.js";const O=$({__name:"CustomerDetailsForm",props:{modelValue:{type:Object,required:!1,default:()=>({email:"",firstName:"",lastName:"",phoneNumber:""})}},emits:["update:modelValue"],setup(V,{emit:r}){const l=V,c={email:{required:w},firstName:{required:w},lastName:{required:w},pronoun:{},phoneNumber:{required:w,phoneNumberValidator:U}},s=i(l.modelValue.firstName),u=i(l.modelValue.lastName),m=i(l.modelValue.email),p=i(l.modelValue.phoneNumber),v=i(l.modelValue.pronoun),a=h(c,{firstName:s,lastName:u,email:m,phoneNumber:p,pronoun:v}),C=({value:n})=>{v.value=n,a.value.pronoun.$validate()};return x(()=>({firstName:s.value,lastName:u.value,email:m.value,phoneNumber:p.value,pronoun:v.value}),n=>{(a==null?void 0:a.value.$invalid)===!1?r("update:modelValue",n):r("update:modelValue",void 0)}),(n,e)=>(D(),b("form",null,[d(f,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=o=>s.value=o),errors:t(a).firstName.$errors,placeholder:"First Name",autocomplete:"given-name",onBlur:e[1]||(e[1]=o=>t(a).firstName.$validate())},null,8,["modelValue","errors"]),d(f,{modelValue:u.value,"onUpdate:modelValue":e[2]||(e[2]=o=>u.value=o),errors:t(a).lastName.$errors,placeholder:"Last Name",autocomplete:"family-name",onBlur:e[3]||(e[3]=o=>t(a).lastName.$validate())},null,8,["modelValue","errors"]),d(f,{modelValue:m.value,"onUpdate:modelValue":e[4]||(e[4]=o=>m.value=o),errors:t(a).email.$errors,placeholder:"Email",autocomplete:"email",type:"email",onBlur:e[5]||(e[5]=o=>t(a).email.$validate())},null,8,["modelValue","errors"]),d(f,{modelValue:p.value,"onUpdate:modelValue":e[6]||(e[6]=o=>p.value=o),errors:t(a).phoneNumber.$errors,autocomplete:"tel",placeholder:"Phone number",type:"tel",onBlur:e[7]||(e[7]=o=>t(a).phoneNumber.$validate())},null,8,["modelValue","errors"]),d(g,{"model-value":v.value,class:"mb-4",label:"Pronoun",options:t(F),errors:t(a).pronoun.$errors,"onUpdate:modelValue":C},null,8,["model-value","options","errors"]),B(n.$slots,"extras")]))}}),T=y`
2  mutation CreateNewCustomerMutation(
3    $newCustomerDetails: NewCustomerDetailsInput!
4    $creditCardDetails: CreditCardDetails!
5  ) {
6    createNewCustomer(newCustomerDetails: $newCustomerDetails, creditCardDetails: $creditCardDetails) {
7      id
8    }
9  }
10`,G=()=>{const{mutate:V,loading:r}=P(T);return{createNewCustomer:async c=>{var m;const s=await V(c),u=(m=s==null?void 0:s.data)==null?void 0:m.createNewCustomer;if(u==null)throw new Error("Customer was not returned. Should never happen.");return u},loading:r}},L=N("h2",null,"Create new customer",-1),W={class:"max-w-2xl gap-4 flex flex-col px-4 pb-6 md:px-0 md:pb-0 mt-8"},X=N("h3",null,"Details",-1),z=N("h3",null,"Card",-1),H={class:"self-center md:self-end"},K=$({__name:"NewCustomerPage",setup(V){const r=i(),l=i(),c=R(()=>r.value!=null&&l.value!=null),{createNewCustomer:s,loading:u}=G(),m=k(),{resetStore:p}=M(),v=S(),a=async()=>{if(r.value==null||l.value==null)return;const C=await s({newCustomerDetails:r.value,creditCardDetails:l.value});m.setActiveCustomer(C.id),p().then(()=>{v.push({name:I.MyDetails})})};return(C,n)=>(D(),b(j,null,[L,N("div",W,[X,d(O,{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=e=>r.value=e)},null,8,["modelValue"]),z,d(_,{modelValue:l.value,"onUpdate:modelValue":n[1]||(n[1]=e=>l.value=e)},null,8,["modelValue"]),N("div",H,[d(E,{disabled:!c.value||t(u),"is-loading":t(u),onClick:a},{default:q(()=>[A(" Create Customer ")]),_:1},8,["disabled","is-loading"])])])],64))}});export{K as default};
11//# sourceMappingURL=NewCustomerPage.89ef04ee.js.map