adp-web-components 0.0.24 → 0.0.26
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.cjs.entry.js +1 -1
- package/dist/cjs/distributor-lookup.cjs.entry.js +16 -12
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +5 -5
- package/dist/cjs/form-input.cjs.entry.js +1 -1
- package/dist/cjs/general-a1e72036.js +13 -0
- package/dist/cjs/general-inquiry-form.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/manufacturer-lookup.cjs.entry.js +22 -21
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-lookup.cjs.entry.js +16 -9
- package/dist/collection/collection-manifest.json +4 -4
- 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.js +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.js +15 -11
- package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +21 -20
- package/dist/collection/components/vehicle-accessories/vehicle-accessories.js +3 -3
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +34 -46
- package/dist/collection/components/vehicle-specification/vehicle-specification.js +1 -1
- package/dist/collection/components/warranty-details/warranty-details.js +1 -1
- package/dist/collection/global/lib/general.js +9 -0
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.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-23551e81.js → p-044025a6.js} +1 -1
- package/dist/components/p-1344d377.js +5 -0
- package/dist/components/{p-e46b126e.js → p-442f4eff.js} +1 -1
- package/dist/components/{p-c8eef708.js → p-84427fef.js} +1 -1
- package/dist/components/{p-3bf0339d.js → p-b90fd51c.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.entry.js +1 -1
- package/dist/esm/distributor-lookup.entry.js +16 -12
- package/dist/esm/dynamic-claim_6.entry.js +5 -5
- package/dist/esm/form-input.entry.js +1 -1
- package/dist/esm/general-b630a7db.js +11 -0
- package/dist/esm/general-inquiry-form.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/manufacturer-lookup.entry.js +22 -21
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-lookup.entry.js +16 -9
- package/dist/shift-components/p-1344d377.js +5 -0
- package/dist/shift-components/p-2872727e.entry.js +5 -0
- package/dist/shift-components/p-2f7785d3.entry.js +5 -0
- package/dist/shift-components/{p-3f3b41b4.entry.js → p-48efd004.entry.js} +1 -1
- package/dist/shift-components/{p-1a727cfd.entry.js → p-73fa9b86.entry.js} +1 -1
- package/dist/shift-components/p-8065a7e3.entry.js +5 -0
- package/dist/shift-components/{p-4c3f2850.entry.js → p-9f58a33b.entry.js} +1 -1
- package/dist/shift-components/{p-15e82b1a.entry.js → p-fad254c9.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +11 -2
- package/dist/types/components.d.ts +5 -15
- package/dist/types/global/lib/general.d.ts +1 -0
- package/dist/types/global/types/part-information.d.ts +3 -0
- package/package.json +1 -1
- package/dist/shift-components/p-217fe893.entry.js +0 -5
- package/dist/shift-components/p-9427d4ab.entry.js +0 -5
- package/dist/shift-components/p-b114d9fc.entry.js +0 -5
- /package/dist/collection/templates/{parts → parts-lookup}/mock-data.js +0 -0
|
@@ -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: '47600eab650c2c967e3b39a37f212cead08b90af' }, h("form", Object.assign({ key: '79fedfe357eed67267c43f7ae6a865e41f4d0fa0' }, formController), h("form-input", Object.assign({ key: 'b001b26a0dc65b7158af45011394269b80dfd694' }, this.nameController, { label: "Name", name: "name" })), h("form-input", Object.assign({ key: '3f7472ecbd8d4f6c0f89a7432a2e49dfc825f6d4' }, this.name2Controller, { label: "Name2", name: "name2" })), h("button", { key: '08d3b507d6739e307b72346643e8c7b191c7a5bb', type: "submit" }, "sd"))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "general-inquiry-form"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -92,7 +92,7 @@ export class DeadStockLookup {
|
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
94
|
var _a, _b;
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: '03372a6f91fd6291de7e6fc51ab5012bc5ab2b98' }, h("div", { key: 'e926503adba0274834ab8b06ce370faace79447b', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'f3883fc0b09366baf94ed65f8b13590ac1adb975' }, h(Loading, { key: 'd01c5df2db30920852b35a6e6d6cb06cde76f395', isLoading: this.state.includes('loading') }), h("div", { key: 'de52273e824e9499aa77b3763871d010184232b8', 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: '4995acd3f10a212d93838e2d5e89693829fbb10a', class: "py-[16px]" }, h("div", { key: '38064e79243ba14260cbaea211b6d82cbd299f5e', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '156cbe984af29e94d697eac435226a8d69c05545' }, h("div", { key: '573d44fd10f287903f04de74c78302cc0ffe90f1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '93f6aa85947fb2fa924478fa5167a0e894188958', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Dead stock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
|
|
96
96
|
_b.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-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Available Qty"))), 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-left whitespace-nowrap') }, branchDeadStock.companyBranchName), h("td", { class: cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
97
97
|
}
|
|
98
98
|
static get is() { return "dead-stock-lookup"; }
|
|
@@ -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}.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}.w-full{width:100%}.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)}.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}.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}.w-full{width:100%}.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}.capitalize{text-transform:capitalize}.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}
|
|
@@ -3,9 +3,10 @@
|
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
5
|
import { Host, h } from "@stencil/core";
|
|
6
|
-
import Loading from "../parts/Loading";
|
|
7
6
|
import cn from "../../global/lib/cn";
|
|
7
|
+
import { capitalize } from "../../global/lib/general";
|
|
8
8
|
import { getPartInformation } from "../../global/api/partInformation";
|
|
9
|
+
import Loading from "../parts/Loading";
|
|
9
10
|
let mockData = {};
|
|
10
11
|
export class DistributorLookup {
|
|
11
12
|
constructor() {
|
|
@@ -73,22 +74,25 @@ export class DistributorLookup {
|
|
|
73
74
|
mockData = newMockData;
|
|
74
75
|
}
|
|
75
76
|
render() {
|
|
76
|
-
var _a, _b, _c;
|
|
77
|
-
const
|
|
77
|
+
var _a, _b, _c, _d, _e;
|
|
78
|
+
const localName = this.partInformation ? ((_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.localName) || 'russian' : 'russian';
|
|
79
|
+
const hiddenFields = this.partInformation ? ((_b = this.partInformation.stockParts[0]) === null || _b === void 0 ? void 0 : _b.hiddenFields) || [] : [];
|
|
80
|
+
const partsInformation = this.partInformation
|
|
78
81
|
? [
|
|
79
|
-
{ label: 'Description', value: this.partInformation.stockParts[0].partDescription },
|
|
80
|
-
{ label: 'Product Group', value: this.partInformation.stockParts[0].group },
|
|
81
|
-
{ label:
|
|
82
|
-
{ label: 'Dealer Purchase price', value: (
|
|
83
|
-
{ label: 'Recommended Retail price', value: (
|
|
84
|
-
{ label: 'Superseded From', value: this.partInformation.stockParts[0].supersededFrom },
|
|
85
|
-
{ label: 'Superseded To', value: this.partInformation.stockParts[0].supersededTo },
|
|
82
|
+
{ label: 'Description', key: 'partDescription', value: this.partInformation.stockParts[0].partDescription },
|
|
83
|
+
{ label: 'Product Group', key: 'group', value: this.partInformation.stockParts[0].group },
|
|
84
|
+
{ label: `${capitalize(localName)} Description`, key: 'localDescription', value: this.partInformation.stockParts[0].localDescription },
|
|
85
|
+
{ label: 'Dealer Purchase price', key: 'fob', value: (_c = this.partInformation.stockParts[0].fob) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
|
|
86
|
+
{ label: 'Recommended Retail price', key: 'price', value: (_d = this.partInformation.stockParts[0].price) === null || _d === void 0 ? void 0 : _d.toFixed(2) },
|
|
87
|
+
{ label: 'Superseded From', key: 'supersededFrom', value: this.partInformation.stockParts[0].supersededFrom },
|
|
88
|
+
{ label: 'Superseded To', key: 'supersededTo', value: this.partInformation.stockParts[0].supersededTo },
|
|
86
89
|
]
|
|
87
90
|
: [];
|
|
91
|
+
const displayedFields = partsInformation.filter(part => !hiddenFields.includes(part.key));
|
|
88
92
|
const displayDistributer = this.partInformation
|
|
89
93
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
90
94
|
: false;
|
|
91
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: '2d5325fe5c9de1a091b026c47f2cff9ea395c819' }, h("div", { key: '4a59866ed5ff95e2737d56dbf446ba9435c44665', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'cb98c5441b5a402b1a88ca68c48bf2deee662a32' }, h(Loading, { key: '39e40484976ad5804d04424f7049e83d845114d9', isLoading: this.state.includes('loading') }), h("div", { key: '27c0ceb663e66b16028b7fb1c32277a39745be07', 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: '640b12bc46933ae8cadae07d92290b16a3228a1d', class: "py-[16px]" }, h("div", { key: 'c9aefd71f32e36f28b3388d1ad7aed636bc26b59', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'e9a73eb2d8841effe26dd7eb15feb456dc8540ec' }, h("div", { key: '8f30a901633ff6ccce7721e773201f4934a69f23', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '8aa933eb7ec7fa687e74f7492fc4fc442e1937ca', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: 'e65a07ca60cb81b1770211c832c813a49197e577', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, h("div", { key: 'dc21d61f0998a6a41a27b380143b5fbfa4bcc794', class: "grid grid-cols-3 gap-[50px]" }, displayedFields.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))))))), displayDistributer && (h("div", { key: '5e99f34240027ed1945f6dd2d991640d13460521', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'aba50f7957b0a8d8bc7152c94184d9cfcb91078f', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Distributor Stock"), h("div", { key: '08867b8035baa06558f13ab719a371468d95b6c7', class: "flex flex-col gap-[15px]" }, h("table", { key: 'a2e56371be24bc625b551520cdecc344651c6042', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'da5c40f1e778a6edd56ec5722ef8f97ee3db7585', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '662ac441024e2afba028365c19f42680774c6301' }, ['Location', 'Availability'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'e637cc0a5636ddf73c6d9709ce0ad90c15a34fdc' }, (_e = this.partInformation) === null || _e === void 0 ? void 0 : _e.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]', {
|
|
92
96
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
93
97
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
94
98
|
}) }, h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\[40px\]{height:40px}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\[40px\]{height:40px}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.capitalize{text-transform:capitalize}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}
|
|
@@ -6,6 +6,7 @@ import { Host, h } from "@stencil/core";
|
|
|
6
6
|
import Loading from "../parts/Loading";
|
|
7
7
|
import cn from "../../global/lib/cn";
|
|
8
8
|
import { getPartInformation } from "../../global/api/partInformation";
|
|
9
|
+
import { capitalize } from "../../global/lib/general";
|
|
9
10
|
let mockData = {};
|
|
10
11
|
export class ManufacturerLookup {
|
|
11
12
|
constructor() {
|
|
@@ -74,30 +75,30 @@ export class ManufacturerLookup {
|
|
|
74
75
|
mockData = newMockData;
|
|
75
76
|
}
|
|
76
77
|
render() {
|
|
77
|
-
var _a, _b, _c;
|
|
78
|
+
var _a, _b, _c, _d, _e;
|
|
79
|
+
const localName = this.partInformation ? ((_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.localName) || 'russian' : 'russian';
|
|
80
|
+
const hiddenFields = this.partInformation ? ((_b = this.partInformation.tmcPart) === null || _b === void 0 ? void 0 : _b.hiddenFields) || [] : [];
|
|
78
81
|
const manufacturerData = this.partInformation
|
|
79
82
|
? [
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
{ label: '
|
|
83
|
-
{ label: '
|
|
84
|
-
{ label: '
|
|
85
|
-
{ label:
|
|
86
|
-
{ label: '
|
|
87
|
-
{ label: '
|
|
88
|
-
{ label: '
|
|
89
|
-
{ label: 'Dimension
|
|
90
|
-
{ label: '
|
|
91
|
-
{ label: '
|
|
92
|
-
{ label: '
|
|
93
|
-
{ label: '
|
|
94
|
-
{ label: '
|
|
95
|
-
{ label: 'HS Code', value: this.partInformation.tmcPart.hsCode },
|
|
96
|
-
{ label: 'UZ HS Code', value: this.partInformation.tmcPart.uzHsCode },
|
|
83
|
+
{ label: 'Origin', key: 'origin', value: this.partInformation.tmcPart.origin },
|
|
84
|
+
{ label: 'Warranty Price', key: 'warrantyPrice', value: (_c = this.partInformation.tmcPart.warrantyPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
|
|
85
|
+
{ label: 'Special Price', key: 'specialPrice', value: (_d = this.partInformation.tmcPart.specialPrice) === null || _d === void 0 ? void 0 : _d.toFixed(2) },
|
|
86
|
+
{ label: 'Wholesales Price', key: 'salesPrice', value: (_e = this.partInformation.tmcPart.salesPrice) === null || _e === void 0 ? void 0 : _e.toFixed(2) },
|
|
87
|
+
{ label: 'PNC', key: 'pnc', value: this.partInformation.tmcPart.pnc },
|
|
88
|
+
{ label: `PNC ${capitalize(localName)} Name`, key: 'pncLocalName', value: this.partInformation.tmcPart.pncLocalName },
|
|
89
|
+
{ label: 'Bin Code', key: 'binCode', value: this.partInformation.tmcPart.binCode },
|
|
90
|
+
{ label: 'Dimension 1', key: 'dimension1', value: this.partInformation.tmcPart.dimension1 },
|
|
91
|
+
{ label: 'Dimension 2', key: 'dimension2', value: this.partInformation.tmcPart.dimension2 },
|
|
92
|
+
{ label: 'Dimension 3', key: 'dimension3', value: this.partInformation.tmcPart.dimension3 },
|
|
93
|
+
{ label: 'Net Weight', key: 'netWeight', value: this.partInformation.tmcPart.netWeight },
|
|
94
|
+
{ label: 'Gross Weight', key: 'grossWeight', value: this.partInformation.tmcPart.grossWeight },
|
|
95
|
+
{ label: 'Cubic Measure', key: 'cubicMeasure', value: this.partInformation.tmcPart.cubicMeasure },
|
|
96
|
+
{ label: 'HS Code', key: 'hsCode', value: this.partInformation.tmcPart.hsCode },
|
|
97
|
+
{ label: 'UZ HS Code', key: 'uzHsCode', value: this.partInformation.tmcPart.uzHsCode },
|
|
97
98
|
]
|
|
98
99
|
: [];
|
|
99
|
-
const
|
|
100
|
-
return (h(Host, { key: '
|
|
100
|
+
const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
|
|
101
|
+
return (h(Host, { key: '87e9cab3e4a31d7ae4f5111dc9c2084005611dda' }, h("div", { key: '18d25225ec6816c736d7e83b400242ff7bc79689', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '33f32bf2c16a9816ece826e15d36f30033995c36' }, h(Loading, { key: '12428ed032543b7a2eadedb98f3c6d038fcb718f', isLoading: this.state.includes('loading') }), h("div", { key: '2395b76829cf167bd0c2dc90fc673d4f377de245', 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: '1312772acaf6d2ca7cec5362a68d1a7381022be1', class: "py-[16px]" }, h("div", { key: '742f76a23e9b2b3a5d29e6d5ab3026a793669d85', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'b2d639d00ca896a1dacc58357223ef8b69eafd43' }, h("div", { key: '3a63a5357fcab91410199ee9eb0e3775b67266c7', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'bb82e17a98e1175fb0933bc51ee446af98619039', 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: '73a9c933212b7b20886a55fb40be31ed44dfb59d', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { key: 'f882dbf62c5271fc5818f444f69bb3f2b4480e46', 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))))))))))))));
|
|
101
102
|
}
|
|
102
103
|
static get is() { return "manufacturer-lookup"; }
|
|
103
104
|
static get encapsulation() { return "shadow"; }
|
|
@@ -89,7 +89,7 @@ export class VehicleAccessories {
|
|
|
89
89
|
render() {
|
|
90
90
|
var _a, _b;
|
|
91
91
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
92
|
-
return (h(Host, { key: '
|
|
92
|
+
return (h(Host, { key: 'a35da0829d3b8456878089816a2518d0bc7dfc53' }, h("div", { key: '87b8bc1f45e55a5c401573316dc697c35efb4b65', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '538bce297b97eb27c1b1d7e4ae84f2a0654375d6' }, h(Loading, { key: '1d2860fea6605952bc163aa491df2d49ba42ae37', isLoading: this.state.includes('loading') }), h("div", { key: '1b041603b3c7ad17154f3fe8b7ef0dac5ac0e05d', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '2efb48af8a4b60f2270fe3bc28ab9d48389d818e', 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: '8797ebb6e5a3f4982dcf99ede6f89b868a2d8ba7', class: "py-[16px]" }, h("div", { key: 'b51f7e4cb8eaef6b030beb49d3f51842d729743c', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '599cfdcc5809fc949f970d770e317d308ce2373f', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'a5115b70bc41ea7cc6c627a087947168b28decd8', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Accessories"), h("div", { key: '8adbf3110446333290599986668948ce5a84bf2f', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: '6da0fddfb3424f35b3c88ae938afce9e45c679cc', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!accessories.length && (h("table", { key: 'd7c7b9e0312d32af7d732006f59004e936cdd24a', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '64d4df8517da59cdcfef277e8353ffaed41cae1a', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: 'f2f23fcd8f9a36754578374776454c42c02464e2' }, ['Part Number', 'Description', 'Image'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'f9aa73d5424f428446b842a0756b71511449a6e1' }, accessories.map((accessory, idx) => {
|
|
93
93
|
var _a;
|
|
94
94
|
return (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
95
95
|
var _a;
|
|
@@ -99,9 +99,9 @@ export class VehicleAccessories {
|
|
|
99
99
|
}), h("td", { class: cn('px-[10px] py-[10px] 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,
|
|
101
101
|
}) }, 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" }, "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 })))));
|
|
102
|
-
})), h("div", { key: '
|
|
102
|
+
})), h("div", { key: 'efe4736fde597ea79a9c0957eea3bf95e0f29900', 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', {
|
|
103
103
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
104
|
-
}) }, h("button", { key: '
|
|
104
|
+
}) }, h("button", { key: 'b27cfac3e52d3632a31a68544c06b7b59e9d6ee6', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '2e7af6f1591033eaa49783222865e01e183ad25a', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '1d6512d6d8b4ba87f1cbb2e0d477efa8ea8a009a', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'e780539868031f2062c09b15eb20343fd216e9d3', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
105
105
|
}
|
|
106
106
|
static get is() { return "vehicle-accessories"; }
|
|
107
107
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ import cn from "../../global/lib/cn";
|
|
|
7
7
|
import validateVin from "../../global/lib/validate-vin";
|
|
8
8
|
export class VehicleLookup {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.
|
|
10
|
+
this.activeElement = '';
|
|
11
11
|
this.baseUrl = '';
|
|
12
12
|
this.isDev = false;
|
|
13
13
|
this.queryString = '';
|
|
@@ -25,8 +25,15 @@ export class VehicleLookup {
|
|
|
25
25
|
const vehicleHistory = this.el.getElementsByTagName('service-history')[0];
|
|
26
26
|
const vehicleThickness = this.el.getElementsByTagName('paint-thickness')[0];
|
|
27
27
|
const vehicleClaim = this.el.getElementsByTagName('dynamic-claim')[0];
|
|
28
|
-
this.componentsList =
|
|
29
|
-
|
|
28
|
+
this.componentsList = {
|
|
29
|
+
'vehicle-specification': vehicleSpecification,
|
|
30
|
+
'vehicle-accessories': vehicleAccessories,
|
|
31
|
+
'warranty-details': vehicleDetails,
|
|
32
|
+
'service-history': vehicleHistory,
|
|
33
|
+
'paint-thickness': vehicleThickness,
|
|
34
|
+
'dynamic-claim': vehicleClaim,
|
|
35
|
+
};
|
|
36
|
+
Object.values(this.componentsList).forEach(element => {
|
|
30
37
|
if (!element)
|
|
31
38
|
return;
|
|
32
39
|
if (this.loadingStateChanged)
|
|
@@ -41,7 +48,7 @@ export class VehicleLookup {
|
|
|
41
48
|
this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener, newState);
|
|
42
49
|
}
|
|
43
50
|
async handleLoadingListenerPropChange(newProp) {
|
|
44
|
-
this.componentsList.forEach(element => {
|
|
51
|
+
Object.values(this.componentsList).forEach(element => {
|
|
45
52
|
if (!element)
|
|
46
53
|
return;
|
|
47
54
|
element.loadingStateChange = newProp;
|
|
@@ -49,7 +56,7 @@ export class VehicleLookup {
|
|
|
49
56
|
}
|
|
50
57
|
async handleBlazorLoadingRefChange(loadingInvokeRef) {
|
|
51
58
|
if (this.blazorRef) {
|
|
52
|
-
this.componentsList.forEach(element => {
|
|
59
|
+
Object.values(this.componentsList).forEach(element => {
|
|
53
60
|
if (!element)
|
|
54
61
|
return;
|
|
55
62
|
element.loadingStateChange = newState => this.blazorRef.invokeMethodAsync(loadingInvokeRef, newState);
|
|
@@ -59,7 +66,7 @@ export class VehicleLookup {
|
|
|
59
66
|
async setBlazorRef(newBlazorRef) {
|
|
60
67
|
this.blazorRef = newBlazorRef;
|
|
61
68
|
if (this.blazorOnLoadingStateChange) {
|
|
62
|
-
this.componentsList.forEach(element => {
|
|
69
|
+
Object.values(this.componentsList).forEach(element => {
|
|
63
70
|
if (!element)
|
|
64
71
|
return;
|
|
65
72
|
element.loadingStateChange = newState => this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange, newState);
|
|
@@ -67,7 +74,7 @@ export class VehicleLookup {
|
|
|
67
74
|
}
|
|
68
75
|
}
|
|
69
76
|
async fetchVin(vin, headers = {}) {
|
|
70
|
-
const activeElement = this.componentsList[this.
|
|
77
|
+
const activeElement = this.componentsList[this.activeElement] || null;
|
|
71
78
|
this.wrapperErrorState = '';
|
|
72
79
|
if (!activeElement)
|
|
73
80
|
return;
|
|
@@ -81,13 +88,13 @@ export class VehicleLookup {
|
|
|
81
88
|
return { componentsList: this.componentsList };
|
|
82
89
|
}
|
|
83
90
|
handleLoadData(newResponse, activeElement) {
|
|
84
|
-
this.componentsList.forEach(element => {
|
|
91
|
+
Object.values(this.componentsList).forEach(element => {
|
|
85
92
|
if (element !== null && element !== activeElement && newResponse)
|
|
86
93
|
element.setData(newResponse);
|
|
87
94
|
});
|
|
88
95
|
}
|
|
89
96
|
render() {
|
|
90
|
-
return (h(Host, { key: '
|
|
97
|
+
return (h(Host, { key: '915de37781baebae7789ef128265b621552ea367' }, h("div", { key: '28c7621a5614d64a760e338afec183f80e3e4292', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, h("vehicle-specification", { key: '3e02c7a30048634186044f763653a1d93ae2392d', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '55672a129b9fb6e9d2d1b44ae79bc0e8f829f2c9', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, h("vehicle-accessories", { key: 'e9d16fc4f81221a890d8853da14f2b80ce774c13', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '88fa2420a94db307dd8900972b137dbfbc6be79d', class: cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, h("warranty-details", { key: 'bb6cdb852a4deed8819b471c65047a623f5e6d6b', "show-ssc": "true", "show-warranty": "true", isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }, h("slot", { key: '7a00495c356c566c1643ee4246c7887924529ddf' }))), h("div", { key: '74acc9254ac994fd708858e9089b58f58da20952', class: cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, h("service-history", { key: '6959bdd34fadac6a36d61f4b2ac1c5c3f8bd9a34', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '71748aefc8a90526c5ec78ee353bd011fbe069b1', class: cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, h("paint-thickness", { key: '71da10b78a94011bedca1d5bbf7e351968d53e52', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'b786c15b52fb6f663848c6c4cdc27e163f579652', class: cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, h("dynamic-claim", { key: '8dc4bf0c1dc249a42a3ee1ae50d82e9d3357bf8e', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
|
|
91
98
|
}
|
|
92
99
|
static get is() { return "vehicle-lookup"; }
|
|
93
100
|
static get originalStyleUrls() {
|
|
@@ -102,13 +109,19 @@ export class VehicleLookup {
|
|
|
102
109
|
}
|
|
103
110
|
static get properties() {
|
|
104
111
|
return {
|
|
105
|
-
"
|
|
112
|
+
"activeElement": {
|
|
106
113
|
"type": "string",
|
|
107
114
|
"mutable": false,
|
|
108
115
|
"complexType": {
|
|
109
|
-
"original": "
|
|
110
|
-
"resolved": "
|
|
111
|
-
"references": {
|
|
116
|
+
"original": "ActiveElement",
|
|
117
|
+
"resolved": "\"\" | \"dynamic-claim\" | \"paint-thickness\" | \"service-history\" | \"vehicle-accessories\" | \"vehicle-specification\" | \"warranty-details\"",
|
|
118
|
+
"references": {
|
|
119
|
+
"ActiveElement": {
|
|
120
|
+
"location": "local",
|
|
121
|
+
"path": "/home/vsts/work/1/s/src/components/vehicle-lookup/vehicle-lookup.tsx",
|
|
122
|
+
"id": "src/components/vehicle-lookup/vehicle-lookup.tsx::ActiveElement"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
112
125
|
},
|
|
113
126
|
"required": false,
|
|
114
127
|
"optional": true,
|
|
@@ -116,9 +129,9 @@ export class VehicleLookup {
|
|
|
116
129
|
"tags": [],
|
|
117
130
|
"text": ""
|
|
118
131
|
},
|
|
119
|
-
"attribute": "active-
|
|
132
|
+
"attribute": "active-element",
|
|
120
133
|
"reflect": false,
|
|
121
|
-
"defaultValue": "'
|
|
134
|
+
"defaultValue": "''"
|
|
122
135
|
},
|
|
123
136
|
"baseUrl": {
|
|
124
137
|
"type": "string",
|
|
@@ -303,45 +316,20 @@ export class VehicleLookup {
|
|
|
303
316
|
},
|
|
304
317
|
"getPageContext": {
|
|
305
318
|
"complexType": {
|
|
306
|
-
"signature": "() => Promise<{ componentsList:
|
|
319
|
+
"signature": "() => Promise<{ componentsList: ComponentMap; }>",
|
|
307
320
|
"parameters": [],
|
|
308
321
|
"references": {
|
|
309
322
|
"Promise": {
|
|
310
323
|
"location": "global",
|
|
311
324
|
"id": "global::Promise"
|
|
312
325
|
},
|
|
313
|
-
"
|
|
314
|
-
"location": "
|
|
315
|
-
"path": "components/vehicle-
|
|
316
|
-
"id": "src/components/vehicle-
|
|
317
|
-
},
|
|
318
|
-
"VehicleAccessories": {
|
|
319
|
-
"location": "import",
|
|
320
|
-
"path": "components/vehicle-accessories/vehicle-accessories",
|
|
321
|
-
"id": "src/components/vehicle-accessories/vehicle-accessories.tsx::VehicleAccessories"
|
|
322
|
-
},
|
|
323
|
-
"WarrantyDetails": {
|
|
324
|
-
"location": "import",
|
|
325
|
-
"path": "components/warranty-details/warranty-details",
|
|
326
|
-
"id": "src/components/warranty-details/warranty-details.tsx::WarrantyDetails"
|
|
327
|
-
},
|
|
328
|
-
"ServiceHistory": {
|
|
329
|
-
"location": "import",
|
|
330
|
-
"path": "components/service-history/service-history",
|
|
331
|
-
"id": "src/components/service-history/service-history.tsx::ServiceHistory"
|
|
332
|
-
},
|
|
333
|
-
"PaintThickness": {
|
|
334
|
-
"location": "import",
|
|
335
|
-
"path": "components/paint-thickness/paint-thickness",
|
|
336
|
-
"id": "src/components/paint-thickness/paint-thickness.tsx::PaintThickness"
|
|
337
|
-
},
|
|
338
|
-
"DynamicClaim": {
|
|
339
|
-
"location": "import",
|
|
340
|
-
"path": "components/dynamic-claim/dynamic-claim",
|
|
341
|
-
"id": "src/components/dynamic-claim/dynamic-claim.tsx::DynamicClaim"
|
|
326
|
+
"ComponentMap": {
|
|
327
|
+
"location": "local",
|
|
328
|
+
"path": "/home/vsts/work/1/s/src/components/vehicle-lookup/vehicle-lookup.tsx",
|
|
329
|
+
"id": "src/components/vehicle-lookup/vehicle-lookup.tsx::ComponentMap"
|
|
342
330
|
}
|
|
343
331
|
},
|
|
344
|
-
"return": "Promise<{ componentsList:
|
|
332
|
+
"return": "Promise<{ componentsList: ComponentMap; }>"
|
|
345
333
|
},
|
|
346
334
|
"docs": {
|
|
347
335
|
"text": "",
|
|
@@ -71,7 +71,7 @@ export class VehicleSpecification {
|
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
73
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
74
|
-
return (h(Host, { key: '
|
|
74
|
+
return (h(Host, { key: 'd3ab6e7dbf681de049f7aca3ba75ff70be5ee4e3' }, h("div", { key: 'f4db262a4b26bcb8e3f1f2362ff1695a4bf7d1b1', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'cbe247fb071e9568bf243f123477f740ebf29c13' }, h(Loading, { key: 'e429ac356ca4dce57cd577b4a6e8d1c3e50b0f43', isLoading: this.state.includes('loading') }), h("div", { key: 'acdcc92f7357768fab0e54f7ece3f5b648c62613', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '258b28037672bd5c47712e007df135f6067d052c', 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: '8ef03632b0d92ec856d29def355acee4f4a1e02a', class: "py-4" }, h("div", { key: 'a2ca78486377bd0be6f5d08ac8652a1da88d3330', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'c99a0b60829d7cd13326a698573e129a50d5268b', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '549334e7180a5e894e2d46c7f4558cc9d4f32ac9', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Specifications"), h("div", { key: '4aa0f17cd6a6c70a4a0be4117b55de3ff813ae6a', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '5261fcc2bb22773483083928f2f574e35a24b2e4', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (h("table", { key: '0af0e908c374d61ba67c85aadd21e2ec271ee496', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'cfff109c40df4000f6eab1a31f955a4de7c2e880', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '170f8d37806a12e798080c8374bfb46b6f5f47ce' }, ['Model', 'Variant', 'Katashiki', 'Model Year', 'SFX'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: '378b78de1a33cdbb5fe03cb551e21111e1312138' }, h("tr", { key: '4b4a1755a18fc2f43223ff865868325be95057a8' }, h("td", { key: '613302f44873887ac22032e8f2dd9020519fdb90', 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: 'c553288fd9ca7bbfa5b51dd1a96fc282a5861699', 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: '7c877d8c2484f91febdd140f587e1382e7add7a5', 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: '697f61020749ecc8e15b6d9bb21d9e206c06cf1a' }), ((_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 => {
|
|
75
75
|
var _a;
|
|
76
76
|
const [place, field] = infoPath.split('.');
|
|
77
77
|
const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
|
|
@@ -177,7 +177,7 @@ export class WarrantyDetails {
|
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
179
|
var _a, _b, _c, _d, _e;
|
|
180
|
-
return (h(Host, { key: '
|
|
180
|
+
return (h(Host, { key: 'a8a0f9e697b84de68c14f152c91d92c3440434c8' }, h("div", { key: 'd945fb814740a7bb90a56e2b06d449f7c5773ce6', class: "min-h-[100px] warranty" }, h("div", { key: '0dd325cc036ee6fd4b78ae5ccb32891a7d89bf55' }, h(Loading, { key: '33ac29df8941e2efae8aafab425347f24aff91b7', isLoading: this.state.includes('loading') }), h("div", { key: '4ed642aee8795e88b5aec7143004ded257772449', 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: 'b4348768ef951ceb89c9e73fb603278bf091ef56', 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: '4ab797c1a42de0a0b8cfdf8c3c956d314344a991', class: "py-4" }, h(StatusCard, { key: '35031e278a4503260d00d4ffb5e560267346b96f', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '61f89d582dd91e09c65a6dee6a9593bb7d154f81', 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: '54ae9de6ebe04b4d605607993e46813047175ff1', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: 'd07c7123b5c0d27c71deeff5c608d87556b64108' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'ebb7c599bd6f52cf3d10141ffe448614f232ae83', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: '1acb2e50f4e8fb36144175af760323f702e63c11', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '2a847351b5924a695cadcb1fc22bb64100c514f1' }, h("strong", { key: '7be0d0d1903c1c5921cf5c248483ce23b900ead1' }, "Checking TMC")), h("img", { key: '3c6a87227027ee5ed5679519b411888ab56771e4', 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: '5386788e64c56099d5356ef59084b5cb284bc490', ssc: this.vehicleInformation.ssc })))))));
|
|
181
181
|
}
|
|
182
182
|
static get is() { return "warranty-details"; }
|
|
183
183
|
static get encapsulation() { return "shadow"; }
|