https://mijnkia.nl/dist/index.js?v=-1602942637000

1var xo=Object.defineProperty,Co=Object.defineProperties;var ko=Object.getOwnPropertyDescriptors;var Cn=Object.getOwnPropertySymbols;var $o=Object.prototype.hasOwnProperty,wo=Object.prototype.propertyIsEnumerable;var kn=(e,n,s)=>n in e?xo(e,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[n]=s,xe=(e,n)=>{for(var s in n||(n={}))$o.call(n,s)&&kn(e,s,n[s]);if(Cn)for(var s of Cn(n))wo.call(n,s)&&kn(e,s,n[s]);return e},Re=(e,n)=>Co(e,ko(n));import{u as z,a as oe,c as C,r as y,o as i,b as h,d as a,F as Z,e as de,f as D,w as o,g as f,t as l,h as $,i as d,j as Ve,k as Ae,l as Ie,m as G,n as Y,p as m,q as A,s as he,v as Ce,x as Io,y as Mo,z as Be,A as te,B as Lo,C as So,D as Do,E as To,G as Ha,H as Vo,I as Mt,J as Oe,K as Ao,L as bt,M as We,N as Ue,O as qt,P as ot,Q as ce,R as le,S as ie,T as qa,U as Ot,V as Ke,W as ae,X as ja,Y as ge,Z as Oo,_ as Lt,$ as Kt,a0 as yt,a1 as Wa,a2 as Ua,a3 as Po,a4 as De,a5 as jt,a6 as Eo,a7 as No,a8 as Ho,a9 as qo,aa as jo,ab as Wo,ac as Uo,ad as ct,ae as Fa,af as $n,ag as Fo,ah as Wt,ai as Ut,aj as Ba,ak as Bo,al as Ro,am as Ra,an as Zo,ao as wn,ap as In,aq as zo,ar as Ko,as as Yo,at as Go,au as Qo,av as Xo}from"./assets/vendor.js";function Jo(e,n){return n.forEach(function(s){s&&typeof s!="string"&&!Array.isArray(s)&&Object.keys(s).forEach(function(r){if(r!=="default"&&!(r in e)){var c=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(e,r,c.get?c:{enumerable:!0,get:function(){return s[r]}})}})}),Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}const es=function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const c of document.querySelectorAll('link[rel="modulepreload"]'))r(c);new MutationObserver(c=>{for(const u of c)if(u.type==="childList")for(const p of u.addedNodes)p.tagName==="LINK"&&p.rel==="modulepreload"&&r(p)}).observe(document,{childList:!0,subtree:!0});function s(c){const u={};return c.integrity&&(u.integrity=c.integrity),c.referrerpolicy&&(u.referrerPolicy=c.referrerpolicy),c.crossorigin==="use-credentials"?u.credentials="include":c.crossorigin==="anonymous"?u.credentials="omit":u.credentials="same-origin",u}function r(c){if(c.ep)return;c.ep=!0;const u=s(c);fetch(c.href,u)}};es();const ts={key:0,class:"header-web__navigation inline-flex flex-grow"},ns={class:"grid grid-flow-col gap-6"},as={class:"inline-flex h-full items-center hover:cursor-default"},os={key:0,class:"hidden absolute group-hover:flex top-full left-0 bg-polar-white flex-col w-auto max-w-none py-2"},ss={class:"inline-flex h-full items-center hover:cursor-default"},ls={class:"hidden absolute group-hover:flex top-full left-0 bg-polar-white flex-col w-auto max-w-none py-2"},is={class:"text-caption ml-2"},Mn={__name:"WebMainNavigation",setup(e){const n=z(),s=oe(),r=C(()=>n.getters["content/getContentForComponent"]("webmainmenu")||null),c=C(()=>n.getters["vehicles/availableVehicles"]),u=C(()=>!s.name.toString().includes("VirtualCar"));return(p,v)=>{const g=y("AnchorLink"),_=y("router-link");return r.value&&u.value?(i(),h("nav",ts,[a("ul",ns,[(i(!0),h(Z,null,de(r.value.items,b=>(i(),h("li",{key:b.id,class:"inline-flex h-full group relative"},[b.type==="Link"?(i(),D(g,{key:0,path:b.isExternalLink?b.path:{path:b.path},"is-external-link":b.isExternalLink,class:"inline-flex h-full items-center px-1 hover:underline"},{default:o(()=>[f(l(b.label),1)]),_:2},1032,["path","is-external-link"])):b.type==="LinkCollection"?(i(),h(Z,{key:1},[a("span",as,l(b.label),1),b.subItems?(i(),h("ul",os,[(i(!0),h(Z,null,de(b.subItems,x=>(i(),h("li",{key:x.id,class:"flex"},[x.type==="Link"?(i(),D(g,{key:0,path:x.isExternalLink?x.path:{path:x.path},"is-external-link":x.isExternalLink,class:"px-4 py-3 whitespace-nowrap hover:underline hover:cursor-pointer"},{default:o(()=>[f(l(x.label),1)]),_:2},1032,["path","is-external-link"])):$("",!0)]))),128))])):$("",!0)],64)):b.type==="Car"?(i(),h(Z,{key:2},[a("span",ss,l(b.label),1),a("ul",ls,[(i(!0),h(Z,null,de(c.value,x=>(i(),h("li",{key:x.licensePlate,class:"flex"},[d(_,{to:{name:"CarDetails",params:{houderschapsId:x.houderschapsId}},class:"px-4 py-3 whitespace-nowrap hover:underline"},{default:o(()=>[f(l(x.model)+" ",1),a("span",is,[x.isVirtual?(i(),h(Z,{key:0},[f(" ("+l(p.$t("common.car-on-order"))+") ",1)],64)):(i(),h(Z,{key:1},[f(" ("+l(x.licensePlate)+") ",1)],64))])]),_:2},1032,["to"])]))),128))])],64)):$("",!0)]))),128))])])):$("",!0)}}},rs={key:0,class:"header-web__side-navigation grid grid-flow-col gap-8 ml-auto"},Ln={__name:"WebSideNavigation",setup(e){const n=z(),s=C(()=>n.getters["content/getContentForComponent"]("websidemenu")||[]);return(r,c)=>s.value.items?(i(),h("ul",rs,[(i(!0),h(Z,null,de(s.value.items,u=>(i(),h("li",{key:u.id,class:"inline-flex h-full"},[(i(),D(Ve(u.isExternalLink?"a":"router-link"),{href:u.isExternalLink?u.path:null,to:u.isExternalLink?null:{path:u.path},target:u.isExternalLink?"_blank":null,class:"inline-flex h-full items-center hover:underline"},{default:o(()=>[f(l(u.label),1)]),_:2},1032,["href","to","target"]))]))),128))])):$("",!0)}},cs={class:"text-sm mt-0.5"},St={__name:"BackButton",setup(e){const n=z(),s=Ae(),r=oe(),c=C(()=>Ie("mediaQueries")?Ie("mediaQueries").value:{}),u=["Dashboard","Workshop","CarDetails","Service","PointsOfInterest","VirtualCarLandingPage"],p=C(()=>!u.includes(r.name)),v=()=>{c.value.tabletPlus&&n.dispatch("analytics/queueEvent",{event:"back_click"}

1),["ContactKIWLandingPage","MobielSchadeMeldenLandingPage"].includes(r.name)?s.push({name:"Dashboard"}):s.back()};return(g,_)=>{const b=y("IconChevron"),x=y("IconWrapper");return p.value?(i(),h("button",{key:0,class:"back-button text-polar-white inline-flex items-center px-2 tablet:px-0",onClick:v},[d(x,{size:24,"icon-fill":"currentColor",class:"transform rotate-180 mr-0.5"},{default:o(()=>[d(b)]),_:1}),a("span",cs,l(g.$t("common.back")),1)])):$("",!0)}}},ds={class:"flex ml-auto tablet:container tablet:mx-auto"},us={class:"header-web__user-menu grid grid-flow-col gap-2 tablet:gap-8 mr-2 tablet:mr-0 ml-auto"},ms={class:"group inline-flex items-center relative"},ps={class:"inline-flex items-center relative"},fs={key:0,class:"rounded-full w-5 h-5 bg-cardinal-red text-white text-xs font-bold inline-flex items-center justify-center absolute top-2 -right-1"},vs={class:"mt-0.5"},Sn={__name:"HeaderNavigation",setup(e){G("BackButton",St);const n=z(),s=C(()=>Ie("mediaQueries").value),r=C(()=>n.getters["messages/getUnreadCount"]);return(c,u)=>{const p=y("IconAccountMenu"),v=y("IconWrapper"),g=y("router-link"),_=y("IconEmailMenu");return i(),h("div",ds,[s.value.tabletPlus?(i(),D(St,{key:0})):$("",!0),a("ul",us,[a("li",ms,[d(g,{to:{name:"Profile"},class:"w-10 h-10 inline-flex items-center justify-center"},{default:o(()=>[d(v,{size:32,class:"text-white"},{default:o(()=>[d(p)]),_:1})]),_:1})]),a("li",ps,[d(g,{to:{name:"MessageCenter"},class:"w-10 h-10 inline-flex items-center justify-center"},{default:o(()=>[d(v,{size:32,class:"text-white"},{default:o(()=>[d(_)]),_:1}),r.value>0?(i(),h("span",fs,[a("span",vs,l(r.value),1)])):$("",!0)]),_:1})])])])}}};var B=(e,n)=>{const s=e.__vccOpts||e;for(const[r,c]of n)s[r]=c;return s};const hs={class:"flex"},_s={class:"header-component header-component--fixed-placeholder opacity-0"},gs={key:0,class:"header-component__navigation-bar"},bs={class:"header-component flex flex-col items-start w-full fixed top-o left-0 z-40"},ys={class:"header-component__top-bar relative flex w-full bg-midnight-black text-white"},xs={key:0,class:"header-component__navigation-bar bg-polar-white text-midnight-black w-full flex"},Cs={class:"container flex mx-auto h-full"},ks={__name:"HeaderComponent",setup(e){G("WebMainNavigation",Mn),G("WebSideNavigation",Ln),G("HeaderNavigation",Sn),G("BackButton",St);const n=z(),s=C(()=>n.getters["authentication/isAuthenticated"]),r=C(()=>Ie("mediaQueries").value);return(c,u)=>{const p=y("Logo"),v=y("router-link");return i(),h("div",hs,[a("div",_s,[u[0]||(u[0]=a("div",{class:"header-component__top-bar"},null,-1)),r.value.tabletPlus?(i(),h("div",gs)):$("",!0)]),a("header",bs,[u[1]||(u[1]=a("div",{class:"w-full bg-midnight-black",style:{position:"absolute",height:"500px",top:"-500px"}},null,-1)),a("div",ys,[r.value.phone?(i(),D(St,{key:0})):$("",!0),d(v,{to:{path:"/"},class:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex"},{default:o(()=>[d(p,{class:"h-5 fill-current text-polar-white"})]),_:1}),s.value?(i(),D(Sn,{key:1})):$("",!0)]),r.value.tabletPlus?(i(),h("div",xs,[a("div",Cs,[s.value?(i(),D(Mn,{key:0})):$("",!0),d(Ln)])])):$("",!0)])])}}};var Dn=B(ks,[["__scopeId","data-v-cc348126"]]);const $s={key:0,class:"tablet:pt-4 last:pb-4 desktop:py-0 tablet:border-t last:border-b desktop:border-0 border-caption inline-flex flex-col"},ws={class:"whitespace-nowrap"},Is={class:"inline-flex h-full items-center text-xs tablet:hover:underline"},Ms={class:"inline-flex h-full items-center text-xs tablet:hover:underline"},Ls={class:"inline-flex h-full items-center text-xs tablet:hover:underline"},Ss={key:0,class:"inline-flex h-full items-center text-xs tablet:hover:underline"},Ds={class:"inline-flex h-full items-center text-xs tablet:hover:underline"},Ts={key:1,class:"inline-flex h-full items-center text-xs tablet:hover:underline"},Tn={__name:"CarNavigationItem",props:{menuItem:{type:Object,required:!0},expandedItems:{type:Array,default:[]}},emits:["toggle"],setup(e,{emit:n}){const s=z(),r=C(()=>Ie("mediaQueries").value),c=C(()=>s.getters["vehicles/preferredVehicle"]),u=n;return(p,v)=>{var k;const g=y("IconChevron"),_=y("IconWrapper"),b=y("Heading"),x=y("router-link");return c.value?(i(),h("li",$s,[d(b,{tag:"div",heading:r.value.tablet?4:3,class:"flex justify-between items-center",onClick:v[0]||(v[0]=I=>u("toggle"))},{default:o(()=>[a("div",null,[f(l(c.value.model)+" ",1),a("span",ws,"["+l(c.value.licensePlate)+"]",1)]),d(_,{"icon-fill":"currentColor",size:28,class:Y([{"-rotate-90":e.expandedItems.includes(e.menuItem.id),"rotate-90":!e.expandedItems.includes(e.menuItem.id)},"transform desktop:hidden"])},{default:o(()=>[d(g)]),_:1},8,["class"])]),_:1},8,["heading"]),a("ul",{class:Y(["grid grid-flow-rows gap-3 desktop:grid mt-4",{"tablet:hidden":!e.expandedItems.includes(e.menuItem.id)}])},[a("li",Is,[d(x,{to:{name:"CarDetails",params:{houderschapsId:c.value.houderschapsId}}},{default:o(()=>[f(l(e.menuItem.overview),1)]),_:1},8,["to"])]),a("li",Ms,[d(x,{to:{name:"CreateAppointment"},class:"inline-flex h-full items-center hover:underline text-xs"},{default:o(()=>[f(l(e.menuItem.createServiceAppointment),1)]),_:1})]),a("li",Ls,[d(x,{to:{name:"Service"},class:"inline-flex h-full items-center hover:underline text-xs"},{default:o(()=>[f(l(e.menuItem.checkServiceHistory),1)]),_:1})]),c.value.kiw?(i(),h("li",Ss,[d(x,{to:{name:"KIW",params:{houderschapsId:c.value.houderschapsId}},class:"inline-flex h-full items-center hover:underline text-xs"},{default:o(()=>[f(l(e.menuItem.kiw),1)]),_:1},8,["to"])])):$("",!0),a("li",Ds,[d(x,{to:{name:"WarrantiesExpiries"},class:"inline-flex h-full items-center hover:underline text-xs"},{default:o(()=>[f(l(e.menuItem.warrantiesExpirydates),1)]),_:1})]),((k=c.value.documents)==null?void 0:k.length)>0?(i(),h("li",Ts,[d(x,{to:{name:"CarManuals"},class:"inline-flex h-full items-center hover:underline text-xs"},{default:o(()=>[f(l(e.menuItem.carManualPDF),1)]),_:1})])):$("",!0)],2)])):$("",!0)}}},et=e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`,Ft=e=>e.includes(" ")||e.length<=4?e:`${e.slice(0,4)} ${e.slice(4,6)}`,dt=e=>(e=e.replace(/^0+/,""),`tel:0031${e}`.replace(/ /g,"")),Za=e=>{const n=Math.floor(e/60),s=e%60;return n>0?`${n}h ${s}m`:`${s}m`},ut=(e,n=!1)=>{const s={};return Object.keys(e).forEach(r=>{s[r]=typeof e[r]=="undefined"?null:e[r],s[r]===""&&n&&(s[r]=null)}),s},nt=e=>new Intl.NumberFormat("nl-NL",{minimumFractionDigits:Math.round(e)!==e?2:0}).format(e),Vs=e=>Re(xe({},e),{position:{lat:e.workshopAddress.latitude,lng:e.workshopAddress.longitude}}),mt=e=>

1e?`${et(e.workshopAddress.city.toLowerCase())} - ${e.name}`:"",As={class:"tablet:pt-4 last:pb-4 desktop:py-0 tablet:border-t last:border-b desktop:border-0 border-caption inline-flex flex-col"},Os={class:"inline-flex h-full items-center text-xs"},Ps={class:"inline-flex h-full items-center text-xs"},Es={class:"inline-flex h-full items-center text-xs"},Ns={class:"inline-flex h-full items-center text-xs"},Hs={class:"inline-flex h-full items-center text-xs"},Vn={__name:"WorkshopNavigationItem",props:{menuItem:{type:Object,required:!0},expandedItems:{type:Array,default:[]}},emits:["toggle"],setup(e,{emit:n}){const s=z(),r=C(()=>Ie("mediaQueries").value),c=C(()=>s.getters["vehicles/preferredVehicle"]),u=C(()=>s.getters["vehicles/getDealerForVehicleByHouderschapsId"](c.value.houderschapsId)),p=n;return(v,g)=>{const _=y("IconChevron"),b=y("IconWrapper"),x=y("Heading"),k=y("AnchorLink");return i(),h("li",As,[d(x,{tag:"div",heading:r.value.tablet?4:3,class:"flex justify-between items-center",onClick:g[0]||(g[0]=I=>p("toggle"))},{default:o(()=>[f(l(e.menuItem.label)+" ",1),d(b,{"icon-fill":"currentColor",size:28,class:Y([{"-rotate-90":e.expandedItems.includes(e.menuItem.id),"rotate-90":!e.expandedItems.includes(e.menuItem.id)},"transform desktop:hidden"])},{default:o(()=>[d(_)]),_:1},8,["class"])]),_:1},8,["heading"]),a("ul",{class:Y(["grid grid-flow-rows gap-3 desktop:grid mt-4",{"tablet:hidden":!e.expandedItems.includes(e.menuItem.id)}])},[a("li",Os,l(u.value.name),1),a("li",Ps,l(u.value.workshopAddress.street)+" "+l(u.value.workshopAddress.houseNumber)+" "+l(u.value.workshopAddress.houseNumberAddition),1),a("li",Es,l(u.value.workshopAddress.postalCode)+" "+l(u.value.workshopAddress.city),1),a("li",Ns,[d(k,{underlined:"","is-external-link":"","hide-external-icon":"",path:m(dt)(u.value.workshopAddress.phoneNumber)},{default:o(()=>[f(l(u.value.workshopAddress.phoneNumber),1)]),_:1},8,["path"])]),a("li",Hs,[d(k,{underlined:"","is-external-link":"","hide-external-icon":"",path:`mailto: ${u.value.workshopAddress.email}`},{default:o(()=>[f(l(u.value.workshopAddress.email),1)]),_:1},8,["path"])])],2)])}}},qs={key:0,class:"footer-navigation text-polar-white"},js={class:"grid tablet:grid-cols-1 desktop:grid-cols-4 tablet:gap-4 desktop:gap-0"},Ws={key:0,class:"tablet:pt-4 last:pb-4 desktop:py-0 tablet:border-t last:border-b desktop:last:border-b-0 desktop:border-0 border-caption inline-flex flex-col"},An={__name:"FooterNavigation",setup(e){G("CarNavigationItem",Tn),G("WorkshopNavigationItem",Vn);const n=z(),s=oe(),r=A([]),c=C(()=>Ie("mediaQueries").value),u=C(()=>n.getters["authentication/isAuthenticated"]),p=C(()=>n.getters["content/getContentForComponent"]("webfootermenu")||null),v=_=>{const b=r.value.findIndex(x=>x===_);b>=0?r.value.splice(b,1):r.value=[...r.value,_]},g=C(()=>!s.name.toString().includes("VirtualCar"));return(_,b)=>{const x=y("IconChevron"),k=y("IconWrapper"),I=y("Heading"),w=y("AnchorLink");return p.value&&g.value?(i(),h("div",qs,[a("ul",js,[(i(!0),h(Z,null,de(p.value.items,L=>(i(),h(Z,{key:L.id},[L.type==="LinkCollection"&&(!L.requiresLogin||L.requiresLogin&&u.value)?(i(),h("li",Ws,[d(I,{class:"flex justify-between items-center",tag:"div",heading:c.value.tablet?4:3,onClick:S=>v(L.id)},{default:o(()=>[f(l(L.label)+" ",1),d(k,{"icon-fill":"currentColor",size:28,class:Y([{"-rotate-90":r.value.includes(L.id),"rotate-90":!r.value.includes(L.id)},"transform desktop:hidden"])},{default:o(()=>[d(x)]),_:2},1032,["class"])]),_:2},1032,["heading","onClick"]),a("ul",{class:Y(["grid grid-flow-rows gap-3 desktop:grid mt-4",{"tablet:hidden":!r.value.includes(L.id)}])},[(i(!0),h(Z,null,de(L.subItems,S=>(i(),h("li",{key:S.id,class:"inline-flex h-full items-center text-xs tablet:hover:underline"},[d(w,{"is-external-link":S.isExternalLink,"hide-external-icon":"",path:S.isExternalLink?S.path:{path:S.path}},{default:o(()=>[f(l(S.label),1)]),_:2},1032,["is-external-link","path"])]))),128))],2)])):L.type==="Car"&&u.value?(i(),D(Tn,{key:1,"menu-item":L,"expanded-items":r.value,onToggle:S=>v(L.id)},null,8,["menu-item","expanded-items","onToggle"])):L.type==="Workshop"&&u.value?(i(),D(Vn,{key:2,"menu-item":L,"expanded-items":r.value,onToggle:S=>v(L.id)},null,8,["menu-item","expanded-items","onToggle"])):$("",!0)],64))),128))])])):$("",!0)}}};const Us={class:"footer-component bg-midnight-black text-polar-white w-full mt-auto flex flex-col tablet:px-4 desktop:px-0"},Fs={class:"container mx-auto flex flex-col"},Bs={class:"inline-block mt-10 mb-8"},Rs={class:"container mx-auto"},Zs={class:"my-4 flex justify-between items-center"},zs={class:"text-xs uppercase font-light ml-auto"},On={__name:"FooterComponent",setup(e){const n=z();G("FooterNavigation",An);const s=C(()=>n.getters["content/getContentForComponent"]("webfootermenu")),r=new Date().getFullYear();return(c,u)=>{const p=y("Logo");return i(),h("footer",Us,[a("div",Fs,[a("div",Bs,[d(p,{class:"h-5 fill-current text-polar-white"})]),d(An)]),u[0]||(u[0]=a("div",{class:"border-t border-caption w-full mt-16"},null,-1)),a("div",Rs,[a("div",Zs,[a("div",zs,"\xA9"+l(m(r))+" "+l(s.value.copyright),1)])])])}}},Ks={class:"text-xs mt-1"},Pn={__name:"MobileMainNavigationItem",props:{menuItem:{type:Object,required:!0}},setup(e){const n=oe(),s=e,r=C(()=>n.path.includes(s.menuItem.path));return(c,u)=>{const p=y("IconWrapper"),v=y("AnchorLink");return i(),D(v,{"is-external-link":e.menuItem.isExternalLink,"hide-external-icon":"",class:Y(["flex flex-grow flex-col items-center justify-center px-1 h-full text-center",{"text-polar-white":r.value}]),"active-class":"text-polar-white",path:e.menuItem.path},{default:o(()=>[d(p,null,{default:o(()=>[(i(),D(Ve(`Icon${e.menuItem.icon}`),{class:"fill-current"}))]),_:1}),a("div",Ks,l(e.menuItem.label),1)]),_:1},8,["is-external-link","class","path"])}}},at=()=>navigator.userAgent.indexOf("gonative")>-1,ht=()=>navigator.userAgent.indexOf("GoNativeIOS")>-1,Ys=()=>

1{if(window.matchMedia){const e=window.matchMedia("only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen  and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 2dppx)");return e&&e.matches||window.devicePixelRatio>=1&&window.devicePixelRatio<=2}return!1},Gs=()=>{if(window.matchMedia){const e=window.matchMedia("only screen and (min--moz-device-pixel-ratio: 2.3), only screen and (-o-min-device-pixel-ratio: 4.6/2), only screen and (-webkit-min-device-pixel-ratio: 2.3), only screen  and (min-device-pixel-ratio: 2.3), only screen and (min-resolution: 3dppx)");return e&&e.matches||window.devicePixelRatio>2}return!1},za=e=>typeof e!="object"?e:Gs()&&e.imageX3Url?e.imageX3Url:Ys()&&e.imageX2Url?e.imageX2Url:e.imageX1Url?e.imageX1Url:e,Qs={key:0,class:"mobile-main-navigation flex"},Xs={class:"grid grid-cols-4 w-full"},En={__name:"MobileMainNavigation",setup(e){const n=z(),s=oe();G("MobileMainNavigationItem",Pn);const r=C(()=>n.getters["content/getContentForComponent"]("mobilemainmenu")||[]),c=C(()=>!s.name.toString().includes("VirtualCar"));return(u,p)=>c.value?(i(),h("div",Qs,[a("div",{class:Y(["header-web__navigation header-web--fixed-placeholder h-20 opacity-0",m(ht)()?"h-26":"h-20"])},null,2),a("nav",{class:Y(["header-web__navigation fixed bottom-0 left-0 w-full h-20 flex flex-grow bg-midnight-black text-caption",m(ht)()?"h-26 pb-6":"h-20"])},[a("ul",Xs,[(i(!0),h(Z,null,de(r.value.items,v=>(i(),h("li",{key:v.id,class:"flex flex-grow h-full"},[v.type==="Link"?(i(),D(Pn,{key:0,"menu-item":v},null,8,["menu-item"])):$("",!0)]))),128))])],2)])):$("",!0)}};const Js={class:"bg-white mt-2 notification"},el={class:"leading-5"},tl={__name:"Notification",props:{id:{type:String},notificationType:{type:String,default:"error",validator:e=>["error","warning","success"].includes(e)},message:{type:String}},setup(e){const n=z(),{t:s}=he(),r=e,c=C(()=>{const p=r.message;if(!p)return s("errors.general.something-went-wrong");if(typeof p=="string"&&p.startsWith("errors.")){const v=s(p);return!v||v===p?s("errors.general.something-went-wrong"):v}return p});setTimeout(()=>{u()},5e3);function u(){n.commit("notifications/removeNotification",r.id)}return(p,v)=>{const g=y("IconError"),_=y("IconWarning"),b=y("IconSuccess"),x=y("IconWrapper"),k=y("IconClose");return i(),h("li",Js,[a("div",{class:Y([`notification__wrapper--${e.notificationType}`,"notification__wrapper border p-4 pr-12 flex items-center relative phone:w-full tablet:w-96 max-w-full"])},[d(x,{class:"mr-2 flex-shrink-0"},{default:o(()=>[e.notificationType==="error"?(i(),D(g,{key:0})):$("",!0),e.notificationType==="warning"?(i(),D(_,{key:1})):$("",!0),e.notificationType==="success"?(i(),D(b,{key:2})):$("",!0)]),_:1}),a("span",el,l(c.value),1),d(x,{class:"absolute top-1 right-1",onClick:u},{default:o(()=>[d(k)]),_:1})],2)])}}};var Bt=B(tl,[["__scopeId","data-v-7f4e1ab2"]]);const nl={key:0,class:"notifications fixed bottom-20 left-2 tablet:left-auto tablet:bottom-2 right-2 phone:pb-2 z-50"},al={class:"w-full tablet:w-auto"},Nn={__name:"Notifications",setup(e){G("Notification",Bt);const n=z(),s=C(()=>n.getters["notifications/getNotifications"]);return(r,c)=>s.value.length>0?(i(),h("div",nl,[a("ul",al,[(i(!0),h(Z,null,de(s.value,u=>(i(),D(Bt,{key:u.id,id:u.id,notificationType:u.type,message:u.message},null,8,["id","notificationType","message"]))),128))])])):$("",!0)}},ol=["innerHTML"],sl={class:"flex flex-col w-full"},ll={class:"mb-4"},il={class:"flex"},Hn={__name:"KCSTermsModal",props:{isVisible:{type:Boolean,required:!0}},emits:["hide"],setup(e,{emit:n}){const s=z(),r=oe();he();const u=C(()=>s.getters["content/getContentForComponent"]("terms")).value.termsList.find(k=>k.termsType==="KCS"),p=C(()=>r.params.houderschapsId?r.params.houderschapsId:s.getters["vehicles/preferredVehicle"].houderschapsId),v=C(()=>r.params.houderschapsId?s.getters["vehicles/vehicleByHouderschapsId"](r.params.houderschapsId):s.getters["vehicles/preferredVehicle"]),g=A(!1),_=()=>{s.commit("terms/setKCSVisibility",!1)},b=()=>{var k;g.value&&((k=v.value.connectedCarInfo)==null?void 0:k.terms.accepted)&&(s.dispatch("terms/updateKCSTerms",{houderschapsId:parseInt(p.value),accepted:!1}),s.dispatch("analytics/queueEvent",{event:"accept_terms",data:{accepted:!1}})),_(),g.value=!1},x=()=>{var k;g.value&&!((k=v.value.connectedCarInfo)!=null&&k.terms.accepted)&&(s.dispatch("terms/updateKCSTerms",{houderschapsId:parseInt(p.value),accepted:!0}),s.dispatch("analytics/queueEvent",{event:"accept_terms",data:{accepted:!0}})),_(),g.value=!1};return(k,I)=>{const w=y("CheckboxControl"),L=y("ButtonControl"),S=y("Modal");return i(),D(S,{"is-visible":e.isVisible,"can-be-closed":!0,onClose:_},{heading:o(()=>[f(l(m(u).title),1)]),content:o(()=>[a("div",{innerHTML:m(u).text},null,8,ol)]),button:o(()=>[a("div",sl,[a("div",ll,[d(w,{value:"readTerms",modelValue:g.value,"onUpdate:modelValue":I[0]||(I[0]=M=>g.value=M)},{default:o(()=>[f(l(k.$t("common.conditions-read")),1)]),_:1},8,["modelValue"])]),a("div",il,[d(L,{styling:"secondary",onClick:b,class:"flex-1 mr-4",disabled:!g.value},{default:o(()=>[f(l(k.$t("common.reject")),1)]),_:1},8,["disabled"]),d(L,{class:"flex-1",onClick:x,disabled:!g.value},{default:o(()=>[f(l(k.$t("common.agree")),1)]),_:1},8,["disabled"])])])]),_:1},8,["is-visible"])}}},rl=["innerHTML"],cl={class:"flex flex-col w-full"},dl={class:"mb-4"},ul={class:"flex"},qn={__name:"GeneralTermsModal",props:{isVisible:{type:Boolean,required:!0}},emits:["hide"],setup(e,{emit:n}){const s=z();oe(),he();const c=C(()=>s.getters["content/getContentForComponent"]("terms")).value.termsList.find(g=>g.termsType==="MIJNKIA"),u=A(!1),p=()=>{s.commit("terms/setKCSVisibility",!1)},v=()=>{u.value&&(s.dispatch("terms/updateGeneralTerms",{accepted:!0}),p()),u.value=!1};return(g,_)=>{const b=y("CheckboxControl"),x=y("ButtonControl"),k=y("Modal");return i(),D(k,{"is-visible":e.isVisible,"can-be-closed":!1},{heading:o(()=>[f(l(m(c).title),1)]),content:o(()=>[a("div",{innerHTML:m(c).text},null,8,rl)]),button:o(()=>[a("div",cl,[a("div",dl,[d(b,{value:"readTerms",modelValue:u.value,"onUpdate:modelValue":_[0]||(_[0]=I=>u.value=I)},{default:o(()=>[f(l(g.$t("common.conditions-read")),1)]),_:1},8,["modelValue"])]),a("div",ul,[d(x,{class:"flex-1",onClick:v,disabled:!u.value},{default:o(()=>[f(l(g.$t("common.agree")),1)]),_:1},8,["disabled"])])])]),_:1},8,["is-visible"])}}},ml={class:"flex flex-col h-full flex-grow antialiased relative z-0"},pl={class:"tablet:container tablet:mx-auto flex flex-col flex-grow"},fl={__name:"App",setup(e){G("HeaderComponent",Dn),G("MobileMainNavigation",En),G("FooterComponent",On),G("Notifications",Nn),G("KCSTermsModal",Hn),G("GeneralTermsModal",qn);const n=oe(),s=z(),{t:r}=he(),c=C(()=>Ie("mediaQueries").value),u=C(()=>s.getters["authentication/isAuthenticated"]),p=C(()=>s.getters["application/isDarkMode"]),v=C(()=>s.getters["terms/getKCSVisibility"]),g=C(()=>s.getters["user/getGeneralTermsAccepted"]);Ce(p,b=>{b?document.querySelector("body").classList.add("dark-mode"):document.querySelector("body").classList.remove("dark-mode")},{immediate:!0});const _=C(()=>s.getters["content/getContentForComponent"](n.meta.id));return Io({title:C(()=>{var b,x;return(x=(b=_.value)==null?void 0:b.seo)!=null&&x.title?_.value.seo.title:r("seo.title")}),meta:[{name:"description",content:C(()=>{var b,x;return(x=(b=_.value)==null?void 0:b.seo)!=null&&x.description?_.value.seo.description:r("seo.description")})},{name:"keywords",content:C(()=>{var b,x;return(x=(b=_.value)==null?void 0:b.seo)!=null&&x.keywords?_.value.seo.keywords:r("seo.keywords")})},{name:"og:title",content:C(()=>{var b,x;return(x=(b=_.value)==null?void 0:b.seo)==null?void 0:x.socialTitle})||""},{name:"og:description",content:C(()=>{var b,x;return(x=(b=_.value)==null?void 0:b.seo)==null?void 0:x.socialDescription})||""},{name:"og:image",content:C(()=>{var b,x;return(x=(b=_.value)==null?void 0:b.seo)==null?void 0:x.socialImage})||""},{name:"og:url",content:C(()=>{var b,x;return(x=(b=_.value)==null?void 0:b.seo)==null?void 0:x.socialUrl})||""}]}),(b,x)=>{const k=y("router-view");return i(),h("div",ml,[m(n).name!=="Login"||m(c).tabletPlus?(i(),D(Dn,{key:0})):$("",!0),a("div",pl,[(i(),D(k,{key:b.$route.path}))]),m(c).phone&&m(u)?(i(),D(En,{key:1})):$("",!0),m(c).tabletPlus?(i(),D(On,{key:2})):$("",!0),d(Nn),d(Hn,{"is-visible":m(v)},null,8,["is-visible"]),d(qn,{"is-visible":!m(g)&&m(at)()},null,8,["is-visible"])])}}},it=Mo({legacy:!1,locale:"nl",fallbackLocale:"nl",messages:{nl:{},en:{}},globalInjection:!0}

1);async function vl(e){try{const n=new Request(`/translations/${e}.json`,{cache:"no-cache"});await fetch(n).then(s=>s.json()).then(s=>{it.global.setLocaleMessage(e,s)})}catch{}return Be()}async function se(e,n="GET",s=null,r=null){const c=new Request(e),p={headers:xe({Accept:"application/json","Accept-Language":"nl","Content-Type":"application/json"},r),method:n};s&&(p.body=JSON.stringify(s));try{return await fetch(c,p).then(async g=>{const _=await g.json();switch(g.status){case 400:case 401:case 403:case 409:case 500:case 501:case 502:case 503:case 504:case 505:case 506:case 507:case 509:case 510:_.errors.forEach(b=>{Se.commit("notifications/addNotification",{type:"error",message:it.global.t(b)})})}return _})}catch{return Je.push({name:"ErrorPage"}),{isSuccess:!1}}}const hl={namespaced:!0,state(){return{authenticated:!1}},getters:{isAuthenticated:e=>e.authenticated},mutations:{setAuthenticated(e){e.authenticated=!0},removeAuthenticated(e){e.authenticated=!1}},actions:{async checkIfUserIsAuthenticated({commit:e},n){(await se(`/api/user/is-logged-in${n&&n.guid&&n.refreshtoken?`?contactguid=${n.guid}&refreshToken=${n.refreshtoken}`:""}`)).isSuccess&&e("setAuthenticated")},async login({commit:e,dispatch:n},{username:s,password:r}){const u=await se("/api/user/login","POST",{username:s,password:r});return u.isSuccess&&(await n("user/getUserData",null,{root:!0}),e("setAuthenticated"),n("user/registerForPushNotifications",null,{root:!0}),n("messages/fetchUnreadCount",null,{root:!0})),u},async logout({commit:e,dispatch:n}){try{await n("user/unregisterForPushNotifications",null,{root:!0})}finally{const s=await se("/api/user/logout");return s.isSuccess&&(e("removeAuthenticated"),Je.push({name:"Login"})),s}}}},_l={namespaced:!0,state(){return{appConfig:{darkMode:!1},keys:null}},getters:{isDarkMode:e=>e.appConfig.darkMode,getTomTomKey:e=>e.keys?e.keys.tomtomMaps:null,getMopinionKey:e=>e.keys?e.keys.mopinion:null,getGoogleTagManagerKey:e=>e.keys?e.keys.googleTagManager:null},mutations:{setDarkMode(e,n){e.appConfig.darkMode=n},setKeys(e,n){e.keys=n}},actions:{async getKeys({commit:e}){const n=await se("/api/settings/keys","GET");return n.isSuccess&&e("setKeys",n.data),n}}},gl={namespaced:!0,state(){return{preferredVehicle:null,vehicles:[]}},getters:{availableVehicles:e=>e.vehicles,availableVehiclesSortedOnModelName:e=>{const n=e.vehicles||[];return n.sort((s,r)=>s.model.localeCompare(r.model)),n},availableNonVirtualVehiclesSortedOnModelName:e=>{const n=e.vehicles.filter(s=>!s.isVirtual)||[];return n.sort((s,r)=>s.model.localeCompare(r.model)),n},preferredVehicle:e=>e.vehicles.find(n=>n.houderschapsId===e.preferredVehicle),getDealerForVehicleByHouderschapsId:e=>n=>e.vehicles.find(s=>s.houderschapsId===n).dealer,vehicleByHouderschapsId:e=>n=>e.vehicles.find(s=>s.houderschapsId===+n)||null,hasNonVirtualVehicle:e=>e.vehicles.findIndex(n=>n.isVirtual)>-1,hasConnectedVehicle:e=>e.vehicles.findIndex(n=>n.connectedCar)>-1},mutations:{setVehicles(e,n){e.vehicles=n},setPreferredVehicle(e,n){e.vehicles.findIndex(s=>s.houderschapsId===n)<0||(e.preferredVehicle=n)},updateConnectedStatusData(e,{houderschapsId:n,connectedStatusData:s}){const r=e.vehicles.findIndex(c=>c.houderschapsId===n);r<0||(e.vehicles[r].connectedStatusData=xe(xe({},e.vehicles[r].connectedStatusData),s))},updateKCSTerms(e,{houderschapsId:n,kcsTermsData:s}){const r=e.vehicles.findIndex(c=>c.houderschapsId===n);r<0||(e.vehicles[r].connectedCarInfo.terms=xe(xe({},e.vehicles[r].connectedCarInfo.terms),s))},updateSubscription(e,{houderschapsId:n,subscription:s}){const r=e.vehicles.findIndex(c=>c.houderschapsId===n);r<0||!e.vehicles[r].connectedCarInfo||(e.vehicles[r].connectedCarInfo.level=s)},updateMileage(e,{houderschapsId:n,mileage:s}){const r=e.vehicles.findIndex(c=>c.houderschapsId===n);r<0||(e.vehicles[r].lastMileage=s)},updateWorkshop(e,{houderschapsId:n,workshop:s}){const r=e.vehicles.findIndex(c=>c.houderschapsId===n);r<0||(e.vehicles[r].dealer=xe(xe({},e.vehicles[r].dealer),s))},addVehicle(e,{vehicle:n}){e.vehicles.push(n)}},actions:{setVehicleData({commit:e},{vehicles:n,preferredVehicle:s}){!n.length||(e("setVehicles",n),e("setPreferredVehicle",s))},async addVehicle({commit:e},{carDetails:n}){if(!n)return;const s=await se("/api/vehicle","PUT",n);return s.isSuccess&&(e("addVehicle",{vehicle:s.data}),e("setPreferredVehicle",s.data.houderschapsId)),s}

1,async getVehicleConnectedStatusData({commit:e},{houderschapsId:n}){const s=await se(`/api/vehicle/${n}/connected-status`,"GET");s.isSuccess&&s.data&&e("updateConnectedStatusData",{houderschapsId:n,connectedStatusData:s.data})},async changeSubscription({commit:e},{houderschapsId:n,subscription:s}){const r={level:s},c=await se(`/api/vehicle/${n}/update-connected-subscription`,"POST",r);return c.isSuccess&&e("updateSubscription",{houderschapsId:n,subscription:s}),c},async updateMileage({commit:e},{houderschapsId:n,mileage:s}){const c=await se("/api/vehicle/update-mileage","POST",{houderschapsId:n,mileage:s});return c.isSuccess&&e("updateMileage",{houderschapsId:n,mileage:s}),c}}},bl={namespaced:!0,state(){return{content:{},loading:!1}},getters:{getContentForComponent:e=>n=>e.content[n]||null,isLoading:e=>e.loading},mutations:{setPageConfiguration(e,{id:n,configuration:s}){e.pages[n]=s},setContentForComponent(e,{id:n,content:s}){e.content[n]=s},setLoading(e,n){e.loading=n},emptyContentCache(e){e.content={}}},actions:{async getContentForComponents({state:e,commit:n},{componentIds:s=[],model:r}){const c=s.filter(u=>!Object.keys(e.content).includes(u)||e.overrideCache);if(c.length>0){let u="/api/content";c.forEach((p,v)=>{u+=v===0?"?":"&",u+=`id=${p}`}),r&&(u+=`&model=${r}`);try{n("setLoading",!0);const p=await se(u);c.forEach(v=>{const g=p.data[v];g&&n("setContentForComponent",{id:v,content:g})})}catch{n("notifications/addNotification",{type:"error"},{root:!0})}finally{n("setLoading",!1)}}},async clearCache({commit:e}){e("emptyContentCache")}}},yl={namespaced:!0,state(){return{user:{},kiaFamilyCard:null}},getters:{availableUserData:e=>e.user,getKiaFamilyCard:e=>e.kiaFamilyCard,getGeneralTermsAccepted:e=>typeof e.user.acceptedTerms=="boolean"?e.user.acceptedTerms:!0},mutations:{setUserData(e,n){e.user=n},updateUserData(e,n){e.user=xe(xe({},e.user),n)},setKiaFamilyCardData(e,n){e.kiaFamilyCard=n},setGeneralTermsAccepted(e,n){e.user.acceptedTerms=n}},actions:{async getUserData({commit:e,dispatch:n}){const s=await se("/api/user","GET");if(s.isSuccess){const r=s.data.vehicles.length,c=s.data.guid;n("analytics/queueEvent",{event:"set_user_property",data:{connected_cars:r}},{root:!0}),n("analytics/queueEvent",{event:"set_user_property",data:{guid:c}},{root:!0}),e("setUserData",s.data),n("vehicles/setVehicleData",{vehicles:s.data.vehicles,preferredVehicle:s.data.preferredVehicle===0?s.data.vehicles[0].houderschapsId:s.data.preferredVehicle},{root:!0})}return s},async getKiaFamilyCardData({commit:e}){const n=await se("/api/family-card","GET");return n.isSuccess&&n.data&&e("setKiaFamilyCardData",n.data),n},async changeEmail({commit:e},{email:n,password:s}){if(!n||!s)return;const c=await se("/api/user/change-email","POST",{newEmail:n,password:s});return c.isSuccess&&e("updateUserData",{email:n}),c},async changePersonalDetails({commit:e,getters:n},{personalDetails:s}){if(!s)return;const c=await se("/api/user/","POST",s);if(c.isSuccess){const{city:u,houseNumber:p,addressAddition:v,postalCode:g,street:_,gender:b,initials:x,firstName:k,lastName:I,middleName:w,mobileNumber:L,telephoneNumber:S}=s;e("updateUserData",{address:{city:u,houseNumber:p,houseNumberAddition:v,postalCode:g,street:_},gender:b===0?"MALE":"FEMALE",initials:x,firstName:k,lastName:I,middleName:w,mobile:L,phone:S})}return c},async registerForPushNotifications(){const e=window.getOnesignalInfo();e&&await se("/api/device/register-device-token","PUT",e)},async unregisterForPushNotifications(){const e=window.getOnesignalInfo();if(e!=null&&e.oneSignalUserId){const n=`/api/device/delete-device-token?oneSignalUserId=${e.oneSignalUserId}`;await se(n,"DELETE")}}}};function Ye(){return"_"+Math.random().toString(36).substr(2,6)}const xl={namespaced:!0,state(){return{notifications:[]}},getters:{getNotifications:e=>e.notifications||[]},mutations:{addNotification(e,{type:n,message:s}){if(e.notifications.findIndex(c=>c.message===s)>=0)return;const r=Ye();e.notifications.push({id:r,type:n,message:s})},removeNotification(e,n){const s=e.notifications.findIndex(r=>

1r.id===n);s>=0&&e.notifications.splice(s,1)}},actions:{}},Cl={namespaced:!0,state(){return{workshops:[]}},getters:{getWorkshops:e=>e.workshops||[],getWorkshopsSortedByCityAndName:e=>e.workshops?e.workshops.sort((n,s)=>{const r=`${n.workshopAddress.city.toLowerCase()} - ${n.name}`,c=`${s.workshopAddress.city.toLowerCase()} - ${s.name}`;return r<c?-1:r>c?1:0}):[],getWorkshopForVehicleByHouderschapsId:(e,n,s,r)=>c=>r["vehicles/getDealerForVehicleByHouderschapsId"](c),getWorkshopById:e=>n=>e.workshops.find(s=>s.id===n)},mutations:{setWorkshops(e,n){e.workshops=n}},actions:{async getWorkshops({commit:e}){const n=await se("/api/dealer","GET");if(!n.isSuccess)return;const{data:s}=n;return s&&e("setWorkshops",s),n},async changeWorkshop({commit:e,getters:n},{workshopId:s,houderschapsId:r}){const c=n.getWorkshopById(s);if(!c||!r)return;const p=await se("/api/vehicle/update-preferred-dealer","POST",{houderschapsId:r,preferenceDealerId:s});return p.isSuccess&&e("vehicles/updateWorkshop",{houderschapsId:r,workshop:c},{root:!0}),p}}},st="all",Ka="private",Dt="business";var kl=[st,Ka,Dt];const $l={namespaced:!0,state(){return{ridesIds:[],rides:{},startDate:null,endDate:null,filterType:null,isLoading:!1}},getters:{getRidesIdsForOverview:e=>e.ridesIds,getRide:e=>n=>e.rides[n],getStartDate:e=>e.startDate,getEndDate:e=>e.endDate,getFilterType:e=>e.filterType,isLoading:e=>e.isLoading},mutations:{setRidesIdsForOverview(e,{rides:n}){e.ridesIds=n.map(s=>s.id)},setRides(e,{rides:n}){n.forEach(s=>{e.rides[s.id]||(e.rides[s.id]=xe({points:[]},s))})},setFilterDates(e,{startDate:n,endDate:s}){e.startDate=n,e.endDate=s},setRide(e,{ride:n}){e.rides[n.id]=n},setIsBusiness(e,{id:n,isBusiness:s}){!e.rides[n]||(e.rides[n].isBusiness=s)},setRemark(e,{id:n,remark:s}){!e.rides[n]||(e.rides[n].remark=s)},setFilterType(e,n){e.filterType=n},setLoading(e,n){e.isLoading=n}},actions:{async getRides({commit:e},{startDate:n=null,endDate:s=null,filterType:r=null,houderschapsId:c}){if(!c)return;e("setLoading",!0);let u=`/api/vehicle/${c}/rides`;(n||s)&&(u+="?",n&&(u+=`start-date=${n}`),s&&(n&&(u+="&"),u+=`end-date=${s}`)),r&&r!==st&&(u+=n||s?"&":"?",u+=`is-business=${r===Dt}`);const p=await se(u,"GET");return p.isSuccess&&(e("setRidesIdsForOverview",{rides:p.data}),e("setRides",{rides:p.data}),e("setFilterDates",{startDate:n,endDate:s})),e("setLoading",!1),p},async getRide({commit:e},{id:n,houderschapsId:s}){if(!n||!s)return;e("setLoading",!0);const r=`/api/vehicle/${s}/rides/${n}`,c=await se(r,"GET");return c.isSuccess&&c.data&&e("setRide",{ride:Re(xe({},c.data),{hasAllDetails:!0})}),e("setLoading",!1),c},async setIsBusiness({commit:e},{id:n,isBusiness:s,houderschapsId:r}){const c=`/api/vehicle/${r}/rides/${n}/type`;e("setIsBusiness",{id:n,isBusiness:s});try{return await se(c,"POST",{isBusiness:s})}catch{e("setIsBusiness",{id:n,isBusiness:!s});return}},async saveRemark({commit:e,getters:n},{houderschapsId:s,id:r,remark:c}){const u=`/api/vehicle/${s}/rides/${r}/remark`,p=n.getRide(r).remark;e("setRemark",{id:r,remark:c});try{return await se(u,"POST",{memo:c})}catch{e("setRemark",{id:r,remark:p});return}},async getRidesExport({commit:e},{startDate:n=null,endDate:s=null,filterType:r=null,houderschapsId:c}){if(!n||!s)return;e("setLoading",!0);let u=`/api/vehicle/${c}/rides`;(n||s)&&(u+="?",n&&(u+=`start-date=${n}`),s&&(n&&(u+="&"),u+=`end-date=${s}`)),r&&r!==st&&(u+=n||s?"&":"?",u+=`is-business=${r===Dt}`);const v=await se(u,"GET",null,{Accept:"text/csv"});return e("setLoading",!1),v},async getRideExport({commit:e},{houderschapsId:n,id:s}){if(!s||!n)return;e("setLoading",!0);const r=`/api/vehicle/${n}/rides/${s}`,u=await se(r,"GET",null,{Accept:"text/csv"});return e("setLoading",!1),u}}},wl={namespaced:!0,state(){return{planned:[],upcoming:[],history:[],loading:!1}},getters:{plannedAppointments:e=>e.planned,upcomingAppointments:e=>e.upcoming,appointmentsHistory:e=>e.history,isLoading:e=>e.loading},mutations:{setLoading(e,n){e.loading=n},setAppointments(e,n){e.planned=n.plannedAppoinements,e.upcoming=n.upcomingAppointments},setContactMoments(e,n){e.history=n}},actions:{async getAppointments({commit:e},{houderschapsId:n}){if(!n)return;e("setLoading",!0);const s=`/api/vehicle/${n}/appointment`,r=await se(s,"GET");r.isSuccess&&e("setAppointments",r.data),e("setLoading",!1)},async getContactMoments({commit:e},{houderschapsId:n}){if(!n)return;e("setLoading",!0);const s=`/api/vehicle/${n}/appointment/contact-moments`,r=await se(s,"GET");r.isSuccess&&e("setContactMoments",r.data),e("setLoading",!1)},async getAppointmentExport({},{houderschapsId:e}){if(!e)return;let n=`/api/vehicle/${e}/appointment/contact-moments`;return await se(n,"GET",null,{Accept:"application/pdf"})},async getAppointmetCalendarICS({},{houderschapsId:e,appointmentId:n}){if(!e||!n)return;const s=window.location.protocol,r=window.location.host;return`${s}//${r}/api/vehicle/${e}/appointment/${n}?Accept=text/calendar&Accept-Language=nl`}}},Il={namespaced:!0,state(){return{categories:[],activeCategories:[],loading:!1}},getters:{getCategories:e=>e.categories,getCategoryByAlias:e=>n=>e.categories.find(s=>s.alias===n)||null,getActiveCategories:e=>e.activeCategories,isCategoryActive:e=>n=>n?e.activeCategories.includes(n.alias):!1,isLoading:e=>e.loading},mutations:{setCategories(e,n){e.categories=n}

1,toggleActiveCategory(e,n){const s=e.activeCategories.findIndex(r=>r===n.alias);s>-1?e.activeCategories.splice(s,1):e.activeCategories.push(n.alias)},setLoading(e,n){e.loading=n}}};te.extend(Lo);te.extend(So);te.extend(Do);te.extend(To);const Te=e=>te.isDayjs(e)?e:te(e),Ya=e=>Te(e).isToday(),Ga=e=>Te(e).isYesterday(),Qa=(e,n)=>Te(e).isAfter(n),Ml=(e,n,s)=>s&&["millisecond","second","minute","hour","day","week","year"].includes(s)?Te(e).isSameOrAfter(Te(n),s):Te(e).isSameOrAfter(Te(n)),Ll=(e,n)=>Te(e).isBefore(n),Sl=(e,n,s)=>{if(s&&["millisecond","second","minute","hour","day","week","year"].includes(s))return Te(e).isSameOrBefore(Te(n),s);Te(e).isSameOrBefore(Te(n))},Fe=(e,n)=>e?Te(e).format(n||"D MMMM YYYY"):"",Yt=e=>e?Te(e).diff(te(),"day"):0,Xa=e=>{if(!e)return"";const{t:n}=he();return Ya(e)?n("common.today"):Ga(e)?n("common.yesterday"):Qa(e,te().startOf("week"))?et(Te(e).format("dddd")):Te(e).format("DD MMMM")},Dl={namespaced:!0,state(){return{messages:[],selectedMessages:[],categories:[],loading:!1,editMode:!1,startDate:null,endDate:null,filterCategory:null,unreadCount:0}},getters:{getMessages:e=>e.messages,getCategories:e=>e.categories,isSelectedMessage:e=>n=>!!e.selectedMessages.find(s=>s.id===n),isLoading:e=>e.loading,isEditMode:e=>e.editMode,getSelectedMessages:e=>e.selectedMessages,areMessagesSelected:e=>e.selectedMessages.length>0,getStartDate:e=>e.startDate,getEndDate:e=>e.endDate,getFilterCategory:e=>e.filterCategory,getFilteredMessages:e=>{let n=e.messages;return e.filterCategory&&(n=n.filter(s=>s.categoryId===e.filterCategory)),e.startDate&&(n=n.filter(s=>Ml(s.sentDate,e.startDate,"day"))),e.endDate&&(n=n.filter(s=>Sl(s.sentDate,e.endDate,"day"))),n},getUnreadCount:e=>e.unreadCount},mutations:{selectMessages(e,n){e.selectedMessages.push(...n)},deselectMessages(e,n){n.forEach(s=>{const r=e.selectedMessages.findIndex(c=>c.id===s.id);r>=0&&e.selectedMessages.splice(r,1)})},selectAllMessages(e,n){e.selectedMessages=[],e.selectedMessages.push(...n)},deselectAllMessages(e){e.selectedMessages=[]},setLoading(e,n){e.loading=n},setMessages(e,n){e.messages=n},setCategories(e,n){e.categories=n},setEditMode(e,n){e.selectedMessages=[],e.editMode=n},updateMessage(e,n){const s=e.messages.findIndex(r=>

1r.id===n.id);s>=0&&(e.messages[s]=xe(xe({},e.messages[s]),n))},deleteMessage(e,n){const s=e.messages.findIndex(r=>r.id===n.id);s>=0&&e.messages.splice(s,1)},setFilterDates(e,{startDate:n,endDate:s}){e.startDate=n,e.endDate=s},setFilterCategory(e,n){e.filterCategory=n},setUnreadCount(e,n){e.unreadCount=n}},actions:{async fetchMessages({commit:e}){e("setLoading",!0);const n=await se("/api/messagecenter","GET");n.isSuccess&&e("setMessages",n.data),e("setLoading",!1)},async markMessagesAsUnread({commit:e},n){const s={messages:n.map(c=>({id:c.id,read:!1}))};(await se("/api/messagecenter","PUT",s)).isSuccess&&n.forEach(c=>{e("updateMessage",{id:c.id,read:!1})})},async markMessagesAsRead({commit:e},n){const s={messages:n.map(c=>({id:c.id,read:!0}))};(await se("/api/messagecenter","PUT",s)).isSuccess&&n.forEach(c=>{e("updateMessage",{id:c.id,read:!0})})},async deleteMessage({commit:e},n){const s=n.reduce((c,u)=>{let p=c;return c!==""&&(p+="&"),`${p}messageId=${u.id}`},"");(await se(`/api/messagecenter?${s}`,"DELETE")).isSuccess&&n.forEach(c=>{e("deleteMessage",c)})},async fetchCategories({commit:e}){const n=await se("/api/messagecenter/categories","GET");n.isSuccess&&e("setCategories",n.data)},async fetchUnreadCount({commit:e}){const n=await se("/api/messagecenter/unread","GET");n.isSuccess&&e("setUnreadCount",n.data)}}},Tl={namespaced:!0,state(){return{kcsTerms:{isVisible:!1}}},getters:{getKCSVisibility:e=>e.kcsTerms.isVisible},mutations:{setKCSVisibility(e,n){e.kcsTerms.isVisible=n}},actions:{async updateKCSTerms({commit:e},{houderschapsId:n,accepted:s}){if(!n)return;const r={accepted:s},c=`/api/vehicle/${n}/kcs-terms`,u=await se(c,"POST",r);return u.isSuccess&&e("vehicles/updateKCSTerms",{houderschapsId:n,kcsTermsData:u.data},{root:!0}),u},async updateGeneralTerms({commit:e},{accepted:n}){if(!n)return;const s=`/api/User/terms?termsAccepted=${n}`,r=await se(s,"PUT");return r.isSuccess&&e("user/setGeneralTermsAccepted",!0,{root:!0}),r}}},Vl={namespaced:!0,state(){return{requests:[],loading:!1}},getters:{getRequests:e=>e.requests||[],isLoading:e=>e.loading},mutations:{setRequests(e,n){e.requests=n}

1,setLoading(e,n){e.loading=n}},actions:{async fetchRequests({commit:e}){e("setLoading",!0);const s=await se("/api/user/requests","GET");s.isSuccess&&e("setRequests",s.data),e("setLoading",!1)}}},Al=(e,n)=>{var s;if(at())if(n)switch(e){case"screen_view":window.location.href=`gonative://firebaseAnalytics/event/logScreen?screen=${n.value}`;break;case"set_user_property":window.location.href=`gonative://firebaseAnalytics/event/setUserProperty?key=${Object.keys(n)[0]}&value=${Object.values(n)[0]}`;break;default:window.location.href=`gonative://firebaseAnalytics/event/logEvent?event=${e}&data=${JSON.stringify(n)}`;break}else window.location.href=`gonative://firebaseAnalytics/event/logEvent?event=${e}&data=${JSON.stringify({})}`;else{const r=Ha.useGtm();r&&r.enabled&&((s=window.dataLayer)==null||s.push(xe({event:e},n)))}},Ol={namespaced:!0,state(){return{events:[],isLogging:!1}},mutations:{addEvent(e,n){!n||e.events.push(n)},addEvents(e,n){!n||n.forEach(s=>{e.events.push(s)})},setIsLogging(e,n){e.isLogging=n},removeEvent(e,n){const s=e.events.findIndex(r=>

1r.id===n.id);s>=0&&e.events.splice(s,1)}},actions:{async queueEvent({commit:e,dispatch:n,state:s},r){e("addEvent",Re(xe({},r),{id:Ye()})),s.isLogging||n("checkLogEvents")},async queueEvents({commit:e,dispatch:n,state:s},r){const c=r.map(u=>Re(xe({},u),{id:Ye()}));e("addEvents",c),s.isLogging||n("checkLogEvents")},async checkLogEvents({state:e,commit:n}){if(!e.isLogging){for(n("setIsLogging",!0);e.events.length>0;)Al(e.events[0].event,e.events[0].data),n("removeEvent",e.events[0]),await new Promise(s=>setTimeout(s,500));n("setIsLogging",!1)}}}},Se=Vo({namespaced:!0,modules:{analytics:Ol,application:_l,authentication:hl,vehicles:gl,content:bl,user:yl,notifications:xl,workshops:Cl,rides:$l,appointments:wl,messages:Dl,terms:Tl,"points-of-interest":Il,requests:Vl}});const Pl={class:"car-selector relative bg-polar-white pb-8"},El=["src"],Nl={class:"text-center mt-5"},Hl={class:"car-selector__information flex items-center justify-center max-w-full mx-4 tablet:mx-auto"},ql={class:"flex flex-col"},jl={__name:"CarSelector",props:{modelData:{type:Object,required:!0}},setup(e){G("Flicking",Mt);const n=z(),s=Ae(),r=oe(),c=C(()=>Ie("mediaQueries").value),u=A(null);Oe(()=>{c.value.desktop&&u.value.disableInput()});const p=()=>{x.value||u.value.prev()},v=()=>{k.value||u.value.next()},g=C(()=>n.getters["vehicles/availableVehicles"]),_=C(()=>n.getters["vehicles/preferredVehicle"]),b=async({index:L})=>{const S=g.value[L].houderschapsId;if(typeof S!="number"||S===_.value.houderschapsId)return;const M=g.value[L].isVirtual,V=r.name.toString().includes("VirtualCar");let H=!1;M&&!V?(s.push({name:"VirtualCarLandingPage"}),H=!0):!M&&V&&(s.push({name:"Dashboard",params:{houderschapsId:S}}),H=!0);const W=_.value.houderschapsId;n.commit("vehicles/setPreferredVehicle",S),(await se("/api/user/set-preferred-car","POST",{houderschapsId:S})).isSuccess?r.params.houderschapsId&&!H&&s.replace({name:r.name,params:{houderschapsId:S}}):n.commit("vehicles/setPreferredVehicle",W)},x=C(()=>g.value.findIndex(S=>S.houderschapsId===_.value.houderschapsId)<=0),k=C(()=>g.value.findIndex(S=>S.houderschapsId===_.value.houderschapsId)>=g.value.length-1),I=g.value.findIndex(L=>L.houderschapsId===_.value.houderschapsId),w=A(I&&I>=0?I:0);return Ce(()=>_.value.houderschapsId,L=>{const S=u.value.getStatus(),M=g.value.findIndex(V=>V.houderschapsId===L);S.index!==M&&u.value.moveTo(M)}),Ao(async(L,S)=>{if(L.name===S.name&&L.params.houderschapsId!==S.params.houderschapsId){const M=u.value.getStatus(),V=g.value.findIndex(H=>H.houderschapsId===+L.params.houderschapsId);M.index!==V&&V>=0&&u.value.moveTo(V)}}),(L,S)=>{const M=y("Heading"),V=y("IconChevron"),H=y("IconWrapper");return i(),h("div",Pl,[a("div",{class:"car-selector__background hidden tablet:block z-0 top-0 left-0 absolute bg-cover bg-no-repeat bg-bottom w-full",style:bt({backgroundImage:"url("+e.modelData.image.url+")"})},null,4),e.modelData.label?(i(),D(M,{key:0,tag:"span",heading:1,class:"car-selector__label absolute top-6 w-full text-center left-0 tablet:left-5 tablet:w-auto tablet:top-10 tablet:text-polar-white"},{default:o(()=>[f(l(e.modelData.label),1)]),_:1})):$("",!0),d(m(Mt),{ref_key:"carousel",ref:u,options:{align:c.value.phone&&g.value.length>1?{camera:"-20%",panel:"0%"}:"center",defaultIndex:w.value},class:"car-selector__slider",onChanged:b},{default:o(()=>[(i(!0),h(Z,null,de(g.value,W=>(i(),h("div",{class:"car-selector__slide h-52 tablet:h-96 inline-flex px-4 desktop:px-10 justify-end flex-col",key:W.houderschapsId},[a("img",{src:W.imageUrl,class:"car-selector__slide-image object-contain"},null,8,El)]))),128))]),_:1},8,["options"]),a("div",Nl,[a("div",Hl,[g.value.length>1?(i(),D(H,{key:0,class:Y(["mr-auto flex-shrink-0 rotate-180 cursor-pointer",{"opacity-20 cursor-not-allowed":x.value}]),"icon-fill":"currentColor",onClick:p},{default:o(()=>[d(V)]),_:1},8,["class"])):$("",!0),a("div",ql,[d(M,{tag:"span",heading:3,class:"font-bold border-b border-keyline pb-2 inline-block"},{default:o(()=>[f(l(_.value.model)+" ",1),_.value.connectedCar?(i(),h(Z,{key:0},[f("(KCS)")],64)):$("",!0)]),_:1}),a("span",{class:Y(["block mt-2 text-caption text-sm",{uppercase:!_.value.isVirtual}])},[_.value.isVirtual?(i(),h(Z,{key:0},[f(l(L.$t("common.car-on-order")),1)],64)):(i(),h(Z,{key:1},[f(l(_.value.licensePlate),1)],64))],2)]),g.value.length>1?(i(),D(H,{key:1,class:Y(["ml-auto flex-shrink-0 cursor-pointer",{"opacity-20 cursor-not-allowed":k.value}]),"icon-fill":"currentColor",onClick:v},{default:o(()=>[d(V)]),_:1},8,["class"])):$("",!0)])])])}}};var Wl=B(jl,[["__scopeId","data-v-26bdf67c"]]);const Ul={__name:"CarManualList",setup(e){const n=z(),s=C(()=>n.getters["vehicles/preferredVehicle"]);return(r,c)=>{const u=y("IconCarManualPdf"),p=y("IconWrapper"),v=y("ListItem"),g=y("List");return i(),D(g,{class:"mb-4 mx-4 -mt-8"},{default:o(()=>[s.value.documents?(i(!0),h(Z,{key:0},de(s.value.documents,(_,b)=>(i(),D(v,{key:b,href:_.url,onClick:x=>m(n).dispatch("analytics/queueEvent",{event:"click_link",data:{click_url:_.url,click_label:_.description}})},{icon:o(()=>[d(p,null,{default:o(()=>[d(u)]),_:1})]),labelOne:o(()=>[f(l(_.description),1)]),_:2},1032,["href","onClick"]))),128)):$("",!0)]),_:1})}}},_t="Basic",Ne="Plus",Xe="Pro";var Ct=[_t,Ne,Xe];const Tt="HEV",Fl="PHEV",Ja="BEV",eo=[Ja];var Bl=[Tt,Fl,Ja];const xt=e=>{if(ht()){const n=e&&e.replaceAll(" ","+");return`maps:http://maps.apple.com/?address=${e?encodeURIComponent(n):""}`}return`https://www.google.com/maps/search/?api=1&query=${e?encodeURIComponent(e):""}`},Gt=e=>{const n=C(()=>e.value.connectedCarInfo?e.value.connectedCarInfo.level===Xe:!1),s=C(()=>e.value.connectedCarInfo?[Ne,Xe].includes(e.value.connectedCarInfo.level):!1),r=C(()=>Bl.includes(e.value.fuel)),c=C(()=>!eo.includes(e.value.fuel)),u=C(()=>{var p,v,g;if((p=e.value.connectedStatusData)!=null&&p.position){const _=`${(v=e.value.connectedStatusData)==null?void 0:v.position.latitude},${(g=e.value.connectedStatusData)==null?void 0:g.position.longitude}`;return xt(_)}return null});return{isPro:n,isPlusOrPro:s,isElectricCar:r,isFuelCar:c,locationUrl:u}},Rl={class:"mt-6 desktop:col-span-2 update-mileage-modal"},Zl={key:0,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},zl={class:"flex justify-center mt-8 mb-4 w-full"},Vt={__name:"UpdateMileageModal",props:{isVisible:{type:Boolean,required:!0},content:{type:Object,required:!0,validator:e=>{let n=!0;return["description"].forEach(s=>{e[s]||(n=!1)}),n}}},emits:["hide"],setup(e,{emit:n}){const s=z(),{t:r}=he(),c=e,u=A(!1),p=C(()=>s.getters["vehicles/preferredVehicle"]),v=C(()=>p.value?p.value.lastMileage:null),{validateField:g,errors:_,meta:b}=We({validationSchema:Ue({mileage:qt(()=>

1ot().typeError(r("ui-elements.form.validation-required",{fieldname:c.content.description.toLowerCase()})).required(r("ui-elements.form.validation-required",{fieldname:c.content.description.toLowerCase()})))}),initialValues:{mileage:v.value}}),{value:x}=ce("mileage"),k=async S=>await g(S),I=n,w=()=>{I("hide")},L=async()=>{if(!b.value.valid)return;u.value=!0,(await s.dispatch("vehicles/updateMileage",{houderschapsId:p.value.houderschapsId,mileage:x.value})).isSuccess&&w(),u.value=!1};return(S,M)=>{const V=y("FormLabel"),H=y("InputControl"),W=y("Spinner"),U=y("ButtonControl"),q=y("Modal");return i(),D(q,{"is-visible":e.isVisible,"can-be-closed":!0,onClose:w},{heading:o(()=>[f(l(e.content.title),1)]),content:o(()=>[a("div",Rl,[d(H,{type:"number",modelValue:m(x),"onUpdate:modelValue":M[0]||(M[0]=j=>le(x)?x.value=j:null),onChange:M[1]||(M[1]=j=>k("mileage"))},ie({label:o(({id:j})=>[d(V,{for:j},{default:o(()=>[f(l(e.content.description),1)]),_:2},1032,["for"])]),_:2},[m(_).mileage?{name:"error",fn:o(()=>[f(l(m(_).mileage),1)]),key:"0"}:void 0]),1032,["modelValue"])]),u.value?(i(),h("div",Zl,[d(W,{class:"w-8 h-8","border-width":2})])):$("",!0)]),button:o(j=>[a("div",zl,[d(U,{styling:"secondary",onClick:j.closeModal},{default:o(()=>[f(l(S.$t("common.cancel")),1)]),_:2},1032,["onClick"]),d(U,{disabled:!m(b).valid,class:"ml-4 flex-grow",onClick:L},{default:o(()=>[f(l(S.$t("common.save")),1)]),_:1},8,["disabled"])])]),_:1},8,["is-visible"])}}},to=e=>{const n=C(()=>{var u,p,v;return!((u=e==null?void 0:e.value)!=null&&u.connectedCar)||!((v=(p=e==null?void 0:e.value)==null?void 0:p.connectedCarInfo)!=null&&v.active)}),s=A(!1);return{isUpdateMileageModalVisible:s,showUpdateMileageModal:()=>{!n.value||(s.value=!0)},hideUpdateMileageModal:()=>{s.value=!1},canUpdateMileage:n}},Kl={class:"container max-w-5xl px-5 tablet:px-0"},Yl={class:"flex items-center"},Gl={class:"flex-1"},Ql={class:"flex mt-6 justify-center"},Xl={__name:"CarStatisticsWidget",props:{modelData:{type:Object,required:!0}},setup(e){const n=z();Ae();const{locale:s}=he();G("UpdateMileageModal",Vt);const r=e,c=C(()=>n.getters["vehicles/preferredVehicle"]),{isPro:u,isPlusOrPro:p,isElectricCar:v,isFuelCar:g,locationUrl:_}=Gt(c),{isUpdateMileageModalVisible:b,showUpdateMileageModal:x,hideUpdateMileageModal:k,canUpdateMileage:I}=to(c),w=r.modelData.updateMileageModal,L=A(!1);return Ce(()=>c.value.houderschapsId,async S=>{var M;!(c.value.connectedCar&&((M=c.value.connectedCarInfo)==null?void 0:M.active))||(L.value=!0,await n.dispatch("vehicles/getVehicleConnectedStatusData",{houderschapsId:S}),L.value=!1)},{immediate:!0}),(S,M)=>{const V=y("Heading"),H=y("IconKilometers"),W=y("IconWrapper"),U=y("ListItem"),q=y("IconBatteryTop"),j=y("IconBatteryPlugged"),E=y("IconBattery"),R=y("IconFuel"),N=y("IconGps"),ee=y("IconDoorsLocked"),F=y("IconDoorsUnlocked"),K=y("List"),Q=y("ButtonControl");return i(),h("div",Kl,[a("div",Yl,[a("div",Gl,[d(V,{tag:"h3",heading:2},{default:o(()=>[f(l(e.modelData.title),1)]),_:1})])]),d(K,{class:"mt-4"},{default:o(()=>{var J,be,ye,re,X,T,O,ne,pe,ue,_e,ve,ke,P,Me,Ee,He,we,qe;return[d(U,{"has-click-handler":m(I),onClick:m(x)},{icon:o(()=>[d(W,null,{default:o(()=>[d(H)]),_:1})]),labelOne:o(()=>[f(l(c.value.lastMileage.toLocaleString(m(s))),1)]),descriptionOne:o(()=>[f(l(e.modelData.kilometerLabel),1)]),_:1},8,["has-click-handler","onClick"]),m(v)&&c.value.fuel!==m(Tt)&&c.value.connectedCar&&((J=c.value.connectedCarInfo)==null?void 0:J.active)?(i(),D(U,{key:0,error:((ye=(be=c.value.connectedStatusData)==null?void 0:be.evInfo)==null?void 0:ye.chargeLevel)<=10,warning:((X=(re=c.value.connectedStatusData)==null?void 0:re.evInfo)==null?void 0:X.chargeLevel)>10&&((O=(T=c.value.connectedStatusData)==null?void 0:T.evInfo)==null?void 0:O.chargeLevel)<=50,loading:L.value,"hide-status-icon":"","has-success-styling":((pe=(ne=c.value.connectedStatusData)==null?void 0:ne.evInfo)==null?void 0:pe.chargeLevel)>50},ie({icon:o(()=>[d(W,null,{default:o(()=>{var fe,me,Le,Qe;return[(me=(fe=c.value.connectedStatusData)==null?void 0:fe.evInfo)!=null&&me.isCharging?(i(),D(q,{key:0})):(Qe=(Le=c.value.connectedStatusData)==null?void 0:Le.evInfo)!=null&&Qe.isPlugged?(i(),D(j,{key:1})):(i(),D(E,{key:2}))]}),_:1})]),labelOne:o(()=>{var fe,me;return[f(l((me=(fe=c.value.connectedStatusData)==null?void 0:fe.evInfo)==null?void 0:me.chargeLevel)+" %",1)]}),descriptionOne:o(()=>[f(l(e.modelData.batteryLabel),1)]),_:2},[m(p)&&typeof((_e=(ue=c.value.connectedStatusData)==null?void 0:ue.evInfo)==null?void 0:_e.timeUntilCharged)=="number"?{name:"labelTwo",fn:o(()=>{var fe,me,Le,Qe;return[f(l(typeof((me=(fe=c.value.connectedStatusData)==null?void 0:fe.evInfo)==null?void 0:me.timeUntilCharged)=="number"?m(Za)((Qe=(Le=c.value.connectedStatusData)==null?void 0:Le.evInfo)==null?void 0:Qe.timeUntilCharged):"0m"),1)]}),key:"0"}:void 0,m(p)&&typeof((ke=(ve=c.value.connectedStatusData)==null?void 0:ve.evInfo)==null?void 0:ke.timeUntilCharged)=="number"?{name:"descriptionTwo",fn:o(()=>

1[f(l(e.modelData.chargeTimeLabel),1)]),key:"1"}:void 0,m(p)?{name:"labelThree",fn:o(()=>[c.value.connectedStatusData?(i(),h(Z,{key:0},[f(l(c.value.connectedStatusData.range),1)],64)):$("",!0),M[1]||(M[1]=f(" km "))]),key:"2"}:void 0,m(p)?{name:"descriptionThree",fn:o(()=>[f(l(e.modelData.actionRadiusLabel),1)]),key:"3"}:void 0]),1032,["error","warning","loading","has-success-styling"])):$("",!0),m(g)&&c.value.connectedCar&&((P=c.value.connectedCarInfo)==null?void 0:P.active)?(i(),D(U,{key:1,loading:L.value,error:(Ee=(Me=c.value.connectedStatusData)==null?void 0:Me.iceInfo)==null?void 0:Ee.fuelWarningLight},ie({icon:o(()=>[d(W,null,{default:o(()=>[d(R)]),_:1})]),labelOne:o(()=>{var fe,me,Le,Qe;return[f(l((me=(fe=c.value.connectedStatusData)==null?void 0:fe.iceInfo)!=null&&me.fuelLevel?Math.round((Qe=(Le=c.value.connectedStatusData)==null?void 0:Le.iceInfo)==null?void 0:Qe.fuelLevel):"-")+" % ",1)]}),descriptionOne:o(()=>[f(l(e.modelData.fuelLabel),1)]),_:2},[m(p)?{name:"labelTwo",fn:o(()=>{var fe;return[f(l((fe=c.value.connectedStatusData)==null?void 0:fe.range)+" km",1)]}),key:"0"}:void 0,m(p)?{name:"descriptionTwo",fn:o(()=>[f(l(e.modelData.actionRadiusLabel),1)]),key:"1"}:void 0]),1032,["loading","error"])):$("",!0),m(p)&&c.value.connectedCar&&((He=c.value.connectedCarInfo)==null?void 0:He.active)?(i(),D(U,{key:2,loading:L.value,href:m(_),class:"desktop:hidden",onClick:M[0]||(M[0]=fe=>m(n).dispatch("analytics/queueEvent",{event:"locate_car"}))},{icon:o(()=>[d(W,null,{default:o(()=>[d(N)]),_:1})]),labelOne:o(()=>[f(l(e.modelData.carGPSLocationLabel),1)]),_:1},8,["loading","href"])):$("",!0),c.value.connectedCar&&((we=c.value.connectedCarInfo)==null?void 0:we.active)?(i(),D(U,{key:3,loading:L.value,error:((qe=c.value.connectedStatusData)==null?void 0:qe.doorsLocked)===!1},{icon:o(()=>[d(W,null,{default:o(()=>{var fe;return[(fe=c.value.connectedStatusData)!=null&&fe.doorsLocked?(i(),D(ee,{key:0})):(i(),D(F,{key:1}))]}),_:1})]),labelOne:o(()=>{var fe;return[f(l((fe=c.value.connectedStatusData)!=null&&fe.doorsLocked?e.modelData.doorsLockedLabel:e.modelData.doorsUnlockedLabel),1)]}),_:1},8,["loading","error"])):$("",!0)]}),_:1}),a("div",Ql,[d(Q,{to:{name:"CarDetails",params:{houderschapsId:c.value.houderschapsId}}},{default:o(()=>[f(l(e.modelData.viewAllStatisticsLabel),1)]),_:1},8,["to"])]),d(Vt,{"is-visible":m(b),onHide:m(k),content:m(w)},null,8,["is-visible","onHide","content"])])}}},jn={__name:"Message",props:{message:Object},setup(e){const n=z(),s=e,r=C(()=>n.getters["messages/isEditMode"]),c=C({get(){return n.getters["messages/isSelectedMessage"](s.message.id)},set(p){p?n.commit("messages/selectMessages",[s.message]):n.commit("messages/deselectMessages",[s.message])}}),u=()=>{c.value=!c.value};return(p,v)=>{const g=y("IconWrapper"),_=y("CheckboxControl"),b=y("ListItem");return i(),D(b,{to:r.value?"":{name:"MessageDetail",params:{id:e.message.id}}},ie({icon:o(()=>[d(g,null,{default:o(()=>[(i(),D(Ve(`Icon${e.message.icon}`)))]),_:1})]),descriptionDate:o(()=>[f(l(m(te)(new Date(e.message.sentDate)).format("D MMMM HH:mm")),1)]),labelOne:o(()=>[a("span",{class:Y({"font-bold":!e.message.read})},l(e.message.title),3)]),_:2},[r.value?{name:"choiceField",fn:o(()=>[d(_,{value:"isSelected",modelValue:c.value,"onUpdate:modelValue":v[0]||(v[0]=x=>c.value=x),onClick:qa(u,["prevent"])},null,8,["modelValue"])]),key:"0"}:void 0]),1032,["to"])}}},Jl={key:0},Rt={__name:"Messages",setup(e){G("Message",jn);const n=z();n.dispatch("messages/fetchMessages"),n.dispatch("messages/fetchCategories");const s=C(()=>n.getters["messages/getFilteredMessages"]);return(r,c)=>{const u=y("List");return s.value?(i(),h("div",Jl,[d(u,null,{default:o(()=>[(i(!0),h(Z,null,de(s.value,p=>(i(),D(jn,{key:p.id,message:p},null,8,["message"]))),128))]),_:1})])):$("",!0)}}},no=e=>{const n=e,s=JSON.parse(localStorage.getItem("myKiaQuickLinkList"));let r=[];return s?(s.forEach(c=>{const u=n.find(p=>p.id===c);u&&r.push(u)}),n.forEach(c=>{r.findIndex(u=>c.id===u.id)===-1&&r.push(c)}),r):n},ei={class:"block font-bold"},Wn={__name:"QuickLinkItem",props:{quickLink:{type:Object,required:!0}},setup(e){const n=z(),s=e,r=C(()=>n.getters["vehicles/preferredVehicle"]),c=C(()=>!r.value||!s.quickLink.path.includes("(LICENSE_PLATE)")?s.quickLink.path:s.quickLink.path.replace("(LICENSE_PLATE)",r.value.licensePlate)),u=C(()=>{const p=c.value;return s.quickLink.isExternalLink?p:s.quickLink.pathAlias?{name:s.quickLink.pathAlias,params:{houderschapsId:r.value.houderschapsId}}:{path:p}});return(p,v)=>{const g=y("IconWrapper"),_=y("AnchorLink");return i(),D(_,{class:Y(["bg-midnight-black text-md text-center flex justify-center items-center flex-col aspect-square tablet:hover:underline p-4",e.quickLink.class]),"is-external-link":e.quickLink.isExternalLink,"hide-external-icon":!0,path:u.value},{default:o(()=>[d(g,{class:"w-16 h-16 mb-2"},{default:o(()=>[(i(),D(Ve(`Icon${e.quickLink.iconType}`)))]),_:1}),a("span",ei,l(e.quickLink.name),1)]),_:1},8,["class","is-external-link","path"])}}}

1,Zt=(e,n)=>e.filter(s=>{var r,c,u;return s.requiresConnectedCar&&n.connectedCar?s.showForKCSBasic&&((r=n.connectedCarInfo)==null?void 0:r.level)===_t||s.showForKCSPlus&&((c=n.connectedCarInfo)==null?void 0:c.level)===Ne||s.showForKCSPro&&((u=n.connectedCarInfo)==null?void 0:u.level)===Xe:!(s.requiresConnectedCar&&!n.connectedCar)}),ti={};function ni(e,n){const s=y("IconWrapper"),r=y("AnchorLink");return i(),D(r,{class:"bg-midnight-black text-md text-center flex justify-center items-center flex-col aspect-square tablet:hover:underline p-4 bg-opacity-60 text-white","is-external-link":!1,"hide-external-icon":!0,path:"/chat"},{default:o(()=>[d(s,{class:"w-16 h-16 mb-2"},{default:o(()=>[(i(),D(Ve("IconContact")))]),_:1}),n[0]||(n[0]=a("span",{class:"block font-bold"},"Chat met ons",-1))]),_:1})}var ai=B(ti,[["render",ni]]);const oi={class:"flex flex-col w-full"},si={class:"flex items-center px-5 tablet:px-0"},li={class:"flex-1"},ii={class:"flex-1 text-right tablet:hidden"},ri={class:"quick-link-list grid grid-cols-2 tablet:grid-cols-4 mt-4"},ci={__name:"QuickLinkList",props:{modelData:{type:Object,required:!0}},setup(e){G("QuickLinkItem",Wn);const n=z(),s=e,r=C(()=>Ie("mediaQueries").value),c=C(()=>at()),u=C(()=>n.getters["vehicles/preferredVehicle"]),p=["bg-opacity-80 text-polar-white","bg-opacity-60 text-polar-white","bg-opacity-40 text-polar-white","bg-opacity-20 text-midnight-black"],v=x=>x%2==0,g=(x,k)=>k-1-x,_=(x,k)=>{for(let I=0;I<x.length;I++){let w=I%k;w=v(Math.floor(I/k))?w:g(w,k),x[I].class=p[w]}},b=C(()=>{if(r.value.tabletPlus){let x=r.value.tabletPlus?s.modelData.quickLinksWeb:s.modelData.quickLinksApp;return x=Zt(x,u.value),_(x,4),x}else{let x=no(s.modelData.quickLinksApp);return x=Zt(x,u.value),_(x,4),x}});return(x,k)=>{const I=y("Heading"),w=y("AnchorLink");return i(),h("div",oi,[a("div",si,[a("div",li,[d(I,{tag:"h3",heading:2},{default:o(()=>[f(l(e.modelData.title),1)]),_:1})]),a("div",ii,[d(w,{path:{name:"ChangeQuicklinkPreferences"},underlined:"",class:"ml-6"},{default:o(()=>[f(l(x.$t("common.edit")),1)]),_:1})])]),a("div",ri,[(i(!0),h(Z,null,de(b.value,L=>(i(),D(Wn,{key:L.id,"quick-link":L},null,8,["quick-link"]))),128)),c.value?(i(),D(ai,{key:0})):$("",!0)])])}}},di={class:"KIWContact mt-6 tablet:hidden"},ui={class:"text-center mb-6"},mi={class:"flex"},pi={class:"flex-1 text-center"},fi={__name:"KIWContact",setup(e){const n=z(),r=oe().meta.id,u=C(()=>n.getters["content/getContentForComponent"](r)).value.components.find(p=>p.type==="KiwContactComponent");return(p,v)=>{const g=y("IconPhone"),_=y("IconWrapper"),b=y("AnchorLink");return i(),h("div",di,[a("p",ui,l(m(u).title),1),a("div",mi,[a("div",pi,[d(_,{class:"inline-flex mr-2"},{default:o(()=>[d(g)]),_:1}),d(b,{path:m(dt)(m(u).phoneNumber),class:"flex-1 text-center inline-flex",underlined:"","is-external-link":"","hide-external-icon":""},{default:o(()=>[f(l(m(u).phoneNumber),1)]),_:1},8,["path"])])])])}}},vi={class:"rich-text-component limit-content-width px-4"},hi={__name:"RichTextComponent",props:{modelData:{type:Object,required:!0}},setup(e){return(n,s)=>{const r=y("RichText");return i(),h("div",vi,[d(r,{content:e.modelData.text},null,8,["content"])])}}};const _i={class:"rich-text-with-image limit-content-width -mt-6"},gi=["src"],bi={__name:"RichTextWithImageComponent",props:{modelData:{type:Object,required:!0}},setup(e){return(n,s)=>{const r=y("RichText");return i(),h("div",_i,[a("div",{class:Y([`rich-text-with-image__image-wrapper--${e.modelData.imageAlignment.toLowerCase()}`,"rich-text-with-image__image-wrapper overflow-hidden"])},[a("img",{src:e.modelData.image,class:"w-full h-full object-cover object-center"},null,8,gi)],2),a("div",{class:Y([`rich-text-with-image__text-wrapper--${e.modelData.imageAlignment.toLowerCase()}`,"px-4 pt-6 pb-4 bg-background -mt-20 relative"])},[d(r,{content:e.modelData.text},null,8,["content"])],2)])}}};var yi=B(bi,[["__scopeId","data-v-1c44717e"]]);const xi={__name:"LinkListComponent",props:{modelData:{type:Object,required:!0}},setup(e){const n=e,s=C(()=>{var r;return(r=n.modelData)!=null&&r.links?n.modelData.links.map(c=>Re(xe({},c),{to:c.isExternal?null:{path:c.url}})):[]});return(r,c)=>{const u=y("ListItem"),p=y("List");return i(),D(p,{class:"limit-content-width -mt-8 px-4"},{default:o(()=>[(i(!0),h(Z,null,de(s.value,v=>(i(),D(u,{key:v.url,to:v.to,path:v.isExternal?v.url:null},{labelOne:o(()=>[f(l(v.name),1)]),_:2},1032,["to","path"]))),128))]),_:1})}}},Ci=["innerHTML"],ki={__name:"TextListComponent",props:{modelData:{type:Object,required:!0}},setup(e){const n=e;return(s,r)=>{const c=y("AccordionItem"),u=y("Accordion");return n.modelData.items?(i(),D(u,{key:0,class:"limit-content-width -mt-8 px-4"},{default:o(()=>[(i(!0),h(Z,null,de(n.modelData.items,p=>(i(),D(c,{key:p.id},{title:o(()=>[f(l(p.header),1)]),content:o(()=>[a("div",{class:"text-sm text-caption -mx-2",innerHTML:p.body},null,8,Ci)]),_:2},1024))),128))]),_:1})):$("",!0)}}},$i={class:"w-full px-4 -mt-8"},wi={__name:"CallToActionButton",props:{modelData:{type:Object,required:!0}},setup(e){return(n,s)=>{const r=y("AnchorLink"),c=y("ButtonControl");return i(),h("div",$i,[e.modelData.isExternalLink?(i(),D(r,{key:0,styling:"secondary",path:e.modelData.url,"is-external-link":e.modelData.isExternalLink,class:"w-full tablet:w-auto"},{default:o(()=>[f(l(e.modelData.title),1)]),_:1},8,["path","is-external-link"])):(i(),D(c,{key:1,to:{path:e.modelData.url},class:"w-full tablet:w-auto"},{default:o(()=>[f(l(e.modelData.title),1)]),_:1},8,["to"]))])}}},Ii={CarSelector:Wl,Messages:Rt,QuickLinkList:ci,KCSCompactStatistics:Xl,RichText:hi,RichTextWithImage:yi,LinkList:xi,TextList:ki,KiwContactComponent:fi,CallToActionButton:wi,CarManualList:Ul};function Mi(e){return Ii[e.type]}const Li={key:0},Si={key:0,class:"component mt-12 first:mt-0"},lt={__name:"PageComponents",props:{pageId:String},setup(e){const n=e,s=z(),r=C(()=>

1{if(!n.pageId)return[];const c=s.getters["content/getContentForComponent"](n.pageId);if(!c||!c.components)return[];const u=[];return c.components.forEach(p=>{if(p){const v=Re(xe({},p),{component:Mi(p)});u.push(v)}}),u||[]});return(c,u)=>r.value?(i(),h("div",Li,[(i(!0),h(Z,null,de(r.value,p=>(i(),h(Z,{key:p.id},[p.component?(i(),h("div",Si,[(i(),D(Ve(p.component),{"model-data":p},null,8,["model-data"]))])):$("",!0)],64))),128))])):$("",!0)}},Di={class:"page pb-12"},Un={__name:"Dashboard",setup(e){const n=z(),s=Ae(),c=oe().meta.id;return C(()=>n.getters["vehicles/preferredVehicle"]).value.isVirtual&&s.push({name:"VirtualCarLandingPage"}),(p,v)=>(i(),h("div",Di,[d(lt,{"page-id":m(c)},null,8,["page-id"])]))}};var Ti="/assets/logo-slogan-white.png";const Fn={__name:"BackgroundImage",props:{classname:{type:String,required:!0}},setup(e){return(n,s)=>(i(),D(Ot,{to:"#backgrounds"},[a("div",{class:Y(["h-full w-full bg-cover bg-center bg-no-repeat",e.classname])},null,2)]))}};const Vi={class:"inline-input-control__wrapper relative flex-grow"},Ai=["id","type","placeholder","disabled","value"],Oi=["for"],Pi={__name:"InlineInputControl",props:{type:{type:String,default:"text"},placeholder:{type:String,default:" "},colorScheme:{type:String,default:"regular",validator(e){return["regular","dark"].includes(e)}},disabled:{type:Boolean,default:!1},modelValue:String|Number},emits:["update:modelValue"],setup(e,{emit:n}){const s=Ye(),r=e,c=n;function u(_){c("update:modelValue",_)}const p=Ke(()=>{switch(r.colorScheme){case"dark":return"bg-midnight-black";default:return"bg-background"}}),v=Ke(()=>{const _=[`inline-input-control__input--${r.type}`];switch(r.colorScheme){case"dark":_.push("text-keyline");default:_.push("text-midnight-black")}return _}),g=Ke(()=>{switch(r.colorScheme){case"dark":return["peer-placeholder-shown:text-keyline","text-disabled","peer-focus:text-disabled"];default:return["peer-placeholder-shown:text-midnight-black","text-midnight-black","peer-focus:text-midnight-black"]}});return(_,b)=>(i(),h("div",{class:Y(["inline-input-control py-0 px-5 flex",[m(p),{"opacity-50":e.disabled}]])},[a("div",Vi,[a("input",{id:m(s),type:e.type,placeholder:e.placeholder,disabled:e.disabled,class:Y([m(v),"inline-input-control__input peer h-10 w-full mt-5 font-light border-transparent placeholder-transparent focus:outline-none bg-transparent"]),value:r.modelValue,onChange:b[0]||(b[0]=x=>u(x.target.value))},null,42,Ai),a("label",{for:m(s),class:Y([m(g),"inline-input-control__label absolute left-0 top-2 text-xs font-light transition-all peer-placeholder-shown:text-base peer-placeholder-shown:top-5 peer-focus:top-2 peer-focus:text-xs"])},[ae(_.$slots,"label",{},void 0,!0)],10,Oi)]),_.$slots.actionRight?(i(),h("div",{key:0,class:Y(["inline-input-control__action flex-shrink-0 inline-flex items-center justify-center",m(v)])},[ae(_.$slots,"actionRight",{},void 0,!0)],2)):$("",!0)],2))}};var Et=B(Pi,[["__scopeId","data-v-16be01d2"]]);const Ei=(e,n="Enter")=>{const s=r=>{r.key===n&&e()};Oe(()=>{document.addEventListener("keypress",s)}),ja(()=>{document.removeEventListener("keypress",s)})};const Ni={key:0,class:"bg-polar-white relative border-2 border-midnight-black"},Hi={class:"p-4 pr-12"},qi={class:"toastcontent grid gap-0.5"},ji=["innerHTML"],Wi={__name:"Toast",props:{content:String},setup(e){const n=e,s=A(!1);JSON.parse(localStorage.getItem("logintoast"))===!0?s.value=!0:s.value=!1;const r=()=>{s.value=!0,localStorage.setItem("logintoast",!0)};return(c,u)=>{const p=y("IconClose"),v=y("IconWrapper");return s.value?$("",!0):(i(),h("div",Ni,[a("div",Hi,[d(v,{"icon-fill":"currentColor",class:"click text-current absolute right-0 top-0",onClick:r},{default:o(()=>[d(p)]),_:1}),a("div",qi,[a("p",{innerHTML:n.content},null,8,ji)])])]))}}};var Ui=B(Wi,[["__scopeId","data-v-69d27469"]]);const Fi={class:"login max-w-sm mx-auto w-full flex flex-col flex-grow tablet:py-32"},Bi={class:"mx-5 mb-12"},Ri={class:"mx-5 mb-auto tablet:mt-auto"},Zi={class:"font-bold text-polar-white text-sm mt-2"},zi={class:"my-4 text-center w-full text-base text-polar-white font-bold"}

1,Ki={__name:"Login",setup(e){const n=Ae(),s=oe(),r=z(),c=async S=>await u(S);G("BackgroundImage",Fn),G("InlineInputControl",Et);const{validateField:u,meta:p}=We({validationSchema:Ue({email:ge().email().trim().required(),password:ge().trim().required()})}),{value:v}=ce("email",null,{validateOnValueUpdate:!1}),{value:g}=ce("password"),_=A(!1),b=A(null);async function x(){if(!(_.value||!v.value||v.value===""||!g.value||g.value==="")){_.value=!0,b.value=null;try{const S=await r.dispatch("authentication/login",{username:v.value,password:g.value});S.isSuccess?(r.dispatch("analytics/queueEvent",{event:"complete_login",data:{form_step:"2",form_name:"mykia_login"}}),setTimeout(()=>{n.push({name:"Dashboard"})},1)):b.value=S.errors}finally{_.value=!1}}}const k=A("password");function I(){k.value==="password"?k.value="input":k.value="password"}const w=C(()=>r.getters["content/getContentForComponent"](s.meta.id));r.dispatch("analytics/queueEvent",{event:"start_login",data:{form_step:"1",form_name:"mykia_login"}}),Ei(x);const L=A(!1);return JSON.parse(localStorage.getItem("logintoast"))===!0&&(L.value=!0),(S,M)=>{const V=y("RichText"),H=y("AccordionItem"),W=y("Accordion"),U=y("IconEye"),q=y("IconWrapper"),j=y("AnchorLink"),E=y("Spinner"),R=y("ButtonControl");return i(),h("div",Fi,[d(Fn,{classname:"login__background"}),M[3]||(M[3]=a("div",{class:"tablet:hidden mt-12 mb-20 flex items-center justify-center"},[a("img",{src:Ti,class:"h-20"})],-1)),a("div",Bi,[L.value?(i(),D(W,{key:0,class:"gap-0"},{default:o(()=>[d(H,null,{title:o(()=>[f(l(w.value.infoTitle),1)]),content:o(()=>[d(V,{class:"text-sm",content:w.value.infoText},null,8,["content"])]),_:1})]),_:1})):(i(),D(Ui,{key:1,content:w.value.infoText},null,8,["content"]))]),a("div",Ri,[d(Et,{modelValue:m(v),"onUpdate:modelValue":M[0]||(M[0]=N=>le(v)?v.value=N:null),disabled:_.value,"color-scheme":"dark",onChange:M[1]||(M[1]=N=>c("email"))},{label:o(()=>[f(l(w.value.formFields.emailaddress.label),1)]),_:1},8,["modelValue","disabled"]),d(Et,{modelValue:m(g),"onUpdate:modelValue":M[2]||(M[2]=N=>le(g)?g.value=N:null),disabled:_.value,"color-scheme":"dark",type:k.value,class:"mt-2"},{label:o(()=>[f(l(w.value.formFields.password.label),1)]),actionRight:o(()=>[d(q,{onClick:I},{default:o(()=>[d(U)]),_:1})]),_:1},8,["modelValue","disabled","type"]),a("div",Zi,[d(j,{path:{name:"ForgotPassword"}},{default:o(()=>[f(l(w.value.forgotPassword),1)]),_:1})]),d(R,{disabled:!m(p).valid||_.value,styling:"white",class:"w-full mt-6",onClick:x},{default:o(()=>[_.value?(i(),D(E,{key:1,"border-width":2,class:"h-5 w-5 mx-auto"})):(i(),h(Z,{key:0},[f(l(w.value.login),1)],64))]),_:1},8,["disabled"]),a("div",zi,l(S.$t("common.or")),1),d(R,{to:{name:"Register"},styling:"white-transparent",class:"w-full"},{default:o(()=>[f(l(w.value.createAccount),1)]),_:1})])])}}},ao="Error",oo="Warning",so="Success",lo="Info",Yi="Default",Gi=[ao,oo,so,lo,Yi],Qi=e=>{switch(e){case ao:return"#fe0000";case oo:return"#fefe00";case so:return"#00fe00";case lo:return"#0088ff";default:return"#ffffff"}};const Xi=["innerHTML"],Nt={__name:"DashboardLight",props:{level:{type:String,validator:e=>Gi.includes(e)},svg:{type:String}},setup(e){const n=e,s=C(()=>Qi(n.level));return(r,c)=>(i(),h("div",{class:"dashboard-light",innerHTML:e.svg,style:bt(`color: ${s.value};`)},null,12,Xi))}},Ji={class:"container max-w-5xl mx-auto my-4 bg-midnight-black relative p-1"},er={key:0,class:"flex justify-center items-center top-0 left-0 w-full h-full z-10"},tr={class:"flex text-center justify-center mb-2 text-polar-white"},nr={class:"grid grid-cols-3 gap-1"},ar=["onClick"],or={class:"bg-white aspect-video bg-opacity-10 flex justify-center items-center"},sr={class:"mt-6"},lr={class:"mt-2"},ir={__name:"DashboardLights",setup(e){const n=oe(),s=z();G("DashboardLight",Nt);const r=n.meta.id,c=C(()=>s.getters["content/getContentForComponent"](r)),u=C(()=>s.getters["content/isLoading"]),p=C(()=>n.params.houderschapsId?s.getters["vehicles/vehicleByHouderschapsId"](n.params.houderschapsId):s.getters["vehicles/preferredVehicle"]),v=C(()=>!eo.includes(p.value.fuel)),g=C(()=>u.value?[]:v.value?c.value.gasolineDashboardLights:c.value.electricDashboardLights),_=A(!1),b=()=>{_.value=!0},x=()=>{_.value=!1},k=A(null),I=async w=>{k.value=w,await Be(),b()};return(w,L)=>{const S=y("Spinner"),M=y("Heading"),V=y("RichText"),H=y("Modal");return i(),h(Z,null,[a("div",Ji,[u.value||!c.value?(i(),h("div",er,[d(S,{class:"w-8 h-8","border-width":2})])):(i(),h(Z,{key:1},[a("div",tr,l(c.value.description),1),a("div",nr,[(i(!0),h(Z,null,de(g.value,W=>(i(),h("div",{key:W.id,class:"bg-white aspect-[4/3] bg-opacity-10 flex justify-center items-center",onClick:U=>I(W)}

1,[d(Nt,{level:W.level,svg:W.icon,class:"w-16 h-16"},null,8,["level","svg"])],8,ar))),128))])],64))]),d(H,{"is-visible":_.value,"can-be-closed":!0,onClose:x},ie({heading:o(()=>[]),_:2},[k.value?{name:"content",fn:o(()=>[a("div",or,[d(Nt,{level:k.value.level,svg:k.value.icon,class:"w-24 h-24"},null,8,["level","svg"])]),a("div",sr,[d(M,{tag:"span",heading:2,class:"modal__heading font-bold w-full block"},{default:o(()=>[f(l(k.value.title),1)]),_:1}),a("span",lr,[d(V,{content:k.value.description},null,8,["content"])])])]),key:"0"}:void 0]),1032,["is-visible"])],64)}}};const rr={class:"workshop-list h-96 max-h-full overflow-auto relative w-full max-w-full"},cr={key:0,class:"bg-background bg-opacity-80 flex justify-center absolute top-0 left-0 w-full h-full z-10"},dr={class:"flex flex-grow flex-col justify-center mr-6"},ur={class:"text-base"},mr={class:"capitalize"},pr={class:"text-sm text-caption font-light"},fr={class:"text-sm text-caption font-light"},vr={class:"capitalize"},hr={__name:"WorkshopList",props:{modelValue:{required:!0},isChangingWorkshop:{type:Boolean,default:!1},searchPlaceholder:{type:String,default:""}},emits:["update:modelValue"],setup(e,{emit:n}){const s=z(),r=e,c=n,u=A(!1),p=C({get(){return r.modelValue},set(x){c("update:modelValue",x)}}),v=C(()=>s.getters["workshops/getWorkshopsSortedByCityAndName"]),g=async()=>{u.value=!0,await s.dispatch("workshops/getWorkshops"),u.value=!1};(!v.value||v.value.length===0)&&g();const _=A(""),b=C(()=>_.value===""?v.value:v.value.filter(k=>k.name.toLowerCase().includes(_.value.toLowerCase())||k.workshopAddress.city.toLowerCase().includes(_.value.toLowerCase())));return Ce(_,()=>{b.value.findIndex(x=>x.id===p.value)<0&&(p.value="")}),(x,k)=>{const I=y("Spinner"),w=y("IconSearch"),L=y("IconWrapper"),S=y("InputControl"),M=y("ChoiceItem"),V=y("ChoiceControl");return i(),h("div",rr,[u.value||e.isChangingWorkshop?(i(),h("div",cr,[d(I,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),d(S,{type:"text",modelValue:_.value,"onUpdate:modelValue":k[0]||(k[0]=H=>_.value=H),placeholder:e.searchPlaceholder,class:"mb-4"},{iconRight:o(()=>[d(L,{class:"text-caption"},{default:o(()=>[d(w)]),_:1})]),_:1},8,["modelValue","placeholder"]),b.value.length>0?(i(),D(V,{key:1,name:"workshops",multiple:!1},{choice:o(H=>[(i(!0),h(Z,null,de(b.value,W=>(i(),D(M,{modelValue:p.value,"onUpdate:modelValue":k[1]||(k[1]=U=>p.value=U),key:W.id,value:W.id,multiple:H.multiple,name:H.formName},{default:o(()=>[a("div",dr,[a("div",ur,[a("span",mr,l(W.workshopAddress.city.toLowerCase()),1),f(" - "+l(W.name),1)]),a("div",pr,l(W.workshopAddress.street)+" "+l(W.workshopAddress.houseNumber)+" "+l(W.workshopAddress.houseNumberAddition),1),a("div",fr,[f(l(W.workshopAddress.postalCode)+" ",1),a("span",vr,l(W.workshopAddress.city.toLowerCase()),1)])])]),_:2},1032,["modelValue","value","multiple","name"]))),128))]),_:1})):$("",!0)])}}};var tt=B(hr,[["__scopeId","data-v-d3edca20"]]);const _r={class:"page"},gr={class:"bg-polar-white flex flex-col tablet:grid tablet:grid-cols-2 tablet:gap-8 tablet:mt-12 px-4 py-0 tablet:p-6"},br={class:"flex flex-col"},yr={key:0,class:"w-full tablet:w-auto"},xr=["src"],Cr={class:"inline-flex mt-1"},kr={class:"flex flex-col mt-12 tablet:mt-2"},$r={class:"flex flex-col w-full"},wr={class:"font-bold text-lg"},Ir={class:"text-sm mt-4 grid grid-flow-rows gap-2 leading-none"},Mr={key:0},Lr={class:"flex-shrink-0 flex flex-col mt-8"},Sr={class:"font-bold text-md"},Dr={class:"text-sm mt-4 grid grid-flow-rows gap-2 leading-none"},Tr={class:"capitalize w-28 text-caption"},Vr={key:0},Ar={key:1},Or={class:"flex justify-center pt-8 pb-12 bg-polar-white tablet:bg-transparent"},Pr={class:"inline-flex mt-1"},Er={__name:"Workshop",setup(e){const n=z(),s=oe(),r=s.meta.id,{t:c}=he();C(()=>Ie("mediaQueries").value),G("WorkshopList",tt);const u=C(()=>n.getters["content/getContentForComponent"](s.meta.id)),p=C(()=>u.value.components.find(V=>V.type==="WorkshopInfo")),v=C(()=>u.value.components.find(V=>V.type==="FormModal")),g=C(()=>n.getters["vehicles/preferredVehicle"]),_=C(()=>n.getters["vehicles/getDealerForVehicleByHouderschapsId"](g.value.houderschapsId)),b=C(()=>{const V=W=>_.value.workshopAddress.openinghours.find(U=>U.day.toLowerCase()===W.toLowerCase()),H=[];return H.push({hours:V("monday"),label:te().day(1).format("dddd")}),H.push({hours:V("tuesday"),label:te().day(2).format("dddd")}),H.push({hours:V("wednesday"),label:te().day(3).format("dddd")}),H.push({hours:V("thursday"),label:te().day(4).format("dddd")}),H.push({hours:V("friday"),label:te().day(5).format("dddd")}),H.push({hours:V("saturday"),label:te().day(6).format("dddd")}),H.push({hours:V("sunday"),label:te().day(0).format("dddd")}),H}),x=C(()=>{let V=`${_.value.workshopAddress.street} `;return V+=`${_.value.workshopAddress.houseNumber} `,V+=`${_.value.workshopAddress.postalCode} `,V+=`${_.value.workshopAddress.city} `,V+=`${_.value.name}`,xt(V)}),k=A(""),I=A(!1),w=A(!1),L=()=>{I.value=!0,n.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${s.path}werkplaats-aanpassen/`}})},S=()=>{I.value=!1},M=async()=>{w.value=!0;const V=await n.dispatch("workshops/changeWorkshop",{houderschapsId:g.value.houderschapsId,workshopId:k.value});w.value=!1,V.isSuccess?(S(),n.dispatch("analytics/queueEvent",{event:"edit_dealer",data:{dealername:mt(n.getters["workshops/getWorkshopById"](k.value))}}),k.value=""):n.commit("notifications/addNotification",{type:"error",message:c("errors.save-workshop-failed")})};return(V,H)=>{const W=y("ButtonControl"),U=y("AnchorLink"),q=y("Modal");return i(),h("div",_r,[d(lt,{"page-id":m(r)},null,8,["page-id"]),a("div",gr,[a("div",br,[_.value.image?(i(),h("figure",yr,[a("img",{class:"h-auto w-full",src:_.value.image},null,8,xr)])):$("",!0),d(W,{class:"w-full tablet:w-auto mt-4",to:{path:p.value.makeAppointmentButtonUrl}},{default:o(()=>

1[f(l(p.value.makeAppointmentButtonTitle),1)]),_:1},8,["to"]),d(U,{underlined:"","is-external-link":"",class:"inline-flex w-full mt-4 justify-center",path:x.value},{default:o(()=>[a("span",Cr,l(p.value.navigateToWorkshopLinkTitle),1)]),_:1},8,["path"])]),a("div",kr,[a("div",$r,[a("div",wr,l(_.value.name),1),a("ul",Ir,[a("li",null,l(_.value.workshopAddress.street)+" "+l(_.value.workshopAddress.houseNumber)+" "+l(_.value.workshopAddress.houseNumberAddition),1),a("li",null,l(_.value.workshopAddress.postalCode)+" "+l(_.value.workshopAddress.city),1),a("li",null,[f(l(m(c)("common.telephone-abbreviation"))+" ",1),d(U,{underlined:"","is-external-link":"","hide-external-icon":"",path:m(dt)(_.value.workshopAddress.phoneNumber)},{default:o(()=>[f(l(_.value.workshopAddress.phoneNumber),1)]),_:1},8,["path"])]),a("li",null,[d(U,{underlined:"","is-external-link":"","hide-external-icon":"",path:`mailto: ${_.value.workshopAddress.email}`},{default:o(()=>[f(l(_.value.workshopAddress.email),1)]),_:1},8,["path"])]),_.value.website?(i(),h("li",Mr,[d(U,{underlined:"","is-external-link":"","hide-external-icon":"",path:_.value.website},{default:o(()=>[f(l(_.value.website.replace(/(^\w+:|^)\/\//,"")),1)]),_:1},8,["path"])])):$("",!0)])]),a("div",Lr,[a("div",Sr,l(p.value.workshopHours),1),a("ul",Dr,[(i(!0),h(Z,null,de(b.value,j=>(i(),h("li",{key:j.label,class:"flex mt-2 first:mt-0"},[a("div",Tr,l(j.label),1),j.hours&&j.hours.timeOpen&&j.hours.timeClosed?(i(),h("div",Vr,l(j.hours.timeOpen)+" - "+l(j.hours.timeClosed),1)):(i(),h("div",Ar,l(m(c)("common.closed")),1))]))),128))])])])]),a("div",Or,[d(W,{styling:"secondary",onClick:L},{default:o(()=>[a("span",Pr,l(p.value.changeWorkshopLinkTitle),1)]),_:1})]),d(q,{"is-visible":I.value,"can-be-closed":!0,onClose:S},{heading:o(()=>[f(l(p.value.changeWorkshopLinkTitle),1)]),content:o(()=>[I.value?(i(),D(tt,{key:0,modelValue:k.value,"onUpdate:modelValue":H[0]||(H[0]=j=>k.value=j),"is-changing-workshop":w.value,"search-placeholder":v.value.placeholder},null,8,["modelValue","is-changing-workshop","search-placeholder"])):$("",!0)]),button:o(j=>[d(W,{disabled:w.value,styling:"secondary",onClick:j.closeModal},{default:o(()=>[f(l(m(c)("common.cancel")),1)]),_:2},1032,["disabled","onClick"]),d(W,{disabled:w.value||!k.value,class:"ml-4 flex-grow",onClick:M},{default:o(()=>[f(l(p.value.changeWorkshopLinkTitle),1)]),_:1},8,["disabled"])]),_:1},8,["is-visible"])])}}};const Nr={class:"spinner relative h-full w-full inline-block align-middle"},Hr={__name:"Spinner",props:{borderWidth:{type:Number,default:8,validator:e=>[2,4,8].includes(e)}},setup(e){const n=z(),s=C(()=>n.getters["application/isDarkMode"]);return(r,c)=>(i(),h("div",Nr,[a("div",{class:Y([[`border-${e.borderWidth}`,m(s)?"border-t-polar-white":"border-t-midnight-black"],"spinner__node bord block absolute w-full h-full border-solid border-transparent rounded-full"])},null,2),a("div",{class:Y([[`border-${e.borderWidth}`,m(s)?"border-t-polar-white":"border-t-midnight-black"],"spinner__node block absolute w-full h-full border-solid border-transparent rounded-full"])},null,2),a("div",{class:Y([[`border-${e.borderWidth}`,m(s)?"border-t-polar-white":"border-t-midnight-black"],"spinner__node block absolute w-full h-full border-solid border-transparent rounded-full"])},null,2),a("div",{class:Y([[`border-${e.borderWidth}`,m(s)?"border-t-polar-white":"border-t-midnight-black"],"spinner__node block absolute w-full h-full border-solid border-transparent rounded-full"])},null,2)]))}};var io=B(Hr,[["__scopeId","data-v-2fbeb6a8"]]);const qr={class:"stepper flex flex-col"},jr={class:"stepper__steps flex w-full"},Wr={class:"flex left items-start justify-between relative w-full"},Ur={class:"absolute top-4 mt-0.5 h-1 z-0 w-full flex"},Fr={class:"relative h-full flex-grow"},Br={class:"relative w-full h-full flex"},Rr=["disabled","onClick"],Zr={key:1,class:"pt-1"},zr={key:0,class:"stepper__loading absolute top-0 left-0 w-full h-full bg-opacity-80 bg-background flex items-center justify-center"},Kr={class:"stepper__buttons flex justify-between"},Yr={class:"mx-2"},Gr={class:"mx-2"},Qr={key:0,class:"mx-2"},rt={__name:"Stepper",props:{isLoaderVisible:{type:Boolean,default:!1},steps:{type:Array,required:!0,validator(e){let n=!0;return e.forEach(s=>{["label","completed"].every(r=>{s[r]==="undefined"&&(n=!1)})}),n}}},emits:["finish","changed-step"],setup(e,{emit:n}){const s=e;let r=A(1);const c=L=>{r.value=L},u=C(()=>r.value>1),p=()=>{c(r.value-1)},v=C(()=>!!(s.steps[r.value-1]&&!s.steps[r.value-1].completed)),g=()=>{!v.value&&!_.value&&(c(r.value+1),w())},_=C(()=>r.value===s.steps.length),b=n,x=()=>{b("finish")},k=Ie("smoothScroll"),I=A(),w=()=>{k({scrollTo:I.value,offset:-200,updateHistory:!1})};return Ce(()=>r.value,(L,S)=>{b("changed-step",{toStep:L,fromStep:S})},{deep:!0}),(L,S)=>{const M=y("IconCheck"),V=y("IconWrapper"),H=y("ButtonControl");return i(),h("div",qr,[ae(L.$slots,"header",{activeStep:m(r)}),a("div",jr,[a("div",Wr,[a("div",Ur,[a("div",Fr,[a("div",Br,[S[0]||(S[0]=a("span",{class:"opacity-20 bg-midnight-black inline-flex h-1 w-full z-0"},null,-1)),a("span",{style:bt(`width: calc(100% / ${e.steps.length-1} * ${m(r)-1}`),class:"absolute top-0 left-0 bg-midnight-black inline-flex h-1 flex-grow transition:right duration-500 ease-in-out z-0"},null,4)])])]),(i(!0),h(Z,null,de(e.steps,(W,U)=>(i(),h("div",{key:U,class:Y([{"items-start":U===0,"items-end":U===e.steps.length-1,"items-center":U===1&&U!==e.steps.length-1},"stepper__step flex flex-col relative z-1 flex-1 min-w-0 last:-mr-0.5"])},[a("button",{class:Y([{"border-keyline text-key":U>m(r)-1},"font-bold leading-none inline-flex items-center justify-center border-4 w-10 h-10 rounded-full bg-background border-midnight-black disabled:cursor-not-allowed"]),disabled:m(r)!==U+1&&e.steps[U-1]&&!e.steps[U-1].completed,onClick:q=>c(U+1)},[W.completed&&m(r)!==U+1?(i(),D(V,{key:0,class:"no-stroke-width text-midnight-black","icon-fill":"currentColor",size:24},{default:o(()=>[d(M)]),_:1})):(i(),h("span",Zr,l(U+1),1))],10,Rr),a("span",{class:Y([{"text-left pr-1":U===0,"text-right":U===e.steps.length-1,"text-center pl-1":U===1&&U!==e.steps.length-1},"mt-2 text-sm max-w-full break-words"])},l(W.name),3)],2))),128))])]),a("div",{ref_key:"contentElement",ref:I,class:"stepper__content my-8 relative"},[ae(L.$slots,"content",{activeStep:m(r)}),e.isLoaderVisible?(i(),h("div",zr,[d(io)])):$("",!0)],512),a("div",Kr,[a("div",Yr,[ae(L.$slots,"previous-button",{activeStep:m(r)},()=>[u.value?(i(),D(H,{key:0,styling:"secondary",onClick:p},{default:o(()=>[f(l(L.$t("ui-elements.stepper.previous")),1)]),_:1})):$("",!0)])]),a("div",Gr,[ae(L.$slots,"next-button",{activeStep:m(r),isFinishButtonVisible:_.value,isNextButtonDisabled:v.value,activateNextStep:g},()=>[_.value?$("",!0):(i(),D(H,{key:0,disabled:v.value,onClick:g},{default:o(()=>[f(l(L.$t("ui-elements.stepper.next")),1)]),_:1},8,["disabled"]))])]),_.value?(i(),h("div",Qr,[ae(L.$slots,"finish-button",{isFinishButtonVisible:_.value,finishSteps:x},()=>[_.value?(i(),D(H,{key:0,onClick:x},{default:o(()=>[f(l(L.$t("ui-elements.stepper.finish")),1)]),_:1})):$("",!0)])])):$("",!0)])])}}},Bn={__name:"WorkshopModal",props:{modelValue:{required:!0},isVisible:{type:Boolean,default:!1},content:{type:Object,required:!0}},emits:["hide","update:modelValue"],setup(e,{emit:n}){const s=z();G("WorkshopList",tt);const r=e,c=C({get(){var v;return(v=r.modelValue)==null?void 0:v.id},set(v){const g=s.getters["workshops/getWorkshopById"](v);u("update:modelValue",g)}}),u=n,p=()=>{u("hide")};return(v,g)=>{const _=y("ButtonControl"),b=y("Modal");return i(),D(b,{"is-visible":e.isVisible,"can-be-closed":!0,onClose:p},{heading:o(()=>

1[f(l(e.content.title),1)]),content:o(()=>[e.isVisible?(i(),D(tt,{key:0,modelValue:c.value,"onUpdate:modelValue":g[0]||(g[0]=x=>c.value=x),"search-placeholder":e.content.placeholder},null,8,["modelValue","search-placeholder"])):$("",!0)]),button:o(x=>[d(_,{styling:"secondary",onClick:x.closeModal},{default:o(()=>[f(l(v.$t("common.cancel")),1)]),_:2},1032,["onClick"]),d(_,{disabled:!c.value,class:"ml-4 flex-grow",onClick:p},{default:o(()=>[f(l(v.$t("common.select")),1)]),_:1},8,["disabled"])]),_:1},8,["is-visible"])}}};var Xr=e=>{const n=A(!1),s=()=>{n.value=!0},r=()=>{n.value=!1},c=C(()=>mt(e.value));return{isModalVisible:n,showModal:s,hideModal:r,formattedWorkshopName:c}};const Jr={class:"register-your-kia"},ec={class:"desktop:grid desktop:grid-cols-5 desktop:gap-x-4"},tc={class:"mt-6 desktop:col-span-2"},nc={class:"mt-6 desktop:col-span-3"},ac={class:"desktop:grid desktop:grid-cols-5 desktop:gap-x-4"},oc={class:"mt-6 desktop:col-span-2"},sc={class:"mt-6 desktop:col-span-3"},lc={class:"desktop:grid desktop:grid-cols-5 desktop:gap-x-4"},ic={class:"mt-6 desktop:col-span-2"},rc={class:"mt-6 desktop:col-span-3"},At={__name:"YourKia",props:{pageContent:{type:Object,required:!0}},emits:["updateData","updateCompleted","mounted"],setup(e,{emit:n}){const s=z();G("WorkshopModal",Bn);const r=e,{t:c}=he(),u=[{id:0,label:"2500"},{id:1,label:"5000"},{id:2,label:"7500"},{id:3,label:"10000"},{id:4,label:"12500"},{id:5,label:"15000"},{id:6,label:"17500"},{id:7,label:"20000"},{id:8,label:"25000"},{id:9,label:"30000"},{id:10,label:"35000"},{id:11,label:"40000"},{id:12,label:"45000"},{id:13,label:"50000"},{id:14,label:"55000"},{id:15,label:"60000"},{id:16,label:"65000"},{id:17,label:"70000"},{id:18,label:"75000"},{id:19,label:"80000"},{id:20,label:"85000"},{id:21,label:"90000"},{id:22,label:"95000"},{id:23,label:"100000"}],p=C(()=>s.getters["workshops/getWorkshopsSortedByCityAndName"]),{validateField:v,errors:g,meta:_}=We({validationSchema:Ue({licensePlate:ge().min(6,c("ui-elements.form.validation-exact-character-amount",{number:6})).matches(/^\b([a-zA-Z0-9]{6,6})\b/,c("ui-elements.form.validation-licenseplate")).required(c("ui-elements.form.validation-required",{fieldname:r.pageContent.content.licensePlate.label.toLowerCase()})),reportingCode:ge().matches(/^(?!(?:0000)$)\d{4}/,c("ui-elements.form.validation-reporting-code")).min(4,c("ui-elements.form.validation-exact-number-amount",{number:4})).max(4,c("ui-elements.form.validation-exact-number-amount",{number:4})).required(c("ui-elements.form.validation-required",{fieldname:r.pageContent.content.reportingCode.label.toLowerCase()})),mileage:ge().max(6,c("ui-elements.form.validation-max-number-amount",{number:6})).required(c("ui-elements.form.validation-required",{fieldname:r.pageContent.content.mileage.label.toLowerCase()})),mileagePerYear:ot().required(c("ui-elements.form.validation-required",{fieldname:r.pageContent.content.mileagePerYear.label.toLowerCase()||""})),ascriptionDate:Oo().required(c("ui-elements.form.validation-required",{fieldname:r.pageContent.content.ascriptionDate.label.toLowerCase()})),dealer:Lt({id:ge().oneOf(p.value.map(j=>j.id))}).required()})}),{value:b}=ce("licensePlate",null,{validateOnValueUpdate:!1}),{value:x}=ce("reportingCode",null,{validateOnValueUpdate:!1}),{value:k}=ce("mileage",null,{validateOnValueUpdate:!1}),{value:I}=ce("mileagePerYear",null,{validateOnValueUpdate:!1}),{value:w}=ce("ascriptionDate"),{value:L}=ce("dealer",null,{validateOnValueUpdate:!1}),{isModalVisible:S,showModal:M,hideModal:V,formattedWorkshopName:H}=Xr(L),W=n,U=async j=>await v(j),q=()=>{b.value&&(b.value=b.value.trim().replaceAll("-","").toUpperCase()),U("licensePlate")};return Ce([b,x,k,I,w,L],([j,E,R,N,ee,F])=>{var Q;const K=(Q=u[N])==null?void 0:Q.label;W("updateData",{myKia:{licensePlate:j,reportingCode:E,mileage:R,mileagePerYear:K,ascriptionDate:ee,dealer:F==null?void 0:F.id}})}),Ce(()=>_.value.valid,(j,E)=>{j!==E&&W("updateCompleted",j)},{deep:!0}),Oe(()=>{W("mounted")}),(j,E)=>{const R=y("Heading"),N=y("FormLabel"),ee=y("InputControl"),F=y("SelectControl"),K=y("DateControl"),Q=y("InputPlaceholder");return i(),h("div",Jr,[d(R,{tag:"h4",heading:3,class:"font-bold"},{default:o(()=>

1[f(l(e.pageContent.content.yourKiaCategory.text),1)]),_:1}),a("form",null,[a("div",ec,[a("div",tc,[d(ee,{type:"text",modelValue:m(b),"onUpdate:modelValue":E[0]||(E[0]=J=>le(b)?b.value=J:null),placeholder:e.pageContent.content.licensePlate.placeholder,onChange:q},ie({label:o(({id:J})=>[d(N,{for:J},{default:o(()=>[f(l(e.pageContent.content.licensePlate.label),1)]),_:2},1032,["for"])]),description:o(()=>[f(l(e.pageContent.content.licensePlate.description),1)]),_:2},[m(g).licensePlate?{name:"error",fn:o(()=>[f(l(m(g).licensePlate),1)]),key:"0"}:void 0]),1032,["modelValue","placeholder"])]),a("div",nc,[d(ee,{type:"number",modelValue:m(x),"onUpdate:modelValue":E[1]||(E[1]=J=>le(x)?x.value=J:null),placeholder:e.pageContent.content.reportingCode.placeholder,onChange:E[2]||(E[2]=J=>U("reportingCode"))},ie({label:o(({id:J})=>[d(N,{for:J},{default:o(()=>[f(l(e.pageContent.content.reportingCode.label),1)]),_:2},1032,["for"])]),description:o(()=>[f(l(e.pageContent.content.reportingCode.description),1)]),_:2},[m(g).reportingCode?{name:"error",fn:o(()=>[f(l(m(g).reportingCode),1)]),key:"0"}:void 0]),1032,["modelValue","placeholder"])])]),a("div",ac,[a("div",oc,[d(ee,{type:"number",modelValue:m(k),"onUpdate:modelValue":E[3]||(E[3]=J=>le(k)?k.value=J:null),placeholder:e.pageContent.content.mileage.placeholder,onChange:E[4]||(E[4]=J=>U("mileage"))},ie({label:o(({id:J})=>[d(N,{for:J},{default:o(()=>[f(l(e.pageContent.content.mileage.label),1)]),_:2},1032,["for"])]),_:2},[m(g).mileage?{name:"error",fn:o(()=>[f(l(m(g).mileage),1)]),key:"0"}:void 0]),1032,["modelValue","placeholder"])]),a("div",sc,[d(F,{modelValue:m(I),"onUpdate:modelValue":E[5]||(E[5]=J=>le(I)?I.value=J:null),options:u},ie({label:o(({id:J})=>[d(N,{for:J},{default:o(()=>[f(l(e.pageContent.content.mileagePerYear.label),1)]),_:2},1032,["for"])]),_:2},[m(g).mileagePerYear?{name:"error",fn:o(()=>[f(l(m(g).mileagePerYear),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),a("div",lc,[a("div",ic,[d(K,{type:"text",modelValue:m(w),"onUpdate:modelValue":E[6]||(E[6]=J=>le(w)?w.value=J:null)},ie({label:o(({id:J})=>[d(N,{for:J},{default:o(()=>[f(l(e.pageContent.content.ascriptionDate.label),1)]),_:2},1032,["for"])]),description:o(()=>[f(l(e.pageContent.content.ascriptionDate.description),1)]),_:2},[m(g).ascriptionDate?{name:"error",fn:o(()=>[f(l(m(g).ascriptionDate),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",rc,[d(Q,{value:m(H),onFocus:m(M)},ie({label:o(({id:J})=>[d(N,{for:J},{default:o(()=>[f(l(e.pageContent.content.changeWorkshopModal.buttonLabel),1)]),_:2},1032,["for"])]),description:o(()=>[f(l(e.pageContent.content.changeWorkshopModal.description),1)]),_:2},[m(g).dealer?{name:"error",fn:o(()=>[f(l(m(g).dealer),1)]),key:"0"}:void 0]),1032,["value","onFocus"]),d(Bn,{modelValue:m(L),"onUpdate:modelValue":E[7]||(E[7]=J=>le(L)?L.value=J:null),"is-visible":m(S),onHide:m(V),content:e.pageContent.content.changeWorkshopModal},null,8,["modelValue","is-visible","onHide","content"])])])])])}}};function ro(e,n){let s=null;return function(){clearTimeout(s),s=setTimeout(()=>{e()},n||1e3)}}const co=(e,n,s,r,c,u,p,v)=>{const g=()=>{x()},_=()=>{u.value=!1},x=ro(async()=>{if(e.value&&n.value){s.value=!0,v("street",""),v("city","");const k=await se(`/api/address?postalcode=${e.value}&housenumber=${n.value}`);k.isSuccess?(s.value=!1,u.value=!1,v("street",k.data.street),v("city",k.data.city)):(s.value=!1,u.value=!0,p.value=k.errors),r.value=!1,c.value=!1}},500);return{handleAddressFieldInput:g,removeAddressError:_}},cc={class:"personal-details"},dc={class:"desktop:grid desktop:grid-cols-5 desktop:gap-x-4"},uc={class:"mt-6"},mc={class:"mt-6"},pc={class:"mt-6"},fc={class:"mt-6"},vc={class:"mt-6"},hc={class:"flex desktop:flex-row flex-col"},_c={class:"mt-6 desktop:mr-4 flex-1"},gc={class:"mt-6 desktop:mr-4 flex-1"},bc={class:"mt-6 flex-1"},yc={key:0,class:"block font-light text-base text-cardinal-red mt-4"},xc={class:"flex relative desktop:flex-row flex-col"},Cc={key:0,class:"absolute flex left-0 right-0 top-0 bottom-0 desktop:mt-6 items-center justify-center text-center"},kc={class:"mt-6 desktop:mr-4 flex-1"},$c={class:"mt-6 flex-1"},wc={class:"mt-6"},Ic={class:"desktop:grid desktop:grid-cols-2 desktop:gap-x-4"},Mc={class:"mt-6"},Lc={class:"mt-6"},Sc={class:"mt-6"},Rn={__name:"PersonalDetails",props:{pageContent:{type:Object,required:!0}},emits:["updateData","updateCompleted"],setup(e,{emit:n}){const s=e,{t:r}=he(),c=oe(),u=z(),p=A(null),v=A(!0),g=A(!0),_=A(!1),b=A(!1),x=async X=>await I(X),k=[{id:0,label:r("common.salutations.sir")},{id:1,label:r("common.salutations.madam")}],{validateField:I,setFieldValue:w,meta:L,errors:S,values:M}=We({validationSchema:Ue({email:ge().email(r("ui-elements.form.validation-email-address")).required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.emailAddress.label.toLowerCase()||""}

1)),gender:ot().oneOf(k.map(X=>X.id)).required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.salutation.text.toLowerCase()||""})),initials:ge().required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.initials.label.toLowerCase()})),firstName:ge().required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.firstName.label.toLowerCase()||""})),middleName:ge(),lastName:ge().required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.lastName.label.toLowerCase()||""})),street:ge().required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.street.label.toLowerCase()||""})),houseNumber:ot().typeError(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.houseNumber.label.toLowerCase()||""})).min(1,r("ui-elements.form.validation-number-min",{number:1})).max(99999,r("ui-elements.form.validation-number-max",{number:99999})).required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.houseNumber.label.toLowerCase()||""})),addressAddition:ge(),postalCode:ge().required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.postalcode.label.toLowerCase()||""})).matches(/^[0-9]{4}\s?[a-zA-Z]{2}$/,r("ui-elements.form.validation-postalcode")),city:ge().required(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.city.label.toLowerCase()})),telephoneNumber:ge().nullable(!0).max(10,r("ui-elements.form.validation-telephone-number")).matches(/^$|^0/,r("ui-elements.form.validation-telephone-number")),mobileNumber:ge().nullable(!0).max(10,r("ui-elements.form.validation-mobile-number")).matches(/^$|^06/,r("ui-elements.form.validation-mobile-number")),wantsNotifications:Kt().label(r("ui-elements.form.validation-required",{fieldname:s.pageContent.content.communicationPreference.label.toLowerCase()||""}))}),initialValues:{wantsNotifications:!1}}),{value:V}=ce("email",null,{validateOnValueUpdate:!1}),{value:H}=ce("gender"),{value:W}=ce("initials",null,{validateOnValueUpdate:!1}),{value:U}=ce("firstName",null,{validateOnValueUpdate:!1}),{value:q}=ce("middleName",null,{validateOnValueUpdate:!1}),{value:j}=ce("lastName",null,{validateOnValueUpdate:!1}),{value:E}=ce("street",null,{validateOnValueUpdate:!1}),{value:R}=ce("houseNumber",null,{validateOnValueUpdate:!1}),{value:N}=ce("addressAddition",null,{validateOnValueUpdate:!1}),{value:ee}=ce("postalCode",null,{validateOnValueUpdate:!1}),{value:F}=ce("city",null,{validateOnValueUpdate:!1}),{value:K}=ce("telephoneNumber",null,{validateOnValueUpdate:!1}),{value:Q}=ce("mobileNumber",null,{validateOnValueUpdate:!1}),{value:J}=ce("wantsNotifications"),{handleAddressFieldInput:be,removeAddressError:ye}=co(ee,R,_,v,g,b,p,w),re=n;return Ce(M,X=>{const T=yt.exports.cloneDeep(X);re("updateData",{personalDetails:ut(T)})}),Ce(()=>L.value.valid,(X,T)=>{X!==T&&re("updateCompleted",X)},{deep:!0}),Oe(()=>{u.dispatch("analytics/queueEvents",[{event:"screen_view",data:{value:`${c.path}persoonlijke-informatie/`}},{event:"register_user_enter_personal_information",data:{form_step:"2",form_name:"mykia_register"}}])}),(X,T)=>{const O=y("Heading"),ne=y("FormLabel"),pe=y("SelectControl"),ue=y("InputControl"),_e=y("Spinner"),ve=y("CheckboxControl"),ke=y("RichText");return i(),h("div",cc,[a("form",null,[d(O,{tag:"h4",heading:3,class:"font-bold"},{default:o(()=>[f(l(e.pageContent.content.personalInformationCategory.text),1)]),_:1}),a("div",dc,[a("div",uc,[d(pe,{modelValue:m(H),"onUpdate:modelValue":T[0]||(T[0]=P=>le(H)?H.value=P:null),options:k},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.salutation.text),1)]),_:2},1032,["for"])]),_:2},[m(S).gender?{name:"error",fn:o(()=>[f(l(m(S).gender),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",mc,[d(ue,{type:"text",modelValue:m(W),"onUpdate:modelValue":T[1]||(T[1]=P=>le(W)?W.value=P:null),onChange:T[2]||(T[2]=P=>x("initials"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.initials.label),1)]),_:2},1032,["for"])]),_:2},[m(S).initials?{name:"error",fn:o(()=>[f(l(m(S).initials),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",pc,[d(ue,{type:"text",modelValue:m(U),"onUpdate:modelValue":T[3]||(T[3]=P=>le(U)?U.value=P:null),onChange:T[4]||(T[4]=P=>x("firstName"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>

1[f(l(e.pageContent.content.firstName.label),1)]),_:2},1032,["for"])]),_:2},[m(S).firstName?{name:"error",fn:o(()=>[f(l(m(S).firstName),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",fc,[d(ue,{type:"text",modelValue:m(q),"onUpdate:modelValue":T[5]||(T[5]=P=>le(q)?q.value=P:null),onChange:T[6]||(T[6]=P=>x("middleName"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.middleName.label),1)]),_:2},1032,["for"])]),_:2},[m(S).middleName?{name:"error",fn:o(()=>[f(l(m(S).middleName),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",vc,[d(ue,{type:"text",modelValue:m(j),"onUpdate:modelValue":T[7]||(T[7]=P=>le(j)?j.value=P:null),onChange:T[8]||(T[8]=P=>x("lastName"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.lastName.label),1)]),_:2},1032,["for"])]),_:2},[m(S).lastName?{name:"error",fn:o(()=>[f(l(m(S).lastName),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),d(O,{tag:"h4",heading:3,class:"font-bold mt-16"},{default:o(()=>[f(l(e.pageContent.content.addressCategory.text),1)]),_:1}),a("div",hc,[a("div",_c,[d(ue,{type:"text",modelValue:m(ee),"onUpdate:modelValue":T[9]||(T[9]=P=>le(ee)?ee.value=P:null),placeholder:e.pageContent.content.postalcode.placeholder,onChange:T[10]||(T[10]=P=>x("postalCode")),onInput:T[11]||(T[11]=P=>m(be)())},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.postalcode.label),1)]),_:2},1032,["for"])]),_:2},[m(S).postalCode?{name:"error",fn:o(()=>[f(l(m(S).postalCode),1)]),key:"0"}:void 0]),1032,["modelValue","placeholder"])]),a("div",gc,[d(ue,{type:"number",modelValue:m(R),"onUpdate:modelValue":T[12]||(T[12]=P=>le(R)?R.value=P:null),onChange:T[13]||(T[13]=P=>x("houseNumber")),onInput:T[14]||(T[14]=P=>m(be)())},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.houseNumber.label),1)]),_:2},1032,["for"])]),_:2},[m(S).houseNumber?{name:"error",fn:o(()=>[f(l(m(S).houseNumber),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",bc,[d(ue,{type:"text",modelValue:m(N),"onUpdate:modelValue":T[15]||(T[15]=P=>le(N)?N.value=P:null),onChange:T[16]||(T[16]=P=>x("addressAddition"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.addressAddition.label),1)]),_:2},1032,["for"])]),_:2},[m(S).addressAddition?{name:"error",fn:o(()=>[f(l(m(S).addressAddition),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),b.value?(i(),h("span",yc,l(X.$t("errors.postalcode-and-housenumber-combination-not-found")),1)):$("",!0),a("div",xc,[_.value?(i(),h("div",Cc,[d(_e,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),a("div",kc,[d(ue,{type:"text",modelValue:m(E),"onUpdate:modelValue":T[17]||(T[17]=P=>le(E)?E.value=P:null),onChange:T[18]||(T[18]=P=>x("street")),onInput:T[19]||(T[19]=P=>m(ye)()),disabled:g.value||_.value},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.street.label),1)]),_:2},1032,["for"])]),_:2},[m(S).street?{name:"error",fn:o(()=>[f(l(m(S).street),1)]),key:"0"}:void 0]),1032,["modelValue","disabled"])]),a("div",$c,[d(ue,{type:"text",modelValue:m(F),"onUpdate:modelValue":T[20]||(T[20]=P=>le(F)?F.value=P:null),onChange:T[21]||(T[21]=P=>x("city")),onInput:T[22]||(T[22]=P=>m(ye)()),disabled:g.value||_.value},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.city.label),1)]),_:2},1032,["for"])]),_:2},[m(S).city?{name:"error",fn:o(()=>[f(l(m(S).city),1)]),key:"0"}:void 0]),1032,["modelValue","disabled"])])]),d(O,{tag:"h4",heading:3,class:"font-bold mt-16"},{default:o(()=>[f(l(e.pageContent.content.contactCategory.text),1)]),_:1}),a("div",wc,[d(ue,{type:"email",modelValue:m(V),"onUpdate:modelValue":T[23]||(T[23]=P=>le(V)?V.value=P:null),onChange:T[24]||(T[24]=P=>x("email"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.emailAddress.label),1)]),_:2},1032,["for"])]),description:o(()=>[f(l(e.pageContent.content.emailAddress.description),1)]),_:2},[m(S).email?{name:"error",fn:o(()=>[f(l(m(S).email),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",Ic,[a("div",Mc,[d(ue,{type:"text",modelValue:m(K),"onUpdate:modelValue":T[25]||(T[25]=P=>le(K)?K.value=P:null),onChange:T[26]||(T[26]=P=>x("telephoneNumber"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>

1[f(l(e.pageContent.content.telephoneNumber.label),1)]),_:2},1032,["for"])]),_:2},[m(S).telephoneNumber?{name:"error",fn:o(()=>[f(l(m(S).telephoneNumber),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",Lc,[d(ue,{type:"text",modelValue:m(Q),"onUpdate:modelValue":T[27]||(T[27]=P=>le(Q)?Q.value=P:null),onChange:T[28]||(T[28]=P=>x("mobileNumber"))},ie({label:o(({id:P})=>[d(ne,{for:P},{default:o(()=>[f(l(e.pageContent.content.mobileNumber.label),1)]),_:2},1032,["for"])]),_:2},[m(S).mobileNumber?{name:"error",fn:o(()=>[f(l(m(S).mobileNumber),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),a("div",Sc,[d(ve,{value:"wantsNotifications",modelValue:m(J),"onUpdate:modelValue":T[29]||(T[29]=P=>le(J)?J.value=P:null)},{default:o(()=>[f(l(e.pageContent.content.communicationPreference.description),1)]),_:1},8,["modelValue"]),d(ke,{content:e.pageContent.content.communicationPreferenceDescription.text},null,8,["content"])])])])}}},Dc={class:"confirm-registration"},Tc={class:"w-full tablet:w-1/2"},Vc={class:"mt-6"},Ac={class:"flex"},Oc={class:"flex-1 mr-4 text-caption"},Pc={class:"flex-1"},Ec={class:"flex mt-4"},Nc={class:"flex-1 mr-4 text-caption"},Hc={class:"flex-1"},qc={class:"flex mt-4"},jc={class:"flex-1 mr-4 text-caption"},Wc={class:"flex-1"},Uc={class:"flex mt-4"},Fc={class:"flex-1 mr-4 text-caption"},Bc={class:"flex-1"},Rc={class:"flex mt-4"},Zc={class:"flex-1 mr-4 text-caption"},zc={class:"flex-1"},Kc={class:"flex mt-4"},Yc={class:"flex-1 mr-4 text-caption"},Gc={class:"flex-1 capitalize"},Qc={class:"mt-12"},Xc={class:"flex mt-4"},Jc={class:"flex-1 mr-4 text-caption"},ed={class:"flex-1"},td={class:"flex mt-4"},nd={class:"flex-1 mr-4 text-caption"},ad={class:"flex-1"},od={class:"flex mt-4"},sd={class:"flex-1 mr-4 text-caption"},ld={class:"flex-1"},id={class:"flex mt-4"},rd={class:"flex-1 mr-4 text-caption"},cd={class:"flex-1"},dd={class:"flex mt-4"},ud={class:"flex-1 mr-4 text-caption"},md={class:"flex-1"},pd={class:"mt-12"},fd={class:"flex mt-4"},vd={class:"flex-1 mr-4 text-caption"},hd={class:"flex-1"},_d={class:"flex mt-4"},gd={class:"flex-1 mr-4 text-caption"},bd={class:"flex-1"},yd={key:0,class:"flex mt-4"},xd={class:"flex-1 mr-4 text-caption"},Cd={class:"flex-1"},kd={class:"flex mt-4"},$d={class:"flex-1 mr-4 text-caption"},wd={class:"flex-1"},Id={class:"flex mt-4"},Md={class:"flex-1 mr-4 text-caption"},Ld={class:"flex-1"},Sd={class:"mt-12"},Dd={class:"flex"},Td={class:"flex-1 mr-4 text-caption"},Vd={class:"flex-1 break-all"},Ad={class:"flex mt-4"},Od={class:"flex-1 mr-4 text-caption"},Pd={class:"flex-1"},Ed={class:"flex mt-4"},Nd={class:"flex-1 mr-4 text-caption"},Hd={class:"flex-1"},qd={class:"flex mt-4"},jd={class:"flex-1 mr-4 text-caption"},Wd={class:"flex-1"},Ud={key:0},Fd={key:1},Bd={key:0,class:"mt-6 flex flex-col"},Zn={__name:"ConfirmRegistration",props:{formData:{type:Object,required:!0},errors:{type:Object,required:!1},pageContent:{type:Object,required:!0}},setup(e){const n=z(),s=oe(),{locale:r}=he(),c=e,u=C(()=>c.formData.myKia.dealer?mt(n.getters["workshops/getWorkshopById"](c.formData.myKia.dealer)):"");return Oe(()=>{n.dispatch("analytics/queueEvents",[{event:"screen_view",data:{value:`${s.path}overzicht/`}},{event:"register_user_review_information",data:{form_step:"3",form_name:"mykia_register"}}])}),(p,v)=>{const g=y("Heading");return i(),h("div",Dc,[a("div",Tc,[a("div",Vc,[d(g,{tag:"h4",heading:3,class:"font-bold mb-4"},{default:o(()=>[f(l(e.pageContent.content.yourKiaCategory.text),1)]),_:1}),a("div",Ac,[a("div",Oc,l(e.pageContent.content.licensePlate.text),1),a("div",Pc,l(e.formData.myKia.licensePlate),1)]),a("div",Ec,[a("div",Nc,l(e.pageContent.content.reportingCode.text),1),a("div",Hc,l(e.formData.myKia.reportingCode),1)]),a("div",qc,[a("div",jc,l(e.pageContent.content.mileage.text),1),a("div",Wc,l(e.formData.myKia.mileage.toLocaleString(m(r))),1)]),a("div",Uc,[a("div",Fc,l(e.pageContent.content.mileagePerYear.text),1),a("div",Bc,l(e.formData.myKia.mileagePerYear.toLocaleString(m(r))),1)]),a("div",Rc,[a("div",Zc,l(e.pageContent.content.ascriptionDate.text),1),a("div",zc,l(m(te)(e.formData.myKia.ascriptionDate).format("DD-MM-YYYY")),1)]),a("div",Kc,[a("div",Yc,l(e.pageContent.content.selectWorkshop.text),1),a("div",Gc,l(u.value),1)])]),a("div",Qc,[d(g,{tag:"h4",heading:3,class:"font-bold mb-4"},{default:o(()=>

1[f(l(e.pageContent.content.personalInformationCategory.text),1)]),_:1}),a("div",Xc,[a("div",Jc,l(e.pageContent.content.salutation.text),1),a("div",ed,l(+e.formData.personalDetails.gender==0?p.$t("common.salutations.sir"):p.$t("common.salutations.madam")),1)]),a("div",td,[a("div",nd,l(e.pageContent.content.initials.text),1),a("div",ad,l(e.formData.personalDetails.initials),1)]),a("div",od,[a("div",sd,l(e.pageContent.content.firstName.text),1),a("div",ld,l(e.formData.personalDetails.firstName),1)]),a("div",id,[a("div",rd,l(e.pageContent.content.middleName.text),1),a("div",cd,l(e.formData.personalDetails.middleName),1)]),a("div",dd,[a("div",ud,l(e.pageContent.content.lastName.text),1),a("div",md,l(e.formData.personalDetails.lastName),1)])]),a("div",pd,[d(g,{tag:"h4",heading:3,class:"font-bold mb-4"},{default:o(()=>[f(l(e.pageContent.content.addressCategory.text),1)]),_:1}),a("div",fd,[a("div",vd,l(e.pageContent.content.street.text),1),a("div",hd,l(e.formData.personalDetails.street),1)]),a("div",_d,[a("div",gd,l(e.pageContent.content.houseNumber.text),1),a("div",bd,l(e.formData.personalDetails.houseNumber),1)]),e.formData.personalDetails.addressAddition?(i(),h("div",yd,[a("div",xd,l(e.pageContent.content.addressAddition.text),1),a("div",Cd,l(e.formData.personalDetails.addressAddition),1)])):$("",!0),a("div",kd,[a("div",$d,l(e.pageContent.content.postalcode.text),1),a("div",wd,l(e.formData.personalDetails.postalCode),1)]),a("div",Id,[a("div",Md,l(e.pageContent.content.city.text),1),a("div",Ld,l(e.formData.personalDetails.city),1)])]),a("div",Sd,[d(g,{tag:"h4",heading:3,class:"font-bold mb-4"},{default:o(()=>[f(l(e.pageContent.content.contactCategory.text),1)]),_:1}),a("div",Dd,[a("div",Td,l(e.pageContent.content.emailAddress.text),1),a("div",Vd,l(e.formData.personalDetails.email),1)]),a("div",Ad,[a("div",Od,l(e.pageContent.content.telephoneNumber.text),1),a("div",Pd,l(e.formData.personalDetails.telephoneNumber),1)]),a("div",Ed,[a("div",Nd,l(e.pageContent.content.mobileNumber.text),1),a("div",Hd,l(e.formData.personalDetails.mobileNumber),1)]),a("div",qd,[a("div",jd,l(e.pageContent.content.communicationPreference.text),1),a("div",Wd,[e.formData.personalDetails.wantsNotifications?(i(),h("span",Ud,l(p.$t("common.yes")),1)):$("",!0),e.formData.personalDetails.wantsNotifications?$("",!0):(i(),h("span",Fd,l(p.$t("common.no")),1))])])]),e.errors?(i(),h("div",Bd,[(i(!0),h(Z,null,de(e.errors.general,(_,b)=>(i(),h("span",{key:b,class:"font-light text-base text-cardinal-red mt-0.5"},l(p.$t(_)),1))),128))])):$("",!0)])])}}},Rd={class:"container max-w-5xl m-auto bg-polar-white p-5 tablet:my-16"},Zd={class:"mt-8"},zd={class:"flex"},Kd={class:"mt-1"},Yd={__name:"Register",setup(e){const n=oe(),s=z(),r=n.meta.id,c=C(()=>s.getters["content/getContentForComponent"](r));G("Stepper",rt),G("YourKia",At),G("PersonalDetails",Rn),G("ConfirmRegistration",Zn);const u=A(c.value.components.filter(V=>V.type==="FormGroup").map(V=>Re(xe({},V),{name:V.name,isCompleted:!1}))||[]),p=A(!1),v=A(null),g=A(!1);let _=A({});function b(V){_.value=xe(xe({},_.value),V)}function x(V,H){u.value[H-1].completed=V}const k=A(!1),I=()=>{k.value=!0},w=()=>{k.value=!1};async function L(){if(g.value&&!p.value)return;p.value=!0;const V=xe({},_.value);try{const H=await se("/api/user/register","POST",V);p.value=!1,H.isSuccess?(g.value=!0,I(),s.dispatch("analytics/queueEvents",[{event:"screen_view",data:{value:`${n.path}bedankt/`}},{event:"register_user_complete",data:{form_step:"4",form_name:"mykia_register"}}])):v.value=H.errors}catch(H){console.log(H)}}const S=()=>{s.dispatch("analytics/queueEvent",{event:"register_user_start",data:{form_step:"1",form_name:"mykia_register"}})},M=V=>{V.fromStep===2&&V.fromStep<V.toStep&&_.value.personalDetails.wantsNotifications&&s.dispatch("analytics/queueEvent",{event:"register_user_accept_terms",data:{form_step:"2a",form_name:"mykia_register"}})};return(V,H)=>{const W=y("Heading"),U=y("AnchorLink"),q=y("IconSuccess"),j=y("IconWrapper"),E=y("ButtonControl"),R=y("Modal");return i(),h(Z,null,[a("div",Rd,[a("div",null,[d(W,{class:"mb-2",tag:"h1",heading:1},{default:o(()=>[f(l(c.value.pageHeaderTitle),1)]),_:1}),a("p",null,[f(l(c.value.pageHeaderDescription)+" ",1),d(U,{path:{name:"Login"},class:"text-base",underlined:""},{default:o(()=>

1[f(l(c.value.loginLinkTitle),1)]),_:1})])]),a("div",Zd,[d(rt,{steps:u.value,"is-loader-visible":p.value,class:"mt-4",onFinish:L,onChangedStep:M},{content:o(N=>[N.activeStep===1?(i(),D(At,{key:0,pageContent:u.value[0],onUpdateData:b,onUpdateCompleted:H[0]||(H[0]=ee=>x(ee,1)),onMounted:S},null,8,["pageContent"])):$("",!0),N.activeStep===2?(i(),D(Rn,{key:1,pageContent:u.value[1],onUpdateData:b,onUpdateCompleted:H[1]||(H[1]=ee=>x(ee,2))},null,8,["pageContent"])):$("",!0),N.activeStep===3?(i(),D(Zn,{key:2,pageContent:u.value[2],"form-data":m(_),errors:v.value},null,8,["pageContent","form-data","errors"])):$("",!0)]),_:1},8,["steps","is-loader-visible"])])]),d(R,{"is-visible":k.value,"can-be-closed":!1,onClose:w},{heading:o(()=>[a("span",zd,[d(j,{class:"mr-2"},{default:o(()=>[d(q)]),_:1}),a("span",Kd,l(u.value[2].content.confirmationModal.title),1)])]),content:o(()=>[f(l(u.value[2].content.confirmationModal.description),1)]),button:o(N=>[d(E,{class:"flex-grow",to:{name:"Login"},onClick:N.closeModal},{default:o(()=>[f(l(u.value[2].content.confirmationModal.buttonLabel),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])],64)}}};const Gd={__name:"ButtonControl",props:{to:{required:!1,type:[String,Object]},styling:{type:String,default:"primary",validator(e){return["primary","secondary","white","white-transparent"].includes(e)}},disabled:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:n}){const s=C(()=>r.to?"router-link":"button"),r=e,c=n,u=p=>{c("click",p)};return(p,v)=>(i(),D(Ve(s.value),{to:e.to,disabled:e.disabled,class:Y(["button-control px-8 cursor-pointer font-bold text-sm hover:underline disabled:opacity-50 disabled:cursor-not-allowed disabled:no-underline text-center inline-block leading-5",{"bg-midnight-black text-polar-white":e.styling==="primary","border-midnight-black border border-solid":e.styling==="secondary","bg-polar-white border-polar-white border border-solid":e.styling==="white","bg-transparent text-polar-white border-polar-white border border-solid":e.styling==="white-transparent"}]),onClick:u},{default:o(()=>[ae(p.$slots,"default",{},void 0,!0)]),_:3},8,["to","disabled","class"]))}};var gt=B(Gd,[["__scopeId","data-v-58bb1048"]]);const Qd={class:"container max-w-5xl mx-auto bg-polar-white p-5 tablet:my-16"},Xd={onsubmit:"return false;"},Jd={class:"mt-6"},eu={class:"mt-6"},tu={__name:"ForgotPassword",setup(e){const n=oe(),s=z(),r=n.meta.id,c=C(()=>s.getters["content/getContentForComponent"](r)),{t:u}=he(),p=async M=>await g(M),v=A(null),{validateField:g,meta:_,errors:b}=We({validationSchema:Ue({email:ge().email(c.value.formFields.emailaddress.validations.invalid||"").required(u("ui-elements.form.validation-required",{fieldname:c.value.formFields.emailaddress.label.toLowerCase()})).label(c.value.formFields.emailaddress.label)})}),{value:x}=ce("email",null,{validateOnValueUpdate:!1}),k=A(!1),I=A(!1);function w(){I.value=!0}function L(){I.value=!1}async function S(){if(k.value)return;const M={email:x.value},V=await se("/api/user/forgot-password","POST",M);V.isSuccess?(s.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${n.path}aangevraagd/`}}),k.value=!0,w()):(v.value=V.errors,console.log("We got some errors",V.errors))}return(M,V)=>{const H=y("Heading"),W=y("FormLabel"),U=y("InputControl"),q=y("Modal");return i(),h(Z,null,[a("div",Qd,[d(H,{tag:"h4",heading:3,class:"font-bold mb-4"},{default:o(()=>[f(l(c.value.title),1)]),_:1}),f(" "+l(c.value.description)+" ",1),a("form",Xd,[a("div",Jd,[d(U,{type:"email",modelValue:m(x),"onUpdate:modelValue":V[0]||(V[0]=j=>le(x)?x.value=j:null),onChange:V[1]||(V[1]=j=>p("email"))},ie({label:o(({id:j})=>[d(W,{for:j},{default:o(()=>[f(l(c.value.formFields.emailaddress.label),1)]),_:2},1032,["for"])]),_:2},[m(b).email?{name:"error",fn:o(()=>[f(l(m(b).email),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",eu,[d(gt,{onClick:S,disabled:!m(_).valid},{default:o(()=>[f(l(c.value.forgotPasswordButtonText),1)]),_:1},8,["disabled"])])])]),d(q,{"is-visible":I.value,"can-be-closed":!0,onClose:L},{heading:o(()=>

1[f(l(c.value.popupTitle),1)]),content:o(()=>[f(l(c.value.popupDescription),1)]),button:o(j=>[d(gt,{to:{name:"Login"},onClick:j.closeModal},{default:o(()=>[f(l(c.value.popupButton),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])],64)}}};function uo(e){var n=e?e.split("?")[1]:window.location.search.slice(1),s={};if(n){n=n.split("#")[0];for(var r=n.split("&"),c=0;c<r.length;c++){var u=r[c].split("="),p=u[0],v=typeof u[1]=="undefined"?!0:u[1];if(p=p.toLowerCase(),typeof v=="string"&&(v=v),p.match(/\[(\d+)?\]$/)){var g=p.replace(/\[(\d+)?\]/,"");if(s[g]||(s[g]=[]),p.match(/\[\d+\]$/)){var _=/\[(\d+)\]/.exec(p)[1];s[g][_]=v}else s[g].push(v)}else s[p]?(s[p]&&typeof s[p]=="string"&&(s[p]=[s[p]]),s[p].push(v)):s[p]=v}}return s}const nu={class:"container max-w-5xl m-auto bg-polar-white p-5 tablet:my-16"},au={class:"mt-6"},ou={onsubmit:"return false;"},su={class:"mt-6"},lu={class:"mt-6"},iu={class:"mt-6"},ru={__name:"SetPassword",setup(e){const n=oe(),s=z(),r=n.meta.id,c=C(()=>s.getters["content/getContentForComponent"](r)),{t:u}=he(),{meta:p,errors:v}=We({validationSchema:Ue().shape({password:ge().matches(/^.*(?=.{8,})((?=.*[!@#$%^&*()\-_=+{};:,<.>]){1})(?=.*\d)((?=.*[a-z]){1})((?=.*[A-Z]){1}).*$/,u("ui-elements.form.validation-password-policy")).required(u("ui-elements.form.validation-required",{fieldname:c.value.formFields.password.label.toLowerCase()})),passwordConfirmation:ge().required(u("ui-elements.form.validation-required",{fieldname:c.value.formFields.confirmPassword.label.toLowerCase()})).oneOf([Wa("password")],u("ui-elements.form.validation-password-identical"))})}),{value:g}=ce("password"),{value:_}=ce("passwordConfirmation"),b=A(!1),x=A(!1),k=A(null);function I(){x.value=!0}function w(){x.value=!1}async function L(){const S=uo().token;if(b.value)return;const M={token:S,password:g.value},V=await se("/api/user/set-forgot-password","POST",M);V.isSuccess?(b.value=!0,I()):(k.value=V.errors,console.log("We got some errors",V.errors))}return(S,M)=>{const V=y("Heading"),H=y("FormLabel"),W=y("InputControl"),U=y("Modal");return i(),h(Z,null,[a("div",nu,[d(V,{tag:"h4",heading:3,class:"font-bold mb-4"},{default:o(()=>[f(l(c.value.title),1)]),_:1}),f(" "+l(c.value.description)+" ",1),a("ul",au,l(c.value.policy),1),a("form",ou,[a("div",su,[d(W,{type:"password",modelValue:m(g),"onUpdate:modelValue":M[0]||(M[0]=q=>le(g)?g.value=q:null)},ie({label:o(({id:q})=>[d(H,{for:q},{default:o(()=>[f(l(c.value.formFields.password.label),1)]),_:2},1032,["for"])]),_:2},[m(v).password?{name:"error",fn:o(()=>[f(l(m(v).password),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",lu,[d(W,{type:"password",modelValue:m(_),"onUpdate:modelValue":M[1]||(M[1]=q=>le(_)?_.value=q:null)},ie({label:o(({id:q})=>[d(H,{for:q},{default:o(()=>[f(l(c.value.formFields.confirmPassword.label),1)]),_:2},1032,["for"])]),_:2},[m(v).passwordConfirmation?{name:"error",fn:o(()=>[f(l(m(v).passwordConfirmation),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",iu,[d(gt,{onClick:L,disabled:!m(p).valid},{default:o(()=>[f(l(c.value.submitButton),1)]),_:1},8,["disabled"])])])]),d(U,{"is-visible":x.value,"can-be-closed":!0,onClose:w},{heading:o(()=>

1[f(l(c.value.popupTitle),1)]),content:o(()=>[f(l(c.value.popupDescription),1)]),button:o(q=>[d(gt,{to:{name:"Login"},onClick:q.closeModal},{default:o(()=>[f(l(c.value.popupButton),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])],64)}}};const cu={},du={class:"not-found-page page"},uu={class:"relative border-b border-b-backline leading-none p-8 pb-2 mt-24"},mu={class:"not-found-page__404 text-backline"},pu={class:"p-8 text-center"};function fu(e,n){const s=y("IconDamage"),r=y("IconWrapper");return i(),h("div",du,[a("div",uu,[a("span",mu,l(e.$t("errors.general.not-found")),1),d(r,{size:64,class:"absolute right-8 -bottom-1.5","stroke-width":1},{default:o(()=>[d(s)]),_:1})]),a("div",pu,l(e.$t("errors.general.not-found-description")),1)])}var vu=B(cu,[["render",fu],["__scopeId","data-v-1f2c3a78"]]);const hu={class:"error-page page flex flex-col"},_u={class:"relative border-b border-b-backline leading-none p-8 pb-2 mt-24"},gu={class:"error-page__oops text-backline"},bu={class:"p-8 text-center"},yu={__name:"ErrorPage",setup(e){const n=Ae(),s=()=>{const r=n.options.history.state.back;if(r){window.location.href=r;return}const c=n.getRoutes().find(u=>u.name==="Dashboard");if(c){window.location.href=c.path;return}window.location.reload()};return(r,c)=>{const u=y("IconDamage"),p=y("IconWrapper"),v=y("ButtonControl");return i(),h("div",hu,[a("div",_u,[a("span",gu,l(r.$t("errors.general.oops")),1),d(p,{size:64,class:"absolute right-8 -bottom-1.5","stroke-width":1},{default:o(()=>[d(u)]),_:1})]),a("div",bu,l(r.$t("errors.general.oops-description")),1),d(v,{class:"mx-auto",onClick:s},{default:o(()=>[f(l(r.$t("common.reload")),1)]),_:1})])}}};var xu=B(yu,[["__scopeId","data-v-3b9970fc"]]);

1const Ht="NoLink",zn="LinkToPlanIT",Cu={class:"maintenance-options"},ku={key:0,class:"desktop:grid desktop:grid-cols-5 desktop:gap-x-4 mt-6"},$u={class:"desktop:col-span-5"},wu={class:"inline-flex flex-grow relative"},Iu={class:"inline-flex justify-center items-center mr-6 w-12 h-12 tablet:w-48 tablet:h-24 tablet:mr-12 rounded-full bg-keyline flex-shrink-0 tablet:bg-transparent"},Mu=["src"],Lu={key:1,class:"tablet:rounded-lg tablet:bg-backline tablet:w-48 tablet:h-24 tablet:inline-flex tablet:items-center tablet:justify-center"},Su={class:"inline-flex justify-center flex-col flex-grow"},Du={class:"text-base font-bold leading-none"},Tu={key:0,class:"ml-1"},Vu={class:"text-sm text-caption tablet:text-midnight-black mt-0.5"},Au={class:"desktop:grid desktop:grid-cols-1 desktop:gap-x-4 mt-10"},Ou={class:"desktop:col-span-2"},Pu={class:"relative z-0"},Eu={key:0,class:"bg-background bg-opacity-80 flex justify-center absolute top-0 left-0 w-full h-full z-10"},Nu={class:"desktop:grid desktop:grid-flow-col desktop:gap-x-4 mt-10"},Hu={class:"w-full"},qu={class:"text-base"},ju={class:"desktop:grid desktop:grid-cols-4 desktop:gap-x-4 mt-10"},Wu={class:"desktop:col-span-2"},Uu={class:"flex flex-grow items-center"},Fu={class:"flex flex-col"},Bu={class:"text-base"},Ru={class:"text-sm text-caption"},Zu={class:"flex-shrink-0 ml-auto mr-4 my-auto"},zu={key:1,class:"desktop:grid desktop:grid-flow-col desktop:gap-x-4 mt-10"},Ku={class:"w-full"},Yu={class:"flex flex-grow items-center"},Gu={class:"text-base"},Qu={key:2,class:"desktop:grid desktop:grid-flow-col desktop:gap-x-4 mt-10"},Xu={class:"w-full"},Ju={key:0,class:"font-light text-sm text-caption mt-0.5"},e1={class:"desktop:grid desktop:grid-flow-col desktop:gap-x-4"},t1={class:"flex justify-end items-center desktop:justify-start mt-8"},n1={class:"text-lg font-bold"},a1={class:"ml-4"},o1={class:"text-md"},s1={class:"ml-4 text-sm text-caption"},Kn={__name:"MaintenanceOptions",props:{content:{type:Object,required:!0}},emits:["updateData","updateCompleted"],setup(e,{emit:n}

1){const s=oe(),r=z(),{t:c,locale:u}=he(),p=C(()=>Ie("mediaQueries").value),v=e,g=C(()=>r.getters["vehicles/availableNonVirtualVehiclesSortedOnModelName"]||[]),_=C(()=>s.params.houderschapsId?r.getters["vehicles/vehicleByHouderschapsId"](s.params.houderschapsId):r.getters["vehicles/preferredVehicle"]),b=C(()=>g.value.map(T=>T.houderschapsId)||[]),x=A(0),k=C(()=>x.value+1e5),I=A([]),{errors:w,meta:L,values:S,validateField:M}=We({validationSchema:Ue({selectedCar:Lt().oneOf(b.value).required(c("ui-elements.form.validation-required",{fieldname:`"${v.content.content.selectCar.label}"`})),mileage:qt(()=>ot().typeError(c("ui-elements.form.validation-required",{fieldname:v.content.content.mileage.label.toLowerCase()})).min(x.value,c("ui-elements.form.validation-min-km-amount",{number:x.value})).max(k.value,c("ui-elements.form.validation-max-km-amount",{number:k.value})).required(c("ui-elements.form.validation-required",{fieldname:v.content.content.mileage.label.toLowerCase()}))),selectedMaintenanceType:qt(()=>Lt().oneOf(F.value.map(T=>T.id)).required(c("ui-elements.form.validation-required",{fieldname:`"${v.content.content.selectAp

1pointment.label}"`})))}),initialValues:{selectedCar:_.value.houderschapsId,mileage:_.value.lastMileage,selectedMaintenanceType:"",selectedExtraServices:[]}}),{value:V}=ce("selectedCar"),{value:H}=ce("mileage",null,{validateOnValueUpdate:!1}),{value:W}=ce("selectedMaintenanceType"),{value:U}=ce("selectedExtraServices"),{value:q}=ce("selectedReplacementVehicle"),{value:j}=ce("remarks"),E=C(()=>r.getters["vehicles/getDealerForVehicleByHouderschapsId"](V.value)),R=n,N=async T=>await M(T),ee=A(!1),F=A([]),K=C(()=>F.value.sort((T,O)=>T!=null&&T.isRecommended?-1:O!=null&&O.isRecommended?1:0));async function Q(){var O;ee.value=!0;const T=await se(`/api/vehicle/${V.value}/appointment/maintenance-type?mileage=${H.value}&dealerId=${(O=E.value)==null?void 0:O.id}`,"GET");if(T.data&&T.data.maintenanceTypes){F.value=T.data.maintenanceTypes,I.value=T.data.replacementVehicles;const ne=T.data.maintenanceTypes.find(pe=>pe.isRecommended);ne&&(W.value=ne.id)}ee.value=!1}const J=C(()=>{const T=F.value.find(O=>O.id===W.value);return T?T.extraServices.filter(O=>O.isRecommended||O.showOverride):[]}),be=C(()=>{let T=0;const O=F.value.find(ue=>W.value===ue.id);O&&(T+=O.price),J.value.filter(ue=>U.value.includes(`${ue.id}-${ue.typeId}`)).forEach(ue=>{T+=ue.price});const pe=I.value.find(ue=>q.value===ue.id);return pe&&(T+=pe.price),T}),ye=(T,O,ne)=>{if(!T&&!O&&!ne)return;const pe="(KILOMETERS)",ue="(MONTHS)",_e="(YEARS)";if(T&&!ne&&!O)return c("common.service.kilometers").replace(pe,T.toLocaleString(u));if(!T&&ne&&!O)return c("common.service.years").replace(_e,ne);if(!T&&!ne&&O)return c("common.service.months").replace(ue,O);if(T&&ne&&!O)return c("common.service.kilometers-and-years").replace(_e,ne).replace(pe,T.toLocaleString(u));if(T&&!ne&&O)return c("common.service.kilometers-and-months").replace(ue,O).replace(pe,T.toLocaleString(u))},re=ro(Q,1e3),X=()=>{re()};return Ce(V,T=>{const O=g.value.find(ne=>ne.houderschapsId===T);x.value=O.lastMileage||0,H.value=O.lastMileage||0,X()},{immediate:!0}),Ce(W,(T,O)=>{if(_.value.leaseContract?U.value=J.value.map(ne=>`${ne.id}-${ne.typeId}`):U.value=[],F.value){const ne=F.value.find(pe=>pe.id===T);if(ne){const{id:pe,isRecommended:ue,kilometersInterval:_e,monthsInterval:ve,price:ke,title:P}=ne;r.dispatch("analytics/queueEvent",{event:"add_to_cart",data:{type:"maintenanceType",id:pe,isRecommended:ue,kilometersInterval:_e,monthsInterval:ve,price:ke,title:P}});const Me=F.value.find(Ee=>Ee.id===O);Me&&r.dispatch("analytics/queueEvent",{event:"remove_from_cart",data:{type:"maintenanceType",id:Me.id,isRecommended:Me.isRecommended,kilometersInterval:Me.kilometersInterval,monthsInterval:Me.monthsInterval,price:Me.price,title:Me.title}})}}},{immediate:!0}),Ce(U,(T,O)=>{(T?T.filter(ue=>!(O!=null&&O.includes(ue))):[]).forEach(ue=>{const{id:_e,isRecommended:ve,kilometersInterval:ke,price:P,title:Me,yearsInterval:Ee}=J.value.find(He=>`${He.id}-${He.typeId}`===ue);r.dispatch("analytics/queueEvent",{event:"add_to_cart",data:{type:"extraService",id:_e,isRecommended:ve,kilometersInterval:ke,price:P,title:Me,yearsInterval:Ee}})}),(O?O.filter(ue=>!(T!=null&&T.includes(ue))):[]).forEach(ue=>{const{id:_e,isRecommended:ve,kilometersInterval:ke,price:P,title:Me,yearsInterval:Ee}=J.value.find(He=>`${He.id}-${He.typeId}`===ue);r.dispatch("analytics/queueEvent",{event:"remove_from_cart",data:{type:"extraService",id:_e,isRecommended:ve,kilometersInterval:ke,price:P,title:Me,yearsInterval:Ee}})})}),Ce(S,T=>{const O=yt.exports.cloneDeep(T);O.selectedMaintenanceType=F.value.find(ne=>ne.id===W.value),O.selectedExtraServices=U.value.map(ne=>J.value.find(pe=>`${pe.id}-${pe.typeId}`===ne)),q.value&&(O.selectedReplacementVehicle=I.value.find(ne=>ne.id===q.value)),O.estimatedCosts=be.value,R("updateData",{maintenanceOptions:ut(O)})}),Ce(()=>L.value.valid,(T,O)=>{T!==O&&R("updateCompleted",T)},{deep:!0,immediate:!0}),Oe(()=>{r.dispatch("analytics/queueEvent",{event:"service_appointment_start",data:{form_step:"1",form_name:"mykia_service_appointment"}})}),(T,O)=>{var Ee,He,we,qe;const ne=y("Heading"),pe=y("IconCar"),ue=y("IconWrapper"),_e=y("ChoiceItem"),ve=y("ChoiceControl"),ke=y("FormLabel"),P=y("InputControl"),Me=y("Spinner");return i(),h("div",Cu,[a("form",null,[g.value.length>1?(i(),h("div",ku,[a("div",$u,[d(ve,{name:"select-car"},ie({label:o(()=>[d(ne,{tag:"h2",heading:2,class:"mb-4"},{default:o(()=>[f(l(e.content.content.selectCar.label),1)]),_:1})]),choice:o(fe=>[(i(!0),h(Z,null,de(g.value,me=>(i(),D(_e,{modelValue:m(V),"onUpdate:modelValue":O[0]||(O[0]=Le=>le(V)?V.value=Le:null),key:`car-${me.houderschapsId}`,value:me.houderschapsId,multiple:fe.multiple,name:fe.formName,class:Y(["tablet:mb-6 tablet:last:mb-0 desktop:pr-12",{"-mx-2":p.value.phone}])},{default:o(()=>[a("div",wu,[a("div",Iu,[me.imageAsymmetricUrl||me.imageUrl?(i(),h("img",{key:0,class:"absolute w-14 h-auto ml-4 tablet:w-48 tablet:mt-10 tablet:ml-6",src:me.imageAsymmetricUrl||me.imageUrl},null,8,Mu)):(i(),h("div",Lu,[d(ue,{class:"-translate-y-1 tablet:-translate-y-4",size:p.value.tabletPlus?96:32,strokeWidth:1},{default:o(()=>[d(pe)]),_:1},8,["size"])]))]),a("div",Su,[a("div",Du,[f(l(me.model)+" ",1),me.connectedCar?(i(),h("span",Tu,"(KCS)")):$("",!0)]),a("div",Vu,l(me.licensePlate),1)])])]),_:2},1032,["modelValue","value","multiple","name","class"]))),128))]),_:2},[m(w).selectedCar?{name:"error",fn:o(()=>[f(l(m(w).selectedCar),1)]),key:"0"}:void 0]),1024)])])):$("",!0),a("div",Au,[a("div",Ou,[d(P,{type:"number",modelValue:m(H),"onUpdate:modelValue":O[1]||(O[1]=fe=>le(H)?H.value=fe:null),onInput:X,onChange:O[2]||(O[2]=fe=>N("mileage"))},ie({label:o(({id:fe})=>[d(ne,{tag:"FormLabel","label-style":"heavy",for:fe,heading:2},{default:o(()=>[d(ke,{"label-style":"heavy",for:fe},{default:o(()=>[f(l(e.content.content.mileage.label),1)]),_:2},1032,["for"])]),_:2},1032,["for"])]),description:o(()=>[f(l(e.content.content.mileage.description),1)]),_:2},[m(w).mileage?{name:"error",fn:o(()=>[f(l(m(w).mileage),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),a("div",Pu,[ee.value?(i(),h("div",Eu,[d(Me,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),a("div",Nu,[a("div",Hu,[F.value.length>0?(i(),D(ve,{key:0,name:"appointment-option",columns:p.value.desktop},ie({label:o(()=>[d(ne,{tag:"h2",heading:2},{default:o(()=>

1[f(l(e.content.content.selectAppointment.label),1)]),_:1})]),description:o(()=>[f(l(e.content.content.selectAppointment.description),1)]),choice:o(fe=>[(i(!0),h(Z,null,de(K.value,me=>(i(),D(_e,{modelValue:m(W),"onUpdate:modelValue":O[3]||(O[3]=Le=>le(W)?W.value=Le:null),key:me.id,value:me.id,multiple:fe.multiple,name:fe.formName,class:Y(["last:mb-1 first:mt-4",{"flex-col mt-4 pb-6":p.value.desktop,"-mx-2":p.value.phone}])},{default:o(()=>{var Le;return[a("div",{class:Y(["flex flex-grow",{"flex-col text-center mb-2":p.value.desktop}])},[a("div",{class:Y(["flex flex-col",{"mr-4":p.value.tabletMinus,"mb-auto":p.value.desktop}])},[a("div",{class:Y(["inline-flex self-start px-2 py-1 pb-0.5 rounded-sm text-sm mb-2 bg-forest-green bg-opacity-10 text-forest-green",{"mx-auto":p.value.desktop,invisible:!me.isRecommended&&p.value.desktop,hidden:!me.isRecommended&&p.value.tabletMinus}])},l(T.$t("common.recommended")),3),a("div",qu,l(me.title),1),a("div",{class:Y(["text-sm text-caption",{"mt-4":p.value.desktop}])},l((Le=ye(me.kilometersInterval,me.monthsInterval,null))!=null?Le:me.description),3)],2),a("div",{class:Y(["flex-shrink-0",{"mt-4":p.value.desktop,"ml-auto mr-4 my-auto":p.value.tabletMinus}])},[O[7]||(O[7]=a("span",{class:"text-caption"},"\u20AC",-1)),f(" "+l(m(nt)(me.price)),1)],2)],2)]}),_:2},1032,["modelValue","value","multiple","name","class"]))),128))]),_:2},[m(w).selectedMaintenanceType?{name:"error",fn:o(()=>[f(l(m(w).selectedMaintenanceType),1)]),key:"0"}:void 0]),1032,["columns"])):$("",!0)])]),a("div",ju,[a("div",Wu,[J.value.length>0?(i(),D(ve,{key:0,name:"extra-services",multiple:""},ie({label:o(()=>[d(ne,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.extraServices.label),1)]),_:1})]),choice:o(fe=>[(i(!0),h(Z,null,de(J.value,me=>(i(),D(_e,{modelValue:m(U),"onUpdate:modelValue":O[4]||(O[4]=Le=>le(U)?U.value=Le:null),key:`${me.id}-${me.typeId}`,value:`${me.id}-${me.typeId}`,multiple:fe.multiple,name:fe.formName,class:Y(["first:mt-4 py-6",{"-mx-2":p.value.phone}])},{default:o(()=>[a("div",Uu,[a("div",Fu,[a("div",Bu,l(me.title),1),a("div",Ru,l(ye(me.kilometersInterval,null,me.yearsInterval)),1)]),a("div",Zu,[O[8]||(O[8]=a("span",{class:"text-caption"},"\u20AC",-1)),f(" "+l(m(nt)(me.price)),1)])])]),_:2},1032,["modelValue","value","multiple","name","class"]))),128))]),_:2},[m(w).selectedExtraServices?{name:"error",fn:o(()=>[f(l(m(w).selectedExtraServices),1)]),key:"0"}:void 0]),1024)):$("",!0)])])]),E.value.settings.replacementVehicleBeforeTimeSlot===m(zn)?(i(),h("div",zu,[a("div",Ku,[I.value.length>0&&e.content.content.replacementVehicle?(i(),D(ve,{key:0,name:"replacement-vehicles"},ie({choice:o(fe=>[(i(!0),h(Z,null,de(I.value,me=>(i(),D(_e,{modelValue:m(q),"onUpdate:modelValue":O[5]||(O[5]=Le=>le(q)?q.value=Le:null),key:me.id,value:me.id,name:fe.formName,multiple:fe.multiple,class:Y(["first:mt-4 py-6",{"-mx-2":p.value.phone}])},{default:o(()=>[a("div",Yu,[a("div",Gu,l(me.name),1)])]),_:2},1032,["modelValue","value","name","multiple","class"]))),128))]),_:2},[e.content.content.replacementVehicle.label?{name:"label",fn:o(()=>[d(ne,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.replacementVehicle.label),1)]),_:1})]),key:"0"}:void 0,e.content.content.replacementVehicle.description?{name:"description",fn:o(()=>[f(l(e.content.content.replacementVehicle.description),1)]),key:"1"}:void 0,m(w).selectedExtraServices?{name:"error",fn:o(()=>[f(l(m(w).selectedExtraServices),1)]),key:"2"}:void 0]),1024)):$("",!0)])])):$("",!0),E.value.settings.replacementVehicleBeforeTimeSlot===m(zn)&&I.value.length>0&&e.content.content.remarks?(i(),h("div",Qu,[a("div",Xu,[d(ne,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.remarks.label),1)]),_:1}),e.content.content.remarks.description?(i(),h("span",Ju,[f(l(e.content.content.remarks.description)+" ",1),d(P,{type:"textarea",modelValue:m(j),"onUpdate:modelValue":O[6]||(O[6]=fe=>le(j)?j.value=fe:null)},null,8,["modelValue"])])):$("",!0)])])):$("",!0),a("div",e1,[a("div",t1,[a("span",n1,l((He=(Ee=e.content.content.priceIndication)==null?void 0:Ee.text)!=null?He:"priceIndication"),1),a("span",a1,[O[9]||(O[9]=a("span",{class:"text-base text-caption mr-2"},"\u20AC",-1)),a("span",o1,l(m(nt)(be.value)),1)]),a("span",s1,l((qe=(we=e.content.content.includeVat)==null?void 0:we.text)!=null?qe:"includeVat"),1)])])])])}}},l1={key:0,class:"where-and-when"},i1={class:"w-full"},r1={class:"dealer-information w-full bg-polar-white mb-1 p-4 tablet:mb-6 flex mt-4 flex-col tablet:flex-row"},c1={class:"flex-initial"},d1={class:"font-bold block"},u1={class:"text-caption"},m1={class:"text-sm block"},p1={class:"text-sm block"},f1={class:"text-sm block"},v1={class:"text-sm block"},h1={class:"flex items-end justify-end flex-1 mt-4 tablet:mt-0"},_1={class:"underline underline-offset-2 hover:cursor-pointer"},g1={key:0,class:"w-full mt-10"},b1={class:"w-full"},y1={class:"grid desktop:grid-cols-2 grid-cols-1 gap-10 mt-10"},x1={class:"calendar"},C1={class:"font-light text-sm text-caption mt-0.5"},k1={class:"relative z-0"},$1={key:0,class:"bg-background bg-opacity-80 flex justify-center absolute top-0 left-0 w-full h-full z-10"},w1={class:"time-slots"},I1={key:0},M1={class:"font-light text-sm text-caption mt-0.5"},L1={class:"relative"},S1={key:0,class:"bg-background bg-opacity-80 flex justify-center absolute top-0 left-0 w-full h-full z-10"},D1={class:"font-light text-sm text-caption mt-0.5"},T1={key:1,class:"w-full mt-10"},V1={class:"desktop:col-span-2"},A1={class:"flex flex-grow items-center"},O1={class:"text-base"},P1={key:0},E1={class:"w-full mt-12"},N1={key:0},H1={class:"font-light text-sm text-caption mt-0.5"},q1={class:"mt-2"},Yn={__name:"WhereAndWhen",props:{content:{type:Object,required:!0},formData:{type:Object,required:!0},active:{type:Boolean}},emits:["updateData","updateCompleted"],setup(e,{emit:n}){const s=z(),r=oe(),{t:c}=he(),u=C(()=>Ie("mediaQueries").value);G("WorkshopList",tt);const p=n,v=e,g=A(!1),_=A(!1),b=A({}),x=A([]),k=A([]),I=A([]),w=A(!1),L=C(()=>x.value.map(X=>new Date(X.date))),S=C(()=>v.formData.maintenanceOptions?s.getters["vehicles/getDealerForVehicleByHouderschapsId"](v.formData.maintenanceOptions.selectedCar):null),{errors:M,meta:V,values:H}=We({validationSchema:Ue({selectedDaySlot:ge().required(),selectedTimeSlot:ge(

1).required(),remarks:ge()}),initialValues:{}}),{value:W}=ce("selectedDaySlot"),{value:U}=ce("selectedTimeSlot"),{value:q}=ce("selectedReplacementVehicle"),{value:j}=ce("remarks"),E=X=>{_.value||ee(X)},R=X=>{W.value=X.id,F()},N=()=>{U.value=null},ee=async X=>{const T=te(`${X.year}-${X.month}`).daysInMonth();_.value=!0;const O=await se(`/api/dealer/availability?dealerid=${S.value.id}&maintenanceType=${v.formData.maintenanceOptions.selectedMaintenanceType.id}${q!=null&&q.value?`&replacementVehicleId=${q.value}`:""}&from=${X.year}-${X.month}-01&to=${X.year}-${X.month}-${T}`,"GET");O.isSuccess?(b.value=X,x.value=O.data.availabilities,k.value=O.data.replacementVehicles,await Be(),_.value=!1):s.commit("notifications/addNotification",{type:"error",message:O.errors[0]})},F=async()=>{g.value=!0,N();const X=await se(`/api/dealer/timeslots?dealerid=${S.value.id}&maintenanceType=${v.formData.maintenanceOptions.selectedMaintenanceType.id}${q!=null&&q.value?`&replacementVehicleId=${q.value}`:""}&date=${W.value}`,"GET");X.isSuccess?(I.value=X.data.timeSlots,await Be(),g.value=!1):s.commit("notifications/addNotification",{type:"error",message:X.errors[0]})},K=A(""),Q=A(!1),J=A(!1),be=()=>{Q.value=!0,s.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${r.path}werkplaats-aanpassen/`}})},ye=()=>{Q.value=!1},re=async()=>{J.value=!0;const X=await s.dispatch("workshops/changeWorkshop",{houderschapsId:v.formData.maintenanceOptions.selectedCar,workshopId:K.value});J.value=!1,X.isSuccess?(ye(),E(b.value),s.dispatch("analytics/queueEvent",{event:"edit_dealer",data:{dealername:mt(s.getters["workshops/getWorkshopById"](K.value))}}),K.value=""):s.commit("notifications/addNotification",{type:"error",message:c("errors.save-workshop-failed")})};return Ce(H,X=>{const T=yt.exports.cloneDeep(X),O=q.value;O===null||O===6?T.selectedReplacementVehicle=O:T.selectedReplacementVehicle=k.value.find(ne=>ne.id===O),p("updateData",{whereAndWhen:ut(T)})}),Ce(()=>V.value.valid,(X,T)=>{X!==T&&p("updateCompleted",X)},{deep:!0,immediate:!0}),Ce(q,()=>{q.value&&W.value&&F()}),Ce(w,(X,T)=>{X!==T&&(q.value&&W.value&&(q.value=null,F()),X&&(q.value=6,W.value&&F()))}),Oe(()=>{s.dispatch("analytics/queueEvents",[{event:"screen_view",data:{value:`${r.path}wanneer-en-waar/`}},{event:"service_appointment_select_moment",data:{form_step:"2",form_name:"mykia_service_appointment"}}])}),(X,T)=>{const O=y("Heading"),ne=y("AnchorLink"),pe=y("CheckboxControl"),ue=y("Spinner"),_e=y("CalendarControl"),ve=y("InputControl"),ke=y("TimeSlots"),P=y("ChoiceItem"),Me=y("ChoiceControl"),Ee=y("ButtonControl"),He=y("Modal");return e.active?(i(),h("div",l1,[a("form",null,[a("div",i1,[d(O,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.selectWorkshop.label),1)]),_:1}),a("div",r1,[a("div",c1,[a("span",d1,l(S.value.name),1),a("div",u1,[a("span",m1,l(S.value.workshopAddress.street)+" "+l(S.value.workshopAddress.houseNumber)+" "+l(S.value.workshopAddress.houseNumberAddition),1),a("span",p1,l(S.value.workshopAddress.postalCode)+" "+l(S.value.workshopAddress.city),1),a("span",f1,[d(ne,{underlined:"","is-external-link":"","hide-external-icon":"",path:m(dt)(S.value.workshopAddress.phoneNumber)},{default:o(()=>[f(l(S.value.workshopAddress.phoneNumber),1)]),_:1},8,["path"])]),a("span",v1,[d(ne,{underlined:"","is-external-link":"","hide-external-icon":"",path:`mailto:${S.value.workshopAddress.email}`},{default:o(()=>[f(l(S.value.workshopAddress.email),1)]),_:1},8,["path"])])])]),a("div",h1,[a("div",{onClick:be},[a("span",_1,l(e.content.content.selectWorkshop.editWorkshopLabel),1)])])])]),S.value.settings.replacementVehicleBeforeTimeSlot===m(Ht)?(i(),h("div",g1,[a("div",b1,[d(pe,{value:"isKeepWaiting",modelValue:w.value,"onUpdate:modelValue":T[0]||(T[0]=we=>w.value=we)},{description:o(()=>[f(l(e.content.content.keepWaiting.description),1)]),default:o(()=>[f(l(e.content.content.keepWaiting.label)+" ",1)]),_:1},8,["modelValue"])])])):$("",!0),a("div",y1,[a("div",x1,[d(O,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.planAppointment.label),1)]),_:1}),a("span",C1,l(e.content.content.planAppointment.description.replace("{DATE}",m(te)().format("dddd D MMMM"))),1),a("div",k1,[_.value?(i(),h("div",$1,[d(ue,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),d(_e,{ref:"calendar",class:"mt-4","available-dates":L.value,onUpdateMonth:E,onGetDay:R},null,8,["available-dates"]),d(ve,{type:"hidden",modelValue:m(W),"onUpdate:modelValue":T[1]||(T[1]=we=>le(W)?W.value=we:null)},null,8,["modelValue"])])]),a("div",w1,[I.value.length>0?(i(),h("div",I1,[d(O,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.timeSlot.label),1)]),_:1}),a("span",M1,l(e.content.content.timeSlot.description.replace("{DATE}",m(te)(m(W)).format("dddd D MMMM"))),1),a("div",L1,[g.value?(i(),h("div",S1,[d(ue,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),I.value.length?(i(),D(ke,{key:1,data:I.value,modelValue:m(U),"onUpdate:modelValue":T[2]||(T[2]=we=>le(U)?U.value=we:null)},null,8,["data","modelValue"])):$("",!0),d(ve,{type:"hidden",modelValue:m(U),"onUpdate:modelValue":T[3]||(T[3]=we=>le(U)?U.value=we:null)},null,8,["modelValue"])]),a("span",D1,l(e.content.content.timeSlot.dealerWillContactYouDescription.replace("{DEALER}",S.value.name)),1)])):$("",!0)])]),S.value.settings.replacementVehicleBeforeTimeSlot===m(Ht)&&!w.value?(i(),h("div",T1,[a("div",V1,[k.value.length>0&&S.value.name?(i(),D(Me,{key:0,name:"replacement-vehicles"},ie({label:o(()=>[d(O,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.replacementVehicle.label),1)]),_:1})]),description:o(()=>[f(l(e.content.content.replacementVehicle.description),1)]),choice:o(we=>[(i(!0),h(Z,null,de(k.value,qe=>(i(),D(P,{key:qe.id,modelValue:m(q),"onUpdate:modelValue":T[4]||(T[4]=fe=>le(q)?q.value=fe:null),value:qe.id,name:we.formName,multiple:we.multiple,class:Y(["first:mt-4 py-6",{"-mx-2":u.value.phone}])},{default:o(()=>[a("div",A1,[a("div",O1,[f(l(qe.name)+" ",1),qe.price&&qe.price>0?(i(),h("span",P1,[T[7]||(T[7]=a("span",{class:"text-caption"},"\u20AC",-1)),f(" "+l(m(nt)(qe.price,"EUR")),1)])):$("",!0)])])]),_:2},1032,["modelValue","value","name","multiple","class"]))),128))]),_:2},[m(M).selectedExtraServices?{name:"error",fn:o(()=>[f(l(m(M).selectedExtraServices),1)]),key:"0"}:void 0]),1024)):$("",!0)])])):$("",!0),a("div",E1,[k.value.length>0&&m(U)&&S.value.settings.replacementVehicleBeforeTimeSlot===m(Ht)?(i(),h("div",N1,[d(O,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.remarks.label),1)]),_:1}),a("span",H1,l(e.content.content.remarks.description),1),a("div",q1,[d(ve,{type:"textarea",modelValue:m(j),"onUpdate:modelValue":T[5]||(T[5]=we=>le(j)?j.value=we:null)},null,8,["modelValue"])])])):$("",!0)])]),d(He,{"is-visible":Q.value,"can-be-closed":!0,onClose:ye},{heading:o(()=>

1[f(l(e.content.content.changeWorkshopModal.title),1)]),content:o(()=>[Q.value?(i(),D(tt,{key:0,modelValue:K.value,"onUpdate:modelValue":T[6]||(T[6]=we=>K.value=we),"is-changing-workshop":J.value,"search-placeholder":e.content.content.changeWorkshopModal.placeholder},null,8,["modelValue","is-changing-workshop","search-placeholder"])):$("",!0)]),button:o(we=>[d(Ee,{disabled:J.value,styling:"secondary",onClick:we.closeModal},{default:o(()=>[f(l(m(c)("common.cancel")),1)]),_:2},1032,["disabled","onClick"]),d(Ee,{disabled:J.value||!K.value,class:"ml-4 flex-grow",onClick:re},{default:o(()=>[f(l(e.content.content.changeWorkshopModal.buttonLabel),1)]),_:1},8,["disabled"])]),_:1},8,["is-visible"])])):$("",!0)}}},j1={class:"confirm-appointment"},W1={class:"desktop:grid desktop:grid-flow-col desktop:gap-x-4 mt-10"},U1={class:"w-full"},F1={class:"mt-1 w-full flex flex-col"},B1={class:"flex flex-grow items-center"},R1={class:"flex flex-col"},Z1={class:"text-base"},z1={class:"desktop:container"},K1={class:"mt-6 w-full tablet:w-1/2"},Y1={key:0,class:"flex"},G1={class:"flex-1 mr-4 text-caption"},Q1={class:"flex-1 flex-col"},X1={class:"flex"},J1={class:"text-caption text-sm"},em={class:"flex mt-4"},tm={class:"flex-1 mr-4 text-caption"},nm={class:"flex-1"},am={class:"flex mt-4"},om={class:"flex-1 mr-4 text-caption"},sm={class:"flex-1"},lm={class:"flex mt-4"},im={class:"flex-1 mr-4 text-caption"},rm={class:"flex-1"},cm={class:"flex mt-4"},dm={class:"flex-1 mr-4 text-caption"},um={class:"flex-1"},mm={class:"flex mt-4"},pm={class:"flex-1 mr-4 text-caption"},fm={class:"flex-1"},vm={class:"flex mt-4"},hm={class:"flex-1 mr-4 text-caption"},_m={class:"flex-1"},gm={key:1,class:"flex mt-4"},bm={class:"flex-1 mr-4 text-caption"},ym={class:"flex-1"},xm={class:"flex mt-4"},Cm={class:"flex-1 mr-4 text-caption"},km={class:"flex-1"},$m={class:"mt-10 w-full"},wm={key:0,class:"mt-12 flex flex-col"},Gn={__name:"ConfirmAppointment",props:{formData:{type:Object,required:!0},errors:{type:Object,required:!1},content:{type:Object,required:!0}},emits:["updateData","updateCompleted"],setup(e,{emit:n}){oe();const s=z(),{t:r,locale:c}=he(),u=A({values:[]}),p=e,v=C(()=>s.getters["vehicles/vehicleByHouderschapsId"](p.formData.maintenanceOptions.selectedCar)),g=C(()=>s.getters["vehicles/getDealerForVehicleByHouderschapsId"](v.value.houderschapsId)),_=C(()=>{let w=p.formData.maintenanceOptions.estimatedCosts;return p.formData.whereAndWhen.selectedReplacementVehicle&&p.formData.whereAndWhen.selectedReplacementVehicle.price&&(w+=p.formData.whereAndWhen.selectedReplacementVehicle.price),nt(w)});C(()=>p.formData.maintenanceOptions.selectedExtraServices.length===0?r("common.none"):p.formData.maintenanceOptions.selectedExtraServices.reduce((w,L)=>(w!==""&&(w+=", "),w+=L.title,w),""));const{meta:b,values:x}=We({validationSchema:Ue({areTermsAndConditionsAccepted:Kt().oneOf([!0]).label(r("ui-elements.form.validation-required",{fieldname:p.content.content.termsAndConditions.label.toLowerCase()||""}))}),initialValues:{areTermsAndConditionsAccepted:!1,additionalServices:[]}}),{value:k}=ce("areTermsAndConditionsAccepted");u.value.values;const I=n;return Ce(x,w=>{const L=yt.exports.cloneDeep(w);L.estimatedCosts=_.value,L.additionalServices=u.value.values,I("updateData",{additionalServices:ut(L)})}),Ce(()=>b.value.valid,(w,L)=>{w!==L&&I("updateCompleted",w)},{deep:!0,immediate:!0}),Ce(u,w=>{x.additionalServices=w.values},{deep:!0}),Oe(()=>{var w;s.dispatch("analytics/queueEvents",[{event:"screen_view",data:{dealername:mt(g.value)}},{event:"service_appointment_review_appointment",data:{form_step:"3",form_name:"mykia_service_appointment",selected_car:(w=v.value)==null?void 0:w.model,days_until_appointment:Yt(`${p.formData.whereAndWhen.selectedDaySlot}T${p.formData.whereAndWhen.selectedTimeSlot}:00`)}}])}),(w,L)=>{var W,U;const S=y("Heading"),M=y("ChoiceItem"),V=y("ChoiceControl"),H=y("CheckboxControl");return i(),h("div",j1,[a("form",null,[a("div",W1,[a("div",U1,[a("div",F1,[(i(),D(V,{key:0,name:"additional-requirements",multiple:""},{label:o(()=>[d(S,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.additionalRequirements.label),1)]),_:1}),a("div",null,l(e.content.content.additionalRequirements.description),1)]),choice:o(q=>[(i(!0),h(Z,null,de(Object.values(e.content.content.additionalRequirements.options),j=>(i(),D(M,{modelValue:u.value.values,"onUpdate:modelValue":L[0]||(L[0]=E=>u.value.values=E),key:j,value:j,multiple:!0,name:j,class:"first:mt-4 py-6"},{default:o(()=>[a("div",B1,[a("div",R1,[a("div",Z1,l(j),1)])])]),_:2},1032,["modelValue","value","name"]))),128))]),_:1}))])])]),a("div",z1,[a("div",K1,[d(S,{tag:"h4",heading:3,class:"font-bold mb-6"},{default:o(()=>[f(l(e.content.content.summary.label),1)]),_:1}),v.value?(i(),h("div",Y1,[a("div",G1,l(e.content.content.summary.formLabels.vehicle),1),a("div",Q1,[a("div",X1,[f(l(v.value.model)+" ",1),v.value.connectedCar?(i(),h(Z,{key:0},[f("\xA0(KCS)")],64)):$("",!0)]),a("div",J1,"["+l(v.value.licensePlate)+"]",1)])])):$("",!0),a("div",em,[a("div",tm,l(e.content.content.summary.formLabels.mileage),1),a("div",nm,l(e.formData.maintenanceOptions.mileage.toLocaleStr

1ing(m(c)))+" km",1)]),a("div",am,[a("div",om,l(e.content.content.summary.formLabels.maintenanceType),1),a("div",sm,l(e.formData.maintenanceOptions.selectedMaintenanceType.title),1)]),a("div",lm,[a("div",im,l(e.content.content.summary.formLabels.workshop),1),a("div",rm,l(g.value.name),1)]),a("div",cm,[a("div",dm,l(e.content.content.summary.formLabels.date),1),a("div",um,l(m(te)(e.formData.whereAndWhen.selectedDaySlot).format("D MMMM YYYY")),1)]),a("div",mm,[a("div",pm,l(e.content.content.summary.formLabels.preferredTime),1),a("div",fm,l(e.formData.whereAndWhen.selectedTimeSlot),1)]),a("div",vm,[a("div",hm,l(e.content.content.summary.formLabels.replacementVehicle),1),a("div",_m,[e.formData.maintenanceOptions.selectedReplacementVehicle||e.formData.whereAndWhen.selectedReplacementVehicle?(i(),h(Z,{key:0},[f(l(((W=e.formData.maintenanceOptions.selectedReplacementVehicle)!=null?W:e.formData.whereAndWhen.selectedReplacementVehicle).name),1)],64)):(i(),h(Z,{key:1},[f(l(m(r)("common.none")),1)],64))])]),e.formData.maintenanceOptions.remarks||e.formData.whereAndWhen.remarks?(i(),h("div",gm,[a("div",bm,l(e.content.content.summary.formLabels.remarks),1),a("div",ym,l((U=e.formData.maintenanceOptions.remarks)!=null?U:e.formData.whereAndWhen.remarks),1)])):$("",!0),a("div",xm,[a("div",Cm,l(e.content.content.summary.formLabels.estimatedCosts),1),a("div",km,"\u20AC "+l(_.value),1)])]),a("div",$m,[d(H,{value:"areTermsAndConditionsAccepted",modelValue:m(k),"onUpdate:modelValue":L[1]||(L[1]=q=>le(k)?k.value=q:null)},{description:o(()=>[f(l(e.content.content.termsAndConditions.termsAndConditions),1)]),default:o(()=>[f(l(e.content.content.termsAndConditions.label)+" ",1)]),_:1},8,["modelValue"])]),e.errors?(i(),h("div",wm,[(i(!0),h(Z,null,de(e.errors.general,(q,j)=>(i(),h("span",{key:j,class:"font-light text-base text-cardinal-red mt-0.5"},l(w.$t(q)),1))),128))])):$("",!0)])])])}}};const Im={key:0,class:"absolute flex flex-col text-polar-white left-5 top-10"},Mm={class:"font-normal text-xxl mt-2 leading-none"},Lm=["src"],Sm={key:1,class:"page-header flex justify-center items-center mx-auto"},Dm={__name:"PageHeader",props:{imageUrl:{type:String,required:!0},showOnMobile:{type:Boolean,default:!1}},setup(e){const n=C(()=>Ie("mediaQueries").value);return(s,r)=>{const c=y("Heading");return e.showOnMobile||n.value.tabletPlus?(i(),h("div",{key:0,class:Y(["page-header page-header--image relative",{"page-header--mobile":e.showOnMobile}])},[s.$slots.title?(i(),h("div",Im,[d(c,{tag:"h1",heading:1},{default:o(()=>[ae(s.$slots,"title",{},void 0,!0)]),_:3}),a("div",Mm,[ae(s.$slots,"description",{},void 0,!0)])])):$("",!0),a("img",{src:e.imageUrl,class:"object-cover object-center w-full h-full"},null,8,Lm)],2)):(i(),h("div",Sm,[d(c,{tag:"h1",heading:1},{default:o(()=>[ae(s.$slots,"title",{},void 0,!0)]),_:3})]))}}};var Ge=B(Dm,[["__scopeId","data-v-859cb550"]]);const Tm={class:"container max-w-5xl mx-auto mb-16 px-5 tablet:px-0"},Vm={class:"mt-6 tablet:mt-8"},Am={__name:"CreateAppointment",setup(e){G("Stepper",rt),G("MaintenanceOptions",Kn),G("WhereAndWhen",Yn),G("ConfirmAppointment",Gn),G("PageHeader",Ge);const{t:n}=he(),s=oe(),r=z(),c=C(()=>Ie("mediaQueries").value),u=A(""),p=C(()=>r.getters["content/getContentForComponent"](s.meta.id)),v=A(p.value.components.filter(R=>R.type==="FormGroup").map(R=>Re(xe({},R),{name:R.name,isCompleted:!1}))||[]),g=C(()=>M.value.maintenanceOptions&&M.value.maintenanceOptions.selectedCar?r.getters["vehicles/getDealerForVehicleByHouderschapsId"](M.value.maintenanceOptions.selectedCar):null),_=C(()=>r.getters["vehicles/vehicleByHouderschapsId"](M.value.maintenanceOptions.selectedCar)),b=A(!1);Oe(()=>{b.value=!0});const x=A(!1),k=A(null),I=A(!1),w=A(!1),L=A(null),S=A(null);let M=A({});const V=R=>{M.value=xe(xe({},M.value),R),console.log("post data",M.value)},H=(R,N)=>{v.value[N-1].completed=R},W=()=>{I.value=!0},U=()=>{I.value=!1},q=C(()=>{let R=M.value.maintenanceOptions.estimatedCosts;return M.value.whereAndWhen.selectedReplacementVehicle&&M.value.whereAndWhen.selectedReplacementVehicle.price&&(R+=M.value.whereAndWhen.selectedReplacementVehicle.price),R}),j=async()=>{var ee,F,K;if(w.value&&!x.value)return;x.value=!0;const R={houderschapsId:M.value.maintenanceOptions.selectedCar,mileage:M.value.maintenanceOptions.mileage,dealerId:g.value.id,moment:te(`${M.value.whereAndWhen.selectedDaySlot}T${M.value.whereAndWhen.selectedTimeSlot}:00`).format("YYYY-MM-DDTHH:mm:ss"),remark:(ee=M.value.maintenanceOptions.remarks)!=null?ee:M.value.whereAndWhen.remarks,maintenanceType:{id:M.value.maintenanceOptions.selectedMaintenanceType.id,typeId:M.value.maintenanceOptions.selectedMaintenanceType.typeId},services:M.value.maintenanceOptions.selectedExtraServices.map(Q=>({id:Q.id,typeId:Q.typeId})),additionalServices:M.value.additionalServices,replacementVehicle:M.value.maintenanceOptions.selectedReplacementVehicle||M.value.whereAndWhen.selectedReplacementVehicle?((F=M.value.maintenanceOptions.selectedReplacementVehicle)!=null?F:M.value.whereAndWhen.selectedReplacementVehicle).id:null};console.log("requestBody",R);const N=await se(`/api/vehicle/${M.value.maintenanceOptions.selectedCar}/appointment`,"PUT",R);N.isSuccess?(r.dispatch("analytics/queueEvents",[{event:"purchase",data:{value:q.value}}

1,{event:"service_appointment_complete",data:{form_step:"3",form_name:"mykia_service_appointment",selected_car:(K=_.value)==null?void 0:K.model,days_until_appointment:Yt(`${M.value.whereAndWhen.selectedDaySlot}T${M.value.whereAndWhen.selectedTimeSlot}:00`)}},{event:"screen_view",data:{value:`${s.path}bedankt/`}}]),L.value=N.data.id,S.value=N.token,w.value=!0,W()):k.value=N.errors,x.value=!1},E=async()=>{if(!(!M.value.maintenanceOptions.selectedCar||!L.value))try{const R=await r.dispatch("appointments/getAppointmetCalendarICS",{houderschapsId:M.value.maintenanceOptions.selectedCar,appointmentId:L.value}),N=`${M.value.whereAndWhen.selectedDaySlot}T${M.value.whereAndWhen.selectedTimeSlot}:00`;if(u.value=M.value.maintenanceOptions.selectedMaintenanceType.title,u.value+=`_${_.licensePlate}`,u.value+=`_${_.model}`,u.value+=`_${te(N).format("DD-MM-YYYY")}`,u.value=u.value.replaceAll(" ","-"),await Be(),ht()){window.location.href=`${R}&external=true&token=${S.value}`;return}Ua.exports.saveAs(R,u.value)}catch{r.commit("notifications/addNotification",{type:"error",message:n("errors.add-to-calendar-failed")})}};return(R,N)=>{const ee=y("ButtonControl"),F=y("Modal");return i(),h("div",Tm,[N[3]||(N[3]=a("div",{id:"page-header",class:"flex"},null,-1)),a("div",Vm,[d(rt,{steps:v.value,"is-loader-visible":x.value,class:"mt-4",onFinish:j},ie({content:o(K=>[K.activeStep===1?(i(),D(Kn,{key:0,content:v.value[0],onUpdateData:V,onUpdateCompleted:N[0]||(N[0]=Q=>H(Q,1))},null,8,["content"])):$("",!0),K.activeStep===2?(i(),D(Yn,{key:1,active:K.activeStep===2,content:v.value[1],"form-data":m(M),onUpdateData:V,onUpdateCompleted:N[1]||(N[1]=Q=>H(Q,2))},null,8,["active","content","form-data"])):$("",!0),K.activeStep===3?(i(),D(Gn,{key:2,content:v.value[2],"form-data":m(M),errors:k.value,onUpdateData:V,onUpdateCompleted:N[2]||(N[2]=Q=>H(Q,3))},null,8,["content","form-data","errors"])):$("",!0)]),"finish-button":o(({isFinishButtonVisible:K,finishSteps:Q})=>[K?(i(),D(ee,{key:0,disabled:!v.value[2].completed,onClick:Q},{default:o(()=>[f(l(R.$t("common.confirm-appointment")),1)]),_:2},1032,["disabled","onClick"])):$("",!0)]),_:2},[b.value?{name:"header",fn:o(({activeStep:K})=>[(i(),D(Ot,{to:"#page-header"},[d(Ge,{"image-url":v.value[K-1].image.url,class:"mt-6 tablet:mt-0"},{title:o(()=>[f(l(p.value.pageHeaderTitle),1)]),description:o(()=>[f(l(v.value[K-1].label),1)]),_:2},1032,["image-url"])]))]),key:"0"}:void 0]),1032,["steps","is-loader-visible"])]),d(F,{"is-visible":I.value,"can-be-closed":!1,onClose:U},{heading:o(()=>[f(l(v.value[2].content.confirmationModal.title),1)]),content:o(()=>{var K;return[f(l(v.value[2].content.confirmationModal.description.replace("{Dealer}",(K=g.value)==null?void 0:K.name)),1)]}),button:o(K=>[c.value.phone?(i(),D(ee,{key:0,class:"mr-4",styling:"secondary",onClick:E},{default:o(()=>[f(l(R.$t("common.add-to-calendar")),1)]),_:1})):$("",!0),d(ee,{to:{name:"Dashboard"},onClick:K.closeModal},{default:o(()=>[f(l(v.value[2].content.confirmationModal.buttonLabel),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])])}}},Om={class:"test-day-details"},Pm={key:0,class:"desktop:grid desktop:grid-cols-5 desktop:gap-x-4 mt-6"},Em={class:"desktop:col-span-5"},Nm={class:"inline-flex flex-grow relative"},Hm={class:"inline-flex justify-center items-center mr-6 w-12 h-12 tablet:w-48 tablet:h-24 tablet:mr-12 rounded-full bg-keyline flex-shrink-0 tablet:bg-transparent"},qm=["src"],jm={key:1,class:"tablet:rounded-lg tablet:bg-backline tablet:w-48 tablet:h-24 tablet:inline-flex tablet:items-center tablet:justify-center"},Wm={class:"inline-flex justify-center flex-col flex-grow"},Um={class:"text-base font-bold leading-none"},Fm={key:0,class:"ml-1"},Bm={class:"text-sm text-caption tablet:text-midnight-black mt-0.5"},Rm={class:"relative mt-10 first:mt-6"},Zm={key:0,class:"w-full flex justify-center mt-6"},zm={key:1,class:"w-full"},Km={class:"border p-4 pr-12 flex items-center relative w-full border-dark-orange bg-afternoon-yellow text-dark-orange bg-opacity-20"},Ym={class:"leading-5"},Gm={class:"w-full"},Qm={class:"dealer-information w-full bg-polar-white mb-1 p-4 tablet:mb-6 flex mt-4 flex-col tablet:flex-row"},Xm={class:"flex-initial"},Jm={class:"font-bold block"},ep={class:"text-caption"},tp={class:"text-sm block"},np={class:"text-sm block"},ap={class:"text-sm block"},op={class:"text-sm block"},sp={class:"flex items-end justify-end flex-1 mt-4 tablet:mt-0"},lp={class:"underline underline-offset-2 hover:cursor-pointer"},ip={class:"grid desktop:grid-cols-2 grid-cols-1 gap-10 mt-10"},rp={class:"time-slots"},cp={class:"font-light text-sm text-caption mt-0.5"},dp={class:"relative"},up={key:0,class:"flex justify-center my-8"},mp={class:"font-light text-sm text-caption mt-0.5"}

1,Qn={__name:"TestDayDetails",props:{content:{type:Object,required:!0},formData:{type:Object,required:!0},hasAppointment:{type:Boolean,default:!1},isLoadingTestDayData:{type:Boolean,default:!1}},emits:["updateData","updateCompleted"],setup(e,{emit:n}){const s=e,r=z(),c=oe(),{t:u}=he(),p=C(()=>Ie("mediaQueries").value);G("WorkshopList",tt),G("Notification",Bt);const v=A(!1),g=A([]),_=C(()=>r.getters["vehicles/availableNonVirtualVehiclesSortedOnModelName"]||[]),b=C(()=>_.value.map(F=>F.houderschapsId)||[]),x=C(()=>c.params.houderschapsId?r.getters["vehicles/vehicleByHouderschapsId"](c.params.houderschapsId):r.getters["vehicles/preferredVehicle"]),{errors:k,meta:I,values:w}=We({validationSchema:Ue({selectedCar:Lt().oneOf(b.value).required(u("ui-elements.form.validation-required",{fieldname:`"${s.content.content.selectCar.label}"`})),selectedTimeSlot:ge().required()}),initialValues:{selectedCar:x.value.houderschapsId}}),{value:L}=ce("selectedTimeSlot"),{value:S}=ce("selectedCar"),M=C(()=>S?r.getters["vehicles/getDealerForVehicleByHouderschapsId"](S.value):null),V=n,H=C(()=>{var K;if(!((K=M.value.workshopAddress)!=null&&K.openinghours))return;const F=M.value.workshopAddress.openinghours[te(s.formData.selectedDaySlot).day()];return s.content.content.timeSlot.description.replace("{DATE}",te(s.formData.selectedDaySlot).format("dddd D MMMM")).replace("{OPEN_TIME}",F.timeOpen).replace("{CLOSE_TIME}",F.timeClosed)}),W=()=>{L.value=null},U=async()=>{v.value=!0,W();const F=await se(`/api/dealer/timeslots?dealerid=${M.value.id}&maintenanceType=${s.formData.selectedMaintenanceType.id}&date=${s.formData.selectedDaySlot}`,"GET");F.isSuccess?(g.value=F.data.timeSlots,await Be(),v.value=!1):r.commit("notifications/addNotification",{type:"error",message:F.errors[0]})};U(),Ce(()=>M.value,()=>{U()});const q=A(""),j=A(!1),E=A(!1),R=()=>{j.value=!0,r.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${c.path}werkplaats-aanpassen/`}})},N=()=>{j.value=!1},ee=async()=>{E.value=!0;const F=await r.dispatch("workshops/changeWorkshop",{houderschapsId:S.value,workshopId:q.value});E.value=!1,F.isSuccess?(N(),r.dispatch("analytics/queueEvent",{event:"edit_dealer",data:{dealername:mt(r.getters["workshops/getWorkshopById"](q.value))}}),q.value=""):r.commit("notifications/addNotification",{type:"error",message:u("errors.save-workshop-failed")})};return Ce(w,F=>{const K=yt.exports.cloneDeep(F);V("updateData",ut(K))}),Ce(()=>I.value.valid,(F,K)=>{F!==K&&V("updateCompleted",F)},{deep:!0,immediate:!0}),Oe(()=>{r.dispatch("analytics/queueEvents",[{event:"screen_view",data:{value:`${c.path}test-dag-details/`}},{event:"test_day_select_details",data:{form_step:"1",form_name:"mykia_test_day"}}])}),(F,K)=>{const Q=y("Heading"),J=y("IconCar"),be=y("IconWrapper"),ye=y("ChoiceItem"),re=y("ChoiceControl"),X=y("Spinner"),T=y("IconWarning"),O=y("AnchorLink"),ne=y("TimeSlots"),pe=y("InputControl"),ue=y("ButtonControl"),_e=y("Modal");return i(),h("div",Om,[a("form",null,[_.value.length>1?(i(),h("div",Pm,[a("div",Em,[d(re,{name:"select-car"},ie({label:o(()=>[d(Q,{tag:"h2",heading:2,class:"mb-4"},{default:o(()=>[f(l(e.content.content.selectCar.label),1)]),_:1})]),choice:o(ve=>[(i(!0),h(Z,null,de(_.value,ke=>(i(),D(ye,{modelValue:m(S),"onUpdate:modelValue":K[0]||(K[0]=P=>le(S)?S.value=P:null),key:`car-${ke.houderschapsId}`,value:ke.houderschapsId,multiple:ve.multiple,name:ve.formName,class:Y(["tablet:mb-6 tablet:last:mb-0 desktop:pr-12",{"-mx-2":p.value.phone}])},{default:o(()=>[a("div",Nm,[a("div",Hm,[ke.imageAsymmetricUrl||ke.imageUrl?(i(),h("img",{key:0,class:"absolute w-14 h-auto ml-4 tablet:w-48 tablet:mt-10 tablet:ml-6",src:ke.imageAsymmetricUrl||ke.imageUrl},null,8,qm)):(i(),h("div",jm,[d(be,{class:"-translate-y-1 tablet:-translate-y-4",size:p.value.tabletPlus?96:32,strokeWidth:1},{default:o(()=>[d(J)]),_:1},8,["size"])]))]),a("div",Wm,[a("div",Um,[f(l(ke.model)+" ",1),ke.connectedCar?(i(),h("span",Fm,"(KCS)")):$("",!0)]),a("div",Bm,l(ke.licensePlate),1)])])]),_:2},1032,["modelValue","value","multiple","name","class"]))),128))]),_:2},[m(k).selectedCar?{name:"error",fn:o(()=>[f(l(m(k).selectedCar),1)]),key:"0"}:void 0]),1024)])])):$("",!0),a("div",Rm,[e.isLoadingTestDayData?(i(),h("div",Zm,[d(X,{class:"w-8 h-8 my-4","border-width":2})])):e.hasAppointment?(i(),h("div",zm,[a("div",Km,[d(be,{class:"mr-2 flex-shrink-0"},{default:o(()=>[d(T)]),_:1}),a("span",Ym,l(e.content.content.blocked.label.replace("{DATE}",m(te)(e.formData.selectedDaySlot).format("DD MMMM")).replace("{TIME}",e.formData.selectedTimeSlot)),1)])])):(i(),h(Z,{key:2},[a("div",Gm,[d(Q,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.selectWorkshop.label),1)]),_:1}),a("div",Qm,[a("div",Xm,[a("span",Jm,l(M.value.name),1),a("div",ep,[a("span",tp,l(M.value.workshopAddress.street)+" "+l(M.value.workshopAddress.houseNumber)+" "+l(M.value.workshopAddress.houseNumberAddition),1),a("span",np,l(M.value.workshopAddress.postalCode)+" "+l(M.value.workshopAddress.city),1),a("span",ap,[d(O,{underlined:"","is-external-link":"","hide-external-icon":"",path:m(dt)(M.value.workshopAddress.phoneNumber)},{default:o(()=>[f(l(M.value.workshopAddress.phoneNumber),1)]),_:1},8,["path"])]),a("span",op,[d(O,{underlined:"","is-external-link":"","hide-external-icon":"",path:`mailto: ${M.value.workshopAddress.email}`},{default:o(()=>[f(l(M.value.workshopAddress.email),1)]),_:1},8,["path"])])])]),a("div",sp,[a("div",{onClick:R},[a("span",lp,l(e.content.content.selectWorkshop.editWorkshopLabel),1)])])])]),a("div",ip,[a("div",rp,[a("div",null,[d(Q,{tag:"h2",heading:2},{default:o(()=>[f(l(e.content.content.timeSlot.label),1)]),_:1}),a("span",cp,l(H.value),1),a("div",dp,[v.value?(i(),h("div",up,[d(X,{class:"w-8 h-8","border-width":2})])):$("",!0),g.value.length?(i(),D(ne,{key:1,data:g.value,modelValue:m(L),"onUpdate:modelValue":K[1]||(K[1]=ve=>le(L)?L.value=ve:null)},null,8,["data","modelValue"])):$("",!0),d(pe,{type:"hidden",modelValue:m(L),"onUpdate:modelValue":K[2]||(K[2]=ve=>le(L)?L.value=ve:null)},null,8,["modelValue"])]),a("span",mp,l(e.content.content.timeSlot.dealerWillContactYouDescription.replace("{DEALER}",M.value.name)),1)])])])],64))])]),d(_e,{"is-visible":j.value,"can-be-closed":!0,onClose:N},{heading:o(()=>

1[f(l(e.content.content.changeWorkshopModal.title),1)]),content:o(()=>[j.value?(i(),D(tt,{key:0,modelValue:q.value,"onUpdate:modelValue":K[3]||(K[3]=ve=>q.value=ve),"is-changing-workshop":E.value,"search-placeholder":e.content.content.changeWorkshopModal.placeholder},null,8,["modelValue","is-changing-workshop","search-placeholder"])):$("",!0)]),button:o(ve=>[d(ue,{disabled:E.value,styling:"secondary",onClick:ve.closeModal},{default:o(()=>[f(l(m(u)("common.cancel")),1)]),_:2},1032,["disabled","onClick"]),d(ue,{disabled:E.value||!q.value,class:"ml-4 flex-grow",onClick:ee},{default:o(()=>[f(l(e.content.content.changeWorkshopModal.buttonLabel),1)]),_:1},8,["disabled"])]),_:1},8,["is-visible"])])}}},pp={class:"confirm-appointment"},fp={class:"desktop:container"},vp={class:"mt-6 w-full tablet:w-1/2"},hp={key:0,class:"flex"},_p={class:"flex-1 mr-4 text-caption"},gp={class:"flex-1 flex-col"},bp={class:"flex"},yp={class:"text-caption text-sm"},xp={class:"flex mt-4"},Cp={class:"flex-1 mr-4 text-caption"},kp={class:"flex-1"},$p={class:"flex mt-4"},wp={class:"flex-1 mr-4 text-caption"},Ip={class:"flex-1"},Mp={class:"flex mt-4"},Lp={class:"flex-1 mr-4 text-caption"},Sp={class:"flex-1"},Dp={key:0,class:"mt-10 w-full"},Tp={key:1,class:"mt-12 flex flex-col"},Xn={__name:"ConfirmTestDay",props:{formData:{type:Object,required:!0},errors:{type:Object,required:!1},content:{type:Object,required:!0}},emits:["updateCompleted"],setup(e,{emit:n}){var x,k,I,w,L,S;

1const s=oe(),r=z(),{t:c}=he(),u=e,p=C(()=>r.getters["vehicles/vehicleByHouderschapsId"](u.formData.selectedCar)),v=C(()=>r.getters["vehicles/getDealerForVehicleByHouderschapsId"](p.value.houderschapsId)),{meta:g}=We({validationSchema:Ue({areTermsAndConditionsAccepted:Kt().oneOf([!0]).label(c("ui-elements.form.validation-required",{fieldname:((w=(I=(k=(x=u.content)==null?void 0:x.content)==null?void 0:k.termsAndConditions)==null?void 0:I.label)==null?void 0:w.toLowerCase())||""}))}),initialValues:{areTermsAndConditionsAccepted:!((S=(L=u.content)==null?void 0:L.content)!=null&&S.termsAndConditions)}}),{value:_}=ce("areTermsAndConditionsAccepted"),b=n;return Ce(()=>g.value.valid,(M,V)=>{M!==V&&b("updateCompleted",M)},{deep:!0,immediate:!0}),Oe(()=>{var M;r.dispatch("analytics/queueEvents",[{event:"screen_view",data:{value:`${s.path}test-dag-samenvatting/`}},{event:"test_day_summary",data:{form_step:"2",form_name:"mykia_test_day",selected_car:(M=p.value)==null?void 0:M.model}}])}),(M,V)=>{const H=y("Heading"),W=y("CheckboxControl");return i(),h("div",pp,[a("div",fp,[a("div",vp,[d(H,{tag:"h4",heading:3,class:"font-bold mb-6"},{default:o(()=>[f(l(e.content.content.summary.label),1)]),_:1}),p.value?(i(),h("div",hp,[a("div",_p,l(e.content.content.summary.formLabels.vehicle),1),a("div",gp,[a("div",bp,[f(l(p.value.model)+" ",1),p.value.connectedCar?(i(),h(Z,{key:0},[f("\xA0(KCS)")],64)):$("",!0)]),a("div",yp,"["+l(p.value.licensePlate)+"]",1)])])):$("",!0),a("div",xp,[a("div",Cp,l(e.content.content.summary.formLabels.workshop),1),a("div",kp,l(v.value.name),1)]),a("div",$p,[a("div",wp,l(e.content.content.summary.formLabels.date),1),a("div",Ip,l(m(te)(e.formData.selectedDaySlot).format("D MMMM YYYY")),1)]),a("div",Mp,[a("div",Lp,l(e.content.content.summary.formLabels.preferredTime),1),a("div",Sp,l(e.formData.selectedTimeSlot),1)])]),e.content.content.termsAndConditions?(i(),h("div",Dp,[d(W,{value:"areTermsAndConditionsAccepted",modelValue:m(_),"onUpdate:modelValue":V[0]||(V[0]=U=>le(_)?_.value=U:null)},{description:o(()=>[f(l(e.content.content.termsAndConditions.termsAndConditions),1)]),default:o(()=>[f(l(e.content.content.termsAndConditions.label)+" ",1)]),_:1},8,["modelValue"])])):$("",!0),e.errors?(i(),h("div",Tp,[(i(!0),h(Z,null,de(e.errors.general,(U,q)=>(i(),h("span",{key:q,class:"font-light text-base text-cardinal-red mt-0.5"},l(M.$t(U)),1))),128))])):$("",!0)])])}}},Vp={class:"container max-w-5xl mx-auto mb-16 px-5 tablet:px-0"},Ap={class:"mt-6 tablet:mt-8"},Op={__name:"TestDay",setup(e){G("Stepper",rt),G("TestDayDetails",Qn),G("ConfirmTestDay",Xn),G("PageHeader",Ge),he();const n=Ae(),s=oe(),r=z();C(()=>Ie("mediaQueries").value);const c=C(()=>r.getters["content/getContentForComponent"](s.meta.id)),u=A(!1);let p=A({selectedMaintenanceType:{id:c.value.maintenanceId},selectedDaySlot:c.value.date});const v=A(c.value.components.filter((E,R)=>E.type==="FormGroup").map(E=>Re(xe({},E),{name:E.name,isCompleted:!1}))||[]),g=C(()=>p.value&&p.value.selectedCar?r.getters["vehicles/getDealerForVehicleByHouderschapsId"](p.value.selectedCar):null),_=C(()=>p.value.selectedCar?r.getters["vehicles/vehicleByHouderschapsId"](p.value.selectedCar):r.getters["vehicles/preferredVehicle"]),b=()=>{n.back()},x=A(!1);Oe(()=>{x.value=!0});const k=A(!1),I=A(null),w=A(!1),L=A(!1),S=A(null),M=A(null),V=async()=>{k.value=!0;const E=`/api/vehicle/${_.value.houderschapsId}/appointment/test-day`,R=await se(E,"GET");R.isSuccess&&(u.value=R.data.hasAppointment,R.data.hasAppointment&&(p.value.selectedTimeSlot=te(R.data.appointment.date).format("HH:mm"))),k.value=!1};V(),Ce(()=>_.value,()=>{V()});const H=E=>{p.value=xe(xe({},p.value),E)},W=(E,R)=>{v.value[R-1].completed=E},U=()=>{w.value=!0},q=()=>{w.value=!1},j=async()=>{var N;if(L.value&&!k.value)return;k.value=!0;const E={houderschapsId:p.value.selectedCar,dealerId:g.value.id,moment:te(`${p.value.selectedDaySlot}T${p.value.selectedTimeSlot}:00`).format("YYYY-MM-DDTHH:mm:ss"),maintenanceType:{id:c.value.maintenanceId,typeId:c.value.maintenanceTypeId},mileage:_.value.lastMileage},R=await se(`/api/vehicle/${p.value.selectedCar}/appointment`,"PUT",E);R.isSuccess?(r.dispatch("analytics/queueEvents",[{event:"purchase",data:{value:0}},{event:"test_day_complete",data:{form_step:"3",form_name:"mykia_test_day",selected_car:(N=_.value)==null?void 0:N.model,days_until_appointment:Yt(`${c.value.date}T${p.value.selectedTimeSlot}:00`)}},{event:"screen_view",data:{value:`${s.path}bedankt/`}}]),S.value=R.data.id,M.value=R.token,L.value=!0,U()):I.value=R.errors,k.value=!1};return(E,R)=>{const N=y("ButtonControl"),ee=y("Modal");return i(),h("div",Vp,[R[2]||(R[2]=a("div",{id:"page-header",class:"flex"},null,-1)),a("div",Ap,[d(rt,{steps:v.value,"is-loader-visible":k.value,class:"mt-4",onFinish:j},ie({content:o(F=>[F.activeStep===1?(i(),D(Qn,{key:0,content:v.value[0],"form-data":m(p),"has-appointment":u.value,"is-loading-test-day-data":k.value,onUpdateData:H,onUpdateCompleted:R[0]||(R[0]=K=>W(K,1))},null,8,["content","form-data","has-appointment","is-loading-test-day-data"])):$("",!0),F.activeStep===2?(i(),D(Xn,{key:1,content:v.value[1],"form-data":m(p),errors:I.value,onUpdateCompleted:R[1]||(R[1]=K=>W(K,2))},null,8,["content","form-data","errors"])):$("",!0)]),"previous-button":o(({activeStep:F})=>[F===1?(i(),D(N,{key:0,styling:"secondary",onClick:b},{default:o(()=>[f(l(E.$t("common.back")),1)]),_:1})):$("",!0)]),"finish-button":o(({isFinishButtonVisible:F,finishSteps:K})=>[F?(i(),D(N,{key:0,disabled:!v.value[1].completed,onClick:K},{default:o(()=>[f(l(E.$t("common.confirm-appointment")),1)]),_:2},1032,["disabled","onClick"])):$("",!0)]),_:2},[x.value?{name:"header",fn:o(({activeStep:F})=>[(i(),D(Ot,{to:"#page-header"},[d(Ge,{class:"mt-6 tablet:mt-0","image-url":v.value[F-1].image.url},{title:o(()=>[f(l(c.value.pageHeaderTitle),1)]),description:o(()=>[f(l(v.value[F-1].label),1)]),_:2}

1,1032,["image-url"])]))]),key:"0"}:void 0]),1032,["steps","is-loader-visible"])]),d(ee,{"is-visible":w.value,"can-be-closed":!1,onClose:q},{heading:o(()=>[f(l(v.value[1].content.confirmationModal.title),1)]),content:o(()=>{var F;return[f(l(v.value[1].content.confirmationModal.description.replace("{Dealer}",(F=g.value)==null?void 0:F.name)),1)]}),button:o(F=>[d(N,{to:{name:"Dashboard"},onClick:F.closeModal},{default:o(()=>[f(l(v.value[1].content.confirmationModal.buttonLabel),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])])}}};var Pp="/assets/iconCarTirePressure.svg";const kt="frontLeft",$t="frontRight",wt="rearLeft",It="rearRight";var Ep=[kt,$t,wt,It];const Np={class:"tire-pressure-modal__grid grid gap-x-0.5 text-lg font-light leading-none mt-4 mx-6"},Hp={class:"flex justify-center mt-8 mb-4"},qp={class:"inline-flex"},jp={__name:"TirePressureModal",props:{tireWarnings:{type:Object},tirePressures:{type:Object},isVisible:{type:Boolean,required:!0},componentContent:{type:Object,required:!0}},emits:["hide"],setup(e,{emit:n}){C(()=>Ie("mediaQueries").value);const s=e,r=n,c=()=>{r("hide")},u=p=>{if(!p||!Ep.includes(p))return null;const v=[];return s.tireWarnings[p]&&v.push(["text-cardinal-red"]),v};return(p,v)=>{const g=y("IconError"),_=y("IconWrapper"),b=y("AnchorLink"),x=y("Modal");return i(),D(x,{"is-visible":e.isVisible,"can-be-closed":!0,onClose:c},{heading:o(()=>[f(l(e.componentContent.title),1)]),content:o(()=>[a("div",Np,[a("div",{class:Y([u(m(kt)),"row-start-2 inline-flex items-center justify-end"])},[e.tireWarnings[m(kt)]?(i(),D(_,{key:0,"icon-color":"currentColor",size:32,class:"mr-2"},{default:o(()=>[d(g)]),_:1})):$("",!0),a("div",null,l(e.tirePressures?e.tirePressures[m(kt)]:""),1)],2),a("div",{class:Y([u(m($t)),"row-start-2 col-start-3 inline-flex items-center justify-start"])},[a("div",null,l(e.tirePressures?e.tirePressures[m($t)]:""),1),e.tireWarnings[m($t)]?(i(),D(_,{key:0,"icon-color":"currentColor",size:32,class:"ml-2"},{default:o(()=>[d(g)]),_:1})):$("",!0)],2),v[0]||(v[0]=a("div",{class:"row-span-5"},[a("img",{src:Pp})],-1)),a("div",{class:Y([u(m(wt)),"row-start-4 text-right inline-flex items-center justify-end"])},[e.tireWarnings[m(wt)]?(i(),D(_,{key:0,"icon-color":"currentColor",size:32,class:"mr-2"},{default:o(()=>[d(g)]),_:1})):$("",!0),a("div",null,l(e.tirePressures?e.tirePressures[m(wt)]:""),1)],2),a("div",{class:Y([u(m(It)),"row-start-4 col-start-3 inline-flex items-center justify-start"])},[a("div",null,l(e.tirePressures?e.tirePressures[m(It)]:""),1),e.tireWarnings[m(It)]?(i(),D(_,{key:0,"icon-color":"currentColor",size:32,class:"ml-2"},{default:o(()=>[d(g)]),_:1})):$("",!0)],2)])]),button:o(()=>[a("div",Hp,[d(b,{class:"inline-flex w-full justify-center",underlined:"",path:{name:"PointsOfInterest",query:{category:"GasStation"}}},{default:o(()=>[a("span",qp,l(e.componentContent.buttonLabel),1)]),_:1})])]),_:1},8,["is-visible"])}}};var Jn=B(jp,[["__scopeId","data-v-5af8e752"]]);const Wp=e=>{const n=C(()=>!e.value.connectedCar||!e.value.connectedStatusData?!1:Object.values(e.value.connectedStatusData.tireWarnings).includes(!0)),s=C(()=>!e.value.connectedCar||!e.value.connectedStatusData?!1:!!e.value.connectedStatusData.tirePressures),r=A(!1);return{hasTirePressureWarning:n,hasTirePressureValues:s,isTirePressureModalVisible:r,hideTirePressureModal:()=>{r.value=!1},showTirePressureModal:()=>{!n.value&&!s.value||(r.value=!0)}}};const Up={key:0,class:"underline underline-offset-2"},Fp={__name:"AnchorLink",props:{path:{type:[String,Object],required:!0},isExternalLink:{type:Boolean,default:!1},hideExternalIcon:{type:Boolean,default:!1},active:{type:Boolean,default:!1},styling:{type:String,default:"default",validator(e){return["default","primary","secondary"].includes(e)}},underlined:{type:Boolean,default:!1}},setup(e){const n=e,s=u=>{u.path!==void 0&&u.path.match(/#\S+/g)&&(u.hash=u.path.split("#").length>1?u.path.split("#")[1]:null)},r=C(()=>s(n.path)?"router-link":n.isExternalLink?"a":"router-link"),c=C(()=>n.styling==="primary"?"anchor-link--button bg-midnight-black text-polar-white hover:opacity-80":n.styling==="secondary"?"anchor-link--button":"");return(u,p)=>{const v=y("IconExternal"),g=y("IconWrapper");return i(),D(Ve(r.value),{class:Y(["tablet:cursor-pointer inline-flex items-center",[e.active?"font-bold":"font-body",c.value]]),href:e.isExternalLink?e.path:null,to:e.isExternalLink?null:e.path,target:e.isExternalLink?"_blank":null},{default:o(()=>[e.underlined?(i(),h("span",Up,[ae(u.$slots,"default",{},void 0,!0)])):ae(u.$slots,"default",{key:1},void 0,!0),e.isExternalLink&&!e.hideExternalIcon?(i(),D(g,{key:2,size:24,"icon-fill":"transparent",class:"ml-1 flex-shrink-0"},{default:o(()=>[d(v)]),_:1})):$("",!0)]),_:3},8,["class","href","to","target"])}}};var mo=B(Fp,[["__scopeId","data-v-92b15564"]]);

1const ft={__name:"UpgradeDowngradeButton",props:{subscription:{type:Object,validator:e=>Ct.includes(e.level)},currentSubscription:{type:String,validator:e=>Ct.includes(e)},path:{type:String,default:null}},emits:["change"],setup(e,{emit:n}){const s=Ae(),r=e,c=C(()=>Ct.findIndex(b=>b===r.subscription.level)),u=C(()=>Ct.findIndex(b=>b===r.currentSubscription)),p=C(()=>r.currentSubscription&&r.subscription.level!==r.currentSubscription||!r.currentSubscription&&r.subscription.level!==_t),v=C(()=>u.value<c.value),g=n,_=b=>{if(r.subscription.selectable)b.preventDefault(),g("change",r.subscription.level);else{if(!r.path){b.preventDefault();return}s.push({name:"Dashboard"})}};return(b,x)=>p.value?(i(),D(mo,{key:0,path:e.path?e.path:"","is-external-link":!e.subscription.selectable,underlined:"",class:"text-center w-auto mx-auto",onClick:_},{default:o(()=>[f(l(v.value?b.$t("common.upgrade"):b.$t("common.downgrade")),1)]),_:1},8,["path","is-external-link"])):$("",!0)}},Bp=G({__name:"CarDetailedInfo",props:{kcsContent:{type:Object,required:!0}},setup(e){const n=z(),s=C(()=>n.getters["vehicles/preferredVehicle"]),{isFuelCar:r}=Gt(s);return(c,u)=>{const p=y("Heading"),v=y("IconVersion"),g=y("IconWrapper"),_=y("ListItem"),b=y("IconVin"),x=y("IconFuelType"),k=y("IconBatteryTop"),I=y("List");return i(),h(Z,null,[d(p,{tag:"h2",heading:2,class:"mt-12"},{default:o(()=>[f(l(e.kcsContent.basicCarInfoLabel),1)]),_:1}),d(I,{class:"mt-4"},{default:o(()=>[s.value.version?(i(),D(_,{key:0},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.version),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.versionLabel),1)]),_:1})):$("",!0),s.value.vin?(i(),D(_,{key:1},{icon:o(()=>[d(g,null,{default:o(()=>[d(b)]),_:1})]),labelOne:o(()=>[f(l(s.value.vin),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.vinLabel),1)]),_:1})):$("",!0),s.value.fuel?(i(),D(_,{key:2},ie({icon:o(()=>[d(g,null,{default:o(()=>[m(r)?(i(),D(x,{key:0})):(i(),D(k,{key:1}))]),_:1})]),labelOne:o(()=>[f(l(s.value.fuel),1)]),_:2},[m(r)?{name:"descriptionOne",fn:o(()=>[f(l(e.kcsContent.fuelLabel),1)]),key:"0"}:void 0,m(r)?void 0:{name:"descriptionOne",fn:o(()=>[f(l(e.kcsContent.electricLabel),1)]),key:"1"}]),1024)):$("",!0),s.value.motorInfo&&s.value.motorInfo.transmission?(i(),D(_,{key:3},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.transmission),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.transmissionLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.drive?(i(),D(_,{key:4},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.drive),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.driveLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.hybrid?(i(),D(_,{key:5},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.hybrid),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.hybridLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.maximumPowerInHP?(i(),D(_,{key:6},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.maximumPowerInHP),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.maximumPowerInHPLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.maximumPowerInKW?(i(),D(_,{key:7},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.maximumPowerInKW),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.maximumPowerInKWLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.nrOfCilinders?(i(),D(_,{key:8},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.nrOfCilinders),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.nrOfCilindersLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.cilinderCapacity?(i(),D(_,{key:9},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.cilinderCapacity),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.cilinderCapacityLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.weightEmpty?(i(),D(_,{key:10},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.weightEmpty),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.weightEmptyLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.weightMax?(i(),D(_,{key:11},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.weightMax),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.weightMaxLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.maximumTorgue?(i(),D(_,{key:12},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.maximumTorgue),1)]),descriptionOne:o(()=>

1[f(l(e.kcsContent.maximumTorgueLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.trailerWeightUnbraked?(i(),D(_,{key:13},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.trailerWeightUnbraked),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.trailerWeightUnbrakedLabel),1)]),_:1})):$("",!0),s.value.motorInfo&&s.value.motorInfo.trailerWeightBraked?(i(),D(_,{key:14},{icon:o(()=>[d(g,null,{default:o(()=>[d(v)]),_:1})]),labelOne:o(()=>[f(l(s.value.motorInfo.trailerWeightBraked),1)]),descriptionOne:o(()=>[f(l(e.kcsContent.trailerWeightBrakedLabel),1)]),_:1})):$("",!0)]),_:1})],64)}}}),Rp={class:"container max-w-5xl px-5 tablet:px-0"},Zp={class:"flex items-center"},zp={class:"flex-1"},Kp={key:0},ea={__name:"CarStatistics",props:{componentContent:{type:Object,required:!0}},setup(e){const n=z(),s=oe(),{locale:r}=he(),c=C(()=>Ie("mediaQueries").value);G("TirePressureModal",Jn),G("UpdateMileageModal",Vt),G("UpgradeDowngradeButton",ft);const u=e,p=u.componentContent.find(Q=>Q.type==="CarMaintenanceKiaServices"),v=u.componentContent.find(Q=>Q.type==="KCSStatistics"),g=v.updateMileageModal,_=u.componentContent.find(Q=>Q.type==="GeneralCarInformation"),b=C(()=>n.getters["vehicles/preferredVehicle"]),{isPro:x,isPlusOrPro:k,isElectricCar:I,isFuelCar:w,locationUrl:L}=Gt(b),S=C(()=>{var Q;return te((Q=b.value.connectedCarInfo)==null?void 0:Q.terms.dateAccepted).format("DD-MM-YYYY")}),M={level:Ne},V=C(()=>{var Q;return(Q=b.value.connectedCarInfo)==null?void 0:Q.terms.accepted}),{hasTirePressureWarning:H,hasTirePressureValues:W,isTirePressureModalVisible:U,hideTirePressureModal:q,showTirePressureModal:j}=Wp(b),E=A(!1),R=()=>{n.commit("terms/setKCSVisibility",!0),n.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${s.path}/kia-connected-car-voorwaarden`}})},{isUpdateMileageModalVisible:N,showUpdateMileageModal:ee,hideUpdateMileageModal:F,canUpdateMileage:K}=to(b);return Ce(()=>b.value.houderschapsId,async Q=>{var J;!(b.value.connectedCar&&((J=b.value.connectedCarInfo)==null?void 0:J.active))||(E.value=!0,await n.dispatch("vehicles/getVehicleConnectedStatusData",{houderschapsId:Q}),E.value=!1)},{immediate:!0}),(Q,J)=>{var en,tn,nn,an;const be=y("Heading"),ye=y("IconKilometers"),re=y("IconWrapper"),X=y("ListItem"),T=y("IconBatteryTop"),O=y("IconBatteryPlugged"),ne=y("IconBattery"),pe=y("IconFuel"),ue=y("IconDrivingStyle"),_e=y("IconLeaf"),ve=y("IconGps"),ke=y("IconHandbrake"),P=y("IconDoorsLocked"),Me=y("IconDoorsUnlocked"),Ee=y("IconTirePressure"),He=y("IconMyRides"),we=y("List"),qe=y("IconServiceAppointments"),fe=y("IconCheckService"),me=y("IconContact"),Le=y("IconMyKiaFamilyCard"),Qe=y("IconKiaLogo"),ho=y("IconSuccess"),_o=y("IconWarning"),go=y("IconDashboardLightInfo"),Jt=y("IconPdf"),bo=y("IconCarManualPdf"),yo=y("IconKiaCarWarranties");return i(),h("div",Rp,[a("div",Zp,[a("div",zp,[d(be,{tag:"h2",heading:2},{default:o(()=>[f(l(m(v).title),1)]),_:1})])]),d(we,{class:"mt-4"},{default:o(()=>{var on,sn,ln,rn,cn,dn,un,mn,pn,fn,vn,hn,_n,gn,bn,yn,xn;return[d(X,{"has-click-handler":m(K),onClick:m(ee)},{icon:o(()=>[d(re,null,{default:o(()=>[d(ye)]),_:1})]),labelOne:o(()=>[f(l(b.value.lastMileage.toLocaleString(m(r))),1)]),descriptionOne:o(()=>[f(l(m(v).kilometerLabel),1)]),_:1},8,["has-click-handler","onClick"]),m(I)&&b.value.fuel!==m(Tt)&&b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:0,error:((sn=(on=b.value.connectedStatusData)==null?void 0:on.evInfo)==null?void 0:sn.chargeLevel)<=10,warning:((rn=(ln=b.value.connectedStatusData)==null?void 0:ln.evInfo)==null?void 0:rn.chargeLevel)>10&&((dn=(cn=b.value.connectedStatusData)==null?void 0:cn.evInfo)==null?void 0:dn.chargeLevel)<=50,loading:E.value,"hide-status-icon":"","has-success-styling":((mn=(un=b.value.connectedStatusData)==null?void 0:un.evInfo)==null?void 0:mn.chargeLevel)>50},ie({icon:o(()=>[d(re,null,{default:o(()=>{var $e,Pe,Ze,ze;return[(Pe=($e=b.value.connectedStatusData)==null?void 0:$e.evInfo)!=null&&Pe.isCharging?(i(),D(T,{key:0})):(ze=(Ze=b.value.connectedStatusData)==null?void 0:Ze.evInfo)!=null&&ze.isPlugged?(i(),D(O,{key:1})):(i(),D(ne,{key:2}))]}),_:1})]),labelOne:o(()=>{var $e,Pe;return[f(l((Pe=($e=b.value.connectedStatusData)==null?void 0:$e.evInfo)==null?void 0:Pe.chargeLevel)+" %",1)]}),descriptionOne:o(()=>[f(l(m(v).batteryLabel),1)]),_:2},[m(k)&&typeof((fn=(pn=b.value.connectedStatusData)==null?void 0:pn.evInfo)==null?void 0:fn.timeUntilCharged)=="number"?{name:"labelTwo",fn:o(()=>{var $e,Pe,Ze,ze;return[f(l(typeof((Pe=($e=b.value.connectedStatusData)==null?void 0:$e.evInfo)==null?void 0:Pe.timeUntilCharged)=="number"?m(Za)((ze=(Ze=b.value.connectedStatusData)==null?void 0:Ze.evInfo)==null?void 0:ze.timeUntilCharged):"0m"),1)]}),key:"0"}:void 0,m(k)&&typeof((hn=(vn=b.value.connectedStatusData)==null?void 0:vn.evInfo)==null?void 0:hn.timeUntilCharged)=="number"?{name:"descriptionTwo",fn:o(()=>

1[f(l(m(v).chargeTimeLabel),1)]),key:"1"}:void 0,m(k)?{name:"labelThree",fn:o(()=>[b.value.connectedStatusData?(i(),h(Z,{key:0},[f(l(b.value.connectedStatusData.range),1)],64)):$("",!0),J[1]||(J[1]=f(" km "))]),key:"2"}:void 0,m(k)?{name:"descriptionThree",fn:o(()=>[f(l(m(v).actionRadiusLabel),1)]),key:"3"}:void 0]),1032,["error","warning","loading","has-success-styling"])):$("",!0),m(w)&&b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:1,loading:E.value,error:(gn=(_n=b.value.connectedStatusData)==null?void 0:_n.iceInfo)==null?void 0:gn.fuelWarningLight},ie({icon:o(()=>[d(re,null,{default:o(()=>[d(pe)]),_:1})]),labelOne:o(()=>{var $e,Pe,Ze,ze;return[f(l((Pe=($e=b.value.connectedStatusData)==null?void 0:$e.iceInfo)!=null&&Pe.fuelLevel?Math.round((ze=(Ze=b.value.connectedStatusData)==null?void 0:Ze.iceInfo)==null?void 0:ze.fuelLevel):"-")+" % ",1)]}),descriptionOne:o(()=>[f(l(m(v).fuelLabel),1)]),_:2},[m(k)?{name:"labelTwo",fn:o(()=>{var $e;return[f(l(($e=b.value.connectedStatusData)==null?void 0:$e.range)+" km",1)]}),key:"0"}:void 0,m(k)?{name:"descriptionTwo",fn:o(()=>[f(l(m(v).actionRadiusLabel),1)]),key:"1"}:void 0]),1032,["loading","error"])):$("",!0),b.value.connectedCar&&b.value.connectedCarInfo.active&&m(w)&&!m(k)?(i(),D(X,{key:2},{labelOne:o(()=>

1[f(l(m(v).upgradeKCSFuelLabel),1)]),descriptionOne:o(()=>[f(l(m(v).upgradeKCSFuelDescription),1)]),labelThreeRight:o(()=>[d(ft,{subscription:M,"current-subscription":m(_t),path:m(v).upgradeKCSFuelLink},null,8,["current-subscription","path"])]),_:1})):$("",!0),b.value.connectedCar&&b.value.connectedCarInfo.active&&m(I)&&b.value.fuel!==m(Tt)&&!m(k)?(i(),D(X,{key:3},{labelOne:o(()=>[f(l(m(v).upgradeKCSElectricLabel),1)]),descriptionOne:o(()=>[f(l(m(v).upgradeKCSElectricDescription),1)]),labelThreeRight:o(()=>[d(ft,{subscription:M,"current-subscription":m(_t),path:m(v).upgradeKCSElectricLink},null,8,["current-subscription","path"])]),_:1})):$("",!0),b.value.connectedCar&&((bn=b.value.connectedStatusData)==null?void 0:bn.drivingStyle)&&b.value.connectedCarInfo.active?(i(),D(X,{key:4,loading:E.value},{icon:o(()=>[d(re,null,{default:o(()=>[d(ue)]),_:1})]),labelOne:o(()=>[f(l(b.value.connectedStatusData.drivingStyle.eco)+" %",1)]),descriptionOne:o(()=>[f(l(m(v).economicLabel),1)]),labelTwo:o(()=>[f(l(b.value.connectedStatusData.drivingStyle.normal)+" %",1)]),descriptionTwo:o(()=>[f(l(m(v).normalLabel),1)]),labelThree:o(()=>[f(l(b.value.connectedStatusData.drivingStyle.sport)+" %",1)]),descriptionThree:o(()=>[f(l(m(v).sportLabel),1)]),_:1},8,["loading"])):$("",!0),m(w)&&b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:5,loading:E.value},{icon:o(()=>[d(re,null,{default:o(()=>[d(_e)]),_:1})]),labelOne:o(()=>{var $e,Pe;return[f(l((Pe=($e=b.value.connectedStatusData)==null?void 0:$e.iceInfo)==null?void 0:Pe.fuelConsumption)+" L",1)]}),descriptionOne:o(()=>[f(l(m(v).perHundredKilometerLabel),1)]),labelTwo:o(()=>{var $e,Pe,Ze,ze;return[f(l((Pe=($e=b.value.connectedStatusData)==null?void 0:$e.iceInfo)!=null&&Pe.fuelConsumption?Math.round(100/((ze=(Ze=b.value.connectedStatusData)==null?void 0:Ze.iceInfo)==null?void 0:ze.fuelConsumption)*10)/10:0)+" km ",1)]}),descriptionTwo:o(()=>[f(l(m(v).perLiterLabel),1)]),_:1},8,["loading"])):$("",!0),m(k)&&b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:6,loading:E.value,href:m(L),class:"desktop:hidden",onClick:J[0]||(J[0]=$e=>m(n).dispatch("analytics/queueEvent",{event:"locate_car"}))},{icon:o(()=>[d(re,null,{default:o(()=>[d(ve)]),_:1})]),labelOne:o(()=>[f(l(m(v).carGPSLocationLabel),1)]),_:1},8,["loading","href"])):$("",!0),b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:7,loading:E.value,error:((yn=b.value.connectedStatusData)==null?void 0:yn.handbrake)===!1},{icon:o(()=>[d(re,null,{default:o(()=>[d(ke)]),_:1})]),labelOne:o(()=>{var $e;return[f(l(($e=b.value.connectedStatusData)!=null&&$e.handbrake?m(v).handbrakeOnLabel:m(v).handbrakeOffLabel),1)]}),_:1},8,["loading","error"])):$("",!0),b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:8,loading:E.value,error:((xn=b.value.connectedStatusData)==null?void 0:xn.doorsLocked)===!1},{icon:o(()=>[d(re,null,{default:o(()=>{var $e;return[($e=b.value.connectedStatusData)!=null&&$e.doorsLocked?(i(),D(P,{key:0})):(i(),D(Me,{key:1}))]}),_:1})]),labelOne:o(()=>{var $e;return[f(l(($e=b.value.connectedStatusData)!=null&&$e.doorsLocked?m(v).doorsLockedLabel:m(v).doorsUnlockedLabel),1)]}),_:1},8,["loading","error"])):$("",!0),b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:9,loading:E.value,error:m(H),"has-click-handler":m(H)||m(W),onClick:m(j)},{icon:o(()=>[d(re,null,{default:o(()=>[d(Ee)]),_:1})]),labelOne:o(()=>[f(l(m(H)?m(v).tirePressureNotOKLabel:m(v).tirePressureOKLabel),1)]),_:1},8,["loading","error","has-click-handler","onClick"])):$("",!0),m(x)&&b.value.connectedCar&&b.value.connectedCarInfo.active?(i(),D(X,{key:10,to:{name:"MyRides",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(He)]),_:1})]),labelOne:o(()=>[f(l(m(v).myRidesLabel),1)]),_:1},8,["to"])):$("",!0)]}),_:1}),d(Bp,{"kcs-content":m(v)},null,8,["kcs-content"]),d(be,{tag:"h2",heading:2,class:"mt-12"},{default:o(()=>[f(l(m(p).title),1)]),_:1}),d(we,{class:"mt-4"},{default:o(()=>[d(X,{to:{name:"Service",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(qe)]),_:1})]),labelOne:o(()=>[f(l(m(p).upcomingServiceAppointmentsLabel),1)]),_:1},8,["to"]),d(X,{to:{name:"Service",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(fe)]),_:1})]),labelOne:o(()=>[f(l(m(p).checkServiceHistoryLabel),1)]),_:1},8,["to"]),d(X,{to:{name:"Workshop",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(me)]),_:1})]),labelOne:o(()=>[f(l(m(p).contactWorkshopLabel),1)]),_:1},8,["to"]),d(X,{to:{name:"KiaFamilyCard",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(Le)]),_:1})]),labelOne:o(()=>[f(l(m(p).myKiaFamilyCardLabel),1)]),_:1},8,["to"]),b.value.connectedCar?(i(),D(X,{key:0,to:{name:"Subscription",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(Qe)]),_:1})]),labelOne:o(()=>[f(l(m(p).kcsSubscriptionLabel),1)]),_:1},8,["to"])):$("",!0),b.value.connectedCar?(i(),D(X,{key:1,onClick:R,"has-click-handler":"",error:!V.value},{icon:o(()=>[d(re,null,{default:o(()=>[V.value?(i(),D(ho,{key:0})):$("",!0),J[2]||(J[2]=f()),V.value?$("",!0):(i(),D(_o,{key:1}))]),_:1})]),labelOne:o(()=>[f(l(m(p).kcsTermsAndConditionsLabel),1)]),descriptionOne:o(()=>[f(l(V.value?m(p).kcsAcceptedLabel:m(p).kcsNotAcceptedLabel)+" ",1),V.value?(i(),h("span",Kp,"\xA0"+l(S.value),1)):$("",!0)]),_:1},8,["error"])):$("",!0)]),_:1}),d(be,{tag:"h2",heading:2,class:"mt-12"},{default:o(()=>[f(l(m(_).title),1)]),_:1}),d(we,{class:"mt-4"},{default:o(()=>[c.value.phone?(i(),D(X,{key:0,to:{name:"DashboardLights",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(go)]),_:1})]),labelOne:o(()=>[f(l(m(_).dashboardLightsInformation),1)]),_:1},8,["to"])):$("",!0),b.value.kiw?(i(),D(X,{key:1,to:{name:"KIW",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(Jt)]),_:1})]),labelOne:o(()=>[f(l(m(_).kiwLabel),1)]),_:1},8,["to"])):$("",!0),b.value.leaseContract?(i(),D(X,{key:2,to:{name:"LeaseContract",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(Jt)]),_:1})]),labelOne:o(()=>

1[f(l(m(_).leaseContractLabel),1)]),_:1},8,["to"])):$("",!0),b.value.documents.length>0?(i(),D(X,{key:3,to:{name:"CarManuals",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(bo)]),_:1})]),labelOne:o(()=>[f(l(m(_).carManualLabel),1)]),_:1},8,["to"])):$("",!0),d(X,{to:{name:"WarrantiesExpiries",params:{houderschapsId:b.value.houderschapsId}}},{icon:o(()=>[d(re,null,{default:o(()=>[d(yo)]),_:1})]),labelOne:o(()=>[f(l(m(_).kiaWarrantyAndExpiryLabel),1)]),_:1},8,["to"])]),_:1}),b.value.connectedCar&&(((en=b.value.connectedStatusData)==null?void 0:en.tireWarnings)||((tn=b.value.connectedStatusData)==null?void 0:tn.tirePressures))?(i(),D(Jn,{key:0,"is-visible":m(U),"tire-warnings":(nn=b.value.connectedStatusData)==null?void 0:nn.tireWarnings,"tire-pressures":(an=b.value.connectedStatusData)==null?void 0:an.tirePressures,"component-content":m(v).tirePressureModal,onHide:m(q)},null,8,["is-visible","tire-warnings","tire-pressures","component-content","onHide"])):$("",!0),d(Vt,{"is-visible":m(N),onHide:m(F),content:m(g)},null,8,["is-visible","onHide","content"])])}}},Yp={class:"pb-12"},Gp={__name:"CarDetails",setup(e){G("CarStatistics",ea);const n=z(),s=Ae(),r=oe(),c=r.meta.id,u=C(()=>n.getters["content/getContentForComponent"](c).components);if(r.params.houderschapsId&&C(()=>n.getters["vehicles/availableVehicles"]).value.find(g=>g.houderschapsId==r.params.houderschapsId).isVirtual&&(s.push({name:"VirtualCarLandingPage"}),hasRedirected=!0),!r.params.houderschapsId){const p=n.getters["vehicles/preferredVehicle"];s.replace({params:{houderschapsId:p.houderschapsId}})}return(p,v)=>(i(),h("div",Yp,[d(lt,{"page-id":m(c)},null,8,["page-id"]),m(r).params.houderschapsId?(i(),D(ea,{key:0,"component-content":m(u),class:"mt-12"},null,8,["component-content"])):$("",!0)]))}},Qp={class:"car-manuals container max-w-5xl mx-auto my-6 p-4"},Xp={key:0},Jp={__name:"CarManuals",setup(e){Ae();const n=oe(),s=z(),r=n.meta.id,c=C(()=>s.getters["content/getContentForComponent"](r)),u=C(()=>s.getters["vehicles/preferredVehicle"]),p=C(()=>{let v={};return u.value.documents&&(v=u.value.documents.reduce((g,_)=>{const b=_.category.toLowerCase().replace(" ","-");return g[b]||(g[b]={name:_.category,documents:[]}),g[b].documents.push(_),g},{})),v});return(v,g)=>{const _=y("Heading"),b=y("IconCarManualPdf"),x=y("IconWrapper"),k=y("ListItem"),I=y("List");return i(),h("div",Qp,[(i(!0),h(Z,null,de(p.value,(w,L)=>(i(),h("div",{key:L,class:Y({"mb-8":L!==p.value.length-1})},[d(_,{tag:"h2",heading:2,class:"font-bold mb-4"},{default:o(()=>[f(l(w.name),1)]),_:2},1024),d(I,null,{default:o(()=>[(i(!0),h(Z,null,de(w.documents,(S,M)=>(i(),D(k,{key:M,href:S.url,onClick:V=>m(s).dispatch("analytics/queueEvent",{event:"click_link",data:{click_url:S.url,click_label:S.description}})},{icon:o(()=>[d(x,null,{default:o(()=>[d(b)]),_:1})]),labelOne:o(()=>[f(l(S.description),1)]),_:2},1032,["href","onClick"]))),128))]),_:2},1024)],2))),128)),p.value.length===0?(i(),h("div",Xp,l(c.value.noDocumentsFound),1)):$("",!0)])}}},ef={class:"container max-w-5xl mx-auto tablet:my-16 p-4 bg-polar-white relative"},tf={key:0,class:"mt-4 flex flex-col"},nf={class:"font-semibold text-base text-cardinal-red block"},af={key:0,class:"font-light text-sm text-cardinal-red mt-0.5 block"},of={key:1,class:"absolute top-0 left-0 w-full h-full bg-opacity-80 bg-polar-white flex items-center justify-center"},sf={class:"flex"},lf={class:"mt-1"},rf={__name:"AddCar",setup(e){const n=z(),s=oe(),{t:r}=he(),c=s.meta.id,u=C(()=>n.getters["content/getContentForComponent"](c));G("YourKia",At);const p=A(!1),v=A({}),g=A(!1),_=A(null),b=({myKia:M})=>{v.value=M},x=M=>{g.value=M},k=A(!1),I=()=>{k.value=!0},w=()=>{k.value=!1},L=async()=>{_.value=[],p.value=!0;const M=await n.dispatch("vehicles/addVehicle",{carDetails:v.value});M.isSuccess?(I(),n.dispatch("analytics/queueEvents",[{event:"screen_view",data:{value:`${s.path}succes/`}},{event:"add_car_complete",data:{form_step:"2",form_name:"mykia_add_car"}}])):_.value=M.errors,p.value=!1},S=M=>{let V="";try{M&&(V=r(M))}catch{}(!V||V===M)&&(V="Er is iets misgegaan. Probeer het later opnieuw.");const H=V.indexOf(".");if(H===-1)return{heading:V,description:""};const W=V.slice(0,H+1).trim(),U=V.slice(H+1).trim();return{heading:W,description:U}};return(M,V)=>{const H=y("ButtonControl"),W=y("Spinner"),U=y("IconSuccess"),q=y("IconWrapper"),j=y("Modal");return i(),h("div",ef,[d(At,{pageContent:u.value.components[0],onUpdateData:b,onUpdateCompleted:x},null,8,["pageContent"]),_.value?(i(),h("div",tf,[(i(!0),h(Z,null,de(_.value,(E,R)=>(i(),h("div",{key:R,class:"mt-2"}

1,[a("span",nf,l(S(E).heading),1),S(E).description?(i(),h("span",af,l(S(E).description),1)):$("",!0)]))),128))])):$("",!0),d(H,{disabled:!g.value,class:"mt-8",onClick:L},{default:o(()=>[f(l(M.$t("common.save")),1)]),_:1},8,["disabled"]),p.value?(i(),h("div",of,[d(W,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),d(j,{"is-visible":k.value,"can-be-closed":!1,onClose:w},{heading:o(()=>[a("span",sf,[d(q,{class:"mr-2"},{default:o(()=>[d(U)]),_:1}),a("span",lf,l(u.value.components[0].content.confirmationModal.title),1)])]),content:o(()=>[f(l(u.value.components[0].content.confirmationModal.description),1)]),button:o(E=>[d(H,{class:"flex-grow",to:{name:"Dashboard"},onClick:E.closeModal},{default:o(()=>[f(l(u.value.components[0].content.confirmationModal.buttonLabel),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])])}}};const cf={class:"flex-col justify-center gap-1 flex"},df=["innerHTML"],uf={class:"pb-1 justify-center items-center gap-2 inline-flex"},mf={class:"text-center text-sm font-normal leading-tight"},pf={class:"text-center text-base font-normal leading-normal"},ff={class:"self-stretch h-10 flex-col justify-center items-center flex"},vf={class:"self-stretch text-center"},hf=["innerHTML"],_f={__name:"InfoBlock",props:{vehicleModel:String,licensePlate:String,expiryDate:String,notificationType:String,content:{type:Object,required:!0}},setup(e){return(n,s)=>{const r=y("Heading");return i(),h("div",{class:Y([e.notificationType==="success"?"bg-[#EFF2EA]":"bg-[#f8e8ea]","px-4 pt-5 pb-3 mt-3 shadow border border-[#05141f]/20 flex-col text-[#05141f] justify-start items-center gap-3 inline-flex"])},[a("div",cf,[d(r,{tag:"h3",heading:3,class:"font-semibold mb-1 text-center"},{default:o(()=>[f(l(e.content.title),1)]),_:1}

1),a("div",{class:"self-stretch text-center text-sm font-normal leading-tight",innerHTML:e.content.description.replace("(MODEL)",e.vehicleModel).replace("(LICENSEPLATE)",e.licensePlate).replace("(DATE)",m(te)(e.expiryDate).format("DD-MM-YYYY"))},null,8,df)]),a("div",uf,[a("span",mf,l(e.content.expiryDate),1),a("span",pf,l(m(te)(e.expiryDate).format("DD-MM-YYYY"))+".",1)]),a("div",ff,[a("div",vf,[a("span",{class:"text-[#697279] text-sm font-normal leading-tight",innerHTML:e.content.conditions},null,8,hf)])])],2)}}};var zt=B(_f,[["__scopeId","data-v-e02544e6"]]);const gf={class:"container max-w-5xl mx-auto my-6 p-4"},bf={class:"warranty-manual-info mb-10"},yf={class:"warranty-expiries-info"},xf={__name:"WarrantiesExpiries",setup(e){const n=oe(),s=z(),{t:r,locale:c}=he(),u=n.meta.id,p=C(()=>s.getters["content/getContentForComponent"](u)),v=C(()=>s.getters["vehicles/preferredVehicle"]),g=v.value.documents.find(M=>M.category==="Garantie"),_=p.value.components.find(M=>M.type==="WarrantyManualInfo"),b=p.value.components.find(M=>M.type==="WarrantyExpiriesInfo"),x=p.value.components.find(M=>M.type==="WarrantyTenYearExpired"),k=p.value.components.find(M=>M.type==="WarrantyTenYearApplied"),I=C(()=>v.value.warrantyInfo.warranty10YW.endDate?_.titleTenYearWarranty:_.title),w=C(()=>te(v.value.warrantyInfo.warranty10YW.endDate)>=te()&&v.value.lastMileage<15e4&&v.value.age>=7&&v.value.age<10),L=C(()=>v.value.lastMileage<15e4&&te(v.value.warrantyInfo.warranty10YW.endDate)<te()&&v.value.age>=7&&v.value.age<10),S=M=>{var V=M.endDate?te(M.endDate).format("DD-MM-YYYY"):void 0;return M&&M.endDate&&!M.mileage?V:M&&M.endDate&&M.mileage?`${V} ${r("common.or").toLowerCase()} ${M.mileage.toLocaleString(c)} ${r("common.mileage")}`:"-"};return(M,V)=>{var E;const H=y("Heading"),W=y("IconCarManualPdf"),U=y("IconWrapper"),q=y("ListItem"),j=y("List");return i(),h("div",gf,[a("div",bf,[d(H,{tag:"h2",heading:2,class:"font-bold mb-4"},{default:o(()=>[f(l(I.value),1)]),_:1}),(E=m(g))!=null&&E.url?(i(),D(q,{key:0,href:m(g).url},{icon:o(()=>[d(U,null,{default:o(()=>[d(W)]),_:1})]),labelOne:o(()=>[f(l(m(_).downloadWarrantyManualLabel),1)]),_:1},8,["href"])):$("",!0),L.value?(i(),D(zt,{key:1,expiryDate:v.value.warrantyInfo.warranty10YW.endDate,notificationType:"warning",content:m(x)},null,8,["expiryDate","content"])):$("",!0),w.value?(i(),D(zt,{key:2,vehicleModel:v.value.model,licensePlate:v.value.licensePlate,expiryDate:v.value.warrantyInfo.warranty10YW.endDate,notificationType:"success",content:m(k)},null,8,["vehicleModel","licensePlate","expiryDate","content"])):$("",!0)]),a("div",yf,[d(H,{tag:"h2",heading:2,class:"font-bold mb-4"},{default:o(()=>[f(l(m(b).title),1)]),_:1}),d(j,null,{default:o(()=>[d(q,null,{labelOne:o(()=>[f(l(m(b).warrantyBaseLabel),1)]),descriptionOne:o(()=>[f(l(S(v.value.warrantyInfo.warrantyBase)),1)]),_:1}),d(q,null,{labelOne:o(()=>[f(l(m(b).warrantyBasePlusLabel),1)]),descriptionOne:o(()=>[f(l(S(v.value.warrantyInfo.warrantyBasePlus)),1)]),_:1}),d(q,null,{labelOne:o(()=>[f(l(m(b).warrantyBatteryLabel),1)]),descriptionOne:o(()=>[f(l(S(v.value.warrantyInfo.warrantyBattery)),1)]),_:1}),d(q,null,{labelOne:o(()=>[f(l(m(b).warrantyCoachworkLabel),1)]),descriptionOne:o(()=>[f(l(S(v.value.warrantyInfo.warrantyCoachwork)),1)]),_:1}),d(q,null,{labelOne:o(()=>[f(l(m(b).warrantyPaintLabel),1)]),descriptionOne:o(()=>[f(l(S(v.value.warrantyInfo.warrantyPaint)),1)]),_:1}),v.value.warrantyInfo.warrantyEvBattery.endDate?(i(),D(q,{key:0},{labelOne:o(()=>[f(l(m(b).warrantyEvBattery),1)]),descriptionOne:o(()=>[f(l(S(v.value.warrantyInfo.warrantyEvBattery)),1)]),_:1})):$("",!0)]),_:1})])])}}},ta={__name:"RideItem",props:{id:{type:Number,required:!0}},setup(e){te.extend(Po);const n=z(),s=oe(),r=C(()=>s.params.houderschapsId?s.params.houderschapsId:n.getters["vehicles/preferredVehicle"].houderschapsId),c=e,u=C(()=>n.getters["rides/getRide"](c.id)),p=C({get(){return u.value?u.value.isBusiness:!1},set(b){n.dispatch("rides/setIsBusiness",{id:c.id,isBusiness:b,houderschapsId:r.value})}}),v=C(()=>u.value?"{DAY} van {START_TIME} tot {END_TIME}".replace("{DAY}",Xa(u.value.startDate)).replace("{START_TIME}",te(u.value.startDate).format("HH:mm")).replace("{END_TIME}",te(u.value.endDate).format("HH:mm")):""),g=()=>{var b,x,k,I,w,L;return`${(k=(b=u.value.startAddress)==null?void 0:b.city)!=null?k:(x=u.value.startAddress)==null?void 0:x.fullAddress} - ${(L=(I=u.value.endAddress)==null?void 0:I.city)!=null?L:(w=u.value.endAddress)==null?void 0:w.fullAddress}`},_=()=>{p.value=!p.value};return(b,x)=>{const k=y("CheckboxControl"),I=y("ListItem");return u.value?(i(),D(I,{key:0,class:"ride-item",to:{name:"RideDetails",params:{houderschapsId:r.value,id:u.value.id}}},{labelOne:o(()=>[f(l(v.value),1)]),descriptionOne:o(()=>[f(l(g())+" ",1),u.value.distance?(i(),h(Z,{key:0},[f("\xA0("+l(Math.round(u.value.distance*10)/10)+" km)",1)],64)):$("",!0)]),extraFieldOne:o(()=>[d(k,{value:"isBusiness",modelValue:p.value,"onUpdate:modelValue":x[0]||(x[0]=w=>p.value=w),onClick:qa(_,["prevent"])},{default:o(()=>[f(l(b.$t("common.business")),1)]),_:1},8,["modelValue"])]),_:1},8,["to"])):$("",!0)}}},Cf={class:"grid w-full grid-cols-2 gap-4"},kf={class:"inline-flex flex-col"},$f={class:"inline-flex flex-col"},wf={class:"flex w-full mt-8"},If={class:"flex-grow"},Mf={class:"grid grid-cols-2 gap-4 w-full mt-8"},na={__name:"RidesFilterModal",props:{isVisible:{type:Boolean,required:!0},content:{type:Object,required:!0}},emits:["hide"],setup(e,{emit:n}){const s=z(),r=oe(),{t:c}=he(),u=e,p=n,v=()=>{p("hide")},g=kl,_=A(st),b=C(()=>s.getters["rides/isLoading"]),x=C(()=>r.params.houderschapsId?r.params.houderschapsId:s.getters["vehicles/preferredVehicle"].houderschapsId),k=V=>V?te(V).format("YYYY-MM-DD"):null,I=te(),w=I.subtract(31,"day"),L=A(k(w)),S=A(k(I));Ce(()=>u.isVisible,V=>{V&&(L.value=s.getters["rides/getStartDate"],S.value=s.getters["rides/getEndDate"],_.value=s.getters["rides/getFilterType"])},{immediate:!0});const M=async()=>

1{if(b.value)return;s.commit("rides/setFilterType",_.value),(await s.dispatch("rides/getRides",{startDate:k(L.value),endDate:k(S.value),filterType:_.value,houderschapsId:x.value})).isSuccess||s.commit("notifications/addNotification",{type:"error",message:c("errors.get-rides-failed")}),p("hide")};return M(),(V,H)=>{const W=y("FormLabel"),U=y("DateControl"),q=y("Heading"),j=y("ChoiceItem"),E=y("ChoiceControl"),R=y("ButtonControl"),N=y("Modal");return i(),D(N,{"is-visible":e.isVisible,"can-be-closed":!0,onClose:v},{heading:o(()=>[f(l(e.content.title),1)]),content:o(()=>[a("div",Cf,[a("div",kf,[(i(),D(U,{type:"text",modelValue:L.value,"onUpdate:modelValue":H[0]||(H[0]=ee=>L.value=ee),clearable:"",key:L.value},{label:o(({id:ee})=>[d(W,{for:ee},{default:o(()=>[f(l(V.$t("common.from")),1)]),_:2},1032,["for"])]),_:1},8,["modelValue"]))]),a("div",$f,[(i(),D(U,{type:"text",modelValue:S.value,"onUpdate:modelValue":H[1]||(H[1]=ee=>S.value=ee),clearable:"",key:S.value},{label:o(({id:ee})=>[d(W,{for:ee},{default:o(()=>[f(l(V.$t("common.until")),1)]),_:2},1032,["for"])]),_:1},8,["modelValue"]))])]),a("div",wf,[d(E,{name:"filter-type",class:"w-full"},{label:o(()=>[d(q,{tag:"span",heading:3},{default:o(()=>[f(l(e.content.formFields.rideType.label),1)]),_:1})]),choice:o(ee=>[(i(!0),h(Z,null,de(m(g),(F,K)=>(i(),D(j,{modelValue:_.value,"onUpdate:modelValue":H[2]||(H[2]=Q=>_.value=Q),key:K,value:F,multiple:ee.multiple,name:ee.formName,class:"last:mb-1 first:mt-4"},{default:o(()=>[a("div",If,[F===m(st)?(i(),h(Z,{key:0},[f(l(V.$t("common.all")),1)],64)):$("",!0),F===m(Ka)?(i(),h(Z,{key:1},[f(l(V.$t("common.private")),1)],64)):$("",!0),F===m(Dt)?(i(),h(Z,{key:2},[f(l(V.$t("common.business")),1)],64)):$("",!0)])]),_:2},1032,["modelValue","value","multiple","name"]))),128))]),_:1})])]),button:o(()=>[a("div",Mf,[d(R,{styling:"secondary",onClick:v},{default:o(()=>[f(l(V.$t("common.cancel")),1)]),_:1}),d(R,{class:"flex-grow",disabled:b.value,onClick:M},{default:o(()=>[f(l(V.$t("common.filter")),1)]),_:1},8,["disabled"])])]),_:1},8,["is-visible"])}}};const Lf={class:"my-rides container max-w-5xl mx-auto my-4 tablet:my-8 p-4 tablet:p-0 relative"},Sf={class:"flex justify-between items-center"},Df={class:"inline-flex flex-shrink-0"},Tf={class:"my-rides__list-container relative"},Vf={key:0,class:"block mt-4 text-sm font-light"},Af={class:"text-caption mr-1"},Of={key:1,class:"absolute top-0 left-0 w-full h-full bg-opacity-80 bg-polar-white flex items-center justify-center"},Pf={key:2,class:"block"},Ef=["href","download"],Nf={__name:"MyRides",setup(e){G("RideItem",ta),G("RidesFilterModal",na);const n=z(),s=oe(),{t:r}=he(),c=C(()=>Ie("mediaQueries").value),u=C(()=>n.getters["content/getContentForComponent"](s.meta.id)),p=C(()=>u.value.components.find(j=>j.type==="RideOverviewInfo")),v=C(()=>u.value.components.find(j=>j.type==="FormModal")),g=C(()=>n.getters["rides/getRidesIdsForOverview"]),_=A(!1),b=()=>{_.value=!0},x=C(()=>n.getters["rides/isLoading"]),k=C(()=>n.getters["rides/getStartDate"]),I=C(()=>n.getters["rides/getEndDate"]),w=C(()=>n.getters["rides/getFilterType"]),L=C(()=>s.params.houderschapsId?s.params.houderschapsId:n.getters["vehicles/preferredVehicle"].houderschapsId),S=C(()=>{const j=g.value.length===1?r("common.results-plural.result"):r("common.results-plural.results"),E={all:p.value.allAdjectiveLabel,private:p.value.privateAdjectiveLabel,business:p.value.businessAdjectiveLabel};return k.value&&I.value?p.value.filterRidesBetweenLabel.replace("{RESULT_COUNT}",g.value.length).replace("{RESULT_TEXT}",j).replace("{TYPE}",E[w.value]).replace("{START_DATE}",te(k.value).format("D MMMM YYYY")).replace("{END_DATE}",te(I.value).format("D MMMM YYYY")):k.value?p.value.filterRidesAfterLabel.replace("{RESULT_COUNT}",g.value.length).replace("{RESULT_TEXT}",j).replace("{TYPE}",E[w.value]).replace("{START_DATE}",te(k.value).format("D MMMM YYYY")):k.value?p.value.filterRidesBeforeLabel.replace("{RESULT_COUNT}",g.value.length).replace("{RESULT_TEXT}",j).replace("{TYPE}",E[w.value]).replace("{END_DATE}",te(I.value).format("D MMMM YYYY")):p.value.filterRidesLabelOnlyOnType.replace("{RESULT_COUNT}",g.value.length).replace("{RESULT_TEXT}",j).replace("{TYPE}",E[w.value])}),M=async()=>

1{n.commit("rides/setFilterDates",{startDate:null,endDate:null}),n.commit("rides/setFilterType",st),(await n.dispatch("rides/getRides",{houderschapsId:L.value})).isSuccess||n.commit("notifications/addNotification",{type:"error",message:r("errors.get-rides-failed")})},V=A(),H=A(""),W=A(""),U=C(()=>k.value&&I.value&&g.value.length>0),q=async()=>{if(!U.value){n.commit("notifications/addNotification",{type:"error",message:r("errors.export-rides-requires-dates")});return}const j=await n.dispatch("rides/getRidesExport",{startDate:k.value,endDate:I.value,filterType:w.value,houderschapsId:L.value});try{if(j.isSuccess){let E="data:text/csv;charset=utf-8,";E+=window.atob(j.data.data);const N=encodeURI(E);H.value=N,W.value=j.data.name,await Be(),V.value.click()}}catch{n.commit("notifications/addNotification",{type:"error",message:r("errors.export-rides-failed")})}};return(j,E)=>{const R=y("Heading"),N=y("IconPreferences"),ee=y("IconWrapper"),F=y("IconShare"),K=y("List"),Q=y("Spinner");return i(),h(Z,null,[a("div",Lf,[a("div",Sf,[d(R,{tag:"h1",heading:2},{default:o(()=>[f(l(p.value.title),1)]),_:1}),a("div",Df,[d(ee,{class:"hover:cursor-pointer","icon-name":j.$t("common.filter"),onClick:b},{default:o(()=>[d(N)]),_:1},8,["icon-name"]),c.value.desktop?(i(),D(ee,{key:0,class:Y([{"opacity-20 hover:cursor-not-allowed":!U.value,"hover:cursor-pointer":U.value},"ml-4"]),"icon-name":j.$t("common.export"),onClick:q},{default:o(()=>[d(F)]),_:1},8,["class","icon-name"])):$("",!0)])]),a("div",Tf,[k.value||I.value||w.value!==m(st)?(i(),h("div",Vf,[a("span",Af,l(S.value),1),a("span",{class:"underline text-midnight-black inline-block hover:cursor-pointer",onClick:M},l(p.value.deleteFilters),1)])):$("",!0),d(K,{class:"mt-4"},{default:o(()=>[(i(!0),h(Z,null,de(g.value,J=>(i(),D(ta,{key:J,id:J},null,8,["id"]))),128))]),_:1}),x.value?(i(),h("div",Of,[d(Q,{class:"mt-8 w-8 h-8","border-width":2})])):g.value.length<=0?(i(),h("div",Pf,l(p.value.noRides),1)):$("",!0)])]),a("a",{ref_key:"exportLink",ref:V,class:"download-link hidden",href:H.value,download:W.value},null,8,Ef),d(na,{content:v.value,"is-visible":_.value,onHide:E[0]||(E[0]=J=>_.value=!1)},null,8,["content","is-visible"])],64)}}};var Hf=B(Nf,[["__scopeId","data-v-52af4e95"]]);const aa={__name:"TomTomRouteMap",props:{points:{type:Array}},setup(e){const n=z(),s=C(()=>n.getters["application/getTomTomKey"]),r=A();let c=null;const u=e,p=C(()=>!u.points||u.points.length===0?[]:u.points.map(k=>`${k.longitude},${k.latitude}`)),v=C(()=>{if(!u.points||u.points.length===0)return"";const k=`${u.points[0].longitude},${u.points[0].latitude}`,I=`${u.points[u.points.length-1].longitude},${u.points[u.points.length-1].latitude}`;return`${k}:${I}`}),g=()=>{const k=c.getStyle().layers;for(const I in k)if(k[I].type==="fill-extrusion")return k[I].id;console.error("Map style does not contain any layer with fill-extrusion type.")},_=k=>{const I=document.createElement("div");return I.className=`marker ${k}-marker`,I},b=k=>{let I,w;k.geometry.type==="MultiLineString"?(I=k.geometry.coordinates[0][0],w=k.geometry.coordinates.slice(-1)[0].slice(-1)[0]):(I=k.geometry.coordinates[0],w=k.geometry.coordinates.slice(-1)[0]),new De.Marker({element:_("start"),anchor:"center"}).setLngLat(I).addTo(c),new De.Marker({element:_("end"),anchor:"center"}).setLngLat(w).addTo(c)},x=()=>{jt.exports.services.calculateRoute({key:s.value,traffic:!1,locations:v.value,supportingPoints:p.value}).then(k=>{const I=k.toGeoJson();c.addLayer({id:"route",type:"line",source:{type:"geojson",data:I},paint:{"line-color":"#05141F","line-width":2}},g()),b(I.features[0]);const w=new De.LngLatBounds;I.features[0].geometry.coordinates.forEach(L=>{w.extend(De.LngLat.convert(L))}),c.fitBounds(w,{duration:0,padding:50})})};return Oe(()=>{c=De.map({key:s.value,container:r.value}),c.once("load",x)}),(k,I)=>(i(),h("div",null,[a("div",{id:"map",ref_key:"mapRef",ref:r,class:"tom-tom-map w-full h-full"},null,512)]))}};const qf={class:"ride-details container max-w-5xl mx-auto mb-4 tablet:mb-8 pt-0 px-4 pb-4 tablet:p-0 relative z-0"},jf={key:0,class:"absolute top-0 left-0 w-full h-full bg-opacity-80 bg-background flex items-center justify-center z-10"},Wf={class:"ride-details__map h-80 bg-backline -mx-4 tablet:m-0 flex items-center justify-center"},Uf={class:"flex justify-between items-center mt-8"},Ff={key:0,class:"inline-flex flex-shrink-0"},Bf={class:"flex flex-col w-full mt-4"},Rf={class:"flex"},Zf={class:"inline-flex flex-col"},zf={class:"text-caption text-sm font-light"},Kf={class:"inline-flex flex-col ml-6"},Yf={class:"text-caption text-sm font-light"},Gf={key:0,class:"inline-flex flex-col ml-6"},Qf={class:"text-caption text-sm font-light"},Xf={key:0,class:"ride-details__start-to-end flex flex-col mt-6 relative leading-none"},Jf={class:"flex items-center"},ev={class:"mt-0.5 truncate"},tv={class:"flex items-center mt-4"},nv={class:"mt-0.5 truncate"},av={class:"flex w-full mt-6"},ov={class:"flex flex-grow items-center text-base"},sv={class:"flex flex-col mt-6"},lv={class:"mt-6 flex justify-center"},iv=["href","download"],rv={__name:"RideDetails",setup(e){const n=z(),s=Ae(),r=oe(),{t:c}=he(),u=C(()=>Ie("mediaQueries").value);G("TomTomRouteMap",aa);const p=C(()=>r.params.id);p.value||(n.commit("notifications/addNotification",{type:"error",message:c("errors.get-ride-failed")}),s.push({name:"MyRides",params:{houderschapsId:b.value}}));const v=C(()=>n.getters["content/getContentForComponent"](r.meta.id)),g=C(()=>v.value.components.find(N=>N.type==="RideDetailInfo")),_=C(()=>n.getters["rides/getRide"](p.value)),b=C(()=>r.params.houderschapsId?r.params.houderschapsId:n.getters["vehicles/preferredVehicle"].houderschapsId),x=C(()=>n.getters["rides/isLoading"]),k=A(""),I=C(()=>k.value?k.value.trim():""),w=async()=>{try{const N=await n.dispatch("rides/getRide",{id:p.value,houderschapsId:b.value});N!=null&&N.data&&(k.value=N.data.remark),N!=null&&N.isSuccess||n.commit("notifications/addNotification",{type:"error",message:c("errors.get-ride-failed")})}catch{n.commit("notifications/addNotification",{type:"error",message:c("errors.get-ride-failed")}),p.value||s.push({name:"MyRides",params:{houderschapsId:b.value}})}};(!_.value||!_.value.hasAllDetails)&&w();const L=C(()=>

1{if(!_.value)return"";let N="{START_DATE}";return(Ya(_.value.startDate)||Ga(_.value.startDate))&&(N="{DAY}, {START_DATE}",N=N.replace("{DAY}",Xa(_.value.startDate))),N.replace("{START_DATE}",te(_.value.startDate).format("DD MMM YYYY"))}),S=N=>N.street&&N.houseNumber&&N.city?`${N.street} ${N.houseNumber}${N.houseNumberAddition}, ${N.city}`:N.fullAddress,M=C({get(){return _.value?_.value.isBusiness:!1},set(N){n.dispatch("rides/setIsBusiness",{id:_.value.id,isBusiness:N,houderschapsId:b.value})}}),V=A(!1),H=C(()=>{if(V.value)return!1;const N=!k.value||I.value.length===0,ee=k.value&&k.value.length>255;return!N&&!ee}),W=async()=>{if(!!H.value){V.value=!0;try{(await n.dispatch("rides/saveRemark",{id:_.value.id,remark:I.value,houderschapsId:b.value})).isSuccess?n.commit("notifications/addNotification",{type:"success",message:g.value.saveDetailSuccessLabel}):n.commit("notifications/addNotification",{type:"error",message:c("errors.ride-remark-save-failed")})}catch{n.commit("notifications/addNotification",{type:"error",message:c("errors.ride-remark-save-failed")})}finally{V.value=!1}}},U=A(),q=A(""),j=A(""),E=C(()=>!x.value),R=async()=>{const N=await n.dispatch("rides/getRideExport",{houderschapsId:b.value,id:p.value});try{if(N.isSuccess){let ee="data:text/csv;charset=utf-8,";ee+=window.atob(N.data.data);const K=encodeURI(ee);q.value=K,j.value=N.data.name,await Be(),U.value.click()}}catch{n.commit("notifications/addNotification",{type:"error",message:c("errors.export-ride-failed")})}};return(N,ee)=>{var pe,ue,_e;const F=y("Spinner"),K=y("IconPointOfInterest"),Q=y("IconWrapper"),J=y("Heading"),be=y("IconShare"),ye=y("IconGps"),re=y("ChoiceItem"),X=y("ChoiceControl"),T=y("FormLabel"),O=y("InputControl"),ne=y("ButtonControl");return i(),h("div",qf,[x.value?(i(),h("div",jf,[d(F,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),a("div",Wf,[((pe=_.value)==null?void 0:pe.points)&&((_e=(ue=_.value)==null?void 0:ue.points)==null?void 0:_e.length)>0?(i(),D(aa,{key:0,class:"w-full h-full",points:_.value.points},null,8,["points"])):(i(),D(Q,{key:1,size:32,class:"text-caption"},{default:o(()=>[d(K)]),_:1}))]),_.value?(i(),h(Z,{key:1},[a("div",Uf,[d(J,{tag:"h1",heading:2},{default:o(()=>[f(l(L.value),1)]),_:1}),u.value.desktop?(i(),h("div",Ff,[d(Q,{class:Y([{"opacity-20 hover:cursor-not-allowed":!E.value,"hover:cursor-pointer":E.value},"ml-4"]),"icon-name":N.$t("common.export"),onClick:R},{default:o(()=>[d(be)]),_:1},8,["class","icon-name"])])):$("",!0)]),a("div",Bf,[a("div",Rf,[a("div",Zf,[a("div",zf,l(g.value.startLabel),1),a("div",null,l(m(Te)(_.value.startDate).format("HH:mm")),1)]),a("div",Kf,[a("div",Yf,l(g.value.arrivalLabel),1),a("div",null,l(m(Te)(_.value.endDate).format("HH:mm")),1)]),_.value.distance?(i(),h("div",Gf,[a("div",Qf,l(g.value.distanceLabel),1),a("div",null,l(Math.round(_.value.distance*10)/10)+" km",1)])):$("",!0)]),_.value.startAddress&&_.value.endAddress?(i(),h("div",Xf,[a("div",Jf,[d(Q,{size:17,class:"text-description mr-4 flex-shrink-0"},{default:o(()=>[d(ye)]),_:1}),a("div",ev,l(S(_.value.startAddress)),1)]),a("div",tv,[d(Q,{size:17,class:"text-description mr-4 flex-shrink-0"},{default:o(()=>[d(ye)]),_:1}),a("div",nv,l(S(_.value.endAddress)),1)])])):$("",!0),a("div",av,[d(X,{name:"is-business",multiple:"",class:"w-full"},{choice:o(ve=>[d(re,{modelValue:M.value,"onUpdate:modelValue":ee[0]||(ee[0]=ke=>M.value=ke),value:!0,multiple:ve.multiple,name:ve.formName,class:Y(["py-6",{"-mx-2":u.value.phone}])},{default:o(()=>[a("div",ov,l(N.$t("common.business")),1)]),_:2},1032,["modelValue","multiple","name","class"])]),_:1})]),a("div",sv,[d(O,{type:"textarea",modelValue:k.value,"onUpdate:modelValue":ee[1]||(ee[1]=ve=>k.value=ve)},{label:o(({id:ve})=>[d(T,{for:ve},{default:o(()=>[f(l(g.value.remarkLabel),1)]),_:2},1032,["for"])]),_:1},8,["modelValue"]),a("div",{class:Y([{"text-cardinal-red":k.value&&k.value.length>255,"text-caption":!k.value||k.value.length<=255},"text-xs ml-auto mt-2"])},l(k.value?k.value.length:0)+" / 255 ",3)]),a("div",lv,[d(ne,{styling:"secondary",disabled:!H.value,onClick:W},{default:o(()=>[f(l(g.value.saveButtonLabel),1)]),_:1},8,["disabled"])])]),a("a",{ref_key:"exportLink",ref:U,class:"download-l

1ink hidden",href:q.value,download:j.value},null,8,iv)],64)):$("",!0)])}}};var cv=B(rv,[["__scopeId","data-v-4fd5c936"]]);const dv={class:"profile-personal-data mt-12"},uv={class:"flex"},mv={class:"flex-1"},pv={class:"bg-polar-white mb-1 p-4 tablet:mb-6 mt-4 w-full flex flex-col"},fv={class:"text-caption font-light text-sm leading-5 mt-0.5"},vv={key:0},hv={key:1},oa={__name:"ProfilePersonalData",props:{profileContent:{type:Object,required:!0}},setup(e){const n=z(),{t:s}=he(),r=C(()=>n.getters["user/availableUserData"]),c=C(()=>r.value.gender==="MALE"?s("common.salutations.sir"):s("common.salutations.madam"));return(u,p)=>{const v=y("Heading"),g=y("AnchorLink");return i(),h("div",dv,[a("div",uv,[a("div",mv,[d(v,{tag:"h3",heading:3,class:"font-bold"},{default:o(()=>[f(l(e.profileContent.personalInformationLabel),1)]),_:1})]),d(g,{path:{name:"EditPersonalDetails"},underlined:"",class:"ml-6"},{default:o(()=>[f(l(u.$t("common.edit")),1)]),_:1})]),a("div",pv,[a("div",null,l(c.value)+" "+l(r.value.initials)+" "+l(r.value.middleName)+" "+l(r.value.lastName),1),a("div",fv,[a("div",null,l(r.value.address.street)+" "+l(r.value.address.houseNumber)+" "+l(r.value.address.houseNumberAddition),1),a("div",null,l(r.value.address.postalCode)+" "+l(r.value.address.city),1),r.value.phone?(i(),h("div",vv,l(r.value.phone),1)):$("",!0),r.value.mobile?(i(),h("div",hv,l(r.value.mobile),1)):$("",!0)])])])}}},_v={class:"profile-account-details mt-12"},gv={class:"flex"},bv={class:"flex-1"},yv={class:"bg-polar-white mb-1 p-4 tablet:mb-6 mt-4 w-full"},xv={class:"block"},sa={__name:"ProfileAccountDetails",props:{profileContent:{type:Object,required:!0}},setup(e){const n=z(),s=C(()=>n.getters["user/availableUserData"]);return(r,c)=>{const u=y("Heading"),p=y("AnchorLink");return i(),h("div",_v,[a("div",gv,[a("div",bv,[d(u,{tag:"h3",heading:3,class:"font-bold"},{default:o(()=>[f(l(e.profileContent.accountInformationLabel),1)]),_:1})]),d(p,{path:{name:"EditAccountDetails"},underlined:""},{default:o(()=>[f(l(r.$t("common.edit")),1)]),_:1})]),a("div",yv,[a("span",xv,l(s.value.email),1),c[0]||(c[0]=a("span",{class:"block mt-2"},"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",-1))])])}}},Cv={class:"profile-my-cars mt-12"},kv={class:"flex"},$v={class:"flex-1"},wv={class:"block mt-4"},Iv=["src","alt"],la={__name:"ProfileMyCars",props:{profileContent:{type:Object,required:!0}},setup(e){const n=z(),s=Ae(),r=C(()=>n.getters["vehicles/availableVehicles"]),c=async u=>{n.commit("vehicles/setPreferredVehicle",u.houderschapsId);const p={houderschapsId:u.houderschapsId};await se("/api/user/set-preferred-car","POST",p),u.isVirtual?s.push({name:"VirtualCarLandingPage"}):s.push({name:"CarDetails",params:{houderschapsId:u.houderschapsId}})};return(u,p)=>{const v=y("Heading"),g=y("AnchorLink"),_=y("IconCar"),b=y("IconWrapper"),x=y("ListItem"),k=y("List");return i(),h("div",Cv,[a("div",kv,[a("div",$v,[d(v,{tag:"h3",heading:3,class:"font-bold"},{default:o(()=>[f(l(e.profileContent.myCarsLabel),1)]),_:1})]),d(g,{path:{name:"AddCar"}

1,underlined:"",onClick:p[0]||(p[0]=I=>m(n).dispatch("analytics/queueEvent",{event:"add_car_start",data:{form_step:"1",form_name:"mykia_add_car"}}))},{default:o(()=>[f(l(u.$t("common.add")),1)]),_:1})]),a("div",wv,[d(k,null,{default:o(()=>[(i(!0),h(Z,null,de(r.value,I=>(i(),D(x,{key:I.houderschapsId,"has-click-handler":"",onClick:w=>c(I)},ie({labelOne:o(()=>[f(l(I.model),1)]),_:2},[I.imageAsymmetricUrl||I.imageUrl?{name:"car",fn:o(()=>[a("img",{src:I.imageAsymmetricUrl||I.imageUrl,alt:I.model},null,8,Iv)]),key:"0"}:{name:"icon",fn:o(()=>[d(b,{class:"-translate-y-1"},{default:o(()=>[d(_)]),_:1})]),key:"1"},I.isVirtual?{name:"descriptionOne",fn:o(()=>[f(" ["+l(u.$t("common.car-on-order"))+"] ",1)]),key:"2"}:{name:"descriptionOne",fn:o(()=>[f(" ["+l(I.licensePlate)+"] ",1)]),key:"3"}]),1032,["onClick"]))),128))]),_:1})])])}}},Mv={class:"profile-documents mt-12"},Lv={class:"flex"},Sv={class:"flex-1"},Dv={class:"block mt-4"},ia={__name:"ProfileDocuments",props:{profileContent:{type:Object,required:!0}},setup(e){return(n,s)=>{const r=y("Heading"),c=y("IconMyKiaFamilyCard"),u=y("IconWrapper"),p=y("ListItem"),v=y("List");return i(),h("div",Mv,[a("div",Lv,[a("div",Sv,[d(r,{tag:"h3",heading:3,class:"font-bold"},{default:o(()=>[f(l(e.profileContent.documentsLabel),1)]),_:1})])]),a("div",Dv,[d(v,null,{default:o(()=>[d(p,{to:{name:"KiaFamilyCard"}},{icon:o(()=>[d(u,null,{default:o(()=>[d(c)]),_:1})]),labelOne:o(()=>[f(l(e.profileContent.myKiaFamilyCardDocumentLabel),1)]),_:1})]),_:1})])])}}},Tv=z(),Vv=async(e,n,s)=>{(await se("/api/user/communication-preferences","POST",{categoryId:e,deliveryTypeId:n,active:s})).isSuccess||Tv.commit("notifications/addNotification",{type:"error",message:t("errors.update-communication-preferences-failed")})},Av=z(),Ov=async e=>{(await se("/api/User/nieuwsbrief-rdb-interest-preferences","POST",{interests:[e]})).isSuccess||Av.commit("notifications/addNotification",{type:"error",message:t("errors.update-communication-preferences-failed")})},Pv={class:"grid grid-flow-row gap-6 w-full"},Ev={class:"flex-1"},Nv={__name:"ProfileOtherPreferences",setup(e){const n=A([]),s=A({});(async()=>{const u=await se("/api/user/nieuwsbrief-rdb-interest-preferences","GET");if(u.isSuccess){const p={};u.data.forEach(v=>{p[`${v.interest.id}`]=v.isInterested}),s.value=p,n.value=u.data}})();const c=(u,p)=>{Ov({interestId:u,isInterested:p})};return(u,p)=>{const v=y("ToggleSwitchControl"),g=y("AccordionItem"),_=y("Accordion");return i(),D(_,null,{default:o(()=>[d(g,null,{title:o(()=>p[0]||(p[0]=[f("Overige interesses")])),content:o(()=>[a("div",Pv,[(i(!0),h(Z,null,de(n.value,b=>(i(),h("div",{class:"flex items-center",key:b.id},[a("div",Ev,l(b.interest.short),1),d(v,{value:`${b.interest.id}`,modelValue:s.value[`${b.interest.id}`],"onUpdate:modelValue":[x=>s.value[`${b.interest.id}`]=x,x=>c(b.interest.id,x)]},null,8,["value","modelValue","onUpdate:modelValue"])]))),128))])]),_:1})]),_:1})}}},Hv={id:"profile-notifications",class:"mt-12"},qv={class:"block mt-4"},jv={class:"grid grid-flow-row gap-6 w-full"},Wv={class:"flex-1"},ra={__name:"ProfileCommunicationPreferences",props:{profileContent:{type:Object,required:!0}},setup(e){const n=z(),s=e,r=A([]),c=A({});(async()=>{const v=await se("/api/user/communication-preferences","GET");if(v.isSuccess){const g={};v.data.forEach(_=>{_.deliveryTypes.forEach(b=>{g[`${_.id}-${b.id}`]=b.active})}),c.value=g,r.value=v.data}v.isSuccess||n.commit("notifications/addNotification",{type:"error",message:t("errors.update-communication-preferences-failed")})})();const p=(v,g)=>{Vv(v.id,g.id,c.value[`${v.id}-${g.id}`]),n.dispatch("analytics/queueEvent",{event:"change_permissions_notifications",data:{notification_category:s.profileContent[v.titleKey],notification_type:s.profileContent[g.titleKey],consent:c.value[`${v.id}-${g.id}`]}})};return(v,g)=>{const _=y("Heading"),b=y("ToggleSwitchControl"),x=y("AccordionItem"),k=y("Accordion");return i(),h("div",Hv,[d(_,{tag:"h3",heading:3,class:"font-bold"},{default:o(()=>[f(l(e.profileContent.notificationsLabel),1)]),_:1}),a("div",qv,[d(k,null,{default:o(()=>[(i(!0),h(Z,null,de(r.value,I=>(i(),D(x,{key:I.id},{title:o(()=>[f(l(e.profileContent[I.titleKey]),1)]),content:o(()=>[a("div",jv,[(i(!0),h(Z,null,de(I.deliveryTypes,w=>(i(),h("div",{class:"flex items-center",key:w.id},[a("div",Wv,l(e.profileContent[w.titleKey]),1),d(b,{value:`${I.id}-${w.id}`,modelValue:c.value[`${I.id}-${w.id}`],"onUpdate:modelValue":[L=>c.value[`${I.id}-${w.id}`]=L,L=>p(I,w)]},null,8,["value","modelValue","onUpdate:modelValue"])]))),128))])]),_:2},1024))),128)),d(Nv)]),_:1})])])}}},Uv=z(),Fv=async(e,n)=>{(await se("/api/user/kcs-communication-preferences","POST",{categoryId:e,active:n})).isSuccess||Uv.commit("notifications/addNotification",{type:"error",message:t("errors.update-communication-preferences-failed")})},Bv={class:"profile-kcs-push-notifications"},Rv={class:"block mt-4"},Zv={class:"grid grid-flow-row gap-0.5 w-full"},zv={class:"flex-1"},ca={__name:"ProfileKCSPushNotifications",props:{profileContent:{type:Object,required:!0}},setup(e){const n=e,s=["PHEV","BEV"],r=z(),c=A([]),u=A({}),p=C(()=>r.getters["vehicles/availableVehicles"]);(async()=>{const _=await se(`/api/user/kcs-communication-preferences?showElectricOptions=${p.value.some(b=>s.includes(b.fuel)&&b.connectedCar)}`,"GET");if(_.isSuccess){const b={};_.data.forEach(x=>{b[x.categoryId]=x.active}),u.value=b,c.value=_.data}_.isSuccess||r.commit("notifications/addNotification",{type:"error",message:t("errors.update-communication-preferences-failed")})})();const g=_=>{Fv(_.categoryId,u.value[_.categoryId]),r.dispatch("analytics/queueEvent",{event:"change_permissions_pushmessages",data:{push_category:"Kia Connected Car",push_type:n.profileContent[_.key],consent:u.value[_.categoryId]}})};return(_,b)=>{const x=y("Heading"),k=y("ToggleSwitchControl");return i(),h("div",Bv,[d(x,{tag:"h3",heading:3,class:"font-bold"},{default:o(()=>

1[f(l(e.profileContent.kiaConnectedCarLabel),1)]),_:1}),a("div",Rv,[a("div",Zv,[(i(!0),h(Z,null,de(c.value,I=>(i(),h("div",{class:"flex items-center p-4 bg-polar-white",key:I.categoryId},[a("div",zv,l(e.profileContent[I.key])+l(I.label),1),d(k,{value:I.categoryId,modelValue:u.value[I.categoryId],"onUpdate:modelValue":[w=>u.value[I.categoryId]=w,w=>g(I)]},null,8,["value","modelValue","onUpdate:modelValue"])]))),128))])])])}}};const Kv={class:"car-manuals container max-w-5xl mx-auto px-4 tablet:px-0"},Yv={class:"flex"},Gv={class:"profile-logout mt-12"},Qv={class:"w-full flex tablet:justify-center"},Xv={class:"profile-delete-account mt-12 text-center"},Jv={class:"profile-delete-account mt-4 mb-12 text-center"},eh={__name:"Profile",setup(e){const n=z(),s=Ae(),r=oe();G("PageHeader",Ge),G("ProfilePersonalData",oa),G("ProfileAccountDetails",sa),G("ProfileMyCars",la),G("ProfileDocuments",ia),G("ProfileCommunicationPreferences",ra),G("ProfileKCSPushNotifications",ca);const c=r.meta.id,u=n.getters["content/getContentForComponent"](c).components[0],p=()=>{n.dispatch("authentication/logout"),n.dispatch("content/clearCache"),s.push({name:"Login"})},v=C(()=>n.getters["vehicles/hasConnectedVehicle"]);return(g,_)=>{const b=y("ButtonControl"),x=y("RichText");return i(),h("div",Kv,[a("div",Yv,[d(Ge,{"image-url":m(u).image.url,class:"mt-6 tablet:mt-0"},{title:o(()=>[f(l(m(u).title),1)]),_:1},8,["image-url"])]),d(oa,{"profile-content":m(u),class:"mt-12"},null,8,["profile-content"]),d(sa,{"profile-content":m(u),class:"mt-12"},null,8,["profile-content"]),d(la,{"profile-content":m(u),class:"mt-12"},null,8,["profile-content"]),d(ia,{"profile-content":m(u),class:"mt-12"},null,8,["profile-content"]),d(ra,{"profile-content":m(u),class:"mt-12"},null,8,["profile-content"]),v.value?(i(),D(ca,{key:0,"profile-content":m(u),class:"mt-12"},null,8,["profile-content"])):$("",!0),a("div",Gv,[a("div",Qv,[d(b,{onClick:p,styling:"secondary",class:"w-full tablet:w-auto"},{default:o(()=>[f(l(m(u).logoutButtonLabel),1)]),_:1})])]),a("div",Xv,[d(x,{content:m(u).deleteAccountText},null,8,["content"])]),a("div",Jv,[d(x,{content:m(u).termsAndConditionText},null,8,["content"])])])}}},th={class:"flex flex-col mb-4 tablet:flex-row tablet:items-center"},nh={class:"text-sm mb-1 tablet:mb-0 tablet:w-52 tablet:flex-shrink-0"},ah={class:"grid grid-cols-2 gap-x-0.5 tablet:flex-grow"},je={__name:"SubscriptionTableRow",props:{subscription:{type:String,default:Ne},hasPendingSubscription:{type:Boolean}},setup(e){const n=z(),s=oe(),r=e,c=C(()=>r.subscription===Ne),u=C(()=>s.params.houderschapsId?n.getters["vehicles/vehicleByHouderschapsId"](s.params.houderschapsId):n.getters["vehicles/preferredVehicle"]),p=C(()=>{var v;return(v=u.value.connectedCarInfo)==null?void 0:v.level});return(v,g)=>{const _=y("IconCheck"),b=y("IconMinus"),x=y("IconWrapper");return i(),h("div",th,[a("div",nh,[ae(v.$slots,"default")]),a("div",ah,[a("div",{class:Y([p.value===m(Ne)&&!e.hasPendingSubscription?"text-disabled":"text-midnight-black","py-1 inline-flex items-center justify-center bg-polar-white"])},[d(x,{"icon-fill":"currentColor",size:32},{default:o(()=>[c.value?(i(),D(_,{key:0,class:"no-stroke-width"})):(i(),D(b,{key:1}))]),_:1})],2),a("div",{class:Y(["py-1 inline-flex items-center justify-center bg-polar-white",p.value===m(Xe)&&!e.hasPendingSubscription?"text-disabled":"text-midnight-black"])},[d(x,{"icon-fill":"currentColor",size:32},{default:o(()=>[d(_,{class:"no-stroke-width"})]),_:1})],2)])])}}},oh={key:0,class:"subscription-table flex flex-col"},sh={class:"grid grid-cols-2 gap-x-0.5 mb-8 sticky top-14 tablet:top-28 bg-background tablet:ml-52"},lh={class:"grid grid-cols-2 gap-x-0.5 mt-4 tablet:ml-52"},ih={class:"grid grid-cols-2 gap-x-0.5 mt-4 tablet:ml-52 relative z-0"},rh={key:0,class:"text-sm text-caption justify-center text-center mx-auto col-span-3"},ch={key:0,class:"inline-flex"},dh={key:2,class:"absolute top-0 left-0 w-full h-full bg-opacity-80 bg-polar-white flex items-center justify-center"},uh={class:"text-sm text-caption mt-8"},da={__name:"SubscriptionTable",props:{content:{type:Object,required:!0},vehicle:{type:Object,default:null}},setup(e){const n=z();Ae();const{t:s}=he();

1G("SubscriptionTableRow",je),G("UpgradeDowngradeButton",ft);const r=e,c=C(()=>{var x,k;return(k=(x=r.vehicle)==null?void 0:x.connectedCarInfo)==null?void 0:k.level}),u=A([]),p=C(()=>u.value.findIndex(x=>x.pendingActivation)>-1),v=async()=>{var k;const x=await se(`/api/vehicle/${(k=r.vehicle)==null?void 0:k.houderschapsId}/connected-subscription-levels`,"GET");x.isSuccess&&(u.value=x.data)},g=A(!1),_=async x=>{try{g.value=!0,(await n.dispatch("vehicles/changeSubscription",{houderschapsId:r.vehicle.houderschapsId,subscription:x})).isSuccess?(v(),n.commit("notifications/addNotification",{type:"success",message:r.content.successLabel})):n.commit("notifications/addNotification",{type:"error",message:s("errors.update-subscription-failed")})}catch{n.commit("notifications/addNotification",{type:"error",message:s("errors.update-subscription-failed")})}finally{g.value=!1}};v();const b=x=>{switch(x){case Xe:return r.content.kcsProUrl;case Ne:return r.content.kcsPlusUrl;default:return null}};return(x,k)=>{const I=y("Spinner");return e.vehicle?(i(),h("div",oh,[a("div",sh,[a("div",{class:Y(["text-sm pt-2 pb-1 text-center",c.value===m(Ne)&&!p.value?"bg-soft-gray":"bg-backline"])},l(e.content.kcsPlusLabel),3),a("div",{class:Y(["text-sm pt-2 pb-1 text-center",c.value===m(Xe)&&!p.value?"bg-soft-gray":"bg-backline"])},l(e.content.kcsProLabel),3)]),d(je,{"has-pending-subscription":p.value},{default:o(()=>[f(l(e.content.fuelMeterLabel),1)]),_:1},8,["has-pending-subscription"]),d(je,{"has-pending-subscription":p.value},{default:o(()=>[f(l(e.content.mileageLabel),1)]),_:1},8,["has-pending-subscription"]),d(je,{"has-pending-subscription":p.value},{default:o(()=>[f(l(e.content.fuelUseLabel),1)]),_:1},8,["has-pending-subscription"]),d(je,{"has-pending-subscription":p.value,subscription:m(Ne)},{default:o(()=>[f(l(e.content.rangeLabel),1)]),_:1},8,["has-pending-subscription","subscription"]),d(je,{"has-pending-subscription":p.value,subscription:m(Ne)},{default:o(()=>[f(l(e.content.chargingIndictationLabel),1)]),_:1},8,["has-pending-subscription","subscription"]),d(je,{"has-pending-subscription":p.value},{default:o(()=>[f(l(e.content.drivingStyleLabel),1)]),_:1},8,["has-pending-subscription"]),d(je,{"has-pending-subscription":p.value},{default:o(()=>[f(l(e.content.tirePressureLabel),1)]),_:1},8,["has-pending-subscription"]),d(je,{"has-pending-subscription":p.value},{default:o(()=>[f(l(e.content.doorsLockedLabel),1)]),_:1},8,["has-pending-subscription"]),d(je,{"has-pending-subscription":p.value},{default:o(()=>[f(l(e.content.handbrakeLabel),1)]),_:1},8,["has-pending-subscription"]),d(je,{"has-pending-subscription":p.value,subscription:m(Ne)},{default:o(()=>[f(l(e.content.gpsLocationNetherlandsLabel),1)]),_:1},8,["has-pending-subscription","subscription"]),d(je,{"has-pending-subscription":p.value,subscription:m(Ne)},{default:o(()=>[f(l(e.content.gpsLocationEuropeLabel),1)]),_:1},8,["has-pending-subscription","subscription"]),d(je,{"has-pending-subscription":p.value,subscription:m(Ne)},{default:o(()=>[f(l(e.content.notificationsLabel),1)]),_:1},8,["has-pending-subscription","subscription"]),d(je,{"has-pending-subscription":p.value,subscription:m(Xe)},{default:o(()=>[f(l(e.content.myRideHistoryLabel),1)]),_:1},8,["has-pending-subscription","subscription"]),a("div",lh,[a("div",{class:Y(["text-sm pt-2 pb-1 text-center bg-backline",c.value===m(Ne)&&!p.value?"bg-soft-gray text-caption":"bg-backline"])}," \u20AC "+l(e.content.kcsPlusCost)+" / "+l(x.$t("common.month").toLowerCase()),3),a("div",{class:Y(["text-sm pt-2 pb-1 text-center bg-backline",c.value===m(Xe)&&!p.value?"bg-soft-gray text-caption":"bg-backline"])}," \u20AC "+l(e.content.kcsProCost)+" / "+l(x.$t("common.month").toLowerCase()),3)]),a("div",ih,[p.value?(i(),h("div",rh,l(e.content.pendingActivationLabel),1)):(i(!0),h(Z,{key:1},de(u.value,w=>(i(),h(Z,{key:w.level},[w.level==="Plus"||w.level==="Pro"?(i(),h("div",ch,[d(ft,{subscription:w,"current-subscription":c.value,path:b(w.level),onChange:_},null,8,["subscription","current-subscription","path"])])):$("",!0)],64))),128)),g.value?(i(),h("div",dh,[d(I,{class:"w-8 h-8","border-width":2})])):$("",!0)]),a("div",uh,l(e.content.optionDescription),1)])):$("",!0)}}},mh={class:"subscription container max-w-5xl mx-auto my-6 p-4"},ph={key:0,class:"subscription__current-subscription"},fh={key:0,class:"text-sm text-center"},vh={class:"subscription__compare-table mt-6"},hh={__name:"Subscription",setup(e){const n=z(),s=oe();G("SubscriptionTable",da);const r=s.meta.id,c=C(()=>n.getters["content/getContentForComponent"](r).components.find(b=>b.type==="SubscriptionInfo")),u=C(()=>s.params.houderschapsId?n.getters["vehicles/vehicleByHouderschapsId"](s.params.houderschapsId):n.getters["vehicles/preferredVehicle"]),p=C(()=>{var g;return(g=u.value.connectedCarInfo)==null?void 0:g.level}),v=C(()=>{var b,x;let g=c.value.kcsBasicLabel;switch(p.value){case Xe:g=c.value.kcsProLabel;break;case Ne:g=c.value.kcsPlusLabel;break}const _=(b=u.value.connectedCarInfo)!=null&&b.endDate?te((x=u.value.connectedCarInfo)==null?void 0:x.endDate).format("DD-MM-YYYY"):null;return c.value.currentSubscriptionDescription.replace("{SUBSCRIPTION}",g).replace("{DATE}",_)});return(g,_)=>{const b=y("Heading");return i(),h("div",mh,[u.value?(i(),h("div",ph,[d(b,{tag:"h1",heading:2,class:"font-bold mb-4 text-center"},{default:o(()=>

1[f(l(c.value.title),1)]),_:1}),p.value?(i(),h("div",fh,l(v.value),1)):$("",!0)])):$("",!0),a("div",vh,[d(da,{content:c.value,vehicle:u.value},null,8,["content","vehicle"])])])}}},_h={},gh={width:"343",height:"216",viewBox:"0 0 343 216",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"family-card font-body"},bh={"clip-path":"url(#clipPath)"},yh={class:"fill-current text-polar-white","xml:space":"preserve",style:{"white-space":"pre"},"font-size":"20","letter-spacing":"0px"},xh={x:"132",y:"134"},Ch={class:"fill-current text-polar-white","xml:space":"preserve",style:{"white-space":"pre"},"font-size":"12","font-weight":"bold","letter-spacing":"0px"},kh={x:"132",y:"163.1"},$h={x:"132",y:"184.1"};function wh(e,n){return i(),h("svg",gh,[a("g",bh,[n[0]||(n[0]=a("rect",{class:"fill-current text-midnight-black",width:"343",height:"216",rx:"12"},null,-1)),n[1]||(n[1]=a("path",{class:"stroke-current text-polar-white",d:"M385.5 216.5H-168.137L163.913 24.416L163.922 24.4107L163.931 24.4049C170.368 20.3032 177.992 18.245 185.722 18.5252L185.731 18.5256H185.74H365.165H365.177L365.188 18.525C370.292 18.2864 375.286 19.9842 379.087 23.2447C382.883 26.501 385.184 31.0528 385.5 35.9136V216.5Z"},null,-1)),a("text",yh,[a("tspan",xh,[ae(e.$slots,"title")])]),a("text",Ch,[a("tspan",kh,[ae(e.$slots,"name")]),a("tspan",$h,[ae(e.$slots,"contact-id")])]),n[2]||(n[2]=a("path",{class:"fill-current text-polar-white",d:"M63.0683 169.033C63.0683 169.165 63.0683 169.26 63.1884 169.26C63.248 169.27 63.309 169.27 63.3686 169.26L87.0739 154.621C87.4699 154.352 87.9479 154.212 88.4353 154.223H93.6409C93.9743 154.207 94.3011 154.315 94.5516 154.524C94.8021 154.733 94.9567 155.026 94.9824 155.342V164.956C95.0428 165.441 94.9471 165.933 94.7078 166.366C94.4684 166.799 94.0965 167.153 93.6409 167.383L87.3141 170.986C87.2489 171.005 87.1792 171.005 87.114 170.986C87.114 170.986 86.9738 170.986 86.9738 170.739V159.741C86.9738 159.627 86.9738 159.532 86.8336 159.532H86.6534L69.335 170.246C68.942 170.507 68.4733 170.646 67.9935 170.644H56.5213C56.1846 170.66 55.8551 170.549 55.604 170.336C55.3529 170.123 55.2005 169.825 55.1798 169.507V155.759C55.1798 155.645 55.1798 155.569 55.0597 155.569C55.0013 155.55 54.9379 155.55 54.8795 155.569L43.4473 162.111C43.3272 162.111 43.3072 162.225 43.3072 162.282C43.3072 162.339 43.3071 162.282 43.4072 162.434L51.556 170.208C51.6035 170.239 51.644 170.278 51.675 170.323C51.706 170.369 51.7268 170.42 51.7361 170.474C51.7361 170.474 51.616 170.606 51.4959 170.606H44.1681C43.6873 170.637 43.211 170.502 42.8266 170.227L37.8813 165.525C37.8595 165.514 37.8356 165.509 37.8113 165.509C37.787 165.509 37.7631 165.514 37.7412 165.525H37.581L29.3122 170.265C28.9218 170.529 28.4499 170.662 27.9708 170.644H20.3426C20.0113 170.66 19.6868 170.551 19.4394 170.342C19.1921 170.132 19.0419 169.839 19.0212 169.526V160.044C18.9546 159.563 19.0457 159.074 19.282 158.643C19.5183 158.213 19.8885 157.861 20.3426 157.636L26.7094 154.014C26.7609 153.995 26.8181 153.995 26.8696 154.014C26.9697 154.014 27.0298 154.014 27.0298 154.318V166.738C27.0298 166.871 27.0298 166.928 27.1499 166.928C27.2091 166.941 27.2709 166.941 27.3301 166.928L48.813 154.64C49.2331 154.375 49.7304 154.243 50.2345 154.261H61.7869C62.1235 154.245 62.4531 154.356 62.7042 154.569C62.9552 154.782 63.1077 155.08 63.1283 155.399V169.033H63.0683Z"},null,-1)),n[3]||(n[3]=a("text",{class:"fill-current text-polar-white","xml:space":"preserve",style:{"white-space":"pre"},"font-size":"7","letter-spacing":"0px"},[a("tspan",{x:"18",y:"182.023"},"Movement that inspires")],-1))]),n[4]||(n[4]=a("defs",null,[a("clipPath",{id:"clipPath"},[a("rect",{width:"343",height:"216",rx:"12",fill:"white"})])],-1))])}var ua=B(_h,[["render",wh]]);const Ih={class:"kia-family-card container max-w-5xl mx-auto p-4 tablet:px-0 tablet:py-6"},Mh={class:"flex flex-col tablet:flex-row"},Lh={class:"flex justify-center tablet:justify-start mb-6 tablet:mb-0"},Sh={key:1,class:"tablet:ml-4 max-w-md"},Dh={__name:"KiaFamilyCard",setup(e){const n=oe(),s=z(),{t:r}=he();G("FamilyCard",ua);const c=C(()=>s.getters["content/getContentForComponent"](n.meta.id).components.find(x=>x.type==="KiaFamilyCardInfo")),u=C(()=>s.getters["user/getKiaFamilyCard"]),p=A(!1),v=async()=>{p.value=!0;try{const _=await s.dispatch("user/getKiaFamilyCardData");p.value=!1}catch{s.commit("notifications/addNotification",{type:"error",message:r("errors.get-family-card-failed")})}},g=C(()=>s.getters["user/availableUserData"]);return u.value||v(),(_,b)=>{const x=y("ListItem"),k=y("List");return i(),h("div",Ih,[a("div",Mh,[a("div",Lh,[d(ua,{class:"w-full tablet:w-auto"},{title:o(()=>

1[f(l(c.value.cardTitleLabel),1)]),name:o(()=>[f(l(c.value.nameLabel)+" : \xA0 "+l(g.value&&u.value?g.value.fullName:"-"),1)]),"contact-id":o(()=>[f(l(c.value.contactIdLabel)+" : \xA0 "+l(g.value&&u.value?g.value.id:"-"),1)]),_:1})]),p.value||u.value?(i(),D(k,{key:0,class:"kia-family-card__list mx-auto w-full tablet:flex-grow tablet:ml-4 tablet:mr-0"},{default:o(()=>[d(x,{loading:p.value},{labelOne:o(()=>[f(l(g.value?g.value.fullName:"-"),1)]),descriptionOne:o(()=>[f(l(c.value.nameCardholderLabel),1)]),_:1},8,["loading"]),d(x,{loading:p.value},{labelOne:o(()=>[f(l(g.value?g.value.id:"-"),1)]),descriptionOne:o(()=>[f(l(c.value.cardNumberLabel),1)]),_:1},8,["loading"]),d(x,{loading:p.value},{labelOne:o(()=>[f(l(u.value?m(te)(u.value.startDate).format("DD-MM-YYYY"):"-"),1)]),descriptionOne:o(()=>[f(l(c.value.startDateLabel),1)]),_:1},8,["loading"]),d(x,{loading:p.value},{labelOne:o(()=>[f(l(u.value?m(te)(u.value.endDate).format("DD-MM-YYYY"):"-"),1)]),descriptionOne:o(()=>[f(l(c.value.endDateLabel),1)]),_:1},8,["loading"])]),_:1})):(i(),h("div",Sh,l(c.value.noFamilyCardFound),1))])])}}};var Th=B(Dh,[["__scopeId","data-v-19e51097"]]);const Vh={class:"change-personal-details"},Ah={class:"relative",onsubmit:"return false"},Oh={class:"desktop:grid desktop:grid-cols-5 desktop:gap-x-4"},Ph={class:"mt-6"},Eh={class:"mt-6"},Nh={class:"mt-6"},Hh={class:"mt-6"},qh={class:"mt-6"},jh={class:"flex desktop:flex-row flex-col"},Wh={class:"mt-6 desktop:mr-4 flex-1"},Uh={class:"mt-6 desktop:mr-4 flex-1"},Fh={class:"mt-6 flex-1"},Bh={key:0,class:"block font-light text-base text-cardinal-red mt-4"},Rh={class:"flex relative desktop:flex-row flex-col"},Zh={key:0,class:"absolute flex left-0 right-0 top-0 bottom-0 desktop:mt-6 items-center justify-center text-center"},zh={class:"mt-6 desktop:mr-4 flex-1"},Kh={class:"mt-6 flex-1"},Yh={class:"desktop:grid desktop:grid-cols-2 desktop:gap-x-4"},Gh={class:"mt-6"},Qh={class:"mt-6"},Xh={key:1,class:"mt-6 flex flex-col"},Jh={class:"mt-12"},e_={key:2,class:"absolute top-0 left-0 w-full h-full bg-opacity-80 bg-background flex items-center justify-center"},t_={class:"fixed top-1/2"},ma={__name:"ChangePersonalDetails",setup(e){const n=z(),s=Ae(),r=oe(),{t:c}=he(),u=A(null),p=A(!1),v=A(!1),g=A(!1),_=C(()=>n.getters["content/getContentForComponent"](r.meta.id).components[0].content),b=C(()=>n.getters["user/availableUserData"]),x=async T=>await I(T),k=[{id:0,label:c("common.salutations.sir")},{id:1,label:c("common.salutations.madam")}],{validateField:I,setFieldValue:w,meta:L,errors:S,values:M}=We({validationSchema:Ue({gender:ot().oneOf(k.map(T=>T.id)).required(c("ui-elements.form.validation-required",{fieldname:_.value.salutation.text.toLowerCase()||""})),initials:ge().required(c("ui-elements.form.validation-required",{fieldname:_.value.initials.label.toLowerCase()})),firstName:ge().notRequired().nullable(!0),middleName:ge().nullable(!0),lastName:ge().required(c("ui-elements.form.validation-required",{fieldname:_.value.lastName.label.toLowerCase()||""})),street:ge().required(c("ui-elements.form.validation-required",{fieldname:_.value.street.label.toLowerCase()||""})),houseNumber:ot().typeError(c("ui-elements.form.validation-required",{fieldname:_.value.houseNumber.label.toLowerCase()||""})).min(1,c("ui-elements.form.validation-number-min",{number:1})).max(999,c("ui-elements.form.validation-number-max",{number:999})).required(c("ui-elements.form.validation-required",{fieldname:_.value.houseNumber.label.toLowerCase()||""})),addressAddition:ge().nullable(!0),postalCode:ge().required(c("ui-elements.form.validation-required",{fieldname:_.value.postalcode.label.toLowerCase()||""})).matches(/^\d{4}[a-z,A-Z]{2}/,c("ui-elements.form.validation-postalcode")),city:ge().required(c("ui-elements.form.validation-required",{fieldname:_.value.city.label.toLowerCase()})),telephoneNumber:ge().notRequired().nullable(!0).max(10,c("ui-elements.form.validation-telephone-number")).matches(/^$|^0/,c("ui-elements.form.validation-telephone-number")),mobileNumber:ge().notRequired().nullable(!0).max(10,c("ui-elements.form.validation-mobile-number")).matches(/^$|^06/,c("ui-elements.form.validation-mobile-number"))}),initialValues:{gender:b.value.gender==="MALE"?0:1,initials:b.value.initials,firstName:b.value.firstName,middleName:b.value.middleName,lastName:b.value.lastName,street:b.value.address.street,houseNumber:b.value.address.houseNumber,addressAddition:b.value.address.houseNumberAddition,postalCode:b.value.address.postalCode.replace(" ",""),city:b.value.address.city,telephoneNumber:b.value.phone,mobileNumber:b.value.mobile}}),{value:V}=ce("gender"),{value:H}=ce("initials",null,{validateOnValueUpdate:!1}),{value:W}=ce("firstName",null,{validateOnValueUpdate:!1}),{value:U}=ce("middleName",null,{validateOnValueUpdate:!1}),{value:q}=ce("lastName",null,{validateOnValueUpdate:!1}),{value:j}=ce("street",null,{validateOnValueUpdate:!1}),{value:E}=ce("houseNumber",null,{validateOnValueUpdate:!1}),{value:R}=ce("addressAddition",null,{validateOnValueUpdate:!1}),{value:N}=ce("postalCode",null,{validateOnValueUpdate:!1}),{value:ee}=ce("city",null,{validateOnValueUpdate:!1}),{value:F}=ce("telephoneNumber",null,{validateOnValueUpdate:!1}),{value:K}=ce("mobileNumber",null,{validateOnValueUpdate:!1}),Q=A(!ee.value),J=A(!j.value),{handleAddressFieldInput:be,removeAddressError:ye}=co(N,E,v,J,Q,g,u,w),re=C(()=>L.value.valid&&L.value.dirty&&!p.value),X=async()=>

1{if(!p.value){p.value=!0;try{const T=xe({},ut(M,!0)),O=await n.dispatch("user/changePersonalDetails",{personalDetails:T});O.isSuccess?(n.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${r.path}/success`}}),s.push({name:"Profile"})):u.value=O.errors}catch{n.commit("notifications/addNotification",{type:"error",message:c("errors.change-personal-details-failed")})}finally{p.value=!1}}};return(T,O)=>{const ne=y("Heading"),pe=y("FormLabel"),ue=y("SelectControl"),_e=y("InputControl"),ve=y("Spinner"),ke=y("ButtonControl");return i(),h("div",Vh,[a("form",Ah,[d(ne,{tag:"h4",heading:3,class:"font-bold"},{default:o(()=>[f(l(_.value.personalInformationCategory.text),1)]),_:1}),a("div",Oh,[a("div",Ph,[d(ue,{modelValue:m(V),"onUpdate:modelValue":O[0]||(O[0]=P=>le(V)?V.value=P:null),options:k},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.salutation.text),1)]),_:2},1032,["for"])]),_:2},[m(S).gender?{name:"error",fn:o(()=>[f(l(m(S).gender),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",Eh,[d(_e,{type:"text",modelValue:m(H),"onUpdate:modelValue":O[1]||(O[1]=P=>le(H)?H.value=P:null),onChange:O[2]||(O[2]=P=>x("initials"))},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.initials.label),1)]),_:2},1032,["for"])]),_:2},[m(S).initials?{name:"error",fn:o(()=>[f(l(m(S).initials),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",Nh,[d(_e,{type:"text",modelValue:m(W),"onUpdate:modelValue":O[3]||(O[3]=P=>le(W)?W.value=P:null),onChange:O[4]||(O[4]=P=>x("firstName"))},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.firstName.label),1)]),_:2},1032,["for"])]),_:2},[m(S).firstName?{name:"error",fn:o(()=>[f(l(m(S).firstName),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",Hh,[d(_e,{type:"text",modelValue:m(U),"onUpdate:modelValue":O[5]||(O[5]=P=>le(U)?U.value=P:null),onChange:O[6]||(O[6]=P=>x("middleName"))},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.middleName.label),1)]),_:2},1032,["for"])]),_:2},[m(S).middleName?{name:"error",fn:o(()=>[f(l(m(S).middleName),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",qh,[d(_e,{type:"text",modelValue:m(q),"onUpdate:modelValue":O[7]||(O[7]=P=>le(q)?q.value=P:null),onChange:O[8]||(O[8]=P=>x("lastName"))},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.lastName.label),1)]),_:2},1032,["for"])]),_:2},[m(S).lastName?{name:"error",fn:o(()=>[f(l(m(S).lastName),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),d(ne,{tag:"h4",heading:3,class:"font-bold mt-16"},{default:o(()=>[f(l(_.value.addressCategory.text),1)]),_:1}),a("div",jh,[a("div",Wh,[d(_e,{type:"text",modelValue:m(N),"onUpdate:modelValue":O[9]||(O[9]=P=>le(N)?N.value=P:null),placeholder:_.value.postalcode.placeholder,onChange:O[10]||(O[10]=P=>x("postalCode")),onInput:O[11]||(O[11]=P=>m(be)())},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.postalcode.label),1)]),_:2},1032,["for"])]),_:2},[m(S).postalCode?{name:"error",fn:o(()=>[f(l(m(S).postalCode),1)]),key:"0"}:void 0]),1032,["modelValue","placeholder"])]),a("div",Uh,[d(_e,{type:"number",modelValue:m(E),"onUpdate:modelValue":O[12]||(O[12]=P=>le(E)?E.value=P:null),onChange:O[13]||(O[13]=P=>x("houseNumber")),onInput:O[14]||(O[14]=P=>m(be)())},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.houseNumber.label),1)]),_:2},1032,["for"])]),_:2},[m(S).houseNumber?{name:"error",fn:o(()=>[f(l(m(S).houseNumber),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",Fh,[d(_e,{type:"text",modelValue:m(R),"onUpdate:modelValue":O[15]||(O[15]=P=>le(R)?R.value=P:null),onChange:O[16]||(O[16]=P=>x("addressAddition"))},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.addressAddition.label),1)]),_:2},1032,["for"])]),_:2},[m(S).addressAddition?{name:"error",fn:o(()=>[f(l(m(S).addressAddition),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),g.value?(i(),h("span",Bh,l(T.$t("errors.postalcode-and-housenumber-combination-not-found")),1)):$("",!0),a("div",Rh,[v.value?(i(),h("div",Zh,[d(ve,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),a("div",zh,[d(_e,{type:"text",modelValue:m(j),"onUpdate:modelValue":O[17]||(O[17]=P=>le(j)?j.value=P:null),onChange:O[18]||(O[18]=P=>x("street")),onInput:O[19]||(O[19]=P=>m(ye)()),disabled:Q.value||p.value},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.street.label),1)]),_:2},1032,["for"])]),_:2},[m(S).street?{name:"error",fn:o(()=>[f(l(m(S).street),1)]),key:"0"}:void 0]),1032,["modelValue","disabled"])]),a("div",Kh,[d(_e,{type:"text",modelValue:m(ee),"onUpdate:modelValue":O[20]||(O[20]=P=>le(ee)?ee.value=P:null),onChange:O[21]||(O[21]=P=>x("city")),onInput:O[22]||(O[22]=P=>m(ye)()),disabled:Q.value||p.value},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.city.label),1)]),_:2},1032,["for"])]),_:2},[m(S).city?{name:"error",fn:o(()=>[f(l(m(S).city),1)]),key:"0"}:void 0]),1032,["modelValue","disabled"])])]),d(ne,{tag:"h4",heading:3,class:"font-bold mt-16"},{default:o(()=>[f(l(_.value.contactCategory.text),1)]),_:1}),a("div",Yh,[a("div",Gh,[d(_e,{type:"text",modelValue:m(F),"onUpdate:modelValue":O[23]||(O[23]=P=>le(F)?F.value=P:null),onChange:O[24]||(O[24]=P=>x("telephoneNumber"))},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.telephoneNumber.label),1)]),_:2},1032,["for"])]),_:2},[m(S).telephoneNumber?{name:"error",fn:o(()=>[f(l(m(S).telephoneNumber),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",Qh,[d(_e,{type:"text",modelValue:m(K),"onUpdate:modelValue":O[25]||(O[25]=P=>le(K)?K.value=P:null),onChange:O[26]||(O[26]=P=>x("mobileNumber"))},ie({label:o(({id:P})=>[d(pe,{for:P},{default:o(()=>[f(l(_.value.mobileNumber.label),1)]),_:2},1032,["for"])]),_:2},[m(S).mobileNumber?{name:"error",fn:o(()=>[f(l(m(S).mobileNumber),1)]),key:"0"}:void 0]),1032,["modelValue"])])]),u.value?(i(),h("div",Xh,[(i(!0),h(Z,null,de(u.value,(P,Me)=>

1(i(),h("span",{key:Me,class:"font-light text-base text-cardinal-red mt-0.5"},l(T.$t(P)),1))),128))])):$("",!0),a("div",Jh,[d(ke,{disabled:!re.value,styling:"secondary",class:"w-full tablet:w-auto",onClick:X},{default:o(()=>[f(l(T.$t("common.save")),1)]),_:1},8,["disabled"])]),p.value?(i(),h("div",e_,[a("div",t_,[d(ve,{class:"w-8 h-8","border-width":2})])])):$("",!0)])])}}},n_={class:"edit-personal-details container max-w-5xl mx-auto my-4 tablet:my-8 p-4 tablet:p-0 relative"},a_={__name:"EditPersonalDetails",setup(e){const n=z(),s=oe();G("ChangePersonalDetails",ma);const r=C(()=>n.getters["content/getContentForComponent"](s.meta.id));return(c,u)=>{const p=y("Heading");return i(),h("div",n_,[d(p,{tag:"h1",heading:2,class:"mb-6"},{default:o(()=>[f(l(r.value.title),1)]),_:1}),d(ma)])}}},o_={class:"flex flex-col relative"},s_={key:0,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},l_={class:"mt-6"},i_={class:"mt-6"},r_={key:1,class:"mt-6 flex flex-col"},c_={class:"mt-6"},d_={class:"flex"},u_={class:"mt-1"},pa={__name:"ChangeEmailAddress",setup(e){const n=z(),s=oe(),{t:r}=he(),c=C(()=>n.getters["content/getContentForComponent"](s.meta.id).changeEmailForm),{validateField:u,errors:p,meta:v}=We({validationSchema:Ue({email:ge().email(r("ui-elements.form.validation-email-address")).required(r("ui-elements.form.validation-required",{fieldname:c.value.content.emailAddress.label.toLowerCase()})),password:ge().required(r("ui-elements.form.validation-required",{fieldname:c.value.content.currentPassword.label.toLowerCase()}))})}),g=async j=>await u(j),_=A([]),{value:b}=ce("email",null,{validateOnValueUpdate:!1}),{value:x}=ce("password",null,{validateOnValueUpdate:!1}),k=A("password"),I=()=>{k.value==="password"?k.value="input":k.value="password"},w=()=>{b.value="",x.value=""},L=A(!1),S=()=>{L.value=!0},M=()=>{L.value=!1},V=A(!1),H=C(()=>b.value?b.value.trim():null),W=C(()=>x.value?x.value.trim():null),U=C(()=>H.value&&W.value&&v.value.valid&&!V.value),q=async()=>{if(!!U.value)try{V.value=!0;const j=await n.dispatch("user/changeEmail",{email:H.value,password:W.value});j.isSuccess?(S(),n.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${s.path}/success`,type:"email"}}),w()):_.value=j.errors}catch{n.commit("notifications/addNotification",{type:"error",message:r("errors.change-email-failed")})}finally{V.value=!1}};return(j,E)=>{const R=y("Spinner"),N=y("Heading"),ee=y("FormLabel"),F=y("InputControl"),K=y("IconEye"),Q=y("IconWrapper"),J=y("ButtonControl"),be=y("IconSuccess"),ye=y("Modal");return i(),h("div",o_,[V.value?(i(),h("div",s_,[d(R,{class:"w-8 h-8","border-width":2})])):$("",!0),d(N,{tag:"h2",heading:3},{default:o(()=>[f(l(c.value.name),1)]),_:1}),a("div",l_,[d(F,{type:"email",modelValue:m(b),"onUpdate:modelValue":E[0]||(E[0]=re=>le(b)?b.value=re:null),onChange:E[1]||(E[1]=re=>g("email"))},ie({label:o(({id:re})=>[d(ee,{for:re},{default:o(()=>[f(l(c.value.content.emailAddress.label),1)]),_:2},1032,["for"])]),_:2},[m(p).email?{name:"error",fn:o(()=>[f(l(m(p).email),1)]),key:"0"}:void 0]),1032,["modelValue"])]),a("div",i_,[d(F,{type:k.value,modelValue:m(x),"onUpdate:modelValue":E[2]||(E[2]=re=>le(x)?x.value=re:null),onChange:E[3]||(E[3]=re=>g("password"))},ie({label:o(({id:re})=>[d(ee,{for:re},{default:o(()=>[f(l(c.value.content.currentPassword.label),1)]),_:2},1032,["for"])]),description:o(()=>[f(l(c.value.content.currentPassword.description),1)]),iconRight:o(()=>[d(Q,{class:"hover:cursor-pointer",onClick:I},{default:o(()=>[d(K)]),_:1})]),_:2},[m(p).password?{name:"error",fn:o(()=>[f(l(m(p).password),1)]),key:"0"}:void 0]),1032,["type","modelValue"])]),_.value?(i(),h("div",r_,[(i(!0),h(Z,null,de(_.value,(re,X)=>(i(),h("span",{key:X,class:"font-light text-base text-cardinal-red mt-0.5"},l(j.$t(re)),1))),128))])):$("",!0),a("div",c_,[d(J,{disabled:!U.value,styling:"secondary",class:"w-full tablet:w-auto",onClick:q},{default:o(()=>[f(l(c.value.content.submitButton.text),1)]),_:1},8,["disabled"])]),d(ye,{"is-visible":L.value,"can-be-closed":!1,onClose:M},{heading:o(()=>[a("span",d_,[d(Q,{class:"mr-2"},{default:o(()=>[d(be)]),_:1}

1),a("span",u_,l(c.value.content.confirmationModal.title),1)])]),content:o(()=>[f(l(c.value.content.confirmationModal.description),1)]),button:o(re=>[d(J,{to:{name:"Profile"},onClick:re.closeModal},{default:o(()=>[f(l(c.value.content.confirmationModal.buttonLabel),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])])}}},m_={class:"flex flex-col relative"},p_={key:0,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},f_={class:"mt-6"},v_={class:"mt-6"},h_={class:"mt-6"},__={key:1,class:"mt-6 flex flex-col"},g_={class:"mt-6"},b_={class:"flex"},y_={class:"mt-1"},fa={__name:"ChangePassword",setup(e){const n=z(),s=oe(),{t:r}=he(),c=C(()=>n.getters["content/getContentForComponent"](s.meta.id).changePasswordForm),{validateField:u,errors:p,meta:v}=We({validationSchema:Ue({currentPassword:ge().required(r("ui-elements.form.validation-required",{fieldname:c.value.content.currentPassword.label.toLowerCase()})),newPassword:ge().matches(/^.*(?=.{8,})((?=.*[!@#$%^&*()\-_=+{};:,<.>]){1})(?=.*\d)((?=.*[a-z]){1})((?=.*[A-Z]){1}).*$/,r("ui-elements.form.validation-password-policy")).required(r("ui-elements.form.validation-required",{fieldname:c.value.content.newPassword.label.toLowerCase()})),verifyNewPassword:ge().required(r("ui-elements.form.validation-required",{fieldname:c.value.content.verifyNewPassword.label.toLowerCase()})).oneOf([Wa("newPassword")],r("ui-elements.form.validation-password-identical"))})}),g=async R=>await u(R),_=A([]),{value:b}=ce("currentPassword",null,{validateOnValueUpdate:!1}),{value:x}=ce("newPassword",null,{validateOnValueUpdate:!1}),{value:k}=ce("verifyNewPassword",null,{validateOnValueUpdate:!1}),I=A({current:"password",new:"password",verify:"password"}),w=R=>{!I.value[R]||(I.value[R]==="password"?I.value[R]="input":I.value[R]="password")},L=()=>{b.value="",x.value="",k.value=""},S=A(!1),M=()=>{S.value=!0},V=()=>{S.value=!1},H=A(!1),W=C(()=>b.value?b.value.trim():null),U=C(()=>x.value?x.value.trim():null),q=C(()=>k.value?k.value.trim():null),j=C(()=>W.value&&U.value&&q.value&&v.value.valid,!H.value),E=async()=>{if(!!j.value)try{H.value=!0;const R={oldPassword:W.value,newPassword:U.value},N=await se("/api/user/change-password","POST",R);N.isSuccess?(M(),n.dispatch("analytics/queueEvent",{event:"screen_view",data:{value:`${s.path}/success`,type:"password"}}),L()):_.value=N.errors}catch{n.commit("notifications/addNotification",{type:"error",message:r("errors.change-password-failed")})}finally{H.value=!1}};return(R,N)=>{const ee=y("Spinner"),F=y("Heading"),K=y("FormLabel"),Q=y("IconEye"),J=y("IconWrapper"),be=y("InputControl"),ye=y("ButtonControl"),re=y("IconSuccess"),X=y("Modal");return i(),h("div",m_,[H.value?(i(),h("div",p_,[d(ee,{class:"w-8 h-8","border-width":2})])):$("",!0),d(F,{tag:"h2",heading:3},{default:o(()=>[f(l(c.value.name),1)]),_:1}),a("div",f_,[d(be,{type:I.value.current,modelValue:m(b),"onUpdate:modelValue":N[1]||(N[1]=T=>le(b)?b.value=T:null),onChange:N[2]||(N[2]=T=>g("currentPassword"))},ie({label:o(({id:T})=>[d(K,{for:T},{default:o(()=>[f(l(c.value.content.currentPassword.label),1)]),_:2},1032,["for"])]),iconRight:o(()=>[d(J,{class:"hover:cursor-pointer",onClick:N[0]||(N[0]=T=>w("current"))},{default:o(()=>[d(Q)]),_:1})]),_:2},[m(p).currentPassword?{name:"error",fn:o(()=>[f(l(m(p).currentPassword),1)]),key:"0"}:void 0]),1032,["type","modelValue"])]),a("div",v_,[d(be,{type:I.value.new,modelValue:m(x),"onUpdate:modelValue":N[4]||(N[4]=T=>le(x)?x.value=T:null),onChange:N[5]||(N[5]=T=>g("newPassword"))},ie({label:o(({id:T})=>[d(K,{for:T},{default:o(()=>[f(l(c.value.content.newPassword.label),1)]),_:2},1032,["for"])]),description:o(()=>[f(l(c.value.content.newPassword.description),1)]),iconRight:o(()=>[d(J,{class:"hover:cursor-pointer",onClick:N[3]||(N[3]=T=>w("new"))},{default:o(()=>[d(Q)]),_:1})]),_:2},[m(p).newPassword?{name:"error",fn:o(()=>[f(l(m(p).newPassword),1)]),key:"0"}:void 0]),1032,["type","modelValue"])]),a("div",h_,[d(be,{type:I.value.verify,modelValue:m(k),"onUpdate:modelValue":N[7]||(N[7]=T=>le(k)?k.value=T:null),onChange:N[8]||(N[8]=T=>g("verifyNewPassword"))},ie({label:o(({id:T})=>[d(K,{for:T},{default:o(()=>[f(l(c.value.content.verifyNewPassword.label),1)]),_:2},1032,["for"])]),iconRight:o(()=>[d(J,{class:"hover:cursor-pointer",onClick:N[6]||(N[6]=T=>w("verify"))},{default:o(()=>[d(Q)]),_:1})]),_:2},[m(p).verifyNewPassword?{name:"error",fn:o(()=>[f(l(m(p).verifyNewPassword),1)]),key:"0"}:void 0]),1032,["type","modelValue"])]),_.value?(i(),h("div",__,[(i(!0),h(Z,null,de(_.value,(T,O)=>(i(),h("span",{key:O,class:"font-light text-base text-cardinal-red mt-0.5"},l(R.$t(T)),1))),128))])):$("",!0),a("div",g_,[d(ye,{disabled:!j.value,styling:"secondary",class:"w-full tablet:w-auto",onClick:E},{default:o(()=>[f(l(c.value.content.submitButton.text),1)]),_:1},8,["disabled"])]),d(X,{"is-visible":S.value,"can-be-closed":!1,onClose:V},{heading:o(()=>[a("span",b_,[d(J,{class:"mr-2"},{default:o(()=>[d(re)]),_:1}

1),a("span",y_,l(c.value.content.confirmationModal.title),1)])]),content:o(()=>[f(l(c.value.content.confirmationModal.description),1)]),button:o(T=>[d(ye,{to:{name:"Profile"},onClick:T.closeModal},{default:o(()=>[f(l(c.value.content.confirmationModal.buttonLabel),1)]),_:2},1032,["onClick"])]),_:1},8,["is-visible"])])}}},x_={class:"edit-account-details container max-w-5xl mx-auto my-4 tablet:my-8 p-4 tablet:p-0 relative"},C_={__name:"EditAccountDetails",setup(e){const n=z(),s=oe();G("ChangeEmailAddress",pa),G("ChangePassword",fa);const r=C(()=>n.getters["content/getContentForComponent"](s.meta.id));return(c,u)=>{const p=y("Heading");return i(),h("div",x_,[d(p,{tag:"h1",heading:2,class:"mb-6"},{default:o(()=>[f(l(r.value.title),1)]),_:1}),d(pa),d(fa,{class:"mt-12"})])}}},k_="BigMaintenance",$_="SmallMaintenance",w_="TireCheck",I_="TireChange",M_="OilCheck",L_="KIW",S_="UpdateNavigation",D_="DeliveryNew",T_="KiaPitstop",V_="KiaPitstopDay",A_="Repairs",O_="APK",Qt=e=>{switch(e){case k_:return"IconBigMaintenance";case $_:return"IconSmallMaintenance";case w_:return"IconTireCheck";case I_:return"IconTireSwitch";case M_:return"IconOilMaintenance";case L_:return"IconRoadsideAssistance";case S_:return"IconMyRides";case D_:return"IconCar";case A_:return"IconDamage";case O_:return"IconNextCheckUp";case T_:case V_:return"IconKiaLogo";default:return"IconMakeAppointment"}},va={__name:"PlannedAppointmentItem",props:{appointment:{type:Object,required:!0}},setup(e){const{t:n}=he(),s=e,r=C(()=>{const p=et(te(s.appointment.date).format("DD MMMM YYYY"));return s.appointment.confirmed?p:`${n("common.not-yet-confirmed")}: ${p}`}),c=s.appointment.id,u=C(()=>s.appointment.confirmed?Qt(s.appointment.type):"IconMakeAppointment");return(p,v)=>{const g=y("IconWrapper"),_=y("ListItem");return i(),D(_,{to:{name:"ServiceDetail",params:{id:m(c)}},"has-timeline-line":"",warning:!s.appointment.confirmed},{icon:o(()=>[d(g,null,{default:o(()=>[(i(),D(Ve(u.value)))]),_:1})]),labelOne:o(()=>{var b;return[f(l((b=e.appointment.maintenanceType)==null?void 0:b.title),1)]}),descriptionOne:o(()=>[f(l(r.value),1)]),_:1},8,["to","warning"])}}},P_={class:"flex flex-col"},E_={key:1,class:"text-caption text-sm"},ha={__name:"PlannedAppointments",props:{label:{type:String,required:!0},emptyListLabel:{type:String,required:!0}},setup(e){const n=z();G("PlannedAppointmentItem",va);const s=C(()=>n.getters["appointments/plannedAppointments"]);return(r,c)=>{const u=y("Heading"),p=y("List");return i(),h("div",P_,[d(u,{tag:"h2",heading:2},{default:o(()=>[f(l(e.label),1)]),_:1}),s.value.length>0?(i(),D(p,{key:0,class:"mt-4 gap-0"},{default:o(()=>[(i(!0),h(Z,null,de(s.value,v=>(i(),D(va,{key:v.id,appointment:v},null,8,["appointment"]))),128))]),_:1})):$("",!0),s.value.length===0?(i(),h("span",E_,l(e.emptyListLabel),1)):$("",!0)])}}},N_={class:"text-sm text-caption"},_a={__name:"UpcomingAppointmentItem",props:{appointment:{type:Object,required:!0}},setup(e){const n=e,s=C(()=>{const u=te().add(30,"day");return Ll(n.appointment.date,u)}),r=C(()=>s.value?"IconCalendarToSchedule":Qt(n.appointment.type)),c=C(()=>{const u=et(te(n.appointment.date).format("MMMM YYYY"));return s.value?`Nog te maken: ${u}`:u});return(u,p)=>{const v=y("IconWrapper"),g=y("AccordionItem");return i(),D(g,{"has-timeline-line":"",error:s.value},{icon:o(()=>[d(v,null,{default:o(()=>[(i(),D(Ve(r.value)))]),_:1})]),description:o(()=>[f(l(c.value),1)]),title:o(()=>[f(l(e.appointment.title),1)]),content:o(()=>[a("div",N_,l(e.appointment.description),1)]),_:1},8,["error"])}}},H_={class:"flex flex-col"},q_={key:0,class:"block mt-4"},j_={key:1,class:"text-caption text-sm"},ga={__name:"UpcomingAppointments",props:{label:{type:String,required:!0},emptyListLabel:{type:String,required:!0}},setup(e){const n=z();G("UpcomingAppointmentItem",_a);const s=C(()=>n.getters["appointments/upcomingAppointments"]);return(r,c)=>{const u=y("Heading"),p=y("Accordion");return i(),h("div",H_,[d(u,{tag:"h2",heading:2},{default:o(()=>[f(l(e.label),1)]),_:1}),s.value.length>0?(i(),h("div",q_,[d(p,{class:"gap-0"},{default:o(()=>[(i(!0),h(Z,null,de(s.value,v=>(i(),D(_a,{key:v.id,appointment:v},null,8,["appointment"]))),128))]),_:1})])):$("",!0),s.value.length===0?(i(),h("span",j_,l(e.emptyListLabel),

11)):$("",!0)])}}},ba={__name:"AppointmentHistoryItem",props:{appointment:{type:Object,required:!0}},setup(e){const n=e,s=n.appointment.id,r=C(()=>Qt(n.appointment.type));return(c,u)=>{const p=y("IconWrapper"),v=y("ListItem");return i(),D(v,{to:{name:"ServiceDetailContactMoment",params:{id:m(s)}},"has-timeline-line":""},{icon:o(()=>[d(p,null,{default:o(()=>[(i(),D(Ve(r.value)))]),_:1})]),labelOne:o(()=>[f(l(e.appointment.title),1)]),descriptionOne:o(()=>[f(l(m(te)(e.appointment.date).format("DD MMMM YYYY")),1)]),_:1},8,["to"])}}},W_={class:"flex flex-col"},U_={class:"flex justify-between items-end"},F_={key:0,class:"inline-flex flex-shrink-0"},B_={key:1,class:"text-caption text-sm"},R_=["href","download"],ya={__name:"AppointmentHistory",props:{label:{type:String,required:!0},emptyListLabel:{type:String,required:!0}},setup(e){const n=z(),s=C(()=>Ie("mediaQueries").value);G("AppointmentHistoryItem",ba);const r=A(),c=A(""),u=A(""),p=C(()=>n.getters["appointments/appointmentsHistory"]),v=C(()=>n.getters["vehicles/preferredVehicle"].houderschapsId),g=A(!1),_=async()=>{g.value=!0;try{const b=await n.dispatch("appointments/getAppointmentExport",{houderschapsId:v.value});if(b.isSuccess){let x=`data:application/pdf;base64,${b.data.data}`;c.value=x,u.value=b.data.name,await Be(),r.value.click()}}catch{n.commit("notifications/addNotification",{type:"error",message:t("errors.export-appointment-failed")})}finally{g.value=!1}};return(b,x)=>{const k=y("Heading"),I=y("Spinner"),w=y("IconShare"),L=y("IconWrapper"),S=y("List");return i(),h("div",W_,[a("div",U_,[d(k,{tag:"h2",heading:2},{default:o(()=>[f(l(e.label),1)]),_:1}),s.value.desktop&&p.value.length>0?(i(),h("div",F_,[g.value?(i(),D(I,{key:0,class:"w-6 h-6 opacity-50","border-width":2})):(i(),D(L,{key:1,class:"ml-4 hover:cursor-pointer","icon-name":b.$t("common.export"),onClick:_},{default:o(()=>[d(w)]),_:1},8,["icon-name"]))])):$("",!0)]),p.value.length>0?(i(),D(S,{key:0,class:"mt-4 gap-0"},{default:o(()=>[(i(!0),h(Z,null,de(p.value,M=>(i(),D(ba,{key:M.id,appointment:M},null,8,["appointment"]))),128))]),_:1})):$("",!0),p.value.length===0?(i(),h("span",B_,l(e.emptyListLabel),1)):$("",!0),a("a",{ref_key:"exportLink",ref:r,class:"download-link hidden",href:c.value,download:u.value},null,8,R_)])}}},Z_={class:"page"},z_={class:"container max-w-5xl mx-auto mb-12 px-5 tablet:px-0 mt-12"},K_={key:0,class:"w-full flex items-center justify-center"},Y_={key:1},G_={__name:"Services",setup(e){const n=oe(),s=z(),r=n.meta.id;G("PlannedAppointments",ha),G("UpcomingAppointments",ga),G("AppointmentHistory",ya);const c=C(()=>s.getters["content/getContentForComponent"](r)),u=C(()=>c.value.components.find(g=>g.type==="ServiceInfo")),p=C(()=>n.params.houderschapsId?n.params.houderschapsId:s.getters["vehicles/preferredVehicle"].houderschapsId),v=C(()=>s.getters["appointments/isLoading"]);return Ce(()=>p.value,g=>{s.dispatch("appointments/getAppointments",{houderschapsId:g}),s.dispatch("appointments/getContactMoments",{houderschapsId:g})},{immediate:!0}),(g,_)=>{const b=y("Heading"),x=y("IconWorkshop"),k=y("IconWrapper"),I=y("ListItem"),w=y("List"),L=y("Spinner");return i(),h("div",Z_,[d(lt,{"page-id":m(n).meta.id},null,8,["page-id"]),a("div",z_,[a("div",null,[d(b,{tag:"h2",heading:2},{default:o(()=>[f(l(u.value.arrangeQuicklyLabel),1)]),_:1}),d(w,{class:"mt-4"},{default:o(()=>[d(I,{to:{name:"CreateAppointment"}},{icon:o(()=>[d(k,null,{default:o(()=>[d(x)]),_:1})]),labelOne:o(()=>[f(l(u.value.makeAppointmentLabel),1)]),_:1})]),_:1})]),v.value?(i(),h("div",K_,[d(L,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0),v.value?$("",!0):(i(),h("div",Y_,[d(ha,{class:"mt-12",label:u.value.plannedAppointmentsLabel,"empty-list-label":u.value.noPlannedAppointmentsLabel},null,8,["label","empty-list-label"]),d(ga,{class:"mt-12",label:u.value.upcomingMaintenanceVisitsLabel,"empty-list-label":u.value.noUpcomingAppointmentsLabel},null,8,["label","empty-list-label"]),d(ya,{class:"mt-12",label:u.value.maintenanceHistoryLabel,"empty-list-label":u.value.noHistoricAppointmentsLabel},null,8,["label","empty-list-label"])]))])])}}},Q_={key:0,class:"service-details"},X_={class:"container max-w-5xl mx-auto mb-16 px-5 tablet:px-0"},J_={key:0,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},e0={class:"my-12 w-full tablet:w-1/2"},t0={class:"flex mt-4"},n0={class:"flex-1 mr-4 text-caption"},a0={class:"flex-1"},o0={class:"text-caption block"},s0={class:"flex mt-4"},l0={class:"flex-1 mr-4 text-caption"},i0={class:"flex-1"},r0={class:"flex mt-4"},c0={class:"flex-1 mr-4 text-caption"},d0={class:"flex-1"},u0={class:"flex mt-4"},m0={class:"flex-1 mr-4 text-caption"},p0={class:"flex-1"},f0={class:"flex mt-4"},v0={class:"flex-1 mr-4 text-caption"},h0={class:"flex-1"},_0={class:"flex mt-4"},g0={class:"flex-1 mr-4 text-caption"},b0={class:"flex-1"},y0={class:"flex mt-4"},x0={class:"flex-1 mr-4 text-caption"},C0={class:"flex-1"},k0={class:"flex mt-4"},$0={class:"flex-1 mr-4 text-caption"},w0={class:"flex-1"},I0={class:"flex mt-4"},M0={class:"flex-1 mr-4 text-caption"},L0={class:"flex-1"},S0={class:"flex mt-4"},D0={class:"flex-1 mr-4 text-caption"},T0={class:"flex-1"},V0={__name:"ServiceDetail",setup(e){const n=z(),s=oe(),{t:r,locale:c}=he(),u=C(()=>Ie("mediaQueries").value),p=s.meta.id,v=A(!1),g=A({}),_=A(null),b=A(""),x=A(""),k=C(()=>g.value&&u.value.phone?Qa(g.value.date,te()):!1);

1A("");const I=A(""),w=C(()=>n.getters["vehicles/preferredVehicle"].houderschapsId),L=C(()=>n.getters["vehicles/availableVehicles"]),S=C(()=>n.getters["content/getContentForComponent"](p)),M=C(()=>S.value.components.find(q=>q.type==="ExtendedServiceDetailInfo"));x.value=L.value.find(q=>q.houderschapsId===w.value);const V=C(()=>{var j;let q=g.value.maintenanceType.price;return((j=g.value.services)==null?void 0:j.length)>0&&(q=g.value.services.reduce((E,R)=>R.price?E+R.price:E,q)),q+=g.value.replacementVehiclePrice,nt(q)}),H=async()=>{v.value=!0;const q=await se(`/api/vehicle/${w.value}/appointment/${s.params.id}`,"GET");q.isSuccess&&(g.value=q.data,_.value=q.token,W(g.value.dealerId)),q.isSuccess||n.commit("notifications/addNotification",{type:"error",message:r("errors.update-communication-preferences-failed")})};w.value&&s.params.id&&H();const W=async q=>{const j=await se("/api/dealer","GET");j.isSuccess&&(v.value=!1,b.value=j.data.find(E=>E.id===q))},U=async()=>{if(!(!w.value||!g.value||!k.value))try{const q=await n.dispatch("appointments/getAppointmetCalendarICS",{houderschapsId:w.value,appointmentId:g.value.id});if(I.value=g.value.maintenanceType.title,I.value+=`_${x.value.licensePlate}`,I.value+=`_${x.value.model}`,I.value+=`_${te(g.value.date).format("DD-MM-YYYY")}`,I.value=I.value.replaceAll(" ","-"),await Be(),ht()){window.open(`${q}&external=true&token=${_.value}`);return}Ua.exports.saveAs(q,I.value)}catch{n.commit("notifications/addNotification",{type:"error",message:r("errors.add-to-calendar-failed")})}};return(q,j)=>{const E=y("Spinner"),R=y("Heading"),N=y("ButtonControl");return g.value&&g.value.maintenanceType?(i(),h("div",Q_,[a("div",X_,[v.value?(i(),h("div",J_,[d(E,{class:"w-8 h-8","border-width":2})])):$("",!0),a("div",e0,[d(R,{tag:"h4",heading:3,class:"font-bold mb-6"},{default:o(()=>[f(l(g.value.maintenanceType.title),1)]),_:1}),a("div",t0,[a("div",n0,l(M.value.vehicleLabel),1),a("div",a0,[f(l(x.value.model)+" ",1),a("span",o0,l(`[${x.value.licensePlate}]`),1)])]),a("div",s0,[a("div",l0,l(M.value.mileageLabel),1),a("div",i0,l(g.value.mileage.toLocaleString(m(c))),1)]),a("div",r0,[a("div",c0,l(M.value.maintenanceLabel),1),a("div",d0,l(g.value.maintenanceType.title),1)]),a("div",u0,[a("div",m0,l(M.value.extraServicesLabel),1),a("div",p0,[a("ul",null,[(i(!0),h(Z,null,de(g.value.services,ee=>(i(),h("li",{class:"mb-2",key:ee.id},l(ee.title),1))),128))])])]),a("div",f0,[a("div",v0,l(M.value.dealerLabel),1),a("div",h0,l(b.value.name),1)]),a("div",_0,[a("div",g0,l(M.value.dateLabel),1),a("div",b0,l(m(te)(g.value.date).format("D MMMM YYYY")),1)]),a("div",y0,[a("div",x0,l(g.value.confirmed?M.value.confirmedTimeLabel:M.value.timeLabel),1),a("div",C0,l(m(te)(g.value.date).format("HH:mm")),1)]),a("div",k0,[a("div",$0,l(M.value.replacementVehicleLabel),1),a("div",w0,l(g.value.replacementVehicle),1)]),a("div",I0,[a("div",M0,l(M.value.remarksLabel),1),a("div",L0,l(g.value.remark),1)]),a("div",S0,[a("div",D0,l(M.value.estimatedCostsLabel),1),a("div",T0," \u20AC "+l(V.value),1)])]),k.value?(i(),D(N,{key:1,class:"mt-6",onClick:U},{default:o(()=>[f(l(q.$t("common.add-to-calendar")),1)]),_:1})):$("",!0)])])):$("",!0)}}},A0={class:"mt-2"},xa={__name:"PointsOfInterestCategory",props:{category:{type:Object,required:!0}},setup(e){const n=z(),s=e,r=C(()=>n.getters["points-of-interest/isCategoryActive"](s.category)),c=C(()=>n.getters["points-of-interest/isLoading"]),u=()=>{c.value||n.commit("points-of-interest/toggleActiveCategory",s.category)};return(p,v)=>{const g=y("IconWrapper");return i(),h("div",{ref:"element",class:Y(["points-of-interest-category text-xxs text-center flex flex-col items-center py-2 desktop:hover:text-polar-white hover:cursor-pointer",{"text-caption":!r.value}]),onClick:u},[d(g,null,{default:o(()=>[(i(),D(Ve(`Icon${e.category.icon}`)))]),_:1}),a("div",A0,l(e.category.label),1)],2)}}},O0={class:"points-of-interest-categories p-2 bg-midnight-black text-polar-white flex flex-col relative tablet:items-start z-20"},P0={class:"mb-2 mt-2 text-sm text-center text-caption mx-auto"},E0={class:"grid gap-1 tablet:gap-8 grid-flow-col max-w-full overflow-auto w-full"},Ca={__name:"PointsOfInterestCategories",setup(e){var g;const n=z(),s=oe();G("PointsOfInterestCategory",xa);const r=C(()=>n.getters["content/getContentForComponent"](s.meta.id).components.find(_=>_.type==="PoiFilterBlock")),c=C(()=>n.getters["points-of-interest/getCategories"]),u=C(()=>n.getters["points-of-interest/getActiveCategories"]);n.commit("points-of-interest/setCategories",r.value.filters);const p=r.value.filters.find(_=>_.alias==="Workshop"),v=r.value.filters.find(_=>_.alias===s.query.category);

1return((g=u.value)==null?void 0:g.length)===0&&(v?n.commit("points-of-interest/toggleActiveCategory",{alias:s.query.category}):p?n.commit("points-of-interest/toggleActiveCategory",p):c.value.length>0&&n.commit("points-of-interest/toggleActiveCategory",c.value[0])),(_,b)=>{var x;return i(),h("div",O0,[a("div",P0,l((x=r.value)==null?void 0:x.title),1),a("ol",E0,[(i(!0),h(Z,null,de(c.value,k=>(i(),h("li",{key:k.id},[d(xa,{category:k},null,8,["category"])]))),128))])])}}};const Xt=e=>{navigator.userAgent.indexOf("GoNativeAndroid")>-1&&(window.location.href="gonative://geoLocation/promptAndroidLocationServices"),navigator.geolocation.getCurrentPosition(n=>{e(n)},()=>e(null))},N0={key:0,class:"max-h-52 overflow-auto tablet:max-h-full"},H0={class:"font-bold mb-1"},q0={class:"text-xs"},j0={class:"break-all"},W0={key:0,class:"break-all"},U0={class:"flex-shrink-0 flex flex-col mt-4"},F0={class:"font-bold"},B0={class:"mt-2 grid grid-flow-rows gap-0.5 leading-none text-xs"},R0={class:"capitalize w-28 text-caption"},Z0={key:0},z0={key:1},ka={__name:"WorkshopDetails",props:{workshop:{type:Object,required:!0}},setup(e){const n=z(),s=oe(),r=e,c=C(()=>n.getters["content/getContentForComponent"](s.meta.id).components.find(v=>v.type==="PoiMap")),u=C(()=>{if(r.workshop.category.alias==="Workshop"){const v=_=>r.workshop.details.workshopAddress.openinghours.find(b=>b.day.toLowerCase()===_.toLowerCase()),g=[];return g.push({hours:v("monday"),label:te().day(1).format("dddd")}),g.push({hours:v("tuesday"),label:te().day(2).format("dddd")}),g.push({hours:v("wednesdag"),label:te().day(3).format("dddd")}),g.push({hours:v("thursday"),label:te().day(4).format("dddd")}),g.push({hours:v("friday"),label:te().day(5).format("dddd")}),g.push({hours:v("saturday"),label:te().day(6).format("dddd")}),g.push({hours:v("sunday"),label:te().day(0).format("dddd")}),g}return null}),p=C(()=>{let v=`${r.workshop.details.workshopAddress.street} `;return v+=`${r.workshop.details.workshopAddress.houseNumber} `,v+=`${r.workshop.details.workshopAddress.postalCode} `,v+=`${r.workshop.details.workshopAddress.city} `,v+=`${r.workshop.details.name}`,xt(v)});return(v,g)=>{const _=y("AnchorLink");return e.workshop.category.alias==="Workshop"?(i(),h("div",N0,[a("div",H0,l(e.workshop.details.name),1),a("ul",q0,[a("li",null,l(e.workshop.details.workshopAddress.street)+" "+l(e.workshop.details.workshopAddress.houseNumber)+" "+l(e.workshop.details.workshopAddress.houseNumberAddition),1),a("li",null,l(m(Ft)(e.workshop.details.workshopAddress.postalCode))+", "+l(m(et)(e.workshop.details.workshopAddress.city.toLowerCase())),1),a("li",null,[f(l(v.$t("common.telephone-abbreviation"))+" ",1),d(_,{class:"outline-none",underlined:"","is-external-link":"","hide-external-icon":"",path:m(dt)(e.workshop.details.workshopAddress.phoneNumber)},{default:o(()=>[f(l(e.workshop.details.workshopAddress.phoneNumber),1)]),_:1},8,["path"])]),a("li",j0,[d(_,{underlined:"","is-external-link":"","hide-external-icon":"",path:`mailto: ${e.workshop.details.workshopAddress.email}`},{default:o(()=>[f(l(e.workshop.details.workshopAddress.email),1)]),_:1},8,["path"])]),e.workshop.details.website?(i(),h("li",W0,[d(_,{underlined:"","is-external-link":"","hide-external-icon":"",path:e.workshop.details.website},{default:o(()=>[f(l(e.workshop.details.website.replace(/(^\w+:|^)\/\//,"")),1)]),_:1},8,["path"])])):$("",!0)]),a("div",U0,[a("div",F0,l(v.$t("common.opening-hours")),1),a("ul",B0,[(i(!0),h(Z,null,de(u.value,b=>(i(),h("li",{key:b.label,class:"flex mt-1 first:mt-0"},[a("div",R0,l(b.label),1),b.hours&&b.hours.timeOpen&&b.hours.timeClosed?(i(),h("div",Z0,l(b.hours.timeOpen)+" - "+l(b.hours.timeClosed),1)):(i(),h("div",z0,l(v.$t("common.closed")),1))]))),128))])]),d(_,{"is-external-link":"",underlined:"",class:"inline-flex w-full mt-4 justify-center text-xs",path:p.value},{default:o(()=>[f(l(c.value.navigateToWorkshopLinkTitle),1)]),_:1},8,["path"])])):$("",!0)}}},K0={class:"font-bold mb-1"},Y0={key:0,class:"flex-shrink-0 flex flex-col mt-4"},G0={class:"mt-2 grid grid-flow-rows gap-0.5 leading-none text-xs"},Q0={class:"flex mt-1 first:mt-0"}

1,X0={key:1,class:"flex-shrink-0 flex flex-col mt-4"},J0={class:"font-bold"},e2={class:"mt-2 grid grid-flow-rows gap-0.5 leading-none text-xs"},t2={class:"flex mt-1 first:mt-0"},n2={class:"capitalize w-28 text-caption"},$a={__name:"DefaultDetails",props:{pointOfInterest:{type:Object,required:!0}},setup(e){const n=e,s=C(()=>{var g,_;if(!((_=(g=n.pointOfInterest.details)==null?void 0:g.poi)!=null&&_.openingHours))return null;const u=n.pointOfInterest.details.poi.openingHours.timeRanges[0],p=u.startTime.hour===0&&u.startTime.minute===0?"00:00":`${("0"+u.startTime.hour).slice(-2)}:${("0"+u.startTime.minute).slice(-2)}`,v=u.endTime.hour===0&&u.endTime.minute===0?"24:00":`${("0"+u.endTime.hour).slice(-2)}:${("0"+u.endTime.minute).slice(-2)}`;return`${p} - ${v}`}),r=C(()=>{var u,p;return(u=n.pointOfInterest.details)!=null&&u.chargingPark.connectors[0].ratedPowerKW?(p=n.pointOfInterest.details)==null?void 0:p.chargingPark.connectors[0].ratedPowerKW:null}),c=C(()=>{let u=n.pointOfInterest.details.address.streetName;return u+=`, ${Ft(n.pointOfInterest.details.address.extendedPostalCode?n.pointOfInterest.details.address.extendedPostalCode:n.pointOfInterest.details.address.postalCode)} `,u+=`, ${et(n.pointOfInterest.details.address.localName.toLowerCase())}`,xt(u)});return(u,p)=>{const v=y("AnchorLink");return i(),h("div",null,[a("div",K0,l(e.pointOfInterest.details.poi.name),1),a("ul",null,[a("li",null,l(e.pointOfInterest.details.address.streetName),1),a("li",null,l(m(Ft)(e.pointOfInterest.details.address.extendedPostalCode?e.pointOfInterest.details.address.extendedPostalCode:e.pointOfInterest.details.address.postalCode))+", "+l(m(et)(e.pointOfInterest.details.address.localName.toLowerCase())),1)]),r.value?(i(),h("div",Y0,[p[0]||(p[0]=a("div",{class:"font-bold"},"Laadsnelheid",-1)),a("ul",G0,[a("li",Q0,[a("div",null,l(r.value)+" kW",1)])])])):$("",!0),s.value?(i(),h("div",X0,[a("div",J0,l(u.$t("common.opening-hours")),1),a("ul",e2,[a("li",t2,[a("div",n2,l(u.$t("common.monday-to-sunday")),1),a("div",null,l(s.value),1)])])])):$("",!0),d(v,{"is-external-link":"",underlined:"",class:"inline-flex w-full mt-4 text-xs outline-none",path:c.value},{default:o(()=>[f(l(u.$t("common.navigate-to")),1)]),_:1},8,["path"])])}}},a2={class:"text-sm"},wa={__name:"PointOfInterestDetails",props:{pointOfInterest:{type:Object,required:!0}},setup(e){return G("WorkshopDetails",ka),G("DefaultDetails",$a),(n,s)=>(i(),h("div",a2,[e.pointOfInterest.category.alias==="Workshop"?(i(),D(ka,{key:0,workshop:e.pointOfInterest},null,8,["workshop"])):(i(),D($a,{key:1,"point-of-interest":e.pointOfInterest},null,8,["point-of-interest"]))]))}};const o2={class:"flex flex-grow flex-col"},s2={class:"hidden"},Ia={__name:"PointsOfInterestMap",setup(e){const n=z(),s=oe();G("PointOfInterestDetails",wa);const r=C(()=>n.getters["content/getContentForComponent"](s.meta.id).components.find(F=>F.type==="PoiSearch")),c=C(()=>n.getters["application/getTomTomKey"]),u=A(),p=A(),v=A(null),g=A(),_=A([]),b=A(!1);let x=null;const k=A(!1),I=A(null),w=A(null),L=A(null),S=C(()=>n.getters["points-of-interest/getActiveCategories"]);Ce(()=>[...S.value],async()=>{await R(),await j(),await E(),W()});const M=C(()=>n.getters["workshops/getWorkshops"]),V=C(()=>M.value.map(F=>Vs(F))),H=async()=>{await n.dispatch("workshops/getWorkshops")};(!M.value||M.value.length===0)&&H();const W=()=>{if(!I.value)return;const F=document.createElement("div");F.className="current-location-marker marker";const K={lng:I.value.longitude,lat:I.value.latitude};_.value.push(new De.Marker({element:F}).setLngLat(K).addTo(x))},U=F=>{const K=document.createElement("div");return K.className=F.alias+"-marker marker",K.innerText=F.label.charAt(0),K},q=(F,K)=>{F.forEach(Q=>{const J=new De.Popup({offset:30}).on("open",async be=>{L.value={category:K,details:Q},await Be(),be.target.setHTML(g.value.outerHTML)});_.value.push(new De.Marker({element:U(K),clickTolerance:15}).setLngLat(Q.position).setPopup(J).addTo(x))})},j=async()=>{if(!w.value)return;n.commit("points-of-interest/setLoading",!0);const F=[],K=`${w.value.longitude},${w.value.latitude}`;S.value.forEach(async Q=>{const J=n.getters["points-of-interest/getCategoryByAlias"](Q);if(J)if(J.alias==="Workshop")S.value.length===1&&!b.value&&(x.setZoom(11),x.setCenter(new De.LngLat(w.value.longitude,w.value.latitude))),q(V.value,J),b.value=!0;else{const be={key:c.value,center:K,radius:15e3,categorySet:J.dataIds.join(","),limit:100,openingHours:"nextSevenDays"};F.push(jt.exports.services.poiSearch(be).then(ye=>{if(q(ye.results,J),!b.value){var re=ye.toGeoJson(),X=new De.LngLatBounds;

1re.features.forEach(function(T){X.extend(De.LngLat.convert(T.geometry.coordinates))}),x.fitBounds(X,{duration:0,padding:50}),b.value=!0}}))}}),await Promise.all(F),n.commit("points-of-interest/setLoading",!1)},E=async()=>{if(!v.value)return;const F=document.createElement("div");F.className="search-location-marker marker";const K={lng:v.value.position.lng,lat:v.value.position.lat};_.value.push(new De.Marker({element:F}).setLngLat(K).addTo(x))},R=async()=>{_.value.forEach(F=>F.remove()),await Be()},N=()=>{const F=new Eo(jt.exports.services,{minNumberOfCharacters:3,searchOptions:{key:c.value,language:"nl-NL",limit:5},labels:{placeholder:r.value.placeholder,noResultsMessage:r.value.noResultsText}});F.on("tomtom.searchbox.resultselected",async({data:K})=>{var Q,J,be,ye;v.value=K.result,w.value={longitude:(J=(Q=K.result)==null?void 0:Q.position)==null?void 0:J.lng,latitude:(ye=(be=K.result)==null?void 0:be.position)==null?void 0:ye.lat},x.setCenter(new De.LngLat(w.value.longitude,w.value.latitude)),await j(),await E(),W()}),F.on("tomtom.searchbox.resultscleared",()=>{v.value=null}),x.addControl(F,"top-left")},ee=async()=>{n.commit("points-of-interest/setLoading",!0),await R(),N(),k.value?(await j(),await E(),W()):Xt(async F=>{F!=null&&F.coords?(I.value=F.coords,w.value={longitude:I.value.longitude,latitude:I.value.latitude}):w.value={longitude:5.291266,latitude:52.132633},await j(),await E(),W(),k.value=!0})};return Oe(()=>{x=De.map({key:c.value,container:u.value,minZoom:7,zoom:11}),x.once("load",ee),x.on("moveend",async()=>{if(b.value){const F=x.getCenter();w.value={longitude:F.lng,latitude:F.lat},await R(),await j(),await E(),W()}})}),(F,K)=>(i(),h("div",o2,[a("div",{ref_key:"mapRef",ref:u,class:"tom-tom-poi-map flex-grow w-full"},null,512),a("div",s2,[a("div",{ref_key:"detailsRef",ref:g},[L.value?(i(),D(wa,{key:0,"point-of-interest":L.value},null,8,["point-of-interest"])):$("",!0)],512)]),a("div",{ref_key:"searchRef",ref:p},null,512)]))}},l2={class:"points-of-interest relative flex flex-grow flex-col tablet:mb-12"},i2={key:0,class:"absolute top-0 left-0 w-full h-full bg-opacity-80 bg-polar-white flex items-center justify-center pointer-events-none z-10"},r2={__name:"PointsOfInterest",setup(e){const n=z();G("PointsOfInterestCategories",Ca),G("PointsOfInterestMap",Ia);const s=C(()=>n.getters["points-of-interest/isLoading"]);return(r,c)=>{const u=y("Spinner");return i(),h("div",l2,[d(Ca),d(Ia),s.value?(i(),h("div",i2,[d(u,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0)])}}},c2={key:0,class:"lease-contract"},d2={class:"container max-w-5xl mx-auto mb-16 px-5 tablet:px-0"},u2={key:0,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},m2={class:"my-6 w-full tablet:w-1/2"},p2={class:"flex mt-4"},f2={class:"flex-1 mr-4 text-caption"},v2={class:"flex-1"},h2={class:"text-caption block"},_2={class:"flex mt-4"},g2={class:"flex-1 mr-4 text-caption"},b2={class:"flex-1"},y2={class:"flex mt-4"},x2={class:"flex-1 mr-4 text-caption"},C2={class:"flex-1"},k2={class:"flex mt-4"},$2={class:"flex-1 mr-4 text-caption"},w2={class:"flex-1"},I2={class:"flex mt-4"},M2={class:"flex-1 mr-4 text-caption"},L2={class:"flex-1"},S2={class:"flex mt-4"},D2={class:"flex-1 mr-4 text-caption"},T2={class:"flex-1"},V2={class:"flex mt-4"},A2={class:"flex-1 mr-4 text-caption"},O2={class:"flex-1"},P2={class:"flex mt-4"},E2={class:"flex-1 mr-4 text-caption"},N2={class:"flex-1"},H2={__name:"LeaseContract",setup(e){const n=z(),s=oe(),{locale:r}=he(),c=s.meta.id,u=A(!1),p=Ke(()=>n.getters["content/getContentForComponent"](c)),v=Ke(()=>p.value.components.find(b=>b.type==="LeaseContractInfo")),g=Ke(()=>n.getters["vehicles/preferredVehicle"]),_=Ke(()=>g.value.leaseContract);return(b,x)=>{const k=y("Spinner"),I=y("Heading");return m(_)?(i(),h("div",c2,[a("div",d2,[m(u)?(i(),h("div",u2,[d(k,{class:"w-8 h-8","border-width":2})])):$("",!0),a("div",m2,[d(I,{tag:"h4",heading:3,class:"font-bold mb-6"},{default:o(()=>[f(l(m(v).title),1)]),_:1}),a("div",p2,[a("div",f2,l(m(v).vehicleLabel),1),a("div",v2,[f(l(m(g).model)+" ",1),a("span",h2,l(`[${m(g).licensePlate}]`),1)])]),a("div",_2,[a("div",g2,l(m(v).contractNumberLabel),1),a("div",b2,l(m(_).number),1)]),a("div",y2,[a("div",x2,l(m(v).typeLabel),1),a("div",C2,l(m(_).type),1)]),a("div",k2,[a("div",$2,l(m(v).startDateLabel),

11),a("div",w2,l(m(te)(m(_).startDate).format("D MMMM YYYY")),1)]),a("div",I2,[a("div",M2,l(m(v).endDateLabel),1),a("div",L2,l(m(te)(m(_).endDate).format("D MMMM YYYY")),1)]),a("div",S2,[a("div",D2,l(m(v).mileageInContractLabel),1),a("div",T2,l(m(_).mileage.toLocaleString(m(r))),1)]),a("div",V2,[a("div",A2,l(m(v).costPerMonthLabel),1),a("div",O2,"\u20AC "+l(m(nt)(m(_).amountPerMonth)),1)]),a("div",P2,[a("div",E2,l(m(v).mileagePerYearLabel),1),a("div",N2,l(m(_).yearlyMileage.toLocaleString(m(r))),1)])])])])):$("",!0)}}},q2=["innerHTML"],pt={__name:"RichText",props:{content:{required:!0,type:String}},setup(e){return(n,s)=>(i(),h("div",{innerHTML:e.content},null,8,q2))}},j2={};function W2(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M6.5 4.5v25h19v-22l-3-3h-16ZM9 9.5h8M9 13.5h10M9 21.5h8M9 25.5h11M9 17.5h13"},null,-1)),n[1]||(n[1]=a("path",{d:"M21.5 4.5v4h4"},null,-1))],64)}var U2=B(j2,[["render",W2]]),F2=Object.freeze(Object.defineProperty({__proto__:null,default:U2},Symbol.toStringTag,{value:"Module"}));const B2={class:"kiw-details"},R2={class:"container max-w-5xl mx-auto mb-16 px-5 tablet:px-0"},Z2={class:"my-6 w-full tablet:w-1/2"},z2={class:"my-6 w-full tablet:w-1/2"},K2={class:"flex mt-4"},Y2={class:"flex-1 mr-4 text-caption"},G2={class:"flex-1"},Q2={class:"flex mt-4"},X2={class:"flex-1 mr-4 text-caption"},J2={class:"flex-1"},eg={class:"my-6 w-full tablet:w-1/2 mt-12"},tg={class:"bg-polar-white p-4"},ng={class:"mr-4 font-bold"},ag={class:"mt-2"},og={class:"mt-6 bg-polar-white p-4"},sg={class:"mr-4 font-bold"},lg={class:"mt-2"},ig={class:"mt-6 bg-polar-white p-4"},rg={class:"mr-4 font-bold"},cg={class:"mt-2"},dg={class:"mt-6"},ug={class:"mt-2"},mg={class:"mt-6"},pg={class:"block font-bold flex-1"},fg="tel:0031888542542",vg={__name:"KIW",setup(e){const n=z(),s=oe(),r=s.meta.id,c=A([{}]),u=Ke(()=>s.params.houderschapsId?+s.params.houderschapsId:n.getters["vehicles/preferredVehicle"].houderschapsId),p=Ke(()=>n.getters["vehicles/availableVehicles"]),v=Ke(()=>n.getters["content/getContentForComponent"](r)),g=Ke(()=>v.value.components.find(_=>_.type==="KIWInfo"));return c.value=p.value.find(_=>_.houderschapsId===u.value),(_,b)=>{var I,w;const x=y("Heading"),k=y("AnchorLink");return i(),h("div",B2,[a("div",R2,[a("div",Z2,[d(x,{tag:"h4",heading:3,class:"font-bold mb-6"},{default:o(()=>b[0]||(b[0]=[f(" Direct contact ")])),_:1}),a("div",{class:"flex mt-4"},[b[1]||(b[1]=a("div",{class:"flex-1 mr-4 text-caption"},"Kia Internationale Wegenhulp",-1)),a("div",{class:"flex-1"},[a("a",{href:fg,class:"underline underline-offset-4"},"0888 - 542 542")])])]),a("div",z2,[d(x,{tag:"h4",heading:3,class:"font-bold mb-6"},{default:o(()=>[f(l(m(v).title),1)]),_:1}),a("div",K2,[a("div",Y2,l(m(g).expirationDateLabel),1),a("div",G2,l((I=m(c).kiw)!=null&&I.endDate?m(te)(m(c).kiw.endDate).format("D MMMM YYYY"):"-"),1)]),a("div",Q2,[a("div",X2,l(m(g).subscriptionLabel),1),a("div",J2,l((w=m(c).kiw)!=null&&w.type?m(c).kiw.type:"-"),1)])]),a("div",eg,[a("div",tg,[a("div",ng,l(m(g).basicLabel),1),a("div",ag,[d(pt,{content:m(g).basicDescription},null,8,["content"])])]),a("div",og,[a("div",sg,l(m(g).plusLabel),1),a("div",lg,[d(pt,{content:m(g).plusDescription},null,8,["content"])])]),a("div",ig,[a("div",rg,l(m(g).proLabel),1),a("div",cg,[d(pt,{content:m(g).proDescription},null,8,["content"])])]),a("div",dg,[a("div",ug,[d(pt,{content:m(g).extraInformation},null,8,["content"])])]),a("div",mg,[d(k,{path:`${m(g).brochureUrl}?external=true`,"is-external-link":"","hide-external-icon":"",underlined:""},{default:o(()=>[a("span",pg,l(m(g).brochureLabel),1)]),_:1},8,["path"])])])])])}}},hg={class:"grid w-full grid-cols-2 gap-4"},_g={class:"inline-flex flex-col"},gg={class:"inline-flex flex-col"},bg={class:"flex w-full mt-8"},yg={class:"flex-grow"},xg={class:"grid grid-cols-2 gap-4 w-full mt-8"},Ma={__name:"MessagesFilterModal",props:{isVisible:{type:Boolean,required:!0},content:{type:Object,required:!0}},emits:["hide"],setup(e,{emit:n}){const s=z();he();const r=e,c=n,u=()=>{c("hide")},p=C(()=>s.getters["messages/getCategories"]),v=A(null),g=C(()=>s.getters["messages/isLoading"]),_=L=>L?te(L).format("YYYY-MM-DD"):null,b=te(),x=b.subtract(31,"day"),k=A(x),I=A(b);Ce(()=>r.isVisible,L=>{L&&(k.value=s.getters["messages/getStartDate"],I.value=s.getters["messages/getEndDate"],v.value=s.getters["messages/getFilterCategory"])},{immediate:!0});const w=async()=>

1{s.commit("messages/setFilterCategory",v.value),s.commit("messages/setFilterDates",{startDate:_(k.value),endDate:_(I.value)}),!g.value&&c("hide")};return w(),(L,S)=>{const M=y("FormLabel"),V=y("DateControl"),H=y("Heading"),W=y("ChoiceItem"),U=y("ChoiceControl"),q=y("ButtonControl"),j=y("Modal");return i(),D(j,{"is-visible":e.isVisible,"can-be-closed":!0,onClose:u},{heading:o(()=>[f(l(e.content.title),1)]),content:o(()=>[a("div",hg,[a("div",_g,[(i(),D(V,{type:"text",modelValue:k.value,"onUpdate:modelValue":S[0]||(S[0]=E=>k.value=E),clearable:"",key:k.value},{label:o(({id:E})=>[d(M,{for:E},{default:o(()=>[f(l(L.$t("common.from")),1)]),_:2},1032,["for"])]),_:1},8,["modelValue"]))]),a("div",gg,[(i(),D(V,{type:"text",modelValue:I.value,"onUpdate:modelValue":S[1]||(S[1]=E=>I.value=E),clearable:"",key:I.value},{label:o(({id:E})=>[d(M,{for:E},{default:o(()=>[f(l(L.$t("common.until")),1)]),_:2},1032,["for"])]),_:1},8,["modelValue"]))])]),a("div",bg,[p.value?(i(),D(U,{key:0,name:"filter-type",class:"w-full"},{label:o(()=>[d(H,{tag:"span",heading:3},{default:o(()=>[f(l(e.content.formFields.label),1)]),_:1})]),choice:o(E=>[(i(!0),h(Z,null,de(p.value,R=>(i(),D(W,{modelValue:v.value,"onUpdate:modelValue":S[2]||(S[2]=N=>v.value=N),key:R.id,value:R.id,multiple:E.multiple,name:E.formName,class:"last:mb-1 first:mt-4"},{default:o(()=>[a("div",yg,l(R.name),1)]),_:2},1032,["modelValue","value","multiple","name"]))),128))]),_:1})):$("",!0)])]),button:o(()=>[a("div",xg,[d(q,{styling:"secondary",onClick:u},{default:o(()=>[f(l(L.$t("common.cancel")),1)]),_:1}),d(q,{class:"flex-grow",disabled:g.value,onClick:w},{default:o(()=>[f(l(L.$t("common.filter")),1)]),_:1},8,["disabled"])])]),_:1},8,["is-visible"])}}};const Cg={class:"message-center inline-flex flex-grow"},kg={class:"tablet:container w-full tablet:mx-auto px-5 tablet:px-0"},$g={class:"my-6 w-full"},wg={class:"flex justify-between items-center mb-4"},Ig={class:"flex-1"},Mg={class:"message-center__list-wrapper relative flex flex-col"},Lg={key:0,class:"block mb-6 text-sm font-light"},Sg={class:"text-caption mr-1"},Dg={key:1,class:"w-full mb-6 text-center"},Tg={key:2,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},Vg={key:3,class:"text-center"},Ag={key:5,class:"mt-6 grid grid-cols-1 tablet:grid-cols-3 gap-4 flex-shrink-0"},Og={class:"flex"},Pg={class:"mt-1"},Eg={class:"grid grid-cols-2 gap-4 w-full mt-8"},Ng={__name:"MessageCenter",setup(e){const n=z(),r=oe().meta.id,c=A(!1),u=A(!1),{t:p}=he();G("Messages",Rt),G("MessagesFilterModal",Ma);const v=C(()=>n.getters["content/getContentForComponent"](r)),g=C(()=>v.value.components.find(Q=>Q.type==="Messages")),_=C(()=>n.getters["messages/isEditMode"]),b=C(()=>n.getters["messages/isLoading"]),x=C(()=>n.getters["messages/areMessagesSelected"]),k=C(()=>n.getters["messages/getFilteredMessages"]),I=C(()=>n.getters["messages/getCategories"]),w=C(()=>n.getters["messages/getStartDate"]),L=C(()=>n.getters["messages/getEndDate"]),S=C(()=>n.getters["messages/getFilterCategory"]),M=C(()=>n.getters["messages/getSelectedMessages"]),V=C(()=>I.value.find(Q=>Q.id===S.value)),H=()=>{k.value.length===0&&!_.value||n.commit("messages/setEditMode",!_.value)},W=()=>{c.value=!0},U=()=>{c.value=!1},q=()=>{u.value=!0},j=async()=>{await n.dispatch("messages/deleteMessage",M.value),n.commit("messages/setEditMode",!_.value),n.dispatch("messages/fetchUnreadCount"),U()},E=async()=>{await n.dispatch("messages/markMessagesAsUnread",M.value),n.commit("messages/setEditMode",!_.value),n.dispatch("messages/fetchUnreadCount")},R=async()=>{await n.dispatch("messages/markMessagesAsRead",M.value),n.commit("messages/setEditMode",!_.value),n.dispatch("messages/fetchUnreadCount")},N=()=>{n.commit("messages/selectAllMessages",k.value)},ee=()=>{n.commit("messages/deselectAllMessages")},F=async()=>{n.commit("messages/setFilterDates",{startDate:null,endDate:null}),n.commit("messages/setFilterCategory",null)},K=C(()=>{const Q=k.value.length===1?p("common.results-plural.result"):p("common.results-plural.results");return w.value&&!L.value&&!S.value?g.value.filterData.startDateText.replace("{RESULT_COUNT}",k.value.length).replace("{RESULT_TEXT}",Q).replace("{START_DATE}",Fe(w.value)):L.value&&!w.value&&!S.value?g.value.filterData.endDateText.replace("{RESULT_COUNT}",k.value.length).replace("{RESULT_TEXT}",Q).replace("{END_DATE}",Fe(L.value)):w.value&&L.value&&!S.value?g.value.filterData.startDatePlusEndDateText.replace("{RESULT_COUNT}",k.value.length).replace("{RESULT_TEXT}",Q).replace("{START_DATE}",Fe(w.value)).replace("{END_DATE}",Fe(L.value)):w.value&&!L.value&&S.value?g.value.filterData.categoryPlusStartDateText.replace("{RESULT_COUNT}",k.value.length).replace("{RESULT_TEXT}",Q).replace("{CATEGORY}",V.value.name).replace("{START_DATE}",Fe(w.value)):L.value&&!w.value&&S.value?g.value.filterData.categoryPlusEndDateText.replace("{RESULT_COUNT}",k.value.length).replace("{CATEGORY}",V.value.name).replace("{END_DATE}",Fe(L.value)):w.value&&L.value&&S.value?g.value.filterData.categoryPlusStartDatePlusEndDateText.replace("{RESULT_COUNT}",k.value.length).replace("{RESULT_TEXT}",Q).replace("{CATEGORY}",V.value.name).replace("{START_DATE}",Fe(w.value)).replace("{END_DATE}",Fe(L.value)):g.value.filterData.categoryText.replace("{RESULT_COUNT}",k.value.length).replace("{RESULT_TEXT}",Q).replace("{CATEGORY}",V.value.name)});return Oe(()=>F()),(Q,J)=>{const be=y("Heading"),ye=y("IconPreferences"),re=y("IconWrapper"),X=y("ButtonControl"),T=y("Spinner"),O=y("Modal");return i(),h("div",Cg,[a("div",kg,[a("div",$g,[a("div",wg,[a("div",Ig,[d(be,{tag:"h2",heading:2,class:"font-bold"},{default:o(()=>[f(l(m(g).title),1)]),_:1})]),a("div",null,[d(re,{class:"hover:cursor-pointer mr-4","icon-name":Q.$t("common.filter"),onClick:q},{default:o(()=>[d(ye)]),_:1},8,["icon-name"])]),m(k)?(i(),h("div",{key:0,class:Y({"hover:underline hover:cursor-pointer":m(k).length,"opacity-50":!m(k).length&&!m(_)}),onClick:H},l(m(_)?Q.$t("common.ready"):Q.$t("common.edit")),3)):$("",!0)]),a("div",Mg,[m(w)||m(L)||m(S)?(i(),h("div",Lg,[a("span",Sg,l(m(K)),1),a("span",{class:"underline text-midnight-black inline-block hover:cursor-pointer",onClick:F},l(m(g).filterData.deleteFiltersText),1)])):$("",!0),m(_)?(i(),h("div",Dg,[m(M).length!==m(k).length?(i(),D(X,{key:0,styling:"secondary",class:"w-full tablet:max-w-sm",onClick:N},{default:o(()=>

1[f(l(m(g).selectAllLabel),1)]),_:1})):$("",!0),m(M).length===m(k).length?(i(),D(X,{key:1,styling:"secondary",class:"w-full tablet:max-w-sm",onClick:ee},{default:o(()=>[f(l(m(g).deselectAllLabel),1)]),_:1})):$("",!0)])):$("",!0),m(b)?(i(),h("div",Tg,[d(T,{class:"w-8 h-8","border-width":2})])):$("",!0),m(k).length===0&&!m(b)?(i(),h("div",Vg,l(m(g).noMessagesFoundLabel),1)):$("",!0),m(k)?(i(),D(Rt,{key:4,"is-edit-mode":m(_),class:"overflow-auto flex-shrink"},null,8,["is-edit-mode"])):$("",!0),m(_)?(i(),h("div",Ag,[d(X,{onClick:W,styling:"secondary",disabled:!m(x)},{default:o(()=>[f(l(m(g).deleteLabel),1)]),_:1},8,["disabled"]),d(X,{onClick:E,styling:"secondary",disabled:!m(x)},{default:o(()=>[f(l(m(g).unreadLabel),1)]),_:1},8,["disabled"]),d(X,{onClick:R,styling:"secondary",disabled:!m(x)},{default:o(()=>J[1]||(J[1]=[f(" Gelezen ")])),_:1},8,["disabled"])])):$("",!0)])])]),d(O,{"is-visible":m(c),"can-be-closed":!0,onClose:U},{heading:o(()=>[a("span",Og,[a("span",Pg,l(m(g).deleteModal.title),1)])]),content:o(()=>[f(l(m(g).deleteModal.description),1)]),button:o(ne=>[a("div",Eg,[d(X,{onClick:ne.closeModal,styling:"secondary"},{default:o(()=>[f(l(Q.$t("common.cancel")),1)]),_:2},1032,["onClick"]),d(X,{onClick:j},{default:o(()=>[f(l(m(g).deleteModal.buttonLabel),1)]),_:1})])]),_:1},8,["is-visible"]),m(I)?(i(),D(Ma,{key:0,content:m(g).filterModal,"is-visible":m(u),onHide:J[0]||(J[0]=ne=>u.value=!1)},null,8,["content","is-visible"])):$("",!0)])}}},Hg={class:"message-center"},qg={class:"tablet:container mx-auto mb-16 px-5 tablet:px-0 relative"},jg={key:0,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},Wg={key:1,class:"my-6 w-full"},Ug={class:"bg-polar-white p-4"},Fg={class:"mt-6 flex flex-col"},Bg={key:0},Rg={class:"block font-bold"},Zg={key:1},zg={__name:"MessageDetail",setup(e){const n=oe(),s=z(),r=n.params.id,c=A({}),u=A(!1),p=async()=>{if(c.value.read)return;u.value=!0;const g=await se(`/api/messagecenter/${r}`,"GET");g.isSuccess?(c.value=g.data,c.value.read||(await v(),await s.dispatch("messages/fetchUnreadCount"))):s.commit("notifications/addNotification",{type:"error",message:t("errors.general.something-went-wrong")}),u.value=!1},v=async()=>{await se("/api/messagecenter/","PUT",{messages:[{id:r,read:!0}]})};return p(),(g,_)=>{const b=y("Spinner"),x=y("IconWrapper"),k=y("ListItem"),I=y("List"),w=y("RichText"),L=y("AnchorLink"),S=y("ButtonControl");return i(),h("div",Hg,[a("div",qg,[m(u)?(i(),h("div",jg,[d(b,{class:"w-8 h-8","border-width":2})])):$("",!0),m(c)?(i(),h("div",Wg,[d(I,null,{default:o(()=>[d(k,null,{icon:o(()=>[d(x,null,{default:o(()=>[(i(),D(Ve(`Icon${m(c).icon}`)))]),_:1})]),descriptionDate:o(()=>[f(l(m(te)(new Date(m(c).sentDate)).format("D MMMM HH:mm")),1)]),labelOne:o(()=>[f(l(m(c).title),1)]),_:1})]),_:1}),a("div",Ug,[m(c).text?(i(),D(w,{key:0,content:m(c).text},null,8,["content"])):$("",!0),a("div",Fg,[m(c).primaryCTA?(i(),h("div",Bg,[d(L,{class:"justify-center mb-4 block w-full tablet:w-6/12","is-external-link":m(c).primaryCTA.isExternalPage,underlined:"",styling:"primary",path:m(c).primaryCTA.isExternalPage?m(c).primaryCTA.link:{path:m(c).primaryCTA.link}},{default:o(()=>[a("span",Rg,l(m(c).primaryCTA.title),1)]),_:1},8,["is-external-link","path"])])):$("",!0),m(c).secondaryCTA?(i(),h("div",Zg,[d(S,{styling:"secondary",class:"w-full tablet:w-6/12",to:{path:m(c).secondaryCTA.link}},{default:o(()=>[f(l(m(c).secondaryCTA.title),1)]),_:1},8,["to"])])):$("",!0)])])])):$("",!0)])])}}},Kg={class:"virtual-car-landing-page page pb-12"},Yg={__name:"VirtualCarLandingPage",setup(e){const s=oe().meta.id;return(r,c)=>(i(),h("div",Kg,[d(lt,{"page-id":m(s)},null,8,["page-id"])]))}};const Gg={class:"virtual-car-content-page page pb-12"},Qg={key:0,class:"flex"},Xg={class:"virtual-car-content-page__wrapper"},Jg={__name:"VirtualCarContentPage",setup(e){const n=z(),s=oe();G("PageHeader",Ge);const r=s.meta.id,c=C(()=>n.getters["content/getContentForComponent"](r));return(u,p)=>(i(),h("div",Gg,[c.value.image?(i(),h("div",Qg,[d(Ge,{"image-url":c.value.image,class:"mb-6 tablet:mt-0 tablet:mb-16","show-on-mobile":!0}

1,null,8,["image-url"])])):$("",!0),a("div",Xg,[d(lt,{"page-id":m(r)},null,8,["page-id"])])]))}};var La=B(Jg,[["__scopeId","data-v-2676b388"]]);const e5={class:"content-page page pb-12"},t5={key:0,class:"flex"},n5={class:"content-page__wrapper"},a5={__name:"ContentPage",setup(e){var p,v;const n=Ae(),s=z(),r=oe();G("PageHeader",Ge);const c=r.meta.id,u=C(()=>s.getters["content/getContentForComponent"](c));return((v=(p=u.value)==null?void 0:p.components)==null?void 0:v.length)==0&&n.push({name:"Dashboard"}),(g,_)=>(i(),h("div",e5,[u.value.image?(i(),h("div",t5,[d(Ge,{"image-url":u.value.image,class:"mb-6 tablet:mt-0 tablet:mb-16","show-on-mobile":!0},null,8,["image-url"])])):$("",!0),a("div",n5,[d(lt,{"page-id":m(c)},null,8,["page-id"])])]))}};var o5=B(a5,[["__scopeId","data-v-7c1ecd5d"]]);const s5="Test Drive",l5="Brochure",i5="Taxatie",r5="private lease",c5="financiering",d5="Offerte",u5="Contact",m5=e=>{switch(e){case s5:return"IconCar";case l5:return"IconBrochure";case i5:return"IconNextCheckUp";case r5:return"IconConfiguration";case c5:return"IconKiaPoints";case d5:return"IconQuote";case u5:return"IconContact";default:return"IconCar"}},p5={class:"text-sm font-light pl-12"},f5={key:0,class:"mt-3 first:mt-0"},v5={key:1,class:"mt-4 first:mt-0"},h5={class:"list-disc pl-4"},_5={class:"mt-2"},g5={key:2,class:"mt-4 first:mt-0"},b5={class:"font-light"},y5={class:"mt-2"},x5={key:3,class:"mt-4 first:mt-0"},C5={class:"font-light"},Sa={__name:"RequestItem",props:{request:Object},setup(e){const n=z(),s=oe();he();const r=e,c=C(()=>n.getters["content/getContentForComponent"](s.meta.id)),u=C(()=>{var b;return(b=r.request)!=null&&b.type?m5(r.request.type):null}),p=C(()=>{var b;return`${et((b=r.request)==null?void 0:b.type)} ${r.request.modelNieuw}`}),v=C(()=>r.request.configurationLink?new URL(r.request.configurationLink).hostname.replace("www.",""):void 0),g=C(()=>r.request.url?new URL(r.request.url).hostname.replace("www.",""):void 0),_=C(()=>!(!r.request.uitvoeringNieuw&&!r.request.preferenceDates&&!r.request.configurationLink&&(!r.request.url||r.request.url==="")));return(b,x)=>{const k=y("IconWrapper"),I=y("AnchorLink"),w=y("AccordionItem");return i(),D(w,null,ie({icon:o(()=>[d(k,null,{default:o(()=>[(i(),D(Ve(u.value)))]),_:1})]),title:o(()=>[f(l(p.value),1)]),description:o(()=>[f(l(b.$t("common.requested-on").replace("(DATE)",m(Fe)(e.request.date))),1)]),_:2},[_.value?{name:"content",fn:o(()=>[a("div",p5,[e.request.uitvoeringNieuw?(i(),h("div",f5,l(e.request.modelNieuw)+", "+l(e.request.uitvoeringNieuw),1)):$("",!0),e.request.preferenceDates?(i(),h("div",v5,[f(l(c.value.preferenceDate)+" ",1),a("ul",h5,[(i(!0),h(Z,null,de(e.request.preferenceDates,L=>(i(),h("li",{key:L},l(m(Fe)(L,"D MMMM"))+" "+l(b.$t("common.at"))+" "+l(m(Fe)(L,"HH:MM")),1))),128))]),a("div",_5,l(c.value.dealerConfirmation),1)])):$("",!0),e.request.configurationLink?(i(),h("div",g5,[d(I,{path:e.request.configurationLink,"is-external-link":"",underlined:""},{default:o(()=>[a("span",b5,l(b.$t("common.view-on").replace("(URL)",v.value)),1)]),_:1},8,["path"]),a("div",y5,l(c.value.configurationCode)+" "+l(e.request.configurationCode),1)])):$("",!0),e.request.url?(i(),h("div",x5,[d(I,{path:e.request.url,"is-external-link":"",underlined:""},{default:o(()=>[a("span",C5,l(b.$t("common.view-on").replace("(URL)",g.value)),1)]),_:1},8,["path"])])):$("",!0)])]),key:"0"}:void 0]),1024)}}},k5={class:"page"},$5={class:"tablet:container w-full tablet:mx-auto px-5 tablet:px-0 my-6"},w5={class:"relative"},I5={key:1,class:"block mt-4"},M5={key:2,class:"w-full h-full mt-4 bg-opacity-80 bg-polar-white flex items-center justify-center"},L5={__name:"MyRequests",setup(e){const n=z(),r=oe().meta.id;G("RequestItem",Sa);const c=C(()=>n.getters["content/getContentForComponent"](r)),u=C(()=>n.getters["requests/isLoading"]),p=C(()=>n.getters["requests/getRequests"]);return n.dispatch("requests/fetchRequests"),(v,g)=>{const _=y("Heading"),b=y("RichText"),x=y("Accordion"),k=y("Spinner");return i(),h("div",k5,[a("div",$5,[d(_,{tag:"h2",heading:2},{default:o(()=>[f(l(c.value.title),1)]),_:1}),d(b,{content:c.value.text,class:"mt-4"},null,8,["content"]),a("div",w5,[p.value.length>0?(i(),D(x,{key:0,class:"mt-4"},{default:o(()=>[(i(!0),h(Z,null,de(p.value,I=>(i(),D(Sa,{key:I.id,request:I},null,8,["request"]))),128))]),_:1})):u.value?$("",!0):(i(),h("div",I5,l(c.value.nothingFoundText),1)),u.value?(i(),h("div",M5,[d(k,{class:"my-4 w-8 h-8","border-width":2})])):$("",!0)])])])}}},S5={class:"container max-w-5xl mx-auto mb-4 px-5 tablet:px-0"},D5={__name:"ChangeQuicklinkPreferences",setup(e){const n=z(),s=oe(),r

1=C(()=>n.getters["content/getContentForComponent"](s.meta.id)),c=C(()=>r.value.components[0]);return(u,p)=>{const v=y("Heading"),g=y("SortOrder");return i(),h("div",S5,[d(v,{tag:"h1",heading:2,class:"font-bold mb-4 mt-6 text-center"},{default:o(()=>[f(l(r.value.title),1)]),_:1}),d(g,{title:r.value.title,listItems:c.value.quickLinksApp},null,8,["title","listItems"])])}}};const T5={class:"slide-stepper flex flex-col py-8 grow"},V5={class:"slide-stepper__texts text-center mt-4 w-full px-4 text-polar-white flex-shrink-0 flex flex-col justify-center"},A5={class:"mt-2 font-light"},O5={class:"slide-stepper__indicator flex justify-center gap-2 mt-10"},P5={class:"slide-stepper__actions grid grid-flow-col gap-4 mt-10 px-10"},E5={__name:"SlideStepper",props:{slides:{type:Array,required:!0,validator(e){let n=!0;return e.forEach(s=>{["image","title","description"].every(r=>{s[r]==="undefined"&&(n=!1)})}),n}}},emits:["skip","finish"],setup(e,{emit:n}){G("Flicking",Mt);const s=A(null),r=A(0),c=n,u=async({index:_})=>{_!==r.value&&(s.value.moveTo(_),r.value=_)},p=_=>{_.target.blur(),u({index:r.value+1})},v=()=>{c("skip")},g=()=>{c("finish")};return(_,b)=>{const x=y("Heading"),k=y("ButtonControl");return i(),h("div",T5,[d(m(Mt),{ref_key:"carousel",ref:s,options:{defaultIndex:0},class:"slide-stepper__slider grow",onChanged:u},{default:o(()=>[(i(!0),h(Z,null,de(e.slides,I=>(i(),h("div",{class:"slide-stepper__slide w-full flex flex-col px-6",key:I.id},[a("div",{class:"slide-stepper__slide-image my-auto flex-grow bg-contain bg-center bg-no-repeat w-full",style:bt(`background-image: url(${m(za)(I.image)})`)},null,4),a("div",V5,[d(x,{tag:"h2",heading:2},{default:o(()=>[f(l(I.title),1)]),_:2},1024),a("p",A5,l(I.description),1)])]))),128))]),_:1},512),a("div",O5,[(i(!0),h(Z,null,de(e.slides,(I,w)=>(i(),h("div",{class:Y(["slide-stepper__indicator-bar h-0.5 w-10",w===r.value?"bg-polar-white":"bg-caption"]),key:I.id},null,2))),128))]),a("div",P5,[r.value+1!==e.slides.length?(i(),h(Z,{key:0},[d(k,{styling:"white-transparent",onClick:v},{default:o(()=>[f(l(_.$t("ui-elements.onboarding.skip-label")),1)]),_:1}),d(k,{styling:"white",onClick:p},{default:o(()=>[f(l(_.$t("ui-elements.onboarding.next-label")),1)]),_:1})],64)):(i(),D(k,{key:1,styling:"white",onClick:g},{default:o(()=>[f(l(_.$t("ui-elements.onboarding.finish-label")),1)]),_:1}))])])}}};var Da=B(E5,[["__scopeId","data-v-0684f7cb"]]);const po="myKiaOnboarding",Ta="myKiaParkingLocation",N5={class:"onboarding-page fixed top-0 left-0 w-screen h-screen bg-polar-white z-50"},H5={class:"relative w-full h-full flex flex-col"},q5=["src","alt"],j5={__name:"OnboardingPage",setup(e){const n=z(),s=Ae(),r=oe();G("SlideStepper",Da);const c=C(()=>n.getters["content/getContentForComponent"](r.meta.id)),u=()=>{v(!0),s.push({name:"Login"})},p=()=>{v(),s.push({name:"Login"})},v=(g=!1)=>{const _={date:new Date,skipped:g};localStorage.setItem(po,JSON.stringify(_))};return(g,_)=>(i(),h("div",N5,[a("div",H5,[c.value.backgroundImage?(i(),h("img",{key:0,src:m(za)(c.value.backgroundImage),alt:c.value.backgroundImage.alt,class:"absolute -z-10 w-full h-full object-cover"},null,8,q5)):$("",!0),c.value.components?(i(),D(Da,{key:1,slides:c.value.components,class:"max-h-full",onSkip:u,onFinish:p},null,8,["slides"])):$("",!0)])]))}};const W5={class:"iframe"},U5=["src"],F5={__name:"ContactKIWLandingPage",setup(e){const n=z(),r=oe().meta.id,c=C(()=>n.getters["content/getContentForComponent"](r).components[0]),u=n.getters["vehicles/preferredVehicle"],p=n.getters["user/availableUserData"],v=C(()=>p.middleName?`${p.middleName} ${p.lastName}`:p.lastName),g=C(()=>{if(p.firstName)return g.value=p.firstName}),_=C(()=>{if(p.mobile)return _.value=p.mobile.substring(2)});return(b,x)=>{var k,I;return i(),h("div",W5,[a("iframe",{width:"100%",height:"100%",allow:"geolocation",src:`${c.value.url}&LicensePlate=${m(u).licensePlate}&ModelID=${m(u).model}&Transmission=&FirstName=${(k=g.value)!=null?k:""}&LastName=${v.value}&Phone=${(I=_.value)!=null?I:""}&Email=${m(p).email}&Source=native`},null,8,U5)])}}};var B5=B(F5,[["__scopeId","data-v-d38bd2c8"]]);const R5={class:"tom-tom-location-map"},Va={__name:"TomTomLocationMap",props:{point:{type:Object,default:null,validator(e){let n=!0;return["longitude","latitude"].every(r=>{e[r]==="undefined"&&(n=!1)}),n}}},setup(e){const n=z(),s=C(()=>n.getters["application/getTomTomKey"]),r=A(),c=A([]);let u=null;const p=A(!1),v=A(null),g=e,_=async()=>{c.value&&c.value.length>0&&(c.value.forEach(w=>w.remove()),await Be())},b=async()=>

1{if(!g.point)return;const w=document.createElement("div");w.className="marker",w.innerText="P";const L={lng:g.point.longitude,lat:g.point.latitude};c.value.push(new De.Marker({element:w}).setLngLat(L).addTo(u))},x=()=>{if(!v.value)return;const w=document.createElement("div");w.className="current-location-marker";const L={lng:v.value.longitude,lat:v.value.latitude};c.value.push(new De.Marker({element:w}).setLngLat(L).addTo(u))},k=async()=>{await _(),p.value?(b(),x()):Xt(async w=>{w!=null&&w.coords&&(v.value=w.coords,I(w.coords)),b(),x(),p.value=!0})},I=w=>{if(!w){u.setCenter(new De.LngLat(5.291266,52.132633));return}u.setCenter(new De.LngLat(w.longitude,w.latitude))};return Oe(()=>{u=De.map({key:s.value,container:r.value,zoom:14}),u.once("load",()=>{k(),I(v.value?v.value:g.point)})}),Ce(()=>g.point,w=>{w&&(k(),I(w))}),(w,L)=>(i(),h("div",R5,[a("div",{id:"map",ref_key:"mapRef",ref:r,class:"tom-tom-map w-full h-full"},null,512)]))}},Z5={class:"parking-location"},z5={class:"relative"},K5={class:"container max-w-5xl mx-auto mb-16 px-5 tablet:px-0 flex flex-col tablet:flex-row justify-between items-center"},Y5={class:"flex flex-col tablet:flex-row w-full tablet:w-auto"},G5={class:"text-caption mt-4 tablet:mt-0 tablet:ml-8"},Q5={class:"mt-4"},X5={key:0,class:"absolute top-0 left-0 w-full h-full bg-opacity-80 bg-background flex items-center justify-center z-10"},J5={__name:"ParkingLocation",setup(e){const n=z(),s=oe(),{t:r}=he();G("PageHeader",Ge),G("TomTomLocationMap",Va);const c=s.meta.id,u=C(()=>{var M;return(M=n.getters["content/getContentForComponent"](c))==null?void 0:M.components[0]}),p=C(()=>n.getters["vehicles/preferredVehicle"]),v=A(!1),g=A([]),_=A(null),b=C(()=>g.value?g.value.find(M=>M.houderschapsId===p.value.houderschapsId):null),x=C(()=>{if(!b.value)return null;const M=`${b.value.latitude},${b.value.longitude}`;return xt(M)}),k=async()=>{v.value=!0,await I(),S(),v.value=!1},I=()=>{v.value=!0,Xt(async M=>{M!=null&&M.coords?_.value={longitude:M.coords.longitude,latitude:M.coords.latitude}:n.commit("notifications/addNotification",{type:"error",message:r("errors.get-location-failed")}),v.value=!1})},w=()=>{!x.value||window.open(x.value,"_blank")},L=()=>{g.value=JSON.parse(localStorage.getItem(Ta))};L();const S=()=>{L();const M=[];g.value&&M.push(...g.value);const V={houderschapsId:p.value.houderschapsId,longitude:_.value.longitude,latitude:_.value.latitude,date:new Date},H=M.findIndex(W=>W.houderschapsId===p.value.houderschapsId);H>=0?M.splice(H,1,V):M.push(V),localStorage.setItem(Ta,JSON.stringify(M)),L()};return Oe(()=>{I()}),(M,V)=>{const H=y("ButtonControl"),W=y("Spinner");return i(),h("div",Z5,[a("div",z5,[d(Va,{point:b.value,class:"w-full h-80 mb-8"},null,8,["point"]),a("div",K5,[a("div",Y5,[d(H,{styling:"secondary",onClick:k},{default:o(()=>[f(l(u.value.saveParkingLocation),1)]),_:1}),d(H,{styling:"primary",disabled:!x.value,class:"mt-4 tablet:mt-0 tablet:ml-4",onClick:w},{default:o(()=>[f(l(u.value.navigateToParkingLocation),1)]),_:1},8,["disabled"])]),a("div",G5,[b.value?(i(),h(Z,{key:0},[f(l(u.value.lastLocationSavedLabel.replace("(DATE)",m(Fe)(b.value.date)).replace("(TIME)",m(Fe)(b.value.date,"HH:mm"))),1)],64)):(i(),h(Z,{key:1},[f(l(u.value.noLocationSavedYet),1)],64))]),a("div",Q5,l(u.value.description),1)]),v.value?(i(),h("div",X5,[d(W,{class:"mt-8 w-8 h-8","border-width":2})])):$("",!0)])])}}},eb={key:0,class:"service-details"},tb={class:"container max-w-5xl mx-auto mb-16 px-5 tablet:px-0"},nb={key:0,class:"bg-background bg-opacity-80 flex justify-center items-center absolute top-0 left-0 w-full h-full z-10"},ab={class:"my-12 w-full tablet:w-1/2"},ob={class:"flex mt-4"},sb={class:"flex-1 mr-4 text-caption"},lb={class:"flex-1"},ib={class:"text-caption block"},rb={class:"flex mt-4"},cb={class:"flex-1 mr-4 text-caption"},db={class:"flex-1"},ub={class:"flex mt-4"},mb={class:"flex-1 mr-4 text-caption"},pb={class:"flex-1"},fb={class:"flex mt-4"},vb={class:"flex-1 mr-4 text-caption"},hb={key:0,class:"flex-1"},_b={class:"flex mt-4"},gb={class:"flex-1 mr-4 text-caption"},bb={class:"flex-1"},yb={__name:"ServiceDetailContactMoment",setup(e){const n=z(),s=oe(),{t:r,locale:c}=he(),u=s.meta.id,p=A(!1),v=A({}),g=A(""),_=C(()=>n.getters["vehicles/preferredVehicle"].houderschapsId),b=C(()=>n.getters["vehicles/availableVehicles"]),x=C(()=>n.getters["content/getContentForComponent"](u)),k=C(()=>n.getters["appointments/appointmentsHistory"]),I=C(()=>x.value.components.find(L=>L.type==="ServiceDetailInfo"));g.value=b.value.find(L=>

1L.houderschapsId===_.value);const w=async()=>{p.value=!0;const L=await se(`/api/vehicle/${_.value}/appointment/contact-moments/${s.params.id}`,"GET");L.isSuccess&&(v.value=L.data,p.value=!1),L.isSuccess||n.commit("notifications/addNotification",{type:"error",message:r("errors.update-communication-preferences-failed")})};return _.value&&s.params.id&&(k.value?v.value=k.value.find(L=>L.id===parseInt(s.params.id)):w()),(L,S)=>{const M=y("Spinner"),V=y("Heading");return v.value?(i(),h("div",eb,[a("div",tb,[p.value?(i(),h("div",nb,[d(M,{class:"w-8 h-8","border-width":2})])):$("",!0),a("div",ab,[d(V,{tag:"h4",heading:3,class:"font-bold mb-6"},{default:o(()=>[f(l(v.value.title),1)]),_:1}),a("div",ob,[a("div",sb,l(I.value.vehicleLabel),1),a("div",lb,[f(l(g.value.model)+" ",1),a("span",ib,l(`[${g.value.licensePlate}]`),1)])]),a("div",rb,[a("div",cb,l(I.value.mileageLabel),1),a("div",db,l(v.value.mileage.toLocaleString(m(c))),1)]),a("div",ub,[a("div",mb,l(I.value.maintenanceLabel),1),a("div",pb,l(v.value.title),1)]),a("div",fb,[a("div",vb,l(I.value.dealerLabel),1),v.value.dealer?(i(),h("div",hb,l(v.value.dealer.name),1)):$("",!0)]),a("div",_b,[a("div",gb,l(I.value.dateLabel),1),a("div",bb,l(m(te)(v.value.date).format("D MMMM YYYY")),1)])])])])):$("",!0)}}};const xb={class:"terms-and-conditions page pb-12"},Cb={class:"container max-w-5xl mx-auto mb-12 px-5 tablet:px-0 mt-12"},kb={__name:"TermsAndConditions",setup(e){const n=z(),s=oe(),r=C(()=>n.getters["content/getContentForComponent"](s.meta.id));return(c,u)=>{const p=y("Heading"),v=y("RichText");return i(),h("div",xb,[a("div",Cb,[d(p,{tag:"h2",heading:2},{default:o(()=>[f(l(r.value.title),1)]),_:1}),d(v,{class:"terms-and-conditions__content mt-4",content:r.value.termsAndConditionsContent.termsAndConditions},null,8,["content"])])])}}},$b="a5f046bc-c963-40a0-b376-d471c6afb7c9",wb=G({__name:"ChatWidget",setup(e){const n=Ae(),s={enabled:!1};let r;return r=c=>{!c.config||!c.enabled||(Eazy.init(c.config).then(()=>{document.getElementById("web-messenger-container").contentWindow.document.getElementById("messenger-button").click()},u=>{console.error("Web chat initialization failed",u)}),Eazy.on("widget:opened",function(){}),Eazy.on("widget:closed",function(){Eazy.destroy(),n.push({name:"Dashboard"})}))},window.fetch?fetch("https://ai.eazy.im/e1bcb146-b934-49ca-8f1c-57a27c2130d0/boot?id="+$b).then(c=>c.ok?c.json():s).then(c=>{r(c)}):r(s),(c,u)=>null}}),Ib={__name:"ChatPage",setup(e){return(n,s)=>(i(),D(wb))}};const Mb={class:"iframe"},Lb=["src"],Sb={__name:"MobielSchadeMeldenLandingPage",setup(e){const n=z(),r=oe().meta.id,c=C(()=>n.getters["content/getContentForComponent"](r).components[0]),u=n.getters["vehicles/preferredVehicle"],p=n.getters["user/availableUserData"],v=C(()=>p.middleName?`${p.middleName} ${p.lastName}`:p.lastName),g=C(()=>u.licensePlate.replace(/-/g,"")),_=C(()=>p.phone.replace(/[\s+-]/g,"")),b=C(()=>p.initials.replace(/[\s.-]/g,"")),x=C(()=>{const w=new Date(p.dateOfBirth),L=String(w.getDate()).padStart(2,"0"),S=String(w.getMonth()+1).padStart(2,"0");return`${w.getFullYear()}-${S}-${L}`}),k=C(()=>{try{return[new URL(c.value.url).origin]}catch{return[]}}),I=w=>{var S,M,V;if(k.value.indexOf(w.origin)<0){console.log("frame-msm.html ignoring postMessage from origin:",w.origin);return}console.log("frame-msm.html received postMessage:",w.data);const L=w.data;!L||!L.type||(console.log("Sending event to analytics store"),L.type==="pageLoaded"?n.dispatch("analytics/queueEvent",{event:"page_view",data:{page_title:L.title,page_location:(S=L.category)==null?void 0:S.uri,custom_parameter_1:(M=L.category)==null?void 0:M.code,custom_parameter_2:(V=L.category)==null?void 0:V.label}}):L.type==="finished"&&n.dispatch("analytics/queueEvent",{event:"msm_completion",data:{dossier_Link:L.dossierLink}}))};return Oe(()=>{window.addEventListener("message",I,!1),console.log("Message listener added for iframe communication")}),ja(()=>{window.removeEventListener("message",I,!1),console.log("Message listener removed")}),(w,L)=>(i(),h("div",Mb,[a("iframe",{ref:"reportingIframe",width:"100%",height:"100%",allow:"geolocation",src:`${c.value.url}&reporter_vehicle_has_licenseplate=true&reporter_licenseplate=${g.value}&reporter_mobile=${_.value}&reporter_gender=${m(p).gender}&reporter_initials=${b.value}&reporter_lastname=${v.value}&reporter_dateofbirth=${x.value}&reporter_address.zipcode=${m(p).address.postalCode}&reporter_address.housenumber=${m(p).address.houseNumber}&reporter_address.housenumber_addition=${m(p).address.houseNumberAddition}&reporter_address.street=${m(p).address.street}&reporter_address.town=${m(p).address.city}&reporter_email=${m(p).email}`},null,8,Lb)]))}};var Db=B(Sb,[["__scopeId","data-v-27577cd3"]]);const Tb={HomePage:Un,Dashboard:Un,CarDetails:Gp,DashboardLights:ir,WarrantiesExpiries:xf,Subscription:hh,CarManuals:Jp,MyRides:Hf,RideDetails:cv,AddCar:rf,LeaseContract:H2,KIW:vg,ParkingLocation:J5,Workshop:Er,CreateAppointment:Am,TestDay:Op,Service:G_,ServiceDetail:V0,ServiceDetailContactMoment:yb,Profile:eh,EditPersonalDetails:a_,EditAccountDetails:C_,KiaFamilyCard:Th,Login:Ki,Register:Yd,ForgotPassword:tu,SetPassword:ru,VirtualCarLandingPage:Yg,VirtualCarContentPage:La,GenericLandingPage:La,OnboardingPage:j5,PointsOfInterest:r2,MyRequests:L5,ErrorPage:xu,NotFoundPage:vu,TermsAndConditions:kb,ContentPage:o5,ChatPage:Ib,MessageCenter:Ng,MessageDetail:zg,ChangeQuicklinkPreferences:D5,ContactKIWLandingPage:B5,MobielScha

1demeldenLandingPage:Db};function Vb(e){return Tb[e]||null}const Ab=["DashboardLights"],Aa=["Login","Register","SetPassword","ForgotPassword","NotFoundPage","ErrorPage"];var Oa={mode:"jit",content:["./index.html","./src/**/*.{vue,js,ts,jsx,tsx}"],theme:{screens:{phone:"0px",tablet:"720px",desktop:"1024px"},fontFamily:{light:'"Kia Signature Light"',body:'"Kia Signature"',bold:'"Kia Signature Bold"'},fontSize:{xxs:["0.6875rem","1.2"],xs:["0.8125rem","1.3"],sm:["0.9375rem","1.33"],base:["1rem","1.5"],md:["1.125rem","1.33"],lg:["1.25rem","1.25"],xl:["1.5rem","1.25"],xxl:["2rem","1.1875"],xxxl:["2.5rem","1.125"]},container:{padding:{DEFAULT:"0",tablet:"1rem"}},extend:{colors:{"midnight-black":"#05141F","polar-white":"#ffffff","cardinal-red":"#bb162b","afternoon-yellow":"#f3c300","sunny-orange":"#D99722","dark-orange":"#4D2E0B","forest-green":"#5d7d2b","soft-green":"#EFF2EA","city-gray":"#9ea1a2",background:"#f7f8f8","soft-gray":"#ebeded",backline:"#dcdfe0",keyline:"#cdd0d2",disabled:"#9ba1a5",caption:"#697279",description:"#37434c",point:"#ea0029"},zIndex:{"-10":"-10"},borderWidth:{3:"3px"},aspectRatio:{"4/3":"4 / 3"},spacing:{26:"6.5rem"}}},variants:{extend:{display:["group-hover"]}},plugins:[]},Ob=Jo({__proto__:null,default:Oa},[Oa]);const Pb=No(Ob),Pa=Pb.default.theme.screens,fo={};Object.keys(Pa).map(e=>{fo[e]=+Pa[e].replace("px","")});const vt=A("");let Pt=Ho({});function Ea(){const e={},n=Object.keys(fo).map(r=>r.toString()),s=n.findIndex(r=>r===vt.value);for(let r=0;r<n.length;r++){if(r>0&&r<n.length-1){const c=`${n[r]}Minus`,u=`${n[r]}Plus`;e[c]=s<=r,e[u]=s>=r}e[n[r]]=n[r]===vt.value}Pt.value=e}const Eb={install:e=>{vt.value=getComputedStyle(document.body,":before").getPropertyValue("content").replaceAll('"',""),Ea(),window.addEventListener("resize",()=>{const n=getComputedStyle(document.body,":before").getPropertyValue("content").replaceAll('"',"");n!==vt&&(vt.value=n,Ea())}),e.provide("mediaQueries",qo(Pt))}},Je=jo({history:Wo(),routes:[],scrollBehavior(e,n,s){return s||(e.hash!==""?{el:"#"+e.hash,behavior:"smooth"}:{top:0})}}),Nb=e=>{const n=localStorage.getItem(po);return e.name!=="OnboardingPage"&&!n&&at()?{name:"OnboardingPage"}:e.name==="OnboardingPage"&&!at()?{name:"Dashboard"}:e.name==="OnboardingPage"&&at()?!0:null},Hb=e=>{var c;const n=(c=Se.getters["vehicles/preferredVehicle"])==null?void 0:c.isVirtual,s=e.name.toString().includes("VirtualCar"),r=["Profile","EditAccountDetails","EditPersonalDetails","MessageCenter","MessageDetail","NotFoundPage","ErrorPage"];return s&&!n?{name:"Dashboard"}:s&&n?!0:!s&&n&&!r.includes(e.name)?{name:"VirtualCarLandingPage"}:e.name==="DashboardLights"&&Pt.value.tabletPlus?{name:"Dashboard"}:!0};Je.beforeEach(async e=>{var r;if(e.name==="DashboardLights")Se.dispatch("content/getContentForComponents",{componentIds:[e.meta.id]});else{const c=(r=Se.getters["vehicles/preferredVehicle"])==null?void 0:r.model;await Se.dispatch("content/getContentForComponents",{componentIds:[e.meta.id],model:c}

1)}const n=Nb(e);if(n)return n;const s=Se.getters["authentication/isAuthenticated"];return s&&Aa.includes(e.name)&&!["NotFoundPage","ErrorPage"].includes(e.name)?{name:"Dashboard"}:!s&&!Aa.includes(e.name)&&e.matched.length>0?{name:"Login"}:Hb(e)});Je.beforeEach(e=>{Ab.includes(e.name)?Se.commit("application/setDarkMode",!0):Se.commit("application/setDarkMode",!1)});Je.beforeEach(async e=>{const n=e.params.houderschapsId,s=Se.getters["vehicles/preferredVehicle"];if(n&&s&&+n!==s.houderschapsId){const r=s.houderschapsId;Se.commit("vehicles/setPreferredVehicle",+n);const c={houderschapsId:+n};(await se("/api/user/set-preferred-car","POST",c)).isSuccess||Se.commit("vehicles/setPreferredVehicle",r)}});function vo(e,n=!1){const s=[];for(var r=0,c=e.length;r<c;r++){let u=e[r].component;["VirtualCarContentPage"].includes(u)&&(u+=`-${r}`),["ContentPage"].includes(u)&&(u+=`-${e[r].id}`);const p=Re(xe({},e[r]),{path:e[r].path,meta:{id:e[r].id},name:u,component:Vb(e[r].component)});p.path==="/"&&(p.redirect={name:"Dashboard"}),e[r].children&&(p.children=vo(e[r].children)),p.name==="RideDetails"&&(p.beforeEnter=v=>{if(!v.params.id)return{name:"MyRides"}}),Je.addRoute(p),s.push(p)}return s}async function qb(e,n){const s=new Request(`/routing/routes-${n}.json`,{cache:"no-cache"}),r=await fetch(s).then(c=>c.json());return r.push({id:"d0191c1e1-fcfb-757a-b9c1-3ed936486257",component:"ChatPage",path:"/chat"}),e.addRoute({path:"/",redirect:{name:"Dashboard"}}),e.addRoute({path:"/:pathMatch(.*)*",redirect:{name:"NotFoundPage"}}),vo(r,!0)}Je.afterEach(e=>{const n={value:e.path};Se.dispatch("analytics/queueEvent",{event:"screen_view",data:n})});const jb={},Wb={class:"accordion grid gap-0.5"};function Ub(e,n){return i(),h("div",Wb,[ae(e.$slots,"default")])}var Fb=B(jb,[["render",Ub]]);const Bb={key:0,class:"accordion-item__timeline-line w-0.5 h-full bg-midnight-black absolute top-0 -z-10"},Rb={class:"flex-1 flex-col"},Zb={key:0,class:"mt-0.5 text-caption text-sm"},zb={key:1,class:"ml-4 flex-shrink-0"},Kb={__name:"AccordionItem",props:{error:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hasTimelineLine:{type:Boolean,default:!1},dark:{type:Boolean,default:!1}},setup(e){const n=Uo();let s=A(!1);const r=()=>{!n.content||(s.value=!s.value)};return(c,u)=>{const p=y("IconChevron"),v=y("IconWrapper");return i(),h("div",{class:Y(["accordion-item flex flex-col bg-polar-white min-w-0 relative z-0",[{"is-closed":!m(s),"is-primary":m(s)},e.dark?"bg-midnight-black text-polar-white":"bg-polar-white"]])},[e.hasTimelineLine?(i(),h("span",Bb)):$("",!0),a("div",{class:Y(["flex items-center flex-grow py-4 pl-4 pr-2 min-w-0",{"cursor-pointer":c.$slots.content}]),onClick:r},[c.$slots.icon?(i(),h("div",{key:0,class:Y([{"text-sunny-orange":e.warning,"text-cardinal-red":e.error,"border-2 border-current bg-polar-white":e.hasTimelineLine,"bg-soft-gray":!e.hasTimelineLine},"inline-flex flex-shrink-0 mr-4 -ml-2 rounded-full p-2"])},[ae(c.$slots,"icon",{},void 0,!0)],2)):$("",!0),a("div",Rb,[ae(c.$slots,"title",{},void 0,!0),c.$slots.description?(i(),h("div",Zb,[ae(c.$slots,"description",{},void 0,!0)])):$("",!0)]),c.$slots.content?(i(),h("div",zb,[d(v,{class:Y([{"rotate-270":m(s),"rotate-90":!m(s)},"text-current flex-shrink-0 ml-auto"]),"icon-fill":"currentColor"},{default:o(()=>[d(p)]),_:1},8,["class"])])):$("",!0)],2),c.$slots.content?(i(),h("div",{key:1,class:Y(["p-0 max-h-screen overflow-hidden",{"max-h-0":!m(s)}])},[a("div",{class:Y(["pb-4",[{"accordion-item__content--has-timeline-line":e.hasTimelineLine},c.$slots.icon?"px-6":"px-4"]])},[ae(c.$slots,"content",{},void 0,!0)],2)],2)):$("",!0)],2)}}};var Yb=B(Kb,[["__scopeId","data-v-6881593a"]]);const Gb={__name:"Heading",props:{tag:{type:String,default:"h2"},heading:{type:Number,required:!0,validator(e){return[1,2,3,4,5].includes(e)}}},setup(e){const n=e,s=C(()=>{switch(n.heading){case 1:return"text-lg tablet:text-xxxl font-bold";case 2:return"text-md tablet:text-xl font-bold";case 3:return"text-base tablet:text-lg font-bold";case 4:return"text-base tablet:text-md font-bold";case 5:return"text-base tablet:text-base";default:return"text-base tablet:text-md"}});return(r,c)=>(i(),D(Ve(e.tag),{class:Y(s.value)},{default:o(()=>[ae(r.$slots,"default")]),_:3},8,["class"]))}};const Qb=["width","height","aria-labelledby"],Xb=["id"],Jb={__name:"IconWrapper",props:{iconName:{type:String,default:""},size:{type:Number,default:32},iconColor:{type:String,default:"currentColor"},iconFill:{type:String,default:"transparent"},strokeColor:{type:String,default:null},strokeWidth:{type:Number,default:null}},setup(e){const n=e,s=C(()=>n.strokeWidth?n.strokeWidth:n.size>32?2:1);return(r,c)=>(i(),h("svg",{class:"icon-wrapper",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size,viewBox:"0 0 32 32","aria-labelledby":e.iconName,role:"presentation",style:bt(`stroke-width: ${s.value}; stroke: ${e.strokeColor?e.strokeColor:e.iconColor}; fill: ${e.iconFill}`)},[a("title",{id:e.iconName,lang:"en"},l(e.iconName),9,Xb),ae(r.$slots,"default")],12,Qb))}},e3={};function t3(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{class:"double-stroke-width",cx:"16",cy:"12",r:"5.5"},null,-1),a("path",{d:"M26 27.5c0-5.247-4.477-9.5-10-9.5S6 22.253 6 27.5"},null,-1)]))}var n3=B(e3,[["render",t3]]),a3=Object.freeze(Object.defineProperty({__proto__:null,default:n3},Symbol.toStringTag,{value:"Module"}));const o3={};function s3(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"16",cy:"11",r:"6",class:"double-stroke-width"},null,-1),a("path",{d:"M6.014 27c.273-5.014 4.64-9 9.986-9 5.346 0 9.713 3.986 9.986 9",class:"double-stroke-width"},null,-1)]))}var l3=B(o3,[["render",s3]]),i3=Object.freeze(Object.defineProperty({__proto__:null,default:l3},Symbol.toStringTag,{value:"Module"}));const r3={};function c3(e,n){return i(),h("g",null,n[0]||(n[0]=[a("rect",{x:"2.5",y:"8.5",width:"25",height:"15",rx:"1.5"},null,-1),a("path",{d:"M27.5 12.5h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-2v-7Z"},null,-1)]))}var d3=B(r3,[["render",c3]]),u3=Object.freeze(Object.defineProperty({__proto__:null,default:d3},Symbol.toStringTag,{value:"Module"}));const m3={};function p3(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M12.5 15.5C12.5 13.8431 13.8431 12.5 15.5 12.5H18.5C19.0523 12.5 19.5 12.9477 19.5 13.5V18.5C19.5 19.0523 19.0523 19.5 18.5 19.5H15.5C13.8431 19.5 12.5 18.1569 12.5 16.5V15.5Z"},null,-1),a("path",{d:"M10.5 16C10.5 15.1716 11.1716 14.5 12 14.5H12.5V17.5H12C11.1716 17.5 10.5 16.8284 10.5 16V16Z"},null,-1),a("path",{d:"M10.5 16H6"},null,-1),a("path",{d:"M19.5 17.5H22"},null,-1),a("path",{d:"M19.5 14.5H22"},null,-1),a("rect",{x:"2.5",y:"8.5",width:"25",height:"15",rx:"1.5"},null,-1),a("path",{d:"M27.5 12.5h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-2v-7Z"},null,-1)]))}var f3=B(m3,[["render",p3]]),v3=Object.freeze(Object.defineProperty({__proto__:null,default:f3},Symbol.toStringTag,{value:"Module"}));const h3={};function _3(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"m15.183 19.771-7.841-5.663c-.179-.129-.048-.41.166-.356L14.5 15.5v-3.073a.2.2 0 0 1 .328-.154l7.898 6.582c.168.14.021.41-.188.344L15.5 17v2.609a.2.2 0 0 1-.317.162Z"},null,-1),a("rect",{x:"2.5",y:"8.5",width:"25",height:"15",rx:"1.5"},null,-1),a("path",{d:"M27.5 12.5h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-2v-7Z"},null,-1)]))}var g3=B(h3,[["render",_3]]),b3=Object.freeze(Object.defineProperty({__proto__:null,default:g3},Symbol.toStringTag,{value:"Module"}));const y3={},x3={d:"M24.5 21.5V14a8.5 8.5 0 0 0-5.541-7.959 3 3 0 0 0-5.922 0A8.493 8.493 0 0 0 7.5 14v7.5a3 3 0 0 1-3 3h23a3 3 0 0 1-3-3ZM19 24.5v1a3 3 0 0 1-6 0v-1"};function C3(e,n){return i(),h("path",x3)}var k3=B(y3,[["render",C3]]),$3=Object.freeze(Object.defineProperty({__proto__:null,default:k3},Symbol.toStringTag,{value:"Module"}));const w3={},I3={d:"M7.39551 16C7.39551 14.224 7.75551 12.64 8.47551 11.248C9.19551 9.84001 10.1955 8.74401 11.4755 7.96001C12.7715 7.16001 14.2355 6.76001 15.8675 6.76001C17.1795 6.76001 18.4115 7.01601 19.5635 7.52801C20.7155 8.04001 21.6595 8.65601 22.3955 9.37601V11.512C21.6115 10.504 20.6515 9.69601 19.5155 9.08801C18.3795 8.46401 17.1635 8.15201 15.8675 8.15201C14.5395 8.15201 13.3635 8.50401 12.3395 9.20801C11.3315 9.91201 10.5475 10.864 9.98751 12.064C9.42751 13.264 9.14751 14.576 9.14751 16V16.36C9.14751 17.848 9.42751 19.2 9.98751 20.416C10.5635 21.632 11.3555 22.592 12.3635 23.296C13.3875 23.984 14.5395 24.328 15.8195 24.328C17.0355 24.328 18.1155 24.032 19.0595 23.44C20.0035 22.832 20.7315 21.976 21.2435 20.872C21.7715 19.768 22.0355 18.488 22.0355 17.032H16.0355V15.616H23.7155V17.296C23.7155 18.928 23.3875 20.384 22.7315 21.664C22.0755 22.928 21.1475 23.92 19.9475 24.64C18.7475 25.36 17.3715 25.72 15.8195 25.72C14.2035 25.72 12.7555 25.328 11.4755 24.544C10.2115 23.744 9.21151 22.632 8.47551 21.208C7.75551 19.784 7.39551 18.168 7.39551 16.36V16Z",class:"fill no-stroke-width"};function M3(e,n){return i(),h("path",I3)}var L3=B(w3,[["render",M3]]),S3=Object.freeze(Object.defineProperty({__proto__:null,default:L3},Symbol.toStringTag,{value:"Module"}));const D3={},T3={d:"M6.5 8.5h19v21h-19zM5.5 5.5h21v3h-21zM11.5 4.5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1h-9v-1ZM10.5 26V11M15.5 26V11M20.5 26V11M4 8.5h24"};function V3(e,n){return i(),h("path",T3)}

1var A3=B(D3,[["render",V3]]),O3=Object.freeze(Object.defineProperty({__proto__:null,default:A3},Symbol.toStringTag,{value:"Module"}));const P3={};function E3(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M22.5 7.294c1.486-.237 3.988-.361 5.493-.372a.5.5 0 0 1 .507.5v17.766a.5.5 0 0 1-.493.5C19.9 25.791 16.5 28.419 16.5 28.419m0 0V9.653S13.1 7.028 5.007 6.922a.5.5 0 0 0-.507.5v17.766a.5.5 0 0 0 .493.5c8.107.103 11.507 2.731 11.507 2.731Z"},null,-1)),n[1]||(n[1]=a("path",{d:"M16.5 26.919a6.96 6.96 0 0 1 6-6V5.081a.5.5 0 0 0-.662-.473C16.847 6.312 16.5 9.949 16.5 10.419"},null,-1))],64)}var N3=B(P3,[["render",E3]]),H3=Object.freeze(Object.defineProperty({__proto__:null,default:N3},Symbol.toStringTag,{value:"Module"}));const q3={};function j3(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M4.5 4.5h23v23h-23zM10.5 2v5M21.5 2v5M5 11.5h22"},null,-1)),n[1]||(n[1]=a("path",{d:"m10.5 19.41 3.929 4.09 7.071-9"},null,-1))],64)}var W3=B(q3,[["render",j3]]),U3=Object.freeze(Object.defineProperty({__proto__:null,default:W3},Symbol.toStringTag,{value:"Module"}));const F3={};function B3(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M4.5 4.5h23v23h-23zM10.5 2v5M21.5 2v5M5 11.5h7M20 11.5h7"},null,-1)),n[1]||(n[1]=a("circle",{cx:"16",cy:"23",r:"1.5"},null,-1)),n[2]||(n[2]=a("path",{d:"M17.5 12c0 .621 0 7.5-1.5 7.5s-1.5-6.879-1.5-7.5c0-.621.375-1.5 1.5-1.5s1.5.879 1.5 1.5Z"},null,-1))],64)}var R3=B(F3,[["render",B3]]),Z3=Object.freeze(Object.defineProperty({__proto__:null,default:R3},Symbol.toStringTag,{value:"Module"}));const z3={};function K3(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"7",cy:"26",r:"2.5"},null,-1),a("circle",{cx:"24",cy:"26",r:"2.5"},null,-1),a("path",{d:"M11 25.5h9M3 25l-1.696-.34a1 1 0 0 1-.804-.98v-3.586c0-.366.198-.703.519-.88C3.079 18.077 7.07 15.867 10 15.5c3.09-.386 6.43.13 7.856.465.096.023.187.06.272.112l4.634 2.78c.156.094.333.142.515.146.876.02 2.286.138 3.723.497 1.43.358 2.702 1.275 3.312 1.823a.9.9 0 0 1 .26.426l.613 2.149a1 1 0 0 1-.82 1.264L28 25.5"},null,-1)]))}var Y3=B(z3,[["render",K3]]),G3=Object.freeze(Object.defineProperty({__proto__:null,default:Y3},Symbol.toStringTag,{value:"Module"}));const Q3={};function X3(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M25.5 21V4.5h-19V28A1.5 1.5 0 0 0 8 29.5h6M9 8.5h11M9 12.5h10M9 20.5h8M9 24.5h4M9 16.5h7"},null,-1),a("path",{d:"m28.832 29.982.667-4a1.254 1.254 0 0 0-.787-1.333l-5.893-2.587v-5.746a1.669 1.669 0 0 0-1.66-1.816 1.667 1.667 0 0 0-1.66 1.816v10.586l-2.294-2.746a1.332 1.332 0 0 0-2.173.173 1.253 1.253 0 0 0 0 1.333l2.4 4.374","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)]))}var J3=B(Q3,[["render",X3]]),ey=Object.freeze(Object.defineProperty({__proto__:null,default:J3},Symbol.toStringTag,{value:"Module"}));const ty={};function ny(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("g",{"clip-path":"url(#clip0_3299_13612)"},[a("path",{d:"M11.5201 21.0668C11.5201 19.8935 10.6134 18.9868 9.44011 18.9868C8.26678 18.9868 7.36011 19.8935 7.36011 21.0668C7.36011 22.2401 8.26678 23.1468 9.44011 23.1468C10.6134 23.1468 11.5201 22.2401 11.5201 21.0668ZM8.26677 21.1201C8.26677 20.4801 8.80011 19.9468 9.44011 19.9468C10.0801 19.9468 10.6134 20.4801 10.6134 21.1201C10.6134 21.7601 10.0801 22.2935 9.44011 22.2935C8.80011 22.3468 8.26677 21.8135 8.26677 21.1201ZM18.6668 8.32013C15.8401 8.32013 14.1334 8.53346 13.1201 8.69346C13.0134 9.01346 12.9068 9.49346 12.8534 9.81346C13.7601 9.65346 15.5201 9.3868 18.7201 9.3868C21.7601 9.3868 23.6801 9.7068 24.6401 9.8668C24.5868 9.5468 24.4801 9.01346 24.3734 8.7468C23.3601 8.5868 21.5468 8.32013 18.6668 8.32013ZM30.1868 21.0668C30.1868 19.8935 29.2801 18.9868 28.1068 18.9868C26.9334 18.9868 26.0268 19.8935 26.0268 21.0668C26.0268 22.2401 26.9334 23.1468 28.1068 23.1468C29.2801 23.1468 30.1868 22.2401 30.1868 21.0668ZM26.9334 21.1201C26.9334 20.4801 27.4668 19.9468 28.1068 19.9468C28.7468 19.9468 29.2801 20.4801 29.2801 21.1201C29.2801 21.7601 28.7468 22.2935 28.1068 22.2935C27.4668 22.3468 26.9334 21.8135 26.9334 21.1201Z",fill:"#05141F"}),a("path",{d:"M32 14.72H29.5467L27.6267 10.9867C27.3067 10.4 26.9867 10.0267 26.6667 9.81335C26.1333 5.92002 22.7733 2.93335 18.7733 2.93335C14.72 2.93335 11.36 5.97335 10.88 9.86668C10.56 10.1334 10.24 10.4534 9.92001 11.04L8.00001 14.7734H5.54668V15.4134L6.82668 16.2667C6.29334 16.7467 5.65334 17.6 5.54668 18.88L0.106676 22.3467C9.4377e-06 22.4 9.4377e-06 22.56 0.0533428 22.6667L0.373343 23.2C0.426676 23.3067 0.586676 23.36 0.693343 23.2533L12.32 15.7334C13.76 17.7067 16.1067 18.9333 18.72 18.9333C23.04 18.9333 26.56 15.4667 26.72 11.1467C26.7733 11.2 26.8267 11.3067 26.88 11.4134L29.4933 16.3734L29.9733 16.6933C30.3467 17.0667 31.1467 17.8667 31.1467 19.0933L30.5 28H27.5L27.5 26H10V28H7L6.40001 20.8L5.54668 21.3334L5.86668 28.64C5.86668 28.9067 6.08001 29.12 6.40001 29.12H10.56C10.88 29.12 11.0933 28.9067 11.0933 28.5867V27.2H26.56V28.5867C26.56 28.9067 26.7733 29.12 27.0933 29.12H31.1467C31.4133 29.12 31.68 28.9067 31.68 28.64L32 19.0933C32 17.7067 31.3067 16.7467 30.72 16.2667L32 15.4134V14.72ZM6.50668 18.1867C6.72001 17.44 7.20001 16.96 7.52001 16.6933L7.89334 16.4267L9.33334 13.8133L10.6133 11.36C10.6667 11.3067 10.6667 11.2534 10.72 11.2C10.7733 12.48 11.1467 13.7067 11.7333 14.7734L6.50668 18.1867ZM18.7733 17.8134C14.9867 17.8134 11.8933 14.72 11.8933 10.9333C11.8933 7.14668 14.9333 4.05335 18.7733 4.05335C22.56 4.05335 25.6533 7.14668 25.6533 10.9333C25.6533 14.72 22.56 17.8134 18.7733 17.8134Z",fill:"#05141F"})],-1)),n[1]||(n[1]=a("defs",null,[a("clipPath",{id:"clip0_3299_13612"},[a("rect",{width:"32",height:"32",fill:"white"})])],-1))],64)}var ay=B(ty,[["render",ny]]),oy=Object.freeze(Object.defineProperty({__proto__:null,default:ay},Symbol.toStringTag,{value:"Module"}));const sy={};

1function ly(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"7",cy:"26",r:"2.5"},null,-1),a("circle",{cx:"24",cy:"26",r:"2.5"},null,-1),a("path",{d:"M11 25.5h9M3 25l-1.696-.34a1 1 0 0 1-.804-.98v-3.586c0-.366.198-.703.519-.88C3.079 18.077 7.07 15.867 10 15.5c3.09-.386 6.43.13 7.856.465.096.023.187.06.272.112l4.634 2.78c.156.094.333.142.515.146.876.02 2.286.138 3.723.497 1.43.358 2.702 1.275 3.312 1.823a.9.9 0 0 1 .26.426l.613 2.149a1 1 0 0 1-.82 1.264L28 25.5"},null,-1),a("path",{d:"M10.5 9.5a2 2 0 1 1-4 0c0-1.105 2-4 2-4s2 2.895 2 4ZM17.5 9.5a2 2 0 1 1-4 0c0-1.105 2-4 2-4s2 2.895 2 4ZM24.5 9.5a2 2 0 1 1-4 0c0-1.105 2-4 2-4s2 2.895 2 4Z"},null,-1)]))}var iy=B(sy,[["render",ly]]),ry=Object.freeze(Object.defineProperty({__proto__:null,default:iy},Symbol.toStringTag,{value:"Module"}));const cy={};function dy(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M3.5 8A1.5 1.5 0 0 1 5 6.5h13A1.5 1.5 0 0 1 19.5 8v5.5a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6V8ZM8.5 19.5h6v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2ZM7.5 6.5V2M15.5 6.5V2"},null,-1),a("path",{d:"m12.5 9.5-2 3h2l-2 3M11.5 23.5v1a5 5 0 0 0 5 5h1a6 6 0 0 0 6-6v-11a3 3 0 0 1 3-3H28"},null,-1)]))}var uy=B(cy,[["render",dy]]),my=Object.freeze(Object.defineProperty({__proto__:null,default:uy},Symbol.toStringTag,{value:"Module"}));const py={},fy={d:"M25.3334 6.66669L14.0001 19.3334L6.66675 12V18L14.0001 25.3334L25.3334 12.6667V6.66669Z"};function vy(e,n){return i(),h("path",fy)}var hy=B(py,[["render",vy]]),_y=Object.freeze(Object.defineProperty({__proto__:null,default:hy},Symbol.toStringTag,{value:"Module"}));const gy={};function by(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"7",cy:"26",r:"2.5"},null,-1),a("circle",{cx:"8",cy:"14",r:"4.5"},null,-1),a("circle",{cx:"24",cy:"26",r:"2.5"},null,-1),a("path",{d:"M11 25.5h9M3 25l-1.696-.34a1 1 0 0 1-.804-.98v-3.586c0-.366.2-.703.52-.88.609-.336 1.386-.766 2.254-1.214M28 25.5l2.365-.338a1 1 0 0 0 .82-1.264l-.614-2.149a.9.9 0 0 0-.26-.426c-.61-.548-1.88-1.465-3.311-1.823a17.742 17.742 0 0 0-3.723-.497 1.045 1.045 0 0 1-.515-.145l-4.634-2.782a.956.956 0 0 0-.272-.111c-.806-.19-2.22-.437-3.856-.546M6 14l1.5 1.5L10 12"},null,-1)]))}var yy=B(gy,[["render",by]]),xy=Object.freeze(Object.defineProperty({__proto__:null,default:yy},Symbol.toStringTag,{value:"Module"}));const Cy={},ky={class:"no-stroke-width",d:"M13 11V8l8.5 8-8.5 8v-3l5.5-5-5.5-5Z"};function $y(e,n){return i(),h("path",ky)}var wy=B(Cy,[["render",$y]]),Iy=Object.freeze(Object.defineProperty({__proto__:null,default:wy},Symbol.toStringTag,{value:"Module"}));const My={},Ly={d:"M8 24 23 9M23 24 8 9"};function Sy(e,n){return i(),h("path",Ly)}var Dy=B(My,[["render",Sy]]),Ty=Object.freeze(Object.defineProperty({__proto__:null,default:Dy},Symbol.toStringTag,{value:"Module"}));const Vy={};function Ay(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M9.5 19a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0ZM11 18.5h3M27.5 19a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"},null,-1)),n[1]||(n[1]=a("path",{d:"m25.832 29.982.667-4a1.254 1.254 0 0 0-.787-1.333l-5.893-2.587v-5.746a1.669 1.669 0 0 0-1.66-1.816 1.667 1.667 0 0 0-1.66 1.816v10.586l-2.294-2.746a1.332 1.332 0 0 0-2.173.173 1.253 1.253 0 0 0 0 1.333l2.4 4.374"},null,-1)),n[2]||(n[2]=a("path",{d:"m29 18.007 1.694-.334a1 1 0 0 0 .806-.981v-3.513c0-.368-.2-.706-.524-.882-2.062-1.123-6.049-3.3-8.976-3.661-3.091-.381-6.432.127-7.857.459a.953.953 0 0 0-.27.109l-4.637 2.745c-.155.091-.33.138-.51.142a17.98 17.98 0 0 0-3.726.49c-1.429.353-2.698 1.256-3.31 1.796a.9.9 0 0 0-.263.428l-.606 2.094a1 1 0 0 0 .82 1.269L3 18.359"},null,-1))],64)}var Oy=B(Vy,[["render",Ay]]),Py=Object.freeze(Object.defineProperty({__proto__:null,default:Oy},Symbol.toStringTag,{value:"Module"}));const Ey={},Ny={class:"no-stroke-width fill",d:"m10.709 13.354-.328-.378.328.378Zm5.08 6.435-.353.354.353-.354Zm-1.982-.383.115.487-.115-.486Zm4.443 2.844.354-.354-.354.354Zm1.5-1.5-.354.354.354-.354Zm-2.794-2.794-.354.353.354-.353Zm-1.665-4.602.328-.378-.328.378Zm9.51.956-.382.323.382-.323Zm-.356-1.224-.498-.051.498.05Zm2.08 5.39.353.354-.354-.354Zm.084-2.03.381-.323-.381.323Zm-2.198 4.5.49.097-.49-.098Zm.41-.767-.353-.354.353.354Zm-1.08 4.115-.49-.098.49.098ZM8.508 20.951l-.262.426.262-.426ZM9.49 1.964A11.002 11.002 0 0 0 3 12h1c0-4.061 2.421-7.558 5.9-9.124l-.41-.912ZM3 12c0 3.967 2.1 7.442 5.246 9.377l.524-.852A9.993 9.993 0 0 1 4 12H3Zm5 9.012V28h1v-6.988H8ZM10 30h7v-1h-7v1Zm9-2v-1h-1v1h1Zm1-2h2.27v-1H20v1Zm4.232-1.608.67-3.349-.981-.196-.67 3.35.98.195Zm.943-3.86 1.703-1.703-.707-.707-1.703 1.703.707.707Zm1.815-4.409-1.807-2.136-.764.646 1.808 2.136.763-.646Zm-2.048-2.986c.038-.374.058-.753.058-1.137h-1c0 .35-.018.695-.053 1.035l.995.102ZM25 12c0-5.337-3.8-9.786-8.843-10.789l-.195.981C20.545 3.104 24 7.15 24 12h1ZM14 3.084v8.805h1V3.084h-1Zm.964 10.648A2.992 2.992 

10 0 1 16 16h1a3.992 3.992 0 0 0-1.381-3.024l-.655.756ZM16 16c0 .091-.004.182-.012.271l.996.09A4.05 4.05 0 0 0 17 16h-1Zm.602 2.31 2.794 2.794.708-.708-2.795-2.794-.707.707Zm2.002 3.586-2.461-2.46-.707.707 2.46 2.46.708-.707Zm-4.912-2.976A3.01 3.01 0 0 1 13 19v1c.317 0 .625-.037.922-.107l-.23-.973ZM13 19a3 3 0 0 1-3-3H9a4 4 0 0 0 4 4v-1Zm-3-3c0-.906.4-1.717 1.036-2.268l-.655-.756A3.992 3.992 0 0 0 9 16h1Zm2-4.111v-8.18h-1v8.18h1Zm-.964 1.843c.488-.423.964-1.055.964-1.843h-1c0 .37-.23.751-.619 1.087l.655.756Zm5.107 5.704c-.686-.686-1.692-.695-2.451-.516l.23.973c.627-.148 1.192-.072 1.514.25l.707-.707Zm3.253 2.46a.56.56 0 0 1-.792 0l-.708.707c.61.61 1.598.61 2.208 0l-.708-.707Zm0-.793a.56.56 0 0 1 0 .793l.708.707a1.56 1.56 0 0 0 0-2.207l-.708.707Zm-3.408-4.832c-.059.658.043 1.467.614 2.038l.707-.707c-.268-.268-.372-.716-.325-1.242l-.996-.089ZM14 11.89c0 .788.476 1.42.964 1.843l.655-.756C15.23 12.64 15 12.26 15 11.89h-1ZM16.157 1.21C14.957.973 14 1.967 14 3.084h1c0-.596.483-.987.962-.892l.195-.98Zm9.026 12.776a1.13 1.13 0 0 1-.241-.85l-.995-.102a2.129 2.129 0 0 0 .472 1.598l.764-.646Zm1.695 4.842a2 2 0 0 0 .112-2.706l-.763.646a1 1 0 0 1-.056 1.353l.707.707ZM24.9 21.043a1 1 0 0 1 .274-.51l-.707-.708a2 2 0 0 0-.547 1.022l.98.196ZM22.271 26a2 2 0 0 0 1.96-1.608l-.98-.196a1 1 0 0 1-.98.804v1ZM19 27a1 1 0 0 1 1-1v-1a2 2 0 0 0-2 2h1ZM8 28a2 2 0 0 0 2 2v-1a1 1 0 0 1-1-1H8Zm.212-7.41a.525.525 0 0 0-.212.422h1c0 .151-.071.293-.192.382l-.596-.803Zm.034.787a.475.475 0 0 1-.034-.786l.596.803a.525.525 0 0 0-.038-.869l-.524.852ZM17 30a2 2 0 0 0 2-2h-1a1 1 0 0 1-1 1v1ZM9.9 2.876c.49-.22 1.1.148 1.1.834h1c0-1.259-1.225-2.324-2.51-1.746l.41.912Z"};function Hy(e,n){return i(),h("path",Ny)}var qy=B(Ey,[["render",Hy]]),jy=Object.freeze(Object.defineProperty({__proto__:null,default:qy},Symbol.toStringTag,{value:"Module"}));const Wy={};function Uy(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"7",cy:"26",r:"2.5"},null,-1),a("circle",{cx:"24",cy:"26",r:"2.5"},null,-1),a("path",{d:"M11 25.5h9M3 25l-1.696-.34a1 1 0 0 1-.804-.98v-3.586c0-.366.198-.703.519-.88C3.079 18.077 7.07 15.867 10 15.5c3.09-.386 6.43.13 7.856.465.096.023.187.06.272.112l4.634 2.78c.156.094.333.142.515.146.876.02 2.286.138 3.723.497 1.43.358 2.702 1.275 3.312 1.823a.9.9 0 0 1 .26.426l.613 2.149a1 1 0 0 1-.82 1.264L28 25.5"},null,-1),a("path",{d:"M23.214 19.018c.59-.59 1.768-1.627 3.182-2.475 1.415-.849 3.182-1.06 3.89-1.06"},null,-1),a("path",{d:"M27.414 12.5a1.413 1.413 0 0 0 0-2v0a1.415 1.415 0 0 1 0-2M23.414 12.5a1.413 1.413 0 0 0 0-2v0a1.415 1.415 0 0 1 0-2"},null,-1)]))}var Fy=B(Wy,[["render",Uy]]),By=Object.freeze(Object.defineProperty({__proto__:null,default:Fy},Symbol.toStringTag,{value:"Module"}));const Ry={};function Zy(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("circle",{cx:"16",cy:"16",r:"11.5"},null,-1)),n[1]||(n[1]=a("circle",{cx:"16",cy:"22",r:"1.5"},null,-1)),n[2]||(n[2]=a("path",{d:"M18 9.5c0 .828 0 9-2 9s-2-8.172-2-9c0-.828.5-2 2-2s2 1.172 2 2ZM26.222 5.716A14.455 14.455 0 0 1 30.5 16c0 3.997-1.617 7.616-4.233 10.239m-20.543-.01A14.455 14.455 0 0 1 1.5 16c0-4.023 1.638-7.663 4.284-10.29"},null,-1))],64)}var zy=B(Ry,[["render",Zy]]),Ky=Object.freeze(Object.defineProperty({__proto__:null,default:zy},Symbol.toStringTag,{value:"Module"}));const Yy={},Gy={d:"M5.5 13.5h21v14h-21zM9 13.5V9c0-3.59 3.134-6.5 7-6.5s7 2.91 7 6.5v4.5"};function Qy(e,n){return i(),h("path",Gy)}var Xy=B(Yy,[["render",Qy]]),Jy=Object.freeze(Object.defineProperty({__proto__:null,default:Xy},Symbol.toStringTag,{value:"Module"}));const e4={};function t4(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M5.5 13.5h21v14h-21z"},null,-1)),n[1]||(n[1]=a("path",{d:"m9.473 13.557-.725-4.442c-.579-3.542 2.045-6.92 5.86-7.543 3.816-.623 7.378 1.744 7.957 5.286l.403 2.468"},null,-1))],64)}var n4=B(e4,[["render",t4]]),a4=Object.freeze(Object.defineProperty({__proto__:null,default:n4},Symbol.toStringTag,{value:"Module"}));const o4={};function s4(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("circle",{cx:"16",cy:"16",r:"13.5"},null,-1)),n[1]||(n[1]=a("path",{d:"M16 5C9.925 5 5 9.925 5 16c2.167-.333 5-1 11-1s8.833.667 11 1c0-6.075-4.925-11-11-11Z"},null,-1)),n[2]||(n[2]=a("path",{d:"M16.32 17.9c0 .009 0 .015.006.015h.01l1.247-.887a.111.111 0 0 1 .072-.024h.273a.064.064 0 0 1 .048.018c.014.012.022.03.023.05v.582a.158.158 0 0 1-.014.085.142.142 0 0 1-.056.062l-.333.218a.016.016 0 0 1-.011 0s-.007 0-.007-.015v-.666c0-.007 0-.013-.008-.013h-.01l-.91.65a.115.115 0 0 1-.071.023h-.604a.064.064 0 0 1-.048-.018.076.076 0 0 1-.023-.05v-.833c0-.007 0-.012-.006-.012a.013.013 0 0 0-.01 0l-.601.396c-.007 0-.008.007-.008.01 0 .004 0 0 .006.01l.428.471a.025.

1025 0 0 1 .01.016s-.006.008-.013.008h-.385a.1.1 0 0 1-.071-.023l-.26-.285h-.016l-.435.288a.107.107 0 0 1-.07.022h-.402a.063.063 0 0 1-.048-.018.075.075 0 0 1-.022-.05v-.574a.155.155 0 0 1 .014-.085.139.139 0 0 1 .056-.06l.335-.22a.01.01 0 0 1 .008 0c.005 0 .009 0 .009.018v.753c0 .008 0 .011.006.011a.02.02 0 0 0 .01 0l1.13-.744a.118.118 0 0 1 .075-.023h.608a.064.064 0 0 1 .048.018c.013.013.021.031.023.05v.827h-.004Z",class:"fill no-stroke-width"},null,-1)),n[3]||(n[3]=a("path",{d:"M18.5 26.715A11.01 11.01 0 0 0 26.9 17.5C24.933 17.167 20.6 18 19 20c-1.6 2-1 4.977-.5 6.715ZM13.512 26.715A11.01 11.01 0 0 1 5.114 17.5c1.966-.333 6.298.5 7.898 2.5 1.6 2 1 4.977.5 6.715Z"},null,-1))],64)}var l4=B(o4,[["render",s4]]),i4=Object.freeze(Object.defineProperty({__proto__:null,default:l4},Symbol.toStringTag,{value:"Module"}));const r4={};function c4(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"m2.5 7.5 13.5 11 13.5-11"},null,-1),a("rect",{x:"2.5",y:"6.5",width:"27",height:"19",rx:"1.5"},null,-1)]))}var d4=B(r4,[["render",c4]]),u4=Object.freeze(Object.defineProperty({__proto__:null,default:d4},Symbol.toStringTag,{value:"Module"}));const m4={};function p4(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"m4.5 9.5 11.5 10 11.5-10",class:"double-stroke-width"},null,-1),a("rect",{x:"4",y:"8",width:"24",height:"17",rx:"1.5",class:"double-stroke-width"},null,-1)]))}var f4=B(m4,[["render",p4]]),v4=Object.freeze(Object.defineProperty({__proto__:null,default:f4},Symbol.toStringTag,{value:"Module"}));const h4={};function _4(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M27.79 26.5H4.21a1 1 0 0 1-.872-1.49l11.79-20.96a1 1 0 0 1 1.744 0l11.79 20.96a1 1 0 0 1-.872 1.49Z"},null,-1),a("circle",{cx:"16",cy:"22",r:"1.5"},null,-1),a("path",{d:"M17.5 11c0 .621 0 7.5-1.5 7.5s-1.5-6.879-1.5-7.5c0-.621.375-1.5 1.5-1.5s1.5.879 1.5 1.5Z"},null,-1)]))}var g4=B(h4,[["render",_4]]),b4=Object.freeze(Object.defineProperty({__proto__:null,default:g4},Symbol.toStringTag,{value:"Module"}));const y4={},x4={d:"m10.667 20 14-14M14.667 10H7.5A1.5 1.5 0 0 0 6 11.5v11.667a1.5 1.5 0 0 0 1.5 1.5h11.667a1.5 1.5 0 0 0 1.5-1.5V16M14.667 6h10v10"};function C4(e,n){return i(),h("path",x4)}var k4=B(y4,[["render",C4]]),$4=Object.freeze(Object.defineProperty({__proto__:null,default:k4},Symbol.toStringTag,{value:"Module"}));const w4={};function I4(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M30.333 16S24.47 23.5 16 23.5C7.53 23.5 1.667 16 1.667 16S7.53 8.5 16 8.5c8.47 0 14.333 7.5 14.333 7.5Z"},null,-1),a("path",{d:"M11.5 16a4.5 4.5 0 1 0 9 0 4.5 4.5 0 0 0-9 0Z"},null,-1)]))}var M4=B(w4,[["render",I4]]),L4=Object.freeze(Object.defineProperty({__proto__:null,default:M4},Symbol.toStringTag,{value:"Module"}));const S4={};function D4(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M6.5 4A1.5 1.5 0 0 1 8 2.5h14A1.5 1.5 0 0 1 23.5 4v21.5h-17V4Z"},null,-1),a("path",{d:"M9.5 5.5h11v8h-11zM4.5 27A1.5 1.5 0 0 1 6 25.5h18a1.5 1.5 0 0 1 1.5 1.5v2.5h-21V27ZM23.5 18.5h.5a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 0 3 0V5.914a1 1 0 0 0-.293-.707L25.5 2.5"},null,-1),a("path",{d:"m28.5 5.5-2 2v2a1 1 0 0 0 1 1h1"},null,-1)]))}var T4=B(S4,[["render",D4]]),V4=Object.freeze(Object.defineProperty({__proto__:null,default:T4},Symbol.toStringTag,{value:"Module"}));const A4={};function O4(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M20 6.5H28.5V8.5H21L17.5 11.5H13L7.5 19V22.5L3 29.5L1.5 27.5L5.5 21.5V18L12 9.5H16.5L20 6.5Z"},null,-1)),n[1]||(n[1]=a("path",{d:"M30.5 14.5C30.5 15.6046 29.6046 16.5 28.5 16.5C27.3954 16.5 26.5 15.6046 26.5 14.5C26.5 13.3954 28.5 10.5 28.5 10.5C28.5 10.5 30.5 13.3954 30.5 14.5Z"},null,-1)),n[2]||(n[2]=a("path",{d:"M7.5 23L9.5 24.5H15.5L21.5 15.5L17.5 11.5"},null,-1)),n[3]||(n[3]=a("path",{d:"M15.5 12L13.5 16.5V20.5"},null,-1))],64)}var P4=B(A4,[["render",O4]]),E4=Object.freeze(Object.defineProperty({__proto__:null,default:P4},Symbol.toStringTag,{value:"Module"}));const N4={};function H4(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"16",cy:"14",r:"4.5"},null,-1),a("path",{d:"M26.5 14c0 6.799-10 15.5-10.5 15.5S5.5 20.799 5.5 14C5.5 8.201 10.201 3.5 16 3.5S26.5 8.201 26.5 14Z"},null,-1)]))}var q4=B(N4,[["render",H4]]),j4=Object.freeze(Object.defineProperty({__proto__:null,default:q4},Symbol.toStringTag,{value:"Module"}));const W4={};function U4(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("circle",{cx:"16",cy:"16",r:"11.5"},null,-1)),n[1]||(n[1]=a("circle",{cx:"16",cy:"22",r:"1.5"},null,-1)),n[2]||(n[2]=a("path",{d:"M18 9.5c0 .828 0 9-2 9s-2-8.172-2-9c0-.828.5-2 2-2s2 1.172 2 2ZM26.222 5.716A14.455 14.455 0 0 1 30.5 16c0 3.997-1.617 7.616-4.233 10.239m-20.543-.01A14.455 14.455 0 0 1 1.5 16c0-4.023 1.638-7.663 4.284-10.29"},null,-1))],64)}var F4=B(W4,[["render",U4]]),B4=Object.freeze(Object.defineProperty({__proto__:null,default:F4},Symbol.toStringTag,{value:"Module"}));const R4={};function Z4(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M7 14v13h18V14"},null,-1)),n[1]||(n[1]=a("path",{d:"M4 17 16 5l12 12"},null,-1))],64)}var z4=B(R4,[["render",Z4]]),K4=Object.freeze(Object.defineProperty({__proto__:null,default:z4},Symbol.toStringTag,{value:"Module"}));const Y4={};function G4(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M8 13V27H24V13",class:"double-stroke-width"},null,-1),a("path",{d:"M5 16L16 5L27 16",class:"double-stroke-width"},null,-1)]))}var Q4=B(Y4,[["render",G4]]),X4=Object.freeze(Object.defineProperty({__proto__:null,default:Q4},Symbol.toStringTag,{value:"Module"}));const J4={},e6={width:"32",height:"32",viewBox:"0 0 218 178",fill:"none",xmlns:"http://www.w3.org/2000/svg"};

1function t6(e,n){return i(),h("svg",e6,n[0]||(n[0]=[a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.0714 2.27041H198.888C208.167 2.27041 215.689 9.79248 215.689 19.0714V158.929C215.689 168.208 208.167 175.73 198.888 175.73H19.0714C9.79248 175.73 2.27041 168.208 2.27041 158.929V19.0714C2.27041 9.79248 9.79248 2.27041 19.0714 2.27041ZM0 19.0714C0 8.53857 8.53857 0 19.0714 0H198.888C209.421 0 217.959 8.53857 217.959 19.0714V158.929C217.959 169.461 209.421 178 198.888 178H19.0714C8.53856 178 0 169.461 0 158.929V19.0714ZM161.569 32.3765H171.866V63.0935H174.977V32.3765H185.231V29.7912H161.569V32.3765ZM130.961 45.8289C130.961 42.6155 131.575 39.738 132.802 37.1966C134.058 34.6551 135.811 32.6832 138.06 31.281C140.339 29.8496 142.938 29.1339 145.86 29.1339C148.781 29.1339 151.366 29.8496 153.616 31.281C155.894 32.6832 157.647 34.6551 158.874 37.1966C160.13 39.738 160.758 42.6155 160.758 45.8289V46.7491C160.758 50.0209 160.13 52.9421 158.874 55.5128C157.647 58.0835 155.894 60.0992 153.616 61.5598C151.366 63.0205 148.781 63.7508 145.86 63.7508C142.938 63.7508 140.339 63.0205 138.06 61.5598C135.811 60.0992 134.058 58.0835 132.802 55.5128C131.575 52.9421 130.961 50.0209 130.961 46.7491V45.8289ZM134.16 46.7491C134.16 49.6119 134.642 52.1388 135.606 54.3297C136.599 56.4915 137.972 58.1858 139.725 59.4127C141.507 60.6104 143.552 61.2093 145.86 61.2093C148.168 61.2093 150.198 60.6104 151.951 59.4127C153.733 58.1858 155.106 56.4915 156.07 54.3297C157.063 52.1388 157.559 49.6119 157.559 46.7491V45.8289C157.559 43.0245 157.063 40.556 156.07 38.4235C155.106 36.291 153.733 34.6405 151.951 33.472C150.198 32.2742 148.168 31.6754 145.86 31.6754C143.552 31.6754 141.507 32.2742 139.725 33.472C137.972 34.6405 136.599 36.291 135.606 38.4235C134.642 40.556 134.16 43.0245 134.16 45.8289V46.7491ZM106.465 32.3765H116.762V63.0935H119.873V32.3765H130.127V29.7912H106.465V32.3765ZM67.0311 29.7912H70.1422V50.9119C70.1422 54.2421 70.9748 56.7982 72.6399 58.5802C74.305 60.3329 76.6566 61.2093 79.6947 61.2093C82.7036 61.2093 85.026 60.3329 86.6619 58.5802C88.2978 56.7982 89.1158 54.2421 89.1158 50.9119V29.7912H92.0955V51.0871C92.0955 53.5118 91.5989 55.6881 90.6056 57.6161C89.6124 59.515 88.1664 61.0194 86.2676 62.1295C84.398 63.2104 82.1632 63.7508 79.5633 63.7508C76.9634 63.7508 74.714 63.2104 72.8152 62.1295C70.9456 61.0194 69.5142 59.515 68.5209 57.6161C67.5277 55.6881 67.0311 53.5118 67.0311 51.0871V29.7912ZM35.8042 63.0935H38.9153V34.4798L57.7574 63.0935H60.9562V29.7912H57.8451V58.0543L39.222 29.7912H35.8042V63.0935ZM181.519 145.993H167.849V122.699H181.305V124.507H170.025V133.12H179.65V134.928H170.025V144.185H181.519V145.993ZM160.611 145.993H162.787V122.699H160.611V145.993ZM147.874 124.507H140.672V122.699H157.223V124.507H150.051V145.993H147.874V124.507ZM119.704 145.993H121.88V125.978L135.06 145.993H137.297V122.699H135.121V142.468L122.094 122.699H119.704V145.993ZM99.7427 145.993H97.5052L106.241 122.699H108.172L116.938 145.993H114.639L112.064 139.035H102.317L99.7427 145.993ZM107.191 125.886L102.992 137.227H111.39L107.191 125.886ZM79.7545 122.699V145.993H81.9307V135.94H86.0072L93.7925 145.993H96.5816L88.6738 135.909C90.0633 135.786 91.2689 135.439 92.2906 134.867C93.3123 134.274 94.0887 133.528 94.62 132.629C95.1717 131.71 95.4476 130.688 95.4476 129.564V129.074C95.4476 127.868 95.1309 126.785 94.4974 125.825C93.864 124.865 92.9547 124.108 91.7695 123.557C90.6048 122.985 89.2357 122.699 87.6623 122.699H79.7545ZM91.7082 132.905C90.707 133.723 89.3073 134.131 87.5091 134.131H81.9307V124.507H87.5091C89.3073 124.507 90.707 124.926 91.7082 125.764C92.7095 126.581 93.2101 127.684 93.2101 129.074V129.534C93.2101 130.944 92.7095 132.067 91.7082 132.905ZM59.7934 145.993H57.556L66.2914 122.699H68.2223L76.9884 145.993H74.6896L72.1149 139.035H62.3681L59.7934 145.993ZM67.2415 125.886L63.0424 137.227H71.4406L67.2415 125.886ZM37.2946 127.97C36.3751 129.748 35.9154 131.771 35.9154 134.039V134.499C35.9154 136.808 36.3751 138.872 37.2946 140.69C38.2346 142.509 39.5117 143.929 41.1259 144.951C42.7606 145.952 44.6099 146.453 46.6737 146.453C48.6558 146.453 50.413 145.993 51.9456 145.073C53.4781 144.154 54.6632 142.887 55.501 141.273C56.3388 139.638 56.7577 137.779 56.7577 135.694V133.549H46.9495V135.357H54.6122C54.6122 137.217 54.275 138.851 53.6007 140.261C52.9468 141.671 52.0171 142.764 50.8115 143.541C49.6059 144.297 48.2266 144.675 46.6737 144.675C45.039 144.675 43.5678 144.236 42.26 143.357C40.9727 142.458 39.9612 141.232 39.2256 139.679C38.5104 138.126 38.1528 136.399 38.1528 134.499

1V134.039C38.1528 132.221 38.5104 130.545 39.2256 129.013C39.9408 127.48 40.942 126.264 42.2294 125.365C43.5371 124.466 45.039 124.017 46.735 124.017C48.3901 124.017 49.9431 124.415 51.3939 125.212C52.8447 125.988 54.0707 127.02 55.0719 128.308V125.58C54.132 124.66 52.9264 123.873 51.4552 123.22C49.9839 122.566 48.4105 122.239 46.735 122.239C44.6507 122.239 42.7811 122.75 41.1259 123.771C39.4912 124.773 38.2141 126.172 37.2946 127.97ZM160.622 107.271V78.8077H172.232C173.98 78.8077 175.565 79.1323 176.988 79.7815C178.436 80.4057 179.572 81.342 180.396 82.5903C181.245 83.8138 181.67 85.2744 181.67 86.9722V87.5714C181.67 89.7186 180.971 91.5038 179.572 92.927C178.199 94.3252 176.426 95.1991 174.254 95.5486L183.318 107.271H176.764L168.187 95.6984H165.678V107.271H160.622ZM171.558 91.6911C173.006 91.6911 174.154 91.3166 175.003 90.5675C175.877 89.7935 176.314 88.7823 176.314 87.534V86.9722C176.314 85.7238 175.877 84.7251 175.003 83.9761C174.154 83.227 173.006 82.8525 171.558 82.8525H165.678V91.6911H171.558ZM129.775 107.271H134.718L137.602 99.5185H148.762L151.646 107.271H157.114L146.216 78.8077H140.635L129.775 107.271ZM139.1 95.4362L143.182 84.4255L147.264 95.4362H139.1ZM105.831 107.271H100.888L111.749 78.8077H117.329L128.227 107.271H122.76L119.876 99.5185H108.715L105.831 107.271ZM114.295 84.4255L110.213 95.4362H118.378L114.295 84.4255ZM86.7225 103.039C85.9235 102.515 85.2619 101.84 84.7375 101.017V106.484C85.2119 106.834 85.911 107.146 86.8348 107.421C87.7586 107.695 88.7324 107.833 89.7561 107.833C92.6273 107.833 94.7871 107.059 96.2352 105.511C97.6833 103.963 98.4074 101.94 98.4074 99.4436V78.8077H93.3514V99.0691C93.3514 100.667 92.9769 101.853 92.2279 102.627C91.5038 103.401 90.555 103.788 89.3815 103.788C88.4328 103.788 87.5464 103.538 86.7225 103.039ZM52.0884 92.8895C52.0884 88.5951 52.9373 85.1745 54.6351 82.6278C56.3578 80.0811 58.9545 78.8077 62.425 78.8077C65.8955 78.8077 68.4797 80.0811 70.1775 82.6278C71.9003 85.1745 72.7616 88.5951 72.7616 92.8895V93.6386C72.7616 97.933 71.9003 101.341 70.1775 103.863C68.4797 106.385 65.8955 107.645 62.425 107.645C58.9545 107.645 56.3578 106.385 54.6351 103.863C52.9373 101.341 52.0884 97.933 52.0884 93.6386V92.8895ZM57.4814 93.6386C57.4814 96.7346 57.8684 99.1689 58.6424 100.942C59.4413 102.714 60.7022 103.601 62.425 103.601C64.1478 103.601 65.3962 102.714 66.1702 100.942C66.9691 99.1689 67.3686 96.7346 67.3686 93.6386V92.8895C67.3686 89.7436 66.9691 87.2843 66.1702 85.5116C65.3962 83.7389 64.1478 82.8525 62.425 82.8525C60.7022 82.8525 59.4413 83.7389 58.6424 85.5116C57.8684 87.2843 57.4814 89.7436 57.4814 92.8895V93.6386ZM34.6911 83.3768L34.7286 88.3579L40.9455 84.2008V107.271H46.0015V79.1823H41.2077L34.6911 83.3768Z",fill:"white"},null,-1)]))}var n6=B(J4,[["render",t6]]),a6=Object.freeze(Object.defineProperty({__proto__:null,default:n6},Symbol.toStringTag,{value:"Module"}));const o6={},s6={d:"M18.555 19.31c0 .056 0 .097.05.097a.22.22 0 0 0 .076 0l9.982-6.252a.97.97 0 0 1 .573-.17h2.192c.14-.006.278.04.383.129.106.09.17.214.182.349v4.106c.025.207-.015.417-.116.602a1.06 1.06 0 0 1-.45.434l-2.663 1.539a.149.149 0 0 1-.084 0s-.06 0-.06-.105v-4.697c0-.049 0-.09-.059-.09h-.075l-7.292 4.576c-.166.111-.363.17-.565.17h-4.83a.554.554 0 0 1-.387-.131.511.511 0 0 1-.178-.355v-5.87c0-.05 0-.082-.051-.082a.121.121 0 0 0-.076 0l-4.813 2.794c-.051 0-.06.049-.06.073 0 .024 0 0 .043.065l3.43 3.32a.174.174 0 0 1 .077.113s-.05.057-.102.057h-3.085a.868.868 0 0 1-.565-.162L7.95 17.812a.07.07 0 0 0-.059 0h-.067l-3.482 2.024a.937.937 0 0 1-.565.162H.565a.545.545 0 0 1-.38-.129.503.503 0 0 1-.176-.349v-4.049a.978.978 0 0 1 .11-.598c.1-.184.255-.334.446-.43l2.681-1.547a.097.097 0 0 1 .067 0c.043 0 .068 0 .068.13v5.304c0 .057 0 .08.05.08.025.007.051.007.076 0l9.046-5.247c.177-.113.386-.17.598-.162h4.864c.142-.006.281.041.387.132a.51.51 0 0 1 .178.354v5.823h-.025Z",class:"fill no-stroke-width"};function l6(e,n){return i(),h("path",s6)}var i6=B(o6,[["render",l6]]),r6=Object.freeze(Object.defineProperty({__proto__:null,default:i6},Symbol.toStringTag,{value:"Module"}));const c6={};function d6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"16",cy:"16",r:"13.5"},null,-1),a("path",{d:"M15.905 8.293a.1.1 0 0 1 .19 0l1.679 5.166a.1.1 0 0 0 .095.069H23.3a.1.1 0 0 1 .059.18l-4.395 3.194a.1.1 0 0 0-.036.111l1.678 5.166a.1.1 0 0 1-.154.112l-4.394-3.193a.1.1 0 0 0-.118 0l-4.394 3.193a.1.1 0 0 1-.154-.112l1.678-5.166a.1.1 0 0 0-.036-.111l-4.394-3.193a.1.1 0 0 1 .058-.181h5.432a.1.1 0 0 0 .095-.07l1.679-5.165Z"},null,-1)]))}var u6=B(c6,[["render",d6]]),m6=Object.freeze(Object.defineProperty({__proto__:null,default:u6},Symbol.toStringTag,{value:"Module"}));const p6={};function f6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M15.566 8.248V5h.894v3.248h-.894ZM4.68 19.196l2.252-.407.894-.163-.08-.452-.08-.444-3.165.561.179.905Zm19.978-8.044-1.627.905.25.435.206.352 2.78-1.628-.455-.787-1.154.723ZM10.623 23.169l-.357-.299-2.056 2.489.688.588.894-1.

1086 1.162-1.402-.33-.29Zm15.197-.217.446-.796-.965-.57-1.788-1.059-.25.443-.197.353 2.754 1.629ZM4.545 15.088l1.126.2 2.038.361.134-.778v-.127l-3.155-.56-.143.904Zm22.803-.904-.894.153-2.297.417.116.66v.235l3.164-.56-.089-.905ZM12.751 8.845l.733-.271h.116l-1.126-3.031-.85.317.152.434.975 2.551ZM6.216 22.97l2.78-1.629-.348-.606-.108-.18-2.78 1.628.456.787Zm14.83.543L23.111 26l.697-.588-2.065-2.488-.482.407-.215.18ZM5.778 11.243l2.78 1.629.385-.688.062-.109-2.78-1.628-.447.796ZM27.5 18.318l-3.155-.57v.2l-.126.705 3.165.561.116-.896ZM8.934 7.461l-.689.588.751.905 1.314 1.574.403-.353.286-.235-2.065-2.479Zm10.369-1.14-.831 2.307.572.208.277.1 1.1-3.05-.85-.316-.268.751Zm2.28 4.08.178.145 2.065-2.488-.697-.588-2.065 2.488.518.444Z",class:"fill no-stroke-width"},null,-1),a("circle",{cx:"16",cy:"18",r:"1",class:"fill no-stroke-width"},null,-1),a("path",{d:"m9.5 11.5 6 7 1-1-7-6Z",class:"fill no-stroke-width"},null,-1),a("path",{d:"M8.172 28A13.483 13.483 0 0 1 2.5 17C2.5 9.544 8.544 3.5 16 3.5S29.5 9.544 29.5 17c0 4.538-2.239 8.552-5.672 11M13 23.5h6"},null,-1)]))}var v6=B(p6,[["render",f6]]),h6=Object.freeze(Object.defineProperty({__proto__:null,default:v6},Symbol.toStringTag,{value:"Module"}));const _6={};function g6(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M20.718 25.45a14.404 14.404 0 0 1-6.883 1.878 9.386 9.386 0 0 1-5.57-16.933s3.067-3.091 10.576-3.091A17.333 17.333 0 0 0 28.715 4.8a.639.639 0 0 1 .6 0 .601.601 0 0 1 .364.463c.575 3.316 1.551 14.405-8.961 20.186Z"},null,-1)),n[1]||(n[1]=a("path",{d:"M17.59 15.438a31.289 31.289 0 0 0-10.726 5.344l-4.868 4.155"},null,-1))],64)}var b6=B(_6,[["render",g6]]),y6=Object.freeze(Object.defineProperty({__proto__:null,default:b6},Symbol.toStringTag,{value:"Module"}));const x6={},C6={d:"M4.5 4.5h23v23h-23zM10.5 2v5M21.5 2v5M5 13.5h22"};function k6(e,n){return i(),h("path",C6)}var $6=B(x6,[["render",k6]]),w6=Object.freeze(Object.defineProperty({__proto__:null,default:$6},Symbol.toStringTag,{value:"Module"}));const I6={};function M6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"m2.5 7.5 13.5 11 13.5-11"},null,-1),a("rect",{x:"2.5",y:"6.5",width:"27",height:"19",rx:"1.5"},null,-1)]))}var L6=B(I6,[["render",M6]]),S6=Object.freeze(Object.defineProperty({__proto__:null,default:L6},Symbol.toStringTag,{value:"Module"}));const D6={},T6={d:"M7 14h18v4H7z",class:"fill no-stroke-width"};function V6(e,n){return i(),h("path",T6)}var A6=B(D6,[["render",V6]]),O6=Object.freeze(Object.defineProperty({__proto__:null,default:A6},Symbol.toStringTag,{value:"Module"}));const P6={};function E6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("rect",{x:"2.5",y:"6.5",width:"27",height:"19",rx:"1.5"},null,-1),a("path",{d:"M6 18.5h9M6 21.5h9"},null,-1),a("rect",{x:"22.5",y:"18.5",width:"4",height:"4",rx:"1"},null,-1)]))}var N6=B(P6,[["render",E6]]),H6=Object.freeze(Object.defineProperty({__proto__:null,default:N6},Symbol.toStringTag,{value:"Module"}));const q6={};function j6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M17 7.5h8M17 10.5h6M17 13.5h7M29.5 10.5c0 3.866-3.806 7-8.5 7-1.869 0-3.597-.497-5-1.339-.443-.266-2.127.67-2.5.339-.434-.384.458-2.043.137-2.5-.723-1.03-1.137-2.225-1.137-3.5 0-3.866 3.806-7 8.5-7s8.5 3.134 8.5 7ZM11 15.5a4.5 4.5 0 1 0 4.389 3.5"},null,-1),a("path",{d:"M18.23 30a7.503 7.503 0 0 0-14.46 0"},null,-1)]))}var W6=B(q6,[["render",j6]]),U6=Object.freeze(Object.defineProperty({__proto__:null,default:W6},Symbol.toStringTag,{value:"Module"}));const F6={};function B6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M12.5 7.5c0 3.761-5 7-5 7s-5-3.239-5-7a5 5 0 0 1 10 0ZM29.5 22.5c0 3.761-5 7-5 7s-5-3.239-5-7a5 5 0 0 1 10 0Z"},null,-1),a("circle",{cx:"24.5",cy:"22.5",r:"2"},null,-1),a("path",{d:"M12 15.5h2.5a2 2 0 1 1 0 4h-6a5 5 0 0 0 0 10H20"},null,-1),a("circle",{cx:"7.5",cy:"7.5",r:"2"},null,-1)]))}var R6=B(F6,[["render",B6]]),Z6=Object.freeze(Object.defineProperty({__proto__:null,default:R6},Symbol.toStringTag,{value:"Module"}));const z6={};function K6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M9.5 26a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0ZM11 25.5h2M3 25.5l-1.437-.287a1 1 0 0 1-.765-1.256l.63-2.208a.9.9 0 0 1 .26-.426c.61-.548 1.881-1.465 3.312-1.823a17.742 17.742 0 0 1 3.723-.497c.182-.004.359-.052.514-.145L13 16.6"},null,-1),a("rect",{x:"14.5",y:"3.5",width:"15",height:"25",rx:"1.5"},null,-1),a("path",{d:"m19 17 2.5 2.5L26 14M18 3.5l1.5 2h5l1.5-2"},null,-1)]))}var Y6=B(z6,[["render",K6]]),G6=Object.freeze(Object.defineProperty({__proto__:null,default:Y6},Symbol.toStringTag,{value:"Module"}));const Q6={};function X6(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M6.5 8A1.5 1.5 0 0 1 8 6.5h9.5l8 8V28a1.5 1.5 0 0 1-1.5 1.5H8A1.5 1.5 0 0 1 6.5 28V8ZM6.5 5A1.5 1.5 0 0 1 8 3.5h6a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 5Z"},null,-1),a("path",{d:"M14.793 10.707a1 1 0 0 1 1.414 0l5.586 5.586a1 1 0 0 1 0 1.414l-.586.586a1 1 0 0 1-1.414 0l-5.586-5.586a1 1 0 0 1 0-1.414l.586-.586Z"},null,-1)]))}var J6=B(Q6,[["render",X6]]),e8=Object.freeze(Object.defineProperty({__proto__:null,default:J6},Symbol.toStringTag,{value:"Module"}));const t8={};function n8(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"16",cy:"16",r:"13.5"},null,-1),a("path",{d:"M13.5 9.5h4a4 4 0 0 1 0 8h-4v-8ZM13.5 23V11"},null,-1)]))}

1var a8=B(t8,[["render",n8]]),o8=Object.freeze(Object.defineProperty({__proto__:null,default:a8},Symbol.toStringTag,{value:"Module"}));const s8={},l8={d:"M13.321 11.127a2.606 2.606 0 0 0 .738-1.822c0-.682-.265-1.338-.738-1.82l-2.677-2.73A2.497 2.497 0 0 0 8.86 4c-.67 0-1.31.271-1.784.754l-1.467 1.5a3.92 3.92 0 0 0-.479 4.861 59.294 59.294 0 0 0 16.4 16.743 3.724 3.724 0 0 0 4.763-.487l1.468-1.499a2.62 2.62 0 0 0 0-3.643l-2.676-2.732a2.521 2.521 0 0 0-.819-.558 2.477 2.477 0 0 0-2.75.558l-.892.911a60.504 60.504 0 0 1-8.195-8.368l.892-.913Z"};function i8(e,n){return i(),h("path",l8)}var r8=B(s8,[["render",i8]]),c8=Object.freeze(Object.defineProperty({__proto__:null,default:r8},Symbol.toStringTag,{value:"Module"}));const d8={};function u8(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"16",cy:"12",r:"3.5"},null,-1),a("path",{d:"m8.5 23.5-5 6h25l-5-5.5"},null,-1),a("path",{d:"M25 11.5c0 5.97-8 14-9 14s-9-8.03-9-14a9 9 0 1 1 18 0Z"},null,-1)]))}var m8=B(d8,[["render",u8]]),p8=Object.freeze(Object.defineProperty({__proto__:null,default:m8},Symbol.toStringTag,{value:"Module"}));const f8={};function v8(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M12.5 24.5H28M4 16.5h15.5M25.5 16.5H28M4 8.5h4.5M4 24.5h2.5M14.5 8.5H28"},null,-1),a("circle",{cx:"11.5",cy:"8.5",r:"3"},null,-1),a("circle",{cx:"22.5",cy:"16.5",r:"3"},null,-1),a("circle",{cx:"9.5",cy:"24.5",r:"3"},null,-1)]))}var h8=B(f8,[["render",v8]]),_8=Object.freeze(Object.defineProperty({__proto__:null,default:h8},Symbol.toStringTag,{value:"Module"}));const g8={};function b8(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M25.5 18V7.5l-3-3h-16v25H18M9 9.5h8M9 13.5h10M9 21.5h8M9 25.5h9M9 17.5h13",stroke:"currentColor"},null,-1)),n[1]||(n[1]=a("path",{d:"M21.5 4.5v4h4",stroke:"currentColor"},null,-1)),n[2]||(n[2]=a("path",{d:"M25 29.5V29h-1v.5h1Zm-1 1v.5h1v-.5h-1Zm0-1v1h1v-1h-1ZM25 20v-.5h-1v.5h1Zm-1 1v.5h1V21h-1Zm0-1v1h1v-1h-1Z",class:"fill"},null,-1)),n[3]||(n[3]=a("path",{d:"M22.5 27.375v-.5h-1v.5h1Zm4-4.25v.5h1v-.5h-1Zm-5 4.25c0 .54.189 1.058.528 1.49l.786-.618a1.407 1.407 0 0 1-.314-.872h-1Zm.528 1.49c.339.43.811.755 1.35.945l.331-.943a1.958 1.958 0 0 1-.895-.62l-.786.618Zm1.35.945c.537.19 1.126.238 1.693.142l-.167-.986c-.402.068-.82.033-1.195-.1l-.332.944Zm1.693.142a3.162 3.162 0 0 0 1.52-.693l-.647-.762a2.162 2.162 0 0 1-1.04.47l.167.985Zm1.52-.693c.424-.36.725-.83.848-1.355l-.974-.228c-.07.299-.246.587-.521.82l.648.763Zm.848-1.355a2.33 2.33 0 0 0-.18-1.561l-.899.438c.14.287.175.597.105.895l.974.228Zm-.18-1.561a2.741 2.741 0 0 0-1.123-1.17l-.494.87c.332.189.577.449.718.738l.9-.438Zm-1.123-1.17a3.323 3.323 0 0 0-1.636-.423v1c.412 0 .81.104 1.142.293l.494-.87ZM24.5 24.75c-.412 0-.81-.104-1.142-.293l-.494.87c.49.278 1.06.423 1.636.423v-1Zm-1.142-.293a1.742 1.742 0 0 1-.718-.738l-.9.438c.238.488.634.891 1.124 1.17l.494-.87Zm-.718-.738a1.33 1.33 0 0 1-.105-.895l-.974-.228a2.33 2.33 0 0 0 .18 1.561l.899-.438Zm-.105-.895c.07-.299.246-.587.521-.82l-.648-.763c-.424.36-.724.83-.847 1.355l.974.228Zm.521-.82a2.162 2.162 0 0 1 1.04-.47l-.167-.986a3.162 3.162 0 0 0-1.52.693l.647.762Zm1.04-.47c.402-.068.82-.033 1.195.1l.332-.944a3.413 3.413 0 0 0-1.694-.142l.167.986Zm1.195.1c.375.132.684.351.895.62l.786-.619a2.957 2.957 0 0 0-1.35-.945l-.331.943Zm.895.62c.21.266.314.57.314.871h1c0-.54-.189-1.058-.528-1.49l-.786.618Z",class:"fill"},null,-1))],64)}var y8=B(g8,[["render",b8]]),x8=Object.freeze(Object.defineProperty({__proto__:null,default:y8},Symbol.toStringTag,{value:"Module"}));const C8={},k8={d:"M6 14h20v3H6zM6 7h20v3H6zM6 21h20v3H6z",class:"fill no-stroke-width"};function $8(e,n){return i(),h("path",k8)}var w8=B(C8,[["render",$8]]),I8=Object.freeze(Object.defineProperty({__proto__:null,default:w8},Symbol.toStringTag,{value:"Module"}));const M8={};function L8(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M17.5 10.5h5a3 3 0 0 1 3 3v3h-8v-6Z"},null,-1),a("circle",{cx:"9",cy:"26",r:"2.5"},null,-1),a("circle",{cx:"24",cy:"26",r:"2.5"},null,-1),a("path",{d:"M6.5 25.5h-4v-6h15v6h-6M21.5 25.5h-4v-9h13v9h-4M2.5 11V5.5H7l9.5 14M9.5 19.5 7 5.5M28 21.5h2.5"},null,-1)]))}

1var S8=B(M8,[["render",L8]]),D8=Object.freeze(Object.defineProperty({__proto__:null,default:S8},Symbol.toStringTag,{value:"Module"}));const T8={};function V8(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"13",cy:"13",r:"6.5"},null,-1),a("path",{d:"m25.5 25.5-8-8"},null,-1)]))}var A8=B(T8,[["render",V8]]),O8=Object.freeze(Object.defineProperty({__proto__:null,default:A8},Symbol.toStringTag,{value:"Module"}));const P8={};function E8(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M13 12.5h10M13 18.5h10M13 24.5h10M8 5.5H5.5V27A1.5 1.5 0 0 0 7 28.5h18a1.5 1.5 0 0 0 1.5-1.5V5.5H24"},null,-1),a("path",{d:"m8 12 1.5 1.5L12 10M8 18l1.5 1.5L12 16M8 24l1.5 1.5L12 22M9.5 3.5h4s.5-2 2.5-2 2.5 2 2.5 2h4v4h-13v-4Z"},null,-1)]))}var N8=B(P8,[["render",E8]]),H8=Object.freeze(Object.defineProperty({__proto__:null,default:N8},Symbol.toStringTag,{value:"Module"}));const q8={},j8={d:"M21 11.5h3.5v17h-17v-17H11M16 20V3.5M21 8l-5-5-5 5"};function W8(e,n){return i(),h("path",j8)}var U8=B(q8,[["render",W8]]),F8=Object.freeze(Object.defineProperty({__proto__:null,default:U8},Symbol.toStringTag,{value:"Module"}));const B8={},R8={d:"M11.0827 25.36H9.37866V7.12H11.0827V15.592L19.8667 7.12H22.1467L12.8587 16.048L22.4107 25.36H20.0107L11.0827 16.624V25.36Z",class:"fill no-stroke-width"};function Z8(e,n){return i(),h("path",R8)}var z8=B(B8,[["render",Z8]]),K8=Object.freeze(Object.defineProperty({__proto__:null,default:z8},Symbol.toStringTag,{value:"Module"}));const Y8={};function G8(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"16",cy:"16",r:"12"},null,-1),a("path",{d:"m10.5 16.41 3.929 4.09 7.071-9"},null,-1)]))}var Q8=B(Y8,[["render",G8]]),X8=Object.freeze(Object.defineProperty({__proto__:null,default:Q8},Symbol.toStringTag,{value:"Module"}));const J8={};function ex(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("circle",{cx:"24",cy:"16",r:"2.5",stroke:"currentColor"},null,-1)),n[1]||(n[1]=a("path",{d:"M28 15.5L30.3649 15.1622C30.9651 15.0764 31.3516 14.4805 31.185 13.8975L30.5712 11.7492C30.5245 11.5858 30.4384 11.4362 30.3119 11.3227C29.7016 10.7751 28.4307 9.85768 27 9.5C25.5629 9.14072 24.1527 9.02347 23.2766 9.00332C23.0954 8.99915 22.9179 8.95074 22.7625 8.85749L18.1276 6.07656C18.043 6.0258 17.9519 5.98768 17.8559 5.96505C16.43 5.62906 13.0906 5.11368 10 5.5C7.07034 5.86621 3.07898 8.07641 1.01867 9.21459C0.698353 9.39155 0.5 9.72769 0.5 10.0936V13.6802C0.5 14.1569 0.836461 14.5673 1.30389 14.6608L3 15",stroke:"currentColor"},null,-1)),n[2]||(n[2]=a("circle",{cx:"10.5",cy:"17.5",r:"7.5",stroke:"currentColor"},null,-1)),n[3]||(n[3]=a("path",{d:"M22 30L15 23",stroke:"currentColor"},null,-1)),n[4]||(n[4]=a("path",{d:"M3.52124 20.1243C4.37967 20.6784 5.40228 21 6.49999 21C9.53756 21 12 18.5376 12 15.5C12 13.0578 10.4083 10.9874 8.20565 10.2696",stroke:"currentColor"},null,-1)),n[5]||(n[5]=a("path",{d:"M3.52124 20.1243C4.37967 20.6784 5.40228 21 6.49999 21C9.53756 21 12 18.5376 12 15.5C12 13.0578 10.4083 10.9874 8.20565 10.2696",stroke:"currentColor"},null,-1)),n[6]||(n[6]=a("path",{d:"M18 15.5H20",stroke:"currentColor"},null,-1)),n[7]||(n[7]=a("path",{d:"M14 16.5H18",stroke:"currentColor"},null,-1))],64)}var tx=B(J8,[["render",ex]]),nx=Object.freeze(Object.defineProperty({__proto__:null,default:tx},Symbol.toStringTag,{value:"Module"}));const ax={};function ox(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M27.46 11C25.53 6.585 21.126 3.5 16 3.5 9.096 3.5 3.5 9.096 3.5 16S9.096 28.5 16 28.5c5.126 0 9.531-3.085 11.46-7.5"},null,-1),a("path",{d:"M19 8.045a8.5 8.5 0 1 0 0 15.91"},null,-1),a("path",{d:"M25.659 18v-.5a.5.5 0 0 0-.472.333l.471.167Zm3.34 0v.5a.5.5 0 0 0 .5-.5H29Zm0-4h.5a.5.5 0 0 0-.5-.5v.5Zm-3.34 0-.472.167a.5.5 0 0 0 .471.333V14Zm-11.115-.5-.455-.209a.5.5 0 0 0 .455.709v-.5Zm5.456 0 .354-.354A.5.5 0 0 0 20 13v.5Zm2.5 2.5.354.354a.5.5 0 0 0 0-.708L22.5 16ZM20 18.5v.5a.5.5 0 0 0 .354-.146L20 18.5Zm-5.456 0V18a.5.5 0 0 0-.455.709l.455-.209Zm10.643-.667A5.503 5.503 0 0 1 20 21.5v1c2.83 0 5.238-1.81 6.13-4.333l-.943-.334ZM29 17.5h-3.341v1h3.34v-1Zm-.5-3.5v4h1v-4h-1Zm-2.841.5h3.34v-1h-3.34v1Zm-5.66-4a5.503 5.503 0 0 1 5.188 3.667l.943-.334A6.503 6.503 0 0 0 20 9.5v1Zm-5 3.209a5.5 5.5 0 0 1 5-3.209v-1a6.501 6.501 0 0 0-5.91 3.791l.91.418Zm5-.709h-5.455v1H20v-1Zm2.855 2.646-2.5-2.5-.708.708 2.5 2.5.707-.708Zm-2.5 3.208 2.5-2.5-.708-.708-2.5 2.5.707.708Zm-5.81.146H20v-1h-5.456v1ZM20 21.5a5.5 5.5 0 0 1-5.002-3.209l-.909.418A6.501 6.501 0 0 0 20 22.5v-1Z",class:"fill no-stroke-width"},null,-1),a("circle",{cx:"16",cy:"16",r:".5"},null,-1),a("path",{d:"M14.5 7.5v3l-1.25.5L11 9M14.5 24v-3l-1.25-.5-2.75 2M7.5 14.5H11l.5-1L9 11M7.5 17.5H11l.5 1L9 21M3.5 16h2M5.5 22.5l1.138-.705M9.5 26.5l.705-1.139M16 28.5V27M22.5 26.5l-.726-1.174M5.5 9.5l1.142.707M9.5 5.5l.704 1.137M22.5 5.5l-.729 1.177M16 3.5V5"},null,-1)]))}var sx=B(ax,[["render",ox]]),lx=Object.freeze(Object.defineProperty({__proto__:null,default:sx},Symbol.toStringTag,{value:"Module"}));const ix={};function rx(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M8.5 29v-2M11.5 29v-2M14.5 29v-2M17.5 29v-2M20.5 29v-2M23.5 29v-2M8.174 6l-.522 1.904C5.4 10.194 4 13.401 4 16.952 4 20.502 5.4 23.71 7.652 26L9 27M23.826 6l.522 1.904C26.6 10.

1194 28 13.401 28 16.952c0 3.55-1.4 6.758-3.652 9.048L23 27M7 26.5h18"},null,-1),a("circle",{cx:"16",cy:"20",r:"1.5"},null,-1),a("path",{d:"M17.5 9c0 .621 0 7.5-1.5 7.5S14.5 9.621 14.5 9c0-.621.375-1.5 1.5-1.5s1.5.879 1.5 1.5Z"},null,-1)]))}var cx=B(ix,[["render",rx]]),dx=Object.freeze(Object.defineProperty({__proto__:null,default:cx},Symbol.toStringTag,{value:"Module"}));const ux={};function mx(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M9 26.36a12.535 12.535 0 0 1-2.17-1.866C2.137 19.429 2.44 11.52 7.505 6.829c5.065-4.69 12.974-4.388 17.665.677A12.442 12.442 0 0 1 28.34 14"},null,-1),a("path",{d:"M11 22.876a8.5 8.5 0 1 1 12.5-10.88"},null,-1),a("path",{d:"m21.217 9.124-2.201 2.038-1.216-.577-.062-3.01M9.111 20.336l2.201-2.039-.482-1.257-3.336-.658M11.325 8.745l2.378 2.567L14.776 11l.136-3.533M9.124 10.783l2.378 2.568-.394 1.046-3.533-.135M7.506 6.83l1.36 1.467M4.096 12.713l1.29.357M3.88 18.366l1.314-.256M6.83 24.494l1.1-1.02M13.634 3.88l.257 1.317M19.287 4.096l-.356 1.289M25.17 7.506l-1.1 1.02"},null,-1),a("path",{d:"m24.5 19.5 3.713 1.673L29.5 17.5M17.5 24.5l-3.673-1.66L12.5 26.5"},null,-1),a("path",{d:"M14.582 19.2a7.002 7.002 0 0 1 13.228 1.172m-.392 4.428a7.002 7.002 0 0 1-13.223-1.151"},null,-1)]))}var px=B(ux,[["render",mx]]),fx=Object.freeze(Object.defineProperty({__proto__:null,default:px},Symbol.toStringTag,{value:"Module"}));const vx={};function hx(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M7.5 24v1.5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V24M20.5 24v1.5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V24M17.5 23.5h-10c-3.5 0-3-4-3-5.5 0-1.2 1.167-3.167 2-4 .667-2.833 1.4-8.5 3-8.5H17"},null,-1)),n[1]||(n[1]=a("path",{d:"M14.475 23.5H24.5c3.5 0 3-4 3-5.5 0-1.2-1.191-3.167-2.025-4-.666-2.833-1.4-8.5-3-8.5h-7.5M8.5 14.5h15M11.5 20.5h8M2.5 12.5h2v1M29.5 12.5h-2v1"},null,-1))],64)}var _x=B(vx,[["render",hx]]),gx=Object.freeze(Object.defineProperty({__proto__:null,default:_x},Symbol.toStringTag,{value:"Module"}));const bx={};function yx(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("rect",{x:"2.5",y:"8.5",width:"27",height:"15",rx:"1.5"},null,-1)),n[1]||(n[1]=a("path",{d:"M8.9843 20L6 12H7.05759L9.54974 18.8105L11.9791 12H12.9634L10.0524 20H8.9843Z",class:"fill no-stroke-width"},null,-1)),n[2]||(n[2]=a("path",{d:"M16 20H15V12H16V20Z",class:"fill no-stroke-width"},null,-1)),n[3]||(n[3]=a("path",{d:"M19.97 20H19V12H20.11L24 18.5158V12H25V20H23.89L19.97 13.4316V20Z",class:"fill no-stroke-width"},null,-1))],64)}var xx=B(bx,[["render",yx]]),Cx=Object.freeze(Object.defineProperty({__proto__:null,default:xx},Symbol.toStringTag,{value:"Module"}));const kx={};function $x(e,n){return i(),h("g",null,n[0]||(n[0]=[a("circle",{cx:"16",cy:"22",r:"1.5"},null,-1),a("path",{d:"M17.5 11c0 .621 0 7.5-1.5 7.5s-1.5-6.879-1.5-7.5c0-.621.375-1.5 1.5-1.5s1.5.879 1.5 1.5Z"},null,-1),a("circle",{cx:"16",cy:"16",r:"12"},null,-1)]))}var wx=B(kx,[["render",$x]]),Ix=Object.freeze(Object.defineProperty({__proto__:null,default:wx},Symbol.toStringTag,{value:"Module"}));const Mx={};function Lx(e,n){return i(),h(Z,null,[n[0]||(n[0]=a("path",{d:"M1 4.5h3.5l.706 3m0 0 3.294 14h16l4.284-11.995A1.5 1.5 0 0 0 27.372 7.5H5.206Z"},null,-1)),n[1]||(n[1]=a("circle",{cx:"11",cy:"26",r:"2.5"},null,-1)),n[2]||(n[2]=a("circle",{cx:"23",cy:"26",r:"2.5"},null,-1))],64)}var Sx=B(Mx,[["render",Lx]]),Dx=Object.freeze(Object.defineProperty({__proto__:null,default:Sx},Symbol.toStringTag,{value:"Module"}));const Tx={};function Vx(e,n){return i(),h("g",null,n[0]||(n[0]=[a("path",{d:"M4.5 11.5h23v17h-23z"},null,-1),a("path",{d:"M6.5 13.5h19v15h-19zM2.5 9.5l13.5-6 13.5 6v2h-27v-2ZM9 24.5h14M2 28.5h28M9 21.5h14M9 18.5h14"},null,-1)]))}var Ax=B(Tx,[["render",Vx]]),Ox=Object.freeze(Object.defineProperty({__proto__:null,default:Ax},Symbol.toStringTag,{value:"Module"}));const Px={},Ex={style:{transform:"translate(6px, 10px)"},d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"};function Nx(e,n){return i(),h("path",Ex)}var Hx=B(Px,[["render",Nx]]),qx=Object.freeze(Object.defineProperty({__proto__:null,default:Hx},Symbol.toStringTag,{value:"Module"}));const jx={"./icons/IconAccount.vue":a3,"./icons/IconAccountMenu.vue":i3,"./icons/IconBattery.vue":u3,"./icons/IconBatteryPlugged.vue":v3,"./icons/IconBatteryTop.vue":b3,"./icons/IconBell.vue":$3,"./icons/IconBigMaintenance.vue":S3,"./icons/IconBin.vue":O3,"./icons/IconBrochure.vue":H3,"./icons/IconCalendarConfirmed.vue":U3,"./icons/IconCalendarToSchedule.vue":Z3,"./icons/IconCar.vue":G3,"./icons/IconCarManualPdf.vue":ey,"./icons/IconCarSearch.vue":oy,"./icons/IconCarWash.vue":ry,"./icons/IconChargingPole.vue":my,"./icons/IconCheck.vue":_y,"./icons/IconCheckService.vue":xy,"./icons/IconChevron.vue":Iy,"./icons/IconClose.vue":Ty,"./icons/IconConfiguration.vue":Py,"./icons/IconContact.vue":jy,"./icons/IconDamage.vue":By,"./icons/IconDashboardLightInfo.vue":Ky,"./icons/IconDoorsLocked.vue":Jy,"./icons/IconDoorsUnlocked.vue":a4,"./icons/IconDrivingStyle.vue":i4,"./icons/IconEmail.vue":u4,"./icons/IconEmailMenu.vue":v4,"./icons/IconError.vue":b4,"./icons/IconExternal.vue":$4,"./icons/IconEye.vue":L4,"./icons/IconFuel.vue":V4,"./icons/IconFuelType.vue":E4,"./icons/IconGps.vue":j4,"./icons/IconHandbrake.vue":B4,"./icons/IconHome.vue":K4,"./icons/IconHomeMenu.vue":X4,"./icons/IconKiaCarWarranties.vue":a6,"./icons/IconKiaLogo.vue":r6,"./icons/IconKiaPoints.vue":m6,"./icons/IconKilometers.vue":h6,"./icons/IconLeaf.vue":y6,"./icons/IconMakeAppointment.vue":w6,"./icons/IconMessage.vue":S6,"./icons/IconMinus.vue":O6,"./icons/IconMyKiaFamilyCard.vue":H6,"./icons/IconMyRequests.vue":U6,"./icons/IconMyRides.vue":Z6,"./icons/IconNextCheckUp.vue":G6,"./icons/IconOilMaintenance.vue":e8,"./icons/IconParking.vue":o8,"./icons/IconPdf.vue":F2,"./icons/IconPhone.vue":c8,"./icons/IconPointOfInterest.vue":p8,"./icons/IconPreferences.vue":_8,"./icons/IconQuote.vue":x8,"./icons/IconRearrange.vue":I8,"./icons/IconRoadsideAssistance.vue":D8,"./icons/IconSearch.vue":O8,"./icons/IconServiceAppointments.vue":H8,"./icons/IconShare.vue":F8,"./icons/IconSmallMaintenance.vue":K8,"./icons/IconSuccess.vue":X8,"./icons/IconTestDay.vue":nx,"./icons/IconTireCheck.vue":lx,"./icons/IconTirePressure.vue":dx,"./icons/IconTireSwitch.vue":fx,"./icons/IconVersion.vue":gx,"./icons/IconVin.vue":Cx,"./icons/IconWarning.vue":Ix,"./icons/IconWebshop.vue":Dx,"./icons/IconWorkshop.vue":Ox,"./icons/IconWrench.vue":qx};

1function Wx(e){Object.entries(jx).forEach(([n,s])=>{const r=n.split("/").pop().replace(".vue","");e.component(r,s.default)})}const Ux={__name:"FormLabel",props:{labelStyle:{type:String,default:"regular",validator(e){return["regular","heavy"].includes(e)}}},setup(e){const n=e,s=C(()=>{switch(n.labelStyle){case"heavy":return"font-bold";default:return"font-light"}});return(r,c)=>(i(),h("label",{class:Y([s.value,"choice-control__label hover:cursor-pointer"])},[ae(r.$slots,"default")],2))}};const Fx={class:"input-control py-0"},Bx={key:0,class:"input-control__description font-light text-sm text-caption mt-0.5"},Rx={key:1,class:"input-control__error font-light text-base text-cardinal-red mt-0.5"},Zx={key:0,class:"input-control__icon flex-shrink-0 inline-flex items-center justify-center px-4"},zx={__name:"InputControl",props:{type:{type:String,default:"text"},placeholder:{type:String,default:""},disabled:{type:Boolean},modelValue:{type:[String,Number],default:void 0}},emits:["update:modelValue","blur"],setup(e,{emit:n}){const s=Ye(),r=n;function c(u){r("update:modelValue",u)}return(u,p)=>(i(),h("div",Fx,[a("div",{class:Y(["input-control__wrapper flex flex-col items-start",{"text-disabled":e.disabled}])},[ae(u.$slots,"label",{id:m(s)},void 0,!0),u.$slots.description?(i(),h("span",Bx,[ae(u.$slots,"description",{},void 0,!0)])):$("",!0),u.$slots.error?(i(),h("span",Rx,[ae(u.$slots,"error",{},void 0,!0)])):$("",!0),a("div",{class:Y(["input-control__input-wrapper flex w-full mt-1",{"border-b-2 border-cardinal-red":u.$slots.error,"bg-background":e.disabled,"bg-soft-gray":!e.disabled}])},[(i(),D(Ve(e.type==="textarea"?"textarea":"input"),{id:m(s),type:e.type,placeholder:e.placeholder,value:e.modelValue,disabled:e.disabled?"disabled":null,class:Y([{"leading-none py-5":e.type!=="textarea","py-3":e.type==="textarea"},"input-control__input bg-transparent px-4 w-full text-base font-body border-transparent placeholder-disabled placeholder-italic focus:outline-none"]),onInput:p[0]||(p[0]=v=>c(v.target.value)),onBlur:p[1]||(p[1]=v=>r("blur"))},null,40,["id","type","placeholder","value","disabled","class"])),u.$slots.iconRight?(i(),h("div",Zx,[ae(u.$slots,"iconRight",{},void 0,!0)])):$("",!0)],2)],2)]))}};var Kx=B(zx,[["__scopeId","data-v-24c0f5cc"]]);const Yx={key:0,class:"input-control__description font-light text-sm text-caption mt-0.5"},Gx={key:1,class:"input-control__error font-light text-base text-cardinal-red mt-0.5"},Qx=["value","placeholder","disabled"],Xx={key:0,class:"input-control__icon flex-shrink-0 inline-flex items-center justify-center px-4"},Jx={__name:"InputPlaceholder",props:{value:{type:String,default:null},placeholder:{type:String,default:""},disabled:{type:Boolean}},emits:["focus"],setup(e,{emit:n}){const s=Ye(),r=n,c=u=>{u.target.blur(),r("focus")};return(u,p)=>(i(),h("div",{class:Y(["input-placeholder py-0",{"hover:cursor-pointer":!e.disabled}])},[a("div",{class:Y(["input-control__wrapper flex flex-col items-start",{"text-disabled":e.disabled}])},[ae(u.$slots,"label",{id:m(s)}),u.$slots.description?(i(),h("span",Yx,[ae(u.$slots,"description")])):$("",!0),u.$slots.error?(i(),h("span",Gx,[ae(u.$slots,"error")])):$("",!0),a("div",{class:Y(["input-control__input-wrapper flex w-full mt-1",{"border-b-2 border-cardinal-red":u.$slots.error,"bg-background":e.disabled,"bg-soft-gray":!e.disabled}])},[a("input",{value:e.value,placeholder:e.placeholder,disabled:e.disabled?"disabled":null,class:Y(["input-control__input bg-transparent px-4 py-5 w-full text-base font-body border-transparent placeholder-disabled placeholder-italic focus:outline-none",{"italic text-caption":!e.value&&e.placeholder}]),onFocus:c},null,42,Qx),u.$slots.iconRight?(i(),h("div",Xx,[ae(u.$slots,"iconRight")])):$("",!0)],2)],2)],2))}},e7={class:"checkbox-control"},t7={class:"inline-flex items-start hover:cursor-pointer"},n7=["value"],a7={class:""},o7={key:0,class:"text-caption mt-6"},s7={__name:"CheckboxControl",props:{value:{type:String},modelValue:{type:[Array,Boolean],required:!0}},emits:["update:modelValue"],setup(e,{emit:n}){const s=e,r=n,c=C({get(){return s.modelValue},set(p){r("update:modelValue",p)}}),u=C(()=>typeof s.modelValue=="boolean"?s.modelValue:s.modelValue.includes(s.value));return(p,v)=>{const g=y("IconCheck"),_=y("IconWrapper");return i(),h("div",e7,[a("label",t7,[ct(a("input",{value:e.value,type:"checkbox",class:"hidden","onUpdate:modelValue":v[0]||(v[0]=b=>c.value=b)},null,8,n7),[[Fa,c.value]]),a("span",{class:Y([u.value?"border-midnight-black bg-midnight-black":"border-keyline bg-transparent","selected-box border-2 text-polar-white w-6 h-6 inline-flex flex-shrink-0 items-center justify-center mr-2 transition-all duration-200 ease-in-out"])},[d(_,{size:24,class:Y([{"opacity-0":!u.value},"transition-all duration-200 ease-in-out"]),"icon-fill":"currentColor"},{default:o(()=>[d(g)]),_:1},8,["class"])],2),a("span",a7,[ae(p.$slots,"default")])]),p.$slots.description?(i(),h("div",o7,[ae(p.$slots,"description")])):$("",!0)])}}};const l7={class:"select-control py-0"},i7={class:"select-control__wrapper flex flex-col items-start"},r7={key:0,class:"select-control__description font-light text-sm text-caption mt-0.5"},c7={key:1,class:"select-control__error font-light text-base text-cardinal-red mt-0.5"},d7={__name:"SelectControl",props:{options:{type:Array,required:!0},optionValueKey:{type:String,default:"id"},optionLabelKey:{type:String,default:"label"},required:{type:Boolean,default:!0},modelValue:{required:!0},searchable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){G("v-select",$n);const s=Ye(),r=e,c=n,u=C({get(){return r.options.find(v=>v[r.optionValueKey]===r.modelValue)||r.modelValue},set(v){let g=v;typeof v=="object"&&(g=v[r.optionValueKey]),c("update:modelValue",g)}}),p=C(()=>r.options.map(v=>typeof v!="object"||v.id?v:Re(xe({},v),{id:v[r.optionValueKey]})));return(v,g)=>(i(),h("div",l7,[a("div",i7,[ae(v.$slots,"label",{id:m(s)}),v.$slots.description?(i(),h("span",r7,[ae(v.$slots,"description")])):$("",!0),v.$slots.error?(i(),h("span",c7,[ae(v.$slots,"error")

1])):$("",!0),d(m($n),{modelValue:u.value,"onUpdate:modelValue":g[0]||(g[0]=_=>u.value=_),options:p.value,clearable:!e.required,label:e.optionLabelKey,"input-id":m(s),reduce:_=>e.optionValueKey?_[e.optionValueKey]:_,searchable:e.searchable,class:"select-control__input bg-soft-gray w-full mt-1 text-base font-body leading-none border-transparent placeholder-disabled placeholder-italic focus:outline-none"},null,8,["modelValue","options","clearable","label","input-id","reduce","searchable"])])]))}},u7={class:"choice-control flex flex-col items-start py-0"},m7={key:0,class:"choice-control__description font-light text-sm text-caption mt-0.5"},p7={key:1,class:"choice-control__error font-light text-base text-cardinal-red mt-0.5"},f7={__name:"ChoiceControl",props:{multiple:{type:Boolean,default:!1},name:{type:String,default:Ye()},columns:{type:Boolean,default:!1}},setup(e){const n=Ye();return(s,r)=>(i(),h("div",u7,[ae(s.$slots,"label",{id:m(n)}),s.$slots.description?(i(),h("span",m7,[ae(s.$slots,"description")])):$("",!0),s.$slots.error?(i(),h("span",p7,[ae(s.$slots,"error")])):$("",!0),a("div",{class:Y(["mt-1 w-full flex flex-col",{"grid grid-cols-4 grid-flow-row auto-cols-fr gap-4":e.columns}])},[ae(s.$slots,"choice",{multiple:e.multiple,formName:e.name})],2)]))}},v7=["name","type","value","disabled"],h7={key:0,class:"rounded-full bg-midnight-black h-full w-full inline-block flex-grow"},_7={__name:"ChoiceItem",props:{formName:{type:String,default:""},multiple:{type:Boolean,required:!0},value:{type:[String,Number,Boolean],required:!0},modelValue:{required:!0},disabled:{type:Boolean,default:!1}},emits:["change","update:modelValue"],setup(e,{emit:n}){const s=e,r=C(()=>s.multiple?"checkbox":"radio"),c=n,u=C({get(){return s.modelValue},set(v){c("update:modelValue",v)}}),p=C(()=>{switch(typeof s.modelValue){case"boolean":case"string":case"number":return s.modelValue===s.value;case"array":case"object":return s.modelValue!==null?s.modelValue.includes(s.value):!1;default:return s.modelValue===s.value}});return(v,g)=>{const _=y("IconCheck"),b=y("IconWrapper");return i(),h("label",{class:Y(["choice-item flex-grow bg-polar-white mb-1 last:mb-0 inline-flex items-center p-4 hover:cursor-pointer",{"opacity-20 hover:cursor-not-allowed":e.disabled}])},[ae(v.$slots,"default"),ct(a("input",{"onUpdate:modelValue":g[0]||(g[0]=x=>u.value=x),name:e.formName,type:r.value,value:e.value,disabled:e.disabled,class:"hidden"},null,8,v7),[[Fo,u.value]]),e.multiple?(i(),h("span",{key:0,class:Y([p.value?"border-midnight-black bg-midnight-black":"border-keyline bg-transparent","selected-box border-2 text-polar-white w-6 h-6 inline-flex flex-shrink-0 items-center justify-center transition-all duration-200 ease-in-out"])},[d(b,{size:20,class:Y([{"opacity-0":!p.value},"transition-all duration-200 ease-in-out"]),"icon-fill":"currentColor"},{default:o(()=>[d(_)]),_:1},8,["class"])],2)):(i(),h("span",{key:1,class:Y([p.value?"border-midnight-black":"border-keyline bg-transparent","selected-box border-2 rounded-full text-polar-white w-6 h-6 p-1 inline-flex flex-shrink-0 items-center justify-center transition-all duration-200 ease-in-out"])},[p.value?(i(),h("span",h7)):$("",!0)],2))],2)}}};const g7={class:"calendar-control py-0 relative z-0"},b7={class:"date-control__wrapper flex flex-col items-start"},y7={key:0,class:"date-control__description font-light text-sm text-caption mt-0.5"},x7={key:1,class:"date-control__error font-light text-base text-cardinal-red mt-0.5"},C7={__name:"CalendarControl",props:{minimumDate:{type:Number,default:null},maximumDate:{type:Number,default:null},availableDates:{type:Array,default(){return[]}}},emits:["update:modelValue","update-month","get-day"],setup(e,{emit:n}){G("Calendar",Wt),G("DatePicker",Ut);const{locale:s}=he({useScope:"global"}),r=Ye(),c=e,u=n,p=A(null),v=x=>u("update-month",x),g=x=>{p.value=x.date,u("get-day",x)},_={key:"selected",highlight:{class:"calendar-control__selected",contentClass:"calendar-control__selected-text"}},b=C(()=>{const x=[];return x.push({key:"today",dot:{class:"calendar-control__dot"},dates:new Date}),c.availableDates&&c.availableDates.length>

10&&c.availableDates.forEach(k=>{x.push({highlight:{class:"calendar-control__available"},dates:k})}),x.push({key:"selected",highlight:{class:"calendar-control__selected",contentClass:"calendar-control__selected-text"},dates:p.value}),x});return(x,k)=>(i(),h("div",g7,[a("div",b7,[ae(x.$slots,"label",{id:m(r)}),x.$slots.description?(i(),h("span",y7,[ae(x.$slots,"description")])):$("",!0),x.$slots.error?(i(),h("span",x7,[ae(x.$slots,"error")])):$("",!0),d(m(Wt),{modelValue:p.value,"onUpdate:modelValue":k[0]||(k[0]=I=>p.value=I),attributes:b.value,"disabled-dates":!0,"min-date":e.minimumDate,"max-date":e.maximumDate,"select-attribute":_,"available-dates":e.availableDates,locale:{id:m(s),masks:{weekdays:"WW"}},"onUpdate:toPage":v,onDayclick:g},null,8,["modelValue","attributes","min-date","max-date","available-dates","locale"])])]))}};const k7={class:"date-control py-0"},$7={class:"date-control__wrapper flex flex-col items-start"},w7={key:0,class:"date-control__description font-light text-sm text-caption mt-0.5"},I7={key:1,class:"date-control__error font-light text-base text-cardinal-red mt-0.5"},M7={class:"flex items-center bg-soft-gray"},L7=["id","value","onClick"],S7={__name:"DateControl",props:{minimumDate:{type:Number,default:null},maximumDate:{type:Number,default:null},modelValue:{required:!0},availableDates:{type:Array,default(){return[]}},clearable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){G("Calendar",Wt),G("DatePicker",Ut);const{locale:s}=he({useScope:"global"}),r=Ye(),c=e,u=n,p=C({get(){return c.modelValue?new Date(c.modelValue):null},set(x){let k=x||null;x&&(k=x.toISOString()),u("update:modelValue",k)}}),v={key:"selected",highlight:{class:"date-control__selected",contentClass:"date-control__selected-text"}},g=C(()=>{const x=[];return x.push({key:"today",dot:{class:"date-control__dot"},dates:new Date}),c.availableDates&&c.availableDates.length>0&&c.availableDates.forEach(k=>{x.push({highlight:{class:"date-control__available"},dates:k})}),x}),_=A(0),b=()=>{p.value=null,_.value+=1};return(x,k)=>{const I=y("IconClose"),w=y("IconWrapper");return i(),h("div",k7,[a("div",$7,[ae(x.$slots,"label",{id:m(r)}),x.$slots.description?(i(),h("span",w7,[ae(x.$slots,"description")])):$("",!0),x.$slots.error?(i(),h("span",I7,[ae(x.$slots,"error")])):$("",!0),(i(),D(m(Ut),{modelValue:p.value,"onUpdate:modelValue":k[0]||(k[0]=L=>p.value=L),attributes:g.value,"min-date":e.minimumDate,"max-date":e.maximumDate,"select-attribute":v,"available-dates":e.availableDates,locale:{id:m(s),masks:{weekdays:"WW"}},input:["DD-MM-YYYY"],popover:{visibility:"focus"},"is-required":"",key:_.value,class:"w-full mt-1"},{default:o(({inputValue:L,inputEvents:S,togglePopover:M})=>[a("div",M7,[a("input",Ba({id:m(r),value:L,class:["date-control__input bg-soft-gray px-4 py-5 w-full mt-1 text-base font-body leading-none border-transparent placeholder-disabled placeholder-italic focus:outline-none",{"border-b-2 border-cardinal-red":x.$slots.error}],type:"text"},Bo(S,!0),{ref:"input",onClick:V=>M()}),null,16,L7),e.clearable?(i(),D(w,{key:0,class:"mr-2",onClick:b},{default:o(()=>[d(I)]),_:1})):$("",!0)])]),_:1},8,["modelValue","attributes","min-date","max-date","available-dates","locale"]))])])}}};const D7={class:"toggle-switch-control relative inline-flex cursor-pointer h-8 w-14"},T7=["value"],V7={__name:"ToggleSwitchControl",props:{value:{type:String},modelValue:{type:[Array,Boolean],required:!0}},emits:["update:modelValue"],setup(e,{emit:n}){const s=e,r=n,c=C({get(){return s.modelValue},set(p){r("update:modelValue",p)}}),u=C(()=>typeof s.modelValue=="boolean"?s.modelValue:s.modelValue.includes(s.value));return(p,v)=>(i(),h("label",D7,[ct(a("input",{value:e.value,type:"checkbox",class:"hidden","onUpdate:modelValue":v[0]||(v[0]=g=>c.value=g)},null,8,T7),[[Fa,c.value]]),a("span",{class:Y([{"bg-midnight-black":u.value,"bg-keyline":!u.value},"toggle-switch-control__slider round h-full w-full p-0.5"])},[a("span",{class:Y(["toggle-switch-control__slider-bullet relative rounded-full bg-polar-white inline-block w-7 h-7 transition-all",{"left-6":u.value,"left-0":!u.value}])},null,2)],2)]))}};var A7=B(V7,[["__scopeId","data-v-3e5d4031"]]);const O7={},P7={viewBox:"0 0 64 16",xmlns:"http://www.w3.org/2000/svg"};function E7(e,n){return i(),h("svg",P7,n[0]||(n[0]=[a("path",{d:"M37.11 13.62c0 .113 0 .194.101.194a.44.44 0 0 0 .152 0L57.325 1.31c.334-.23.736-.349 1.147-.34h4.383c.281-.013.556.08.767.258.211.178.342.429.3

163.698v8.211c.051.415-.03.835-.231 1.205-.202.37-.515.672-.898.869l-5.328 3.077a.297.297 0 0 1-.169 0s-.118 0-.118-.21V5.682c0-.097 0-.178-.118-.178h-.152l-14.584 9.151c-.33.223-.725.342-1.13.34h-9.66a1.107 1.107 0 0 1-.773-.263 1.022 1.022 0 0 1-.357-.709V2.282c0-.097 0-.162-.1-.162a.245.245 0 0 0-.153 0l-9.627 5.588c-.1 0-.118.097-.118.146 0 .048 0 0 .084.13l6.863 6.64a.346.346 0 0 1 .151.226s-.1.114-.202.114h-6.17a1.735 1.735 0 0 1-1.13-.324L15.9 10.623a.14.14 0 0 0-.118 0h-.135l-6.963 4.05c-.329.225-.726.339-1.13.323H1.131a1.089 1.089 0 0 1-.76-.258 1.006 1.006 0 0 1-.353-.697V5.943c-.056-.411.02-.83.22-1.197.198-.368.51-.668.893-.86L6.492.792a.192.192 0 0 1 .135 0c.084 0 .135 0 .135.26V11.66c0 .113 0 .162.101.162.05.012.102.012.152 0l18.09-10.495c.354-.226.773-.34 1.198-.324h9.728c.284-.014.561.081.773.263.21.182.34.436.357.709V13.62h-.05Z"},null,-1)]))}var N7=B(O7,[["render",E7]]);const H7={class:"modal fixed top-0 left-0 w-screen h-screen flex z-40"},q7={class:"modal__wrapper relative z-0 h-full w-full flex flex-col"},j7={key:0,class:"flex mb-4 leading-none items-center flex-shrink-0"},W7={key:1,class:"modal__content w-full h-5/6 overflow-y-auto"},U7={key:2,class:"modal__buttons mt-4 flex justify-center flex-shrink-0"},F7={__name:"Modal",props:{isVisible:{type:Boolean,required:!0},canBeClosed:{type:Boolean,default:!0}},emits:["close"],setup(e,{emit:n}){const s=z(),r=e,c=n,u=C(()=>s.getters["application/isDarkMode"]),p=()=>{c("close")},v=()=>{r.canBeClosed&&p()};return Ce(()=>r.isVisible,g=>{if(g)return document.querySelector("body").classList.add("overflow-hidden");document.querySelector("body").classList.remove("overflow-hidden")},{immediate:!0}),Ro(async()=>{document.querySelector("body").classList.remove("overflow-hidden")}),(g,_)=>{const b=y("Heading"),x=y("IconClose"),k=y("IconWrapper");return i(),D(Ot,{to:"#modals"},[d(Zo,{name:"fade"},{default:o(()=>[ct(a("div",H7,[a("div",q7,[a("div",{class:"modal__mask absolute z-0 top-0 left-0 w-full h-full bg-opacity-80 bg-midnight-black",onClick:v}),a("div",{class:Y(["modal__dialog relative z-10 min-w-80 m-auto px-4 py-4 flex flex-col mx-4 tablet:mx-auto",{"bg-midnight-black text-polar-white":u.value,"bg-background":!u.value}])},[e.canBeClosed||g.$slots.heading?(i(),h("div",j7,[g.$slots.heading?(i(),D(b,{key:0,tag:"span",heading:3,class:"modal__heading font-bold w-full"},{default:o(()=>[ae(g.$slots,"heading",{},void 0,!0)]),_:3})):$("",!0),e.canBeClosed?(i(),D(k,{key:1,class:"flex-shrink-0 ml-8 hover:cursor-pointer",onClick:p},{default:o(()=>[d(x)]),_:1})):$("",!0)])):$("",!0),g.$slots.content?(i(),h("div",W7,[ae(g.$slots,"content",{},void 0,!0)])):$("",!0),g.$slots.button?(i(),h("div",U7,[ae(g.$slots,"button",{closeModal:p},void 0,!0)])):$("",!0)],2)])],512),[[Ra,e.isVisible]])]),_:3})])}}};var B7=B(F7,[["__scopeId","data-v-75deb112"]]);const R7={__name:"TimeSlot",props:{timeSlot:{type:Object,required:!0},active:{type:Boolean}},setup(e){return(n,s)=>(i(),h("div",{class:Y(["time-slot",[{"time-slot--active":e.active,"time-slot--disabled":e.timeSlot.status==="NotAvailable","bg-backline hover:bg-transparent tablet:hover:cursor-pointer":!e.active&&e.timeSlot.status==="Available"}]])},l(e.timeSlot.time),3))}};var Na=B(R7,[["__scopeId","data-v-5ba8c40c"]]);const Z7={class:"time-slots grid grid-cols-4 my-4"},z7={__name:"TimeSlots",props:{data:{type:Array,required:!0},modelValue:{type:[String,null],required:!0}},emits:["update:modelValue"],setup(e,{emit:n}){G("TimeSlot",Na);const s=n,r=c=>{c.status!=="NotAvailable"&&s("update:modelValue",c.time)};return(c,u)=>(i(),h("div",Z7,[(i(!0),h(Z,null,de(e.data,p=>(i(),D(Na,{key:p.id,onClick:v=>r(p),"time-slot":p,active:p.time===e.modelValue},null,8,["onClick","time-slot","active"]))),128))]))}},K7={},Y7={class:"list grid gap-0.5"};function G7(e,n){return i(),h("ul",Y7,[ae(e.$slots,"default")])}var Q7=B(K7,[["render",G7]]);const X7={class:"list-item-component flex bg-polar-white min-w-0 relative z-0"},J7={key:0,class:"list-item-component__timeline-line w-0.5 h-full bg-midnight-black absolute top-0 -z-10"}

1,eC={key:2,class:"w-12 h-12 mr-6 -ml-2 rounded-full bg-soft-gray p-2 min"},tC={class:"absolute left-2 top-4 w-14 mt-3 ml-1"},nC={key:3,class:"list-item-component__content--min-width inline-flex flex-col min-w-0"},aC={class:"inline-flex text-caption text-sm leading-5"},oC={class:"inline-flex text-caption text-sm leading-5"},sC={key:0,class:"inline-flex mt-2"},lC={key:4,class:"inline-flex flex-col mr-4 min-w-0"},iC={class:"inline-flex text-caption text-sm leading-5"},rC={key:5,class:"inline-flex flex-col mr-4"},cC={class:"inline-flex text-caption text-sm leading-5"},dC={key:6,class:"inline-flex flex-col mr-4 min-w-0"},uC={class:"inline-flex text-caption text-sm leading-5"},mC={key:7,class:"flex-col flex-grow text-right mr-4"},pC={key:9,class:"ml-auto"},fC={key:0,class:"bg-background bg-opacity-60 flex justify-center absolute top-0 left-0 w-full h-full z-10"},vC={__name:"ListItem",props:{to:{type:Object},href:{type:String},hasClickHandler:{type:Boolean,default:!1},error:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hasTimelineLine:{type:Boolean,default:!1},hideStatusIcon:{type:Boolean,default:!1},hasSuccessStyling:{type:Boolean,default:!1}},setup(e){const n=e,s=C(()=>n.to||n.href||n.hasClickHandler),r=C(()=>n.to?"router-link":n.href?"a":"div"),c=C(()=>n.to?{to:n.to}:n.href?{href:n.href,target:"_blank"}:null);return(u,p)=>{const v=y("IconError"),g=y("IconWarning"),_=y("IconWrapper"),b=y("IconChevron"),x=y("Spinner");return i(),h("li",X7,[(i(),D(Ve(r.value),Ba(c.value,{class:["flex items-center flex-grow py-4 pl-4 pr-2 min-w-0",{"hover:cursor-pointer":e.hasClickHandler}]}),{default:o(()=>[e.hasTimelineLine?(i(),h("span",J7)):$("",!0),u.$slots.icon?(i(),h("div",{key:1,class:Y([{"bg-afternoon-yellow bg-opacity-10 text-dark-orange":e.warning&&!e.hasTimelineLine,"text-sunny-orange":e.warning&&e.hasTimelineLine,"bg-cardinal-red bg-opacity-10 text-cardinal-red":e.error&&!e.hasTimelineLine,"text-cardinal-red":e.error&&e.hasTimelineLine,"bg-soft-green text-forest-green":e.hasSuccessStyling&&!e.hasTimelineLine,"border-2 border-current bg-polar-white":e.hasTimelineLine,"bg-soft-gray":!e.hasTimelineLine&&!e.error&&!e.warning},"inline-flex flex-shrink-0 mr-4 -ml-2 rounded-full p-2"])},[ae(u.$slots,"icon",{},void 0,!0)],2)):$("",!0),u.$slots.car?(i(),h("div",eC,[a("div",tC,[ae(u.$slots,"car",{},void 0,!0)])])):$("",!0),u.$slots.labelOne||u.$slots.descriptionOne||u.$slots.extraFieldOne||u.descriptionDate?(i(),h("div",nC,[a("div",aC,[ae(u.$slots,"descriptionDate",{},void 0,!0)]),a("div",{class:Y([{truncate:u.$slots.descriptionOne},"block leading-6"])},[ae(u.$slots,"labelOne",{},void 0,!0)],2),a("div",oC,[ae(u.$slots,"descriptionOne",{},void 0,!0)]),u.$slots.extraFieldOne?(i(),h("div",sC,[ae(u.$slots,"extraFieldOne",{},void 0,!0)])):$("",!0)])):$("",!0),u.$slots.labelTwo||u.$slots.descriptionTwo?(i(),h("div",lC,[a("div",{class:Y([{truncate:u.$slots.descriptionTwo},"block leading-6"])},[ae(u.$slots,"labelTwo",{},void 0,!0)],2),a("div",iC,[ae(u.$slots,"descriptionTwo",{},void 0,!0)])])):$("",!0),u.$slots.labelTwoNoMinWidth||u.$slots.descriptionTwoNoMinWidth?(i(),h("div",rC,[a("div",{class:Y([{truncate:u.$slots.descriptionTwo},"block leading-6"])},[ae(u.$slots,"labelTwoNoMinWidth",{},void 0,!0)],2),a("div",cC,[ae(u.$slots,"descriptionTwoNoMinWidth",{},void 0,!0)])])):$("",!0),u.$slots.labelThree||u.$slots.descriptionThree?(i(),h("div",dC,[a("div",{class:Y([{truncate:u.$slots.descriptionThree},"block leading-6"])},[ae(u.$slots,"labelThree",{},void 0,!0)],2),a("div",uC,[ae(u.$slots,"descriptionThree",{},void 0,!0)])])):$("",!0),u.$slots.labelThreeRight?(i(),h("div",mC,[ae(u.$slots,"labelThreeRight",{},void 0,!0)])):$("",!0),(e.error||e.warning)&&!e.hasTimelineLine&&!e.hideStatusIcon?(i(),h("div",{key:8,class:Y(["flex-shrink-0 ml-auto",{"text-afternoon-yellow":e.warning,"text-cardinal-red":e.error,"text-forest-green":e.hasSuccessStyling,"mr-8":!s.value}])},[d(_,null,{default:o(()=>[e.error?(i(),D(v,{key:0})):e.warning?(i(),D(g,{key:1})):$("",!0)]),_:1})],2)):$("",!0),ct(d(_,{class:Y([{"ml-auto":!e.error&&!e.warning||e.hasTimelineLine},"text-midnight-black flex-shrink-0"]),"icon-fill":"currentColor"},{default:o(()=>[d(b)]),_:1},8,["class"]),[[Ra,s.value]]),u.$slots.choiceField?(i(),h("div",pC,[ae(u.$slots,"choiceField",{},void 0,!0)])):$("",!0)]),_:3},16,["class"])),e.loading?(i(),h("div",fC,[d(x,{class:"mt-8 w-6 h-6 opacity-50","border-width":2})])):$("",!0)])}}};var hC=B(vC,[["__scopeId","data-v-b9acd1dc"]]);const _C={class:"text-city-gray"},gC={__name:"SortOrder",props:{listItems:{type:Array,required:!0}},setup(e){G("SlickList",wn),G("SlickItem",In);const n=z(),s=e,r=C(()=>n.getters["vehicles/preferredVehicle"]),c=A(no(Zt(s.listItems,r.value))),u=p=>{let v=[];p.map(g=>{v.push(g.id)}),typeof Storage!="undefined"&&localStorage.setItem("myKiaQuickLinkList",JSON.stringify(v))};return(p,v)=>{const g=y("IconWrapper"),_=y("IconRearrange"),b=y("ListItem"),x=y("List");return i(),D(x,null,{default:o(()=>[d(m(wn),{axis:"y",list:c.value,"onUpdate:list":[v[0]||(v[0]=k=>c.value=k),u],class:"list","use-drag-handle":!0},{default:o(()=>[(i(!0),h(Z,null,de(c.value,(k,I)=>(i(),D(m(In),{key:k,index:I},{default:o(()=>[d(b,null,{icon:o(()=>[d(g,null,{default:o(()=>[(i(),D(Ve(`Icon${k.iconType}`)))]),_:2},1024)]),labelOne:o(()=>[f(l(k.name),1)]),choiceField:o(()=>[ct((i(),h("span",_C,[d(g,{"icon-fill":"currentColor"},{default:o(()=>[d(_)]),_:1})])),[[m(zo)]])]),_:2},1024)]),_:2},1032,["index"]))),128))]),_:1},8,["list"])]),_:1})}}};var bC=B(gC,[["__scopeId","data-v-2e9f18c9"]]);function yC(e){e.component("Accordion",Fb),e.component("AccordionItem",Yb),e.component("AnchorLink",mo),e.component("Heading",Gb),e.component("ButtonControl",gt),e.component("IconWrapper",Jb),e.component("FormLabel",Ux),e.component("InputControl",Kx),e.component("InputPlaceholder",Jx),e.component("CheckboxControl",s7),e.component("SelectControl",d7),e.component("ChoiceControl",f7),e.component("ChoiceItem",_7),e.component("CalendarControl",C7),e.component("DateControl",S7),e.component("ToggleSwitchControl",A7),e.component("Spinner",io),e.component("Logo",N7),e.component("Mod

1al",B7),e.component("TimeSlots",z7),e.component("List",Q7),e.component("ListItem",hC),e.component("RichText",pt),e.component("SortOrder",bC),e.component("InfoBlock",zt),Wx(e)}const xC=e=>{const n=C(()=>e.getters["application/getMopinionKey"]);if(Pt.value.desktop&&n.value){const s=document.createElement("script");s.setAttribute("type","text/javascript"),s.setAttribute("src","//deploy.mopinion.com/js/pastease.js"),s.async=!0,document.getElementsByTagName("head")[0].appendChild(s);const r=setInterval(()=>{try{Pastease.load(n.value),clearInterval(r)}catch{}},50)}};async function CC(){const e=qb(Je,it.global.locale.value),n=vl(it.global.locale.value),s=Se.dispatch("authentication/checkIfUserIsAuthenticated",uo());te.locale(it.global.locale.value);const r=Ko(fl).use(Eb).use(Se).use(it).use(Yo).use(Go);yC(r),Se.dispatch("application/getKeys").then(()=>{const c=Se.getters["application/getGoogleTagManagerKey"];if(c){const u=Ha.createGtm({id:c,enabled:!at()});r.use(u)}}),Promise.allSettled([e,n,s]).then(async()=>{await Se.getters["authentication/isAuthenticated"]&&(await Se.dispatch("user/getUserData"),Se.dispatch("messages/fetchUnreadCount")),r.use(Je),await Je.isReady(),await Se.dispatch("content/getContentForComponents",{componentIds:["webmainmenu","mobilemainmenu","websidemenu","webfootermenu","terms"]}),r.use(Qo),r.use(Xo()),r.mount("#app"),xC(Se)})}CC();