adp-web-components 0.0.44 → 0.0.47
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/Loading-c3489701.js +16 -0
- package/dist/cjs/contact-us-form.cjs.entry.js +352 -0
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +45 -20
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +15 -15
- package/dist/cjs/dynamic-redeem.cjs.entry.js +5 -6
- package/dist/cjs/form-input_4.cjs.entry.js +252 -0
- package/dist/cjs/form-structure_2.cjs.entry.js +97 -0
- package/dist/cjs/{index.esm-c628daeb.js → get-local-language-3ae85685.js} +242 -0
- package/dist/cjs/{index-846c93d2.js → index-603d8f32.js} +12 -19
- package/dist/cjs/{Loading-6f4f0127.js → loader-baf2418b.js} +0 -9
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/part-lookup.cjs.entry.js +3 -4
- package/dist/cjs/shift-components.cjs.js +2 -2
- package/dist/cjs/vehicle-lookup.cjs.entry.js +3 -4
- package/dist/collection/collection-manifest.json +7 -2
- package/dist/collection/components/form-elements/form-input.css +1 -0
- package/dist/collection/components/form-elements/form-input.js +342 -0
- package/dist/collection/components/form-elements/form-select.css +1 -0
- package/dist/collection/components/form-elements/form-select.js +397 -0
- package/dist/collection/components/form-elements/form-structure-error.css +1 -0
- package/dist/collection/components/form-elements/form-structure-error.js +72 -0
- package/dist/collection/components/form-elements/form-structure.css +1 -0
- package/dist/collection/components/form-elements/form-structure.js +227 -0
- package/dist/collection/components/form-elements/form-submit.css +1 -0
- package/dist/collection/components/form-elements/form-submit.js +93 -0
- package/dist/collection/components/form-elements/form-text-area.css +1 -0
- package/dist/collection/components/form-elements/form-text-area.js +288 -0
- package/dist/collection/components/forms/contact-us-form.css +1 -0
- package/dist/collection/components/forms/contact-us-form.js +376 -0
- package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +4 -4
- package/dist/collection/components/part-lookup/distributor-lookup.js +28 -8
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +11 -6
- package/dist/collection/components/part-lookup/part-lookup.js +1 -1
- package/dist/collection/components/vehicle-lookup/dynamic-claim.js +3 -3
- package/dist/collection/components/vehicle-lookup/dynamic-redeem.js +3 -3
- package/dist/collection/components/vehicle-lookup/paint-thickness.js +4 -4
- package/dist/collection/components/vehicle-lookup/service-history.js +2 -2
- package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +4 -4
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-specification.js +2 -2
- package/dist/collection/components/vehicle-lookup/warranty-details.js +2 -2
- package/dist/collection/global/api/urls.js +6 -0
- package/dist/collection/global/assets/white-loader.svg +11 -0
- package/dist/collection/global/lib/form-hook.js +25 -14
- package/dist/collection/global/lib/recaptcha.js +25 -0
- package/dist/collection/global/lib/validate-form-structure.js +47 -0
- package/dist/collection/global/types/forms.js +1 -0
- package/dist/collection/global/types/general.js +1 -0
- package/dist/collection/global/types/locales/error-schema.js +1 -0
- package/dist/collection/global/types/locales/forms/contact-us-schema.js +24 -0
- package/dist/collection/global/types/locales/forms/index.js +11 -0
- package/dist/collection/global/types/locales/general.js +8 -0
- package/dist/collection/global/types/locales/index.js +7 -0
- package/dist/collection/global/types/locales/inquiryTypes.js +15 -0
- package/dist/collection/templates/part-lookup/mock-data.js +180 -100
- package/dist/components/{general-inquiry-form.d.ts → contact-us-form.d.ts} +4 -4
- package/dist/components/contact-us-form.js +5 -0
- 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-input.js +1 -1
- package/dist/components/form-select.d.ts +11 -0
- package/dist/components/form-select.js +5 -0
- package/dist/components/form-structure-error.d.ts +11 -0
- package/dist/components/form-structure-error.js +5 -0
- package/dist/components/form-structure.d.ts +11 -0
- package/dist/components/form-structure.js +5 -0
- package/dist/components/form-submit.d.ts +11 -0
- package/dist/components/form-submit.js +5 -0
- package/dist/components/form-text-area.d.ts +11 -0
- package/dist/components/form-text-area.js +5 -0
- package/dist/components/index.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/p-0f15eb0b.js +5 -0
- package/dist/components/{p-c59cfec8.js → p-14df0c85.js} +1 -1
- package/dist/components/p-176b63e3.js +5 -0
- package/dist/components/{p-7662fe0a.js → p-21feb9cb.js} +1 -1
- package/dist/components/p-40bb71e4.js +5 -0
- package/dist/components/p-4bae9c16.js +5 -0
- package/dist/components/p-5d3abb5b.js +5 -0
- package/dist/components/p-5e1738a6.js +5 -0
- package/dist/components/p-64e16378.js +5 -0
- package/dist/components/p-75476014.js +5 -0
- package/dist/components/{p-c37ba710.js → p-7f889bd6.js} +1 -1
- package/dist/components/{p-f5015d31.js → p-8db6fbb6.js} +1 -1
- package/dist/components/p-9faefa40.js +5 -0
- package/dist/components/p-b224d16f.js +5 -0
- package/dist/components/p-b901ce51.js +5 -0
- package/dist/components/p-ce440126.js +5 -0
- package/dist/components/p-d70c3cbd.js +5 -0
- package/dist/components/{p-d98710fe.js → p-d8a1e55d.js} +1 -1
- package/dist/components/{p-2e567b64.js → p-e4ae4434.js} +1 -1
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/part-lookup.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/Loading-3fdd028d.js +14 -0
- package/dist/esm/contact-us-form.entry.js +348 -0
- package/dist/esm/dead-stock-lookup_3.entry.js +45 -20
- package/dist/esm/dynamic-claim_6.entry.js +15 -15
- package/dist/esm/dynamic-redeem.entry.js +5 -6
- package/dist/esm/form-input_4.entry.js +245 -0
- package/dist/esm/form-structure_2.entry.js +92 -0
- package/dist/esm/{index.esm-46e0cdad.js → get-local-language-cd53bfd4.js} +241 -1
- package/dist/esm/{index-33ae6859.js → index-cac905b0.js} +12 -19
- package/dist/esm/{Loading-f4d666ee.js → loader-027b88af.js} +1 -9
- package/dist/esm/loader.js +3 -3
- package/dist/esm/part-lookup.entry.js +3 -4
- package/dist/esm/shift-components.js +3 -3
- package/dist/esm/vehicle-lookup.entry.js +3 -4
- package/dist/locales/ar.json +40 -1
- package/dist/locales/en.json +39 -0
- package/dist/locales/ku.json +40 -1
- package/dist/locales/ru.json +41 -2
- package/dist/shift-components/p-14de3422.entry.js +5 -0
- package/dist/shift-components/p-359ea480.entry.js +5 -0
- package/dist/shift-components/p-36423afa.entry.js +5 -0
- package/dist/shift-components/p-65102e7a.js +6 -0
- package/dist/shift-components/p-6cc94857.entry.js +5 -0
- package/dist/shift-components/p-974f9490.entry.js +5 -0
- package/dist/shift-components/p-a21e2e2e.js +5 -0
- package/dist/shift-components/p-b8390527.entry.js +5 -0
- package/dist/shift-components/p-ba46e8f2.entry.js +5 -0
- package/dist/shift-components/p-ecc53648.entry.js +5 -0
- package/dist/shift-components/p-f4b4e9d2.js +5 -0
- package/dist/shift-components/p-fa19695e.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/form-elements/form-input.d.ts +24 -0
- package/dist/types/components/form-elements/form-select.d.ts +38 -0
- package/dist/types/components/form-elements/form-structure-error.d.ts +8 -0
- package/dist/types/components/form-elements/form-structure.d.ts +18 -0
- package/dist/types/components/form-elements/form-submit.d.ts +7 -0
- package/dist/types/components/form-elements/form-text-area.d.ts +21 -0
- package/dist/types/components/forms/contact-us-form.d.ts +46 -0
- package/dist/types/components.d.ts +188 -31
- package/dist/types/global/api/urls.d.ts +2 -0
- package/dist/types/global/lib/form-hook.d.ts +1 -30
- package/dist/types/global/lib/recaptcha.d.ts +16 -0
- package/dist/types/global/lib/validate-form-structure.d.ts +3 -0
- package/dist/types/global/types/forms.d.ts +48 -0
- package/dist/types/global/types/general.d.ts +14 -0
- package/dist/types/global/types/locales/error-schema.d.ts +2 -0
- package/dist/types/global/types/locales/forms/contact-us-schema.d.ts +37 -0
- package/dist/types/global/types/locales/forms/index.d.ts +45 -0
- package/dist/types/global/types/locales/general.d.ts +5 -0
- package/dist/types/global/types/locales/index.d.ts +76 -0
- package/dist/types/global/types/locales/inquiryTypes.d.ts +19 -0
- package/dist/types/global/types/part-information.d.ts +10 -3
- package/package.json +1 -1
- package/dist/cjs/form-input.cjs.entry.js +0 -36
- package/dist/cjs/general-inquiry-form.cjs.entry.js +0 -154
- package/dist/cjs/get-local-language-30419427.js +0 -203
- package/dist/collection/components/form-input/form-input.css +0 -1
- package/dist/collection/components/form-input/form-input.js +0 -209
- package/dist/collection/components/general-inquiry-form/general-inquiry-form.css +0 -1
- package/dist/collection/components/general-inquiry-form/general-inquiry-form.js +0 -46
- package/dist/components/general-inquiry-form.js +0 -5
- package/dist/components/p-42a5d3c9.js +0 -5
- package/dist/components/p-4c7017f8.js +0 -5
- package/dist/components/p-4cdcb520.js +0 -5
- package/dist/components/p-8c079b39.js +0 -5
- package/dist/components/p-8dc757e9.js +0 -5
- package/dist/components/p-b2051f01.js +0 -5
- package/dist/components/p-b7a8a0ff.js +0 -5
- package/dist/components/p-c1acb397.js +0 -5
- package/dist/components/p-e446fb9d.js +0 -5
- package/dist/esm/form-input.entry.js +0 -32
- package/dist/esm/general-inquiry-form.entry.js +0 -150
- package/dist/esm/get-local-language-9742a5f6.js +0 -200
- package/dist/shift-components/p-02589422.entry.js +0 -5
- package/dist/shift-components/p-0f0e54c1.js +0 -6
- package/dist/shift-components/p-33434784.entry.js +0 -5
- package/dist/shift-components/p-99d314b5.js +0 -5
- package/dist/shift-components/p-a6ecaa3f.js +0 -5
- package/dist/shift-components/p-a88d388f.entry.js +0 -5
- package/dist/shift-components/p-ad59c0ac.entry.js +0 -5
- package/dist/shift-components/p-b1663a0f.entry.js +0 -5
- package/dist/shift-components/p-c87d536f.entry.js +0 -5
- package/dist/shift-components/p-e446fb9d.js +0 -5
- package/dist/shift-components/p-edf9ed4b.entry.js +0 -5
- package/dist/types/components/form-input/form-input.d.ts +0 -14
- package/dist/types/components/general-inquiry-form/general-inquiry-form.d.ts +0 -21
|
@@ -291,7 +291,7 @@ export class DynamicClaim {
|
|
|
291
291
|
const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
|
|
292
292
|
const texts = this.locale.vehicleLookup.dynamicClaim;
|
|
293
293
|
console.log(this.errorMessage);
|
|
294
|
-
return (h(Host, { key: '
|
|
294
|
+
return (h(Host, { key: '9e0409c5591453b63e9a835a454e952752e22013' }, h("dynamic-redeem", { key: '66a516c29ffffdf5eec666501556c85d6e532929', language: this.language, id: "dynamic-redeem" }), h("div", { key: '87faef21ecc2f9d2a7cddde1ab9c919ff57ef6e0', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '0093412ac6128b142007f0be466fcd7a28dccebe', class: "dynamic-claim-header" }, h("strong", { key: '4f947ae43e1e1a2b6c4548f3d4d7f5ac9671bd8a', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: 'ade34635ef2f7dc56d23424abc489a52fce57ae2', 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))), h("div", { key: 'd19c9904e00841683880afa09dbec00d6e1414b8', class: "dynamic-claim-body" }, h("div", { key: '196f37e4c5389b5dc24ce2cf03f9b86559c78549', class: "loading-lane" }, h("div", { key: '21fa82864e31a0d88228f5c199fefafc139c74d0', class: "dynamic-claim-loading-slider" }, h("div", { key: '46314ebc827b182693bd117313fd1882cdeef467', class: "dynamic-claim-loading-slider-line" }), h("div", { key: 'f5dea0ec0a48afc68f825dbe9920038a7865c826', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: '71c71d5ff95bc0dc5e9880ad81645a6a37c26593', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '18357ef88627c6d9bba393ba4d0ee67e01454fa8', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
295
295
|
let statusClass = '';
|
|
296
296
|
if (item.status === 'pending') {
|
|
297
297
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -300,7 +300,7 @@ export class DynamicClaim {
|
|
|
300
300
|
else
|
|
301
301
|
statusClass = item.status;
|
|
302
302
|
return (h("div", { key: item.name, class: cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, h("img", { src: icons[item.status], alt: "status icon" }), h("span", null, texts[item.status]), this.activePopupIndex === idx && this.createPopup(item)), h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
|
|
303
|
-
}), h("div", { key: '
|
|
303
|
+
}), h("div", { key: '2762fc231f14343438f628afa1feae4929cc2c9f', class: "dynamic-claim-progress-bar" }))))));
|
|
304
304
|
}
|
|
305
305
|
static get is() { return "dynamic-claim"; }
|
|
306
306
|
static get encapsulation() { return "shadow"; }
|
|
@@ -536,7 +536,7 @@ export class DynamicClaim {
|
|
|
536
536
|
"signature": "(message: ErrorKeys) => Promise<void>",
|
|
537
537
|
"parameters": [{
|
|
538
538
|
"name": "message",
|
|
539
|
-
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
539
|
+
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; wrongFormStructure: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
540
540
|
"docs": ""
|
|
541
541
|
}],
|
|
542
542
|
"references": {
|
|
@@ -127,11 +127,11 @@ export class DynamicRedeem {
|
|
|
127
127
|
const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
|
|
128
128
|
if (!disableInput)
|
|
129
129
|
this.focusInput();
|
|
130
|
-
return (h(Host, { key: '
|
|
130
|
+
return (h(Host, { key: '6f23076572fa32bf4ecabb0ec5c30f4c904c5aeb' }, h("div", { key: 'e181969add00fdace98f3f198bbb383883ed096c', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: '19e190b047b65a3d9fd006a5b7b7bf6274c43c78', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'b0f3eff73478c17ded463f97ad196b176077b8ff', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '1fd42a3ef89f038dc303086ffca5c2deadc9989d', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '09465c1cff709d748a0529ec333f5e4ad25ba101', id: "SVGRepo_iconCarrier" }, h("path", { key: 'f63fb5590f2e24018ca4ad219c213d2f6adb41fc', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'd6487224d7042d92bb2a789234407b4616fca22e', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'ffcd5d290855b3c3f3d37800e393e04b75a502d4', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '99b9066894f9b9f26b60663e450a93696223124e', class: "dynamic-claim-processor-info-box" }, h("div", { key: '403cd1dc09ed2594c72e73e6391d552020332d98', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '1be049ba270853645470ab894135116139383b8d', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '8b13146eb29190537dca360ec882ca89f03f9e36', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: 'bf692fc99d065b927e04f9f682364e36085cb81c', class: "border-separate" }, h("tr", { key: '452f0ea4dde84dc33429032f59d3071019a1bd64' }, h("th", { key: '29c31adefa2411ea10e33b65e1705f1848f206e3' }, texts.serviceType), h("td", { key: '31e1279fc831af71ebdbdd7d00889e2900fffe23' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '33b5b7a306da1af6702cd8454e3ac01ae3ba26d7' }, texts.name), h("td", { key: 'ae217299a413f6882867bd091c8560e9ad0924da' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '086bbc2759675159d0b1fa68cf61c58977d3d872' }, h("th", { key: '3cc7dde01066572972d3fd00f4da7dbab5b88c17' }, texts.activationDate), h("td", { key: '61a65a1d432cc564eca6529fa2678b326feddc52' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '0ef316a0a241843f9865c20d46fc8ce269d1606e' }, texts.expireDate), h("td", { key: 'ab1bb7f29ed38c2c71c25428d43fe3c716126eb9' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '1dce0e4b9de04fb40e923624ad21b0c8f08fb1dc' }, h("th", { key: '4f65208aef6e9dcd19b8602e11d5ca76461b736b' }, texts.menuCode), h("td", { key: '76299771fc11edcf8687c6e725f6eedb8465d84f' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: 'd9e7e004964654a54282158508e0150bfe4c7990', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: '82b116d97cfac477f60db2fbf22e1636fdc5c689', class: "admonition warning" }, h("p", { key: '60a55ae8256648fb220eab389fab5d2dc42c9d3c', class: "admonition-title" }, texts.warning), h("div", { key: '80ad2bdacebe0a3bed749a730bc8aa3ccca48f15', style: { padding: '0 30px' } }, h("p", { key: '542d0408b48f1486f011c281b1cc35287755bba9', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: 'c33d8e62aa0cb644ad08b8f05b359c8e7315f462', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: 'c96c8ef23dbbf0ce5115a71a0011b5748b6ec504', class: "cancel-confirmation-box" }, h("label", { key: '253e3bf85b93afe4c58c1a7a94e7620b08d8f991' }, h("input", { key: '619d9412599947909cc88c4a596ccaca94903b1c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
131
131
|
this.confirmServiceCancellation = !this.confirmServiceCancellation;
|
|
132
|
-
} }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '
|
|
132
|
+
} }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '98e5529f5d45dc42d10a44286ee1b56dc5956be3', class: "admonition warning" }, h("p", { key: 'f39cf4db4b32111fdb309594b530d28f5e6d92e4', class: "admonition-title" }, texts.warning), h("div", { key: '88e15fd258f64625d9dd1b6e5ee1aba0cb3850bd', style: { padding: '0 30px' } }, h("p", { key: 'c5da7d0424e5b371931d6d4c2fd71958072adf0d', class: "my-4" }, texts.notInvoiced), h("div", { key: '9ec8036a3adb36ce4fb174cb46f534cbbc998d2a' }, h("strong", { key: '188ee16ece206d92bc99a5a87c816f23aaf0a8d5' }, this.unInvoicedByBrokerName)), h("div", { key: '053bb8cc2fff059cc4ec7fd34eef1d3dc39dc0fe', class: "cancel-confirmation-box" }, h("label", { key: 'b6a2c0733f272e5c78ed97c8fcee58a8ebbfc473' }, h("input", { key: '67861acd7a63e89d70aa8f122f3ea6bb97cc9a47', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
133
133
|
this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
|
|
134
|
-
} }), texts.confirmNotInvoiced))))), h("div", { key: '
|
|
134
|
+
} }), texts.confirmNotInvoiced))))), h("div", { key: 'a1e4e1351f9fd64637250549d8ca9b47120db80b', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '8ac74c5aed2a50c3fcc9bdf63d584e977631cabe', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: 'd77283ed65d7e0c9b3d6bc2b715c4eec71e198b2', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '879e603d9c687b629ba3b6bbcc43bb8a1c131040', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, 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" }, h("g", { key: '7cce520faca0bed6c94f5adc423d59fa041dd517', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '9458c4a9d0d674420637748119f835a330f6b190', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'd396cf2b2ee89d3a8433d347c362c6b297abfee3', id: "SVGRepo_iconCarrier" }, h("g", { key: 'f07f1832a45d96235d88a52123b825afcddd5157' }, h("g", { key: 'e8570b9b6abfcf1d04cb0b93df73db896240ec74' }, 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" }))), h("g", { key: 'ac18cdc8edf083bb4fc6e21cb863ae902c414c53' }, h("g", { key: 'bd393e16c198d0ce5db374f1456f156225191c77' }, 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" }))), h("g", { key: 'b6dde1b29ce078f2cac18c8177edb5d7df0453e6' }, h("g", { key: '2278ab0f3f66a4aa2a48f80512e7c2142bcf95fb' }, 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" }))), h("g", { key: '92780ef45777527daa102da1ff59ea591a00dc44' }, h("g", { key: 'b4d176551668e9794fc191f0b75167e94f74da86' }, 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" }))), h("g", { key: '33d96e271c4f99e6fb4c0a54db0668bb12ed722b' }, h("g", { key: 'ab552b86c291b350104b5312ddec4bf238471e31' }, 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" }))), h("g", { key: '7a6bad400c84c523c967e1e4e7d26979673dd4df' }, h("g", { key: 'a32dcacf17001243b3c57eafe7b669532fa5298a' }, 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" }))), h("g", { key: 'd5687820027ffcc7164924d2f49b4bc6280d1435' }, h("g", { key: '5aa6a2d1ec8b273e0023631c72862ade4307a062' }, 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" }))), h("g", { key: '72377cdb11c2af3ae89d66fce8cb74d7c651e53a' }, h("g", { key: '4dd358fdb3fdf7fa3f6582e2a5104b58e1b4f533' }, 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" }))), h("g", { key: '4ea85d2b21b60cd326290407d5bd461e27c0fbee' }, h("g", { key: '7320fd66dd58dd8ef5849a5088aafa44f64fb1da' }, 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" }))), h("g", { key: 'f45c156d58b7c4fe38d1b6383cfb58a8d26c5063' }, h("g", { key: 'abbbc9ef4b21677230c5102081b79c8f8ccf0894' }, 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" }))), h("g", { key: '103aa0955ca13b5cd614f843a5d8bb00af51e210' }, h("g", { key: '4ba1fc6bee2b4d30983e04a5fb23e13046395182' }, 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" }))), h("g", { key: '717e7c0f6956a60b6bc24844a38c15902d185b55' }, h("g", { key: 'c8dd9b3b8dc25620425f4d15f718d7ca025e9302' }, 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" }))), h("g", { key: 'fb57a59b18a15a964ce941dfb9aab585c77a5470' }, h("g", { key: 'f0db6ce74a8ac3eed39ab2854cc6b59cd8b698d7' }, 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" }))), h("g", { key: '19c6f7a57ba8695b4d4f2279306d394ba31b931c' }, h("g", { key: '30f10e39a0e4c86fc42572887b34442cb74213ad' }, 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" }))), h("g", { key: 'fcbde011e9a8add3e3dc03e98cee14fa75cb3b47' }, h("g", { key: 'a037ae3a36f940d484ed0a61d9d369b4eead48f4' }, 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" }))), h("g", { key: '90708098a0f8e273e1c4207c77cca360ba83235e' }, h("g", { key: 'cdc8dd013088e04226361386abf9eb2a65cc9d4e' }, 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" }))))), h("div", { key: 'bdd771ddf829f0786b4829eded621e7526275d3b' }, texts.scanTheInvoice)), h("div", { key: '12807539ee8e78004cc477ded3321895ae501a96', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: 'c6ad6619ee28443d0e7a371e88f7423f7fc2589e', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: '9cef9b48f30a0ed32c0d8e4c9ba02518cd707faf' }), h("div", { key: 'ac6f78c0086b68cf0448af2e93263714c53d2af4' })), h("div", { key: '407f0911c4b15beb6c3a2445117a9e4997e82d60', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), 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' } }))))))));
|
|
135
135
|
}
|
|
136
136
|
static get is() { return "dynamic-redeem"; }
|
|
137
137
|
static get encapsulation() { return "shadow"; }
|
|
@@ -111,11 +111,11 @@ export class PaintThickness {
|
|
|
111
111
|
var _a, _b;
|
|
112
112
|
const texts = this.locale.vehicleLookup.paintThickness;
|
|
113
113
|
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: [] };
|
|
114
|
-
return (h(Host, { key: '
|
|
114
|
+
return (h(Host, { key: 'af8fecaff1b49712f80443f1b9010d1551c2f227' }, h("div", { key: 'c236c9d78227576e3c5f94e3ae5247d6c7cf03e5', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'fa754377b6f220ccee44d65654734eedf297ab03' }, h(Loading, { key: '332a16213eb51e01b4ec45c64fb50748ee5608b7', isLoading: this.state.includes('loading') }), h("div", { key: 'a8c3ddb9b47e5a37888561f28466efc5cb3f5452', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '69187ba3519662ac096c4bed148d36087ba7b91d', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'f91413b40d00e7f060885bcb9aaf7aca20c27309', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '198ccf4368e3ed323d342bb1414bc32d4c8234e3', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '5561c673501a64b51419d80f2fd7749037665d78', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'a8158885c9684cece91cf16e1217f755f0a8385d', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.paintThickness), h("div", { key: '3b82862001eafae16158d65fb88eea64f79536fe', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: 'ca2b219799201565eee220a9a7f83610d721e037', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (h("table", { key: '613217d6994a22b40256eb507773455b514db6ed', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '9ccba6d53df8d2a6ceb78b097c2d0d313e003833', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '7d4b70075e5ab6a6f27ecdc503bde45308c145c2' }, ['part', 'left', 'right'].map(title => (h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '7613a9c7f04dc7235661cb2097a656ba3d8a395f' }, parts.map((part, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (h("td", { key: part.part + key, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
115
115
|
'!border-none': idx === parts.length - 1,
|
|
116
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '
|
|
116
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'c0d54f9d76ee84a8c320297eee53db81c09a89fb' }, !imageGroups.length && h("div", { key: '22baa7869c43e3b8d00ed3de6962742d161397bd', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (h("div", { key: '8a20dd511402cd795352b876e22f5900fc7974f0', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (h("div", { class: "flex gap-[8px]", key: image }, h("button", { onClick: ({ target }) => this.openImage(target, image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), h("img", { class: "w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), h("div", { key: '4d221660088096ebfc6af7358f793e437244a973', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
117
117
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
118
|
-
}) }, h("button", { key: '
|
|
118
|
+
}) }, h("button", { key: 'ca7a02ca737a27680b1be7d49ddacf8e4eba432a', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '449fd04730b8a1d13ba345ac8a205ea679fecf8f', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '252f2def9e8635a3f99b0bb9b45fa6c93d1e2a93', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'c6bce15bceff44472c9d30b5bad3c90743822322', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
119
119
|
}
|
|
120
120
|
static get is() { return "paint-thickness"; }
|
|
121
121
|
static get encapsulation() { return "shadow"; }
|
|
@@ -319,7 +319,7 @@ export class PaintThickness {
|
|
|
319
319
|
"signature": "(message: ErrorKeys) => Promise<void>",
|
|
320
320
|
"parameters": [{
|
|
321
321
|
"name": "message",
|
|
322
|
-
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
322
|
+
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; wrongFormStructure: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
323
323
|
"docs": ""
|
|
324
324
|
}],
|
|
325
325
|
"references": {
|
|
@@ -94,7 +94,7 @@ export class ServiceHistory {
|
|
|
94
94
|
render() {
|
|
95
95
|
var _a, _b, _c, _d;
|
|
96
96
|
const texts = this.locale.vehicleLookup.serviceHistory;
|
|
97
|
-
return (h(Host, { key: '
|
|
97
|
+
return (h(Host, { key: 'e76b58b7ea0e3e43545b53657170744ee502e33f' }, h("div", { key: 'c1a8de26ff8bec649f6a85bac7294ae88dfc62ec', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'd2ebdd8db2d41edb52dc3382cd87858050ef4532' }, h(Loading, { key: 'ae735af4d7091cd11cb5e1493ebdf3e6ec0bae57', isLoading: this.state.includes('loading') }), h("div", { key: 'b827816a69a2fb308e01966a9aab4e18bd106ba7', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '0a09e696cf47f54671ec380bf9dee8164bcd7a68', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'ae5f5e6d2a3a2c2bf3e347ac98cab6ed3e00d0a1', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'bed04de6623705c3a9f9018c875e1ac5bc79ba0f', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '0c895ec93fc437a5576f03d37e5abce5db59ee24', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '4e804253de5eb3006b9e0eb1951468ff52ed2a4a', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.serviceHistory), h("div", { key: 'e4630f71f6015a76e52a3d82709a21f018aa3acf', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && h("div", { key: '0a59e8b81fe114ff88dcb39c1d9723c12e16f0da', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (h("table", { key: 'fd5275df952f81d4c31e541225617793300530cb', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'ec8cc4fa934919dc3f9d021c22b055504f0a6596', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '20ee16ff376f13cbac067c4a1f375c1e66e07ad7' }, ['branch', 'dealer', 'invoiceNumber', 'date', 'serviceType', 'odometer'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: 'eeb8a307c659436e556c2889e03cf7505b07ee30' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
|
|
98
98
|
var _a;
|
|
99
99
|
return (h("td", { key: service.invoiceNumber + serviceType, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
100
100
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
@@ -302,7 +302,7 @@ export class ServiceHistory {
|
|
|
302
302
|
"signature": "(message: ErrorKeys) => Promise<void>",
|
|
303
303
|
"parameters": [{
|
|
304
304
|
"name": "message",
|
|
305
|
-
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
305
|
+
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; wrongFormStructure: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
306
306
|
"docs": ""
|
|
307
307
|
}],
|
|
308
308
|
"references": {
|
|
@@ -107,7 +107,7 @@ export class VehicleAccessories {
|
|
|
107
107
|
var _a, _b;
|
|
108
108
|
const texts = this.locale.vehicleLookup.accessories;
|
|
109
109
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
110
|
-
return (h(Host, { key: '
|
|
110
|
+
return (h(Host, { key: '9c865f5f4768a7cf7cbc9dd719e8ecb996be070c' }, h("div", { key: '162e3eccc2d932e500ff5e5767e7458c7efb5b53', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '3a1559274fad0287fe58206be2bf2c9dec0223ca' }, h(Loading, { key: '765d988cc179ac4f2e5290c09aeb902d9c5c0fd2', isLoading: this.state.includes('loading') }), h("div", { key: 'bb04cedc539947a2f5b93e80c170ff3e77c2b5d4', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '4c383d2b2f880b59b5146dddc866bdc3727cf5e2', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '91c3ed077972638dfd8955e2ac8287682336f1cf', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '142aff37900365b6fe9cfabdf9d51240b4f86ec4', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'e9e64a46c71c58a869029d7eea2b3cd3746a4495', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '8b3e4b3e59a1ad17407570f328b1097b269780f1', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleAccessories), h("div", { key: '407e4f485f5136dd3f59056c466fd5561ae0a641', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: 'e6d2fa50d0844c33b21f8a893e672072999320bb', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (h("table", { key: '008010f85f740c1e4bff566af7b01fafbcd689fa', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '8eddd005c22f5e552b42ac19f3a356944b38db3b', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: 'faf9ae27ac4ed6b2c1552523f2b822cb115e2880' }, ['partNumber', 'description', 'image'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '7435f0e9118d3568fd88f1e4bdd34efd7b4a0e94' }, accessories.map((accessory, idx) => {
|
|
111
111
|
var _a;
|
|
112
112
|
return (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
113
113
|
var _a;
|
|
@@ -117,9 +117,9 @@ export class VehicleAccessories {
|
|
|
117
117
|
}), h("td", { class: cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
118
118
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
119
119
|
}) }, h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
|
|
120
|
-
})), h("div", { key: '
|
|
120
|
+
})), h("div", { key: '9645f48fb675e2e1d001db72056c0bac50906b26', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
121
121
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
122
|
-
}) }, h("button", { key: '
|
|
122
|
+
}) }, h("button", { key: 'd9b07711cc0620a08a404af9f26794cdb22156a2', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: 'eb538eb4f746291a38c8d66c37e578b067d33c1a', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: 'fdbbd859c82aacd1acd53a49f1503f3c934c4d54', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'ba7b96dc53f517e2fa8133dbd06fdf1084cd40ee', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
123
123
|
}
|
|
124
124
|
static get is() { return "vehicle-accessories"; }
|
|
125
125
|
static get encapsulation() { return "shadow"; }
|
|
@@ -323,7 +323,7 @@ export class VehicleAccessories {
|
|
|
323
323
|
"signature": "(message: ErrorKeys) => Promise<void>",
|
|
324
324
|
"parameters": [{
|
|
325
325
|
"name": "message",
|
|
326
|
-
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
326
|
+
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; wrongFormStructure: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
327
327
|
"docs": ""
|
|
328
328
|
}],
|
|
329
329
|
"references": {
|
|
@@ -123,7 +123,7 @@ export class VehicleLookup {
|
|
|
123
123
|
catch (error) {
|
|
124
124
|
console.error(error);
|
|
125
125
|
}
|
|
126
|
-
return (h(Host, { key: '
|
|
126
|
+
return (h(Host, { key: '685f6e89c9aa35a2a0365244f2a41ea4c5ffcc17' }, h("div", { key: '515bfac2637d9b44ce837ce489eaa913fb3a6dd6', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, h("vehicle-specification", Object.assign({ key: '0a58332ac6cb48591c853a7a3e8e06cb5edc1e7f', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), h("div", { key: '8e69374367bf5fca43e630621bfa0b8ffa99c248', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, h("vehicle-accessories", Object.assign({ key: 'f4cef7eb5baf2730d187bd8cbc75bab1f1e72210', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), h("div", { key: 'e401299ff0d7ff4f36a8fd18b06e6e08fbce68ff', class: cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, h("warranty-details", Object.assign({ key: '08d44f1a36645f41a6330649880aa80ad4110564', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), h("slot", { key: '91393125876c7eb5d2957f17c344162958e5442b' }))), h("div", { key: '0011df64d65187e36d4a36f6298a4433dd23f933', class: cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, h("service-history", Object.assign({ key: '91ed7f8eda882589b51cb3c3f81f6dfd22b32f9b', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), h("div", { key: '8675a6514576a8b1a231e59d1c5d91daa14dec17', class: cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, h("paint-thickness", Object.assign({ key: 'f887fdbe3dde4213f65062dfb44356771889d7ef', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), h("div", { key: '4f3cb0e244866eb674b4cbe78c07958ce6fbf4de', class: cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, h("dynamic-claim", Object.assign({ key: 'f7abc8286ede7dd9775825aa389f7236e64ea927' }, props[componentTags.dynamicClaim], { language: this.language, "base-url": this.baseUrl, "query-string": this.queryString })))));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "vehicle-lookup"; }
|
|
129
129
|
static get originalStyleUrls() {
|
|
@@ -89,7 +89,7 @@ export class VehicleSpecification {
|
|
|
89
89
|
render() {
|
|
90
90
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
91
91
|
const texts = this.locale.vehicleLookup.specification;
|
|
92
|
-
return (h(Host, { key: '
|
|
92
|
+
return (h(Host, { key: '6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00' }, h("div", { key: 'ddb8b2dc2838a030499b5241f3dfa15f7a68bf07', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'f81b91d6c7cfd81df70b691b56b10c26ebaf1efc' }, h(Loading, { key: 'b96b054448c12ccbaf6fa6291382f51e3c334376', isLoading: this.state.includes('loading') }), h("div", { key: '76cd0cc45c7f84986bd813effac5a53a0295c491', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '60724b3858a6707e3afa18d985f50616fa8484f0', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '60dcc26e1ecceb4cbca2c2de1e6db439c17e1019', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '4d3c1afca968d2c7fc2a925fc626d70492f49869', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'af212e18ce332b031699b6c3e00df805fbc31db1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '21a2974e7222b7d6a8fcaa2df1978ecf7670eedf', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleSpecification), h("div", { key: 'b3413a1f409cebfa51c3c84aab4acb1ddf88e3ac', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '4e1d80fd788a29fce807c7bf7a55cf306691c614', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (h("table", { key: 'b8edb5185c70b660818af1023ecdff2d371732fd', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'fb412628f875cca8d6a9d6921e9bec42a4ee4a64', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '7676f04f48b6fce484f65f0c80a17e2c500eba27' }, ['model', 'variant', 'katashiki', 'modelYear', 'sfx'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '1075c4b0ea60a3ccca8c84ff0e85dbc743c2d344' }, h("tr", { key: 'a2e4bae8f5c53f9b2447242b12bba65288e7cece' }, h("td", { key: 'a792eb66c320e92c1b6a04159cf7f3d7076b30d3', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", h("br", { key: '2994aa18bdadecc364a34a0f9d3b88908e2c6676', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), h("td", { key: '215d557dab5b54a432cc0a1fe8f0dde27aa1a5b4', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", h("br", { key: 'ec59b6a49dd36a203d879bd60fd36094f3bc9407' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
93
93
|
var _a;
|
|
94
94
|
const [place, field] = infoPath.split('.');
|
|
95
95
|
const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
|
|
@@ -297,7 +297,7 @@ export class VehicleSpecification {
|
|
|
297
297
|
"signature": "(message: ErrorKeys) => Promise<void>",
|
|
298
298
|
"parameters": [{
|
|
299
299
|
"name": "message",
|
|
300
|
-
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
300
|
+
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; wrongFormStructure: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
301
301
|
"docs": ""
|
|
302
302
|
}],
|
|
303
303
|
"references": {
|
|
@@ -193,7 +193,7 @@ export class WarrantyDetails {
|
|
|
193
193
|
}
|
|
194
194
|
render() {
|
|
195
195
|
var _a, _b, _c, _d, _e;
|
|
196
|
-
return (h(Host, { key: '
|
|
196
|
+
return (h(Host, { key: 'a2450072b8322100a2b26fffde2f2368fa6f859e' }, h("div", { key: 'b62fc2c807ee3c7d28d86d247610d79b282bee77', dir: this.locale.direction, class: "min-h-[100px] warranty" }, h("div", { key: '07d047b42d6a2811b09bfb4a679580eae17007e8' }, h(Loading, { key: 'dbc3ab7702d82d35e77360730fb982e862794b29', isLoading: this.state.includes('loading') }), h("div", { key: '290ae621db597035e73f65a856c1bb438cd4b9e7', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (h("div", { key: '8331397a1da36813069186f23fb40b4189549d27', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '0c48f32b6ed6604dad626c32203a30af9107bdae', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '1ca1709b2e88e66272b1de6f9c32c2b88f444172', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '6c72a9bc36dce8a07de4bb31324160925b99f0f5', locale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), h("div", { key: '1df38bbb43f2068d07be564141d7ad05535a4821', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: 'c0a13e5c4b8472cec694eb0e3c86ec47126ed17f' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '0538982583473257a4d950bf256c088600515059', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: 'b124c96b6cb2c04c9e66a26a29408df14658e020', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: 'c1f047e2cf8cc089ffd68bd973237a418220664d' }, h("strong", { key: 'f99dbf2f323fe499afcd5e4e75a970c40e40503e' }, this.locale.vehicleLookup.warranty.checkingTMC)), h("img", { key: '6232d00679900c7f6625311a3846b0c022b35c53', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (h(SSCTable, { key: '633a617baadedc94ad0aacb5d8db7da6df880258', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
|
|
197
197
|
}
|
|
198
198
|
static get is() { return "warranty-details"; }
|
|
199
199
|
static get encapsulation() { return "shadow"; }
|
|
@@ -689,7 +689,7 @@ export class WarrantyDetails {
|
|
|
689
689
|
"signature": "(message: ErrorKeys) => Promise<void>",
|
|
690
690
|
"parameters": [{
|
|
691
691
|
"name": "message",
|
|
692
|
-
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
692
|
+
"type": "OptionalKeys<{ wildCard: string; noBaseUrl: string; invalidVin: string; noPartsFound: string; vinNumberRequired: string; wrongFormStructure: string; partNumberRequired: string; noServiceAvailable: string; wrongResponseFormat: string; requestFailedPleaseTryAgainLater: string; }>",
|
|
693
693
|
"docs": ""
|
|
694
694
|
}],
|
|
695
695
|
"references": {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white"
|
|
2
|
+
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader">
|
|
3
|
+
<path d="M12 2v4" />
|
|
4
|
+
<path d="m16.2 7.8 2.9-2.9" />
|
|
5
|
+
<path d="M18 12h4" />
|
|
6
|
+
<path d="m16.2 16.2 2.9 2.9" />
|
|
7
|
+
<path d="M12 18v4" />
|
|
8
|
+
<path d="m4.9 19.1 2.9-2.9" />
|
|
9
|
+
<path d="M2 12h4" />
|
|
10
|
+
<path d="m4.9 4.9 2.9 2.9" />
|
|
11
|
+
</svg>
|
|
@@ -10,14 +10,16 @@ export class FormHook {
|
|
|
10
10
|
this.formErrors = {};
|
|
11
11
|
this.getFormErrors = () => this.formErrors;
|
|
12
12
|
this.getValues = () => {
|
|
13
|
-
const
|
|
13
|
+
const formDom = this.context.el.shadowRoot || this.context.el;
|
|
14
|
+
const form = formDom.querySelector('form');
|
|
14
15
|
const formData = new FormData(form);
|
|
15
16
|
const formObject = Object.fromEntries(formData.entries());
|
|
16
17
|
return formObject;
|
|
17
18
|
};
|
|
18
19
|
this.focusFirstInput = (errorFields) => {
|
|
19
20
|
if (errorFields.length) {
|
|
20
|
-
const
|
|
21
|
+
const formDom = this.context.el.shadowRoot || this.context.el;
|
|
22
|
+
const domElements = errorFields.map(field => formDom.querySelector(`*[name="${field.name}"]`)).filter(dom => dom);
|
|
21
23
|
const sortedDomElements = domElements.sort((a, b) => {
|
|
22
24
|
if (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING)
|
|
23
25
|
return -1; // a comes before b
|
|
@@ -35,9 +37,9 @@ export class FormHook {
|
|
|
35
37
|
try {
|
|
36
38
|
this.isSubmitted = true;
|
|
37
39
|
this.context.isLoading = true;
|
|
38
|
-
this.signal({ isError: false });
|
|
40
|
+
this.signal({ isError: false, disabled: true });
|
|
39
41
|
const formObject = this.getValues();
|
|
40
|
-
const values = await this.schemaObject.validate(formObject, { abortEarly: false
|
|
42
|
+
const values = await this.schemaObject.validate(formObject, { abortEarly: false });
|
|
41
43
|
await this.context.formSubmit(values);
|
|
42
44
|
}
|
|
43
45
|
catch (error) {
|
|
@@ -47,12 +49,13 @@ export class FormHook {
|
|
|
47
49
|
error.inner.forEach((element) => {
|
|
48
50
|
if (element.path) {
|
|
49
51
|
this.formErrors[element.path] = element.message;
|
|
50
|
-
if (!errorFields.find(field => field.name === element.path))
|
|
52
|
+
if (!errorFields.find(field => field.name === element.path)) {
|
|
51
53
|
errorFields.push({
|
|
52
54
|
isError: true,
|
|
53
55
|
name: element.path,
|
|
54
56
|
errorMessage: element.message,
|
|
55
57
|
});
|
|
58
|
+
}
|
|
56
59
|
}
|
|
57
60
|
});
|
|
58
61
|
this.signal(errorFields);
|
|
@@ -62,22 +65,30 @@ export class FormHook {
|
|
|
62
65
|
console.error('Unexpected Error:', error);
|
|
63
66
|
}
|
|
64
67
|
finally {
|
|
68
|
+
this.signal({ disabled: false });
|
|
65
69
|
this.context.isLoading = false;
|
|
66
70
|
}
|
|
67
71
|
})();
|
|
68
72
|
};
|
|
69
73
|
this.newController = (name, fieldType) => {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
74
|
+
const validationDescription = this.schemaObject.describe().fields[name];
|
|
75
|
+
const sharedFields = {
|
|
76
|
+
name,
|
|
77
|
+
fieldType,
|
|
78
|
+
isError: false,
|
|
79
|
+
disabled: false,
|
|
80
|
+
errorMessage: '',
|
|
81
|
+
isRequired: validationDescription === null || validationDescription === void 0 ? void 0 : validationDescription.tests.some(test => test.name === 'required'),
|
|
82
|
+
};
|
|
83
|
+
if (fieldType === 'text' || fieldType === 'number' || fieldType === 'text-area')
|
|
84
|
+
this.subscribedFields[name] = Object.assign(Object.assign({}, sharedFields), { inputChanges: (event) => {
|
|
77
85
|
const value = event.target.value;
|
|
78
86
|
this.onChanges(name, value);
|
|
79
|
-
}
|
|
80
|
-
|
|
87
|
+
} });
|
|
88
|
+
else if (fieldType === 'select')
|
|
89
|
+
this.subscribedFields[name] = Object.assign(Object.assign({}, sharedFields), { inputChanges: (value) => {
|
|
90
|
+
this.onChanges(name, value);
|
|
91
|
+
} });
|
|
81
92
|
return this.subscribedFields[name];
|
|
82
93
|
};
|
|
83
94
|
this.signal = (partialSignal) => {
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
export const setupRecaptcha = (recaptchaKey, language = 'en', callback = () => { }) => {
|
|
6
|
+
console.log(language);
|
|
7
|
+
if (!recaptchaKey)
|
|
8
|
+
return;
|
|
9
|
+
const oldScript = document.querySelector("script[src*='recaptcha/api.js']");
|
|
10
|
+
if (oldScript) {
|
|
11
|
+
oldScript.remove();
|
|
12
|
+
console.log('Old reCAPTCHA script removed');
|
|
13
|
+
}
|
|
14
|
+
const recaptchaContainers = document.getElementsByClassName('g-recaptcha');
|
|
15
|
+
Array.from(recaptchaContainers).forEach(container => container.remove());
|
|
16
|
+
const script = document.createElement('script');
|
|
17
|
+
script.src = `https://www.google.com/recaptcha/api.js?render=explicit&hl=${language}`;
|
|
18
|
+
script.async = true;
|
|
19
|
+
script.defer = true;
|
|
20
|
+
script.onload = () => {
|
|
21
|
+
console.log(`reCAPTCHA script loaded with language: ${language}`);
|
|
22
|
+
callback();
|
|
23
|
+
};
|
|
24
|
+
document.head.appendChild(script);
|
|
25
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
function parseElement(str) {
|
|
6
|
+
const elementPart = str.split(/\.|#/)[0];
|
|
7
|
+
const classMatch = str.match(/\.(\w+)/);
|
|
8
|
+
const idMatch = str.match(/#(\w+)/);
|
|
9
|
+
return {
|
|
10
|
+
children: [],
|
|
11
|
+
element: elementPart,
|
|
12
|
+
id: idMatch ? idMatch[1] : '',
|
|
13
|
+
class: classMatch ? classMatch[1] : '',
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
const recursiveParser = (structuredArray) => {
|
|
17
|
+
if (!Array.isArray(structuredArray) || !structuredArray.length)
|
|
18
|
+
throw new Error('Invalid structure');
|
|
19
|
+
let parent = { element: '', class: '', id: '', children: [] };
|
|
20
|
+
let startIndex = 0;
|
|
21
|
+
if (typeof structuredArray[0] === 'string' && structuredArray[0].startsWith('div')) {
|
|
22
|
+
parent = parseElement(structuredArray[0]);
|
|
23
|
+
startIndex++;
|
|
24
|
+
}
|
|
25
|
+
for (let idx = startIndex; idx < structuredArray.length; idx++) {
|
|
26
|
+
const child = structuredArray[idx];
|
|
27
|
+
if (typeof child === 'string')
|
|
28
|
+
parent.children.push(parseElement(child));
|
|
29
|
+
else
|
|
30
|
+
parent.children.push(recursiveParser(child));
|
|
31
|
+
}
|
|
32
|
+
return parent;
|
|
33
|
+
};
|
|
34
|
+
export const formStructureStringExample = '[["div.kodo#j7","name.name#name"], "div.d3#s2"]';
|
|
35
|
+
export const isValidStructure = (structureString) => {
|
|
36
|
+
try {
|
|
37
|
+
const parsedStructure = JSON.parse(structureString);
|
|
38
|
+
if (!Array.isArray(parsedStructure) || !parsedStructure.length)
|
|
39
|
+
throw new Error('Invalid structure');
|
|
40
|
+
const structuredObject = recursiveParser(parsedStructure);
|
|
41
|
+
return structuredObject;
|
|
42
|
+
}
|
|
43
|
+
catch (error) {
|
|
44
|
+
console.log(error);
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -9,6 +9,7 @@ export const errorsSchema = object({
|
|
|
9
9
|
invalidVin: string().required(),
|
|
10
10
|
noPartsFound: string().required(),
|
|
11
11
|
vinNumberRequired: string().required(),
|
|
12
|
+
wrongFormStructure: string().required(),
|
|
12
13
|
partNumberRequired: string().required(),
|
|
13
14
|
noServiceAvailable: string().required(),
|
|
14
15
|
wrongResponseFormat: string().required(),
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import { object, string } from "yup";
|
|
6
|
+
export const contactUsSchema = object({
|
|
7
|
+
fullName: string().required(),
|
|
8
|
+
fullNameMinimum: string().required(),
|
|
9
|
+
fullNameIsRequired: string().required(),
|
|
10
|
+
emailAddress: string().required(),
|
|
11
|
+
emailAddressNotValid: string().required(),
|
|
12
|
+
city: string().required(),
|
|
13
|
+
selectCity: string().required(),
|
|
14
|
+
cityIsRequired: string().required(),
|
|
15
|
+
phoneNumber: string().required(),
|
|
16
|
+
phoneNumberIsRequired: string().required(),
|
|
17
|
+
phoneNumberFormatInvalid: string().required(),
|
|
18
|
+
inquiryType: string().required(),
|
|
19
|
+
selectInquiryType: string().required(),
|
|
20
|
+
inquiryTypeIsRequired: string().required(),
|
|
21
|
+
writeAMessage: string().required(),
|
|
22
|
+
leaveUsMessage: string().required(),
|
|
23
|
+
messageIsRequired: string().required(),
|
|
24
|
+
});
|