adp-web-components 0.1.71 → 0.1.72

package/dist/collection/components/vehicle-lookup/vehicle-lookup.js

@@ -25,6 +25,7 @@ export class VehicleLookup {
         this.activeElement = '';
         this.baseUrl = '';
         this.isDev = false;
+        this.disableVinValidation = false;
         this.queryString = '';
         this.blazorErrorStateListener = '';
         this.blazorOnLoadingStateChange = '';
@@ -146,13 +147,13 @@ export class VehicleLookup {
         if (!Object.values(componentTags).includes(this.activeElement))
             return h("div", { class: "w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center" }, "Invalid tag");
         const componentList = {
-            'vehicle-specification': (h("vehicle-specification", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSpecification }, props[componentTags.vehicleSpecification]))),
-            'vehicle-accessories': (h("vehicle-accessories", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleAccessories }, props[componentTags.vehicleAccessories]))),
-            'vehicle-sale-information': (h("vehicle-sale-information", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSaleInformation }, props[componentTags.vehicleSaleInformation]))),
-            'vehicle-warranty-details': (h("vehicle-warranty-details", Object.assign({ coreOnly: true, "show-ssc": "true", isDev: this.isDev, "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleWarrantyDetails }, props[componentTags.vehicleWarrantyDetails]))),
-            'vehicle-service-history': (h("vehicle-service-history", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleServiceHistory }, props[componentTags.vehicleServiceHistory]))),
-            'vehicle-paint-thickness': (h("vehicle-paint-thickness", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehiclePaintThickness }, props[componentTags.vehiclePaintThickness]))),
-            'vehicle-claimable-items': (h("vehicle-claimable-items", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleClaimableItems }, props[componentTags.vehicleClaimableItems]))),
+            'vehicle-specification': (h("vehicle-specification", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSpecification }, props[componentTags.vehicleSpecification]))),
+            'vehicle-accessories': (h("vehicle-accessories", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleAccessories }, props[componentTags.vehicleAccessories]))),
+            'vehicle-sale-information': (h("vehicle-sale-information", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSaleInformation }, props[componentTags.vehicleSaleInformation]))),
+            'vehicle-warranty-details': (h("vehicle-warranty-details", Object.assign({ coreOnly: true, "show-ssc": "true", isDev: this.isDev, disableVinValidation: this.disableVinValidation, "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleWarrantyDetails }, props[componentTags.vehicleWarrantyDetails]))),
+            'vehicle-service-history': (h("vehicle-service-history", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleServiceHistory }, props[componentTags.vehicleServiceHistory]))),
+            'vehicle-paint-thickness': (h("vehicle-paint-thickness", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehiclePaintThickness }, props[componentTags.vehiclePaintThickness]))),
+            'vehicle-claimable-items': (h("vehicle-claimable-items", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleClaimableItems }, props[componentTags.vehicleClaimableItems]))),
         };
         return (h(Host, null, h(VehicleInfoLayout, { isError: this.isError, header: this.currentVin, isLoading: this.isLoading, direction: this.locale.direction, errorMessage: this.errorMessage || this.locale.errors.wildCard }, h("shift-tab-content", { components: componentList, activeComponent: this.activeElement }))));
     }
