1import{_ as He}from"./BCC19s6v.js";import{_ as We,a as Ge}from"./BCkZ5HSe.js";import{_ as qe}from"./NWSKeIrD.js";import{d as j,j as Q,r as X,c as d,o as n,b as o,q as M,g as y,K as se,h as s,p as ie,l as Z,A as re,f as H,M as ge,k as f,w as x,e as B,L as me,t as _,F as ae,m as oe,U as ye,_ as ze,a as ne,D as ee,n as F,V as he,E as Y,i as z,N as we,G as Ke,u as Te,s as $e,z as Ye,H as Je,B as je}from"./D_mF_-n6.js";import{_ as le}from"./Cb8fdNPe.js";import{_ as ce}from"./BqLPXbt5.js";import{_ as de}from"./5DMILsUn.js";import{r as J,u as pe,p as Qe,t as Ne,b as Xe,e as Me,m as Ie,s as Ue,d as Le,f as Be,a as Ae}from"./ChPB3dKv.js";import{_ as Re}from"./QkMiJ7v3.js";import{s as A}from"./rLTTbG1v.js";import{a as Pe,_ as ke,b as Ve}from"./DD2mNllD.js";import{d as De}from"./O1PizsF4.js";import{_ as Ze}from"./BE8acfYL.js";import{u as et}from"./BP_sSdoo.js";import"./MmydBhYd.js";import"./D8aEg3BZ.js";const fe={AboutYou:1,Settings:2},tt={class:"bg-white-color border-b-thin-grey-color pt-medium-2 pb-medium-2 pr-medium-1 pl-medium-1 pt-small-1-mob pb-small-1-mob pr-small-2-mob pl-small-2-mob mr-small-1-mob ml-small-1-mob navigation-account-container gap-1-smdesk"},st={class:"navigation-account-list"},at=j({__name:"Navigation",props:{eventName:{type:String,default:""}},setup(O){const{$bus:p}=Q(),l=X({tabs:fe,selectedTab:fe.AboutYou,eventsBus:{policyMemberChangedEvent:"policy-member-changed-event",accountTabClickEvent:"account-tab-click-event"}}),r=a=>{l.selectedTab!==a&&(l.selectedTab=a,p.$emit(l.eventsBus.accountTabClickEvent,l.selectedTab))};return(a,i)=>{const e=qe;return n(),d("div",tt,[o("div",st,[o("button",{type:"button",class:se(["navigation-account-item",s(l).selectedTab===s(l).tabs.AboutYou?"navigation-account-item-active":""]),onClick:i[0]||(i[0]=t=>r(s(l).tabs.AboutYou))}," About you ",2),o("button",{type:"button",class:se(["navigation-account-item",s(l).selectedTab===s(l).tabs.Settings?"navigation-account-item-active":""]),onClick:i[1]||(i[1]=t=>r(s(l).tabs.Settings))}," Settings ",2)]),s(l).selectedTab===s(l).tabs.AboutYou?(n(),M(e,{key:0,"event-name":s(l).eventsBus.policyMemberChangedEvent,"dropdown-label":"View:",class:"or-1-smtab"},null,8,["event-name"])):y("",!0)])}}}),ot={class:"flex"},nt={class:"switch"},lt=j({__name:"ToggleSwitch",props:{toggleValue:{type:Boolean,default:!1}},setup(O){const{$api:p,$loading:l}=Q(),r=p(),i=X({toggleValueData:O.toggleValue}),e=ie(null);Z(()=>{re(()=>{i.toggleValueData?e.value.setAttribute("checked","checked"):e.value.removeAttribute("checked")})});const t=async()=>{l.$start(),i.toggleValueData=!i.toggleValueData,await r.security.changeTwoFactorAuthentication(i.toggleValueData),l.$finish()};return(S,u)=>(n(),d("div",ot,[u[1]||(u[1]=H(" OFF ")),o("label",nt,[o("input",{id:"two-factor-auth-toggle",ref_key:"checkboxToggleRef",ref:e,type:"checkbox",onClick:t},null,512),u[0]||(u[0]=o("span",{class:"slider round"},null,-1))]),u[2]||(u[2]=H(" ON "))]))}}),rt=ge(lt,[["__scopeId","data-v-84f64658"]]),it={class:"button-account-left"},dt={class:"button-account-label-group"},ct={class:"button-account-label"},ut={key:0,class:se(["button-account-value"])},mt={key:1,class:"button-account-value"},pt=["href","target"],vt={class:"button-account-left"},ft={class:"button-account-label-group"},bt={class:"button-account-label"},yt={key:0,class:se(["button-account-value"])},ht={key:1,class:"button-account-value"},gt={class:"button-account-left"},_t={class:"button-account-label-group"},Ct={class:"button-account-label"},$t={key:0,class:se(["button-account-value"])},Dt={key:2,class:"button-account-value"},wt={class:"button-account-left"},Pt={class:"button-account-label-group"},kt={class:"button-account-label"},St={key:0,class:se(["button-account-value"])},Et={key:1,class:"button-account-value"},Fe=j({inheritAttrs:!1,__name:"ButtonAccount",props:{isLink:{type:Boolean,default:!1},isLinkStatic:{type:Boolean,default:!1},isNotAButton:{type:Boolean,default:!1},path:{type:String,default:""},eventName:{type:String,default:"on-click"},buttonLabel:{type:String,default:""},buttonValue:{type:String,default:""},hasButtonValueMultipleRows:{type:Boolean,default:!1},param:{type:Object,default:null},newTab:{type:Boolean,default:!1},toggle:{type:Boolean,default:!1}
1,toggleValue:{type:Boolean,default:!1}},setup(O){const{$bus:p}=Q(),l=O,r=f(()=>l.hasButtonValueMultipleRows?l.buttonValue.split(","):null),a=()=>{p.$emit(l.eventName,l.param)};return(i,e)=>{const t=le,S=ze,u=rt;return l.isLink?(n(),M(S,ye({key:0},i.$attrs,{class:"button-account generic-button",to:l.path}),{default:x(()=>[o("div",it,[me(i.$slots,"button-icon"),o("div",dt,[o("div",ct,[H(_(l.buttonLabel)+" ",1),me(i.$slots,"button-icon-right")]),l.hasButtonValueMultipleRows?(n(),d("div",ut,[(n(!0),d(ae,null,oe(s(r),(g,$)=>(n(),d("div",{key:`${$}${(Math.random()+1).toString(36).substring(7)}`},[o("span",{class:se(s(r).length===1?"text-capitalize":"")},_(g),3)]))),128))])):(n(),d("div",mt,_(l.buttonValue),1))])]),B(t,{name:"arrow2-right",color:"primary-color"})]),_:3},16,["to"])):l.isLinkStatic?(n(),d("a",ye({key:1},i.$attrs,{class:"button-account generic-button",href:l.path,target:l.newTab?"_blank":""}),[o("div",vt,[me(i.$slots,"button-icon"),o("div",ft,[o("div",bt,[H(_(l.buttonLabel)+" ",1),me(i.$slots,"button-icon-right")]),l.hasButtonValueMultipleRows?(n(),d("div",yt,[(n(!0),d(ae,null,oe(s(r),(g,$)=>(n(),d("div",{key:`${$}${(Math.random()+1).toString(36).substring(7)}`},[o("span",{class:se(s(r).length===1?"text-capitalize":"")},_(g),3)]))),128))])):(n(),d("div",ht,_(l.buttonValue),1))])]),B(t,{name:"arrow2-right",color:"primary-color"})],16,pt)):l.isNotAButton?(n(),d("div",ye({key:2},i.$attrs,{class:"button-account-fake"}),[o("div",gt,[me(i.$slots,"button-icon"),o("div",_t,[o("div",Ct,[H(_(l.buttonLabel)+" ",1),me(i.$slots,"button-icon-right")]),l.hasButtonValueMultipleRows?(n(),d("div",$t,[(n(!0),d(ae,null,oe(s(r),(g,$)=>(n(),d("div",{key:`${$}${(Math.random()+1).toString(36).substring(7)}`},[o("span",{class:se(s(r).length===1?"text-capitalize":"")},_(g),3)]))),128))])):y("",!0),l.toggle?(n(),M(u,{key:1,"toggle-value":l.toggleValue,class:"button-account-value"},null,8,["toggle-value"])):(n(),d("div",Dt,_(l.buttonValue),1))])])],16)):(n(),d("button",ye({key:3},i.$attrs,{class:"button-account generic-button",type:"button",onClick:a}),[o("div",wt,[me(i.$slots,"button-icon"),o("div",Pt,[o("div",kt,[H(_(l.buttonLabel)+" ",1),me(i.$slots,"button-icon-right")]),l.hasButtonValueMultipleRows?(n(),d("div",St,[(n(!0),d(ae,null,oe(s(r),(g,$)=>(n(),d("div",{key:`${$}${(Math.random()+1).toString(36).substring(7)}`},[o("span",{class:se(s(r).length===1?"text-capitalize":"")},_(g),3)]))),128))])):(n(),d("div",Et,_(l.buttonValue),1))])]),B(t,{name:"arrow2-right",color:"primary-color"})],16))}}}),Nt={class:"input-group-static-label"},Mt={class:"select-container"},Bt=["readonly","disabled"],At=["value"],xt=["value"],Tt={class:"input-group-floating-label modal-group"},It=["readonly"],Ut={key:0,class:"input-helper"},Lt={key:1,class:"input-helper input-error"},Rt={class:"input-group-floating-label modal-group"},Vt=["readonly"],Ft={class:"input-group-floating-label modal-group"},Ot=["readonly"],Ht={key:0,class:"input-helper"},Wt={key:1,class:"input-helper input-error"},Gt=j({__name:"FormUpdateName",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=X({isReadonly:!1,titleSelectedValue:null,middleName:null,message:"",isEditable:!1,saveSucceeded:!1,isSaveDisabled:!0,hasSaveButton:!1,isDataLoaded:!1,refreshCards:!1,titles:[],eventsBus:{updateNameModalCloseEvent:"update-name-modal-close-event",updateNameModalSaveEvent:"update-name-modal-save-event",saveCustomerNameEvent:"save-customer-name-event"}}),t=ie({firstName:null,surname:null}),S=f(()=>({firstName:{required:J,$lazy:!0},surname:{required:J,$lazy:!0}})),u=pe(S,t),g=f(()=>u.value.firstName.required.$invalid?"Please enter your First Name":""),$=f(()=>u.value.surname.required.$invalid?"Please enter your Surname":""),E=f(()=>p.getters["person/getAccountSelectedCustomerId"]);Z(()=>{re(async()=>{a.$start(),await v(),a.$finish()}),r.$on(e.eventsBus.saveCustomerNameEvent,async()=>{u.value.$validate(),!u.value.firstName.$invalid&&!u.value.surname.$invalid&&await k()})}),ee(()=>{r.$off(e.eventsBus.saveCustomerNameEvent)});const R=()=>{e.refreshCards?r.$emit(e.eventsBus.updateNameModalSaveEvent):r.$emit(e.eventsBus.updateNameModalCloseEvent)},v=async()=>{const b=await i.policy.getCustomerName(E.value);e.titleSelectedValue=b.title,t.value.firstName=b.firstName,e.middleName=b.middleName,t.value.surname=b.surname,e.titles=b.titles,e.isEditable=b.isEditable,e.isDataLoaded=!0,b.isEditable?(e.isReadonly=!1,e.hasSaveButton=!0):(e.isSaveDisabled=!0,e.isReadonly=!0,e.hasSaveButton=!1),b.message&&(e.message=b.message),a.$finish()},k=async()=>{let b=null;try{a.$start(),b=await i.policy.saveCustomerName(E.value,e.titleSelectedValue,t.value.firstName,e.middleName,t.value.surname),e.saveSucceeded=b.success,b.success&&(e.message=b.message,e.hasSaveButton=!1,e.isSaveDisabled=!0,e.isReadonly=!0,e.refreshCards=!0)}catch{}finally{e.message=b.message,a.$finish()}},m=()=>{e.message="",e.isSaveDisabled=!1};return(b,D)=>{const U=le,w=ce,N=de;return n(),d("div",null,[s(e).isDataLoaded?(n(),M(N,{key:0,title:"About you",description:"",cancel:!0,next:!1,"btn-click":s(e).hasSaveButton,"is-button-click-disabled":s(e).isSaveDisabled,"button-label":"Save","on-click-event":s(e).eventsBus.saveCustomerNameEvent,"has-floating-labels":!0,onCloseModal:R},{default:x(()=>[o("div",Nt,[D[8]||(D[8]=o("label",{for:"titleSelectedValue",class:"modal-label"},"Title",-1)),o("div",Mt,[F(o("select",{id:"title","onUpdate:modelValue":D[0]||(D[0]=C=>s(e).titleSelectedValue=C),readonly:s(e).isReadonly,disabled:s(e).isReadonly,onInput:D[1]||(D[1]=C=>m())},[s(e).titles?y("",!0):(n(),d("option",{key:0,value:s(e).titleSelectedValue},_(s(e).titleSelectedValue),9,At)),(n(!0),d(ae,null,oe(s(e).titles,(C,c)=>(n(),d("option",{key:`title${c}`,value:C},_(C),9,xt))),128))],40,Bt),[[he,s(e).titleSelectedValue]]),B(U,{name:"arrow-dropdown",color:"primary-color"})])]),o("div",Tt,[F(o("input",{id:"firstName","onUpdate:modelValue":D[2]||(D[2]=C=>s(t).firstName=C),type:"text",placeholder:"First name",readonly:s(e).isReadonly,onInput:D[3]||(D[3]=C=>m())},null,40,It),[[Y,s(t).firstName]]),D[9]||(D[9]=o("label",{for:"firstName",class:"modal-label"},"First name *",-1)),s(g)?(n(),d("span",Lt,_(s(g)),1)):(n(),d("span",Ut," Please enter your First Name. "))]),o("div",Rt,[F(o("input",{id:"middleName","onUpdate:modelValue":D[4]||(D[4]=C=>s(e).middleName=C),type:"text",placeholder:"Middle name",readonly:s(e).isReadonly,onInput:D[5]||(D[5]=C=>m())},null,40,Vt),[[Y,s(e).middleName]]),D[10]||(D[10]=o("label",{for:"middleName",class:"modal-label"},"Middle name",-1))]),o("div",Ft,[F(o("input",{id:"surname","onUpdate:modelValue":D[6]||(D[6]=C=>s(t).surname=C),type:"text",placeholder:"Surname",readonly:s(e).isReadonly,onInput:D[7]||(D[7]=C=>m())},null,40,Ot),[[Y,s(t).surname]]),D[11]||(D[11]=o("label",{for:"surname",class:"modal-label"},"Surname *",-1)),s($)?(n(),d("span",Wt,_(s($)),1)):(n(),d("span",Ht," Please enter your Surname. "))]),s(e).message?(n(),M(w,{key:0,"info-box-type":s(e).isEditable&&!s(e).saveSucceeded?"success-light":"warning-light","info-box-message":s(e).message,"has-icon":!0},{"status-icon":x(()=>[B(U,{name:s(e).isEditable&&!s(e).saveSucceeded?"available-big":"warning-big",color:s(e).isEditable&&!s(e).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["btn-click","is-button-click-disabled","on-click-event"])):y("",!0)])}}}),qt=j({__name:"FormUpdateDob",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=X({date:null,isReadonly:!1,title:null,message:"",isEditable:!1,saveSucceeded:!1,isSaveDisabled:!0,hasSaveButton:!1,isDataLoaded:!1,refreshCards:!1,initialDate:null,errorMsg:"",eventsBus:{updateDobModalSaveEvent:"update-dob-modal-save-event",updateDobModalCloseEvent:"update-dob-modal-close-event",checkCustomerDateOfBirthEvent:"check-customer-date-of-birth-event"}}),t=f(()=>p.getters["person/getAccountSelectedCustomerId"]),S=f(()=>p.getters["person/getAccountSelectedContractId"]);Z(()=>{re(async()=>{a.$start(),await g(),a.$finish()}),r.$on(e.eventsBus.checkCustomerDateOfBirthEvent,()=>{r.$emit("update-verify-date"),e.date?e.message="":e.errorMsg="Please enter Date of Birth"}),r.$on("remove-errorMsg",()=>{e.errorMsg=""}),r.$on("date-validation",async E=>{E?(a.$start(),await $(),a.$finish()):e.errorMsg="Please enter a valid Date of Birth"}),r.$on("date-changed",E=>{e.isSaveDisabled=!1})}),ee(()=>{r.$off(e.eventsBus.checkCustomerDateOfBirthEvent),r.$off("date-validation"),r.$off("remove-errorMsg"),r.$off("date-changed")});const u=()=>{e.refreshCards?r.$emit(e.eventsBus.updateDobModalSaveEvent):r.$emit(e.eventsBus.updateDobModalCloseEvent),e.message=""},g=async()=>{const E=await i.policy.getCustomerDateOfBirth(t.value);e.date=E.dateOfBirth,e.initialDate=E.dateOfBirth,e.isEditable=E.isEditable,e.isDataLoaded=!0,E.isEditable?(e.isReadonly=!1,e.hasSaveButton=!0):(e.isSaveDisabled=!0,e.isReadonly=!0,e.hasSaveButton=!1),E.message&&(e.message=E.message)},$=async()=>{let E=null;try{a.$start(),E=await i.policy.saveCustomerDateOfBirth(t.value,S.value,e.date),e.saveSucceeded=E.success,E.success&&(e.message=E.message,e.hasSaveButton=!1,e.isSaveDisabled=!0,e.isReadonly=!0,e.refreshCards=!0)}catch{}finally{e.message=E.message,a.$finish()}};return(E,R)=>{const v=Re,k=le,m=ce,b=de;return n(),d("div",null,[s(e).isDataLoaded?(n(),M(b,{key:0,title:"Date of birth",description:"",cancel:!0,next:!1,"btn-click":s(e).hasSaveButton,"is-button-click-disabled":s(e).isSaveDisabled,"button-label":"Save","has-floating-labels":!0,"on-click-event":s(e).eventsBus.checkCustomerDateOfBirthEvent,onCloseModal:u},{default:x(()=>[B(v,{value:s(e).date,onInput:R[0]||(R[0]=D=>{s(e).date=D}),label:"Please enter your Date of Birth:","error-msg-label":"Date of Birth",required:!0,disabled:s(e).isReadonly,"error-msg":s(e).errorMsg},null,8,["value","disabled","error-msg"]),s(e).message?(n(),M(m,{key:0,"info-box-type":s(e).isEditable&&!s(e).saveSucceeded?"success-light":"warning-light","info-box-message":s(e).message,"has-icon":!0},{"status-icon":x(()=>[B(k,{name:s(e).isEditable&&!s(e).saveSucceeded?"available-big":"warning-big",color:s(e).isEditable&&!s(e).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["btn-click","is-button-click-disabled","on-click-event"])):y("",!0)])}}}),zt={class:"input-group-static-label"},Kt={class:"select-container"},Yt=["readonly"],Jt=["value"],jt={key:0,class:"input-helper input-error"},Qt={class:"input-group-static-label"},Xt={class:"searchbox-container"},Zt=["readonly"],es={class:"search-results-container"},ts={key:0,class:"search-results"},ss=["aria-label","onClick"],as={key:0,class:"input-helper input-error"},os=j({__name:"FormUpdateGp",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=X({isReadonly:!1,gpTypes:[],message:"",isEditable:!1,saveSucceeded:!1,isSaveDisabled:!0,hasSaveButton:!1,isDataLoaded:!1,refreshCards:!1,eventsBus:{updateGpModalSaveEvent:"update-gp-modal-save-event",updateGpModalCloseEvent:"update-gp-modal-close-event",saveCustomerGpPracticeEvent:"save-customer-gp-practice-event"},searchResults:[],practiceTypeId:null,debounceTimeout:null,practiceIdSelected:null}),t=ie({gpSelectedValue:"",searchText:""}),S=f(()=>({gpSelectedValue:{required:J,$lazy:!0},searchText:{required:J,$lazy:!0}})),u=pe(S,t),g=f(()=>p.getters["person/getAccountSelectedCustomerId"]),$=f(()=>p.getters["person/getCustomerAddress"]),E=f(()=>u.value.gpSelectedValue.required.$invalid?"Please enter GP type":""),R=f(()=>u.value.searchText.required.$invalid?"Please enter GP":""),v=f(()=>t.value.searchText&&e.practiceIdSelected?!1:(e.practiceIdSelected=null,!0));Z(()=>{re(async()=>{a.$start(),await m(),await b(),a.$finish()}),r.$on(e.eventsBus.saveCustomerGpPracticeEvent,async()=>
1{u.value.$validate(),!u.value.gpSelectedValue.$invalid&&!u.value.searchText.$invalid&&await D()})}),ee(()=>{r.$off(e.eventsBus.saveCustomerGpPracticeEvent)});const k=()=>{e.refreshCards?r.$emit(e.eventsBus.updateGpModalSaveEvent):r.$emit(e.eventsBus.updateGpModalCloseEvent),e.message=""},m=async()=>{const c=await i.policy.getPracticeTypes();e.gpTypes=c},b=async()=>{const c=await i.policy.getCustomerGpPractice(g.value);c.practiceTypeId?t.value.gpSelectedValue=c.practiceTypeId:t.value.gpSelectedValue=e.gpTypes[0].value,e.isEditable=c.isEditable,e.isDataLoaded=!0,c.isEditable?(e.isReadonly=!1,e.hasSaveButton=!0):(e.isSaveDisabled=!0,e.isReadonly=!0,e.hasSaveButton=!1),c.message&&(e.message=c.message)},D=async()=>{let c=null;try{a.$start(),c=await i.policy.saveCustomerGpPractice(g.value,e.practiceIdSelected,0),e.saveSucceeded=c.success,c.success&&(e.message=c.message,e.hasSaveButton=!1,e.isSaveDisabled=!0,e.isReadonly=!0,e.refreshCards=!0)}catch{}finally{e.message=c.message,a.$finish()}},U=async c=>{t.value.searchText=c.srcElement.value;const T=c.key;t.value.gpSelectedValue.length>1&&(t.value.gpSelectedValue=e.gpTypes.filter(q=>q.text===t.value.gpSelectedValue),t.value.gpSelectedValue=t.value.gpSelectedValue[0].valueOf()),t.value.searchText.length>=3||t.value.searchText.length>=3&&(T==="Backspace"||T==="Delete")?e.searchResults=await i.policy.searchGpPractice(t.value.searchText,$.value.postcode,t.value.gpSelectedValue):e.searchResults=[]},w=async c=>{e.debounceTimeout&&clearTimeout(e.debounceTimeout),e.debounceTimeout=await setTimeout(()=>{U(c)},500)},N=(c,T)=>{t.value.searchText=T.srcElement.innerText,e.searchResults=[],e.practiceIdSelected=c.practiceId},C=()=>{t.value.searchText="",e.searchResults=[]};return(c,T)=>{const q=le,te=ce,L=de;return n(),d("div",null,[s(e).isDataLoaded?(n(),M(L,{key:0,title:"GP Practice",description:"",cancel:!0,next:!1,"btn-click":s(e).hasSaveButton,"is-button-click-disabled":s(v),"button-label":"Save","has-floating-labels":!0,"on-click-event":s(e).eventsBus.saveCustomerGpPracticeEvent,onCloseModal:k},{default:x(()=>[o("div",zt,[T[3]||(T[3]=o("label",{for:"gpSelectedValue",class:"modal-label"},"GP type",-1)),o("div",Kt,[F(o("select",{id:"gpSelectedValue","onUpdate:modelValue":T[0]||(T[0]=I=>s(t).gpSelectedValue=I),readonly:s(e).isReadonly,onChange:C},[(n(!0),d(ae,null,oe(s(e).gpTypes,(I,h)=>(n(),d("option",{key:`option${h}`,value:I.value},_(I.text),9,Jt))),128))],40,Yt),[[he,s(t).gpSelectedValue]]),B(q,{name:"arrow-dropdown",color:"primary-color"})]),s(E)?(n(),d("span",jt,_(s(E)),1)):y("",!0)]),o("div",Qt,[o("div",Xt,[F(o("input",{id:"searchText",ref:"searchText","onUpdate:modelValue":T[1]||(T[1]=I=>s(t).searchText=I),type:"text",placeholder:"Search",readonly:s(e).isReadonly,onKeyup:T[2]||(T[2]=I=>w(I))},null,40,Zt),[[Y,s(t).searchText]]),B(q,{name:"search",color:"primary-color"})]),o("div",es,[s(e).searchResults.length>0?(n(),d("ul",ts,[(n(!0),d(ae,null,oe(s(e).searchResults,(I,h)=>(n(),d("li",{key:h},[o("a",{role:"button","aria-label":`Autocomplete ${I.name}`,onClick:ue=>N(I,ue)},_(I.name+", "+I.postcode),9,ss)]))),128))])):y("",!0)]),s(R)?(n(),d("span",as,_(s(R)),1)):y("",!0)]),s(e).message?(n(),M(te,{key:0,"info-box-type":s(e).isEditable&&!s(e).saveSucceeded?"success-light":"warning-light","info-box-message":s(e).message,"has-icon":!0},{"status-icon":x(()=>[B(q,{name:s(e).isEditable&&!s(e).saveSucceeded?"available-big":"warning-big",color:s(e).isEditable&&!s(e).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["btn-click","is-button-click-disabled","on-click-event"])):y("",!0)])}}}),ns={class:"input-group-static-label"},ls={class:"searchbox-container"},rs=["disabled"],is={class:"search-results-container"},ds={key:0,class:"search-results"},cs=["aria-label","onClick"],us={key:1,class:"input-helper input-error"},ms=j({__name:"FormUpdateAddress",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=ie(null),t=X({stringFormatter:A,isReadonly:!1,title:null,message:"",isEditable:!1,saveSucceeded:!1,isSaveDisabled:!0,hasSaveButton:!1,isDataLoaded:!1,refreshCards:!1,currentAddressLine1:null,currentAddressLine2:null,currentAddressLine3:null,currentAddressLine4:null,currentPostcode:null,movingDate:null,searchResults:[],hasAddress:!1,selectedAddress:null,errorMsg:"",debounceTimeout:null,eventsBus:{updateAddressModalSaveEvent:"update-ad
1dress-modal-save-event",updateAddressModalCloseEvent:"update-address-modal-close-event",checkCustomerMovingDateEvent:"check-customer-moving-date-event"}});let S=ie({postcode:""});const u=f(()=>({postcode:{required:J,$lazy:!0,postcodeRegex:Qe}})),g=pe(u,S),$=f(()=>p.getters["person/getAccountSelectedCustomerId"]),E=f(()=>p.getters["person/getAccountSelectedContractId"]),R=f(()=>g.value.postcode.required.$invalid?"Please enter Postcode":!t.hasAddress&&g.value.postcode.$invalid?"Please enter a valid postcode.":"");Z(()=>{re(async()=>{a.$start(),await k(),a.$finish(),r.$on("remove-errorMsg",()=>{t.errorMsg=""}),r.$on("move-focus",()=>{var N;(N=e.value)==null||N.focus()}),r.$on("date-validation",async N=>{w()?(a.$start(),await m(),a.$finish()):t.movingDate||(t.errorMsg="Please enter a valid Moving date")}),r.$on("date-changed",N=>{t.isSaveDisabled=!1})}),r.$on(t.eventsBus.checkCustomerMovingDateEvent,()=>{g.value.$validate(),t.message="",r.$emit("update-verify-date")})}),ee(()=>{r.$off(t.eventsBus.checkCustomerMovingDateEvent),r.$off("date-validation"),r.$off("remove-errorMsg"),r.$off("date-changed"),r.$off("move-focus")});const v=()=>{t.refreshCards?r.$emit(t.eventsBus.updateAddressModalSaveEvent):r.$emit(t.eventsBus.updateAddressModalCloseEvent),t.message=""},k=async()=>{const N=await i.policy.getCustomerAddress($.value);t.currentAddressLine1=N.addressLine1,t.currentAddressLine2=N.addressLine2,t.currentAddressLine3=N.addressLine3,t.currentAddressLine4=N.addressLine4,t.currentPostcode=N.postcode,t.isEditable=N.isEditable,t.isDataLoaded=!0,N.isEditable?(t.isReadonly=!1,t.hasSaveButton=!0):(t.isSaveDisabled=!0,t.isReadonly=!0,t.hasSaveButton=!1),N.message&&(t.message=N.message)},m=async()=>{let N=null;try{a.$start(),N=await i.policy.saveCustomerAddress($.value,E.value,t.movingDate,!1,t.selectedAddress.Postcode,t.selectedAddress.AddressLine1,t.selectedAddress.AddressLine2,t.selectedAddress.AddressLine3,t.selectedAddress.AddressLine4),t.saveSucceeded=N.success,N.success&&(t.message=N.message,t.hasSaveButton=!1,t.isSaveDisabled=!0,t.isReadonly=!0,t.refreshCards=!0)}catch{}finally{t.message=N.message,a.$finish()}},b=async N=>{g.value.postcode.$touch();const C=N.key;if(t.searchResults=[],C==="Enter"){if(!g.value.postcode.$invalid){const c=await i.policy.searchAddress(S.value.postcode);c&&(c.houseNos&&c.houseNos.length>0?c.houseNos.forEach(T=>{t.searchResults.push({AddressLine1:T?`${T} ${c.addressLine1}`:c.addressLine1,AddressLine2:c.addressLine2,AddressLine3:c.addressLine3,AddressLine4:c.addressLine4,Postcode:c.postCode,HouseNo:T})}):t.searchResults.push({AddressLine1:c.addressLine1,AddressLine2:c.addressLine2,AddressLine3:c.addressLine3,AddressLine4:c.addressLine4,Postcode:c.postCode}))}}else t.searchResults=[]},D=async N=>{t.debounceTimeout&&clearTimeout(t.debounceTimeout),t.debounceTimeout=await setTimeout(()=>{b(N)},500)},U=(N,C)=>{S.value.postcode=C.srcElement.innerText,t.selectedAddress=N,t.searchResults=[],t.hasAddress=!0,g.value.postcode.$touch()},w=()=>!(!t.movingDate||!t.selectedAddress);return(N,C)=>{const c=Re,T=le,q=ce,te=de;return n(),d("div",null,[s(t).isDataLoaded?(n(),M(te,{key:0,title:"Address",description:"What date did you / are you going to move address?","extra-description":`Current address: ${s(t).stringFormatter.stringJoin(", ",[s(t).currentAddressLine1,s(t).currentAddressLine2,s(t).currentAddressLine3,s(t).currentAddressLine4,s(t).currentPostcode])}`,cancel:!0,next:!1,"btn-click":s(t).hasSaveButton,"is-button-click-disabled":s(t).isSaveDisabled,"button-label":"Save","has-floating-labels":!0,"on-click-event":s(t).eventsBus.checkCustomerMovingDateEvent,onCloseModal:v},{default:x(()=>[B(c,{onInput:C[0]||(C[0]=L=>{s(t).movingDate=L}),label:"Moving date","error-msg-label":"Moving date",required:!0,disabled:s(t).isReadonly,"error-msg":s(t).errorMsg},null,8,["disabled","error-msg"]),o("div",ns,[C[4]||(C[4]=o("label",{for:"postcode",class:"modal-label"},"New address",-1)),o("div",ls,[F(o("input",{id:"postcode",ref_key:"postcodeRef",ref:e,"onUpdate:modelValue":C[1]||(C[1]=L=>s(S).postcode=L),type:"text",placeholder:"enter postal code",disabled:s(t).isReadonly,onInput:C[2]||(C[2]=L=>s(S).postcode=s(S).postcode.toUpperCase()),onKeyup:C[3]||(C[3]=L=>D(L))},null,40,rs),[[Y,s(S).postcode,void 0,{trim:!0}]]),B(T,{name:"search",color:"primary-color"})]),o("div",is,[s(t).searchResults.length>0?(n(),d("ul",ds,[(n(!0),d(ae,null,oe(s(t).searchResults,(L,I)=>(n(),d("li",{key:I},[o("a",{role:"button","aria-label":`Autocomplete ${L.AddressLine1}`,onClick:h=>U(L,h)},_(s(t).stringFormatter.stringJoin(", ",[L.AddressLine1,L.AddressLine2,L.AddressLine3,L.AddressLine4,L.Postcode])),9,cs)])
1)),128))])):y("",!0),s(R)?(n(),d("span",us,_(s(R)),1)):y("",!0)])]),C[5]||(C[5]=o("p",null," Please note this change will apply to all members on your policy/scheme. ",-1)),s(t).message?(n(),M(q,{key:0,"info-box-type":s(t).isEditable&&!s(t).saveSucceeded?"success-light":"warning-light","info-box-message":s(t).message,"has-icon":!0},{"status-icon":x(()=>[B(T,{name:s(t).isEditable&&!s(t).saveSucceeded?"available-big":"warning-big",color:s(t).isEditable&&!s(t).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["extra-description","btn-click","is-button-click-disabled","on-click-event"])):y("",!0)])}}}),ps={key:0,style:{"padding-bottom":"65px"}},vs={class:"input-group-floating-label"},fs=["readonly"],bs={key:0,class:"input-helper"},ys={key:1,class:"input-helper input-error"},hs={key:1,class:"input-group-floating-label modal-group"},gs=["readonly"],_s={class:"input-helper input-error"},Cs={key:2,class:"input-group-static-label modal-checkbox-group",style:{display:"flex",gap:"5px","align-items":"start"}},$s=["checked"],Ds={key:3,class:"input-group-floating-label modal-group"},ws=["readonly"],Ps={class:"input-helper input-error"},ks={key:4,class:"input-group-floating-label modal-group"},Ss=["readonly"],Es={class:"input-helper input-error"},Ns={key:5,class:"input-group-floating-label modal-group"},Ms=["readonly"],Bs={class:"input-helper input-error"},As={key:6,class:"input-group-static-label"},xs={class:"select-container"},Ts=["disabled"],Is=["value"],Us={class:"input-group-static-label"},Ls={class:"select-container"},Rs=["disabled"],Vs=["value"],Fs=j({__name:"FormUpdateContactDetails",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=X({isReadonly:!1,showConfirmEmailAddress:!1,showCheckbox:!1,showPhoneInput:!0,preferredContactNumberList:[],preferredContactMethodList:[A.formatPreferredContactMethod(z.contactMethod.Email),A.formatPreferredContactMethod(z.contactMethod.Post)],preferredContactNumber:"",preferredContactMethod:"",isChecked:!1,message:"",isEditable:!1,saveSucceeded:!1,isSaveDisabled:!0,hasSaveButton:!1,isDataLoaded:!1,refreshCards:!1,isPreferredContactNumberDisabled:!0,isPreferredContactMethodDisabled:!1,contactMethod:z.contactMethod,contactNumber:z.contactNumber,eventsBus:{updateContactDetailsModalCloseEvent:"update-contact-details-modal-close-event",updateContactDetailsModalSaveEvent:"update-contact-details-modal-save-event",saveCustomerContactDetailsEvent:"save-customer-contact-details-event"}}),t=ie({emailAddress:"",confirmEmailAddress:"",telephoneMobile:"",telephoneHome:"",telephoneWork:""}),S=f(()=>({emailAddress:{required:J,$lazy:!0,emailRegex:Me},confirmEmailAddress:{required:J,$lazy:!0,emailRegex:Me},telephoneMobile:{$lazy:!0,telephoneMobileRegex:Xe},telephoneHome:{$lazy:!0,telephoneRegex:Ne},telephoneWork:{$lazy:!0,telephoneRegex:Ne}})),u=pe(S,t),g=f(()=>u.value.emailAddress.required.$invalid&&!(t.value.emailAddress.trim().length>0)?"Please enter your Email":u.value.emailAddress.$invalid?"Email is invalid":""),$=f(()=>e.showConfirmEmailAddress&&!(t.value.confirmEmailAddress.length>0)?"Please confirm your Email Address":e.showConfirmEmailAddress&&t.value.confirmEmailAddress.trim().length>0&&t.value.emailAddress!==t.value.confirmEmailAddress?"Confirmation email does not match":""),E=f(()=>u.value.telephoneMobile.$invalid?"Telephone number is invalid":""),R=f(()=>u.value.telephoneHome.$invalid?"Telephone number is invalid":""),v=f(()=>u.value.telephoneWork.$invalid?"Telephone number is invalid":""),k=f(()=>p.getters["person/getAccountSelectedCustomerId"]),m=f(()=>p.getters["person/getAccountContactDetailsPrompt"]);Z(()=>{re(async()=>{a.$start(),await w(),L(),b(),a.$finish()}),r.$on(e.eventsBus.saveCustomerContactDetailsEvent,async()=>{u.value.$validate(),G()&&await N()})}),ee(()=>{r.$off(e.eventsBus.saveCustomerContactDetailsEvent)});const b=()=>{m.value&&(e.showCheckbox=!0,e.showPhoneInput=!1,D(),t.value.emailAddress.length>0&&C())},D=()=>{e.isChecked=!e.isChecked,e.isChecked===!0?e.preferredContactMethod=e.preferredContactMethodList[0]:e.preferredContactMethod=e.preferredContactMethodList[1]},U=()=>{e.refreshCards?r.$emit(e.eventsBus.updateContactDetailsModalSaveEvent):r.$emit(e.eventsBus.updateContactDetailsModalCloseEvent)},w=async()=>{const V=await i.policy.getCustomerContactDetails(k.value);t.value.emailAddress=V.email,t.value.telephoneMobile=V.telephoneMobile===null?"":V.telephoneMobile,t.value.telephoneHome=V.telephoneHome===null?"":V.telephoneHome,t.value.telephoneWork=V.telep
1honeWork===null?"":V.telephoneWork,e.preferredContactNumber=A.formatPreferredContactNumber(V.preferedTelephone),e.preferredContactMethod=A.formatPreferredContactMethod(V.preferedContactMethod),!t.value.telephoneMobile&&!t.value.telephoneWork&&!t.value.telephoneHome&&e.preferredContactNumber&&(e.preferredContactNumber=""),e.isEditable=V.isEditable,e.isDataLoaded=!0,V.isEditable?(e.isReadonly=!1,e.hasSaveButton=!0,(t.value.telephoneMobile||t.value.telephoneWork||t.value.telephoneHome)&&(e.isPreferredContactNumberDisabled=!1),e.isPreferredContactMethodDisabled=!1):(e.isSaveDisabled=!0,e.isReadonly=!0,e.isPreferredContactNumberDisabled=!0,e.isPreferredContactMethodDisabled=!0),V.message&&(e.message=V.message),a.$finish()},N=async()=>{let V=null;try{a.$start(),V=await i.policy.saveCustomerContactDetails(k.value,t.value.emailAddress,t.value.telephoneHome,t.value.telephoneWork,t.value.telephoneMobile,A.formatPreferredContactMethod(e.preferredContactMethod),A.formatPreferredContactNumber(e.preferredContactNumber)),e.saveSucceeded=V.success,V.success&&(e.message=V.message,e.hasSaveButton=!1,e.isSaveDisabled=!0,e.isReadonly=!0,e.refreshCards=!0,e.isPreferredContactNumberDisabled=!0,e.isPreferredContactMethodDisabled=!0)}catch{}finally{e.message=V.message,a.$finish()}},C=()=>{e.message="",e.isSaveDisabled=!1},c=()=>{e.isSaveDisabled=!0},T=V=>{V===e.contactNumber.Mobile?(q(A.formatPreferredContactNumber(e.contactNumber.Mobile)),te(t.value.telephoneMobile,A.formatPreferredContactNumber(e.contactNumber.Mobile)),I(t.value.telephoneMobile,e.contactNumber.Mobile)):V===e.contactNumber.Home?(q(A.formatPreferredContactNumber(e.contactNumber.Home)),te(t.value.telephoneHome,A.formatPreferredContactNumber(e.contactNumber.Home)),I(t.value.telephoneHome,e.contactNumber.Home)):V===e.contactNumber.Work&&(q(A.formatPreferredContactNumber(e.contactNumber.Work)),te(t.value.telephoneWork,A.formatPreferredContactNumber(e.contactNumber.Work)),I(t.value.telephoneWork,e.contactNumber.Work)),!t.value.telephoneMobile&&!t.value.telephoneHome&&!t.value.telephoneWork?e.isPreferredContactNumberDisabled=!0:e.isPreferredContactNumberDisabled=!1,e.preferredContactNumberList.length===1&&(t.value.telephoneMobile||t.value.telephoneHome||t.value.telephoneWork)&&(e.preferredContactNumber=e.preferredContactNumberList[0]),C()},q=V=>{e.preferredContactNumberList.find(P=>P===V)||e.preferredContactNumberList.push(V)},te=(V,P)=>{!V&&e.preferredContactNumberList.find(ve=>ve===P)&&(e.preferredContactNumberList=e.preferredContactNumberList.filter(function(ve,Se,Ee){return ve!==P}))},L=()=>{t.value.telephoneMobile&&e.preferredContactNumberList.push(A.formatPreferredContactNumber(e.contactNumber.Mobile)),t.value.telephoneHome&&e.preferredContactNumberList.push(A.formatPreferredContactNumber(e.contactNumber.Home)),t.value.telephoneWork&&e.preferredContactNumberList.push(A.formatPreferredContactNumber(e.contactNumber.Work))},I=(V,P)=>{e.preferredContactNumber===A.formatPreferredContactNumber(P)&&!V&&(e.preferredContactNumber=e.preferredContactNumberList[0])},h=()=>{e.showConfirmEmailAddress=!0,e.preferredContactMethod===e.preferredContactMethodList[1]&&(e.showCheckbox=!0,e.isChecked=!0,e.preferredContactMethod=e.preferredContactMethodList[0]),be()},ue=()=>{be()},be=()=>{m&&_e()||!m&&G()?C():c()},_e=()=>{if(t.value.emailAddress!==t.value.confirmEmailAddress)return!1;if(t.value.emailAddress===t.value.confirmEmailAddress)return!0},G=()=>!(u.value.emailAddress.$invalid||e.showConfirmEmailAddress&&u.value.confirmEmailAddress.$invalid||u.value.telephoneMobile.$invalid||u.value.telephoneHome.$invalid||u.value.telephoneWork.$invalid);return(V,P)=>{const ve=le,Se=ce,Ee=de;return n(),d("div",null,[s(e).isDataLoaded?(n(),M(Ee,{key:0,title:"Contact details",description:"",cancel:!0,next:!1,"btn-click":s(e).hasSaveButton,"is-button-click-disabled":s(e).isSaveDisabled,"button-label":"Save","on-click-event":s(e).eventsBus.saveCustomerContactDetailsEvent,"has-floating-labels":!0,onCloseModal:U},{default:x(()=>[s(m)?(n(),d("div",ps,P[14]||(P[14]=[o("p",null," Would you like to change your preferred method of contact to e-mail? ",-1),o("p",null," This will enable us to communicate with you securely and promptly within the message area. ",-1),o("p",null," Please confirm your e-mail address below and save to change your contact method to e-mail. ",-1),o("p",null," If you wish to keep post as your contact method, simply close this window. ",-1)]))):y("",!0),o("div",vs,[F(o("input",{id:"emailAddress",ref:"emailAddress","onUpdate:modelValue":P[0]||(P[0]=W=>s(t).emailAddress=W),type:"text",placeholder:"Email Address",readonly:s(e).isReadonly,onKeyup:P[1]||(P[1]=W=>h())},null,40,fs),[[Y,s(t).emailAddress]]),P[15]||(P[15]=o("label",{for:"emailAddress",class:"modal-label"},"Email Address *",-1)),s(g)?(n(),d("span",ys,_(s(g)),1)):(n(),d("span",bs," Please enter your email address. "))]),s(e).showConfirmEmailAddress?(n(),d("div",hs,[F(o("input",{id:"confirmEmailAddress","onUpdate:modelValue":P[2]||(P[2]=W=>s(t).confirmEmailAddress=W),type:"text",placeholder:"Confirm email address",readonly:s(e).isReadonly,oncut:"return false;",oncopy:"return false;",onpaste:"return false;",onKeyup:P[3]||(P[3]=W=>ue())},null,40,gs),[[Y,s(t).confirmEmailAddress]]),P[16]||(P[16]=o("label",{for:"confirmEmailAddress",class:"modal-label"},"Confirm email adress",-1)),o("span",_s,_(s($)),1)])):y("",!0),s(e).showCheckbox?(n(),d("div",Cs,[P[17]||(P[17]=o("div",{class:"modal-checkbox-group-background"},null,-1)),o("input",{id:"preferredContactMethodCheckbox",style:{"accent-color":"var(--primaryColor)","margin-top":"0.5rem"},type:"checkbox",checked:s(e).isChecked,onChange:D},null,40,$s),P[18]||(P[18]=o("label",{style:{color:"var(--textColor)","font-family":"'Inter Light'","font-size":"1.6rem"},class:"custom-label",for:"preferredContactMethodCheckbox"},"Change my preferred contact method to email",-1))])):y("",!0),s(e).showPhoneInput?(n(),d("div",Ds,[F(o("input",{id:"telephoneMobile",ref:"telep
1hone-mobile","onUpdate:modelValue":P[4]||(P[4]=W=>s(t).telephoneMobile=W),type:"text",placeholder:"Mobile number",readonly:s(e).isReadonly,onInput:P[5]||(P[5]=W=>T(s(e).contactNumber.Mobile))},null,40,ws),[[Y,s(t).telephoneMobile]]),P[19]||(P[19]=o("label",{for:"telephoneMobile",class:"modal-label"},"Mobile number",-1)),o("span",Ps,_(s(E)),1)])):y("",!0),s(e).showPhoneInput?(n(),d("div",ks,[F(o("input",{id:"telephoneHome",ref:"telephone-home","onUpdate:modelValue":P[6]||(P[6]=W=>s(t).telephoneHome=W),type:"text",placeholder:"Home telephone number",readonly:s(e).isReadonly,onInput:P[7]||(P[7]=W=>T(s(e).contactNumber.Home))},null,40,Ss),[[Y,s(t).telephoneHome]]),P[20]||(P[20]=o("label",{for:"telephoneHome",class:"modal-label"},"Home telephone number",-1)),o("span",Es,_(s(R)),1)])):y("",!0),s(e).showPhoneInput?(n(),d("div",Ns,[F(o("input",{id:"telephoneWork",ref:"telephone-work","onUpdate:modelValue":P[8]||(P[8]=W=>s(t).telephoneWork=W),type:"text",placeholder:"Work telephone",readonly:s(e).isReadonly,onInput:P[9]||(P[9]=W=>T(s(e).contactNumber.Work))},null,40,Ms),[[Y,s(t).telephoneWork]]),P[21]||(P[21]=o("label",{for:"telephoneWork",class:"modal-label"},"Work telephone",-1)),o("span",Bs,_(s(v)),1)])):y("",!0),s(e).showPhoneInput?(n(),d("div",As,[P[22]||(P[22]=o("label",{for:"preferredContactNumber",class:"modal-label"},"Preferred contact number",-1)),o("div",xs,[F(o("select",{id:"preferredContactNumber","onUpdate:modelValue":P[10]||(P[10]=W=>s(e).preferredContactNumber=W),disabled:s(e).isPreferredContactNumberDisabled,onInput:P[11]||(P[11]=W=>C())},[(n(!0),d(ae,null,oe(s(e).preferredContactNumberList,(W,Ce)=>(n(),d("option",{key:`contactNumber${Ce}`,value:W},_(W),9,Is))),128))],40,Ts),[[he,s(e).preferredContactNumber]]),B(ve,{name:"arrow-dropdown",color:"primary-color"})])])):y("",!0),o("div",Us,[P[23]||(P[23]=o("label",{for:"preferredContactMethod",class:"modal-label"},"Preferred contact method",-1)),o("div",Ls,[F(o("select",{id:"preferredContactMethod","onUpdate:modelValue":P[12]||(P[12]=W=>s(e).preferredContactMethod=W),disabled:s(e).isPreferredContactMethodDisabled,onInput:P[13]||(P[13]=W=>C())},[(n(!0),d(ae,null,oe(s(e).preferredContactMethodList,(W,Ce)=>(n(),d("option",{key:`contactMethod${Ce}`,value:W},_(W),9,Vs))),128))],40,Rs),[[he,s(e).preferredContactMethod]]),B(ve,{name:"arrow-dropdown",color:"primary-color"})])]),s(e).message?(n(),M(Se,{key:7,"info-box-type":s(e).isEditable&&!s(e).saveSucceeded?"success-light":"warning-light","info-box-message":s(e).message,"has-icon":!0},{"status-icon":x(()=>[B(ve,{name:s(e).isEditable&&!s(e).saveSucceeded?"available-big":"warning-big",color:s(e).isEditable&&!s(e).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["btn-click","is-button-click-disabled","on-click-event"])):y("",!0)])}}}),Os={class:"pb-small-1"},Hs={class:"input-group-floating-label modal-group"},Ws=["disabled"],Gs={key:0,class:"input-helper"},qs={key:1,class:"input-helper input-error"},zs={class:"input-group-floating-label modal-group"},Ks=["disabled"],Ys={key:0,class:"input-helper"},Js={key:1,class:"input-helper input-error"},js={class:"input-group-floating-label modal-group"},Qs=["disabled"],Xs={class:"input-helper input-error"},Zs=j({__name:"FormClaimBankDetails",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=X({isEditable:!1,saveSucceeded:!1,disabled:!0,hasChangeButton:!1,hiddenSortcode:"",message:"",viewDetailsForm:!1,saveDetailsForm:!1,isSaveDisabled:!0,hasSaveButton:!1,refreshCards:!1,eventsBus:{viewDetailsEvent:"view-details-event",saveDetailsEvent:"save-details-event",claimBankDetailsCloseEvent:"claim-bank-details-close-event",claimBankDetailsSaveEvent:"claim-bank-details-save-event"}}),t=ie({accountNumber:"",formattedSortcode:"",accountName:"",sortcode:""}),S=f(()=>A.removeFormatSortcode(t.value.formattedSortcode)),u=f(()=>({accountNumber:{required:J,$lazy:!0,accountNumberRegex:Le},formattedSortcode:{required:J,$lazy:!0},sortcode:{sortcodeRegex:Ue,$lazy:!0},accountName:{required:J,$lazy:!0,maxLength:Ie(100)}})),g=pe(u,t),$=f(()=>g.value.accountNumber.required.$invalid||!t.value.accountNumber?"Please enter your account number":g.value.accountNumber.$invali
1d?"Account number is invalid":""),E=f(()=>g.value.formattedSortcode.required.$invalid||!t.value.formattedSortcode?"Please enter your sort code":g.value.sortcode.$invalid?"Sortcode is invalid":""),R=f(()=>g.value.accountName.required.$invalid||!t.value.accountName?"Please enter your account name":g.value.accountName.maxLength?"":"Account name too long"),v=f(()=>p.getters["session/getCustomerAccount"]);Z(()=>{re(async()=>{a.$start(),await k(),a.$finish()}),r.$on(e.eventsBus.viewDetailsEvent,()=>{e.viewDetailsForm=!1,e.saveDetailsForm=!0}),r.$on(e.eventsBus.saveDetailsEvent,async()=>{N()&&await m()})}),ee(()=>{r.$off(e.eventsBus.viewDetailsEvent),r.$off(e.eventsBus.saveDetailsEvent)});const k=async()=>{const C=await i.policy.getCustomerClaimBankDetails(v.value.CustomerId);e.isEditable=C.isEditable,t.value.accountNumber=C.accountNumber,t.value.accountName=C.accountName,e.hiddenSortcode=A.formatHiddenSortcode(C.sortcode),t.value.formattedSortcode=A.formatSortcode(C.sortcode),t.value.sortcode=S.value,e.isEditable=C.isEditable,C.isEditable?(e.disabled=!1,e.hasSaveButton=!0):(e.isSaveDisabled=!0,e.disabled=!0),e.message=C.message,e.viewDetailsForm=!0,e.saveDetailsForm=!1},m=async()=>{let C=null;try{a.$start(),C=await i.policy.saveCustomerClaimBankDetails(v.value.CustomerId,S.value,t.value.accountNumber,t.value.accountName),e.saveSucceeded=C.success,C.success&&(e.hasSaveButton=!1,e.disabled=!0,e.refreshCards=!0)}catch{}finally{e.message=C.message,a.$finish()}},b=()=>{e.refreshCards?r.$emit(e.eventsBus.claimBankDetailsSaveEvent):r.$emit(e.eventsBus.claimBankDetailsCloseEvent),e.message=""},D=()=>{e.isSaveDisabled=!1},U=()=>{t.value.formattedSortcode=A.formatSortcode(t.value.formattedSortcode),t.value.formattedSortcode&&(t.value.sortcode=A.removeFormatSortcode(t.value.formattedSortcode))},w=C=>{switch(C){case"accountName":t.value.accountName="";return;case"sortcode":t.value.formattedSortcode="";return;case"accountNumber":t.value.accountNumber=""}},N=()=>(g.value.accountNumber.$validate(),g.value.sortcode.$validate(),g.value.formattedSortcode.$validate(),g.value.accountName.$validate(),!g.value.accountNumber.$invalid&&!g.value.sortcode.$invalid&&!g.value.formattedSortcode.$invalid&&!g.value.accountName.$invalid);return(C,c)=>{const T=le,q=ce,te=de;return n(),d("div",null,[s(e).viewDetailsForm?(n(),M(te,{key:0,title:"Claim bank details","btn-click":s(e).isEditable,cancel:!s(e).isEditable,"button-label":"Change details",next:!1,"on-click-event":s(e).eventsBus.viewDetailsEvent,onCloseModal:b},{default:x(()=>[c[13]||(c[13]=o("p",{class:"pb-small-1"},"Your payment details are:",-1)),o("p",null,[c[10]||(c[10]=o("b",null,"Account number:",-1)),H(" "+_(s(t).accountNumber),1)]),o("p",null,[c[11]||(c[11]=o("b",null,"Sort Code:",-1)),H(" "+_(s(e).hiddenSortcode),1)]),o("p",Os,[c[12]||(c[12]=o("b",null,"Account name:",-1)),H(" "+_(s(t).accountName),1)]),s(e).message?(n(),M(q,{key:0,"info-box-type":s(e).isEditable&&!s(e).saveSucceeded?"success-light":"warning-light","info-box-message":s(e).message,"has-icon":!0},{"status-icon":x(()=>[B(T,{name:s(e).isEditable&&!s(e).saveSucceeded?"available-big":"warning-big",color:s(e).isEditable&&!s(e).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["btn-click","cancel","on-click-event"])):s(e).saveDetailsForm?(n(),M(te,{key:1,title:"Claim bank details",cancel:!0,next:!1,"btn-click":s(e).hasSaveButton,"is-button-click-disabled":s(e).isSaveDisabled,"button-label":"Save","on-click-event":s(e).eventsBus.saveDetailsEvent,"has-floating-labels":!0,onCloseModal:b},{default:x(()=>[c[17]||(c[17]=o("p",{class:"pb-small-1"}," These bank details will be used for claim payments. ",-1)),c[18]||(c[18]=o("p",{class:"pb-small-1"}," We provide settlement directly to the provider of treatment in most cases. ",-1)),c[19]||(c[19]=o("p",{class:"pb-small-1"}," If you have paid your treatment or are claiming under a cash benefit (ie NHS cash benefit) this payment will be made directly into the bank account shown below. ",-1)),c[20]||(c[20]=o("p",{class:"pb-small-1"}," Once the account details have been validated all subsequent claim payments for all members will be made into this account. ",-1)),c[21]||(c[21]=o("p",{class:"pb-small-1"}," By completing these details you are agreeing to these terms and conditions. ",-1)),c[22]||(c[22]=o("p",{class:"pb-small-1 text-bold-weight"}," Please note: ",-1)),c[23]||(c[23]=o("ul",{class:"pb-small-1 decoration-pretty-list"},[o("li",{class:"decoration-pretty-item"}," We are unable to accept accents in the account name. "),o("li",{class:"decoration-pretty-item"},"We are unable to make any payments to you until we have your bank details.")],-1)),o("div",Hs,[F(o("input",{id:"accountNumber","onUpdate:modelValue":c[0]||(c[0]=L=>s(t).accountNumber=L),type:"text",placeholder:"Account number",disabled:s(e).disabled,onInput:c[1]||(c[1]=L=>D()),onClick:c[2]||(c[2]=L=>w("accountNumber"))},null,40,Ws),[[Y,s(t).accountNumber]]),c[14]||(c[14]=o("label",{for:"accountNumber",class:"modal-label"},"Account number",-1)),s($)?(n(),d("span",qs,_(s($)),1)):(n(),d("span",Gs," 8 digit number "))]),o("div",zs,[F(o("input",{id:"formattedSortcode","onUpdate:modelValue":c[3]||(c[3]=L=>s(t).formattedSortcode=L),type:"text",placeholder:"Sort code",disabled:s(e).disabled,onKeydown:c[4]||(c[4]=L=>D()),onInput:c[5]||(c[5]=L=>U()),onClick:c[6]||(c[6]=L=>w("sortcode"))},null,40,Ks),[[Y,s(t).formattedSortcode]]),c[15]||(c[15]=o("label",{for:"formattedSortcode",class:"modal-label"},"Sort code",-1)),s(E)?(n(),d("span",Js,_(s(E)),1)):(n(),d("span",Ys," 6 digit number "))]),o("div",js,[F(o("input",{id:"accountName","onUpdate:modelValue":c[7]||(c[7]=L=>s(t).accountName=L),type:"text",placeholder:"Account name",disabled:s(e).disabled,onInput:c[8]||(c[8]=L=>D()),onClick:c[9]||(c[9]=L=>w("accountName"))},null,40,Qs),[[Y,s(t).accountName]]),c[16]||(c[16]=o("label",{for:"accountName",class:"modal-label"},"Account name",-1)),o("span",Xs,_(s(R)),1)]),s(e).message?(n(),M(q,{key:0,"info-box-type":"warning-light","info-box-message":s(e).message,"has-icon":!0},{"status-icon":x(()=>[B(T,{name:"warning-big",color:"warning-color"})]),_:1},8,["info-box-message"])):y("",!0)]),_:1},8,["btn-click","is-button-click-disabled","on-click-event"])):y("",!0)])}}}),ea={class:"pb-small-1"},ta={key:0},sa={key:1},aa={key:2},Oe=j({__name:"Confirmation",props:{selectedPaymentInterval:{type:String,default:""},selectedPaymentMethod:{type:String,default:""},accountNumber:{type:String,default:""},accountSortcode:{type:String,default:""},accountName:{type:String,default:""},message:{type:String,default:""},effectiveDate:{type:String,default:""}},setup(O){const{$bus:p}=Q(),l=O,r=X({dateHelper:De,type:"",hiddenSortcode:"",hiddenAccountNumber:"",eventsBus:{premiumPaymentDetailsSaveEvent:"premium-payment-details-save-event"}});Z(()=>{a()});const a=()=>{l.accountSortcode&&l.accountNumber&&(r.hiddenSortcode=A.formatHiddenSortcode(l.accountSortcode),r.hiddenAccountNumber=A.formatHiddenAccountNumber(l.accountNumber))},i=()=>{p.$emit(r.eventsBus.premiumPaymentDetailsSaveEvent)};return(e,t)=>{const S=de;return n(),M(S,{title:"Premium payment details",description:"",cancel:!0,next:!1,"has-floating-labels":!0,onCloseModal:i},{default:x(()=>[o("p",null,_(l.message),1),o("p",ea," Changes will become effective from: "+_(s(r).dateHelper.getFormatedDateAsDigits(l.effectiveDate)),1),t[5]||(t[5]=o("p",{class:"pb-small-1"},"Your new payment details are:",-1)),o("p",null,[t[0]||(t[0]=o("b",null,"Type: ",-1)),H(" "+_(l.selectedPaymentMethod),1)]),o("p",null,[t[1]||(t[1]=o("b",null,"Payment frequency: ",-1)),H(" "+_(l.selectedPaymentInterval),1)]),s(r).hiddenAccountNumber?(n(),d("p",ta,[t[2]||(t[2]=o("b",null,"Account number: ",-1)),H(" "+_(s(r).hiddenAccountNumber),1)])):y("",!0),s(r).hiddenSortcode?(n(),d("p",sa,[t[3]||(t[3]=o("b",null,"Sort Code: ",-1)),H(" "+_(s(r).hiddenSortcode),1)])):y("",!0),l.accountName?(n(),d("p",aa,[t[4]||(t[4]=o("b",null,"Account name: ",-1)),H(" "+_(l.accountName),1)])):y("",!0)]),_:1})}}}),xe=we("/images/logo_dd.png"),oa={class:"input-group-floating-label modal-group"},na=["disabled"],la={key:0,class:"input-helper"},ra={key:1,class:"input-helper input-error"},ia={class:"input-group-floating-label modal-group"},da=["disabled"],ca={key:0,class:"input-helper"},ua={key:1,class:"input-helper input-error"},ma={class:"input-group-floating-label modal-group"},pa=["disabled"],va={class:"input-helper input-error"},fa={class:"input-group-static-label"},ba={key:0,class:"input-helper input-error"},ya={key:0},ha={class:"input-group-floating-label modal-group"},ga={class:"input-group-floating-label modal-group"},_a={class:"input-helper input-error"},Ca={class:"pb-small-1 display-flex align-items-start gap-1"},$a={class:"display-flex gap-1"},Da={class:"display-flex gap-1"},wa=j({__name:"DirectDebit",props:{selectedPaymentInterval:{type:String,default:""},selectedPaymentMethod:{type:String,default:""}},setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}
1=Q(),i=l(),e=O,t=X({disableNext:!0,isEnterCardDetailsForm:!1,isConfirmationModal:!1,isSummaryForm:!1,checked:!1,disabled:!0,showBankDetails:!1,errorMsg:"",message:"",effectiveDate:null,eventsBus:{enterDetailsCloseEvent:"enter-details-close-event",enterDetailsBackEvent:"enter-details-back-event",enterDetailsNextEvent:"enter-details-next-event",addPaymentDetailsBackEvent:"add-payment-details-back-event",addPaymentDetailsEvent:"add-payment-details-event",premiumPaymentDetailsCloseEvent:"premium-payment-details-close-event",showSelectPaymentDetailsFormEvent:"show-select-payment-details-form-event"}}),S=f(()=>A.removeFormatSortcode(u.value.formattedSortcode)),u=ie({accountNumber:"",formattedSortcode:"",accountName:"",name:"",address:"",sortcode:""}),g=f(()=>({accountNumber:{required:J,accountNumberRegex:Le,$lazy:!0},formattedSortcode:{required:J,$lazy:!0},sortcode:{sortcodeRegex:Ue,$lazy:!0},accountName:{required:J,$lazy:!0,maxLength:Ie(100)},name:{required:J,$lazy:!0},address:{required:J,$lazy:!0}})),$=pe(g,u),E=f(()=>p.getters.getModalKey),R=f(()=>p.getters["person/getPremiumPaymentDetails"]),v=f(()=>p.getters["person/getAccountSelectedCustomerId"]),k=f(()=>p.getters["person/getAccountSelectedContractId"]),m=f(()=>$.value.accountNumber.required.$invalid||!u.value.accountNumber?"Please enter your account number":$.value.accountNumber.$invalid?"Account number is invalid":""),b=f(()=>$.value.formattedSortcode.required.$invalid||!u.value.formattedSortcode?"Please enter your sort code":$.value.sortcode.$invalid?"Sortcode is invalid":""),D=f(()=>$.value.accountName.required.$invalid||!u.value.accountName?"Please enter your account name":$.value.accountName.maxLength?"":"Account name too long"),U=f(()=>!u.value.name&&!u.value.address?"Please review your details as they may not be valid":"");ee(()=>{r.$off(t.eventsBus.enterDetailsCloseEvent),r.$off(t.eventsBus.enterDetailsBackEvent),r.$off(t.eventsBus.enterDetailsNextEvent),r.$off(t.eventsBus.addPaymentDetailsBackEvent),r.$off(t.eventsBus.addPaymentDetailsEvent)}),Z(()=>{re(()=>{q(),r.$on(t.eventsBus.enterDetailsCloseEvent,()=>{t.isEnterCardDetailsForm=!1,w()}),r.$on(t.eventsBus.enterDetailsBackEvent,()=>{t.isEnterCardDetailsForm=!1,r.$emit(t.eventsBus.showSelectPaymentDetailsFormEvent)}),r.$on(t.eventsBus.enterDetailsNextEvent,()=>{L()&&(t.isEnterCardDetailsForm=!1,t.isSummaryForm=!0)}),r.$on(t.eventsBus.addPaymentDetailsBackEvent,()=>{t.isSummaryForm=!1,t.isEnterCardDetailsForm=!0}),r.$on(t.eventsBus.addPaymentDetailsEvent,async()=>{a.$start();const I=await i.policy.saveCustomerPremiumPaymentDetails(v.value,k.value,S.value,u.value.accountNumber,u.value.accountName,e.selectedPaymentMethod,e.selectedPaymentInterval);I.success?(t.message=I.message,t.effectiveDate=I.effectiveDate,t.isSummaryForm=!1,t.isConfirmationModal=!0):(t.isEnterCardDetailsForm=!0,t.isSummaryForm=!1,t.showBankDetails=!1,t.disableNext=!0,t.checked=!1,t.errorMsg=I.message,p.commit("SET_MODAL_CURRENT_STEP",2)),a.$finish()})})});const w=()=>{r.$emit(t.eventsBus.premiumPaymentDetailsCloseEvent)},N=()=>{L()&&t.checked?t.disableNext=!1:t.disableNext=!0},C=()=>{u.value.formattedSortcode=A.formatSortcode(u.value.formattedSortcode),u.value.formattedSortcode&&(u.value.sortcode=A.removeFormatSortcode(u.value.formattedSortcode))},c=async()=>{if(te()){t.errorMsg="";const I=await i.policy.getBankDetails(S.value,u.value.accountNumber);I&&(u.value.name=I.name,u.value.address=A.stringJoin(", ",[I.address1,I.address2,I.address3,I.address4,I.postcode])),t.showBankDetails=!0}},T=I=>{switch(t.checked=!1,t.disableNext=!0,u.value.name="",u.value.address="",I.target.id){case"accountName":u.value.accountName="";return;case"formattedSortcode":u.value.formattedSortcode="";return;case"accountNumber":u.value.accountNumber="";return;default:return""}},q=()=>{t.isEnterCardDetailsForm=!0,u.value.accountNumber=R.value.bankAccountNumber,u.value.formattedSortcode=R.value.bankAccountSortcode,u.value.accountName=R.value.bankAccountName,u.value.sortcode=S.value,t.disabled=!1},te=()=>($.value.accountNumber.$validate(),$.value.sortcode.$validate(),$.value.formattedSortcode.$validate(),$.value.accountName.$validate(),!$.value.accountNumber.$invali
1d&&!$.value.formattedSortcode.$invalid&&!$.value.accountName.$invalid&&!$.value.sortcode.$invalid),L=()=>($.value.name.$validate(),$.value.address.$validate(),!U.value);return(I,h)=>{const ue=ke,be=Pe,_e=Oe;return n(),d("div",null,[s(t).isEnterCardDetailsForm?(n(),M(be,{key:s(E),title:"Premium payment details",size:"narrow","has-stepper-label":!0,"total-steps-label":3,"close-modal-event":s(t).eventsBus.enterDetailsCloseEvent},{"modal-contents":x(()=>[h[22]||(h[22]=o("div",null,[o("p",{class:"pb-small-1"}," In order to set up your Direct Debit Instruction on-line you will need to provide the following information through the setting up procedure (your cheque book or your bank statement contain all the bank details that you require): "),o("ul",{class:"pb-small-1 decoration-pretty-list"},[o("li",{class:"decoration-pretty-item"}," Name(s) of Account Holder(s) (as they appear on the account) "),o("li",{class:"decoration-pretty-item"},"Account number"),o("li",{class:"decoration-pretty-item"},"Sort code"),o("li",{class:"decoration-pretty-item"}," Name and full postal address of your bank or building society ")]),o("p",{class:"pb-small-1 text-bold-weight"}," Please note we are unable to accept accents in the account name. "),o("p",{class:"pb-small-1"}," You may only set up a Direct Debit if the person responsible for the policy (the Policyholder) is the account holder. "),o("p",{class:"pb-small-1"}," If you are not the account holder, or if this is an account requiring more than one person to authorise debits on this account, please contact us on 0800 2989588 to set up a policy. "),o("p",{class:"pb-small-1"}," If you are paying by Direct Debit please ensure you read the Direct Debit Guarantee below. ")],-1)),h[23]||(h[23]=o("div",{class:"display-flex justify-content-flex-end"},[o("img",{src:xe,title:"Direct Debit logo"})],-1)),h[24]||(h[24]=o("p",{class:"text-medium-weight pb-small-1"},[H(" WPA Ltd"),o("br"),H(" Rivergate House, Blackbrook Park, Taunton, Somerset, TA1 2PE ")],-1)),h[25]||(h[25]=o("p",{class:"text-medium-weight pb-small-1"}," Instruction to your Bank or Building Society to pay Direct Debits ",-1)),h[26]||(h[26]=o("p",{class:"text-medium-weight pb-small-1"},[H(" Service User Number:"),o("br"),H("768198 ")],-1)),h[27]||(h[27]=o("p",{class:"text-medium-weight pb-small-1"},[H(" Reference Number (for office use only):"),o("br"),o("span",{class:"text-light-weight"},"This will be confirmed with you later.")],-1)),h[28]||(h[28]=o("p",{class:"pb-small-1 mb-medium-2"},[o("span",{class:"text-medium-weight"},"DD Instruction"),o("br"),H(" Please Pay WPA Limited Direct Debits from the account detailed in this instruction subject to the safeguards assured by the Direct Debit Guarantee. I understand that this Instruction may remain with WPA Limited and details will be passed electronically to my Bank/Building Society. ")],-1)),o("div",oa,[F(o("input",{id:"accountNumber","onUpdate:modelValue":h[0]||(h[0]=G=>s(u).accountNumber=G),type:"text",placeholder:"Account number",disabled:s(t).disabled,onBlur:h[1]||(h[1]=G=>c()),onClick:h[2]||(h[2]=G=>T(G))},null,40,na),[[Y,s(u).accountNumber]]),h[14]||(h[14]=o("label",{for:"accountNumber",class:"modal-label"},"Account number",-1)),s(m)?(n(),d("span",ra,_(s(m)),1)):(n(),d("span",la," 8 digit number "))]),o("div",ia,[F(o("input",{id:"formattedSortcode","onUpdate:modelValue":h[3]||(h[3]=G=>s(u).formattedSortcode=G),type:"text",placeholder:"Sort code",disabled:s(t).disabled,onBlur:h[4]||(h[4]=G=>c()),onInput:h[5]||(h[5]=G=>C()),onClick:h[6]||(h[6]=G=>T(G))},null,40,da),[[Y,s(u).formattedSortcode]]),h[15]||(h[15]=o("label",{for:"formattedSortcode",class:"modal-label"},"Sort code",-1)),s(b)?(n(),d("span",ua,_(s(b)),1)):(n(),d("span",ca," 6 digit number "))]),o("div",ma,[F(o("input",{id:"accountName","onUpdate:modelValue":h[7]||(h[7]=G=>s(u).accountName=G),type:"text",placeholder:"Account name",disabled:s(t).disabled,onBlur:h[8]||(h[8]=G=>c()),onClick:h[9]||(h[9]=G=>T(G))},null,40,pa),[[Y,s(u).accountName]]),h[16]||(h[16]=o("label",{for:"accountName",class:"modal-label"},"Account name",-1)),o("span",va,_(s(D)),1)]),o("div",fa,[s(t).errorMsg?(n(),d("span",ba,_(s(t).errorMsg),
11)):y("",!0)]),s(t).showBankDetails?(n(),d("div",ya,[h[20]||(h[20]=o("p",{class:"text-medium-weight mb-medium-2"}," Name and full postal address of your bank or building society ",-1)),o("div",ha,[F(o("input",{id:"name","onUpdate:modelValue":h[10]||(h[10]=G=>s(u).name=G),type:"text",placeholder:"Test Bank",disabled:!0},null,512),[[Y,s(u).name]]),h[17]||(h[17]=o("label",{for:"name",class:"modal-label"},"Name",-1))]),o("div",ga,[F(o("input",{id:"address","onUpdate:modelValue":h[11]||(h[11]=G=>s(u).address=G),type:"text",placeholder:"Address 1, Town City, Postal Code",disabled:!0},null,512),[[Y,s(u).address]]),h[18]||(h[18]=o("label",{for:"address",class:"modal-label"},"Address",-1)),o("span",_a,_(s(U)),1)]),h[21]||(h[21]=o("p",{class:"pb-small-1",style:{position:"relative",top:"-2rem"}},[o("i",null," Banks/Building Societies may not accept Direct Debit instructions for some type of accounts. ")],-1)),o("p",Ca,[F(o("input",{id:"confirm","onUpdate:modelValue":h[12]||(h[12]=G=>s(t).checked=G),type:"checkbox",style:{position:"relative",top:"0.5rem"},onChange:h[13]||(h[13]=G=>N())},null,544),[[Ke,s(t).checked]]),h[19]||(h[19]=H(" I confirm that these are the direct debit details of the person responsible for the policy (the Policyholder) "))])])):y("",!0)]),"modal-actions":x(()=>[o("div",$a,[B(ue,{"is-back-button":!0,"button-label":"Back","back-modal-event":s(t).eventsBus.enterDetailsBackEvent},null,8,["back-modal-event"]),B(ue,{"is-next-button":!0,"button-label":"Next","next-modal-event":s(t).eventsBus.enterDetailsNextEvent,"disable-next":s(t).disableNext},null,8,["next-modal-event","disable-next"])])]),_:1},8,["close-modal-event"])):y("",!0),s(t).isSummaryForm?(n(),M(be,{key:s(E),title:"Premium payment details",size:"narrow","has-stepper-label":!0,"total-steps-label":3,"close-modal-event":s(t).eventsBus.addPaymentDetailsCloseEvent},{"modal-contents":x(()=>h[29]||(h[29]=[o("div",{class:"display-flex justify-content-space-between gap-1 pb-small-1"},[o("h2",{class:"text-medium3"},"The Direct Debit Guarantee"),o("img",{class:"object-fit-contain",src:xe,title:"Direct Debit logo"})],-1),o("ul",{class:"pb-small-1 decoration-pretty-list"},[o("li",{class:"decoration-pretty-item"}," This Guarantee is offered by all banks and building societies that accept instructions to pay Direct Debits. "),o("li",{class:"decoration-pretty-item"}," If there are any changes to the amount, date or frequency of your Direct Debit WPA will notify you 5 working days in advance of your account being debited or as otherwise agreed. If you request WPA to collect a payment, confirmation of the amount and date will be given to you at the time of the request. "),o("li",{class:"decoration-pretty-item"},[H(" If an error is made in the payment of your Direct Debit by WPA or your bank or building society you are entitled to a full and immediate refund of the amount paid from your bank or building society. "),o("ul",{class:"decoration-pretty-list"},[o("li",{class:"decoration-pretty-sub-item"}," If you receive a refund you are not entitled to, you must pay it back when WPA asks you to. ")])]),o("li",{class:"decoration-pretty-item"}," You can cancel a Direct Debit at any time by simply contacting your bank or building society. Written confirmation may be required. Please also notify us. ")],-1)])),"modal-actions":x(()=>[o("div",Da,[B(ue,{"is-back-button":!0,"button-label":"Back","back-modal-event":s(t).eventsBus.addPaymentDetailsBackEvent},null,8,["back-modal-event"]),B(ue,{"is-next-button":!0,"button-label":"Add payment details","next-modal-event":s(t).eventsBus.addPaymentDetailsEvent,"disable-next":s(t).disableNext},null,8,["next-modal-event","disable-next"])])]),_:1},8,["close-modal-event"])):y("",!0),s(t).isConfirmationModal?(n(),M(_e,{key:2,"selected-payment-interval":O.selectedPaymentInterval,"selected-payment-method":O.selectedPaymentMethod,"account-number":s(u).accountNumber,"account-sortcode":s(u).sortcode,"account-name":s(u).accountName,message:s(t).message,"effective-date":s(t).effectiveDate},null,8,["selected-payment-interval","selected-payment-method","account-number","account-sortcode","account-name","message","effective-date"])):y("",!0)])}}}),Pa={class:"loader-container"},ka={key:0,class:"loader-message"},Sa=j({__name:"Loader",props:{loaderMessage:{type:String,default:""}},setup(O){return(p,l)=>(n(),d("div",Pa,[O.loaderMessage?(n(),d("span",ka,_(O.loaderMessage),1)):y("",!0),l[0]||(l[0]=o("span",{class:"loader"},null,-1))]))}}),Ea=we("/images/Visa-logo.svg"),Na=we("/images/Mastercard-logo.svg"),Ma={class:"display-flex gap-1"},Ba={key:1,class:"input-helper input-error"},Aa={class:"display-flex gap-1"},xa={key:0},Ta={ref:"card-iframe",class:"payment-card-iframe",target:"_parent",sandbox:"allow-forms allow-same-origin allow-scripts allow-top-navigation"}
1,Ia=j({__name:"CreditOrDebitCard",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=Te(),t=X({disableNext:!0,disableClose:!0,isEnterCardDetails:!1,isSelectCardTypeForm:!1,isConfirmationModal:!1,selectedCardType:null,cardTypes:[],errorMessage:"",cardIframe:{urlLogin:null,userName:null,authenticateSessionId:null},eventsBus:{selectCardTypeCloseEvent:"select-card-type-close-event",selectCardTypeNextEvent:"select-card-type-next-event",selectCardTypeBackEvent:"select-card-type-back-event",enterDetailsNextEvent:"enter-details-next-event",enterDetailsCloseEvent:"enter-credit-card-details-close-event",selectedCardTypeEvent:"selected-card-type-event",premiumPaymentDetailsCloseEvent:"premium-payment-details-close-event",showSelectPaymentDetailsFormEvent:"show-select-payment-details-form-event"}}),S=f(()=>p.getters.getModalKey),u=f(()=>p.getters["person/getAccountConfirmationModal"]),g=f(()=>p.getters["person/getAccountEffectiveDate"]),$=f(()=>p.getters["person/getAccountMessage"]),E=f(()=>p.getters["session/getAccountSelectedPaymentInterval"]),R=f(()=>p.getters["session/getAccountSelectedPaymentMethod"]);ee(()=>{r.$off(t.eventsBus.selectCardTypeCloseEvent),r.$off(t.eventsBus.selectCardTypeBackEvent),r.$off(t.eventsBus.selectCardTypeNextEvent),r.$off(t.eventsBus.selectedCardTypeEvent),r.$off(t.eventsBus.enterDetailsNextEvent)}),Z(()=>{if(u.value){t.isConfirmationModal=!0,p.commit("person/SET_ACCOUNT_CONFIRMATION_MODAL",!1);return}re(()=>{a.$start(),k(),a.$finish(),r.$on(t.eventsBus.selectCardTypeCloseEvent,()=>{t.isSelectCardTypeForm=!1,v()}),r.$on(t.eventsBus.selectCardTypeBackEvent,()=>{t.isSelectCardTypeForm=!1,r.$emit(t.eventsBus.showSelectPaymentDetailsFormEvent)}),r.$on(t.eventsBus.selectCardTypeNextEvent,async()=>{a.$start();try{const m=await i.security.getPaymentCardData(t.selectedCardType,p.state.config.ENCODED_POST_URL);m&&(m.isError?(t.disableClose=!1,t.errorMessage=m.errorMessage,t.isSelectCardTypeForm=!1,t.isEnterCardDetails=!0):(t.isSelectCardTypeForm=!1,t.isEnterCardDetails=!0,p.commit("person/SET_ACCOUNT_PARAMS",{urlLogin:m.urlLogin,userName:m.userName,authenticateSessionId:m.authenticateSessionId}),e.push({name:"encoded-start"}))),a.$finish()}catch{}}),r.$on(t.eventsBus.selectedCardTypeEvent,m=>{t.selectedCardType=t.cardTypes.filter(b=>b.inputValue===m)[0].inputValue,p.dispatch("session/setAccountPaymentMethod",t.cardTypes.filter(b=>b.inputValue===m)[0].inputLabel),t.disableNext=!1}),r.$on(t.eventsBus.enterDetailsCloseEvent,()=>{t.isEnterCardDetails=!1,v()})})});const v=()=>{r.$emit(t.eventsBus.premiumPaymentDetailsCloseEvent)},k=()=>{t.isSelectCardTypeForm=!0,t.cardTypes.push({inputId:z.paymentMethods.CreditCard,inputValue:"CREDIT",inputLabel:z.paymentMethods.CreditCard}),t.cardTypes.push({inputId:z.paymentMethods.DebitCard,inputValue:"DEBIT",inputLabel:z.paymentMethods.DebitCard})};return(m,b)=>{const D=Ve,U=ke,w=Pe,N=Sa,C=Oe;return n(),d("div",null,[s(t).isSelectCardTypeForm?(n(),M(w,{key:s(S),title:"Premium payment details",size:"narrow","has-stepper-label":!0,"total-steps-label":3,"close-modal-event":s(t).eventsBus.selectCardTypeCloseEvent},{"modal-contents":x(()=>[b[0]||(b[0]=o("div",{class:"pb-small-1 display-flex align-items-center gap-1"},[o("p",null," Safe money transfer via Visa debit, MasterCard debit, Visa credit or MasterCard credit. "),o("img",{src:Ea}),o("img",{src:Na})],-1)),B(D,{label:"Select card type *",radios:s(t).cardTypes,"event-name":s(t).eventsBus.selectedCardTypeEvent},null,8,["radios","event-name"])]),"modal-actions":x(()=>[o("div",Ma,[B(U,{"is-back-button":!0,"button-label":"Back","back-modal-event":s(t).eventsBus.selectCardTypeBackEvent},null,8,["back-modal-event"]),B(U,{"is-next-button":!0,"button-label":"Next","next-modal-event":s(t).eventsBus.selectCardTypeNextEvent,"disable-next":s(t).disableNext},null,8,["next-modal-event","disable-next"])])]),_:1},8,["close-modal-event"])):y("",!0),s(t).isEnterCardDetails?(n(),M(w,{key:s(S),title:"Premium payment details",size:"narrow","has-stepper-label":!0,"total-steps-label":3,"close-modal-event":s(t).eventsBus.enterDetailsCloseEvent},{"modal-contents":x(()=>[s(t).errorMessage?(n(),d("p",Ba,_(s(t).errorMessage),1)):(n(),M(N,{key:0,"loader-message":"You will now be redirected to our payment provider for your payment card details."}))]),"modal-actions":x(()=>[o("div",Aa,[B(U,{"is-cancel-button":!0,"button-label":"Close","cancel-modal-event":s(t).eventsBus.enterDetailsCloseEvent,"disable-cancel":s(t).disableClose},null,8,["cancel-modal-event","disable-cancel"])])]),default:x(()=>[s(t).cardIframe.authenticateSessionId&&s(t).cardIframe.userName?(n(),d("div",xa)):y("",!0)]),_:1},8,["close-modal-event"])):y("",!0),o("iframe",Ta,null,512),s(t).isConfirmationModal?(n(),M(C,{key:2,"selected-payment-interval":s(E),"selected-payment-method":s(R),message:s($),"effective-date":s(g)},null,8,["selected-payment-interval","selected-payment-method","message","effective-date"])):y("",!0)])}}}),Ua={class:"pb-small-1"},La={key:0},Ra={key:1}
1,Va={key:2,class:"pb-small-1"},Fa={key:4,class:"input-helper input-error"},Oa={class:"display-flex gap-1"},Ha=j({__name:"FormPremiumPaymentDetails",setup(O){const p=ne(),{$bus:l,$loading:r}=Q(),a=X({hasDefaultPaymentInterval:!1,hasDefaultPaymentMethod:!1,isReadonly:!1,isChangeDetailsDisabled:!1,isPolicyAtRenewal:!1,disableNext:!0,hasChangeDetailsButton:!1,hasCloseButton:!0,isDirectDebitFlow:!1,isCreditOrDebitCardFlow:!1,isPremiumPaymentDetailsForm:!0,isSelectPaymentDetailsForm:!1,refreshCards:!1,message:"",errorMessage:"",type:"",paymentFrequency:"",bankAccountNumber:"",bankAccountSortcode:"",bankAccountName:"",paymentMethods:[],paymentIntervals:[],selectedPaymentInterval:null,selectedPaymentMethod:null,eventsBus:{premiumPaymentDetailsCloseEvent:"premium-payment-details-close-event",premiumPaymentDetailsSaveEvent:"premium-payment-details-save-event",changeDetailsEvent:"changed-details-event",selectPaymentDetailsCloseEvent:"select-payment-details-close-event",selectedPaymentIntervalEvent:"select-payment-interval-event",selectedPaymentMethodEvent:"select-payment-method-event",selectPaymentDetailNextEvent:"select-payment-details-next-event",showSelectPaymentDetailsFormEvent:"show-select-payment-details-form-event"}}),i=f(()=>p.getters.getModalKey),e=f(()=>p.getters["person/getPremiumPaymentDetails"]),t=f(()=>p.getters["person/getAccountConfirmationModal"]),S=f(()=>p.getters["person/getAccountMessage"]),u=f(()=>p.getters["person/getPremiumPaymentStep1"]),g=f(()=>p.getters["session/getProduct"]);f(()=>p.getters["session/getAccountSelectedPaymentInterval"]),f(()=>p.getters["session/getAccountSelectedPaymentMethod"]);const $=f(()=>a.selectedPaymentInterval??a.paymentFrequency);Z(()=>{if(t.value){a.isCreditOrDebitCardFlow=!0,a.isPremiumPaymentDetailsForm=!1;return}u.value&&(a.errorMessage=S.value),re(()=>{r.$start(),R(),r.$finish(),l.$on(a.eventsBus.changeDetailsEvent,()=>{a.isPremiumPaymentDetailsForm=!1,a.isSelectPaymentDetailsForm=!0,p.commit("SET_MODAL_CURRENT_STEP",1),v()}),l.$on(a.eventsBus.selectPaymentDetailsCloseEvent,()=>{a.isSelectPaymentDetailsForm=!1,E()}),l.$on(a.eventsBus.selectPaymentDetailNextEvent,()=>{a.isSelectPaymentDetailsForm=!1,a.selectedPaymentMethod===z.paymentMethods.DirectDebit?a.isDirectDebitFlow=!0:a.isCreditOrDebitCardFlow=!0}),l.$on(a.eventsBus.showSelectPaymentDetailsFormEvent,()=>{a.isSelectPaymentDetailsForm=!0,a.selectedPaymentMethod&&(a.disableNext=!0),a.selectedPaymentMethod=null,a.selectedPaymentInterval=null,a.isDirectDebitFlow=!1,a.isCreditOrDebitCardFlow=!1}),l.$on(a.eventsBus.selectedPaymentIntervalEvent,k=>{a.selectedPaymentInterval=a.paymentIntervals.filter(m=>m.inputValue===k)[0].inputValue,p.dispatch("session/setAccountPaymentInterval",a.selectedPaymentInterval),a.selectedPaymentMethod&&(a.disableNext=!1)}),l.$on(a.eventsBus.selectedPaymentMethodEvent,k=>{a.selectedPaymentMethod=a.paymentMethods.filter(m=>m.inputValue===k)[0].inputValue,(a.selectedPaymentInterval||!a.isPolicyAtRenewal)&&(a.disableNext=!1)})})}),ee(()=>{l.$off(a.eventsBus.changeDetailsEvent),l.$off(a.eventsBus.selectPaymentDetailsCloseEvent),l.$off(a.eventsBus.selectedPaymentIntervalEvent),l.$off(a.eventsBus.selectedPaymentMethodEvent),l.$off(a.eventsBus.showSelectPaymentDetailsFormEvent)});const E=()=>{a.refreshCards?l.$emit(a.eventsBus.premiumPaymentDetailsSaveEvent):l.$emit(a.eventsBus.premiumPaymentDetailsCloseEvent)},R=()=>{a.isPremiumPaymentDetailsForm=!0,a.isChangeDetailsDisabled=!1,a.hasChangeDetailsButton=!0,a.hasCloseButton=!1,a.type=e.value.paymentMethod,a.paymentFrequency=e.value.paymentInterval,a.isPolicyAtRenewal=e.value.isPolicyAtRenewal,p.dispatch("session/setAccountPaymentInterval",e.value.paymentInterval),e.value.paymentMethod===z.paymentMethods.DirectDebit&&(a.bankAccountNumber=e.value.bankAccountNumber,a.bankAccountSortcode=e.value.bankAccountSortcode,a.bankAccountName=e.value.bankAccountName)},v=()=>{a.paymentMethods.push({inputId:"Direct Debit",inputValue:"Direct Debit",inputLabel:"Direct Debit",isSelected:a.type===z.paymentMethods.DirectDebit}),a.paymentMethods.push({inputId:"Credit or Debit card",inputValue:"Credit or Debit card",inputLabel:"Credit or Debit card",isSelected:a.type===z.paymentMethods.DebitCard||a.type===z.paymentMethods.CreditCard}),a.paymentIntervals.push({inputId:"Monthly",inputValue:"Monthly",input
1Label:"Monthly",isSelected:a.paymentFrequency===z.paymentIntervals.Monthly}),a.paymentIntervals.push({inputId:"Yearly",inputValue:"Yearly",inputLabel:"Yearly",isSelected:a.paymentFrequency===z.paymentIntervals.Yearly}),a.hasDefaultPaymentMethod=a.paymentMethods.some(k=>k.isSelected===!0),a.hasDefaultPaymentInterval=a.paymentIntervals.some(k=>k.isSelected===!0)};return(k,m)=>{const b=le,D=ce,U=de,w=Ve,N=ke,C=Pe,c=wa,T=Ia;return n(),d("div",null,[s(a).isPremiumPaymentDetailsForm?(n(),M(U,{key:0,title:"Premium payment details",description:"",cancel:s(a).hasCloseButton,next:!1,"btn-click":s(a).hasChangeDetailsButton,"is-button-click-disabled":s(a).isChangeDetailsDisabled,"button-label":"Change details","on-click-event":s(a).eventsBus.changeDetailsEvent,"has-floating-labels":!0,onCloseModal:E},{default:x(()=>[o("p",Ua," These are your current payment details for your "+_(s(g).description)+" "+_(s(g).policyWord)+'. If you want to change payment details on another policy held with WPA, please go back to your Homepage and from "Your policy" card choose a different policy. ',1),o("p",null,[m[0]||(m[0]=o("b",null,"Type: ",-1)),H(" "+_(s(a).type),1)]),o("p",null,[m[1]||(m[1]=o("b",null,"Payment frequency: ",-1)),H(" "+_(s(a).paymentFrequency),1)]),s(a).bankAccountNumber?(n(),d("p",La,[m[2]||(m[2]=o("b",null,"Account number: ",-1)),H(" "+_(s(a).bankAccountNumber),1)])):y("",!0),s(a).bankAccountSortcode?(n(),d("p",Ra,[m[3]||(m[3]=o("b",null,"Sort Code: ",-1)),H(" "+_(s(a).bankAccountSortcode),1)])):y("",!0),s(a).bankAccountName?(n(),d("p",Va,[m[4]||(m[4]=o("b",null,"Account name: ",-1)),H(" "+_(s(a).bankAccountName),1)])):y("",!0),s(a).message?(n(),M(D,{key:3,"info-box-type":"warning-light","info-box-message":s(a).message,"has-icon":!0},{"status-icon":x(()=>[B(b,{name:"warning-big",color:"warning-color"})]),_:1},8,["info-box-message"])):y("",!0),s(a).errorMessage?(n(),d("p",Fa,_(s(a).errorMessage),1)):y("",!0)]),_:1},8,["cancel","btn-click","is-button-click-disabled","on-click-event"])):s(a).isSelectPaymentDetailsForm?(n(),M(C,{key:s(i),title:"Premium payment details",size:"narrow","has-stepper-label":!0,"total-steps-label":3,"close-modal-event":s(a).eventsBus.selectPaymentDetailsCloseEvent},{"modal-contents":x(()=>[s(a).isPolicyAtRenewal?(n(),M(w,{key:0,label:"How often would you like to pay?",radios:s(a).paymentIntervals,"event-name":s(a).eventsBus.selectedPaymentIntervalEvent,"has-default-selected-value":s(a).hasDefaultPaymentInterval},null,8,["radios","event-name","has-default-selected-value"])):y("",!0),B(w,{label:"How would you wish to pay?",radios:s(a).paymentMethods,"event-name":s(a).eventsBus.selectedPaymentMethodEvent,"has-default-selected-value":s(a).hasDefaultPaymentMethod},null,8,["radios","event-name","has-default-selected-value"])]),"modal-actions":x(()=>[o("div",Oa,[B(N,{"is-cancel-button":!0,"button-label":"Cancel","cancel-modal-event":s(a).eventsBus.selectPaymentDetailsCloseEvent},null,8,["cancel-modal-event"]),B(N,{"is-next-button":!0,"button-label":"Next","next-modal-event":s(a).eventsBus.selectPaymentDetailNextEvent,"disable-next":s(a).disableNext},null,8,["next-modal-event","disable-next"])])]),_:1},8,["close-modal-event"])):s(a).isDirectDebitFlow?(n(),M(c,{key:2,"selected-payment-interval":s($),"selected-payment-method":s(a).selectedPaymentMethod},null,8,["selected-payment-interval","selected-payment-method"])):s(a).isCreditOrDebitCardFlow?(n(),M(T,{key:3})):y("",!0)])}}}),K={Name:1,Address:2,DateOfBirth:3,GpPractice:4,ContactDetails:5,ClaimBankDetails:6,ChangeUsername:7,ChangePassword:8,TwoFactorAuthentication:9,PremiumPaymentDetails:10},Wa={class:"account-details-container grid-gap-3 pb-big-2 pb-big-2 pl-small-1-mob pr-small-1-mob"},Ga=j({__name:"ContentAboutYou",props:{accountDetails:{type:Array,default:()=>[]}},setup(O){const p=ne(),{$bus:l}=Q(),r=O,a=X({cards:K,eventsBus:{cardClickEvent:"card-click-event",updateNameModalCloseEvent:"update-name-modal-close-event",updateNameModalSaveEvent:"update-name-modal-save-event",updateDobModalCloseEvent:"update-dob-modal-close-event",updateDobModalSaveEvent:"update-dob-modal-save-event",updateGpModalCloseEvent:"update-gp-modal-close-event",updateGpModalSaveEvent:"update-gp-modal-save-event",updateAddressModalSaveEvent:"update-ad
1dress-modal-save-event",updateAddressModalCloseEvent:"update-address-modal-close-event",updateContactDetailsModalCloseEvent:"update-contact-details-modal-close-event",updateContactDetailsModalSaveEvent:"update-contact-details-modal-save-event",claimBankDetailsCloseEvent:"claim-bank-details-close-event",claimBankDetailsSaveEvent:"claim-bank-details-save-event",refreshAccountCardsEvent:"refresh-account-cards-event",premiumPaymentDetailsCloseEvent:"premium-payment-details-close-event",premiumPaymentDetailsSaveEvent:"premium-payment-details-save-event",goToPremiumPaymentModalEvent:"go-to-premium-payment-modal-event"},showUpdateNameModal:!1,showUpdateDobModal:!1,showUpdateGpModal:!1,showUpdateAddressModal:!1,showUpdateContactDetailsModal:!1,showClaimBankDetailsModal:!1,showUpdatePremiumPaymentDetails:!1}),i=f(()=>p.getters["person/getAccountContactDetailsPrompt"]);return Z(()=>{l.$on(a.eventsBus.cardClickEvent,e=>{switch(e.id){case a.cards.Name:a.showUpdateNameModal=!0;break;case a.cards.Address:a.showUpdateAddressModal=!0;break;case K.DateOfBirth:a.showUpdateDobModal=!0;break;case K.GpPractice:a.showUpdateGpModal=!0;break;case K.ContactDetails:a.showUpdateContactDetailsModal=!0;break;case K.ClaimBankDetails:a.showClaimBankDetailsModal=!0;break;case K.PremiumPaymentDetails:a.showUpdatePremiumPaymentDetails=!0;break}}),l.$on(a.eventsBus.goToPremiumPaymentModalEvent,()=>{a.showUpdatePremiumPaymentDetails=!0}),l.$on(a.eventsBus.updateNameModalCloseEvent,()=>{a.showUpdateNameModal=!1}),l.$on(a.eventsBus.updateNameModalSaveEvent,()=>{a.showUpdateNameModal=!1,l.$emit(a.eventsBus.refreshAccountCardsEvent)}),l.$on(a.eventsBus.updateDobModalCloseEvent,()=>{a.showUpdateDobModal=!1}),l.$on(a.eventsBus.updateDobModalSaveEvent,()=>{a.showUpdateDobModal=!1,l.$emit(a.eventsBus.refreshAccountCardsEvent)}),l.$on(a.eventsBus.updateGpModalCloseEvent,()=>{a.showUpdateGpModal=!1}),l.$on(a.eventsBus.updateGpModalSaveEvent,()=>{a.showUpdateGpModal=!1,l.$emit(a.eventsBus.refreshAccountCardsEvent)}),l.$on(a.eventsBus.updateAddressModalCloseEvent,()=>{a.showUpdateAddressModal=!1}),l.$on(a.eventsBus.updateAddressModalSaveEvent,()=>{a.showUpdateAddressModal=!1,l.$emit(a.eventsBus.refreshAccountCardsEvent)}),l.$on(a.eventsBus.updateContactDetailsModalCloseEvent,()=>{a.showUpdateContactDetailsModal=!1,p.commit("person/SET_ACCOUNT_CONTACT_DETAILS_PROMPT",!1)}),l.$on(a.eventsBus.updateContactDetailsModalSaveEvent,()=>{a.showUpdateContactDetailsModal=!1,p.commit("person/SET_ACCOUNT_CONTACT_DETAILS_PROMPT",!1),l.$emit(a.eventsBus.refreshAccountCardsEvent)}),l.$on(a.eventsBus.claimBankDetailsCloseEvent,()=>{a.showClaimBankDetailsModal=!1}),l.$on(a.eventsBus.claimBankDetailsSaveEvent,()=>{a.showClaimBankDetailsModal=!1,l.$emit(a.eventsBus.refreshAccountCardsEvent)}),l.$on(a.eventsBus.premiumPaymentDetailsCloseEvent,()=>{a.showUpdatePremiumPaymentDetails=!1}),l.$on(a.eventsBus.premiumPaymentDetailsSaveEvent,()=>{a.showUpdatePremiumPaymentDetails=!1,l.$emit(a.eventsBus.refreshAccountCardsEvent)})}),ee(()=>{l.$off(a.eventsBus.cardClickEvent),l.$off(a.eventsBus.updateNameModalCloseEvent),l.$off(a.eventsBus.updateNameModalSaveEvent),l.$off(a.eventsBus.updateGpModalCloseEvent),l.$off(a.eventsBus.updateGpModalSaveEvent),l.$off(a.eventsBus.updateAddressModalCloseEvent),l.$off(a.eventsBus.updateAddressModalSaveEvent),l.$off(a.eventsBus.updateDobModalCloseEvent),l.$off(a.eventsBus.updateDobModalSaveEvent),l.$off(a.eventsBus.updateContactDetailsModalCloseEvent),l.$off(a.eventsBus.updateContactDetailsModalSaveEvent),l.$off(a.eventsBus.claimBankDetailsCloseEvent),l.$off(a.eventsBus.claimBankDetailsSaveEvent),l.$off(a.eventsBus.premiumPaymentDetailsCloseEvent),l.$off(a.eventsBus.premiumPaymentDetailsSaveEvent),l.$off(a.eventsBus.goToPremiumPaymentModalEvent)}),(e,t)=>{const S=le,u=Fe,g=Gt,$=qt,E=os,R=ms,v=Fs,k=Zs,m=Ha;return n(),d("div",Wa,[(n(!0),d(ae,null,oe(r.accountDetails,(b,D)=>(n(),M(u,{key:D,"event-name":s(a).eventsBus.cardClickEvent,param:b,"button-label":b.title,"button-value":b.label,"has-button-value-multiple-rows":b.id===s(a).cards.ContactDetails||b.id===s(a).cards.ClaimBankDetail
1s||b.id===s(a).cards.GpPractice||b.id===s(a).cards.PremiumPaymentDetails,class:se(D===0?"name":b.title.replace(/\s+/g,"-").toLowerCase())},{"button-icon":x(()=>[B(S,{name:b.id===s(a).cards.Name?"user-big":b.id===s(a).cards.Address?"address-big":b.id===s(a).cards.DateOfBirth?"calendar-big":b.id===s(a).cards.GpPractice?"gp-big":b.id===s(a).cards.ContactDetails?"email-big":b.id===s(a).cards.ClaimBankDetails||b.id===s(a).cards.PremiumPaymentDetails?"bank-details-big":"",color:"primary-color"},null,8,["name"])]),"button-icon-right":x(()=>[b.hasNotification?(n(),M(S,{key:0,name:"available-small",color:"success-color"})):y("",!0)]),_:2},1032,["event-name","param","button-label","button-value","has-button-value-multiple-rows","class"]))),128)),s(a).showUpdateNameModal?(n(),M(g,{key:0})):y("",!0),s(a).showUpdateDobModal?(n(),M($,{key:1})):y("",!0),s(a).showUpdateGpModal?(n(),M(E,{key:2})):y("",!0),s(a).showUpdateAddressModal?(n(),M(R,{key:3})):y("",!0),s(a).showUpdateContactDetailsModal||s(i)?(n(),M(v,{key:4})):y("",!0),s(a).showClaimBankDetailsModal?(n(),M(k,{key:5})):y("",!0),s(a).showUpdatePremiumPaymentDetails?(n(),M(m,{key:6})):y("",!0)])}}}),qa=ge(Ga,[["__scopeId","data-v-27f68f93"]]),za={class:"input-group-floating-label"},Ka=["readonly"],Ya={key:0,class:"input-helper input-error"},Ja={class:"input-group-floating-label modal-group"},ja=["readonly"],Qa={key:0,class:"input-helper input-error"},Xa=j({__name:"FormChangeUsername",props:{username:{type:String,default:""}},setup(O){const{$api:p,$bus:l,$loading:r}=Q(),a=p(),i=O,e=X({isReadonly:!1,message:"",saveSucceeded:!1,isSaveDisabled:!0,hasSaveButton:i.username!=="",refreshCards:!1,eventsBus:{changeUsernameModalCloseEvent:"change-username-modal-close-event",changeUsernameModalSaveEvent:"change-username-modal-save-event",changeUsernameEvent:"change-username-event"}}),t=ie({newUsername:i.username,retypeNewUsername:""}),S=f(()=>({newUsername:{required:J,allowedCharactersPatternUsernameRegex:Be,$lazy:!0},retypeNewUsername:{required:J,allowedCharactersPatternUsernameRegex:Be,$lazy:!0}})),u=pe(S,t),g=f(()=>u.value.newUsername.required.$invalid||t.value.newUsername===""?"Please enter username":u.value.newUsername.allowedCharactersPatternUsernameRegex.$invalid?"Special characters are not allowed":[" "].some(k=>t.value.newUsername.includes(k))?"Please provide a valid value":""),$=f(()=>u.value.retypeNewUsername.required.$invalid?"Please confirm your new username":u.value.retypeNewUsername.allowedCharactersPatternUsernameRegex.$invalid?"Special characters are not allowed":[" "].some(k=>t.value.retypeNewUsername.includes(k))?"Please provide a valid value":t.value.retypeNewUsername!==""&&t.value.retypeNewUsername!==t.value.newUsername?"New usernames do not match":t.value.retypeNewUsername===""?"Please confirm your new username":"");Z(()=>{l.$on(e.eventsBus.changeUsernameEvent,async()=>{u.value.$validate(),!u.value.newUsername.$invalid&&!u.value.retypeNewUsername.$invalid?await R():e.isSaveDisabled=!0})}),ee(()=>{l.$off(e.eventsBus.changeUsernameEvent)});const E=()=>{e.refreshCards?l.$emit(e.eventsBus.changeUsernameModalSaveEvent):l.$emit(e.eventsBus.changeUsernameModalCloseEvent)},R=async()=>{let k=null;try{r.$start(),k=await a.security.changeCustomerAccountUsername(t.value.newUsername),e.saveSucceeded=k.success,k.success&&(e.message=k.message,e.hasSaveButton=!1,e.isSaveDisabled=!0,e.isReadonly=!0,e.refreshCards=!0)}catch{}finally{e.message=k.message,e.isSaveDisabled=!0,r.$finish()}},v=()=>{e.message="",e.isSaveDisabled=$.value!==""};return(k,m)=>{const b=le,D=ce,U=de;return n(),d("div",null,[B(U,{title:"Change username",description:"",cancel:!0,next:!1,"btn-click":s(e).hasSaveButton,"is-button-click-disabled":s(e).isSaveDisabled,"button-label":"Save","on-click-event":s(e).eventsBus.changeUsernameEvent,"has-floating-labels":!0,onCloseModal:E},{default:x(()=>[o("div",za,[F(o("input",{id:"title",ref:"title","onUpdate:modelValue":m[0]||(m[0]=w=>s(t).newUsername=w),type:"text",placeholder:"New username",readonly:s(e).isReadonly,onKeyup:m[1]||(m[1]=w=>v())},null,40,Ka),[[Y,s(t).newUsername]]),m[4]||(m[4]=o("label",{for:"firstName",class:"modal-label"},"New username",-1)),s(g)!==""?(n(),d("p",Ya,_(s(g)),1)):y("",!0)]),o("div",Ja,[F(o("input",{id:"retypeNewUsername","onUpdate:modelValue":m[2]||(m[2]=w=>s(t).retypeNewUsername=w),type:"text",placeholder:"Confirm new username",readonly:s(e).isReadonly,oncut:"return false;",oncopy:"return false;",onpaste:"return false;",onKeyup:m[3]||(m[3]=w=>v())},null,40,ja),[[Y,s(t).retypeNewUsername]]),m[5]||(m[5]=o("label",{for:"firstName",class:"modal-label"},"Confirm new username",-1)),s($)!==""?(n(),d("p",Qa,_(s($)),1)):y("",!0),m[6]||(m[6]=o("span",{class:"input-helper"},"This change will apply to both your My WPA and WPA Health app credentials. ",-1))]),s(e).message?(n(),M(D,{key:0,"info-box-type":s(e).saveSucceeded?"success-light":"warning-light","info-box-message":s(e).message,"has-icon":!0},{"status-icon":x(()=>[B(b,{name:s(e).saveSucceeded?"available-big":"warning-big",color:s(e).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["btn-click","is-button-click-disabled","on-click-event"])])}}}),Za={class:"input-group-floating-label"},eo={class:"password-container"},to=["type","readonly"],so={key:0,class:"input-helper input-error"},ao={class:"input-group-floating-label modal-group"},oo={class:"password-container"},no=["type","readonly"],lo={class:"input-helper"},ro={key:0,class:"input-helper"},io={key:1,class:"input-helper input-error"},co={class:"input-group-floating-label modal-group"},uo={class:"password-container"},mo=["type","readonly"],po={key:0,class:"input-helper"},vo={key:1,class:"input-helper"},fo={key:2,class:"input-helper input-error"},bo={key:0,class:"error-msg"},yo=j({__name:"FormChangePassword",setup(O){const{$api:p,$bus:l,$loading:r}=Q(),a=p(),i=X({isReadonly:!1,passwordHelp:"Choose a complex password",confirmNewPasswordHelp:"Please repeat your password",message:"",saveSucceeded:!1,errorMsg:"",isPasswordTypedIn:!1,isSaveDisabled:!0,hasSaveButton:!0,eventsBus:{changePasswordModalCloseEvent:"change-password-modal-close-event",changePasswordEvent:"change-password-event"},isOldPasswordHidden:!0,isNewPasswordHidden:!0,isConfirmNewPasswordHidden:!0}),e=ie({oldPassword:"",newPassword:"",confirmNewPassword:""}),t=f(()=>({oldPassword:{required:J,$lazy:!0},newPassword:{required:J,allowedCharactersPatternPasswordRegex:Ae,$lazy:!0},confirmNewPassword:{required:J,allowedCharactersPatternPasswordRegex:Ae,$lazy:!0}})),S=pe(t,e),u=f(()=>S.value.oldPassword.required.$invalid?"Please enter password":""),g=f(()=>S.value.newPassword.required.$invalid?"Please enter password":S.value.newPassword.allowedCharactersPatternPasswordRegex.$invalid?"Special characters are not allowed":[" "].some(U=>e.value.newPassword.includes(U))?"Please provide a valid value":""),$=f(()=>S.value.confirmNewPassword.required.$invalid?"Please repeat password":S.value.confirmNewPassword.allowedCharactersPatternPasswordRegex.$invalid?"Special characters are not allowed":[" "].some(U=>e.value.confirmNewPassword.includes(U))?"Please provide a valid value":e.value.confirmNewPassword!==""&&e.value.confirmNewPassword!==e.value.newPassword?"Password fields do not match":""),E=f(()=>e.value.confirmNewPassword===e.value.newPassword&&e.value.newPassword.length!==0?"Your Passwords match":e.value.confirmNewPassword===""&&e.value.newPassword.length!==0?"Repeat your password":"");Z(()=>{l.$on(i.eventsBus.changePasswordEvent,async()=>{S.value.$validate(),b()?await v():i.isSaveDisabled=!0})}),ee(()=>{l.$off(i.eventsBus.changePasswordEvent)});const R=()=>{l.$emit(i.eventsBus.changePasswordModalCloseEvent)},v=async()=>{let U=null;try{r.$start(),U=await a.security.changeCustomerAccountPassword(e.value.oldPassword,e.value.newPassword),i.saveSucceeded=U.success,U.success&&(i.message=U.message,i.hasSaveButton=!1,i.isSaveDisabled=!0,i.isReadonly=!0)}catch{}finally{i.message=U.message,r.$finish()}},k=()=>{i.isPasswordTypedIn=!0,l.$emit("on-password-input",e.value.newPassword),D()},m=()=>{i.errorMsg="",i.isPasswordTypedIn=!1},b=()=>!(S.value.oldPassword.$invalid||e.value.oldPassword===""||S.value.newPassword.$invalid||e.value.newPassword===""||S.value.confirmNewPassword.$invalid||e.value.confirmNewPassword===""||e.value.confirmNewPassword!==""&&e.value.confirmNewPassword!==e.value.newPassword||u.value!==""||g.value!==""||$.value!==""),D=()=>{i.message="",i.isSaveDisabled=!b()};return(U,w)=>{const N=le,C=Ze,c=ce,T=de;return n(),d("div",null,[B(T,{title:"Change password",description:"",cancel:!0,next:!1,"btn-click":s(i).hasSaveButton,"is-button-click-disabled":s(i).isSaveDisabled,"button-label":"Save","on-click-event":s(i).eventsBus.changePasswordEvent,"has-floating-labels":!0,onCloseModal:R},{default:x(()=>[o("div",Za,[o("div",eo,[F(o("input",{id:"oldPassword","onUpdate:modelValue":w[0]||(w[0]=q=>s(e).oldPassword=q),type:s(i).isOldPasswordHidden?"password":"text",placeholder:"Old password",readonly:s(i).isReadonly,onKeyup:w[1]||(w[1]=q=>D())},null,40,to),[[$e,s(e).oldPassword]]),s(i).isOldPasswordHidden?(n(),d("button",{key:0,onClick:w[2]||(w[2]=()=>s(i).isOldPasswordHidden=!1)},[B(N,{name:"view",color:"gray-color"})])):(n(),d("button",{key:1,onClick:w[3]||(w[3]=()=>s(i).isOldPasswordHidden=!0)},[B(N,{name:"hide",color:"gray-color"})])),w[11]||(w[11]=o("label",{for:"oldPassword",class:"modal-label"},"Old password",-1))]),s(u)!==""?(n(),d("p",so,_(s(u)),1)):y("",!0)]),o("div",ao,[o("div",oo,[F(o("input",{id:"newPassword","onUpdate:modelValue":w[4]||(w[4]=q=>s(e).newPassword=q),type:s(i).isNewPasswordHidden?"password":"text",placeholder:"New password",readonly:s(i).isReadonly,oncut:"return false;",oncopy:"return false;",onpaste:"return false;",onKeyup:k,onBlur:m},null,40,no),[[$e,s(e).newPassword]]),s(i).isNewPasswordHidden?(n(),d("button",{key:0,onClick:w[5]||(w[5]=()=>s(i).isNewPasswordHidden=!1)},[B(N,{name:"view",color:"gray-color"})])):(n(),d("button",{key:1,onClick:w[6]||(w[6]=()=>s(i).isNewPasswordHidden=!0)},[B(N,{name:"hide",color:"gray-color"})])),w[12]||(w[12]=o("label",{for:"newPassword",class:"modal-label"},"New password",-1))]),F(o("p",lo,[B(C)],512),[[Ye,s(i).isPasswordTypedIn]]),s(i).isPasswordTypedIn===!1&&s(g)===""?(n(),d("p",ro,_(s(i).passwordHelp),1)):y("",!0),s(i).isPasswordTypedIn===!1&&s(g)!==""?(n(),d("p",io,_(s(g)),1)):y("",!0)]),o("div",co,[o("div",uo,[F(o("input",{id:"confirmNewPassword","onUpdate:modelValue":w[7]||(w[7]=q=>s(e).confirmNewPassword=q),type:s(i).isConfirmNewPasswordHidden?"password":"text",placeholder:"Confirm new password",readonly:s(i).isReadonly,oncut:"return false;",oncopy:"return false;",onpaste:"return false;",onKeyup:w[8]||(w[8]=q=>D())},null,40,mo),[[$e,s(e).confirmNewPassword]]),s(i).isConfirmNewPasswordHidden?(n(),d("button",{key:0,onClick:w[9]||(w[9]=()=>s(i).isConfirmNewPasswordHidden=!1)},[B(N,{name:"view",color:"gray-color"})])):(n(),d("button",{key:1,onClick:w[10]||(w[10]=()=>s(i).isConfirmNewPasswordHidden=!0)},[B(N,{name:"hide",color:"gray-color"})])),w[13]||(w[13]=o("label",{for:"confirmNewPassword",class:"modal-label"},"Confirm new password",-1))]),s($)===""&&s(i).confirmNewPasswordHelp!==""&&s(E)===""?(n(),d("p",po,_(s(i).confirmNewPasswordHelp),1)):s($)===""&&s(E)!==""?(n(),d("p",vo,_(s(E)),1)):(n(),d("p",fo,_(s($)),1))]),s(i).errorMsg?(n(),d("p",bo,_(s(i).errorMsg),
11)):y("",!0),s(i).message?(n(),M(c,{key:1,"info-box-type":s(i).saveSucceeded?"success-light":"warning-light","info-box-message":s(i).message,"has-icon":!0},{"status-icon":x(()=>[B(N,{name:s(i).saveSucceeded?"available-big":"warning-big",color:s(i).saveSucceeded?"success-color":"warning-color"},null,8,["name","color"])]),_:1},8,["info-box-type","info-box-message"])):y("",!0)]),_:1},8,["btn-click","is-button-click-disabled","on-click-event"])])}}}),ho={class:"account-details-container grid-gap-3 pb-big-2 pb-big-2 pl-small-1-mob pr-small-1-mob"},go=j({__name:"ContentSettings",setup(O){const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l(),e=X({cards:K,accountSettings:[],customerAccountDetails:null,showChangeUsernameModal:!1,showChangePasswordModal:!1,eventsBus:{cardClickEvent:"card-click-event",changeUsernameModalCloseEvent:"change-username-modal-close-event",changeUsernameModalSaveEvent:"change-username-modal-save-event",changePasswordModalCloseEvent:"change-password-modal-close-event"}}),t=f(()=>p.getters["session/getCustomerAccount"]);Z(async()=>{r.$on(e.eventsBus.cardClickEvent,g=>{switch(g.id){case e.cards.ChangeUsername:e.showChangeUsernameModal=!0;break;case e.cards.ChangePassword:e.showChangePasswordModal=!0;break}}),r.$on(e.eventsBus.changeUsernameModalCloseEvent,()=>{e.showChangeUsernameModal=!1}),r.$on(e.eventsBus.changeUsernameModalSaveEvent,async()=>{e.showChangeUsernameModal=!1,e.customerAccountDetails=null,await u()}),r.$on(e.eventsBus.changePasswordModalCloseEvent,()=>{e.showChangePasswordModal=!1}),a.$start(),await u(),a.$finish(),r.$on(e.eventsBus.cardClickEvent,g=>{switch(g.id){case e.cards.ChangeUsername:break;case e.cards.ChangePassword:break;case e.cards.TwoFactorAuthentication:break}})}),ee(()=>{r.$off(e.eventsBus.cardClickEvent),r.$off(e.eventsBus.changeUsernameModalCloseEvent),r.$off(e.eventsBus.changeUsernameModalSaveEvent),r.$off(e.eventsBus.changePasswordModalCloseEvent)});const S=g=>{switch(g.id){case e.cards.ChangeUsername:return"Change username";case e.cards.ChangePassword:return"Change password";case e.cards.TwoFactorAuthentication:return"Two factor authentication";default:return""}},u=async()=>{e.customerAccountDetails===null&&(e.accountSettings=[],e.customerAccountDetails=await i.security.getCustomerAccountActiveForCustomer(t.value.CustomerId,null,null,null),e.accountSettings.push({id:e.cards.ChangeUsername,label:`Username: ${e.customerAccountDetails.username}`,toggle:!1}),e.accountSettings.push({id:e.cards.ChangePassword,label:"Password: ********",toggle:!1}),e.accountSettings.push({id:e.cards.TwoFactorAuthentication,toggle:!0,toggleValue:e.customerAccountDetails.twoFactorAuthenticationEnabled}))};return(g,$)=>{const E=le,R=Fe,v=Xa,k=yo;return n(),d("div",ho,[(n(!0),d(ae,null,oe(s(e).accountSettings,(m,b)=>(n(),M(R,{key:b,"event-name":s(e).eventsBus.cardClickEvent,param:m,"button-label":S(m),"button-value":m.label,toggle:m.toggle,"toggle-value":m.toggleValue,class:se(b===0?"name":S(m).replace(/\s+/g,"-").toLowerCase()),"is-not-a-button":m.id===s(e).cards.TwoFactorAuthentication},{"button-icon":x(()=>[B(E,{name:m.id===s(e).cards.ChangeUsername?"user-settings":m.id===s(e).cards.ChangePassword||m.id===s(e).cards.TwoFactorAuthentication?"lockit-settings":"",color:"primary-color"},null,8,["name"])]),"button-icon-right":x(()=>[m.hasNotification?(n(),M(E,{key:0,name:"available-small",color:"success-color"})):y("",!0)]),_:2},1032,["event-name","param","button-label","button-value","toggle","toggle-value","class","is-not-a-button"]))),128)),s(e).showChangeUsernameModal?(n(),M(v,{key:0,username:s(e).customerAccountDetails.username},null,8,["username"])):y("",!0),s(e).showChangePasswordModal?(n(),M(k,{key:1})):y("",!0)])}}}),_o=ge(go,[["__scopeId","data-v-f56bc064"]]),Co={class:"main-container"},$o={class:"page-container-full-width bg-hero bg-hero-account",style:{"background-position":"0 82% !important"}},Do={class:"page-container-full-width-inner"},wo={class:"page-container-fixed-width pt-big-2 pt-small-1-mob"},Po=j({__name:"index",setup(O){Je({title:"WPA Account"});const p=ne(),{$api:l,$bus:r,$loading:a}=Q(),i=l();Te();const e=je(),t=X({breadcrumbs:[{title:"Homepage",link:"/"},{title:"Account",link:`${p.state.config.PERSON_RELATIVE_PATH}/account`}],eventsBus:{refreshAccountCardsEvent:"refresh-account-cards-event",policyMemberChangedEvent:"policy-member-changed-event",accountTabClickEvent:"account-tab-click-event",goToPremiumPaymentModalEvent:"go-to-premium-payment-modal-event"},cards:K,accountDetails:[],heroDescription:"",reRenderAccountCardsKey:0,customerDetails:null,
1selectedTab:fe.AboutYou,tabs:fe});et(async()=>{var m;a.$start();const v=await i.policy.getCurrentOrFutureContract(p.state.session.policy.id,p.state.session.customerAccount.CustomerId);t.customerDetails=await i.policy.getCustomerDetails(p.state.session.customerAccount.CustomerId,v.id),p.commit("person/SET_ACCOUNT_SELECTED_CUSTOMER_ID",p.state.session.customerAccount.CustomerId),p.commit("person/SET_ACCOUNT_SELECTED_CONTRACT_ID",v.id),t.customerDetails.premiumPaymentDetails&&p.commit("person/SET_ACCOUNT_PREMIUM_PAYMENT_DETAILS",t.customerDetails.premiumPaymentDetails);let k="";switch((m=t.customerDetails.premiumPaymentDetails)==null?void 0:m.paymentMethod){case z.paymentMethods.Cheque:case z.paymentMethods.CreditCard:case z.paymentMethods.DebitCard:k=A.stringJoin(", ",[t.customerDetails.premiumPaymentDetails.paymentMethod,t.customerDetails.premiumPaymentDetails.paymentInterval]);break;case z.paymentMethods.DirectDebit:k=A.stringJoin(", ",[t.customerDetails.premiumPaymentDetails.bankAccountName,t.customerDetails.premiumPaymentDetails.bankAccountNumber,t.customerDetails.premiumPaymentDetails.bankAccountSortcode]);break;default:k="";break}t.accountDetails=[],t.customerDetails.name&&t.accountDetails.push({id:K.Name,title:`${t.customerDetails.name.firstName} ${t.customerDetails.name.surname}`,label:`Customer Number: ${p.state.session.customerAccount.CustomerId}`,hasNotification:t.customerDetails.name.hasNotification}),t.customerDetails.gpPractice&&t.accountDetails.push({id:K.GpPractice,title:"GP practice",label:t.customerDetails.gpPractice.practiceTypeId===null?"Who is your General Practitioner?":`${A.stringJoin(", ",[t.customerDetails.gpPractice.name,t.customerDetails.gpPractice.addressLine1,t.customerDetails.gpPractice.addressLine2,t.customerDetails.gpPractice.addressLine3,t.customerDetails.gpPractice.addressLine4,t.customerDetails.gpPractice.postcode])}`,hasNotification:t.customerDetails.gpPractice.hasNotification}),t.customerDetails.dateOfBirth&&t.accountDetails.push({id:K.DateOfBirth,title:"Date of birth",label:De.getFormatedDateShortMonth(t.customerDetails.dateOfBirth.dateOfBirth),hasNotification:t.customerDetails.dateOfBirth.hasNotification}),t.customerDetails.claimBankDetails&&t.accountDetails.push({id:K.ClaimBankDetails,title:"Claim bank details",label:`${A.stringJoin(", ",[t.customerDetails.claimBankDetails.accountName,t.customerDetails.claimBankDetails.accountNumber,A.formatHiddenSortcode(t.customerDetails.claimBankDetails.sortcode)])}`,hasNotification:t.customerDetails.claimBankDetails.hasNotification}),t.customerDetails.address&&t.accountDetails.push({id:K.Address,title:"Address",label:`${A.stringJoin(", ",[t.customerDetails.address.addressLine1,t.customerDetails.address.addressLine2,t.customerDetails.address.addressLine3,t.customerDetails.address.addressLine4,t.customerDetails.address.postcode])}`,hasNotification:t.customerDetails.address.hasNotification}),t.customerDetails.premiumPaymentDetails&&t.accountDetails.push({id:K.PremiumPaymentDetails,title:"Premium payment details",label:k}),t.customerDetails.contactDetails&&t.accountDetails.push({id:K.ContactDetails,title:"Contact details",label:`${A.stringJoin(", ",[t.customerDetails.contactDetails.telephoneMobile,t.customerDetails.contactDetails.telephoneHome,t.customerDetails.contactDetails.telephoneWork,t.customerDetails.contactDetails.email])}`,hasNotification:t.customerDetails.contactDetails.hasNotification}),t.heroDescription=await i.web.getWebsiteParameter("AccountDetailsHeroText"),e.query.accessConfirmationModal==="true"?(p.commit("person/SET_ACCOUNT_CONFIRMATION_MODAL",!0),r.$emit(t.eventsBus.goToPremiumPaymentModalEvent),a.$finish()):e.query.accessConfirmationModal==="false"&&(p.commit("person/SET_ACCOUNT_PREMIUM_PAYMENT_STEP_1",!0),r.$emit(t.eventsBus.goToPremiumPaymentModalEvent),a.$finish()),e.query.contactDetailsPrompt==="true"&&p.commit("person/SET_ACCOUNT_CONTACT_DETAILS_PROMPT",!0),a.$finish()},"$sQ_-rdkkKT");const S=f(()=>p.getters["person/getAccountSelectedCustomerId"]),u=f(()=>p.getters["person/getAccountSelectedContractId"]),g=f(()=>p.getters["session/getCustomerAccount"]),$=f(()=>p.getters["session/getPolicy"]);Z(()=>{re(()=>{r.$on(t.eventsBus.refreshAccountCardsEvent,async()=>{a.$start(),await E(),t.reRenderAccountCardsKey+=1,a.$finish()}),r.$on(t.eventsBus.accountTabClickEvent,async v=>{var k,m,b;if(a.$start(),t.selectedTab=v,t.selectedTab===fe.AboutYou){const D=await i.policy.getCurrentOrFutureContract((k=$.value)==null?void 0:k.id,(m=g.value)==null?void 0:m.CustomerId);p.commit("person/SET_ACCOUNT_SELECTED_CUSTOMER_ID",(b=g.value)==null?void 0:b.CustomerId),p.commit("person/SET_ACCOUNT_SELECTED_CONTRACT_ID",D.id),await E(),t.reRenderAccountCardsKey+=1,a.$finish()}a.$finish()}),r.$on(t.eventsBus.policyMemberChangedEvent,async v=>{p.commit("person/SET_ACCOUNT_SELECTED_CUSTOMER_ID",v.customerId),p.commit("person/SET_ACCOUNT_SELECTED_CONTRACT_ID",v.contractId),await E(),t.reRenderAccountCardsKey+=1,a.$finish()})})}),ee(()=>{r.$off(t.eventsBus.refreshAccountCardsEvent),r.$off(t.eventsBus.policyMemberChangedEvent),r.$off(t.eventsBus.accountTabClickEvent)});const E=async()=>{const v=await i.policy.getCustomerDetails(S.value,u.value);t.accountDetails=[],v.premiumPaymentDetails&&p.commit("person/SET_ACCOUNT_PREMIUM_PAYMENT_DETAILS",v.premiumPaymentDetails),v.name&&t.accountDetails.push({id:K.Name,title:`${v.name.firstName} ${v.name.surname}`,label:`Customer Number: ${S.value}`,hasNotification:v.name.hasNotification}),v.gpPractice&&t.accountDetails.push({id:K.GpPractice,title:"GP practice",label:v.gpPractice.practiceTypeId===null?"Who is your General Practitioner?":`${A.stringJoin(", ",[v.gpPractice.name,v.gpPractice.addressLine1,v.gpPractice.addressLine2,v.gpPractice.addressLine3,v.gpPractice.addressLine4,v.gpPractice.postcode])}`,hasNotification:v.gpPractice.hasNotification}),v.dateOfBirth&&t.accountDetails.push({id:K.DateOfBirth,title:"Date of birth",label:De.getFormatedDateShortMonth(v.dateOfBirth.dateOfBirth),hasNotification:v.dateOfBirth.hasNotification}
1),v.claimBankDetails&&t.accountDetails.push({id:K.ClaimBankDetails,title:"Claim bank details",label:`${A.stringJoin(", ",[v.claimBankDetails.accountName,v.claimBankDetails.accountNumber,A.formatHiddenSortcode(v.claimBankDetails.sortcode)])}`,hasNotification:v.claimBankDetails.hasNotification}),v.address&&t.accountDetails.push({id:K.Address,title:"Address",label:`${A.stringJoin(", ",[v.address.addressLine1,v.address.addressLine2,v.address.addressLine3,v.address.addressLine4,v.address.postcode])}`,hasNotification:v.address.hasNotification}),v.premiumPaymentDetails&&t.accountDetails.push({id:K.PremiumPaymentDetails,title:"Premium payment details",label:R(v)}),v.contactDetails&&t.accountDetails.push({id:K.ContactDetails,title:"Contact details",label:`${A.stringJoin(", ",[v.contactDetails.telephoneMobile,v.contactDetails.telephoneHome,v.contactDetails.telephoneWork,v.contactDetails.email])}`,hasNotification:v.contactDetails.hasNotification})},R=v=>{var k;switch((k=v.premiumPaymentDetails)==null?void 0:k.paymentMethod){case z.paymentMethods.Cheque:case z.paymentMethods.CreditCard:case z.paymentMethods.DebitCard:return A.stringJoin(", ",[v.premiumPaymentDetails.paymentMethod,v.premiumPaymentDetails.paymentInterval]);case z.paymentMethods.DirectDebit:return A.stringJoin(", ",[v.premiumPaymentDetails.bankAccountName,v.premiumPaymentDetails.bankAccountNumber,v.premiumPaymentDetails.bankAccountSortcode]);default:return""}};return(v,k)=>{const m=He,b=Ge,D=We,U=at,w=qa,N=_o;return n(),d("main",Co,[o("div",$o,[o("div",Do,[B(D,null,{left:x(()=>[B(m,{"programatic-breadcrumbs":s(t).breadcrumbs},null,8,["programatic-breadcrumbs"]),B(b,{title:"Account",description:`${s(t).heroDescription}.`},null,8,["description"])]),_:1})])]),o("div",wo,[B(U),s(t).selectedTab===s(fe).AboutYou?(n(),M(w,{key:s(t).reRenderAccountCardsKey,"account-details":s(t).accountDetails},null,8,["account-details"])):y("",!0),s(t).selectedTab===s(fe).Settings?(n(),M(N,{key:s(t).reRenderAccountCardsKey})):y("",!0)])])}}}),Ho=ge(Po,[["__scopeId","data-v-3abf4ef7"]]);export{Ho as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.