adp-web-components 0.0.25 → 0.0.27

package/dist/cjs/manufacturer-lookup.cjs.entry.js

@@ -7,11 +7,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-97b8da6d.js');
-const Loading = require('./Loading-20e4ef35.js');
+const Loading = require('./Loading-14fca13b.js');
 const cn = require('./cn-f559f9e5.js');
 const partInformation = require('./partInformation-07651204.js');
+const general = require('./general-a1e72036.js');
 
-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}.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}";
+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}";
 const ManufacturerLookupStyle0 = manufacturerLookupCss;
 
 let mockData = {};
@@ -21,6 +22,8 @@ const ManufacturerLookup = class {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
+        this.hiddenFields = '';
+        this.localizationName = '';
         this.headerTitle = 'Manufacturer';
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
@@ -84,29 +87,29 @@ const ManufacturerLookup = class {
     }
     render() {
         var _a, _b, _c;
+        const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
+        const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
         const manufacturerData = this.partInformation
             ? [
-                //{ label: 'Description', value: this.partInformation.tmcPart.partDescription },
-                //{ label: 'Product Group', value: this.partInformation.tmcPart.group },
-                { label: 'Origin', value: this.partInformation.tmcPart.origin },
-                { label: 'Warranty Price', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
-                { label: 'Special Price', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
-                { label: 'Wholesales Price', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
-                { label: 'PNC', value: this.partInformation.tmcPart.pnc },
-                { label: 'PNC Russian Name', value: this.partInformation.tmcPart.pncLocalName },
-                { label: 'Bin Code', value: this.partInformation.tmcPart.binCode },
-                { label: 'Dimension 1', value: this.partInformation.tmcPart.dimension1 },
-                { label: 'Dimension 2', value: this.partInformation.tmcPart.dimension2 },
-                { label: 'Dimension 3', value: this.partInformation.tmcPart.dimension3 },
-                { label: 'Net Weight', value: this.partInformation.tmcPart.netWeight },
-                { label: 'Gross Weight', value: this.partInformation.tmcPart.grossWeight },
-                { label: 'Cubic Measure', value: this.partInformation.tmcPart.cubicMeasure },
-                { label: 'HS Code', value: this.partInformation.tmcPart.hsCode },
-                { label: 'UZ HS Code', value: this.partInformation.tmcPart.uzHsCode },
+                { label: 'Origin', key: 'origin', value: this.partInformation.tmcPart.origin },
+                { label: 'Warranty Price', key: 'warrantyPrice', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
+                { label: 'Special Price', key: 'specialPrice', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
+                { label: 'Wholesales Price', key: 'salesPrice', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
+                { label: 'PNC', key: 'pnc', value: this.partInformation.tmcPart.pnc },
+                { label: `PNC ${general.capitalize(localName)} 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 },
             ]
             : [];
-        const validManufacturerFields = manufacturerData; //.filter(({ value }) => !!value);
-        return (index.h(index.Host, { key: '70104f0e559c15b91730e3235283f5b109d5b6e1' }, index.h("div", { key: '72445bb2f2bd2a4901d83653693cad6d74848bbf', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'e015671c30956ee7cd9556b0865c727faac73c26' }, index.h(Loading.Loading, { key: '9cfd90ad038a8a6899c5b8315356027d8d6d7b49', isLoading: this.state.includes('loading') }), index.h("div", { key: '31777103977e7800263ba653a47aa3ef94528066', class: cn.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) && (index.h("div", { key: '329786ca5069fe3e702de57ed2c2dfd9a5b4baa1', class: "py-[16px]" }, index.h("div", { key: '4b0ebd492a1e6489f919ef40d668553dbc403934', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'c2bafc9545f2f35772637b12b9a5421a4ffbf991' }, index.h("div", { key: '2fc401b9275eb151ef427a0f5948749f1c8fa3b8', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'c9a662c20668ec968d2f5571a970bd9366921d75', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), index.h("div", { key: 'a3d84bcde09f93215d40e4266444c1a8b3af6c2c', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, index.h("div", { key: 'f00dcb4e90c76fb89823228c1ca5de81d368f659', class: "grid grid-cols-3 gap-[50px]" }, validManufacturerFields.map(({ label, value }) => (index.h("div", { key: label, class: "flex flex-col flex-1" }, index.h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), index.h("div", { class: "py-[10px] px-0" }, value))))))))))))));
+        const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
+        return (index.h(index.Host, { key: '1ad38e17ff3255b89145ba040254f198974deb53' }, index.h("div", { key: 'b0c5cc452c93236ad41e2431bf18541db67827d0', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'ceffa481201dc0b881fa583f43c7da445f8e9cc8' }, index.h(Loading.Loading, { key: '16bdf498e39fe381050ea33dac6d00df4b3ae05f', isLoading: this.state.includes('loading') }), index.h("div", { key: '51222801ac0728fcde2472ec74022c16e1157ce9', class: cn.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) && (index.h("div", { key: 'cc6965c0ade12609bb6f9a61c250a550f4d70007', class: "py-[16px]" }, index.h("div", { key: 'fc6558de2bc351f09a04b7547dd690fcfcfc7ec3', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '985204509c072b21dc94b2a3005fea81d712b30d' }, index.h("div", { key: '42ce83c26e55f8d6eb00455820f67670f44b712d', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '35ff95092d996eda5d81e68e5d80db32588b77ea', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), index.h("div", { key: '8f825747cb1ccce7575ea097a34dfb4944993a9a', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, index.h("div", { key: '94ced9aec06e6c09e942366e3271a6d895f4b68b', class: "grid grid-cols-3 gap-[50px]" }, displayedManufacturerData.map(({ label, value, key }) => (index.h("div", { key: key, class: "flex flex-col flex-1" }, index.h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), index.h("div", { class: "py-[10px] px-0" }, value))))))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/shift-components.cjs.js

@@ -23,7 +23,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"activeElement":[1,"active-element"],"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChanged":[16],"blazorOnLoadingStateChange":[1,"blazor-on-loading-state-change"],"errorStateListener":[16],"blazorErrorStateListener":[1,"blazor-error-state-listener"],"wrapperErrorState":[32],"blazorRef":[32],"setBlazorRef":[64],"fetchVin":[64],"getPageContext":[64]},null,{"wrapperErrorState":["errorListener"],"onLoadingStateChanged":["handleLoadingListenerPropChange"],"blazorOnLoadingStateChange":["handleBlazorLoadingRefChange"]}]]],["general-inquiry-form.cjs",[[1,"general-inquiry-form",{"isLoading":[32],"renderControl":[32]}]]],["dead-stock-lookup.cjs",[[1,"dead-stock-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["distributor-lookup.cjs",[[1,"distributor-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["manufacturer-lookup.cjs",[[1,"manufacturer-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"headerTitle":[1,"header-title"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["form-input.cjs",[[0,"form-input",{"name":[1],"label":[1],"class":[1],"isError":[4,"is-error"],"disabled":[4],"labelClass":[1,"label-class"],"errorClass":[1,"error-class"],"errorMessage":[1,"error-message"],"containerClass":[1,"container-class"]}]]],["dynamic-redeem.cjs",[[1,"dynamic-redeem",{"vin":[1],"item":[16],"canceledItems":[16],"unInvoicedByBrokerName":[1,"un-invoiced-by-broker-name"],"handleScanner":[16],"handleQrChanges":[16],"loadingStateChange":[16],"confirmServiceCancellation":[32],"confirmUnInvoicedTBPVehicles":[32],"internalVin":[32],"isOpened":[32],"internalItem":[32],"internalCanceledItem":[32],"isLoading":[32],"quite":[64],"getQrValue":[64]},null,{"isLoading":["onIsLoadingChange"],"canceledItems":["changeInternalCanceledItem"],"unInvoicedByBrokerName":["changeConfirmUnInvoicedTBPVehicles"],"vin":["changeInternalVin"],"item":["changeInternalItem"]}]]],["dynamic-claim_6.cjs",[[1,"dynamic-claim",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"isIdle":[32],"popupClasses":[32],"externalVin":[32],"activePopupIndex":[32],"vehicleInformation":[32],"errorMessage":[32],"isLoading":[32],"setMockData":[64],"setData":[64],"fetchData":[64],"completeClaim":[64]},null,{"isLoading":["onLoadingChange"],"vehicleInformation":["resetProgressBar"],"popupClasses":["windowScrollListener"]}],[1,"paint-thickness",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"service-history",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-accessories",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-specification",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"warranty-details",{"baseUrl":[1,"base-url"],"unauthorizedSscLookupBaseUrl":[1,"unauthorized-ssc-lookup-base-url"],"isDev":[4,"is-dev"],"showSsc":[4,"show-ssc"],"queryString":[1,"query-string"],"unauthorizedSscLookupQueryString":[1,"unauthorized-ssc-lookup-query-string"],"recaptchaKey":[1,"recaptcha-key"],"showWarranty":[4,"show-warranty"],"cityId":[1,"city-id"],"cityIntegrationId":[1,"city-integration-id"],"companyId":[1,"company-id"],"companyIntegrationId":[1,"company-integration-id"],"companyBranchId":[1,"company-branch-id"],"companyBranchIntegrationId":[1,"company-branch-integration-id"],"userId":[1,"user-id"],"brandIntegrationId":[1,"brand-integration-id"],"customerName":[1,"customer-name"],"customerPhone":[1,"customer-phone"],"customerEmail":[1,"customer-email"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"showRecaptcha":[32],"unInvoicedByBrokerName":[32],"vehicleInformation":[32],"checkingUnauthorizedSSC":[32],"recaptchaRes":[32],"headers":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]]], options);
+  return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"activeElement":[1,"active-element"],"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChanged":[16],"blazorOnLoadingStateChange":[1,"blazor-on-loading-state-change"],"errorStateListener":[16],"blazorErrorStateListener":[1,"blazor-error-state-listener"],"wrapperErrorState":[32],"blazorRef":[32],"setBlazorRef":[64],"fetchVin":[64],"getPageContext":[64]},null,{"wrapperErrorState":["errorListener"],"onLoadingStateChanged":["handleLoadingListenerPropChange"],"blazorOnLoadingStateChange":["handleBlazorLoadingRefChange"]}]]],["general-inquiry-form.cjs",[[1,"general-inquiry-form",{"isLoading":[32],"renderControl":[32]}]]],["dead-stock-lookup.cjs",[[1,"dead-stock-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["distributor-lookup.cjs",[[1,"distributor-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"hiddenFields":[1,"hidden-fields"],"localizationName":[1,"localization-name"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["manufacturer-lookup.cjs",[[1,"manufacturer-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"hiddenFields":[1,"hidden-fields"],"localizationName":[1,"localization-name"],"headerTitle":[1,"header-title"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["form-input.cjs",[[0,"form-input",{"name":[1],"label":[1],"class":[1],"isError":[4,"is-error"],"disabled":[4],"labelClass":[1,"label-class"],"errorClass":[1,"error-class"],"errorMessage":[1,"error-message"],"containerClass":[1,"container-class"]}]]],["dynamic-redeem.cjs",[[1,"dynamic-redeem",{"vin":[1],"item":[16],"canceledItems":[16],"unInvoicedByBrokerName":[1,"un-invoiced-by-broker-name"],"handleScanner":[16],"handleQrChanges":[16],"loadingStateChange":[16],"confirmServiceCancellation":[32],"confirmUnInvoicedTBPVehicles":[32],"internalVin":[32],"isOpened":[32],"internalItem":[32],"internalCanceledItem":[32],"isLoading":[32],"quite":[64],"getQrValue":[64]},null,{"isLoading":["onIsLoadingChange"],"canceledItems":["changeInternalCanceledItem"],"unInvoicedByBrokerName":["changeConfirmUnInvoicedTBPVehicles"],"vin":["changeInternalVin"],"item":["changeInternalItem"]}]]],["dynamic-claim_6.cjs",[[1,"dynamic-claim",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"isIdle":[32],"popupClasses":[32],"externalVin":[32],"activePopupIndex":[32],"vehicleInformation":[32],"errorMessage":[32],"isLoading":[32],"setMockData":[64],"setData":[64],"fetchData":[64],"completeClaim":[64]},null,{"isLoading":["onLoadingChange"],"vehicleInformation":["resetProgressBar"],"popupClasses":["windowScrollListener"]}],[1,"paint-thickness",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"service-history",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-accessories",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-specification",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"warranty-details",{"baseUrl":[1,"base-url"],"unauthorizedSscLookupBaseUrl":[1,"unauthorized-ssc-lookup-base-url"],"isDev":[4,"is-dev"],"showSsc":[4,"show-ssc"],"queryString":[1,"query-string"],"unauthorizedSscLookupQueryString":[1,"unauthorized-ssc-lookup-query-string"],"recaptchaKey":[1,"recaptcha-key"],"showWarranty":[4,"show-warranty"],"cityId":[1,"city-id"],"cityIntegrationId":[1,"city-integration-id"],"companyId":[1,"company-id"],"companyIntegrationId":[1,"company-integration-id"],"companyBranchId":[1,"company-branch-id"],"companyBranchIntegrationId":[1,"company-branch-integration-id"],"userId":[1,"user-id"],"brandIntegrationId":[1,"brand-integration-id"],"customerName":[1,"customer-name"],"customerPhone":[1,"customer-phone"],"customerEmail":[1,"customer-email"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"showRecaptcha":[32],"unInvoicedByBrokerName":[32],"vehicleInformation":[32],"checkingUnauthorizedSSC":[32],"recaptchaRes":[32],"headers":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/vehicle-lookup.cjs.entry.js

@@ -161,7 +161,7 @@ const VehicleLookup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '915de37781baebae7789ef128265b621552ea367' }, index.h("div", { key: '28c7621a5614d64a760e338afec183f80e3e4292', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, index.h("vehicle-specification", { key: '3e02c7a30048634186044f763653a1d93ae2392d', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '55672a129b9fb6e9d2d1b44ae79bc0e8f829f2c9', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, index.h("vehicle-accessories", { key: 'e9d16fc4f81221a890d8853da14f2b80ce774c13', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '88fa2420a94db307dd8900972b137dbfbc6be79d', class: cn.cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, index.h("warranty-details", { key: 'bb6cdb852a4deed8819b471c65047a623f5e6d6b', "show-ssc": "true", "show-warranty": "true", isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }, index.h("slot", { key: '7a00495c356c566c1643ee4246c7887924529ddf' }))), index.h("div", { key: '74acc9254ac994fd708858e9089b58f58da20952', class: cn.cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, index.h("service-history", { key: '6959bdd34fadac6a36d61f4b2ac1c5c3f8bd9a34', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '71748aefc8a90526c5ec78ee353bd011fbe069b1', class: cn.cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, index.h("paint-thickness", { key: '71da10b78a94011bedca1d5bbf7e351968d53e52', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: 'b786c15b52fb6f663848c6c4cdc27e163f579652', class: cn.cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, index.h("dynamic-claim", { key: '8dc4bf0c1dc249a42a3ee1ae50d82e9d3357bf8e', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
+        return (index.h(index.Host, { key: 'c0ae0086435cd2bfc4a4838223c29796960bbbf6' }, index.h("div", { key: 'c989c8199a556448887c2018cae79eed02813f46', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, index.h("vehicle-specification", { key: 'dc99a0489d6a8c0306cb7aaef7749997553e023b', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: 'c8a8a7eec552f9fd0234dab9d85df14e43102041', class: cn.cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, index.h("vehicle-accessories", { key: '624acb4beb19b22e82d79250594e350a21e7f8bf', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '834807eace640d41d904f7511003ede16b2bfc95', class: cn.cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, index.h("warranty-details", { key: 'a74777497db827ce84dcea65823f467af80fa5fa', "show-ssc": "true", "show-warranty": "true", isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }, index.h("slot", { key: 'c4f0f9387d20481c503d6fe9c38532ede6f71a95' }))), index.h("div", { key: '33b0b26eb268027789d8d8cecc00247f073a333a', class: cn.cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, index.h("service-history", { key: '2d4315c0e2091666e4514ce3b24c8f9f3120850c', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: '21620c7e04ade2da21a8d4aee3c28eb1f8d1e8fa', class: cn.cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, index.h("paint-thickness", { key: '93e0597fbf83490189fa448fd9765b6fa76cf214', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), index.h("div", { key: 'd5b2313cb8faac74fc9304c1e4c311b766c57259', class: cn.cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, index.h("dynamic-claim", { key: '10e9015d5288618f10fd92e5a72774ac0d8a7f59', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/collection-manifest.json

@@ -1,12 +1,12 @@
 {
   "entries": [
-    "components/warranty-details/warranty-details.js",
-    "components/vehicle-accessories/vehicle-accessories.js",
-    "components/vehicle-specification/vehicle-specification.js",
-    "components/service-history/service-history.js",
-    "components/paint-thickness/paint-thickness.js",
-    "components/dynamic-redeem/dynamic-redeem.js",
-    "components/dynamic-claim/dynamic-claim.js",
+    "components/vehicle-lookup/dynamic-redeem.js",
+    "components/vehicle-lookup/dynamic-claim.js",
+    "components/vehicle-lookup/paint-thickness.js",
+    "components/vehicle-lookup/service-history.js",
+    "components/vehicle-lookup/warranty-details.js",
+    "components/vehicle-lookup/vehicle-accessories.js",
+    "components/vehicle-lookup/vehicle-specification.js",
     "components/vehicle-lookup/vehicle-lookup.js",
     "components/form-input/form-input.js",
     "components/general-inquiry-form/general-inquiry-form.js",

package/dist/collection/components/part-lookup/dead-stock-lookup.js

@@ -4,7 +4,7 @@
  */
 import { Host, h } from "@stencil/core";
 import { getPartInformation } from "../../global/api/partInformation";
-import Loading from "../parts/Loading";
+import Loading from "../components/Loading";
 import cn from "../../global/lib/cn";
 let mockData = {};
 const closedAccordionHeight = '46px';
@@ -92,7 +92,7 @@ export class DeadStockLookup {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '03372a6f91fd6291de7e6fc51ab5012bc5ab2b98' }, h("div", { key: 'e926503adba0274834ab8b06ce370faace79447b', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'f3883fc0b09366baf94ed65f8b13590ac1adb975' }, h(Loading, { key: 'd01c5df2db30920852b35a6e6d6cb06cde76f395', isLoading: this.state.includes('loading') }), h("div", { key: 'de52273e824e9499aa77b3763871d010184232b8', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: '4995acd3f10a212d93838e2d5e89693829fbb10a', class: "py-[16px]" }, h("div", { key: '38064e79243ba14260cbaea211b6d82cbd299f5e', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '156cbe984af29e94d697eac435226a8d69c05545' }, h("div", { key: '573d44fd10f287903f04de74c78302cc0ffe90f1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '93f6aa85947fb2fa924478fa5167a0e894188958', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Dead stock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
+        return (h(Host, { key: '28085ac7a954bfdf05ea5d3724530c9d62100bb7' }, h("div", { key: 'f9f5e65102e89847011cd931c2b9acd7a2389335', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '9fcc43106e15147a6bad64ac597133c0809eee00' }, h(Loading, { key: '9a33038473f140166debf1bc2fa11299e10ebfcd', isLoading: this.state.includes('loading') }), h("div", { key: '3462deafa07da32d76a1ea6b194ba728fbb12335', 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: 'ff6d5801bca6a1dab34ff99ac4e2e211e47f4a13', class: "py-[16px]" }, h("div", { key: '4c9221e53ebecc13e3a51d4976c83acf9cf204fd', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '4f4bd9eea235444cf091070303ca29c5f2ed4320' }, h("div", { key: '03c29418532b04da39db959c6698cbd6f8e3b178', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'b489e74211486b2ead5eb4163e0e5492af13e1a0', 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 :
             _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))))))))))))))))))));
     }
     static get is() { return "dead-stock-lookup"; }

package/dist/collection/components/part-lookup/distributor-lookup.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.table{display:table}.grid{display:grid}.h-\[40px\]{height:40px}.max-h-\[70dvh\]{max-height:70dvh}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[20px\]{padding-bottom:20px;padding-top:20px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.font-bold{font-weight:700}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\[green\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\[orange\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\[red\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\:border-none:last-child{border-style:none}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.table{display:table}.grid{display:grid}.h-\[40px\]{height:40px}.max-h-\[70dvh\]{max-height:70dvh}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[20px\]{padding-bottom:20px;padding-top:20px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.font-bold{font-weight:700}.capitalize{text-transform:capitalize}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\[green\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\[orange\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\[red\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\:border-none:last-child{border-style:none}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}

package/dist/collection/components/part-lookup/distributor-lookup.js

@@ -3,15 +3,18 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
-import Loading from "../parts/Loading";
 import cn from "../../global/lib/cn";
+import { capitalize } from "../../global/lib/general";
 import { getPartInformation } from "../../global/api/partInformation";
+import Loading from "../components/Loading";
 let mockData = {};
 export class DistributorLookup {
     constructor() {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
+        this.hiddenFields = '';
+        this.localizationName = '';
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
         this.state = 'idle';
@@ -74,21 +77,24 @@ export class DistributorLookup {
     }
     render() {
         var _a, _b, _c;
-        const infoRow1 = this.partInformation
+        const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
+        const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
+        const partsInformation = this.partInformation
             ? [
-                { label: 'Description', value: this.partInformation.stockParts[0].partDescription },
-                { label: 'Product Group', value: this.partInformation.stockParts[0].group },
-                { label: 'Russian Description', value: this.partInformation.stockParts[0].localDescription },
-                { label: 'Dealer Purchase price', value: (_a = this.partInformation.stockParts[0].fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
-                { label: 'Recommended Retail price', value: (_b = this.partInformation.stockParts[0].price) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
-                { label: 'Superseded From', value: this.partInformation.stockParts[0].supersededFrom },
-                { label: 'Superseded To', value: this.partInformation.stockParts[0].supersededTo },
+                { label: 'Description', key: 'partDescription', value: this.partInformation.stockParts[0].partDescription },
+                { label: 'Product Group', key: 'group', value: this.partInformation.stockParts[0].group },
+                { label: `${capitalize(localName)} Description`, key: 'localDescription', value: this.partInformation.stockParts[0].localDescription },
+                { label: 'Dealer Purchase price', key: 'fob', value: (_a = this.partInformation.stockParts[0].fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
+                { label: 'Recommended Retail price', key: 'price', value: (_b = this.partInformation.stockParts[0].price) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
+                { label: 'Superseded From', key: 'supersededFrom', value: this.partInformation.stockParts[0].supersededFrom },
+                { label: 'Superseded To', key: 'supersededTo', value: this.partInformation.stockParts[0].supersededTo },
             ]
             : [];
+        const displayedFields = partsInformation.filter(part => !hiddenFields.includes(part.key));
         const displayDistributer = this.partInformation
             ? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
             : false;
-        return (h(Host, { key: '696fa6062f40ef47c6612dcf8e7fa8a786717822' }, h("div", { key: '3542794214a33abda0a529581d945308bfc62698', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'b47c2b342210eca70a5742a18a06ff8e56664633' }, h(Loading, { key: 'dc4c575f5a5f1fa97e28e43472e608ca9c85ad96', isLoading: this.state.includes('loading') }), h("div", { key: '6b9936b6f2f6065f4525a7ef95305fc80ed5478e', 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: 'eb7d12339e55a29f9063b66aea53480d7fd97061', class: "py-[16px]" }, h("div", { key: '153603d3c6d177613ff6067cb2dbcad9cfca39d2', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'dbf7067e90975ea2652dac9d5f342fb8a5556bc8' }, h("div", { key: 'b3ba440facbd8d4759ec0ed73a11675d09d33376', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '0e3966605fb12a85b24b40e9216ee545fb3d17dd', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: 'ae5c17574d07e14eff3e0abd97364b19c7d8e5ed', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, h("div", { key: '55651a3db59faf0a1478a7ab914591e2966a9361', class: "grid grid-cols-3 gap-[50px]" }, infoRow1.map(({ label, value }) => (h("div", { key: label, 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: '4e591cca97bb68547f52b04e9b86fb7fa83b2681', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '247879f485600ddadedade576a69bae7621abe99', 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: 'e3bf8543a16aae3e338f5098f5950d3701c08021', class: "flex flex-col gap-[15px]" }, h("table", { key: '6864beae22e6ee0b97d2e821acab3426c9f35d44', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'db1c61d021530e6505d0a325f0144f583b179eed', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'ef1b06da002265222c4a2d683624248eb26a895c' }, ['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: '463be59f0f9cabf4fb0eb1db1ba54cdd7c1c45dc' }, (_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]', {
+        return (h(Host, { key: 'fa76bb6b6dab895fc0ff1c05e495c67b1e786ea8' }, h("div", { key: 'e0c11116a2ebc7f728284dbe11c18d014e7cc36e', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '9bcfd5c07807eb536562ce2384e3541ed3fcdab3' }, h(Loading, { key: '3b5fec76b359d7b0f55933e5729bad6f0d9c3f4a', isLoading: this.state.includes('loading') }), h("div", { key: '1c610d9d994938b0769e4a963e8221681fd813fc', 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: '7052616da32a34c981ef66145edbe2ab67afa50a', class: "py-[16px]" }, h("div", { key: 'dc1e12e4a947f49ff1555a3370b9485d9027ab13', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '067b10f736c0997ee89dde521d6347e502df1efb' }, h("div", { key: '2e68ffd0e757ed385d6b4c1821a274905a859736', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '5d2acdf14db3c2e9d2d629235ab2c19889eda284', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: 'fe366d9127cc75bc7a3cd65f875fd54b69f53e56', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, h("div", { key: '537a4941c4987dc8a2bd1a70fe81c690f7036b63', 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: '1281450dd7b8aba827ccb50268a03b0a95c6e1f9', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'ac7f771f521828a2ce26132e37157e233ca0e784', 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: 'fae623ee5b973ce06b0d6bdf4374661d9d3797e3', class: "flex flex-col gap-[15px]" }, h("table", { key: 'de70dc69228c6289ffb5e6b403da955e9c1a4393', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '4ce5f815c60a6f32b04ed5472d0ff694d19b6d87', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '48b6674d15b88588147756aeced1518a06746041' }, ['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: 'f80cb4732d9ce25e6b5b6162d6d8ebf08f7525a4' }, (_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]', {
                 'text-[green]': stock.quantityLookUpResult === 'Available',
                 'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
             }) }, h("strong", null, stock.quantityLookUpResult === 'Available'
@@ -165,6 +171,42 @@ export class DistributorLookup {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "hiddenFields": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hidden-fields",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "localizationName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "localization-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "loadingStateChange": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/part-lookup/manufacturer-lookup.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\[40px\]{height:40px}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\[40px\]{height:40px}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[15px\]{gap:15px}.gap-\[50px\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\[gray\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.capitalize{text-transform:capitalize}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\[40px\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}

package/dist/collection/components/part-lookup/manufacturer-lookup.js

@@ -3,15 +3,18 @@
  * Copyright (c)
  */
 import { Host, h } from "@stencil/core";
-import Loading from "../parts/Loading";
+import Loading from "../components/Loading";
 import cn from "../../global/lib/cn";
 import { getPartInformation } from "../../global/api/partInformation";
+import { capitalize } from "../../global/lib/general";
 let mockData = {};
 export class ManufacturerLookup {
     constructor() {
         this.baseUrl = '';
         this.isDev = false;
         this.queryString = '';
+        this.hiddenFields = '';
+        this.localizationName = '';
         this.headerTitle = 'Manufacturer';
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
@@ -75,29 +78,29 @@ export class ManufacturerLookup {
     }
     render() {
         var _a, _b, _c;
+        const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
+        const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
         const manufacturerData = this.partInformation
             ? [
-                //{ label: 'Description', value: this.partInformation.tmcPart.partDescription },
-                //{ label: 'Product Group', value: this.partInformation.tmcPart.group },
-                { label: 'Origin', value: this.partInformation.tmcPart.origin },
-                { label: 'Warranty Price', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
-                { label: 'Special Price', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
-                { label: 'Wholesales Price', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
-                { label: 'PNC', value: this.partInformation.tmcPart.pnc },
-                { label: 'PNC Russian Name', value: this.partInformation.tmcPart.pncLocalName },
-                { label: 'Bin Code', value: this.partInformation.tmcPart.binCode },
-                { label: 'Dimension 1', value: this.partInformation.tmcPart.dimension1 },
-                { label: 'Dimension 2', value: this.partInformation.tmcPart.dimension2 },
-                { label: 'Dimension 3', value: this.partInformation.tmcPart.dimension3 },
-                { label: 'Net Weight', value: this.partInformation.tmcPart.netWeight },
-                { label: 'Gross Weight', value: this.partInformation.tmcPart.grossWeight },
-                { label: 'Cubic Measure', value: this.partInformation.tmcPart.cubicMeasure },
-                { label: 'HS Code', value: this.partInformation.tmcPart.hsCode },
-                { label: 'UZ HS Code', value: this.partInformation.tmcPart.uzHsCode },
+                { label: 'Origin', key: 'origin', value: this.partInformation.tmcPart.origin },
+                { label: 'Warranty Price', key: 'warrantyPrice', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
+                { label: 'Special Price', key: 'specialPrice', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
+                { label: 'Wholesales Price', key: 'salesPrice', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
+                { label: 'PNC', key: 'pnc', value: this.partInformation.tmcPart.pnc },
+                { label: `PNC ${capitalize(localName)} 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 },
             ]
             : [];
-        const validManufacturerFields = manufacturerData; //.filter(({ value }) => !!value);
-        return (h(Host, { key: '70104f0e559c15b91730e3235283f5b109d5b6e1' }, h("div", { key: '72445bb2f2bd2a4901d83653693cad6d74848bbf', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'e015671c30956ee7cd9556b0865c727faac73c26' }, h(Loading, { key: '9cfd90ad038a8a6899c5b8315356027d8d6d7b49', isLoading: this.state.includes('loading') }), h("div", { key: '31777103977e7800263ba653a47aa3ef94528066', 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: '329786ca5069fe3e702de57ed2c2dfd9a5b4baa1', class: "py-[16px]" }, h("div", { key: '4b0ebd492a1e6489f919ef40d668553dbc403934', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'c2bafc9545f2f35772637b12b9a5421a4ffbf991' }, h("div", { key: '2fc401b9275eb151ef427a0f5948749f1c8fa3b8', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'c9a662c20668ec968d2f5571a970bd9366921d75', 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: 'a3d84bcde09f93215d40e4266444c1a8b3af6c2c', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { key: 'f00dcb4e90c76fb89823228c1ca5de81d368f659', class: "grid grid-cols-3 gap-[50px]" }, validManufacturerFields.map(({ label, value }) => (h("div", { key: label, 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))))))))))))));
+        const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
+        return (h(Host, { key: '1ad38e17ff3255b89145ba040254f198974deb53' }, h("div", { key: 'b0c5cc452c93236ad41e2431bf18541db67827d0', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'ceffa481201dc0b881fa583f43c7da445f8e9cc8' }, h(Loading, { key: '16bdf498e39fe381050ea33dac6d00df4b3ae05f', isLoading: this.state.includes('loading') }), h("div", { key: '51222801ac0728fcde2472ec74022c16e1157ce9', 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: 'cc6965c0ade12609bb6f9a61c250a550f4d70007', class: "py-[16px]" }, h("div", { key: 'fc6558de2bc351f09a04b7547dd690fcfcfc7ec3', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '985204509c072b21dc94b2a3005fea81d712b30d' }, h("div", { key: '42ce83c26e55f8d6eb00455820f67670f44b712d', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '35ff95092d996eda5d81e68e5d80db32588b77ea', 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: '8f825747cb1ccce7575ea097a34dfb4944993a9a', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, h("div", { key: '94ced9aec06e6c09e942366e3271a6d895f4b68b', 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))))))))))))));
     }
     static get is() { return "manufacturer-lookup"; }
     static get encapsulation() { return "shadow"; }
