adp-web-components 0.0.11 → 0.0.12
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.
- package/dist/cjs/dead-stock-lookup.cjs.entry.js +6 -6
- package/dist/cjs/distributor-lookup.cjs.entry.js +6 -6
- package/dist/cjs/dynamic-claim.cjs.entry.js +7 -7
- package/dist/cjs/manufacturer-lookup.cjs.entry.js +6 -6
- package/dist/cjs/paint-thickness.cjs.entry.js +8 -8
- package/dist/cjs/{partInformation-2a6a018b.js → partInformation-07651204.js} +2 -2
- package/dist/cjs/service-history.cjs.entry.js +6 -6
- package/dist/cjs/vehicle-accessories.cjs.entry.js +8 -8
- package/dist/cjs/vehicle-specification.cjs.entry.js +6 -6
- package/dist/cjs/{vehicleInformation-4c1dcaf2.js → vehicleInformation-35c470fc.js} +5 -5
- package/dist/cjs/warranty-details.cjs.entry.js +6 -6
- package/dist/collection/components/dynamic-claim/dynamic-claim.js +16 -8
- package/dist/collection/components/paint-thickness/paint-thickness.js +17 -9
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +16 -8
- package/dist/collection/components/part-lookup/distributor-lookup.js +16 -8
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +16 -8
- package/dist/collection/components/service-history/service-history.js +15 -7
- package/dist/collection/components/vehicle-accessories/vehicle-accessories.js +17 -9
- package/dist/collection/components/vehicle-specification/vehicle-specification.js +15 -7
- package/dist/collection/components/warranty-details/warranty-details.js +15 -7
- package/dist/collection/global/api/partInformation.js +2 -2
- package/dist/collection/global/api/vehicleInformation.js +5 -5
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/dynamic-claim.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/p-4f08bcb8.js +5 -0
- package/dist/components/p-c4fad245.js +5 -0
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/service-history.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/warranty-details.js +1 -1
- package/dist/esm/dead-stock-lookup.entry.js +6 -6
- package/dist/esm/distributor-lookup.entry.js +6 -6
- package/dist/esm/dynamic-claim.entry.js +7 -7
- package/dist/esm/manufacturer-lookup.entry.js +6 -6
- package/dist/esm/paint-thickness.entry.js +8 -8
- package/dist/esm/{partInformation-73ece994.js → partInformation-096a8f55.js} +2 -2
- package/dist/esm/service-history.entry.js +6 -6
- package/dist/esm/vehicle-accessories.entry.js +8 -8
- package/dist/esm/vehicle-specification.entry.js +6 -6
- package/dist/esm/{vehicleInformation-f1081f83.js → vehicleInformation-f7290628.js} +5 -5
- package/dist/esm/warranty-details.entry.js +6 -6
- package/dist/shift-components/p-2e3e8e97.entry.js +5 -0
- package/dist/shift-components/p-3bfafc40.entry.js +5 -0
- package/dist/shift-components/p-4f08bcb8.js +5 -0
- package/dist/shift-components/p-75ea0e53.entry.js +5 -0
- package/dist/shift-components/p-91eff216.entry.js +5 -0
- package/dist/shift-components/p-c274f4ba.entry.js +5 -0
- package/dist/shift-components/p-c4fad245.js +5 -0
- package/dist/shift-components/p-ca1e2e5b.entry.js +5 -0
- package/dist/shift-components/p-ec9302fb.entry.js +5 -0
- package/dist/shift-components/p-f21722ce.entry.js +5 -0
- package/dist/shift-components/p-f95c7501.entry.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/dynamic-claim/dynamic-claim.d.ts +2 -2
- package/dist/types/components/paint-thickness/paint-thickness.d.ts +2 -2
- package/dist/types/components/part-lookup/dead-stock-lookup.d.ts +2 -2
- package/dist/types/components/part-lookup/distributor-lookup.d.ts +2 -2
- package/dist/types/components/part-lookup/manufacturer-lookup.d.ts +2 -2
- package/dist/types/components/service-history/service-history.d.ts +2 -2
- package/dist/types/components/vehicle-accessories/vehicle-accessories.d.ts +2 -2
- package/dist/types/components/vehicle-specification/vehicle-specification.d.ts +2 -2
- package/dist/types/components/warranty-details/warranty-details.d.ts +2 -2
- package/dist/types/components.d.ts +18 -18
- package/dist/types/global/api/partInformation.d.ts +1 -1
- package/dist/types/global/api/vehicleInformation.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/p-5df9bc5f.js +0 -5
- package/dist/components/p-d265c109.js +0 -5
- package/dist/shift-components/p-15f86441.entry.js +0 -5
- package/dist/shift-components/p-1ae3a61f.entry.js +0 -5
- package/dist/shift-components/p-5df9bc5f.js +0 -5
- package/dist/shift-components/p-8c261972.entry.js +0 -5
- package/dist/shift-components/p-9bd4471c.entry.js +0 -5
- package/dist/shift-components/p-9f790b14.entry.js +0 -5
- package/dist/shift-components/p-c113792c.entry.js +0 -5
- package/dist/shift-components/p-d265c109.js +0 -5
- package/dist/shift-components/p-dc9845ed.entry.js +0 -5
- package/dist/shift-components/p-e32b0798.entry.js +0 -5
- package/dist/shift-components/p-f759c597.entry.js +0 -5
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-d4b5214c.js');
|
|
10
10
|
const Loading = require('./Loading-ee1a2ceb.js');
|
|
11
11
|
const cn = require('./cn-f559f9e5.js');
|
|
12
|
-
const vehicleInformation = require('./vehicleInformation-
|
|
12
|
+
const vehicleInformation = require('./vehicleInformation-35c470fc.js');
|
|
13
13
|
require('./loader-baf2418b.js');
|
|
14
14
|
|
|
15
15
|
const vehicleSpecificationCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}";
|
|
@@ -29,7 +29,7 @@ const VehicleSpecification = class {
|
|
|
29
29
|
this.errorMessage = null;
|
|
30
30
|
this.vehicleInformation = undefined;
|
|
31
31
|
}
|
|
32
|
-
async setData(newData) {
|
|
32
|
+
async setData(newData, headers = {}) {
|
|
33
33
|
clearTimeout(this.networkTimeoutRef);
|
|
34
34
|
if (this.abortController)
|
|
35
35
|
this.abortController.abort();
|
|
@@ -53,7 +53,7 @@ const VehicleSpecification = class {
|
|
|
53
53
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
54
54
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
55
55
|
});
|
|
56
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
56
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
57
57
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
58
58
|
if (!vehicleResponse)
|
|
59
59
|
throw new Error('Wrong response format');
|
|
@@ -70,8 +70,8 @@ const VehicleSpecification = class {
|
|
|
70
70
|
this.errorMessage = error.message;
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
74
|
-
await this.setData(requestedVin);
|
|
73
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
74
|
+
await this.setData(requestedVin, headers);
|
|
75
75
|
}
|
|
76
76
|
//calculateHeight(componentState: string) {
|
|
77
77
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -94,7 +94,7 @@ const VehicleSpecification = class {
|
|
|
94
94
|
}
|
|
95
95
|
render() {
|
|
96
96
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
97
|
-
return (index.h(index.Host, { key: '
|
|
97
|
+
return (index.h(index.Host, { key: '1b410b6dca3998600be9586345f3fba4bc5de33f' }, index.h("div", { key: '1db4da0ddafab294ca6ad9d791ed85e39e1f1e1a', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'f0005424b93a25b295307f88f058df9f53da49b5' }, index.h(Loading.Loading, { key: '6fe07890fef9b23a4a2f7a23a40d94e562897162', isLoading: this.state.includes('loading') }), index.h("div", { key: '0d6e2e3524b6b6febd09eb303d0762c251dbbda3', class: cn.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: 'bf9e058077d836affdcb8356400811e3bc07cb1b', class: cn.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) && (index.h("div", { key: 'ca5ad9383018eed9d68c06c941d4838902b38336', class: "py-4" }, index.h("div", { key: 'b4c3daa0fef5fdcde3cb19eedd9983492c749366', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '1c5ab5cae04fbddef1a60b022f3150fb961c4d29', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'cd34df7de4fc24d1f94754c61d68d549f7f83e4d', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Specifications"), index.h("div", { key: '44a1539cffed09bb9da338841f25d2e8e8e6b712', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && index.h("div", { key: '3fb52690ca9d08a9d4581380e3cec1a86860b286', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (index.h("table", { key: 'a89c30ce91ed1bfccfa45d0043e4810ae73646bc', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'eaa959d3ea6389d34316c3134309411188c95f8b', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '2e5d01ba63b0fd268932fc39e7d7540dd0818bd6' }, ['Model', 'Variant', 'Katashiki', 'Model Year', 'SFX'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: 'f5b5643eeb841748f7c3d8cc1943d6ba8ef8e1f9' }, index.h("tr", { key: '050dea500f85bbb91bf79c9d450eec490de49716' }, index.h("td", { key: '2b936b542e35c0536353661def7138634ca35a49', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", index.h("br", { key: 'b08846e3431982ff329db2603362b0a6ecd57502', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), index.h("td", { key: '892fbe89881132a274333435a3e023279721afff', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", index.h("br", { key: 'dde026ae6e6e5b918f6e919511c8e92554134def' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
98
98
|
var _a;
|
|
99
99
|
const [place, field] = infoPath.split('.');
|
|
100
100
|
const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
|
|
@@ -15,9 +15,9 @@ const vehicleRequestHeaders = {
|
|
|
15
15
|
cityIntegrationId: 'City-Integration-Id',
|
|
16
16
|
brandIntegrationId: 'Brand-Integration-Id',
|
|
17
17
|
companyIntegrationId: 'Company-Integration-Id',
|
|
18
|
-
companyBranchIntegrationId: 'Company-Branch-Integration-Id'
|
|
18
|
+
companyBranchIntegrationId: 'Company-Branch-Integration-Id'
|
|
19
19
|
};
|
|
20
|
-
const getVehicleInformation = async (component, generalProps) => {
|
|
20
|
+
const getVehicleInformation = async (component, generalProps, headers = {}) => {
|
|
21
21
|
const { notAvailableMessage, mockData, vin, scopedTimeoutRef, middlewareCallback } = generalProps;
|
|
22
22
|
const { isDev, baseUrl, queryString, abortController, networkTimeoutRef, loadedResponse } = component;
|
|
23
23
|
const handleResult = (newVehicleInformation) => {
|
|
@@ -38,12 +38,12 @@ const getVehicleInformation = async (component, generalProps) => {
|
|
|
38
38
|
else {
|
|
39
39
|
if (!baseUrl)
|
|
40
40
|
throw new Error('Please provide base-url');
|
|
41
|
-
const
|
|
41
|
+
const componentHeaders = Object.assign({}, headers);
|
|
42
42
|
Object.entries(vehicleRequestHeaders).forEach(([componentHeaderKey, headerField]) => {
|
|
43
43
|
if (component[componentHeaderKey])
|
|
44
|
-
|
|
44
|
+
componentHeaders[headerField] = component[componentHeaderKey];
|
|
45
45
|
});
|
|
46
|
-
const response = await fetch(`${baseUrl}${vin}?${queryString}`, { signal: abortController.signal, headers:
|
|
46
|
+
const response = await fetch(`${baseUrl}${vin}?${queryString}`, { signal: abortController.signal, headers: componentHeaders });
|
|
47
47
|
const newData = (await response.json());
|
|
48
48
|
return handleResult(newData);
|
|
49
49
|
}
|
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-d4b5214c.js');
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
11
|
const loader = require('./loader-baf2418b.js');
|
|
12
|
-
const vehicleInformation = require('./vehicleInformation-
|
|
12
|
+
const vehicleInformation = require('./vehicleInformation-35c470fc.js');
|
|
13
13
|
|
|
14
14
|
const loaderSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg==';
|
|
15
15
|
|
|
@@ -183,7 +183,7 @@ const WarrantyDetails = class {
|
|
|
183
183
|
this.showRecaptcha = false;
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
async setData(newData) {
|
|
186
|
+
async setData(newData, headers = {}) {
|
|
187
187
|
this.recaptchaRes = null;
|
|
188
188
|
clearTimeout(this.networkTimeoutRef);
|
|
189
189
|
clearInterval(this.recaptchaIntervalRef);
|
|
@@ -209,7 +209,7 @@ const WarrantyDetails = class {
|
|
|
209
209
|
scopedTimeoutRef = setTimeout(r, 600);
|
|
210
210
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
211
211
|
});
|
|
212
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
212
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
213
213
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
214
214
|
if (!vehicleResponse)
|
|
215
215
|
throw new Error('Wrong response format');
|
|
@@ -227,8 +227,8 @@ const WarrantyDetails = class {
|
|
|
227
227
|
this.errorMessage = error.message;
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
231
|
-
await this.setData(requestedVin);
|
|
230
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
231
|
+
await this.setData(requestedVin, headers);
|
|
232
232
|
}
|
|
233
233
|
async componentDidLoad() {
|
|
234
234
|
if (this.recaptchaKey !== '') {
|
|
@@ -267,7 +267,7 @@ const WarrantyDetails = class {
|
|
|
267
267
|
}
|
|
268
268
|
render() {
|
|
269
269
|
var _a, _b, _c, _d, _e;
|
|
270
|
-
return (index.h(index.Host, { key: '
|
|
270
|
+
return (index.h(index.Host, { key: '788b8a8ffbca4b31a40ab95655fabcb41f0d83df' }, index.h("div", { key: 'ed92ce80c844eb884cd872f58894136c47fb7c4c', class: "min-h-[100px] warranty" }, index.h("div", { key: '016013ecfba73d87df136580fffe5e2e07aaf958' }, index.h(Loading, { key: '3b8de918e7a315e843b8bc42942fc14b57216c94', isLoading: this.state.includes('loading') }), index.h("div", { key: '4c5f2ad067fcfd199ae1c69765509e6bbb1944f4', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (index.h("div", { key: '5174d6380ed09d1e003cbd58d544b9838eaf8b16', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '9ca23b51fa38b8ae7900c0283d84a27f485e9e87', class: "py-4" }, index.h(StatusCard, { key: '304a1c83cb397b42d297abbbda51c925246105ec', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (index.h(CardsContainer, { key: '542c2cdfb222054604ef7b9ab3614c69339027ed', isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), index.h("div", { key: '56c5529bbf8b264b5bc1568b4b9aa3cf687e6915', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, index.h("slot", { key: '0211fb8f130efc788e73524c4cd6f79702458aaf' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (index.h("div", { key: 'cc1e03101e506ffb831e0ad6adacaf86b8c542fe', class: cn.cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (index.h("div", { key: '557261d532b671e5813c0259e623647a802851a0', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, index.h("div", { key: '1e8a78a692a8b9171cdd201d34aca99a253d0781' }, index.h("strong", { key: '967e34d989ebacb6f4b469fa11c73ae165426fa4' }, "Checking TMC")), index.h("img", { key: '112de8a206bb8877b6cd71ba437755bfc56720be', class: "spin", src: loader.loaderSvg }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (index.h(SSCTable, { key: '903b7a27b9093657aa7a2f11a8677ea825fb1d90', ssc: this.vehicleInformation.ssc })))))));
|
|
271
271
|
}
|
|
272
272
|
get el() { return index.getElement(this); }
|
|
273
273
|
static get watchers() { return {
|
|
@@ -57,7 +57,7 @@ export class DynamicClaim {
|
|
|
57
57
|
async setMockData(newMockData) {
|
|
58
58
|
mockData = newMockData;
|
|
59
59
|
}
|
|
60
|
-
async setData(newData) {
|
|
60
|
+
async setData(newData, headers = {}) {
|
|
61
61
|
clearTimeout(this.networkTimeoutRef);
|
|
62
62
|
if (this.abortController)
|
|
63
63
|
this.abortController.abort();
|
|
@@ -77,7 +77,7 @@ export class DynamicClaim {
|
|
|
77
77
|
scopedTimeoutRef = setTimeout(r, 1000);
|
|
78
78
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
79
79
|
});
|
|
80
|
-
const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
80
|
+
const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
81
81
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
82
82
|
if (!vehicleResponse)
|
|
83
83
|
throw new Error('Wrong response format');
|
|
@@ -96,8 +96,8 @@ export class DynamicClaim {
|
|
|
96
96
|
this.errorMessage = error.message;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
100
|
-
await this.setData(requestedVin);
|
|
99
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
100
|
+
await this.setData(requestedVin, headers);
|
|
101
101
|
}
|
|
102
102
|
onLoadingChange(newValue) {
|
|
103
103
|
if (this.loadingStateChange)
|
|
@@ -270,7 +270,7 @@ export class DynamicClaim {
|
|
|
270
270
|
render() {
|
|
271
271
|
var _a, _b;
|
|
272
272
|
const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
|
|
273
|
-
return (h(Host, { key: '
|
|
273
|
+
return (h(Host, { key: '15b709f7252b85f308c880576dd4f8ff6a7dc666' }, h("dynamic-redeem", { key: '71a57f4626d0f394c2293db5bfccaf477c5c3f1e', id: "dynamic-redeem" }), h("div", { key: '3e247cedd1e720c89a30af72f8c9758f7a5642fb', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: 'd6aea716001e09c9ff3180889afc5daca008b130', class: "dynamic-claim-header" }, h("strong", { key: 'f9469ece92c4e189eed94a119d233787d78aa8b1', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && h("span", { key: 'b132706208c827613e967186ba98a1314d9aaf08', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: '849960f27d5188e3ab088c5de8d0bebc25723829', class: "dynamic-claim-body" }, h("div", { key: 'bdbd37aa75a00973008634299d1768dcbe95843f', class: "loading-lane" }, h("div", { key: '6a17f141b034edbcd38b86979431c3ff26614d00', class: "dynamic-claim-loading-slider" }, h("div", { key: '34597a589f5dab07e60959ba09d39876901f2ee1', class: "dynamic-claim-loading-slider-line" }), h("div", { key: '4a2483d4997fff60631cd01302d272665e2d2736', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'c05466961bfcfd2580f670c57178492f31729f52', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: 'ac968ede27ec14df080f8c17758e071cfa272d2d', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
274
274
|
let statusClass = '';
|
|
275
275
|
if (item.status === 'pending') {
|
|
276
276
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -279,7 +279,7 @@ export class DynamicClaim {
|
|
|
279
279
|
else
|
|
280
280
|
statusClass = item.status;
|
|
281
281
|
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)));
|
|
282
|
-
}), h("div", { key: '
|
|
282
|
+
}), h("div", { key: '720ee8e73001f6c4304f9e0af8212e37fc69e74a', class: "dynamic-claim-progress-bar" }))))));
|
|
283
283
|
}
|
|
284
284
|
static get is() { return "dynamic-claim"; }
|
|
285
285
|
static get encapsulation() { return "shadow"; }
|
|
@@ -432,11 +432,15 @@ export class DynamicClaim {
|
|
|
432
432
|
},
|
|
433
433
|
"setData": {
|
|
434
434
|
"complexType": {
|
|
435
|
-
"signature": "(newData: VehicleInformation | string) => Promise<void>",
|
|
435
|
+
"signature": "(newData: VehicleInformation | string, headers?: any) => Promise<void>",
|
|
436
436
|
"parameters": [{
|
|
437
437
|
"name": "newData",
|
|
438
438
|
"type": "string | VehicleInformation",
|
|
439
439
|
"docs": ""
|
|
440
|
+
}, {
|
|
441
|
+
"name": "headers",
|
|
442
|
+
"type": "any",
|
|
443
|
+
"docs": ""
|
|
440
444
|
}],
|
|
441
445
|
"references": {
|
|
442
446
|
"Promise": {
|
|
@@ -462,11 +466,15 @@ export class DynamicClaim {
|
|
|
462
466
|
},
|
|
463
467
|
"fetchData": {
|
|
464
468
|
"complexType": {
|
|
465
|
-
"signature": "(requestedVin?: string) => Promise<void>",
|
|
469
|
+
"signature": "(requestedVin?: string, headers?: any) => Promise<void>",
|
|
466
470
|
"parameters": [{
|
|
467
471
|
"name": "requestedVin",
|
|
468
472
|
"type": "string",
|
|
469
473
|
"docs": ""
|
|
474
|
+
}, {
|
|
475
|
+
"name": "headers",
|
|
476
|
+
"type": "any",
|
|
477
|
+
"docs": ""
|
|
470
478
|
}],
|
|
471
479
|
"references": {
|
|
472
480
|
"Promise": {
|
|
@@ -40,7 +40,7 @@ export class PaintThickness {
|
|
|
40
40
|
response.paintThickness.imageGroups = [];
|
|
41
41
|
this.vehicleInformation = response;
|
|
42
42
|
}
|
|
43
|
-
async setData(newData) {
|
|
43
|
+
async setData(newData, headers = {}) {
|
|
44
44
|
clearTimeout(this.networkTimeoutRef);
|
|
45
45
|
if (this.abortController)
|
|
46
46
|
this.abortController.abort();
|
|
@@ -64,7 +64,7 @@ export class PaintThickness {
|
|
|
64
64
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
65
65
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
66
66
|
});
|
|
67
|
-
const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
67
|
+
const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
68
68
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
69
69
|
if (!vehicleResponse)
|
|
70
70
|
throw new Error('Wrong response format');
|
|
@@ -81,8 +81,8 @@ export class PaintThickness {
|
|
|
81
81
|
this.errorMessage = error.message;
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
85
|
-
await this.setData(requestedVin);
|
|
84
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
85
|
+
await this.setData(requestedVin, headers);
|
|
86
86
|
}
|
|
87
87
|
//calculateHeight(componentState: string) {
|
|
88
88
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -106,11 +106,11 @@ export class PaintThickness {
|
|
|
106
106
|
render() {
|
|
107
107
|
var _a, _b;
|
|
108
108
|
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: [] };
|
|
109
|
-
return (h(Host, { key: '
|
|
109
|
+
return (h(Host, { key: '27ef74f7d3b896fee2b8ec9ea45cabd06771e55f' }, h("div", { key: 'a9d29e02c453d06d1ab3989150ec4a68b4823692', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '1a08070d1a9a1899de09dd07f38c8361a6cda178' }, h(Loading, { key: '10897e5c10e7f992f76469d16df7ded2c31c19c3', isLoading: this.state.includes('loading') }), h("div", { key: '5bec28c51b9b07cc8eb2aa137be0b147d8325367', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '475dcd3dbee8d3fa23aedfbe7b5bec441c0f1b27', 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: 'b2bf022b4305f0363bbfbbd2e46a4c72736a9b07', class: "py-[16px]" }, h("div", { key: '69ff9a1dbf40e4ab1741ba4feb26ae90eea35e39', 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: 'f63916046b17e946708a81b4697d2dafcee6857c', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '058d7e1ec5c93f183baf62a9e84eac5e28c3fb81', 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: '36c9a6ff73d058272be62336a6f36845cdd8d86a', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: '28236c4b032136da2d69ecf9bbfd428d326ea948', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, "No parts are available."), !!parts.length && (h("table", { key: 'bd6966dd901c94b5b07396a471a9589077e267a6', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'fa810cf4a8e359dcfa5e558aa54760a066339b73', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'c4d34f474f30c08c32b1dedadefd050b8da13a3f' }, ['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: '65c5905e2e8a84cf3bc9a23db6d6561df877aedf' }, 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]', {
|
|
110
110
|
'!border-none': idx === parts.length - 1,
|
|
111
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '
|
|
111
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '4297103d40bfc9642958065df2d5bd9a2f558634' }, !imageGroups.length && h("div", { key: '1573a3b1715217cb5af0097f0a8d8eea6b560ce7', 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: '11f0a30c184766471e1e9dd0bfac5f96a612f279', 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: '6920779802a4da3d9399619e6ee9c788db3b204c', 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', {
|
|
112
112
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
113
|
-
}) }, h("button", { key: '
|
|
113
|
+
}) }, h("button", { key: 'e6e11c7cf4ff71de129d92977f2971eb6f9b9268', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: 'cad4548287110796c756160c79a43ea0eb3f22d3', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: 'c117d12d51b4058a392e80802630896aeca7192f', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'a900ecc78d2b3ab5aaaf42f23469fe3fa4b07db2', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
114
114
|
}
|
|
115
115
|
static get is() { return "paint-thickness"; }
|
|
116
116
|
static get encapsulation() { return "shadow"; }
|
|
@@ -231,11 +231,15 @@ export class PaintThickness {
|
|
|
231
231
|
return {
|
|
232
232
|
"setData": {
|
|
233
233
|
"complexType": {
|
|
234
|
-
"signature": "(newData: VehicleInformation | string) => Promise<void>",
|
|
234
|
+
"signature": "(newData: VehicleInformation | string, headers?: any) => Promise<void>",
|
|
235
235
|
"parameters": [{
|
|
236
236
|
"name": "newData",
|
|
237
237
|
"type": "string | VehicleInformation",
|
|
238
238
|
"docs": ""
|
|
239
|
+
}, {
|
|
240
|
+
"name": "headers",
|
|
241
|
+
"type": "any",
|
|
242
|
+
"docs": ""
|
|
239
243
|
}],
|
|
240
244
|
"references": {
|
|
241
245
|
"Promise": {
|
|
@@ -261,11 +265,15 @@ export class PaintThickness {
|
|
|
261
265
|
},
|
|
262
266
|
"fetchData": {
|
|
263
267
|
"complexType": {
|
|
264
|
-
"signature": "(requestedVin?: string) => Promise<void>",
|
|
268
|
+
"signature": "(requestedVin?: string, headers?: any) => Promise<void>",
|
|
265
269
|
"parameters": [{
|
|
266
270
|
"name": "requestedVin",
|
|
267
271
|
"type": "string",
|
|
268
272
|
"docs": ""
|
|
273
|
+
}, {
|
|
274
|
+
"name": "headers",
|
|
275
|
+
"type": "any",
|
|
276
|
+
"docs": ""
|
|
269
277
|
}],
|
|
270
278
|
"references": {
|
|
271
279
|
"Promise": {
|
|
@@ -26,7 +26,7 @@ export class DeadStockLookup {
|
|
|
26
26
|
toggleAccordion(index) {
|
|
27
27
|
this.activeIndex = this.activeIndex === index ? null : index;
|
|
28
28
|
}
|
|
29
|
-
async setData(newData) {
|
|
29
|
+
async setData(newData, headers = {}) {
|
|
30
30
|
clearTimeout(this.networkTimeoutRef);
|
|
31
31
|
if (this.abortController)
|
|
32
32
|
this.abortController.abort();
|
|
@@ -50,7 +50,7 @@ export class DeadStockLookup {
|
|
|
50
50
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
51
51
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
52
52
|
});
|
|
53
|
-
const partResponse = isPartNumberRequest ? await getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }) : newData;
|
|
53
|
+
const partResponse = isPartNumberRequest ? await getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
54
54
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
55
55
|
if (!partResponse)
|
|
56
56
|
throw new Error('Wrong response format');
|
|
@@ -67,8 +67,8 @@ export class DeadStockLookup {
|
|
|
67
67
|
this.errorMessage = error.message;
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
async fetchData(
|
|
71
|
-
await this.setData(
|
|
70
|
+
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
71
|
+
await this.setData(partNumber, headers);
|
|
72
72
|
}
|
|
73
73
|
async loadingListener() {
|
|
74
74
|
//this.calculateHeight(newState);
|
|
@@ -80,7 +80,7 @@ export class DeadStockLookup {
|
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
82
|
var _a, _b;
|
|
83
|
-
return (h(Host, { key: '
|
|
83
|
+
return (h(Host, { key: '3a3c612f26d4a50303a00056983a967b2215ed27' }, h("div", { key: 'fbbef3d5226e849ad7fc864c62b581f4c9dff507', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'b5059f256646d672ddd0d1c09a4de3c8b5e66dc0' }, h(Loading, { key: '311ba459650a88d1c87f45963b81748885055cf6', isLoading: this.state.includes('loading') }), h("div", { key: '5a9de2b501e5d6e33da6b9581be2a5c34327a2e5', 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: 'c49cac2c5a97860ce92ef7ca3ca8bd71866d9168', class: "py-[16px]" }, h("div", { key: '3f00000ec1798ee3afc0a9c135e56470220a8b40', 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: '9d31d42ac64f1fae58e8e6e802f62fe3bb29bf5c' }, h("div", { key: 'bac3865cb1e2570e2b20193ff0ffb474fad0a57c', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '0d4537c5db76475425e6862837ce49f60c0cbc76', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Deadstock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
|
|
84
84
|
_b.map((deadStock, i) => (h("div", { style: { padding: '10px 20px' } }, h("div", { class: "accordion-item border-b border-slate-200", style: { boxShadow: 'rgb(225 225 225) 0px 0px 4px 1px', borderRadius: '5px', padding: '0 10px', marginBottom: '10px' }, key: deadStock.companyIntegrationID }, h("button", { class: "accordion-header w-full flex justify-between items-center py-5 text-slate-800", onClick: () => this.toggleAccordion(i) }, h("strong", null, deadStock.companyName), h("span", { class: `icon text-slate-800 transition-transform duration-300 ${this.activeIndex === i ? 'rotate-180' : ''}` }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "w-4 h-4" }, h("path", { "fill-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", "clip-rule": "evenodd" })))), h("div", { class: `accordion-content overflow-hidden transition-all duration-300 ease-in-out ${this.activeIndex === i ? 'max-h-screen' : 'max-h-0'}` }, h("table", { class: "w-full overflow-auto relative border-collapse" }, h("thead", null, h("tr", null, h("th", { class: "px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), h("th", { class: "px-[10px] py-[20px] 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 duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, h("td", { class: cn('px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]') }, branchDeadStock.companyBranchName), h("td", { class: cn('px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]') }, h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
85
85
|
}
|
|
86
86
|
static get is() { return "dead-stock-lookup"; }
|
|
@@ -202,11 +202,15 @@ export class DeadStockLookup {
|
|
|
202
202
|
return {
|
|
203
203
|
"setData": {
|
|
204
204
|
"complexType": {
|
|
205
|
-
"signature": "(newData: PartInformation | string) => Promise<void>",
|
|
205
|
+
"signature": "(newData: PartInformation | string, headers?: any) => Promise<void>",
|
|
206
206
|
"parameters": [{
|
|
207
207
|
"name": "newData",
|
|
208
208
|
"type": "string | PartInformation",
|
|
209
209
|
"docs": ""
|
|
210
|
+
}, {
|
|
211
|
+
"name": "headers",
|
|
212
|
+
"type": "any",
|
|
213
|
+
"docs": ""
|
|
210
214
|
}],
|
|
211
215
|
"references": {
|
|
212
216
|
"Promise": {
|
|
@@ -232,11 +236,15 @@ export class DeadStockLookup {
|
|
|
232
236
|
},
|
|
233
237
|
"fetchData": {
|
|
234
238
|
"complexType": {
|
|
235
|
-
"signature": "(
|
|
239
|
+
"signature": "(partNumber?: string, headers?: any) => Promise<void>",
|
|
236
240
|
"parameters": [{
|
|
237
|
-
"name": "
|
|
241
|
+
"name": "partNumber",
|
|
238
242
|
"type": "string",
|
|
239
243
|
"docs": ""
|
|
244
|
+
}, {
|
|
245
|
+
"name": "headers",
|
|
246
|
+
"type": "any",
|
|
247
|
+
"docs": ""
|
|
240
248
|
}],
|
|
241
249
|
"references": {
|
|
242
250
|
"Promise": {
|
|
@@ -22,7 +22,7 @@ export class DistributorLookup {
|
|
|
22
22
|
handleSettingData(response) {
|
|
23
23
|
this.partInformation = response;
|
|
24
24
|
}
|
|
25
|
-
async setData(newData) {
|
|
25
|
+
async setData(newData, headers = {}) {
|
|
26
26
|
clearTimeout(this.networkTimeoutRef);
|
|
27
27
|
if (this.abortController)
|
|
28
28
|
this.abortController.abort();
|
|
@@ -46,7 +46,7 @@ export class DistributorLookup {
|
|
|
46
46
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
47
47
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
48
48
|
});
|
|
49
|
-
const partResponse = isPartNumberRequest ? await getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }) : newData;
|
|
49
|
+
const partResponse = isPartNumberRequest ? await getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
50
50
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
51
51
|
if (!partResponse)
|
|
52
52
|
throw new Error('Wrong response format');
|
|
@@ -63,8 +63,8 @@ export class DistributorLookup {
|
|
|
63
63
|
this.errorMessage = error.message;
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
async fetchData(
|
|
67
|
-
await this.setData(
|
|
66
|
+
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
67
|
+
await this.setData(partNumber, headers);
|
|
68
68
|
}
|
|
69
69
|
//calculateHeight(componentState: string) {
|
|
70
70
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -87,7 +87,7 @@ export class DistributorLookup {
|
|
|
87
87
|
}
|
|
88
88
|
render() {
|
|
89
89
|
var _a;
|
|
90
|
-
return (h(Host, { key: '
|
|
90
|
+
return (h(Host, { key: 'a9685f218c3388c8871a1fe5ad3e5f7a6db16525' }, h("div", { key: '06d3ebe5cea1877eca04e2bd531ced6886efce21', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '25ce4d8a810565277b13fa9897c624df7db7c306' }, h(Loading, { key: '69ab848c559a4f84cb5f92249704d4f6e608ef7c', isLoading: this.state.includes('loading') }), h("div", { key: 'f7407c9bc18b4a9e9fed9df8ff7c933ffa72bb74', 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: 'f0b4b92ded5f1f3dedea006efa39f80a2d8b21a2', class: "py-[16px]" }, h("div", { key: '40a070ad198be5ef292518891494ee24c3bd1f30', 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: '1b1ef313fb728a736fbff5dadb4a0ea8b00538c0' }, h("div", { key: '62edebf935eadf1024dfae210c94b9101e6a1469', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'ead7db5ff9a5c3044873869f9dd5e929e1ae3e64', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: '5d09e0bb243d5d3e2b1c79c1207fd6f8eb3206e9', style: { padding: '10px 30px', display: 'flex', flexDirection: 'column', gap: '15px' } }, h("div", { key: '1ebfebcbed472f1ede92dec490bf26091b5cdb7e', style: { display: 'flex', gap: '50px' } }, h("div", { key: 'fe41112534c499faab4fb24a0e074774eb269a84', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, h("strong", { key: '9a6b0ced60f697bee9a588037e2f13422c6abb0b', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Description"), h("div", { key: '8838fc064ac4194fb0ee8ca8bb4de52bd17acfb0', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].partDescription)), h("div", { key: 'd3c6827596e5eefe390ce1b41296cf66ca28feeb', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, h("strong", { key: 'df1cdfdaf6d79f400be5391745e1d062a0ec89f5', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Product Group"), h("div", { key: 'e6986b7e77dd09185b7675f8501534d60ebec64a', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].group)), h("div", { key: '2e948e425f174e11b4ef52c732940641d01b20c2', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, h("strong", { key: 'c6e4380800858509bb2f428f49e0b9fe4617cad5', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Price"), h("div", { key: '43eeceb7be881b1f88eb3d1d8de8ba41aa2d5930', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].price))), h("div", { key: 'aab231f411233286eba1fefcf77da5ab40de2dfe', style: { display: 'flex', gap: '50px' } }, h("div", { key: 'ad59c8bacdac79cdf1cd8520756d059b91b336c5', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, h("strong", { key: 'd8409b080baf442816dd2d24f00f3a85f3502366', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Superseded To"), h("div", { key: '76e0c5431c52f90677c3c513c5d72160bdf03e19', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].supersededTo)), h("div", { key: 'e7651b63dccd4e7e9a122ce9ea6810c1b415692e', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, h("strong", { key: 'a9c43a444c872205837dd54fb9ec863714b4c3d6', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Superseded From"), h("div", { key: 'e089ddeeea660e693a8fee0b4a718a1ae91fe064', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].supersededFrom)), h("div", { key: 'd409f7c7b329fdae0edc077d633cce92f58d141c', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } })))), this.partInformation.stockParts.filter(y => { return y.quantityLookUpResult === 'LookupIsSkipped' || y.quantityLookUpResult === 'QuantityNotWithinLookupThreshold'; }).length === 0 && (h("div", { key: 'd4b0fc1bdb5224c14def453ebbbedbdb7e645bb4', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '886e7a946cb4c73f672220d18dc69232bceafaa3', 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: '8792f50034f94d60e541e88008a08c3b5d57270f', style: { padding: '10px 30px', display: 'flex', flexDirection: 'column', gap: '15px' } }, h("table", { key: '837e3552fe2e3281b7571242db01eb583ed436fa', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '35ed95194fc2182428710ccc48e19e58fbfba3f7', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '302dfdd19840cf9aa22529f780d2873aa1e398ab' }, ['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: 'c8b09ff4b1d2696d9c86fb828caeac54996f1bba' }, (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.stockParts.map((stock) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: stock.locationID }, h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]') }, stock.locationName), h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]') }, h("div", { class: stock.quantityLookUpResult === 'Available' ? 'success' : stock.quantityLookUpResult === 'PartiallyAvailable' ? 'warning' : 'reject' }, h("strong", null, stock.quantityLookUpResult === 'Available' ? 'Available' : stock.quantityLookUpResult === 'PartiallyAvailable' ? 'Partially Available' : 'Not Available'))))))))))))))))));
|
|
91
91
|
}
|
|
92
92
|
static get is() { return "distributor-lookup"; }
|
|
93
93
|
static get encapsulation() { return "shadow"; }
|
|
@@ -207,11 +207,15 @@ export class DistributorLookup {
|
|
|
207
207
|
return {
|
|
208
208
|
"setData": {
|
|
209
209
|
"complexType": {
|
|
210
|
-
"signature": "(newData: PartInformation | string) => Promise<void>",
|
|
210
|
+
"signature": "(newData: PartInformation | string, headers?: any) => Promise<void>",
|
|
211
211
|
"parameters": [{
|
|
212
212
|
"name": "newData",
|
|
213
213
|
"type": "string | PartInformation",
|
|
214
214
|
"docs": ""
|
|
215
|
+
}, {
|
|
216
|
+
"name": "headers",
|
|
217
|
+
"type": "any",
|
|
218
|
+
"docs": ""
|
|
215
219
|
}],
|
|
216
220
|
"references": {
|
|
217
221
|
"Promise": {
|
|
@@ -237,11 +241,15 @@ export class DistributorLookup {
|
|
|
237
241
|
},
|
|
238
242
|
"fetchData": {
|
|
239
243
|
"complexType": {
|
|
240
|
-
"signature": "(
|
|
244
|
+
"signature": "(partNumber?: string, headers?: any) => Promise<void>",
|
|
241
245
|
"parameters": [{
|
|
242
|
-
"name": "
|
|
246
|
+
"name": "partNumber",
|
|
243
247
|
"type": "string",
|
|
244
248
|
"docs": ""
|
|
249
|
+
}, {
|
|
250
|
+
"name": "headers",
|
|
251
|
+
"type": "any",
|
|
252
|
+
"docs": ""
|
|
245
253
|
}],
|
|
246
254
|
"references": {
|
|
247
255
|
"Promise": {
|