https://www.princessauto.com/_next/static/chunks/8644.b1af4880c3eb7963.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8644],{3108:(e,t,r)=>{"use strict";r.d(t,{HG:()=>i,rp:()=>s,x0:()=>a});let a=/[!@#$%^&*]/,s=/^[A-Za-z0-9!@#$%^&*]*$/,l=[{id:"length",translationKey:"passwordGuidelines.atLeast8",test:e=>e.length>=8},{id:"uppercase",translationKey:"passwordGuidelines.uppercase",test:e=>/[A-Z]/.test(e)},{id:"lowercase",translationKey:"passwordGuidelines.lowercase",test:e=>/[a-z]/.test(e)},{id:"number",translationKey:"passwordGuidelines.number",test:e=>/[0-9]/.test(e)},{id:"special",translationKey:"passwordGuidelines.special",test:e=>a.test(e)},{id:"noInvalidChars",translationKey:"passwordGuidelines.noInvalidChars",test:e=>e.length>0&&s.test(e)}],i=e=>{let{password:t,translate:r}=e;return{rules:l.map(e=>({id:e.id,text:r(e.translationKey),isValid:e.test(t)}))}}},8644:(e,t,r)=>{"use strict";r.r(t),r.d(t,{TrackItemSidebar:()=>w});var a=r(54568),s=r(72935),l=r(72276),i=r(10790),n=r(83985),o=r(78641),u=r(7620),d=r(83631),c=r(74737),m=r(21531),f=r(41159),v=r(79437),g=r(43020),p=r(37142),h=r(55757),_=r(63771),y=r(28515),b=r(88180),k=r(40104),j=r(74680),x=r(52775),S=r.n(x);let w=()=>{var e;let t=(0,o.c)("trackItem.sidebar"),r=(0,o.c)(),x=(0,f.jL)(),{addNotification:w}=(0,m.E)(),{isOpen:I,isLoading:N,productName:A,productLink:E,selectedVariantImage:C,selectedProductOptions:O,isComingSoon:V,handleClose:L,productId:T,variantId:q}=(()=>{var e,t,r,a,s,l,i,n,o,d;let c=(0,f.GV)(v.nn),m=(0,f.GV)(v.O_),g=(0,f.GV)(v.Y6),p=(0,f.jL)(),h=(0,b.G)({mode:"language"}),[x,S]=(0,u.useState)(null),[w,I]=(0,u.useState)(null),[N,A]=(0,u.useState)(!1),E=null!=(i=null==x||null==(t=x.variants.edges)||null==(e=t.find(e=>{let{node:t}=e;return t.entityId===g}))?void 0:e.node)?i:null,C=(0,_.c)((null==x?void 0:x.metafields.edges)||[],(null==E?void 0:E.metafields.edges)||[],"displayName_".concat(h)),O=x?(0,y.v)(x,w,h):"",V=null!=(o=null!=(n=null==w?void 0:w.defaultImage)?n:null==E?void 0:E.defaultImage)?o:null==x?void 0:x.defaultImage,L=null==x||null==(r=x.metafields)?void 0:r.edges,T=null!=(d=null==x||null==(s=x.variants)||null==(a=s.edges)?void 0:a.map(e=>{let{node:t}=e;return t}))?d:[],{isComingSoon:q}=(0,j.Mh)({productStatus:(0,j.Ke)(L),skuStatus:(0,j.ZT)(T,g,"skuStatus"),variantArrivalDate:(0,j.aR)(T,g),productArrivalDate:(0,j.by)(L)}),z={};return(null==E||null==(l=E.options)?void 0:l.edges)&&E.options.edges.forEac

