adp-web-components 0.0.89 → 0.0.91

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

@@ -3,22 +3,30 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
-import Loader from "~assets/loader.svg";
-import SSCTable from "./components/SSCTable";
-import CardsContainer from "./components/CardsContainer";
 import cn from "../../global/lib/cn";
-import { getLocaleLanguage, getSharedLocal, sharedLocalesSchema } from "../../global/lib/get-local-language";
-import { getVehicleInformation } from "../../global/api/vehicleInformation";
 import warrantySchema from "../../locales/vehicleLookup/warranty/type";
-let mockData = {};
-export class WarrantyDetails {
+import CardsContainer from "./components/CardsContainer";
+import XIcon from "~assets/x-mark.svg";
+import CheckIcon from "~assets/check.svg";
+import { VehicleInfoLayout } from "../../features/vehicle-info-layout/index";
+import { setVehicleLookupData, setVehicleLookupErrorState } from "../../features/vehicle-lookup-component/vehicle-lookup-api-integration";
+import { getLocaleLanguage, getSharedLocal, sharedLocalesSchema } from "../../features/multi-lingual/index";
+export class VehicleWarrantyDetails {
     constructor() {
-        this.baseUrl = '';
-        this.isDev = false;
-        this.showSsc = false;
+        // ====== Start Localization
+        this.language = 'en';
+        this.locale = Object.assign({ sharedLocales: sharedLocalesSchema.getDefault() }, warrantySchema.getDefault());
+        // ====== End Localization
+        // ====== Start Vehicle info layout prop
+        this.coreOnly = false;
+        this.headers = {};
         this.queryString = '';
+        this.isError = false;
+        this.isLoading = false;
+        // ====== End Vehicle Lookup Component Shared Logic
+        // ====== Start Component Logic
+        this.showSsc = false;
         this.recaptchaKey = '';
-        this.language = 'en';
         this.showWarranty = false;
         this.unauthorizedSscLookupBaseUrl = '';
         this.unauthorizedSscLookupQueryString = '';
@@ -33,54 +41,48 @@ export class WarrantyDetails {
         this.customerName = null;
         this.customerPhone = null;
         this.customerEmail = null;
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.state = 'idle';
-        this.externalVin = null;
         this.showRecaptcha = false;
-        this.errorMessage = null;
         this.unInvoicedByBrokerName = null;
-        this.vehicleInformation = undefined;
         this.checkingUnauthorizedSSC = false;
         this.recaptchaRes = null;
-        this.headers = {};
-        this.sharedLocales = sharedLocalesSchema.getDefault();
-        this.locale = warrantySchema.getDefault();
     }
     async componentWillLoad() {
         await this.changeLanguage(this.language);
     }
     async changeLanguage(newLanguage) {
-        const localeResponses = await Promise.all([getLocaleLanguage(newLanguage, 'vehicleLookup.warranty', warrantySchema), getSharedLocal(newLanguage)]);
-        this.locale = localeResponses[0];
-        this.sharedLocales = localeResponses[1];
+        const [sharedLocales, locale] = await Promise.all([getSharedLocal(newLanguage), getLocaleLanguage(newLanguage, 'vehicleLookup.warranty', warrantySchema)]);
+        this.locale = Object.assign({ sharedLocales }, locale);
     }
-    handleSettingData(response) {
-        var _a, _b, _c;
-        if (response.warranty === null)
-            response.warranty = {
-                warrantyEndDate: '',
-                warrantyStartDate: '',
-                hasActiveWarranty: false,
-                hasExtendedWarranty: false,
-                extendedWarrantyEndDate: '',
-                extendedWarrantyStartDate: '',
-            };
-        if (response.ssc === null)
-            response.ssc = [];
-        this.unInvoicedByBrokerName = null;
-        if (((_a = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
-            this.unInvoicedByBrokerName = response.saleInformation.broker.brokerName;
-        this.vehicleInformation = response;
+    async setMockData(newMockData) {
+        this.mockData = newMockData;
+    }
+    async fetchData(newData, headers = {}) {
+        this.recaptchaRes = null;
+        clearInterval(this.recaptchaIntervalRef);
+        await setVehicleLookupData(this, newData, headers, {
+            beforeAssignment: async (response, { scopedTimeoutRef }) => {
+                var _a, _b, _c;
+                if (((_a = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
+                    this.unInvoicedByBrokerName = response.saleInformation.broker.brokerName;
+                else
+                    this.unInvoicedByBrokerName = null;
+                await this.handleInitializingRecaptcha(response, scopedTimeoutRef);
+                return response;
+            },
+        });
+    }
+    async setErrorMessage(message) {
+        setVehicleLookupErrorState(this, message);
+    }
+    onLoadingChange(newValue) {
+        if (this.loadingStateChange)
+            this.loadingStateChange(newValue);
     }
-    async handleInitializingRecaptcha(vin, scopedTimeoutRef) {
-        var _a;
-        if (((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.isAuthorized) === false && this.showSsc && this.recaptchaKey !== '') {
+    async handleInitializingRecaptcha(newVehicleLookup, scopedTimeoutRef) {
+        if ((newVehicleLookup === null || newVehicleLookup === void 0 ? void 0 : newVehicleLookup.isAuthorized) === false && this.showSsc && this.recaptchaKey !== '') {
             grecaptcha.reset();
-            await new Promise(r => setTimeout(r, 400));
+            // await new Promise(r => setTimeout(r, 400));
             this.recaptchaIntervalRef = setInterval(async () => {
-                var _a;
                 const recaptchaResponse = grecaptcha.getResponse();
                 if (recaptchaResponse) {
                     clearInterval(this.recaptchaIntervalRef);
@@ -98,8 +100,7 @@ export class WarrantyDetails {
                     else {
                         this.checkingUnauthorizedSSC = true;
                         this.showRecaptcha = false;
-                        ///
-                        const response = await fetch(`${this.unauthorizedSscLookupBaseUrl}${vin}/${(_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.sscLogId}?${this.unauthorizedSscLookupQueryString}`, {
+                        const response = await fetch(`${this.unauthorizedSscLookupBaseUrl}${newVehicleLookup === null || newVehicleLookup === void 0 ? void 0 : newVehicleLookup.vin}/${newVehicleLookup === null || newVehicleLookup === void 0 ? void 0 : newVehicleLookup.sscLogId}?${this.unauthorizedSscLookupQueryString}`, {
                             signal: this.abortController.signal,
                             headers: Object.assign(Object.assign({}, this.headers), { 'Ssc-Recaptcha-Token': recaptchaResponse }),
                         });
@@ -123,59 +124,6 @@ export class WarrantyDetails {
             this.showRecaptcha = false;
         }
     }
-    async setData(newData, headers = {}) {
-        this.recaptchaRes = null;
-        this.headers = headers;
-        clearTimeout(this.networkTimeoutRef);
-        clearInterval(this.recaptchaIntervalRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.state = 'idle';
-                return;
-            }
-            if (this.state === 'data' || this.state === 'error') {
-                this.state = (this.state + '-loading');
-            }
-            else
-                this.state = 'loading';
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 600);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                this.handleSettingData(vehicleResponse);
-                this.handleInitializingRecaptcha(vin, scopedTimeoutRef);
-            }
-            this.errorMessage = null;
-            this.state = 'data';
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.state = 'error';
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
     async componentDidLoad() {
         if (this.recaptchaKey !== '') {
             const script = document.createElement('script');
@@ -186,38 +134,85 @@ export class WarrantyDetails {
             document.head.appendChild(script);
         }
     }
-    async setMockData(newMockData) {
-        mockData = newMockData;
-    }
-    async loadingListener() {
-        if (this.loadingStateChange)
-            this.loadingStateChange(this.state.includes('loading'));
-    }
+    // ====== End Component Logic
     render() {
-        var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '51f18b7dcd531e62890f8770b6a3c101582732da' }, h("div", { key: 'e760f59c7504b93af3d0c32fb07b0c886d6a25b7', dir: this.sharedLocales.direction, class: "min-h-[100px] warranty" }, h("div", { key: 'f1b3d4eef18eed1f434d1c6c54943f2dcb131bd2' }, h("loading-spinner", { key: '7d3f893081ca0a424aa840ba678d5ff95f18581f', isLoading: this.state.includes('loading') }), h("div", { key: '33c7acd0a4846711c090037b578735f7dd5d7ee4', class: "transition-all !duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (h("div", { key: 'bd5d2cbd5b00aa3be39ff1f19d8c7f7c8eaffffd', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '5dcd1811c88742d148876856a10cebdf025b97ff', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'bb73dcd45785a10ce2751852fa2c54b239067289', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.sharedLocales.errors[this.errorMessage] || this.sharedLocales.errors.wildCard))), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '911af0bee5d12c62426e03c8daaf69299b1cd49e', warrantyLocale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, vehicleInformation: this.vehicleInformation })), h("div", { key: '1a6c36ff17c97a39ab66cd2cf00ce6b98976dacd', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: 'a901bf3e9d5c6f64faa3be9a2af118f19a1b3864' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'b2d5463ff37fc3aaaa66fdf72a9bcc9dd6d42130', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: '4fd0c52ea3644a6d5b0eea751b1c1856c64ee378', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '5ea2534d0b9525cb1cbf71ebc365c62abb7a529f' }, h("strong", { key: 'c8b3810b3a44b8e56e02a28db96563c8f7febcb8' }, this.locale.checkingTMC)), h("img", { key: '068cfa85856df2395e80435ed0c596fc9c34e442', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.ssc) !== null && !!((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc.length) && (h(SSCTable, { key: '4f1f66dfde513e2d30deb5f6e2ff58c5a11867e3', warrantyLocale: this.locale, ssc: (_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc })))))));
+        var _a, _b, _c, _d, _e, _f;
+        const tableHeaders = [
+            {
+                width: 200,
+                key: 'sscTableCode',
+                label: this.locale.sscTableCode,
+            },
+            {
+                width: 400,
+                key: 'sscTableDescription',
+                label: this.locale.sscTableDescription,
+            },
+            {
+                width: 200,
+                key: 'sscTableRepairStatus',
+                label: this.locale.sscTableRepairStatus,
+            },
+            {
+                width: 200,
+                key: 'sscTableOPCode',
+                label: this.locale.sscTableOPCode,
+            },
+            {
+                width: 200,
+                key: 'sscTablePartNumber',
+                label: this.locale.sscTablePartNumber,
+            },
+        ];
+        const rows = !((_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.ssc)
+            ? []
+            : (_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.ssc.map(sscItem => ({
+                sscTableCode: sscItem === null || sscItem === void 0 ? void 0 : sscItem.sscCode,
+                sscTableDescription: sscItem === null || sscItem === void 0 ? void 0 : sscItem.description,
+                sscTableRepairStatus: () => (h("div", { class: "table-cell-container" }, h("img", { class: "table-status-icon", src: (sscItem === null || sscItem === void 0 ? void 0 : sscItem.repaired) ? CheckIcon : XIcon }), " ", sscItem === null || sscItem === void 0 ? void 0 :
+                    sscItem.repairDate)),
+                sscTableOPCode: () => (h("div", { class: "table-cell-container table-cell-labors-container" }, !!(sscItem === null || sscItem === void 0 ? void 0 : sscItem.labors.length)
+                    ? sscItem === null || sscItem === void 0 ? void 0 : sscItem.labors.map(labor => (h("div", { key: labor === null || labor === void 0 ? void 0 : labor.laborCode, class: "success" }, labor === null || labor === void 0 ? void 0 : labor.laborCode)))
+                    : '...')),
+                sscTablePartNumber: () => (h("div", { class: "table-cell-container table-cell-parts-container" }, !!(sscItem === null || sscItem === void 0 ? void 0 : sscItem.parts.length)
+                    ? sscItem === null || sscItem === void 0 ? void 0 : sscItem.parts.map(part => (h("div", { key: part === null || part === void 0 ? void 0 : part.partNumber, class: (part === null || part === void 0 ? void 0 : part.isAvailable) ? 'success' : 'reject' }, part === null || part === void 0 ? void 0 : part.partNumber)))
+                    : '...')),
+            }));
+        const templateRow = {
+            sscTableOPCode: () => h("div", { key: '2bf9883223f556cade2096a4a65301b150c07519', class: "h-[25px]" }),
+            sscTablePartNumber: () => h("div", { key: 'b565fc2b9099e4466d0d125888ec560194b7075f', class: "h-[25px]" }),
+            sscTableRepairStatus: () => h("div", { key: '111268a1f665d8d8d7233123bac0ec7fd526ccb4', class: "h-[25px]" }),
+        };
+        return (h(Host, { key: 'af4f7f264e7683b9436340a36a3262ecb001c921' }, h(VehicleInfoLayout, { key: 'f37e2908aa9656fedeac6442ca8286ce9a9976e6', 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: 'b0015df327ff5673695ced677cde2d95fade6c93', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: 'c9e5d546d9f9f6e01b187dfd9c5c02d1073303d6', 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: 'f2132df8863b519ebdbd59ef99f2ee6a22d9e0c7', class: "h-[8px]" }), h("flexible-container", { key: '609efd9db96dfe055890e4e04ff623b345e1de90', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, h("div", { key: '2735b5323442a39bbb0de0bfbee3e0a3fead21df', style: { height: 'auto' }, class: "recaptcha-container" }, h("slot", { key: '023c78bd79b515e541d0a0e973e2b46870db26c8' })), this.recaptchaRes && (h("div", { key: '2dddeaed43b4929feec4751d162a29a3caf8ea6e', class: cn('recaptcha-response', !((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.hasSSC) ? 'success-card' : 'reject-card ') }, this.locale[(_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.message])))), h("flexible-container", { key: 'dec279857eb74e870c6b2c42f2791fd870ecf933', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: '555873f6a881158e284edb0f3e5300e6b34d1c5f', class: "pt-[16px]" }, h("div", { key: '834c14261475bf3712ddddb35f009615fc84ab3e', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: '1d36783f3c926fe06825b0eb4ab8b3c27a026a08' }, this.locale.checkingTMC), h("div", { key: 'fd212eeedcc50149bdd41c76318a38b1a766ee63', class: "relative pt-[40px]" }, h("loading-spinner", { key: '7d9ace19a08b0eedd48663e462de823aba4a420e', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: 'ec08b847e156a8a0ea2f9d599835c3e77d612ad6', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: '849df6df9a3c11af46446b3ae16a61c19665a7fe', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: 'e1f0c2091342d28f598076802966fd23d7354a1e', class: "overflow-x-auto" }, h("information-table", { key: '0ef1792b51ed62f5b0ab280d9805b27739a0d120', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
     }
-    static get is() { return "warranty-details"; }
+    static get is() { return "vehicle-warranty-details"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["warranty-details.css"]
+            "$": ["vehicle-warranty-details.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["warranty-details.css"]
+            "$": ["vehicle-warranty-details.css"]
         };
     }
     static get properties() {
         return {
-            "baseUrl": {
+            "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\" | \"ru\"",
+                    "references": {
+                        "LanguageKeys": {
+                            "location": "import",
+                            "path": "~features/multi-lingual",
+                            "id": "src/features/multi-lingual/index.ts::LanguageKeys"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -225,12 +220,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "base-url",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
-                "defaultValue": "''"
+                "defaultValue": "'en'"
             },
-            "isDev": {
+            "coreOnly": {
                 "type": "boolean",
+                "attribute": "core-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -243,12 +240,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-dev",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "showSsc": {
+            "isDev": {
                 "type": "boolean",
+                "attribute": "is-dev",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -261,12 +260,13 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-ssc",
-                "reflect": false,
-                "defaultValue": "false"
+                "getter": false,
+                "setter": false,
+                "reflect": false
             },
-            "queryString": {
+            "baseUrl": {
                 "type": "string",
+                "attribute": "base-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -279,12 +279,32 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "query-string",
-                "reflect": false,
-                "defaultValue": "''"
+                "getter": false,
+                "setter": false,
+                "reflect": false
             },
-            "recaptchaKey": {
+            "headers": {
+                "type": "unknown",
+                "attribute": "headers",
+                "mutable": false,
+                "complexType": {
+                    "original": "object",
+                    "resolved": "object",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            },
+            "queryString": {
                 "type": "string",
+                "attribute": "query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -297,36 +317,120 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "recaptcha-key",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "language": {
-                "type": "string",
+            "errorCallback": {
+                "type": "unknown",
+                "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "LanguageKeys",
-                    "resolved": "\"ar\" | \"en\" | \"ku\" | \"ru\"",
+                    "original": "(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",
                     "references": {
-                        "LanguageKeys": {
+                        "ErrorKeys": {
+                            "location": "import",
+                            "path": "~features/multi-lingual",
+                            "id": "src/features/multi-lingual/index.ts::ErrorKeys"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "loadingStateChange": {
+                "type": "unknown",
+                "attribute": "loading-state-change",
+                "mutable": false,
+                "complexType": {
+                    "original": "(isLoading: boolean) => void",
+                    "resolved": "(isLoading: boolean) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "loadedResponse": {
+                "type": "unknown",
+                "attribute": "loaded-response",
+                "mutable": false,
+                "complexType": {
+                    "original": "(response: VehicleLookupDTO) => void",
+                    "resolved": "(response: VehicleLookupDTO) => void",
+                    "references": {
+                        "VehicleLookupDTO": {
                             "location": "import",
-                            "path": "~types/locale",
-                            "id": "src/global/types/locale.ts::LanguageKeys"
+                            "path": "~types/generated/vehicle-lookup/vehicle-lookup-dto",
+                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO"
                         }
                     }
                 },
                 "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "showSsc": {
+                "type": "boolean",
+                "attribute": "show-ssc",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
-                "defaultValue": "'en'"
+                "defaultValue": "false"
+            },
+            "recaptchaKey": {
+                "type": "string",
+                "attribute": "recaptcha-key",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
             },
             "showWarranty": {
                 "type": "boolean",
+                "attribute": "show-warranty",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -339,12 +443,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-warranty",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "unauthorizedSscLookupBaseUrl": {
                 "type": "string",
+                "attribute": "unauthorized-ssc-lookup-base-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -357,12 +463,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "unauthorized-ssc-lookup-base-url",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "''"
             },
             "unauthorizedSscLookupQueryString": {
                 "type": "string",
+                "attribute": "unauthorized-ssc-lookup-query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -375,12 +483,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "unauthorized-ssc-lookup-query-string",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "''"
             },
             "cityId": {
                 "type": "string",
+                "attribute": "city-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -393,12 +503,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "city-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "cityIntegrationId": {
                 "type": "string",
+                "attribute": "city-integration-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -411,12 +523,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "city-integration-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "companyId": {
                 "type": "string",
+                "attribute": "company-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -429,12 +543,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "company-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "companyIntegrationId": {
                 "type": "string",
+                "attribute": "company-integration-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -447,12 +563,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "company-integration-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "companyBranchId": {
                 "type": "string",
+                "attribute": "company-branch-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -465,12 +583,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "company-branch-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "companyBranchIntegrationId": {
                 "type": "string",
+                "attribute": "company-branch-integration-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -483,12 +603,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "company-branch-integration-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "userId": {
                 "type": "string",
+                "attribute": "user-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -501,12 +623,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "user-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "brandIntegrationId": {
                 "type": "string",
+                "attribute": "brand-integration-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -519,12 +643,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "brand-integration-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "customerName": {
                 "type": "string",
+                "attribute": "customer-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -537,12 +663,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "customer-name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "customerPhone": {
                 "type": "string",
+                "attribute": "customer-phone",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -555,12 +683,14 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "customer-phone",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
             },
             "customerEmail": {
                 "type": "string",
+                "attribute": "customer-email",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -573,126 +703,34 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "customer-email",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
-            },
-            "errorCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(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",
-                    "references": {
-                        "ErrorKeys": {
-                            "location": "import",
-                            "path": "~lib/get-local-language",
-                            "id": "src/global/lib/get-local-language.ts::ErrorKeys"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "loadingStateChange": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(isLoading: boolean) => void",
-                    "resolved": "(isLoading: boolean) => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "loadedResponse": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(response: VehicleInformation) => void",
-                    "resolved": "(response: VehicleInformation) => void",
-                    "references": {
-                        "VehicleInformation": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
             }
         };
     }
     static get states() {
         return {
-            "state": {},
-            "externalVin": {},
-            "showRecaptcha": {},
+            "locale": {},
+            "isError": {},
             "errorMessage": {},
+            "isLoading": {},
+            "vehicleLookup": {},
+            "showRecaptcha": {},
             "unInvoicedByBrokerName": {},
-            "vehicleInformation": {},
             "checkingUnauthorizedSSC": {},
-            "recaptchaRes": {},
-            "headers": {},
-            "sharedLocales": {},
-            "locale": {}
+            "recaptchaRes": {}
         };
     }
     static get methods() {
         return {
-            "setData": {
-                "complexType": {
-                    "signature": "(newData: VehicleInformation | string, headers?: any) => Promise<void>",
-                    "parameters": [{
-                            "name": "newData",
-                            "type": "string | VehicleInformation",
-                            "docs": ""
-                        }, {
-                            "name": "headers",
-                            "type": "any",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "VehicleInformation": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
-                        },
-                        "ReturnType": {
-                            "location": "global",
-                            "id": "global::ReturnType"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "setErrorMessage": {
+            "setMockData": {
                 "complexType": {
-                    "signature": "(message: ErrorKeys) => Promise<void>",
+                    "signature": "(newMockData: VehicleLookupMock) => Promise<void>",
                     "parameters": [{
-                            "name": "message",
-                            "type": "\"noBaseUrl\" | \"invalidVin\" | \"vinNumberRequired\" | \"partNumberRequired\" | \"wrongResponseFormat\" | \"noPartsFound\" | \"noServiceAvailable\" | \"wrongFormStructure\" | \"wildCard\" | \"requestFailedPleaseTryAgainLater\"",
+                            "name": "newMockData",
+                            "type": "{ [key: string]: VehicleLookupDTO; }",
                             "docs": ""
                         }],
                     "references": {
@@ -700,10 +738,10 @@ export class WarrantyDetails {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "ErrorKeys": {
+                        "VehicleLookupMock": {
                             "location": "import",
-                            "path": "~lib/get-local-language",
-                            "id": "src/global/lib/get-local-language.ts::ErrorKeys"
+                            "path": "~features/vehicle-lookup-component",
+                            "id": "src/features/vehicle-lookup-component/index.ts::VehicleLookupMock"
                         }
                     },
                     "return": "Promise<void>"
@@ -715,10 +753,10 @@ export class WarrantyDetails {
             },
             "fetchData": {
                 "complexType": {
-                    "signature": "(requestedVin?: string, headers?: any) => Promise<void>",
+                    "signature": "(newData: VehicleLookupDTO | string, headers?: any) => Promise<void>",
                     "parameters": [{
-                            "name": "requestedVin",
-                            "type": "string",
+                            "name": "newData",
+                            "type": "string | VehicleLookupDTO",
                             "docs": ""
                         }, {
                             "name": "headers",
@@ -729,6 +767,11 @@ export class WarrantyDetails {
                         "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"
                         }
                     },
                     "return": "Promise<void>"
@@ -738,12 +781,12 @@ export class WarrantyDetails {
                     "tags": []
                 }
             },
-            "setMockData": {
+            "setErrorMessage": {
                 "complexType": {
-                    "signature": "(newMockData: MockJson<VehicleInformation>) => Promise<void>",
+                    "signature": "(message: ErrorKeys) => Promise<void>",
                     "parameters": [{
-                            "name": "newMockData",
-                            "type": "{ [key: string]: VehicleInformation; }",
+                            "name": "message",
+                            "type": "\"noBaseUrl\" | \"invalidVin\" | \"vinNumberRequired\" | \"partNumberRequired\" | \"wrongResponseFormat\" | \"noPartsFound\" | \"noServiceAvailable\" | \"wrongFormStructure\" | \"wildCard\" | \"requestFailedPleaseTryAgainLater\"",
                             "docs": ""
                         }],
                     "references": {
@@ -751,15 +794,10 @@ export class WarrantyDetails {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "MockJson": {
-                            "location": "import",
-                            "path": "~types/components",
-                            "id": "src/global/types/components.ts::MockJson"
-                        },
-                        "VehicleInformation": {
+                        "ErrorKeys": {
                             "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
+                            "path": "~features/multi-lingual",
+                            "id": "src/features/multi-lingual/index.ts::ErrorKeys"
                         }
                     },
                     "return": "Promise<void>"
@@ -777,8 +815,8 @@ export class WarrantyDetails {
                 "propName": "language",
                 "methodName": "changeLanguage"
             }, {
-                "propName": "state",
-                "methodName": "loadingListener"
+                "propName": "isLoading",
+                "methodName": "onLoadingChange"
             }];
     }
 }