adp-web-components 0.0.43 → 0.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +15 -13
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +12 -12
- package/dist/cjs/dynamic-redeem.cjs.entry.js +4 -4
- package/dist/cjs/form-input.cjs.entry.js +1 -1
- package/dist/cjs/general-inquiry-form.cjs.entry.js +1 -1
- package/dist/cjs/{get-local-language-72037bc8.js → get-local-language-30419427.js} +2 -2
- package/dist/cjs/part-lookup.cjs.entry.js +2 -2
- package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -2
- package/dist/collection/components/form-input/form-input.js +1 -1
- package/dist/collection/components/general-inquiry-form/general-inquiry-form.js +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.js +5 -5
- package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +7 -5
- package/dist/collection/components/part-lookup/part-lookup.js +1 -1
- package/dist/collection/components/vehicle-lookup/dynamic-claim.js +2 -2
- package/dist/collection/components/vehicle-lookup/dynamic-redeem.js +3 -3
- 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 +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-specification.js +1 -1
- package/dist/collection/components/vehicle-lookup/warranty-details.js +1 -1
- package/dist/collection/global/types/locales/part-lookup/distributor-schema.js +1 -1
- package/dist/collection/templates/part-lookup/mock-data.js +14 -77
- 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/general-inquiry-form.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/{p-460a3b65.js → p-2e567b64.js} +1 -1
- package/dist/components/p-42a5d3c9.js +5 -0
- package/dist/components/{p-47a14cee.js → p-4c7017f8.js} +1 -1
- package/dist/components/{p-ac5c34c6.js → p-4cdcb520.js} +1 -1
- package/dist/components/{p-954afef8.js → p-7662fe0a.js} +1 -1
- package/dist/components/{p-4bbe470a.js → p-8c079b39.js} +1 -1
- package/dist/components/{p-53750997.js → p-8dc757e9.js} +1 -1
- package/dist/components/p-b7a8a0ff.js +5 -0
- package/dist/components/p-c1acb397.js +5 -0
- package/dist/components/{p-d9d6e5a3.js → p-c37ba710.js} +1 -1
- package/dist/components/{p-b50330bb.js → p-c59cfec8.js} +1 -1
- package/dist/components/{p-54db4b42.js → p-d98710fe.js} +1 -1
- package/dist/components/{p-044a958e.js → p-f5015d31.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/dead-stock-lookup_3.entry.js +15 -13
- package/dist/esm/dynamic-claim_6.entry.js +12 -12
- package/dist/esm/dynamic-redeem.entry.js +4 -4
- package/dist/esm/form-input.entry.js +1 -1
- package/dist/esm/general-inquiry-form.entry.js +1 -1
- package/dist/esm/{get-local-language-a23f3c7b.js → get-local-language-9742a5f6.js} +2 -2
- package/dist/esm/part-lookup.entry.js +2 -2
- package/dist/esm/vehicle-lookup.entry.js +2 -2
- package/dist/locales/ar.json +1 -1
- package/dist/locales/en.json +1 -1
- package/dist/locales/ku.json +1 -1
- package/dist/locales/ru.json +1 -1
- package/dist/shift-components/{p-2cb5d508.entry.js → p-02589422.entry.js} +1 -1
- package/dist/shift-components/p-33434784.entry.js +5 -0
- package/dist/shift-components/p-a6ecaa3f.js +5 -0
- package/dist/shift-components/{p-56977a12.entry.js → p-a88d388f.entry.js} +1 -1
- package/dist/shift-components/{p-866d61c2.entry.js → p-ad59c0ac.entry.js} +1 -1
- package/dist/shift-components/{p-4a6d30b1.entry.js → p-b1663a0f.entry.js} +1 -1
- package/dist/shift-components/{p-b0ad10ce.entry.js → p-c87d536f.entry.js} +1 -1
- package/dist/shift-components/{p-b2ddd0a7.entry.js → p-edf9ed4b.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/global/types/locales/index.d.ts +2 -2
- package/dist/types/global/types/locales/part-lookup/distributor-schema.d.ts +2 -2
- package/dist/types/global/types/locales/part-lookup/index.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/p-886097ea.js +0 -5
- package/dist/components/p-bef4cfc3.js +0 -5
- package/dist/components/p-c8c49f30.js +0 -5
- package/dist/shift-components/p-282f8f6f.js +0 -5
- package/dist/shift-components/p-58849c77.entry.js +0 -5
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-846c93d2.js');
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
|
-
const getLocalLanguage = require('./get-local-language-
|
|
11
|
+
const getLocalLanguage = require('./get-local-language-30419427.js');
|
|
12
12
|
require('./index.esm-c628daeb.js');
|
|
13
13
|
|
|
14
14
|
function validateVin(vin) {
|
|
@@ -190,7 +190,7 @@ const VehicleLookup = class {
|
|
|
190
190
|
catch (error) {
|
|
191
191
|
console.error(error);
|
|
192
192
|
}
|
|
193
|
-
return (index.h(index.Host, { key: '
|
|
193
|
+
return (index.h(index.Host, { key: 'ddd06438bb0fb00657dc6c27d116429b6e50ad04' }, index.h("div", { key: '335212bf722ce16aab6df6553d300199173b515e', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, index.h("vehicle-specification", Object.assign({ key: '7070098c4df1cd0ae111b1e9ad156864eb628b8b', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), index.h("div", { key: '8d9669bdabdd7e9fa2a3396fb0ae9bfa11ae1187', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, index.h("vehicle-accessories", Object.assign({ key: 'd83882f9be33d5c5d24d64ff130e6dd9243f4f5c', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), index.h("div", { key: 'ce21c31a34ca00043977cd41cf6cbe4640ecb75d', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, index.h("warranty-details", Object.assign({ key: '6fa7b1488571204fe75264fbfac3953c79bd3d1c', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), index.h("slot", { key: '3ed3af3e56f1af9fb46421c367ca75681e9951a9' }))), index.h("div", { key: '942a83adabda7fa2584632e912bb7749c44a3412', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, index.h("service-history", Object.assign({ key: '51dd1e05ba39577f1f134eb3222c27c9cfb14178', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), index.h("div", { key: '403aec627156d91963a122a4e0f7f9d6e741d1eb', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, index.h("paint-thickness", Object.assign({ key: '4e05539bed2c8a148e38290ab0548ce8dd924843', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), index.h("div", { key: 'cb6fb0e17c30d992de66911828b85aa1d6af71f9', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, index.h("dynamic-claim", Object.assign({ key: '164bee9b2baadb0bea04086a6ad34ca7be972aae' }, props[componentTags.dynamicClaim], { language: this.language, "base-url": this.baseUrl, "query-string": this.queryString })))));
|
|
194
194
|
}
|
|
195
195
|
get el() { return index.getElement(this); }
|
|
196
196
|
static get watchers() { return {
|
|
@@ -18,7 +18,7 @@ export class FormInput {
|
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
const { class: inputClass, errorClass, containerClass, disabled, label, isError, labelClass, name, errorMessage, onInput } = this;
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '6acec2c92f25ea6d2d325d4fba8a3ecbdf5532e1' }, h("label", { key: '5f3f408cb006774a1f812affb27819a2966efb9f', class: cn('relative w-full pb-[20px] inline-flex flex-col', containerClass) }, label && h("div", { key: '20e6427ed7c2cdf515c4fedf546d6fd6748581b9', class: cn('mb-[4px]', labelClass) }, label), h("input", { key: '8a3e893e253854d74e605594d56f519049234362', name: name, onInput: onInput, disabled: disabled, class: cn('border disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-colors duration-300 rounded-lg outline-none focus:border-slate-600 w-full', { '!border-red-500': isError }, inputClass) }), h("div", { key: '1bd199c8946eaa5de2cec1d797d34e92d7a44744', class: cn('absolute bottom-0 -z-10 text-red-500 transition-all duration-300', { '-translate-y-full opacity-0': !isError }, errorClass) }, errorMessage))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "form-input"; }
|
|
24
24
|
static get originalStyleUrls() {
|
|
@@ -22,7 +22,7 @@ export class GeneralInquiryForm {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
const { formController } = this.form;
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'e44bff82f52d5070194e0446bee5dd14d9624764' }, h("form", Object.assign({ key: '94d120cd72c7ae2ff0a40bd5156cdc64a32ffb1b' }, formController), h("form-input", Object.assign({ key: '1761e7ffa9115d68543845686489181ff4af5e6f' }, this.nameController, { label: "Name", name: "name" })), h("form-input", Object.assign({ key: 'c0ae6d7e90f72d7463bb515fc4d6ba9c13737e51' }, this.name2Controller, { label: "Name2", name: "name2" })), h("button", { key: '68af7c16d176737445594fa50d2dffe9afb39c1f', type: "submit" }, "sd"))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "general-inquiry-form"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.me-
|
|
1
|
+
*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-\[40px\]{height:40px}.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))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[20px\]{padding-bottom:20px;padding-top:20px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\[green\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\[orange\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\[red\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\:border-none:last-child{border-style:none}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}
|
|
@@ -92,7 +92,7 @@ export class DistributorLookup {
|
|
|
92
92
|
mockData = newMockData;
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
var _a
|
|
95
|
+
var _a;
|
|
96
96
|
const texts = this.locale.partLookup.distributor;
|
|
97
97
|
const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
|
|
98
98
|
const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
|
|
@@ -106,8 +106,8 @@ export class DistributorLookup {
|
|
|
106
106
|
value: this.partInformation.localDescription,
|
|
107
107
|
},
|
|
108
108
|
{ label: texts.dealerPurchasePrice, key: 'fob', value: null, values: this.partInformation.prices.map(price => { var _a; return { header: price === null || price === void 0 ? void 0 : price.countryName, body: (_a = price === null || price === void 0 ? void 0 : price.fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) }; }) },
|
|
109
|
-
{ label: texts.recommendedRetailPrice, key: 'price', value:
|
|
110
|
-
{ label: texts.
|
|
109
|
+
{ label: texts.recommendedRetailPrice, key: 'price', value: null, values: this.partInformation.prices.map(price => { var _a; return { header: price === null || price === void 0 ? void 0 : price.countryName, body: (_a = price === null || price === void 0 ? void 0 : price.price) === null || _a === void 0 ? void 0 : _a.toFixed(2) }; }) },
|
|
110
|
+
{ label: texts.supersessions, key: 'supersededTo', value: null, values: this.partInformation.supersededTo.map(part => { return { header: null, body: part }; }) },
|
|
111
111
|
]
|
|
112
112
|
: [];
|
|
113
113
|
const displayedFields = partsInformation.filter(part => !hiddenFields.includes(part.key));
|
|
@@ -115,9 +115,9 @@ export class DistributorLookup {
|
|
|
115
115
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
116
116
|
: false;
|
|
117
117
|
return (h(Host, null, h("div", { dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", null, h(Loading, { isLoading: this.state.includes('loading') }), h("div", { class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { 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", null, h("div", { class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.info), h("div", { class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, h("div", { class: "grid grid-cols-3 gap-[50px]" }, displayedFields.map(({ label, value, values, key }) => (h("div", { key: key, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), values ?
|
|
118
|
-
h("div", null, (values.map(x => (h("span", { key: x.header, class: "inline-flex items-center bg-red-50 text-red-800 text-sm font-medium px-3 py-1 me-
|
|
118
|
+
h("div", null, (values.map(x => (h("span", { key: x.header + x.body, class: "inline-flex items-center bg-red-50 text-red-800 text-sm font-medium px-3 py-1 me-1 mt-2 rounded-lg border border-red-300" }, x.header && h("span", { class: "font-semibold" }, x.header, ":"), h("span", { class: "ml-1" }, x.body))))))
|
|
119
119
|
:
|
|
120
|
-
(h("div", { class: "py-[10px] px-0" }, value)))))))), displayDistributer && (h("div", { class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.distributorStock), h("div", { class: "flex flex-col gap-[15px]" }, h("table", { class: "w-full overflow-auto relative border-collapse" }, h("thead", { class: "top-0 font-bold sticky bg-white" }, h("tr", null, [texts.location, texts.availability].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", null, (
|
|
120
|
+
(h("div", { class: "py-[10px] px-0" }, value)))))))), displayDistributer && (h("div", { class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.distributorStock), h("div", { class: "flex flex-col gap-[15px]" }, h("table", { class: "w-full overflow-auto relative border-collapse" }, h("thead", { class: "top-0 font-bold sticky bg-white" }, h("tr", null, [texts.location, texts.availability].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", null, (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.stockParts.map(stock => (h("tr", { class: "transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100", key: stock.locationID }, h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, stock.locationName), h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, h("div", { class: cn('text-[red]', {
|
|
121
121
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
122
122
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
123
123
|
}) }, h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\[40px\]{height:40px}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}
|
|
1
|
+
*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-\[40px\]{height:40px}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}
|
|
@@ -93,16 +93,15 @@ export class ManufacturerLookup {
|
|
|
93
93
|
mockData = newMockData;
|
|
94
94
|
}
|
|
95
95
|
render() {
|
|
96
|
-
var _a, _b, _c;
|
|
97
96
|
const texts = this.locale.partLookup.manufacturer;
|
|
98
97
|
const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
|
|
99
98
|
const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
|
|
100
99
|
const manufacturerData = this.partInformation
|
|
101
100
|
? [
|
|
102
101
|
{ label: texts.origin, key: 'origin', value: this.partInformation.origin },
|
|
103
|
-
{ label: texts.warrantyPrice, key: 'warrantyPrice', value:
|
|
104
|
-
{ label: texts.specialPrice, key: 'specialPrice', value:
|
|
105
|
-
{ label: texts.wholesalesPrice, key: 'salesPrice', value:
|
|
102
|
+
{ label: texts.warrantyPrice, key: 'warrantyPrice', value: null, values: this.partInformation.prices.map(price => { var _a; return { header: price === null || price === void 0 ? void 0 : price.countryName, body: (_a = price === null || price === void 0 ? void 0 : price.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) }; }) },
|
|
103
|
+
{ label: texts.specialPrice, key: 'specialPrice', value: null },
|
|
104
|
+
{ label: texts.wholesalesPrice, key: 'salesPrice', value: null },
|
|
106
105
|
{ label: texts.pnc, key: 'pnc', value: this.partInformation.pnc },
|
|
107
106
|
{ label: texts.pncName.replace('$', localName), key: 'pncLocalName', value: this.partInformation.pncLocalName },
|
|
108
107
|
{ label: texts.binCode, key: 'binCode', value: this.partInformation.binCode },
|
|
@@ -117,7 +116,10 @@ export class ManufacturerLookup {
|
|
|
117
116
|
]
|
|
118
117
|
: [];
|
|
119
118
|
const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
|
|
120
|
-
return (h(Host,
|
|
119
|
+
return (h(Host, null, h("div", { dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", null, h(Loading, { isLoading: this.state.includes('loading') }), h("div", { class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { 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", null, h("div", { class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), h("div", { class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { class: "grid grid-cols-3 gap-[50px]" }, displayedManufacturerData.map(({ label, value, values, key }) => (h("div", { key: key, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), values ?
|
|
120
|
+
h("div", null, (values.map(x => (h("span", { key: x.header + x.body, class: "inline-flex items-center bg-red-50 text-red-800 text-sm font-medium px-3 py-1 me-1 mt-2 rounded-lg border border-red-300" }, x.header && h("span", { class: "font-semibold" }, x.header, ":"), h("span", { class: "ml-1" }, x.body))))))
|
|
121
|
+
:
|
|
122
|
+
(h("div", { class: "py-[10px] px-0" }, value)))))))))))))));
|
|
121
123
|
}
|
|
122
124
|
static get is() { return "manufacturer-lookup"; }
|
|
123
125
|
static get encapsulation() { return "shadow"; }
|
|
@@ -108,7 +108,7 @@ export class PartLookup {
|
|
|
108
108
|
catch (error) {
|
|
109
109
|
console.error(error);
|
|
110
110
|
}
|
|
111
|
-
return (h(Host, { key: '
|
|
111
|
+
return (h(Host, { key: '922fc89b72affe332f2a848c556f67c472c1a075' }, h("div", { key: '1e26c9410611c0b72fa1449d980c59e887acedc0', class: cn('w-full', { hidden: this.activeElement !== componentTags.deadStock }) }, h("dead-stock-lookup", Object.assign({ key: '533693ace352eb3dc9ecfd99c8db02c21e57de13', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.deadStock]))), h("div", { key: '5c42af09befb08752ac881fc53ceabed03a9721a', class: cn('w-full', { hidden: this.activeElement !== componentTags.distributor }) }, h("distributor-lookup", Object.assign({ key: 'c124bef3e39e6a82ff602584afe0af932ff10a62', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.distributor]))), h("div", { key: 'f2d4cdaabcaa4a5b65179702ff46a907e7660a27', class: cn('w-full', { hidden: this.activeElement !== componentTags.manufacturer }) }, h("manufacturer-lookup", Object.assign({ key: '6a284fa05f0699984931a2f2fac576a19531feee', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.manufacturer]))), h("slot", { key: 'db0817b8736b1dd04b3a3b20b15843683e656f55' })));
|
|
112
112
|
}
|
|
113
113
|
static get is() { return "part-lookup"; }
|
|
114
114
|
static get originalStyleUrls() {
|
|
@@ -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: 'efe382c05e2d023676ac4dce0e3f922864731615' }, h("dynamic-redeem", { key: 'a15dadc5f66591870a25a5f5215179d4472285bd', language: this.language, id: "dynamic-redeem" }), h("div", { key: 'fbd869d0c3e9fd00408228cb96a0b3fad62de83a', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '701309cd980e7eed0df57288b4aad78dd9724891', class: "dynamic-claim-header" }, h("strong", { key: 'c2bcd92ed2d0ffc2b28d74b5c41ef462c858095f', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: '34972de8ff394c6438e66ca4eb35e02f32b79156', 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: '56a8a3cb5609aa3b9cf634a07188e4388473b242', class: "dynamic-claim-body" }, h("div", { key: 'd8f06bb12e0b9c0090b794822176c66f6ecfaf68', class: "loading-lane" }, h("div", { key: '4e96a38e62521cd8c406d4ea216c8e1829520a47', class: "dynamic-claim-loading-slider" }, h("div", { key: 'dcb6d564aadaf068debb05b129ed6cda661df033', class: "dynamic-claim-loading-slider-line" }), h("div", { key: 'ccd8b84c36489c53db225b3ffb4b3e85dce4755e', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'f9b9ed4326de3a8880505875d8537771c9fbd287', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: 'e69de01f2833610ecb00bb73340e95e98ac28089', 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: '01c3a19f33ef532ba8a594fd813652d763e7858f', class: "dynamic-claim-progress-bar" }))))));
|
|
304
304
|
}
|
|
305
305
|
static get is() { return "dynamic-claim"; }
|
|
306
306
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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: '7a1452bde46bebc78f2cd6782f97a44254b87cf2' }, h("div", { key: '66e131691c014cf28a8c5ad3e2dc9c98538c8fba', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: '4c3b0c47c933d05f662679e8b0d955d39fff2132', 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: 'b93a4536169a01c7afb398654116ef2b49ff1717', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '3567cf80ca2d74f5f00a6077404870067c4483b8', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'b1113f18cdabb0a57c80639375b4e50ac06217f4', id: "SVGRepo_iconCarrier" }, h("path", { key: '707c244e3b0c0c8f22b6eb880c62a141ce5811c5', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'a541d54fbe93e86170bda2102c659ac602532a97', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '438c7201885cb6de65fba70004e774d7619ffb44', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '4142e84e95a0ed7f8d5dc80bd817c4e0167210ce', class: "dynamic-claim-processor-info-box" }, h("div", { key: 'fba0513e1c81b1360cc8c80c5fe80e83d712d54e', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '4609d09f21ab5b015b0731aabd40b7fbf550d1d4', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '7cfe2ade88496ef0bb8e6277e8f668ffa2268c39', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: '65eb6b9c2e23f0a535ef9bddee71616c54d91c01', class: "border-separate" }, h("tr", { key: '25d831975aeb76c544db98607ab3076cf57a1079' }, h("th", { key: '477cc19767ea334f242baa0075e612b58f6a4407' }, texts.serviceType), h("td", { key: 'ad276828a4ce76b58343f8ceca758d1ffdbd479d' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '25ba8ce2b41e37a5058f657dd450c57fbeb28929' }, texts.name), h("td", { key: '961968dc793d2eafcba30a3dfca628f39610d428' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '5f80ae5a7401e4f08757d840b1067ce04aa2197c' }, h("th", { key: 'f6567d47c7b10205771a6aa28a9a3731d9ee105f' }, texts.activationDate), h("td", { key: '9da6ee0b3a47acd6b464bdd96f34609c1a8c5ee8' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: 'bcac901db0199fc6eeaeb14cdc6f2df2d6cf6258' }, texts.expireDate), h("td", { key: '5917fa22ff351f534509b8d751bbe949caf27c9e' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: 'ac80d953083c5a64f136db8dfc32f46db428242d' }, h("th", { key: 'abeedd723e72530ce5cb464663d6a2d500345819' }, texts.menuCode), h("td", { key: '6ac2b44288ec51a6bb3e5f5d07f2e9767181d25c' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: '902073c727d6e25a3054b15e44fef82575946f07', 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: 'bfa00fac58df809e34ad2aa904d8c0ce073d3362', class: "admonition warning" }, h("p", { key: '9c40407fec3bcd824a27e6528ae3fe41a8c430ed', class: "admonition-title" }, texts.warning), h("div", { key: 'ad60c1ee8e65d9955fd770f51d44facee491ecd6', style: { padding: '0 30px' } }, h("p", { key: 'a2f22259b940d4ea9ee3c118e1ca61f1a88b90de', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: '65386131f822424e60b6a109e83e4963851820e8', 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: '27645fa8bf6d186b99358def7ee31d16f1014350', class: "cancel-confirmation-box" }, h("label", { key: '06ac653c43b7512f23151467421ac0e28ae90492' }, h("input", { key: '25c04f3806ab595c014d1e5f99cf511cfd292932', 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: '03f4dc6d430e1206e937d4513c045440c812fd11', class: "admonition warning" }, h("p", { key: '2e034a30a172d97aecd294f59f6839a0ee330851', class: "admonition-title" }, texts.warning), h("div", { key: '169737d1f51965d787ccee5b15adcdc8288aed26', style: { padding: '0 30px' } }, h("p", { key: '0d426dee4db7134d23854d422ca5d97bd51f3542', class: "my-4" }, texts.notInvoiced), h("div", { key: '14bbaf02239b03397bcd6223287ebc6a9589d6cb' }, h("strong", { key: 'a462bd8001002f86d1136245880ccceee43732bd' }, this.unInvoicedByBrokerName)), h("div", { key: '126cabfad290621c74c6752d54c077cc0400c50f', class: "cancel-confirmation-box" }, h("label", { key: 'cc04f94299c8922255965199a3555b8ea80be2d2' }, h("input", { key: '799740d91ed4c92036c6e482525a327fb5210b90', 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: 'e78b12ea369ed88cda748c3001183b3f97ebc4ff', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '64fd9e30afed4be1076e3196f199f8c0db3f66db', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: 'ec32a3a61123646d3334c1167ebf9fe1fa2032b7', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '8428000fcd51e42f2954a08fe4f38f5a2a38ff88', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: '9ce3ceb330436c91f9f8ca8accc1d0610f2a0342', 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: 'f589f66b6e6a7c8b86479af986c770c06e61e34e', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '7a52a1e041700afbce0ef37d3041b048f68a6579', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '9b41c2355d3d25f09902a5c8f1fff63bbd68dd22', id: "SVGRepo_iconCarrier" }, h("g", { key: '645434605e3ecc150eeb9c15317eba64c1d52110' }, h("g", { key: '495608346634cdff10b65f814c4a8597457214a0' }, h("path", { key: '652c41d18f2b4aed8e9753776ba3268d0685b1d9', 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: '39edabec142151dd0fa0f8c4fcea960305780526' }, h("g", { key: '30fdd67b35b432d4505b645390795c508f1540c0' }, h("path", { key: 'c2cea836a9374567da507d0d074d3a4fe3c20b52', 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: '7371691dbebdf8d8af460676544fe4431f8cbfc4' }, h("g", { key: 'bc3fc270894b1d0b66905271abe4614d0e55ecd6' }, h("path", { key: '230267d6f65a051215442af84509257ec838d56d', 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: 'fbbbf067bbe6482e43f296fd128a94de36fb1792' }, h("g", { key: '69fd7fadab401bd22e8d73c87cec09834147356d' }, h("path", { key: 'addab08ac2ac239b073268e282385f9b08f43c61', 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: 'd499055c1d462bce6cadf17dece380ca9c246051' }, h("g", { key: '0760a1ec340f48c25ac4d5493496c3b2fb886459' }, h("path", { key: 'f2d4ad8741c80330e675590c80f83aabe8cd8a73', 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: '4ea866e25383499ac922379a51da77cadbd57ed9' }, h("g", { key: '49b4037c8a05670d28a0ec8142cd178b128eb60e' }, h("path", { key: 'bfab280d5b77106bc2986c03e070840374fad35c', 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: '7d1cb545e35672e11dabc14da7680a3b25c07490' }, h("g", { key: '6c34156ad3b12019d53f68340c89583f95e2ddce' }, h("path", { key: '27a59cc31a884b7d21ebc57dc8995c55cf3407c2', 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: '369f80f5b2ee62a5845a0b5107a542a7f76032f5' }, h("g", { key: '2126f71a742b8182a29b24168e9f45320b040081' }, h("path", { key: 'ed4d7336d5969a03a4cc70bd35bee581886767d6', 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: '302e3d7537543cb4cdb868f16780812d4e511cf0' }, h("g", { key: '076d187f050eaa33c1f232ce281a06ed2b2f3494' }, h("path", { key: '51b71f0f4bc3f3e4dda05c9d32b7cad1580c4f03', 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: '710b9f0b20d2689c669c68555e6525a09ca169cf' }, h("g", { key: '6528adbeeb8d49b083357df39f1d7652c9ff576b' }, h("path", { key: '31c354029366dc42460adeee330a2db013693748', 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: '2f2a499fd286e60c5a784f5ade3e553523b00718' }, h("g", { key: '68820fe3fff4987325d9101aba83376557e3e17f' }, h("path", { key: '8cfb98ca9f69716068f012b1daaf3f6fbe6546b4', 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: 'dbc064275b012f7dd11cd301db3411794d91d33c' }, h("g", { key: '05eaf5f6814ad7a0f8dca9ecb8df43d2481b448a' }, h("path", { key: '87aeab5b6a53c7e9c16b19785237417ff7f447d7', 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: '3f9ebf5a387fe4f121110818152bb53c94221dfd' }, h("g", { key: '722a458f885ecda14989921ab3b4372fec06bea6' }, h("path", { key: '124da816ca5367bb546cf663bb90533a00ab7052', 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: 'f85ba86b27ffa42348f810cb4d400b665f2f0dbd' }, h("g", { key: 'e986d0765ab7bcfd61d43c646a43cf8a0a052d25' }, h("path", { key: '9406e4e4ea8909a666b15c6d7db006fb0f116e14', 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: 'a1fd33f0428f7342ee0c7620534b802a8f580545' }, h("g", { key: 'c232fe1e3a43fa03cf70914f3f0f37ef6f693284' }, h("path", { key: '4f30e3cd92bcccc3e04616e94e49eccb15fecd45', 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: '6e7a80efb9ca78e79a698d0f759fb3cc7aa811e9' }, h("g", { key: 'fb6f7f7c77e4318e85da45b6900da9722f726eae' }, h("path", { key: '11bb26af6340c0e98ae7caa37f67e005a74b45be', 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: '80ca85fcc8e1cb8dd669def91f86232e8b79ce0a' }, texts.scanTheInvoice)), h("div", { key: 'b5d4681edb7b031834a78f874457a08ffa0b8e19', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: '9fd1e85c71ebb2d11ce82ddb08f797cca3671abe', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: 'c3eed9b6561ee53e7f7723c352949a0a6ce38bf8' }), h("div", { key: 'f5bb3e6cb6f168c3b9817676cd05249b3e96ddc3' })), h("div", { key: '9d768b95835b50b460afac2ccfe4bd5400c54221', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("input", { key: '543e4fea929f952cb3e762eeecdda27bae702d98', 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: '6e6369f2c9d67847014c6014691c69aa5473428f' }, h("div", { key: 'd608cbad1e9d0006e1c7072f7ac19a50691cabe8', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '4febc89d306740c6f0cf8ab81d276640d5eac8b6' }, h(Loading, { key: '944f3af75d943af9478f97130a7a4976a0f17357', isLoading: this.state.includes('loading') }), h("div", { key: '9444015746c3158dd511d205eb0d271cda3275a9', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '828efa868a45c9361cfbe02eb4ec3e6152fed84c', 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: 'e31e04197e95f36f40dea7fe641dfcb72774892e', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '30e79a08ecd457cd046a67f928caa0263705a972', 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: 'f99ac942d7311a9afaa0352054987a1b8ccd0ebc', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '5eb4f693251c38d21b8a0402a148ab38c722d50a', 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: 'c97f0178fefa5f0ee547ff5eb609db009c513b5f', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: '298665f133886fd0604c96e2939af1b6eaac07e0', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (h("table", { key: 'a727bc979da498d2d3cac6c3f3e08d2c8833963a', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'be8897c05a8b30051bf8557124e48129e56817a5', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'cf5c4c999aff158c9c36b5d87c232c9641d45560' }, ['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: 'd2056aad965270cef125c698291370bc115c14e3' }, 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: 'ff232da733d09f994ede3f8ecf7823ff98c80a41' }, !imageGroups.length && h("div", { key: 'd24d0a97555addac045fae4264eed6ddbde3c276', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (h("div", { key: '32511fe62891bb6faf59826929b25ae99d23910e', 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: '2ba99b8c1ffc82b427fe93199f2f0e52cdf1ddaf', 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: 'd3dff3974c9fa5ef620cd985e1119a5bb46879b7', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '9fd992b6785efc06a42083234834b0127d43b58f', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '230ec976edf58e6567efa32beb72f11bce3c1934', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '6ea8b04b9294ec3e57bb7d7236d48938e8ed7683', 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"; }
|
|
@@ -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: '071e066768628073e86446d60d4124a0289fa537' }, h("div", { key: 'e57060fa2020079814bc9a3b27990af4a014a72f', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'c88d111721664c592fbaf44ab6ffb11a5095b9ec' }, h(Loading, { key: '1afc856a544cb28c860e04f31e6165c1dc082422', isLoading: this.state.includes('loading') }), h("div", { key: '85bbec2b9305c587462f1f7552b75ff45f7f7c2a', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '108f52df1570c81385163891e8c8edcf10852521', 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: '741b3a0d25f0af4e3972f22c7e9b646bc6a3813f', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'a71155ad141fa9166d025a45fd10ecade5162835', 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: 'fc44964649782187f42de56353c19ba373313457', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '4fdbf10f9403f68ceaae32b5b2e0f2990056f189', 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: 'fab593ed1ed1f496a5e1abc2d5a9e3dedba1c951', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && h("div", { key: 'f422d92db69776e6b543e2572a25d9457f4a0aa5', 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: 'f867513456ac1b7ea37ef9aa3c46777ae0877a13', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'ad585519e19018d9d5f8b049f23d4dc412b9e709', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '981af5c7a937fdc23ccf31dfafb1e7767ecac8bf' }, ['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: 'dd5b79b8bb9ae4fa1d57bb031d96130f96fb1ff8' }, (_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,
|
|
@@ -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: '93de88be87ba8878c65bc79d8f7874369d574ef1' }, h("div", { key: '26d8b4fdcc99c72e9b6247700c5a6a1050f810f2', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '207a6758c851be6ca1e5cb6179ff493c09376368' }, h(Loading, { key: 'dbca66ddbdba1cd31e00b5a9123654f120d1cb11', isLoading: this.state.includes('loading') }), h("div", { key: '1a7861b5615784da608f65e5ea995f765f3296e8', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '5d52eecf0d5bfdb281e5ee4c50e016a33ea2570b', 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: 'ff8ff35b0cd4612f349e3577205a62c7f7f4612d', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'c982f97eeb022507bead9deb51d89b8f1cfc7755', 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: 'd93dd1e326cc20f078cd7a8c040ec2c153b0395c', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '4a07cfce0022d595a0bdfd01da9e001ef04c0b8b', 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: 'e2543ba2282723099b881166d1b3ff85390a8b02', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: '0e6a8ffdb9f03f34221dfab72de7a14072695fdd', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (h("table", { key: 'ed1ec9bfc642058b312b7d84d2a44902cd8366db', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'a80f247cfbc3906f5792af5f3d5d8ca395fbb62d', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: '11f871e8d3743dccfb9545de75ff594893867878' }, ['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: '9010a5e6594f40b842ee7f04ae40fb2f0f10e76a' }, 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: '2d2c0cbbe46c769964362bdab0edcb0a412c2001', 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: '06361d341254826a1dd1cebfe89a5d380e0e71de', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '0640a76421e00084cf22005a220c576effc5b902', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '2de613dfafccdbe5f3d3e0d7ba4656513d9406c1', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '0218b53a9d5f0e78971a78cea767bff1fb91f490', 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"; }
|
|
@@ -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: 'ddd06438bb0fb00657dc6c27d116429b6e50ad04' }, h("div", { key: '335212bf722ce16aab6df6553d300199173b515e', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, h("vehicle-specification", Object.assign({ key: '7070098c4df1cd0ae111b1e9ad156864eb628b8b', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), h("div", { key: '8d9669bdabdd7e9fa2a3396fb0ae9bfa11ae1187', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, h("vehicle-accessories", Object.assign({ key: 'd83882f9be33d5c5d24d64ff130e6dd9243f4f5c', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), h("div", { key: 'ce21c31a34ca00043977cd41cf6cbe4640ecb75d', class: cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, h("warranty-details", Object.assign({ key: '6fa7b1488571204fe75264fbfac3953c79bd3d1c', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), h("slot", { key: '3ed3af3e56f1af9fb46421c367ca75681e9951a9' }))), h("div", { key: '942a83adabda7fa2584632e912bb7749c44a3412', class: cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, h("service-history", Object.assign({ key: '51dd1e05ba39577f1f134eb3222c27c9cfb14178', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), h("div", { key: '403aec627156d91963a122a4e0f7f9d6e741d1eb', class: cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, h("paint-thickness", Object.assign({ key: '4e05539bed2c8a148e38290ab0548ce8dd924843', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), h("div", { key: 'cb6fb0e17c30d992de66911828b85aa1d6af71f9', class: cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, h("dynamic-claim", Object.assign({ key: '164bee9b2baadb0bea04086a6ad34ca7be972aae' }, 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: 'd600d2ac8b25d0080716c9ef227250ef2ae208e2' }, h("div", { key: '5ba0fc7c3f00bae0b7e83df32aa1b1daab2bab14', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'ea24e7b694db7ec9837579ca26b87707a5957c4b' }, h(Loading, { key: '5c9193e35080392bee4ff8d1339d76f5c7816138', isLoading: this.state.includes('loading') }), h("div", { key: '62cbaa98d8180ada03d94ee8708a56bef9ba1ab5', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '412b2326483e1669da82f800c2c8caa3d341f872', 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: '4de97dff11a15a068d28b1de3b0b10e6e0709c1f', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '893186c951f9c1fcf8d877633f29224244a773d2', 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: '3a2f5fd6788181d92ab84d9a9e84f445b4f70d2f', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '84f623fc17287fcb8355a469740e0127c295bcb0', 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: '7d00d087dbdb71a9ec6634d5eb2428d05050fde8', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: 'c3ae55b65a3764973f9673e4b5bf89a20ffe150a', 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: '32be89bedd964dd9f5c0803ad0cb0f2d15b791c4', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'ee004a55c2565ea381623642644d43b1672d0da0', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'dbf3b8aa8716bd45aabd0d8f74ac63b9263bf152' }, ['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: '0291b7700cdac7adaf30566a7f320fd187eb35f6' }, h("tr", { key: 'dc0f04fba99e09a269787a167e9d4fd0d5f4f983' }, h("td", { key: '00fda4a23a2511dde159ee59b2ced2569a5476ba', 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: '67da6f7d07019aa95568f340f4a4f51844083cdc', 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: 'fe6910c1a555517098fb5b4eee0a11cb5971ad84', 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: '0b2bf2fc0b3cef58523a3a41b439ea374b5bb8dc' }), ((_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();
|
|
@@ -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: 'a8914bb6337666bbf796ff42e4bea9ba02e26109' }, h("div", { key: 'dbb9632593eaec2e9ce0de6492e731a7bda6854c', dir: this.locale.direction, class: "min-h-[100px] warranty" }, h("div", { key: '721e042eb300793b80cbb5b2a25e6ce2738ffff2' }, h(Loading, { key: '5f41b358ad25b1a419628ad14d43c1c34108f346', isLoading: this.state.includes('loading') }), h("div", { key: '0b9a1218ed457bc762c9ffe359346d4531d9d97f', 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: '8998e9df914367e352d0999d2ecc7b8d03f818d6', 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: '41feabf3d9006a65a011531a7c320cf170e57e25', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'c9ffb890da8cf05b96f98d2bfb4db40dc5d1213d', 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: 'a73bcf5801bded4c13f1c3f62f6a22faf9ef5aa4', 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: '3d05ef6e773a484fa4c5b62af91134abb4a120ee', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '5e58777f1eaa6dc3ed7c4faa44f33c03ec3648fb' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '5cbf410c8943e0671921ae1ccebacfcbecc812dc', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: '073e2e0448baa222056a448f0917f88da2946b3d', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '7fe64cbe4bd19490573a3c6136aed7d5229aeffd' }, h("strong", { key: '8977f607b0c4a8ac75f02d953c933d8316e53271' }, this.locale.vehicleLookup.warranty.checkingTMC)), h("img", { key: '42a39b19d6bf8360440ba900674206183623a086', 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: 'ac2e01ee06fe82782de1232508db279007b0cf91', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
|
|
197
197
|
}
|
|
198
198
|
static get is() { return "warranty-details"; }
|
|
199
199
|
static get encapsulation() { return "shadow"; }
|