@@ -262,6 +263,26 @@ export class VehicleLookup {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "disableVinValidation": {
+                "type": "boolean",
+                "attribute": "disable-vin-validation",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "queryString": {
                 "type": "string",
                 "attribute": "query-string",

package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.js

@@ -23,6 +23,7 @@ export class VehiclePaintThickness {
         // #endregion
         // #region Image Viewer Logic
         this.expandedImage = '';
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -180,6 +181,26 @@ export class VehiclePaintThickness {
                 "setter": false,
                 "reflect": false
             },
+            "disableVinValidation": {
+                "type": "boolean",
+                "attribute": "disable-vin-validation",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "baseUrl": {
                 "type": "string",
                 "attribute": "base-url",

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

@@ -22,6 +22,7 @@ export class VehicleSaleInformation {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -148,11 +149,11 @@ export class VehicleSaleInformation {
         ];
         const filteredFields = FIELDS.filter(field => !hiddenFields.includes(field.fieldName));
         const filteredEndCustomerFields = END_CUSTOMER_FIELDS.filter(field => !hiddenFields.includes(field.fieldName));
-        return (h(Host, { key: '59c237ba0f930880f63497c9056813f1f922a322' }, h(VehicleInfoLayout, { key: '1fc556d3568fa37aaf7cceceb72f9073213feb6d', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_m = this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("flexible-container", { key: 'bd02c6bb7c56b89e276a483437b9bc94ec80a04c' }, h("flexible-container", { key: 'c7912f3832217f62e0463e8acc5d6ffa68b8da1e', classes: cn({ loading: this.isLoading || this.isError || !this.vehicleLookup }), isOpened: !!this.vehicleLookup && !this.isError }, h("div", { key: 'db0c4f09d299e55220b82825329748e3cba61744', class: "p-[16px] mx-auto !pb-0 max-w-[520px]" }, h("div", { key: 'ece9971fba463d6982fb7ddbb4869b9ff00f29a6', class: cn('relative shift-skeleton !rounded-[12px] shift-card', { 'shift-card-warning': !hasEndCustomer }) }, h("div", { key: '5cc1a18cd824b631e0c6e0fabe67bb0d5d8fb2a9', class: cn('absolute flex size-full left-0 top-0 px-[12px] items-center justify-center p-[12px] transition-opacity', !hasEndCustomer ? 'opacity-100' : 'opacity-0 pointer-events-none select-none') }, h("div", { key: '6e1934799a747ed7cdec8838415f8f2685f8a240', class: "w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]" }, h("div", { key: 'c5633750267f214c83b5181fef0a4518421009d4', class: "size-full flex flex-col justify-start gap-[12px] items-center" }, h("span", { key: '1c23fcad4c0619f59cbc041902be090d95b19c0f', class: "shift-card-icon", "aria-hidden": "true" }, h(TriangleAlertIcon, { key: '75f330bb55e731915374dfb136c2c8473b8f06d8' })), h("p", { key: 'c4800025f42f197d37ea236cc8daeef21ef6731d', class: "mt-[4px] text-[13.5px] text-center text-amber-900/90 leading-[1.35]" }, texts['Vehicle has no end customer.'] || '')))), h("div", { key: 'f3e350a2410458ea9b8be681fe2997fd7a872c83', class: cn('transition-opacity', !hasEndCustomer ? 'opacity-0 pointer-events-none select-none' : 'opacity-100') }, h("h2", { key: '305832737ba09cf484b18376cacbc6aad2d5dd0d', class: "shift-card-header" }, texts.customerInformation), h("div", { key: '9fcc9af328c2a8c39b478e0743c3e0f0ec7e5f90', class: "flex flex-col gap-[2px]" }, filteredEndCustomerFields.map(field => {
+        return (h(Host, { key: '1792db8359fb482cd9402307c8ea3b965e967c2b' }, h(VehicleInfoLayout, { key: '1301f626e8b221fd189ef9d5872a7d26fe6aa08b', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_m = this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("flexible-container", { key: '29d448a1fde8622d58e38b94b84805a63bffbbd8' }, h("flexible-container", { key: '0e06fbb1d419efcf5ae4fc1dcd6d61a5b13cdd0f', classes: cn({ loading: this.isLoading || this.isError || !this.vehicleLookup }), isOpened: !!this.vehicleLookup && !this.isError }, h("div", { key: '5b1aabd4b1fb05f29b80b24266d3f7c1e848c441', class: "p-[16px] mx-auto !pb-0 max-w-[520px]" }, h("div", { key: 'd87d0bdcd14e050c115c5cfd4a750e5ff99e23ed', class: cn('relative shift-skeleton !rounded-[12px] shift-card', { 'shift-card-warning': !hasEndCustomer }) }, h("div", { key: 'aded893bc8dcce34b667c1335b8aaf056baffaa9', class: cn('absolute flex size-full left-0 top-0 px-[12px] items-center justify-center p-[12px] transition-opacity', !hasEndCustomer ? 'opacity-100' : 'opacity-0 pointer-events-none select-none') }, h("div", { key: '310f7fef4b58444796d45599239672a4a447efeb', class: "w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]" }, h("div", { key: '78c8c795a11789be2c2e92c8f37ed233d95eb466', class: "size-full flex flex-col justify-start gap-[12px] items-center" }, h("span", { key: 'd360df4b6b9c1d6b30d01b610ad8a1346858d42a', class: "shift-card-icon", "aria-hidden": "true" }, h(TriangleAlertIcon, { key: '178100a9bba082d07062f807cb64d54838907b86' })), h("p", { key: 'b62d2ae4246c8028b33769a9ad88f1586d2b5c9e', class: "mt-[4px] text-[13.5px] text-center text-amber-900/90 leading-[1.35]" }, texts['Vehicle has no end customer.'] || '')))), h("div", { key: '2b0d7a818bbad3dc39a4a1ab827eaa8a35cf7d55', class: cn('transition-opacity', !hasEndCustomer ? 'opacity-0 pointer-events-none select-none' : 'opacity-100') }, h("h2", { key: '5381cb5ed01ce112fe7c2dc2903452db0d01d98a', class: "shift-card-header" }, texts.customerInformation), h("div", { key: 'af03fffa1d7d00cff4cacca30e056957679151a5', class: "flex flex-col gap-[2px]" }, filteredEndCustomerFields.map(field => {
             const value = field.value || '';
             const Icon = field.Icon;
             return (h("div", { class: "flex gap-[12px] items-start" }, h("span", { class: "shift-card-icon", "aria-hidden": "true" }, h(Icon, null)), h("div", { class: "flex flex-col translate-y-[-4px]" }, h("div", { class: "shift-card-seconary-text" }, field.title, ":"), h("div", { class: cn('shift-card-primary-text translate-y-[-4px]', { 'shift-card-empty-text': !value }) }, value || '—'))));
-        })))))), h("div", { key: '76f0d6822e0325e5141babdfeed13b6b39aef3a9', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, filteredFields.map(field => (h(MaterialCard, { title: field.title, desc: field.value, minWidth: "250px" }))))))));
+        })))))), h("div", { key: '6a4ba29d1514264830536770e55f79dbc1df0b46', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, filteredFields.map(field => (h(MaterialCard, { title: field.title, desc: field.value, minWidth: "250px" }))))))));
     }
     static get is() { return "vehicle-sale-information"; }
     static get encapsulation() { return "shadow"; }
@@ -233,6 +234,26 @@ export class VehicleSaleInformation {
                 "setter": false,
                 "reflect": false
             },
+            "disableVinValidation": {
+                "type": "boolean",
+                "attribute": "disable-vin-validation",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "baseUrl": {
                 "type": "string",
                 "attribute": "base-url",

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

@@ -17,6 +17,7 @@ export class VehicleServiceHistory {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -79,7 +80,7 @@ export class VehicleServiceHistory {
                 label: this.locale.odometer,
             },
         ];
-        return (h(Host, { key: 'bbf2ea4df3ed431d3f0b142ddd8662286632b00c' }, h(VehicleInfoLayout, { key: '2cc07990a9d3df0a64864cb64bec7917b7fb81e8', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: 'ccad6e16b68a2f812b0b0596fdce037fe6db4343', class: "overflow-x-auto" }, h("information-table", { key: '3229cb96a3b5b9549f49a17dc7742e6f1a4f6ba3', expandUsingEntireRow: true, allowMultipleExpanded: true, headers: tableHeaders, isLoading: this.isLoading, rows: ((_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.serviceHistory) || [], subRowRenderer: (row) => h(ServiceHistorySubRow, { row: row, locale: this.locale }) })))));
+        return (h(Host, { key: '0dacd0b8cc5b61bf80d8a7b0dd06462cd4659a4e' }, h(VehicleInfoLayout, { key: '62e2df88b68e958173d133eb5d4fa04430dafde4', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: 'a7fe94878f5423aa06b91af9da9a8ea771c03bfd', class: "overflow-x-auto" }, h("information-table", { key: '90f0dec8face331a94eaee75259086da583bab8f', expandUsingEntireRow: true, allowMultipleExpanded: true, headers: tableHeaders, isLoading: this.isLoading, rows: ((_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.serviceHistory) || [], subRowRenderer: (row) => h(ServiceHistorySubRow, { row: row, locale: this.locale }) })))));
     }
     static get is() { return "vehicle-service-history"; }
     static get encapsulation() { return "shadow"; }
@@ -160,6 +161,26 @@ export class VehicleServiceHistory {
                 "setter": false,
                 "reflect": false
             },
+            "disableVinValidation": {
+                "type": "boolean",
+                "attribute": "disable-vin-validation",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "baseUrl": {
                 "type": "string",
                 "attribute": "base-url",

package/dist/collection/components/vehicle-lookup/vehicle-specification.js

@@ -17,6 +17,7 @@ export class VehicleSpecification {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -61,7 +62,7 @@ export class VehicleSpecification {
         catch (error) {
             productionDate = null;
         }
-        return (h(Host, { key: '4996bec6c2f18fb00c6495ac4a2649a89660798b' }, h(VehicleInfoLayout, { key: 'e0c60e3e99a4489ed86b7c1f0b9c04b36e967f7e', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_e = this.vehicleLookup) === null || _e === void 0 ? void 0 : _e.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("flexible-container", { key: '2d2f869a16fd27e160c66e02c8d5d2930db28185' }, h("div", { key: 'f665f29f590de09f1e8066fa0d0283235d0bcc34', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, h(MaterialCard, { key: 'c30f97bcf2d8fe5aefc687b1f282583ae4efb9de', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, h(MaterialCardChildren, { key: '34539822144269de597f357bc6de7adf5cc0a3c6', class: "text-center", hidden: !((_h = (_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _f === void 0 ? void 0 : _f.vehicleVariantInfo) === null || _g === void 0 ? void 0 : _g.modelCode) === null || _h === void 0 ? void 0 : _h.trim()) && !((_l = (_k = (_j = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _j === void 0 ? void 0 : _j.vehicleSpecification) === null || _k === void 0 ? void 0 : _k.modelDescription) === null || _l === void 0 ? void 0 : _l.trim()) }, ((_p = (_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vehicleVariantInfo) === null || _o === void 0 ? void 0 : _o.modelCode) === null || _p === void 0 ? void 0 : _p.trim()) || '', " ", h("br", { key: '2d2c4018ee9758b204510d473b7dc2505a5ed44a', class: "my-2" }), ((_s = (_r = (_q = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _q === void 0 ? void 0 : _q.vehicleSpecification) === null || _r === void 0 ? void 0 : _r.modelDescription) === null || _s === void 0 ? void 0 : _s.trim()) || '')), h(MaterialCard, { key: 'd84c1eb316ad0c664f74e24340e5f5cb105400cc', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, h(MaterialCardChildren, { key: 'faf102bd9b05c6b79144fa069d818a877536ebe2', class: "text-center", hidden: !((_v = (_u = (_t = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _t === void 0 ? void 0 : _t.identifiers) === null || _u === void 0 ? void 0 : _u.variant) === null || _v === void 0 ? void 0 : _v.trim()) && !((_y = (_x = (_w = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _w === void 0 ? void 0 : _w.vehicleSpecification) === null || _x === void 0 ? void 0 : _x.variantDescription) === null || _y === void 0 ? void 0 : _y.trim()) }, ((_1 = (_0 = (_z = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _z === void 0 ? void 0 : _z.identifiers) === null || _0 === void 0 ? void 0 : _0.variant) === null || _1 === void 0 ? void 0 : _1.trim()) || '', " ", h("br", { key: 'f7cb111470c3e435d3fa3e9cac7ec16461fdfbfd' }), ((_4 = (_3 = (_2 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _2 === void 0 ? void 0 : _2.vehicleSpecification) === null || _3 === void 0 ? void 0 : _3.variantDescription) === null || _4 === void 0 ? void 0 : _4.trim()) || '')), h(MaterialCard, { key: '926d5d50915bb058571fff12746cc21724392f42', desc: ((_7 = (_6 = (_5 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _5 === void 0 ? void 0 : _5.identifiers) === null || _6 === void 0 ? void 0 : _6.katashiki) === null || _7 === void 0 ? void 0 : _7.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.katashiki, minWidth: "250px" }), h(MaterialCard, { key: '307a38a4661614691309e805d0f6a562ec60f0fe', desc: ((_11 = (_10 = (_9 = (_8 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _8 === void 0 ? void 0 : _8.vehicleVariantInfo) === null || _9 === void 0 ? void 0 : _9.modelYear) === null || _10 === void 0 ? void 0 : _10.toString()) === null || _11 === void 0 ? void 0 : _11.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.modelYear, minWidth: "250px" }), h(MaterialCard, { key: 'a7dc5b19f70f64a993b73926324a451a4d2f99be', desc: !!productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), h(MaterialCard, { key: '7a57c2f60aa2f6851be4e7f0e7cb54baaf126dda', desc: ((_14 = (_13 = (_12 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _12 === void 0 ? void 0 : _12.vehicleVariantInfo) === null || _13 === void 0 ? void 0 : _13.sfx) === null || _14 === void 0 ? void 0 : _14.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.sfx, minWidth: "250px" }))))));
+        return (h(Host, { key: '8c5dca562c2826e1248edebdc97fdb95dc854385' }, h(VehicleInfoLayout, { key: 'f00362dbe4928f50a3e17c453ecd202caffb6cc6', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_e = this.vehicleLookup) === null || _e === void 0 ? void 0 : _e.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("flexible-container", { key: '3d8656a2a321fc59b178e1c55819da23a0eeab2e' }, h("div", { key: '886ca9ac98d86c73b6e75bd291ca2b1b4febaf2b', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, h(MaterialCard, { key: '0774eda8e1134c45e978571f5f2f48c5a64ecf55', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, h(MaterialCardChildren, { key: '4ab9ea61f992251f494f19f0b57c36c6e952f56d', class: "text-center", hidden: !((_h = (_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _f === void 0 ? void 0 : _f.vehicleVariantInfo) === null || _g === void 0 ? void 0 : _g.modelCode) === null || _h === void 0 ? void 0 : _h.trim()) && !((_l = (_k = (_j = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _j === void 0 ? void 0 : _j.vehicleSpecification) === null || _k === void 0 ? void 0 : _k.modelDescription) === null || _l === void 0 ? void 0 : _l.trim()) }, ((_p = (_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vehicleVariantInfo) === null || _o === void 0 ? void 0 : _o.modelCode) === null || _p === void 0 ? void 0 : _p.trim()) || '', " ", h("br", { key: 'fdec8723785d02d85b07f77b09fa2090ed93743a', class: "my-2" }), ((_s = (_r = (_q = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _q === void 0 ? void 0 : _q.vehicleSpecification) === null || _r === void 0 ? void 0 : _r.modelDescription) === null || _s === void 0 ? void 0 : _s.trim()) || '')), h(MaterialCard, { key: '0d4e8247c8cbb757cbaee3d1eda901453be18743', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, h(MaterialCardChildren, { key: 'f4b55cb0081b938a6d8b8c6366aec8554dca9d13', class: "text-center", hidden: !((_v = (_u = (_t = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _t === void 0 ? void 0 : _t.identifiers) === null || _u === void 0 ? void 0 : _u.variant) === null || _v === void 0 ? void 0 : _v.trim()) && !((_y = (_x = (_w = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _w === void 0 ? void 0 : _w.vehicleSpecification) === null || _x === void 0 ? void 0 : _x.variantDescription) === null || _y === void 0 ? void 0 : _y.trim()) }, ((_1 = (_0 = (_z = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _z === void 0 ? void 0 : _z.identifiers) === null || _0 === void 0 ? void 0 : _0.variant) === null || _1 === void 0 ? void 0 : _1.trim()) || '', " ", h("br", { key: '54268c1e00d19d5fec31da7f973012d12f87b4c8' }), ((_4 = (_3 = (_2 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _2 === void 0 ? void 0 : _2.vehicleSpecification) === null || _3 === void 0 ? void 0 : _3.variantDescription) === null || _4 === void 0 ? void 0 : _4.trim()) || '')), h(MaterialCard, { key: '0d051dc747e0e209ad8391620854ebcc35b83c38', desc: ((_7 = (_6 = (_5 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _5 === void 0 ? void 0 : _5.identifiers) === null || _6 === void 0 ? void 0 : _6.katashiki) === null || _7 === void 0 ? void 0 : _7.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.katashiki, minWidth: "250px" }), h(MaterialCard, { key: '8610bdade3fca840b1206325ef3327fa6c0512e6', desc: ((_11 = (_10 = (_9 = (_8 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _8 === void 0 ? void 0 : _8.vehicleVariantInfo) === null || _9 === void 0 ? void 0 : _9.modelYear) === null || _10 === void 0 ? void 0 : _10.toString()) === null || _11 === void 0 ? void 0 : _11.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.modelYear, minWidth: "250px" }), h(MaterialCard, { key: 'c7ee11bde32c6a40a52da1534061532fa1baa1d9', desc: !!productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), h(MaterialCard, { key: '071d67873ababef3da11e032c08301463698279d', desc: ((_14 = (_13 = (_12 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _12 === void 0 ? void 0 : _12.vehicleVariantInfo) === null || _13 === void 0 ? void 0 : _13.sfx) === null || _14 === void 0 ? void 0 : _14.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.sfx, minWidth: "250px" }))))));
     }
     static get is() { return "vehicle-specification"; }
     static get encapsulation() { return "shadow"; }
@@ -142,6 +143,26 @@ export class VehicleSpecification {
                 "setter": false,
                 "reflect": false
             },
+            "disableVinValidation": {
+                "type": "boolean",
+                "attribute": "disable-vin-validation",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "baseUrl": {
                 "type": "string",
                 "attribute": "base-url",

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

@@ -20,6 +20,7 @@ export class VehicleWarrantyDetails {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -236,11 +237,11 @@ export class VehicleWarrantyDetails {
                     : '...')),
             }));
         const templateRow = {
-            sscTableOPCode: () => h("div", { key: 'a79d0268f44a98a45b9d02f847c59edd4e2d7cb7', class: "h-[25px]" }),
-            sscTablePartNumber: () => h("div", { key: '5e3ca312c55340a560f33d4b10a370862e30c75d', class: "h-[25px]" }),
-            sscTableRepairStatus: () => h("div", { key: '8518814de0142359634bc66c00f1a9221dc7721c', class: "h-[25px]" }),
+            sscTableOPCode: () => h("div", { key: '0f594a93bb57e9701d3c9ef48196b3b180521453', class: "h-[25px]" }),
+            sscTablePartNumber: () => h("div", { key: '0f693418636f5fbb43cb82b457e777aae8ede256', class: "h-[25px]" }),
+            sscTableRepairStatus: () => h("div", { key: 'f912fd275f189281e386db08df2c1df5ff089e2f', class: "h-[25px]" }),
         };
-        return (h(Host, { key: 'db931e144807eaed58495e859c04eb660c81dcfd' }, h(VehicleInfoLayout, { key: 'b6462a5a0f7dab4c997abadae5a86348f7733806', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '871f2ee62b224c2081884a6c1cd255678d0118f6', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: 'b70716be4fe7955180db31eeaaaaf9a2e162b845', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), h("div", { key: 'cf402dc3393a6f3ad6f12508e34c0b3eaeb4001c', class: "h-[8px]" }), h("flexible-container", { key: '2510dcea8199a3b7650cd184a9c4ee87930a947a', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, h("div", { key: '0433148d32be29340345809805675721b929b1b1', style: { height: 'auto' }, class: "recaptcha-container" }, h("div", { key: '93487fffea51d1dc4bbc814174fb0e9e02aec9b4', ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })), this.recaptchaRes && (h("div", { key: 'fcf277af21bf22223a4f3b291425c1537a1bd847', class: cn('recaptcha-response', ((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.status) === 'recallExists' ? 'reject-card ' : (((_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.status) === 'noRecall' ? 'success-card ' : 'warning-card ')) }, this.locale[(_g = this.recaptchaRes) === null || _g === void 0 ? void 0 : _g.status])))), h("flexible-container", { key: '5c6c1fa3f152b1f22a2a9656267f35729e7a6a50', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: '4db8a8c1577a6227652427cea87c42463e81fd63', class: "pt-[16px]" }, h("div", { key: '53b7a1be2001e3beea83353871ff7819c5b74690', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: '361bf48e6bc6b21541e384f26007166f8844ac2d' }, this.locale.checkingTMC), h("div", { key: 'c220ee62f898401e817858a4b9d29ef0812bd054', class: "relative pt-[40px]" }, h("loading-spinner", { key: 'aa3cb0eb1c1877b5d4010335d2e8e6c0dcefecba', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: 'ed5b0ff950aa782d89e98ae1ecb8aacc56caf85e', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: '1cbf748fe5a03b96b8ca7b6b2cf5033561c3cc77', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: '86fb28f6f719caf6541a4f80d9a24ebaa890f482', class: "overflow-x-auto" }, h("information-table", { key: '20bbf0067d2a150b7aecc368b4de3382e6bc9215', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
+        return (h(Host, { key: '5c203dec4d8ff899e39a16d5dcdadffa82378e3f' }, h(VehicleInfoLayout, { key: '994a309000e795347320a196958a262f5c8f89ac', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '71232fa6456af6736b0583d25130ca385e8e6b05', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: '884fc20a832ad641771b3204c0a8db956dc23d91', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), h("div", { key: '7cc300642d687eba3b7da4c179c53d72b452d38b', class: "h-[8px]" }), h("flexible-container", { key: '5f805d3fa83482026c9a186d4bc0144512d244d5', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, h("div", { key: '7d3709ddf528445a104d6c62336884155b9b5b32', style: { height: 'auto' }, class: "recaptcha-container" }, h("div", { key: 'c0e543408d7ec003b94e028d509de24d751b6640', ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })), this.recaptchaRes && (h("div", { key: '91725072934ace20e725406f1e25e09ec6c128ec', class: cn('recaptcha-response', ((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.status) === 'recallExists' ? 'reject-card ' : (((_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.status) === 'noRecall' ? 'success-card ' : 'warning-card ')) }, this.locale[(_g = this.recaptchaRes) === null || _g === void 0 ? void 0 : _g.status])))), h("flexible-container", { key: 'c5fbfdc87a45a37fef26584dd3f9ea106b065e37', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: 'c7cfcbeabde7fb7ba660ba44516651e9a120da64', class: "pt-[16px]" }, h("div", { key: '4c587133bba7c13b017e094ac00e5e3bb27583b1', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: 'f9753621e9518c8703f1256969ed003f03dd3bf9' }, this.locale.checkingTMC), h("div", { key: '93b39075a681369e91e9dc092613b1b3e2828479', class: "relative pt-[40px]" }, h("loading-spinner", { key: 'eaba439ebdb903576867bb4ef63f21a09581573e', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: '9189f503b3505956059b2e0ee35f9cdcf05c8597', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: 'f65bd794f153ed5180a40e3d649660741d72062d', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: '6c2af31696b01ed7e480398f5a7448448f179b74', class: "overflow-x-auto" }, h("information-table", { key: '6d1b59d89c46da69d0f6a57649bed703ff534e35', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
     }
     static get is() { return "vehicle-warranty-details"; }
     static get encapsulation() { return "shadow"; }
@@ -321,6 +322,26 @@ export class VehicleWarrantyDetails {
                 "setter": false,
                 "reflect": false
             },
+            "disableVinValidation": {
+                "type": "boolean",
+                "attribute": "disable-vin-validation",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "baseUrl": {
                 "type": "string",
                 "attribute": "base-url",

package/dist/collection/components/vin-extractor/vin-extractor.js

@@ -340,7 +340,7 @@ export class VinExtractor {
     }
     render() {
         const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
-        return (h(Host, { key: '2f10a38243f01667190d1f14fe423ddd9421c719' }, h("slot", { key: '5a997e05c5a114d7e67679de12ff9070bc761c93' }), h("input", Object.assign({ key: 'bff557dd1b02868e1dd0781e3e64be05832661e9', class: "vin-extractor-input", type: "file", accept: "image/*", "aria-label": "Upload VIN image" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '12fd0911594343c6e2169040ec5e803c90f570f0', class: "video-canvas hidden", "aria-hidden": "true" }), !this.uploaderButtonId && (h("div", { key: '6448db809ef7bd11d66d028b15249d771fc29395', onClick: () => (this.isOpen = false), role: "dialog", "aria-modal": ariaExpanded.toString(), "aria-label": this.title || 'VIN Scanner', "aria-hidden": (!ariaExpanded).toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: 'bdd1eaea83aee434dbf0f7bb6d397863ec578500', role: "document", onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: '5ea0f96d24876671059f194797bf2d8397950403', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", "aria-label": "Switch camera", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8", "aria-hidden": "true" })), h("h1", { key: '8a8d04fa58f650f013a2707ba91e9ba3b632cb3e', class: "text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label", part: "form-input-label" }, this.title), h("button", { key: '865c4ce81ef68c639733f5b9b8525ed5a8f1a122', type: "button", "aria-label": "Close scanner", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: 'e55a13c10c75c12ec3d526fef85e07d159e12a2b', fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a75f55117b0a3e48d575a53cc9a09a14c524e928', d: "M18 6 6 18" }), h("path", { key: 'ecfca7887af236df1fc90ea58c9ad3830c5908bf', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: '115d4c30b802a6fe742e617c6d8bf167ae0ac2f4', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), "aria-label": this.manualCaptureLoading ? 'Capturing...' : 'Capture VIN', class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full animate-spin animate-spin-v" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: 'bf6879ba1f3d43024bf50f0c704341c208cd7688', autoPlay: true, id: "video", playsInline: true, "aria-label": "Camera preview", class: "video-player aspect-video bg-black min-w-full min-h-full object-cover object-center" }))))));
+        return (h(Host, { key: '8e0ac1852ef140bf42a0c9008e15b38d1ff5f671' }, h("slot", { key: '3fa514b82115e1f03449cad9fbe47ed7fdd1da38' }), h("input", Object.assign({ key: 'f0ef76659c92d576cbeb9f91f2ef9d38b3ee098f', class: "vin-extractor-input", type: "file", accept: "image/*", "aria-label": "Upload VIN image" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: 'ab42f7fc3f0aff61a675531b837b7025bf96dd5e', class: "video-canvas hidden", "aria-hidden": "true" }), !this.uploaderButtonId && (h("div", { key: 'a8448310522d71652b2bf891fb2dffa7fc0f65ad', onClick: () => (this.isOpen = false), role: "dialog", "aria-modal": ariaExpanded.toString(), "aria-label": this.title || 'VIN Scanner', "aria-hidden": (!ariaExpanded).toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: '1e7d92f653a543b732e2bd3bb378fc3c5f44d193', role: "document", onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: '6fcb3bbe32232eb5d382cf70019fd22ac259d902', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", "aria-label": "Switch camera", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8", "aria-hidden": "true" })), h("h1", { key: 'f15dd6acd28472f9d97a242108d61f607b44a3ec', class: "text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label", part: "form-input-label" }, this.title), h("button", { key: '7c07b017de9f030b50f37baa0b7da2c6f91bc2f5', type: "button", "aria-label": "Close scanner", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: '09f866a96566ea356a0e77091d8b33b0e7ab5104', fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2c10a91fa915223e94251bc6b93631d850534686', d: "M18 6 6 18" }), h("path", { key: 'edbaa67fee5656f99a05a351d861043e276cb494', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: '3b20be21b7dbefe10b387020aed6f24e8b870b74', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), "aria-label": this.manualCaptureLoading ? 'Capturing...' : 'Capture VIN', class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full animate-spin animate-spin-v" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: '54a946768def81ca87cf9116355c9ba9b2f4fcfa', autoPlay: true, id: "video", playsInline: true, "aria-label": "Camera preview", class: "video-player aspect-video bg-black min-w-full min-h-full object-cover object-center" }))))));
     }
     static get is() { return "vin-extractor"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/features/form-hook/form-hook.js

@@ -7,6 +7,7 @@ export class FormHook {
     constructor(context, schemaObject, formStateOptions) {
         this.haltValidation = false;
         this.isSubmitted = false;
+        this.stepFormValues = {};
         this.watchers = {};
         this.cachedValues = {};
         this.subscribers = [];
@@ -41,6 +42,23 @@ export class FormHook {
             });
             this.subscribers = this.subscribers.filter(({ name }) => name !== formName);
         };
+        this.getStepLabels = (language = 'en', selectedStep) => {
+            var _a, _b, _c, _d;
+            if (!selectedStep)
+                selectedStep = (_a = this.formStructure) === null || _a === void 0 ? void 0 : _a.currentStep;
+            let step = {
+                back: '',
+                title: '',
+                stepCell: '',
+                stepTitle: '',
+                submitButton: '',
+            };
+            try {
+                step = (_d = (_c = (_b = this.context.structure) === null || _b === void 0 ? void 0 : _b.steps) === null || _c === void 0 ? void 0 : _c[selectedStep - 1]) === null || _d === void 0 ? void 0 : _d[language];
+            }
+            catch (error) { }
+            return step;
+        };
         this.addWatcher = (key, callback) => {
             if (this.watchers[key])
                 return;
@@ -112,12 +130,15 @@ export class FormHook {
             }
         };
         this.hasItemInStructure = (target, structure = this.context.structure) => {
+            var _a;
             if (!structure)
                 return true;
             if (typeof structure === 'string') {
                 return structure === target;
             }
-            const { tag, name, children, isHidden } = structure;
+            const { tag, name, children, isHidden, step } = structure;
+            if (!!step && step != ((_a = this.formStructure) === null || _a === void 0 ? void 0 : _a.currentStep))
+                return false;
             if ((tag === target || name === target) && !isHidden)
                 return true;
             if (Array.isArray(children)) {
@@ -126,6 +147,7 @@ export class FormHook {
             return false;
         };
         this.submitForm = async () => {
+            var _a, _b, _c, _d, _e, _f;
             try {
                 this.isSubmitted = true;
                 this.context.isLoading = true;
@@ -140,7 +162,15 @@ export class FormHook {
                 });
                 const excludedFields = Object.keys(this.schemaObject.fields).filter(key => !this.hasItemInStructure(key));
                 const values = await this.schemaObject.omit(excludedFields).validate(formObject, { abortEarly: false, context: this.requiredContext });
-                await this.context.formSubmit(values);
+                if ((_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.structure) === null || _b === void 0 ? void 0 : _b.steps) {
+                    this.stepFormValues = Object.assign(Object.assign({}, this === null || this === void 0 ? void 0 : this.stepFormValues), values);
+                    if (((_e = (_d = (_c = this.context) === null || _c === void 0 ? void 0 : _c.structure) === null || _d === void 0 ? void 0 : _d.steps) === null || _e === void 0 ? void 0 : _e.length) === ((_f = this.formStructure) === null || _f === void 0 ? void 0 : _f.currentStep) - 1)
+                        await this.context.formSubmit(this.stepFormValues);
+                    else
+                        this.formStructure.currentStep += 1;
+                }
+                else
+                    await this.context.formSubmit(values);
             }
             catch (error) {
                 if (error.name === 'ValidationError') {

package/dist/collection/features/form-hook/render-structure.js

@@ -16,7 +16,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { h } from "@stencil/core";
 import cn from "../../global/lib/cn";
-export function renderStructure(structure, elementMapper, generaProps, fields) {
+export function renderStructure(structure, elementMapper, generaProps, fields, currentStep) {
+    // @ts-ignore
+    if (!!(structure === null || structure === void 0 ? void 0 : structure.step) && (structure === null || structure === void 0 ? void 0 : structure.step) !== currentStep)
+        return false;
     if (typeof structure === 'string') {
         if (typeof structure === 'string' && structure && elementMapper[structure]) {
             generaProps.props['name'] = structure;
@@ -25,14 +28,14 @@ export function renderStructure(structure, elementMapper, generaProps, fields) {
         }
     }
     else {
-        const { tag, name, children, data } = structure, props = __rest(structure, ["tag", "name", "children", "data"]);
+        const { tag, name, children, data, type } = structure, props = __rest(structure, ["tag", "name", "children", "data", "type"]);
         if (tag) {
             const Tag = tag;
-            return (h(Tag, Object.assign({}, props, { part: cn(props === null || props === void 0 ? void 0 : props.id, props === null || props === void 0 ? void 0 : props.class, `element-${tag}`, tag) }), Array.isArray(children) && children.map(child => renderStructure(child, elementMapper, Object.assign({}, generaProps), fields)), typeof children === 'object' && !Array.isArray(children) && children !== null && (children === null || children === void 0 ? void 0 : children[generaProps === null || generaProps === void 0 ? void 0 : generaProps.language])));
+            return (h(Tag, Object.assign({}, props, { part: cn(props === null || props === void 0 ? void 0 : props.id, props === null || props === void 0 ? void 0 : props.class, `element-${tag}`, tag) }), Array.isArray(children) && children.map(child => renderStructure(child, elementMapper, Object.assign({}, generaProps), fields, currentStep)), typeof children === 'object' && !Array.isArray(children) && children !== null && (children === null || children === void 0 ? void 0 : children[generaProps === null || generaProps === void 0 ? void 0 : generaProps.language])));
         }
         const newProps = Object.assign(Object.assign({}, generaProps), { props: Object.assign(Object.assign(Object.assign({}, props), (fields && fields[name] ? fields[name] : {})), { name, wrapperId: props === null || props === void 0 ? void 0 : props.id, form: generaProps.form, wrapperClass: props === null || props === void 0 ? void 0 : props.class, isLoading: generaProps.isLoading }) });
-        if (typeof name === 'string' && name && elementMapper[name])
-            return elementMapper[name](newProps);
+        if (((typeof name === 'string' && name) || (typeof type === 'string' && type)) && elementMapper[type || name])
+            return elementMapper[type || name](newProps);
     }
     return false;
 }

package/dist/collection/features/vehicle-lookup-component/vehicle-lookup-api-integration.js

@@ -31,7 +31,7 @@ export const setVehicleLookupData = async (context, newData, headers = {}, { bef
             context.vehicleLookup = undefined;
             throw new Error('vinNumberRequired');
         }
-        if (!validateVin(vin) && !(context === null || context === void 0 ? void 0 : context.isDev))
+        if (!validateVin(vin) && !(context === null || context === void 0 ? void 0 : context.isDev) && !(context === null || context === void 0 ? void 0 : context.disableVinValidation))
             throw new Error('invalidVin');
         const vehicleResponse = isVinRequest ? await getVehicleLookup(context, { scopedTimeoutRef, vin }, headers) : newData;
         if (context.networkTimeoutRef === scopedTimeoutRef) {

package/dist/components/dead-stock-lookup.js

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

package/dist/components/distributor-lookup.js

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

package/dist/components/flexible-container.js

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