adp-web-components 0.0.11 → 0.0.13

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

@@ -19,7 +19,7 @@ export class VehicleSpecification {
         this.errorMessage = null;
         this.vehicleInformation = undefined;
     }
-    async setData(newData) {
+    async setData(newData, headers = {}) {
         clearTimeout(this.networkTimeoutRef);
         if (this.abortController)
             this.abortController.abort();
@@ -30,7 +30,6 @@ export class VehicleSpecification {
         this.externalVin = vin;
         try {
             if (!vin || vin.trim().length === 0) {
-                //this.componentHeight = '0px';
                 this.state = 'idle';
                 return;
             }
@@ -43,7 +42,7 @@ export class VehicleSpecification {
                 scopedTimeoutRef = setTimeout(r, 700);
                 this.networkTimeoutRef = scopedTimeoutRef;
             });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
+            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
             if (this.networkTimeoutRef === scopedTimeoutRef) {
                 if (!vehicleResponse)
                     throw new Error('Wrong response format');
@@ -60,22 +59,10 @@ export class VehicleSpecification {
             this.errorMessage = error.message;
         }
     }
-    async fetchData(requestedVin = this.externalVin) {
-        await this.setData(requestedVin);
+    async fetchData(requestedVin = this.externalVin, headers = {}) {
+        await this.setData(requestedVin, headers);
     }
-    //calculateHeight(componentState: string) {
-    //  if (componentState.includes('loading') && this.componentHeight === '0px') {
-    //    this.componentHeight = '100px';
-    //  } else if (componentState !== 'idle') {
-    //    setTimeout(() => {
-    //      this.componentHeight = `${this.wrapperRef.clientHeight}px`;
-    //    }, 50);
-    //  } else {
-    //    this.componentHeight = '0px';
-    //  }
-    //}
     async loadingListener() {
-        //this.calculateHeight(newState);
         if (this.loadingStateChange)
             this.loadingStateChange(this.state.includes('loading'));
     }
@@ -84,7 +71,7 @@ export class VehicleSpecification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return (h(Host, { key: 'c3226e500c814d9a0a471bafaaddc1d472cc801b' }, h("div", { key: '9bae679376567109beedf83d8717a6a1592db545', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '2c779d68d7f0cb59a8e593c4e98274aac4d75cd6' }, h(Loading, { key: 'b485ab8d8f56e1e2c983880ef167ebf287f82313', isLoading: this.state.includes('loading') }), h("div", { key: '62f31f43fa3bc2cba6d4e50637ced77565a8d77d', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '8a55f5cb8e187eee0fe5f7127fb8969ec356fb9d', 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: '27154f476b6e7644d8efe0e9c9361b80b5fbd8e3', class: "py-4" }, h("div", { key: '47b9dbfa0cda5b174533462cca3a43318b8f0a83', 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: '7b9accc6c8b567f139c79a6d99f4d5b7619c4648', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'c9be064f1916c47788aaaa9fa06438d4ea91befa', 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: '72a8a9d92a28f01e8c28da0ce7af9e41ee463844', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '37d13e85758052df6d04cb32f133a056cad6c9b3', 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: 'd83e8aa7d3f07731b790c1d49b7e25491a1456e7', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '9ef18b80c3530ddc36b7fe0254183d6aecedc368', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '2d4fbe31a35e1879c00e8929eb7b0fec0a7aa3fa' }, ['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: '5d00ede02f2d39afca384c1f595bb02face893e0' }, h("tr", { key: '7f833ffbb80982b4ecd1577bdcba412a02fe3f9e' }, h("td", { key: '26902ab5dd74303aa1ca9b066e6518244e7b78a3', 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: '53a6142f257d4a17f53ffc6db4d22139b6cd590b', 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: 'e5b903f69a43c47866d23583570060126fb48b2a', 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: '6245cf13d3d9770280507a6753bf6e8c77cc1e71' }), ((_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 => {
+        return (h(Host, { key: 'b9a0f984a08acc14315b7b7b30742ad9f5bdb49e' }, h("div", { key: 'af83954e986a078b9e33bfd4fc8797fb79fb028b', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '448f30f13b9c20fb30ff369e55bf564bd0d8fe20' }, h(Loading, { key: '53523ee006eef27b765fd1b6375f39bf7f1e02c6', isLoading: this.state.includes('loading') }), h("div", { key: '78dd7934c80487fb68c67747512c5c96809280ac', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: 'da5b237a42b1ff4b0c20fe40ad5c46224c265986', 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: 'dc9cae0fec62f66c747de76185d2e1688162224e', class: "py-4" }, h("div", { key: '8f3b7129711bff7688170ac8228417b0bf3b4c5c', 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: '9215e325e2b80534142c4833b717b569949721ec', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '87630966a701dc6989221ac7a133ca7e0856fcf1', 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: '06489c6c3ad553a5502cdf72cc43724d2b5c74bc', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: 'e6e2d53c4233cacc6571b1b9d2eaa6553bae7831', 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: '30bf7dfaf6c8c5d9829e8a30d9644326c5a2c6d2', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'b64236329f77e1e236ad286bbe5068e55f5e40c9', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'b79c310db87dc4b40a56a0efbe82ffd54da09a21' }, ['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: 'b8afb49709c1362e95dd4446978b54c2fc570fcb' }, h("tr", { key: 'b566724d705cd430f7fba1e1addab9a1189ebb5d' }, h("td", { key: '0577fa2f9221fdd8df0a557b92e77f3bad0885ac', 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: 'f751d6784c076ce25442d7a916bc468ecd007777', 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: '01e40cad1d8dc4cdfc933dcfade4b8e605219d3e', 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: 'f34677ab8bf2311f6ac2fd7426805cfe50ccafd7' }), ((_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();
@@ -209,11 +196,15 @@ export class VehicleSpecification {
         return {
             "setData": {
                 "complexType": {
-                    "signature": "(newData: VehicleInformation | string) => Promise<void>",
+                    "signature": "(newData: VehicleInformation | string, headers?: any) => Promise<void>",
                     "parameters": [{
                             "name": "newData",
                             "type": "string | VehicleInformation",
                             "docs": ""
+                        }, {
+                            "name": "headers",
+                            "type": "any",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -239,11 +230,15 @@ export class VehicleSpecification {
             },
             "fetchData": {
                 "complexType": {
-                    "signature": "(requestedVin?: string) => Promise<void>",
+                    "signature": "(requestedVin?: string, headers?: any) => Promise<void>",
                     "parameters": [{
                             "name": "requestedVin",
                             "type": "string",
                             "docs": ""
+                        }, {
+                            "name": "headers",
+                            "type": "any",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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

@@ -42,6 +42,7 @@ export class WarrantyDetails {
         this.vehicleInformation = undefined;
         this.checkingUnauthorizedSSC = false;
         this.recaptchaRes = null;
+        this.headers = {};
     }
     handleSettingData(response) {
         var _a, _b, _c;
@@ -74,7 +75,6 @@ export class WarrantyDetails {
                     if (this.isDev) {
                         this.checkingUnauthorizedSSC = true;
                         this.showRecaptcha = false;
-                        //this.calculateHeight(this.state);
                         await new Promise(r => setTimeout(r, 3000));
                         this.checkingUnauthorizedSSC = false;
                         const hasPendingSSC = Math.random() < 0.5 ? false : true;
@@ -82,17 +82,14 @@ export class WarrantyDetails {
                             hasSSC: hasPendingSSC,
                             message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
                         };
-                        //this.calculateHeight(this.state);
                     }
                     else {
                         this.checkingUnauthorizedSSC = true;
                         this.showRecaptcha = false;
-                        //this.calculateHeight(this.state);
+                        ///
                         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: {
-                                'Ssc-Recaptcha-Token': recaptchaResponse,
-                            },
+                            headers: Object.assign(Object.assign({}, this.headers), { 'Ssc-Recaptcha-Token': recaptchaResponse }),
                         });
                         const vinResponse = await response.json();
                         if (vinResponse && this.networkTimeoutRef === scopedTimeoutRef) {
@@ -102,7 +99,6 @@ export class WarrantyDetails {
                                 hasSSC: hasPendingSSC,
                                 message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
                             };
-                            //this.calculateHeight(this.state);
                         }
                         else
                             throw new Error('Wrong response format');
@@ -115,8 +111,9 @@ export class WarrantyDetails {
             this.showRecaptcha = false;
         }
     }
-    async setData(newData) {
+    async setData(newData, headers = {}) {
         this.recaptchaRes = null;
+        this.headers = headers;
         clearTimeout(this.networkTimeoutRef);
         clearInterval(this.recaptchaIntervalRef);
         if (this.abortController)
@@ -128,7 +125,6 @@ export class WarrantyDetails {
         this.externalVin = vin;
         try {
             if (!vin || vin.trim().length === 0) {
-                //this.componentHeight = '0px';
                 this.state = 'idle';
                 return;
             }
@@ -141,7 +137,7 @@ export class WarrantyDetails {
                 scopedTimeoutRef = setTimeout(r, 600);
                 this.networkTimeoutRef = scopedTimeoutRef;
             });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
+            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
             if (this.networkTimeoutRef === scopedTimeoutRef) {
                 if (!vehicleResponse)
                     throw new Error('Wrong response format');
@@ -159,8 +155,8 @@ export class WarrantyDetails {
             this.errorMessage = error.message;
         }
     }
-    async fetchData(requestedVin = this.externalVin) {
-        await this.setData(requestedVin);
+    async fetchData(requestedVin = this.externalVin, headers = {}) {
+        await this.setData(requestedVin, headers);
     }
     async componentDidLoad() {
         if (this.recaptchaKey !== '') {
@@ -172,34 +168,16 @@ export class WarrantyDetails {
             document.head.appendChild(script);
         }
     }
-    //calculateHeight(componentState: string) {
-    //  if (componentState.includes('loading') && this.componentHeight === '0px') {
-    //    this.componentHeight = '100px';
-    //  } else if (componentState !== 'idle') {
-    //    setTimeout(() => {
-    //      this.componentHeight = `${this.wrapperRef.clientHeight}px`;
-    //    }, 50);
-    //  } else {
-    //    this.componentHeight = '0px';
-    //  }
-    //}
     async setMockData(newMockData) {
         mockData = newMockData;
     }
-    onShowSscChange() {
-        //this.calculateHeight(this.state);
-    }
-    onShowWarrantyChange() {
-        //this.calculateHeight(this.state);
-    }
     async loadingListener() {
-        //this.calculateHeight(newState);
         if (this.loadingStateChange)
             this.loadingStateChange(this.state.includes('loading'));
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '9f7b4391eb2ac41ecb6b620adb733d06cad61e01' }, h("div", { key: 'a120fa5f7b7ec6b586ae1553ddd5f1270b4bafdf', class: "min-h-[100px] warranty" }, h("div", { key: 'a3e41d8aad2f04cd6f0fc7cc0ce952ec80eb67e9' }, h(Loading, { key: '548ba51ad8f41ebba0d4591f22294c4a0ceeddca', isLoading: this.state.includes('loading') }), h("div", { key: 'fa06505b9ad363d070e98c384ca08be6fab23e3a', 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: 'dd5cae430e26d6b99de558414bc54ae61037b6ee', 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: '2aa3678b9daedb664cb83908bab1a3ae79d26ca4', class: "py-4" }, h(StatusCard, { key: '9fb71c4271b607184140207e737f9db6955446a1', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: 'd14715477bfd2a7a07ed203794cdd90bf3dc7f77', 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: '7d24f6ed652cfd6e23ff88471a8c134810909522', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '09944b5683a9c564bba4a7bf7b02bf45578b1a01' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '3503fc5ab15f118a4614f0aa4a0cbc98dffd341b', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: '2d307b6517e8734a86b366d24550870d141559f5', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '3ce58c58e769399b08909d24b49dfb16020beaa4' }, h("strong", { key: '7a09f45c291d5561410116ffb6cfb4de417c51ce' }, "Checking TMC")), h("img", { key: '6ff6d07a3834f1f02d1a54d2d45cfff712d8ec53', 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: 'f67095d616937712e31ed0421811f1cf3c7982ed', ssc: this.vehicleInformation.ssc })))))));
+        return (h(Host, { key: '3c8f75a5285bcae20b14896f48219478873dc56f' }, h("div", { key: 'b87f7c2301163f6a8a59ea30005bf5fdce3084b3', class: "min-h-[100px] warranty" }, h("div", { key: '2e9eca00ba1b2b5a362966ce7bec90118a255be4' }, h(Loading, { key: 'e0dcf745ea9409ffd55f54a2b304bf448f00981d', isLoading: this.state.includes('loading') }), h("div", { key: 'ae2feac973e3ddfc3e8b38f1887f1f3ff2da0393', 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: 'd27ea304918aad5f6fc6acce7ea4b4da89be5d7b', 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: '1f797e76bb68d350ff3b071a11d94cd72f031569', class: "py-4" }, h(StatusCard, { key: '4f674cc1259a7628bb565f737575108ef1882569', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '7c47e8a2c5dd921af1df7f8d2453a3897709dde3', 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: '250484f60f45bc8470c074056cbd567017fb1fcd', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '4e728a717fdc8b34a6c861a40ff0cf7ec9dacf95' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'aa3134245674835812a638b4d8ccf6da1baafc13', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: '33c4511869c04b4780285f35e19efee5362b6240', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '69c77e7eff03943790b00030068ec3b25c86fb25' }, h("strong", { key: 'a6b3cf9c81dc0cf5dcad68189827428511eb289f' }, "Checking TMC")), h("img", { key: '812b2eb0ca00baa596ccf6e6e5e4943dccc89159', 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: 'be4c7f932929fc7aff56eb3fb6c45e5d2bd3ff1d', ssc: this.vehicleInformation.ssc })))))));
     }
     static get is() { return "warranty-details"; }
     static get encapsulation() { return "shadow"; }
@@ -604,18 +582,23 @@ export class WarrantyDetails {
             "unInvoicedByBrokerName": {},
             "vehicleInformation": {},
             "checkingUnauthorizedSSC": {},
-            "recaptchaRes": {}
+            "recaptchaRes": {},
+            "headers": {}
         };
     }
     static get methods() {
         return {
             "setData": {
                 "complexType": {
-                    "signature": "(newData: VehicleInformation | string) => Promise<void>",
+                    "signature": "(newData: VehicleInformation | string, headers?: any) => Promise<void>",
                     "parameters": [{
                             "name": "newData",
                             "type": "string | VehicleInformation",
                             "docs": ""
+                        }, {
+                            "name": "headers",
+                            "type": "any",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -641,11 +624,15 @@ export class WarrantyDetails {
             },
             "fetchData": {
                 "complexType": {
-                    "signature": "(requestedVin?: string) => Promise<void>",
+                    "signature": "(requestedVin?: string, headers?: any) => Promise<void>",
                     "parameters": [{
                             "name": "requestedVin",
                             "type": "string",
                             "docs": ""
+                        }, {
+                            "name": "headers",
+                            "type": "any",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -696,12 +683,6 @@ export class WarrantyDetails {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "showSsc",
-                "methodName": "onShowSscChange"
-            }, {
-                "propName": "showWarranty",
-                "methodName": "onShowWarrantyChange"
-            }, {
                 "propName": "state",
                 "methodName": "loadingListener"
             }];

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

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-export const getPartInformation = async (component, generalProps) => {
+export const getPartInformation = async (component, generalProps, headers = {}) => {
     const { notAvailableMessage, mockData, partNumber, scopedTimeoutRef, middlewareCallback } = generalProps;
     const { isDev, baseUrl, queryString, abortController, networkTimeoutRef, loadedResponse } = component;
     const handleResult = (newPartInformation) => {
@@ -23,7 +23,7 @@ export const getPartInformation = async (component, generalProps) => {
     else {
         if (!baseUrl)
             throw new Error('Please provide base-url');
-        const response = await fetch(`${baseUrl}${partNumber}?${queryString}`, { signal: abortController.signal });
+        const response = await fetch(`${baseUrl}${partNumber}?${queryString}`, { signal: abortController.signal, headers: headers });
         const newData = (await response.json());
         return handleResult(newData);
     }

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

@@ -13,9 +13,9 @@ 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) => {
+export const getVehicleInformation = async (component, generalProps, headers = {}) => {
     const { notAvailableMessage, mockData, vin, scopedTimeoutRef, middlewareCallback } = generalProps;
     const { isDev, baseUrl, queryString, abortController, networkTimeoutRef, loadedResponse } = component;
     const handleResult = (newVehicleInformation) => {
@@ -36,12 +36,12 @@ export const getVehicleInformation = async (component, generalProps) => {
     else {
         if (!baseUrl)
             throw new Error('Please provide base-url');
-        const headers = {};
+        const componentHeaders = Object.assign({}, headers);
         Object.entries(vehicleRequestHeaders).forEach(([componentHeaderKey, headerField]) => {
             if (component[componentHeaderKey])
-                headers[headerField] = component[componentHeaderKey];
+                componentHeaders[headerField] = component[componentHeaderKey];
         });
-        const response = await fetch(`${baseUrl}${vin}?${queryString}`, { signal: abortController.signal, headers: headers });
+        const response = await fetch(`${baseUrl}${vin}?${queryString}`, { signal: abortController.signal, headers: componentHeaders });
         const newData = (await response.json());
         return handleResult(newData);
     }

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

@@ -1,42 +1,26 @@
-const vehicleSpecification = document.getElementById('vehicle-specification');
-const vehicleAccessories = document.getElementById('vehicle-accessories');
-const warranty = document.getElementById('warranty');
-const serviceHistory = document.getElementById('service-history');
-const paintThickness = document.getElementById('paint-thickness');
-const dynamicClaim = document.getElementById('dynamic-claim');
-
-const componentsList = [vehicleSpecification, warranty, serviceHistory, dynamicClaim, paintThickness, vehicleAccessories];
-
-const input = document.getElementById('vinInput');
-const error = document.getElementsByClassName('error-message')[0];
-const searchIcon = document.getElementById('search-icon');
-const spinnerIcon = document.getElementById('spinner-icon');
-const searchText = document.getElementById('search-text');
-const searchButton = document.getElementById('search-button');
-
-const franchiseSelector = document.getElementById('franchise-selector');
-const franchiseSelectorError = document.getElementById('franchise-selector-error-message');
-
-var lastLookupResult = null;
+let vehicleSpecification;
+let vehicleAccessories;
+let warranty;
+let serviceHistory;
+let paintThickness;
+let dynamicClaim;
+let distributorLookup;
+let deadStockLookup;
+let manufacturerLookup;
+let componentsList;
+let searchutton;
+let partNumberInput;
+let partQtyInput;
+let vinInput;
+let franchiseSelector;
+let searching;
+let lookupPage;
 
 function handleLoadingState(isLoading) {
-  if (isLoading) {
-    $("li:not('.active')").addClass('disabled');
-
-    searchIcon.style.display = 'none';
-    spinnerIcon.style.display = 'inline-block';
-    searchText.innerHTML = 'Searching...';
-    input.readOnly = true;
-    input.classList.add('disabled');
-  } else {
-    $("li:not('.active')").removeClass('disabled');
-    searchIcon.style.display = 'inline-block';
-    spinnerIcon.style.display = 'none';
-    searchText.innerHTML = 'Search';
-    input.readOnly = false;
-    input.classList.remove('disabled');
+  lookupPage.invokeMethodAsync('onLoadingStateChanged', isLoading);
+
+  if (!isLoading)
     searching = false;
-  }
 }
 
 function handleLoadData(newResponse, activeElement) {
@@ -45,15 +29,43 @@ function handleLoadData(newResponse, activeElement) {
   });
 }
 
-document.onreadystatechange = function (e) {
-  $('#vehicle-info-tab a').click(function (e) {
-    e.preventDefault();
-    $(this).tab('show');
-  });
+function registerLookupPage(instance) {
 
-  $('#search-button').click(function () {
-    search();
-  });
+  lookupPage = instance;
+
+  vehicleSpecification = document.getElementById('vehicle-specification');
+  vehicleAccessories = document.getElementById('vehicle-accessories');
+  warranty = document.getElementById('warranty');
+  serviceHistory = document.getElementById('service-history');
+  paintThickness = document.getElementById('paint-thickness');
+  dynamicClaim = document.getElementById('dynamic-claim');
+  distributorLookup = document.getElementById('distributor-lookup');
+  deadStockLookup = document.getElementById('dead-stock-lookup');
+  manufacturerLookup = document.getElementById('manufacturer-lookup');
+  componentsList = [vehicleSpecification, warranty, serviceHistory, dynamicClaim, paintThickness, vehicleAccessories, distributorLookup, deadStockLookup, manufacturerLookup];
+  searchutton = document.getElementById('searchButton');
+  partNumberInput = document.getElementById('partNumberInput');
+  partQtyInput = document.getElementById('partQtyInput');
+  vinInput = document.getElementById('vinInput');
+  franchiseSelector = document.getElementById('franchise-selector');
+
+
+  if (lookupPage.invokeMethodAsync) {
+
+  }
+  else {
+    lookupPage.invokeMethodAsync = async function (methodName, payload) {
+      if (methodName === 'onErrorStateChanged') {
+        await lookupPage.onErrorStateChanged(payload);
+      }
+      else if (methodName === 'onLoadingStateChanged') {
+        await lookupPage.onLoadingStateChanged(payload);
+      }
+      else if (methodName === 'getHeaders') {
+        return await lookupPage.getHeaders();
+      }
+    }
+  }
 
   componentsList.forEach(element => {
     if (element === null) return;
@@ -62,84 +74,136 @@ document.onreadystatechange = function (e) {
     element.loadedResponse = newResponse => handleLoadData(newResponse, element);
   });
 
-  $(input).keydown(function (e) {
-    if (e.keyCode == 13) {
-      e.preventDefault();
-      search();
-    }
-  });
-};
+  if (searchutton) {
+    searchutton.addEventListener("click", async function (e) {
+      await search();
+    });
+  }
+
+  if (vinInput) {
+    vinInput.addEventListener("keydown", async function (e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await search();
+      }
+    });
+  }
+
+  if (partNumberInput) {
+    partNumberInput.addEventListener("keydown", async function (e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await search();
+      }
+    });
+  }
+
+  if (partQtyInput) {
+    partQtyInput.addEventListener("keydown", async function (e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        await search();
+      }
+    });
+  }
+}
+
+async function search() {
 
-var searching = false;
-function search() {
   if (searching) return;
 
   searching = true;
 
-  input.classList.remove('error_bg');
-  error.innerHTML = '';
+  lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: null, franchiseError: null, partError: null });
 
-  if (franchiseSelector) {
-    franchiseSelector.classList.remove('error_bg');
+  if (vinInput) {
+    var vin = vinInput.value;
 
-    franchiseSelectorError.innerHTML = '';
-  }
+    if (vin == '') {
+      lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: 'VIN is required', franchiseError: null, partError: null });
 
-  var vin = input.value;
+      searching = false;
 
-  if (vin == '') {
-    input.classList.add('error_bg');
+      return;
+    }
 
-    error.innerHTML = 'VIN is required';
+    if (!validateVin(vin)) {
+      lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: 'Invalid VIN', franchiseError: null, partError: null });
 
-    searching = false;
+      searching = false;
 
-    return;
-  }
+      return;
+    }
 
-  if (!validateVin(vin)) {
-    input.classList.add('error_bg');
+    if (franchiseSelector) {
 
-    error.innerHTML = 'Invalid VIN';
+      var franchise = franchiseSelector.value;
 
-    searching = false;
+      warranty.setAttribute('brand-integration-id', franchise);
 
-    return;
-  }
+      if (franchise == '') {
+
+        lookupPage.invokeMethodAsync('onErrorStateChanged', { vinError: null, franchiseError: 'Please Select a Franchise', partError: null });
+
+        searching = false;
+
+        return;
+      }
+    }
 
-  if (franchiseSelector) {
-    var franchise = franchiseSelector.value;
+    var headers = await lookupPage.invokeMethodAsync('getHeaders');
 
-    warranty.setAttribute('brand-integration-id', franchise);
+    if (vehicleSpecification && vehicleSpecification.checkVisibility()) {
+      vehicleSpecification.fetchData(vin, headers);
+    }
+    if (warranty && warranty.checkVisibility()) {
+      warranty.fetchData(vin, headers);
+    }
+    if (serviceHistory && serviceHistory.checkVisibility()) {
+      serviceHistory.fetchData(vin, headers);
+    }
+    if (dynamicClaim && dynamicClaim.checkVisibility()) {
+      dynamicClaim.fetchData(vin, headers);
+    }
+    if (paintThickness && paintThickness.checkVisibility()) {
+      paintThickness.fetchData(vin, headers);
+    }
+    if (vehicleAccessories && vehicleAccessories.checkVisibility()) {
+      vehicleAccessories.fetchData(vin, headers);
+    }
+  }
 
-    if (franchise == '') {
-      franchiseSelector.classList.add('error_bg');
+  if (partNumberInput) {
+    var partNumber = partNumberInput.value;
 
-      franchiseSelectorError.innerHTML = 'Please Select';
+    if (partNumber == '') {
+      lookupPage.invokeMethodAsync('onErrorStateChanged', { partError: 'Part Number is Required' });
 
       searching = false;
 
       return;
     }
-  }
 
-  if ($(vehicleSpecification).is(':visible')) {
-    vehicleSpecification.fetchData(vin);
-  }
-  if ($(warranty).is(':visible')) {
-    warranty.fetchData(vin);
-  }
-  if ($(serviceHistory).is(':visible')) {
-    serviceHistory.fetchData(vin);
-  }
-  if ($(dynamicClaim).is(':visible')) {
-    dynamicClaim.fetchData(vin);
-  }
-  if ($(paintThickness).is(':visible')) {
-    paintThickness.fetchData(vin);
-  }
-  if ($(vehicleAccessories).is(':visible')) {
-    vehicleAccessories.fetchData(vin);
+
+    var searchText = partNumber;
+
+    var partQty = partQtyInput.value;
+
+    if (partQty.trim() !== '' && partQty !== '0') {
+      searchText = `${partNumber}/${partQty}`;
+    }
+
+    var headers = await lookupPage.invokeMethodAsync('getHeaders');
+
+    if (distributorLookup && distributorLookup.checkVisibility()) {
+      distributorLookup.fetchData(searchText, headers);
+    }
+    if (deadStockLookup && deadStockLookup.checkVisibility()) {
+      deadStockLookup.fetchData(searchText, headers);
+    }
+    if (manufacturerLookup && manufacturerLookup.checkVisibility()) {
+      manufacturerLookup.fetchData(searchText, headers);
+    }
   }
 }
 
@@ -216,3 +280,6 @@ function validateVin(vin) {
 
   return valid;
 }
+
+
+export { registerLookupPage };