adp-web-components 0.3.14 → 0.3.16

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

@@ -0,0 +1,467 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { Host, h } from "@stencil/core";
+import warrantyTimelineSchema from "../../locales/vehicleLookup/warrantyTimeline/type";
+import CoverageTimeline from "./components/CoverageTimeline";
+import { VehicleInfoLayout } from "../../features/vehicle-info-layout/index";
+import { smartInvokable } from "../../features/blazor-ref/index";
+import { setVehicleLookupData, setVehicleLookupErrorState } from "../../features/vehicle-lookup-component/index";
+import { getLocaleLanguage, getSharedLocal, sharedLocalesSchema } from "../../features/multi-lingual/index";
+/**
+ * Warranty coverage as a single dated rail: the standard warranty followed by every
+ * extended coverage in sequence.
+ *
+ * Deliberately separate from `vehicle-warranty-details` rather than a mode of it. This
+ * panel shows warranty and nothing else — no campaign table, no reCAPTCHA, no unauthorized
+ * campaign lookup — so hosts adopt it by pointing their warranty tab at this tag and can
+ * keep the original panel untouched for as long as they like.
+ */
+export class VehicleWarrantyTimeline {
+    constructor() {
+        // #region Localization
+        this.language = 'en';
+        this.locale = Object.assign({ sharedLocales: sharedLocalesSchema.getDefault() }, warrantyTimelineSchema.getDefault());
+        // #endregion
+        // #region Vehicle info layout prop
+        this.coreOnly = false;
+        this.disableVinValidation = false;
+        this.headers = {};
+        this.queryString = '';
+        this.isError = false;
+        this.isLoading = false;
+    }
+    async componentWillLoad() {
+        await this.changeLanguage(this.language);
+    }
+    async changeLanguage(newLanguage) {
+        const [sharedLocales, locale] = await Promise.all([getSharedLocal(newLanguage), getLocaleLanguage(newLanguage, 'vehicleLookup.warrantyTimeline', warrantyTimelineSchema)]);
+        this.locale = Object.assign({ sharedLocales }, locale);
+    }
+    async setBlazorRef(newBlazorRef) {
+        this.blazorRef = newBlazorRef;
+    }
+    async setMockData(newMockData) {
+        this.mockData = newMockData;
+    }
+    async fetchVin(newData, headers = {}) {
+        await setVehicleLookupData(this, newData, headers);
+    }
+    async setErrorMessage(message) {
+        setVehicleLookupErrorState(this, message);
+    }
+    async clearData() {
+        this.vehicleLookup = undefined;
+    }
+    onLoadingChange(newValue) {
+        smartInvokable.bind(this)(this.loadingStateChange, newValue);
+    }
+    // #endregion
+    render() {
+        var _a, _b;
+        return (h(Host, { key: '8d89add2d61e4dcee130eede83bea9a02733cec1', translate: "no" }, h(VehicleInfoLayout, { key: '280006f828f2ded8ecd148a8cc8a7db939e1af29', 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: '81ecffef7b0c7fcb80d657ca0cc34c0afff11a88', class: "p-[16px]" }, h(CoverageTimeline, { key: '2532220db169ace764e9da2fd23c027a5023d12a', vehicleInformation: this.vehicleLookup, locale: this.locale, isAuthorized: (_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.isAuthorized })))));
+    }
+    static get is() { return "vehicle-warranty-timeline"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["vehicle-warranty-timeline.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["vehicle-warranty-timeline.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\" | \"ru\"",
+                    "references": {
+                        "LanguageKeys": {
+                            "location": "import",
+                            "path": "~features/multi-lingual",
+                            "id": "src/features/multi-lingual/index.ts::LanguageKeys",
+                            "referenceLocation": "LanguageKeys"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "language",
+                "defaultValue": "'en'"
+            },
+            "coreOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "core-only",
+                "defaultValue": "false"
+            },
+            "isDev": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-dev"
+            },
+            "disableVinValidation": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disable-vin-validation",
+                "defaultValue": "false"
+            },
+            "baseUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "base-url"
+            },
+            "headers": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "object",
+                    "resolved": "object",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            },
+            "queryString": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "query-string",
+                "defaultValue": "''"
+            },
+            "errorCallback": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>",
+                    "resolved": "((errorMessage: OptionalKeys<{ noBaseUrl: string; invalidVin: string; vinNumberRequired: string; partNumberRequired: string; wrongResponseFormat: string; noPartsFound: string; noServiceAvailable: string; wrongFormStructure: string; wildCard: string; requestFailedPleaseTryAgainLater: string; }>) => void) | string",
+                    "references": {
+                        "BlazorInvokableFunction": {
+                            "location": "import",
+                            "path": "~features/blazor-ref",
+                            "id": "src/features/blazor-ref/index.ts::BlazorInvokableFunction",
+                            "referenceLocation": "BlazorInvokableFunction"
+                        },
+                        "ErrorKeys": {
+                            "location": "import",
+                            "path": "~features/multi-lingual",
+                            "id": "src/features/multi-lingual/index.ts::ErrorKeys",
+                            "referenceLocation": "ErrorKeys"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "error-callback"
+            },
+            "loadingStateChange": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BlazorInvokableFunction<(isLoading: boolean) => void>",
+                    "resolved": "((isLoading: boolean) => void) | string",
+                    "references": {
+                        "BlazorInvokableFunction": {
+                            "location": "import",
+                            "path": "~features/blazor-ref",
+                            "id": "src/features/blazor-ref/index.ts::BlazorInvokableFunction",
+                            "referenceLocation": "BlazorInvokableFunction"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "loading-state-change"
+            },
+            "loadedResponse": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BlazorInvokableFunction<(response: VehicleLookupDTO) => void>",
+                    "resolved": "((response: VehicleLookupDTO) => void) | string",
+                    "references": {
+                        "BlazorInvokableFunction": {
+                            "location": "import",
+                            "path": "~features/blazor-ref",
+                            "id": "src/features/blazor-ref/index.ts::BlazorInvokableFunction",
+                            "referenceLocation": "BlazorInvokableFunction"
+                        },
+                        "VehicleLookupDTO": {
+                            "location": "import",
+                            "path": "~types/generated/vehicle-lookup/vehicle-lookup-dto",
+                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO",
+                            "referenceLocation": "VehicleLookupDTO"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "loaded-response"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "locale": {},
+            "blazorRef": {},
+            "isError": {},
+            "errorMessage": {},
+            "isLoading": {},
+            "vehicleLookup": {}
+        };
+    }
+    static get methods() {
+        return {
+            "setBlazorRef": {
+                "complexType": {
+                    "signature": "(newBlazorRef: DotNetObjectReference) => Promise<void>",
+                    "parameters": [{
+                            "name": "newBlazorRef",
+                            "type": "{ invokeMethodAsync: (methodName: string, ...args: any[]) => Promise<any>; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "DotNetObjectReference": {
+                            "location": "import",
+                            "path": "~features/blazor-ref",
+                            "id": "src/features/blazor-ref/index.ts::DotNetObjectReference",
+                            "referenceLocation": "DotNetObjectReference"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setMockData": {
+                "complexType": {
+                    "signature": "(newMockData: VehicleLookupMock) => Promise<void>",
+                    "parameters": [{
+                            "name": "newMockData",
+                            "type": "{ [key: string]: VehicleLookupDTO; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "VehicleLookupMock": {
+                            "location": "import",
+                            "path": "~features/vehicle-lookup-component",
+                            "id": "src/features/vehicle-lookup-component/index.ts::VehicleLookupMock",
+                            "referenceLocation": "VehicleLookupMock"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "fetchVin": {
+                "complexType": {
+                    "signature": "(newData: VehicleLookupDTO | string, headers?: any) => Promise<void>",
+                    "parameters": [{
+                            "name": "newData",
+                            "type": "string | VehicleLookupDTO",
+                            "docs": ""
+                        }, {
+                            "name": "headers",
+                            "type": "any",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "VehicleLookupDTO": {
+                            "location": "import",
+                            "path": "~types/generated/vehicle-lookup/vehicle-lookup-dto",
+                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO",
+                            "referenceLocation": "VehicleLookupDTO"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setErrorMessage": {
+                "complexType": {
+                    "signature": "(message: ErrorKeys) => Promise<void>",
+                    "parameters": [{
+                            "name": "message",
+                            "type": "\"noBaseUrl\" | \"invalidVin\" | \"vinNumberRequired\" | \"partNumberRequired\" | \"wrongResponseFormat\" | \"noPartsFound\" | \"noServiceAvailable\" | \"wrongFormStructure\" | \"wildCard\" | \"requestFailedPleaseTryAgainLater\"",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "ErrorKeys": {
+                            "location": "import",
+                            "path": "~features/multi-lingual",
+                            "id": "src/features/multi-lingual/index.ts::ErrorKeys",
+                            "referenceLocation": "ErrorKeys"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "clearData": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "language",
+                "methodName": "changeLanguage"
+            }, {
+                "propName": "isLoading",
+                "methodName": "onLoadingChange"
+            }];
+    }
+}

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

@@ -509,7 +509,7 @@ export class VinExtractor {
     }
     render() {
         const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
-        return (h(Host, { key: '1ff8673b1b5b558e48195ff4a5dffb601f4df400', translate: "no" }, h("slot", { key: '141632d549023a8844e00f368800413c3d3f5ae1' }), h("input", Object.assign({ key: 'b31c624aa5645e2c3b072e8670f3320780282916', class: "vin-extractor-input", type: "file", accept: "image/*", "aria-label": "Upload VIN image" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: 'f2548d3165543fb393162b1380519384e10b3756', class: "video-canvas hidden", "aria-hidden": "true" }), !this.uploaderButtonId && (h("div", { key: '19a2bcef94d35d577372da276191fc45dbd3f2f4', 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: '0cf4f673cc4bb488f94fda3e6266f8149beee2e7', 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: '15125671c2538fc857adb272ad6415a11b9f95c3', 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: '068bbeb6ad3d6d498fdc2b72ce5083a8adca922f', 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: '407c763fd76550e9c72cb619d6bb92ba254edafa', 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: '438fb370d3d9a68dd80f7cbf567456212b2d1698', 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: '3f13795d2a48d2208dd411e038cbd5bdb07dc242', d: "M18 6 6 18" }), h("path", { key: 'a8d4b792a4af01680cb9d1d09f0bd1d53916ba0b', d: "m6 6 12 12" })))), this.manualCapture && !!this.manualCaptureHint && !this.manualCaptureLoading && (h("p", { key: 'f46d1cdd7b28b4490c512a07aa7bccaf84195da3', "aria-hidden": "true", class: "vin-extractor-manual-capture-hint absolute left-1/2 -translate-x-1/2 bottom-[88px] z-10 m-0 px-3 py-1 rounded-full bg-black/55 text-white text-center text-[13px] leading-[1.3] whitespace-nowrap pointer-events-none" }, this.manualCaptureHint)), this.manualCapture && (h("button", { key: '820b7e82b3eb09fc70bf866f037dd998b8610e38', type: "button", part: "vin-extractor-capture-button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), "aria-label": this.manualCaptureLoading ? 'Capturing...' : this.manualCaptureLabel || 'Capture VIN', class: cn('vin-extractor-capture-button 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] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4', this.manualCaptureLabel ? 'px-6 min-w-[140px] gap-2 text-[15px] font-medium whitespace-nowrap' : 'w-[100px]') }, 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: cn('animate-spin animate-spin-v', this.manualCaptureLabel ? 'size-[22px]' : 'size-full') }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : this.manualCaptureLabel ? (h("span", null, this.manualCaptureLabel)) : (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: '7306ed5a622ba2963f9c41438069f367bc98180a', 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: 'eaf5dc6e076444916c00028e322b3b6402e4321e', translate: "no" }, h("slot", { key: 'be2273b5fb3f36d111aff846d38c154b2e9da550' }), h("input", Object.assign({ key: '3fe186770bdb1593820b1514de65d93bd738f33b', class: "vin-extractor-input", type: "file", accept: "image/*", "aria-label": "Upload VIN image" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '74fa5018b796311cfb1206d14dcf6b3f858a7e55', class: "video-canvas hidden", "aria-hidden": "true" }), !this.uploaderButtonId && (h("div", { key: 'a5ae31db15c4604130d8f1404a0726272fcedaff', 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: 'b7da59d22a912fef2707a891f46030c6a1b4d1ab', 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: 'f8ae5b1fd167e79015559644fe0dc792cdcd0e3e', 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: '91c56dfe207bc52041a6cf2be62c5850f5624675', 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: 'bc018b20c1ea817dbdcd5aae846e008de1f1b036', 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: '757e14f25b86d93080237e80372997bd9c80b6c2', 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: '84455cdd6380423f2be56b8aa36d39435686291f', d: "M18 6 6 18" }), h("path", { key: 'c68dd2a5c221ede6969539677b48698dc46e4bd6', d: "m6 6 12 12" })))), this.manualCapture && !!this.manualCaptureHint && !this.manualCaptureLoading && (h("p", { key: 'e7a1bd61c895985c6a42deb3104f21309a846942', "aria-hidden": "true", class: "vin-extractor-manual-capture-hint absolute left-1/2 -translate-x-1/2 bottom-[88px] z-10 m-0 px-3 py-1 rounded-full bg-black/55 text-white text-center text-[13px] leading-[1.3] whitespace-nowrap pointer-events-none" }, this.manualCaptureHint)), this.manualCapture && (h("button", { key: 'c39e85a986f57282d038db94eaba4413a1fea804', type: "button", part: "vin-extractor-capture-button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), "aria-label": this.manualCaptureLoading ? 'Capturing...' : this.manualCaptureLabel || 'Capture VIN', class: cn('vin-extractor-capture-button 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] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4', this.manualCaptureLabel ? 'px-6 min-w-[140px] gap-2 text-[15px] font-medium whitespace-nowrap' : 'w-[100px]') }, 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: cn('animate-spin animate-spin-v', this.manualCaptureLabel ? 'size-[22px]' : 'size-full') }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : this.manualCaptureLabel ? (h("span", null, this.manualCaptureLabel)) : (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: '5d245e88fe6e740d1b2f59add369d62b17debd0d', 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/global/assets/hourglass-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const HourglassIcon = props => (h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5 22h14" }), h("path", { d: "M5 2h14" }), h("path", { d: "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22" }), h("path", { d: "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2" })));

package/dist/collection/global/assets/lock-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const LockIcon = props => (h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }), h("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })));

package/dist/collection/global/types/generated/vehicle-lookup/vehicle-extended-warranty-dto.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/global/types/generated/vehicle-lookup/vehicle-service-item-lock-dto.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/global/types/generated/vehicle-lookup/vehicle-service-item-prerequisite-dto.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/locale-mapper.js

@@ -61,7 +61,8 @@ const localeMapper = {
         "locales/vehicleLookup/saleInformation/",
         "locales/vehicleLookup/serviceHistory/",
         "locales/vehicleLookup/specification/",
-        "locales/vehicleLookup/warranty/"
+        "locales/vehicleLookup/warranty/",
+        "locales/vehicleLookup/warrantyTimeline/"
     ],
     "vehicleLookup.claimableItems": [
         "locales/vehicleLookup/claimableItems/"
@@ -81,6 +82,9 @@ const localeMapper = {
     "vehicleLookup.warranty": [
         "locales/vehicleLookup/warranty/"
     ],
+    "vehicleLookup.warrantyTimeline": [
+        "locales/vehicleLookup/warrantyTimeline/"
+    ],
     "forms*": [
         "locales/forms/"
     ]

package/dist/collection/locales/vehicleLookup/warrantyTimeline/type.js

@@ -0,0 +1,31 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import yupTypeMapper from "../../../global/lib/yup-type-mapper";
+const warrantyTimelineSchema = yupTypeMapper([
+    'dealer',
+    'activatedBy',
+    'broker',
+    'authorized',
+    'unauthorized',
+    'activeWarranty',
+    'notActiveWarranty',
+    'warrantyCoverage',
+    'totalPlannedProtection',
+    'standardWarranty',
+    'standardWarrantyMark',
+    'extendedWarranty',
+    'standard',
+    'extended',
+    'today',
+    'year',
+    'years',
+    'month',
+    'months',
+    'warrantyNotStarted',
+    'awaitingBrokerInvoice',
+    'awaitingEndCustomerSale',
+    'awaitingActivation',
+]);
+export default warrantyTimelineSchema;