1h(e=>{var t,r,a,s;let{node:l}=e;l.displayName&&(null==(s=l.values)||null==(a=s.edges)||null==(r=a[0])||null==(t=r.node)?void 0:t.label)&&(z[l.displayName]=l.values.edges[0].node.label)}),(0,u.useEffect)(()=>{(async()=>{if(c&&m){A(!0);try{let e=await p(k.ky.endpoints.fetchProductDetailsById.initiate(m,{forceRefetch:!1}));e.data&&S(e.data)}catch(e){console.error("Failed to fetch product details:",e)}finally{A(!1)}}else c||(S(null),I(null),A(!1))})()},[c,m,p]),(0,u.useEffect)(()=>{(async()=>{if((null==E?void 0:E.sku)&&c)try{let e=await p(k.ky.endpoints.fetchProductDetailsBySKU.initiate(E.sku,{forceRefetch:!1}));e.data&&I(e.data)}catch(e){console.error("Failed to fetch variant details:",e)}else I(null)})()},[null==E?void 0:E.sku,c,p]),{isOpen:c,isLoading:N,productName:C,productLink:O,selectedVariantImage:V,selectedProductOptions:z,isComingSoon:q,handleClose:()=>{p((0,v.B1)())},productId:m,variantId:g}})(),z=!(0,n.useMediaQuery)("(min-width: ".concat(l.aSD,")")),G=(0,u.useMemo)(()=>c.Ik({email:(0,p.jJ)(r)}),[r]),{control:K,handleSubmit:D,formState:M,reset:P}=(0,d.mN)({resolver:(0,s.u)(G),mode:"onBlur",defaultValues:{email:""}}),Z=(0,u.useCallback)(async e=>{if(!T)return;let t=await (0,g.i)({productId:String(T),variantId:q?String(q):null,email:e.email,addNotification:w,translate:r});("success"===t.handled||"alreadyTracking"===t.handled)&&(P(),x((0,v.B1)()))},[T,q,w,x,P,r]),R=(0,u.useCallback)(()=>{P(),L()},[P,L]),Y=t(V?"product.comingSoon.label":"product.outOfStock.label");return(0,a.jsx)(n.Sidebar,{isOpen:I,onClose:R,title:(0,a.jsxs)("div",{className:S()["track-item-sidebar__title"],children:[(0,a.jsx)(i.LetterSolid,{}),(0,a.jsx)("h5",{children:t("title.label")})]}),lockScroll:!0,footer:(0,a.jsxs)("div",{className:S()["track-item-sidebar__footer"],children:[(0,a.jsx)(n.Button,{size:"lg",variant:"secondary",type:"button",onClick:R,children:t("button.cancel.label")}),(0,a.jsx)(n.Button,{size:"lg",variant:"primary",type:"submit",form:"track-item-form",IconLeft:i.LetterOutline,disabled:N||M.isSubmitting,children:t(z?"button.track.label":"button.trackThisItem.label")})]}),children:(0,a.jsxs)("div",{className:S()["track-item-sidebar__content"],children:[(0,a.jsx)(n.LoadingOverlayMask,{isLoading:N}),(0,a.jsxs)("div",{className:S()["track-item-sidebar__content__product-container"],children:[(0,a.jsx)(n.EngagementProductCard,{productName:A,productLink:E,imageSrc:null!=(e=null==C?void 0:C.url)?e:"/images/default-img.svg",imageAlt:null==C?void 0:C.altText,selectedProductOptions:O,isOutOfStock:!0,enableOutOfStockLabel:!0,outOfStockLabel:Y}),(0,a.jsx)(n.Divider,{type:"tertiary"})]}),(0,a.jsxs)("form",{id:"track-item-form",className:S()["track-item-sidebar__content__form"],onSubmit:D(Z),children:[(0,a.jsx)(n.InputLabel,{label:t("form.requiredFields.label"),required:!0,asteriskAtStart:!0,htmlFor:"email"}),(0,a.jsx)(h.L,{name:"email",type:"email",control:K,label:r("form.email.label"),required:!0})]})]})})};w.displayName="TrackItemSidebar"},30494:(e,t,r)=>{"use strict";r.d(t,{USER_POSTAL_CODE_STORAGE_KEY:()=>l,i:()=>n,q:()=>i});var a=r(7620);let s="AIzaSyDs6QPbSIpuoIh0XihQXZnD_ZNzGY-Ktc0",l="user_postal_code",i=/^[A-Za-z]\d[A-Za-z]\s?\d[A-Za-z]\d$/,n=()=>{let[e,t]=(0,a.useState)({storageValue:"",currentValue:"",error:!1}),r=(0,a.useCallback)(e=>{let r=e.trim().toUpperCase();if(!i.test(r))return!1;t({error:!1,currentValue:r,storageValue:r});try{window.sessionStorage.setItem(l,r)}catch(e){console.error(e,"er")}return!0},[t]),n=(0,a.useCallback)(r=>{i.test(r)?t({...e,currentValue:r,error:!1}):t({...e,currentValue:r,error:!0})},[e,t]);return(0,a.useEffect)(()=>{let a=window.sessionStorage.getItem(l);if(a)return void t({...e,storageValue:a});navigator.geolocation&&s&&navigator.geolocation.getCurrentPosition(async e=>{try{var t,a,l,n,o;let{latitude:u,longitude:d}=e.coords,c="".concat("https://maps.googleapis.com/maps/api/geocode/json","?latlng=").concat(u,",").concat(d,"&result_type=postal_code&key=").concat(s),m=await fetch(c,{method:"GET",mode:"cors",referrerPolicy:"origin",headers:{"Accept-Language":"en-CA,fr-CA;q=0.9"}}),f=await m.json(),v=null==f||null==(l=f.results)||null==(a=l[0])||null==(t=a.address_components)?void 0:t.find(e=>Array.isArray(e.types)&&e.types.includes("postal_code")),g=(null!=(o=null!=(n=null==v?void 0:v.long_name)?n:null==v?void 0:v.short_name)?o:"").toString().toUpperCase();g&&i.test(g)&&r(g)}catch(e){console.error(e,"er")}})},[]),(0,a.useMemo)(()=>({postalCodeState:e,setStorageValue:r,setCurrentValue:n}),[e,r,n])}},37142:(e,t,r)=>{"use strict";r.d(t,{jJ:()=>c,il:()=>u,Cb:()=>d,dw:()=>p,K8:()=>m,BK:()=>g,H3:()=>v,Fw:()=>f});var a=r(74737),s=r(42994),l=r(3108);let i=e=>{let t=(e||"").replace(/\D/g,"");return 10!==t.length||t.startsWith("0")||t.startsWith("1")?{valid:!1,normalized:t,messageKey:"phone.validationMessage.INVALID"}:{valid:!0,normalized:t}};var n=r(30494);let o=RegExp("^(?!\\.)(?!.*\\.\\.)[\\p{L}\\p{N}._'+-]+@[\\p{L}\\p{N}-]+(\\.[\\p{L}\\p{N}-]+)+$","u"),u=e=>a.Yj().min(1,{message:null==e?void 0:e("form.firstName.validation.required")}).max(50,{message:null==e?void 0:e("form.firstName.validation.max")}),d=e=>a.Yj().min(1,{message:null==e?void 0:e("form.lastName.validation.required")}).max(50,{message:null==e?void 0:e("form.lastName.validation.max")}),c=e=>a.Yj().min(1,{message:null==e?void 0:e("form.email.validation.required")}).refine(e=>0===e.length||o.test(e),{message:null==e?void 0:e("form.email.validation.invalid")}),m=e=>a.Yj().min(8,{message:e("form.password.validation.min")}).regex(/[A-Z]/,{message:e("form.password.validation.uppercase")}).regex(/[a-z]/,{message:e("form.password.validation.lowercase")}).regex(/[0-9]/,{message:e("form.password.validation.number")}).regex(l.x0,{message:e("form.password.validation.special")}).regex(l.rp,{message:e("form.password.validation.invalidCharacters")}),f=e=>a.zM().refine(e=>!0===e,{message:e("form.termsAndConditions.validation.required")}),v=e=>a.Yj().min(1,{message:null==e?void 0:e("form.postalCode.validation.required")}).regex(/^[A-Za-z0-9\s]*$/,{message:null==e?void 0:e("form.postalCode.validation.special")}).regex(n.q,{message:null==e?void 0:e("form.postalCode.validation.invalid")}),g=(e,t)=>a.Yj().min(1,{message:e(null!=t?t:"form.phone.validation.required")}).transform(e=>e.replaceAll(/\D/g,"")).superRefine((t,r)=>{let a=i(t);

1if(!a.valid){var l;r.addIssue({code:s.eq.custom,message:e(null!=(l=a.messageKey)?l:"phone.validationMessage.INVALID")})}}),p=e=>a.Yj().optional().transform(e=>(null==e?void 0:e.replaceAll(/\D/g,""))||"").superRefine((t,r)=>{if(t&&t.length>0){let l=i(t);if(!l.valid){var a;r.addIssue({code:s.eq.custom,message:e(null!=(a=l.messageKey)?a:"phone.validationMessage.INVALID")})}}})},52775:e=>{e.exports={"track-item-sidebar__title":"styles_track-item-sidebar__title__Famzu","track-item-sidebar__content":"styles_track-item-sidebar__content__S6TBo","track-item-sidebar__content__product-container":"styles_track-item-sidebar__content__product-container__W_kWT","track-item-sidebar__content__form":"styles_track-item-sidebar__content__form__j6sRv","track-item-sidebar__footer":"styles_track-item-sidebar__footer__dMsN6"}},55757:(e,t,r)=>{"use strict";r.d(t,{L:()=>o});var a=r(54568),s=r(83985),l=r(7620),i=r(83631);let n=e=>{let{errorMessage:t,delayErrorMs:r,label:i,nativeRequired:n,...o}=e,[u,d]=(0,l.useState)(!!t),c=(0,l.useRef)(null),m=!!t;(0,l.useEffect)(()=>(c.current&&(globalThis.clearTimeout(c.current),c.current=null),m)?!r||r<=0?void d(!0):(c.current=globalThis.setTimeout(()=>{d(!0),c.current=null},r),()=>{c.current&&(globalThis.clearTimeout(c.current),c.current=null)}):void d(!1),[m,r]);let f=u&&m?"error":void 0,v=u&&m?t:void 0;return(0,a.jsx)(s.TextField,{...o,label:i,validationMessage:v,nativeRequired:n,state:f})},o=e=>{let{control:t,name:r,label:s,delayErrorMs:l,...o}=e;return(0,a.jsx)(i.xI,{name:r,control:t,render:e=>{let{field:t,fieldState:{error:r}}=e;return(0,a.jsx)(n,{...o,...t,label:s,errorMessage:null==r?void 0:r.message,delayErrorMs:l,nativeRequired:o.nativeRequired})}})}},72935:(e,t,r)=>{"use strict";r.d(t,{u:()=>c});var a=r(83631);let s=(e,t,r)=>{if(e&&"reportValidity"in e){let s=(0,a.Jt)(r,t);e.setCustomValidity(s&&s.message||""),e.reportValidity()}},l=(e,t)=>{for(let r in t.fields){let a=t.fields[r];a&&a.ref&&"reportValidity"in a.ref?s(a.ref,r,e):a&&a.refs&&a.refs.forEach(t=>s(t,r,e))}},i=(e,t)=>{t.shouldUseNativeValidation&&l(e,t);let r={};for(let s in e){let l=(0,a.Jt)(t.fields,s),i=Object.assign(e[s]||{},{ref:l&&l.refs?l.refs[0]:l&&l.ref});if(n(t.names||Object.keys(e),s)){let e=Object.assign({},(0,a.Jt)(r,s));(0,a.hZ)(e,"root",i),(0,a.hZ)(r,s,e)}else(0,a.hZ)(r,s,i)}return r},n=(e,t)=>{let r=o(t).replace(/[.*+?^${}()|\\]/g,"\\$&");return e.some(e=>o(e).match(`^${r}\\.\\d+`))};function o(e){return e.replace(/[\[\]]/g,"")}function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function d(e,t){try{var r=e()}catch(e){return t(e)}return r&&r.then?r.then(void 0,t):r}function c(e,t,r){if(void 0===r&&(r={}),"_zod"in e&&"object"==typeof e._zod)return function(s,n,o){try{return Promise.resolve(d(function(){function a(e){return o.shouldUseNativeValidation&&l({},o),{errors:{},values:r.raw?Object.assign({},s):e}}return"sync"===r.mode?a(e.parse(s,t)):Promise.resolve(e.parseAsync(s,t)).then(a)},function(e){var t;if(!(null==e||null==(t=e._zod)||null==(t=t.traits)||!t.has("$ZodError")))return{values:{},errors:i(function(e,t){for(var r=Object.create(null);e.length;)!function(){var s=e[0],l=s.code,i=s.message,n=s.path.join(".");if(!r[n])if("invalid_union"===s.code&&s.errors.length>0){var o,d,c=s.errors.reduce(function(e,t){return t.length<e.length?t:e})[0];r[n]={message:null!=(o=null==c?void 0:c.message)?o:i,type:null!=(d=null==c?void 0:c.code)?d:l}}else r[n]={message:i,type:l};if("invalid_union"===s.code&&s.errors.forEach(function(t){return t.forEach(function(t){return e.push(u({},t,{path:[].concat(s.path,t.path)}))})}),t){var m=r[n].types,f=m&&m[s.code];r[n]=(0,a.Gb)(n,t,r,l,f?[].concat(f,s.message):s.message)}e.shift()}();return r}(e.issues,!o.shouldUseNativeValidation&&"all"===o.criteriaMode),o)};throw e}))}catch(e){return Promise.reject(e)}};if("_def"in e&&"object"==typeof e._def)return function(s,n,o){try{return Promise.resolve(d(function(){return Promise.resolve(e["sync"===r.mode?"parse":"parseAsync"](s,t)).then(function(e){return o.shouldUseNativeValidation&&l({},o),{errors:{},values:r.raw?Object.assign({},s):e}})},function(e){if(Array.isArray(null==e?void 0:e.issues))return{values:{},errors:i(function(e,t){for(var r=Object.create(null);e.length;){var s=e[0],l=s.code,i=s.message,n=s.path.join(".");if(!r[n])if("unionErrors"in s){var o,u,d=s.unionErrors.reduce(function(e,t){return t.errors.length<e.errors.length?t:e}).errors[0];r[n]={message:null!=(o=null==d?void 0:d.message)?o:i,type:null!=(u=null==d?void 0:d.code)?u:l}}else r[n]={message:i,type:l};

1if("unionErrors"in s&&s.unionErrors.forEach(function(t){return t.errors.forEach(function(t){return e.push(t)})}),t){var c=r[n].types,m=c&&c[s.code];r[n]=(0,a.Gb)(n,t,r,l,m?[].concat(m,s.message):s.message)}e.shift()}return r}(e.errors,!o.shouldUseNativeValidation&&"all"===o.criteriaMode),o)};throw e}))}catch(e){return Promise.reject(e)}};throw Error("Invalid input: not a Zod schema")}}}]);