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
|
@@ -89,7 +89,7 @@ export class VehicleAccessories {
|
|
|
89
89
|
render() {
|
|
90
90
|
var _a, _b;
|
|
91
91
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
92
|
-
return (h(Host, { key: '
|
|
92
|
+
return (h(Host, { key: 'a35da0829d3b8456878089816a2518d0bc7dfc53' }, h("div", { key: '87b8bc1f45e55a5c401573316dc697c35efb4b65', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: '538bce297b97eb27c1b1d7e4ae84f2a0654375d6' }, h(Loading, { key: '1d2860fea6605952bc163aa491df2d49ba42ae37', isLoading: this.state.includes('loading') }), h("div", { key: '1b041603b3c7ad17154f3fe8b7ef0dac5ac0e05d', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '2efb48af8a4b60f2270fe3bc28ab9d48389d818e', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '8797ebb6e5a3f4982dcf99ede6f89b868a2d8ba7', class: "py-[16px]" }, h("div", { key: 'b51f7e4cb8eaef6b030beb49d3f51842d729743c', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '599cfdcc5809fc949f970d770e317d308ce2373f', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'a5115b70bc41ea7cc6c627a087947168b28decd8', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Accessories"), h("div", { key: '8adbf3110446333290599986668948ce5a84bf2f', class: "h-0 overflow-auto flex-1" }, !accessories.length && h("div", { key: '6da0fddfb3424f35b3c88ae938afce9e45c679cc', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!accessories.length && (h("table", { key: 'd7c7b9e0312d32af7d732006f59004e936cdd24a', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: '64d4df8517da59cdcfef277e8353ffaed41cae1a', class: "top-0 font-bold z-40 sticky bg-white" }, h("tr", { key: 'f2f23fcd8f9a36754578374776454c42c02464e2' }, ['Part Number', 'Description', 'Image'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'f9aa73d5424f428446b842a0756b71511449a6e1' }, accessories.map((accessory, idx) => {
|
|
93
93
|
var _a;
|
|
94
94
|
return (h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
95
95
|
var _a;
|
|
@@ -99,9 +99,9 @@ export class VehicleAccessories {
|
|
|
99
99
|
}), h("td", { class: cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
100
100
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
101
101
|
}) }, h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, h("img", { src: Eye }), h("span", { class: "text-white" }, "Expand")), h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
|
|
102
|
-
})), h("div", { key: '
|
|
102
|
+
})), h("div", { key: 'efe4736fde597ea79a9c0957eea3bf95e0f29900', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
103
103
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
104
|
-
}) }, h("button", { key: '
|
|
104
|
+
}) }, h("button", { key: 'b27cfac3e52d3632a31a68544c06b7b59e9d6ee6', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, h("div", { key: '2e7af6f1591033eaa49783222865e01e183ad25a', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), h("div", { key: '1d6512d6d8b4ba87f1cbb2e0d477efa8ea8a009a', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), h("img", { key: 'e780539868031f2062c09b15eb20343fd216e9d3', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
105
105
|
}
|
|
106
106
|
static get is() { return "vehicle-accessories"; }
|
|
107
107
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ import cn from "../../global/lib/cn";
|
|
|
7
7
|
import validateVin from "../../global/lib/validate-vin";
|
|
8
8
|
export class VehicleLookup {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.
|
|
10
|
+
this.activeElement = '';
|
|
11
11
|
this.baseUrl = '';
|
|
12
12
|
this.isDev = false;
|
|
13
13
|
this.queryString = '';
|
|
@@ -25,8 +25,15 @@ export class VehicleLookup {
|
|
|
25
25
|
const vehicleHistory = this.el.getElementsByTagName('service-history')[0];
|
|
26
26
|
const vehicleThickness = this.el.getElementsByTagName('paint-thickness')[0];
|
|
27
27
|
const vehicleClaim = this.el.getElementsByTagName('dynamic-claim')[0];
|
|
28
|
-
this.componentsList =
|
|
29
|
-
|
|
28
|
+
this.componentsList = {
|
|
29
|
+
'vehicle-specification': vehicleSpecification,
|
|
30
|
+
'vehicle-accessories': vehicleAccessories,
|
|
31
|
+
'warranty-details': vehicleDetails,
|
|
32
|
+
'service-history': vehicleHistory,
|
|
33
|
+
'paint-thickness': vehicleThickness,
|
|
34
|
+
'dynamic-claim': vehicleClaim,
|
|
35
|
+
};
|
|
36
|
+
Object.values(this.componentsList).forEach(element => {
|
|
30
37
|
if (!element)
|
|
31
38
|
return;
|
|
32
39
|
if (this.loadingStateChanged)
|
|
@@ -41,7 +48,7 @@ export class VehicleLookup {
|
|
|
41
48
|
this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener, newState);
|
|
42
49
|
}
|
|
43
50
|
async handleLoadingListenerPropChange(newProp) {
|
|
44
|
-
this.componentsList.forEach(element => {
|
|
51
|
+
Object.values(this.componentsList).forEach(element => {
|
|
45
52
|
if (!element)
|
|
46
53
|
return;
|
|
47
54
|
element.loadingStateChange = newProp;
|
|
@@ -49,7 +56,7 @@ export class VehicleLookup {
|
|
|
49
56
|
}
|
|
50
57
|
async handleBlazorLoadingRefChange(loadingInvokeRef) {
|
|
51
58
|
if (this.blazorRef) {
|
|
52
|
-
this.componentsList.forEach(element => {
|
|
59
|
+
Object.values(this.componentsList).forEach(element => {
|
|
53
60
|
if (!element)
|
|
54
61
|
return;
|
|
55
62
|
element.loadingStateChange = newState => this.blazorRef.invokeMethodAsync(loadingInvokeRef, newState);
|
|
@@ -59,7 +66,7 @@ export class VehicleLookup {
|
|
|
59
66
|
async setBlazorRef(newBlazorRef) {
|
|
60
67
|
this.blazorRef = newBlazorRef;
|
|
61
68
|
if (this.blazorOnLoadingStateChange) {
|
|
62
|
-
this.componentsList.forEach(element => {
|
|
69
|
+
Object.values(this.componentsList).forEach(element => {
|
|
63
70
|
if (!element)
|
|
64
71
|
return;
|
|
65
72
|
element.loadingStateChange = newState => this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange, newState);
|
|
@@ -67,7 +74,7 @@ export class VehicleLookup {
|
|
|
67
74
|
}
|
|
68
75
|
}
|
|
69
76
|
async fetchVin(vin, headers = {}) {
|
|
70
|
-
const activeElement = this.componentsList[this.
|
|
77
|
+
const activeElement = this.componentsList[this.activeElement] || null;
|
|
71
78
|
this.wrapperErrorState = '';
|
|
72
79
|
if (!activeElement)
|
|
73
80
|
return;
|
|
@@ -81,13 +88,13 @@ export class VehicleLookup {
|
|
|
81
88
|
return { componentsList: this.componentsList };
|
|
82
89
|
}
|
|
83
90
|
handleLoadData(newResponse, activeElement) {
|
|
84
|
-
this.componentsList.forEach(element => {
|
|
91
|
+
Object.values(this.componentsList).forEach(element => {
|
|
85
92
|
if (element !== null && element !== activeElement && newResponse)
|
|
86
93
|
element.setData(newResponse);
|
|
87
94
|
});
|
|
88
95
|
}
|
|
89
96
|
render() {
|
|
90
|
-
return (h(Host, { key: '
|
|
97
|
+
return (h(Host, { key: '915de37781baebae7789ef128265b621552ea367' }, h("div", { key: '28c7621a5614d64a760e338afec183f80e3e4292', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-specification' }) }, h("vehicle-specification", { key: '3e02c7a30048634186044f763653a1d93ae2392d', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '55672a129b9fb6e9d2d1b44ae79bc0e8f829f2c9', class: cn('w-full', { hidden: this.activeElement !== 'vehicle-accessories' }) }, h("vehicle-accessories", { key: 'e9d16fc4f81221a890d8853da14f2b80ce774c13', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '88fa2420a94db307dd8900972b137dbfbc6be79d', class: cn('w-full', { hidden: this.activeElement !== 'warranty-details' }) }, h("warranty-details", { key: 'bb6cdb852a4deed8819b471c65047a623f5e6d6b', "show-ssc": "true", "show-warranty": "true", isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }, h("slot", { key: '7a00495c356c566c1643ee4246c7887924529ddf' }))), h("div", { key: '74acc9254ac994fd708858e9089b58f58da20952', class: cn('w-full', { hidden: this.activeElement !== 'service-history' }) }, h("service-history", { key: '6959bdd34fadac6a36d61f4b2ac1c5c3f8bd9a34', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: '71748aefc8a90526c5ec78ee353bd011fbe069b1', class: cn('w-full', { hidden: this.activeElement !== 'paint-thickness' }) }, h("paint-thickness", { key: '71da10b78a94011bedca1d5bbf7e351968d53e52', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString })), h("div", { key: 'b786c15b52fb6f663848c6c4cdc27e163f579652', class: cn('w-full', { hidden: this.activeElement !== 'dynamic-claim' }) }, h("dynamic-claim", { key: '8dc4bf0c1dc249a42a3ee1ae50d82e9d3357bf8e', isDev: this.isDev, "base-url": this.baseUrl, "query-string": this.queryString }))));
|
|
91
98
|
}
|
|
92
99
|
static get is() { return "vehicle-lookup"; }
|
|
93
100
|
static get originalStyleUrls() {
|
|
@@ -102,13 +109,19 @@ export class VehicleLookup {
|
|
|
102
109
|
}
|
|
103
110
|
static get properties() {
|
|
104
111
|
return {
|
|
105
|
-
"
|
|
112
|
+
"activeElement": {
|
|
106
113
|
"type": "string",
|
|
107
114
|
"mutable": false,
|
|
108
115
|
"complexType": {
|
|
109
|
-
"original": "
|
|
110
|
-
"resolved": "
|
|
111
|
-
"references": {
|
|
116
|
+
"original": "ActiveElement",
|
|
117
|
+
"resolved": "\"\" | \"dynamic-claim\" | \"paint-thickness\" | \"service-history\" | \"vehicle-accessories\" | \"vehicle-specification\" | \"warranty-details\"",
|
|
118
|
+
"references": {
|
|
119
|
+
"ActiveElement": {
|
|
120
|
+
"location": "local",
|
|
121
|
+
"path": "/home/vsts/work/1/s/src/components/vehicle-lookup/vehicle-lookup.tsx",
|
|
122
|
+
"id": "src/components/vehicle-lookup/vehicle-lookup.tsx::ActiveElement"
|
|
123
|
+
}
|
|
124
|
+
}
|
|
112
125
|
},
|
|
113
126
|
"required": false,
|
|
114
127
|
"optional": true,
|
|
@@ -116,9 +129,9 @@ export class VehicleLookup {
|
|
|
116
129
|
"tags": [],
|
|
117
130
|
"text": ""
|
|
118
131
|
},
|
|
119
|
-
"attribute": "active-
|
|
132
|
+
"attribute": "active-element",
|
|
120
133
|
"reflect": false,
|
|
121
|
-
"defaultValue": "'
|
|
134
|
+
"defaultValue": "''"
|
|
122
135
|
},
|
|
123
136
|
"baseUrl": {
|
|
124
137
|
"type": "string",
|
|
@@ -303,45 +316,20 @@ export class VehicleLookup {
|
|
|
303
316
|
},
|
|
304
317
|
"getPageContext": {
|
|
305
318
|
"complexType": {
|
|
306
|
-
"signature": "() => Promise<{ componentsList:
|
|
319
|
+
"signature": "() => Promise<{ componentsList: ComponentMap; }>",
|
|
307
320
|
"parameters": [],
|
|
308
321
|
"references": {
|
|
309
322
|
"Promise": {
|
|
310
323
|
"location": "global",
|
|
311
324
|
"id": "global::Promise"
|
|
312
325
|
},
|
|
313
|
-
"
|
|
314
|
-
"location": "
|
|
315
|
-
"path": "components/vehicle-
|
|
316
|
-
"id": "src/components/vehicle-
|
|
317
|
-
},
|
|
318
|
-
"VehicleAccessories": {
|
|
319
|
-
"location": "import",
|
|
320
|
-
"path": "components/vehicle-accessories/vehicle-accessories",
|
|
321
|
-
"id": "src/components/vehicle-accessories/vehicle-accessories.tsx::VehicleAccessories"
|
|
322
|
-
},
|
|
323
|
-
"WarrantyDetails": {
|
|
324
|
-
"location": "import",
|
|
325
|
-
"path": "components/warranty-details/warranty-details",
|
|
326
|
-
"id": "src/components/warranty-details/warranty-details.tsx::WarrantyDetails"
|
|
327
|
-
},
|
|
328
|
-
"ServiceHistory": {
|
|
329
|
-
"location": "import",
|
|
330
|
-
"path": "components/service-history/service-history",
|
|
331
|
-
"id": "src/components/service-history/service-history.tsx::ServiceHistory"
|
|
332
|
-
},
|
|
333
|
-
"PaintThickness": {
|
|
334
|
-
"location": "import",
|
|
335
|
-
"path": "components/paint-thickness/paint-thickness",
|
|
336
|
-
"id": "src/components/paint-thickness/paint-thickness.tsx::PaintThickness"
|
|
337
|
-
},
|
|
338
|
-
"DynamicClaim": {
|
|
339
|
-
"location": "import",
|
|
340
|
-
"path": "components/dynamic-claim/dynamic-claim",
|
|
341
|
-
"id": "src/components/dynamic-claim/dynamic-claim.tsx::DynamicClaim"
|
|
326
|
+
"ComponentMap": {
|
|
327
|
+
"location": "local",
|
|
328
|
+
"path": "/home/vsts/work/1/s/src/components/vehicle-lookup/vehicle-lookup.tsx",
|
|
329
|
+
"id": "src/components/vehicle-lookup/vehicle-lookup.tsx::ComponentMap"
|
|
342
330
|
}
|
|
343
331
|
},
|
|
344
|
-
"return": "Promise<{ componentsList:
|
|
332
|
+
"return": "Promise<{ componentsList: ComponentMap; }>"
|
|
345
333
|
},
|
|
346
334
|
"docs": {
|
|
347
335
|
"text": "",
|
|
@@ -71,7 +71,7 @@ export class VehicleSpecification {
|
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
73
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
74
|
-
return (h(Host, { key: '
|
|
74
|
+
return (h(Host, { key: 'd3ab6e7dbf681de049f7aca3ba75ff70be5ee4e3' }, h("div", { key: 'f4db262a4b26bcb8e3f1f2362ff1695a4bf7d1b1', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'cbe247fb071e9568bf243f123477f740ebf29c13' }, h(Loading, { key: 'e429ac356ca4dce57cd577b4a6e8d1c3e50b0f43', isLoading: this.state.includes('loading') }), h("div", { key: 'acdcc92f7357768fab0e54f7ece3f5b648c62613', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, h("div", { key: '258b28037672bd5c47712e007df135f6067d052c', class: cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '8ef03632b0d92ec856d29def355acee4f4a1e02a', class: "py-4" }, h("div", { key: 'a2ca78486377bd0be6f5d08ac8652a1da88d3330', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'c99a0b60829d7cd13326a698573e129a50d5268b', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '549334e7180a5e894e2d46c7f4558cc9d4f32ac9', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Specifications"), h("div", { key: '4aa0f17cd6a6c70a4a0be4117b55de3ff813ae6a', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && h("div", { key: '5261fcc2bb22773483083928f2f574e35a24b2e4', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (h("table", { key: '0af0e908c374d61ba67c85aadd21e2ec271ee496', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'cfff109c40df4000f6eab1a31f955a4de7c2e880', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: '170f8d37806a12e798080c8374bfb46b6f5f47ce' }, ['Model', 'Variant', 'Katashiki', 'Model Year', 'SFX'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: '378b78de1a33cdbb5fe03cb551e21111e1312138' }, h("tr", { key: '4b4a1755a18fc2f43223ff865868325be95057a8' }, h("td", { key: '613302f44873887ac22032e8f2dd9020519fdb90', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", h("br", { key: 'c553288fd9ca7bbfa5b51dd1a96fc282a5861699', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), h("td", { key: '7c877d8c2484f91febdd140f587e1382e7add7a5', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", h("br", { key: '697f61020749ecc8e15b6d9bb21d9e206c06cf1a' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
75
75
|
var _a;
|
|
76
76
|
const [place, field] = infoPath.split('.');
|
|
77
77
|
const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
|
|
@@ -177,7 +177,7 @@ export class WarrantyDetails {
|
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
179
|
var _a, _b, _c, _d, _e;
|
|
180
|
-
return (h(Host, { key: '
|
|
180
|
+
return (h(Host, { key: 'a8a0f9e697b84de68c14f152c91d92c3440434c8' }, h("div", { key: 'd945fb814740a7bb90a56e2b06d449f7c5773ce6', class: "min-h-[100px] warranty" }, h("div", { key: '0dd325cc036ee6fd4b78ae5ccb32891a7d89bf55' }, h(Loading, { key: '33ac29df8941e2efae8aafab425347f24aff91b7', isLoading: this.state.includes('loading') }), h("div", { key: '4ed642aee8795e88b5aec7143004ded257772449', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (h("div", { key: 'b4348768ef951ceb89c9e73fb603278bf091ef56', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (h("div", { key: '4ab797c1a42de0a0b8cfdf8c3c956d314344a991', class: "py-4" }, h(StatusCard, { key: '35031e278a4503260d00d4ffb5e560267346b96f', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '61f89d582dd91e09c65a6dee6a9593bb7d154f81', isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), h("div", { key: '54ae9de6ebe04b4d605607993e46813047175ff1', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: 'd07c7123b5c0d27c71deeff5c608d87556b64108' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'ebb7c599bd6f52cf3d10141ffe448614f232ae83', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: '1acb2e50f4e8fb36144175af760323f702e63c11', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '2a847351b5924a695cadcb1fc22bb64100c514f1' }, h("strong", { key: '7be0d0d1903c1c5921cf5c248483ce23b900ead1' }, "Checking TMC")), h("img", { key: '3c6a87227027ee5ed5679519b411888ab56771e4', class: "spin", src: Loader }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (h(SSCTable, { key: '5386788e64c56099d5356ef59084b5cb284bc490', ssc: this.vehicleInformation.ssc })))))));
|
|
181
181
|
}
|
|
182
182
|
static get is() { return "warranty-details"; }
|
|
183
183
|
static get encapsulation() { return "shadow"; }
|