adp-web-components 0.0.11 → 0.0.13

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.
Files changed (90) hide show
  1. package/dist/cjs/dead-stock-lookup.cjs.entry.js +27 -15
  2. package/dist/cjs/distributor-lookup.cjs.entry.js +30 -20
  3. package/dist/cjs/dynamic-claim.cjs.entry.js +7 -7
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/manufacturer-lookup.cjs.entry.js +7 -20
  6. package/dist/cjs/paint-thickness.cjs.entry.js +8 -21
  7. package/dist/cjs/{partInformation-2a6a018b.js → partInformation-07651204.js} +2 -2
  8. package/dist/cjs/service-history.cjs.entry.js +6 -19
  9. package/dist/cjs/shift-components.cjs.js +1 -1
  10. package/dist/cjs/vehicle-accessories.cjs.entry.js +8 -21
  11. package/dist/cjs/vehicle-specification.cjs.entry.js +6 -19
  12. package/dist/cjs/{vehicleInformation-4c1dcaf2.js → vehicleInformation-35c470fc.js} +5 -5
  13. package/dist/cjs/warranty-details.cjs.entry.js +10 -34
  14. package/dist/collection/components/dynamic-claim/dynamic-claim.js +16 -8
  15. package/dist/collection/components/paint-thickness/paint-thickness.js +17 -22
  16. package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
  17. package/dist/collection/components/part-lookup/dead-stock-lookup.js +49 -30
  18. package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
  19. package/dist/collection/components/part-lookup/distributor-lookup.js +39 -21
  20. package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
  21. package/dist/collection/components/part-lookup/manufacturer-lookup.js +16 -21
  22. package/dist/collection/components/service-history/service-history.js +15 -20
  23. package/dist/collection/components/vehicle-accessories/vehicle-accessories.js +17 -22
  24. package/dist/collection/components/vehicle-specification/vehicle-specification.js +15 -20
  25. package/dist/collection/components/warranty-details/warranty-details.js +21 -40
  26. package/dist/collection/global/api/partInformation.js +2 -2
  27. package/dist/collection/global/api/vehicleInformation.js +5 -5
  28. package/dist/collection/templates/vehicle-lookup.js +163 -96
  29. package/dist/components/dead-stock-lookup.js +1 -1
  30. package/dist/components/distributor-lookup.js +1 -1
  31. package/dist/components/dynamic-claim.js +1 -1
  32. package/dist/components/manufacturer-lookup.js +1 -1
  33. package/dist/components/p-4f08bcb8.js +5 -0
  34. package/dist/components/p-c4fad245.js +5 -0
  35. package/dist/components/paint-thickness.js +1 -1
  36. package/dist/components/service-history.js +1 -1
  37. package/dist/components/vehicle-accessories.js +1 -1
  38. package/dist/components/vehicle-specification.js +1 -1
  39. package/dist/components/warranty-details.js +1 -1
  40. package/dist/esm/dead-stock-lookup.entry.js +27 -15
  41. package/dist/esm/distributor-lookup.entry.js +30 -20
  42. package/dist/esm/dynamic-claim.entry.js +7 -7
  43. package/dist/esm/loader.js +1 -1
  44. package/dist/esm/manufacturer-lookup.entry.js +7 -20
  45. package/dist/esm/paint-thickness.entry.js +8 -21
  46. package/dist/esm/{partInformation-73ece994.js → partInformation-096a8f55.js} +2 -2
  47. package/dist/esm/service-history.entry.js +6 -19
  48. package/dist/esm/shift-components.js +1 -1
  49. package/dist/esm/vehicle-accessories.entry.js +8 -21
  50. package/dist/esm/vehicle-specification.entry.js +6 -19
  51. package/dist/esm/{vehicleInformation-f1081f83.js → vehicleInformation-f7290628.js} +5 -5
  52. package/dist/esm/warranty-details.entry.js +10 -34
  53. package/dist/shift-components/p-4f08bcb8.js +5 -0
  54. package/dist/shift-components/p-6b21ce2d.entry.js +5 -0
  55. package/dist/shift-components/p-7d85e912.entry.js +5 -0
  56. package/dist/shift-components/p-7f258017.entry.js +5 -0
  57. package/dist/shift-components/p-9653e992.entry.js +5 -0
  58. package/dist/shift-components/p-c4fad245.js +5 -0
  59. package/dist/shift-components/p-ca1e2e5b.entry.js +5 -0
  60. package/dist/shift-components/p-d1b9cd93.entry.js +5 -0
  61. package/dist/shift-components/p-d6f40c8d.entry.js +5 -0
  62. package/dist/shift-components/p-e05acce1.entry.js +5 -0
  63. package/dist/shift-components/p-faa8070a.entry.js +5 -0
  64. package/dist/shift-components/shift-components.esm.js +1 -1
  65. package/dist/types/components/dynamic-claim/dynamic-claim.d.ts +2 -2
  66. package/dist/types/components/paint-thickness/paint-thickness.d.ts +2 -2
  67. package/dist/types/components/part-lookup/dead-stock-lookup.d.ts +4 -5
  68. package/dist/types/components/part-lookup/distributor-lookup.d.ts +2 -2
  69. package/dist/types/components/part-lookup/manufacturer-lookup.d.ts +2 -2
  70. package/dist/types/components/service-history/service-history.d.ts +2 -2
  71. package/dist/types/components/vehicle-accessories/vehicle-accessories.d.ts +2 -2
  72. package/dist/types/components/vehicle-specification/vehicle-specification.d.ts +2 -2
  73. package/dist/types/components/warranty-details/warranty-details.d.ts +3 -4
  74. package/dist/types/components.d.ts +18 -18
  75. package/dist/types/global/api/partInformation.d.ts +1 -1
  76. package/dist/types/global/api/vehicleInformation.d.ts +1 -1
  77. package/package.json +1 -1
  78. package/dist/components/p-5df9bc5f.js +0 -5
  79. package/dist/components/p-d265c109.js +0 -5
  80. package/dist/shift-components/p-15f86441.entry.js +0 -5
  81. package/dist/shift-components/p-1ae3a61f.entry.js +0 -5
  82. package/dist/shift-components/p-5df9bc5f.js +0 -5
  83. package/dist/shift-components/p-8c261972.entry.js +0 -5
  84. package/dist/shift-components/p-9bd4471c.entry.js +0 -5
  85. package/dist/shift-components/p-9f790b14.entry.js +0 -5
  86. package/dist/shift-components/p-c113792c.entry.js +0 -5
  87. package/dist/shift-components/p-d265c109.js +0 -5
  88. package/dist/shift-components/p-dc9845ed.entry.js +0 -5
  89. package/dist/shift-components/p-e32b0798.entry.js +0 -5
  90. package/dist/shift-components/p-f759c597.entry.js +0 -5
@@ -2,8 +2,8 @@ import { PartInformation } from "../../global/types/part-information";
2
2
  import { PartInformationInterface } from "../../global/api/partInformation";
3
3
  import { AppStates, MockJson } from "../../global/types/components";
