npm - adp-web-components - Versions diffs - 0.0.26 → 0.0.27 - Mend

adp-web-components 0.0.26 → 0.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

package/dist/cjs/shift-components.cjs.js CHANGED Viewed

@@ -23,7 +23,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"activeElement":[1,"active-element"],"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChanged":[16],"blazorOnLoadingStateChange":[1,"blazor-on-loading-state-change"],"errorStateListener":[16],"blazorErrorStateListener":[1,"blazor-error-state-listener"],"wrapperErrorState":[32],"blazorRef":[32],"setBlazorRef":[64],"fetchVin":[64],"getPageContext":[64]},null,{"wrapperErrorState":["errorListener"],"onLoadingStateChanged":["handleLoadingListenerPropChange"],"blazorOnLoadingStateChange":["handleBlazorLoadingRefChange"]}]]],["general-inquiry-form.cjs",[[1,"general-inquiry-form",{"isLoading":[32],"renderControl":[32]}]]],["dead-stock-lookup.cjs",[[1,"dead-stock-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["distributor-lookup.cjs",[[1,"distributor-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["manufacturer-lookup.cjs",[[1,"manufacturer-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"headerTitle":[1,"header-title"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["form-input.cjs",[[0,"form-input",{"name":[1],"label":[1],"class":[1],"isError":[4,"is-error"],"disabled":[4],"labelClass":[1,"label-class"],"errorClass":[1,"error-class"],"errorMessage":[1,"error-message"],"containerClass":[1,"container-class"]}]]],["dynamic-redeem.cjs",[[1,"dynamic-redeem",{"vin":[1],"item":[16],"canceledItems":[16],"unInvoicedByBrokerName":[1,"un-invoiced-by-broker-name"],"handleScanner":[16],"handleQrChanges":[16],"loadingStateChange":[16],"confirmServiceCancellation":[32],"confirmUnInvoicedTBPVehicles":[32],"internalVin":[32],"isOpened":[32],"internalItem":[32],"internalCanceledItem":[32],"isLoading":[32],"quite":[64],"getQrValue":[64]},null,{"isLoading":["onIsLoadingChange"],"canceledItems":["changeInternalCanceledItem"],"unInvoicedByBrokerName":["changeConfirmUnInvoicedTBPVehicles"],"vin":["changeInternalVin"],"item":["changeInternalItem"]}]]],["dynamic-claim_6.cjs",[[1,"dynamic-claim",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"isIdle":[32],"popupClasses":[32],"externalVin":[32],"activePopupIndex":[32],"vehicleInformation":[32],"errorMessage":[32],"isLoading":[32],"setMockData":[64],"setData":[64],"fetchData":[64],"completeClaim":[64]},null,{"isLoading":["onLoadingChange"],"vehicleInformation":["resetProgressBar"],"popupClasses":["windowScrollListener"]}],[1,"paint-thickness",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"service-history",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-accessories",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-specification",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"warranty-details",{"baseUrl":[1,"base-url"],"unauthorizedSscLookupBaseUrl":[1,"unauthorized-ssc-lookup-base-url"],"isDev":[4,"is-dev"],"showSsc":[4,"show-ssc"],"queryString":[1,"query-string"],"unauthorizedSscLookupQueryString":[1,"unauthorized-ssc-lookup-query-string"],"recaptchaKey":[1,"recaptcha-key"],"showWarranty":[4,"show-warranty"],"cityId":[1,"city-id"],"cityIntegrationId":[1,"city-integration-id"],"companyId":[1,"company-id"],"companyIntegrationId":[1,"company-integration-id"],"companyBranchId":[1,"company-branch-id"],"companyBranchIntegrationId":[1,"company-branch-integration-id"],"userId":[1,"user-id"],"brandIntegrationId":[1,"brand-integration-id"],"customerName":[1,"customer-name"],"customerPhone":[1,"customer-phone"],"customerEmail":[1,"customer-email"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"showRecaptcha":[32],"unInvoicedByBrokerName":[32],"vehicleInformation":[32],"checkingUnauthorizedSSC":[32],"recaptchaRes":[32],"headers":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]]], options);
+  return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"activeElement":[1,"active-element"],"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChanged":[16],"blazorOnLoadingStateChange":[1,"blazor-on-loading-state-change"],"errorStateListener":[16],"blazorErrorStateListener":[1,"blazor-error-state-listener"],"wrapperErrorState":[32],"blazorRef":[32],"setBlazorRef":[64],"fetchVin":[64],"getPageContext":[64]},null,{"wrapperErrorState":["errorListener"],"onLoadingStateChanged":["handleLoadingListenerPropChange"],"blazorOnLoadingStateChange":["handleBlazorLoadingRefChange"]}]]],["general-inquiry-form.cjs",[[1,"general-inquiry-form",{"isLoading":[32],"renderControl":[32]}]]],["dead-stock-lookup.cjs",[[1,"dead-stock-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["distributor-lookup.cjs",[[1,"distributor-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"hiddenFields":[1,"hidden-fields"],"localizationName":[1,"localization-name"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["manufacturer-lookup.cjs",[[1,"manufacturer-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"hiddenFields":[1,"hidden-fields"],"localizationName":[1,"localization-name"],"headerTitle":[1,"header-title"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["form-input.cjs",[[0,"form-input",{"name":[1],"label":[1],"class":[1],"isError":[4,"is-error"],"disabled":[4],"labelClass":[1,"label-class"],"errorClass":[1,"error-class"],"errorMessage":[1,"error-message"],"containerClass":[1,"container-class"]}]]],["dynamic-redeem.cjs",[[1,"dynamic-redeem",{"vin":[1],"item":[16],"canceledItems":[16],"unInvoicedByBrokerName":[1,"un-invoiced-by-broker-name"],"handleScanner":[16],"handleQrChanges":[16],"loadingStateChange":[16],"confirmServiceCancellation":[32],"confirmUnInvoicedTBPVehicles":[32],"internalVin":[32],"isOpened":[32],"internalItem":[32],"internalCanceledItem":[32],"isLoading":[32],"quite":[64],"getQrValue":[64]},null,{"isLoading":["onIsLoadingChange"],"canceledItems":["changeInternalCanceledItem"],"unInvoicedByBrokerName":["changeConfirmUnInvoicedTBPVehicles"],"vin":["changeInternalVin"],"item":["changeInternalItem"]}]]],["dynamic-claim_6.cjs",[[1,"dynamic-claim",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"isIdle":[32],"popupClasses":[32],"externalVin":[32],"activePopupIndex":[32],"vehicleInformation":[32],"errorMessage":[32],"isLoading":[32],"setMockData":[64],"setData":[64],"fetchData":[64],"completeClaim":[64]},null,{"isLoading":["onLoadingChange"],"vehicleInformation":["resetProgressBar"],"popupClasses":["windowScrollListener"]}],[1,"paint-thickness",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"service-history",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-accessories",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-specification",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"warranty-details",{"baseUrl":[1,"base-url"],"unauthorizedSscLookupBaseUrl":[1,"unauthorized-ssc-lookup-base-url"],"isDev":[4,"is-dev"],"showSsc":[4,"show-ssc"],"queryString":[1,"query-string"],"unauthorizedSscLookupQueryString":[1,"unauthorized-ssc-lookup-query-string"],"recaptchaKey":[1,"recaptcha-key"],"showWarranty":[4,"show-warranty"],"cityId":[1,"city-id"],"cityIntegrationId":[1,"city-integration-id"],"companyId":[1,"company-id"],"companyIntegrationId":[1,"company-integration-id"],"companyBranchId":[1,"company-branch-id"],"companyBranchIntegrationId":[1,"company-branch-integration-id"],"userId":[1,"user-id"],"brandIntegrationId":[1,"brand-integration-id"],"customerName":[1,"customer-name"],"customerPhone":[1,"customer-phone"],"customerEmail":[1,"customer-email"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"showRecaptcha":[32],"unInvoicedByBrokerName":[32],"vehicleInformation":[32],"checkingUnauthorizedSSC":[32],"recaptchaRes":[32],"headers":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]]], options);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/vehicle-lookup.cjs.entry.js CHANGED Viewed

@@ -161,7 +161,7 @@ const VehicleLookup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '915de37781baebae7789ef128265b621552ea367' }, index.h("div", { key: '28c7621a5614d64a760e338afec183f80e3e4292', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, index.h("vehicle-specification", { key: '3e02c7a30048634186044f763653a1d93ae2392d', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '55672a129b9fb6e9d2d1b44ae79bc0e8f829f2c9', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, index.h("vehicle-accessories", { key: 'e9d16fc4f81221a890d8853da14f2b80ce774c13', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '88fa2420a94db307dd8900972b137dbfbc6be79d', class: cn.cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, index.h("warranty-details", { key: 'bb6cdb852a4deed8819b471c65047a623f5e6d6b', "show-ssc": "true", "show-warranty": "true", isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }, index.h("slot", { key: '7a00495c356c566c1643ee4246c7887924529ddf' }))), index.h("div", { key: '74acc9254ac994fd708858e9089b58f58da20952', class: cn.cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, index.h("service-history", { key: '6959bdd34fadac6a36d61f4b2ac1c5c3f8bd9a34', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '71748aefc8a90526c5ec78ee353bd011fbe069b1', class: cn.cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, index.h("paint-thickness", { key: '71da10b78a94011bedca1d5bbf7e351968d53e52', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: 'b786c15b52fb6f663848c6c4cdc27e163f579652', class: cn.cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, index.h("dynamic-claim", { key: '8dc4bf0c1dc249a42a3ee1ae50d82e9d3357bf8e', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
+        return (index.h(index.Host, { key: 'c0ae0086435cd2bfc4a4838223c29796960bbbf6' }, index.h("div", { key: 'c989c8199a556448887c2018cae79eed02813f46', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, index.h("vehicle-specification", { key: 'dc99a0489d6a8c0306cb7aaef7749997553e023b', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: 'c8a8a7eec552f9fd0234dab9d85df14e43102041', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, index.h("vehicle-accessories", { key: '624acb4beb19b22e82d79250594e350a21e7f8bf', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '834807eace640d41d904f7511003ede16b2bfc95', class: cn.cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, index.h("warranty-details", { key: 'a74777497db827ce84dcea65823f467af80fa5fa', "show-ssc": "true", "show-warranty": "true", isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }, index.h("slot", { key: 'c4f0f9387d20481c503d6fe9c38532ede6f71a95' }))), index.h("div", { key: '33b0b26eb268027789d8d8cecc00247f073a333a', class: cn.cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, index.h("service-history", { key: '2d4315c0e2091666e4514ce3b24c8f9f3120850c', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '21620c7e04ade2da21a8d4aee3c28eb1f8d1e8fa', class: cn.cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, index.h("paint-thickness", { key: '93e0597fbf83490189fa448fd9765b6fa76cf214', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: 'd5b2313cb8faac74fc9304c1e4c311b766c57259', class: cn.cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, index.h("dynamic-claim", { key: '10e9015d5288618f10fd92e5a72774ac0d8a7f59', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "entries": [
-    "components/warranty-details/warranty-details.js",
-    "components/vehicle-accessories/vehicle-accessories.js",
-    "components/vehicle-specification/vehicle-specification.js",
-    "components/service-history/service-history.js",
-    "components/paint-thickness/paint-thickness.js",
-    "components/dynamic-redeem/dynamic-redeem.js",
-    "components/dynamic-claim/dynamic-claim.js",
+    "components/vehicle-lookup/dynamic-redeem.js",
+    "components/vehicle-lookup/dynamic-claim.js",
+    "components/vehicle-lookup/paint-thickness.js",
+    "components/vehicle-lookup/service-history.js",
+    "components/vehicle-lookup/warranty-details.js",
+    "components/vehicle-lookup/vehicle-accessories.js",
+    "components/vehicle-lookup/vehicle-specification.js",
     "components/vehicle-lookup/vehicle-lookup.js",
     "components/form-input/form-input.js",
     "components/general-inquiry-form/general-inquiry-form.js",

package/dist/collection/components/part-lookup/dead-stock-lookup.js CHANGED Viewed

@@ -4,7 +4,7 @@
  */
 import { Host, h } from "@stencil/core";
 import { getPartInformation } from "../../global/api/partInformation";
-import Loading from "../parts/Loading";
+import Loading from "../components/Loading";
 import cn from "../../global/lib/cn";
 let mockData = {};
 const closedAccordionHeight = '46px';
@@ -92,7 +92,7 @@ export class DeadStockLookup {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '03372a6f91fd6291de7e6fc51ab5012bc5ab2b98' }, h("div", { key: 'e926503adba0274834ab8b06ce370faace79447b', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'f3883fc0b09366baf94ed65f8b13590ac1adb975' }, h(Loading, { key: 'd01c5df2db30920852b35a6e6d6cb06cde76f395', isLoading: this.state.includes('loading') }), h("div", { key: 'de52273e824e9499aa77b3763871d010184232b8', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: '4995acd3f10a212d93838e2d5e89693829fbb10a', class: "py-[16px]" }, h("div", { key: '38064e79243ba14260cbaea211b6d82cbd299f5e', 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: '156cbe984af29e94d697eac435226a8d69c05545' }, h("div", { key: '573d44fd10f287903f04de74c78302cc0ffe90f1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '93f6aa85947fb2fa924478fa5167a0e894188958', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Dead stock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
+        return (h(Host, { key: '28085ac7a954bfdf05ea5d3724530c9d62100bb7' }, h("div", { key: 'f9f5e65102e89847011cd931c2b9acd7a2389335', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '9fcc43106e15147a6bad64ac597133c0809eee00' }, h(Loading, { key: '9a33038473f140166debf1bc2fa11299e10ebfcd', isLoading: this.state.includes('loading') }), h("div", { key: '3462deafa07da32d76a1ea6b194ba728fbb12335', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'ff6d5801bca6a1dab34ff99ac4e2e211e47f4a13', class: "py-[16px]" }, h("div", { key: '4c9221e53ebecc13e3a51d4976c83acf9cf204fd', 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: '4f4bd9eea235444cf091070303ca29c5f2ed4320' }, h("div", { key: '03c29418532b04da39db959c6698cbd6f8e3b178', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'b489e74211486b2ead5eb4163e0e5492af13e1a0', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Dead stock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
             _b.map(deadStock => (h("div", { key: deadStock.companyIntegrationID, class: "py-[10px] px-[20px]" }, h("div", { "aria-expanded": "false", style: { height: closedAccordionHeight }, class: "border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]" }, h("button", { onClick: this.toggleAccordion, style: { height: closedAccordionHeight }, class: "w-full flex px-[10px] justify-between items-center text-slate-800" }, h("strong", null, deadStock.companyName), h("span", { class: "icon text-slate-800 transition-transform duration-500" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-[22px]" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" })))), h("div", { class: "content" }, h("table", { class: "w-full overflow-auto relative border-collapse" }, h("thead", null, h("tr", null, h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Available Qty"))), h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (h("tr", { class: "transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, h("td", { class: cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, branchDeadStock.companyBranchName), h("td", { class: cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, h("strong", null, branchDeadStock.quantity))))))))))))))))))));
     }
     static get is() { return "dead-stock-lookup"; }

package/dist/collection/components/part-lookup/distributor-lookup.js CHANGED Viewed

@@ -6,13 +6,15 @@ import { Host, h } from "@stencil/core";
 import cn from "../../global/lib/cn";
 import { capitalize } from "../../global/lib/general";
 import { getPartInformation } from "../../global/api/partInformation";
-import Loading from "../parts/Loading";
+import Loading from "../components/Loading";
 let mockData = {};
 export class DistributorLookup {
     constructor() {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
+        this.hiddenFields = '';
+        this.localizationName = '';
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
         this.state = 'idle';
@@ -74,16 +76,16 @@ export class DistributorLookup {
         mockData = newMockData;
     }
     render() {
-        var _a, _b, _c, _d, _e;
-        const localName = this.partInformation ? ((_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.localName) || 'russian' : 'russian';
-        const hiddenFields = this.partInformation ? ((_b = this.partInformation.stockParts[0]) === null || _b === void 0 ? void 0 : _b.hiddenFields) || [] : [];
+        var _a, _b, _c;
+        const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
+        const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
         const partsInformation = this.partInformation
             ? [
                 { label: 'Description', key: 'partDescription', value: this.partInformation.stockParts[0].partDescription },
                 { label: 'Product Group', key: 'group', value: this.partInformation.stockParts[0].group },
                 { label: `${capitalize(localName)} Description`, key: 'localDescription', value: this.partInformation.stockParts[0].localDescription },
-                { label: 'Dealer Purchase price', key: 'fob', value: (_c = this.partInformation.stockParts[0].fob) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
-                { label: 'Recommended Retail price', key: 'price', value: (_d = this.partInformation.stockParts[0].price) === null || _d === void 0 ? void 0 : _d.toFixed(2) },
+                { label: 'Dealer Purchase price', key: 'fob', value: (_a = this.partInformation.stockParts[0].fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
+                { label: 'Recommended Retail price', key: 'price', value: (_b = this.partInformation.stockParts[0].price) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
                 { label: 'Superseded From', key: 'supersededFrom', value: this.partInformation.stockParts[0].supersededFrom },
                 { label: 'Superseded To', key: 'supersededTo', value: this.partInformation.stockParts[0].supersededTo },
             ]
@@ -92,7 +94,7 @@ export class DistributorLookup {
         const displayDistributer = this.partInformation
             ? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
             : false;
-        return (h(Host, { key: '2d5325fe5c9de1a091b026c47f2cff9ea395c819' }, h("div", { key: '4a59866ed5ff95e2737d56dbf446ba9435c44665', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'cb98c5441b5a402b1a88ca68c48bf2deee662a32' }, h(Loading, { key: '39e40484976ad5804d04424f7049e83d845114d9', isLoading: this.state.includes('loading') }), h("div", { key: '27c0ceb663e66b16028b7fb1c32277a39745be07', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: '640b12bc46933ae8cadae07d92290b16a3228a1d', class: "py-[16px]" }, h("div", { key: 'c9aefd71f32e36f28b3388d1ad7aed636bc26b59', 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: 'e9a73eb2d8841effe26dd7eb15feb456dc8540ec' }, h("div", { key: '8f30a901633ff6ccce7721e773201f4934a69f23', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '8aa933eb7ec7fa687e74f7492fc4fc442e1937ca', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: 'e65a07ca60cb81b1770211c832c813a49197e577', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, h("div", { key: 'dc21d61f0998a6a41a27b380143b5fbfa4bcc794', class: "grid grid-cols-3 gap-[50px]" }, displayedFields.map(({ label, value, key }) => (h("div", { key: key, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), h("div", { class: "py-[10px] px-0" }, value))))))), displayDistributer && (h("div", { key: '5e99f34240027ed1945f6dd2d991640d13460521', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'aba50f7957b0a8d8bc7152c94184d9cfcb91078f', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Distributor Stock"), h("div", { key: '08867b8035baa06558f13ab719a371468d95b6c7', class: "flex flex-col gap-[15px]" }, h("table", { key: 'a2e56371be24bc625b551520cdecc344651c6042', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'da5c40f1e778a6edd56ec5722ef8f97ee3db7585', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '662ac441024e2afba028365c19f42680774c6301' }, ['Location', 'Availability'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'e637cc0a5636ddf73c6d9709ce0ad90c15a34fdc' }, (_e = this.partInformation) === null || _e === void 0 ? void 0 : _e.stockParts.map(stock => (h("tr", { class: "transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100", key: stock.locationID }, h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, stock.locationName), h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, h("div", { class: cn('text-[red]', {
+        return (h(Host, { key: 'fa76bb6b6dab895fc0ff1c05e495c67b1e786ea8' }, h("div", { key: 'e0c11116a2ebc7f728284dbe11c18d014e7cc36e', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '9bcfd5c07807eb536562ce2384e3541ed3fcdab3' }, h(Loading, { key: '3b5fec76b359d7b0f55933e5729bad6f0d9c3f4a', isLoading: this.state.includes('loading') }), h("div", { key: '1c610d9d994938b0769e4a963e8221681fd813fc', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: '7052616da32a34c981ef66145edbe2ab67afa50a', class: "py-[16px]" }, h("div", { key: 'dc1e12e4a947f49ff1555a3370b9485d9027ab13', 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: '067b10f736c0997ee89dde521d6347e502df1efb' }, h("div", { key: '2e68ffd0e757ed385d6b4c1821a274905a859736', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '5d2acdf14db3c2e9d2d629235ab2c19889eda284', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: 'fe366d9127cc75bc7a3cd65f875fd54b69f53e56', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, h("div", { key: '537a4941c4987dc8a2bd1a70fe81c690f7036b63', class: "grid grid-cols-3 gap-[50px]" }, displayedFields.map(({ label, value, key }) => (h("div", { key: key, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), h("div", { class: "py-[10px] px-0" }, value))))))), displayDistributer && (h("div", { key: '1281450dd7b8aba827ccb50268a03b0a95c6e1f9', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'ac7f771f521828a2ce26132e37157e233ca0e784', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Distributor Stock"), h("div", { key: 'fae623ee5b973ce06b0d6bdf4374661d9d3797e3', class: "flex flex-col gap-[15px]" }, h("table", { key: 'de70dc69228c6289ffb5e6b403da955e9c1a4393', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '4ce5f815c60a6f32b04ed5472d0ff694d19b6d87', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '48b6674d15b88588147756aeced1518a06746041' }, ['Location', 'Availability'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'f80cb4732d9ce25e6b5b6162d6d8ebf08f7525a4' }, (_c = this.partInformation) === null || _c === void 0 ? void 0 : _c.stockParts.map(stock => (h("tr", { class: "transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100", key: stock.locationID }, h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, stock.locationName), h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, h("div", { class: cn('text-[red]', {
                 'text-[green]': stock.quantityLookUpResult === 'Available',
                 'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
             }) }, h("strong", null, stock.quantityLookUpResult === 'Available'
@@ -169,6 +171,42 @@ export class DistributorLookup {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "hiddenFields": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hidden-fields",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "localizationName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "localization-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "loadingStateChange": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/part-lookup/manufacturer-lookup.js CHANGED Viewed

@@ -3,7 +3,7 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
-import Loading from "../parts/Loading";
+import Loading from "../components/Loading";
 import cn from "../../global/lib/cn";
 import { getPartInformation } from "../../global/api/partInformation";
 import { capitalize } from "../../global/lib/general";
@@ -13,6 +13,8 @@ export class ManufacturerLookup {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
+        this.hiddenFields = '';
+        this.localizationName = '';
         this.headerTitle = 'Manufacturer';
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
@@ -75,15 +77,15 @@ export class ManufacturerLookup {
         mockData = newMockData;
     }
     render() {
-        var _a, _b, _c, _d, _e;
-        const localName = this.partInformation ? ((_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.localName) || 'russian' : 'russian';
-        const hiddenFields = this.partInformation ? ((_b = this.partInformation.tmcPart) === null || _b === void 0 ? void 0 : _b.hiddenFields) || [] : [];
+        var _a, _b, _c;
+        const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
+        const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
         const manufacturerData = this.partInformation
             ? [
                 { label: 'Origin', key: 'origin', value: this.partInformation.tmcPart.origin },
-                { label: 'Warranty Price', key: 'warrantyPrice', value: (_c = this.partInformation.tmcPart.warrantyPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
-                { label: 'Special Price', key: 'specialPrice', value: (_d = this.partInformation.tmcPart.specialPrice) === null || _d === void 0 ? void 0 : _d.toFixed(2) },
-                { label: 'Wholesales Price', key: 'salesPrice', value: (_e = this.partInformation.tmcPart.salesPrice) === null || _e === void 0 ? void 0 : _e.toFixed(2) },
+                { label: 'Warranty Price', key: 'warrantyPrice', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
+                { label: 'Special Price', key: 'specialPrice', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
+                { label: 'Wholesales Price', key: 'salesPrice', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
                 { label: 'PNC', key: 'pnc', value: this.partInformation.tmcPart.pnc },
                 { label: `PNC ${capitalize(localName)} Name`, key: 'pncLocalName', value: this.partInformation.tmcPart.pncLocalName },
                 { label: 'Bin Code', key: 'binCode', value: this.partInformation.tmcPart.binCode },
@@ -98,7 +100,7 @@ export class ManufacturerLookup {
             ]
             : [];
         const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
-        return (h(Host, { key: '87e9cab3e4a31d7ae4f5111dc9c2084005611dda' }, h("div", { key: '18d25225ec6816c736d7e83b400242ff7bc79689', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '33f32bf2c16a9816ece826e15d36f30033995c36' }, h(Loading, { key: '12428ed032543b7a2eadedb98f3c6d038fcb718f', isLoading: this.state.includes('loading') }), h("div", { key: '2395b76829cf167bd0c2dc90fc673d4f377de245', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: '1312772acaf6d2ca7cec5362a68d1a7381022be1', class: "py-[16px]" }, h("div", { key: '742f76a23e9b2b3a5d29e6d5ab3026a793669d85', 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: 'b2d639d00ca896a1dacc58357223ef8b69eafd43' }, h("div", { key: '3a63a5357fcab91410199ee9eb0e3775b67266c7', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'bb82e17a98e1175fb0933bc51ee446af98619039', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), h("div", { key: '73a9c933212b7b20886a55fb40be31ed44dfb59d', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { key: 'f882dbf62c5271fc5818f444f69bb3f2b4480e46', class: "grid grid-cols-3 gap-[50px]" }, displayedManufacturerData.map(({ label, value, key }) => (h("div", { key: key, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), h("div", { class: "py-[10px] px-0" }, value))))))))))))));
+        return (h(Host, { key: '1ad38e17ff3255b89145ba040254f198974deb53' }, h("div", { key: 'b0c5cc452c93236ad41e2431bf18541db67827d0', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'ceffa481201dc0b881fa583f43c7da445f8e9cc8' }, h(Loading, { key: '16bdf498e39fe381050ea33dac6d00df4b3ae05f', isLoading: this.state.includes('loading') }), h("div", { key: '51222801ac0728fcde2472ec74022c16e1157ce9', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'cc6965c0ade12609bb6f9a61c250a550f4d70007', class: "py-[16px]" }, h("div", { key: 'fc6558de2bc351f09a04b7547dd690fcfcfc7ec3', 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: '985204509c072b21dc94b2a3005fea81d712b30d' }, h("div", { key: '42ce83c26e55f8d6eb00455820f67670f44b712d', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '35ff95092d996eda5d81e68e5d80db32588b77ea', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), h("div", { key: '8f825747cb1ccce7575ea097a34dfb4944993a9a', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { key: '94ced9aec06e6c09e942366e3271a6d895f4b68b', class: "grid grid-cols-3 gap-[50px]" }, displayedManufacturerData.map(({ label, value, key }) => (h("div", { key: key, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), h("div", { class: "py-[10px] px-0" }, value))))))))))))));
     }
     static get is() { return "manufacturer-lookup"; }
     static get encapsulation() { return "shadow"; }
@@ -168,6 +170,42 @@ export class ManufacturerLookup {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "hiddenFields": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hidden-fields",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "localizationName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "localization-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "headerTitle": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/{dynamic-claim → vehicle-lookup}/dynamic-claim.js RENAMED Viewed

@@ -4,10 +4,10 @@
  */
 import { Host, h } from "@stencil/core";
 import cn from "../../global/lib/cn";
-import expiredIcon from "./icons/expired.svg";
-import pendingIcon from "./icons/pending.svg";
-import cancelledIcon from "./icons/cancelled.svg";
-import processedIcon from "./icons/processed.svg";
+import expiredIcon from "./assets/expired.svg";
+import pendingIcon from "./assets/pending.svg";
+import cancelledIcon from "./assets/cancelled.svg";
+import processedIcon from "./assets/processed.svg";
 import { getVehicleInformation } from "../../global/api/vehicleInformation";
 let mockData = {};
 const icons = {
@@ -270,7 +270,7 @@ export class DynamicClaim {
     render() {
         var _a, _b;
         const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        return (h(Host, { key: '541c3dd78435e13a8d8bbd9d9e1bdd3e421ff700' }, h("dynamic-redeem", { key: '98a8918ed4ee9b3c65eb76c6d219c397dc038938', id: "dynamic-redeem" }), h("div", { key: '21b931d1ac7ff57a75cc235e5a9d7383a60bcce9', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '7a11a3db11737b27f570b7722c84c264a9927cb5', class: "dynamic-claim-header" }, h("strong", { key: '90134387cef16786e348a6cee3949113c6b789cc', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && h("span", { key: '848036da3b9fe9ef737e2a461dc6475651ee9b3c', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: '046d01dbbf1c91fc735ce41c6f2ffaa41000f7ad', class: "dynamic-claim-body" }, h("div", { key: '83bc44663ebdf506306b04c7cee43d3051bc52b8', class: "loading-lane" }, h("div", { key: '4b7c8ac724afdc40379d58c7d77810bc1a10704b', class: "dynamic-claim-loading-slider" }, h("div", { key: '8404f36fd0afc3f0d052c5144b5698e19a8f25bb', class: "dynamic-claim-loading-slider-line" }), h("div", { key: '0c0b553b1139c65ce4261ef7382791931f9558ac', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'afcad75d078227301ffc7738a536cd765f5696b8', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '4885864414ed5efe3928e331cf8fbd46ba705467', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
+        return (h(Host, { key: '6e978e300bae2dd76b153421a56180adac9b0181' }, h("dynamic-redeem", { key: '98762e62d38fedf77d328e8dc2da6c832b927f0c', id: "dynamic-redeem" }), h("div", { key: '46b817f023ce25c860c79c4fafe7c963b9acd6be', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '3e93ee7b596ab9d4fb338e5a7c5973d102d6db2b', class: "dynamic-claim-header" }, h("strong", { key: '037bbee7e1aa4c3cf36d93fdc20c01959f194fca', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && h("span", { key: 'd68269004e338abd8d08c8bb840e5084a3b428a7', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: '7cc8f93760c08f55af3d56515c928c2a888c8f18', class: "dynamic-claim-body" }, h("div", { key: '471ede9a4acb83195d9b0f78a36d00364abd99cf', class: "loading-lane" }, h("div", { key: 'f734fcaca3e8653870e76a3e72c45a1cbb2bd320', class: "dynamic-claim-loading-slider" }, h("div", { key: '747118edb9777ee3833bcb27c01d3f8b19cef6c6', class: "dynamic-claim-loading-slider-line" }), h("div", { key: '3e65f85d83ba6aaa062e83989683675ad0ec5b7c', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: '48a3aa105f30e70ff0bdb1f335a404e0a88fd791', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '9009de9a5e02782908f0b4d79fa89aaf43dbba2d', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
             let statusClass = '';
             if (item.status === 'pending') {
                 if (serviceItems.findIndex(i => i.status === 'pending') === idx)
@@ -279,7 +279,7 @@ export class DynamicClaim {
             else
                 statusClass = item.status;
             return (h("div", { key: item.name, class: cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, h("img", { src: icons[item.status], alt: "status icon" }), h("span", null, item.status.charAt(0).toUpperCase() + item.status.slice(1)), this.activePopupIndex === idx && this.createPopup(item)), h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
-        }), h("div", { key: '1bc2d25dae363c03425128ea08be4b076ae11c66', class: "dynamic-claim-progress-bar" }))))));
+        }), h("div", { key: '1e05a3af9851d7418c31e4fd16d9ec4836930bdc', class: "dynamic-claim-progress-bar" }))))));
     }
     static get is() { return "dynamic-claim"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/{dynamic-redeem → vehicle-lookup}/dynamic-redeem.js RENAMED Viewed

@@ -116,11 +116,11 @@ export class DynamicRedeem {
         const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
         if (!disableInput)
             this.focusInput();
-        return (h(Host, { key: '1c9caf9bc3c69a894c21a316dd24dba65826fc10' }, h("div", { key: 'aeb1ff0374789634466a633b08c860804bb6419e', class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: 'ddfe24cedb6c1edf7cd9075dfda6614c35afa7c8', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '45ebcacb57ae3c74dc5df829387f561aa5640f8c', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '75bb2d9af870209d2939497b3135c27e19b5022b', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '4981737f059e64e39b5fcf38f9ae22c7de200d6d', id: "SVGRepo_iconCarrier" }, h("path", { key: '29b61f3eecf6754712076476574c2095206b5146', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'd1a8d812cb731fdf6bbb52b4b75b789d90fb29fb', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '8033fa3b4f41f6dbf7d847ad4fc7049b2887e8b1', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '2e500ff09f864cde42625d25ecb8fe2cb6094745', class: "dynamic-claim-processor-info-box" }, h("div", { key: 'df44626c213210ed835076f80624b9f4a73c26db', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '01404b1dec877ddd677868832e00384aaa5c8030', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: 'e1c8c7051ddc2f776cc5e1be0395b3d7149388cc', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: '01002dad83ca9f14820766cbaf7ccf700a5983ee', class: "border-separate" }, h("tr", { key: '359d82652802be2bdb744daaed75f60988ce008b' }, h("th", { key: '2582c563a2d6ba2810949984c96a60361463e856' }, "Service Type"), h("td", { key: '3582fa83d6c71a162144052217d3424b29e906de' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '8d57a79ec257f0e4b13d9f6fbfb99b2792237d90' }, "Name"), h("td", { key: '502333c8be3e05ad925aa53c71a9341875c635e6' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '7257780d4de01dc905afc6fbe74cd8f6dbf01cc2' }, h("th", { key: 'cf89385bb8b555da9221a45de8a00d0db9be22b6' }, "Activation Date"), h("td", { key: '14c7bd43b0e9fc1281077a5320188b0026c8516c' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '2048c361b001277ecc874c0633209ae72358d19b' }, "Expiry Date"), h("td", { key: 'e24d899c1d2c896da3d12b329011c385089f9309' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '37b89795716a8bb4cda874d365ff11f47fd6ffe9' }, h("th", { key: '1312b5bcd3f36e907a443a74358e82f0b26a4b97' }, "Menu Code"), h("td", { key: '42eaf23d362219144be955bd9ab85283bd068719' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: 'f8cfaeb7ce38a9f64b0816e13f6159707c40a148', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: 'da2881493184dc7ee901d347e2e37da8c1d78b59', class: "admonition warning" }, h("p", { key: 'f488a9791bdaadd460f4b0ddfbcc2418d3851479', class: "admonition-title" }, "Warning"), h("div", { key: '8472ffeaf2a88e24a8248e5157adf0b3fbed763a', style: { padding: '0 30px' } }, h("p", { key: 'd2aab74813c3dbf3729d2dbcfd768018f5ca9211', class: "my-4" }, "the following Services Are still 'Pending' and they will be marked as 'Cancelled'"), h("ul", { key: 'a38499f0f0ef2eee54c5fded29d41b919dd53289', class: "dynamic-claim-processor-to-be-cancelled-list my-4 pl-10 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: '987766f76610f579a0d1538df159315da7376b23', class: "cancel-confirmation-box" }, h("label", { key: 'f7bd93b301ce798bad6396aac6592d6b910013f7' }, h("input", { key: '58b87d316e626b48e571e77b512c24c1806461fd', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+        return (h(Host, { key: '7ea18e4fadefc9890b6346a56c29a2057ff4dae5' }, h("div", { key: 'facbf1dcacb0f5bf7ced03c1d71173144c8a4e60', class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: 'efab69b4fd0fc8bda536a4a723a8db6e445fdb2a', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'd0a0ac68fcd60f48d4300a174990b122dd9868fb', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: 'eca5bf7b0719fc86ac0f886e90260463624b07b9', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'f34e7075df7ba0fa672831e0de3ba9d024633982', id: "SVGRepo_iconCarrier" }, h("path", { key: 'c24ef4a14d9ecc07e29b9196fc8f13caf9c9bf7c', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '2be1d7b1a861a3ffc7dbe158f4791719b1cd8d72', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'b9a4abea36a13d0e796ce95e89bd2bccfe6d47b0', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '720c7b9b1de4b22fd0928d6b5eb79a38193c8468', class: "dynamic-claim-processor-info-box" }, h("div", { key: 'cb5e4a0b8596c5c782aafb78228e31728c6f1a55', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '62a593462b321dcea73c093e415d0dbd8b9d6bd5', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '1a5ff709581b8f18971379f30314fe835a31eb3b', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: '6d61ff99ccba84dc53b59b8564c4ad035b95372b', class: "border-separate" }, h("tr", { key: '990674c386c2d9cec2f5122caa0b09ef96a44523' }, h("th", { key: '1002adc8b12ddeea1e8032f1da12b5af21c83e8b' }, "Service Type"), h("td", { key: '89b9426749a50067df55db904e78fc6521e2e09e' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '4f74393f4ee9f5a367cbef81aadcbbf61c690a0d' }, "Name"), h("td", { key: 'c789f80b5aeefd3e979d16e7a0f4ea2fdce93ed1' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: 'b54cd591800861e59da162b88b6a244b379bacd6' }, h("th", { key: 'a434d8772d60bff1f576163c2858b93ae03fce46' }, "Activation Date"), h("td", { key: '5e8650d609cc9c8c2b3d0331ba3bf864be344e38' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '981e8ae49a3ac15f4a9541f014f2f20ae619d87d' }, "Expiry Date"), h("td", { key: '1b75bce9817ca071211029622e6315ff6c95363a' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '7b92c9d3f1cde8bfe98315bde7e0b7954d341cb7' }, h("th", { key: '624e7be8fcd535a702e1ec182224fdd1cb129d36' }, "Menu Code"), h("td", { key: '24ee026cc9cfb1700d0842a12e30cbf56fa57608' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: '76c5666102384f3d11d0c584ee5c101d9e6888a2', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: '1ca55d23fe8e2bfc4102532df847e4ddda998acc', class: "admonition warning" }, h("p", { key: '7851d8d8b29cec199ee0466aa6963323ac245d1d', class: "admonition-title" }, "Warning"), h("div", { key: '086e2d19996bb9cec86fbc1c3a6d508cb2d87b1a', style: { padding: '0 30px' } }, h("p", { key: '3645a5f3a7caa44370a9ca68e2fd7771490eb66f', class: "my-4" }, "the following Services Are still 'Pending' and they will be marked as 'Cancelled'"), h("ul", { key: '3184c6806f652ff1e18f5060fc7c529f52e42644', class: "dynamic-claim-processor-to-be-cancelled-list my-4 pl-10 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: 'b16e20211bbdf3655d2b6baba0479024aef04c86', class: "cancel-confirmation-box" }, h("label", { key: '6107738c56955193fe9ff0b20d9d13a1d63359a4' }, h("input", { key: '6487d57080dfe0fdc6330a2100a10451a5db417c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
                 this.confirmServiceCancellation = !this.confirmServiceCancellation;
-            } }), ' ', "Confirm Marking the above services as 'Cancelled'"))))), true && this.unInvoicedByBrokerName && (h("div", { key: 'f5966a357cfb94cae5f2df625cbc697e81fb0578', class: "admonition warning" }, h("p", { key: '08f4653f2c8da05a4c592c821ff8d843b9ec3a3c', class: "admonition-title" }, "Warning"), h("div", { key: 'ac0c50fb6c94cc49f15decce39b924735355cd51', style: { padding: '0 30px' } }, h("p", { key: 'a34e32597920ad8d1aca1e57d35c6f92abe296a4', class: "my-4" }, "This Vehicle is not yet invoiced by the following Trusted Business Partner:"), h("div", { key: '0a25cbf5af26f7c5690a7fd28b0af3904cfabd2b' }, h("strong", { key: '6040bb5ab43e01b50556d0ed9e3b6f1dda6f5c85' }, this.unInvoicedByBrokerName)), h("div", { key: 'a35b5ffedb3a4fcf43b9630e90b571b3cb864dcb', class: "cancel-confirmation-box" }, h("label", { key: '8001a85c57a521909993a0644379833fd5eb7495' }, h("input", { key: '6efeb59f88dc6db7ede5a3e52d493505d6ec5bad', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+            } }), ' ', "Confirm Marking the above services as 'Cancelled'"))))), true && this.unInvoicedByBrokerName && (h("div", { key: 'da07af777aa9bb41a431a937784c973e90ca2fc4', class: "admonition warning" }, h("p", { key: '94f42d9732ab343fd81dc5ba5c67570ee5a503be', class: "admonition-title" }, "Warning"), h("div", { key: '03add06584426d108d3a7827ffefde6905cea542', style: { padding: '0 30px' } }, h("p", { key: 'faa3390b9483ffcf1813cb98d0c6b30d6116562e', class: "my-4" }, "This Vehicle is not yet invoiced by the following Trusted Business Partner:"), h("div", { key: '11d799db5ac38c1400fbe6d144f9f7279d61c22b' }, h("strong", { key: '9a22678bc79691244974f316d7fc8a197583f905' }, this.unInvoicedByBrokerName)), h("div", { key: 'a13f1c55bf8c3bed0ba5a76ef787ea93c39c375e', class: "cancel-confirmation-box" }, h("label", { key: '9ae25e9d5dbfa9f1b1390bf8c22d3f67d2c89209' }, h("input", { key: '719b0152957d6d4e6dffbfdc1ce4ef8796c53f88', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
                 this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
-            } }), ' ', "Confirm Claiming without Trusted Business Partner Invoice"))))), h("div", { key: '07ec34ce41ac719b5fc4466f5f3454c01e0f3c47', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: 'e81f22dfd193728d65d4b5b180a7cadf7c759934', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: '0e52b7c8dfcc25bcd0348ea6b1f4c2f9896dcf27', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: 'f9700298e6a1275a771f4728dc8d4ac837da7e25', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: '54a4540aa0c0497b7645c4e177585af30502a0dd', fill: "#3071a9", height: "100px", width: "100px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", stroke: "#ffffff" }, h("g", { key: '23bf9c1cc0d5ad23a4197385cdcf6e8cacc4890a', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '2f77d4b27f8c9a9c40fa2e7516d8f837f9b7dc86', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'e1b65e3fdf3509ca831eb9e2af3317bc91f99dd6', id: "SVGRepo_iconCarrier" }, h("g", { key: 'c82ab0b2cc84a1e5dd8a111bced564b71288a9a7' }, h("g", { key: 'b0c51d3b92e866cafdc2abfb3e9f4fe86af8065f' }, h("path", { key: 'fcc9457f1b51a80cdc6f84f067c345eb019f5f0a', d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))), h("g", { key: '681e112d6bb62ec67e21ebbccbca25bdbab84153' }, h("g", { key: '5213d522e7217be7515fd59c8f532a7bf30ac475' }, h("path", { key: 'd0abd1d8f565f0718f1760a0143e828bf8e10d56', d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))), h("g", { key: 'b52cb61950588c6d4fcea5305c75a86bae8aa161' }, h("g", { key: 'bf1eb4f68c38e57206e764b0ef95425bba0d8e6f' }, h("path", { key: 'c59d995efe9323a36f8159cca252b08204dd72a0', d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))), h("g", { key: 'bbfc759654469d34b9585deb9b2fe47fca8b6a9f' }, h("g", { key: '9b5d6a2d6160971132d9e9769e8de55bf29d2ae9' }, h("path", { key: '659908331de71501a9c369b5c8bed78db67013c0', d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))), h("g", { key: '741b92e30534cafcdae4b4731b303231cf72f332' }, h("g", { key: 'aef93ce494c69bb08eba8e89e96514e827032d8d' }, h("path", { key: '9a46e1bce5b80550c868567afa8a288f5d495a0b', d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))), h("g", { key: 'db9a06810a705c7147cf0420f18644bb601ce498' }, h("g", { key: 'eafe184509bcfc5889ecff86bd69be99e0088629' }, h("path", { key: 'b6d6d6e19fb90d4d7d20dcd74415d97f1407ff9a', d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))), h("g", { key: 'bda84f43c22d3e8a4770adc7b27d3573156cf819' }, h("g", { key: 'e301d24b2d7b64a4b93d9246720b44d88ccced5e' }, h("path", { key: 'c11b733f1805f3c33ba205e719c4ef6650e1ea9d', d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))), h("g", { key: '19eb3830430e6a4bcbc91e6343f33db94747a538' }, h("g", { key: 'fcf55a93a6038720b74aaf37c73e1800388112df' }, h("path", { key: '29bfde36b1df483d3de9fff4e89eae14b7e64736', d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))), h("g", { key: 'a6bfb63b015bf34f9a4c5c3d3e1661eece03cd92' }, h("g", { key: 'cc03958492dba1cb004f538a2d0bed6068aeada7' }, h("path", { key: 'ab3ec918b0a1811f781a809f772013c7b8381ebf', d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))), h("g", { key: '43bf8332390ce7aeec882f158d8d9269befa4d15' }, h("g", { key: '298a87f334949dfa818872d345a6f760192779b0' }, h("path", { key: 'a88530d176f70360e79f0d38f05c82c6428dda49', d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))), h("g", { key: '7b114b44a5f90d1b8957aaaa64742eed9de7e94e' }, h("g", { key: '6b8138129da5cb859096b16eeba6669d69ff2b03' }, h("path", { key: 'fc6e3331cb9d3413f77960a5f033aaf740aefdf2', d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))), h("g", { key: '303c6b10d159bae33dc0c35fb43e4810fe9a8b53' }, h("g", { key: '60410a8347113f620a71a681281f34a0b863d1a2' }, h("path", { key: 'cb395982658ab40332c0bc8d0b8577c04414bcb8', d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))), h("g", { key: 'de7c797f03ef18de1a55aff2f627ecb2cc29111f' }, h("g", { key: '974725e5e0ae2855a1d6d2d1b611105e774713bf' }, h("path", { key: '9d3f2d12f0c497348331c92618abd567ac2a4555', d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))), h("g", { key: '65c1e1978660af879cdca9f1895f8a6896757e36' }, h("g", { key: '3a3d638994a9d02a84e6fdc8b8b707d108264de3' }, h("path", { key: '62c03bad2d531e457a3a9d51a0ee9f4d641d452f', d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))), h("g", { key: '11572e8817527e81b6ea58162e906d1fd60359c1' }, h("g", { key: '26fdcaddc5ef48ba48401d08145191aed07f6e6e' }, h("path", { key: 'a4c985cc15b01c526eb8cf0a36715214fc6fcc1f', d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))), h("g", { key: 'a00535a6d8c7f960665e9876c9c7f95d240e3fac' }, h("g", { key: 'e81e1437c9d47c4ce32c1638efae146fa5c7e5aa' }, h("path", { key: '485026b7e56b663ad5141771e82eb2d4f3feadef', d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))), h("div", { key: '96b75ba71784c55f40436815c59375e42f2106a1' }, "Scan the Invoice")), h("div", { key: '74b300869858b28ad324e7bf838a168b5eda0bf4', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: '7ff4ffeace3198acbed673d16cfd57b908bc50a4', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: '45ef1237baf64a5b69d703a686ec002f4d6e081b' }), h("div", { key: '5ebb4df2cedde49d14a198447f496f78fc8bfb53' })), h("div", { key: '7c0fca8f167acfd80481cc92a232a6a2e64bc60a', class: cn('lds-ripple-loading', this.isLoading && 'active') }, "Processing ..."))), h("input", { key: 'ffac58cefca2f545c2f56a9ba67e5d99ed01b5fb', class: "qr-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.qrCodeKeyDown, onBlur: () => this.input.focus(), autocomplete: "off", disabled: disableInput, placeholder: "", autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))))))));
+            } }), ' ', "Confirm Claiming without Trusted Business Partner Invoice"))))), h("div", { key: '951942abe6995ed155f2d9800bb572e8a19c4068', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '997c6a843683801155f88e8d8c64318e1f87f5ca', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: 'ecaea7fa9458d6800f97f289723b3609b0b7b728', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '7e6454f31cb82c63a4bbb10a8b7dc1be6d7fac6b', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: '333521e33e644e25d3e1f28949fab5f2a6c0e5b0', fill: "#3071a9", height: "100px", width: "100px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", stroke: "#ffffff" }, h("g", { key: '95eaad08a062318e9f9db4317b96306b86642139', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: 'f78e536c8cc0d32a16a0424cc7f098d73286b479', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'b65a4b29d75d883532f86634d9bd531f09cf7ead', id: "SVGRepo_iconCarrier" }, h("g", { key: 'd9410f0ce81c453360349412cf2f8b62f762ba11' }, h("g", { key: 'c7c64f4dc942e2de8fb851e6bdcf45022e672510' }, h("path", { key: '4f4b628c4255d179519e2b953e59a17c6a924c1a', d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))), h("g", { key: 'd8dfaa272dc038f9a409a07f20a376872e2c49d6' }, h("g", { key: '92a785053a4a484d4cfa3dcba2d6501f4d95bd63' }, h("path", { key: '98f1da5fa072e2208f083f8bf6780e6dea4608e6', d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))), h("g", { key: 'f3dca4bd971490fedd8a3b12046ef4bc0920215e' }, h("g", { key: '0218794dd99ca2f80f474ff0c9e1371a14011a54' }, h("path", { key: '5664c682ebf85609e55fb91ae9150ec0b790282d', d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))), h("g", { key: '0ff24162a3500fcfbe933af6b7954fc1a7c4116d' }, h("g", { key: '780cb9811d541c8a662f7e6328a0caeb294b23e1' }, h("path", { key: '8144a520d72cdcbe909f81abee08e811b112a793', d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))), h("g", { key: '3b908924f2df6e7025a3913c7998a1a13290a6b9' }, h("g", { key: 'efa92cfff7cf13fbba841173d6f24a3632d56c40' }, h("path", { key: '11b0a430b9558b213e2c018245d199a7b4f71a26', d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))), h("g", { key: 'b4701864f89c78d3b34ad264058f90ffb355a57d' }, h("g", { key: '112007561eda64334264db3140b2b9d1a171ae05' }, h("path", { key: 'bdc48e97205b19f455f2567a1e21ef2791f082f8', d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))), h("g", { key: 'cc19dded6610b3c38df00eb86690ef5da6646311' }, h("g", { key: '38f73ff945164d99ba4ca5572eea6e3da41ab83e' }, h("path", { key: '31f531ce112abddd9155c612347a550133dccbbe', d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))), h("g", { key: 'a11875702a3fc98e0acfbbcb4af12eb4493af258' }, h("g", { key: '10d753a00196f287b6afc85869870c8a762b8015' }, h("path", { key: 'c095ad4acfeaaea83205afdb5c3c482ec9d772ac', d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))), h("g", { key: 'd4445fed4d88d0442843a878bcac6e69fe9b74d3' }, h("g", { key: '64d604d7670df1e7508bcde262d4077504081522' }, h("path", { key: 'e96d7331677e226f88e751233077a4c272acde8f', d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))), h("g", { key: 'ed7b2e50d6ba9a1300d6acf05043f3fa0181703c' }, h("g", { key: 'e25d13f88c01cf40a2d6986d8a7c91f9cbdf880f' }, h("path", { key: '4a62c6e4880d9554a88d2dcf2b9da4c72f91ad61', d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))), h("g", { key: '9031c38f7ad634a20d16d46bee109910605ada47' }, h("g", { key: '9151c7dea666703b37d470f11c4a27790da99bca' }, h("path", { key: 'b36cf4ac3fad4be56317a2605be087a46212d9bb', d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))), h("g", { key: '6ce2c120f503b02241a11803ee643df17be742bf' }, h("g", { key: '5342f6b2940cb61841045992b398410344cbe771' }, h("path", { key: '6a11df9eea892fbb3fa4540e63745d2e65644e7f', d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))), h("g", { key: '9bd5c72fc4972da0eb431165939082b6b9918320' }, h("g", { key: '01f2799a580fa6ff6837f24c0c45841b0ae80133' }, h("path", { key: '281da0da97a271db4c8e1439ed889fdab1e41e89', d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))), h("g", { key: 'eeab8100ba66288719c9bd25daf4dccddca387ef' }, h("g", { key: '1502a6ebd3c6fbe19a033e68ca784230313ecd2e' }, h("path", { key: '15f0c1e838090236060dbc44c88ff80b4a5be707', d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))), h("g", { key: '670e313fe53a0daf241bccc62713f98e13a0eaea' }, h("g", { key: 'db5b79634178045e411db9e17e98c3f1705422f3' }, h("path", { key: '3e0cf63bb723b972a46ac206657425e5c5f03228', d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))), h("g", { key: 'b24cb217593c420ad1ac7e387e803582b0690a0f' }, h("g", { key: 'cf67f96250fddb8c8392701dba0d4867d2d551a5' }, h("path", { key: 'b7e3b2da13a756848cf0b951fbf0b8a79d78efba', d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))), h("div", { key: '08e454bab5a674a9ace140604e6f6defe3a057df' }, "Scan the Invoice")), h("div", { key: '173d145e54f7b549428fc380acc545fc9a427fd6', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: 'c799a9adecb8bcadc046109048de438125b6f90d', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: '46c014c57c7b7aaf6f91cf6987f0aa8c16689b42' }), h("div", { key: 'a85c595f48215b5f400c6f69dd84447649c2c693' })), h("div", { key: 'b74cb5e6630b1b4abdee266fc1341392da488ecb', class: cn('lds-ripple-loading', this.isLoading && 'active') }, "Processing ..."))), h("input", { key: '39add573de99d4e402f1d0fa887ad5755cbcf1d1', class: "qr-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.qrCodeKeyDown, onBlur: () => this.input.focus(), autocomplete: "off", disabled: disableInput, placeholder: "", autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))))))));
     }
     static get is() { return "dynamic-redeem"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/{paint-thickness → vehicle-lookup}/paint-thickness.js RENAMED Viewed

@@ -3,7 +3,7 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
-import Loading from "../parts/Loading";
+import Loading from "../components/Loading";
 import { getVehicleInformation } from "../../global/api/vehicleInformation";
 import Eye from "~assets/eye.svg";
 import cn from "../../global/lib/cn";
@@ -93,11 +93,11 @@ export class PaintThickness {
     render() {
         var _a, _b;
         const { imageGroups, parts } = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.paintThickness : { imageGroups: [], parts: [] };
-        return (h(Host, { key: '777ce92353e8b06b3c38662cce82cace671bfcc1' }, h("div", { key: '9b9f7eb03e77027e0ee9e462df509dc3ca263a1a', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '33c96d98931606b089809fc1796c992277160fa7' }, h(Loading, { key: 'cc725d71590913cae1d216a99f0d25f7fe9cef41', isLoading: this.state.includes('loading') }), h("div", { key: 'b0431df61606b27d876ecbebf0b58314fca74510', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '44397f334785d219b095581e8c14e5f3734fa844', 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: '3a7cbea9386ad67bb6dc835bccbc957a51dafc1f', class: "py-[16px]" }, h("div", { key: '5ba92ed6cad6389ea5586548981ba8ea8199f850', 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: 'c1570e257d33111cba806e6b68a9cc0fd3185b0a', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'd6c8e734c23b39481fc0017ae21a29ca2e2e9b34', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Paint Thickeness"), h("div", { key: 'adc870f0036a7dc1a249c5e0c1a6342b5304c387', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: '727ef2fd05dd341ec0007dded1fa17a9d29965b4', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, "No parts are available."), !!parts.length && (h("table", { key: '03ee9a0f7b1686ab257fef2c140391c2d61a4957', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'a170e482934d528ad425fa575790162476bdfa11', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '16215cb061049299fbf48210a90fe86a8aa2aeec' }, ['Part', 'Left', 'Right'].map(title => (h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: '4caefdd1cd6d47abff9b28631f9805f9203c6204' }, parts.map((part, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (h("td", { key: part.part + key, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
+        return (h(Host, { key: '355f2df0a3e80a89c0fdcb8aabb0e40ccc700bf6' }, h("div", { key: '5aeb480a0b710ceb13d0bffcf6b71cc75b833143', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '63cd6f54659b1cf4431fdf625993b3fa7a29bd39' }, h(Loading, { key: '012fb79e5ffbb120046a6ce2827f36406a0b048f', isLoading: this.state.includes('loading') }), h("div", { key: '1adcc025c0aec78f5c49898f8aa3aa7254692ade', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '73c09edaee5d53821c5ccbf664b939417138eb1b', 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: '24c95b96da8bf0281f8651933bf52de6c09159e7', class: "py-[16px]" }, h("div", { key: '0f93d0e593172c81f9e9793385fcb41ba442708e', 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: '253e4eae86844769ef81f278f87583fbab791dea', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '30ea8fa499edecc4d9a5f389d1b801041f3f8b41', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Paint Thickeness"), h("div", { key: '43bc2a9e95f73d028eee8c0b1d4ab07c3a54527b', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: 'e5e6e8c3baa2f98df7d800a791d3c686013e357f', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, "No parts are available."), !!parts.length && (h("table", { key: '17065cf14a8db4cddad1972deb0bdb36d826be04', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '118e8822d316131999b936404afeafd495f10c8a', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '2823f3b683e6c7416ea5a6754b63fd49f2df03ac' }, ['Part', 'Left', 'Right'].map(title => (h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'c5574301b73756700ff5ec867e31e379e573d96d' }, parts.map((part, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (h("td", { key: part.part + key, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
                 '!border-none': idx === parts.length - 1,
-            }) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '1cdfe88cc3f9d839a40d96f46b98054d438ee3f4' }, !imageGroups.length && h("div", { key: '52b7607a9c649817f83d45f664228a1a966fb23e', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, "No image groups are available."), !!imageGroups.length && (h("div", { key: 'af414bdbf8342baf3cb2d11e3ef4831c1c595649', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (h("div", { class: "flex gap-[8px]", key: image }, h("button", { onClick: ({ target }) => this.openImage(target, 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-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), h("div", { key: 'fd31251707aa038a75f8536d92097bf336c677a1', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
+            }) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '07a2c492c12647c16ac2b6e494056d9ccdb1ea55' }, !imageGroups.length && h("div", { key: '3c96acc6216c2523c1f2ea3d5d32f39072ccdc68', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, "No image groups are available."), !!imageGroups.length && (h("div", { key: 'b3179fc893a9f8b92395a1bedafd6955d7f5b664', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (h("div", { class: "flex gap-[8px]", key: image }, h("button", { onClick: ({ target }) => this.openImage(target, 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-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), h("div", { key: 'a727d06966fd3aac08d5c5f8bd16f4fe00040db2', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
                 'pointer-events-auto opacity-100 delay-200': this.expandedImage,
-            }) }, h("button", { key: '2d0daeeb281c3df36886feb37612e74dd31cdf97', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: 'c6a5882923b83f50e27d8f15abbece46bac2721c', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: 'e4ee3ee8f88d276a830ba3b5ebe5b6b2aedab07e', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'ad50e212acc65173a779171a15a36c5806e4c00a', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
+            }) }, h("button", { key: 'dc3da2c8ac67e1c62db2958e29079b52ca514213', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: 'abfc5c11a56825803a3b87ee0e36f2e5a47f2953', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: 'a37fa84c8e51ea026a2869c246645bf816effd1d', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '062421c196e4ffb107c5b0c1aa93d117bad3a18d', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
     }
     static get is() { return "paint-thickness"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/{service-history → vehicle-lookup}/service-history.js RENAMED Viewed

@@ -3,7 +3,7 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
-import Loading from "../parts/Loading";
+import Loading from "../components/Loading";
 import cn from "../../global/lib/cn";
 import { getVehicleInformation } from "../../global/api/vehicleInformation";
 let mockData = {};
@@ -76,7 +76,7 @@ export class ServiceHistory {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '52935e6fb3255892bdd284214cfc5400512ffdc3' }, h("div", { key: '13ebe565c3622e164a4c3341961fa09f197eff07', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '17409d800ef7272d68ee4b87ac5290a7840da6b8' }, h(Loading, { key: 'ab181a9f94a683a0c9a63022f91bf0be576407e4', isLoading: this.state.includes('loading') }), h("div", { key: '5c4fba056616fd0c73c4621796c03fce922ec585', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: 'd2274baa55784519e27959977137d1df96180176', 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: 'e5bbed2b50658ea403a8313ae462bad757538174', class: "py-[16px]" }, h("div", { key: '7b591a9617de72e12f8d3d3dc3f20c4028cedb9c', 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: '02488e145ec167f0b6de715d13439029ea11a45a', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '1084269343da542e74cb1e9741d06067a3739af1', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Service History"), h("div", { key: '38cde65fb146f9b0c0e045f221eea6950ccc66d7', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && h("div", { key: 'a8180a5375a84bc95451df88fcee439713a6c529', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (h("table", { key: '2e8edb3e5f49dacf3b14ea1259cf464e50c96686', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'b99cee125c4899a88b0ec6650c0a2e40e9a30617', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '6bd167c617c04d30daefc4b0c20fa688ab6ffc0f' }, ['Branch', 'Dealer', 'Invoice No.', 'Date', 'Service Type', 'Odometer'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'bd25354c05ee8b813be63a2278379910842ce24a' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
+        return (h(Host, { key: '1b058ba5baea7e3249a66e5b7a040a673b140345' }, h("div", { key: '414432d67e85b8ad11a0f9a3bf9cf6336e06c8ce', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'd4129e8101efd34c820d64661c90c5d81a65a90c' }, h(Loading, { key: 'ff1d26799aceb06a1c7b22c556cc1391e3585481', isLoading: this.state.includes('loading') }), h("div", { key: '09a740c1f863f0bd90ea52e6f94c8c9add2901f4', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '1e40aeba7672c94cb70479d8cf4ca28e217a1ac2', 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: '4b2102507916ecdd06ce0fbc8fe5b82cf9463fe3', class: "py-[16px]" }, h("div", { key: '89a48cf522a860d2840e772ca0a2750ffd6f6652', 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: '42b2403fae1685bf6a49f756ac3a6aae31a6423d', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '462678b7179bb278d9a51845fda8c98deff3a790', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Service History"), h("div", { key: 'a3a484027fa040a6f80b94cdd3c8fcaf5d36a977', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && h("div", { key: '4562aaa28b8941799d7203c49d0a457feb881616', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (h("table", { key: 'cbb4515b99b33e65536d2f577439bf5c4bd19c61', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'a6829bbcb8578d51a4be89b02b4095b21966ed9f', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'd6bfa489b6797e499173b8e67b28f0eb519e70ac' }, ['Branch', 'Dealer', 'Invoice No.', 'Date', 'Service Type', 'Odometer'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: '27f91e98246790262d844c68290f12abdad7ba74' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
             var _a;
             return (h("td", { key: service.invoiceNumber + serviceType, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
                     '!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,