@@ -167,6 +170,42 @@ export class ManufacturerLookup {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "hiddenFields": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hidden-fields",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "localizationName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "localization-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "headerTitle": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/{dynamic-claim → vehicle-lookup}/dynamic-claim.js

@@ -4,10 +4,10 @@
  */
 import { Host, h } from "@stencil/core";
 import cn from "../../global/lib/cn";
-import expiredIcon from "./icons/expired.svg";
-import pendingIcon from "./icons/pending.svg";
-import cancelledIcon from "./icons/cancelled.svg";
-import processedIcon from "./icons/processed.svg";
+import expiredIcon from "./assets/expired.svg";
+import pendingIcon from "./assets/pending.svg";
+import cancelledIcon from "./assets/cancelled.svg";
+import processedIcon from "./assets/processed.svg";
 import { getVehicleInformation } from "../../global/api/vehicleInformation";
 let mockData = {};
 const icons = {
@@ -270,7 +270,7 @@ export class DynamicClaim {
     render() {
         var _a, _b;
         const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        return (h(Host, { key: '541c3dd78435e13a8d8bbd9d9e1bdd3e421ff700' }, h("dynamic-redeem", { key: '98a8918ed4ee9b3c65eb76c6d219c397dc038938', id: "dynamic-redeem" }), h("div", { key: '21b931d1ac7ff57a75cc235e5a9d7383a60bcce9', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '7a11a3db11737b27f570b7722c84c264a9927cb5', class: "dynamic-claim-header" }, h("strong", { key: '90134387cef16786e348a6cee3949113c6b789cc', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && h("span", { key: '848036da3b9fe9ef737e2a461dc6475651ee9b3c', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: '046d01dbbf1c91fc735ce41c6f2ffaa41000f7ad', class: "dynamic-claim-body" }, h("div", { key: '83bc44663ebdf506306b04c7cee43d3051bc52b8', class: "loading-lane" }, h("div", { key: '4b7c8ac724afdc40379d58c7d77810bc1a10704b', class: "dynamic-claim-loading-slider" }, h("div", { key: '8404f36fd0afc3f0d052c5144b5698e19a8f25bb', class: "dynamic-claim-loading-slider-line" }), h("div", { key: '0c0b553b1139c65ce4261ef7382791931f9558ac', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'afcad75d078227301ffc7738a536cd765f5696b8', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '4885864414ed5efe3928e331cf8fbd46ba705467', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
+        return (h(Host, { key: '6e978e300bae2dd76b153421a56180adac9b0181' }, h("dynamic-redeem", { key: '98762e62d38fedf77d328e8dc2da6c832b927f0c', id: "dynamic-redeem" }), h("div", { key: '46b817f023ce25c860c79c4fafe7c963b9acd6be', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '3e93ee7b596ab9d4fb338e5a7c5973d102d6db2b', class: "dynamic-claim-header" }, h("strong", { key: '037bbee7e1aa4c3cf36d93fdc20c01959f194fca', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && h("span", { key: 'd68269004e338abd8d08c8bb840e5084a3b428a7', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: '7cc8f93760c08f55af3d56515c928c2a888c8f18', class: "dynamic-claim-body" }, h("div", { key: '471ede9a4acb83195d9b0f78a36d00364abd99cf', class: "loading-lane" }, h("div", { key: 'f734fcaca3e8653870e76a3e72c45a1cbb2bd320', class: "dynamic-claim-loading-slider" }, h("div", { key: '747118edb9777ee3833bcb27c01d3f8b19cef6c6', class: "dynamic-claim-loading-slider-line" }), h("div", { key: '3e65f85d83ba6aaa062e83989683675ad0ec5b7c', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: '48a3aa105f30e70ff0bdb1f335a404e0a88fd791', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '9009de9a5e02782908f0b4d79fa89aaf43dbba2d', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
             let statusClass = '';
             if (item.status === 'pending') {
                 if (serviceItems.findIndex(i => i.status === 'pending') === idx)
@@ -279,7 +279,7 @@ export class DynamicClaim {
             else
                 statusClass = item.status;
             return (h("div", { key: item.name, class: cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, h("img", { src: icons[item.status], alt: "status icon" }), h("span", null, item.status.charAt(0).toUpperCase() + item.status.slice(1)), this.activePopupIndex === idx && this.createPopup(item)), h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
-        }), h("div", { key: '1bc2d25dae363c03425128ea08be4b076ae11c66', class: "dynamic-claim-progress-bar" }))))));
+        }), h("div", { key: '1e05a3af9851d7418c31e4fd16d9ec4836930bdc', class: "dynamic-claim-progress-bar" }))))));
     }
     static get is() { return "dynamic-claim"; }
     static get encapsulation() { return "shadow"; }