adp-web-components 0.0.65 → 0.0.66

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

@@ -0,0 +1,780 @@
+/*!
+ * Built by ShiftSoftware
+ * 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 } from "../../global/lib/get-local-language";
+import { localeSchema } from "../../global/types/locales/index";
+import { getVehicleInformation } from "../../global/api/vehicleInformation";
+let mockData = {};
+export class WarrantyDetails {
+    constructor() {
+        this.baseUrl = '';
+        this.isDev = false;
+        this.showSsc = false;
+        this.queryString = '';
+        this.recaptchaKey = '';
+        this.language = 'en';
+        this.showWarranty = false;
+        this.unauthorizedSscLookupBaseUrl = '';
+        this.unauthorizedSscLookupQueryString = '';
+        this.cityId = null;
+        this.cityIntegrationId = null;
+        this.companyId = null;
+        this.companyIntegrationId = null;
+        this.companyBranchId = null;
+        this.companyBranchIntegrationId = null;
+        this.userId = null;
+        this.brandIntegrationId = null;
+        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.locale = localeSchema.getDefault();
+    }
+    async componentWillLoad() {
+        await this.changeLanguage(this.language);
+    }
+    async changeLanguage(newLanguage) {
+        this.locale = await getLocaleLanguage(newLanguage);
+    }
+    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 handleInitializingRecaptcha(vin, scopedTimeoutRef) {
+        var _a;
+        if (((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.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);
+                    if (this.isDev) {
+                        this.checkingUnauthorizedSSC = true;
+                        this.showRecaptcha = false;
+                        await new Promise(r => setTimeout(r, 3000));
+                        this.checkingUnauthorizedSSC = false;
+                        const hasPendingSSC = Math.random() < 0.5 ? false : true;
+                        this.recaptchaRes = {
+                            hasSSC: hasPendingSSC,
+                            message: hasPendingSSC ? 'pendingSSC' : 'noPendingSSC',
+                        };
+                    }
+                    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}`, {
+                            signal: this.abortController.signal,
+                            headers: Object.assign(Object.assign({}, this.headers), { 'Ssc-Recaptcha-Token': recaptchaResponse }),
+                        });
+                        const vinResponse = await response.json();
+                        if (vinResponse && this.networkTimeoutRef === scopedTimeoutRef) {
+                            this.checkingUnauthorizedSSC = false;
+                            const hasPendingSSC = vinResponse.sscLookupStatus === 1;
+                            this.recaptchaRes = {
+                                hasSSC: hasPendingSSC,
+                                message: hasPendingSSC ? 'pendingSSC' : 'noPendingSSC',
+                            };
+                        }
+                        else
+                            throw new Error('wrongResponseFormat');
+                    }
+                }
+            }, 500);
+            this.showRecaptcha = true;
+        }
+        else {
+            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');
+            script.src = 'https://www.google.com/recaptcha/api.js';
+            script.async = true;
+            script.defer = true;
+            script.onload = () => console.log('reCAPTCHA script loaded');
+            document.head.appendChild(script);
+        }
+    }
+    async setMockData(newMockData) {
+        mockData = newMockData;
+    }
+    async loadingListener() {
+        if (this.loadingStateChange)
+            this.loadingStateChange(this.state.includes('loading'));
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h(Host, { key: '5c2d90bbf6bcf072f956a21d175dc2a5742e4f27' }, h("div", { key: 'c0a66af1257406b78d25ce1b4dfe8eb2743f06b5', dir: this.locale.direction, class: "min-h-[100px] warranty" }, h("div", { key: 'e58ad2053b70cab249430690924c21aede705f60' }, h("loading-spinner", { key: '214113e76069642be3911fd586a58902933fd07a', isLoading: this.state.includes('loading') }), h("div", { key: '1a38ad1a6855bc3824eb176bfcd3307fdddb1e13', 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: 'd8eb8d968ca1083076d3a080b5fc1b4cb3a14596', 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: 'f41ba75555624a9ef3a032acac0481055b7377ef', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '777b9887d9b7f4e650409a79ff1c8bfb70284649', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '0502b12fc8ed3077be1120ac8623e06180a6d566', locale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, vehicleInformation: this.vehicleInformation })), h("div", { key: '09b9a26ac137edd38986c780329607c8414de5c5', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '15e698ffe497c433645851a2e18388eb08a183bf' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '09e093bffd7ee9c0f70ef94ef9a966993e06766c', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: '750f329a419f359654dd569c7710086e5c41116a', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '3d7edc26b36e24dfd0349992ba3068d8195918f6' }, h("strong", { key: '630ba2bdeba2bd2a9a97896460112f39b2abbe03' }, this.locale.vehicleLookup.warranty.checkingTMC)), h("img", { key: 'e6103a0ffefa7272c95d5d235d39f528441098ba', 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: '58887a070c08e8bb84113ad376fefd3f68ddd860', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
+    }
+    static get is() { return "warranty-details"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["warranty-details.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["warranty-details.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "baseUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "base-url",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "isDev": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-dev",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showSsc": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-ssc",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "queryString": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "query-string",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "recaptchaKey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "recaptcha-key",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\" | \"ru\"",
+                    "references": {
+                        "LanguageKeys": {
+                            "location": "import",
+                            "path": "~types/locales",
+                            "id": "src/global/types/locales/index.ts::LanguageKeys"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": false,
+                "defaultValue": "'en'"
+            },
+            "showWarranty": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-warranty",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "unauthorizedSscLookupBaseUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "unauthorized-ssc-lookup-base-url",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "unauthorizedSscLookupQueryString": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "unauthorized-ssc-lookup-query-string",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "cityId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "city-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "cityIntegrationId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "city-integration-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "companyId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "company-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "companyIntegrationId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "company-integration-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "companyBranchId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "company-branch-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "companyBranchIntegrationId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "company-branch-integration-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "user-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "brandIntegrationId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "brand-integration-id",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "customerName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "customer-name",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "customerPhone": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "customer-phone",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "customerEmail": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "customer-email",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "errorCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(errorMessage: ErrorKeys) => void",
+                    "resolved": "(errorMessage: ErrorKeys) => void",
+                    "references": {
+                        "ErrorKeys": {
+                            "location": "import",
+                            "path": "~types/locales",
+                            "id": "src/global/types/locales/index.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": {},
+            "errorMessage": {},
+            "unInvoicedByBrokerName": {},
+            "vehicleInformation": {},
+            "checkingUnauthorizedSSC": {},
+            "recaptchaRes": {},
+            "headers": {},
+            "locale": {}
+        };
+    }
+    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": {
+                "complexType": {
+                    "signature": "(message: ErrorKeys) => Promise<void>",
+                    "parameters": [{
+                            "name": "message",
+                            "type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; wrongFormStructure: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "ErrorKeys": {
+                            "location": "import",
+                            "path": "~types/locales",
+                            "id": "src/global/types/locales/index.ts::ErrorKeys"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "fetchData": {
+                "complexType": {
+                    "signature": "(requestedVin?: string, headers?: any) => Promise<void>",
+                    "parameters": [{
+                            "name": "requestedVin",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "headers",
+                            "type": "any",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setMockData": {
+                "complexType": {
+                    "signature": "(newMockData: MockJson<VehicleInformation>) => Promise<void>",
+                    "parameters": [{
+                            "name": "newMockData",
+                            "type": "{ [key: string]: VehicleInformation; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "MockJson": {
+                            "location": "import",
+                            "path": "~types/components",
+                            "id": "src/global/types/components.ts::MockJson"
+                        },
+                        "VehicleInformation": {
+                            "location": "import",
+                            "path": "~types/vehicle-information",
+                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "language",
+                "methodName": "changeLanguage"
+            }, {
+                "propName": "state",
+                "methodName": "loadingListener"
+            }];
+    }
+}