adp-web-components 0.3.13 → 0.3.15

package/dist/components/vehicle-quotation-form.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as e,t,p as i,H as o,a}from"./index.js";import{L as r}from"./p-5NIYyHI-.js";import{c as l}from"./p-BK16Cn81.js";import{c as n,b as s,e as c}from"./p-YQJevg3-.js";import{a as d,b as u,c as h,d as m,g as p,e as f,h as v,i as b,j as g}from"./p-CnZZ3ASF.js";import{g as w}from"./p-BshR1DsJ.js";import{d as y}from"./p-BcRom3sV.js";import{d as x}from"./p-CRJSM0nN.js";import{d as k}from"./p-ubqjXh5U.js";import{d as j}from"./p-DNZ31iYw.js";import{d as O}from"./p-Cl-rntc3.js";import{d as C}from"./p-CD1XArUc.js";import{d as V}from"./p-BjLQXN9e.js";import{d as L}from"./p-BMxw31OW.js";import{d as E}from"./p-D-0CfzDk.js";import{d as F}from"./p-CK6WFXQF.js";import{d as z}from"./p-DlG98nFs.js";import{d as M}from"./p-dRP9cgZF.js";const q={};let T="";const R=({form:t})=>{var i,o,a,n;t.addWatcher("vehicle");let s=t.getValue("vehicle");const c=!!s,d=null===(i=t.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===s));let u;d?(u=null===(o=null==d?void 0:d.meta)||void 0===o?void 0:o.image,s=d.value):t.context.vehicleList&&t.context.vehicleList[0]&&(u=null===(n=null===(a=t.context.vehicleList[0])||void 0===a?void 0:a.meta)||void 0===n?void 0:n.image,s=t.context.vehicleList[0].value);let h=!1;return q[s]?T=q[s]:t&&u&&s&&(((e,t,i)=>{fetch(t).then((e=>e.blob())).then((t=>{const o=new FileReader;o.onloadend=()=>{q[i]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(t)})).catch((e=>{console.log(e)}))})(t,u,s),h=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:l("vehicle-image-wrapper",{loading:h})},e("div",{part:l("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h}),class:"loading-wrapper"},e(r,{part:"vehicle-image-loader-icon",class:"img"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:T,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:h?"0":"1"}})))},S={submit:({props:t})=>e("form-submit",Object.assign({},t)),name:({props:t})=>e("form-input",Object.assign({},t)),phone:({props:t,isLoading:i})=>e("form-phone-number",Object.assign({isLoading:i},t)),vehicle:({form:t,language:i,props:o})=>{var a,r;let l;return l=o.defaultValue?o.defaultValue:new URLSearchParams(window.location.search).get(null===(r=null===(a=t.context.structure)||void 0===a?void 0:a.data)||void 0===r?void 0:r.vehicleIdQueryParam),e("form-select",Object.assign({},o,{defaultValue:l,searchable:!0,fetcher:async({signal:e})=>{var o,a,r,l;const n=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.vehicleApi,s=await fetch(n,{signal:e,headers:{"Accept-Language":i}});return(null===(l=null===(r=t.context.structure)||void 0===r?void 0:r.data)||void 0===l?void 0:l.vehiclesApiStrapiFormat)?(await s.json()).data.map((e=>{var t,i,o,a,r,l;return{label:(null==e?void 0:e.GradeName)||(null===(t=null==e?void 0:e.attributes)||void 0===t?void 0:t.GradeName),value:""+e.id,meta:Object.assign(Object.assign({},e),{image:(null===(i=null==e?void 0:e.Cover)||void 0===i?void 0:i.url)||(null===(l=null===(r=null===(a=null===(o=null==e?void 0:e.attributes)||void 0===o?void 0:o.Cover)||void 0===a?void 0:a.data)||void 0===r?void 0:r.attributes)||void 0===l?void 0:l.url)})}})):(await s.json()).map((e=>({label:e.Title,value:""+e.ID,meta:Object.assign(Object.assign({},e),{image:e.Image})})))},language:i}))},dealer:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.dealerApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i})),paymentType:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Cash",label:null==o?void 0:o.Cash},{value:"Installments",label:o.Installments},{value:"Flexible",label:o.Flexible}],language:t})),contactTime:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Morning",label:null==o?void 0:o.Morning},{value:"Noon",label:null==o?void 0:o.Noon},{value:"Afternoon",label:null==o?void 0:o.Afternoon}],language:t})),ownVehicle:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{fetcher:async({})=>[{value:"yes",label:null==o?void 0:o.Yes},{value:"no",label:null==o?void 0:o.No}],language:t})),currentVehicleBrand:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle");const r="yes"===t.getValue("ownVehicle");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({signal:e})=>{var i,o;const r=null===(o=null===(i=t.context.structure)||void 0===i?void 0:i.data)||void 0===o?void 0:o.currentVehiclesApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":"en"}});return[...(await l.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)}))),{value:"Other",label:a.Other}]},language:i,resetKey:r,isRequired:r,isDisabled:!r}))},currentVehicleModel:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle"),t.addWatcher("currentVehicleBrand");const r="yes"===t.getValue("ownVehicle"),l=t.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,i;if(!l)return[];const o=null===(i=null===(e=t.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===l)))||void 0===i?void 0:i.meta;return o?[...o.Models.map((e=>({label:e.Name,value:""+e.ID}))),{value:"Other",label:a.Other}]:[]},language:i,resetKey:l,fetcherKey:l,isRequired:r&&"Other"!==l,isDisabled:!l||"Other"===l}))},vehicleImage:({form:t})=>e(R,{form:t}),choose:({locale:t})=>e("h1",{part:"section-title"},t.Choose),"current car":({locale:t})=>e("h1",{part:"section-title"},t["Your current car"]),"contact information":({locale:t})=>e("h1",{part:"section-title"},t["Contact Information"]),city:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.cityApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i}))},D=n({vehicle:s().meta({label:"Vehicle",placeholder:"Please select a Vehicle"}).required("This field is required."),name:s().meta({label:"Full name",placeholder:"Full name"}).required("Full name is required").min(3,"Full name minimum"),dealer:s().meta({label:"Dealer",placeholder:"Select a dealer"}).required("Dealer is required"),city:s().meta({label:"City",placeholder:"Select a City"}).required("This field is required."),paymentType:s().meta({label:"Preferred purchasing method",placeholder:"Select the purchasing method"}).when("$paymentTypeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),contactTime:s().meta({label:"Preferred contact time",placeholder:"Please select a time"}).when("$contactTimeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),ownVehicle:s().meta({label:"Do you own a vehicle?",placeholder:"Do you own a vehicle?"}).when("$ownVehicleRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),currentVehicleBrand:s().meta({label:"Your current vehicle",placeholder:"Your current vehicle"}).when("ownVehicle",{is:e=>"yes"===e,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()}),currentVehicleModel:s().meta({label:"Vehicle Model",placeholder:"Vehicle Model"}).when(["ownVehicle","currentVehicleBrand"],{is:(e,t)=>"yes"===e&&"Other"!==t,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()})}),B=i(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:c.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(e){await d(this,e)}setIsLoading(e){u(this,e)}setErrorCallback(e){h(this,e)}setSuccessCallback(e){m(this,e)}async componentWillLoad(){this.language||(this.language=w())}async formSubmit(e){var t,i,o,a,r,l,n,s,c,d,u,h,m,f,v,b,g,w,y,x,k,j,O,C,V,L,E,F,z,M;try{this.setIsLoading(!0);const q=null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.nameContactedVehicles,T=p(this.structure);let R=Object.assign({name:e.name,phone:e.phone,companyBranchId:e.dealer,cityId:null==e?void 0:e.city,vehicleQuotationType:null===(a=null===(o=this.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.quotationType,preferredContactTime:(null==e?void 0:e.contactTime)||"NotSpecified",preferredPaymentMethod:(null==e?void 0:e.paymentType)||"Flexible"},T);if(q){if(R.vehicle=(null===(r=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===r?void 0:r.label)||"","yes"===(null==e?void 0:e.ownVehicle)){const t=(null===(l=this.currentVehicleBrandList.find((t=>t.value===e.currentVehicleBrand)))||void 0===l?void 0:l.meta)||!1;let i;t&&(i=t.Models.find((t=>""+t.ID===e.currentVehicleModel))||!1),R.currentOrTradeInVehicle=`${(null==t?void 0:t.Name)||this.locale.Other} - ${(null==i?void 0:i.Name)||this.locale.Other}`}}else R.vehicle=e.vehicle,R.additionalData={DoYouOwnAVehicle:"yes"===(null==e?void 0:e.ownVehicle)},"yes"===(null==e?void 0:e.ownVehicle)&&(R.additionalData.yourCurrentVehicle=(null==e?void 0:e.currentVehicleBrand)||this.locale.Other,R.additionalData.vehicleModel=(null==e?void 0:e.currentVehicleModel)||this.locale.Other);const S={Brand:null===(s=null===(n=this.structure)||void 0===n?void 0:n.data)||void 0===s?void 0:s.brandId,"Accept-Language":this.localeLanguage||"en","Content-Type":"application/json"};let D="";if(Object.hasOwn(null===(c=this.structure)||void 0===c?void 0:c.data,"isMobileForm")?null===(u=null===(d=this.structure)||void 0===d?void 0:d.data)||void 0===u?void 0:u.isMobileForm:this.isMobileForm){const e=await this.getMobileToken();e.toLowerCase().startsWith("bearer")?(S.Authorization=e,D=null===(m=null===(h=this.structure)||void 0===h?void 0:h.data)||void 0===m?void 0:m.requestAppUrl):(S["verification-token"]=e,D=null===(v=null===(f=this.structure)||void 0===f?void 0:f.data)||void 0===v?void 0:v.requestAppCheckUrl)}else{D=null===(g=null===(b=this.structure)||void 0===b?void 0:b.data)||void 0===g?void 0:g.requestUrl;const e=await grecaptcha.execute(null===(y=null===(w=this.structure)||void 0===w?void 0:w.data)||void 0===y?void 0:y.recaptchaKey,{action:"submit"});S["Recaptcha-Token"]=e}this.isDev&&(D=D.replaceAll("production=true","production=false")),(null===(k=null===(x=this.structure)||void 0===x?void 0:x.data)||void 0===k?void 0:k.extraPayload)&&(R=Object.assign(Object.assign({},R),null===(O=null===(j=this.structure)||void 0===j?void 0:j.data)||void 0===O?void 0:O.extraPayload));const B=await fetch(D,{headers:S,method:"POST",body:JSON.stringify(R)});if(!(null==B?void 0:B.ok)){const e=(B.headers.get("content-type")||"").includes("application/json")?null!==(M=null===(z=null===(F=await B.json().catch((()=>({}))))||void 0===F?void 0:F.message)||void 0===z?void 0:z.body)&&void 0!==M?M:"":await B.text().catch((()=>""));throw Error(e)}{const t=await(null==B?void 0:B.json().catch((()=>({})))),i=null===(V=null===(C=this.structure)||void 0===C?void 0:C.data)||void 0===V?void 0:V.pushAnalyticsEventTo;i&&(window[i]=window[i]||[],window[i].push({event:"get_a_quote",phone:e.phone,fullname:e.name,dealer:null===(L=this.dealerList.find((t=>t.value===e.dealer)))||void 0===L?void 0:L.label,vehicle:null===(E=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===E?void 0:E.label})),this.setSuccessCallback(t),setTimeout((()=>{this.form.reset(),this.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(e){console.error(e),this.setErrorCallback(e)}finally{this.setIsLoading(!1)}}async componentDidLoad(){await f(this,D)}async getForm(){return await v(this)}async submit(){await b(this)}async structureChanged(e){await g(this,e)}render(){var t,i;return e(a,{key:"16de16731cd42d564791810a3969451e5fde9b73",translate:"no"},e("div",{key:"413814e1e1321e780f83f3e89706a9a161e8811d",part:"shift-form vehicle-quotation-"+(null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.theme)},e("div",{key:"273069cc903538eb59bc0820fb42131761a5c60a",part:"form-container",class:"relative min-h-[150px]"},e("div",{key:"4246bf9d1d4cc489beb2bdd8410e6df92608f7c9",part:"form-loader-container",class:l("form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500",{"opacity-0":this.structureRendered})},e(r,{key:"863966b3454bc2332fae025615ccf71718de944b",part:"form-loader-icon",class:"img"})),e("flexible-container",{key:"cfec565bd242a0f146d1d39e2494c5f6ff7f317e",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&e("form-structure",{key:"e722aa6fb7db134b85b75e5a95f75f71cc7821eb",form:this.form,fields:this.fields,formId:this.formId,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,language:this.localeLanguage,errorMessage:this.errorMessage,formElementMapper:S,successMessage:this.locale["Form submitted successfully."]},e("slot",{key:"8e0900288343887f24ff26a4c15a4b3c5c12788d"}))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[257,"vehicle-quotation-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],formId:[1,"form-id"],isDev:[4,"is-dev"],disableScrollToTop:[4,"disable-scroll-to-top"],isMobileForm:[4,"is-mobile-form"],getMobileToken:[16],locale:[32],errorMessage:[32],isLoading:[32],localeLanguage:[32],structureRendered:[32],form:[32],getForm:[64],submit:[64]},void 0,{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}]);function I(){"undefined"!=typeof customElements&&["vehicle-quotation-form","flexible-container","form-dialog","form-input","form-phone-number","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","shift-portal","shift-select","shift-select-dropdown"].forEach((e=>{switch(e){case"vehicle-quotation-form":customElements.get(t(e))||customElements.define(t(e),B);break;case"flexible-container":customElements.get(t(e))||y();break;case"form-dialog":customElements.get(t(e))||x();break;case"form-input":customElements.get(t(e))||k();break;case"form-phone-number":customElements.get(t(e))||j();break;case"form-select":customElements.get(t(e))||O();break;case"form-shadow-input":customElements.get(t(e))||C();break;case"form-structure":customElements.get(t(e))||V();break;case"form-structure-error":customElements.get(t(e))||L();break;case"form-submit":customElements.get(t(e))||E();break;case"shift-portal":customElements.get(t(e))||F();break;case"shift-select":customElements.get(t(e))||z();break;case"shift-select-dropdown":customElements.get(t(e))||M()}}))}I();const A=B,P=I;export{A as VehicleQuotationForm,P as defineCustomElement}
+import{h as e,t,p as i,H as o,a}from"./index.js";import{L as r}from"./p-5NIYyHI-.js";import{c as l}from"./p-BK16Cn81.js";import{c as n,b as s,e as c}from"./p-YQJevg3-.js";import{a as d,b as u,c as h,d as m,g as p,e as v,h as f,i as b,j as g}from"./p-qs0MTheD.js";import{g as w}from"./p-DQopO8HS.js";import{d as y}from"./p-C_ZtLgwx.js";import{d as x}from"./p-BcDVkdxZ.js";import{d as k}from"./p-CGJ8ndBw.js";import{d as j}from"./p-pIanEonc.js";import{d as O}from"./p-B47kSZHb.js";import{d as T}from"./p-txgHrQYx.js";import{d as V}from"./p-C2RnTSH-.js";import{d as C}from"./p-3xgnJUhD.js";import{d as E}from"./p-ByA_B82T.js";import{d as L}from"./p-B__72-PA.js";import{d as q}from"./p-Dr_ggnvT.js";import{d as z}from"./p-B2FtamaW.js";const M={};let F="";const S=({form:t})=>{var i,o,a,n;t.addWatcher("vehicle");let s=t.getValue("vehicle");const c=!!s,d=null===(i=t.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===s));let u;d?(u=null===(o=null==d?void 0:d.meta)||void 0===o?void 0:o.image,s=d.value):t.context.vehicleList&&t.context.vehicleList[0]&&(u=null===(n=null===(a=t.context.vehicleList[0])||void 0===a?void 0:a.meta)||void 0===n?void 0:n.image,s=t.context.vehicleList[0].value);let h=!1;return M[s]?F=M[s]:t&&u&&s&&(((e,t,i)=>{fetch(t).then((e=>e.blob())).then((t=>{const o=new FileReader;o.onloadend=()=>{M[i]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(t)})).catch((e=>{console.log(e)}))})(t,u,s),h=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:l("vehicle-image-wrapper",{loading:h})},e("div",{part:l("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h}),class:"loading-wrapper"},e(r,{part:"vehicle-image-loader-icon",class:"img"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:F,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:h?"0":"1"}})))},B={submit:({props:t})=>e("form-submit",Object.assign({},t)),name:({props:t})=>e("form-input",Object.assign({},t)),phone:({props:t,isLoading:i})=>e("form-phone-number",Object.assign({isLoading:i},t)),vehicle:({form:t,language:i,props:o})=>{var a,r;let l;return l=o.defaultValue?o.defaultValue:new URLSearchParams(window.location.search).get(null===(r=null===(a=t.context.structure)||void 0===a?void 0:a.data)||void 0===r?void 0:r.vehicleIdQueryParam),e("form-select",Object.assign({},o,{defaultValue:l,searchable:!0,fetcher:async({signal:e})=>{var o,a,r,l;const n=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.vehicleApi,s=await fetch(n,{signal:e,headers:{"Accept-Language":i}});return(null===(l=null===(r=t.context.structure)||void 0===r?void 0:r.data)||void 0===l?void 0:l.vehiclesApiStrapiFormat)?(await s.json()).data.map((e=>{var t,i,o,a,r,l;return{label:(null==e?void 0:e.GradeName)||(null===(t=null==e?void 0:e.attributes)||void 0===t?void 0:t.GradeName),value:""+e.id,meta:Object.assign(Object.assign({},e),{image:(null===(i=null==e?void 0:e.Cover)||void 0===i?void 0:i.url)||(null===(l=null===(r=null===(a=null===(o=null==e?void 0:e.attributes)||void 0===o?void 0:o.Cover)||void 0===a?void 0:a.data)||void 0===r?void 0:r.attributes)||void 0===l?void 0:l.url)})}})):(await s.json()).map((e=>({label:e.Title,value:""+e.ID,meta:Object.assign(Object.assign({},e),{image:e.Image})})))},language:i}))},dealer:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.dealerApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i})),paymentType:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Cash",label:null==o?void 0:o.Cash},{value:"Installments",label:o.Installments},{value:"Flexible",label:o.Flexible}],language:t})),contactTime:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{clearable:!0,fetcher:async({})=>[{value:"Morning",label:null==o?void 0:o.Morning},{value:"Noon",label:null==o?void 0:o.Noon},{value:"Afternoon",label:null==o?void 0:o.Afternoon}],language:t})),ownVehicle:({language:t,props:i,locale:o})=>e("form-select",Object.assign({},i,{fetcher:async({})=>[{value:"yes",label:null==o?void 0:o.Yes},{value:"no",label:null==o?void 0:o.No}],language:t})),currentVehicleBrand:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle");const r="yes"===t.getValue("ownVehicle");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({signal:e})=>{var i,o;const r=null===(o=null===(i=t.context.structure)||void 0===i?void 0:i.data)||void 0===o?void 0:o.currentVehiclesApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":"en"}});return[...(await l.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)}))),{value:"Other",label:a.Other}]},language:i,resetKey:r,isRequired:r,isDisabled:!r}))},currentVehicleModel:({form:t,language:i,props:o,locale:a})=>{t.addWatcher("ownVehicle"),t.addWatcher("currentVehicleBrand");const r="yes"===t.getValue("ownVehicle"),l=t.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,i;if(!l)return[];const o=null===(i=null===(e=t.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===l)))||void 0===i?void 0:i.meta;return o?[...o.Models.map((e=>({label:e.Name,value:""+e.ID}))),{value:"Other",label:a.Other}]:[]},language:i,resetKey:l,fetcherKey:l,isRequired:r&&"Other"!==l,isDisabled:!l||"Other"===l}))},vehicleImage:({form:t})=>e(S,{form:t}),choose:({locale:t})=>e("h1",{part:"section-title"},t.Choose),"current car":({locale:t})=>e("h1",{part:"section-title"},t["Your current car"]),"contact information":({locale:t})=>e("h1",{part:"section-title"},t["Contact Information"]),city:({form:t,language:i,props:o})=>e("form-select",Object.assign({},o,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{var o,a;const r=null===(a=null===(o=t.context.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.cityApi,l=await fetch(r,{signal:e,headers:{"Accept-Language":i}});return(await l.json()).map((e=>({label:e.Name,value:""+e.ID,meta:Object.assign({},e)})))},language:i}))},D=n({vehicle:s().meta({label:"Vehicle",placeholder:"Please select a Vehicle"}).required("This field is required."),name:s().meta({label:"Full name",placeholder:"Full name"}).required("Full name is required").min(3,"Full name minimum"),dealer:s().meta({label:"Dealer",placeholder:"Select a dealer"}).required("Dealer is required"),city:s().meta({label:"City",placeholder:"Select a City"}).required("This field is required."),paymentType:s().meta({label:"Preferred purchasing method",placeholder:"Select the purchasing method"}).when("$paymentTypeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),contactTime:s().meta({label:"Preferred contact time",placeholder:"Please select a time"}).when("$contactTimeRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),ownVehicle:s().meta({label:"Do you own a vehicle?",placeholder:"Do you own a vehicle?"}).when("$ownVehicleRequired",{is:!0,otherwise:e=>e.optional(),then:e=>e.required("This field is required.")}),currentVehicleBrand:s().meta({label:"Your current vehicle",placeholder:"Your current vehicle"}).when("ownVehicle",{is:e=>"yes"===e,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()}),currentVehicleModel:s().meta({label:"Vehicle Model",placeholder:"Vehicle Model"}).when(["ownVehicle","currentVehicleBrand"],{is:(e,t)=>"yes"===e&&"Other"!==t,then:e=>e.required("Please answer this field"),otherwise:e=>e.optional()})}),I=i(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.locale={sharedFormLocales:c.getDefault()},this.isLoading=!1,this.structureRendered=!1,this.isDev=!1,this.isMobileForm=!1}async changeLanguage(e){await d(this,e)}setIsLoading(e){u(this,e)}setErrorCallback(e){h(this,e)}setSuccessCallback(e){m(this,e)}async componentWillLoad(){this.language||(this.language=w())}async formSubmit(e){var t,i,o,a,r,l,n,s,c,d,u,h,m,v,f,b,g,w,y,x,k,j,O,T,V,C,E,L,q,z;try{this.setIsLoading(!0);const M=null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.nameContactedVehicles,F=p(this.structure);let S=Object.assign({name:e.name,phone:e.phone,companyBranchId:e.dealer,cityId:null==e?void 0:e.city,vehicleQuotationType:null===(a=null===(o=this.structure)||void 0===o?void 0:o.data)||void 0===a?void 0:a.quotationType,preferredContactTime:(null==e?void 0:e.contactTime)||"NotSpecified",preferredPaymentMethod:(null==e?void 0:e.paymentType)||"Flexible"},F);if(M){if(S.vehicle=(null===(r=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===r?void 0:r.label)||"","yes"===(null==e?void 0:e.ownVehicle)){const t=(null===(l=this.currentVehicleBrandList.find((t=>t.value===e.currentVehicleBrand)))||void 0===l?void 0:l.meta)||!1;let i;t&&(i=t.Models.find((t=>""+t.ID===e.currentVehicleModel))||!1),S.currentOrTradeInVehicle=`${(null==t?void 0:t.Name)||this.locale.Other} - ${(null==i?void 0:i.Name)||this.locale.Other}`}}else S.vehicle=e.vehicle,S.additionalData={DoYouOwnAVehicle:"yes"===(null==e?void 0:e.ownVehicle)},"yes"===(null==e?void 0:e.ownVehicle)&&(S.additionalData.yourCurrentVehicle=(null==e?void 0:e.currentVehicleBrand)||this.locale.Other,S.additionalData.vehicleModel=(null==e?void 0:e.currentVehicleModel)||this.locale.Other);const B={Brand:null===(s=null===(n=this.structure)||void 0===n?void 0:n.data)||void 0===s?void 0:s.brandId,"Accept-Language":this.localeLanguage||"en","Content-Type":"application/json"};let D="";if(Object.hasOwn(null===(c=this.structure)||void 0===c?void 0:c.data,"isMobileForm")?null===(u=null===(d=this.structure)||void 0===d?void 0:d.data)||void 0===u?void 0:u.isMobileForm:this.isMobileForm){const e=await this.getMobileToken();e.toLowerCase().startsWith("bearer")?(B.Authorization=e,D=null===(m=null===(h=this.structure)||void 0===h?void 0:h.data)||void 0===m?void 0:m.requestAppUrl):(B["verification-token"]=e,D=null===(f=null===(v=this.structure)||void 0===v?void 0:v.data)||void 0===f?void 0:f.requestAppCheckUrl)}else{D=null===(g=null===(b=this.structure)||void 0===b?void 0:b.data)||void 0===g?void 0:g.requestUrl;const e=await grecaptcha.execute(null===(y=null===(w=this.structure)||void 0===w?void 0:w.data)||void 0===y?void 0:y.recaptchaKey,{action:"submit"});B["Recaptcha-Token"]=e}this.isDev&&(D=D.replaceAll("production=true","production=false")),(null===(k=null===(x=this.structure)||void 0===x?void 0:x.data)||void 0===k?void 0:k.extraPayload)&&(S=Object.assign(Object.assign({},S),null===(O=null===(j=this.structure)||void 0===j?void 0:j.data)||void 0===O?void 0:O.extraPayload));const I=await fetch(D,{headers:B,method:"POST",body:JSON.stringify(S)});if(!(null==I?void 0:I.ok)){const e=(I.headers.get("content-type")||"").includes("application/json")?null!==(z=null===(q=null===(L=await I.json().catch((()=>({}))))||void 0===L?void 0:L.message)||void 0===q?void 0:q.body)&&void 0!==z?z:"":await I.text().catch((()=>""));throw Error(e)}{const t=await(null==I?void 0:I.json().catch((()=>({})))),i=null===(V=null===(T=this.structure)||void 0===T?void 0:T.data)||void 0===V?void 0:V.pushAnalyticsEventTo;i&&(window[i]=window[i]||[],window[i].push({event:"get_a_quote",phone:e.phone,fullname:e.name,dealer:null===(C=this.dealerList.find((t=>t.value===e.dealer)))||void 0===C?void 0:C.label,vehicle:null===(E=this.vehicleList.find((t=>t.value===e.vehicle)))||void 0===E?void 0:E.label})),this.setSuccessCallback(t),setTimeout((()=>{this.form.reset(),this.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(e){console.error(e),this.setErrorCallback(e)}finally{this.setIsLoading(!1)}}async componentDidLoad(){await v(this,D)}async getForm(){return await f(this)}async submit(){await b(this)}async structureChanged(e){await g(this,e)}render(){var t,i;return e(a,{key:"2c984017e3f8e77b821d139eb43a85368a753472",translate:"no"},e("div",{key:"c7113c72a28ba44cb14a2bd50565779370794b3b",part:"shift-form vehicle-quotation-"+(null===(i=null===(t=this.structure)||void 0===t?void 0:t.data)||void 0===i?void 0:i.theme)},e("div",{key:"49ab8ae6cc89c36794ab725b3d97b2b78f462560",part:"form-container",class:"relative min-h-[150px]"},e("div",{key:"0bb79a61bc381cb7168f8aea5c9229c876ba31d4",part:"form-loader-container",class:l("form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500",{"opacity-0":this.structureRendered})},e(r,{key:"bbad1dfb2f94521545600b7b47142ed8703e86da",part:"form-loader-icon",class:"img"})),e("flexible-container",{key:"922ea7621d3fca2d030f0a4c7a86473d3f1f1097",onlyForMounting:!0,isOpened:this.structureRendered},!!this.form&&e("form-structure",{key:"e7856ed894c5e1b537ced7f3e0e16977bce8ef70",form:this.form,fields:this.fields,formId:this.formId,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,language:this.localeLanguage,errorMessage:this.errorMessage,formElementMapper:B,successMessage:this.locale["Form submitted successfully."]},e("slot",{key:"b4d282a102fba0669922de2491ed6a861ee7d1a1"}))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}'}},[257,"vehicle-quotation-form",{language:[1537],gistId:[1,"gist-id"],extraHeader:[16],extraPayload:[16],structureUrl:[1,"structure-url"],loadingChanges:[16],errorCallback:[16],successCallback:[16],structure:[1040],fields:[1040],formReadyCallback:[16],formId:[1,"form-id"],isDev:[4,"is-dev"],disableScrollToTop:[4,"disable-scroll-to-top"],isMobileForm:[4,"is-mobile-form"],getMobileToken:[16],locale:[32],errorMessage:[32],isLoading:[32],localeLanguage:[32],structureRendered:[32],form:[32],getForm:[64],submit:[64]},void 0,{language:[{changeLanguage:0}],structureRendered:[{structureChanged:0}]}]);function R(){"undefined"!=typeof customElements&&["vehicle-quotation-form","flexible-container","form-dialog","form-input","form-phone-number","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","shift-portal","shift-select","shift-select-dropdown"].forEach((e=>{switch(e){case"vehicle-quotation-form":customElements.get(t(e))||customElements.define(t(e),I);break;case"flexible-container":customElements.get(t(e))||y();break;case"form-dialog":customElements.get(t(e))||x();break;case"form-input":customElements.get(t(e))||k();break;case"form-phone-number":customElements.get(t(e))||j();break;case"form-select":customElements.get(t(e))||O();break;case"form-shadow-input":customElements.get(t(e))||T();break;case"form-structure":customElements.get(t(e))||V();break;case"form-structure-error":customElements.get(t(e))||C();break;case"form-submit":customElements.get(t(e))||E();break;case"shift-portal":customElements.get(t(e))||L();break;case"shift-select":customElements.get(t(e))||q();break;case"shift-select-dropdown":customElements.get(t(e))||z()}}))}R();const A=I,P=R;export{A as VehicleQuotationForm,P as defineCustomElement}

package/dist/components/vehicle-sale-information.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as o,d as s}from"./p-C55Gk63d.js";const p=o,r=s;export{p as VehicleSaleInformation,r as defineCustomElement}
+import{V as o,d as s}from"./p-Dx0NcxCM.js";const p=o,r=s;export{p as VehicleSaleInformation,r as defineCustomElement}

package/dist/components/vehicle-service-history.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as o,d as r}from"./p-DBErZTaY.js";const s=o,a=r;export{s as VehicleServiceHistory,a as defineCustomElement}
+import{V as o,d as s}from"./p-D2H3RzIC.js";const p=o,r=s;export{p as VehicleServiceHistory,r as defineCustomElement}

package/dist/components/vehicle-specification.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as s,d as o}from"./p-CLkGfAsm.js";const m=s,p=o;export{m as VehicleSpecification,p as defineCustomElement}
+import{V as o,d as s}from"./p-B9ClwHPb.js";const p=o,r=s;export{p as VehicleSpecification,r as defineCustomElement}

package/dist/components/vehicle-warranty-details.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as s,d as o}from"./p-Hlqj6HsH.js";const p=s,r=o;export{p as VehicleWarrantyDetails,r as defineCustomElement}
+import{V as o,d as s}from"./p-BPnD6Cqq.js";const p=o,r=s;export{p as VehicleWarrantyDetails,r as defineCustomElement}

package/dist/components/vehicle-warranty-timeline.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VehicleWarrantyTimeline extends Components.VehicleWarrantyTimeline, HTMLElement {}
+export const VehicleWarrantyTimeline: {
+    prototype: VehicleWarrantyTimeline;
+    new (): VehicleWarrantyTimeline;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vehicle-warranty-timeline.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{V as o,d as s}from"./p-BGX0qdUG.js";const p=o,r=s;export{p as VehicleWarrantyTimeline,r as defineCustomElement}

package/dist/components/vin-extractor.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{V as o,d as s}from"./p-BIeJEFM6.js";const p=o,r=s;export{p as VinExtractor,r as defineCustomElement}
+import{V as o,d as s}from"./p-CDQ5F3Oe.js";const p=o,r=s;export{p as VinExtractor,r as defineCustomElement}

package/dist/esm/{add-icon-DxQVyX6U.js → add-icon-DHh6DJXR.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-Cg4V9l26.js';
+import { h } from './index-CteZTPhq.js';
 
 const AddIcon = props => (h("svg", Object.assign({ fill: "none" }, props, { "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }), h("path", { d: "M5 12h14" }), h("path", { d: "M12 5v14" })));
 

package/dist/esm/{app-globals-ci3rJxmu.js → app-globals-CusTGK9D.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import './index-Cg4V9l26.js';
+import './index-CteZTPhq.js';
 
 const appGlobalScript = (() => {});
 const globalScripts = appGlobalScript;

package/dist/esm/{arrow-icon-DRTeN2D5.js → arrow-icon-DziuNOTp.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-Cg4V9l26.js';
+import { h } from './index-CteZTPhq.js';
 
 const ArrowIcon = props => (h("svg", Object.assign({ viewBox: "0 0 20 20", width: "16", height: "16" }, props, { "aria-hidden": "true" }), h("path", { fill: "currentColor", d: "M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.24a.75.75 0 0 1-1.06 0L5.21 8.29a.75.75 0 0 1 .02-1.08z" })));
 

package/dist/esm/{arrow-up-icon-FAYFxG6c.js → arrow-up-icon-Dw_d-rG9.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-Cg4V9l26.js';
+import { h } from './index-CteZTPhq.js';
 
 const ArrowUpIcon = props => (h("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" })));