adp-web-components 0.0.34 → 0.0.36
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 +394 -0
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +12 -12
- package/dist/cjs/dynamic-redeem.cjs.entry.js +4 -4
- package/dist/cjs/form-input.cjs.entry.js +2 -2
- package/dist/cjs/general-inquiry-form.cjs.entry.js +2 -2
- package/dist/cjs/{get-local-language-b48b2f48.js → get-local-language-b38fe7ca.js} +51 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/part-lookup.cjs.entry.js +119 -0
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-lookup.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +5 -4
- package/dist/collection/components/form-input/form-input.css +1 -1
- package/dist/collection/components/form-input/form-input.js +1 -1
- package/dist/collection/components/general-inquiry-form/general-inquiry-form.css +1 -1
- package/dist/collection/components/general-inquiry-form/general-inquiry-form.js +1 -1
- package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +4 -3
- package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.js +17 -13
- package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +18 -18
- package/dist/collection/components/part-lookup/part-lookup.css +1 -0
- package/dist/collection/components/part-lookup/part-lookup.js +403 -0
- package/dist/collection/components/vehicle-lookup/dynamic-claim.js +3 -3
- package/dist/collection/components/vehicle-lookup/dynamic-redeem.js +4 -4
- package/dist/collection/components/vehicle-lookup/paint-thickness.js +4 -4
- package/dist/collection/components/vehicle-lookup/service-history.js +2 -2
- package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +4 -4
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +2 -2
- package/dist/collection/components/vehicle-lookup/vehicle-specification.js +2 -2
- package/dist/collection/components/vehicle-lookup/warranty-details.js +2 -2
- package/dist/collection/global/types/locales/index.js +4 -0
- package/dist/collection/global/types/locales/part-lookup/dead-stock-schema.js +10 -0
- package/dist/collection/global/types/locales/part-lookup/distributor-schema.js +21 -0
- package/dist/collection/global/types/locales/part-lookup/index.js +13 -0
- package/dist/collection/global/types/locales/part-lookup/manufacturer-schema.js +22 -0
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/dynamic-claim.js +1 -1
- package/dist/components/dynamic-redeem.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/general-inquiry-form.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/{p-2882d59a.js → p-1a7f780a.js} +1 -1
- package/dist/components/{p-093b1fb7.js → p-1ec25f3c.js} +1 -1
- package/dist/components/p-2de97517.js +5 -0
- package/dist/components/p-3b5ef7f5.js +5 -0
- package/dist/components/p-5cf87534.js +5 -0
- package/dist/components/{p-e5d74a15.js → p-6d9cb126.js} +1 -1
- package/dist/components/p-7cc65883.js +5 -0
- package/dist/components/{p-0cfd2522.js → p-889526d8.js} +1 -1
- package/dist/components/{p-1ca0dc4b.js → p-a865dff3.js} +1 -1
- package/dist/components/{p-f001d15b.js → p-e37ce417.js} +1 -1
- package/dist/components/{p-f6b68cb6.js → p-ee84cf70.js} +1 -1
- package/dist/components/p-f3de80cd.js +5 -0
- package/dist/components/{p-5adec8c4.js → p-f7b3a33c.js} +1 -1
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/part-lookup.d.ts +11 -0
- package/dist/components/part-lookup.js +5 -0
- 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 +388 -0
- package/dist/esm/dynamic-claim_6.entry.js +12 -12
- package/dist/esm/dynamic-redeem.entry.js +4 -4
- package/dist/esm/form-input.entry.js +2 -2
- package/dist/esm/general-inquiry-form.entry.js +2 -2
- package/dist/esm/{get-local-language-fff1db0a.js → get-local-language-5f8f9df5.js} +51 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/part-lookup.entry.js +115 -0
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-lookup.entry.js +1 -1
- package/dist/locales/ar.json +40 -0
- package/dist/locales/en.json +40 -0
- package/dist/locales/ku.json +40 -0
- package/dist/locales/ru.json +137 -0
- package/dist/shift-components/p-36f29bde.js +5 -0
- package/dist/shift-components/p-43f14c26.entry.js +5 -0
- package/dist/shift-components/{p-3a4e5325.entry.js → p-50a1ccc9.entry.js} +1 -1
- package/dist/shift-components/{p-691f64cf.entry.js → p-5bb328fd.entry.js} +1 -1
- package/dist/shift-components/{p-832fd942.entry.js → p-6553e467.entry.js} +1 -1
- package/dist/shift-components/p-8b97a91f.entry.js +5 -0
- package/dist/shift-components/{p-9120c049.entry.js → p-dc33c5ac.entry.js} +1 -1
- package/dist/shift-components/{p-496a721b.entry.js → p-ddffc71b.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/part-lookup/part-lookup.d.ts +43 -0
- package/dist/types/components.d.ts +43 -5
- package/dist/types/global/types/locales/index.d.ts +84 -2
- package/dist/types/global/types/locales/part-lookup/dead-stock-schema.d.ts +9 -0
- package/dist/types/global/types/locales/part-lookup/distributor-schema.d.ts +31 -0
- package/dist/types/global/types/locales/part-lookup/index.d.ts +79 -0
- package/dist/types/global/types/locales/part-lookup/manufacturer-schema.d.ts +33 -0
- package/dist/types/global/types/locales/vehicle-lookup/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/dead-stock-lookup.cjs.entry.js +0 -126
- package/dist/cjs/distributor-lookup.cjs.entry.js +0 -134
- package/dist/cjs/general-a1e72036.js +0 -13
- package/dist/cjs/manufacturer-lookup.cjs.entry.js +0 -133
- package/dist/cjs/partInformation-16ea1f8e.js +0 -34
- package/dist/components/p-1344d377.js +0 -5
- package/dist/components/p-50896586.js +0 -5
- package/dist/components/p-62a22efb.js +0 -5
- package/dist/esm/dead-stock-lookup.entry.js +0 -122
- package/dist/esm/distributor-lookup.entry.js +0 -130
- package/dist/esm/general-b630a7db.js +0 -11
- package/dist/esm/manufacturer-lookup.entry.js +0 -129
- package/dist/esm/partInformation-ba1470e1.js +0 -32
- package/dist/shift-components/p-0b5958a0.entry.js +0 -5
- package/dist/shift-components/p-1344d377.js +0 -5
- package/dist/shift-components/p-cbd2ce5c.entry.js +0 -5
- package/dist/shift-components/p-e0ea03e8.js +0 -5
- package/dist/shift-components/p-eb229fab.entry.js +0 -5
- package/dist/shift-components/p-f99c8b2f.js +0 -5
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-33ae6859.js';
|
|
6
|
-
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-fff1db0a.js';
|
|
7
|
-
import { c as cn } from './cn-cc419b94.js';
|
|
8
|
-
import { L as Loading } from './Loading-f4d666ee.js';
|
|
9
|
-
import { g as getPartInformation } from './partInformation-ba1470e1.js';
|
|
10
|
-
import './index.esm-46e0cdad.js';
|
|
11
|
-
|
|
12
|
-
const deadStockLookupCss = "*,: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-scroll-snap-strictness:proximity;--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;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-scroll-snap-strictness:proximity;--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;}/*! 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}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-left{text-align:left}.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))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}";
|
|
13
|
-
const DeadStockLookupStyle0 = deadStockLookupCss;
|
|
14
|
-
|
|
15
|
-
let mockData = {};
|
|
16
|
-
const closedAccordionHeight = '46px';
|
|
17
|
-
const DeadStockLookup = class {
|
|
18
|
-
constructor(hostRef) {
|
|
19
|
-
registerInstance(this, hostRef);
|
|
20
|
-
this.baseUrl = '';
|
|
21
|
-
this.isDev = false;
|
|
22
|
-
this.queryString = '';
|
|
23
|
-
this.language = 'en';
|
|
24
|
-
this.loadingStateChange = undefined;
|
|
25
|
-
this.loadedResponse = undefined;
|
|
26
|
-
this.state = 'idle';
|
|
27
|
-
this.errorMessage = null;
|
|
28
|
-
this.partInformation = undefined;
|
|
29
|
-
this.externalPartNumber = null;
|
|
30
|
-
this.locale = localeSchema.getDefault();
|
|
31
|
-
}
|
|
32
|
-
async componentWillLoad() {
|
|
33
|
-
await this.changeLanguage(this.language);
|
|
34
|
-
}
|
|
35
|
-
async changeLanguage(newLanguage) {
|
|
36
|
-
this.locale = await getLocaleLanguage(newLanguage);
|
|
37
|
-
}
|
|
38
|
-
handleSettingData(response) {
|
|
39
|
-
this.partInformation = response;
|
|
40
|
-
}
|
|
41
|
-
async setData(newData, headers = {}) {
|
|
42
|
-
clearTimeout(this.networkTimeoutRef);
|
|
43
|
-
if (this.abortController)
|
|
44
|
-
this.abortController.abort();
|
|
45
|
-
this.abortController = new AbortController();
|
|
46
|
-
let scopedTimeoutRef;
|
|
47
|
-
const isPartNumberRequest = typeof newData === 'string';
|
|
48
|
-
const partNumber = isPartNumberRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.partNumber;
|
|
49
|
-
this.externalPartNumber = partNumber;
|
|
50
|
-
try {
|
|
51
|
-
if (!partNumber || partNumber.trim().length === 0) {
|
|
52
|
-
this.state = 'idle';
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
if (this.state === 'data' || this.state === 'error') {
|
|
56
|
-
this.state = (this.state + '-loading');
|
|
57
|
-
}
|
|
58
|
-
else
|
|
59
|
-
this.state = 'loading';
|
|
60
|
-
await new Promise(r => {
|
|
61
|
-
scopedTimeoutRef = setTimeout(r, 700);
|
|
62
|
-
this.networkTimeoutRef = scopedTimeoutRef;
|
|
63
|
-
});
|
|
64
|
-
const partResponse = isPartNumberRequest ? await getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
65
|
-
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
66
|
-
if (!partResponse)
|
|
67
|
-
throw new Error('wrongResponseFormat');
|
|
68
|
-
this.handleSettingData(partResponse);
|
|
69
|
-
}
|
|
70
|
-
this.errorMessage = null;
|
|
71
|
-
this.state = 'data';
|
|
72
|
-
}
|
|
73
|
-
catch (error) {
|
|
74
|
-
if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
|
|
75
|
-
return;
|
|
76
|
-
console.error(error);
|
|
77
|
-
this.state = 'error';
|
|
78
|
-
this.partInformation = null;
|
|
79
|
-
this.errorMessage = error.message;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
83
|
-
await this.setData(partNumber, headers);
|
|
84
|
-
}
|
|
85
|
-
async loadingListener() {
|
|
86
|
-
if (this.loadingStateChange)
|
|
87
|
-
this.loadingStateChange(this.state.includes('loading'));
|
|
88
|
-
}
|
|
89
|
-
async setMockData(newMockData) {
|
|
90
|
-
mockData = newMockData;
|
|
91
|
-
}
|
|
92
|
-
toggleAccordion(event) {
|
|
93
|
-
const container = event.target.parentElement;
|
|
94
|
-
const icon = container.getElementsByClassName('icon')[0];
|
|
95
|
-
const isExpanded = container.getAttribute('aria-expanded') === 'true';
|
|
96
|
-
if (isExpanded) {
|
|
97
|
-
container.style.height = closedAccordionHeight;
|
|
98
|
-
icon.style.transform = 'rotate(0deg)';
|
|
99
|
-
container.setAttribute('aria-expanded', 'false');
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
const content = container.getElementsByClassName('content')[0];
|
|
103
|
-
const totalHeight = +closedAccordionHeight.replace('px', '') + content.getClientRects()[0].height;
|
|
104
|
-
container.style.height = `${totalHeight}px`;
|
|
105
|
-
icon.style.transform = 'rotate(180deg)';
|
|
106
|
-
container.setAttribute('aria-expanded', 'true');
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
render() {
|
|
110
|
-
var _a, _b;
|
|
111
|
-
return (h(Host, { key: '6e4ae6ad08a5ddc15fe5146953d1d2a07038835d' }, h("div", { key: '85c386f5c877f71d064be8f308e4408c01155eb1', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '71930858160fcaacfe90d18bea2c48bb413c9e9c' }, h(Loading, { key: '4d1f90ee35055e7046b0df380a631b8ca65aa62f', isLoading: this.state.includes('loading') }), h("div", { key: 'b5c3e8ec0f8560363f8268e1975c7ca039b6edbb', 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: '3e928834d4562f5cbe05e451768b668fc9067e61', class: "py-[16px]" }, h("div", { key: '6dd21bc59f9636a706f4094364eeab7141a88c52', 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: '415d90744dd72e7d7f4e65ca2e83e16131f33c62' }, h("div", { key: 'a659d9b44da828b63f8896c45dcffff3e9e0931f', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '1e55efab0617d36b8f3b816bc391a828fcd3089c', 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 :
|
|
112
|
-
_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))))))))))))))))))));
|
|
113
|
-
}
|
|
114
|
-
get el() { return getElement(this); }
|
|
115
|
-
static get watchers() { return {
|
|
116
|
-
"language": ["changeLanguage"],
|
|
117
|
-
"state": ["loadingListener"]
|
|
118
|
-
}; }
|
|
119
|
-
};
|
|
120
|
-
DeadStockLookup.style = DeadStockLookupStyle0;
|
|
121
|
-
|
|
122
|
-
export { DeadStockLookup as dead_stock_lookup };
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-33ae6859.js';
|
|
6
|
-
import { c as cn } from './cn-cc419b94.js';
|
|
7
|
-
import { c as capitalize } from './general-b630a7db.js';
|
|
8
|
-
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-fff1db0a.js';
|
|
9
|
-
import { g as getPartInformation } from './partInformation-ba1470e1.js';
|
|
10
|
-
import { L as Loading } from './Loading-f4d666ee.js';
|
|
11
|
-
import './index.esm-46e0cdad.js';
|
|
12
|
-
|
|
13
|
-
const distributorLookupCss = "*,: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-scroll-snap-strictness:proximity;--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;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-scroll-snap-strictness:proximity;--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;}/*! 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}";
|
|
14
|
-
const DistributorLookupStyle0 = distributorLookupCss;
|
|
15
|
-
|
|
16
|
-
let mockData = {};
|
|
17
|
-
const DistributorLookup = class {
|
|
18
|
-
constructor(hostRef) {
|
|
19
|
-
registerInstance(this, hostRef);
|
|
20
|
-
this.baseUrl = '';
|
|
21
|
-
this.isDev = false;
|
|
22
|
-
this.queryString = '';
|
|
23
|
-
this.hiddenFields = '';
|
|
24
|
-
this.language = 'en';
|
|
25
|
-
this.localizationName = '';
|
|
26
|
-
this.loadingStateChange = undefined;
|
|
27
|
-
this.loadedResponse = undefined;
|
|
28
|
-
this.state = 'idle';
|
|
29
|
-
this.errorMessage = null;
|
|
30
|
-
this.partInformation = undefined;
|
|
31
|
-
this.externalPartNumber = null;
|
|
32
|
-
this.locale = localeSchema.getDefault();
|
|
33
|
-
}
|
|
34
|
-
async componentWillLoad() {
|
|
35
|
-
await this.changeLanguage(this.language);
|
|
36
|
-
}
|
|
37
|
-
async changeLanguage(newLanguage) {
|
|
38
|
-
this.locale = await getLocaleLanguage(newLanguage);
|
|
39
|
-
}
|
|
40
|
-
handleSettingData(response) {
|
|
41
|
-
this.partInformation = response;
|
|
42
|
-
}
|
|
43
|
-
async setData(newData, headers = {}) {
|
|
44
|
-
clearTimeout(this.networkTimeoutRef);
|
|
45
|
-
if (this.abortController)
|
|
46
|
-
this.abortController.abort();
|
|
47
|
-
this.abortController = new AbortController();
|
|
48
|
-
let scopedTimeoutRef;
|
|
49
|
-
const isPartNumberRequest = typeof newData === 'string';
|
|
50
|
-
const partNumber = isPartNumberRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.partNumber;
|
|
51
|
-
this.externalPartNumber = partNumber;
|
|
52
|
-
try {
|
|
53
|
-
if (!partNumber || partNumber.trim().length === 0) {
|
|
54
|
-
this.state = 'idle';
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
if (this.state === 'data' || this.state === 'error') {
|
|
58
|
-
this.state = (this.state + '-loading');
|
|
59
|
-
}
|
|
60
|
-
else
|
|
61
|
-
this.state = 'loading';
|
|
62
|
-
await new Promise(r => {
|
|
63
|
-
scopedTimeoutRef = setTimeout(r, 700);
|
|
64
|
-
this.networkTimeoutRef = scopedTimeoutRef;
|
|
65
|
-
});
|
|
66
|
-
const partResponse = isPartNumberRequest ? await getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
67
|
-
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
68
|
-
if (!partResponse)
|
|
69
|
-
throw new Error('wrongResponseFormat');
|
|
70
|
-
this.handleSettingData(partResponse);
|
|
71
|
-
}
|
|
72
|
-
this.errorMessage = null;
|
|
73
|
-
this.state = 'data';
|
|
74
|
-
}
|
|
75
|
-
catch (error) {
|
|
76
|
-
if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
|
|
77
|
-
return;
|
|
78
|
-
console.error(error);
|
|
79
|
-
this.state = 'error';
|
|
80
|
-
this.partInformation = null;
|
|
81
|
-
this.errorMessage = error.message;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
85
|
-
await this.setData(partNumber, headers);
|
|
86
|
-
}
|
|
87
|
-
async loadingListener() {
|
|
88
|
-
if (this.loadingStateChange)
|
|
89
|
-
this.loadingStateChange(this.state.includes('loading'));
|
|
90
|
-
}
|
|
91
|
-
async setMockData(newMockData) {
|
|
92
|
-
mockData = newMockData;
|
|
93
|
-
}
|
|
94
|
-
render() {
|
|
95
|
-
var _a, _b, _c;
|
|
96
|
-
const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
|
|
97
|
-
const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
|
|
98
|
-
const partsInformation = this.partInformation
|
|
99
|
-
? [
|
|
100
|
-
{ label: 'Description', key: 'partDescription', value: this.partInformation.stockParts[0].partDescription },
|
|
101
|
-
{ label: 'Product Group', key: 'group', value: this.partInformation.stockParts[0].group },
|
|
102
|
-
{ label: `${capitalize(localName)} Description`, key: 'localDescription', value: this.partInformation.stockParts[0].localDescription },
|
|
103
|
-
{ label: 'Dealer Purchase price', key: 'fob', value: (_a = this.partInformation.stockParts[0].fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
104
|
-
{ label: 'Recommended Retail price', key: 'price', value: (_b = this.partInformation.stockParts[0].price) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
105
|
-
{ label: 'Superseded From', key: 'supersededFrom', value: this.partInformation.stockParts[0].supersededFrom },
|
|
106
|
-
{ label: 'Superseded To', key: 'supersededTo', value: this.partInformation.stockParts[0].supersededTo },
|
|
107
|
-
]
|
|
108
|
-
: [];
|
|
109
|
-
const displayedFields = partsInformation.filter(part => !hiddenFields.includes(part.key));
|
|
110
|
-
const displayDistributer = this.partInformation
|
|
111
|
-
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
112
|
-
: false;
|
|
113
|
-
return (h(Host, { key: 'e98cdb5d363200db122ed0100f591462c5f37af2' }, h("div", { key: 'f4b850d2247759ed7a060064924e0c48356c1527', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '2fbd7dabccc4949c8d8efd6891addde68a429293' }, h(Loading, { key: 'b1e47d98eef64a800ec9bd3a5b069d289bfeeea2', isLoading: this.state.includes('loading') }), h("div", { key: '9679d81255f3e0198f8755904e537de4e6afe552', 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: '4c1d5123ee5b4236885ba1bf1561de631c0efd3a', class: "py-[16px]" }, h("div", { key: '17d40851fb8a76d4737a9d224768c9afa592ecda', 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: '027820e491b435e9cf8ef47357eeb77d147cd161' }, h("div", { key: '741d06d76a2d15ccd2b55e727c628123d16bc185', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '03843816d41d722e92d1cbd902f387096e232185', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: 'f61b2d94e6acfd42f3e033d1d7534aa97f920d64', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, h("div", { key: '14a2be07f2a55f438960edc2517c629fd76664d6', 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: 'aadd189054ec8a4ed1136a53b5ce0fb61554370c', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'f8c768548a0d9cac69a36bf20b0d28e6da5d0646', 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: '207802621ce60285f6fa5548c52bdbbde40197fc', class: "flex flex-col gap-[15px]" }, h("table", { key: '8e39bc72148d479caf6d8b9c45381f0d77263d98', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'ea6575025fbe61ccbc854ac42c8ea8cadb3d0fcb', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '48a7230029048265e6be05832095aa6bb2614324' }, ['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: '4c5eea82b7b51363f184e8473ab18ad4a4258494' }, (_c = this.partInformation) === null || _c === void 0 ? void 0 : _c.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]', {
|
|
114
|
-
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
115
|
-
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
116
|
-
}) }, h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
117
|
-
? 'Available'
|
|
118
|
-
: stock.quantityLookUpResult === 'PartiallyAvailable'
|
|
119
|
-
? 'Partially Available'
|
|
120
|
-
: 'Not Available'))))))))))))))))));
|
|
121
|
-
}
|
|
122
|
-
get el() { return getElement(this); }
|
|
123
|
-
static get watchers() { return {
|
|
124
|
-
"language": ["changeLanguage"],
|
|
125
|
-
"state": ["loadingListener"]
|
|
126
|
-
}; }
|
|
127
|
-
};
|
|
128
|
-
DistributorLookup.style = DistributorLookupStyle0;
|
|
129
|
-
|
|
130
|
-
export { DistributorLookup as distributor_lookup };
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-33ae6859.js';
|
|
6
|
-
import { c as cn } from './cn-cc419b94.js';
|
|
7
|
-
import { c as capitalize } from './general-b630a7db.js';
|
|
8
|
-
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-fff1db0a.js';
|
|
9
|
-
import { L as Loading } from './Loading-f4d666ee.js';
|
|
10
|
-
import { g as getPartInformation } from './partInformation-ba1470e1.js';
|
|
11
|
-
import './index.esm-46e0cdad.js';
|
|
12
|
-
|
|
13
|
-
const manufacturerLookupCss = "*,: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-scroll-snap-strictness:proximity;--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;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-scroll-snap-strictness:proximity;--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;}/*! 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}";
|
|
14
|
-
const ManufacturerLookupStyle0 = manufacturerLookupCss;
|
|
15
|
-
|
|
16
|
-
let mockData = {};
|
|
17
|
-
const ManufacturerLookup = class {
|
|
18
|
-
constructor(hostRef) {
|
|
19
|
-
registerInstance(this, hostRef);
|
|
20
|
-
this.baseUrl = '';
|
|
21
|
-
this.isDev = false;
|
|
22
|
-
this.queryString = '';
|
|
23
|
-
this.hiddenFields = '';
|
|
24
|
-
this.language = 'en';
|
|
25
|
-
this.localizationName = '';
|
|
26
|
-
this.headerTitle = 'Manufacturer';
|
|
27
|
-
this.loadingStateChange = undefined;
|
|
28
|
-
this.loadedResponse = undefined;
|
|
29
|
-
this.state = 'idle';
|
|
30
|
-
this.errorMessage = null;
|
|
31
|
-
this.partInformation = undefined;
|
|
32
|
-
this.externalPartNumber = null;
|
|
33
|
-
this.locale = localeSchema.getDefault();
|
|
34
|
-
}
|
|
35
|
-
async componentWillLoad() {
|
|
36
|
-
await this.changeLanguage(this.language);
|
|
37
|
-
}
|
|
38
|
-
async changeLanguage(newLanguage) {
|
|
39
|
-
this.locale = await getLocaleLanguage(newLanguage);
|
|
40
|
-
}
|
|
41
|
-
handleSettingData(response) {
|
|
42
|
-
this.partInformation = response;
|
|
43
|
-
}
|
|
44
|
-
async setData(newData, headers = {}) {
|
|
45
|
-
clearTimeout(this.networkTimeoutRef);
|
|
46
|
-
if (this.abortController)
|
|
47
|
-
this.abortController.abort();
|
|
48
|
-
this.abortController = new AbortController();
|
|
49
|
-
let scopedTimeoutRef;
|
|
50
|
-
const isPartNumberRequest = typeof newData === 'string';
|
|
51
|
-
const partNumber = isPartNumberRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.partNumber;
|
|
52
|
-
this.externalPartNumber = partNumber;
|
|
53
|
-
try {
|
|
54
|
-
if (!partNumber || partNumber.trim().length === 0) {
|
|
55
|
-
this.state = 'idle';
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
if (this.state === 'data' || this.state === 'error') {
|
|
59
|
-
this.state = (this.state + '-loading');
|
|
60
|
-
}
|
|
61
|
-
else
|
|
62
|
-
this.state = 'loading';
|
|
63
|
-
await new Promise(r => {
|
|
64
|
-
scopedTimeoutRef = setTimeout(r, 700);
|
|
65
|
-
this.networkTimeoutRef = scopedTimeoutRef;
|
|
66
|
-
});
|
|
67
|
-
const partResponse = isPartNumberRequest ? await getPartInformation(this, { scopedTimeoutRef, partNumber, mockData }, headers) : newData;
|
|
68
|
-
if (this.networkTimeoutRef === scopedTimeoutRef) {
|
|
69
|
-
if (!partResponse)
|
|
70
|
-
throw new Error('wrongResponseFormat');
|
|
71
|
-
this.handleSettingData(partResponse);
|
|
72
|
-
}
|
|
73
|
-
this.errorMessage = null;
|
|
74
|
-
this.state = 'data';
|
|
75
|
-
}
|
|
76
|
-
catch (error) {
|
|
77
|
-
if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
|
|
78
|
-
return;
|
|
79
|
-
console.error(error);
|
|
80
|
-
this.state = 'error';
|
|
81
|
-
this.partInformation = null;
|
|
82
|
-
this.errorMessage = error.message;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
86
|
-
await this.setData(partNumber, headers);
|
|
87
|
-
}
|
|
88
|
-
async loadingListener() {
|
|
89
|
-
if (this.loadingStateChange)
|
|
90
|
-
this.loadingStateChange(this.state.includes('loading'));
|
|
91
|
-
}
|
|
92
|
-
async setMockData(newMockData) {
|
|
93
|
-
mockData = newMockData;
|
|
94
|
-
}
|
|
95
|
-
render() {
|
|
96
|
-
var _a, _b, _c;
|
|
97
|
-
const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
|
|
98
|
-
const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
|
|
99
|
-
const manufacturerData = this.partInformation
|
|
100
|
-
? [
|
|
101
|
-
{ label: 'Origin', key: 'origin', value: this.partInformation.tmcPart.origin },
|
|
102
|
-
{ label: 'Warranty Price', key: 'warrantyPrice', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
103
|
-
{ label: 'Special Price', key: 'specialPrice', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
104
|
-
{ label: 'Wholesales Price', key: 'salesPrice', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
|
|
105
|
-
{ label: 'PNC', key: 'pnc', value: this.partInformation.tmcPart.pnc },
|
|
106
|
-
{ label: `PNC ${capitalize(localName)} Name`, key: 'pncLocalName', value: this.partInformation.tmcPart.pncLocalName },
|
|
107
|
-
{ label: 'Bin Code', key: 'binCode', value: this.partInformation.tmcPart.binCode },
|
|
108
|
-
{ label: 'Dimension 1', key: 'dimension1', value: this.partInformation.tmcPart.dimension1 },
|
|
109
|
-
{ label: 'Dimension 2', key: 'dimension2', value: this.partInformation.tmcPart.dimension2 },
|
|
110
|
-
{ label: 'Dimension 3', key: 'dimension3', value: this.partInformation.tmcPart.dimension3 },
|
|
111
|
-
{ label: 'Net Weight', key: 'netWeight', value: this.partInformation.tmcPart.netWeight },
|
|
112
|
-
{ label: 'Gross Weight', key: 'grossWeight', value: this.partInformation.tmcPart.grossWeight },
|
|
113
|
-
{ label: 'Cubic Measure', key: 'cubicMeasure', value: this.partInformation.tmcPart.cubicMeasure },
|
|
114
|
-
{ label: 'HS Code', key: 'hsCode', value: this.partInformation.tmcPart.hsCode },
|
|
115
|
-
{ label: 'UZ HS Code', key: 'uzHsCode', value: this.partInformation.tmcPart.uzHsCode },
|
|
116
|
-
]
|
|
117
|
-
: [];
|
|
118
|
-
const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
|
|
119
|
-
return (h(Host, { key: '240952c91ef587f359edb5a4d1a56bf460c73802' }, h("div", { key: '8e59a7dfcc2f4b04d113c0a865d35e679a68d9ea', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '4996dad1f8281e707cb7bfbc4dbb63b12504e48e' }, h(Loading, { key: 'b22faa9d2e6b31a8225a03725ffe101200c0dd0a', isLoading: this.state.includes('loading') }), h("div", { key: '499e795f1721619a42a316d0400ff02a218f6958', 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: 'ac7386925ffff92a1c8e3936ff0c817046c1968d', class: "py-[16px]" }, h("div", { key: '90510c25179ef9d852b6e5f3ccc641c0bf7ebd30', 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: '02d9d4409ec8bb3cab30d91bf42789c59a11bb99' }, h("div", { key: '52e64a6ae5be9a057f823aa7390392d9bae84d5b', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'f9f2ec608d422b7ad8c69b5bcb3ce733aaf42e83', 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: '71fab2926dffdf7272544f82522fcec45cf2139a', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { key: 'ad48f4d4df7207f04b03cb8c7c10445246852230', 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))))))))))))));
|
|
120
|
-
}
|
|
121
|
-
get el() { return getElement(this); }
|
|
122
|
-
static get watchers() { return {
|
|
123
|
-
"language": ["changeLanguage"],
|
|
124
|
-
"state": ["loadingListener"]
|
|
125
|
-
}; }
|
|
126
|
-
};
|
|
127
|
-
ManufacturerLookup.style = ManufacturerLookupStyle0;
|
|
128
|
-
|
|
129
|
-
export { ManufacturerLookup as manufacturer_lookup };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
const getPartInformation = async (component, generalProps, headers = {}) => {
|
|
6
|
-
const { notAvailableMessage, mockData, partNumber, scopedTimeoutRef, middlewareCallback } = generalProps;
|
|
7
|
-
const { isDev, baseUrl, queryString, abortController, networkTimeoutRef, loadedResponse } = component;
|
|
8
|
-
const handleResult = (newPartInformation) => {
|
|
9
|
-
if (networkTimeoutRef === scopedTimeoutRef) {
|
|
10
|
-
if (!newPartInformation && partNumber)
|
|
11
|
-
throw new Error(notAvailableMessage || 'wrongResponseFormat');
|
|
12
|
-
if (loadedResponse)
|
|
13
|
-
loadedResponse(newPartInformation);
|
|
14
|
-
if (middlewareCallback)
|
|
15
|
-
middlewareCallback(newPartInformation);
|
|
16
|
-
return newPartInformation;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
if (isDev) {
|
|
20
|
-
const newData = mockData[partNumber];
|
|
21
|
-
return handleResult(newData);
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
if (!baseUrl)
|
|
25
|
-
throw new Error('noBaseUrl');
|
|
26
|
-
const response = await fetch(`${baseUrl}${partNumber}?${queryString}`, { signal: abortController.signal, headers: headers });
|
|
27
|
-
const newData = (await response.json());
|
|
28
|
-
return handleResult(newData);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
export { getPartInformation as g };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as e,H as i,g as a}from"./p-0f0e54c1.js";import{c as o}from"./p-98d9e7ab.js";import{c as r}from"./p-1344d377.js";import{l as s,g as n}from"./p-e0ea03e8.js";import{g as d}from"./p-f99c8b2f.js";import{L as l}from"./p-99d314b5.js";import"./p-e446fb9d.js";let p={};const c=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=s.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.partNumber;this.externalPartNumber=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await d(this,{scopedTimeoutRef:i,partNumber:o,mockData:p},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){p=t}render(){var t,a,s;const n=this.partInformation&&this.localizationName||"russian",d=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],p=(this.partInformation?[{label:"Description",key:"partDescription",value:this.partInformation.stockParts[0].partDescription},{label:"Product Group",key:"group",value:this.partInformation.stockParts[0].group},{label:`${r(n)} Description`,key:"localDescription",value:this.partInformation.stockParts[0].localDescription},{label:"Dealer Purchase price",key:"fob",value:null===(t=this.partInformation.stockParts[0].fob)||void 0===t?void 0:t.toFixed(2)},{label:"Recommended Retail price",key:"price",value:null===(a=this.partInformation.stockParts[0].price)||void 0===a?void 0:a.toFixed(2)},{label:"Superseded From",key:"supersededFrom",value:this.partInformation.stockParts[0].supersededFrom},{label:"Superseded To",key:"supersededTo",value:this.partInformation.stockParts[0].supersededTo}]:[]).filter((t=>!d.includes(t.key))),c=!!this.partInformation&&!this.partInformation.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t));return e(i,{key:"e98cdb5d363200db122ed0100f591462c5f37af2"},e("div",{key:"f4b850d2247759ed7a060064924e0c48356c1527",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"2fbd7dabccc4949c8d8efd6891addde68a429293"},e(l,{key:"b1e47d98eef64a800ec9bd3a5b069d289bfeeea2",isLoading:this.state.includes("loading")}),e("div",{key:"9679d81255f3e0198f8755904e537de4e6afe552",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&e("div",{key:"4c1d5123ee5b4236885ba1bf1561de631c0efd3a",class:"py-[16px]"},e("div",{key:"17d40851fb8a76d4737a9d224768c9afa592ecda",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)&&e("div",{key:"027820e491b435e9cf8ef47357eeb77d147cd161"},e("div",{key:"741d06d76a2d15ccd2b55e727c628123d16bc185",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"03843816d41d722e92d1cbd902f387096e232185",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Info"),e("div",{key:"f61b2d94e6acfd42f3e033d1d7534aa97f920d64",class:"py-[10px] px-[30px] flex flex-col gap-[15px]"},e("div",{key:"14a2be07f2a55f438960edc2517c629fd76664d6",class:"grid grid-cols-3 gap-[50px]"},p.map((({label:t,value:i,key:a})=>e("div",{key:a,class:"flex flex-col flex-1"},e("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),e("div",{class:"py-[10px] px-0"},i))))))),c&&e("div",{key:"aadd189054ec8a4ed1136a53b5ce0fb61554370c",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"f8c768548a0d9cac69a36bf20b0d28e6da5d0646",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Distributor Stock"),e("div",{key:"207802621ce60285f6fa5548c52bdbbde40197fc",class:"flex flex-col gap-[15px]"},e("table",{key:"8e39bc72148d479caf6d8b9c45381f0d77263d98",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"ea6575025fbe61ccbc854ac42c8ea8cadb3d0fcb",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"48a7230029048265e6be05832095aa6bb2614324"},["Location","Availability"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"4c5eea82b7b51363f184e8473ab18ad4a4258494"},null===(s=this.partInformation)||void 0===s?void 0:s.stockParts.map((t=>e("tr",{class:"transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100",key:t.locationID},e("td",{class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},t.locationName),e("td",{class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},e("div",{class:o("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},e("strong",null,"Available"===t.quantityLookUpResult?"Available":"PartiallyAvailable"===t.quantityLookUpResult?"Partially Available":"Not Available")))))))))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};c.style='*,: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-scroll-snap-strictness:proximity;--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;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-scroll-snap-strictness:proximity;--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;}/*! 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}';export{c as distributor_lookup}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as e,H as i,g as a}from"./p-0f0e54c1.js";import{c as o}from"./p-98d9e7ab.js";import{c as r}from"./p-1344d377.js";import{l as s,g as n}from"./p-e0ea03e8.js";import{L as l}from"./p-99d314b5.js";import{g as d}from"./p-f99c8b2f.js";import"./p-e446fb9d.js";let c={};const p=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.headerTitle="Manufacturer",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=s.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.partNumber;this.externalPartNumber=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await d(this,{scopedTimeoutRef:i,partNumber:o,mockData:c},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){c=t}render(){var t,a,s;const n=this.partInformation&&this.localizationName||"russian",d=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],c=(this.partInformation?[{label:"Origin",key:"origin",value:this.partInformation.tmcPart.origin},{label:"Warranty Price",key:"warrantyPrice",value:null===(t=this.partInformation.tmcPart.warrantyPrice)||void 0===t?void 0:t.toFixed(2)},{label:"Special Price",key:"specialPrice",value:null===(a=this.partInformation.tmcPart.specialPrice)||void 0===a?void 0:a.toFixed(2)},{label:"Wholesales Price",key:"salesPrice",value:null===(s=this.partInformation.tmcPart.salesPrice)||void 0===s?void 0:s.toFixed(2)},{label:"PNC",key:"pnc",value:this.partInformation.tmcPart.pnc},{label:`PNC ${r(n)} Name`,key:"pncLocalName",value:this.partInformation.tmcPart.pncLocalName},{label:"Bin Code",key:"binCode",value:this.partInformation.tmcPart.binCode},{label:"Dimension 1",key:"dimension1",value:this.partInformation.tmcPart.dimension1},{label:"Dimension 2",key:"dimension2",value:this.partInformation.tmcPart.dimension2},{label:"Dimension 3",key:"dimension3",value:this.partInformation.tmcPart.dimension3},{label:"Net Weight",key:"netWeight",value:this.partInformation.tmcPart.netWeight},{label:"Gross Weight",key:"grossWeight",value:this.partInformation.tmcPart.grossWeight},{label:"Cubic Measure",key:"cubicMeasure",value:this.partInformation.tmcPart.cubicMeasure},{label:"HS Code",key:"hsCode",value:this.partInformation.tmcPart.hsCode},{label:"UZ HS Code",key:"uzHsCode",value:this.partInformation.tmcPart.uzHsCode}]:[]).filter((t=>!d.includes(t.key)));return e(i,{key:"240952c91ef587f359edb5a4d1a56bf460c73802"},e("div",{key:"8e59a7dfcc2f4b04d113c0a865d35e679a68d9ea",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"4996dad1f8281e707cb7bfbc4dbb63b12504e48e"},e(l,{key:"b22faa9d2e6b31a8225a03725ffe101200c0dd0a",isLoading:this.state.includes("loading")}),e("div",{key:"499e795f1721619a42a316d0400ff02a218f6958",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&e("div",{key:"ac7386925ffff92a1c8e3936ff0c817046c1968d",class:"py-[16px]"},e("div",{key:"90510c25179ef9d852b6e5f3ccc641c0bf7ebd30",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)&&e("div",{key:"02d9d4409ec8bb3cab30d91bf42789c59a11bb99"},e("div",{key:"52e64a6ae5be9a057f823aa7390392d9bae84d5b",class:"flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"f9f2ec608d422b7ad8c69b5bcb3ce733aaf42e83",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},this.headerTitle),e("div",{key:"71fab2926dffdf7272544f82522fcec45cf2139a",class:"px-[30px] py-[10px] flex flex-col gap-[15px]"},e("div",{key:"ad48f4d4df7207f04b03cb8c7c10445246852230",class:"grid grid-cols-3 gap-[50px]"},c.map((({label:t,value:i,key:a})=>e("div",{key:a,class:"flex flex-col flex-1"},e("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),e("div",{class:"py-[10px] px-0"},i))))))))))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};p.style='*,: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-scroll-snap-strictness:proximity;--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;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-scroll-snap-strictness:proximity;--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;}/*! 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}';export{p as manufacturer_lookup}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
import"./p-0f0e54c1.js";import{c as e,a}from"./p-e446fb9d.js";const i=e({wildCard:a().required(),noBaseUrl:a().required(),noServiceAvailable:a().required(),wrongResponseFormat:a().required()}),n=e({authorized:a().required(),unauthorized:a().required(),activeWarranty:a().required(),notActiveWarranty:a().required(),notInvoiced:a().required(),from:a().required(),to:a().required(),pendingSSC:a().required(),noPendingSSC:a().required(),checkingTMC:a().required(),sscCampings:a().required(),sscTableCode:a().required(),sscTableDescription:a().required(),sscTableRepairStatus:a().required(),sscTableOPCode:a().required(),sscTablePartNumber:a().required()}),r=e({vehicleAccessories:a().required(),noData:a().required(),partNumber:a().required(),description:a().required(),image:a().required(),expand:a().required()}),s=e({serviceType:a().required(),activationDate:a().required(),expireDate:a().required(),claimAt:a().required(),redeemingDealer:a().required(),invoiceNumber:a().required(),wip:a().required(),menuCode:a().required(),claim:a().required(),processed:a().required(),expired:a().required(),cancelled:a().required(),pending:a().required(),warning:a().required()}),o=e({vehicleSpecification:a().required(),noData:a().required(),model:a().required(),variant:a().required(),katashiki:a().required(),modelYear:a().required(),sfx:a().required()}),c=e({serviceType:a().required(),name:a().required(),activationDate:a().required(),expireDate:a().required(),menuCode:a().required(),scanTheInvoice:a().required(),processing:a().required(),warning:a().required(),skipServicesWarning:a().required(),confirmSkipServices:a().required(),notInvoiced:a().required(),confirmNotInvoiced:a().required()}),t=e({serviceHistory:a().required(),noData:a().required(),branch:a().required(),dealer:a().required(),invoiceNumber:a().required(),date:a().required(),serviceType:a().required(),odometer:a().required()}),p=e({paintThickness:a().required(),noData:a().required(),part:a().required(),left:a().required(),right:a().required(),noImageGroups:a().required(),expand:a().required()}),d=e({warranty:n,accessories:r,dynamicClaim:s,dynamicRedeem:c,specification:o,serviceHistory:t,paintThickness:p}),l={ar:"ar.json",en:"en.json",ku:"ku.json"},m=e({errors:i,lang:a().required(),language:a().required(),direction:a().required(),vehicleLookup:d}),v={},g=async e=>{const a=l[e]||l.en;if(v[a])return await v[a];let i;return i=fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@0.0.34/dist/locales/${a}`).then((e=>e.json())),v[a]=i,await i};export{g,m as l}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
import{r as t,h as e,H as i,g as o}from"./p-0f0e54c1.js";import{l as a,g as r}from"./p-e0ea03e8.js";import{c as n}from"./p-98d9e7ab.js";import{L as s}from"./p-99d314b5.js";import{g as d}from"./p-f99c8b2f.js";import"./p-e446fb9d.js";let l={};const p="46px",c=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,a=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=o?await d(this,{scopedTimeoutRef:i,partNumber:a,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}toggleAccordion(t){const e=t.target.parentElement,i=e.getElementsByClassName("icon")[0];if("true"===e.getAttribute("aria-expanded"))e.style.height=p,i.style.transform="rotate(0deg)",e.setAttribute("aria-expanded","false");else{const t=e.getElementsByClassName("content")[0],o=+p.replace("px","")+t.getClientRects()[0].height;e.style.height=`${o}px`,i.style.transform="rotate(180deg)",e.setAttribute("aria-expanded","true")}}render(){var t,o;return e(i,{key:"6e4ae6ad08a5ddc15fe5146953d1d2a07038835d"},e("div",{key:"85c386f5c877f71d064be8f308e4408c01155eb1",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"71930858160fcaacfe90d18bea2c48bb413c9e9c"},e(s,{key:"4d1f90ee35055e7046b0df380a631b8ca65aa62f",isLoading:this.state.includes("loading")}),e("div",{key:"b5c3e8ec0f8560363f8268e1975c7ca039b6edbb",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&e("div",{key:"3e928834d4562f5cbe05e451768b668fc9067e61",class:"py-[16px]"},e("div",{key:"6dd21bc59f9636a706f4094364eeab7141a88c52",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)&&e("div",{key:"415d90744dd72e7d7f4e65ca2e83e16131f33c62"},e("div",{key:"a659d9b44da828b63f8896c45dcffff3e9e0931f",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"1e55efab0617d36b8f3b816bc391a828fcd3089c",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Dead stock"),null===(o=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===o?void 0:o.map((t=>e("div",{key:t.companyIntegrationID,class:"py-[10px] px-[20px]"},e("div",{"aria-expanded":"false",style:{height:p},class:"border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]"},e("button",{onClick:this.toggleAccordion,style:{height:p},class:"w-full flex px-[10px] justify-between items-center text-slate-800"},e("strong",null,t.companyName),e("span",{class:"icon text-slate-800 transition-transform duration-500"},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"size-[22px]"},e("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"})))),e("div",{class:"content"},e("table",{class:"w-full overflow-auto relative border-collapse"},e("thead",null,e("tr",null,e("th",{class:"py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Branch"),e("th",{class:"py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Available Qty"))),e("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>e("tr",{class:"transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},e("td",{class:n("py-[20px] px-[10px] text-left whitespace-nowrap")},t.companyBranchName),e("td",{class:n("py-[20px] px-[10px] text-left whitespace-nowrap")},e("strong",null,t.quantity))))))))))))))))))}get el(){return o(this)}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}};c.style='*,: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-scroll-snap-strictness:proximity;--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;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-scroll-snap-strictness:proximity;--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;}/*! 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}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-left{text-align:left}.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))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{c as dead_stock_lookup}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by ShiftSoftware
|
|
3
|
-
* Copyright (c)
|
|
4
|
-
*/
|
|
5
|
-
const e=async(e,r,o={})=>{const{notAvailableMessage:a,mockData:t,partNumber:n,scopedTimeoutRef:s,middlewareCallback:i}=r,{isDev:l,baseUrl:w,queryString:c,abortController:f,networkTimeoutRef:u,loadedResponse:d}=e,m=e=>{if(u===s){if(!e&&n)throw new Error(a||"wrongResponseFormat");return d&&d(e),i&&i(e),e}};if(l)return m(t[n]);{if(!w)throw new Error("noBaseUrl");const e=await fetch(`${w}${n}?${c}`,{signal:f.signal,headers:o});return m(await e.json())}};export{e as g}
|