adp-web-components 0.0.11 → 0.0.13
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 +27 -15
- package/dist/cjs/distributor-lookup.cjs.entry.js +30 -20
- package/dist/cjs/dynamic-claim.cjs.entry.js +7 -7
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/manufacturer-lookup.cjs.entry.js +7 -20
- package/dist/cjs/paint-thickness.cjs.entry.js +8 -21
- package/dist/cjs/{partInformation-2a6a018b.js → partInformation-07651204.js} +2 -2
- package/dist/cjs/service-history.cjs.entry.js +6 -19
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-accessories.cjs.entry.js +8 -21
- package/dist/cjs/vehicle-specification.cjs.entry.js +6 -19
- package/dist/cjs/{vehicleInformation-4c1dcaf2.js → vehicleInformation-35c470fc.js} +5 -5
- package/dist/cjs/warranty-details.cjs.entry.js +10 -34
- package/dist/collection/components/dynamic-claim/dynamic-claim.js +16 -8
- package/dist/collection/components/paint-thickness/paint-thickness.js +17 -22
- package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +49 -30
- package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.js +39 -21
- package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +16 -21
- package/dist/collection/components/service-history/service-history.js +15 -20
- package/dist/collection/components/vehicle-accessories/vehicle-accessories.js +17 -22
- package/dist/collection/components/vehicle-specification/vehicle-specification.js +15 -20
- package/dist/collection/components/warranty-details/warranty-details.js +21 -40
- package/dist/collection/global/api/partInformation.js +2 -2
- package/dist/collection/global/api/vehicleInformation.js +5 -5
- package/dist/collection/templates/vehicle-lookup.js +163 -96
- 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 +27 -15
- package/dist/esm/distributor-lookup.entry.js +30 -20
- package/dist/esm/dynamic-claim.entry.js +7 -7
- package/dist/esm/loader.js +1 -1
- package/dist/esm/manufacturer-lookup.entry.js +7 -20
- package/dist/esm/paint-thickness.entry.js +8 -21
- package/dist/esm/{partInformation-73ece994.js → partInformation-096a8f55.js} +2 -2
- package/dist/esm/service-history.entry.js +6 -19
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-accessories.entry.js +8 -21
- package/dist/esm/vehicle-specification.entry.js +6 -19
- package/dist/esm/{vehicleInformation-f1081f83.js → vehicleInformation-f7290628.js} +5 -5
- package/dist/esm/warranty-details.entry.js +10 -34
- package/dist/shift-components/p-4f08bcb8.js +5 -0
- package/dist/shift-components/p-6b21ce2d.entry.js +5 -0
- package/dist/shift-components/p-7d85e912.entry.js +5 -0
- package/dist/shift-components/p-7f258017.entry.js +5 -0
- package/dist/shift-components/p-9653e992.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-d1b9cd93.entry.js +5 -0
- package/dist/shift-components/p-d6f40c8d.entry.js +5 -0
- package/dist/shift-components/p-e05acce1.entry.js +5 -0
- package/dist/shift-components/p-faa8070a.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 +4 -5
- 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 +3 -4
- 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
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-d4b5214c.js');
|
|
10
10
|
const Loading = require('./Loading-ee1a2ceb.js');
|
|
11
|
-
const vehicleInformation = require('./vehicleInformation-
|
|
11
|
+
const vehicleInformation = require('./vehicleInformation-35c470fc.js');
|
|
12
12
|
const imageExpansion = require('./image-expansion-a9c9c6f7.js');
|
|
13
13
|
const cn = require('./cn-f559f9e5.js');
|
|
14
14
|
require('./loader-baf2418b.js');
|
|
@@ -49,7 +49,7 @@ const PaintThickness = class {
|
|
|
49
49
|
response.paintThickness.imageGroups = [];
|
|
50
50
|
this.vehicleInformation = response;
|
|
51
51
|
}
|
|
52
|
-
async setData(newData) {
|
|
52
|
+
async setData(newData, headers = {}) {
|
|
53
53
|
clearTimeout(this.networkTimeoutRef);
|
|
54
54
|
if (this.abortController)
|
|
55
55
|
this.abortController.abort();
|
|
@@ -60,7 +60,6 @@ const PaintThickness = class {
|
|
|
60
60
|
this.externalVin = vin;
|
|
61
61
|
try {
|
|
62
62
|
if (!vin || vin.trim().length === 0) {
|
|
63
|
-
//this.componentHeight = '0px';
|
|
64
63
|
this.state = 'idle';
|
|
65
64
|
return;
|
|
66
65
|
}
|
|
@@ -73,7 +72,7 @@ const PaintThickness = class {
|
|
|
73
72
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
74
73
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
75
74
|
});
|
|
76
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
75
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
77
76
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
78
77
|
if (!vehicleResponse)
|
|
79
78
|
throw new Error('Wrong response format');
|
|
@@ -90,22 +89,10 @@ const PaintThickness = class {
|
|
|
90
89
|
this.errorMessage = error.message;
|
|
91
90
|
}
|
|
92
91
|
}
|
|
93
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
94
|
-
await this.setData(requestedVin);
|
|
92
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
93
|
+
await this.setData(requestedVin, headers);
|
|
95
94
|
}
|
|
96
|
-
//calculateHeight(componentState: string) {
|
|
97
|
-
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
98
|
-
// this.componentHeight = '100px';
|
|
99
|
-
// } else if (componentState !== 'idle') {
|
|
100
|
-
// setTimeout(() => {
|
|
101
|
-
// this.componentHeight = `${this.wrapperRef.clientHeight}px`;
|
|
102
|
-
// }, 50);
|
|
103
|
-
// } else {
|
|
104
|
-
// this.componentHeight = '0px';
|
|
105
|
-
// }
|
|
106
|
-
//}
|
|
107
95
|
async loadingListener() {
|
|
108
|
-
//this.calculateHeight(newState);
|
|
109
96
|
if (this.loadingStateChange)
|
|
110
97
|
this.loadingStateChange(this.state.includes('loading'));
|
|
111
98
|
}
|
|
@@ -115,11 +102,11 @@ const PaintThickness = class {
|
|
|
115
102
|
render() {
|
|
116
103
|
var _a, _b;
|
|
117
104
|
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: [] };
|
|
118
|
-
return (index.h(index.Host, { key: '
|
|
105
|
+
return (index.h(index.Host, { key: 'dd25115d7451c326da5411d30b8cebeac06ea3b4' }, index.h("div", { key: 'ebec5094a98846ffbe00abcbdc5bb5b987262548', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '67d4926b51399a2f990251d95a58558d07c64865' }, index.h(Loading.Loading, { key: 'd56bac7fe821253d2d9aea3a31e19a55002dc1ce', isLoading: this.state.includes('loading') }), index.h("div", { key: '27b2f517a1f974182c5704d9682213662f3dd2d3', 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: 'f9bdf1767f4e8d6f24f018a60649f54b75151de2', class: cn.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) && (index.h("div", { key: 'd2b739c8f39501a2335a312b6c9d0a0431104300', class: "py-[16px]" }, index.h("div", { key: '06e78434d8122f36a26faa5fed05a64d759c18c3', 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: 'f17f4c019ed1357fb40f6f32c125918ab24069ce', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'b79eed13d13b7b91aff4aeb4b2280eb349592896', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Paint Thickeness"), index.h("div", { key: 'aab4ba79f226602f913652e27341df333f5be00d', class: "h-0 overflow-auto flex-1" }, !parts.length && index.h("div", { key: 'edf880bf05cc8c31000960c1ee9471d166444541', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, "No parts are available."), !!parts.length && (index.h("table", { key: 'ddac23c3ba00bb44e58f2b5dfaa11034d4f13594', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'c39718f9cd059c765c51b90ba2f2f4e570b9778b', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'ba28cd9cadfc036162a735d7353a089a581a8559' }, ['Part', 'Left', 'Right'].map(title => (index.h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: '6049aecd19316b1d7e1c79606d7cf304b0b260ec' }, parts.map((part, idx) => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (index.h("td", { key: part.part + key, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
119
106
|
'!border-none': idx === parts.length - 1,
|
|
120
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '
|
|
107
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '73bfbe41ad8f91591c23b0dccd7be84b4505ede8' }, !imageGroups.length && index.h("div", { key: '33c2491e22faf7a5f11b6ec2ee62a1b758123b8e', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, "No image groups are available."), !!imageGroups.length && (index.h("div", { key: '02103207298b679bdbe8d336c70d2cb8936087a4', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (index.h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, index.h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), index.h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (index.h("div", { class: "flex gap-[8px]", key: image }, index.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" }, index.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" }, index.h("img", { src: imageExpansion.eyeSvg }), index.h("span", { class: "text-white" }, "Expand")), index.h("img", { class: "w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), index.h("div", { key: '7e239537ed9d3b07119fbf15fcb8cb238280c095', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
121
108
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
122
|
-
}) }, index.h("button", { key: '
|
|
109
|
+
}) }, index.h("button", { key: 'a961871288f09b8776ca9530a6e5ae56133cb3bc', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '6db275131cf9b431540c2402552449a4ca2d4289', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: '1b0c9149a6d22c436e89baf35fb146c08d13a40a', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: '38939c47ad696305c5cc2b3ccb4c72112eea2cce', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
123
110
|
}
|
|
124
111
|
get el() { return index.getElement(this); }
|
|
125
112
|
static get watchers() { return {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
'use strict';
|
|
6
6
|
|
|
7
|
-
const getPartInformation = async (component, generalProps) => {
|
|
7
|
+
const getPartInformation = async (component, generalProps, headers = {}) => {
|
|
8
8
|
const { notAvailableMessage, mockData, partNumber, scopedTimeoutRef, middlewareCallback } = generalProps;
|
|
9
9
|
const { isDev, baseUrl, queryString, abortController, networkTimeoutRef, loadedResponse } = component;
|
|
10
10
|
const handleResult = (newPartInformation) => {
|
|
@@ -25,7 +25,7 @@ const getPartInformation = async (component, generalProps) => {
|
|
|
25
25
|
else {
|
|
26
26
|
if (!baseUrl)
|
|
27
27
|
throw new Error('Please provide base-url');
|
|
28
|
-
const response = await fetch(`${baseUrl}${partNumber}?${queryString}`, { signal: abortController.signal });
|
|
28
|
+
const response = await fetch(`${baseUrl}${partNumber}?${queryString}`, { signal: abortController.signal, headers: headers });
|
|
29
29
|
const newData = (await response.json());
|
|
30
30
|
return handleResult(newData);
|
|
31
31
|
}
|
|
@@ -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 serviceHistoryCss = "*,: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}.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-none{border-style:none!important}.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.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}";
|
|
@@ -34,7 +34,7 @@ const ServiceHistory = class {
|
|
|
34
34
|
response.serviceHistory = [];
|
|
35
35
|
this.vehicleInformation = response;
|
|
36
36
|
}
|
|
37
|
-
async setData(newData) {
|
|
37
|
+
async setData(newData, headers = {}) {
|
|
38
38
|
clearTimeout(this.networkTimeoutRef);
|
|
39
39
|
if (this.abortController)
|
|
40
40
|
this.abortController.abort();
|
|
@@ -45,7 +45,6 @@ const ServiceHistory = class {
|
|
|
45
45
|
this.externalVin = vin;
|
|
46
46
|
try {
|
|
47
47
|
if (!vin || vin.trim().length === 0) {
|
|
48
|
-
//this.componentHeight = '0px';
|
|
49
48
|
this.state = 'idle';
|
|
50
49
|
return;
|
|
51
50
|
}
|
|
@@ -58,7 +57,7 @@ const ServiceHistory = class {
|
|
|
58
57
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
59
58
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
60
59
|
});
|
|
61
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
60
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
62
61
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
63
62
|
if (!vehicleResponse)
|
|
64
63
|
throw new Error('Wrong response format');
|
|
@@ -75,22 +74,10 @@ const ServiceHistory = class {
|
|
|
75
74
|
this.errorMessage = error.message;
|
|
76
75
|
}
|
|
77
76
|
}
|
|
78
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
79
|
-
await this.setData(requestedVin);
|
|
77
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
78
|
+
await this.setData(requestedVin, headers);
|
|
80
79
|
}
|
|
81
|
-
//calculateHeight(componentState: string) {
|
|
82
|
-
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
83
|
-
// this.componentHeight = '100px';
|
|
84
|
-
// } else if (componentState !== 'idle') {
|
|
85
|
-
// setTimeout(() => {
|
|
86
|
-
// this.componentHeight = `${this.wrapperRef.clientHeight}px`;
|
|
87
|
-
// }, 50);
|
|
88
|
-
// } else {
|
|
89
|
-
// this.componentHeight = '0px';
|
|
90
|
-
// }
|
|
91
|
-
//}
|
|
92
80
|
async loadingListener() {
|
|
93
|
-
//this.calculateHeight(newState);
|
|
94
81
|
if (this.loadingStateChange)
|
|
95
82
|
this.loadingStateChange(this.state.includes('loading'));
|
|
96
83
|
}
|
|
@@ -99,7 +86,7 @@ const ServiceHistory = class {
|
|
|
99
86
|
}
|
|
100
87
|
render() {
|
|
101
88
|
var _a, _b, _c, _d;
|
|
102
|
-
return (index.h(index.Host, { key: '
|
|
89
|
+
return (index.h(index.Host, { key: '41626d52c1a46c5aa17d924c740ff128c717db72' }, index.h("div", { key: '148b48b3511bbb0edcb06c95f432cec3794bb8be', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '83af30eb9e1bb760b7d0524b5868b98390ae67c0' }, index.h(Loading.Loading, { key: '6f4a0f5c66407fc24ba9ffc624d3d2e37abca2f6', isLoading: this.state.includes('loading') }), index.h("div", { key: 'f16ed2ccb8a9e3bcd8f71eaf05fb3c4a28eb0a16', 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: 'ffba94045d0641ffad445c78173ef139e133ae8d', 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: '710d22f3233b428cafab34984cc562e46fa92d8b', class: "py-[16px]" }, index.h("div", { key: 'b036ab0231e60c66a24757b23ec5acceeca359f9', 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: '64fd2439a7edc45b552a7e7ea2a6583b9376b57b', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'dec74cb4310d310094fa9958b0c3991f476d9bb8', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Service History"), index.h("div", { key: 'bc17bcd99593f7a86c00c6fbed2a9cc3c516eae7', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && index.h("div", { key: '8d5a0902e8a13909867f0f138bbd629ad97b8b3e', 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) && (index.h("table", { key: '9121de3dbcdd6ceb6e88380d15ba3a0885626af3', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '492edb0969f9774ff1fa78af9fdb4bab3f240e23', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '91bb78d8f37c12c20f331ec55f76d362572bfcee' }, ['Branch', 'Dealer', 'Invoice No.', 'Date', 'Service Type', 'Odometer'].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: '6019cc8f4ad18c13b3b082fe87da6a2bfab65773' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
|
|
103
90
|
var _a;
|
|
104
91
|
return (index.h("td", { key: service.invoiceNumber + serviceType, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
105
92
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
@@ -23,7 +23,7 @@ var patchBrowser = () => {
|
|
|
23
23
|
|
|
24
24
|
patchBrowser().then(async (options) => {
|
|
25
25
|
await appGlobals.globalScripts();
|
|
26
|
-
return index.bootstrapLazy([["dynamic-claim.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"]}]]],["general-inquiry-form.cjs",[[1,"general-inquiry-form",{"isLoading":[32],"renderControl":[32]}]]],["dead-stock-lookup.cjs",[[1,"dead-stock-lookup",{"
|
|
26
|
+
return index.bootstrapLazy([["dynamic-claim.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"]}]]],["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"]}]]],["paint-thickness.cjs",[[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"]}]]],["service-history.cjs",[[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"]}]]],["vehicle-accessories.cjs",[[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"]}]]],["vehicle-specification.cjs",[[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"]}]]],["warranty-details.cjs",[[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"]}]]],["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"]}]]],["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"]}]]]], options);
|
|
27
27
|
});
|
|
28
28
|
|
|
29
29
|
exports.setNonce = index.setNonce;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-d4b5214c.js');
|
|
10
|
-
const vehicleInformation = require('./vehicleInformation-
|
|
10
|
+
const vehicleInformation = require('./vehicleInformation-35c470fc.js');
|
|
11
11
|
const cn = require('./cn-f559f9e5.js');
|
|
12
12
|
const Loading = require('./Loading-ee1a2ceb.js');
|
|
13
13
|
const imageExpansion = require('./image-expansion-a9c9c6f7.js');
|
|
@@ -45,7 +45,7 @@ const VehicleAccessories = class {
|
|
|
45
45
|
response.accessories = [];
|
|
46
46
|
this.vehicleInformation = response;
|
|
47
47
|
}
|
|
48
|
-
async setData(newData) {
|
|
48
|
+
async setData(newData, headers = {}) {
|
|
49
49
|
clearTimeout(this.networkTimeoutRef);
|
|
50
50
|
if (this.abortController)
|
|
51
51
|
this.abortController.abort();
|
|
@@ -56,7 +56,6 @@ const VehicleAccessories = class {
|
|
|
56
56
|
this.externalVin = vin;
|
|
57
57
|
try {
|
|
58
58
|
if (!vin || vin.trim().length === 0) {
|
|
59
|
-
//this.componentHeight = '0px';
|
|
60
59
|
this.state = 'idle';
|
|
61
60
|
return;
|
|
62
61
|
}
|
|
@@ -69,7 +68,7 @@ const VehicleAccessories = class {
|
|
|
69
68
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
70
69
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
71
70
|
});
|
|
72
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
71
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
73
72
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
74
73
|
if (!vehicleResponse)
|
|
75
74
|
throw new Error('Wrong response format');
|
|
@@ -86,22 +85,10 @@ const VehicleAccessories = class {
|
|
|
86
85
|
this.errorMessage = error.message;
|
|
87
86
|
}
|
|
88
87
|
}
|
|
89
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
90
|
-
await this.setData(requestedVin);
|
|
88
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
89
|
+
await this.setData(requestedVin, headers);
|
|
91
90
|
}
|
|
92
|
-
//calculateHeight(componentState: string) {
|
|
93
|
-
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
94
|
-
// this.componentHeight = '100px';
|
|
95
|
-
// } else if (componentState !== 'idle') {
|
|
96
|
-
// setTimeout(() => {
|
|
97
|
-
// this.componentHeight = `${this.wrapperRef.clientHeight}px`;
|
|
98
|
-
// }, 50);
|
|
99
|
-
// } else {
|
|
100
|
-
// this.componentHeight = '0px';
|
|
101
|
-
// }
|
|
102
|
-
//}
|
|
103
91
|
async loadingListener() {
|
|
104
|
-
//this.calculateHeight(newState);
|
|
105
92
|
if (this.loadingStateChange)
|
|
106
93
|
this.loadingStateChange(this.state.includes('loading'));
|
|
107
94
|
}
|
|
@@ -111,7 +98,7 @@ const VehicleAccessories = class {
|
|
|
111
98
|
render() {
|
|
112
99
|
var _a, _b;
|
|
113
100
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
114
|
-
return (index.h(index.Host, { key: '
|
|
101
|
+
return (index.h(index.Host, { key: '7e5394e3dad05815f3a514a342f7afbe11a8d4c1' }, index.h("div", { key: '1d3fea9972e6827680908bc1becb9be17a4305db', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '853e8ff5ad5adf557db5805fc6cc841d7ee224d0' }, index.h(Loading.Loading, { key: '46cdabae84cf49eb88b277bf55b45f233cf28021', isLoading: this.state.includes('loading') }), index.h("div", { key: '948f2861dcf3e7a8b94f84400a75f681f405122a', 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: '2b53f6a05b1beab10a9436435969bfc0bc383cae', class: cn.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) && (index.h("div", { key: '90d5c9e6f1efd3cef3994d2d7ccd6d278d424a76', class: "py-[16px]" }, index.h("div", { key: '4cd2e9823137e6a7b861fea69f13a6a0343929b2', 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: '9481a97632f581c0b3ebdf0df9086730d10dfdc1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '649fa9917501f66fa2380e3557c5e86ad26d7f89', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Accessories"), index.h("div", { key: '262a67208efe49dbb113c7925cf6b6ae835b3f0c', class: "h-0 overflow-auto flex-1" }, !accessories.length && index.h("div", { key: 'ec443d025b8ca3e50f397ffb1c66e5b280e42f70', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!accessories.length && (index.h("table", { key: '48d6e63959a8732972b89ca514b72d5677eb4447', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'b9cdc265accdb543d14bacc09756e2a7ac44e6e8', class: "top-0 font-bold z-40 sticky bg-white" }, index.h("tr", { key: '2951863ff3d03fa9eab980acd348d2ae352cc1b4' }, ['Part Number', 'Description', 'Image'].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: '7106dfb61229963e59d800f630a0e351be1d680f' }, accessories.map((accessory, idx) => {
|
|
115
102
|
var _a;
|
|
116
103
|
return (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
117
104
|
var _a;
|
|
@@ -121,9 +108,9 @@ const VehicleAccessories = class {
|
|
|
121
108
|
}), index.h("td", { class: cn.cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
122
109
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
123
110
|
}) }, index.h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.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" }, index.h("img", { src: imageExpansion.eyeSvg }), index.h("span", { class: "text-white" }, "Expand")), index.h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
|
|
124
|
-
})), index.h("div", { key: '
|
|
111
|
+
})), index.h("div", { key: 'a16654412c64f0811caf281bc9a10b4325143f74', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
125
112
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
126
|
-
}) }, index.h("button", { key: '
|
|
113
|
+
}) }, index.h("button", { key: '2a1f6a6de320d464b549be5c8d0955743eab0c1a', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '9806406418b9a2588b18a9659a183b494d2dc029', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: 'e52ccc81db9fad6cde21438bae24ac06ed06d886', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: '9db20d318e852a02ad255e5dc463d5ffd3135eb5', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
127
114
|
}
|
|
128
115
|
get el() { return index.getElement(this); }
|
|
129
116
|
static get watchers() { return {
|
|
@@ -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();
|
|
@@ -40,7 +40,6 @@ const VehicleSpecification = class {
|
|
|
40
40
|
this.externalVin = vin;
|
|
41
41
|
try {
|
|
42
42
|
if (!vin || vin.trim().length === 0) {
|
|
43
|
-
//this.componentHeight = '0px';
|
|
44
43
|
this.state = 'idle';
|
|
45
44
|
return;
|
|
46
45
|
}
|
|
@@ -53,7 +52,7 @@ const VehicleSpecification = class {
|
|
|
53
52
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
54
53
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
55
54
|
});
|
|
56
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
55
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
57
56
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
58
57
|
if (!vehicleResponse)
|
|
59
58
|
throw new Error('Wrong response format');
|
|
@@ -70,22 +69,10 @@ const VehicleSpecification = class {
|
|
|
70
69
|
this.errorMessage = error.message;
|
|
71
70
|
}
|
|
72
71
|
}
|
|
73
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
74
|
-
await this.setData(requestedVin);
|
|
72
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
73
|
+
await this.setData(requestedVin, headers);
|
|
75
74
|
}
|
|
76
|
-
//calculateHeight(componentState: string) {
|
|
77
|
-
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
78
|
-
// this.componentHeight = '100px';
|
|
79
|
-
// } else if (componentState !== 'idle') {
|
|
80
|
-
// setTimeout(() => {
|
|
81
|
-
// this.componentHeight = `${this.wrapperRef.clientHeight}px`;
|
|
82
|
-
// }, 50);
|
|
83
|
-
// } else {
|
|
84
|
-
// this.componentHeight = '0px';
|
|
85
|
-
// }
|
|
86
|
-
//}
|
|
87
75
|
async loadingListener() {
|
|
88
|
-
//this.calculateHeight(newState);
|
|
89
76
|
if (this.loadingStateChange)
|
|
90
77
|
this.loadingStateChange(this.state.includes('loading'));
|
|
91
78
|
}
|
|
@@ -94,7 +81,7 @@ const VehicleSpecification = class {
|
|
|
94
81
|
}
|
|
95
82
|
render() {
|
|
96
83
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
97
|
-
return (index.h(index.Host, { key: '
|
|
84
|
+
return (index.h(index.Host, { key: 'b9a0f984a08acc14315b7b7b30742ad9f5bdb49e' }, index.h("div", { key: 'af83954e986a078b9e33bfd4fc8797fb79fb028b', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '448f30f13b9c20fb30ff369e55bf564bd0d8fe20' }, index.h(Loading.Loading, { key: '53523ee006eef27b765fd1b6375f39bf7f1e02c6', isLoading: this.state.includes('loading') }), index.h("div", { key: '78dd7934c80487fb68c67747512c5c96809280ac', 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: 'da5b237a42b1ff4b0c20fe40ad5c46224c265986', 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: 'dc9cae0fec62f66c747de76185d2e1688162224e', class: "py-4" }, index.h("div", { key: '8f3b7129711bff7688170ac8228417b0bf3b4c5c', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '9215e325e2b80534142c4833b717b569949721ec', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '87630966a701dc6989221ac7a133ca7e0856fcf1', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Specifications"), index.h("div", { key: '06489c6c3ad553a5502cdf72cc43724d2b5c74bc', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && index.h("div", { key: 'e6e2d53c4233cacc6571b1b9d2eaa6553bae7831', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (index.h("table", { key: '30bf7dfaf6c8c5d9829e8a30d9644326c5a2c6d2', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'b64236329f77e1e236ad286bbe5068e55f5e40c9', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'b79c310db87dc4b40a56a0efbe82ffd54da09a21' }, ['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: 'b8afb49709c1362e95dd4446978b54c2fc570fcb' }, index.h("tr", { key: 'b566724d705cd430f7fba1e1addab9a1189ebb5d' }, index.h("td", { key: '0577fa2f9221fdd8df0a557b92e77f3bad0885ac', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", index.h("br", { key: 'f751d6784c076ce25442d7a916bc468ecd007777', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), index.h("td", { key: '01e40cad1d8dc4cdfc933dcfade4b8e605219d3e', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", index.h("br", { key: 'f34677ab8bf2311f6ac2fd7426805cfe50ccafd7' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
98
85
|
var _a;
|
|
99
86
|
const [place, field] = infoPath.split('.');
|
|
100
87
|
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
|
}
|