adp-web-components 0.0.44 → 0.0.45
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 +42 -17
- 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-30419427.js → get-local-language-1ba6d190.js} +2 -1
- 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/dead-stock-lookup.css +1 -1
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +3 -3
- package/dist/collection/components/part-lookup/distributor-lookup.js +27 -7
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +10 -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/index.js +1 -0
- package/dist/collection/templates/part-lookup/mock-data.js +180 -100
- 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-336607f4.js +5 -0
- package/dist/components/{p-2e567b64.js → p-443f6446.js} +1 -1
- package/dist/components/p-467cc8d5.js +5 -0
- package/dist/components/p-64a8e560.js +5 -0
- package/dist/components/p-6a4bffe2.js +5 -0
- package/dist/components/{p-42a5d3c9.js → p-83e017fe.js} +1 -1
- package/dist/components/{p-c59cfec8.js → p-935af250.js} +1 -1
- package/dist/components/{p-4c7017f8.js → p-9c8b634a.js} +1 -1
- package/dist/components/{p-7662fe0a.js → p-9c9f58f9.js} +1 -1
- package/dist/components/{p-f5015d31.js → p-9e28d16d.js} +1 -1
- package/dist/components/{p-c37ba710.js → p-a1adf184.js} +1 -1
- package/dist/components/{p-d98710fe.js → p-bc8714c3.js} +1 -1
- package/dist/components/p-efd76ea7.js +5 -0
- 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 +42 -17
- 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-9742a5f6.js → get-local-language-42468fce.js} +2 -1
- package/dist/esm/part-lookup.entry.js +2 -2
- package/dist/esm/vehicle-lookup.entry.js +2 -2
- package/dist/locales/ar.json +1 -0
- package/dist/locales/en.json +1 -0
- package/dist/locales/ku.json +1 -0
- package/dist/locales/ru.json +1 -0
- package/dist/shift-components/{p-b1663a0f.entry.js → p-219fb385.entry.js} +1 -1
- package/dist/shift-components/{p-ad59c0ac.entry.js → p-33bf409e.entry.js} +1 -1
- package/dist/shift-components/{p-a88d388f.entry.js → p-5ba2e35c.entry.js} +1 -1
- package/dist/shift-components/{p-c87d536f.entry.js → p-6e4e85c0.entry.js} +1 -1
- package/dist/shift-components/{p-a6ecaa3f.js → p-6f356085.js} +1 -1
- package/dist/shift-components/p-75363a52.entry.js +5 -0
- package/dist/shift-components/p-8f603ea1.entry.js +5 -0
- package/dist/shift-components/{p-02589422.entry.js → p-95532c3e.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/global/types/locales/index.d.ts +2 -0
- package/dist/types/global/types/part-information.d.ts +10 -3
- package/package.json +1 -1
- package/dist/components/p-4cdcb520.js +0 -5
- package/dist/components/p-8c079b39.js +0 -5
- package/dist/components/p-8dc757e9.js +0 -5
- package/dist/components/p-b7a8a0ff.js +0 -5
- package/dist/components/p-c1acb397.js +0 -5
- package/dist/shift-components/p-33434784.entry.js +0 -5
- package/dist/shift-components/p-edf9ed4b.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-1ba6d190.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: '685f6e89c9aa35a2a0365244f2a41ea4c5ffcc17' }, index.h("div", { key: '515bfac2637d9b44ce837ce489eaa913fb3a6dd6', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, index.h("vehicle-specification", Object.assign({ key: '0a58332ac6cb48591c853a7a3e8e06cb5edc1e7f', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), index.h("div", { key: '8e69374367bf5fca43e630621bfa0b8ffa99c248', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, index.h("vehicle-accessories", Object.assign({ key: 'f4cef7eb5baf2730d187bd8cbc75bab1f1e72210', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), index.h("div", { key: 'e401299ff0d7ff4f36a8fd18b06e6e08fbce68ff', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, index.h("warranty-details", Object.assign({ key: '08d44f1a36645f41a6330649880aa80ad4110564', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), index.h("slot", { key: '91393125876c7eb5d2957f17c344162958e5442b' }))), index.h("div", { key: '0011df64d65187e36d4a36f6298a4433dd23f933', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, index.h("service-history", Object.assign({ key: '91ed7f8eda882589b51cb3c3f81f6dfd22b32f9b', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), index.h("div", { key: '8675a6514576a8b1a231e59d1c5d91daa14dec17', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, index.h("paint-thickness", Object.assign({ key: 'f887fdbe3dde4213f65062dfb44356771889d7ef', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), index.h("div", { key: '4f3cb0e244866eb674b4cbe78c07958ce6fbf4de', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, index.h("dynamic-claim", Object.assign({ key: 'f7abc8286ede7dd9775825aa389f7236e64ea927' }, 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: '332b9e3a5b74337ffc7fc75bc94f6bd7b10dcec0' }, h("label", { key: '2141b9e2ecd72ebb8717a1b02f636c4940e807c8', class: cn('relative w-full pb-[20px] inline-flex flex-col', containerClass) }, label && h("div", { key: 'a6dbb3c00e90f913907de7eb6ca2872555b1e961', class: cn('mb-[4px]', labelClass) }, label), h("input", { key: '18ac8025e77bc78dd70d033102b10c284ad5cb41', 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: '1b052f40d2819552511d867516830d85ac7f88b4', 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: 'fbb7979983706e2ba578a4abc4b79b7bbe78bcf4' }, h("form", Object.assign({ key: '3cdeb246b4a52a1acc8a5fceeaf8f4f9889b97ca' }, formController), h("form-input", Object.assign({ key: '5a5c10e5be679fb8446ab2fe9a86f74f342e7fff' }, this.nameController, { label: "Name", name: "name" })), h("form-input", Object.assign({ key: '28ba40b427f4616fbdea319277c6abe3c654545c' }, this.name2Controller, { label: "Name2", name: "name2" })), h("button", { key: '55edac3885b7412b9fa58a5ce46e6b763d17c0d5', 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}.mx-auto{margin-left:auto;margin-right:auto}.mb-\[10px\]{margin-bottom:10px}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\[22px\]{height:22px;width:22px}.h-\[40px\]{height:40px}.max-h-\[70dvh\]{max-height:70dvh}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[20px\]{padding-left:20px;padding-right:20px}.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-start{text-align:start}.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))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.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}
|
|
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}.mb-\[10px\]{margin-bottom:10px}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\[22px\]{height:22px;width:22px}.h-\[40px\]{height:40px}.h-\[80px\]{height:80px}.max-h-\[70dvh\]{max-height:70dvh}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[20px\]{padding-left:20px;padding-right:20px}.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-start{text-align:start}.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))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.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}
|
|
@@ -108,10 +108,10 @@ export class DeadStockLookup {
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
|
-
var _a, _b;
|
|
111
|
+
var _a, _b, _c, _d;
|
|
112
112
|
const texts = this.locale.partLookup.deadStock;
|
|
113
|
-
return (h(Host, { key: '8e90f1998fe2184d555e7213065147e2e2403dd1' }, h("div", { key: '774bea05f92f91784c3a96d3f34c332428d3dfb3', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '9a391c96e4f96281d992282871c7538a3d31e42f' }, h(Loading, { key: 'b62445ae1983828a74a62a9ee15cd07a159a9bb1', isLoading: this.state.includes('loading') }), h("div", { key: '939df7c5ee00c70bf0cd2ce6e83cb19eb83c7b5e', 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", { key: 'aeeeb9df8f126abcb5bd654a200f6170843ca25f', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '746fc041eae5db843e6e0d167ee84571f7b22432', 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: '3e5a6e9ed98698da6ea563e632ba5088f736ea94' }, h("div", { key: 'a292f6441da3999bdb28293bc81b216ad83b6311', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '6a21112d4bd30a512e93668ed1d58c520eeb3f9d', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.deadStock), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
|
|
114
|
-
|
|
113
|
+
return (h(Host, { key: '8e90f1998fe2184d555e7213065147e2e2403dd1' }, h("div", { key: '774bea05f92f91784c3a96d3f34c332428d3dfb3', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '9a391c96e4f96281d992282871c7538a3d31e42f' }, h(Loading, { key: 'b62445ae1983828a74a62a9ee15cd07a159a9bb1', isLoading: this.state.includes('loading') }), h("div", { key: '939df7c5ee00c70bf0cd2ce6e83cb19eb83c7b5e', 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", { key: 'aeeeb9df8f126abcb5bd654a200f6170843ca25f', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '746fc041eae5db843e6e0d167ee84571f7b22432', 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: '3e5a6e9ed98698da6ea563e632ba5088f736ea94' }, h("div", { key: 'a292f6441da3999bdb28293bc81b216ad83b6311', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '6a21112d4bd30a512e93668ed1d58c520eeb3f9d', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.deadStock), !((_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 : _b.length) && h("div", { key: '44808df425a73e5247a2c869779065d9353b8605', class: "h-[80px] flex items-center justify-center text-[18px]" }, this.locale.noData), (_d = (_c = this.partInformation) === null || _c === void 0 ? void 0 : _c.deadStock) === null || _d === void 0 ? void 0 :
|
|
114
|
+
_d.map(deadStock => (h("div", { key: deadStock.companyIntegrationID, class: "py-[10px] px-[20px]" }, h("div", { "aria-expanded": "false", style: { height: closedAccordionHeight }, class: "border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]" }, h("button", { onClick: this.toggleAccordion, style: { height: closedAccordionHeight }, class: "w-full flex px-[10px] justify-between items-center text-slate-800" }, h("strong", null, deadStock.companyName), h("span", { class: "icon text-slate-800 transition-transform duration-500" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-[22px]" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" })))), h("div", { class: "content" }, h("table", { class: "w-full overflow-auto relative border-collapse" }, h("thead", null, h("tr", null, h("th", { class: "py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]" }, texts.branch), h("th", { class: "py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]" }, texts.availableQuantity))), h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (h("tr", { class: "transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, h("td", { class: cn('py-[20px] px-[10px] text-start whitespace-nowrap') }, branchDeadStock.companyBranchName), h("td", { class: cn('py-[20px] px-[10px] text-start whitespace-nowrap') }, h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
115
115
|
}
|
|
116
116
|
static get is() { return "dead-stock-lookup"; }
|
|
117
117
|
static get encapsulation() { return "shadow"; }
|
|
@@ -105,19 +105,39 @@ export class DistributorLookup {
|
|
|
105
105
|
key: 'localDescription',
|
|
106
106
|
value: this.partInformation.localDescription,
|
|
107
107
|
},
|
|
108
|
-
{
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
{
|
|
109
|
+
label: texts.dealerPurchasePrice,
|
|
110
|
+
key: 'fob',
|
|
111
|
+
value: null,
|
|
112
|
+
values: this.partInformation.prices.map(price => {
|
|
113
|
+
var _a;
|
|
114
|
+
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.formattedValue };
|
|
115
|
+
}),
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
label: texts.recommendedRetailPrice,
|
|
119
|
+
key: 'price',
|
|
120
|
+
value: null,
|
|
121
|
+
values: this.partInformation.prices.map(price => {
|
|
122
|
+
var _a;
|
|
123
|
+
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.formattedValue };
|
|
124
|
+
}),
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
label: texts.supersessions,
|
|
128
|
+
key: 'supersededTo',
|
|
129
|
+
value: null,
|
|
130
|
+
values: this.partInformation.supersededTo.map(part => {
|
|
131
|
+
return { header: null, body: part };
|
|
132
|
+
}),
|
|
133
|
+
},
|
|
111
134
|
]
|
|
112
135
|
: [];
|
|
113
136
|
const displayedFields = partsInformation.filter(part => !hiddenFields.includes(part.key));
|
|
114
137
|
const displayDistributer = this.partInformation
|
|
115
138
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
116
139
|
: false;
|
|
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 + 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
|
-
:
|
|
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]', {
|
|
140
|
+
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 ? (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)))))) : (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
141
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
122
142
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
123
143
|
}) }, h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -99,7 +99,15 @@ export class ManufacturerLookup {
|
|
|
99
99
|
const manufacturerData = this.partInformation
|
|
100
100
|
? [
|
|
101
101
|
{ label: texts.origin, key: 'origin', value: this.partInformation.origin },
|
|
102
|
-
{
|
|
102
|
+
{
|
|
103
|
+
label: texts.warrantyPrice,
|
|
104
|
+
key: 'warrantyPrice',
|
|
105
|
+
value: null,
|
|
106
|
+
values: this.partInformation.prices.map(price => {
|
|
107
|
+
var _a;
|
|
108
|
+
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.formattedValue };
|
|
109
|
+
}),
|
|
110
|
+
},
|
|
103
111
|
{ label: texts.specialPrice, key: 'specialPrice', value: null },
|
|
104
112
|
{ label: texts.wholesalesPrice, key: 'salesPrice', value: null },
|
|
105
113
|
{ label: texts.pnc, key: 'pnc', value: this.partInformation.pnc },
|
|
@@ -116,10 +124,7 @@ export class ManufacturerLookup {
|
|
|
116
124
|
]
|
|
117
125
|
: [];
|
|
118
126
|
const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
|
|
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)))))))))))))));
|
|
127
|
+
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 ? (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)))))) : (h("div", { class: "py-[10px] px-0" }, value)))))))))))))));
|
|
123
128
|
}
|
|
124
129
|
static get is() { return "manufacturer-lookup"; }
|
|
125
130
|
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: '78b245247959655bcc504270818d08ca2a508752' }, h("div", { key: '00c664cd8baa275fd48e70ffc592e5a358232b24', class: cn('w-full', { hidden: this.activeElement !== componentTags.deadStock }) }, h("dead-stock-lookup", Object.assign({ key: '958d9cae9d2e1300628499731bd68ca6fe1f8b3b', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.deadStock]))), h("div", { key: 'aa65e8dcdf4a258e2ad6fe11bca3f42b768aee82', class: cn('w-full', { hidden: this.activeElement !== componentTags.distributor }) }, h("distributor-lookup", Object.assign({ key: 'c49c88f54a93bb710085772027d18947c2cae92b', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.distributor]))), h("div", { key: 'c00548aa1a0c961fbd275c4954996c65d42348f7', class: cn('w-full', { hidden: this.activeElement !== componentTags.manufacturer }) }, h("manufacturer-lookup", Object.assign({ key: 'dc40469935a374098ab3e3d20cc8ef394716b204', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.manufacturer]))), h("slot", { key: '63259a86459b13a37fb64f6af82a73591e50134a' })));
|
|
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: '9e0409c5591453b63e9a835a454e952752e22013' }, h("dynamic-redeem", { key: '66a516c29ffffdf5eec666501556c85d6e532929', language: this.language, id: "dynamic-redeem" }), h("div", { key: '87faef21ecc2f9d2a7cddde1ab9c919ff57ef6e0', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '0093412ac6128b142007f0be466fcd7a28dccebe', class: "dynamic-claim-header" }, h("strong", { key: '4f947ae43e1e1a2b6c4548f3d4d7f5ac9671bd8a', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: 'ade34635ef2f7dc56d23424abc489a52fce57ae2', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: 'd19c9904e00841683880afa09dbec00d6e1414b8', class: "dynamic-claim-body" }, h("div", { key: '196f37e4c5389b5dc24ce2cf03f9b86559c78549', class: "loading-lane" }, h("div", { key: '21fa82864e31a0d88228f5c199fefafc139c74d0', class: "dynamic-claim-loading-slider" }, h("div", { key: '46314ebc827b182693bd117313fd1882cdeef467', class: "dynamic-claim-loading-slider-line" }), h("div", { key: 'f5dea0ec0a48afc68f825dbe9920038a7865c826', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: '71c71d5ff95bc0dc5e9880ad81645a6a37c26593', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '18357ef88627c6d9bba393ba4d0ee67e01454fa8', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
295
295
|
let statusClass = '';
|
|
296
296
|
if (item.status === 'pending') {
|
|
297
297
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -300,7 +300,7 @@ export class DynamicClaim {
|
|
|
300
300
|
else
|
|
301
301
|
statusClass = item.status;
|
|
302
302
|
return (h("div", { key: item.name, class: cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, h("img", { src: icons[item.status], alt: "status icon" }), h("span", null, texts[item.status]), this.activePopupIndex === idx && this.createPopup(item)), h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
|
|
303
|
-
}), h("div", { key: '
|
|
303
|
+
}), h("div", { key: '2762fc231f14343438f628afa1feae4929cc2c9f', class: "dynamic-claim-progress-bar" }))))));
|
|
304
304
|
}
|
|
305
305
|
static get is() { return "dynamic-claim"; }
|
|
306
306
|
static get encapsulation() { return "shadow"; }
|
|
@@ -127,11 +127,11 @@ export class DynamicRedeem {
|
|
|
127
127
|
const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
|
|
128
128
|
if (!disableInput)
|
|
129
129
|
this.focusInput();
|
|
130
|
-
return (h(Host, { key: '
|
|
130
|
+
return (h(Host, { key: '6f23076572fa32bf4ecabb0ec5c30f4c904c5aeb' }, h("div", { key: 'e181969add00fdace98f3f198bbb383883ed096c', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: '19e190b047b65a3d9fd006a5b7b7bf6274c43c78', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'b0f3eff73478c17ded463f97ad196b176077b8ff', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '1fd42a3ef89f038dc303086ffca5c2deadc9989d', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '09465c1cff709d748a0529ec333f5e4ad25ba101', id: "SVGRepo_iconCarrier" }, h("path", { key: 'f63fb5590f2e24018ca4ad219c213d2f6adb41fc', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'd6487224d7042d92bb2a789234407b4616fca22e', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'ffcd5d290855b3c3f3d37800e393e04b75a502d4', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '99b9066894f9b9f26b60663e450a93696223124e', class: "dynamic-claim-processor-info-box" }, h("div", { key: '403cd1dc09ed2594c72e73e6391d552020332d98', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '1be049ba270853645470ab894135116139383b8d', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '8b13146eb29190537dca360ec882ca89f03f9e36', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: 'bf692fc99d065b927e04f9f682364e36085cb81c', class: "border-separate" }, h("tr", { key: '452f0ea4dde84dc33429032f59d3071019a1bd64' }, h("th", { key: '29c31adefa2411ea10e33b65e1705f1848f206e3' }, texts.serviceType), h("td", { key: '31e1279fc831af71ebdbdd7d00889e2900fffe23' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '33b5b7a306da1af6702cd8454e3ac01ae3ba26d7' }, texts.name), h("td", { key: 'ae217299a413f6882867bd091c8560e9ad0924da' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '086bbc2759675159d0b1fa68cf61c58977d3d872' }, h("th", { key: '3cc7dde01066572972d3fd00f4da7dbab5b88c17' }, texts.activationDate), h("td", { key: '61a65a1d432cc564eca6529fa2678b326feddc52' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '0ef316a0a241843f9865c20d46fc8ce269d1606e' }, texts.expireDate), h("td", { key: 'ab1bb7f29ed38c2c71c25428d43fe3c716126eb9' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '1dce0e4b9de04fb40e923624ad21b0c8f08fb1dc' }, h("th", { key: '4f65208aef6e9dcd19b8602e11d5ca76461b736b' }, texts.menuCode), h("td", { key: '76299771fc11edcf8687c6e725f6eedb8465d84f' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: 'd9e7e004964654a54282158508e0150bfe4c7990', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: '82b116d97cfac477f60db2fbf22e1636fdc5c689', class: "admonition warning" }, h("p", { key: '60a55ae8256648fb220eab389fab5d2dc42c9d3c', class: "admonition-title" }, texts.warning), h("div", { key: '80ad2bdacebe0a3bed749a730bc8aa3ccca48f15', style: { padding: '0 30px' } }, h("p", { key: '542d0408b48f1486f011c281b1cc35287755bba9', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: 'c33d8e62aa0cb644ad08b8f05b359c8e7315f462', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: 'c96c8ef23dbbf0ce5115a71a0011b5748b6ec504', class: "cancel-confirmation-box" }, h("label", { key: '253e3bf85b93afe4c58c1a7a94e7620b08d8f991' }, h("input", { key: '619d9412599947909cc88c4a596ccaca94903b1c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
131
131
|
this.confirmServiceCancellation = !this.confirmServiceCancellation;
|
|
132
|
-
} }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '
|
|
132
|
+
} }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '98e5529f5d45dc42d10a44286ee1b56dc5956be3', class: "admonition warning" }, h("p", { key: 'f39cf4db4b32111fdb309594b530d28f5e6d92e4', class: "admonition-title" }, texts.warning), h("div", { key: '88e15fd258f64625d9dd1b6e5ee1aba0cb3850bd', style: { padding: '0 30px' } }, h("p", { key: 'c5da7d0424e5b371931d6d4c2fd71958072adf0d', class: "my-4" }, texts.notInvoiced), h("div", { key: '9ec8036a3adb36ce4fb174cb46f534cbbc998d2a' }, h("strong", { key: '188ee16ece206d92bc99a5a87c816f23aaf0a8d5' }, this.unInvoicedByBrokerName)), h("div", { key: '053bb8cc2fff059cc4ec7fd34eef1d3dc39dc0fe', class: "cancel-confirmation-box" }, h("label", { key: 'b6a2c0733f272e5c78ed97c8fcee58a8ebbfc473' }, h("input", { key: '67861acd7a63e89d70aa8f122f3ea6bb97cc9a47', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
133
133
|
this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
|
|
134
|
-
} }), texts.confirmNotInvoiced))))), h("div", { key: '
|
|
134
|
+
} }), texts.confirmNotInvoiced))))), h("div", { key: 'a1e4e1351f9fd64637250549d8ca9b47120db80b', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '8ac74c5aed2a50c3fcc9bdf63d584e977631cabe', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: 'd77283ed65d7e0c9b3d6bc2b715c4eec71e198b2', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '879e603d9c687b629ba3b6bbcc43bb8a1c131040', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: 'eec5018665e3a51d4e1a90b8259564501b65f979', fill: "#3071a9", height: "100px", width: "100px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", stroke: "#ffffff" }, h("g", { key: '7cce520faca0bed6c94f5adc423d59fa041dd517', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '9458c4a9d0d674420637748119f835a330f6b190', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'd396cf2b2ee89d3a8433d347c362c6b297abfee3', id: "SVGRepo_iconCarrier" }, h("g", { key: 'f07f1832a45d96235d88a52123b825afcddd5157' }, h("g", { key: 'e8570b9b6abfcf1d04cb0b93df73db896240ec74' }, h("path", { key: '6420bcda4aefd3cd9cb19459db5a5bfae48de5ce', d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))), h("g", { key: 'ac18cdc8edf083bb4fc6e21cb863ae902c414c53' }, h("g", { key: 'bd393e16c198d0ce5db374f1456f156225191c77' }, h("path", { key: '10c2088b94d0c43d750e35a297fc557b5f5499d6', d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))), h("g", { key: 'b6dde1b29ce078f2cac18c8177edb5d7df0453e6' }, h("g", { key: '2278ab0f3f66a4aa2a48f80512e7c2142bcf95fb' }, h("path", { key: 'd68379539a616231f9107d21ac1bc29f690bbd40', d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))), h("g", { key: '92780ef45777527daa102da1ff59ea591a00dc44' }, h("g", { key: 'b4d176551668e9794fc191f0b75167e94f74da86' }, h("path", { key: '8e9ae3b3a2bc99fa9f8ecb78f5d19877ee4f3367', d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))), h("g", { key: '33d96e271c4f99e6fb4c0a54db0668bb12ed722b' }, h("g", { key: 'ab552b86c291b350104b5312ddec4bf238471e31' }, h("path", { key: '1b1c5c07321b06fb86d4aedd9d3f5d9c7f1e1795', d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))), h("g", { key: '7a6bad400c84c523c967e1e4e7d26979673dd4df' }, h("g", { key: 'a32dcacf17001243b3c57eafe7b669532fa5298a' }, h("path", { key: 'dc6c90e04fc1af7f543cb183d1be5fc289cad039', d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))), h("g", { key: 'd5687820027ffcc7164924d2f49b4bc6280d1435' }, h("g", { key: '5aa6a2d1ec8b273e0023631c72862ade4307a062' }, h("path", { key: '287a638e99b443fa07175360cc016e1c50658633', d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))), h("g", { key: '72377cdb11c2af3ae89d66fce8cb74d7c651e53a' }, h("g", { key: '4dd358fdb3fdf7fa3f6582e2a5104b58e1b4f533' }, h("path", { key: 'b9dac199ecd22afc4a050d927ac185e6f8ee96da', d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))), h("g", { key: '4ea85d2b21b60cd326290407d5bd461e27c0fbee' }, h("g", { key: '7320fd66dd58dd8ef5849a5088aafa44f64fb1da' }, h("path", { key: '09bf6f789d487024fae9c7c63b9cfef5e8ccf418', d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))), h("g", { key: 'f45c156d58b7c4fe38d1b6383cfb58a8d26c5063' }, h("g", { key: 'abbbc9ef4b21677230c5102081b79c8f8ccf0894' }, h("path", { key: '11c704514913ada8a276c5eee2ed1107f0fc64b5', d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))), h("g", { key: '103aa0955ca13b5cd614f843a5d8bb00af51e210' }, h("g", { key: '4ba1fc6bee2b4d30983e04a5fb23e13046395182' }, h("path", { key: 'd2d45892e7ee175ad25afef1af1f1f5ae8a61ef2', d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))), h("g", { key: '717e7c0f6956a60b6bc24844a38c15902d185b55' }, h("g", { key: 'c8dd9b3b8dc25620425f4d15f718d7ca025e9302' }, h("path", { key: '461d4d5c85f97dfb117c4b72cdb7b4c1795972d2', d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))), h("g", { key: 'fb57a59b18a15a964ce941dfb9aab585c77a5470' }, h("g", { key: 'f0db6ce74a8ac3eed39ab2854cc6b59cd8b698d7' }, h("path", { key: '98fdca3e5809837a1e808091199f582e60f77221', d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))), h("g", { key: '19c6f7a57ba8695b4d4f2279306d394ba31b931c' }, h("g", { key: '30f10e39a0e4c86fc42572887b34442cb74213ad' }, h("path", { key: '6fa8c16a503b12a1062138988ec8edf5c7c03c5f', d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))), h("g", { key: 'fcbde011e9a8add3e3dc03e98cee14fa75cb3b47' }, h("g", { key: 'a037ae3a36f940d484ed0a61d9d369b4eead48f4' }, h("path", { key: 'f8d473cedaa28713a1c2cdeb616ceb22382ee6cc', d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))), h("g", { key: '90708098a0f8e273e1c4207c77cca360ba83235e' }, h("g", { key: 'cdc8dd013088e04226361386abf9eb2a65cc9d4e' }, h("path", { key: '2d5dd1d3ed1ac57cd5d8344a719a718cd8bccb06', d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))), h("div", { key: 'bdd771ddf829f0786b4829eded621e7526275d3b' }, texts.scanTheInvoice)), h("div", { key: '12807539ee8e78004cc477ded3321895ae501a96', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: 'c6ad6619ee28443d0e7a371e88f7423f7fc2589e', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: '9cef9b48f30a0ed32c0d8e4c9ba02518cd707faf' }), h("div", { key: 'ac6f78c0086b68cf0448af2e93263714c53d2af4' })), h("div", { key: '407f0911c4b15beb6c3a2445117a9e4997e82d60', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("input", { key: '8bc56fc8812ab0f5d5e886f34efc2886af0dd93b', dir: "ltr", class: "qr-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.qrCodeKeyDown, onBlur: () => this.input.focus(), autocomplete: "off", disabled: disableInput, placeholder: "", autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))))))));
|
|
135
135
|
}
|
|
136
136
|
static get is() { return "dynamic-redeem"; }
|
|
137
137
|
static get encapsulation() { return "shadow"; }
|
|
@@ -111,11 +111,11 @@ export class PaintThickness {
|
|
|
111
111
|
var _a, _b;
|
|
112
112
|
const texts = this.locale.vehicleLookup.paintThickness;
|
|
113
113
|
const { imageGroups, parts } = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.paintThickness : { imageGroups: [], parts: [] };
|
|
114
|
-
return (h(Host, { key: '
|
|
114
|
+
return (h(Host, { key: 'af8fecaff1b49712f80443f1b9010d1551c2f227' }, h("div", { key: 'c236c9d78227576e3c5f94e3ae5247d6c7cf03e5', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'fa754377b6f220ccee44d65654734eedf297ab03' }, h(Loading, { key: '332a16213eb51e01b4ec45c64fb50748ee5608b7', isLoading: this.state.includes('loading') }), h("div", { key: 'a8c3ddb9b47e5a37888561f28466efc5cb3f5452', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '69187ba3519662ac096c4bed148d36087ba7b91d', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'f91413b40d00e7f060885bcb9aaf7aca20c27309', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '198ccf4368e3ed323d342bb1414bc32d4c8234e3', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '5561c673501a64b51419d80f2fd7749037665d78', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'a8158885c9684cece91cf16e1217f755f0a8385d', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.paintThickness), h("div", { key: '3b82862001eafae16158d65fb88eea64f79536fe', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: 'ca2b219799201565eee220a9a7f83610d721e037', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (h("table", { key: '613217d6994a22b40256eb507773455b514db6ed', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '9ccba6d53df8d2a6ceb78b097c2d0d313e003833', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '7d4b70075e5ab6a6f27ecdc503bde45308c145c2' }, ['part', 'left', 'right'].map(title => (h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '7613a9c7f04dc7235661cb2097a656ba3d8a395f' }, parts.map((part, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (h("td", { key: part.part + key, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
115
115
|
'!border-none': idx === parts.length - 1,
|
|
116
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '
|
|
116
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'c0d54f9d76ee84a8c320297eee53db81c09a89fb' }, !imageGroups.length && h("div", { key: '22baa7869c43e3b8d00ed3de6962742d161397bd', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (h("div", { key: '8a20dd511402cd795352b876e22f5900fc7974f0', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (h("div", { class: "flex gap-[8px]", key: image }, h("button", { onClick: ({ target }) => this.openImage(target, image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), h("img", { class: "w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), h("div", { key: '4d221660088096ebfc6af7358f793e437244a973', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
117
117
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
118
|
-
}) }, h("button", { key: '
|
|
118
|
+
}) }, h("button", { key: 'ca7a02ca737a27680b1be7d49ddacf8e4eba432a', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '449fd04730b8a1d13ba345ac8a205ea679fecf8f', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '252f2def9e8635a3f99b0bb9b45fa6c93d1e2a93', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'c6bce15bceff44472c9d30b5bad3c90743822322', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
119
119
|
}
|
|
120
120
|
static get is() { return "paint-thickness"; }
|
|
121
121
|
static get encapsulation() { return "shadow"; }
|
|
@@ -94,7 +94,7 @@ export class ServiceHistory {
|
|
|
94
94
|
render() {
|
|
95
95
|
var _a, _b, _c, _d;
|
|
96
96
|
const texts = this.locale.vehicleLookup.serviceHistory;
|
|
97
|
-
return (h(Host, { key: '
|
|
97
|
+
return (h(Host, { key: 'e76b58b7ea0e3e43545b53657170744ee502e33f' }, h("div", { key: 'c1a8de26ff8bec649f6a85bac7294ae88dfc62ec', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'd2ebdd8db2d41edb52dc3382cd87858050ef4532' }, h(Loading, { key: 'ae735af4d7091cd11cb5e1493ebdf3e6ec0bae57', isLoading: this.state.includes('loading') }), h("div", { key: 'b827816a69a2fb308e01966a9aab4e18bd106ba7', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '0a09e696cf47f54671ec380bf9dee8164bcd7a68', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'ae5f5e6d2a3a2c2bf3e347ac98cab6ed3e00d0a1', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'bed04de6623705c3a9f9018c875e1ac5bc79ba0f', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '0c895ec93fc437a5576f03d37e5abce5db59ee24', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '4e804253de5eb3006b9e0eb1951468ff52ed2a4a', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.serviceHistory), h("div", { key: 'e4630f71f6015a76e52a3d82709a21f018aa3acf', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && h("div", { key: '0a59e8b81fe114ff88dcb39c1d9723c12e16f0da', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (h("table", { key: 'fd5275df952f81d4c31e541225617793300530cb', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'ec8cc4fa934919dc3f9d021c22b055504f0a6596', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '20ee16ff376f13cbac067c4a1f375c1e66e07ad7' }, ['branch', 'dealer', 'invoiceNumber', 'date', 'serviceType', 'odometer'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: 'eeb8a307c659436e556c2889e03cf7505b07ee30' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
|
|
98
98
|
var _a;
|
|
99
99
|
return (h("td", { key: service.invoiceNumber + serviceType, class: cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
100
100
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
@@ -107,7 +107,7 @@ export class VehicleAccessories {
|
|
|
107
107
|
var _a, _b;
|
|
108
108
|
const texts = this.locale.vehicleLookup.accessories;
|
|
109
109
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
110
|
-
return (h(Host, { key: '
|
|
110
|
+
return (h(Host, { key: '9c865f5f4768a7cf7cbc9dd719e8ecb996be070c' }, h("div", { key: '162e3eccc2d932e500ff5e5767e7458c7efb5b53', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '3a1559274fad0287fe58206be2bf2c9dec0223ca' }, h(Loading, { key: '765d988cc179ac4f2e5290c09aeb902d9c5c0fd2', isLoading: this.state.includes('loading') }), h("div", { key: 'bb04cedc539947a2f5b93e80c170ff3e77c2b5d4', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '4c383d2b2f880b59b5146dddc866bdc3727cf5e2', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '91c3ed077972638dfd8955e2ac8287682336f1cf', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '142aff37900365b6fe9cfabdf9d51240b4f86ec4', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'e9e64a46c71c58a869029d7eea2b3cd3746a4495', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '8b3e4b3e59a1ad17407570f328b1097b269780f1', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleAccessories), h("div", { key: '407e4f485f5136dd3f59056c466fd5561ae0a641', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: 'e6d2fa50d0844c33b21f8a893e672072999320bb', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (h("table", { key: '008010f85f740c1e4bff566af7b01fafbcd689fa', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '8eddd005c22f5e552b42ac19f3a356944b38db3b', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: 'faf9ae27ac4ed6b2c1552523f2b822cb115e2880' }, ['partNumber', 'description', 'image'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '7435f0e9118d3568fd88f1e4bdd34efd7b4a0e94' }, accessories.map((accessory, idx) => {
|
|
111
111
|
var _a;
|
|
112
112
|
return (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
113
113
|
var _a;
|
|
@@ -117,9 +117,9 @@ export class VehicleAccessories {
|
|
|
117
117
|
}), h("td", { class: cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
118
118
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
119
119
|
}) }, h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
|
|
120
|
-
})), h("div", { key: '
|
|
120
|
+
})), h("div", { key: '9645f48fb675e2e1d001db72056c0bac50906b26', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
121
121
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
122
|
-
}) }, h("button", { key: '
|
|
122
|
+
}) }, h("button", { key: 'd9b07711cc0620a08a404af9f26794cdb22156a2', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: 'eb538eb4f746291a38c8d66c37e578b067d33c1a', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: 'fdbbd859c82aacd1acd53a49f1503f3c934c4d54', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'ba7b96dc53f517e2fa8133dbd06fdf1084cd40ee', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
123
123
|
}
|
|
124
124
|
static get is() { return "vehicle-accessories"; }
|
|
125
125
|
static get encapsulation() { return "shadow"; }
|
|
@@ -123,7 +123,7 @@ export class VehicleLookup {
|
|
|
123
123
|
catch (error) {
|
|
124
124
|
console.error(error);
|
|
125
125
|
}
|
|
126
|
-
return (h(Host, { key: '
|
|
126
|
+
return (h(Host, { key: '685f6e89c9aa35a2a0365244f2a41ea4c5ffcc17' }, h("div", { key: '515bfac2637d9b44ce837ce489eaa913fb3a6dd6', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, h("vehicle-specification", Object.assign({ key: '0a58332ac6cb48591c853a7a3e8e06cb5edc1e7f', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), h("div", { key: '8e69374367bf5fca43e630621bfa0b8ffa99c248', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, h("vehicle-accessories", Object.assign({ key: 'f4cef7eb5baf2730d187bd8cbc75bab1f1e72210', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), h("div", { key: 'e401299ff0d7ff4f36a8fd18b06e6e08fbce68ff', class: cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, h("warranty-details", Object.assign({ key: '08d44f1a36645f41a6330649880aa80ad4110564', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), h("slot", { key: '91393125876c7eb5d2957f17c344162958e5442b' }))), h("div", { key: '0011df64d65187e36d4a36f6298a4433dd23f933', class: cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, h("service-history", Object.assign({ key: '91ed7f8eda882589b51cb3c3f81f6dfd22b32f9b', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), h("div", { key: '8675a6514576a8b1a231e59d1c5d91daa14dec17', class: cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, h("paint-thickness", Object.assign({ key: 'f887fdbe3dde4213f65062dfb44356771889d7ef', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), h("div", { key: '4f3cb0e244866eb674b4cbe78c07958ce6fbf4de', class: cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, h("dynamic-claim", Object.assign({ key: 'f7abc8286ede7dd9775825aa389f7236e64ea927' }, props[componentTags.dynamicClaim], { language: this.language, "base-url": this.baseUrl, "query-string": this.queryString })))));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "vehicle-lookup"; }
|
|
129
129
|
static get originalStyleUrls() {
|
|
@@ -89,7 +89,7 @@ export class VehicleSpecification {
|
|
|
89
89
|
render() {
|
|
90
90
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
91
91
|
const texts = this.locale.vehicleLookup.specification;
|
|
92
|
-
return (h(Host, { key: '
|
|
92
|
+
return (h(Host, { key: '6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00' }, h("div", { key: 'ddb8b2dc2838a030499b5241f3dfa15f7a68bf07', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'f81b91d6c7cfd81df70b691b56b10c26ebaf1efc' }, h(Loading, { key: 'b96b054448c12ccbaf6fa6291382f51e3c334376', isLoading: this.state.includes('loading') }), h("div", { key: '76cd0cc45c7f84986bd813effac5a53a0295c491', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '60724b3858a6707e3afa18d985f50616fa8484f0', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '60dcc26e1ecceb4cbca2c2de1e6db439c17e1019', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '4d3c1afca968d2c7fc2a925fc626d70492f49869', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'af212e18ce332b031699b6c3e00df805fbc31db1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '21a2974e7222b7d6a8fcaa2df1978ecf7670eedf', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleSpecification), h("div", { key: 'b3413a1f409cebfa51c3c84aab4acb1ddf88e3ac', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '4e1d80fd788a29fce807c7bf7a55cf306691c614', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (h("table", { key: 'b8edb5185c70b660818af1023ecdff2d371732fd', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'fb412628f875cca8d6a9d6921e9bec42a4ee4a64', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '7676f04f48b6fce484f65f0c80a17e2c500eba27' }, ['model', 'variant', 'katashiki', 'modelYear', 'sfx'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), h("tbody", { key: '1075c4b0ea60a3ccca8c84ff0e85dbc743c2d344' }, h("tr", { key: 'a2e4bae8f5c53f9b2447242b12bba65288e7cece' }, h("td", { key: 'a792eb66c320e92c1b6a04159cf7f3d7076b30d3', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", h("br", { key: '2994aa18bdadecc364a34a0f9d3b88908e2c6676', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), h("td", { key: '215d557dab5b54a432cc0a1fe8f0dde27aa1a5b4', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", h("br", { key: 'ec59b6a49dd36a203d879bd60fd36094f3bc9407' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
93
93
|
var _a;
|
|
94
94
|
const [place, field] = infoPath.split('.');
|
|
95
95
|
const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
|
|
@@ -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: '6821b3645071e6015c9480e32b99cc6990e187a8' }, h("div", { key: 'ef37a9cdd7efcbd6bfb4823513a05a4412bc18c3', dir: this.locale.direction, class: "min-h-[100px] warranty" }, h("div", { key: '753eae93bc53dfcd85f0ce6d28d7d7c8f953dd1e' }, h(Loading, { key: 'e4b5d05661ae73cd6e4033fa61950b3926537e84', isLoading: this.state.includes('loading') }), h("div", { key: 'bdd7d5282385fc0349963c1d1d6afbed48ca31de', 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: 'c5bca4125c89fa3bd6154e8038b4cc979cd6dc31', 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: '71bc6a8af3e12853618c06d0d06165a1cfd28708', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'a2ff7ca55fd8f16b3267f0325f2e9060bb5d5fe6', 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: '03d3ebc23d8f8115997d44ee8aa762071b82b82c', 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: '395ad2728db263f98f2d446d8c7cc0ff1143eb81', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: 'e61abafe6d25dbd1325e2641b21a6b88f9b27b97' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '79ff7d1118e3d45a61bfa1d84229a4ae64b17c2a', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: 'cbe2defddee50807d4688049419d55215364da0d', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: 'd2cb05bea50b54840a1622f21ee7025bd5e9fe27' }, h("strong", { key: 'a70d14aa5ee98b61764f0a422ef1d961ec7bd836' }, this.locale.vehicleLookup.warranty.checkingTMC)), h("img", { key: 'dbfc17747c5fb4e5e50eee25e06eeeb4aa15626c', 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: 'd26f350f172c90725159f224e5788067c31c7f2c', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
|
|
197
197
|
}
|
|
198
198
|
static get is() { return "warranty-details"; }
|
|
199
199
|
static get encapsulation() { return "shadow"; }
|