adp-web-components 0.0.23 → 0.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dead-stock-lookup.cjs.entry.js +1 -1
- package/dist/cjs/distributor-lookup.cjs.entry.js +4 -4
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +5 -5
- package/dist/cjs/form-input.cjs.entry.js +1 -1
- package/dist/cjs/general-inquiry-form.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/manufacturer-lookup.cjs.entry.js +5 -4
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-lookup.cjs.entry.js +16 -9
- package/dist/collection/collection-manifest.json +4 -4
- package/dist/collection/components/form-input/form-input.js +1 -1
- package/dist/collection/components/general-inquiry-form/general-inquiry-form.js +1 -1
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.js +4 -4
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +5 -4
- package/dist/collection/components/vehicle-accessories/vehicle-accessories.js +3 -3
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +34 -46
- package/dist/collection/components/vehicle-specification/vehicle-specification.js +1 -1
- package/dist/collection/components/warranty-details/warranty-details.js +1 -1
- package/dist/collection/templates/parts/mock-data.js +170 -170
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/general-inquiry-form.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/{p-23551e81.js → p-044025a6.js} +1 -1
- package/dist/components/{p-e46b126e.js → p-442f4eff.js} +1 -1
- package/dist/components/{p-c8eef708.js → p-84427fef.js} +1 -1
- package/dist/components/{p-3bf0339d.js → p-b90fd51c.js} +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-lookup.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/warranty-details.js +1 -1
- package/dist/esm/dead-stock-lookup.entry.js +1 -1
- package/dist/esm/distributor-lookup.entry.js +4 -4
- package/dist/esm/dynamic-claim_6.entry.js +5 -5
- package/dist/esm/form-input.entry.js +1 -1
- package/dist/esm/general-inquiry-form.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/manufacturer-lookup.entry.js +5 -4
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-lookup.entry.js +16 -9
- package/dist/shift-components/p-0cce310b.entry.js +5 -0
- package/dist/shift-components/p-2f7785d3.entry.js +5 -0
- package/dist/shift-components/{p-3f3b41b4.entry.js → p-48efd004.entry.js} +1 -1
- package/dist/shift-components/{p-1a727cfd.entry.js → p-73fa9b86.entry.js} +1 -1
- package/dist/shift-components/{p-4c3f2850.entry.js → p-9f58a33b.entry.js} +1 -1
- package/dist/shift-components/p-cb379a17.entry.js +5 -0
- package/dist/shift-components/{p-15e82b1a.entry.js → p-fad254c9.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +11 -2
- package/dist/types/components.d.ts +5 -15
- package/dist/types/global/types/part-information.d.ts +7 -7
- package/package.json +1 -1
- package/dist/shift-components/p-9427d4ab.entry.js +0 -5
- package/dist/shift-components/p-cabe9fa4.entry.js +0 -5
- package/dist/shift-components/p-e2cdbb4c.entry.js +0 -5
|
@@ -101,7 +101,7 @@ const DeadStockLookup = class {
|
|
|
101
101
|
}
|
|
102
102
|
render() {
|
|
103
103
|
var _a, _b;
|
|
104
|
-
return (index.h(index.Host, { key: '
|
|
104
|
+
return (index.h(index.Host, { key: '03372a6f91fd6291de7e6fc51ab5012bc5ab2b98' }, index.h("div", { key: 'e926503adba0274834ab8b06ce370faace79447b', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'f3883fc0b09366baf94ed65f8b13590ac1adb975' }, index.h(Loading.Loading, { key: 'd01c5df2db30920852b35a6e6d6cb06cde76f395', isLoading: this.state.includes('loading') }), index.h("div", { key: 'de52273e824e9499aa77b3763871d010184232b8', 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: '4995acd3f10a212d93838e2d5e89693829fbb10a', class: "py-[16px]" }, index.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) && (index.h("div", { key: '156cbe984af29e94d697eac435226a8d69c05545' }, index.h("div", { key: '573d44fd10f287903f04de74c78302cc0ffe90f1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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 :
|
|
105
105
|
_b.map(deadStock => (index.h("div", { key: deadStock.companyIntegrationID, class: "py-[10px] px-[20px]" }, index.h("div", { "aria-expanded": "false", style: { height: closedAccordionHeight }, class: "border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]" }, index.h("button", { onClick: this.toggleAccordion, style: { height: closedAccordionHeight }, class: "w-full flex px-[10px] justify-between items-center text-slate-800" }, index.h("strong", null, deadStock.companyName), index.h("span", { class: "icon text-slate-800 transition-transform duration-500" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-[22px]" }, index.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" })))), index.h("div", { class: "content" }, index.h("table", { class: "w-full overflow-auto relative border-collapse" }, index.h("thead", null, index.h("tr", null, index.h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), index.h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Available Qty"))), index.h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (index.h("tr", { class: "transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, index.h("td", { class: cn.cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, branchDeadStock.companyBranchName), index.h("td", { class: cn.cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, index.h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
106
106
|
}
|
|
107
107
|
get el() { return index.getElement(this); }
|
|
@@ -82,14 +82,14 @@ const DistributorLookup = class {
|
|
|
82
82
|
mockData = newMockData;
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
var _a;
|
|
85
|
+
var _a, _b, _c;
|
|
86
86
|
const infoRow1 = this.partInformation
|
|
87
87
|
? [
|
|
88
88
|
{ label: 'Description', value: this.partInformation.stockParts[0].partDescription },
|
|
89
89
|
{ label: 'Product Group', value: this.partInformation.stockParts[0].group },
|
|
90
90
|
{ label: 'Russian Description', value: this.partInformation.stockParts[0].localDescription },
|
|
91
|
-
{ label: 'Dealer Purchase price', value: this.partInformation.stockParts[0].fob },
|
|
92
|
-
{ label: 'Recommended Retail
|
|
91
|
+
{ label: 'Dealer Purchase price', value: (_a = this.partInformation.stockParts[0].fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
92
|
+
{ label: 'Recommended Retail price', value: (_b = this.partInformation.stockParts[0].price) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
93
93
|
{ label: 'Superseded From', value: this.partInformation.stockParts[0].supersededFrom },
|
|
94
94
|
{ label: 'Superseded To', value: this.partInformation.stockParts[0].supersededTo },
|
|
95
95
|
]
|
|
@@ -97,7 +97,7 @@ const DistributorLookup = class {
|
|
|
97
97
|
const displayDistributer = this.partInformation
|
|
98
98
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
99
99
|
: false;
|
|
100
|
-
return (index.h(index.Host, { key: '
|
|
100
|
+
return (index.h(index.Host, { key: '696fa6062f40ef47c6612dcf8e7fa8a786717822' }, index.h("div", { key: '3542794214a33abda0a529581d945308bfc62698', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'b47c2b342210eca70a5742a18a06ff8e56664633' }, index.h(Loading.Loading, { key: 'dc4c575f5a5f1fa97e28e43472e608ca9c85ad96', isLoading: this.state.includes('loading') }), index.h("div", { key: '6b9936b6f2f6065f4525a7ef95305fc80ed5478e', 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: 'eb7d12339e55a29f9063b66aea53480d7fd97061', class: "py-[16px]" }, index.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) && (index.h("div", { key: 'dbf7067e90975ea2652dac9d5f342fb8a5556bc8' }, index.h("div", { key: 'b3ba440facbd8d4759ec0ed73a11675d09d33376', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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"), index.h("div", { key: 'ae5c17574d07e14eff3e0abd97364b19c7d8e5ed', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, index.h("div", { key: '55651a3db59faf0a1478a7ab914591e2966a9361', class: "grid grid-cols-3 gap-[50px]" }, infoRow1.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))))))), displayDistributer && (index.h("div", { key: '4e591cca97bb68547f52b04e9b86fb7fa83b2681', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.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"), index.h("div", { key: 'e3bf8543a16aae3e338f5098f5950d3701c08021', class: "flex flex-col gap-[15px]" }, index.h("table", { key: '6864beae22e6ee0b97d2e821acab3426c9f35d44', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'db1c61d021530e6505d0a325f0144f583b179eed', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'ef1b06da002265222c4a2d683624248eb26a895c' }, ['Location', 'Availability'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: '463be59f0f9cabf4fb0eb1db1ba54cdd7c1c45dc' }, (_c = this.partInformation) === null || _c === void 0 ? void 0 : _c.stockParts.map(stock => (index.h("tr", { class: "transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100", key: stock.locationID }, index.h("td", { class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, stock.locationName), index.h("td", { class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, index.h("div", { class: cn.cn('text-[red]', {
|
|
101
101
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
102
102
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
103
103
|
}) }, index.h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -691,7 +691,7 @@ const VehicleAccessories = class {
|
|
|
691
691
|
render() {
|
|
692
692
|
var _a, _b;
|
|
693
693
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
694
|
-
return (index.h(index.Host, { key: '
|
|
694
|
+
return (index.h(index.Host, { key: 'a35da0829d3b8456878089816a2518d0bc7dfc53' }, index.h("div", { key: '87b8bc1f45e55a5c401573316dc697c35efb4b65', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '538bce297b97eb27c1b1d7e4ae84f2a0654375d6' }, index.h(Loading$1.Loading, { key: '1d2860fea6605952bc163aa491df2d49ba42ae37', isLoading: this.state.includes('loading') }), index.h("div", { key: '1b041603b3c7ad17154f3fe8b7ef0dac5ac0e05d', class: cn.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '2efb48af8a4b60f2270fe3bc28ab9d48389d818e', class: cn.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '8797ebb6e5a3f4982dcf99ede6f89b868a2d8ba7', class: "py-[16px]" }, index.h("div", { key: 'b51f7e4cb8eaef6b030beb49d3f51842d729743c', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '599cfdcc5809fc949f970d770e317d308ce2373f', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'a5115b70bc41ea7cc6c627a087947168b28decd8', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Accessories"), index.h("div", { key: '8adbf3110446333290599986668948ce5a84bf2f', class: "h-0 overflow-auto flex-1" }, !accessories.length && index.h("div", { key: '6da0fddfb3424f35b3c88ae938afce9e45c679cc', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!accessories.length && (index.h("table", { key: 'd7c7b9e0312d32af7d732006f59004e936cdd24a', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '64d4df8517da59cdcfef277e8353ffaed41cae1a', class: "top-0 font-bold z-40 sticky bg-white" }, index.h("tr", { key: 'f2f23fcd8f9a36754578374776454c42c02464e2' }, ['Part Number', 'Description', 'Image'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: 'f9aa73d5424f428446b842a0756b71511449a6e1' }, accessories.map((accessory, idx) => {
|
|
695
695
|
var _a;
|
|
696
696
|
return (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
697
697
|
var _a;
|
|
@@ -701,9 +701,9 @@ const VehicleAccessories = class {
|
|
|
701
701
|
}), index.h("td", { class: cn.cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
702
702
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
703
703
|
}) }, index.h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, index.h("img", { src: eyeSvg }), index.h("span", { class: "text-white" }, "Expand")), index.h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
|
|
704
|
-
})), index.h("div", { key: '
|
|
704
|
+
})), index.h("div", { key: 'efe4736fde597ea79a9c0957eea3bf95e0f29900', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
705
705
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
706
|
-
}) }, index.h("button", { key: '
|
|
706
|
+
}) }, index.h("button", { key: 'b27cfac3e52d3632a31a68544c06b7b59e9d6ee6', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '2e7af6f1591033eaa49783222865e01e183ad25a', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: '1d6512d6d8b4ba87f1cbb2e0d477efa8ea8a009a', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: 'e780539868031f2062c09b15eb20343fd216e9d3', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
707
707
|
}
|
|
708
708
|
get el() { return index.getElement(this); }
|
|
709
709
|
static get watchers() { return {
|
|
@@ -781,7 +781,7 @@ const VehicleSpecification = class {
|
|
|
781
781
|
}
|
|
782
782
|
render() {
|
|
783
783
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
784
|
-
return (index.h(index.Host, { key: '
|
|
784
|
+
return (index.h(index.Host, { key: 'd3ab6e7dbf681de049f7aca3ba75ff70be5ee4e3' }, index.h("div", { key: 'f4db262a4b26bcb8e3f1f2362ff1695a4bf7d1b1', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'cbe247fb071e9568bf243f123477f740ebf29c13' }, index.h(Loading$1.Loading, { key: 'e429ac356ca4dce57cd577b4a6e8d1c3e50b0f43', isLoading: this.state.includes('loading') }), index.h("div", { key: 'acdcc92f7357768fab0e54f7ece3f5b648c62613', class: cn.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '258b28037672bd5c47712e007df135f6067d052c', class: cn.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '8ef03632b0d92ec856d29def355acee4f4a1e02a', class: "py-4" }, index.h("div", { key: 'a2ca78486377bd0be6f5d08ac8652a1da88d3330', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'c99a0b60829d7cd13326a698573e129a50d5268b', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '549334e7180a5e894e2d46c7f4558cc9d4f32ac9', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Specifications"), index.h("div", { key: '4aa0f17cd6a6c70a4a0be4117b55de3ff813ae6a', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && index.h("div", { key: '5261fcc2bb22773483083928f2f574e35a24b2e4', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (index.h("table", { key: '0af0e908c374d61ba67c85aadd21e2ec271ee496', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'cfff109c40df4000f6eab1a31f955a4de7c2e880', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '170f8d37806a12e798080c8374bfb46b6f5f47ce' }, ['Model', 'Variant', 'Katashiki', 'Model Year', 'SFX'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: '378b78de1a33cdbb5fe03cb551e21111e1312138' }, index.h("tr", { key: '4b4a1755a18fc2f43223ff865868325be95057a8' }, index.h("td", { key: '613302f44873887ac22032e8f2dd9020519fdb90', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", index.h("br", { key: 'c553288fd9ca7bbfa5b51dd1a96fc282a5861699', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), index.h("td", { key: '7c877d8c2484f91febdd140f587e1382e7add7a5', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", index.h("br", { key: '697f61020749ecc8e15b6d9bb21d9e206c06cf1a' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
785
785
|
var _a;
|
|
786
786
|
const [place, field] = infoPath.split('.');
|
|
787
787
|
const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
|
|
@@ -1029,7 +1029,7 @@ const WarrantyDetails = class {
|
|
|
1029
1029
|
}
|
|
1030
1030
|
render() {
|
|
1031
1031
|
var _a, _b, _c, _d, _e;
|
|
1032
|
-
return (index.h(index.Host, { key: '
|
|
1032
|
+
return (index.h(index.Host, { key: 'a8a0f9e697b84de68c14f152c91d92c3440434c8' }, index.h("div", { key: 'd945fb814740a7bb90a56e2b06d449f7c5773ce6', class: "min-h-[100px] warranty" }, index.h("div", { key: '0dd325cc036ee6fd4b78ae5ccb32891a7d89bf55' }, index.h(Loading, { key: '33ac29df8941e2efae8aafab425347f24aff91b7', isLoading: this.state.includes('loading') }), index.h("div", { key: '4ed642aee8795e88b5aec7143004ded257772449', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (index.h("div", { key: 'b4348768ef951ceb89c9e73fb603278bf091ef56', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '4ab797c1a42de0a0b8cfdf8c3c956d314344a991', class: "py-4" }, index.h(StatusCard, { key: '35031e278a4503260d00d4ffb5e560267346b96f', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (index.h(CardsContainer, { key: '61f89d582dd91e09c65a6dee6a9593bb7d154f81', isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), index.h("div", { key: '54ae9de6ebe04b4d605607993e46813047175ff1', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, index.h("slot", { key: 'd07c7123b5c0d27c71deeff5c608d87556b64108' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (index.h("div", { key: 'ebb7c599bd6f52cf3d10141ffe448614f232ae83', class: cn.cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (index.h("div", { key: '1acb2e50f4e8fb36144175af760323f702e63c11', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, index.h("div", { key: '2a847351b5924a695cadcb1fc22bb64100c514f1' }, index.h("strong", { key: '7be0d0d1903c1c5921cf5c248483ce23b900ead1' }, "Checking TMC")), index.h("img", { key: '3c6a87227027ee5ed5679519b411888ab56771e4', class: "spin", src: Loading$1.loaderSvg }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (index.h(SSCTable, { key: '5386788e64c56099d5356ef59084b5cb284bc490', ssc: this.vehicleInformation.ssc })))))));
|
|
1033
1033
|
}
|
|
1034
1034
|
get el() { return index.getElement(this); }
|
|
1035
1035
|
static get watchers() { return {
|
|
@@ -28,7 +28,7 @@ const FormInput = class {
|
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
30
|
const { class: inputClass, errorClass, containerClass, disabled, label, isError, labelClass, name, errorMessage, onInput } = this;
|
|
31
|
-
return (index.h(index.Host, { key: '
|
|
31
|
+
return (index.h(index.Host, { key: '761ec590e596266ba0f0731d429e9cac8d33c4bb' }, index.h("label", { key: '38d0d5424f78c31e813c260a07538e2284c2b483', class: cn.cn('relative w-full pb-[20px] inline-flex flex-col', containerClass) }, label && index.h("div", { key: 'dc37f884cb50c8462da03f2a6371298e54f12e20', class: cn.cn('mb-[4px]', labelClass) }, label), index.h("input", { key: 'd864c7c1065c9dfc6bddaaf6aad08fbff73718ff', name: name, onInput: onInput, disabled: disabled, class: cn.cn('border disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-colors duration-300 rounded-lg outline-none focus:border-slate-600 w-full', { '!border-red-500': isError }, inputClass) }), index.h("div", { key: '86e4082d194c4cdcbd2a337939cb06aaf7a8b833', class: cn.cn('absolute bottom-0 -z-10 text-red-500 transition-all duration-300', { '-translate-y-full opacity-0': !isError }, errorClass) }, errorMessage))));
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
FormInput.style = FormInputStyle0;
|
|
@@ -2271,7 +2271,7 @@ const GeneralInquiryForm = class {
|
|
|
2271
2271
|
}
|
|
2272
2272
|
render() {
|
|
2273
2273
|
const { formController } = this.form;
|
|
2274
|
-
return (index.h(index.Host, { key: '
|
|
2274
|
+
return (index.h(index.Host, { key: '47600eab650c2c967e3b39a37f212cead08b90af' }, index.h("form", Object.assign({ key: '79fedfe357eed67267c43f7ae6a865e41f4d0fa0' }, formController), index.h("form-input", Object.assign({ key: 'b001b26a0dc65b7158af45011394269b80dfd694' }, this.nameController, { label: "Name", name: "name" })), index.h("form-input", Object.assign({ key: '3f7472ecbd8d4f6c0f89a7432a2e49dfc825f6d4' }, this.name2Controller, { label: "Name2", name: "name2" })), index.h("button", { key: '08d3b507d6739e307b72346643e8c7b191c7a5bb', type: "submit" }, "sd"))));
|
|
2275
2275
|
}
|
|
2276
2276
|
get el() { return index.getElement(this); }
|
|
2277
2277
|
};
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -12,7 +12,7 @@ const appGlobals = require('./app-globals-6d543be0.js');
|
|
|
12
12
|
const defineCustomElements = async (win, options) => {
|
|
13
13
|
if (typeof window === 'undefined') return undefined;
|
|
14
14
|
await appGlobals.globalScripts();
|
|
15
|
-
return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"
|
|
15
|
+
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);
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
exports.setNonce = index.setNonce;
|
|
@@ -83,14 +83,15 @@ const ManufacturerLookup = class {
|
|
|
83
83
|
mockData = newMockData;
|
|
84
84
|
}
|
|
85
85
|
render() {
|
|
86
|
+
var _a, _b, _c;
|
|
86
87
|
const manufacturerData = this.partInformation
|
|
87
88
|
? [
|
|
88
89
|
//{ label: 'Description', value: this.partInformation.tmcPart.partDescription },
|
|
89
90
|
//{ label: 'Product Group', value: this.partInformation.tmcPart.group },
|
|
90
91
|
{ label: 'Origin', value: this.partInformation.tmcPart.origin },
|
|
91
|
-
{ label: 'Warranty Price', value: this.partInformation.tmcPart.warrantyPrice },
|
|
92
|
-
{ label: 'Special Price', value: this.partInformation.tmcPart.specialPrice },
|
|
93
|
-
{ label: 'Wholesales Price', value: this.partInformation.tmcPart.salesPrice },
|
|
92
|
+
{ label: 'Warranty Price', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
93
|
+
{ label: 'Special Price', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
94
|
+
{ label: 'Wholesales Price', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
|
|
94
95
|
{ label: 'PNC', value: this.partInformation.tmcPart.pnc },
|
|
95
96
|
{ label: 'PNC Russian Name', value: this.partInformation.tmcPart.pncLocalName },
|
|
96
97
|
{ label: 'Bin Code', value: this.partInformation.tmcPart.binCode },
|
|
@@ -105,7 +106,7 @@ const ManufacturerLookup = class {
|
|
|
105
106
|
]
|
|
106
107
|
: [];
|
|
107
108
|
const validManufacturerFields = manufacturerData; //.filter(({ value }) => !!value);
|
|
108
|
-
return (index.h(index.Host, { key: '
|
|
109
|
+
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))))))))))))));
|
|
109
110
|
}
|
|
110
111
|
get el() { return index.getElement(this); }
|
|
111
112
|
static get watchers() { return {
|
|
@@ -23,7 +23,7 @@ var patchBrowser = () => {
|
|
|
23
23
|
|
|
24
24
|
patchBrowser().then(async (options) => {
|
|
25
25
|
await appGlobals.globalScripts();
|
|
26
|
-
return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"
|
|
26
|
+
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);
|
|
27
27
|
});
|
|
28
28
|
|
|
29
29
|
exports.setNonce = index.setNonce;
|
|
@@ -74,7 +74,7 @@ const VehicleLookupStyle0 = vehicleLookupCss;
|
|
|
74
74
|
const VehicleLookup = class {
|
|
75
75
|
constructor(hostRef) {
|
|
76
76
|
index.registerInstance(this, hostRef);
|
|
77
|
-
this.
|
|
77
|
+
this.activeElement = '';
|
|
78
78
|
this.baseUrl = '';
|
|
79
79
|
this.isDev = false;
|
|
80
80
|
this.queryString = '';
|
|
@@ -92,8 +92,15 @@ const VehicleLookup = class {
|
|
|
92
92
|
const vehicleHistory = this.el.getElementsByTagName('service-history')[0];
|
|
93
93
|
const vehicleThickness = this.el.getElementsByTagName('paint-thickness')[0];
|
|
94
94
|
const vehicleClaim = this.el.getElementsByTagName('dynamic-claim')[0];
|
|
95
|
-
this.componentsList =
|
|
96
|
-
|
|
95
|
+
this.componentsList = {
|
|
96
|
+
'vehicle-specification': vehicleSpecification,
|
|
97
|
+
'vehicle-accessories': vehicleAccessories,
|
|
98
|
+
'warranty-details': vehicleDetails,
|
|
99
|
+
'service-history': vehicleHistory,
|
|
100
|
+
'paint-thickness': vehicleThickness,
|
|
101
|
+
'dynamic-claim': vehicleClaim,
|
|
102
|
+
};
|
|
103
|
+
Object.values(this.componentsList).forEach(element => {
|
|
97
104
|
if (!element)
|
|
98
105
|
return;
|
|
99
106
|
if (this.loadingStateChanged)
|
|
@@ -108,7 +115,7 @@ const VehicleLookup = class {
|
|
|
108
115
|
this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener, newState);
|
|
109
116
|
}
|
|
110
117
|
async handleLoadingListenerPropChange(newProp) {
|
|
111
|
-
this.componentsList.forEach(element => {
|
|
118
|
+
Object.values(this.componentsList).forEach(element => {
|
|
112
119
|
if (!element)
|
|
113
120
|
return;
|
|
114
121
|
element.loadingStateChange = newProp;
|
|
@@ -116,7 +123,7 @@ const VehicleLookup = class {
|
|
|
116
123
|
}
|
|
117
124
|
async handleBlazorLoadingRefChange(loadingInvokeRef) {
|
|
118
125
|
if (this.blazorRef) {
|
|
119
|
-
this.componentsList.forEach(element => {
|
|
126
|
+
Object.values(this.componentsList).forEach(element => {
|
|
120
127
|
if (!element)
|
|
121
128
|
return;
|
|
122
129
|
element.loadingStateChange = newState => this.blazorRef.invokeMethodAsync(loadingInvokeRef, newState);
|
|
@@ -126,7 +133,7 @@ const VehicleLookup = class {
|
|
|
126
133
|
async setBlazorRef(newBlazorRef) {
|
|
127
134
|
this.blazorRef = newBlazorRef;
|
|
128
135
|
if (this.blazorOnLoadingStateChange) {
|
|
129
|
-
this.componentsList.forEach(element => {
|
|
136
|
+
Object.values(this.componentsList).forEach(element => {
|
|
130
137
|
if (!element)
|
|
131
138
|
return;
|
|
132
139
|
element.loadingStateChange = newState => this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange, newState);
|
|
@@ -134,7 +141,7 @@ const VehicleLookup = class {
|
|
|
134
141
|
}
|
|
135
142
|
}
|
|
136
143
|
async fetchVin(vin, headers = {}) {
|
|
137
|
-
const activeElement = this.componentsList[this.
|
|
144
|
+
const activeElement = this.componentsList[this.activeElement] || null;
|
|
138
145
|
this.wrapperErrorState = '';
|
|
139
146
|
if (!activeElement)
|
|
140
147
|
return;
|
|
@@ -148,13 +155,13 @@ const VehicleLookup = class {
|
|
|
148
155
|
return { componentsList: this.componentsList };
|
|
149
156
|
}
|
|
150
157
|
handleLoadData(newResponse, activeElement) {
|
|
151
|
-
this.componentsList.forEach(element => {
|
|
158
|
+
Object.values(this.componentsList).forEach(element => {
|
|
152
159
|
if (element !== null && element !== activeElement && newResponse)
|
|
153
160
|
element.setData(newResponse);
|
|
154
161
|
});
|
|
155
162
|
}
|
|
156
163
|
render() {
|
|
157
|
-
return (index.h(index.Host, { key: '
|
|
164
|
+
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 }))));
|
|
158
165
|
}
|
|
159
166
|
get el() { return index.getElement(this); }
|
|
160
167
|
static get watchers() { return {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"entries": [
|
|
3
|
-
"components/vehicle-specification/vehicle-specification.js",
|
|
4
|
-
"components/vehicle-accessories/vehicle-accessories.js",
|
|
5
3
|
"components/warranty-details/warranty-details.js",
|
|
4
|
+
"components/vehicle-accessories/vehicle-accessories.js",
|
|
5
|
+
"components/vehicle-specification/vehicle-specification.js",
|
|
6
6
|
"components/service-history/service-history.js",
|
|
7
7
|
"components/paint-thickness/paint-thickness.js",
|
|
8
8
|
"components/dynamic-redeem/dynamic-redeem.js",
|
|
9
9
|
"components/dynamic-claim/dynamic-claim.js",
|
|
10
|
+
"components/vehicle-lookup/vehicle-lookup.js",
|
|
10
11
|
"components/form-input/form-input.js",
|
|
11
12
|
"components/general-inquiry-form/general-inquiry-form.js",
|
|
12
13
|
"components/part-lookup/dead-stock-lookup.js",
|
|
13
14
|
"components/part-lookup/distributor-lookup.js",
|
|
14
|
-
"components/part-lookup/manufacturer-lookup.js"
|
|
15
|
-
"components/vehicle-lookup/vehicle-lookup.js"
|
|
15
|
+
"components/part-lookup/manufacturer-lookup.js"
|
|
16
16
|
],
|
|
17
17
|
"compiler": {
|
|
18
18
|
"name": "@stencil/core",
|
|
@@ -18,7 +18,7 @@ export class FormInput {
|
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
const { class: inputClass, errorClass, containerClass, disabled, label, isError, labelClass, name, errorMessage, onInput } = this;
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '761ec590e596266ba0f0731d429e9cac8d33c4bb' }, h("label", { key: '38d0d5424f78c31e813c260a07538e2284c2b483', class: cn('relative w-full pb-[20px] inline-flex flex-col', containerClass) }, label && h("div", { key: 'dc37f884cb50c8462da03f2a6371298e54f12e20', class: cn('mb-[4px]', labelClass) }, label), h("input", { key: 'd864c7c1065c9dfc6bddaaf6aad08fbff73718ff', name: name, onInput: onInput, disabled: disabled, class: cn('border disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-colors duration-300 rounded-lg outline-none focus:border-slate-600 w-full', { '!border-red-500': isError }, inputClass) }), h("div", { key: '86e4082d194c4cdcbd2a337939cb06aaf7a8b833', class: cn('absolute bottom-0 -z-10 text-red-500 transition-all duration-300', { '-translate-y-full opacity-0': !isError }, errorClass) }, errorMessage))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "form-input"; }
|
|
24
24
|
static get originalStyleUrls() {
|
|
@@ -22,7 +22,7 @@ export class GeneralInquiryForm {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
const { formController } = this.form;
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '47600eab650c2c967e3b39a37f212cead08b90af' }, h("form", Object.assign({ key: '79fedfe357eed67267c43f7ae6a865e41f4d0fa0' }, formController), h("form-input", Object.assign({ key: 'b001b26a0dc65b7158af45011394269b80dfd694' }, this.nameController, { label: "Name", name: "name" })), h("form-input", Object.assign({ key: '3f7472ecbd8d4f6c0f89a7432a2e49dfc825f6d4' }, this.name2Controller, { label: "Name2", name: "name2" })), h("button", { key: '08d3b507d6739e307b72346643e8c7b191c7a5bb', type: "submit" }, "sd"))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "general-inquiry-form"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -92,7 +92,7 @@ export class DeadStockLookup {
|
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
94
|
var _a, _b;
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: '03372a6f91fd6291de7e6fc51ab5012bc5ab2b98' }, h("div", { key: 'e926503adba0274834ab8b06ce370faace79447b', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'f3883fc0b09366baf94ed65f8b13590ac1adb975' }, h(Loading, { key: 'd01c5df2db30920852b35a6e6d6cb06cde76f395', isLoading: this.state.includes('loading') }), h("div", { key: 'de52273e824e9499aa77b3763871d010184232b8', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: '4995acd3f10a212d93838e2d5e89693829fbb10a', class: "py-[16px]" }, h("div", { key: '38064e79243ba14260cbaea211b6d82cbd299f5e', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '156cbe984af29e94d697eac435226a8d69c05545' }, h("div", { key: '573d44fd10f287903f04de74c78302cc0ffe90f1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '93f6aa85947fb2fa924478fa5167a0e894188958', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Dead stock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
|
|
96
96
|
_b.map(deadStock => (h("div", { key: deadStock.companyIntegrationID, class: "py-[10px] px-[20px]" }, h("div", { "aria-expanded": "false", style: { height: closedAccordionHeight }, class: "border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]" }, h("button", { onClick: this.toggleAccordion, style: { height: closedAccordionHeight }, class: "w-full flex px-[10px] justify-between items-center text-slate-800" }, h("strong", null, deadStock.companyName), h("span", { class: "icon text-slate-800 transition-transform duration-500" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-[22px]" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" })))), h("div", { class: "content" }, h("table", { class: "w-full overflow-auto relative border-collapse" }, h("thead", null, h("tr", null, h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Available Qty"))), h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (h("tr", { class: "transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, h("td", { class: cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, branchDeadStock.companyBranchName), h("td", { class: cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
97
97
|
}
|
|
98
98
|
static get is() { return "dead-stock-lookup"; }
|
|
@@ -73,14 +73,14 @@ export class DistributorLookup {
|
|
|
73
73
|
mockData = newMockData;
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
var _a;
|
|
76
|
+
var _a, _b, _c;
|
|
77
77
|
const infoRow1 = this.partInformation
|
|
78
78
|
? [
|
|
79
79
|
{ label: 'Description', value: this.partInformation.stockParts[0].partDescription },
|
|
80
80
|
{ label: 'Product Group', value: this.partInformation.stockParts[0].group },
|
|
81
81
|
{ label: 'Russian Description', value: this.partInformation.stockParts[0].localDescription },
|
|
82
|
-
{ label: 'Dealer Purchase price', value: this.partInformation.stockParts[0].fob },
|
|
83
|
-
{ label: 'Recommended Retail
|
|
82
|
+
{ label: 'Dealer Purchase price', value: (_a = this.partInformation.stockParts[0].fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
83
|
+
{ label: 'Recommended Retail price', value: (_b = this.partInformation.stockParts[0].price) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
84
84
|
{ label: 'Superseded From', value: this.partInformation.stockParts[0].supersededFrom },
|
|
85
85
|
{ label: 'Superseded To', value: this.partInformation.stockParts[0].supersededTo },
|
|
86
86
|
]
|
|
@@ -88,7 +88,7 @@ export class DistributorLookup {
|
|
|
88
88
|
const displayDistributer = this.partInformation
|
|
89
89
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
90
90
|
: false;
|
|
91
|
-
return (h(Host, { key: '
|
|
91
|
+
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]', {
|
|
92
92
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
93
93
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
94
94
|
}) }, h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -74,14 +74,15 @@ export class ManufacturerLookup {
|
|
|
74
74
|
mockData = newMockData;
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
|
+
var _a, _b, _c;
|
|
77
78
|
const manufacturerData = this.partInformation
|
|
78
79
|
? [
|
|
79
80
|
//{ label: 'Description', value: this.partInformation.tmcPart.partDescription },
|
|
80
81
|
//{ label: 'Product Group', value: this.partInformation.tmcPart.group },
|
|
81
82
|
{ label: 'Origin', value: this.partInformation.tmcPart.origin },
|
|
82
|
-
{ label: 'Warranty Price', value: this.partInformation.tmcPart.warrantyPrice },
|
|
83
|
-
{ label: 'Special Price', value: this.partInformation.tmcPart.specialPrice },
|
|
84
|
-
{ label: 'Wholesales Price', value: this.partInformation.tmcPart.salesPrice },
|
|
83
|
+
{ label: 'Warranty Price', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
84
|
+
{ label: 'Special Price', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
85
|
+
{ label: 'Wholesales Price', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
|
|
85
86
|
{ label: 'PNC', value: this.partInformation.tmcPart.pnc },
|
|
86
87
|
{ label: 'PNC Russian Name', value: this.partInformation.tmcPart.pncLocalName },
|
|
87
88
|
{ label: 'Bin Code', value: this.partInformation.tmcPart.binCode },
|
|
@@ -96,7 +97,7 @@ export class ManufacturerLookup {
|
|
|
96
97
|
]
|
|
97
98
|
: [];
|
|
98
99
|
const validManufacturerFields = manufacturerData; //.filter(({ value }) => !!value);
|
|
99
|
-
return (h(Host, { key: '
|
|
100
|
+
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))))))))))))));
|
|
100
101
|
}
|
|
101
102
|
static get is() { return "manufacturer-lookup"; }
|
|
102
103
|
static get encapsulation() { return "shadow"; }
|