4
4
  export declare class DeadStockLookup implements PartInformationInterface {
5
- isDev: boolean;
6
5
  baseUrl: string;
6
+ isDev: boolean;
7
7
  queryString: string;
8
8
  loadingStateChange?: (isLoading: boolean) => void;
9
9
  loadedResponse?: (response: PartInformation) => void;
@@ -11,15 +11,14 @@ export declare class DeadStockLookup implements PartInformationInterface {
11
11
  externalPartNumber?: string;
12
12
  errorMessage?: string;
13
13
  partInformation?: PartInformation;
14
- activeIndex: number | null;
15
14
  abortController: AbortController;
16
15
  networkTimeoutRef: ReturnType<typeof setTimeout>;
17
16
  el: HTMLElement;
18
17
  private handleSettingData;
19
- toggleAccordion(index: number): void;
20
- setData(newData: PartInformation | string): Promise<void>;
21
- fetchData(requestedVin?: string): Promise<void>;
18
+ setData(newData: PartInformation | string, headers?: any): Promise<void>;
19
+ fetchData(partNumber?: string, headers?: any): Promise<void>;
22
20
  loadingListener(): Promise<void>;
23
21
  setMockData(newMockData: MockJson<PartInformation>): Promise<void>;
22
+ private toggleAccordion;
24
23
  render(): any;
25
24
  }
@@ -15,8 +15,8 @@ export declare class DistributorLookup implements PartInformationInterface {
15
15
  networkTimeoutRef: ReturnType<typeof setTimeout>;
16
16
  el: HTMLElement;
17
17
  private handleSettingData;
18
- setData(newData: PartInformation | string): Promise<void>;
19
- fetchData(requestedVin?: string): Promise<void>;
18
+ setData(newData: PartInformation | string, headers?: any): Promise<void>;
19
+ fetchData(partNumber?: string, headers?: any): Promise<void>;
20
20
  loadingListener(): Promise<void>;
21
21
  setMockData(newMockData: MockJson<PartInformation>): Promise<void>;
22
22
  render(): any;
@@ -16,8 +16,8 @@ export declare class ManufacturerLookup implements PartInformationInterface {
16
16
  networkTimeoutRef: ReturnType<typeof setTimeout>;
17
17
  el: HTMLElement;
18
18
  private handleSettingData;
19
- setData(newData: PartInformation | string): Promise<void>;
20
- fetchData(requestedVin?: string): Promise<void>;
19
+ setData(newData: PartInformation | string, headers?: any): Promise<void>;
20
+ fetchData(partNumber?: string, headers?: any): Promise<void>;
21
21
  loadingListener(): Promise<void>;
22
22
  setMockData(newMockData: MockJson<PartInformation>): Promise<void>;
23
23
  render(): any;
@@ -15,8 +15,8 @@ export declare class ServiceHistory implements VehicleInformationInterface {
15
15
  networkTimeoutRef: ReturnType<typeof setTimeout>;
16
16
  el: HTMLElement;
17
17
  private handleSettingData;
18
- setData(newData: VehicleInformation | string): Promise<void>;
19
- fetchData(requestedVin?: string): Promise<void>;
18
+ setData(newData: VehicleInformation | string, headers?: any): Promise<void>;
19
+ fetchData(requestedVin?: string, headers?: any): Promise<void>;
20
20
  loadingListener(): Promise<void>;
21
21
  setMockData(newMockData: MockJson<VehicleInformation>): Promise<void>;
22
22
  render(): any;
@@ -17,8 +17,8 @@ export declare class VehicleAccessories implements ImageViewerInterface {
17
17
  networkTimeoutRef: ReturnType<typeof setTimeout>;
18
18
  el: HTMLElement;
19
19
  private handleSettingData;
20
- setData(newData: VehicleInformation | string): Promise<void>;
21
- fetchData(requestedVin?: string): Promise<void>;
20
+ setData(newData: VehicleInformation | string, headers?: any): Promise<void>;
21
+ fetchData(requestedVin?: string, headers?: any): Promise<void>;
22
22
  loadingListener(): Promise<void>;
23
23
  setMockData(newMockData: MockJson<VehicleInformation>): Promise<void>;
24
24
  closeImageListener: (event?: KeyboardEvent) => void;
@@ -14,8 +14,8 @@ export declare class VehicleSpecification implements VehicleInformationInterface
14
14
  abortController: AbortController;
15
15
  networkTimeoutRef: ReturnType<typeof setTimeout>;
16
16
  el: HTMLElement;
17
- setData(newData: VehicleInformation | string): Promise<void>;
18
- fetchData(requestedVin?: string): Promise<void>;
17
+ setData(newData: VehicleInformation | string, headers?: any): Promise<void>;
18
+ fetchData(requestedVin?: string, headers?: any): Promise<void>;
19
19
  loadingListener(): Promise<void>;
20
20
  setMockData(newMockData: MockJson<VehicleInformation>): Promise<void>;
21
21
  render(): any;
@@ -34,18 +34,17 @@ export declare class WarrantyDetails implements VehicleInformationInterface {
34
34
  hasSSC: boolean;
35
35
  message: string;
36
36
  } | null;
37
+ headers: any;
37
38
  abortController: AbortController;
38
39
  networkTimeoutRef: ReturnType<typeof setTimeout>;
39
40
  private recaptchaIntervalRef;
40
41
  el: HTMLElement;
41
42
  private handleSettingData;
42
43
  private handleInitializingRecaptcha;
43
- setData(newData: VehicleInformation | string): Promise<void>;
44
- fetchData(requestedVin?: string): Promise<void>;
44
+ setData(newData: VehicleInformation | string, headers?: any): Promise<void>;
45
+ fetchData(requestedVin?: string, headers?: any): Promise<void>;
45
46
  componentDidLoad(): Promise<void>;
46
47
  setMockData(newMockData: MockJson<VehicleInformation>): Promise<void>;
47
- onShowSscChange(): void;
48
- onShowWarrantyChange(): void;
49
48
  loadingListener(): Promise<void>;
50
49
  render(): any;
51
50
  }
@@ -14,33 +14,33 @@ export { ServiceItem, VehicleInformation } from "./global/types/vehicle-informat
14
14
  export namespace Components {
15
15
  interface DeadStockLookup {
16
16
  "baseUrl": string;
17
- "fetchData": (requestedVin?: string) => Promise<void>;
17
+ "fetchData": (partNumber?: string, headers?: any) => Promise<void>;
18
18
  "isDev": boolean;
19
19
  "loadedResponse"?: (response: PartInformation) => void;
20
20
  "loadingStateChange"?: (isLoading: boolean) => void;
21
21
  "queryString": string;
22
- "setData": (newData: PartInformation | string) => Promise<void>;
22
+ "setData": (newData: PartInformation | string, headers?: any) => Promise<void>;
23
23
  "setMockData": (newMockData: MockJson<PartInformation>) => Promise<void>;
24
24
  }
25
25
  interface DistributorLookup {
26
26
  "baseUrl": string;
27
- "fetchData": (requestedVin?: string) => Promise<void>;
27
+ "fetchData": (partNumber?: string, headers?: any) => Promise<void>;
28
28
  "isDev": boolean;
29
29
  "loadedResponse"?: (response: PartInformation) => void;
30
30
  "loadingStateChange"?: (isLoading: boolean) => void;
31
31
  "queryString": string;
32
- "setData": (newData: PartInformation | string) => Promise<void>;
32
+ "setData": (newData: PartInformation | string, headers?: any) => Promise<void>;
33
33
  "setMockData": (newMockData: MockJson<PartInformation>) => Promise<void>;
34
34
  }
35
35
  interface DynamicClaim {
36
36
  "baseUrl": string;
37
37
  "completeClaim": () => Promise<void>;
38
- "fetchData": (requestedVin?: string) => Promise<void>;
38
+ "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
39
39
  "isDev": boolean;
40
40
  "loadedResponse"?: (response: VehicleInformation) => void;
41
41
  "loadingStateChange"?: (isLoading: boolean) => void;
42
42
  "queryString": string;
43
- "setData": (newData: VehicleInformation | string) => Promise<void>;
43
+ "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
44
44
  "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
45
45
  }
46
46
  interface DynamicRedeem {
@@ -69,53 +69,53 @@ export namespace Components {
69
69
  }
70
70
  interface ManufacturerLookup {
71
71
  "baseUrl": string;
72
- "fetchData": (requestedVin?: string) => Promise<void>;
72
+ "fetchData": (partNumber?: string, headers?: any) => Promise<void>;
73
73
  "headerTitle": string;
74
74
  "isDev": boolean;
75
75
  "loadedResponse"?: (response: PartInformation) => void;
76
76
  "loadingStateChange"?: (isLoading: boolean) => void;
77
77
  "queryString": string;
78
- "setData": (newData: PartInformation | string) => Promise<void>;
78
+ "setData": (newData: PartInformation | string, headers?: any) => Promise<void>;
79
79
  "setMockData": (newMockData: MockJson<PartInformation>) => Promise<void>;
80
80
  }
81
81
  interface PaintThickness {
82
82
  "baseUrl": string;
83
- "fetchData": (requestedVin?: string) => Promise<void>;
83
+ "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
84
84
  "isDev": boolean;
85
85
  "loadedResponse"?: (response: VehicleInformation) => void;
86
86
  "loadingStateChange"?: (isLoading: boolean) => void;
87
87
  "queryString": string;
88
- "setData": (newData: VehicleInformation | string) => Promise<void>;
88
+ "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
89
89
  "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
90
90
  }
91
91
  interface ServiceHistory {
92
92
  "baseUrl": string;
93
- "fetchData": (requestedVin?: string) => Promise<void>;
93
+ "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
94
94
  "isDev": boolean;
95
95
  "loadedResponse"?: (response: VehicleInformation) => void;
96
96
  "loadingStateChange"?: (isLoading: boolean) => void;
97
97
  "queryString": string;
98
- "setData": (newData: VehicleInformation | string) => Promise<void>;
98
+ "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
99
99
  "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
100
100
  }
101
101
  interface VehicleAccessories {
102
102
  "baseUrl": string;
103
- "fetchData": (requestedVin?: string) => Promise<void>;
103
+ "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
104
104
  "isDev": boolean;
105
105
  "loadedResponse"?: (response: VehicleInformation) => void;
106
106
  "loadingStateChange"?: (isLoading: boolean) => void;
107
107
  "queryString": string;
108
- "setData": (newData: VehicleInformation | string) => Promise<void>;
108
+ "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
109
109
  "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
110
110
  }
111
111
  interface VehicleSpecification {
112
112
  "baseUrl": string;
113
- "fetchData": (requestedVin?: string) => Promise<void>;
113
+ "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
114
114
  "isDev": boolean;
115
115
  "loadedResponse"?: (response: VehicleInformation) => void;
116
116
  "loadingStateChange"?: (isLoading: boolean) => void;
117
117
  "queryString": string;
118
- "setData": (newData: VehicleInformation | string) => Promise<void>;
118
+ "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
119
119
  "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
120
120
  }
121
121
  interface WarrantyDetails {
@@ -130,13 +130,13 @@ export namespace Components {
130
130
  "customerEmail"?: string;
131
131
  "customerName"?: string;
132
132
  "customerPhone"?: string;
133
- "fetchData": (requestedVin?: string) => Promise<void>;
133
+ "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
134
134
  "isDev": boolean;
135
135
  "loadedResponse"?: (response: VehicleInformation) => void;
136
136
  "loadingStateChange"?: (isLoading: boolean) => void;
137
137
  "queryString": string;
138
138
  "recaptchaKey": string;
139
- "setData": (newData: VehicleInformation | string) => Promise<void>;
139
+ "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
140
140
  "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
141
141
  "showSsc": boolean;
142
142
  "showWarranty": boolean;
@@ -15,5 +15,5 @@ type GetPartInformationProps = {
15
15
  scopedTimeoutRef: ReturnType<typeof setTimeout>;
16
16
  middlewareCallback?: (PartInformation: any) => void;
17
17
  };
18
- export declare const getPartInformation: (component: PartInformationInterface, generalProps: GetPartInformationProps) => Promise<PartInformation>;
18
+ export declare const getPartInformation: (component: PartInformationInterface, generalProps: GetPartInformationProps, headers?: any) => Promise<PartInformation>;
19
19
  export {};
@@ -29,5 +29,5 @@ type GetVehicleInformationProps = {
29
29
  scopedTimeoutRef: ReturnType<typeof setTimeout>;
30
30
  middlewareCallback?: (VehicleInformation: any) => void;
31
31
  };
32
- export declare const getVehicleInformation: (component: VehicleInformationInterface, generalProps: GetVehicleInformationProps) => Promise<VehicleInformation>;
32
+ export declare const getVehicleInformation: (component: VehicleInformationInterface, generalProps: GetVehicleInformationProps, headers?: any) => Promise<VehicleInformation>;
33
33
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adp-web-components",
3
- "version": "0.0.11",
3
+ "version": "0.0.13",
4
4
  "description": "ADP Platform Web Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- const e={cityId:"City-Id",userId:"User-Id",companyId:"Company-Id",customerName:"Customer-Name",customerPhone:"Customer-Phone",customerEmail:"Customer-Email",companyBranchId:"Company-Branch-Id",cityIntegrationId:"City-Integration-Id",brandIntegrationId:"Brand-Integration-Id",companyIntegrationId:"Company-Integration-Id",companyBranchIntegrationId:"Company-Branch-Integration-Id"},n=async(n,r)=>{const{notAvailableMessage:t,mockData:a,vin:o,scopedTimeoutRef:i,middlewareCallback:s}=r,{isDev:d,baseUrl:I,queryString:c,abortController:m,networkTimeoutRef:l,loadedResponse:u}=n,y=e=>{if(l===i){if(!e&&o)throw new Error(t||"Wrong response format");return u&&u(e),s&&s(e),e}};if(d)return y(a[o]);{if(!I)throw new Error("Please provide base-url");const r={};Object.entries(e).forEach((([e,t])=>{n[e]&&(r[t]=n[e])}));const t=await fetch(`${I}${o}?${c}`,{signal:m.signal,headers:r});return y(await t.json())}};export{n as g}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- const e=async(e,r)=>{const{notAvailableMessage:o,mockData:a,partNumber:t,scopedTimeoutRef:n,middlewareCallback:s}=r,{isDev:i,baseUrl:l,queryString:c,abortController:f,networkTimeoutRef:u,loadedResponse:w}=e,b=e=>{if(u===n){if(!e&&t)throw new Error(o||"Wrong response format");return w&&w(e),s&&s(e),e}};if(i)return b(a[t]);{if(!l)throw new Error("Please provide base-url");const e=await fetch(`${l}${t}?${c}`,{signal:f.signal});return b(await e.json())}};export{e as g}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as e,h as t,H as i,g as a}from"./p-e97316d2.js";import{L as o}from"./p-65e6ab8e.js";import{c as r}from"./p-98d9e7ab.js";import{g as d}from"./p-d265c109.js";import"./p-a21e2e2e.js";let n={};const s=class{constructor(t){e(this,t),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalPartNumber=null,this.errorMessage=null,this.partInformation=void 0}handleSettingData(e){this.partInformation=e}async setData(e){let t;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof e,a=i?e:null==e?void 0:e.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((e=>{t=setTimeout(e,700),this.networkTimeoutRef=t}));const o=i?await d(this,{scopedTimeoutRef:t,partNumber:a,mockData:n}):e;if(this.networkTimeoutRef===t){if(!o)throw new Error("Wrong response format");this.handleSettingData(o)}this.errorMessage=null,this.state="data"}catch(e){if(e&&"AbortError"===(null==e?void 0:e.name))return;this.state="error",this.partInformation=null,this.errorMessage=e.message}}async fetchData(e=this.externalPartNumber){await this.setData(e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(e){n=e}render(){var e;return t(i,{key:"18e46bdaf73c1ac0b573a2a4c97eec437c44f9a4"},t("div",{key:"a69764ce918ebca3af36753836ef22ce1c8227d9",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},t("div",{key:"5ba603889723dbc2528c612f5df58c206cf4533d"},t(o,{key:"cebbe7720704e21b856e41edf33d5cdadf3e725b",isLoading:this.state.includes("loading")}),t("div",{key:"7569221713c28ab7d5d507e94af061510b1557ed",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&t("div",{key:"36ab68ce1ea56088fb75744add097325a12d4d04",class:"py-[16px]"},t("div",{key:"d21534b379eb44769c496a271e74ba7c10ed9041",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&t("div",{key:"feeaf7618048313e0bbe7ac65d9bd3931a527599"},t("div",{key:"810ba6e23698d801ad55ae0f96019b203c1e319b",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},t("div",{key:"30202f2756157e2c8d8fc187b16c6dab20789075",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Info"),t("div",{key:"b3955a1639641a3a8e1d0ae11be53abd665d4121",style:{padding:"10px 30px",display:"flex",flexDirection:"column",gap:"15px"}},t("div",{key:"fb814db44447289a77368611768c44bdcebb7e85",style:{display:"flex",gap:"50px"}},t("div",{key:"bd68069b67a5164e96eb028f4915b63b197a5667",style:{display:"flex",flexDirection:"column",flex:"1"}},t("strong",{key:"741695e764371b9737b90761c3e34d78e93fbc78",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Description"),t("div",{key:"ff6fb20e5ab5bce00076b0e85a0297b7a036fb07",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].partDescription)),t("div",{key:"2b1f7aaf60c75a9d32a68da96cc8d8b7cfd6d27e",style:{display:"flex",flexDirection:"column",flex:"1"}},t("strong",{key:"9b7e58c0de6a48df4fbd5ce46ffaf77e7c709aa4",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Product Group"),t("div",{key:"904c2dfdefd7d1874e221fcfdf19074bbbb7543f",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].group)),t("div",{key:"1e61388e66c73e27ce5592350b4f6ff8dd902e2a",style:{display:"flex",flexDirection:"column",flex:"1"}},t("strong",{key:"d0eb902d9f017f378394a79986b7713b67c28eba",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Price"),t("div",{key:"50721e8cae1a9091288262ee5c27542766381720",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].price))),t("div",{key:"fa0f96a7c34c1eb3aad0afb3a75d2067e0441544",style:{display:"flex",gap:"50px"}},t("div",{key:"1c955aed56abf94ba1596d4db2fa767d872eefc2",style:{display:"flex",flexDirection:"column",flex:"1"}},t("strong",{key:"ffb39000255ae820dc0c38a11520d96dc949f2ff",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Superseded To"),t("div",{key:"115754c8e1cf584f43333341bed83ebd2e8890a5",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].supersededTo)),t("div",{key:"6acaf301536e37a6f2b0002ed15bce62105ab37c",style:{display:"flex",flexDirection:"column",flex:"1"}},t("strong",{key:"3465f5aa0fc85a9ef1d554872a711986e80a4894",style:{padding:"10px 0",borderBottom:"1px solid grey"}},"Superseded From"),t("div",{key:"a3146550e676e90ed3a7b2290d5590bd1c631707",style:{padding:"10px 0px"}},this.partInformation.stockParts[0].supersededFrom)),t("div",{key:"0461b4ceca6f9e5d742561c557449a94e82c0e2c",style:{display:"flex",flexDirection:"column",flex:"1"}})))),0===this.partInformation.stockParts.filter((e=>"LookupIsSkipped"===e.quantityLookUpResult||"QuantityNotWithinLookupThreshold"===e.quantityLookUpResult)).length&&t("div",{key:"91ee29017615ce40d5fdf44004676a97b0af1b59",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},t("div",{key:"6440991aeaa1be892831505e53a396f825b2f571",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Distributor Stock"),t("div",{key:"b3bc251de59876fa04a70a4b368683c0a990c758",style:{padding:"10px 30px",display:"flex",flexDirection:"column",gap:"15px"}},t("table",{key:"e0deafdbda85e2cb9b46f97dc924fec6b2660f58",class:"w-full overflow-auto relative border-collapse"},t("thead",{key:"535589783511c833d9675f1131d9be565e52443f",class:"top-0 font-bold sticky bg-white"},t("tr",{key:"9fa39b30a8786c04bf1e6fbbb4a8552fe699814f"},["Location","Availability"].map((e=>t("th",{key:e,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},e))))),t("tbody",{key:"9d58d281010f2b32c28db6495e55c0602b10724c"},null===(e=this.partInformation)||void 0===e?void 0:e.stockParts.map((e=>t("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:e.locationID},t("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]")},e.locationName),t("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]")},t("div",{class:"Available"===e.quantityLookUpResult?"success":"PartiallyAvailable"===e.quantityLookUpResult?"warning":"reject"},t("strong",null,"Available"===e.quantityLookUpResult?"Available":"PartiallyAvailable"===e.quantityLookUpResult?"Partially Available":"Not Available")))))))))))))))}get el(){return a(this)}static get watchers(){return{state:["loadingListener"]}}};s.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.success{color:green}.warning{color:orange}.reject{color:red}.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}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.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))}.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-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.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))}.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}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{s as distributor_lookup}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as i,g as o}from"./p-e97316d2.js";import{L as r}from"./p-65e6ab8e.js";import{c as a}from"./p-98d9e7ab.js";import{g as n}from"./p-5df9bc5f.js";import"./p-a21e2e2e.js";let s={};const d=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,o=i?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{e=setTimeout(t,700),this.networkTimeoutRef=e}));const r=i?await n(this,{scopedTimeoutRef:e,vin:o,mockData:s}):t;if(this.networkTimeoutRef===e){if(!r)throw new Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin){await this.setData(t)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,o,n,s;return e(i,{key:"75e08200e1ec78b560e01f487445a7c315dc0580"},e("div",{key:"f092c1e2bae0fb547f517bb02c7435c772166de6",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"d84b80cbfd9dd01c1183620d1584490c082f5a53"},e(r,{key:"1a40343cff4d7b915e136a648b87d70aec707b1f",isLoading:this.state.includes("loading")}),e("div",{key:"be2472312b50e070b6777e434bc646ef17f9e83b",class:a("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"f38d29f64f808b111fbcd867bb0f44e0744e2ebb",class:a("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"1f55d67a3fe663597bda3feefb2fad591561672d",class:"py-[16px]"},e("div",{key:"62d77dca0e4bc4d59695e21896628e0b9ad7b665",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"629166ddd95de4a0d53a796080dfcff142ff916a",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"0ae9ca43d4b28857e284a85b3972435ef04ef52c",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Service History"),e("div",{key:"dd17e99672d4bac232205374e30e94aeda34e3f5",class:"h-0 overflow-auto flex-1"},!(null===(o=this.vehicleInformation)||void 0===o?void 0:o.serviceHistory.length)&&e("div",{key:"55c2612215bf0518de501279d20096211842b606",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.length)&&e("table",{key:"8e9a42bd52b0c817d44235aab22bc4db2fad5362",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"1d49f4d6085fcb1dab4f9ab4b093605ba9f38511",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"2eaea4ec1577c03e5316fb62bbeb442c586dfe74"},["Branch","Dealer","Invoice No.","Date","Service Type","Odometer"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"210907b78fec19f688535fb34b316897c9bb2b8f"},null===(s=this.vehicleInformation)||void 0===s?void 0:s.serviceHistory.map(((t,i)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((o=>{var r;return e("td",{key:t.invoiceNumber+o,class:a("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[o]||"...")})))))))))))))}get el(){return o(this)}static get watchers(){return{state:["loadingListener"]}}};d.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.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-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.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-red-600{--tw-text-opacity:1;color:rgb(220 38 38/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}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{d as service_history}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- const e={cityId:"City-Id",userId:"User-Id",companyId:"Company-Id",customerName:"Customer-Name",customerPhone:"Customer-Phone",customerEmail:"Customer-Email",companyBranchId:"Company-Branch-Id",cityIntegrationId:"City-Integration-Id",brandIntegrationId:"Brand-Integration-Id",companyIntegrationId:"Company-Integration-Id",companyBranchIntegrationId:"Company-Branch-Integration-Id"},n=async(n,r)=>{const{notAvailableMessage:t,mockData:a,vin:o,scopedTimeoutRef:i,middlewareCallback:s}=r,{isDev:d,baseUrl:I,queryString:c,abortController:m,networkTimeoutRef:l,loadedResponse:u}=n,y=e=>{if(l===i){if(!e&&o)throw new Error(t||"Wrong response format");return u&&u(e),s&&s(e),e}};if(d)return y(a[o]);{if(!I)throw new Error("Please provide base-url");const r={};Object.entries(e).forEach((([e,t])=>{n[e]&&(r[t]=n[e])}));const t=await fetch(`${I}${o}?${c}`,{signal:m.signal,headers:r});return y(await t.json())}};export{n as g}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as o,g as i}from"./p-e97316d2.js";import{g as r}from"./p-d265c109.js";import{L as a}from"./p-65e6ab8e.js";import{c as n}from"./p-98d9e7ab.js";import"./p-a21e2e2e.js";let s={};const d=class{constructor(e){t(this,e),this.isDev=!1,this.baseUrl="",this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalPartNumber=null,this.errorMessage=null,this.partInformation=void 0,this.activeIndex=null}handleSettingData(t){this.partInformation=t}toggleAccordion(t){this.activeIndex=this.activeIndex===t?null:t}async setData(t){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,i=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=i;try{if(!i||0===i.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{e=setTimeout(t,700),this.networkTimeoutRef=e}));const a=o?await r(this,{scopedTimeoutRef:e,partNumber:i,mockData:s}):t;if(this.networkTimeoutRef===e){if(!a)throw new Error("Wrong response format");this.handleSettingData(a)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber){await this.setData(t)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,i;return e(o,{key:"7c1fd5523f284234ac9aa44b3f4963e411b48af1"},e("div",{key:"8fe334240d09636c0ee9ca73b89405a7617a415d",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"b72e6fd1785d5ec11ba443146aa8ad5fade7d5f2"},e(a,{key:"4160190f5427f8cb4475a7d2601c94ddbbfa1f6b",isLoading:this.state.includes("loading")}),e("div",{key:"f4124cf06ed01d32bc32980db867722f227960ac",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&e("div",{key:"f867f876e0fd07f4353c117606ca48a8ad27575d",class:"py-[16px]"},e("div",{key:"d8e23636133a75fc4f3099d17c0852b3c9070589",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"4599e737df0ed2afaa963e43334f38761c32db0a"},e("div",{key:"81096a35529e599c554a5ac5b0aa174294c6f7cc",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"1666930fe03143aa2b70d4b557f79c393db81ec9",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Deadstock"),null===(i=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===i?void 0:i.map(((t,o)=>e("div",{style:{padding:"10px 20px"}},e("div",{class:"accordion-item border-b border-slate-200",style:{boxShadow:"rgb(225 225 225) 0px 0px 4px 1px",borderRadius:"5px",padding:"0 10px",marginBottom:"10px"},key:t.companyIntegrationID},e("button",{class:"accordion-header w-full flex justify-between items-center py-5 text-slate-800",onClick:()=>this.toggleAccordion(o)},e("strong",null,t.companyName),e("span",{class:"icon text-slate-800 transition-transform duration-300 "+(this.activeIndex===o?"rotate-180":"")},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"w-4 h-4"},e("path",{"fill-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","clip-rule":"evenodd"})))),e("div",{class:"accordion-content overflow-hidden transition-all duration-300 ease-in-out "+(this.activeIndex===o?"max-h-screen":"max-h-0")},e("table",{class:"w-full overflow-auto relative border-collapse"},e("thead",null,e("tr",null,e("th",{class:"px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Branch"),e("th",{class:"px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]"},"Available Qty"))),e("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},e("td",{class:n("px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]")},t.companyBranchName),e("td",{class:n("px-[10px] py-[20px] text-left whitespace-nowrap border-b border-[#d6d8dc]")},e("strong",null,t.quantity))))))))))))))))))}get el(){return i(this)}static get watchers(){return{state:["loadingListener"]}}};d.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.hidden{display:none}.max-h-screen{max-height:100vh}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{font-family:Arial}.accordion-item{border-bottom:1px solid #e2e8f0}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.accordion-content.max-h-screen{max-height:1000px}.icon{transition:transform .3s ease-in-out}.icon.rotate-180{transform:rotate(180deg)}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-4{height:1rem}.h-\\[40px\\]{height:40px}.max-h-0{max-height:0}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-4{width:1rem}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.rotate-180,.scale-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))}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.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-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-left{text-align:left}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{d as dead_stock_lookup}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as i,h as t,H as e,g as a}from"./p-e97316d2.js";import{c as o}from"./p-98d9e7ab.js";import{g as n}from"./p-5df9bc5f.js";let l={};const r={expired:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=",pending:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+",processed:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==",cancelled:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4="},s=class{constructor(t){i(this,t),this.pendingItemHighlighted=!1,this.onMouseLeave=()=>{clearTimeout(this.timeoutRef),this.popupClasses="",this.timeoutRef=setTimeout((()=>{this.activePopupIndex=null}),400)},this.onMouseEnter=(i,t)=>{clearTimeout(this.timeoutRef),this.activePopupIndex=t,this.timeoutRef=setTimeout((()=>{const t=i.querySelector(".popup-position-ref");this.popupPositionRef=t,this.calculatePopupPos(this.el.shadowRoot),this.popupClasses="show"}),50)},this.baseUrl=void 0,this.isDev=!1,this.queryString="",this.isIdle=!0,this.popupClasses="",this.externalVin=null,this.activePopupIndex=null,this.vehicleInformation=void 0,this.errorMessage=null,this.isLoading=!1,this.loadingStateChange=void 0,this.loadedResponse=void 0}async componentDidLoad(){this.dynamicClaimBody=this.el.shadowRoot.querySelector(".dynamic-claim-body"),this.dynamicRedeem=this.el.shadowRoot.getElementById("dynamic-redeem"),this.dynamicClaimProgressBar=this.el.shadowRoot.querySelector(".dynamic-claim-progress-bar")}async setMockData(i){l=i}async setData(i){let t;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const e="string"==typeof i,a=e?i:null==i?void 0:i.vin;this.externalVin=a;try{if(!a||0===a.trim().length)return void(this.isIdle=!0);this.isLoading=!0,this.isIdle=!1,await new Promise((i=>{t=setTimeout(i,1e3),this.networkTimeoutRef=t}));const o=e?await n(this,{scopedTimeoutRef:t,vin:a,mockData:l}):i;if(this.networkTimeoutRef===t){if(!o)throw new Error("Wrong response format");if(!Array.isArray(o.serviceItems))throw new Error("No Service Available");this.vehicleInformation=o}this.errorMessage=null,this.isLoading=!1}catch(i){if(i&&"AbortError"===(null==i?void 0:i.name))return;this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=i.message}}async fetchData(i=this.externalVin){await this.setData(i)}onLoadingChange(i){this.loadingStateChange&&this.loadingStateChange(i),this.setLoadingUi(i)}async setLoadingUi(i){i||(this.dynamicClaimProgressBar.style.width="0",await new Promise((i=>setTimeout(i,200))),this.updateProgressBar())}updateProgressBar(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[];if(0===t.filter((i=>"pending"===i.status)).length)this.dynamicClaimProgressBar.style.width=0===t.length?"0%":"100%",this.dynamicClaimBody.scrollTo({left:this.dynamicClaimBody.scrollWidth,behavior:"smooth"});else{const i=t.find((i=>"pending"===i.status)),e=t.indexOf(i)+1,a=this.dynamicClaimBody.getElementsByClassName("dynamic-claim-item")[e-1];this.dynamicClaimProgressBar.style.width=100*(e/t.length-1/(2*t.length))+"%",this.dynamicClaimBody.scrollTo({left:a.offsetLeft-3*a.clientWidth,behavior:"smooth"})}}resetProgressBar(){setTimeout((()=>{this.updateProgressBar()}),100)}windowScrollListener(i){i?(this.scrollListenerRef=()=>this.calculatePopupPos(this.el.shadowRoot),window.addEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.addEventListener("scroll",this.scrollListenerRef)):(window.removeEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.removeEventListener("scroll",this.scrollListenerRef))}calculatePopupPos(i){const t=i.querySelector(".popup-position-ref");let{x:e,y:a}=t.getBoundingClientRect();const o=t.querySelector(".popup-container"),{width:n}=o.getBoundingClientRect(),l=o.querySelector(".dynamic-claim-item-popup-info"),r=window.innerWidth;o.style.top=`${a}px`,o.style.left=e-n/2+"px";const s=e-n/2,d=r-(e+n/2);let c=0;d<16?c=d-16:s<16&&(c=Math.abs(s-16)),l.style.transform=`translateX(${c}px)`}removeLoadAnimationClass(i){i.target.classList.remove("load-animation")}async completeClaim(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[],e=this.cachedClaimItem,a=JSON.parse(JSON.stringify(t)),o=t.indexOf(e),n=a.slice(0,o).filter((i=>"pending"===i.status));a[o].status="processed",n.forEach((function(i){i.status="cancelled"})),this.pendingItemHighlighted=!1;const l=JSON.parse(JSON.stringify(this.vehicleInformation));l.serviceItems=a,this.vehicleInformation=JSON.parse(JSON.stringify(l))}claim(i){var t;const e=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],a=JSON.parse(JSON.stringify(e)),o=e.indexOf(i);let n=a.slice(0,o).filter((i=>"pending"===i.status));this.cachedClaimItem=i,null===i.maximumMileage&&(n=[]),this.onMouseLeave(),this.openRedeem(i,n)}async handleRedeemScanner(){this.dynamicRedeem.handleScanner=this.isDev?async()=>{await new Promise((i=>setTimeout(i,500))),this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}:async i=>{try{const t=this.vehicleInformation,e={vin:t.vin,brandIntegrationID:t.identifiers.brandIntegrationID,invoice:i,saleInformation:t.saleInformation,serviceItem:this.dynamicRedeem.item,cancelledServiceItems:this.dynamicRedeem.canceledItems},a=await fetch("/api/vehicle/swift-claim",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),o=await a.json();if(!o.Success)return alert(o.Message),this.dynamicRedeem.quite(),void(this.dynamicRedeem.handleScanner=null);this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}catch(i){console.error(i),alert("Request failed please try again later"),this.dynamicRedeem.quite(),this.dynamicRedeem.handleScanner=null}}}openRedeem(i,t){var e,a,o,n,l;const r=this.vehicleInformation;this.dynamicRedeem.vin=null==r?void 0:r.vin,this.dynamicRedeem.item=i,this.dynamicRedeem.canceledItems=t,this.dynamicRedeem.unInvoicedByBrokerName=null!==(null===(e=null==r?void 0:r.saleInformation)||void 0===e?void 0:e.broker)&&null===(null===(o=null===(a=null==r?void 0:r.saleInformation)||void 0===a?void 0:a.broker)||void 0===o?void 0:o.invoiceDate)?null===(l=null===(n=null==r?void 0:r.saleInformation)||void 0===n?void 0:n.broker)||void 0===l?void 0:l.brokerName:null,this.handleRedeemScanner()}createPopup(i){return t("div",{class:"popup-position-ref"},t("div",{class:"popup-container"},t("div",{class:o("dynamic-claim-item-popup-info-triangle",this.popupClasses)},t("div",{class:"dynamic-claim-item-popup-info-triangle-up"}),t("div",{class:"dynamic-claim-item-popup-info-triangle-up2"})),t("div",{class:o("dynamic-claim-item-popup-info",this.popupClasses)},t("table",null,t("tbody",null,t("tr",null,t("th",null,"Service Type:"),t("td",null,i.type.charAt(0).toUpperCase()+i.type.slice(1))),t("tr",null,t("th",null,"Activation Date"),t("td",null,i.activatedAt)),t("tr",null,t("th",null,"Expiry Date"),t("td",null,i.expiresAt)),t("tr",null,t("th",null,"Claimed At"),t("td",null,i.redeemDate)),t("tr",null,t("th",null,"Redeeming Dealer"),t("td",null,i.dealerName)),t("tr",null,t("th",null,"Invoice Number"),t("td",null,i.invoiceNumber)),t("tr",null,t("th",null,"WIP"),t("td",null,i.wip)),t("tr",null,t("th",null,"Menu Code"),t("td",null,i.menuCode)))),"pending"===i.status&&t("button",{onClick:()=>this.claim(i),class:"dynamic-claim-button claim-button"},t("svg",{width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{"stroke-width":"0"}),t("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),t("g",null,t("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),t("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),t("span",null,"Claim")))))}render(){var i,a;const n=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[];return t(e,{key:"69015f288435250b4aa463712cccce2170ee94cb"},t("dynamic-redeem",{key:"1b304bc3204e4647d50c8272de19d946924ab612",id:"dynamic-redeem"}),t("div",{key:"6bc9e818c42a534eb72a333b25223539fc091531",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},t("div",{key:"584e4380f4eb890cc6695291858eba95d9fa1e56",class:"dynamic-claim-header"},t("strong",{key:"a4a2e927c9fcc1bd92a1b8a90784145f67a09490",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&t("span",{key:"6166bb327b7bcd7a8f91a5f38914073862dc7d8f",style:{color:"red"}},this.errorMessage),!this.errorMessage&&(null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin))),t("div",{key:"ded5c343882c16009dc2060ce09e3010aa2377cc",class:"dynamic-claim-body"},t("div",{key:"2658f01a11bd29d449d33354a50b684272eff43a",class:"loading-lane"},t("div",{key:"9b4136a86be3d26b2400d679e2f8906a12ad63a1",class:"dynamic-claim-loading-slider"},t("div",{key:"e5683ba9359f20e88b2e3e4b120bc0c9206b597c",class:"dynamic-claim-loading-slider-line"}),t("div",{key:"502bac6c4f2c7f22cc9c01bd2ee101ab5b615947",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),t("div",{key:"b262ef4ae0abf92657c60a31e67a93ba2ed0b9a4",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),t("div",{key:"b46adda04f3b05c15bb101b9a26d66f47e9c3079",class:"dynamic-claim-progress-lane"},n.map(((i,e)=>{let a="";return"pending"===i.status?n.findIndex((i=>"pending"===i.status))===e&&(a=i.status):a=i.status,t("div",{key:i.name,class:o("dynamic-claim-item",a),onMouseLeave:this.onMouseLeave},t("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-header load-animation",onMouseEnter:i=>this.onMouseEnter(i.target,e)},t("img",{src:r[i.status],alt:"status icon"}),t("span",null,i.status.charAt(0).toUpperCase()+i.status.slice(1)),this.activePopupIndex===e&&this.createPopup(i)),t("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-circle load-animation"}),t("p",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-footer load-animation"},i.name))})),t("div",{key:"395e563bc4188ffb8a320f80f4ea57bf173bf9ec",class:"dynamic-claim-progress-bar"})))))}get el(){return a(this)}static get watchers(){return{isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}};s.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block;flex:1 1 0!important;flex-shrink:0!important;width:100%!important}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-wrapper{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative}.dynamic-claim-header{background:#f6f6f6;border:1px solid #ededed;padding:15px 0;text-align:center}.dynamic-claim-header-vin{display:inline-block;transition:.4s}.idle .dynamic-claim-header-vin,.loading .dynamic-claim-header-vin{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-body{display:flex;overflow-x:scroll;padding:100px 30px;transition:scrollbar-color .5s ease}.idle .dynamic-claim-body,.loading .dynamic-claim-body{pointer-events:none}.dynamic-claim-wrapper ::-webkit-scrollbar{height:10px;width:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}.idle .dynamic-claim-body::-webkit-scrollbar-thumb,.loading .dynamic-claim-body::-webkit-scrollbar-thumb{background:transparent}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-claim-progress-lane,.loading-lane{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;flex:1;flex-direction:row;height:10px;justify-content:space-around;position:relative}.idle .dynamic-claim-progress-lane,.loading .dynamic-claim-progress-lane{background-color:transparent;border:1px solid transparent}.loading-lane{position:absolute;visibility:hidden;width:calc(100% - 60px)}.loading .loading-lane{visibility:visible}.dynamic-claim-progress-bar{background-image:linear-gradient(180deg,#428bca,#3071a9);border:1px solid #ddd;border-radius:10px;height:10px;left:0;position:absolute;transition:all;transition-duration:.5s;transition-timing-function:ease-in-out;width:0;z-index:0}.idle .dynamic-claim-progress-bar,.loading .dynamic-claim-progress-bar{opacity:0;width:0!important}.dynamic-claim-item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:5px;min-width:250px}.popup-position-ref{bottom:0;display:flex;height:0;justify-content:center;position:absolute;width:0}.popup-container{position:fixed;z-index:100}.dynamic-claim-item-popup-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#282828;opacity:0;padding:20px;transition:.4s;visibility:hidden;width:auto}.dynamic-claim-item-popup-info-triangle.show,.dynamic-claim-item-popup-info.show{opacity:1;visibility:visible}.dynamic-claim-item-popup-info table{border-collapse:collapse;width:100%}.dynamic-claim-item-popup-info table td,.dynamic-claim-item-popup-info table th{border-bottom:1px solid #ddd;padding:10px 50px 10px 10px;text-align:left;white-space:nowrap}.dynamic-claim-item-popup-info table td{font-weight:400}.dynamic-claim-item-popup-info .claim-button{justify-content:center;margin:15px auto auto;width:80%}.dynamic-claim-item-popup-info-triangle{display:flex;justify-content:center;opacity:0;position:relative;transform:translateY(-9px);transition:.4s;visibility:hidden;width:100%;z-index:101}.dynamic-claim-item-popup-info-triangle-up{border-bottom:10px solid #ddd}.dynamic-claim-item-popup-info-triangle-up,.dynamic-claim-item-popup-info-triangle-up2{border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;width:0}.dynamic-claim-item-popup-info-triangle-up2{border-bottom:10px solid #f9f9f9;margin-top:1px}.dynamic-claim-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:3em;line-height:1em;padding:10px 0;position:relative;transition:.4s}.dynamic-claim-item-header.load-animation{animation:item-header-fade-in .65s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.dynamic-claim-item-header span{font-weight:700}.dynamic-claim-item-header img{transition:.4s}.dynamic-claim-item-header:hover>img{transform:rotate(1turn) scale(125%)}.idle .dynamic-claim-item-header,.loading .dynamic-claim-item-header{opacity:0;transform:translateY(-5px) scale(70%)}.dynamic-claim-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;line-height:1.5em;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;transition:.4s}.dynamic-claim-item-footer.load-animation{animation:item-footer-fade-in .65s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.idle .dynamic-claim-item-footer,.loading .dynamic-claim-item-footer{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}.dynamic-claim-item-circle{background-color:#a1a1a1;border:5px double #ececec;border-radius:50%;height:18px;transition:.4s;width:18px;z-index:1}.dynamic-claim-item-circle.load-animation{animation:item-circle-fade-in .65s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%);visibility:hidden}to{opacity:1;transform:scale(100%);visibility:visible}}.idle .dynamic-claim-item-circle,.loading .dynamic-claim-item-circle{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-item.processed .dynamic-claim-item-circle{background-color:#3071a9}.dynamic-claim-item.processed .dynamic-claim-item-header{color:#3071a9}.dynamic-claim-item.expired .dynamic-claim-item-circle{background-color:#282828}.dynamic-claim-item.expired .dynamic-claim-item-headaer{color:#282828}.dynamic-claim-item.cancelled .dynamic-claim-item-circle{background-color:#a80000}.dynamic-claim-item.cancelled .dynamic-claim-item-header{color:#a80000}.dynamic-claim-item.pending .dynamic-claim-item-circle{background-color:#00a300}.dynamic-claim-item.pending .dynamic-claim-item-header{color:#00a300}.dynamic-claim-loading-slider{border-radius:4px;height:10px;left:0;overflow-x:hidden;position:relative;position:absolute;top:0;width:100%}.dynamic-claim-loading-slider-line{background:#ddd;height:10px;opacity:0;position:absolute;width:150%}.dynamic-claim-loading-slider-subline{background-image:linear-gradient(180deg,#428bca,#3071a9);height:10px;position:absolute}.dynamic-claim-wrapper.loading .dynamic-claim-inc{animation:dynamic-claim-increase 2.5s ease infinite}.dynamic-claim-wrapper.loading .dynamic-claim-dec{animation:dynamic-claim-decrease 2.5s ease 1s infinite}@keyframes dynamic-claim-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes dynamic-claim-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;outline:none;padding:0 10px 0 0;transition:.3s}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.cancel-button{stroke:#c0392b;fill:#c0392b;background-color:transparent;border:1px solid #c0392b;color:#c0392b}.cancel-button circle{fill:#c0392b;transition:.1s}.cancel-button:hover{stroke:#fff;fill:#fff;background-color:#e74c3c;color:#fff}.cancel-button:hover circle{fill:#fff}.static{position:static}.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)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.pl-10{padding-left:2.5rem}';export{s as dynamic_claim}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as i,g as o}from"./p-e97316d2.js";import{L as a}from"./p-65e6ab8e.js";import{c as r}from"./p-98d9e7ab.js";import{g as n}from"./p-5df9bc5f.js";import"./p-a21e2e2e.js";let s={};const d=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async setData(t){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,o=i?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{e=setTimeout(t,700),this.networkTimeoutRef=e}));const a=i?await n(this,{scopedTimeoutRef:e,vin:o,mockData:s}):t;if(this.networkTimeoutRef===e){if(!a)throw new Error("Wrong response format");this.vehicleInformation=a}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin){await this.setData(t)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,o,n,s,d,l,c,p,h,b,f;return e(i,{key:"c3226e500c814d9a0a471bafaaddc1d472cc801b"},e("div",{key:"9bae679376567109beedf83d8717a6a1592db545",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"2c779d68d7f0cb59a8e593c4e98274aac4d75cd6"},e(a,{key:"b485ab8d8f56e1e2c983880ef167ebf287f82313",isLoading:this.state.includes("loading")}),e("div",{key:"62f31f43fa3bc2cba6d4e50637ced77565a8d77d",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"8a55f5cb8e187eee0fe5f7127fb8969ec356fb9d",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"27154f476b6e7644d8efe0e9c9361b80b5fbd8e3",class:"py-4"},e("div",{key:"47b9dbfa0cda5b174533462cca3a43318b8f0a83",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"7b9accc6c8b567f139c79a6d99f4d5b7619c4648",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"c9be064f1916c47788aaaa9fa06438d4ea91befa",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Vehicle Specifications"),e("div",{key:"72a8a9d92a28f01e8c28da0ce7af9e41ee463844",class:"h-0 overflow-auto flex-1"},!(null===(o=this.vehicleInformation)||void 0===o?void 0:o.vehicleSpecification)&&e("div",{key:"37d13e85758052df6d04cb32f133a056cad6c9b3",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.vehicleSpecification)&&e("table",{key:"d83e8aa7d3f07731b790c1d49b7e25491a1456e7",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"9ef18b80c3530ddc36b7fe0254183d6aecedc368",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"2d4fbe31a35e1879c00e8929eb7b0fec0a7aa3fa"},["Model","Variant","Katashiki","Model Year","SFX"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"5d00ede02f2d39afca384c1f595bb02face893e0"},e("tr",{key:"7f833ffbb80982b4ecd1577bdcba412a02fe3f9e"},e("td",{key:"26902ab5dd74303aa1ca9b066e6518244e7b78a3",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(d=null===(s=null==this?void 0:this.vehicleInformation)||void 0===s?void 0:s.vehicleVariantInfo)||void 0===d?void 0:d.modelCode)||"..."," ",e("br",{key:"53a6142f257d4a17f53ffc6db4d22139b6cd590b",class:"my-2"}),(null===(c=null===(l=null==this?void 0:this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)||void 0===c?void 0:c.modelDesc)||"..."),e("td",{key:"e5b903f69a43c47866d23583570060126fb48b2a",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(h=null===(p=null==this?void 0:this.vehicleInformation)||void 0===p?void 0:p.identifiers)||void 0===h?void 0:h.variant)||"..."," ",e("br",{key:"6245cf13d3d9770280507a6753bf6e8c77cc1e71"}),(null===(f=null===(b=null==this?void 0:this.vehicleInformation)||void 0===b?void 0:b.vehicleSpecification)||void 0===f?void 0:f.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var i;const[o,a]=t.split("."),n=null===(i=null==this?void 0:this.vehicleInformation)||void 0===i?void 0:i[o][a].toString();return e("td",{key:t,class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},n.trim()?n:"...")})))))))))))}get el(){return o(this)}static get watchers(){return{state:["loadingListener"]}}};d.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.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))}.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-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.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-red-600{--tw-text-opacity:1;color:rgb(220 38 38/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)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}';export{d as vehicle_specification}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as o,g as i}from"./p-e97316d2.js";import{g as a}from"./p-5df9bc5f.js";import{c as r}from"./p-98d9e7ab.js";import{L as s}from"./p-65e6ab8e.js";import{o as n,c as d,e as l}from"./p-d5ff7544.js";import"./p-a21e2e2e.js";let c={};const p=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{n(this,t,e)},this.closeImage=t=>{d(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.expandedImage=null,this.vehicleInformation=void 0}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,i=o?t:null==t?void 0:t.vin;this.externalVin=i;try{if(!i||0===i.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{e=setTimeout(t,700),this.networkTimeoutRef=e}));const r=o?await a(this,{scopedTimeoutRef:e,vin:i,mockData:c}):t;if(this.networkTimeoutRef===e){if(!r)throw new Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin){await this.setData(t)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){c=t}render(){var t,i;const a=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return e(o,{key:"37762a5db052f532c697bb8442cc4ba3c6cf4068"},e("div",{key:"2dc64881477dc8948a35c120255a37476f4476ab",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"31ec8d8d61838d2932401ce9fcf43cb2602865d0"},e(s,{key:"144ffe00641e5b7325a9d6d5794d6ec46db3943d",isLoading:this.state.includes("loading")}),e("div",{key:"015d6a3b491612e038b6fecc501f3a97eb74984b",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"bf9bb4858401dc551fb6dd80792f9ebae8f2116d",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(i=this.vehicleInformation)||void 0===i?void 0:i.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"647c4b2ae83cf076f6abb5a693b58883eccea2f6",class:"py-[16px]"},e("div",{key:"fb00fc12a5247809212c54bfc656e12079a8277c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"3d049da77eac32bf3064f46d38d2e869531acc99",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"4212b8aeb910f96d3d5c0a7485629efd29f8a0e0",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Vehicle Accessories"),e("div",{key:"98b7d10413870e3e2e61fb3f9749ec00b4a117c5",class:"h-0 overflow-auto flex-1"},!a.length&&e("div",{key:"478659190641f3bd10a66697bb55b18adf8bd2f9",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!a.length&&e("table",{key:"ab44323dda807276272dc900dd9e9c3c1482a75f",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"e43c0538bdb9b162b9e5ab00fb4032463bc47118",class:"top-0 font-bold z-40 sticky bg-white"},e("tr",{key:"b133f2fc56118b78fa7a8016245a405b4437fc76"},["Part Number","Description","Image"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"87bec24b165b4928cd36751bf7237016133f145e"},a.map(((t,o)=>{var i;return e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((i=>{var a;return e("td",{key:t.partNumber+i,class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":o===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},t[i]||"...")})),e("td",{class:r("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":o===(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceHistory.length)-1})},e("button",{onClick:({target:e})=>this.openImage(e,t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("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"},e("img",{src:l}),e("span",{class:"text-white"},"Expand")),e("img",{class:"w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t.image}))))}))),e("div",{key:"2f132b70d008c91456c604cd6bd5d34b59626151",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:r("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"1007182cd1ce49a92c134c8d90998f4fb601fdad",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"c76af11f89e4735fa919167138093dc00eba7841",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"c312b71d24988ae6f6ec1a5dfffc5a2d79e07660",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"e14cb22e566105d7b977ed191ddd63174b24e54a",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 transition-all rounded-lg"}))))))))}get el(){return i(this)}static get watchers(){return{state:["loadingListener"]}}};p.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[133px\\]{max-width:133px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[4px\\]{gap:4px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.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}.pt-\\[4px\\]{padding-top:4px}.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-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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)}.delay-200{transition-delay:.2s}.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}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{p as vehicle_accessories}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- const e=async(e,r)=>{const{notAvailableMessage:o,mockData:a,partNumber:t,scopedTimeoutRef:n,middlewareCallback:s}=r,{isDev:i,baseUrl:l,queryString:c,abortController:f,networkTimeoutRef:u,loadedResponse:w}=e,b=e=>{if(u===n){if(!e&&t)throw new Error(o||"Wrong response format");return w&&w(e),s&&s(e),e}};if(i)return b(a[t]);{if(!l)throw new Error("Please provide base-url");const e=await fetch(`${l}${t}?${c}`,{signal:f.signal});return b(await e.json())}};export{e as g}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as a,g as o}from"./p-e97316d2.js";import{L as i}from"./p-65e6ab8e.js";import{g as r}from"./p-5df9bc5f.js";import{o as s,c as n,e as d}from"./p-d5ff7544.js";import{c as l}from"./p-98d9e7ab.js";import"./p-a21e2e2e.js";let p={};const c=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{s(this,t,e)},this.closeImage=t=>{n(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.expandedImage=null,this.vehicleInformation=void 0}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{e=setTimeout(t,700),this.networkTimeoutRef=e}));const i=a?await r(this,{scopedTimeoutRef:e,vin:o,mockData:p}):t;if(this.networkTimeoutRef===e){if(!i)throw new Error("Wrong response format");this.handleSettingData(i)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin){await this.setData(t)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){p=t}render(){var t,o;const{imageGroups:r,parts:s}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return e(a,{key:"9a37ff8b80882903930f12750061163ed91b0f6c"},e("div",{key:"8818049394cfd24bb9fa404f5cc01fe7b91dac7b",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"f51b316ebaa44325d61e334539056fd678ae805d"},e(i,{key:"1811f64aca9be9e4e6783071ebbfcd2cf98a71b9",isLoading:this.state.includes("loading")}),e("div",{key:"349cf8a3ca0f1306c1a589e74567f92423be0dd1",class:l("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"94c27a1c1209ed8ebbc94b8cc10efdc4cf8bfc06",class:l("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(o=this.vehicleInformation)||void 0===o?void 0:o.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"0c553c082743239148ca5a1600362f56d71a7a3f",class:"py-[16px]"},e("div",{key:"8d9901ed4c562e87415a82f4c518dd628b9ad943",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"cab2e618e6dc110bcd32b338b3901400d835d0fe",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"e40e49447bea108e25318f86bdc6074637470a09",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Paint Thickeness"),e("div",{key:"96ef8ed3d5af6404ec8ae63e65cdcf5c8da08ff7",class:"h-0 overflow-auto flex-1"},!s.length&&e("div",{key:"4672e3a4bab3dbc12dc4875f3b1b0cb187f0819c",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},"No parts are available."),!!s.length&&e("table",{key:"c0f307e3360644f306c8a71eb743452bc21118bc",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"74f2e17695542cb70b18561766ab64c098ede57c",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"ba1aa96a1574085c4ed42ccb1afca5a9715fc638"},["Part","Left","Right"].map((t=>e("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"79cc2054d7f29e552ef5c1cda62820f7204b6578"},s.map(((t,a)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((o=>e("td",{key:t.part+o,class:l("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":a===s.length-1})},t[o]||"...")))))))))),["data","data-loading"].includes(this.state)&&e("div",{key:"a42fd7083cecba578d367524d0d6dff8eac34ba0"},!r.length&&e("div",{key:"ae5765160cef9769877d137a5ff926fb29eefb41",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},"No image groups are available."),!!r.length&&e("div",{key:"1cf3267f6a2798b750988ec803a6dc864d434a83",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},r.map((t=>e("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},e("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),e("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>e("div",{class:"flex gap-[8px]",key:t},e("button",{onClick:({target:e})=>this.openImage(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("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"},e("img",{src:d}),e("span",{class:"text-white"},"Expand")),e("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),e("div",{key:"8d609b567dfc7229f168ab4d2232d161a2b613dd",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:l("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"c37ca70c557479eba143dae1f8a971463b7f2411",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"7a0b3baa108e5746d6001ed7af286919c5b07bb6",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"be1d55cf425a6cd64e1583426d9c889b36260f79",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"1dee0a3f8e7f4a0a7d3dfe4c3e58d89f7977ef15",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return o(this)}static get watchers(){return{state:["loadingListener"]}}};c.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[40px\\]{height:40px}.h-\\[50px\\]{height:50px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[100px\\]{min-width:100px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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)}.delay-200{transition-delay:.2s}.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}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{c as paint_thickness}