adp-web-components 0.0.40 → 0.0.42
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 +29 -27
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +14 -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-507f6989.js → get-local-language-9c2b4910.js} +1 -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/distributor-lookup.css +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.js +11 -9
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +16 -16
- package/dist/collection/components/part-lookup/part-lookup.js +1 -1
- package/dist/collection/components/vehicle-lookup/dynamic-claim.js +4 -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/templates/part-lookup/mock-data.js +92 -133
- 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-034250c1.js +5 -0
- package/dist/components/{p-922ff52c.js → p-0de24860.js} +1 -1
- package/dist/components/{p-2e125a1d.js → p-0e363c60.js} +1 -1
- package/dist/components/p-1435d040.js +5 -0
- package/dist/components/{p-46262302.js → p-47a14cee.js} +1 -1
- package/dist/components/{p-f3dd066f.js → p-49a798ff.js} +1 -1
- package/dist/components/p-52abe27a.js +5 -0
- package/dist/components/{p-b3de5ff6.js → p-633cc0ac.js} +1 -1
- package/dist/components/{p-e4d1afba.js → p-8e7a3271.js} +1 -1
- package/dist/components/{p-85a6b136.js → p-c2aa007b.js} +1 -1
- package/dist/components/{p-2340ecf4.js → p-c9ae326d.js} +1 -1
- package/dist/components/{p-85d97144.js → p-cb6328fc.js} +1 -1
- package/dist/components/{p-ca930569.js → p-f13a8c1e.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 +29 -27
- package/dist/esm/dynamic-claim_6.entry.js +14 -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-fdcb49f6.js → get-local-language-5ce26e67.js} +1 -1
- package/dist/esm/part-lookup.entry.js +2 -2
- package/dist/esm/vehicle-lookup.entry.js +2 -2
- package/dist/shift-components/p-187ba4ce.entry.js +5 -0
- package/dist/shift-components/p-3b087a36.entry.js +5 -0
- package/dist/shift-components/{p-363c7e29.entry.js → p-425b4484.entry.js} +1 -1
- package/dist/shift-components/{p-4f7a3fd9.entry.js → p-56977a12.entry.js} +1 -1
- package/dist/shift-components/{p-a066b3b3.entry.js → p-71f49510.entry.js} +1 -1
- package/dist/shift-components/{p-cde3b164.entry.js → p-b0ad10ce.entry.js} +1 -1
- package/dist/shift-components/{p-52102bc7.entry.js → p-e28e0073.entry.js} +1 -1
- package/dist/shift-components/{p-e9ccc7a9.js → p-ea9f7055.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/global/types/part-information.d.ts +16 -17
- package/package.json +1 -1
- package/dist/components/p-160dece9.js +0 -5
- package/dist/components/p-79893631.js +0 -5
- package/dist/components/p-f37f379d.js +0 -5
- package/dist/shift-components/p-42575b3f.entry.js +0 -5
- package/dist/shift-components/p-cd766b0f.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-9c2b4910.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: '1284fb137f084c45e3da844e896c5df501a01b8c' }, index.h("div", { key: '64ed33927f31684f1892f82d81c0b18600a6b693', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, index.h("vehicle-specification", Object.assign({ key: '6c39b0bf193100c6caaf6fffa1c81a88efe7704b', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), index.h("div", { key: '4b16d69ebeb81ac18e06aa2c665172de89faa422', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, index.h("vehicle-accessories", Object.assign({ key: 'ae8256e34838d9216147d481c60fd6c79413f26e', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), index.h("div", { key: '0ee4a5f68627a8db04be78796d212d197e2f74d7', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, index.h("warranty-details", Object.assign({ key: '5eadab5e037ed20f906989016dade741125c474f', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), index.h("slot", { key: '59478596961d1b673a255325f5dc6370564cb8dd' }))), index.h("div", { key: '289ad726bf8b41e5d9a4237d8e755ad916163e81', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, index.h("service-history", Object.assign({ key: 'b37fb951056d7eb8c7e44f984941d6a7ef018e42', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), index.h("div", { key: '25fa576aae95ab0873e6876f163d4baf893ab742', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, index.h("paint-thickness", Object.assign({ key: '184c0cea06f545a0b568af5dbc109f2e4b45096d', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), index.h("div", { key: '69f052a9c416d9a0bf83a4db4fd2f3d5f3fb85a5', class: cn.cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, index.h("dynamic-claim", Object.assign({ key: 'b63e11b28def55c67328f44a8e9966b773ea4b40' }, 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: '891447bb24145afb78075b8f590d69958f537e6c' }, h("label", { key: '85bed6f8c2dd9120e3ae7aac1a081c719efae975', class: cn('relative w-full pb-[20px] inline-flex flex-col', containerClass) }, label && h("div", { key: '0f3a69047a4926ac0661b54c320f49267417fa32', class: cn('mb-[4px]', labelClass) }, label), h("input", { key: '7e41e1bc1f1feaca67e48729d696be6e7d29b870', 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: '59d25498ae9142d4df68eded5dfc71c81acb0a70', 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: '71c5e1fe2c9f4e5275ad254d173c642bcd6f36b3' }, h("form", Object.assign({ key: 'e4f44ad69006d79a41aed3a9e3e1f61da0b70f38' }, formController), h("form-input", Object.assign({ key: 'e7d8d18af478cec8e0d101cc64f6c207ac03f007' }, this.nameController, { label: "Name", name: "name" })), h("form-input", Object.assign({ key: '299d140f2b32f6b8ad95d94ecb9a5bb69db5eea1' }, this.name2Controller, { label: "Name2", name: "name2" })), h("button", { key: 'd948142dc67a1d62520a9e28e1d90a8204d75ac3', 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}.mt-\[12px\]{margin-top:12px}.flex{display: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}.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))}.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-\[10px\]{padding-left:10px;padding-right:10px}.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-\[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}.font-bold{font-weight:700}.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))}.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}
|
|
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-3{margin-inline-end:.75rem}.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,30 +92,32 @@ export class DistributorLookup {
|
|
|
92
92
|
mockData = newMockData;
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
var _a, _b
|
|
95
|
+
var _a, _b;
|
|
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()) || [] : [];
|
|
99
99
|
const partsInformation = this.partInformation
|
|
100
100
|
? [
|
|
101
|
-
{ label: texts.description, key: 'partDescription', value: this.partInformation.
|
|
102
|
-
{ label: texts.productGroup, key: 'group', value: this.partInformation.
|
|
101
|
+
{ label: texts.description, key: 'partDescription', value: this.partInformation.partDescription },
|
|
102
|
+
{ label: texts.productGroup, key: 'group', value: this.partInformation.group },
|
|
103
103
|
{
|
|
104
104
|
label: texts.localDescription.replace('$', localName),
|
|
105
105
|
key: 'localDescription',
|
|
106
|
-
value: this.partInformation.
|
|
106
|
+
value: this.partInformation.localDescription,
|
|
107
107
|
},
|
|
108
|
-
{ label: texts.dealerPurchasePrice, key: 'fob', value:
|
|
109
|
-
{ label: texts.recommendedRetailPrice, key: 'price', value: (
|
|
110
|
-
{ label: texts.
|
|
111
|
-
{ label: texts.supersededTo, key: 'supersededTo', value: this.partInformation.stockParts[0].supersededTo },
|
|
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: (_a = this.partInformation.prices[0].price) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
110
|
+
{ label: texts.supersededTo, key: 'supersededTo', value: this.partInformation.supersededTo },
|
|
112
111
|
]
|
|
113
112
|
: [];
|
|
114
113
|
const displayedFields = partsInformation.filter(part => !hiddenFields.includes(part.key));
|
|
115
114
|
const displayDistributer = this.partInformation
|
|
116
115
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
117
116
|
: false;
|
|
118
|
-
return (h(Host,
|
|
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-3 mt-2 rounded-lg border border-red-300" }, 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, (_b = this.partInformation) === null || _b === void 0 ? void 0 : _b.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]', {
|
|
119
121
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
120
122
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
121
123
|
}) }, h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -99,25 +99,25 @@ export class ManufacturerLookup {
|
|
|
99
99
|
const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
|
|
100
100
|
const manufacturerData = this.partInformation
|
|
101
101
|
? [
|
|
102
|
-
{ label: texts.origin, key: 'origin', value: this.partInformation.
|
|
103
|
-
{ label: texts.warrantyPrice, key: 'warrantyPrice', value: (_a = this.partInformation.
|
|
104
|
-
{ label: texts.specialPrice, key: 'specialPrice', value: (_b = this.partInformation.
|
|
105
|
-
{ label: texts.wholesalesPrice, key: 'salesPrice', value: (_c = this.partInformation.
|
|
106
|
-
{ label: texts.pnc, key: 'pnc', value: this.partInformation.
|
|
107
|
-
{ label: texts.pncName.replace('$', localName), key: 'pncLocalName', value: this.partInformation.
|
|
108
|
-
{ label: texts.binCode, key: 'binCode', value: this.partInformation.
|
|
109
|
-
{ label: texts.dimension1, key: 'dimension1', value: this.partInformation.
|
|
110
|
-
{ label: texts.dimension2, key: 'dimension2', value: this.partInformation.
|
|
111
|
-
{ label: texts.dimension3, key: 'dimension3', value: this.partInformation.
|
|
112
|
-
{ label: texts.netWeight, key: 'netWeight', value: this.partInformation.
|
|
113
|
-
{ label: texts.grossWeight, key: 'grossWeight', value: this.partInformation.
|
|
114
|
-
{ label: texts.cubicMeasure, key: 'cubicMeasure', value: this.partInformation.
|
|
115
|
-
{ label: texts.hsCode, key: 'hsCode', value: this.partInformation.
|
|
116
|
-
{ label: texts.uzHsCode, key: 'uzHsCode', value: this.partInformation.
|
|
102
|
+
{ label: texts.origin, key: 'origin', value: this.partInformation.origin },
|
|
103
|
+
{ label: texts.warrantyPrice, key: 'warrantyPrice', value: (_a = this.partInformation.prices[0].warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
104
|
+
{ label: texts.specialPrice, key: 'specialPrice', value: (_b = this.partInformation.prices[0].fob) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
105
|
+
{ label: texts.wholesalesPrice, key: 'salesPrice', value: (_c = this.partInformation.prices[0].price) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
|
|
106
|
+
{ label: texts.pnc, key: 'pnc', value: this.partInformation.pnc },
|
|
107
|
+
{ label: texts.pncName.replace('$', localName), key: 'pncLocalName', value: this.partInformation.pncLocalName },
|
|
108
|
+
{ label: texts.binCode, key: 'binCode', value: this.partInformation.binCode },
|
|
109
|
+
{ label: texts.dimension1, key: 'dimension1', value: this.partInformation.dimension1 },
|
|
110
|
+
{ label: texts.dimension2, key: 'dimension2', value: this.partInformation.dimension2 },
|
|
111
|
+
{ label: texts.dimension3, key: 'dimension3', value: this.partInformation.dimension3 },
|
|
112
|
+
{ label: texts.netWeight, key: 'netWeight', value: this.partInformation.netWeight },
|
|
113
|
+
{ label: texts.grossWeight, key: 'grossWeight', value: this.partInformation.grossWeight },
|
|
114
|
+
{ label: texts.cubicMeasure, key: 'cubicMeasure', value: this.partInformation.cubicMeasure },
|
|
115
|
+
{ label: texts.hsCode, key: 'hsCode', value: this.partInformation.hsCode },
|
|
116
|
+
{ label: texts.uzHsCode, key: 'uzHsCode', value: this.partInformation.uzHsCode },
|
|
117
117
|
]
|
|
118
118
|
: [];
|
|
119
119
|
const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
|
|
120
|
-
return (h(Host, { key: '
|
|
120
|
+
return (h(Host, { key: '0047834d242fcd127db205a730fcc1c8f648ab3f' }, h("div", { key: '1d44475fca5eec7f344d25eae10ef2b8fff14cb5', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '988240a99baccee7de01525e4b3d9c24e3796d0e' }, h(Loading, { key: '6850077681a5808deb27e5526256b914d34e12b0', isLoading: this.state.includes('loading') }), h("div", { key: '9db218068dea4b94a44019583abdf9fa0a205d53', 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: '75adf6893d83035771501949833bd4d5ddcd704e', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '6409d4825ec54e53917caa710414bef0105cffd9', 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: '8608ef0ebc86747454331dbdd578d8f69503f408' }, h("div", { key: 'bc9f07dc137c2e595fada3fc99733c815b0c836d', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'afeec48bb8f9ce1b50feee9813297122385fb3ab', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), h("div", { key: '3c4383284b76fcd0c6691f16aa58e5422bc08899', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { key: '3abb0160bb69161f74ae4000805049b558ae2972', class: "grid grid-cols-3 gap-[50px]" }, displayedManufacturerData.map(({ label, value, key }) => (h("div", { key: key, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), h("div", { class: "py-[10px] px-0" }, value))))))))))))));
|
|
121
121
|
}
|
|
122
122
|
static get is() { return "manufacturer-lookup"; }
|
|
123
123
|
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: '1399bbe94bd816d4b3ab821a332333aa7e0462ed' }, h("div", { key: '82ee3929845efa9e155dac8b3254a146e3fa3cf6', class: cn('w-full', { hidden: this.activeElement !== componentTags.deadStock }) }, h("dead-stock-lookup", Object.assign({ key: 'ca79afbf7474dd51c46c088ef0ade1dc72ae9c6f', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.deadStock]))), h("div", { key: '2b60522679269aa036cfbaed807222fca654055d', class: cn('w-full', { hidden: this.activeElement !== componentTags.distributor }) }, h("distributor-lookup", Object.assign({ key: '860135221d15ee337505bb3d5fb13a20d82b2e82', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.distributor]))), h("div", { key: 'cfd557bb9d33a596f1adeb78affdd3b300c1e1c1', class: cn('w-full', { hidden: this.activeElement !== componentTags.manufacturer }) }, h("manufacturer-lookup", Object.assign({ key: 'b76cc809b31ace9dc158026072e5b272efc13924', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.manufacturer]))), h("slot", { key: '78875aa9bcae3d3c1e0d9a49304e18fd09b50f41' })));
|
|
112
112
|
}
|
|
113
113
|
static get is() { return "part-lookup"; }
|
|
114
114
|
static get originalStyleUrls() {
|
|
@@ -109,6 +109,7 @@ export class DynamicClaim {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
async setErrorMessage(message) {
|
|
112
|
+
this.isIdle = false;
|
|
112
113
|
this.isLoading = false;
|
|
113
114
|
this.vehicleInformation = null;
|
|
114
115
|
this.errorMessage = message;
|
|
@@ -289,7 +290,8 @@ export class DynamicClaim {
|
|
|
289
290
|
var _a, _b;
|
|
290
291
|
const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
|
|
291
292
|
const texts = this.locale.vehicleLookup.dynamicClaim;
|
|
292
|
-
|
|
293
|
+
console.log(this.errorMessage);
|
|
294
|
+
return (h(Host, { key: 'ff0c989e459e7d193e9c172e274e518298c12a5a' }, h("dynamic-redeem", { key: '9184f4adb3fd17bc954b032d68dc4914da94d819', language: this.language, id: "dynamic-redeem" }), h("div", { key: '31a310e194673f8d24a94429da651231e7a42ab9', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: 'f13b4a8b80b1ef0ad8350918b65427b85c401bea', class: "dynamic-claim-header" }, h("strong", { key: '2c11338159e6713b02aecdbe25ed31b57b53adef', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: '665181c52510d1ba90f99ee4e2b2656d7990d831', 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: '42663f5666f8ad37deef0181cb73df06f4c21e2c', class: "dynamic-claim-body" }, h("div", { key: '621c9ef01d78003d2df0da997e4f15a2d97e469b', class: "loading-lane" }, h("div", { key: 'bd9019d67858a6ff72c39a474c38264a33d75984', class: "dynamic-claim-loading-slider" }, h("div", { key: 'f87c1dcd829c81e1368364ca416dda66da62c776', class: "dynamic-claim-loading-slider-line" }), h("div", { key: '993b61a7aae716d3c24e217b9c065d1118edd654', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'dc977c70b03d149669482583f6739f77e59dc545', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: 'b0f1e9cb108ec32db025c8bb164c6a4c08ad3f03', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
293
295
|
let statusClass = '';
|
|
294
296
|
if (item.status === 'pending') {
|
|
295
297
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -298,7 +300,7 @@ export class DynamicClaim {
|
|
|
298
300
|
else
|
|
299
301
|
statusClass = item.status;
|
|
300
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)));
|
|
301
|
-
}), h("div", { key: '
|
|
303
|
+
}), h("div", { key: 'fb633d6d5f18d86563bcf946f2be23b886235ad9', class: "dynamic-claim-progress-bar" }))))));
|
|
302
304
|
}
|
|
303
305
|
static get is() { return "dynamic-claim"; }
|
|
304
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: 'e82387f23272b912cebeb9507385898f2197860e' }, h("div", { key: 'e1d6e36de17bf18515980fa3f67781abc956eb93', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: 'fd0926cb86e3bade817e52d0b02f03c205225070', 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: '05161080260f9d135ac3085e97b0c8c74bc5325e', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '4ab99a92ed57e5f397e680f843c19119f742ffce', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'a819b798cae3237b0aebeefb1c130da74d43897a', id: "SVGRepo_iconCarrier" }, h("path", { key: 'a897b73e8fc211756b3246785579f954ae41dbd3', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '1040311f3ef7868cf54c9513f6b3d0107a59fde5', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '53f5214a94b4b3520c4f5553d49d490f4b1ccdfe', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '78f8e4235662bdfd6de6b64daf609ed60ef42734', class: "dynamic-claim-processor-info-box" }, h("div", { key: '7ab23f662a829b6a99f26553e8c23e6c8a6fcdbe', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '55fd88763c8c61b036de3784378ed2b9ae8ecc63', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: 'a27841d34223ac961d24aaf7f8b6268c03f6f298', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: 'baa5825eb481b128a8e0be826fdecf79df41ab0d', class: "border-separate" }, h("tr", { key: '432f64f61a879adadeb7bf0a820344fd9039d905' }, h("th", { key: '631fa1706e468251fc0142fad8d1aceb157a5632' }, texts.serviceType), h("td", { key: '5884042ec0c25335188c1bbebccee2e636f8abec' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '4db3b47fb15c74b25549faa5f0f7db2a3d5c133d' }, texts.name), h("td", { key: '1326bf88c8277f0ea2662cb1471ec2320adc36f9' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '3913b36fcee1d005d61d1dd181fbd50ab7717144' }, h("th", { key: '8eb79a4426f3bfeedc814fb8972984d811316596' }, texts.activationDate), h("td", { key: '65a3439edf060c1919651154e0c19161fd3398c1' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '6575d1cb4dd40f6d7d601df56723ed07cda9b777' }, texts.expireDate), h("td", { key: '9924a83230f7b9f6e4db986750371bee08db70e3' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: 'c4920ef832bc68805d748c3998f73d8cb50745cf' }, h("th", { key: '0a59d0c712fa652da2df7dc1168e67eb64c8a0b9' }, texts.menuCode), h("td", { key: 'f08d538971dabc2b2ef0c36c5c0502f80f9ddad2' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: 'dabfa34aaf29814877b1646a10c02af30d172e97', 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: '535008c2634a3a7f4e4b77addf552bfb83e90481', class: "admonition warning" }, h("p", { key: 'f20362a8888fe2b5ab83c1f8489329cc6f67e5c2', class: "admonition-title" }, texts.warning), h("div", { key: '23c889a5cda480f984c00a1ef37c5625e45d530e', style: { padding: '0 30px' } }, h("p", { key: '9069f15f8c49bc6d6384ad7477ae0da9921103bc', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: '3e40ced6b2115775ad85e85133d6dee8b7606929', 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: 'ea1ded3f5d4c6b5d922097d39d6b2cc7aa427add', class: "cancel-confirmation-box" }, h("label", { key: '9ef5906cd22ef738b40e2bee5600bfd3b47f6fcf' }, h("input", { key: '988931e3c7675655292a0e6ec928b4737acaa4e9', 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: '8e011f64bf6d607a48210c5480bbe684f23431e9', class: "admonition warning" }, h("p", { key: '3fa583e45306ffa61e6b499ef89e8f57750b2d52', class: "admonition-title" }, texts.warning), h("div", { key: '0e539a781fec14126c7705b10057f6a74e5d636c', style: { padding: '0 30px' } }, h("p", { key: 'd66d19f5b3973eed149a3bf7a2459f5ef463c7b6', class: "my-4" }, texts.notInvoiced), h("div", { key: 'e6ee5c092fd015bc786080d22f4933c04240694f' }, h("strong", { key: '9dbdb058772aa8897b8250b12cc16be5e5ab0cd2' }, this.unInvoicedByBrokerName)), h("div", { key: '9616750c54432fc75b3784055d92a9adadd2de75', class: "cancel-confirmation-box" }, h("label", { key: '97019c9545be7a79b09a076ede2b112d92ced410' }, h("input", { key: 'b63d53d859fab16f7e926ea44da2df6486580b02', 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: '3f4c8d525ac1a293cd79cf0395e2386159c19b36', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: 'fc98c3ed358229a63d0909e5bf61bb28daf042b7', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: '43b8ac376d8f550f4e94da98df449983f319526b', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '47898c300b56b7ece6646dd2810fc5703a7b7919', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: '44a3f6acb0cfde61f8f5e213fbcbb3eefb3ea820', 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: 'd2c2f6df02595724eda3e8f28b31ed328f1eca64', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '65a5145985545477e90ec6727a1763bd53c8d750', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '439f0167e832dca00fa5db1ecc535b6db23e45a4', id: "SVGRepo_iconCarrier" }, h("g", { key: '7c575078dfc575ef66d0d8fe8a99d6b13ba1b28c' }, h("g", { key: 'cae6f039da8bf37aacdcdda289778a3091b72df7' }, h("path", { key: '071058540735d964835065d284819d95e5b4bc91', 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: '358afa04ff2520000f09a8e96c4be43fa8f7e724' }, h("g", { key: '4d6836e6c1721a5d7089520625d885af54c3b943' }, h("path", { key: '603289c7ac4feb50136d86109072a4b084095725', 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: 'b36524342e37a4fe34ae69582afd0eee8e39b93e' }, h("g", { key: '9090c028d90b0554302097f9a87d2d3907fafcde' }, h("path", { key: 'a9c5be6f3bdecb2818864af6c3f8ed113b75861a', 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: '5c285d8aed470763b7cf1d21a7908a15fa7a19ae' }, h("g", { key: '234fad6d9de97563bd89118ffbc8b9f7a95a35bc' }, h("path", { key: '964f2d5b2e61f4b4e0e685e6b8f7915e12cbc4f7', 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: '7479fdf23d5fc3900aaaed534dc7788775bcf65d' }, h("g", { key: '7c50f6053b64a17ec58ec4b3ba20e9482b3b645c' }, h("path", { key: '7475e3788381f9100186196884728628fccf14b0', 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: '919dd1c830714a049078ea5c21ac2692a896edd2' }, h("g", { key: '905b8dac46abb6f44b898c4e039434cc6101d284' }, h("path", { key: '87f4951c5352fc83d96b31bfe9c3e006b74bd430', 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: 'b2a9d5528d90fc18fdacb0ca088ca02842323b48' }, h("g", { key: 'fcbf0c794f9b1bb9e25aa35d04c91a1361c02fb2' }, h("path", { key: '4376f4fbad103cd02286028292f33ed4ab462b4e', 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: '1b2aa610f84957b26fbf91bcae46af032fdcff5a' }, h("g", { key: 'da9dfa0d04c1c1c70dd762d7806d2cb74bf84603' }, h("path", { key: 'bedf3ca80b455ba8c153ff71f101d9dbac407d52', 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: 'fe443ce9157a5264c4f0838550300d41914fbad9' }, h("g", { key: 'd4a27ecb8118dfe09d39b449b39efd281a831cf4' }, h("path", { key: '0f8b818a723812c751c00a145b3afb18871f5767', 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: '3b44ac9b5ef9b38bd36df028c2933ab719320a62' }, h("g", { key: 'aa66c96dab67243b02c7594d71cf160ab7767f23' }, h("path", { key: '0b628148f17b6e5376adf2576ffcee54cade666f', 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: '503c9455d920090c2a260ea6ff9334fb3ccdd9cb' }, h("g", { key: '568e7ec9cfa86ff1d3c35af6cd5bb7adfc1ea4a4' }, h("path", { key: '3596c180d162799d9f66c9de98a15d386f4465e7', 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: 'a7b3b62b784e58e9a8b1b330977f311ab2c9302b' }, h("g", { key: '658726ed6fcca91a85ceb743ae05bf95346fc11e' }, h("path", { key: 'dc9f015cb56ae57803ec23b3d689aebb3f2621aa', 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: '555dfd5579be4d8976b521affee32ac89f5abb9f' }, h("g", { key: '286e8f6da85eee05c5a9ec41ede30270586da0ce' }, h("path", { key: 'bbc694013e6d8322cbaef53ac14aa12200b206b5', 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: '7fffec793ab07a49fa3577138a789bb1bd5936f4' }, h("g", { key: 'afbbc236d372094b871f519c405fe24355483643' }, h("path", { key: 'ed856c4c30eb6b7ca9b727784895fa6b345c53d1', 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: '3b77dcf50f38b183082dff9dfb744e5f829ad4d9' }, h("g", { key: 'dab1f59b6a50b47f5704d03ff9f05ed2a8d14c8a' }, h("path", { key: 'ed524376df56b3ef1da080cc3f3f28aad297f3f3', 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: '1f45e32e9853c60ab262484371ddf19b8934f0ff' }, h("g", { key: '48db3bd4c6319832095bd0392edd6e0eb0bf390e' }, h("path", { key: 'c74591ca435d10fdd1ef6477883699af71866a44', 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: '21de0b0fc271f53641ca321056a8021a5ef8c0ca' }, texts.scanTheInvoice)), h("div", { key: 'dd5e71718cc92d166c0da30cc42f1a593db20409', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: 'd1dfac41a8c78ea8ebc2f38d85a546b2bf8faa7b', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: '38cac720c19053c05a9fed96f00ce407715899e9' }), h("div", { key: '94e26296f85d115eb11711f7e605815f8853695d' })), h("div", { key: '50a3f738760506e79ed4f665d96f4fc143cc3803', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("input", { key: 'afc068515c859666b0e848bf44919492b219df35', 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: '83b631f8930611e1797e3007ceb6fd12a22babd4' }, h("div", { key: 'dfed7d89d64e62cf7862c5ea9251d1d8ca537ff3', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '6696f1e717993cc68624e1219022599b5b648e78' }, h(Loading, { key: 'e3af343d01cf1daea480b632cf2b2c048fff98e7', isLoading: this.state.includes('loading') }), h("div", { key: '26c0c4f6dd5d1784f59382caa53b36020fe8fe07', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '40006294f13294572795be03888f278b4984b388', 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: 'ad2e357e6c6c43aa3302ffd40d669e08e39f2993', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '3ee9ed31a171a9792e81358ddd6fe93ddfa14c94', 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: '72188f1b9c950b472b856725f3a0b4829e1b9616', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '2064e777509c54291f0a93b880797be980503b2f', 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: 'a0b8c4f0529823b877fe49167f6935143f3a2f0c', class: "h-0 overflow-auto flex-1" }, !parts.length && h("div", { key: '9204dd94e4f3b8c2593d062eb0ccd3dee215641c', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (h("table", { key: '9d4de26bbd3f494970c6f6c71fdd21da240b8e5d', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'b261998e726cf2fcd703b7f3dfb354b53abf5097', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '1ef501a1c43e4b5a8ebcbecdaa2cde362ece8f84' }, ['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: 'f4c86e9df672e7316466aba5d50b0eb0f7fa5225' }, 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: '2948ad9180facf3146fbc2b1988a4d1cf6069e9d' }, !imageGroups.length && h("div", { key: '83471414f185b32cfbc3cae213e475e5b8e446c6', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (h("div", { key: 'df37f198d2bb3473157af568ea0d68caa5c85f64', 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: '5394c730ae03151ccd4bf6e1ef5ae79d342e5dca', 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: 'dad31ee89ef2ae0feba7318473b714f4ed2e8942', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '72f8ec7474e559615fbf7ab309138901719ac601', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '3dc4f76d878985926ea2d9e698931b7ec3c7b7d1', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '1e31c450c00ef9a62f31a3c689bf1effc80e41c9', 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: 'fb0709eef4958764e0f01c1cf92de75d114b5caf' }, h("div", { key: '36c25ced2571a2c46eb5d1231b405cab0a8a56ef', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '41d1ea63f756021124b358884d9e9c1b5ccfc7b7' }, h(Loading, { key: 'd2900b20a73d94308ecf8605724bb29a33fefa88', isLoading: this.state.includes('loading') }), h("div", { key: 'f174d054f19a1bb93e7aa441aa62dbbbd6360052', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '8bd020d89027ca82c52bf69539c7249a156e8d51', 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: '1cdb4eabeefd7d5392779d98e21d73919a80ff83', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '17b0d00d553be0fee6d48b8083f93481b9b97276', 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: '96c4e2000af869b4ef65868571d8972037672839', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '284c959b29358843a02f4e06bab3f25813432028', 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: 'b8a6c19ad2d71a32e9539e3d264d40adf8139ed8', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && h("div", { key: '759edda1bc3d2fe1dd08bbb649a21de64e8fe24b', 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: 'dcb9ac4c011a1529c4667f1878eaf6fe1e09be1c', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '72277b4b32fc2c418555e951337d000cc766760d', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'bfbd69e1227bc579994e6acadbbf8f05f26cc0cc' }, ['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: 'e8de5443772cba6db0269c5bf40b653a50ae10c3' }, (_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: 'ebec6bdd299dc11b3674af558bfa18e49b7064d8' }, h("div", { key: 'f51b05774f4ba3296ad0cecd2dd53c326575b971', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'd5dc05eef7c9edfa865c2d9a838533fec0c15117' }, h(Loading, { key: '9b9c411d2b7705e11cbf84b8b28e75236b00915c', isLoading: this.state.includes('loading') }), h("div", { key: '000217d2cc8180ae2490da2dc07aa86ba98e2c2a', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '1f42c06da9c818fd6abdaf6485f6a525c4de55a5', 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: '1085045a6f31f8a624324fcf64e29187724a4868', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '47be186483dd357afc5823481cddad6a60c40f87', 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: 'baa84153796ba801708d11b820739f09fde5a958', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '8f573e96772c55e3ffbbde0ca901f93e1c9a04a6', 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: '788a60e73ca47330bdce522ed9468acfab94a4b6', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: '1d58f0d610e6fe51f6686729469e9df230d08834', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (h("table", { key: '782503840daf184d195c1262d12fdaca647d402d', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '862d905b630f47bca8893a8c988af5548e5cceea', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: 'bcbfa2565a0b36308bff0e9506838b5e95e15a3e' }, ['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: 'f88dbbce6d30bb11ce367d598071843d5c01101b' }, 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: 'd797c321fd0b557730545dbb04978105b10ad2cf', 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: 'fd915af65704584955eb7e756a8c6be1f9ea21e8', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '47aca66215ecec8290c0129aee8278f7c83c0263', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '16d03c8debadf13d5dfdc7e6513f2b36181d7387', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: '57bd9de7a42ea60b1a4dabb3db9127292ac16694', 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: '1284fb137f084c45e3da844e896c5df501a01b8c' }, h("div", { key: '64ed33927f31684f1892f82d81c0b18600a6b693', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleSpecification }) }, h("vehicle-specification", Object.assign({ key: '6c39b0bf193100c6caaf6fffa1c81a88efe7704b', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleSpecification]))), h("div", { key: '4b16d69ebeb81ac18e06aa2c665172de89faa422', class: cn('w-full', { hidden: this.activeElement !== componentTags.vehicleAccessories }) }, h("vehicle-accessories", Object.assign({ key: 'ae8256e34838d9216147d481c60fd6c79413f26e', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.vehicleAccessories]))), h("div", { key: '0ee4a5f68627a8db04be78796d212d197e2f74d7', class: cn('w-full', { hidden: this.activeElement !== componentTags.warrantyDetails }) }, h("warranty-details", Object.assign({ key: '5eadab5e037ed20f906989016dade741125c474f', "show-ssc": "true", "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.warrantyDetails]), h("slot", { key: '59478596961d1b673a255325f5dc6370564cb8dd' }))), h("div", { key: '289ad726bf8b41e5d9a4237d8e755ad916163e81', class: cn('w-full', { hidden: this.activeElement !== componentTags.serviceHistory }) }, h("service-history", Object.assign({ key: 'b37fb951056d7eb8c7e44f984941d6a7ef018e42', language: this.language, "base-url": this.baseUrl, "query-string": this.queryString }, props[componentTags.serviceHistory]))), h("div", { key: '25fa576aae95ab0873e6876f163d4baf893ab742', class: cn('w-full', { hidden: this.activeElement !== componentTags.paintThickness }) }, h("paint-thickness", Object.assign({ key: '184c0cea06f545a0b568af5dbc109f2e4b45096d', "base-url": this.baseUrl, language: this.language, "query-string": this.queryString }, props[componentTags.paintThickness]))), h("div", { key: '69f052a9c416d9a0bf83a4db4fd2f3d5f3fb85a5', class: cn('w-full', { hidden: this.activeElement !== componentTags.dynamicClaim }) }, h("dynamic-claim", Object.assign({ key: 'b63e11b28def55c67328f44a8e9966b773ea4b40' }, 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: '654fc5cfca93417226d625f86fa301b0e73e3ea3' }, h("div", { key: '403848d8b07eb6e92261faedb3f3e03a1137c3e2', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'd7a28cd863ed3b2adac894f1e984e8c0a7eff397' }, h(Loading, { key: '1f0dd2da7a5c4d0cfe096ad17692420bdbe9733e', isLoading: this.state.includes('loading') }), h("div", { key: 'cab294a92318223460e516e6c06e14f22d69875b', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: 'b81360f91e16dd235d767f8a3ab94b746d099f9a', 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: '206daad90e1f4c9800399ac0078d4fe41bc1b848', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '4a7d46719a50482fc0fb35b3a8fb845bb2035d32', 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: '5f8c747def2f7e143996aad208cf0a199c2aab5a', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '54fb2c20a34a7e9f202116a909a8f7d7b05d99b0', 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: 'd1f97db40c736327daeb401f23b8ce3b6c08e836', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '88fea0958056438fcd1495aceb49b1f199563f60', 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: '5caf2e773a2e674d1bebe30149e09e6ec4633680', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '1e1fd402a6e8a32ba089db4607166a3b786dfaef', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'c6ccdc3fd69963cf2ebf3e1f1ecbe170cf0d91cf' }, ['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: '5c1784bb001c540a9e4bcea1857837217df8dccc' }, h("tr", { key: '17df33b87625681eedc9b218c2e661bf4212df65' }, h("td", { key: 'e240150a8364488f74417938dc038b0e0435b148', 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: 'a50d400c003c0d6c20854f0b595d805638e6dd05', 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: '045bcef7a2587516f0f14150f57eb8149fcfa1b7', 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: 'b400d3ce04d200e82555d28766cd9188eafb92ef' }), ((_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: '4d23c9ec57816f7ea5c58186040cd45d11cdf929' }, h("div", { key: 'fe9ca5df13b72f0b114f4009f6e57bffbd41f34a', dir: this.locale.direction, class: "min-h-[100px] warranty" }, h("div", { key: '16f1d4f0abb36f59b88cac22d68461ac99d8789b' }, h(Loading, { key: '4897cce4a1f48d0a2e3ad07bb9ae00d17e7b4388', isLoading: this.state.includes('loading') }), h("div", { key: '320434813f0d8ec61660d40ccc769f63e2a7be28', 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: '929ce95d0c86ad31b38092ec91c159acad887fa5', 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: '078b72c79963bbcedda83e079c868073c8ca0d97', class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'fd4515cc4ac90a2a50927455d97f765716462f79', 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: 'e8d4812e8838917c51ce8511ba217d009e560041', 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: '538a6c11e66451b7d5e201f1088d8430aa37b591', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '50017861df57d9c0d7ffa0d8792d5703fd3702b0' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: '1cbb11644dba0c43bf91733970ddb032a5ef07f8', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (h("div", { key: '3385b3173c1067126b8fa1f23d9571b5c772c107', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '404fc58821940e0f1d2902ba1c09393b184eb6e5' }, h("strong", { key: '2835f24ae7247928e2f6f74fd2e7d72c290d698d' }, this.locale.vehicleLookup.warranty.checkingTMC)), h("img", { key: 'bbe2ca4c7933de58d4dddca4a1fe760a0c7b305d', 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: 'e9855ed100b8573b12a64c8794a39138f5ad0f6a', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
|
|
197
197
|
}
|
|
198
198
|
static get is() { return "warranty-details"; }
|
|
199
199
|
static get encapsulation() { return "shadow"; }
|