1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1632],{94698:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/vehicles",function(){return t(43578)}])},43578:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return Q},default:function(){return vehicles}});var i,o,a=t(52676),r=t(75271),l=t(28503),s=t(92895),c=t(35429),d=t(10345),u=t(73363),m=t(5059),p=t(13200),h=t(75616),g=t(21964),x=t(50406),_=t(17409),v=t(78157);let fetchVehicleIdForEachCustomerVehicles=async(e,n)=>{let t=new _.Z({countryCode:n}),i=[];for(let n of e){let e=await t.getVehicleById(n.vehicleId);i.push({...n,vehicle:e})}return i};let CustomerVehiclesApi=class CustomerVehiclesApi extends v.Y{getCustomersVehicles(){let e=new Date().getTime();return this.request("GET","/api/customers-vehicles/getCustomersVehicles",{customerId:this.customerId,nocache:e}).then(e=>fetchVehicleIdForEachCustomerVehicles(e.data,this.countryCode))}createCustomerVehicle(e,n){return this.request("POST","/api/customers-vehicles/createCustomerVehicle",{},{registrationNumber:e.registrationNumber,releaseDate:e.releaseDate,lastInspectionDate:e.lastInspectionDate,km:e.km,vehicleId:e.vehicleId,email:n.email,firstname:n.firstName,lastname:n.lastName,customerId:n.id})}deleteCustomerVehicle(e,n){fetch("/api/customers-vehicles/deleteCustomerVehicle?customerId=".concat(n,"&customerVehicleId=").concat(e),{method:"DELETE",headers:{"Content-Type":"application/json"}})}updateCustomerVehicle(e,n,t){return this.request("PATCH","/api/customers-vehicles/updateCustomerVehicle",{},{customerVehicleId:e,km:n.km,releaseDate:n.releaseDate,lastInspectionDate:n.lastInspectionDate,customerId:t})}constructor(e){super(),this.customerId=e.customerId,this.tokenId=e.tokenId,this.countryCode=e.countryCode}};var f=t(82746);let b="customerVehicles",useCustomerVehiclesApi=()=>{var e;let n=(0,x.Z)(),{user:t}=(0,f.a)(),i=null==t?void 0:t.profile.sub,o=new CustomerVehiclesApi({countryCode:null==n?void 0:null===(e=n.split("-"))||void 0===e?void 0:e[1],customerId:i,tokenId:null==t?void 0:t.id_token});return o},useCustomerVehiclesQuery=()=>{let e=useCustomerVehiclesApi();return(0,p.a)([b],()=>e.getCustomersVehicles(),{refetchOnWindowFocus:!1,staleTime:0,cacheTime:0})},useRevalidateCustomerVehiclesQuery=()=>{let e=(0,h.NL)();return()=>e.invalidateQueries([b])},useCustomerVehiclesQueryData=()=>{let e=(0,h.NL)();return{getQueryData:()=>e.getQueryData([b]),setQueryData:n=>e.setQueryData([b],n)}},useGetOwnerDto=()=>{var e,n,t;let{user:i}=(0,f.a)(),o=null==i?void 0:i.profile.sub;return{id:null!=o?o:"",firstName:null!==(e=null==i?void 0:i.profile.given_name)&&void 0!==e?e:"",lastName:null!==(n=null==i?void 0:i.profile.family_name)&&void 0!==n?n:"",phone:null==i?void 0:i.profile.phone_number,email:null!==(t=null==i?void 0:i.profile.email)&&void 0!==t?t:""}},useCreateCustomerVehicle=()=>{let e=useCustomerVehiclesApi(),n=useRevalidateCustomerVehiclesQuery(),t=useGetOwnerDto(),i=(0,g.D)(n=>e.createCustomerVehicle(n,t),{onSuccess:n});return i},useDeleteCustomerVehicle=()=>{let e=useCustomerVehiclesApi(),n=useRevalidateCustomerVehiclesQuery(),{getQueryData:t,setQueryData:i}=useCustomerVehiclesQueryData(),o=useGetOwnerDto(),a=(0,g.D)(n=>e.deleteCustomerVehicle(n,o.id),{onSuccess:(e,o)=>{let a=t(),r=a.filter(e=>e.id!==o);i(r),setTimeout(()=>{n()},100)}});return a},useUpdateCustomerVehicle=()=>{let e=useCustomerVehiclesApi(),n=useRevalidateCustomerVehiclesQuery(),{getQueryData:t,setQueryData:i}=useCustomerVehiclesQueryData(),o=useGetOwnerDto(),a=(0,g.D)(n=>{let{customerVehicleId:t,variables:i}=n;return e.updateCustomerVehicle(t,i,o.id)},{onSuccess:(e,o)=>{let{customerVehicleId:a,variables:r}=o,l=t();l&&i(l.map(e=>e.id===a?{...e,...r}:e)),n()}});return a};var y=t(44710),w=t(45679),j=t(57563),V=t(1119),k=t(98519),C=t(21262),D=t(50292);function _templateObject(){let e=(0,C._)(["\n .FillRegistrationNumber__body {\n max-width: 520px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 30px;\n\n .defaultButton {\n width: 100%;\n\n a {\n padding: 10px 25px;\n }\n\n &.disabled {\n border: 1px solid ",";\n background-color: ",";\n pointer-events: none;\n a {\n color: ",";\n }\n }\n }\n }\n"]);
1return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,C._)(["\n padding: 20px 15px 50px 15px;\n border: 1px solid\n ",";\n border-radius: 16px;\n\n .FillRegistrationNumberForm__title {\n font-size: 20px;\n font-weight: 700;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .FillRegistrationNumberForm__form {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .FillRegistrationNumberForm__input {\n border: none;\n font-size: 42px;\n font-weight: 700;\n text-align: center;\n text-transform: uppercase;\n width: 100%;\n\n &::placeholder {\n font-weight: 400;\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n color: ",";\n }\n }\n\n .FillRegistrationNumberForm__errormessage {\n text-align: center;\n font-size: 14px;\n font-weight: 400;\n color: #6f6f6f;\n }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,C._)(["\n .VehicleToSaveValidation__title {\n font-size: 20px;\n font-weight: 700;\n text-transform: uppercase;\n padding-bottom: 20px;\n border-bottom: 1px solid ",";\n margin-bottom: 20px;\n }\n\n .VehicleToSaveValidation__content {\n font-size: 14px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-bottom: 30px;\n\n input {\n border: 1px solid ",";\n border-radius: 16px;\n padding: 11px 10px;\n\n &.is-invalid {\n border-color: ",";\n }\n\n &[type='number'],\n &[type='date'] {\n max-width: 150px;\n margin-right: 10px;\n }\n &[type='checkbox'] {\n margin-right: 5px;\n }\n\n @media (min-width: ",") {\n &[type='number'],\n &[type='date'] {\n max-width: 150px;\n margin-right: 20px;\n }\n &[type='checkbox'] {\n margin-right: 10px;\n }\n }\n }\n\n .VehicleToSaveValidation__input {\n display: inline-block;\n }\n\n .VehicleToSaveValidation__maintenanceMessage {\n border-top: 1px solid ",";\n padding-top: 20px;\n margin: 0;\n color: ",";\n font-weight: 700;\n font-size: 16px;\n }\n\n @media (min-width: ",") {\n margin-bottom: 40px;\n font-size: 16px;\n }\n }\n\n .VehicleToSaveValidation__warning {\n padding: 20px;\n border: 1px solid ",";\n border-radius: 16px;\n background-color: #daf8ff;\n font-size: 16px;\n font-weight: 400;\n display: flex;\n align-items: flex-start;\n gap: 8px;\n\n svg {\n width: 16px;\n flex: 0 0 16px;\n }\n\n @media (min-width: ",") {\n display: inline-flex;\n }\n }\n\n strong {\n font-weight: 700;\n margin-right: 10px;\n }\n\n .VehicleToSaveValidation__buttons {\n display: flex;\n flex-direction: column;\n gap: 20px;\n .defaultButton {\n a {\n padding: 11px 25px;\n }\n\n &.disabled {\n border: 1px solid ",";\n background-color: ",";\n pointer-events: none;\n a {\n color: ",";\n }\n }\n }\n\n @media (min-width: ",") {\n flex-direction: row;\n }\n }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,C._)(["\n background-color: ",";\n border-radius: 16px;\n\n .AddVehicle__header {\n padding: 30px 20px;\n cursor: pointer;\n\n @media (min-width: ",") {\n padding: 30px 45px;\n }\n\n p {\n font-size: 16px;\n font-weight: 700;\n color: ",";\n\n svg {\n width: 25px;\n margin-right: 10px;\n transition: all ease-in-out 0.3s;\n ",";\n }\n\n svg,\n span {\n vertical-align: middle;\n }\n }\n }\n\n .AddNewCustomerVehicle__content {\n padding: 0;\n transition: all ease-in-out 0.3s;\n overflow: hidden;\n max-height: 0;\n padding-top: 0;\n padding-left: 20px;\n padding-right: 20px;\n @media (min-width: ",") {\n padding-left: 45px;\n padding-right: 45px;\n }\n ",";\n }\n"]);
1return _templateObject3=function(){return e},e}let T=D.ZP.div.withConfig({componentId:"sc-f4a09960-0"})(_templateObject(),e=>e.theme.colors.greySoft,e=>e.theme.colors.white,e=>e.theme.colors.greySoft),N=D.ZP.div.withConfig({componentId:"sc-f4a09960-1"})(_templateObject1(),e=>e.isError?e.theme.colors.red:e.theme.colors.blue,e=>e.theme.colors.greySoft,e=>e.theme.colors.red),I=D.ZP.div.withConfig({componentId:"sc-f4a09960-2"})(_templateObject2(),e=>e.theme.colors.greyLight,e=>e.theme.colors.greySoft,e=>e.theme.colors.red,e=>e.theme.breakpoints.desktop,e=>e.theme.colors.greyLight,e=>e.theme.colors.blue,e=>e.theme.breakpoints.desktop,e=>e.theme.colors.blue,e=>e.theme.breakpoints.desktop,e=>e.theme.colors.greySoft,e=>e.theme.colors.white,e=>e.theme.colors.greySoft,e=>e.theme.breakpoints.desktop),S=D.ZP.div.withConfig({componentId:"sc-f4a09960-3"})(_templateObject3(),e=>e.theme.colors.white,e=>e.theme.breakpoints.desktop,e=>e.theme.colors.blue,e=>e.isOpen&&"transform: rotate(45deg);",e=>e.theme.breakpoints.desktop,e=>e.isOpen&&"\n max-height: 750px;\n padding-bottom: 30px;\n @media (min-width: ".concat(e=>e.theme.breakpoints.desktop,") {\n padding-bottom: 40px;\n }\n ")),getVehicleFromRegistrationNumber=async(e,n)=>{let t="be"===n,i=new _.Z({countryCode:n});if(t){let n=await i.getVehicleByVIN(e);if(!n.length)throw Error("VIN number not found");let{vehicleId:t}=n[0],o=await i.getVehicleById(t);if(!o)throw Error("Vehicle not found");return{vehicle:o}}let o=await i.getVehicleData(e);if(!o.length)throw Error("Immatriculation not found");return{vehicle:o[0]}},schema=e=>j.Ry({registrationNumber:j.Z_().required().min(e?17:7)});var addCustomerVehicle_FillRegistrationNumber=e=>{let{onSubmit:n}=e,{t}=(0,l.$)(),i=(0,x.Z)(),o=i.split("-")[1],r="be"===o,{register:s,handleSubmit:c,formState:{isValid:d,errors:u},reset:m,setError:p}=(0,w.cI)({resolver:(0,V.X)(schema(r))}),onSubmitForm=async e=>{try{let{registrationNumber:t}=e,{vehicle:i}=await getVehicleFromRegistrationNumber(t,o);r?n(i,void 0,t.toUpperCase()):n(i,t.replaceAll("-","").toUpperCase())}catch(e){p("registrationNumber",{type:"server",message:t(r?"D\xe9sol\xe9, nous n'avons pas reconnu votre num\xe9ro VIN.":"D\xe9sol\xe9, nous n'avons pas reconnu votre num\xe9ro dâimmatriculation.")})}};return(0,a.jsx)(T,{children:(0,a.jsxs)("div",{className:"FillRegistrationNumber__body",children:[(0,a.jsxs)(N,{isError:!!u.registrationNumber,children:[(0,a.jsx)("p",{className:"FillRegistrationNumberForm__title",children:u.registrationNumber?t("add_vehicle_fill_registrationNumber_error"):t("add_vehicle_fill_registrationNumber",{type:r?"num\xe9ro VIN":"num\xe9ro d'immatriculation"})}),(0,a.jsxs)("form",{onSubmit:c(onSubmitForm),className:"FillRegistrationNumberForm__form",children:[(0,a.jsx)("input",{type:"text",placeholder:r?"1HGBH41JXMN109186":"XX-XXX-XX",className:"FillRegistrationNumberForm__input",disabled:!!u.registrationNumber,maxLength:r?17:10,...s("registrationNumber")}),u.registrationNumber&&(0,a.jsx)("p",{className:"FillRegistrationNumberForm__errormessage",children:u.registrationNumber.message})]})]}),u.registrationNumber?(0,a.jsx)(k.Z,{onClick:m,title:t("vehicletosavevalidation_cancel")}):(0,a.jsx)(k.Z,{onClick:c(onSubmitForm),title:t("Confirmer"),className:d?"":"disabled"})]})})},info=e=>{let{className:n="",color:t="#00A9CD"}=e;return(0,a.jsxs)("svg",{className:n,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsxs)("g",{clipPath:"url(#clip0_799_19279)",children:[(0,a.jsx)("path",{d:"M15.25 8C15.25 12.0041 12.0041 15.25 8 15.25C3.99594 15.25 0.75 12.0041 0.75 8C0.75 3.99594 3.99594 0.75 8 0.75C12.0041 0.75 15.25 3.99594 15.25 8Z",fill:t,stroke:t,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99683 6.15234C8.54911 6.15234 8.99683 6.60006 8.99683 7.15234V11.4336C8.99683 11.9859 8.54911 12.4336 7.99683 12.4336C7.44454 12.4336 6.99683 11.9859 6.99683 11.4336V7.15234C6.99683 6.60006 7.44454 6.15234 7.99683 6.15234Z",fill:"#FFFFFF"===t||"white"===t?"#00A9CD":"white"}),(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99683 3.60352C6.99683 3.05123 7.44454 2.60352 7.99683 2.60352H8.00061C8.5529 2.60352 9.00061 3.05123 9.00061 3.60352C9.00061 4.1558 8.5529 4.60352 8.00061 4.60352H7.99683C7.44454 4.60352 6.99683 4.1558 6.99683 3.60352Z",fill:"#FFFFFF"===t||"white"===t?"#00A9CD":"white"})]}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"clip0_799_19279",children:(0,a.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]})},Z=t(55568),P=t(94600),M=t(16507);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(null,arguments)}var EditSimpleIcon=function(e){return r.createElement("svg",_extends({viewBox:"0 0 19 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i||(i=r.createElement("mask",{id:"EditSimpleIcon_svg__a",fill:"#fff"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m14.417 1.558 3.6 3.8a1.048 1.048 0 0 1 0 1.425l-9.193 9.704a.938.938 0 0 1-.52.282l-4.307.746c-.645.112-1.203-.477-1.097-1.157l.707-4.547c.033-.208.126-.4.267-.55l9.193-9.703a.92.92 0 0 1 1.35 0ZM.692 20.846h18v-1.51h-18v1.51Z"}))),o||(o=r.createElement("path",{d:"M18.017 5.358 19.05 4.27l-1.032 1.09Zm-3.6-3.8-1.031 1.09 1.031-1.09Zm-6.113 15.21-.236-1.519.236 1.52Zm-4.307.747.236 1.52-.236-1.52ZM2.9 16.358l-1.44-.25 1.44.25Zm.707-4.547 1.44.25-1.44-.25Zm15.085 9.035v1.54h1.46v-1.54h-1.46Zm-18 0H-.767v1.54h1.46v-1.54Zm18-1.51h1.46v-1.54h-1.46v1.54Zm-18 0v-1.54H-.767v1.54h1.46ZM19.05 4.27l-3.6-3.8-2.063 2.178 3.6 3.8 2.063-2.178Zm0 3.603c.942-.995.942-2.608 0-3.603l-2.063 2.178a.553.553 0 0 1 0-.753l2.063 2.178Zm-9.193 9.704 9.193-9.704-2.063-2.178-9.193 9.704 2.063 2.178Zm-1.316.712a2.371 2.371 0 0 0 1.316-.712l-2.063-2.178a.496.496 0 0 1 .275-.149l.472 3.04Zm-4.307.747 4.307-.747-.472-3.039-4.308.746.473 3.04Zm-2.772-2.927c-.268 1.72 1.143 3.209 2.772 2.927l-.473-3.04c.341-.059.636.253.58.612l-2.88-.499Zm.707-4.546-.707 4.546 2.879.499.707-4.546-2.88-.5Zm.675-1.39a2.6 2.6 0 0 0-.675 1.39l2.879.498a.543.543 0 0 1-.141.29l-2.063-2.177ZM12.036.47l-9.193 9.704 2.063 2.178 9.193-9.704L12.036.47Zm3.413 0a2.325 2.325 0 0 0-3.413 0l2.063 2.178a.486.486 0 0 1-.713 0L15.449.47Zm3.243 18.837h-18v3.08h18v-3.08Zm-1.459.03v1.51h2.918v-1.51h-2.918Zm-16.54 1.54h18v-3.08h-18v3.08Zm1.458-.03v-1.51H-.767v1.51h2.918Z",fill:"#00A9CD",mask:"url(#EditSimpleIcon_svg__a)"})))},O=t(4461),R=t(62486);
1function style_templateObject(){let e=(0,C._)(["\n background-color: ",";\n border-radius: 16px;\n padding: 30px 20px;\n box-shadow: 1px 3px 16px 0px #33333326;\n\n @media (min-width: ",") {\n padding: 30px 45px 40px 45px;\n }\n\n .MyVehicleDetail__title {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .MyVehicleDetail__informations {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n strong {\n font-weight: 700;\n }\n\n .MyVehicleDetail__releasedate,\n .MyVehicleDetail__kilometer,\n .MyVehicleDetail__lasttechnicalcontroldate {\n span {\n margin-right: 10px;\n }\n svg,\n span,\n strong {\n vertical-align: middle;\n }\n svg {\n cursor: pointer;\n }\n }\n\n .MyVehicleDetail__missinginformation {\n color: ",";\n }\n\n .VehicleToSaveValidation__maintenanceMessage {\n border-top: 1px solid ",";\n padding-top: 20px;\n margin: 0;\n color: ",";\n font-weight: 700;\n font-size: 16px;\n }\n }\n\n .MyVehicleDetail__ManufacturerRevisionPrestation {\n margin-bottom: 20px;\n @media (min-width: ",") {\n margin-bottom: 30px;\n }\n }\n\n .MyVehicleDetail__deletevehicle {\n display: flex;\n justify-content: flex-end;\n\n button {\n color: "," !important;\n font-weight: 700 !important;\n font-size: 14px !important;\n text-decoration: underline !important;\n cursor: pointer !important;\n }\n }\n\n .VehicleToSaveValidation__warning {\n padding: 20px;\n border: 1px solid ",";\n border-radius: 16px;\n background-color: #daf8ff;\n font-size: 16px;\n font-weight: 400;\n display: flex;\n align-items: flex-start;\n gap: 8px;\n\n svg {\n width: 16px;\n flex: 0 0 16px;\n }\n\n @media (min-width: ",") {\n display: inline-flex;\n }\n }\n"]);return style_templateObject=function(){return e},e}function style_templateObject1(){let e=(0,C._)(["\n border-top: 1px solid ",";\n padding: 20px 0;\n\n .ManufacturerRevisionPrestation__engineicon {\n width: 40px;\n vertical-align: middle;\n margin-right: 15px;\n }\n\n .ManufacturerRevisionPrestation__title {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 35px;\n span {\n vertical-align: middle;\n }\n }\n\n .ManufacturerRevisionPrestation__content {\n margin-bottom: 30px;\n p {\n font-size: 16px;\n font-weight: 400;\n }\n\n .ManufacturerRevisionPrestation__content__description {\n font-weight: 700;\n margin-bottom: 30px;\n }\n\n .ManufacturerRevisionPrestation__operations {\n display: flex;\n flex-direction: column;\n gap: 15px;\n\n svg {\n width: 20px;\n margin-right: 20px;\n }\n svg,\n span {\n vertical-align: middle;\n }\n }\n }\n\n .defaultButton {\n width: auto;\n a {\n padding: 10px;\n }\n }\n\n @media (min-width: ",") {\n border: 1px solid ",";\n border-radius: 16px;\n padding: 20px 80px 30px 80px;\n position: relative;\n\n .ManufacturerRevisionPrestation__engineicon {\n position: absolute;\n left: 20px;\n top: 10px;\n }\n\n .defaultButton {\n a {\n padding: 10px 50px;\n }\n }\n }\n"]);return style_templateObject1=function(){return e},e}function style_templateObject2(){let e=(0,C._)(["\n display: inline-form;\n input {\n border: 1px solid ",";\n border-radius: 8px;\n padding-top: 5px;\n padding-bottom: 5px;\n padding-left: 30px;\n width: 160px;\n margin-right: 20px;\n }\n\n .MyVehicleDetailInputForm__submit {\n padding: 0 !important;\n margin-right: 15px;\n }\n .MyVehicleDetailInputForm__close {\n transform: rotate(45deg);\n path {\n stroke: ",";\n }\n }\n"]);return style_templateObject2=function(){return e},e}function style_templateObject3(){let e=(0,C._)(["\n .DeleteVehicleModal__title {\n text-align: left;\n color: ",";\n font-weight: 700;\n font-size: 20px;\n margin-bottom: 30px;\n }\n .DeleteVehicleModal__model {\n font-weight: 700;\n font-size: 20px;\n margin-bottom: 30px;\n }\n .DeleteVehicleModal__description {\n font-weight: 400;\n font-size: 16px;\n margin-bottom: 30px;\n }\n\n .DeleteVehicleModal__buttons {\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n .defaultButton {\n border: 1px solid ",";\n a {\n padding: 10px;\n }\n &:hover {\n border: 1px solid ",";\n }\n }\n\n @media (min-width: ",") {\n flex-direction: row;\n\n .defaultButton {\n width: auto;\n a {\n padding: 10px 35px;\n }\n }\n }\n }\n"]);
1return style_templateObject3=function(){return e},e}let A=D.ZP.div.withConfig({componentId:"sc-4957c60a-0"})(style_templateObject(),e=>e.theme.colors.white,e=>e.theme.breakpoints.desktop,e=>e.theme.colors.red,e=>e.theme.colors.greyLight,e=>e.theme.colors.blue,e=>e.theme.breakpoints.desktop,e=>e.theme.colors.greySoft,e=>e.theme.colors.blue,e=>e.theme.breakpoints.desktop);D.ZP.div.withConfig({componentId:"sc-4957c60a-1"})(style_templateObject1(),e=>e.theme.colors.greySoft,e=>e.theme.breakpoints.desktop,e=>e.theme.colors.greySoft);let F=D.ZP.form.withConfig({componentId:"sc-4957c60a-2"})(style_templateObject2(),e=>e.theme.colors.greySoft,e=>e.theme.colors.red),L=D.ZP.div.withConfig({componentId:"sc-4957c60a-3"})(style_templateObject3(),e=>e.theme.colors.red,e=>e.theme.colors.orange,e=>e.theme.colors.orange,e=>e.theme.breakpoints.desktop),E=j.Ry({releaseDate:j.hT().required()}),EditReleaseDateForm=e=>{let{onClose:n,customerVehicleId:t}=e,{handleSubmit:i,register:o}=(0,w.cI)({resolver:(0,V.X)(E)}),r=useUpdateCustomerVehicle();return(0,a.jsxs)(F,{onSubmit:i(e=>{r.mutate({variables:{releaseDate:e.releaseDate},customerVehicleId:t},{onSuccess:n})}),children:[(0,a.jsx)("input",{type:"date",...o("releaseDate"),max:new Date().toLocaleDateString("fr-CA")}),(0,a.jsx)("button",{type:"submit",className:"MyVehicleDetailInputForm__submit",children:(0,a.jsx)(O.Z,{})}),(0,a.jsx)(R.Z,{className:"MyVehicleDetailInputForm__close",onClick:n})]})};var customerVehicleDetail_MyVehicleDetailReleaseDate=e=>{let{releaseDate:n,customerVehicleId:t}=e,[i,o]=(0,r.useState)(!1),{t:s,i18n:c}=(0,l.$)(),d="nl-be"===c.language?P.Z:M.Z;return n?(0,a.jsx)("span",{children:(0,Z.Z)(new Date(n),"PPPP",{locale:d})}):i?(0,a.jsx)(EditReleaseDateForm,{onClose:()=>o(!1),customerVehicleId:t}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"MyVehicleDetail__missinginformation",children:s("myvehicledetail_missinginformation")}),(0,a.jsx)(EditSimpleIcon,{onClick:()=>o(!0)})]})};let B=j.Ry({kilometer:j.Rx().typeError("").required(),lastTechnicalControlDate:j.Z_().required(),releaseDate:j.Z_()});var addCustomerVehicle_VehicleToSaveValidation=e=>{let{vehicle:n,registrationNumber:t,onSubmit:i,onCancel:o,isLoading:r}=e,{t:s}=(0,l.$)(),c=(0,x.Z)(),d=c.split("-")[1],{version:{model:{label:u,make:{label:m}}},label:p,releaseDate:h}=n,{handleSubmit:g,register:_,watch:v,formState:{errors:f}}=(0,w.cI)({resolver:(0,V.X)(B),defaultValues:{releaseDate:h}}),b=v("kilometer"),y=v("lastTechnicalControlDate"),j=null==b||Number.isNaN(Number(b))||""===String(b).trim()||!y,onValidate=e=>{i(Number(e.kilometer),e.releaseDate,e.lastTechnicalControlDate)};return(0,a.jsxs)(I,{children:[(0,a.jsxs)("h3",{className:"VehicleToSaveValidation__title",children:[m," ",u]}),(0,a.jsxs)("form",{onSubmit:g(onValidate),className:"VehicleToSaveValidation__content",children:[(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:[s("Type")," : "]})," ",(0,a.jsx)("span",{children:p})]}),(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:[s("be"===d?"Num\xe9ro VIN":"Immatriculation")," : "]})," ",(0,a.jsx)("span",{children:t})]}),(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:[s("Mise en circulation")," : "]})," ",h?(0,a.jsx)(customerVehicleDetail_MyVehicleDetailReleaseDate,{releaseDate:h,customerVehicleId:""}):(0,a.jsx)("div",{className:"VehicleToSaveValidation__input",children:(0,a.jsx)("input",{type:"date",..._("releaseDate"),max:new Date().toLocaleDateString("fr-FR")})})]}),(0,a.jsx)("p",{className:"VehicleToSaveValidation__maintenanceMessage",children:s("vehicletosavevalidation__maintenance_message")}),(0,a.jsxs)("div",{className:"VehicleToSaveValidation__warning",children:[(0,a.jsx)(info,{}),(0,a.jsx)("div",{children:(0,a.jsx)("h4",{children:s("vehicletosavevalidation__warning__title")})})]}),(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:[s("Kilom\xe9trage"),"* : "]}),(0,a.jsx)("div",{className:"VehicleToSaveValidation__input",children:(0,a.jsx)("input",{type:"number",placeholder:"0000 km",className:f.kilometer?"is-invalid":void 0,..._("kilometer")})})]}),(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:[s("Date du dernier contr\xf4le technique"),"* : "]})," ",(0,a.jsx)("div",{className:"VehicleToSaveValidation__input",children:(0,a.jsx)("input",{type:"date",className:f.lastTechnicalControlDate?"is-invalid":void 0,..._("lastTechnicalControlDate"),max:new Date().toLocaleDateString("fr-FR")})})]})]}),(0,a.jsxs)("div",{className:"VehicleToSaveValidation__buttons",children:[(0,a.jsx)(k.Z,{title:s("vehicletosavevalidation_submit"),onClick:j?void 0:g(onValidate),isLoading:r,className:j?"disabled":""}),(0,a.jsx)(k.Z,{title:s("vehicletosavevalidation_cancel"),onClick:o,isSecondary:!0})]})]})},addCustomerVehicle=e=>{let{onSaveCustomerVehicle:n}=e,[t,i]=(0,r.useState)(null),o=useCreateCustomerVehicle(),{trackVehicleRegisteredSegment:l}=(0,y.z)();return t?(0,a.jsx)(addCustomerVehicle_VehicleToSaveValidation,{vehicle:t.vehicle,registrationNumber:t.registrationNumber||t.vin||"",onCancel:()=>i(null),onSubmit:(e,a,r)=>{if(!t)return;let{vehicle:s,registrationNumber:c,vin:d}=t,u={km:e,releaseDate:null!=a?a:null,lastInspectionDate:null!=r?r:null,registrationNumber:null!=c?c:null,vin:null!=d?d:null,vehicleId:s.id};o.mutate(u,{onSuccess:()=>{l({vehicle_label:s.label,registration_number:null!=c?c:null,kilometers:e,last_control_date:r,release_date:null!=a?a:s.releaseDate,series_start_date:s.serieStartDate,
1series_end_date:s.serieEndDate,energy_type:s.energyType}),null==n||n(),i(null)}})},isLoading:o.isLoading}):(0,a.jsx)(addCustomerVehicle_FillRegistrationNumber,{onSubmit:(e,n,t)=>{i({vehicle:e,registrationNumber:n,vin:t})}})},addCustomerVehicle_AddNewCustomerVehicle=()=>{let{t:e}=(0,l.$)(),[n,t]=(0,r.useState)(!1);return(0,a.jsxs)(S,{isOpen:n,children:[(0,a.jsx)("div",{className:"AddVehicle__header",onClick:()=>t(e=>!e),children:(0,a.jsxs)("p",{children:[(0,a.jsx)(R.Z,{})," ",(0,a.jsx)("span",{children:e(n?"Fermer":"Ajouter un v\xe9hicule")})]})}),(0,a.jsx)("div",{className:"AddNewCustomerVehicle__content",children:(0,a.jsx)(addCustomerVehicle,{onSaveCustomerVehicle:()=>t(!1)})})]})},z=t(34016);let q=j.Ry({kilometer:j.Rx().required()}),EditKilometerForm=e=>{let{defaultKilometer:n,customerVehicleId:t,onClose:i}=e,{handleSubmit:o,register:r}=(0,w.cI)({resolver:(0,V.X)(q),defaultValues:{kilometer:n}}),l=useUpdateCustomerVehicle();return(0,a.jsxs)(F,{onSubmit:o(e=>{l.mutate({variables:{km:e.kilometer},customerVehicleId:t},{onSuccess:i})}),children:[(0,a.jsx)("input",{placeholder:"0000 km",type:"number",...r("kilometer"),disabled:l.isLoading}),(0,a.jsx)("button",{type:"submit",className:"MyVehicleDetailInputForm__submit",disabled:l.isLoading,children:(0,a.jsx)(O.Z,{})}),(0,a.jsx)(R.Z,{className:"MyVehicleDetailInputForm__close",onClick:i})]})};var customerVehicleDetail_MyVehicleDetailKilometer=e=>{let{kilometer:n,customerVehicleId:t}=e,[i,o]=(0,r.useState)(!1),{t:s}=(0,l.$)();return i?(0,a.jsx)(EditKilometerForm,{defaultKilometer:n,onClose:()=>o(!1),customerVehicleId:t}):(0,a.jsxs)(a.Fragment,{children:[n?(0,a.jsxs)("span",{children:[n," km"]}):(0,a.jsx)("span",{className:"MyVehicleDetail__missinginformation",children:s("myvehicledetail_missinginformation")}),(0,a.jsx)(EditSimpleIcon,{onClick:()=>o(!0)})]})},customerVehicleDetail_DeleteVehicleModal=e=>{let{customerVehicleId:n,vehicleName:t,registrationNumber:i,onClose:o}=e,{t:r}=(0,l.$)(),s=useDeleteCustomerVehicle(),{trackVehicleRemovedSegment:c}=(0,y.z)();return(0,a.jsxs)(L,{children:[(0,a.jsx)("h3",{className:"DeleteVehicleModal__title",children:r("deletevehiclemodal_title")}),(0,a.jsx)("h4",{className:"DeleteVehicleModal__model",children:t}),(0,a.jsx)("p",{className:"DeleteVehicleModal__description",children:r("deletevehiclemodal_description")}),(0,a.jsxs)("div",{className:"DeleteVehicleModal__buttons",children:[(0,a.jsx)(k.Z,{title:r("Supprimer mon v\xe9hicule"),isSecondary:!0,onClick:()=>{s.mutate(n,{onSuccess:()=>{var e;c({registration_number:i}),o(),null===(e=document.querySelector(".AccountVehiclesWrapper"))||void 0===e||e.scrollIntoView({behavior:"smooth"})}})}}),(0,a.jsx)(k.Z,{title:r("Annuler"),onClick:o})]})]})};let G=j.Ry({lastTechnicalControlDate:j.Z_().required()}),EditInspectionForm=e=>{let{defaultLastTechnicalControlDate:n,customerVehicleId:t,onClose:i}=e,{handleSubmit:o,register:r}=(0,w.cI)({resolver:(0,V.X)(G),defaultValues:{lastTechnicalControlDate:n}}),l=useUpdateCustomerVehicle();return(0,a.jsxs)(F,{onSubmit:o(e=>{l.mutate({variables:{lastInspectionDate:e.lastTechnicalControlDate},customerVehicleId:t},{onSuccess:i})}),children:[(0,a.jsx)("input",{type:"date",...r("lastTechnicalControlDate"),max:new Date().toLocaleDateString("fr-CA"),disabled:l.isLoading}),(0,a.jsx)("button",{type:"submit",className:"MyVehicleDetailInputForm__submit",disabled:l.isLoading,children:(0,a.jsx)(O.Z,{})}),(0,a.jsx)(R.Z,{className:"MyVehicleDetailInputForm__close",onClick:i})]})};var customerVehicleDetail_MyVehicleDetailInspection=e=>{let{lastInspectionDate:n,customerVehicleId:t}=e,[i,o]=(0,r.useState)(!1),{t:s,i18n:c}=(0,l.$)(),d="nl-be"===c.language?P.Z:M.Z;return i?(0,a.jsx)(EditInspectionForm,{defaultLastTechnicalControlDate:n,onClose:()=>o(!1),customerVehicleId:t}):(0,a.jsxs)(a.Fragment,{children:[n?(0,a.jsx)("span",{children:(0,Z.Z)(new Date(n),"PPPP",{locale:d})}):(0,a.jsx)("span",{className:"MyVehicleDetail__missinginformation",children:s("myvehicledetail_missinginformation")}),(0,a.jsx)(EditSimpleIcon,{onClick:()=>o(!0)})]})},customerVehicleDetail=e=>{let{myCustomerVehicle:n,setQuoteOverlayStatus:t}=e,[i,o]=(0,r.useState)(!1),{t:s}=(0,l.$)(),{km:c,releaseDate:d,vehicle:u,registrationNumber:m,vin:p,lastInspectionDate:h}=n,{version:{model:{label:g,make:{label:x}}},label:_}=u,v="".concat(x," ").concat(g);return(0,a.jsxs)(A,{children:[(0,a.jsx)("h3",{className:"MyVehicleDetail__title",children:v}),(0,a.jsxs)("div",{className:"MyVehicleDetail__informations",children:[(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:[s("Type")," : "]})," ",(0,a.jsx)("span",{children:_})]}),(0,a.jsxs)("p",{children:[(0,a.jsxs)("strong",{children:[s(m?"Immatriculation":"Num\xe9ro VIN")," :"," "]})," ",(0,a.jsx)("span",{children:m||p})]}),(0,a.jsxs)("p",{className:"MyVehicleDetail__releasedate",children:[(0,a.jsxs)("strong",{children:[s("Mise en circulation")," : "]})," ",(0,a.jsx)(customerVehicleDetail_MyVehicleDetailReleaseDate,{customerVehicleId:n.id,releaseDate:null!=d?d:""})]}),(0,a.jsx)("p",{className:"VehicleToSaveValidation__maintenanceMessage",children:s("vehicletosavevalidation__maintenance_message")}),(0,a.jsxs)("div",{className:"VehicleToSaveValidation__warning",children:[(0,a.jsx)(info,{}),(0,a.jsx)("div",{children:(0,a.jsx)("h4",{children:s("vehicletosavevalidation__warning__title")})})]}),(0,a.jsxs)("p",{className:"MyVehicleDetail__kilometer",children:[(0,a.jsxs)("strong",{children:[s("Votre kilom\xe9trage actuel")," : "]}),(0,a.jsx)(customerVehicleDetail_MyVehicleDetailKilometer,{customerVehicleId:n.id,kilometer:null!=c?c:0})]}),(0,a.jsxs)("p",{className:"MyVehicleDetail__lasttechnicalcontroldate",children:[(0,a.jsxs)("strong",{children:[s("Date de votre dernier contr\xf4le technique")," : "]}),(0,a.jsx)(customerVehicleDetail_MyVehicleDetailInspection,{customerVehicleId:n.id,lastInspectionDate:null!=h?h:""})]})]}),(0,a.jsx)("div",{className:"MyVehicleDetail__deletevehicle",children:(0,a.jsx)("button",{type:"button",onClick:()=>o(!0),children:s("myvehicledetail_deletevehicle")})}),i&&(0,a.jsx)(z.Z,{isOpened:i,setIsOpened:o,children:(0,a.jsx)(customerVehicleDetail_DeleteVehicleModal,{registrationNumber:null!=m?m:null,customerVehicleId:n.id,vehicleName:v,onClose:()=>o(!1)})})]})};
1function customerVehiclesPage_style_templateObject(){let e=(0,C._)(["\n .CustomerVehiclesPage__vehicles {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .CustomerVehiclesPage__addfirstvehicle {\n box-shadow: 1px 3px 16px 0px #33333326;\n background-color: ",";\n border-radius: 16px;\n padding: 30px 20px;\n\n @media (min-width: ",") {\n padding: 30px 30px 40px 30px;\n }\n }\n"]);return customerVehiclesPage_style_templateObject=function(){return e},e}let W=D.ZP.div.withConfig({componentId:"sc-ee50d2ed-0"})(customerVehiclesPage_style_templateObject(),e=>e.theme.colors.white,e=>e.theme.breakpoints.desktop),CustomerVehiclesPageSkeleton=()=>{let{t:e}=(0,l.$)();return(0,a.jsx)("p",{children:e("Chargement de vos v\xe9hicules en cours...")})},CustomerVehiclesPageWhenRefetchSkeleton=()=>{let{t:e}=(0,l.$)();return(0,a.jsx)("p",{children:e("Mise \xe0 jour de la liste de vos v\xe9hicules...")})};var customerVehiclesPage=e=>{let{setQuoteOverlayStatus:n}=e,{data:t,isLoading:i,isFetching:o}=useCustomerVehiclesQuery();return i?(0,a.jsx)(CustomerVehiclesPageSkeleton,{}):(null==t?void 0:t.length)?(0,a.jsx)(W,{children:(0,a.jsxs)("div",{className:"CustomerVehiclesPage__vehicles",children:[t.map(e=>(0,a.jsx)(customerVehicleDetail,{myCustomerVehicle:e,setQuoteOverlayStatus:n},e.id)),o&&(0,a.jsx)(CustomerVehiclesPageWhenRefetchSkeleton,{}),(0,a.jsx)(addCustomerVehicle_AddNewCustomerVehicle,{})]})}):(0,a.jsx)(W,{children:o?(0,a.jsx)(CustomerVehiclesPageWhenRefetchSkeleton,{}):(0,a.jsx)("div",{className:"CustomerVehiclesPage__addfirstvehicle",children:(0,a.jsx)(addCustomerVehicle,{})})})},Q=!0,vehicles=e=>{let{headerData:n,footerData:t}=e,{t:i}=(0,l.$)(),[o,p]=(0,r.useState)(!1);return(0,m.Z)("vehicles","pageLoaded"),(0,a.jsx)(c.Z,{hasBreadcrumb:!1,headerData:n,footerData:t,quoteOverlayStatus:o,setQuoteOverlayStatus:p,isAccountPage:!0,t:i,children:(0,a.jsxs)(d.Z,{className:"idg-main-container px-2",children:[(0,a.jsx)(u.Z,{breadcrumbTree:[{title:"Accueil",link:"/"}],title:i("account_menu_vehicles")}),(0,a.jsxs)("div",{className:"AccountPageWrapper__content AccountVehiclesWrapper idg-grid-sidebar-left mt-4",children:[(0,a.jsx)(s.Z,{pageIndex:"5"}),(0,a.jsxs)("div",{className:"mb-[50px] lg:col-span-3 lg:mb-[100px]",children:[(0,a.jsx)("h2",{className:"AccountVehicles__title mb-5 text-2xl text-blue-saphire",children:i("page_vehicles_title")}),(0,a.jsx)("p",{className:"AccountVehicles__description mb-5",children:i("page_vehicles_description")}),(0,a.jsx)(customerVehiclesPage,{setQuoteOverlayStatus:()=>p(!0)})]})]})]})})}},92895:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});var i=t(52676);t(75271);var o=t(40507),a=t.n(o),r=t(28503),l=t(46850),s=t(50406),c=t(21262),d=t(50292);function _templateObject(){let e=(0,c._)(["\n font-weight: 400;\n font-size: 16px;\n\n a {\n display: flex;\n justify-content: flex-start;\n &:hover {\n color: ",";\n }\n\n svg {\n transform: rotate(-90deg);\n margin-left: 32px;\n path {\n stroke: ",";\n }\n }\n }\n\n &.active {\n color: ",";\n font-weight: 700;\n }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,c._)(["\n {\n display: none;\n\n @media (min-width: ",") {\n display: flex;\n }\n\n ul {\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n }\n }\n"]);return _templateObject1=function(){return e},e}let u=d.ZP.li.withConfig({componentId:"sc-b8fe4b9c-0"})(_templateObject(),e=>e.theme.colors.blue,e=>e.theme.colors.orange,e=>e.theme.colors.blue),m=d.ZP.div.withConfig({componentId:"sc-b8fe4b9c-1"})(_templateObject1(),e=>e.theme.breakpoints.desktop);var p=t(93117),h=t(82746);let AccountMenuItemLogout=()=>{let{t:e}=(0,r.$)(),n=(0,s.Z)(),{signoutRedirect:t}=(0,h.a)(),handleLogout=async e=>{e.preventDefault();let i=(0,p.P)("https://www.idgarages.com",n);await t({post_logout_redirect_uri:i})};return(0,i.jsx)(u,{children:(0,i.jsx)("a",{href:"#",onClick:handleLogout,children:e("D\xe9connexion")})})},AccountMenuItem=e=>{let{href:n,title:t,isActive:o}=e;return(0,i.jsx)(u,{className:"".concat(o&&"active"),children:(0,i.jsxs)("a",{href:n,children:[" ",t," ",o&&(0,i.jsx)(l.Z,{})]})})},AccountMenu=e=>{let{pageIndex:n}=e,{t}=(0,r.$)(),o=(0,s.Z)(),a=o.includes("be");return(0,i.jsx)(m,{className:"col-span-1 my-4",children:(0,i.jsxs)("ul",{children:[(0,i.jsx)(AccountMenuItem,{isActive:"0"===n,href:"/".concat(o,"/account"),title:t("account_menu_dashboard")}),(0,i.jsx)(AccountMenuItem,{isActive:"1"===n,href:"/".concat(o,"/account/informations"),title:t("account_menu_informations")}),(0,i.jsx)(AccountMenuItem,{isActive:"2"===n,href:"/".concat(o,"/account/bookings"),title:t("account_menu_bookings")}),!a&&(0,i.jsx)(AccountMenuItem,{isActive:"5"===n,href:"/".concat(o,"/account/vehicles"),title:t("account_menu_vehicles")}),(0,i.jsx)(AccountMenuItem,{isActive:"3"===n,href:"/".concat(o,"/account/credits"),title:t("account_menu_credits")}
1),(0,i.jsx)(AccountMenuItem,{isActive:"4"===n,href:"/".concat(o,"/account/newsletters"),title:t("account_menu_newsletter")}),(0,i.jsx)(AccountMenuItem,{isActive:"6"===n,href:"/".concat(o,"/account/sponsorship"),title:t("account_menu_sponsorship")}),(0,i.jsx)(AccountMenuItemLogout,{})]})})};AccountMenu.propTypes={pageIndex:a().string.isRequired};var g=AccountMenu},57347:function(e,n,t){"use strict";var i=t(52676);t(75271),n.Z=()=>(0,i.jsx)("div",{className:"loading-container",children:(0,i.jsxs)("div",{className:"box-loading",children:[(0,i.jsx)("div",{className:"box"}),(0,i.jsx)("div",{className:"box"}),(0,i.jsx)("div",{className:"box"}),(0,i.jsx)("div",{className:"box"})]})})},98519:function(e,n,t){"use strict";t.d(n,{Z:function(){return p}});var i=t(52676);t(75271);var o=t(40507),a=t.n(o),r=t(28503),l=t(57347),s=t(82187),c=t.n(s),d=t(21262),u=t(50292);function _templateObject(){let e=(0,d._)(["\n cursor: pointer;\n position: relative;\n text-align: center;\n @media only screen and (min-width: ",") {\n width: ",";\n }\n\n &.with-style {\n background-color: ",";\n color: ",";\n border: 2px solid ",";\n border-radius: 16px;\n text-transform: uppercase;\n font-family: 'Public Sans', sans-serif;\n font-weight: 700;\n display: inline-block;\n font-size: 16px;\n\n a {\n text-decoration: none;\n color: ",";\n display: block;\n width: 100%;\n height: 100%;\n padding: 12px 24px;\n }\n &.blueButton {\n background-color: ",";\n color: ",";\n border: 2px solid ",";\n }\n &.secondaryButton {\n background-color: ",";\n color: ",";\n border: 2px solid ",";\n a {\n color: ",";\n }\n }\n &.whiteButton {\n background-color: ",";\n border-color: ",";\n a {\n color: ",";\n }\n }\n }\n\n &.with-style:hover {\n background-color: ",";\n border: 2px solid ",";\n &.blueButton {\n border: 2px solid ",";\n background-color: ",";\n }\n &.secondaryButton {\n background-color: ",";\n border: 2px solid ",";\n }\n &.whiteButton {\n background-color: ",";\n }\n\n a {\n color: ",";\n }\n &.blueButton a {\n color: ",";\n }\n &.secondaryButton a {\n color: ",";\n }\n &.whiteButton a {\n color: ",";\n }\n }\n\n &.loading {\n margin: auto;\n background-color: ",";\n color: ",";\n border: 2px solid ",";\n border-radius: 5px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 16px;\n display: inline-block;\n padding: 15px !important;\n }\n\n &.loading:hover: {\n cursor: none;\n }\n"]);return _templateObject=function(){return e},e}let m=u.ZP.div.withConfig({componentId:"sc-5fb80277-0"})(_templateObject(),e=>e.theme.breakpoints.desktop,e=>e.width100?"100%":"50%",e=>e.theme.colors.orange,e=>e.theme.colors.white,e=>e.theme.colors.orange,e=>e.theme.colors.white,e=>e.theme.colors.blue,e=>e.theme.colors.white,e=>e.theme.colors.blue,e=>e.theme.colors.white,e=>e.theme.colors.orange,e=>e.theme.colors.orange,e=>e.theme.colors.orange,e=>e.theme.colors.white,e=>e.theme.colors.orange,e=>e.theme.colors.white,e=>e.theme.colors.orangeTangerine,e=>e.theme.colors.orangeTangerine,e=>e.theme.colors.blue,e=>e.theme.colors.white,e=>e.theme.colors.orange,e=>e.theme.colors.orange,e=>e.theme.colors.orange,e=>e.theme.colors.white,e=>e.theme.colors.blue,e=>e.theme.colors.white,e=>e.theme.colors.white,e=>e.theme.colors.orange,e=>e.theme.colors.white,e=>e.theme.colors.orange),DefaultButton=e=>{let{onClick:n,link:t,className:o,title:a,withoutStyle:s,width100:d,isLoading:u,isBlue:p,isSecondary:h,isWhite:g,isNewTab:x,icon:_}=e,{t:v}=(0,r.$)(),handleClick=e=>{n&&(e.preventDefault(),n())},f=c()(u?"":"defaultButton text-base",s||u?"":"with-style",u?"loading":"",p?"blueButton":"",h?"secondaryButton":"",g?"whiteButton":"",o);return(0,i.jsxs)(m,{className:f,onClick:e=>handleClick(e),width100:d,isBlue:p,isSecondary:h,children:[!u&&(0,i.jsxs)("a",{href:n&&""===t?void 0:t,title:v(a),target:x?"_blank":void 0,children:[_&&_,v(a)]}),u&&(0,i.jsx)(l.Z,{})]})};DefaultButton.propTypes={link:a().string,className:a().string,title:a().string.isRequired,withoutStyle:a().bool,width100:a().bool,onClick:a().func,isLoading:a().bool,isBlue:a().bool,isSecondary:a().bool,isWhite:a().bool,isNewTab:a().bool},DefaultButton.defaultProps={isLoading:!1,onClick:null,className:null,link:"",withoutStyle:!1,width100:!1,isBlue:!1,isSecondary:!1,isWhite:!1,isNewTab:!1,icon:null};var p=DefaultButton},73363:function(e,n,t){"use strict";
1var i=t(52676);t(75271);var o=t(40507),a=t.n(o);t(23356);var r=t(50406);let ContentBreadcrumb=e=>{let{title:n,breadcrumbTree:t}=e,o=(0,r.Z)();return(0,i.jsx)("div",{className:"ContentBreadcrumb",children:(0,i.jsxs)("ul",{className:"Breadcrumb__items",itemScope:!0,itemType:"https://schema.org/BreadcrumbList",children:[t&&t.map((e,n)=>(0,i.jsxs)("li",{itemProp:"itemListElement",itemScope:!0,itemType:"https://schema.org/ListItem",className:"Breadcrumb__item text-sm",children:[(0,i.jsx)("a",{href:e.link&&e.link.match(/\/([a-z]{2})-([a-z]{2})\/.+/)?e.link:"/".concat(o).concat(e.link),itemProp:"item",itemID:e.link,children:(0,i.jsx)("span",{itemProp:"name",children:e.title})}),(0,i.jsx)("meta",{itemProp:"position",content:n})]},n)),(0,i.jsxs)("li",{itemProp:"itemListElement",itemScope:!0,itemType:"https://schema.org/ListItem",className:"Breadcrumb__item text-sm",children:[(0,i.jsx)("span",{itemProp:"name",children:n}),(0,i.jsx)("meta",{itemProp:"position",content:t&&t.length})]})]})})};ContentBreadcrumb.propTypes={breadcrumbTree:a().arrayOf(a().shape({title:a().string.isRequired,link:a().string.isRequired})).isRequired},n.Z=ContentBreadcrumb},34016:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});var i=t(52676),o=t(75271),a=t(40507),r=t.n(a),l=t(21262),s=t(50292);function _templateObject(){let e=(0,l._)(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: -1;\n transition: all ease-in-out 0.4s;\n display: flex;\n\n &.opened {\n z-index: 49;\n }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,l._)(["\n cursor: pointer;\n position: absolute;\n background-color: ",";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: all ease-in-out 0.4s;\n\n &.opened {\n opacity: 0.6;\n }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,l._)(["\n position: absolute;\n top: 20px;\n right: 20px;\n cursor: pointer;\n font-size: 10px;\n font-weight: 400;\n color: ",";\n text-transform: uppercase;\n\n span {\n vertical-align: middle;\n margin-right: 2px;\n display: none;\n @media (min-width: ",") {\n display: inline-block;\n }\n }\n svg {\n transform: rotate(45deg);\n vertical-align: middle;\n }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,l._)(["\n z-index: -1;\n opacity: 0;\n width: calc(100% - 30px);\n max-width: 660px;\n min-height: 15vh;\n max-height: 96vh;\n border-radius: 11px;\n background-color: ",";\n transition: all ease-in-out 0.4s;\n padding: 40px 20px;\n position: relative;\n margin: auto;\n overflow-y: auto;\n\n h3 {\n margin: 10px auto;\n text-align: center;\n font-weight: 700;\n font-size: 16px;\n }\n\n @media (min-width: ",") {\n width: auto;\n min-width: 360px;\n min-height: 15vh;\n max-height: 80vh;\n border-radius: 11px;\n padding: 40px 30px;\n }\n &.opened {\n z-index: 100;\n opacity: 1;\n }\n"]);return _templateObject3=function(){return e},e}let c=s.ZP.div.withConfig({componentId:"sc-c99379e4-0"})(_templateObject()),d=s.ZP.div.withConfig({componentId:"sc-c99379e4-1"})(_templateObject1(),e=>e.theme.colors.black),u=s.ZP.p.withConfig({componentId:"sc-c99379e4-2"})(_templateObject2(),e=>e.theme.colors.greySoft,e=>e.theme.breakpoints.desktop),m=s.ZP.div.withConfig({componentId:"sc-c99379e4-3"})(_templateObject3(),e=>e.theme.colors.white,e=>e.theme.breakpoints.desktop);var p=t(62486),h=t(28503);let Popin=e=>{let{isOpened:n,children:t,setIsOpened:o,className:a}=e,{t:r}=(0,h.$)(),close=()=>o(!1);return(0,i.jsxs)(c,{className:"".concat(n?"opened":""),children:[(0,i.jsxs)(m,{className:"".concat(n?"opened":""," ").concat(a),children:[(0,i.jsxs)(u,{onClick:close,children:[(0,i.jsx)("span",{children:r("Fermer")})," ",(0,i.jsx)(p.Z,{})," "]}),t]}),(0,i.jsx)(d,{onClick:close,className:"".concat(n?"opened":"")})]})};Popin.propTypes={isOpened:r().bool,setIsOpened:r().func,className:r().string},Popin.defaultProps={isOpened:!1,setIsOpened:()=>{},className:"popinWrapper"};var g=o.memo(Popin)},5059:function(e,n,t){"use strict";var i=t(75271),o=t(12473),a=t(76754),r=t(82746);n.Z=function(e,n){let t=!(arguments.length>2)||void 0===arguments[2]||arguments[2],l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},{isLoading:s,user:c}=(0,r.a)(),d=(0,o.v9)(e=>e),u=(0,i.useRef)(!1),m=(0,i.useRef)({pageType:e,eventType:n,user:c,store:d,additionalInformations:l,isLoading:s,customCondition:t});m.current={pageType:e,eventType:n,user:c,store:d,additionalInformations:l,isLoading:s,customCondition:t};let initialPushPageLoaded=()=>{let{isLoading:e}=m.current,{customCondition:n}=m.current;if(void 0===window.dataLayer||e||!n||u.current)return;let{pageType:t,eventType:i,user:o,store:r,additionalInformations:l}=m.current;(0,a.z)({pageType:t,eventType:i,customer:o,store:r,...l}),u.current=!0};(0,i.useEffect)(()=>{initialPushPageLoaded()},[s,t])}},76754:function(e,n,t){"use strict";t.d(n,{z:function(){return pushDataLayer},E:function(){return pushToDataLayerIfConsented}});
1var i=t(39387),o=t(65439),a=t.n(o),r=t(59834),l=t.n(r);async function sha256Encrypt(e){let n=new TextEncoder,t=n.encode(e),i=await window.crypto.subtle.digest("SHA-256",t);return i}async function md5Encrypt(e){return l()(e).toString()}let commonKeys=(e,n)=>({codrep:a()(e,"garageId"),distance:a()(e,"garageAddress.distance",0).toFixed(),enseigneRep:a()(e,"brand.brand"),nameRep:a()(e,"companyName"),position:n,positionMax:"",reviewsMark:0,reviewsNumber:null,typeEnseigneRep:"",zipCodeRep:a()(e,"garageAddress.zipcode")}),getGarageForLayer=e=>a()(e,"_embedded.Garages",[]).length>0?a()(e,"_embedded.Garages",[]).map((e,n)=>commonKeys(e,n)):a()(e,"_embedded.GaragesPrices",[]).length>0?a()(e,"_embedded.GaragesPrices",[]).map((e,n)=>({...commonKeys(e,n),confidence:a()(e,"confidence"),devisType:a()(e,"partsQuality","").toUpperCase(),price:a()(e,"quotationTotal.minPriceWithTax",0).toFixed(2),priceAverage:a()(e,"quotationTotal.averagePriceInCatchmentAreaWithTax",0).toFixed(2),priceCrossed:a()(e,"quotationTotal.maxPriceWithoutGarageDiscountInCatchmentAreaWithTax",0).toFixed(2),priceMax:a()(e,"quotationTotal.maxPriceInCatchmentAreaWithTax",0).toFixed(2),priceMin:a()(e,"quotationTotal.minPriceInCatchmentAreaWithTax",0).toFixed(2)})):null,isTunnelType=e=>"Tunnel"===e,pushToDataLayerIfConsented=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push(e)},pushDataLayer=async e=>{let{eventType:n="pageLoaded",carServicesDetails:t,pricesList:o,city:r,store:l,pageType:s,vehicle:c,customer:d,priceless:u,serviceId:m,currentBooking:p,order:h,servicesLabels:g,garageInfos:x,..._}=e;window.dataLayer=window.dataLayer||[];let v=d?await md5Encrypt(null==d?void 0:d.profile.email):void 0,f=d?await sha256Encrypt(null==d?void 0:d.profile.email):void 0,b=a()(l,"user.cart.bookingInfo.price.vat",20),y=a()(p,"quotes")||a()(l,"user.cart.bookingInfo.quotes",[]);window.location.pathname.includes("/confirmation");let[w,j]=(0,i.X3)(window.location.pathname);(()=>{try{switch(n){case"contactGarage":window.dataLayer.push({event:"contactGarage",URL:window.location.pathname});break;case"routeToGarage":window.dataLayer.push({event:"routeToGarage",URL:window.location.pathname});break;case"pageLoaded":window.dataLayer.push({event:"pageLoaded",URL:window.location.pathname,cartId:isTunnelType(s)?a()(l,"user.cart.bookingInfo.bookingId"):"",codeGamme:isTunnelType(s)?a()(l,"tunnel.service.optionalValue.serviceId","").toString().substring(0,2):(m||"").substring(0,2),codePostal:isTunnelType(s)?a()(l,"tunnel.address.optionalValue.postal_code"):"",codeSousGamme:isTunnelType(s)?a()(l,"tunnel.service.optionalValue.serviceId","").toString().substring(0,4):(m||"").substring(0,4),codeSousSousGamme:isTunnelType(s)?a()(l,"tunnel.service.optionalValue.serviceId",""):m||"",country:j,language:w,customerHashedEmail:v,customerId:null==d?void 0:d.profile.sub,devisCalculé:"undefined"!==u?u:"",devisFourchette:isTunnelType(s)?!!a()(o,"_embedded.GaragesPrices",[]).find(e=>a()(e,"quotationTotal.minPriceWithTax",0)!==a()(e,"quotationTotal.maxPriceWithTax",0)):"",gamme:isTunnelType(s)?a()(null==t?void 0:t[0],"categories")&&a()(a()(null==t?void 0:t[0],"categories")[a()(null==t?void 0:t[0],"categories",[]).length-1],"label"):"",garageList:isTunnelType(s)||"GarageCity"===s?getGarageForLayer(o):"",customerHashedEmailSHA:f,numberGarage:isTunnelType(s)?a()(o,"_total_items"):"",pageType:s,searchRadius:isTunnelType(s)?a()(l,"tunnel.filters.radius"):"",sousGamme:isTunnelType(s)?a()(null==t?void 0:t[0],"categories[0].label"):"",sousSousGamme:isTunnelType(s)?a()(null==t?void 0:t[0],"label"):"",transactionAffiliateCP:isTunnelType(s)?null==x?void 0:x.garageAddress.zipcode:"",transactionAffiliateCity:isTunnelType(s)?null==x?void 0:x.garageAddress.city:"",transactionAffiliateConfidence:isTunnelType(s)?(null==x?void 0:x.confidence)==="PREMIUM":"false",transactionAffiliateID:isTunnelType(s)?null==x?void 0:x.id:"",transactionProducts:isTunnelType(s)?y.map(e=>{var n;return{sku:e.quoteId,transactionDevisID:e.quoteId,carServiceId:e.carServiceId,name:null==g?void 0:g["".concat(e.carServiceId)],category:e.carServiceId,price:Math.round((null!==(n=e.totalWithTax)&&void 0!==n?n:e.price.maxPriceWithTax)*100)/100,pricePromo:Math.round(100*(e.coupon.amount||0))/100,quantity:1}}):"",vat:isTunnelType(s)?b:"",vehiculeCarrosserie:isTunnelType(s)?a()(c,"type"):"",vehiculeDate1ereCir:isTunnelType(s)?a()(c,"vehicle.serieStartDate"):"",vehiculeDateCarteGrise:"",vehiculeEnergie:isTunnelType(s)?a()(c,"vehicle.energyType"):"",vehiculeImmat:isTunnelType(s)?a()(l,"tunnel.vehicle.registrationNumber"):"",vehiculeMarque:isTunnelType(s)?a()(l,"tunnel.vehicle.brand.label")||a()(l,"tunnel.vehicle.vehicle.version.model.make.label"):"",vehiculeModele:isTunnelType(s)?a()(l,"tunnel.vehicle.model.label")||a()(l,"tunnel.vehicle.vehicle.version.model.label"):"",vehiculeVersion:isTunnelType(s)?a()(l,"tunnel.vehicle.version.label")||a()(l,"tunnel.vehicle.vehicle.label"):"",ville:isTunnelType(s)?null==x?void 0:x.garageAddress.city:r||"",..._})}}catch(e){console.error(e)}})()}},44710:function(e,n,t){"use strict";t.d(n,{z:function(){return useAnalytics}});var i=t(75271),o=t(62514),a=t(45108);let trackIdentifySegment=(e,n)=>{let t=(0,a.Hp)();t.segment&&(void 0!==e?o.Z.identify(e,{logged_in:n.logged_in,first_name:n.first_name,last_name:n.last_name,email:n.email,phone:n.phone,country:n.country,language:n.language,first_login:n.first_login,last_login:n.last_login,account_type:n.account_type,account_created_at:n.account_created_at,page_referrer:n.page_referrer,initial_landing_page:n.initial_landing_page},{plugins:{gtm:!1}}):o.Z.identify(e,{country:n.country,language:n.language,page_referrer:n.page_referrer,initial_landing_page:n.initial_landing_page}
1,{plugins:{"google-tag-manager":!1}}))},trackOrderCompletedSegment=e=>{let n=(0,a.Hp)();n.segment&&o.Z.track("Order Completed",{data:e},{plugins:{"google-tag-manager":!1}})},trackVehicleRegisteredSegment=e=>{let n=(0,a.Hp)();n.segment&&o.Z.track("Vehicle Registered",{data:e},{plugins:{"google-tag-manager":!1}})},trackProductViewed=e=>{let n=(0,a.Hp)();n.segment&&(null===o.Z||void 0===o.Z||o.Z.track("Product Viewed",{event_method:e.event_method,currency:e.currency,view_source:e.view_source,products:e.products.map(e=>({product_id:e.product_id,name:e.name,price:e.price,category:e.category,quantity:e.quantity,discount:e.discount,brand:e.brand,reference:e.reference}))},{plugins:{"google-tag-manager":!1}}))},trackPurchaseGtm=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"purchase",ecommerce:{transaction_id:e.ecommerce.transaction_id,currency:e.ecommerce.currency,value:e.ecommerce.value,payment_type:e.ecommerce.payment_type,transaction_revenue:e.ecommerce.transaction_revenue,coupon_discount_amount:e.ecommerce.coupon_discount_amount,transaction_total:e.ecommerce.transaction_total,transaction_total_coupon:e.ecommerce.transaction_total_coupon,transaction_total_with_tax_coupon:e.ecommerce.transaction_total_with_tax_coupon,garage_name:e.ecommerce.garage_name,garage_city:e.ecommerce.garage_city,garage_postcode:e.ecommerce.garage_postcode,vehicle_make:e.ecommerce.vehicle_make,vehicle_model:e.ecommerce.vehicle_model,vehicle_version:e.ecommerce.vehicle_version,wallet:e.ecommerce.wallet,coupon_code:e.ecommerce.coupon_code,campaign_code:e.ecommerce.campaign_code,billing_code:e.ecommerce.billing_code,items:e.ecommerce.items}})};var r=t(45939);let trackViewItem=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"view_item",event_method:e.event_method,ecommerce:{items:e.ecommerce.items.map(e=>({item_name:e.item_name,item_id:e.item_id,price:e.price,item_category:e.item_category,quantity:e.quantity,discount:e.discount,item_brand:e.item_brand,reference:e.reference}))}})},trackVehicleRemovedSegment=e=>{let n=(0,a.Hp)();n.segment&&o.Z.track("Vehicle Removed",{data:e},{plugins:{"google-tag-manager":!1}})};function useAnalytics(){let e=(0,i.useCallback)(trackPurchaseGtm,[]),n=(0,i.useCallback)(r.N,[]),t=(0,i.useCallback)(trackViewItem,[]),o=(0,i.useCallback)(trackIdentifySegment,[]),a=(0,i.useCallback)(trackOrderCompletedSegment,[]),l=(0,i.useCallback)(trackProductViewed,[]),s=(0,i.useCallback)(trackVehicleRegisteredSegment,[]),c=(0,i.useCallback)(trackVehicleRemovedSegment,[]);return{trackPurchaseGtm:e,trackAudienceGtm:n,trackViewItemGtm:t,trackIdSegment:o,trackOCSegment:a,trackProductViewedSegment:l,trackVehicleRegisteredSegment:s,trackVehicleRemovedSegment:c}}},10345:function(e,n,t){"use strict";var i=t(21262),o=t(50292);function _templateObject(){let e=(0,i._)(["\n margin: 20px auto 100px auto;\n\n .Credits__history {\n thead > tr > th {\n font-size: 16px !important;\n }\n }\n\n .AccountBookings__block {\n @media (min-width: ",") {\n margin-bottom: 100px;\n }\n }\n"]);return _templateObject=function(){return e},e}let a=o.ZP.div.withConfig({componentId:"sc-ad48017e-0"})(_templateObject(),e=>e.theme.breakpoints.desktop);n.Z=a},91054:function(){}},function(e){e.O(0,[5251,1305,9834,5568,7563,5679,3200,7197,7380,5429,9774,2888,179],function(){return e(e.s=94698)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.