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
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-d4b5214c.js');
|
|
10
|
-
const partInformation = require('./partInformation-
|
|
10
|
+
const partInformation = require('./partInformation-07651204.js');
|
|
11
11
|
const Loading = require('./Loading-ee1a2ceb.js');
|
|
12
12
|
const cn = require('./cn-f559f9e5.js');
|
|
13
13
|
require('./loader-baf2418b.js');
|
|
@@ -36,7 +36,7 @@ const DeadStockLookup = class {
|
|
|
36
36
|
toggleAccordion(index) {
|
|
37
37
|
this.activeIndex = this.activeIndex === index ? null : index;
|
|
38
38
|
}
|
|
39
|
-
async setData(newData) {
|
|
39
|
+
async setData(newData, headers = {}) {
|
|
40
40
|
clearTimeout(this.networkTimeoutRef);
|
|
41
41
|
if (this.abortController)
|
|
42
42
|
this.abortController.abort();
|
|
@@ -60,7 +60,7 @@ const DeadStockLookup = class {
|
|
|
60
60
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
61
61
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
62
62
|
});
|
|
63
|
-
const partResponse = isPartNumberRequest ? await partInformation.getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }) : newData;
|
|
63
|
+
const partResponse = isPartNumberRequest ? await partInformation.getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
64
64
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
65
65
|
if (!partResponse)
|
|
66
66
|
throw new Error('Wrong response format');
|
|
@@ -77,8 +77,8 @@ const DeadStockLookup = class {
|
|
|
77
77
|
this.errorMessage = error.message;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
async fetchData(
|
|
81
|
-
await this.setData(
|
|
80
|
+
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
81
|
+
await this.setData(partNumber, headers);
|
|
82
82
|
}
|
|
83
83
|
async loadingListener() {
|
|
84
84
|
//this.calculateHeight(newState);
|
|
@@ -90,7 +90,7 @@ const DeadStockLookup = class {
|
|
|
90
90
|
}
|
|
91
91
|
render() {
|
|
92
92
|
var _a, _b;
|
|
93
|
-
return (index.h(index.Host, { key: '
|
|
93
|
+
return (index.h(index.Host, { key: '3a3c612f26d4a50303a00056983a967b2215ed27' }, index.h("div", { key: 'fbbef3d5226e849ad7fc864c62b581f4c9dff507', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'b5059f256646d672ddd0d1c09a4de3c8b5e66dc0' }, index.h(Loading.Loading, { key: '311ba459650a88d1c87f45963b81748885055cf6', isLoading: this.state.includes('loading') }), index.h("div", { key: '5a9de2b501e5d6e33da6b9581be2a5c34327a2e5', class: cn.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) && (index.h("div", { key: 'c49cac2c5a97860ce92ef7ca3ca8bd71866d9168', class: "py-[16px]" }, index.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) && (index.h("div", { key: '9d31d42ac64f1fae58e8e6e802f62fe3bb29bf5c' }, index.h("div", { key: 'bac3865cb1e2570e2b20193ff0ffb474fad0a57c', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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 :
|
|
94
94
|
_b.map((deadStock, i) => (index.h("div", { style: { padding: '10px 20px' } }, index.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 }, index.h("button", { class: "accordion-header w-full flex justify-between items-center py-5 text-slate-800", onClick: () => this.toggleAccordion(i) }, index.h("strong", null, deadStock.companyName), index.h("span", { class: `icon text-slate-800 transition-transform duration-300 ${this.activeIndex === i ? 'rotate-180' : ''}` }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "w-4 h-4" }, index.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" })))), index.h("div", { class: `accordion-content overflow-hidden transition-all duration-300 ease-in-out ${this.activeIndex === i ? 'max-h-screen' : 'max-h-0'}` }, index.h("table", { class: "w-full overflow-auto relative border-collapse" }, index.h("thead", null, index.h("tr", null, index.h("th", { class: "px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), index.h("th", { class: "px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Available Qty"))), index.h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, index.h("td", { class: cn.cn('px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]') }, branchDeadStock.companyBranchName), index.h("td", { class: cn.cn('px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]') }, index.h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
95
95
|
}
|
|
96
96
|
get el() { return index.getElement(this); }
|
|
@@ -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 partInformation = require('./partInformation-
|
|
12
|
+
const partInformation = require('./partInformation-07651204.js');
|
|
13
13
|
require('./loader-baf2418b.js');
|
|
14
14
|
|
|
15
15
|
const distributorLookupCss = "*,: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}.success{color:green}.warning{color:orange}.reject{color:red}.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-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.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))}.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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-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}";
|
|
@@ -32,7 +32,7 @@ const DistributorLookup = class {
|
|
|
32
32
|
handleSettingData(response) {
|
|
33
33
|
this.partInformation = response;
|
|
34
34
|
}
|
|
35
|
-
async setData(newData) {
|
|
35
|
+
async setData(newData, headers = {}) {
|
|
36
36
|
clearTimeout(this.networkTimeoutRef);
|
|
37
37
|
if (this.abortController)
|
|
38
38
|
this.abortController.abort();
|
|
@@ -56,7 +56,7 @@ const DistributorLookup = class {
|
|
|
56
56
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
57
57
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
58
58
|
});
|
|
59
|
-
const partResponse = isPartNumberRequest ? await partInformation.getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }) : newData;
|
|
59
|
+
const partResponse = isPartNumberRequest ? await partInformation.getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
60
60
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
61
61
|
if (!partResponse)
|
|
62
62
|
throw new Error('Wrong response format');
|
|
@@ -73,8 +73,8 @@ const DistributorLookup = class {
|
|
|
73
73
|
this.errorMessage = error.message;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
async fetchData(
|
|
77
|
-
await this.setData(
|
|
76
|
+
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
77
|
+
await this.setData(partNumber, headers);
|
|
78
78
|
}
|
|
79
79
|
//calculateHeight(componentState: string) {
|
|
80
80
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -97,7 +97,7 @@ const DistributorLookup = class {
|
|
|
97
97
|
}
|
|
98
98
|
render() {
|
|
99
99
|
var _a;
|
|
100
|
-
return (index.h(index.Host, { key: '
|
|
100
|
+
return (index.h(index.Host, { key: 'a9685f218c3388c8871a1fe5ad3e5f7a6db16525' }, index.h("div", { key: '06d3ebe5cea1877eca04e2bd531ced6886efce21', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '25ce4d8a810565277b13fa9897c624df7db7c306' }, index.h(Loading.Loading, { key: '69ab848c559a4f84cb5f92249704d4f6e608ef7c', isLoading: this.state.includes('loading') }), index.h("div", { key: 'f7407c9bc18b4a9e9fed9df8ff7c933ffa72bb74', class: cn.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) && (index.h("div", { key: 'f0b4b92ded5f1f3dedea006efa39f80a2d8b21a2', class: "py-[16px]" }, index.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) && (index.h("div", { key: '1b1ef313fb728a736fbff5dadb4a0ea8b00538c0' }, index.h("div", { key: '62edebf935eadf1024dfae210c94b9101e6a1469', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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"), index.h("div", { key: '5d09e0bb243d5d3e2b1c79c1207fd6f8eb3206e9', style: { padding: '10px 30px', display: 'flex', flexDirection: 'column', gap: '15px' } }, index.h("div", { key: '1ebfebcbed472f1ede92dec490bf26091b5cdb7e', style: { display: 'flex', gap: '50px' } }, index.h("div", { key: 'fe41112534c499faab4fb24a0e074774eb269a84', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, index.h("strong", { key: '9a6b0ced60f697bee9a588037e2f13422c6abb0b', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Description"), index.h("div", { key: '8838fc064ac4194fb0ee8ca8bb4de52bd17acfb0', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].partDescription)), index.h("div", { key: 'd3c6827596e5eefe390ce1b41296cf66ca28feeb', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, index.h("strong", { key: 'df1cdfdaf6d79f400be5391745e1d062a0ec89f5', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Product Group"), index.h("div", { key: 'e6986b7e77dd09185b7675f8501534d60ebec64a', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].group)), index.h("div", { key: '2e948e425f174e11b4ef52c732940641d01b20c2', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, index.h("strong", { key: 'c6e4380800858509bb2f428f49e0b9fe4617cad5', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Price"), index.h("div", { key: '43eeceb7be881b1f88eb3d1d8de8ba41aa2d5930', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].price))), index.h("div", { key: 'aab231f411233286eba1fefcf77da5ab40de2dfe', style: { display: 'flex', gap: '50px' } }, index.h("div", { key: 'ad59c8bacdac79cdf1cd8520756d059b91b336c5', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, index.h("strong", { key: 'd8409b080baf442816dd2d24f00f3a85f3502366', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Superseded To"), index.h("div", { key: '76e0c5431c52f90677c3c513c5d72160bdf03e19', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].supersededTo)), index.h("div", { key: 'e7651b63dccd4e7e9a122ce9ea6810c1b415692e', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, index.h("strong", { key: 'a9c43a444c872205837dd54fb9ec863714b4c3d6', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Superseded From"), index.h("div", { key: 'e089ddeeea660e693a8fee0b4a718a1ae91fe064', style: { padding: '10px 0px' } }, this.partInformation.stockParts[0].supersededFrom)), index.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 && (index.h("div", { key: 'd4b0fc1bdb5224c14def453ebbbedbdb7e645bb4', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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"), index.h("div", { key: '8792f50034f94d60e541e88008a08c3b5d57270f', style: { padding: '10px 30px', display: 'flex', flexDirection: 'column', gap: '15px' } }, index.h("table", { key: '837e3552fe2e3281b7571242db01eb583ed436fa', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '35ed95194fc2182428710ccc48e19e58fbfba3f7', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '302dfdd19840cf9aa22529f780d2873aa1e398ab' }, ['Location', 'Availability'].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: 'c8b09ff4b1d2696d9c86fb828caeac54996f1bba' }, (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.stockParts.map((stock) => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: stock.locationID }, index.h("td", { class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]') }, stock.locationName), index.h("td", { class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]') }, index.h("div", { class: stock.quantityLookUpResult === 'Available' ? 'success' : stock.quantityLookUpResult === 'PartiallyAvailable' ? 'warning' : 'reject' }, index.h("strong", null, stock.quantityLookUpResult === 'Available' ? 'Available' : stock.quantityLookUpResult === 'PartiallyAvailable' ? 'Partially Available' : 'Not Available'))))))))))))))))));
|
|
101
101
|
}
|
|
102
102
|
get el() { return index.getElement(this); }
|
|
103
103
|
static get watchers() { return {
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-d4b5214c.js');
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
|
-
const vehicleInformation = require('./vehicleInformation-
|
|
11
|
+
const vehicleInformation = require('./vehicleInformation-35c470fc.js');
|
|
12
12
|
|
|
13
13
|
const expiredSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=';
|
|
14
14
|
|
|
@@ -70,7 +70,7 @@ const DynamicClaim = class {
|
|
|
70
70
|
async setMockData(newMockData) {
|
|
71
71
|
mockData = newMockData;
|
|
72
72
|
}
|
|
73
|
-
async setData(newData) {
|
|
73
|
+
async setData(newData, headers = {}) {
|
|
74
74
|
clearTimeout(this.networkTimeoutRef);
|
|
75
75
|
if (this.abortController)
|
|
76
76
|
this.abortController.abort();
|
|
@@ -90,7 +90,7 @@ const DynamicClaim = class {
|
|
|
90
90
|
scopedTimeoutRef = setTimeout(r, 1000);
|
|
91
91
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
92
92
|
});
|
|
93
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
93
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
94
94
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
95
95
|
if (!vehicleResponse)
|
|
96
96
|
throw new Error('Wrong response format');
|
|
@@ -109,8 +109,8 @@ const DynamicClaim = class {
|
|
|
109
109
|
this.errorMessage = error.message;
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
113
|
-
await this.setData(requestedVin);
|
|
112
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
113
|
+
await this.setData(requestedVin, headers);
|
|
114
114
|
}
|
|
115
115
|
onLoadingChange(newValue) {
|
|
116
116
|
if (this.loadingStateChange)
|
|
@@ -283,7 +283,7 @@ const DynamicClaim = class {
|
|
|
283
283
|
render() {
|
|
284
284
|
var _a, _b;
|
|
285
285
|
const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
|
|
286
|
-
return (index.h(index.Host, { key: '
|
|
286
|
+
return (index.h(index.Host, { key: '15b709f7252b85f308c880576dd4f8ff6a7dc666' }, index.h("dynamic-redeem", { key: '71a57f4626d0f394c2293db5bfccaf477c5c3f1e', id: "dynamic-redeem" }), index.h("div", { key: '3e247cedd1e720c89a30af72f8c9758f7a5642fb', class: cn.cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, index.h("div", { key: 'd6aea716001e09c9ff3180889afc5daca008b130', class: "dynamic-claim-header" }, index.h("strong", { key: 'f9469ece92c4e189eed94a119d233787d78aa8b1', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && index.h("span", { key: 'b132706208c827613e967186ba98a1314d9aaf08', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), index.h("div", { key: '849960f27d5188e3ab088c5de8d0bebc25723829', class: "dynamic-claim-body" }, index.h("div", { key: 'bdbd37aa75a00973008634299d1768dcbe95843f', class: "loading-lane" }, index.h("div", { key: '6a17f141b034edbcd38b86979431c3ff26614d00', class: "dynamic-claim-loading-slider" }, index.h("div", { key: '34597a589f5dab07e60959ba09d39876901f2ee1', class: "dynamic-claim-loading-slider-line" }), index.h("div", { key: '4a2483d4997fff60631cd01302d272665e2d2736', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), index.h("div", { key: 'c05466961bfcfd2580f670c57178492f31729f52', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), index.h("div", { key: 'ac968ede27ec14df080f8c17758e071cfa272d2d', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
287
287
|
let statusClass = '';
|
|
288
288
|
if (item.status === 'pending') {
|
|
289
289
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -292,7 +292,7 @@ const DynamicClaim = class {
|
|
|
292
292
|
else
|
|
293
293
|
statusClass = item.status;
|
|
294
294
|
return (index.h("div", { key: item.name, class: cn.cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, index.h("img", { src: icons[item.status], alt: "status icon" }), index.h("span", null, item.status.charAt(0).toUpperCase() + item.status.slice(1)), this.activePopupIndex === idx && this.createPopup(item)), index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), index.h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
|
|
295
|
-
}), index.h("div", { key: '
|
|
295
|
+
}), index.h("div", { key: '720ee8e73001f6c4304f9e0af8212e37fc69e74a', class: "dynamic-claim-progress-bar" }))))));
|
|
296
296
|
}
|
|
297
297
|
get el() { return index.getElement(this); }
|
|
298
298
|
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 partInformation = require('./partInformation-
|
|
12
|
+
const partInformation = require('./partInformation-07651204.js');
|
|
13
13
|
require('./loader-baf2418b.js');
|
|
14
14
|
|
|
15
15
|
const manufacturerLookupCss = "*,: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}.success{color:green}.warning{color:orange}.reject{color:red}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.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-hidden{overflow:hidden}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-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))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/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}";
|
|
@@ -33,7 +33,7 @@ const ManufacturerLookup = class {
|
|
|
33
33
|
handleSettingData(response) {
|
|
34
34
|
this.partInformation = response;
|
|
35
35
|
}
|
|
36
|
-
async setData(newData) {
|
|
36
|
+
async setData(newData, headers = {}) {
|
|
37
37
|
clearTimeout(this.networkTimeoutRef);
|
|
38
38
|
if (this.abortController)
|
|
39
39
|
this.abortController.abort();
|
|
@@ -57,7 +57,7 @@ const ManufacturerLookup = class {
|
|
|
57
57
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
58
58
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
59
59
|
});
|
|
60
|
-
const partResponse = isPartNumberRequest ? await partInformation.getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }) : newData;
|
|
60
|
+
const partResponse = isPartNumberRequest ? await partInformation.getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
61
61
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
62
62
|
if (!partResponse)
|
|
63
63
|
throw new Error('Wrong response format');
|
|
@@ -74,8 +74,8 @@ const ManufacturerLookup = class {
|
|
|
74
74
|
this.errorMessage = error.message;
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
|
-
async fetchData(
|
|
78
|
-
await this.setData(
|
|
77
|
+
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
78
|
+
await this.setData(partNumber, headers);
|
|
79
79
|
}
|
|
80
80
|
//calculateHeight(componentState: string) {
|
|
81
81
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -97,7 +97,7 @@ const ManufacturerLookup = class {
|
|
|
97
97
|
mockData = newMockData;
|
|
98
98
|
}
|
|
99
99
|
render() {
|
|
100
|
-
return (index.h(index.Host, { key: '
|
|
100
|
+
return (index.h(index.Host, { key: 'cfd90dcfbe3be613c1badcf79c09923f79a2eea6' }, index.h("div", { key: '1c6930673bcf7b50e9937ddc8f42e54c2b473ca2', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'ed2db39446481defe0ac1f162a4c5346dee315fa' }, index.h(Loading.Loading, { key: '5972c7d753a7555bba05c82deea9f887629ab720', isLoading: this.state.includes('loading') }), index.h("div", { key: 'd5de561df856b0fb26e6ca0145160c96a9790847', class: cn.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) && (index.h("div", { key: '9422a2aa8e63cb09d68eaf57ad4c9981ec2a1085', class: "py-[16px]" }, index.h("div", { key: '59a4815a98f4a01518f2b4750a6c4c627f9bf0ae', 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: '3f980055e6a3ae355360997d7a014eaf7afca5d4' }, index.h("div", { key: 'e0e30bffb51cd26076420f2719dc0a498404efcd', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'ddeb24dd0779a8861c229b0f722debe000cc034c', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), index.h("div", { key: 'c1de3e307ed2d6cf2eb33cc477b4e17c6651c0ab', style: { padding: '10px 30px', display: 'flex', flexDirection: 'column', gap: '15px' } }, index.h("div", { key: 'a3e83b3ac55b1759819e8065b5eaede1a7001b44', style: { display: 'flex', gap: '50px' } }, index.h("div", { key: 'a4b1da95397584c6081673df484e7851647aa4fa', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, index.h("strong", { key: 'c61412662fd8c418825d1e7cdbcabb08c2c207ec', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Description"), index.h("div", { key: 'dcd926214097661e86c8dad9a323f7d68ef30b0b', style: { padding: '10px 0px' } }, this.partInformation.tmcPart.partDescription)), index.h("div", { key: '0f5bdf2566698de09e1eeaacad4c7dcff4146022', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } }, index.h("strong", { key: 'fb4e8ef5bd79548dc31e79792d32b55b090513f1', style: { padding: '10px 0', borderBottom: '1px solid grey', } }, "Product Group"), index.h("div", { key: 'b2e31ce6014013cda2abb9c2f4ef823c493da4c2', style: { padding: '10px 0px' } }, this.partInformation.tmcPart.group)), index.h("div", { key: '75215d7f9a18f7fea6528d11e118fc1dbb50e3b8', style: { display: 'flex', flexDirection: 'column', 'flex': '1' } })))))))))));
|
|
101
101
|
}
|
|
102
102
|
get el() { return index.getElement(this); }
|
|
103
103
|
static get watchers() { return {
|
|
@@ -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();
|
|
@@ -73,7 +73,7 @@ const PaintThickness = class {
|
|
|
73
73
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
74
74
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
75
75
|
});
|
|
76
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
76
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
77
77
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
78
78
|
if (!vehicleResponse)
|
|
79
79
|
throw new Error('Wrong response format');
|
|
@@ -90,8 +90,8 @@ const PaintThickness = class {
|
|
|
90
90
|
this.errorMessage = error.message;
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
94
|
-
await this.setData(requestedVin);
|
|
93
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
94
|
+
await this.setData(requestedVin, headers);
|
|
95
95
|
}
|
|
96
96
|
//calculateHeight(componentState: string) {
|
|
97
97
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -115,11 +115,11 @@ const PaintThickness = class {
|
|
|
115
115
|
render() {
|
|
116
116
|
var _a, _b;
|
|
117
117
|
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: '
|
|
118
|
+
return (index.h(index.Host, { key: '27ef74f7d3b896fee2b8ec9ea45cabd06771e55f' }, index.h("div", { key: 'a9d29e02c453d06d1ab3989150ec4a68b4823692', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '1a08070d1a9a1899de09dd07f38c8361a6cda178' }, index.h(Loading.Loading, { key: '10897e5c10e7f992f76469d16df7ded2c31c19c3', isLoading: this.state.includes('loading') }), index.h("div", { key: '5bec28c51b9b07cc8eb2aa137be0b147d8325367', 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: '475dcd3dbee8d3fa23aedfbe7b5bec441c0f1b27', 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: 'b2bf022b4305f0363bbfbbd2e46a4c72736a9b07', class: "py-[16px]" }, index.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) && (index.h("div", { key: 'f63916046b17e946708a81b4697d2dafcee6857c', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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"), index.h("div", { key: '36c9a6ff73d058272be62336a6f36845cdd8d86a', class: "h-0 overflow-auto flex-1" }, !parts.length && index.h("div", { key: '28236c4b032136da2d69ecf9bbfd428d326ea948', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, "No parts are available."), !!parts.length && (index.h("table", { key: 'bd6966dd901c94b5b07396a471a9589077e267a6', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'fa810cf4a8e359dcfa5e558aa54760a066339b73', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'c4d34f474f30c08c32b1dedadefd050b8da13a3f' }, ['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: '65c5905e2e8a84cf3bc9a23db6d6561df877aedf' }, 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
119
|
'!border-none': idx === parts.length - 1,
|
|
120
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '
|
|
120
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '4297103d40bfc9642958065df2d5bd9a2f558634' }, !imageGroups.length && index.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 && (index.h("div", { key: '11f0a30c184766471e1e9dd0bfac5f96a612f279', 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: '6920779802a4da3d9399619e6ee9c788db3b204c', 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
121
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
122
|
-
}) }, index.h("button", { key: '
|
|
122
|
+
}) }, index.h("button", { key: 'e6e11c7cf4ff71de129d92977f2971eb6f9b9268', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: 'cad4548287110796c756160c79a43ea0eb3f22d3', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: 'c117d12d51b4058a392e80802630896aeca7192f', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: 'a900ecc78d2b3ab5aaaf42f23469fe3fa4b07db2', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
123
123
|
}
|
|
124
124
|
get el() { return index.getElement(this); }
|
|
125
125
|
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();
|
|
@@ -58,7 +58,7 @@ const ServiceHistory = class {
|
|
|
58
58
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
59
59
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
60
60
|
});
|
|
61
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
61
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
62
62
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
63
63
|
if (!vehicleResponse)
|
|
64
64
|
throw new Error('Wrong response format');
|
|
@@ -75,8 +75,8 @@ const ServiceHistory = class {
|
|
|
75
75
|
this.errorMessage = error.message;
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
79
|
-
await this.setData(requestedVin);
|
|
78
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
79
|
+
await this.setData(requestedVin, headers);
|
|
80
80
|
}
|
|
81
81
|
//calculateHeight(componentState: string) {
|
|
82
82
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -99,7 +99,7 @@ const ServiceHistory = class {
|
|
|
99
99
|
}
|
|
100
100
|
render() {
|
|
101
101
|
var _a, _b, _c, _d;
|
|
102
|
-
return (index.h(index.Host, { key: '
|
|
102
|
+
return (index.h(index.Host, { key: '8e5ae0eaa05bf7f1365f5a16e31b4f546daa267b' }, index.h("div", { key: 'd097bff639f07f92245df5c7898ceb6375443826', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'd03547e52874be8356089f968292c7b330b4edef' }, index.h(Loading.Loading, { key: '6d13faffb586131276ab0dbbfe21afec97b0ec77', isLoading: this.state.includes('loading') }), index.h("div", { key: '68e8bcbf3590e50f8ed54389ebe3fe716e3da901', 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: '03cdb8690215c104f4e0253b29bbaf92f3dbb0d6', 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: '32ccb311b5118329bbe9d04a29453e0a6360f88f', class: "py-[16px]" }, index.h("div", { key: '70595222071784b2708a7cc5e1a0ae3392498725', 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: '02426e89ded841b22db0af5ddc30c8cff1ba2426', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '3060be4709758da0bc75d9a8cce3a4bff4530c98', 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: '377288b6e742f2fd9f06b2ca0920293437dd3968', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && index.h("div", { key: '5ed26853f4bf544b18fed55dc21a3c3a222ac5a3', 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: 'a7995bb565c22d8594a5219d836396a3df1e53c6', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '530da33ea34b28a82d23b509db1ba2fb7003b187', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '710aff75e258d6e408111b5e8442042440f7c29b' }, ['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: '68e5fda2e43df1c20550bada35bb17bc4393aa60' }, (_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
103
|
var _a;
|
|
104
104
|
return (index.h("td", { key: service.invoiceNumber + serviceType, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
105
105
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
@@ -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();
|
|
@@ -69,7 +69,7 @@ const VehicleAccessories = class {
|
|
|
69
69
|
scopedTimeoutRef = setTimeout(r, 700);
|
|
70
70
|
this.networkTimeoutRef = scopedTimeoutRef;
|
|
71
71
|
});
|
|
72
|
-
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }) : newData;
|
|
72
|
+
const vehicleResponse = isVinRequest ? await vehicleInformation.getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
|
|
73
73
|
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
74
74
|
if (!vehicleResponse)
|
|
75
75
|
throw new Error('Wrong response format');
|
|
@@ -86,8 +86,8 @@ const VehicleAccessories = class {
|
|
|
86
86
|
this.errorMessage = error.message;
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
|
-
async fetchData(requestedVin = this.externalVin) {
|
|
90
|
-
await this.setData(requestedVin);
|
|
89
|
+
async fetchData(requestedVin = this.externalVin, headers = {}) {
|
|
90
|
+
await this.setData(requestedVin, headers);
|
|
91
91
|
}
|
|
92
92
|
//calculateHeight(componentState: string) {
|
|
93
93
|
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
@@ -111,7 +111,7 @@ const VehicleAccessories = class {
|
|
|
111
111
|
render() {
|
|
112
112
|
var _a, _b;
|
|
113
113
|
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: '
|
|
114
|
+
return (index.h(index.Host, { key: '36897fc6f19dc85a4219b4040724412b4b025d6b' }, index.h("div", { key: '22c79f8628e7839a909a973edc5f7cdca6893a50', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '9bcb7d20e411b0b5b5c24a3f1d37c69c6b4a92ba' }, index.h(Loading.Loading, { key: 'd7c53d1f0acb6a7b5b2dae9ee8c701ecbc4a9c97', isLoading: this.state.includes('loading') }), index.h("div", { key: '8e73ef542f7341ab328413ca16a7d1a509adeb2d', 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: '46f53a1f41ebd08a566de3ec308657f5691acf05', 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: '2f8dbaf438e62d538a53e3be527923ac7ded7296', class: "py-[16px]" }, index.h("div", { key: '10bb480c52c9ecf3c4715effb4f4dcb93db84d69', 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: '4e2e6b556f6a1698fdcca13b4cf03c426a396713', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '30e34ba8eab9a055daf8a3611e7084077977d315', 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: '251abde72d8f9d9f80dbe27294501c8a5e89089d', class: "h-0 overflow-auto flex-1" }, !accessories.length && index.h("div", { key: '96238a49e10c2426b03da1f5b816b6bb8cae0397', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!accessories.length && (index.h("table", { key: '8765e2cdfc3771d4459168908c3b9d65466155b0', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '99e5c29f2f469f9ac39fc5aec2f80234e804f89d', class: "top-0 font-bold z-40 sticky bg-white" }, index.h("tr", { key: '6addf0eadbc6fcfb2eac08d12febd3f0aab30d6a' }, ['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: '925ed2efd7e37c33f7dd4bee0c5202e18358965f' }, accessories.map((accessory, idx) => {
|
|
115
115
|
var _a;
|
|
116
116
|
return (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
117
117
|
var _a;
|
|
@@ -121,9 +121,9 @@ const VehicleAccessories = class {
|
|
|
121
121
|
}), index.h("td", { class: cn.cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
122
122
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
123
123
|
}) }, 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: '
|
|
124
|
+
})), index.h("div", { key: '00fbf078180b18c4e125297be26c45a3c320aec8', 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
125
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
126
|
-
}) }, index.h("button", { key: '
|
|
126
|
+
}) }, index.h("button", { key: 'd76565b5c51ff17287584b43ddcf9d961f012b7e', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '9f7b9634e10a2114ba298bd9a49800270a91b642', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: 'bbb15c3b6a4de5d14da9594bc9cc078fbc155dfb', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: '33cb3cfe256742f41aff3a62876db9965d40f3dc', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
127
127
|
}
|
|
128
128
|
get el() { return index.getElement(this); }
|
|
129
129
|
static get watchers() { return {
|