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
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-603d8f32.js');
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
11
|
const urls = require('./urls-9077b31c.js');
|
|
12
|
-
const getLocalLanguage = require('./get-local-language-
|
|
12
|
+
const getLocalLanguage = require('./get-local-language-a415fff3.js');
|
|
13
13
|
|
|
14
14
|
const phoneValidator = new urls.AsYouType('IQ');
|
|
15
15
|
phoneValidator.default = '+' + phoneValidator.metadata.numberingPlan.metadata[0];
|
|
@@ -198,9 +198,9 @@ const ContactUsForm = class {
|
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
200
|
render() {
|
|
201
|
-
return (index.h(index.Host, { key: '
|
|
201
|
+
return (index.h(index.Host, { key: 'ceac28f4c52621b5122a4f41b72a63a85ab5c6dc', class: cn.cn({
|
|
202
202
|
[`contact-us-${this.theme}`]: this.theme,
|
|
203
|
-
}) }, index.h("form-structure", { key: '
|
|
203
|
+
}) }, index.h("form-structure", { key: '7417ee8a6ae52d40c6032de7d230aff752ae4edc', themes: themes, form: this.form, theme: this.theme, language: this.language, isLoading: this.isLoading, errorMessage: this.errorMessage, renderControl: this.renderControl, formElementMapper: contactUsElements }, index.h("slot", { key: '606c881663717f4482fbd590efd652634223cd09' }))));
|
|
204
204
|
}
|
|
205
205
|
get el() { return index.getElement(this); }
|
|
206
206
|
};
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-603d8f32.js');
|
|
10
|
-
const getLocalLanguage = require('./get-local-language-
|
|
10
|
+
const getLocalLanguage = require('./get-local-language-a415fff3.js');
|
|
11
11
|
const cn = require('./cn-f559f9e5.js');
|
|
12
12
|
|
|
13
13
|
const getPartInformation = async (component, generalProps, headers = {}) => {
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-603d8f32.js');
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
|
-
const getLocalLanguage = require('./get-local-language-
|
|
11
|
+
const getLocalLanguage = require('./get-local-language-a415fff3.js');
|
|
12
12
|
const loader = require('./loader-baf2418b.js');
|
|
13
13
|
|
|
14
14
|
const expiredSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=';
|
|
@@ -98,10 +98,13 @@ const DynamicClaim = class {
|
|
|
98
98
|
this.baseUrl = undefined;
|
|
99
99
|
this.isDev = false;
|
|
100
100
|
this.queryString = '';
|
|
101
|
+
this.claimEndPoint = 'api/vehicle/swift-claim';
|
|
102
|
+
this.headers = {};
|
|
101
103
|
this.language = 'en';
|
|
102
104
|
this.errorCallback = undefined;
|
|
103
105
|
this.loadingStateChange = undefined;
|
|
104
106
|
this.loadedResponse = undefined;
|
|
107
|
+
this.claimViaBarcodeScanner = true;
|
|
105
108
|
this.locale = getLocalLanguage.localeSchema.getDefault();
|
|
106
109
|
this.isIdle = true;
|
|
107
110
|
this.popupClasses = '';
|
|
@@ -289,22 +292,21 @@ const DynamicClaim = class {
|
|
|
289
292
|
};
|
|
290
293
|
}
|
|
291
294
|
else {
|
|
292
|
-
this.dynamicRedeem.handleScanner = async (code) => {
|
|
295
|
+
this.dynamicRedeem.handleScanner = async (code, jobNumber) => {
|
|
293
296
|
try {
|
|
294
297
|
const vehicleInformation = this.vehicleInformation;
|
|
295
298
|
const payload = {
|
|
296
299
|
vin: vehicleInformation.vin,
|
|
297
300
|
brandIntegrationID: vehicleInformation.identifiers.brandIntegrationID,
|
|
298
301
|
invoice: code,
|
|
302
|
+
jobNumber: jobNumber,
|
|
299
303
|
saleInformation: vehicleInformation.saleInformation,
|
|
300
304
|
serviceItem: this.dynamicRedeem.item,
|
|
301
305
|
cancelledServiceItems: this.dynamicRedeem.canceledItems,
|
|
302
306
|
};
|
|
303
|
-
const response = await fetch(
|
|
307
|
+
const response = await fetch(this.claimEndPoint, {
|
|
304
308
|
method: 'POST',
|
|
305
|
-
headers: {
|
|
306
|
-
'Content-Type': 'application/json',
|
|
307
|
-
},
|
|
309
|
+
headers: Object.assign({ 'Content-Type': 'application/json' }, this.headers),
|
|
308
310
|
body: JSON.stringify(payload),
|
|
309
311
|
});
|
|
310
312
|
const data = await response.json();
|
|
@@ -333,6 +335,7 @@ const DynamicClaim = class {
|
|
|
333
335
|
this.dynamicRedeem.vin = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.vin;
|
|
334
336
|
this.dynamicRedeem.item = item;
|
|
335
337
|
this.dynamicRedeem.canceledItems = oldItems;
|
|
338
|
+
this.dynamicRedeem.claimViaBarcodeScanner = this.claimViaBarcodeScanner;
|
|
336
339
|
if (((_a = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
|
|
337
340
|
this.dynamicRedeem.unInvoicedByBrokerName = (_e = (_d = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _d === void 0 ? void 0 : _d.broker) === null || _e === void 0 ? void 0 : _e.brokerName;
|
|
338
341
|
else
|
|
@@ -341,14 +344,14 @@ const DynamicClaim = class {
|
|
|
341
344
|
}
|
|
342
345
|
createPopup(item) {
|
|
343
346
|
const texts = this.locale.vehicleLookup.dynamicClaim;
|
|
344
|
-
return (index.h("div", { dir: this.locale.direction, class: "popup-position-ref" }, index.h("div", { class: "popup-container" }, index.h("div", { class: cn.cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), index.h("div", { class: cn.cn('dynamic-claim-item-popup-info', this.popupClasses) }, index.h("table", null, index.h("tbody", null, index.h("tr", null, index.h("th", null, texts.serviceType), index.h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), index.h("tr", null, index.h("th", null, texts.activationDate), index.h("td", null, item.activatedAt)), index.h("tr", null, index.h("th", null, texts.expireDate), index.h("td", null, item.expiresAt)), index.h("tr", null, index.h("th", null, texts.claimAt), index.h("td", null, item.redeemDate)), index.h("tr", null, index.h("th", null, texts.redeemingDealer), index.h("td", null, item.
|
|
347
|
+
return (index.h("div", { dir: this.locale.direction, class: "popup-position-ref" }, index.h("div", { class: "popup-container" }, index.h("div", { class: cn.cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), index.h("div", { class: cn.cn('dynamic-claim-item-popup-info', this.popupClasses) }, index.h("table", null, index.h("tbody", null, index.h("tr", null, index.h("th", null, texts.serviceType), index.h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), index.h("tr", null, index.h("th", null, texts.activationDate), index.h("td", null, item.activatedAt)), index.h("tr", null, index.h("th", null, texts.expireDate), index.h("td", null, item.expiresAt)), index.h("tr", null, index.h("th", null, texts.claimAt), index.h("td", null, item.redeemDate)), index.h("tr", null, index.h("th", null, texts.redeemingDealer), index.h("td", null, item.companyName)), index.h("tr", null, index.h("th", null, texts.invoiceNumber), index.h("td", null, item.invoiceNumber)), index.h("tr", null, index.h("th", null, texts.jobNumber), index.h("td", null, item.jobNumber)), index.h("tr", null, index.h("th", null, texts.packageCode), index.h("td", null, item.packageCode)))), item.status === 'pending' && (index.h("button", { onClick: () => this.claim(item), class: "claim-button dynamic-claim-button" }, index.h("svg", { width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "stroke-width": "0" }), index.h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", null, index.h("circle", { cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), index.h("path", { d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), index.h("span", null, texts.claim)))))));
|
|
345
348
|
}
|
|
346
349
|
render() {
|
|
347
350
|
var _a, _b;
|
|
348
351
|
const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
|
|
349
352
|
const texts = this.locale.vehicleLookup.dynamicClaim;
|
|
350
353
|
console.log(this.errorMessage);
|
|
351
|
-
return (index.h(index.Host, { key: '
|
|
354
|
+
return (index.h(index.Host, { key: '5ab864a62bad1cf70799b558a0ce205c971c8086' }, index.h("dynamic-redeem", { key: 'e9ce23f8baf3b8e567e91df154aa3a676ca39529', language: this.language, id: "dynamic-redeem" }), index.h("div", { key: 'eeb64d347f37a90022452831a0fdeac5f308177d', class: cn.cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, index.h("div", { key: 'af250ceae0fe41d0860c102e6ec390523f6f4e03', class: "dynamic-claim-header" }, index.h("strong", { key: 'cb66772925842cb2cf3f30250a8192740ef10e0d', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (index.h("span", { key: '358965d01bf0013ab79149c80b926fbd014fa3a3', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), index.h("div", { key: 'f61f9ba4637f464295f731fcde690acaae433f6c', class: "dynamic-claim-body" }, index.h("div", { key: 'fb9bd78c1448c834347277773ebd509257409b02', class: "loading-lane" }, index.h("div", { key: 'bacb211c7d674e12a7a8c8994a692eaf372f32f7', class: "dynamic-claim-loading-slider" }, index.h("div", { key: '1288885fb9befbb9284338851a67022858d81b26', class: "dynamic-claim-loading-slider-line" }), index.h("div", { key: 'f0e07462d6af431cecf39883ef9e9971af104f70', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), index.h("div", { key: 'a76753b8b2970151eaf03e7c67f40b8dba0df837', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), index.h("div", { key: 'a8720410fb9f67111cece495c6f9657f79d9fd71', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
352
355
|
let statusClass = '';
|
|
353
356
|
if (item.status === 'pending') {
|
|
354
357
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -357,7 +360,7 @@ const DynamicClaim = class {
|
|
|
357
360
|
else
|
|
358
361
|
statusClass = item.status;
|
|
359
362
|
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, texts[item.status]), 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)));
|
|
360
|
-
}), index.h("div", { key: '
|
|
363
|
+
}), index.h("div", { key: 'ffaf5ef9b4f092805b547941bcb246e7f93166f1', class: "dynamic-claim-progress-bar" }))))));
|
|
361
364
|
}
|
|
362
365
|
get el() { return index.getElement(this); }
|
|
363
366
|
static get watchers() { return {
|
|
@@ -542,11 +545,11 @@ const PaintThickness = class {
|
|
|
542
545
|
var _a, _b;
|
|
543
546
|
const texts = this.locale.vehicleLookup.paintThickness;
|
|
544
547
|
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: [] };
|
|
545
|
-
return (index.h(index.Host, { key: '
|
|
548
|
+
return (index.h(index.Host, { key: '3b427a5e220248845285c3b7c2d531628ce3ec86' }, index.h("div", { key: '17b97cbab43affd794528543ececabb8647b5f38', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '6a6c426887e8be5784b0e014953e65b5fe1b6f73' }, index.h("loading-spinner", { key: 'b90a1628f3d0c148a80f57f98f647ac2cc9d7779', isLoading: this.state.includes('loading') }), index.h("div", { key: '2883fe3b0a4a348581eb049b470859476b5c2a78', 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: '6fac10891f0f1ee378500718ea499738c8f7b52a', 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: 'ed3854a12976e3f70af02e4058141c83483017e4', class: "py-[16px] min-h-[100px] flex items-center" }, index.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) && (index.h("div", { key: 'a429bebf013431cc9d9a8ae2d1da3d272fe7e070', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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), index.h("div", { key: '5ea0660f528f2efd96aba3c634701d356c5d7a90', class: "h-0 overflow-auto flex-1" }, !parts.length && index.h("div", { key: '71a79231cfbee9dc0c62748f9ad7d1aea8e286fa', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (index.h("table", { key: 'eb42608085cb492daf2eace0cb625cf8b2eb1970', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '2825a5cec58996e8250c9532b747bdc11944bfba', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'd2b366b955177d430985f7df606db4733e269cbd' }, ['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]" }, texts[title]))))), index.h("tbody", { key: '3fbc1a77d39bd08fcae04ddf19ef77bec1764f7c' }, 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]', {
|
|
546
549
|
'!border-none': idx === parts.length - 1,
|
|
547
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '
|
|
550
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '4e4b9e6bbf9ae10f74c18ebc07a6f6a07df8d8f6' }, !imageGroups.length && index.h("div", { key: 'a354b78eeaef12af4567700198bf15cc752cc461', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (index.h("div", { key: '3fcea75a2c5cdf613c935f2a871176969e2e1b15', 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: eyeSvg }), index.h("span", { class: "text-white" }, texts.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: '7ade2e7332313c0abd9f35211a7a312aa22996bd', 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', {
|
|
548
551
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
549
|
-
}) }, index.h("button", { key: '
|
|
552
|
+
}) }, index.h("button", { key: '6beb971ac4158f56d56fc81d837918bd2e04a3de', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '33f6922928bee4e93d1b6f2c803b62b83916250b', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: '997b21fccf67fd0def7f0c07a3fad5abee316d8e', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: '1c42cce5bc09972015b31eb158db00d615a9f142', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
550
553
|
}
|
|
551
554
|
get el() { return index.getElement(this); }
|
|
552
555
|
static get watchers() { return {
|
|
@@ -646,7 +649,7 @@ const ServiceHistory = class {
|
|
|
646
649
|
render() {
|
|
647
650
|
var _a, _b, _c, _d;
|
|
648
651
|
const texts = this.locale.vehicleLookup.serviceHistory;
|
|
649
|
-
return (index.h(index.Host, { key: '
|
|
652
|
+
return (index.h(index.Host, { key: '48932ae20592e29f8d376e6a2fda9e9c17c2f13a' }, index.h("div", { key: '022940c96aded22bcd7327ecaf09ba098e410d07', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '4ff259bc58509d89d248cdfc11828a056bcef442' }, index.h("loading-spinner", { key: '83eb1968ba79f9bab60dc1a80f8bee8c1c274802', isLoading: this.state.includes('loading') }), index.h("div", { key: '0176867ad072688a3dbdcfafddcee35cc39540e2', 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: 'f95e49d3e5f2d9c96bff5d0db7ecb0313c72ec51', 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: '27d8c14c1b5b40097e0569e0bdb70d3e2a42daf8', class: "py-[16px] min-h-[100px] flex items-center" }, index.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) && (index.h("div", { key: 'df43bded9d39b60acbb38b43d2bf6b88292d97f6', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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), index.h("div", { key: '18304e5e2366f0a921e907d10eb8279973ca1667', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && index.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) && (index.h("table", { key: '8ef90ef8debde31a3a7c69b7110e3a455fb3ef4c', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'e2b108baaee6b8a7a3e97796bb96eeb64ddc8547', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '40b15b1a6ae41157e7bfa381effb053b0ca51695' }, ['branch', 'dealer', 'invoiceNumber', 'date', 'serviceType', 'odometer'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: '16c788e7c05d61461d4948b07c22d92329ddf181' }, (_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 => {
|
|
650
653
|
var _a;
|
|
651
654
|
return (index.h("td", { key: service.invoiceNumber + serviceType, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
652
655
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
@@ -762,7 +765,7 @@ const VehicleAccessories = class {
|
|
|
762
765
|
var _a, _b;
|
|
763
766
|
const texts = this.locale.vehicleLookup.accessories;
|
|
764
767
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
765
|
-
return (index.h(index.Host, { key: '
|
|
768
|
+
return (index.h(index.Host, { key: '434b5200869ec90ab6630675f3115f4856c190cf' }, index.h("div", { key: '4509d3c18b9ac1a22f0d5e93f09e6561a4b7d5bb', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'fa6b5f1d85a2cd87ee9427f2a5cbc745c163a41e' }, index.h("loading-spinner", { key: '4fba4bedde3dec63265a44e137f14ce2f45c28d0', isLoading: this.state.includes('loading') }), index.h("div", { key: 'a2b7e8382a8e91dd0d7e86449e64ca9ab16c2b43', 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: '992c3131586b229df4a2cd0414adca257a69cb24', 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: 'dc7b10158decca1f54b67ac053b87b277dbade0c', class: "py-[16px] min-h-[100px] flex items-center" }, index.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) && (index.h("div", { key: '41e0a43e1117d42169f0f13b8c67d412e3970834', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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), index.h("div", { key: 'eaf48e70eab5b337af4e1f24e5a568de2fbb1455', class: "h-0 overflow-auto flex-1" }, !accessories.length && index.h("div", { key: '89390264896ea1421608aae7da7ced70541a8870', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (index.h("table", { key: '8f5514b512c9d8083aa59c7106e96020bb3fd614', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'bb44d760e86f5298d9e320f8ba92ac159421b322', class: "top-0 font-bold z-40 sticky bg-white" }, index.h("tr", { key: 'ff594994016307a6322b52fc89d8e201b555c914' }, ['partNumber', 'description', 'image'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: 'ad6e7a126913c8568519d36f95ac70493ce9ad02' }, accessories.map((accessory, idx) => {
|
|
766
769
|
var _a;
|
|
767
770
|
return (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
768
771
|
var _a;
|
|
@@ -772,9 +775,9 @@ const VehicleAccessories = class {
|
|
|
772
775
|
}), index.h("td", { class: cn.cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
773
776
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
774
777
|
}) }, 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: eyeSvg }), index.h("span", { class: "text-white" }, texts.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 })))));
|
|
775
|
-
})), index.h("div", { key: '
|
|
778
|
+
})), index.h("div", { key: 'f9bf716f9b244291515705bbefa17547416ee63e', 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', {
|
|
776
779
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
777
|
-
}) }, index.h("button", { key: '
|
|
780
|
+
}) }, index.h("button", { key: '3afd45c7aceeca8af3b6e1bb2ecafb684e5b4e9b', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '833c45a01112d230f2b32b1bd698617695ddcd3e', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: '483418c1cfed9d2dddcf821288616ddb21a5772e', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: '72fd06c69ba4a18659d42d0d6f15bd132299c5e8', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
778
781
|
}
|
|
779
782
|
get el() { return index.getElement(this); }
|
|
780
783
|
static get watchers() { return {
|
|
@@ -882,8 +885,8 @@ const VehicleSpecification = class {
|
|
|
882
885
|
catch (error) {
|
|
883
886
|
productionDate = null;
|
|
884
887
|
}
|
|
885
|
-
const getProductionDate = () => index.h("div", { key: '
|
|
886
|
-
return (index.h(index.Host, { key: '
|
|
888
|
+
const getProductionDate = () => index.h("div", { key: 'cb51a34aed202f280b91e2b7a7e9892c6fa86f86', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, productionDate);
|
|
889
|
+
return (index.h(index.Host, { key: 'b95f43ea66525bb75793e649fa9d334b758ae49e' }, index.h("div", { key: 'e51dde4c183b71e84d2acb9efae65eef0f2b333b', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '29bcc1301d0d126d44f1ab51277a3387ba6159ee' }, index.h("loading-spinner", { key: 'ff7d48e5687c3f34a71c15219af8e0d876fc8ab2', isLoading: this.state.includes('loading') }), index.h("div", { key: 'ff72b5fe197329f5ab31da84d7cac71da65f4f63', 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: '387e567d38bc5ab2736c933c1edab7ce58e6c795', class: cn.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) && (index.h("div", { key: 'ce13c7712f5852243458ca122d3383cf8f220638', class: "py-[16px] min-h-[100px] flex items-center" }, index.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) && (index.h("div", { key: '6e1a045fa75c4d077706576956aea03bf5927bed', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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), index.h("div", { key: '8af4c8a078964b5e9d569c295b6c72125f509ff4', class: "h-0 overflow-auto flex-1" }, !((_f = this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) && index.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) && (index.h("table", { key: '8e12ca221c75afb717dad38e0cbf22784a104526', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '8eea0f2d67d9a7d3be1502960f8464ad54cbff13', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '4384630dd0b2eab3602c409c989ad8121e1c1485' }, ['model', 'variant', 'katashiki', 'modelYear', ...(!!productionDate ? ['productionDate'] : []), 'sfx'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: '7492ca8c669199e7fb36a8054a13e6b712e38c14' }, index.h("tr", { key: '72756504a916462bdf91ce0f96f53a8884b424ed' }, index.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) || '...', " ", index.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) || '...'), index.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) || '...', " ", index.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 => {
|
|
887
890
|
var _a;
|
|
888
891
|
if (typeof infoPath === 'function')
|
|
889
892
|
return infoPath();
|
|
@@ -1161,7 +1164,7 @@ const WarrantyDetails = class {
|
|
|
1161
1164
|
}
|
|
1162
1165
|
render() {
|
|
1163
1166
|
var _a, _b, _c, _d;
|
|
1164
|
-
return (index.h(index.Host, { key: '
|
|
1167
|
+
return (index.h(index.Host, { key: '020a5b7c8d397b62d1ff2a2d00425178a52ee6e7' }, index.h("div", { key: '6a40968adf41adaffc2358a24b998b0e17ee3e9c', dir: this.locale.direction, class: "min-h-[100px] warranty" }, index.h("div", { key: '967b58647e53a4d71ca2e245d83cff9c726318e2' }, index.h("loading-spinner", { key: 'e02b9edfc690f6ae616aa875eddd330849736c36', isLoading: this.state.includes('loading') }), index.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) && (index.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) && (index.h("div", { key: '5d129987d4f1c80543f632c1d63b84e9d6ec321e', class: "py-[16px] min-h-[100px] flex items-center" }, index.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) && (index.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 })), index.h("div", { key: '60d94e6a37c3ee6656025b373e6a6dd418f36efd', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, index.h("slot", { key: '01c0158f3e9b960b38ee5f29e5b623f9dc46f21a' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (index.h("div", { key: 'efa731ad6d415795a352b11cddd2531c73bbc765', class: cn.cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (index.h("div", { key: '98e0eafc80b67f707e77025dee8ef436478ca050', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, index.h("div", { key: '49f4ef46bc02ebcd63dc21b01e49d1a1ca61ab58' }, index.h("strong", { key: '67c799987630bb718790d9a203410cfb8720ffd1' }, this.locale.vehicleLookup.warranty.checkingTMC)), index.h("img", { key: '7ee008c07c67fb23c7bca15b17ceae4f1ec59328', class: "spin", src: loader.loaderSvg }))), 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) && (index.h(SSCTable, { key: '5be09ab6de0bfd47f82fded6e70a379ecfaca085', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
|
|
1165
1168
|
}
|
|
1166
1169
|
get el() { return index.getElement(this); }
|
|
1167
1170
|
static get watchers() { return {
|
|
@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-603d8f32.js');
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
|
-
const getLocalLanguage = require('./get-local-language-
|
|
11
|
+
const getLocalLanguage = require('./get-local-language-a415fff3.js');
|
|
12
12
|
|
|
13
|
-
const dynamicRedeemCss = "*,: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}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{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))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .qr-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;width:100%}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:\"\";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z\"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.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}.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-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}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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-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)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.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)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}";
|
|
13
|
+
const dynamicRedeemCss = "*,: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}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{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))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .dynamic-redeem-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;transition:.35s;width:100%}.dynamic-claim-processor .dynamic-redeem-input:focus{border-bottom-color:#3071a9;transform:scale(1.1) translateY(-10px)}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:\"\";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z\"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;justify-content:center;justify-self:center;outline:none;padding:0 10px 0 0;transition:.3s;width:350px}.dynamic-claim-button.disabled{stroke:#d5d5d5!important;border-color:#d5d5d5;color:#d5d5d5!important;pointer-events:none}.dynamic-claim-button.disabled circle{fill:#d5d5d5!important}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.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}.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-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}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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-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)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.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)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}";
|
|
14
14
|
const DynamicRedeemStyle0 = dynamicRedeemCss;
|
|
15
15
|
|
|
16
16
|
const DynamicRedeem = class {
|
|
@@ -22,22 +22,40 @@ const DynamicRedeem = class {
|
|
|
22
22
|
await new Promise(r => setTimeout(r, 500));
|
|
23
23
|
this.canceledItems = [];
|
|
24
24
|
this.unInvoicedByBrokerName = null;
|
|
25
|
-
this.
|
|
25
|
+
this.invoiceInput.value = '';
|
|
26
26
|
this.isLoading = false;
|
|
27
|
-
this.
|
|
27
|
+
this.invoiceInput.readOnly = false;
|
|
28
28
|
};
|
|
29
|
-
this.
|
|
30
|
-
|
|
29
|
+
this.inputKeyDown = async (event) => {
|
|
30
|
+
this.readyToClaim = false;
|
|
31
|
+
const invoice = this.invoiceInput.value;
|
|
32
|
+
const jobInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #job-input');
|
|
33
|
+
const job = jobInput === null || jobInput === void 0 ? void 0 : jobInput.value;
|
|
34
|
+
if (this.claimViaBarcodeScanner) {
|
|
35
|
+
if (invoice.trim().length > 0)
|
|
36
|
+
this.readyToClaim = true;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
if (invoice.trim().length > 0 && job.trim().length > 0)
|
|
40
|
+
this.readyToClaim = true;
|
|
41
|
+
}
|
|
42
|
+
if (event === null || event.key === 'Enter') {
|
|
31
43
|
if (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles)
|
|
32
44
|
return;
|
|
33
|
-
event
|
|
45
|
+
if (event !== null)
|
|
46
|
+
event.preventDefault();
|
|
34
47
|
if (!(this === null || this === void 0 ? void 0 : this.handleScanner))
|
|
35
48
|
return;
|
|
36
|
-
|
|
37
|
-
|
|
49
|
+
if (!this.readyToClaim)
|
|
50
|
+
return;
|
|
51
|
+
this.invoiceInput.value = '';
|
|
52
|
+
if (jobInput) {
|
|
53
|
+
jobInput.value = '';
|
|
54
|
+
jobInput.readOnly = true;
|
|
55
|
+
}
|
|
38
56
|
this.isLoading = true;
|
|
39
|
-
this.
|
|
40
|
-
this.handleScanner(
|
|
57
|
+
this.invoiceInput.readOnly = true;
|
|
58
|
+
this.handleScanner(invoice, job);
|
|
41
59
|
}
|
|
42
60
|
};
|
|
43
61
|
this.onValueChanges = (event) => {
|
|
@@ -54,6 +72,7 @@ const DynamicRedeem = class {
|
|
|
54
72
|
this.handleScanner = undefined;
|
|
55
73
|
this.handleQrChanges = undefined;
|
|
56
74
|
this.loadingStateChange = undefined;
|
|
75
|
+
this.claimViaBarcodeScanner = true;
|
|
57
76
|
this.locale = getLocalLanguage.localeSchema.getDefault();
|
|
58
77
|
this.isLoading = false;
|
|
59
78
|
this.internalVin = '';
|
|
@@ -62,6 +81,7 @@ const DynamicRedeem = class {
|
|
|
62
81
|
this.confirmServiceCancellation = false;
|
|
63
82
|
this.internalCanceledItem = null;
|
|
64
83
|
this.confirmUnInvoicedTBPVehicles = false;
|
|
84
|
+
this.readyToClaim = false;
|
|
65
85
|
}
|
|
66
86
|
async componentWillLoad() {
|
|
67
87
|
await this.changeLanguage(this.language);
|
|
@@ -74,7 +94,7 @@ const DynamicRedeem = class {
|
|
|
74
94
|
this.loadingStateChange(newValue);
|
|
75
95
|
}
|
|
76
96
|
async componentDidLoad() {
|
|
77
|
-
this.
|
|
97
|
+
this.invoiceInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #invoice-input');
|
|
78
98
|
this.dynamicClaimProcessor = this.el.shadowRoot.querySelector('.dynamic-claim-processor');
|
|
79
99
|
if (this.unInvoicedByBrokerName === null) {
|
|
80
100
|
this.confirmUnInvoicedTBPVehicles = true;
|
|
@@ -83,11 +103,11 @@ const DynamicRedeem = class {
|
|
|
83
103
|
this.confirmUnInvoicedTBPVehicles = false;
|
|
84
104
|
}
|
|
85
105
|
}
|
|
86
|
-
focusInput() {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
}
|
|
106
|
+
//private focusInput() {
|
|
107
|
+
// setTimeout(() => {
|
|
108
|
+
// this.invoiceInput.focus();
|
|
109
|
+
// }, 100);
|
|
110
|
+
//}
|
|
91
111
|
async changeInternalCanceledItem(newInternalCanceledItem) {
|
|
92
112
|
this.internalCanceledItem = newInternalCanceledItem;
|
|
93
113
|
if (this.internalCanceledItem.length > 0) {
|
|
@@ -116,7 +136,7 @@ const DynamicRedeem = class {
|
|
|
116
136
|
this.closeModalListenerRef = (event) => event.key === 'Escape' && this.quite();
|
|
117
137
|
window.addEventListener('keydown', this.closeModalListenerRef);
|
|
118
138
|
await new Promise(r => setTimeout(r, 300));
|
|
119
|
-
this.
|
|
139
|
+
this.invoiceInput.focus();
|
|
120
140
|
}
|
|
121
141
|
else {
|
|
122
142
|
window.removeEventListener('keydown', this.closeModalListenerRef);
|
|
@@ -127,19 +147,26 @@ const DynamicRedeem = class {
|
|
|
127
147
|
this.closeModal();
|
|
128
148
|
}
|
|
129
149
|
async getQrValue() {
|
|
130
|
-
return this.
|
|
150
|
+
return this.invoiceInput.value;
|
|
131
151
|
}
|
|
132
152
|
render() {
|
|
133
153
|
var _a, _b, _c, _d, _e;
|
|
134
154
|
const texts = this.locale.vehicleLookup.dynamicRedeem;
|
|
135
155
|
const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
|
|
136
|
-
if (!disableInput)
|
|
137
|
-
|
|
138
|
-
return (index.h(index.Host, { key: '6f23076572fa32bf4ecabb0ec5c30f4c904c5aeb' }, index.h("div", { key: 'e181969add00fdace98f3f198bbb383883ed096c', dir: this.locale.direction, class: cn.cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, index.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" }, index.h("g", { key: 'b0f3eff73478c17ded463f97ad196b176077b8ff', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '1fd42a3ef89f038dc303086ffca5c2deadc9989d', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: '09465c1cff709d748a0529ec333f5e4ad25ba101', id: "SVGRepo_iconCarrier" }, index.h("path", { key: 'f63fb5590f2e24018ca4ad219c213d2f6adb41fc', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: 'd6487224d7042d92bb2a789234407b4616fca22e', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'ffcd5d290855b3c3f3d37800e393e04b75a502d4', class: "dynamic-claim-processor-wrapper" }, index.h("div", { key: '99b9066894f9b9f26b60663e450a93696223124e', class: "dynamic-claim-processor-info-box" }, index.h("div", { key: '403cd1dc09ed2594c72e73e6391d552020332d98', class: "dynamic-claim-processor-info-box-header" }, index.h("strong", { key: '1be049ba270853645470ab894135116139383b8d', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), index.h("div", { key: '8b13146eb29190537dca360ec882ca89f03f9e36', class: "dynamic-claim-processor-info-box-body" }, index.h("table", { key: 'bf692fc99d065b927e04f9f682364e36085cb81c', class: "border-separate" }, index.h("tr", { key: '452f0ea4dde84dc33429032f59d3071019a1bd64' }, index.h("th", { key: '29c31adefa2411ea10e33b65e1705f1848f206e3' }, texts.serviceType), index.h("td", { key: '31e1279fc831af71ebdbdd7d00889e2900fffe23' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), index.h("th", { key: '33b5b7a306da1af6702cd8454e3ac01ae3ba26d7' }, texts.name), index.h("td", { key: 'ae217299a413f6882867bd091c8560e9ad0924da' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), index.h("tr", { key: '086bbc2759675159d0b1fa68cf61c58977d3d872' }, index.h("th", { key: '3cc7dde01066572972d3fd00f4da7dbab5b88c17' }, texts.activationDate), index.h("td", { key: '61a65a1d432cc564eca6529fa2678b326feddc52' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), index.h("th", { key: '0ef316a0a241843f9865c20d46fc8ce269d1606e' }, texts.expireDate), index.h("td", { key: 'ab1bb7f29ed38c2c71c25428d43fe3c716126eb9' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), index.h("tr", { key: '1dce0e4b9de04fb40e923624ad21b0c8f08fb1dc' }, index.h("th", { key: '4f65208aef6e9dcd19b8602e11d5ca76461b736b' }, texts.menuCode), index.h("td", { key: '76299771fc11edcf8687c6e725f6eedb8465d84f' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), index.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 && (index.h("div", { key: '82b116d97cfac477f60db2fbf22e1636fdc5c689', class: "admonition warning" }, index.h("p", { key: '60a55ae8256648fb220eab389fab5d2dc42c9d3c', class: "admonition-title" }, texts.warning), index.h("div", { key: '80ad2bdacebe0a3bed749a730bc8aa3ccca48f15', style: { padding: '0 30px' } }, index.h("p", { key: '542d0408b48f1486f011c281b1cc35287755bba9', class: "my-4" }, texts.skipServicesWarning), index.h("ul", { key: 'c33d8e62aa0cb644ad08b8f05b359c8e7315f462', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (index.h("li", { id: name }, name)))), index.h("div", { key: 'c96c8ef23dbbf0ce5115a71a0011b5748b6ec504', class: "cancel-confirmation-box" }, index.h("label", { key: '253e3bf85b93afe4c58c1a7a94e7620b08d8f991' }, index.h("input", { key: '619d9412599947909cc88c4a596ccaca94903b1c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
156
|
+
//if (!disableInput) this.focusInput();
|
|
157
|
+
return (index.h(index.Host, { key: '4d60172a6013d0dc71cda1ecff2af7ee56999d98' }, index.h("div", { key: 'ee4d7ebc30cbd32c38ada31652073db477f5de7b', dir: this.locale.direction, class: cn.cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, index.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" }, index.h("g", { key: '6779128720c389b18c7e76da122741b97b970c9f', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: 'ff0b520e4532867ef066c88cb3e2491b2dfe1031', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: '3a337281cf3a3994e8ce4c8a0b1d0e5de6088ee2', id: "SVGRepo_iconCarrier" }, index.h("path", { key: 'a4ade0f5dbe8f4f12c83e777489e32d88bf2f0ba', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: 'eab68a4254b076c22d858a074b3a823370af3a34', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'c0996774f2a092d359f40154d6ca0edd225d51ff', class: "dynamic-claim-processor-wrapper" }, index.h("div", { key: 'ad0cf0bd115728a8d2754a97021ca1af59b5e794', class: "dynamic-claim-processor-info-box" }, index.h("div", { key: 'ecf2fd2f53fb3d582faebeff08f718bd1f00ed07', class: "dynamic-claim-processor-info-box-header" }, index.h("strong", { key: '7cbc88851b0429bcb5a03bce3ac599199efd40cc', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), index.h("div", { key: '4b3ad1abb833c17fffe3227d5ce9b78fb04412ef', class: "dynamic-claim-processor-info-box-body" }, index.h("table", { key: '64741cde13d9c0bf749f7644da50c780429af41a', class: "border-separate" }, index.h("tr", { key: '810ef70655160f21ef3bdda2d4dc61601e25c186' }, index.h("th", { key: 'f057ca7ec2d4e8565f1178a1c150a7e9d3feb48d' }, texts.serviceType), index.h("td", { key: 'c608ddda77454c995a78efcd2db9c53c8c4480f1' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), index.h("th", { key: 'd75604f069dbd59514b283548dfadce867a142cb' }, texts.name), index.h("td", { key: '9dd9063fc7544d41008e003916f2a80a35d3a620' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), index.h("tr", { key: '488f835542dbfc6769b373e8c01b92c7f66f8bfa' }, index.h("th", { key: 'f76e0e1867d1680af53eb81f6cd591a13b838be0' }, texts.activationDate), index.h("td", { key: 'ea653220f16251d372fb69dc0b8eba9ec493ed07' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), index.h("th", { key: 'f8d42a220a21e5fcc6ef4549c8fe17ef7791df93' }, texts.expireDate), index.h("td", { key: 'bef1bb1762fea7a50a2e5497173e1c64af6a79be' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), index.h("tr", { key: '57e11bdab34524ad4ca2bc6c4090b525ec901dce' }, index.h("th", { key: 'b88c84c904c2ec02e1762f4b93123f599f9faf4e' }, texts.packageCode), index.h("td", { key: 'd11603da2024d5b382dd583a19835c267ca152c5' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.packageCode))))), index.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 && (index.h("div", { key: 'a6d150e0cb4e6de7e160e63ca57a0e96618fdb56', class: "admonition warning" }, index.h("p", { key: 'bfa6ba56795a1db6d98c51e6342ac18047c0642d', class: "admonition-title" }, texts.warning), index.h("div", { key: '6fff50141cd975180efdbd05774055872508153d', style: { padding: '0 30px' } }, index.h("p", { key: '39e6cba7ebaa2d5f2d29263a86f97c6de7028008', class: "my-4" }, texts.skipServicesWarning), index.h("ul", { key: '05253fc130b2cd5a3db727c36aab131db22f85de', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (index.h("li", { id: name }, name)))), index.h("div", { key: '64c0d0ba5e0dd0d581906fd02dd98abdcedffa94', class: "cancel-confirmation-box" }, index.h("label", { key: 'dc8ebbf8dfe159a23758d72b7d6355e779cfbe38' }, index.h("input", { key: '58b57933dc18b797d42df1ec5edc26adb3d7c69c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
139
158
|
this.confirmServiceCancellation = !this.confirmServiceCancellation;
|
|
140
|
-
} }), texts.confirmSkipServices))))), this.unInvoicedByBrokerName && (index.h("div", { key: '
|
|
159
|
+
} }), texts.confirmSkipServices))))), this.unInvoicedByBrokerName && (index.h("div", { key: '6d5747deb2a99f1d8340362eb7b080861567168d', class: "admonition warning" }, index.h("p", { key: 'c5450b5cc85b89c591c114cd35dc45ba1a7c7c7a', class: "admonition-title" }, texts.warning), index.h("div", { key: '1f3c8f061d4c76e89668b2336737af5efb4876a5', style: { padding: '0 30px' } }, index.h("p", { key: '5557d2ede8bdbc5576fb9669060ae89e109fd213', class: "my-4" }, texts.notInvoiced), index.h("div", { key: '2cbca9a32cf33c70244b8f6ecf38fc02215e5144' }, index.h("strong", { key: '886129a7f93c5875f4200ba40a853a303a99c884' }, this.unInvoicedByBrokerName)), index.h("div", { key: '87e1b94580cba995828d0a16d1d3721023073a24', class: "cancel-confirmation-box" }, index.h("label", { key: '554563728e88cb15e892d37d079781a0fbdb7d6f' }, index.h("input", { key: '1718688c8422d38c012631c2f07aa3530bdfe9b0', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
141
160
|
this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
|
|
142
|
-
} }), texts.confirmNotInvoiced))))), index.h("div", { key: 'a1e4e1351f9fd64637250549d8ca9b47120db80b', class: cn.cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, index.h("div", { key: '8ac74c5aed2a50c3fcc9bdf63d584e977631cabe', id: "scan-invoice-step", class: cn.cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, index.h("div", { key: 'd77283ed65d7e0c9b3d6bc2b715c4eec71e198b2', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, index.h("div", { key: '879e603d9c687b629ba3b6bbcc43bb8a1c131040', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, index.h("svg", { key: 'eec5018665e3a51d4e1a90b8259564501b65f979', 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" }, index.h("g", { key: '7cce520faca0bed6c94f5adc423d59fa041dd517', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '9458c4a9d0d674420637748119f835a330f6b190', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'd396cf2b2ee89d3a8433d347c362c6b297abfee3', id: "SVGRepo_iconCarrier" }, index.h("g", { key: 'f07f1832a45d96235d88a52123b825afcddd5157' }, index.h("g", { key: 'e8570b9b6abfcf1d04cb0b93df73db896240ec74' }, index.h("path", { key: '6420bcda4aefd3cd9cb19459db5a5bfae48de5ce', 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" }))), index.h("g", { key: 'ac18cdc8edf083bb4fc6e21cb863ae902c414c53' }, index.h("g", { key: 'bd393e16c198d0ce5db374f1456f156225191c77' }, index.h("path", { key: '10c2088b94d0c43d750e35a297fc557b5f5499d6', 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" }))), index.h("g", { key: 'b6dde1b29ce078f2cac18c8177edb5d7df0453e6' }, index.h("g", { key: '2278ab0f3f66a4aa2a48f80512e7c2142bcf95fb' }, index.h("path", { key: 'd68379539a616231f9107d21ac1bc29f690bbd40', 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" }))), index.h("g", { key: '92780ef45777527daa102da1ff59ea591a00dc44' }, index.h("g", { key: 'b4d176551668e9794fc191f0b75167e94f74da86' }, index.h("path", { key: '8e9ae3b3a2bc99fa9f8ecb78f5d19877ee4f3367', 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" }))), index.h("g", { key: '33d96e271c4f99e6fb4c0a54db0668bb12ed722b' }, index.h("g", { key: 'ab552b86c291b350104b5312ddec4bf238471e31' }, index.h("path", { key: '1b1c5c07321b06fb86d4aedd9d3f5d9c7f1e1795', 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" }))), index.h("g", { key: '7a6bad400c84c523c967e1e4e7d26979673dd4df' }, index.h("g", { key: 'a32dcacf17001243b3c57eafe7b669532fa5298a' }, index.h("path", { key: 'dc6c90e04fc1af7f543cb183d1be5fc289cad039', 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" }))), index.h("g", { key: 'd5687820027ffcc7164924d2f49b4bc6280d1435' }, index.h("g", { key: '5aa6a2d1ec8b273e0023631c72862ade4307a062' }, index.h("path", { key: '287a638e99b443fa07175360cc016e1c50658633', 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" }))), index.h("g", { key: '72377cdb11c2af3ae89d66fce8cb74d7c651e53a' }, index.h("g", { key: '4dd358fdb3fdf7fa3f6582e2a5104b58e1b4f533' }, index.h("path", { key: 'b9dac199ecd22afc4a050d927ac185e6f8ee96da', 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" }))), index.h("g", { key: '4ea85d2b21b60cd326290407d5bd461e27c0fbee' }, index.h("g", { key: '7320fd66dd58dd8ef5849a5088aafa44f64fb1da' }, index.h("path", { key: '09bf6f789d487024fae9c7c63b9cfef5e8ccf418', 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" }))), index.h("g", { key: 'f45c156d58b7c4fe38d1b6383cfb58a8d26c5063' }, index.h("g", { key: 'abbbc9ef4b21677230c5102081b79c8f8ccf0894' }, index.h("path", { key: '11c704514913ada8a276c5eee2ed1107f0fc64b5', 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" }))), index.h("g", { key: '103aa0955ca13b5cd614f843a5d8bb00af51e210' }, index.h("g", { key: '4ba1fc6bee2b4d30983e04a5fb23e13046395182' }, index.h("path", { key: 'd2d45892e7ee175ad25afef1af1f1f5ae8a61ef2', 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" }))), index.h("g", { key: '717e7c0f6956a60b6bc24844a38c15902d185b55' }, index.h("g", { key: 'c8dd9b3b8dc25620425f4d15f718d7ca025e9302' }, index.h("path", { key: '461d4d5c85f97dfb117c4b72cdb7b4c1795972d2', 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" }))), index.h("g", { key: 'fb57a59b18a15a964ce941dfb9aab585c77a5470' }, index.h("g", { key: 'f0db6ce74a8ac3eed39ab2854cc6b59cd8b698d7' }, index.h("path", { key: '98fdca3e5809837a1e808091199f582e60f77221', 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" }))), index.h("g", { key: '19c6f7a57ba8695b4d4f2279306d394ba31b931c' }, index.h("g", { key: '30f10e39a0e4c86fc42572887b34442cb74213ad' }, index.h("path", { key: '6fa8c16a503b12a1062138988ec8edf5c7c03c5f', 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" }))), index.h("g", { key: 'fcbde011e9a8add3e3dc03e98cee14fa75cb3b47' }, index.h("g", { key: 'a037ae3a36f940d484ed0a61d9d369b4eead48f4' }, index.h("path", { key: 'f8d473cedaa28713a1c2cdeb616ceb22382ee6cc', 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" }))), index.h("g", { key: '90708098a0f8e273e1c4207c77cca360ba83235e' }, index.h("g", { key: 'cdc8dd013088e04226361386abf9eb2a65cc9d4e' }, index.h("path", { key: '2d5dd1d3ed1ac57cd5d8344a719a718cd8bccb06', 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" }))))), index.h("div", { key: 'bdd771ddf829f0786b4829eded621e7526275d3b' }, texts.scanTheInvoice)), index.h("div", { key: '12807539ee8e78004cc477ded3321895ae501a96', style: { position: 'absolute' }, class: "loading-wrapper" }, index.h("div", { key: 'c6ad6619ee28443d0e7a371e88f7423f7fc2589e', class: cn.cn('lds-ripple', this.isLoading && 'active') }, index.h("div", { key: '9cef9b48f30a0ed32c0d8e4c9ba02518cd707faf' }), index.h("div", { key: 'ac6f78c0086b68cf0448af2e93263714c53d2af4' })), index.h("div", { key: '407f0911c4b15beb6c3a2445117a9e4997e82d60', class: cn.cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), index.h("input", { key: '8bc56fc8812ab0f5d5e886f34efc2886af0dd93b', dir: "ltr", class: "qr-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.qrCodeKeyDown, onBlur: () => this.input.focus(), autocomplete: "off", disabled: disableInput, placeholder: "", autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))))))));
|
|
161
|
+
} }), texts.confirmNotInvoiced))))), index.h("div", { key: 'c96700389a81ee363383113d5f8b8c69b79352b6', class: cn.cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, index.h("div", { key: '6ad97f6174cf7e16dc584ce6540e020b19a3b158', id: "scan-invoice-step", class: cn.cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, index.h("div", { key: '0d41d5b39e1b1c27846e2443e1e616e461ab1dc8', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, index.h("div", { key: '5ef357a2c9301aa36c281c7710a3d75e94963081', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, index.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" }, index.h("g", { key: '20a83be3a8cc360b52ed9a13ac8e33a7110c607d', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: 'a7bd15a4f27f28cf8b90d46c73b5c3bf8b48af79', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: '285a269c105ddeb4e53730515a43b7b13f60ff44', id: "SVGRepo_iconCarrier" }, index.h("g", { key: '40605bc7c8fe22777e7f56d789e0163eb4579376' }, index.h("g", { key: 'a527709d745bcbf2eabeeae2d7dc81234584a9d1' }, index.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" }))), index.h("g", { key: '04d501526125a167536feed5835f1148b06d794b' }, index.h("g", { key: '281fb58302aa092d3336a6485c98fd95ea4bb2dd' }, index.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" }))), index.h("g", { key: 'c1bdfd5520d6be59831a0f77cbd4d75548c4adc7' }, index.h("g", { key: 'ab1442832aa8204288fe75b6d71c30b5a1c8e95a' }, index.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" }))), index.h("g", { key: '8f5216814ec4b6a657d0bf1ebe4cb280e316c3f8' }, index.h("g", { key: '9c80d23a992fe08d055ff276c7ec998fcfaa6bdc' }, index.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" }))), index.h("g", { key: '7a3472f30aeb04dc4ae854bee2f757c3a8d338e6' }, index.h("g", { key: '5a27bb7efced32d0673d9f1a42414514791db7e2' }, index.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" }))), index.h("g", { key: '5c3b360dbd045815b18c648de967b8673124aa87' }, index.h("g", { key: 'c1ae89e22f84c0263fc0886330419ddff9512e6b' }, index.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" }))), index.h("g", { key: 'e160bd89d9941777abdf0cc29c55bdd65ed0ed39' }, index.h("g", { key: 'f3600db2f453bc697b73db9c456ded02f5e8d1ac' }, index.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" }))), index.h("g", { key: '89601709a1ed50a2556af187707382895ffdce55' }, index.h("g", { key: '133cadb048f1a6ed1f827416047079dd2c5ae603' }, index.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" }))), index.h("g", { key: '2ff645720d47fd80dda0f432d9df79f16a7203b8' }, index.h("g", { key: 'ac1a768fd4409b9842508e899d2d8677ec62ce38' }, index.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" }))), index.h("g", { key: '56203096574fe37ac7ec3703a50585be50bc6a45' }, index.h("g", { key: '960d8cbaab33dcf72109fd794bea4603fddb695f' }, index.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" }))), index.h("g", { key: 'd7a98ea4584391309669a9f8c0c8716c59291487' }, index.h("g", { key: '2ef3d5f7f1e20306fa1b03efd568ae184d4708fb' }, index.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" }))), index.h("g", { key: '123e567af0fdd76f59cd0409fe6fbb4ca51a886c' }, index.h("g", { key: '2715a0cf355743e6e769f32512b1e888163f4bee' }, index.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" }))), index.h("g", { key: '42858584f446cf31dd2de54d06b6e16b834c5f7e' }, index.h("g", { key: '380d8f5b43e56ee62c84aba6cc835dd14cd3b995' }, index.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" }))), index.h("g", { key: 'aae5aae6ba93a927bdf852c375e269b232ac3c5d' }, index.h("g", { key: 'c9b211451577cbf8b0f37ab6bd0eb918c0582c6e' }, index.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" }))), index.h("g", { key: '072b6685d6e6b050baca3132c8f07176f91e9eb1' }, index.h("g", { key: 'c91aa0b81e47b154f2453dcda33a9aa2f55bac45' }, index.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" }))), index.h("g", { key: '0b7a52501d3dabd204c1684409d09a4bcc1a5184' }, index.h("g", { key: '228cca2ab86b50e3d79f9bb4cd418cbe8123da13' }, index.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" }))))), index.h("div", { key: '752286ef491f385dedb700e48559406a186699ff' }, this.claimViaBarcodeScanner ? texts.scanTheInvoice : texts.enterServiceInfo)), index.h("div", { key: 'daf5fc280bdbcb0246d9a248ccf7c81cfad07524', style: { position: 'absolute' }, class: "loading-wrapper" }, index.h("div", { key: '378329570ab4e8f96168ce951f257d36b5574af9', class: cn.cn('lds-ripple', this.isLoading && 'active') }, index.h("div", { key: 'f94c13012a198a7df314e18f57c3c598b9fa97c0' }), index.h("div", { key: 'cbcc01083df79f160f1b966aa961909e58287801' })), index.h("div", { key: '337d318a9d67dd7d09dae37a0a06fed1fb0b0a68', class: cn.cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), index.h("div", { key: '4fdcfcdb6c0b5782ce31fa9a8178cfaeb97ef2a0', style: { display: 'flex', flexDirection: 'row', gap: '50px', padding: '0 75px' } }, index.h("input", { key: '9778e5dfb109932aaaeef9955d95e461d6ff4ecc', id: "invoice-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.inputKeyDown, onBlur: () => {
|
|
162
|
+
if (this.claimViaBarcodeScanner) {
|
|
163
|
+
this.invoiceInput.focus();
|
|
164
|
+
}
|
|
165
|
+
}, 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) && (index.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' } }))), index.h("div", { key: 'e7bab4f86c533d6f6c0d09797ce38daa9b6f8670', style: { marginTop: '55px' } }, !(this === null || this === void 0 ? void 0 : this.claimViaBarcodeScanner) && (index.h("button", { key: 'da67dcf78321fd6285da897f3f93b6335e3c6274', onClick: () => {
|
|
166
|
+
if (this.readyToClaim) {
|
|
167
|
+
this.inputKeyDown(null);
|
|
168
|
+
}
|
|
169
|
+
}, class: cn.cn('claim-button', 'dynamic-claim-button', !(this === null || this === void 0 ? void 0 : this.readyToClaim) && 'disabled') }, index.h("svg", { key: 'd684c12ad6929d46f650c6a8433de50139b1066b', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '459d9fc141404ee3f0724990dbb44203308afec6', "stroke-width": "0" }), index.h("g", { key: '5578d6a3de3022223e96d4375271b3230c5cc4ca', "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: '3dd4e9b3894797634b56ce47030ba2071d77a1a8' }, index.h("circle", { key: '66f26677f915400f7566936d03ccc0e9f3b5b3b7', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), index.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" }))), index.h("span", { key: '933a30b17bdc99eb5545dc0925245c9d276f1ce1' }, texts.claim)))))))))));
|
|
143
170
|
}
|
|
144
171
|
get el() { return index.getElement(this); }
|
|
145
172
|
static get watchers() { return {
|