adp-web-components 0.0.66 → 0.0.68
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/contact-us-form.cjs.entry.js +3 -3
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +1 -1
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +22 -19
- package/dist/cjs/dynamic-redeem.cjs.entry.js +51 -24
- package/dist/cjs/form-dialog_8.cjs.entry.js +13 -13
- package/dist/cjs/{get-local-language-1bd9662d.js → get-local-language-a415fff3.js} +8 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/loading-spinner.cjs.entry.js +2 -2
- package/dist/cjs/part-lookup.cjs.entry.js +1 -1
- package/dist/cjs/service-booking-form.cjs.entry.js +3 -3
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-lookup.cjs.entry.js +3 -2
- package/dist/collection/components/components/loading-spinner.css +1 -1
- package/dist/collection/components/components/loading-spinner.js +1 -1
- package/dist/collection/components/form-elements/form-dialog.js +3 -3
- package/dist/collection/components/form-elements/form-input.js +1 -1
- package/dist/collection/components/form-elements/form-select.js +3 -3
- package/dist/collection/components/form-elements/form-shadow-input.js +1 -1
- package/dist/collection/components/form-elements/form-structure-error.js +1 -1
- package/dist/collection/components/form-elements/form-submit.js +2 -2
- package/dist/collection/components/form-elements/form-text-area.js +1 -1
- package/dist/collection/components/forms/contact-us-form.js +2 -2
- package/dist/collection/components/forms/service-booking-form.js +2 -2
- package/dist/collection/components/vehicle-lookup/dynamic-claim.js +87 -8
- package/dist/collection/components/vehicle-lookup/dynamic-redeem.css +1 -1
- package/dist/collection/components/vehicle-lookup/dynamic-redeem.js +72 -26
- package/dist/collection/components/vehicle-lookup/paint-thickness.js +3 -3
- package/dist/collection/components/vehicle-lookup/service-history.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +3 -3
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +2 -1
- package/dist/collection/components/vehicle-lookup/vehicle-specification.js +2 -2
- package/dist/collection/components/vehicle-lookup/warranty-details.js +1 -1
- package/dist/collection/global/types/locales/vehicle-lookup/dynamic-claim-schema.js +2 -2
- package/dist/collection/global/types/locales/vehicle-lookup/dynamic-redeem-schema.js +5 -1
- package/dist/collection/templates/vehicle-lookup/mock-data.js +62 -62
- package/dist/collection/templates/vehicle-lookup/warranty-mock-data.js +63 -63
- package/dist/components/contact-us-form.js +1 -1
- 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/dynamic-redeem.js +1 -1
- package/dist/components/form-dialog.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/form-select.js +1 -1
- package/dist/components/form-shadow-input.js +1 -1
- package/dist/components/form-structure-error.js +1 -1
- package/dist/components/form-structure.js +1 -1
- package/dist/components/form-submit.js +1 -1
- package/dist/components/form-text-area.js +1 -1
- package/dist/components/loading-spinner.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/p-0577d1db.js +5 -0
- package/dist/components/p-09d6f6b7.js +5 -0
- package/dist/components/{p-276072d6.js → p-0e8a18b5.js} +1 -1
- package/dist/components/{p-980e2b72.js → p-0fea04c5.js} +1 -1
- package/dist/components/{p-052096ca.js → p-1f6013f0.js} +1 -1
- package/dist/components/{p-696dc6e8.js → p-2e3bbf57.js} +1 -1
- package/dist/components/{p-927296bb.js → p-58206a79.js} +1 -1
- package/dist/components/{p-2ecc6382.js → p-590a228e.js} +1 -1
- package/dist/components/p-61c64e32.js +5 -0
- package/dist/components/{p-853de183.js → p-6b5396eb.js} +1 -1
- package/dist/components/{p-687e3edf.js → p-6e1a276e.js} +1 -1
- package/dist/components/{p-6d9d89d2.js → p-800940d7.js} +1 -1
- package/dist/components/{p-3115916e.js → p-872b7bc5.js} +1 -1
- package/dist/components/{p-96455129.js → p-8829fdec.js} +1 -1
- package/dist/components/{p-b0e5a9a2.js → p-9b33299b.js} +1 -1
- package/dist/components/{p-b173a699.js → p-a7e38354.js} +1 -1
- package/dist/components/{p-8175feb0.js → p-aa2cf300.js} +1 -1
- package/dist/components/{p-a3455344.js → p-bc300d83.js} +1 -1
- package/dist/components/{p-1e0220d8.js → p-c2df360a.js} +1 -1
- package/dist/components/{p-68905104.js → p-c7bf7917.js} +1 -1
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/part-lookup.js +1 -1
- package/dist/components/service-booking-form.js +1 -1
- package/dist/components/service-history.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-lookup.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/warranty-details.js +1 -1
- package/dist/esm/contact-us-form.entry.js +3 -3
- package/dist/esm/dead-stock-lookup_3.entry.js +1 -1
- package/dist/esm/dynamic-claim_6.entry.js +22 -19
- package/dist/esm/dynamic-redeem.entry.js +51 -24
- package/dist/esm/form-dialog_8.entry.js +13 -13
- package/dist/esm/{get-local-language-b7774134.js → get-local-language-7a2c7206.js} +8 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/loading-spinner.entry.js +2 -2
- package/dist/esm/part-lookup.entry.js +1 -1
- package/dist/esm/service-booking-form.entry.js +3 -3
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-lookup.entry.js +3 -2
- package/dist/locales/ar.json +9 -4
- package/dist/locales/en.json +9 -4
- package/dist/locales/ku.json +9 -4
- package/dist/locales/ru.json +9 -4
- package/dist/shift-components/{p-9b664248.entry.js → p-20de9539.entry.js} +1 -1
- package/dist/shift-components/{p-f0d94591.js → p-5a73a45f.js} +1 -1
- package/dist/shift-components/{p-d2a71388.entry.js → p-8d244100.entry.js} +1 -1
- package/dist/shift-components/p-978bc941.entry.js +5 -0
- package/dist/shift-components/p-9f61c01a.entry.js +5 -0
- package/dist/shift-components/{p-ade77e74.entry.js → p-b67824f1.entry.js} +1 -1
- package/dist/shift-components/p-c2257df5.entry.js +5 -0
- package/dist/shift-components/p-c452198d.entry.js +5 -0
- package/dist/shift-components/{p-d5a81c37.entry.js → p-d5c18e28.entry.js} +1 -1
- package/dist/shift-components/{p-3601fde1.entry.js → p-e30105d0.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/vehicle-lookup/dynamic-claim.d.ts +3 -0
- package/dist/types/components/vehicle-lookup/dynamic-redeem.d.ts +5 -4
- package/dist/types/components.d.ts +11 -2
- package/dist/types/global/types/locales/index.d.ts +14 -6
- package/dist/types/global/types/locales/vehicle-lookup/dynamic-claim-schema.d.ts +4 -4
- package/dist/types/global/types/locales/vehicle-lookup/dynamic-redeem-schema.d.ts +10 -2
- package/dist/types/global/types/locales/vehicle-lookup/index.d.ts +14 -6
- package/dist/types/global/types/vehicle-information.d.ts +8 -8
- package/package.json +1 -1
- package/dist/components/p-2f40bc45.js +0 -5
- package/dist/components/p-6e258875.js +0 -5
- package/dist/components/p-8f9c80ed.js +0 -5
- package/dist/shift-components/p-6b5de2b4.entry.js +0 -5
- package/dist/shift-components/p-7a95ce0a.entry.js +0 -5
- package/dist/shift-components/p-b43b884e.entry.js +0 -5
- package/dist/shift-components/p-c451136b.entry.js +0 -5
|
@@ -14,22 +14,40 @@ export class DynamicRedeem {
|
|
|
14
14
|
await new Promise(r => setTimeout(r, 500));
|
|
15
15
|
this.canceledItems = [];
|
|
16
16
|
this.unInvoicedByBrokerName = null;
|
|
17
|
-
this.
|
|
17
|
+
this.invoiceInput.value = '';
|
|
18
18
|
this.isLoading = false;
|
|
19
|
-
this.
|
|
19
|
+
this.invoiceInput.readOnly = false;
|
|
20
20
|
};
|
|
21
|
-
this.
|
|
22
|
-
|
|
21
|
+
this.inputKeyDown = async (event) => {
|
|
22
|
+
this.readyToClaim = false;
|
|
23
|
+
const invoice = this.invoiceInput.value;
|
|
24
|
+
const jobInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #job-input');
|
|
25
|
+
const job = jobInput === null || jobInput === void 0 ? void 0 : jobInput.value;
|
|
26
|
+
if (this.claimViaBarcodeScanner) {
|
|
27
|
+
if (invoice.trim().length > 0)
|
|
28
|
+
this.readyToClaim = true;
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
if (invoice.trim().length > 0 && job.trim().length > 0)
|
|
32
|
+
this.readyToClaim = true;
|
|
33
|
+
}
|
|
34
|
+
if (event === null || event.key === 'Enter') {
|
|
23
35
|
if (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles)
|
|
24
36
|
return;
|
|
25
|
-
event
|
|
37
|
+
if (event !== null)
|
|
38
|
+
event.preventDefault();
|
|
26
39
|
if (!(this === null || this === void 0 ? void 0 : this.handleScanner))
|
|
27
40
|
return;
|
|
28
|
-
|
|
29
|
-
|
|
41
|
+
if (!this.readyToClaim)
|
|
42
|
+
return;
|
|
43
|
+
this.invoiceInput.value = '';
|
|
44
|
+
if (jobInput) {
|
|
45
|
+
jobInput.value = '';
|
|
46
|
+
jobInput.readOnly = true;
|
|
47
|
+
}
|
|
30
48
|
this.isLoading = true;
|
|
31
|
-
this.
|
|
32
|
-
this.handleScanner(
|
|
49
|
+
this.invoiceInput.readOnly = true;
|
|
50
|
+
this.handleScanner(invoice, job);
|
|
33
51
|
}
|
|
34
52
|
};
|
|
35
53
|
this.onValueChanges = (event) => {
|
|
@@ -46,6 +64,7 @@ export class DynamicRedeem {
|
|
|
46
64
|
this.handleScanner = undefined;
|
|
47
65
|
this.handleQrChanges = undefined;
|
|
48
66
|
this.loadingStateChange = undefined;
|
|
67
|
+
this.claimViaBarcodeScanner = true;
|
|
49
68
|
this.locale = localeSchema.getDefault();
|
|
50
69
|
this.isLoading = false;
|
|
51
70
|
this.internalVin = '';
|
|
@@ -54,6 +73,7 @@ export class DynamicRedeem {
|
|
|
54
73
|
this.confirmServiceCancellation = false;
|
|
55
74
|
this.internalCanceledItem = null;
|
|
56
75
|
this.confirmUnInvoicedTBPVehicles = false;
|
|
76
|
+
this.readyToClaim = false;
|
|
57
77
|
}
|
|
58
78
|
async componentWillLoad() {
|
|
59
79
|
await this.changeLanguage(this.language);
|
|
@@ -66,7 +86,7 @@ export class DynamicRedeem {
|
|
|
66
86
|
this.loadingStateChange(newValue);
|
|
67
87
|
}
|
|
68
88
|
async componentDidLoad() {
|
|
69
|
-
this.
|
|
89
|
+
this.invoiceInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #invoice-input');
|
|
70
90
|
this.dynamicClaimProcessor = this.el.shadowRoot.querySelector('.dynamic-claim-processor');
|
|
71
91
|
if (this.unInvoicedByBrokerName === null) {
|
|
72
92
|
this.confirmUnInvoicedTBPVehicles = true;
|
|
@@ -75,11 +95,11 @@ export class DynamicRedeem {
|
|
|
75
95
|
this.confirmUnInvoicedTBPVehicles = false;
|
|
76
96
|
}
|
|
77
97
|
}
|
|
78
|
-
focusInput() {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
98
|
+
//private focusInput() {
|
|
99
|
+
// setTimeout(() => {
|
|
100
|
+
// this.invoiceInput.focus();
|
|
101
|
+
// }, 100);
|
|
102
|
+
//}
|
|
83
103
|
async changeInternalCanceledItem(newInternalCanceledItem) {
|
|
84
104
|
this.internalCanceledItem = newInternalCanceledItem;
|
|
85
105
|
if (this.internalCanceledItem.length > 0) {
|
|
@@ -108,7 +128,7 @@ export class DynamicRedeem {
|
|
|
108
128
|
this.closeModalListenerRef = (event) => event.key === 'Escape' && this.quite();
|
|
109
129
|
window.addEventListener('keydown', this.closeModalListenerRef);
|
|
110
130
|
await new Promise(r => setTimeout(r, 300));
|
|
111
|
-
this.
|
|
131
|
+
this.invoiceInput.focus();
|
|
112
132
|
}
|
|
113
133
|
else {
|
|
114
134
|
window.removeEventListener('keydown', this.closeModalListenerRef);
|
|
@@ -119,19 +139,26 @@ export class DynamicRedeem {
|
|
|
119
139
|
this.closeModal();
|
|
120
140
|
}
|
|
121
141
|
async getQrValue() {
|
|
122
|
-
return this.
|
|
142
|
+
return this.invoiceInput.value;
|
|
123
143
|
}
|
|
124
144
|
render() {
|
|
125
145
|
var _a, _b, _c, _d, _e;
|
|
126
146
|
const texts = this.locale.vehicleLookup.dynamicRedeem;
|
|
127
147
|
const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
|
|
128
|
-
if (!disableInput)
|
|
129
|
-
|
|
130
|
-
return (h(Host, { key: '6f23076572fa32bf4ecabb0ec5c30f4c904c5aeb' }, h("div", { key: 'e181969add00fdace98f3f198bbb383883ed096c', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: '19e190b047b65a3d9fd006a5b7b7bf6274c43c78', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'b0f3eff73478c17ded463f97ad196b176077b8ff', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '1fd42a3ef89f038dc303086ffca5c2deadc9989d', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '09465c1cff709d748a0529ec333f5e4ad25ba101', id: "SVGRepo_iconCarrier" }, h("path", { key: 'f63fb5590f2e24018ca4ad219c213d2f6adb41fc', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'd6487224d7042d92bb2a789234407b4616fca22e', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'ffcd5d290855b3c3f3d37800e393e04b75a502d4', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '99b9066894f9b9f26b60663e450a93696223124e', class: "dynamic-claim-processor-info-box" }, h("div", { key: '403cd1dc09ed2594c72e73e6391d552020332d98', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '1be049ba270853645470ab894135116139383b8d', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '8b13146eb29190537dca360ec882ca89f03f9e36', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: 'bf692fc99d065b927e04f9f682364e36085cb81c', class: "border-separate" }, h("tr", { key: '452f0ea4dde84dc33429032f59d3071019a1bd64' }, h("th", { key: '29c31adefa2411ea10e33b65e1705f1848f206e3' }, texts.serviceType), h("td", { key: '31e1279fc831af71ebdbdd7d00889e2900fffe23' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '33b5b7a306da1af6702cd8454e3ac01ae3ba26d7' }, texts.name), h("td", { key: 'ae217299a413f6882867bd091c8560e9ad0924da' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '086bbc2759675159d0b1fa68cf61c58977d3d872' }, h("th", { key: '3cc7dde01066572972d3fd00f4da7dbab5b88c17' }, texts.activationDate), h("td", { key: '61a65a1d432cc564eca6529fa2678b326feddc52' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '0ef316a0a241843f9865c20d46fc8ce269d1606e' }, texts.expireDate), h("td", { key: 'ab1bb7f29ed38c2c71c25428d43fe3c716126eb9' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '1dce0e4b9de04fb40e923624ad21b0c8f08fb1dc' }, h("th", { key: '4f65208aef6e9dcd19b8602e11d5ca76461b736b' }, texts.menuCode), h("td", { key: '76299771fc11edcf8687c6e725f6eedb8465d84f' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: 'd9e7e004964654a54282158508e0150bfe4c7990', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: '82b116d97cfac477f60db2fbf22e1636fdc5c689', class: "admonition warning" }, h("p", { key: '60a55ae8256648fb220eab389fab5d2dc42c9d3c', class: "admonition-title" }, texts.warning), h("div", { key: '80ad2bdacebe0a3bed749a730bc8aa3ccca48f15', style: { padding: '0 30px' } }, h("p", { key: '542d0408b48f1486f011c281b1cc35287755bba9', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: 'c33d8e62aa0cb644ad08b8f05b359c8e7315f462', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: 'c96c8ef23dbbf0ce5115a71a0011b5748b6ec504', class: "cancel-confirmation-box" }, h("label", { key: '253e3bf85b93afe4c58c1a7a94e7620b08d8f991' }, h("input", { key: '619d9412599947909cc88c4a596ccaca94903b1c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
148
|
+
//if (!disableInput) this.focusInput();
|
|
149
|
+
return (h(Host, { key: '4d60172a6013d0dc71cda1ecff2af7ee56999d98' }, h("div", { key: 'ee4d7ebc30cbd32c38ada31652073db477f5de7b', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: '8ff2dba24e125c0aaecf43b86f56f582d0b8425d', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '6779128720c389b18c7e76da122741b97b970c9f', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: 'ff0b520e4532867ef066c88cb3e2491b2dfe1031', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '3a337281cf3a3994e8ce4c8a0b1d0e5de6088ee2', id: "SVGRepo_iconCarrier" }, h("path", { key: 'a4ade0f5dbe8f4f12c83e777489e32d88bf2f0ba', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'eab68a4254b076c22d858a074b3a823370af3a34', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'c0996774f2a092d359f40154d6ca0edd225d51ff', class: "dynamic-claim-processor-wrapper" }, h("div", { key: 'ad0cf0bd115728a8d2754a97021ca1af59b5e794', class: "dynamic-claim-processor-info-box" }, h("div", { key: 'ecf2fd2f53fb3d582faebeff08f718bd1f00ed07', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '7cbc88851b0429bcb5a03bce3ac599199efd40cc', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '4b3ad1abb833c17fffe3227d5ce9b78fb04412ef', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: '64741cde13d9c0bf749f7644da50c780429af41a', class: "border-separate" }, h("tr", { key: '810ef70655160f21ef3bdda2d4dc61601e25c186' }, h("th", { key: 'f057ca7ec2d4e8565f1178a1c150a7e9d3feb48d' }, texts.serviceType), h("td", { key: 'c608ddda77454c995a78efcd2db9c53c8c4480f1' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: 'd75604f069dbd59514b283548dfadce867a142cb' }, texts.name), h("td", { key: '9dd9063fc7544d41008e003916f2a80a35d3a620' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '488f835542dbfc6769b373e8c01b92c7f66f8bfa' }, h("th", { key: 'f76e0e1867d1680af53eb81f6cd591a13b838be0' }, texts.activationDate), h("td", { key: 'ea653220f16251d372fb69dc0b8eba9ec493ed07' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: 'f8d42a220a21e5fcc6ef4549c8fe17ef7791df93' }, texts.expireDate), h("td", { key: 'bef1bb1762fea7a50a2e5497173e1c64af6a79be' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '57e11bdab34524ad4ca2bc6c4090b525ec901dce' }, h("th", { key: 'b88c84c904c2ec02e1762f4b93123f599f9faf4e' }, texts.packageCode), h("td", { key: 'd11603da2024d5b382dd583a19835c267ca152c5' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.packageCode))))), h("div", { key: '250b2a97fc560a998862e0ffcfef140fb88aa09a', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: 'a6d150e0cb4e6de7e160e63ca57a0e96618fdb56', class: "admonition warning" }, h("p", { key: 'bfa6ba56795a1db6d98c51e6342ac18047c0642d', class: "admonition-title" }, texts.warning), h("div", { key: '6fff50141cd975180efdbd05774055872508153d', style: { padding: '0 30px' } }, h("p", { key: '39e6cba7ebaa2d5f2d29263a86f97c6de7028008', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: '05253fc130b2cd5a3db727c36aab131db22f85de', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: '64c0d0ba5e0dd0d581906fd02dd98abdcedffa94', class: "cancel-confirmation-box" }, h("label", { key: 'dc8ebbf8dfe159a23758d72b7d6355e779cfbe38' }, h("input", { key: '58b57933dc18b797d42df1ec5edc26adb3d7c69c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
131
150
|
this.confirmServiceCancellation = !this.confirmServiceCancellation;
|
|
132
|
-
} }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '
|
|
151
|
+
} }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '6d5747deb2a99f1d8340362eb7b080861567168d', class: "admonition warning" }, h("p", { key: 'c5450b5cc85b89c591c114cd35dc45ba1a7c7c7a', class: "admonition-title" }, texts.warning), h("div", { key: '1f3c8f061d4c76e89668b2336737af5efb4876a5', style: { padding: '0 30px' } }, h("p", { key: '5557d2ede8bdbc5576fb9669060ae89e109fd213', class: "my-4" }, texts.notInvoiced), h("div", { key: '2cbca9a32cf33c70244b8f6ecf38fc02215e5144' }, h("strong", { key: '886129a7f93c5875f4200ba40a853a303a99c884' }, this.unInvoicedByBrokerName)), h("div", { key: '87e1b94580cba995828d0a16d1d3721023073a24', class: "cancel-confirmation-box" }, h("label", { key: '554563728e88cb15e892d37d079781a0fbdb7d6f' }, h("input", { key: '1718688c8422d38c012631c2f07aa3530bdfe9b0', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
133
152
|
this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
|
|
134
|
-
} }), texts.confirmNotInvoiced))))), h("div", { key: '
|
|
153
|
+
} }), texts.confirmNotInvoiced))))), h("div", { key: 'c96700389a81ee363383113d5f8b8c69b79352b6', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '6ad97f6174cf7e16dc584ce6540e020b19a3b158', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: '0d41d5b39e1b1c27846e2443e1e616e461ab1dc8', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '5ef357a2c9301aa36c281c7710a3d75e94963081', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: '41bd7b2d90ec47116c5879ce397e886612629e9c', fill: "#3071a9", height: "100px", width: "100px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", stroke: "#ffffff" }, h("g", { key: '20a83be3a8cc360b52ed9a13ac8e33a7110c607d', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: 'a7bd15a4f27f28cf8b90d46c73b5c3bf8b48af79', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '285a269c105ddeb4e53730515a43b7b13f60ff44', id: "SVGRepo_iconCarrier" }, h("g", { key: '40605bc7c8fe22777e7f56d789e0163eb4579376' }, h("g", { key: 'a527709d745bcbf2eabeeae2d7dc81234584a9d1' }, h("path", { key: '2666e63ed8f4742b7e27db5a7245fd035b141155', d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))), h("g", { key: '04d501526125a167536feed5835f1148b06d794b' }, h("g", { key: '281fb58302aa092d3336a6485c98fd95ea4bb2dd' }, h("path", { key: '75b156f4ad99296493a1c01c209f9d3db7a66b15', d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))), h("g", { key: 'c1bdfd5520d6be59831a0f77cbd4d75548c4adc7' }, h("g", { key: 'ab1442832aa8204288fe75b6d71c30b5a1c8e95a' }, h("path", { key: '2676d59b6fef93a89a004b371fb68ffdbae63153', d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))), h("g", { key: '8f5216814ec4b6a657d0bf1ebe4cb280e316c3f8' }, h("g", { key: '9c80d23a992fe08d055ff276c7ec998fcfaa6bdc' }, h("path", { key: 'eef67d679498e2f952cb4980b7909f4ed4ef3b05', d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))), h("g", { key: '7a3472f30aeb04dc4ae854bee2f757c3a8d338e6' }, h("g", { key: '5a27bb7efced32d0673d9f1a42414514791db7e2' }, h("path", { key: '247a16bd17464644cc5d9497ea6dfdc4924f648e', d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))), h("g", { key: '5c3b360dbd045815b18c648de967b8673124aa87' }, h("g", { key: 'c1ae89e22f84c0263fc0886330419ddff9512e6b' }, h("path", { key: '6029668aa197369aaa8ac58b69f832bb97048a97', d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))), h("g", { key: 'e160bd89d9941777abdf0cc29c55bdd65ed0ed39' }, h("g", { key: 'f3600db2f453bc697b73db9c456ded02f5e8d1ac' }, h("path", { key: '677e4b6b97f44cffad4c037e0c6de02be558dde7', d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))), h("g", { key: '89601709a1ed50a2556af187707382895ffdce55' }, h("g", { key: '133cadb048f1a6ed1f827416047079dd2c5ae603' }, h("path", { key: 'a879a396bed5b9f5b48d3df029db495c5721b7d1', d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))), h("g", { key: '2ff645720d47fd80dda0f432d9df79f16a7203b8' }, h("g", { key: 'ac1a768fd4409b9842508e899d2d8677ec62ce38' }, h("path", { key: 'c078af945cfa4e75c494697221f93217ab5dabc0', d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))), h("g", { key: '56203096574fe37ac7ec3703a50585be50bc6a45' }, h("g", { key: '960d8cbaab33dcf72109fd794bea4603fddb695f' }, h("path", { key: '6b021521a42bdebc26c7961d1dac1e86afedc5ec', d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))), h("g", { key: 'd7a98ea4584391309669a9f8c0c8716c59291487' }, h("g", { key: '2ef3d5f7f1e20306fa1b03efd568ae184d4708fb' }, h("path", { key: '9bd52b763eb1a7fcd0fe4f2c5e1c2388644db507', d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))), h("g", { key: '123e567af0fdd76f59cd0409fe6fbb4ca51a886c' }, h("g", { key: '2715a0cf355743e6e769f32512b1e888163f4bee' }, h("path", { key: '5f47a2d0f34d4f1482a6803c8c03684cc289effc', d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))), h("g", { key: '42858584f446cf31dd2de54d06b6e16b834c5f7e' }, h("g", { key: '380d8f5b43e56ee62c84aba6cc835dd14cd3b995' }, h("path", { key: '19824fe2904b036b45dac7dddb0fb81a64d54971', d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))), h("g", { key: 'aae5aae6ba93a927bdf852c375e269b232ac3c5d' }, h("g", { key: 'c9b211451577cbf8b0f37ab6bd0eb918c0582c6e' }, h("path", { key: '063e6463c6453f7c127014ec17002b626a5a31dc', d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))), h("g", { key: '072b6685d6e6b050baca3132c8f07176f91e9eb1' }, h("g", { key: 'c91aa0b81e47b154f2453dcda33a9aa2f55bac45' }, h("path", { key: 'd1ffba37dd5c4f9b9bffe361bb1aeaf963928af4', d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))), h("g", { key: '0b7a52501d3dabd204c1684409d09a4bcc1a5184' }, h("g", { key: '228cca2ab86b50e3d79f9bb4cd418cbe8123da13' }, h("path", { key: 'a311a551375db58a0afbf385b4007ebc00bf4816', d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))), h("div", { key: '752286ef491f385dedb700e48559406a186699ff' }, this.claimViaBarcodeScanner ? texts.scanTheInvoice : texts.enterServiceInfo)), h("div", { key: 'daf5fc280bdbcb0246d9a248ccf7c81cfad07524', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: '378329570ab4e8f96168ce951f257d36b5574af9', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: 'f94c13012a198a7df314e18f57c3c598b9fa97c0' }), h("div", { key: 'cbcc01083df79f160f1b966aa961909e58287801' })), h("div", { key: '337d318a9d67dd7d09dae37a0a06fed1fb0b0a68', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("div", { key: '4fdcfcdb6c0b5782ce31fa9a8178cfaeb97ef2a0', style: { display: 'flex', flexDirection: 'row', gap: '50px', padding: '0 75px' } }, h("input", { key: '9778e5dfb109932aaaeef9955d95e461d6ff4ecc', id: "invoice-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.inputKeyDown, onBlur: () => {
|
|
154
|
+
if (this.claimViaBarcodeScanner) {
|
|
155
|
+
this.invoiceInput.focus();
|
|
156
|
+
}
|
|
157
|
+
}, autocomplete: "off", disabled: disableInput, placeholder: texts.invoice, autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }), !(this === null || this === void 0 ? void 0 : this.claimViaBarcodeScanner) && (h("input", { key: '31f33b3a7ed834e1f5adf0e77634f491c20b0e84', id: "job-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.inputKeyDown, autocomplete: "off", disabled: disableInput, placeholder: texts.jobNumber, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))), h("div", { key: 'e7bab4f86c533d6f6c0d09797ce38daa9b6f8670', style: { marginTop: '55px' } }, !(this === null || this === void 0 ? void 0 : this.claimViaBarcodeScanner) && (h("button", { key: 'da67dcf78321fd6285da897f3f93b6335e3c6274', onClick: () => {
|
|
158
|
+
if (this.readyToClaim) {
|
|
159
|
+
this.inputKeyDown(null);
|
|
160
|
+
}
|
|
161
|
+
}, class: cn('claim-button', 'dynamic-claim-button', !(this === null || this === void 0 ? void 0 : this.readyToClaim) && 'disabled') }, h("svg", { key: 'd684c12ad6929d46f650c6a8433de50139b1066b', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '459d9fc141404ee3f0724990dbb44203308afec6', "stroke-width": "0" }), h("g", { key: '5578d6a3de3022223e96d4375271b3230c5cc4ca', "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '3dd4e9b3894797634b56ce47030ba2071d77a1a8' }, h("circle", { key: '66f26677f915400f7566936d03ccc0e9f3b5b3b7', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { key: 'c6a4a665886acab805cf53a1875d7bb33d834ed0', d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", { key: '933a30b17bdc99eb5545dc0925245c9d276f1ce1' }, texts.claim)))))))))));
|
|
135
162
|
}
|
|
136
163
|
static get is() { return "dynamic-redeem"; }
|
|
137
164
|
static get encapsulation() { return "shadow"; }
|
|
@@ -170,7 +197,7 @@ export class DynamicRedeem {
|
|
|
170
197
|
"mutable": false,
|
|
171
198
|
"complexType": {
|
|
172
199
|
"original": "ServiceItem",
|
|
173
|
-
"resolved": "{ name: string; type: string;
|
|
200
|
+
"resolved": "{ name: string; type: string; jobNumber?: string; title: string; image: string; qrUri: string; typeEnum: number; expiresAt: string; packageCode?: string; campaignCode: any; activeFor: number; statusEnum: number; description: string; activatedAt: string; redeemDate?: string; companyName?: string; modelCostID?: number; invoiceNumber?: string; skipZeroTrust: boolean; activeForInterval: string; dealerIntegrationID?: string; maximumMileage: number; tlpPackageInvoiceTLPItemID: any; toyotaLoyaltyProgramRedeemableItemID: number; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"warning\"; }",
|
|
174
201
|
"references": {
|
|
175
202
|
"ServiceItem": {
|
|
176
203
|
"location": "import",
|
|
@@ -255,8 +282,8 @@ export class DynamicRedeem {
|
|
|
255
282
|
"type": "unknown",
|
|
256
283
|
"mutable": false,
|
|
257
284
|
"complexType": {
|
|
258
|
-
"original": "(code: string) => void",
|
|
259
|
-
"resolved": "(code: string) => void",
|
|
285
|
+
"original": "(code: string, jobNumber: string) => void",
|
|
286
|
+
"resolved": "(code: string, jobNumber: string) => void",
|
|
260
287
|
"references": {}
|
|
261
288
|
},
|
|
262
289
|
"required": false,
|
|
@@ -295,6 +322,24 @@ export class DynamicRedeem {
|
|
|
295
322
|
"tags": [],
|
|
296
323
|
"text": ""
|
|
297
324
|
}
|
|
325
|
+
},
|
|
326
|
+
"claimViaBarcodeScanner": {
|
|
327
|
+
"type": "boolean",
|
|
328
|
+
"mutable": false,
|
|
329
|
+
"complexType": {
|
|
330
|
+
"original": "boolean",
|
|
331
|
+
"resolved": "boolean",
|
|
332
|
+
"references": {}
|
|
333
|
+
},
|
|
334
|
+
"required": false,
|
|
335
|
+
"optional": false,
|
|
336
|
+
"docs": {
|
|
337
|
+
"tags": [],
|
|
338
|
+
"text": ""
|
|
339
|
+
},
|
|
340
|
+
"attribute": "claim-via-barcode-scanner",
|
|
341
|
+
"reflect": false,
|
|
342
|
+
"defaultValue": "true"
|
|
298
343
|
}
|
|
299
344
|
};
|
|
300
345
|
}
|
|
@@ -307,7 +352,8 @@ export class DynamicRedeem {
|
|
|
307
352
|
"internalItem": {},
|
|
308
353
|
"confirmServiceCancellation": {},
|
|
309
354
|
"internalCanceledItem": {},
|
|
310
|
-
"confirmUnInvoicedTBPVehicles": {}
|
|
355
|
+
"confirmUnInvoicedTBPVehicles": {},
|
|
356
|
+
"readyToClaim": {}
|
|
311
357
|
};
|
|
312
358
|
}
|
|
313
359
|
static get methods() {
|
|
@@ -110,11 +110,11 @@ export class PaintThickness {
|
|
|
110
110
|
var _a, _b;
|
|
111
111
|
const texts = this.locale.vehicleLookup.paintThickness;
|
|
112
112
|
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: [] };
|
|
113
|
-
return (h(Host, { key: '
|
|
113
|
+
return (h(Host, { key: '3b427a5e220248845285c3b7c2d531628ce3ec86' }, h("div", { key: '17b97cbab43affd794528543ececabb8647b5f38', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '6a6c426887e8be5784b0e014953e65b5fe1b6f73' }, h("loading-spinner", { key: 'b90a1628f3d0c148a80f57f98f647ac2cc9d7779', isLoading: this.state.includes('loading') }), h("div", { key: '2883fe3b0a4a348581eb049b470859476b5c2a78', class: cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '6fac10891f0f1ee378500718ea499738c8f7b52a', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'ed3854a12976e3f70af02e4058141c83483017e4', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'f94464a9e211303e310365aa5764d6ef23bb64c6', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'a429bebf013431cc9d9a8ae2d1da3d272fe7e070', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '23fd750ae80d0cdc0c1b9ceb460eb46f96fd7a38', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.paintThickness), h("div", { key: '5ea0660f528f2efd96aba3c634701d356c5d7a90', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: '71a79231cfbee9dc0c62748f9ad7d1aea8e286fa', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (h("table", { key: 'eb42608085cb492daf2eace0cb625cf8b2eb1970', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '2825a5cec58996e8250c9532b747bdc11944bfba', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'd2b366b955177d430985f7df606db4733e269cbd' }, ['part', 'left', 'right'].map(title => (h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '3fbc1a77d39bd08fcae04ddf19ef77bec1764f7c' }, parts.map((part, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (h("td", { key: part.part + key, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
114
114
|
'!border-none': idx === parts.length - 1,
|
|
115
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '
|
|
115
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '4e4b9e6bbf9ae10f74c18ebc07a6f6a07df8d8f6' }, !imageGroups.length && h("div", { key: 'a354b78eeaef12af4567700198bf15cc752cc461', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (h("div", { key: '3fcea75a2c5cdf613c935f2a871176969e2e1b15', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (h("div", { class: "flex gap-[8px]", key: image }, h("button", { onClick: ({ target }) => this.openImage(target, image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), h("img", { class: "w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), h("div", { key: '7ade2e7332313c0abd9f35211a7a312aa22996bd', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
116
116
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
117
|
-
}) }, h("button", { key: '
|
|
117
|
+
}) }, h("button", { key: '6beb971ac4158f56d56fc81d837918bd2e04a3de', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '33f6922928bee4e93d1b6f2c803b62b83916250b', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '997b21fccf67fd0def7f0c07a3fad5abee316d8e', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '1c42cce5bc09972015b31eb158db00d615a9f142', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
118
118
|
}
|
|
119
119
|
static get is() { return "paint-thickness"; }
|
|
120
120
|
static get encapsulation() { return "shadow"; }
|
|
@@ -93,7 +93,7 @@ export class ServiceHistory {
|
|
|
93
93
|
render() {
|
|
94
94
|
var _a, _b, _c, _d;
|
|
95
95
|
const texts = this.locale.vehicleLookup.serviceHistory;
|
|
96
|
-
return (h(Host, { key: '
|
|
96
|
+
return (h(Host, { key: '48932ae20592e29f8d376e6a2fda9e9c17c2f13a' }, h("div", { key: '022940c96aded22bcd7327ecaf09ba098e410d07', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '4ff259bc58509d89d248cdfc11828a056bcef442' }, h("loading-spinner", { key: '83eb1968ba79f9bab60dc1a80f8bee8c1c274802', isLoading: this.state.includes('loading') }), h("div", { key: '0176867ad072688a3dbdcfafddcee35cc39540e2', class: cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: 'f95e49d3e5f2d9c96bff5d0db7ecb0313c72ec51', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '27d8c14c1b5b40097e0569e0bdb70d3e2a42daf8', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '30aea235741c8c8d8a217d9d70b76d77b6c1c48e', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'df43bded9d39b60acbb38b43d2bf6b88292d97f6', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '88ed25590a9e11945109bff617309d96c0214c2b', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.serviceHistory), h("div", { key: '18304e5e2366f0a921e907d10eb8279973ca1667', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && h("div", { key: '20ba39f42c978c41e33a15ae2da3a3fe306b5e92', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (h("table", { key: '8ef90ef8debde31a3a7c69b7110e3a455fb3ef4c', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'e2b108baaee6b8a7a3e97796bb96eeb64ddc8547', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '40b15b1a6ae41157e7bfa381effb053b0ca51695' }, ['branch', 'dealer', 'invoiceNumber', 'date', 'serviceType', 'odometer'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '16c788e7c05d61461d4948b07c22d92329ddf181' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
|
|
97
97
|
var _a;
|
|
98
98
|
return (h("td", { key: service.invoiceNumber + serviceType, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
99
99
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
@@ -106,7 +106,7 @@ export class VehicleAccessories {
|
|
|
106
106
|
var _a, _b;
|
|
107
107
|
const texts = this.locale.vehicleLookup.accessories;
|
|
108
108
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
109
|
-
return (h(Host, { key: '
|
|
109
|
+
return (h(Host, { key: '434b5200869ec90ab6630675f3115f4856c190cf' }, h("div", { key: '4509d3c18b9ac1a22f0d5e93f09e6561a4b7d5bb', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'fa6b5f1d85a2cd87ee9427f2a5cbc745c163a41e' }, h("loading-spinner", { key: '4fba4bedde3dec63265a44e137f14ce2f45c28d0', isLoading: this.state.includes('loading') }), h("div", { key: 'a2b7e8382a8e91dd0d7e86449e64ca9ab16c2b43', class: cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '992c3131586b229df4a2cd0414adca257a69cb24', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'dc7b10158decca1f54b67ac053b87b277dbade0c', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'bd38b64c986144223cf07fa5adf7e8f41814844c', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '41e0a43e1117d42169f0f13b8c67d412e3970834', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'c0bdaab1c5be24a0c3545f8c3d26c9bc4093f684', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleAccessories), h("div", { key: 'eaf48e70eab5b337af4e1f24e5a568de2fbb1455', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: '89390264896ea1421608aae7da7ced70541a8870', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (h("table", { key: '8f5514b512c9d8083aa59c7106e96020bb3fd614', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'bb44d760e86f5298d9e320f8ba92ac159421b322', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: 'ff594994016307a6322b52fc89d8e201b555c914' }, ['partNumber', 'description', 'image'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: 'ad6e7a126913c8568519d36f95ac70493ce9ad02' }, accessories.map((accessory, idx) => {
|
|
110
110
|
var _a;
|
|
111
111
|
return (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
112
112
|
var _a;
|
|
@@ -116,9 +116,9 @@ export class VehicleAccessories {
|
|
|
116
116
|
}), h("td", { class: cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
117
117
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
118
118
|
}) }, 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" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), 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 })))));
|
|
119
|
-
})), h("div", { key: '
|
|
119
|
+
})), h("div", { key: 'f9bf716f9b244291515705bbefa17547416ee63e', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
120
120
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
121
|
-
}) }, h("button", { key: '
|
|
121
|
+
}) }, h("button", { key: '3afd45c7aceeca8af3b6e1bb2ecafb684e5b4e9b', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '833c45a01112d230f2b32b1bd698617695ddcd3e', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '483418c1cfed9d2dddcf821288616ddb21a5772e', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '72fd06c69ba4a18659d42d0d6f15bd132299c5e8', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
122
122
|
}
|
|
123
123
|
static get is() { return "vehicle-accessories"; }
|
|
124
124
|
static get encapsulation() { return "shadow"; }
|
|
@@ -90,6 +90,7 @@ export class VehicleLookup {
|
|
|
90
90
|
async fetchVin(vin, headers = {}) {
|
|
91
91
|
const activeElement = this.componentsList[this.activeElement] || null;
|
|
92
92
|
this.wrapperErrorState = '';
|
|
93
|
+
this.componentsList[componentTags.dynamicClaim].headers = headers;
|
|
93
94
|
if (!activeElement)
|
|
94
95
|
return;
|
|
95
96
|
if (vin == '')
|
|
@@ -123,7 +124,7 @@ export class VehicleLookup {
|
|
|
123
124
|
catch (error) {
|
|
124
125
|
console.error(error);
|
|
125
126
|
}
|
|
126
|
-
return (h(Host, { key: '
|
|
127
|
+
return (h(Host, { key: '9b60e9d3027ba1008354226b92e85fd4b56ca363' }, h("div", { key: '5223e3700b753e5affd3043f7b5516f6b80cf81d', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, h("vehicle-specification", Object.assign({ key: 'ab9f0edfa947e163ea5b3cfe6bc99a1295e7b329', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), h("div", { key: '12e8a714bf47ef886a5c15a5c8bbc28c71a754fd', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, h("vehicle-accessories", Object.assign({ key: '899ed499705047838e3d1c718b96ea7e19af6bec', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), h("div", { key: '42f21782d1f7bf8c234a759629020e26eaedd669', class: cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, h("warranty-details", Object.assign({ key: '63cc1fe885dac948bebc8765182dc9347751ebf5', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), h("slot", { key: '6939c02e3953a416e4af3f5b0f01728556c8c585' }))), h("div", { key: '337b597e9cd40ec79da88fd1242a36c9fa8af91d', class: cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, h("service-history", Object.assign({ key: '27b1f090b442922376fd52b59d17b7fdba1ac8ee', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), h("div", { key: '969e73692bd6726915e3ff46f9b9a5e7fb32a349', class: cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, h("paint-thickness", Object.assign({ key: 'bfed2245709122a949c7212f5c83ebb99c8077bf', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), h("div", { key: '61f23236b2948ea4e9e265a4e239e62ffcf50869', class: cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, h("dynamic-claim", Object.assign({ key: 'c5ba0602cd1a73bada0b6581d75052d0a499cb03' }, props[componentTags.dynamicClaim], { language: this.language, "base-url": this.baseUrl, "query-string": this.queryString })))));
|
|
127
128
|
}
|
|
128
129
|
static get is() { return "vehicle-lookup"; }
|
|
129
130
|
static get originalStyleUrls() {
|
|
@@ -101,8 +101,8 @@ export class VehicleSpecification {
|
|
|
101
101
|
catch (error) {
|
|
102
102
|
productionDate = null;
|
|
103
103
|
}
|
|
104
|
-
const getProductionDate = () => h("div", { key: '
|
|
105
|
-
return (h(Host, { key: '
|
|
104
|
+
const getProductionDate = () => h("div", { key: 'cb51a34aed202f280b91e2b7a7e9892c6fa86f86', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, productionDate);
|
|
105
|
+
return (h(Host, { key: 'b95f43ea66525bb75793e649fa9d334b758ae49e' }, h("div", { key: 'e51dde4c183b71e84d2acb9efae65eef0f2b333b', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '29bcc1301d0d126d44f1ab51277a3387ba6159ee' }, h("loading-spinner", { key: 'ff7d48e5687c3f34a71c15219af8e0d876fc8ab2', isLoading: this.state.includes('loading') }), h("div", { key: 'ff72b5fe197329f5ab31da84d7cac71da65f4f63', class: cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '387e567d38bc5ab2736c933c1edab7ce58e6c795', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'ce13c7712f5852243458ca122d3383cf8f220638', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '7571d1e9925b9e0698c98aa5650003437e80f718', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '6e1a045fa75c4d077706576956aea03bf5927bed', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'd900803b606ec18044d76108aae8633428e5d115', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleSpecification), h("div", { key: '8af4c8a078964b5e9d569c295b6c72125f509ff4', class: "h-0 overflow-auto flex-1" }, !((_f = this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) && h("div", { key: '106f1d1eedf51a4004fa7d844548a8fb6469f66d', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_g = this.vehicleInformation) === null || _g === void 0 ? void 0 : _g.vehicleSpecification) && (h("table", { key: '8e12ca221c75afb717dad38e0cbf22784a104526', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '8eea0f2d67d9a7d3be1502960f8464ad54cbff13', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '4384630dd0b2eab3602c409c989ad8121e1c1485' }, ['model', 'variant', 'katashiki', 'modelYear', ...(!!productionDate ? ['productionDate'] : []), 'sfx'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '7492ca8c669199e7fb36a8054a13e6b712e38c14' }, h("tr", { key: '72756504a916462bdf91ce0f96f53a8884b424ed' }, h("td", { key: '214e0b3426ed34fc453d1f08c3f48a01b01c41c7', 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.vehicleVariantInfo) === null || _j === void 0 ? void 0 : _j.modelCode) || '...', " ", h("br", { key: 'bbc7cd4daab1476c8008e8190e0b581a127d6c1f', class: "my-2" }), ((_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.modelDesc) || '...'), h("td", { key: '059fbbfd2cd82e51a310f667c29a0f1453ff77f8', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _m === void 0 ? void 0 : _m.identifiers) === null || _o === void 0 ? void 0 : _o.variant) || '...', " ", h("br", { key: '11d2306baa55ed875bb1c57614445e7049553484' }), ((_q = (_p = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _p === void 0 ? void 0 : _p.vehicleSpecification) === null || _q === void 0 ? void 0 : _q.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', ...(!!productionDate ? [getProductionDate] : []), 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
106
106
|
var _a;
|
|
107
107
|
if (typeof infoPath === 'function')
|
|
108
108
|
return infoPath();
|
|
@@ -192,7 +192,7 @@ export class WarrantyDetails {
|
|
|
192
192
|
}
|
|
193
193
|
render() {
|
|
194
194
|
var _a, _b, _c, _d;
|
|
195
|
-
return (h(Host, { key: '
|
|
195
|
+
return (h(Host, { key: '020a5b7c8d397b62d1ff2a2d00425178a52ee6e7' }, h("div", { key: '6a40968adf41adaffc2358a24b998b0e17ee3e9c', dir: this.locale.direction, class: "min-h-[100px] warranty" }, h("div", { key: '967b58647e53a4d71ca2e245d83cff9c726318e2' }, h("loading-spinner", { key: 'e02b9edfc690f6ae616aa875eddd330849736c36', isLoading: this.state.includes('loading') }), h("div", { key: '0b0a47b3d4f4d7f94511d1935fcb642446e9014c', class: "transition-all !duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (h("div", { key: '13543f04f680de3a96b1a06b87b649e6037c4022', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '5d129987d4f1c80543f632c1d63b84e9d6ec321e', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '58af5af3c3c748e3854255cbfd4efcbae4c8baa3', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: 'e4dfcc3fd9bbea0335f2e4ed360f51b41a415197', locale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, vehicleInformation: this.vehicleInformation })), h("div", { key: '60d94e6a37c3ee6656025b373e6a6dd418f36efd', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '01c0158f3e9b960b38ee5f29e5b623f9dc46f21a' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'efa731ad6d415795a352b11cddd2531c73bbc765', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: '98e0eafc80b67f707e77025dee8ef436478ca050', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '49f4ef46bc02ebcd63dc21b01e49d1a1ca61ab58' }, h("strong", { key: '67c799987630bb718790d9a203410cfb8720ffd1' }, this.locale.vehicleLookup.warranty.checkingTMC)), h("img", { key: '7ee008c07c67fb23c7bca15b17ceae4f1ec59328', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.ssc) !== null && !!((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc.length) && (h(SSCTable, { key: '5be09ab6de0bfd47f82fded6e70a379ecfaca085', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
|
|
196
196
|
}
|
|
197
197
|
static get is() { return "warranty-details"; }
|
|
198
198
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,8 +10,8 @@ export const dynamicClaimSchema = object({
|
|
|
10
10
|
claimAt: string().required(),
|
|
11
11
|
redeemingDealer: string().required(),
|
|
12
12
|
invoiceNumber: string().required(),
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
jobNumber: string().required(),
|
|
14
|
+
packageCode: string().required(),
|
|
15
15
|
claim: string().required(),
|
|
16
16
|
processed: string().required(),
|
|
17
17
|
expired: string().required(),
|
|
@@ -8,7 +8,7 @@ export const dynamicRedeemSchema = object({
|
|
|
8
8
|
name: string().required(),
|
|
9
9
|
activationDate: string().required(),
|
|
10
10
|
expireDate: string().required(),
|
|
11
|
-
|
|
11
|
+
packageCode: string().required(),
|
|
12
12
|
scanTheInvoice: string().required(),
|
|
13
13
|
processing: string().required(),
|
|
14
14
|
warning: string().required(),
|
|
@@ -16,4 +16,8 @@ export const dynamicRedeemSchema = object({
|
|
|
16
16
|
confirmSkipServices: string().required(),
|
|
17
17
|
notInvoiced: string().required(),
|
|
18
18
|
confirmNotInvoiced: string().required(),
|
|
19
|
+
enterServiceInfo: string().required(),
|
|
20
|
+
invoice: string().required(),
|
|
21
|
+
jobNumber: string().required(),
|
|
22
|
+
claim: string().required(),
|
|
19
23
|
});
|