adp-web-components 0.0.90 → 0.0.92

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

@@ -4,23 +4,29 @@
  */
 import { Host, h } from "@stencil/core";
 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";
 import CardsContainer from "./components/CardsContainer";
-import { VehicleInfoLayout } from "../components/vehicle-info-layout";
-import XIcon from "./assets/x-mark.svg";
-import CheckIcon from "./assets/check.svg";
-let mockData = {};
+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.coreOnly = false;
-        this.language = 'en';
         this.showWarranty = false;
         this.unauthorizedSscLookupBaseUrl = '';
         this.unauthorizedSscLookupQueryString = '';
@@ -35,50 +41,48 @@ export class VehicleWarrantyDetails {
         this.customerName = null;
         this.customerPhone = null;
         this.customerEmail = null;
-        this.state = 'idle';
-        this.externalVin = null;
         this.showRecaptcha = false;
-        this.errorMessage = null;
         this.unInvoicedByBrokerName = null;
         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 handleInitializingRecaptcha(vin, scopedTimeoutRef) {
-        var _a;
-        if (((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.isAuthorized) === false && this.showSsc && this.recaptchaKey !== '') {
+    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(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));
             this.recaptchaIntervalRef = setInterval(async () => {
-                var _a;
                 const recaptchaResponse = grecaptcha.getResponse();
                 if (recaptchaResponse) {
                     clearInterval(this.recaptchaIntervalRef);
@@ -96,7 +100,7 @@ export class VehicleWarrantyDetails {
                     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 }),
                         });
@@ -120,59 +124,6 @@ export class VehicleWarrantyDetails {
             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');
@@ -183,17 +134,9 @@ export class VehicleWarrantyDetails {
             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, _f;
-        const isLoading = this.state.includes('loading');
-        const isError = this.state.includes('error');
         const tableHeaders = [
             {
                 width: 200,
@@ -221,9 +164,9 @@ export class VehicleWarrantyDetails {
                 label: this.locale.sscTablePartNumber,
             },
         ];
-        const rows = !((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.ssc)
+        const rows = !((_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.ssc)
             ? []
-            : (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.ssc.map(sscItem => ({
+            : (_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 :
@@ -236,11 +179,11 @@ export class VehicleWarrantyDetails {
                     : '...')),
             }));
         const templateRow = {
-            sscTableOPCode: () => h("div", { key: '16198c767d3f0ed5d1edf988caf6556e9642c49e', class: "h-[25px]" }),
-            sscTablePartNumber: () => h("div", { key: '6b3b6c9f8bb3409c52dd1fa2718674c6e85f7872', class: "h-[25px]" }),
-            sscTableRepairStatus: () => h("div", { key: '511c6432752f98c94429df5f3e32d7ad4f3c9589', class: "h-[25px]" }),
+            sscTableOPCode: () => h("div", { key: 'b8a197e033a230ec753851967ed43814e2313cae', class: "h-[25px]" }),
+            sscTablePartNumber: () => h("div", { key: '13c05d882795a0bcea8d5e9c7b15d2824f9a0c0a', class: "h-[25px]" }),
+            sscTableRepairStatus: () => h("div", { key: 'f22522c910c61ece32cc67aecebd02bbda327a4b', class: "h-[25px]" }),
         };
-        return (h(Host, { key: 'df06780738710b1e3ce92e1a7753dd33519e98b1' }, h(VehicleInfoLayout, { key: '4a0ee65e2a6b8b1f91667f80be78a6572f837887', isError: isError, isLoading: isLoading, coreOnly: this.coreOnly, vin: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vin, direction: this.sharedLocales.direction, errorMessage: this.sharedLocales.errors[this.errorMessage] || this.sharedLocales.errors.wildCard }, h("div", { key: 'f8ad0272056c8e2bbaeaad56d10d77923dcb3ab2', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: 'c299e6d368082d8bcecfeeb1f5a3280573ee31ef', isLoading: isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleInformation, isAuthorized: (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), h("div", { key: '0119294c0732e325ab00062a0d5c73ec001cca16', class: "h-[8px]" }), h("flexible-container", { key: 'f2d87d776bd901cdfe9190a73ff9fd3d3cf22ae3', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha }) }, h("div", { key: '2fc85cf5e3ec48e2bb9932de16d41d90eed568e9', style: { height: 'auto' }, class: "recaptcha-container" }, h("slot", { key: '0edf5fd9b523445cba73005e954170ae5785fd5f' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '2d5588e675f7a2cafc75eff5ccd33c87756d9d74', 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: '8500078c0e6bf95361469493290cf9f496b69cb5', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: '86a2427ab5319c1e9bfe09dbfbe2cb6c7120cd18', class: "pt-[16px]" }, h("div", { key: '823fb3a2ae96ea134ca8e161d410bbf066587c95', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: 'b3501544652c97c706285abbbc12463f276e486a' }, this.locale.checkingTMC), h("div", { key: 'c0a2e7c221d91fc12d3969838f45963c987362b0', class: "relative pt-[40px]" }, h("loading-spinner", { key: '8dffece3bbe135ccb29569d9c6c685acaf9551b3', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: '461491269795bf7e537e177dadbc4cc3344ed3d1', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: '0d5f8ff8ba8531447e286a0ecd146c839a118384', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: 'd492ac78fa97c7fdce9d8aa12913077d02a0536c', class: "overflow-x-auto" }, h("information-table", { key: 'b64cc1d884c6e2a1920e6f1b1de849f1b520e641', isLoading: isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
+        return (h(Host, { key: '3eb95d2db66dbcab08ad4e387b05785dbdb5c284' }, h(VehicleInfoLayout, { key: '64bed10321daf330f531118fe8bbe2513d373d64', 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: '0198287461a59215b410a7a829c5c1e21f732f2d', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: '3bfbdd9b3c72bef3a5dcffe32ad8dee69e02725d', 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: 'a0a4a1d608578e6cd2b0051537d9221646c2c63e', class: "h-[8px]" }), h("flexible-container", { key: 'f7dc1a696ebb9ef8a2cfa756819b5403e187b8b7', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, h("div", { key: 'a7092307e00235a4adf6de7520d50b9cee63f71d', style: { height: 'auto' }, class: "recaptcha-container" }, h("slot", { key: '250f7bf9c6265b54daa96cb73aeaafb8fb8018c5' })), this.recaptchaRes && (h("div", { key: '19ab692dfca27070fa1e77cc9b124c3ce5e3381a', 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: 'f691a176742706d0902e1b17171a547ac26929b1', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: '8bf02002b1daa150b7ba6fca697c8e68b5e6c5bb', class: "pt-[16px]" }, h("div", { key: 'd44544b0fc9c54518f5e94bfec3d48811653bd85', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: '80c4ec2cc5fff7dec34564a201b1c0b0d4342090' }, this.locale.checkingTMC), h("div", { key: '66489653e21de41525c13c86beb6bad1256b1bcf', class: "relative pt-[40px]" }, h("loading-spinner", { key: '5ee464b063f4d5a20dde455c52e8f306a22e2e92', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: '3b38b2bfd17a10420b31e168c0f3688a20c34a8d', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: '498636da956c289d4926ac5dec4b6bffe8d21d1e', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: 'a7e0ed5f3ce60e79d2bb71f808abceb04d93c938', class: "overflow-x-auto" }, h("information-table", { key: '63c8ae5d5395a4e5196ec809d3cc74f159f676ca', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
     }
     static get is() { return "vehicle-warranty-details"; }
     static get encapsulation() { return "shadow"; }
@@ -256,14 +199,20 @@ export class VehicleWarrantyDetails {
     }
     static get properties() {
         return {
-            "baseUrl": {
+            "language": {
                 "type": "string",
-                "attribute": "base-url",
+                "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,
@@ -274,11 +223,11 @@ export class VehicleWarrantyDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "''"
+                "defaultValue": "'en'"
             },
-            "isDev": {
+            "coreOnly": {
                 "type": "boolean",
-                "attribute": "is-dev",
+                "attribute": "core-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -296,9 +245,9 @@ export class VehicleWarrantyDetails {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "showSsc": {
+            "isDev": {
                 "type": "boolean",
-                "attribute": "show-ssc",
+                "attribute": "is-dev",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -313,12 +262,11 @@ export class VehicleWarrantyDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
+                "reflect": false
             },
-            "queryString": {
+            "baseUrl": {
                 "type": "string",
-                "attribute": "query-string",
+                "attribute": "base-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -333,12 +281,30 @@ export class VehicleWarrantyDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "''"
+                "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": "recaptcha-key",
+                "attribute": "query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -356,9 +322,75 @@ export class VehicleWarrantyDetails {
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "coreOnly": {
+            "errorCallback": {
+                "type": "unknown",
+                "attribute": "error-callback",
+                "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": "~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/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": "core-only",
+                "attribute": "show-ssc",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -376,20 +408,14 @@ export class VehicleWarrantyDetails {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "language": {
+            "recaptchaKey": {
                 "type": "string",
-                "attribute": "language",
+                "attribute": "recaptcha-key",
                 "mutable": false,
                 "complexType": {
-                    "original": "LanguageKeys",
-                    "resolved": "\"ar\" | \"en\" | \"ku\" | \"ru\"",
-                    "references": {
-                        "LanguageKeys": {
-                            "location": "import",
-                            "path": "~types/locale",
-                            "id": "src/global/types/locale.ts::LanguageKeys"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
@@ -400,7 +426,7 @@ export class VehicleWarrantyDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "'en'"
+                "defaultValue": "''"
             },
             "showWarranty": {
                 "type": "boolean",
@@ -681,132 +707,30 @@ export class VehicleWarrantyDetails {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "null"
-            },
-            "errorCallback": {
-                "type": "unknown",
-                "attribute": "error-callback",
-                "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": ""
-                },
-                "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/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
             }
         };
     }
     static get states() {
         return {
-            "state": {},
-            "externalVin": {},
-            "showRecaptcha": {},
+            "locale": {},
+            "isError": {},
             "errorMessage": {},
-            "vehicleInformation": {},
+            "isLoading": {},
+            "vehicleLookup": {},
+            "showRecaptcha": {},
             "unInvoicedByBrokerName": {},
             "checkingUnauthorizedSSC": {},
-            "recaptchaRes": {},
-            "headers": {},
-            "sharedLocales": {},
-            "locale": {}
+            "recaptchaRes": {}
         };
     }
     static get methods() {
         return {
-            "setData": {
-                "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"
-                        },
-                        "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": {
@@ -814,10 +738,10 @@ export class VehicleWarrantyDetails {
                             "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>"
@@ -829,10 +753,10 @@ export class VehicleWarrantyDetails {
             },
             "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",
@@ -843,6 +767,11 @@ export class VehicleWarrantyDetails {
                         "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>"
@@ -852,12 +781,12 @@ export class VehicleWarrantyDetails {
                     "tags": []
                 }
             },
-            "setMockData": {
+            "setErrorMessage": {
                 "complexType": {
-                    "signature": "(newMockData: MockJson<VehicleLookupDTO>) => Promise<void>",
+                    "signature": "(message: ErrorKeys) => Promise<void>",
                     "parameters": [{
-                            "name": "newMockData",
-                            "type": "{ [key: string]: VehicleLookupDTO; }",
+                            "name": "message",
+                            "type": "\"noBaseUrl\" | \"invalidVin\" | \"vinNumberRequired\" | \"partNumberRequired\" | \"wrongResponseFormat\" | \"noPartsFound\" | \"noServiceAvailable\" | \"wrongFormStructure\" | \"wildCard\" | \"requestFailedPleaseTryAgainLater\"",
                             "docs": ""
                         }],
                     "references": {
@@ -865,15 +794,10 @@ export class VehicleWarrantyDetails {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "MockJson": {
-                            "location": "import",
-                            "path": "~types/components",
-                            "id": "src/global/types/components.ts::MockJson"
-                        },
-                        "VehicleLookupDTO": {
+                        "ErrorKeys": {
                             "location": "import",
-                            "path": "~types/generated/vehicle-lookup/vehicle-lookup-dto",
-                            "id": "src/global/types/generated/vehicle-lookup/vehicle-lookup-dto.ts::VehicleLookupDTO"
+                            "path": "~features/multi-lingual",
+                            "id": "src/features/multi-lingual/index.ts::ErrorKeys"
                         }
                     },
                     "return": "Promise<void>"
@@ -891,8 +815,8 @@ export class VehicleWarrantyDetails {
                 "propName": "language",
                 "methodName": "changeLanguage"
             }, {
-                "propName": "state",
-                "methodName": "loadingListener"
+                "propName": "isLoading",
+                "methodName": "onLoadingChange"
             }];
     }
 }