adp-web-components 0.0.28 → 0.0.30

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,14 +3,15 @@
  * 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";
-import { getLocaleLanguage, localeSchema } from "../../global/types/locale-schema";
 let mockData = {};
 export class WarrantyDetails {
     constructor() {
@@ -38,8 +39,8 @@ 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;
@@ -89,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 {
@@ -106,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);
@@ -149,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);
             }
@@ -186,8 +187,7 @@ export class WarrantyDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        console.log(this.locale);
-        return (h(Host, { key: '107fdd1914182bc92f08bef60b7d953f48edaa64' }, h("div", { key: 'a58b0fd297b467b8bf9faac26d9649adbdd5c6f6', class: "min-h-[100px] warranty" }, h("div", { key: '4861d917e549d3f78938bcaf9571dae9b9250fff' }, h(Loading, { key: '990a985d814ad3a7bd8a91c2d60921eb119658cd', isLoading: this.state.includes('loading') }), h("div", { key: 'd0a1dd92a087381bd66b9ac12124c1b308e32d03', 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: 'bfe59e8e9288320ffd640062ff03dcfff246b769', 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: 'bd13d1459c2728c4c23feb874188706162bf2fc4', class: "py-4" }, h(StatusCard, { key: '2a771e9cdc0e50b2c63cef87e2385a04076385de', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '8fa4f9fd5ec9c5f13fc888ed07bb818aae86b153', 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: '2887905725bb330be348b01acd63a8b55e639ebf', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: 'e4b03e64b1352eb9945ff98a0f3ef602cc83b613' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '282103798c40a2865808ade5f6b6700921796dba', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: '6a90ca1739b59538b1d9a9cdf70fa176d8085d94', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '295bc8963dcbb628983d9e4ae40b7c6e9e830f36' }, h("strong", { key: '400e68401cce287fd1ba55279dc9d43896393863' }, "Checking TMC")), h("img", { key: '10c057c2dd74570ba7e691226df8b0cbc0ac68af', 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: '677f72b4d1e357536c71989803b5104191972935', 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"; }
@@ -302,8 +302,8 @@ export class WarrantyDetails {
                     "references": {
                         "LanguageKeys": {
                             "location": "import",
-                            "path": "~types/locale-schema",
-                            "id": "src/global/types/locale-schema.ts::LanguageKeys"
+                            "path": "~types/locales",
+                            "id": "src/global/types/locales/index.ts::LanguageKeys"
                         }
                     }
                 },
@@ -611,8 +611,8 @@ export class WarrantyDetails {
         return {
             "state": {},
             "externalVin": {},
-            "errorMessage": {},
             "showRecaptcha": {},
+            "errorMessage": {},
             "unInvoicedByBrokerName": {},
             "vehicleInformation": {},
             "checkingUnauthorizedSSC": {},

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)

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

@@ -13,7 +13,7 @@ const vehicleRequestHeaders = {
     cityIntegrationId: 'City-Integration-Id',
     brandIntegrationId: 'Brand-Integration-Id',
     companyIntegrationId: 'Company-Integration-Id',
-    companyBranchIntegrationId: 'Company-Branch-Integration-Id'
+    companyBranchIntegrationId: 'Company-Branch-Integration-Id',
 };
 export const getVehicleInformation = async (component, generalProps, headers = {}) => {
     const { notAvailableMessage, mockData, vin, scopedTimeoutRef, middlewareCallback } = generalProps;
@@ -21,7 +21,7 @@ export const getVehicleInformation = async (component, generalProps, headers = {
     const handleResult = (newVehicleInformation) => {
         if (networkTimeoutRef === scopedTimeoutRef) {
             if (!newVehicleInformation && vin)
-                throw new Error(notAvailableMessage || 'Wrong response format');
+                throw new Error(notAvailableMessage || 'wrongResponseFormat');
             if (loadedResponse)
                 loadedResponse(newVehicleInformation);
             if (middlewareCallback)

package/dist/collection/global/lib/get-local-language.js

@@ -0,0 +1,19 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { Build } from "@stencil/core";
+import { languageMapper } from "../types/locales/index";
+const cachedLocales = {};
+export const getLocaleLanguage = async (fileKey) => {
+    const languageFile = languageMapper[fileKey] || languageMapper.en;
+    if (cachedLocales[languageFile])
+        return await cachedLocales[languageFile];
+    let localeResponse;
+    if (Build.isDev)
+        localeResponse = fetch('../../locales/' + languageFile).then(res => res.json());
+    else
+        localeResponse = fetch('https://cdn.jsdelivr.net/npm/adp-web-components@latest/dist/locales/' + languageFile).then(res => res.json());
+    cachedLocales[languageFile] = localeResponse;
+    return await localeResponse;
+};

package/dist/collection/global/types/locales/error-schema.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const errorsSchema = object({
+    noServiceAvailable: string().required(),
+    wrongResponseFormat: string().required(),
+});

package/dist/collection/global/types/locales/index.js

@@ -0,0 +1,22 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+import { errorsSchema } from "./error-schema";
+import { vehicleLookupSchema } from "./vehicle-lookup";
+export const ARABIC_JSON_FILE = 'ar.json';
+export const ENGLISH_JSON_FILE = 'en.json';
+export const KURDISH_JSON_FILE = 'ku.json';
+export const languageMapper = {
+    ar: ARABIC_JSON_FILE,
+    en: ENGLISH_JSON_FILE,
+    ku: KURDISH_JSON_FILE,
+};
+export const localeSchema = object({
+    errors: errorsSchema,
+    lang: string().required(),
+    language: string().required(),
+    direction: string().required(),
+    vehicleLookup: vehicleLookupSchema,
+});

package/dist/collection/global/types/locales/vehicle-lookup/accessories-schema.js

@@ -0,0 +1,13 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const accessoriesSchema = object({
+    vehicleAccessories: string().required(),
+    noData: string().required(),
+    partNumber: string().required(),
+    description: string().required(),
+    image: string().required(),
+    expand: string().required(),
+});

package/dist/collection/global/types/locales/vehicle-lookup/dynamic-claim-schema.js

@@ -0,0 +1,21 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const dynamicClaimSchema = object({
+    serviceType: string().required(),
+    activationDate: string().required(),
+    expireDate: string().required(),
+    claimAt: string().required(),
+    redeemingDealer: string().required(),
+    invoiceNumber: string().required(),
+    wip: string().required(),
+    menuCode: string().required(),
+    claim: string().required(),
+    processed: string().required(),
+    expired: string().required(),
+    cancelled: string().required(),
+    pending: string().required(),
+    warning: string().required(),
+});

package/dist/collection/global/types/locales/vehicle-lookup/dynamic-redeem-schema.js

@@ -0,0 +1,28 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const dynamicRedeemSchema = object({
+    serviceType: string().required(),
+    name: string().required(),
+    activationDate: string().required(),
+    expireDate: string().required(),
+    menuCode: string().required(),
+    scanTheInvoice: string().required(),
+    processing: string().required(),
+    warning: string().required(),
+    skipServicesWarning: string().required(),
+    confirmSkipServices: string().required(),
+    notInvoiced: string().required(),
+    confirmNotInvoiced: string().required(),
+    claimAt: string().required(),
+    redeemingDealer: string().required(),
+    invoiceNumber: string().required(),
+    wip: string().required(),
+    claim: string().required(),
+    processed: string().required(),
+    expired: string().required(),
+    cancelled: string().required(),
+    pending: string().required(),
+});

package/dist/collection/global/types/locales/vehicle-lookup/index.js

@@ -0,0 +1,21 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object } from "yup";
+import { warrantySchema } from "./warranty-schema";
+import { accessoriesSchema } from "./accessories-schema";
+import { dynamicClaimSchema } from "./dynamic-claim-schema";
+import { specificationSchema } from "./specification-schema";
+import { dynamicRedeemSchema } from "./dynamic-redeem-schema";
+import { ServiceHistorySchema } from "./service-history-schema";
+import { paintThicknessSchema } from "./paint-thickness-schema";
+export const vehicleLookupSchema = object({
+    warranty: warrantySchema,
+    accessories: accessoriesSchema,
+    dynamicClaim: dynamicClaimSchema,
+    dynamicRedeem: dynamicRedeemSchema,
+    specification: specificationSchema,
+    serviceHistory: ServiceHistorySchema,
+    paintThickness: paintThicknessSchema,
+});

package/dist/collection/global/types/locales/vehicle-lookup/paint-thickness-schema.js

@@ -0,0 +1,14 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const paintThicknessSchema = object({
+    paintThickness: string().required(),
+    noData: string().required(),
+    part: string().required(),
+    left: string().required(),
+    right: string().required(),
+    noImageGroups: string().required(),
+    expand: string().required(),
+});

package/dist/collection/global/types/locales/vehicle-lookup/service-history-schema.js

@@ -0,0 +1,15 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const ServiceHistorySchema = object({
+    serviceHistory: string().required(),
+    noData: string().required(),
+    branch: string().required(),
+    dealer: string().required(),
+    invoiceNumber: string().required(),
+    date: string().required(),
+    serviceType: string().required(),
+    odometer: string().required(),
+});

package/dist/collection/global/types/locales/vehicle-lookup/specification-schema.js

@@ -0,0 +1,14 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const specificationSchema = object({
+    vehicleSpecification: string().required(),
+    noData: string().required(),
+    model: string().required(),
+    variant: string().required(),
+    katashiki: string().required(),
+    modelYear: string().required(),
+    sfx: string().required(),
+});

package/dist/collection/global/types/locales/vehicle-lookup/warranty-schema.js

@@ -0,0 +1,23 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { object, string } from "yup";
+export const warrantySchema = object({
+    authorized: string().required(),
+    unauthorized: string().required(),
+    activeWarranty: string().required(),
+    notActiveWarranty: string().required(),
+    notInvoiced: string().required(),
+    from: string().required(),
+    to: string().required(),
+    pendingSSC: string().required(),
+    noPendingSSC: string().required(),
+    checkingTMC: string().required(),
+    sscCampings: string().required(),
+    sscTableCode: string().required(),
+    sscTableDescription: string().required(),
+    sscTableRepairStatus: string().required(),
+    sscTableOPCode: string().required(),
+    sscTablePartNumber: string().required(),
+});