adp-web-components 0.0.27 → 0.0.29

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

@@ -3,11 +3,13 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
+import { localeSchema } from "../../global/types/locales/index";
 import { getVehicleInformation } from "../../global/api/vehicleInformation";
 import cn from "../../global/lib/cn";
-import Loading from "../components/Loading";
-import Eye from "~assets/eye.svg";
+import { getLocaleLanguage } from "../../global/lib/get-local-language";
 import { closeImageViewer, openImageViewer } from "../../global/lib/image-expansion";
+import Eye from "~assets/eye.svg";
+import Loading from "../components/Loading";
 let mockData = {};
 export class VehicleAccessories {
     constructor() {
@@ -23,14 +25,22 @@ export class VehicleAccessories {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
+        this.language = 'en';
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
+        this.locale = localeSchema.getDefault();
         this.state = 'idle';
         this.externalVin = null;
-        this.errorMessage = null;
         this.expandedImage = null;
+        this.errorMessage = null;
         this.vehicleInformation = undefined;
     }
+    async componentWillLoad() {
+        await this.changeLanguage(this.language);
+    }
+    async changeLanguage(newLanguage) {
+        this.locale = await getLocaleLanguage(newLanguage);
+    }
     handleSettingData(response) {
         if (!response.accessories || !Array.isArray(response.accessories))
             response.accessories = [];
@@ -62,7 +72,7 @@ export class VehicleAccessories {
             const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
             if (this.networkTimeoutRef === scopedTimeoutRef) {
                 if (!vehicleResponse)
-                    throw new Error('Wrong response format');
+                    throw new Error('wrongResponseFormat');
                 this.handleSettingData(vehicleResponse);
             }
             this.errorMessage = null;
@@ -88,8 +98,9 @@ export class VehicleAccessories {
     }
     render() {
         var _a, _b;
+        const texts = this.locale.vehicleLookup.accessories;
         const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
-        return (h(Host, { key: '809010a784fce81c13a9f653768bcb2f792b2a8b' }, h("div", { key: '68da5c8fccf4b24c2d3a42cf4cc3fefb7dd560ab', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '947bbad37c5117df4f79f2c896936a22f00b0531' }, h(Loading, { key: '855aa5567d59bbfac43495c5baba708fb5600c1c', isLoading: this.state.includes('loading') }), h("div", { key: '1fe9e47793a7f58b8b0f4251ced6f7ff49f93240', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '7ed9356bf45e5b27c4c5ad032d44d3fdbf60631a', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'dd349e9113ddde6a1447dd7b56d1045db29eecb6', class: "py-[16px]" }, h("div", { key: '0d720a59842a2f1e4adfdcf82bd2b443625d9c14', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '48030f4b6938c6174df0e80cea90221efcd80135', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'be06d52f77788855c3763833868bf8c5aa9fa259', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Accessories"), h("div", { key: 'e38e31796058e2094531f1b364339dfbe6acdf77', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: 'f95c52c80f0a2dab3f0ee7e439c100b6b94a21b0', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!accessories.length && (h("table", { key: 'a207dd43d39984d701a654550040224866bf583b', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'ce3b75261934c67c9297a818fe8cfa7feaaa936c', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: 'ab5f928cd658c193f9464974392dac8f937150b4' }, ['Part Number', 'Description', 'Image'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: '359c90cabf19855f2fc0464c04899bdbf3890afa' }, accessories.map((accessory, idx) => {
+        return (h(Host, { key: '5b676008ffd07cf3c30f6a1dbef540aeddec5650' }, h("div", { key: '936db932754ee0c5774bb9bbadcab9acdf0bd8f1', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '46029b531877e9641e0797a08449c446d6acb41d' }, h(Loading, { key: 'c831c9e7b6ae7e3c7748ec20a531fc653570d7a1', isLoading: this.state.includes('loading') }), h("div", { key: 'eb7b7864b47ab00025c7634995a2f3d868f379df', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: 'fdb1c1e9673a300a974e1ade26079063e5a6780e', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '5b777e9dabe4b1caac03d4ff4c77bc52eacafd0a', class: "py-[16px]" }, h("div", { key: 'e92c8f26bba943508ec0536f404bbf9b46b5ffef', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '7e3e5c940b3b52538c58cec0f6e9befcc8b20d85', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'fd6b52beb280f25ef122ca1616b3dc85ba868aac', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleAccessories), h("div", { key: 'df4343fae41a6118c73aadf8b2451c1ed55f0b24', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: 'c634537217daeb171ba9120b75baeec052727606', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (h("table", { key: '800b8700d5d7d96cccc3c0774b7c0c6d48411e51', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '338f1360f25eeb71b0c766bc6995dc2d794694b0', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: '4d7be4a922493d6e93b9a72a6de63932bb94f642' }, ['partNumber', 'description', 'image'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: 'eb798dcea38261093bc5fdfe5b015b79f3e6d6e9' }, accessories.map((accessory, idx) => {
             var _a;
             return (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
                 var _a;
@@ -98,10 +109,10 @@ export class VehicleAccessories {
                     }) }, accessory[key] || '...'));
             }), h("td", { class: cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
                     '!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
-                }) }, h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, "Expand")), h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
-        })), h("div", { key: '8dbd610b0699e78ff72321b3542d8a5bebaac697', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
+                }) }, h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
+        })), h("div", { key: 'bb875932b3315b24afd3589948936dd3b471bc56', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
                 'pointer-events-auto opacity-100 delay-200': this.expandedImage,
-            }) }, h("button", { key: '504e17f2df3bbffe428e75e71b44fde9a681084e', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: 'ea82b4f6759a5593d057a42a18f7e116d86ee921', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '6aabdfaf3e10b744c6ade52e12a5b1c9bc81f5f7', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'b0d0a64346461b81c2113f4928bb2de08abeb440', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
+            }) }, h("button", { key: '9b6a9934ecd43a4988978772d3f9ec032fc2366d', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: 'fc59bcd946d47fab25522506e1362ab92580efa8', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: 'baf4b47120f23081e6f150ee3aacb8410e964c51', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '8dfbdb6402ba212b864fb7e6324db06b28e6b8b2', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
     }
     static get is() { return "vehicle-accessories"; }
     static get encapsulation() { return "shadow"; }
@@ -171,6 +182,30 @@ export class VehicleAccessories {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\"",
+                    "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'"
+            },
             "loadingStateChange": {
                 "type": "unknown",
                 "mutable": false,
@@ -211,10 +246,11 @@ export class VehicleAccessories {
     }
     static get states() {
         return {
+            "locale": {},
             "state": {},
             "externalVin": {},
-            "errorMessage": {},
             "expandedImage": {},
+            "errorMessage": {},
             "vehicleInformation": {}
         };
     }
@@ -315,6 +351,9 @@ export class VehicleAccessories {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "language",
+                "methodName": "changeLanguage"
+            }, {
                 "propName": "state",
                 "methodName": "loadingListener"
             }];

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

@@ -11,11 +11,12 @@ export class VehicleLookup {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
-        this.loadingStateChanged = undefined;
+        this.language = 'en';
+        this.blazorErrorStateListener = '';
         this.blazorOnLoadingStateChange = '';
-        this.wrapperErrorState = '';
         this.errorStateListener = undefined;
-        this.blazorErrorStateListener = '';
+        this.loadingStateChanged = undefined;
+        this.wrapperErrorState = '';
         this.blazorRef = undefined;
     }
     async componentDidLoad() {
@@ -94,7 +95,7 @@ export class VehicleLookup {
         });
     }
     render() {
-        return (h(Host, { key: 'c0ae0086435cd2bfc4a4838223c29796960bbbf6' }, h("div", { key: 'c989c8199a556448887c2018cae79eed02813f46', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, h("vehicle-specification", { key: 'dc99a0489d6a8c0306cb7aaef7749997553e023b', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'c8a8a7eec552f9fd0234dab9d85df14e43102041', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, h("vehicle-accessories", { key: '624acb4beb19b22e82d79250594e350a21e7f8bf', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '834807eace640d41d904f7511003ede16b2bfc95', class: cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, h("warranty-details", { key: 'a74777497db827ce84dcea65823f467af80fa5fa', "show-ssc": "true", "show-warranty": "true", isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }, h("slot", { key: 'c4f0f9387d20481c503d6fe9c38532ede6f71a95' }))), h("div", { key: '33b0b26eb268027789d8d8cecc00247f073a333a', class: cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, h("service-history", { key: '2d4315c0e2091666e4514ce3b24c8f9f3120850c', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '21620c7e04ade2da21a8d4aee3c28eb1f8d1e8fa', class: cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, h("paint-thickness", { key: '93e0597fbf83490189fa448fd9765b6fa76cf214', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'd5b2313cb8faac74fc9304c1e4c311b766c57259', class: cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, h("dynamic-claim", { key: '10e9015d5288618f10fd92e5a72774ac0d8a7f59', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
+        return (h(Host, { key: '1b02080c791eaabac9cdefc01d99222cc2d74754' }, h("div", { key: '0063278f8b621592ac4242f347f3f17757fdde46', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, h("vehicle-specification", { key: 'dd2416d8d2765ceeaca2c568d2e8137c8b4f0533', language: this.language, isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'db672d3a1dcc4fbb9f859aee47a997163c55cc56', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, h("vehicle-accessories", { key: '32a98a8bf3facadbf9a4b4b90f163ffe7ee737de', language: this.language, isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'a889c95b168a6dba09f416d1c9b2926abf150098', class: cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, h("warranty-details", { key: '7f55dbf1cedd8e867dafb514b1c02a829fd98b9d', language: this.language, isDev: this.isDev, "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, "query-string": this.queryString }, h("slot", { key: 'eb734db1e996237f410070ada9583c6ec2cfafc0' }))), h("div", { key: 'fd4431e0b5f13283ab391e32400ae40f4f0c265c', class: cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, h("service-history", { key: '65879ee4ba28485f9f17816874636f4f157f3567', language: this.language, isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'c5129bb7d63c138c770fcce25889860382c1208e', class: cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, h("paint-thickness", { key: 'd75617d35eda2727687c53f2f562f687dbec7acc', language: this.language, isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'c9deade0eff8f18b32a4327691f4dc2f01f82848', class: cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, h("dynamic-claim", { key: '638665a4596224088cffd4d28b43aa86f15dfddc', language: this.language, isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
     }
     static get is() { return "vehicle-lookup"; }
     static get originalStyleUrls() {
@@ -187,20 +188,47 @@ export class VehicleLookup {
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "loadingStateChanged": {
-                "type": "unknown",
+            "language": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "(isLoading: boolean) => void",
-                    "resolved": "(isLoading: boolean) => void",
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\"",
+                    "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'"
+            },
+            "blazorErrorStateListener": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "attribute": "blazor-error-state-listener",
+                "reflect": false,
+                "defaultValue": "''"
             },
             "blazorOnLoadingStateChange": {
                 "type": "string",
@@ -235,23 +263,20 @@ export class VehicleLookup {
                     "text": ""
                 }
             },
-            "blazorErrorStateListener": {
-                "type": "string",
+            "loadingStateChanged": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "(isLoading: boolean) => void",
+                    "resolved": "(isLoading: boolean) => void",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
-                },
-                "attribute": "blazor-error-state-listener",
-                "reflect": false,
-                "defaultValue": "''"
+                }
             }
         };
     }

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

@@ -3,22 +3,32 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
-import Loading from "../components/Loading";
+import { localeSchema } from "../../global/types/locales/index";
 import cn from "../../global/lib/cn";
+import { getLocaleLanguage } from "../../global/lib/get-local-language";
 import { getVehicleInformation } from "../../global/api/vehicleInformation";
+import Loading from "../components/Loading";
 let mockData = {};
 export class VehicleSpecification {
     constructor() {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
+        this.language = 'en';
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
+        this.locale = localeSchema.getDefault();
         this.state = 'idle';
         this.externalVin = null;
         this.errorMessage = null;
         this.vehicleInformation = undefined;
     }
+    async componentWillLoad() {
+        await this.changeLanguage(this.language);
+    }
+    async changeLanguage(newLanguage) {
+        this.locale = await getLocaleLanguage(newLanguage);
+    }
     async setData(newData, headers = {}) {
         clearTimeout(this.networkTimeoutRef);
         if (this.abortController)
@@ -45,7 +55,7 @@ export class VehicleSpecification {
             const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
             if (this.networkTimeoutRef === scopedTimeoutRef) {
                 if (!vehicleResponse)
-                    throw new Error('Wrong response format');
+                    throw new Error('wrongResponseFormat');
                 this.vehicleInformation = vehicleResponse;
             }
             this.errorMessage = null;
@@ -71,7 +81,8 @@ export class VehicleSpecification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return (h(Host, { key: 'e96ba82b8f58b3812bfb539e6e20020635d17c13' }, h("div", { key: '65896e18a4b328b657dc7ae37506f3f090be58ef', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '85b32b58705d8ede8161f4bf429e4eea2eeab113' }, h(Loading, { key: '102144466024234e3b3d67f40a2ed613d8decb8f', isLoading: this.state.includes('loading') }), h("div", { key: 'ea3201bce6b9471c1c1b3cf2336bb4d3d820345a', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '063a8e9ae6202a207ee9e03bb8e21c8d269f105f', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '5b6e0c8f594a4609ebe476e39c607ddd16221c2a', class: "py-4" }, h("div", { key: 'cd11ab7ea9c2b17b870bce21b793b06707b729ea', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '9afcbe4ffc5e11f39c2ff6f284d2f0b6b9f24df4', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '324be66504bbe49d03d3e777d5fa5b14c8129975', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Specifications"), h("div", { key: '0875021cb9dcf017b98d516e5898c05b5803a1ba', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '9132eb142b5f67fbb5310936bfba4517174eafcf', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (h("table", { key: 'ed324bef37bc05379b5bf9f7c2e86b9a45ec732e', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '1fc091f01a228617523d213dcdf295368f875279', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '308569c58472d2680c5e7b9ed444d0e7360948f5' }, ['Model', 'Variant', 'Katashiki', 'Model Year', 'SFX'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: '9d44d2b25f0cd37603d10d4632c1adf78cbaabeb' }, h("tr", { key: 'ce399b783d636d8f7e4cb5dac62ef08ca0e2383c' }, h("td", { key: '2f3fdaac2635377722caea73a05d097686606cb7', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", h("br", { key: 'f7b14609c4be0a16414311c9c42f594f37bf9a5d', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), h("td", { key: 'a20ed93430b4d33734e068b4495623ea0cbc1872', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", h("br", { key: '8b77dac46b0161eca0b5d1806f643d72d787b821' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
+        const texts = this.locale.vehicleLookup.specification;
+        return (h(Host, { key: '610f4bab084478eb7f60133ed6498fc6b53a6844' }, h("div", { key: '5d25c90dd19ae1fdf84d6484881b3fceeada61c4', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'bd3643977e70e46e86b7516a9407679209a7d4fa' }, h(Loading, { key: '9064190a3698c0534e36e8bc018bbaec3b08709a', isLoading: this.state.includes('loading') }), h("div", { key: '56426c064d0a0b1273f62e78b64cca65020c72c8', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: 'ec8f12b6d2372053c097a057ba71d072d75e4fdc', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '285ac738ecc896feeda7caf81f8a41c9a99cea19', class: "py-4" }, h("div", { key: 'a29855571fcc97bc19f3196427fdf67d9cadb501', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '021f7bb6c6a1c9b44ebc112c48e4789aca7d387c', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '43e4399b5064de1023a8e3d27fdd2632f75b3338', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleSpecification), h("div", { key: 'f0fa3e15cb9336be3a4061821438d82d9e73587c', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '12d0257e9d94573a09fecda9c4fcc3e093c08f16', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (h("table", { key: 'ecc72141ecfb0b1ca2eeb4825eb6c90119089395', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '01eeb96a4dc8c721d720f34b535cc1b917c53b3a', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '956677dd3a6a94a4fec8d9d784567aa3fdd62a16' }, ['model', 'variant', 'katashiki', 'modelYear', 'sfx'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: 'e62c17cb6047d082191913821426e6e1e928d9fc' }, h("tr", { key: '71a09174b51e10d070723c00b8db14499707bdc3' }, h("td", { key: '6fd71363e86b19311907a42348cee324e4137e43', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", h("br", { key: '759a2b9072f60aa917a001b39b91e38fc91e4b5a', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), h("td", { key: '3c634e53ec8955bcf1af66667a6fe004d6e46f01', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", h("br", { key: 'b81065d744067f06f60e6b34e31f219c6c58d373' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
             var _a;
             const [place, field] = infoPath.split('.');
             const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
@@ -146,6 +157,30 @@ export class VehicleSpecification {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\"",
+                    "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'"
+            },
             "loadingStateChange": {
                 "type": "unknown",
                 "mutable": false,
@@ -186,6 +221,7 @@ export class VehicleSpecification {
     }
     static get states() {
         return {
+            "locale": {},
             "state": {},
             "externalVin": {},
             "errorMessage": {},
@@ -289,6 +325,9 @@ export class VehicleSpecification {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "language",
+                "methodName": "changeLanguage"
+            }, {
                 "propName": "state",
                 "methodName": "loadingListener"
             }];

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

@@ -3,24 +3,27 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
+import Loader from "~assets/loader.svg";
 import Loading from "./components/Loading";
+import SSCTable from "./components/SSCTable";
 import StatusCard from "./components/StatusCard";
-import Loader from "~assets/loader.svg";
 import CardsContainer from "./components/CardsContainer";
-import SSCTable from "./components/SSCTable";
 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.unauthorizedSscLookupBaseUrl = '';
         this.isDev = false;
         this.showSsc = false;
         this.queryString = '';
-        this.unauthorizedSscLookupQueryString = '';
         this.recaptchaKey = '';
+        this.language = 'en';
         this.showWarranty = false;
+        this.unauthorizedSscLookupBaseUrl = '';
+        this.unauthorizedSscLookupQueryString = '';
         this.cityId = null;
         this.cityIntegrationId = null;
         this.companyId = null;
@@ -36,13 +39,20 @@ export class WarrantyDetails {
         this.loadedResponse = undefined;
         this.state = 'idle';
         this.externalVin = null;
-        this.errorMessage = 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;
@@ -80,7 +90,7 @@ export class WarrantyDetails {
                         const hasPendingSSC = Math.random() < 0.5 ? false : true;
                         this.recaptchaRes = {
                             hasSSC: hasPendingSSC,
-                            message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
+                            message: hasPendingSSC ? 'pendingSSC' : 'noPendingSSC',
                         };
                     }
                     else {
@@ -97,11 +107,11 @@ export class WarrantyDetails {
                             const hasPendingSSC = vinResponse.sscLookupStatus === 1;
                             this.recaptchaRes = {
                                 hasSSC: hasPendingSSC,
-                                message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
+                                message: hasPendingSSC ? 'pendingSSC' : 'noPendingSSC',
                             };
                         }
                         else
-                            throw new Error('Wrong response format');
+                            throw new Error('wrongResponseFormat');
                     }
                 }
             }, 500);
@@ -140,7 +150,7 @@ export class WarrantyDetails {
             const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
             if (this.networkTimeoutRef === scopedTimeoutRef) {
                 if (!vehicleResponse)
-                    throw new Error('Wrong response format');
+                    throw new Error('wrongResponseFormat');
                 this.handleSettingData(vehicleResponse);
                 this.handleInitializingRecaptcha(vin, scopedTimeoutRef);
             }
@@ -177,7 +187,7 @@ export class WarrantyDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '590b86e8c3fc8993794c24edabf8169c7e8105a4' }, h("div", { key: 'a3f2b266e72f75c6aecec054d0eef277a16807f7', class: "min-h-[100px] warranty" }, h("div", { key: 'a272392f3848b40df31b2f3ea47665e9d9b6fab6' }, h(Loading, { key: '9651e47db177da1e7097f037e63dcc208bee4ff6', isLoading: this.state.includes('loading') }), h("div", { key: 'f06b83e2903199b624780923a83ce3c005cc4e04', class: "transition 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: '09086f9a3e4d301fa2c0283de6c4a458a1f37bfa', 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: 'd781b9b96fe9151fdc711127fd6e95eec3d2c27a', class: "py-4" }, h(StatusCard, { key: '2d5056b842c7c5276dd9068a9c15f7b4c3934271', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '3e3fe57c08277d0c4b113638f5c7b1c8bf67c1da', isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), h("div", { key: '45b368d2f868d6968bc378933dbcb43ed3f769b8', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '18cc24a9b1432f305e3af6e08a166e4418d2074d' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'db95680aa9342d5c19413520d743ac27954601cc', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: 'a2874a0311723a32f2c4ace8ac59e6eca21c068d', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '5e8a3b3db4bed8820ba077c829ae1ba02acc69b1' }, h("strong", { key: '945a36e3f1c7a814924d36356699b22149693f1f' }, "Checking TMC")), h("img", { key: 'fe2abdbb699dc69083e439b56e336534d2b29e34', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (h(SSCTable, { key: '2c536e2020a6bbf952e43f1f93df185c44b4ce2e', ssc: this.vehicleInformation.ssc })))))));
+        return (h(Host, { key: '5976b28e5ddc465d0ae79b7882d40b4f7105ffdf' }, h("div", { key: '1c5623799b6fbfb7a343a78c6b96b027f4416d10', dir: this.locale.direction, class: "min-h-[100px] warranty" }, h("div", { key: '5dde3a2e0886f5ececd0e8d556abef41d167942d' }, h(Loading, { key: '7f8b0a8ed8b2f07fbbc2e7d5a5162ae7aca02a14', isLoading: this.state.includes('loading') }), h("div", { key: '240a44eefa85d905e3bf1900772524e4a660feca', class: "transition 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: '3d7488bbd306a360094636adc2732cf00aa4b877', 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: '8f186a25db18cd00449ce68cf7261870b7996dc7', class: "py-4" }, h(StatusCard, { key: '5de5ac8872b809ef344440b6bc9fad956c744620', desc: this.locale.errors[this.errorMessage] || this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: 'df36bf0f0e4906b662d11a3db6cf7cd40dabbae9', locale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), h("div", { key: '00d93ce17bfc3868709d67a74fa80983e5e9d312', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: 'b3cb909a47adb872390d3afca1c6eefd167d1b01' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '067dacd8f980da721272ffc03a15d6b5740580d9', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: '36564f7464cea7804439f58397b84d5554e19dd1', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '92d1d9d3141f719a67e47e7187e65af814b93aa9' }, h("strong", { key: 'd93a6f157cd67de2fe8c93cf50c84aa6ba143a87' }, this.locale.vehicleLookup.warranty.checkingTMC)), h("img", { key: 'bb95bb4cc9f3d9dd5d1cf0a3f68f4af86a56b6d2', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (h(SSCTable, { key: '02190f90bcf06693545848545013353e99baad12', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
     }
     static get is() { return "warranty-details"; }
     static get encapsulation() { return "shadow"; }
@@ -211,24 +221,6 @@ export class WarrantyDetails {
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "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": "''"
-            },
             "isDev": {
                 "type": "boolean",
                 "mutable": false,
@@ -283,7 +275,7 @@ export class WarrantyDetails {
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "unauthorizedSscLookupQueryString": {
+            "recaptchaKey": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -297,17 +289,23 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "unauthorized-ssc-lookup-query-string",
+                "attribute": "recaptcha-key",
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "recaptchaKey": {
+            "language": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\"",
+                    "references": {
+                        "LanguageKeys": {
+                            "location": "import",
+                            "path": "~types/locales",
+                            "id": "src/global/types/locales/index.ts::LanguageKeys"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -315,9 +313,9 @@ export class WarrantyDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "recaptcha-key",
+                "attribute": "language",
                 "reflect": false,
-                "defaultValue": "''"
+                "defaultValue": "'en'"
             },
             "showWarranty": {
                 "type": "boolean",
@@ -337,6 +335,42 @@ export class WarrantyDetails {
                 "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,
@@ -577,13 +611,14 @@ export class WarrantyDetails {
         return {
             "state": {},
             "externalVin": {},
-            "errorMessage": {},
             "showRecaptcha": {},
+            "errorMessage": {},
             "unInvoicedByBrokerName": {},
             "vehicleInformation": {},
             "checkingUnauthorizedSSC": {},
             "recaptchaRes": {},
-            "headers": {}
+            "headers": {},
+            "locale": {}
         };
     }
     static get methods() {
@@ -683,6 +718,9 @@ export class WarrantyDetails {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "language",
+                "methodName": "changeLanguage"
+            }, {
                 "propName": "state",
                 "methodName": "loadingListener"
             }];

package/dist/collection/global/api/partInformation.js

@@ -8,7 +8,7 @@ export const getPartInformation = async (component, generalProps, headers = {})
     const handleResult = (newPartInformation) => {
         if (networkTimeoutRef === scopedTimeoutRef) {
             if (!newPartInformation && partNumber)
-                throw new Error(notAvailableMessage || 'Wrong response format');
+                throw new Error(notAvailableMessage || 'wrongResponseFormat');
             if (loadedResponse)
                 loadedResponse(newPartInformation);
             if (middlewareCallback)