adp-web-components 0.0.38 → 0.0.41

package/dist/types/components.d.ts

@@ -5,13 +5,13 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { LanguageKeys } from "./global/types/locales/index";
+import { ErrorKeys, LanguageKeys } from "./global/types/locales/index";
 import { PartInformation } from "./global/types/part-information";
 import { DotNetObjectReference, MockJson } from "./global/types/components";
 import { ServiceItem, VehicleInformation } from "./global/types/vehicle-information";
 import { ActiveElement } from "./components/part-lookup/part-lookup";
 import { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/vehicle-lookup";
-export { LanguageKeys } from "./global/types/locales/index";
+export { ErrorKeys, LanguageKeys } from "./global/types/locales/index";
 export { PartInformation } from "./global/types/part-information";
 export { DotNetObjectReference, MockJson } from "./global/types/components";
 export { ServiceItem, VehicleInformation } from "./global/types/vehicle-information";
@@ -20,6 +20,7 @@ export { ActiveElement as ActiveElement1 } from "./components/vehicle-lookup/veh
 export namespace Components {
     interface DeadStockLookup {
         "baseUrl": string;
+        "errorCallback": (errorMessage: ErrorKeys) => void;
         "fetchData": (partNumber?: string, headers?: any) => Promise<void>;
         "isDev": boolean;
         "language": LanguageKeys;
@@ -27,10 +28,12 @@ export namespace Components {
         "loadingStateChange"?: (isLoading: boolean) => void;
         "queryString": string;
         "setData": (newData: PartInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<PartInformation>) => Promise<void>;
     }
     interface DistributorLookup {
         "baseUrl": string;
+        "errorCallback": (errorMessage: string) => void;
         "fetchData": (partNumber?: string, headers?: any) => Promise<void>;
         "hiddenFields"?: string;
         "isDev": boolean;
@@ -40,11 +43,13 @@ export namespace Components {
         "localizationName"?: string;
         "queryString": string;
         "setData": (newData: PartInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<PartInformation>) => Promise<void>;
     }
     interface DynamicClaim {
         "baseUrl": string;
         "completeClaim": () => Promise<void>;
+        "errorCallback": (errorMessage: ErrorKeys) => void;
         "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
         "isDev": boolean;
         "language": LanguageKeys;
@@ -52,6 +57,7 @@ export namespace Components {
         "loadingStateChange"?: (isLoading: boolean) => void;
         "queryString": string;
         "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
     }
     interface DynamicRedeem {
@@ -81,6 +87,7 @@ export namespace Components {
     }
     interface ManufacturerLookup {
         "baseUrl": string;
+        "errorCallback": (errorMessage: string) => void;
         "fetchData": (partNumber?: string, headers?: any) => Promise<void>;
         "headerTitle": string;
         "hiddenFields": string;
@@ -91,10 +98,12 @@ export namespace Components {
         "localizationName"?: string;
         "queryString": string;
         "setData": (newData: PartInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<PartInformation>) => Promise<void>;
     }
     interface PaintThickness {
         "baseUrl": string;
+        "errorCallback": (errorMessage: ErrorKeys) => void;
         "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
         "isDev": boolean;
         "language": LanguageKeys;
@@ -102,6 +111,7 @@ export namespace Components {
         "loadingStateChange"?: (isLoading: boolean) => void;
         "queryString": string;
         "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
     }
     interface PartLookup {
@@ -119,6 +129,7 @@ export namespace Components {
     }
     interface ServiceHistory {
         "baseUrl": string;
+        "errorCallback": (errorMessage: ErrorKeys) => void;
         "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
         "isDev": boolean;
         "language": LanguageKeys;
@@ -126,10 +137,12 @@ export namespace Components {
         "loadingStateChange"?: (isLoading: boolean) => void;
         "queryString": string;
         "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
     }
     interface VehicleAccessories {
         "baseUrl": string;
+        "errorCallback": (errorMessage: ErrorKeys) => void;
         "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
         "isDev": boolean;
         "language": LanguageKeys;
@@ -137,6 +150,7 @@ export namespace Components {
         "loadingStateChange"?: (isLoading: boolean) => void;
         "queryString": string;
         "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
     }
     interface VehicleLookup {
@@ -155,6 +169,7 @@ export namespace Components {
     }
     interface VehicleSpecification {
         "baseUrl": string;
+        "errorCallback": (errorMessage: ErrorKeys) => void;
         "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
         "isDev": boolean;
         "language": LanguageKeys;
@@ -162,6 +177,7 @@ export namespace Components {
         "loadingStateChange"?: (isLoading: boolean) => void;
         "queryString": string;
         "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
     }
     interface WarrantyDetails {
@@ -176,6 +192,7 @@ export namespace Components {
         "customerEmail"?: string;
         "customerName"?: string;
         "customerPhone"?: string;
+        "errorCallback": (errorMessage: ErrorKeys) => void;
         "fetchData": (requestedVin?: string, headers?: any) => Promise<void>;
         "isDev": boolean;
         "language": LanguageKeys;
@@ -184,6 +201,7 @@ export namespace Components {
         "queryString": string;
         "recaptchaKey": string;
         "setData": (newData: VehicleInformation | string, headers?: any) => Promise<void>;
+        "setErrorMessage": (message: ErrorKeys) => Promise<void>;
         "setMockData": (newMockData: MockJson<VehicleInformation>) => Promise<void>;
         "showSsc": boolean;
         "showWarranty": boolean;
@@ -312,6 +330,7 @@ declare global {
 declare namespace LocalJSX {
     interface DeadStockLookup {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: ErrorKeys) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
         "loadedResponse"?: (response: PartInformation) => void;
@@ -320,6 +339,7 @@ declare namespace LocalJSX {
     }
     interface DistributorLookup {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: string) => void;
         "hiddenFields"?: string;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
@@ -330,6 +350,7 @@ declare namespace LocalJSX {
     }
     interface DynamicClaim {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: ErrorKeys) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
         "loadedResponse"?: (response: VehicleInformation) => void;
@@ -362,6 +383,7 @@ declare namespace LocalJSX {
     }
     interface ManufacturerLookup {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: string) => void;
         "headerTitle"?: string;
         "hiddenFields"?: string;
         "isDev"?: boolean;
@@ -373,6 +395,7 @@ declare namespace LocalJSX {
     }
     interface PaintThickness {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: ErrorKeys) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
         "loadedResponse"?: (response: VehicleInformation) => void;
@@ -392,6 +415,7 @@ declare namespace LocalJSX {
     }
     interface ServiceHistory {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: ErrorKeys) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
         "loadedResponse"?: (response: VehicleInformation) => void;
@@ -400,6 +424,7 @@ declare namespace LocalJSX {
     }
     interface VehicleAccessories {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: ErrorKeys) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
         "loadedResponse"?: (response: VehicleInformation) => void;
@@ -420,6 +445,7 @@ declare namespace LocalJSX {
     }
     interface VehicleSpecification {
         "baseUrl"?: string;
+        "errorCallback"?: (errorMessage: ErrorKeys) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
         "loadedResponse"?: (response: VehicleInformation) => void;
@@ -438,6 +464,7 @@ declare namespace LocalJSX {
         "customerEmail"?: string;
         "customerName"?: string;
         "customerPhone"?: string;
+        "errorCallback"?: (errorMessage: ErrorKeys) => void;
         "isDev"?: boolean;
         "language"?: LanguageKeys;
         "loadedResponse"?: (response: VehicleInformation) => void;

package/dist/types/global/types/locales/error-schema.d.ts

@@ -6,6 +6,7 @@ export declare const errorsSchema: import("yup").ObjectSchema<{
     partNumberRequired: string;
     noServiceAvailable: string;
     wrongResponseFormat: string;
+    requestFailedPleaseTryAgainLater: string;
 }, import("yup").AnyObject, {
     wildCard: undefined;
     noBaseUrl: undefined;
@@ -14,4 +15,5 @@ export declare const errorsSchema: import("yup").ObjectSchema<{
     partNumberRequired: undefined;
     noServiceAvailable: undefined;
     wrongResponseFormat: undefined;
+    requestFailedPleaseTryAgainLater: undefined;
 }, "">;

package/dist/types/global/types/locales/index.d.ts

@@ -20,6 +20,7 @@ export declare const localeSchema: import("yup").ObjectSchema<{
         partNumberRequired?: string;
         noServiceAvailable?: string;
         wrongResponseFormat?: string;
+        requestFailedPleaseTryAgainLater?: string;
     };
     lang: string;
     partLookup: {
@@ -159,6 +160,7 @@ export declare const localeSchema: import("yup").ObjectSchema<{
         partNumberRequired: undefined;
         noServiceAvailable: undefined;
         wrongResponseFormat: undefined;
+        requestFailedPleaseTryAgainLater: undefined;
     };
     lang: undefined;
     partLookup: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.0.38",
+  "version": "0.0.41",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/components/p-090b8654.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as e,h as o,c as i}from"./p-b2051f01.js";import{c as a}from"./p-98d9e7ab.js";import{l as r,g as n}from"./p-0c62815e.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-0c9d5b37.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,a=i?t:null==t?void 0:t.vin;this.externalVin=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const r=i?await s(this,{scopedTimeoutRef:o,vin:a,mockData:l},e):t;if(this.networkTimeoutRef===o){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,r,n;const s=this.locale.vehicleLookup.serviceHistory;return o(i,{key:"2979b752e0381f4b40392e2f145207e2fe2494cf"},o("div",{key:"2874c4f52f522a46eb6e43d65fa07e00f49a8f80",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"0091ffe170d2ff1cd923a3b095e387a9fd90dea3"},o(d,{key:"d09927339a44e20d502d662593c940c7f85dd3ec",isLoading:this.state.includes("loading")}),o("div",{key:"937a9a01f833ff5586544e66493c1c52096d9aa3",class:a("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},o("div",{key:"07231540ca2c58cb561dd50524a809c4759927b7",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)&&o("div",{key:"3887f217d6bb6a29a83ea607134d7cb30a60bc46",class:"py-[16px]"},o("div",{key:"0206e33c760a9da5cc7bd9cc7d262d40dd5eb0ed",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&o("div",{key:"e7d14355842f4e96a7e049223e58bc6eb4850999",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"d216d2c492765c6136802226ea476f149ab1f89f",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.serviceHistory),o("div",{key:"06d8bbabdb3dd4709376da4dff8c855cc381a28d",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.serviceHistory.length)&&o("div",{key:"ef9d65cab3af6bf7bbd77eb3e6359889230117c2",class:"h-[80px] flex items-center justify-center text-[18px]"},s.noData),!!(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)&&o("table",{key:"4036d60fbddc852f055500dc3de7bd9e21ab6975",class:"w-full overflow-auto relative border-collapse"},o("thead",{key:"a8f78de49055ccb2eb40a5a91479ecb4909deb3a",class:"top-0 font-bold sticky bg-white"},o("tr",{key:"9b21c419e30de3067ed6c3670afa395b50c26377"},["branch","dealer","invoiceNumber","date","serviceType","odometer"].map((t=>o("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},s[t]))))),o("tbody",{key:"ec1151d70daae550c8bc36e22c6341cf1a7a867c"},null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.map(((t,e)=>o("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((i=>{var r;return o("td",{key:t.invoiceNumber+i,class:a("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[i]||"...")})))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,: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}.hidden{display:none}.w-full{width:100%}.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}.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}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.\\!border-none{border-style:none!important}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.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}.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}'}},[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["service-history"].forEach((t=>{"service-history"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as S,p as d}

package/dist/components/p-0c62815e.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{c as e,a as n}from"./p-e446fb9d.js";const r=e({wildCard:n().required(),noBaseUrl:n().required(),invalidVin:n().required(),vinNumberRequired:n().required(),partNumberRequired:n().required(),noServiceAvailable:n().required(),wrongResponseFormat:n().required()}),i=e({deadStock:n().required(),branch:n().required(),availableQuantity:n().required()}),a=e({info:n().required(),distributorStock:n().required(),availability:n().required(),notAvailable:n().required(),partiallyAvailable:n().required(),available:n().required(),location:n().required(),description:n().required(),productGroup:n().required(),localDescription:n().required(),dealerPurchasePrice:n().required(),recommendedRetailPrice:n().required(),supersededFrom:n().required(),supersededTo:n().required()}),t=e({origin:n().required(),warrantyPrice:n().required(),specialPrice:n().required(),wholesalesPrice:n().required(),pnc:n().required(),pncName:n().required(),binCode:n().required(),dimension1:n().required(),dimension2:n().required(),dimension3:n().required(),netWeight:n().required(),grossWeight:n().required(),cubicMeasure:n().required(),hsCode:n().required(),uzHsCode:n().required()}),o=e({deadStock:i,distributor:a,manufacturer:t}),c=e({authorized:n().required(),unauthorized:n().required(),activeWarranty:n().required(),notActiveWarranty:n().required(),notInvoiced:n().required(),from:n().required(),to:n().required(),pendingSSC:n().required(),noPendingSSC:n().required(),checkingTMC:n().required(),sscCampings:n().required(),sscTableCode:n().required(),sscTableDescription:n().required(),sscTableRepairStatus:n().required(),sscTableOPCode:n().required(),sscTablePartNumber:n().required()}),s=e({vehicleAccessories:n().required(),noData:n().required(),partNumber:n().required(),description:n().required(),image:n().required(),expand:n().required()}),l=e({serviceType:n().required(),activationDate:n().required(),expireDate:n().required(),claimAt:n().required(),redeemingDealer:n().required(),invoiceNumber:n().required(),wip:n().required(),menuCode:n().required(),claim:n().required(),processed:n().required(),expired:n().required(),cancelled:n().required(),pending:n().required(),warning:n().required()}),u=e({vehicleSpecification:n().required(),noData:n().required(),model:n().required(),variant:n().required(),katashiki:n().required(),modelYear:n().required(),sfx:n().required()}),d=e({serviceType:n().required(),name:n().required(),activationDate:n().required(),expireDate:n().required(),menuCode:n().required(),scanTheInvoice:n().required(),processing:n().required(),warning:n().required(),skipServicesWarning:n().required(),confirmSkipServices:n().required(),notInvoiced:n().required(),confirmNotInvoiced:n().required()}),p=e({serviceHistory:n().required(),noData:n().required(),branch:n().required(),dealer:n().required(),invoiceNumber:n().required(),date:n().required(),serviceType:n().required(),odometer:n().required()}),m=e({paintThickness:n().required(),noData:n().required(),part:n().required(),left:n().required(),right:n().required(),noImageGroups:n().required(),expand:n().required()}),v=e({warranty:c,accessories:s,dynamicClaim:l,dynamicRedeem:d,specification:u,serviceHistory:p,paintThickness:m}),f={ar:"ar.json",en:"en.json",ku:"ku.json",ru:"ru.json"},b=e({errors:r,lang:n().required(),partLookup:o,language:n().required(),direction:n().required(),vehicleLookup:v});var g=Object.defineProperty;((e,n)=>{for(var r in n)g(e,r,{get:n[r],enumerable:!0})})({},{err:()=>y,map:()=>k,ok:()=>h,unwrap:()=>$,unwrapErr:()=>w});var h=e=>({isOk:!0,isErr:!1,value:e}),y=e=>({isOk:!1,isErr:!0,value:e});function k(e,n){if(e.isOk){const r=n(e.value);return r instanceof Promise?r.then((e=>h(e))):h(r)}if(e.isErr)return y(e.value);throw"should never get here"}var $=e=>{if(e.isOk)return e.value;throw e.value},w=e=>{if(e.isErr)return e.value;throw e.value},S=(e,n,...r)=>{let i=null,a=null,t=null,o=!1,c=!1;const s=[],l=n=>{for(let a=0;a<n.length;a++)i=n[a],Array.isArray(i)?l(i):null!=i&&"boolean"!=typeof i&&((o="function"!=typeof e&&!("object"==(r=typeof(r=i))||"function"===r))&&(i=String(i)),o&&c?s[s.length-1].i+=i:s.push(o?C(null,i):i),c=o);var r};if(l(r),n){n.key&&(a=n.key),n.name&&(t=n.name);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,s,T);const u=C(e,null);return u.t=n,s.length>0&&(u.o=s),u.l=a,u.u=t,u},C=(e,n)=>({p:0,m:e,i:n,v:null,o:null,t:null,l:null,u:null}),T={forEach:(e,n)=>e.map(D).forEach(n),map:(e,n)=>e.map(D).map(n).map(j)},D=e=>({vattrs:e.t,vchildren:e.o,vkey:e.l,vname:e.u,vtag:e.m,vtext:e.i}),j=e=>{if("function"==typeof e.vtag){const n={...e.vattrs};return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),S(e.vtag,n,...e.vchildren||[])}const n=C(e.vtag,e.vtext);return n.t=e.vattrs,n.o=e.vchildren,n.l=e.vkey,n.u=e.vname,n};const P={},x=async e=>{const n=f[e]||f.en;if(P[n])return await P[n];let r;return r=fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@0.0.38/dist/locales/${n}`).then((e=>e.json())),P[n]=r,await r};export{x as g,S as h,b as l}

package/dist/components/p-14226c5e.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as e,h as a,c as o}from"./p-b2051f01.js";import{l as r,g as i}from"./p-0c62815e.js";import{g as s}from"./p-8b1d90d7.js";import{c as n}from"./p-98d9e7ab.js";import{o as d,c as l,e as c}from"./p-d5ff7544.js";import{L as p}from"./p-0c9d5b37.js";let h={};const w=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{d(this,t,e)},this.closeImage=t=>{l(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await i(t)}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,r=o?t:null==t?void 0:t.vin;this.externalVin=r;try{if(!r||0===r.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const i=o?await s(this,{scopedTimeoutRef:a,vin:r,mockData:h},e):t;if(this.networkTimeoutRef===a){if(!i)throw new Error("wrongResponseFormat");this.handleSettingData(i)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){h=t}render(){var t,e;const r=this.locale.vehicleLookup.accessories,i=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return a(o,{key:"dd410831ebc3abca4116b316693d671f58ce45e0"},a("div",{key:"6608457156e38803d4af9268a7b29dd9258ea601",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"92a6368e66cb585af9ca7c63d99cd648bfb76a76"},a(p,{key:"1b272bfb145a5c3f608de4939c553f3574713308",isLoading:this.state.includes("loading")}),a("div",{key:"742cff5e16205130ac62c636838758bbe41e157b",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"d989eb40a3c7e663868dc4e54d35d2f8afbb36b9",class:n("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(e=this.vehicleInformation)||void 0===e?void 0:e.vin),["error","error-loading"].includes(this.state)&&a("div",{key:"9605655caf1d0474941c0fe2eb35e511ee49d8a2",class:"py-[16px]"},a("div",{key:"f3bcb9806e1c7c01da64f5250c047afc4d4abb0c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&a("div",{key:"6dce5a0dd4a191aac8fb0412a2ff79fedc898026",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"1dae255335699110f224a8dafba266a228cc14b4",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.vehicleAccessories),a("div",{key:"61fa0c5e50dd30000165494e2faf6d498174549b",class:"h-0 overflow-auto flex-1"},!i.length&&a("div",{key:"5d582e3eea5a5041a1c79759fe8ac84bd91bc32a",class:"h-[80px] flex items-center justify-center text-[18px]"},r.noData),!!i.length&&a("table",{key:"f0c1d1793f7c907b4865530354831a2007582a88",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"a565247ad42b255b5487b9a7df5950d1dda89384",class:"top-0 font-bold z-40 sticky bg-white"},a("tr",{key:"0b8fa52931ea6c4f198bc22146ce194a673f25a9"},["partNumber","description","image"].map((t=>a("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),a("tbody",{key:"0d13ce25b92ead9bf1ec4a2f9c702493dd47d95b"},i.map(((t,e)=>{var o;return a("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((o=>{var r;return a("td",{key:t.partNumber+o,class:n("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[o]||"...")})),a("td",{class:n("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(o=this.vehicleInformation)||void 0===o?void 0:o.serviceHistory.length)-1})},a("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"},a("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"},a("img",{src:c}),a("span",{class:"text-white"},r.expand)),a("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}))))}))),a("div",{key:"0815cb6af69a96f2c4f6980a7817fa559d4167a9",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:n("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})},a("button",{key:"4e786da3510e10586db39497310861743b0cdab4",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"8742284194e4dc6ae699ef4a831b2823a6c12d7c",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"499ea3d220f4ff8a072f172dffbe4ca8cd35875f",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"68d06450686c6754445e0f6cbf672d4046fa7fc2",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 transition-all rounded-lg"}))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,: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}.hidden{display:none}.w-full{width:100%}.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}.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}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-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}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.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-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}.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}'}},[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-accessories"].forEach((t=>{"vehicle-accessories"===t&&(customElements.get(t)||customElements.define(t,w))}))}b();export{w as V,b as d}

package/dist/components/p-1f28a457.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as e,h as i,c as o}from"./p-b2051f01.js";import{l as a,g as r}from"./p-0c62815e.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-0c9d5b37.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=a.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,a=o?t:null==t?void 0:t.vin;this.externalVin=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=o?await s(this,{scopedTimeoutRef:i,vin:a,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,a,r,s,l,c,p,h,f,b;const w=this.locale.vehicleLookup.specification;return i(o,{key:"2d79e0d9687e42208abffcf58440a9a99af61036"},i("div",{key:"b3a2196ae3d83b28c20bf4dd1dd5b38afa9ca75c",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"0e362941084daa41450a6d98dda0a0a1aee86d16"},i(d,{key:"aaf8d7ba4cb85f43bbbbd6efcfd3e19c44750669",isLoading:this.state.includes("loading")}),i("div",{key:"10ed2e6c769579ef48d1f9cf43d47dff5d98a062",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"61fd8dfca3da820240381f130955372c46d2f57e",class:n("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)&&i("div",{key:"df94a3d69c05eb0bc7a00e7e49f823b9b686e314",class:"py-4"},i("div",{key:"72c0e34a6e5aba9d7cc2a58713efd2dadc4eede9",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"58ec5d38131d5c4e0f76f6efcf0ed764ffe00e61",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"f0d17e329537615a9a3da5f2e0ba34d0f4870824",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},w.vehicleSpecification),i("div",{key:"a6c5583f13b518c5d09fac1c15eb8bf91b3e639b",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"8d93979de01580b140be95059c72a00ab9c7f81b",class:"h-[80px] flex items-center justify-center text-[18px]"},w.noData),!!(null===(a=this.vehicleInformation)||void 0===a?void 0:a.vehicleSpecification)&&i("table",{key:"fc57854df168b893061c630fec4beaba970eede1",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"92bcd38790ef90f9ae9013e24a3b55e8e8115ee4",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"2d705477de42db9b5605d7aa3338cae6cc0a07ff"},["model","variant","katashiki","modelYear","sfx"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},w[t]))))),i("tbody",{key:"f3f847296d88bdd0a81cf7ce70d6c988a92d9407"},i("tr",{key:"035b4ae4cc8f81e341d206815ebcf140f6d89343"},i("td",{key:"df839d6b2e73675f6f71de7e3e526f04e1a51f1c",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(s=null===(r=null==this?void 0:this.vehicleInformation)||void 0===r?void 0:r.vehicleVariantInfo)||void 0===s?void 0:s.modelCode)||"..."," ",i("br",{key:"daab3259ddf3b111a907f6d635b1df850db106ae",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)||"..."),i("td",{key:"8c1936259bc490c555f27d609889054506e263ff",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)||"..."," ",i("br",{key:"eaf4d89fb5345dd2dd18823d138874bf988b24c8"}),(null===(b=null===(f=null==this?void 0:this.vehicleInformation)||void 0===f?void 0:f.vehicleSpecification)||void 0===b?void 0:b.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var e;const[o,a]=t.split("."),r=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:e[o][a].toString();return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},r.trim()?r:"...")})))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,: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}.hidden{display:none}.w-full{width:100%}.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}.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}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.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}'}},[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["vehicle-specification"].forEach((t=>{"vehicle-specification"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as V,p as d}

package/dist/components/p-2bd0fee5.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as i,H as t,h as e,c as a}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as n,g as r}from"./p-0c62815e.js";import{g as l}from"./p-8b1d90d7.js";import{d as s}from"./p-6864b1ac.js";let d={};const c={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="},m=i(class extends t{constructor(){super(),this.__registerHost(),this.__attachShadow(),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.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=n.getDefault(),this.isIdle=!0,this.popupClasses="",this.isLoading=!1,this.externalVin=null,this.errorMessage=null,this.activePopupIndex=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(i){this.locale=await r(i)}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){d=i}async setData(i,t={}){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof i,o=a?i:null==i?void 0:i.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.isIdle=!0);this.isLoading=!0,this.isIdle=!1,await new Promise((i=>{e=setTimeout(i,1e3),this.networkTimeoutRef=e}));const n=a?await l(this,{scopedTimeoutRef:e,vin:o,mockData:d},t):i;if(this.networkTimeoutRef===e){if(!n)throw new Error("wrongResponseFormat");if(!Array.isArray(n.serviceItems))throw new Error("noServiceAvailable");this.vehicleInformation=n}this.errorMessage=null,this.isLoading=!1}catch(i){if(i&&"AbortError"===(null==i?void 0:i.name))return;console.error(i),this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=i.message}}async fetchData(i=this.externalVin,t={}){await this.setData(i,t)}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(),r=o.querySelector(".dynamic-claim-item-popup-info"),l=window.innerWidth;o.style.top=`${a}px`,o.style.left=e-n/2+"px";const s=e-n/2,d=l-(e+n/2);let c=0;d<16?c=d-16:s<16&&(c=Math.abs(s-16)),r.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 r=JSON.parse(JSON.stringify(this.vehicleInformation));r.serviceItems=a,this.vehicleInformation=JSON.parse(JSON.stringify(r))}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,r;const l=this.vehicleInformation;this.dynamicRedeem.vin=null==l?void 0:l.vin,this.dynamicRedeem.item=i,this.dynamicRedeem.canceledItems=t,this.dynamicRedeem.unInvoicedByBrokerName=null!==(null===(e=null==l?void 0:l.saleInformation)||void 0===e?void 0:e.broker)&&null===(null===(o=null===(a=null==l?void 0:l.saleInformation)||void 0===a?void 0:a.broker)||void 0===o?void 0:o.invoiceDate)?null===(r=null===(n=null==l?void 0:l.saleInformation)||void 0===n?void 0:n.broker)||void 0===r?void 0:r.brokerName:null,this.handleRedeemScanner()}createPopup(i){const t=this.locale.vehicleLookup.dynamicClaim;return e("div",{dir:this.locale.direction,class:"popup-position-ref"},e("div",{class:"popup-container"},e("div",{class:o("dynamic-claim-item-popup-info-triangle",this.popupClasses)},e("div",{class:"dynamic-claim-item-popup-info-triangle-up"}),e("div",{class:"dynamic-claim-item-popup-info-triangle-up2"})),e("div",{class:o("dynamic-claim-item-popup-info",this.popupClasses)},e("table",null,e("tbody",null,e("tr",null,e("th",null,t.serviceType),e("td",null,i.type.charAt(0).toUpperCase()+i.type.slice(1))),e("tr",null,e("th",null,t.activationDate),e("td",null,i.activatedAt)),e("tr",null,e("th",null,t.expireDate),e("td",null,i.expiresAt)),e("tr",null,e("th",null,t.claimAt),e("td",null,i.redeemDate)),e("tr",null,e("th",null,t.redeemingDealer),e("td",null,i.dealerName)),e("tr",null,e("th",null,t.invoiceNumber),e("td",null,i.invoiceNumber)),e("tr",null,e("th",null,t.wip),e("td",null,i.wip)),e("tr",null,e("th",null,t.claim),e("td",null,i.menuCode)))),"pending"===i.status&&e("button",{onClick:()=>this.claim(i),class:"claim-button dynamic-claim-button"},e("svg",{width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"stroke-width":"0"}),e("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),e("g",null,e("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),e("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"}))),e("span",null,t.claim)))))}render(){var i,t;const n=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[],r=this.locale.vehicleLookup.dynamicClaim;return e(a,{key:"2af691f7c6ffafa3b84a7981ce9d986c5b21c1f3"},e("dynamic-redeem",{key:"0b1c8179e3b1cc7a6d4140209cf678bb12c1b4f8",language:this.language,id:"dynamic-redeem"}),e("div",{key:"6b15e6f206f127ee7385e94e4e1da482297e90cb",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},e("div",{key:"d228d274d0b96cff2109b37f02929227066617dc",class:"dynamic-claim-header"},e("strong",{key:"4f9345e71eac1cb2a33847fd37ca5943eee13a89",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&e("span",{key:"a3993b80232d30a896b62724df3d22d1e8493414",dir:this.locale.direction,style:{color:"red"}},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard),!this.errorMessage&&(null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin))),e("div",{key:"83f813a45ac139da18d6409989a2175e5949b16a",class:"dynamic-claim-body"},e("div",{key:"94b34411638f21b1c8fe75236708fcf6a064254c",class:"loading-lane"},e("div",{key:"a102f0f2798190f9cbefa60edbfa3607916e6ceb",class:"dynamic-claim-loading-slider"},e("div",{key:"d13c65732d480313cea205478e850ce33e3f07ca",class:"dynamic-claim-loading-slider-line"}),e("div",{key:"8063bbef60d231c5c9069bbd9cb09ae65a957a1e",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),e("div",{key:"8b0119234750c2d2ad58af63c9d284c6a9cd56a5",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),e("div",{key:"efbf9252ed01e25fb68e49811ede858208a6c3bc",class:"dynamic-claim-progress-lane"},n.map(((i,t)=>{let a="";return"pending"===i.status?n.findIndex((i=>"pending"===i.status))===t&&(a=i.status):a=i.status,e("div",{key:i.name,class:o("dynamic-claim-item",a),onMouseLeave:this.onMouseLeave},e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-header load-animation",onMouseEnter:i=>this.onMouseEnter(i.target,t)},e("img",{src:c[i.status],alt:"status icon"}),e("span",null,r[i.status]),this.activePopupIndex===t&&this.createPopup(i)),e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-circle load-animation"}),e("p",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-footer load-animation"},i.name))})),e("div",{key:"4992b48f37e59d6cb8400267e0498a83ccdc82bd",class:"dynamic-claim-progress-bar"})))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}static get style(){return'*,: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;padding-inline-end:50px;text-align:start;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}.w-full{width:100%}.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}.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}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-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}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.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}.gap-1{gap:.25rem}'}},[1,"dynamic-claim",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],locale:[32],isIdle:[32],popupClasses:[32],isLoading:[32],externalVin:[32],errorMessage:[32],activePopupIndex:[32],vehicleInformation:[32],setMockData:[64],setData:[64],fetchData:[64],completeClaim:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}]);function p(){"undefined"!=typeof customElements&&["dynamic-claim","dynamic-redeem"].forEach((i=>{switch(i){case"dynamic-claim":customElements.get(i)||customElements.define(i,m);break;case"dynamic-redeem":customElements.get(i)||s()}}))}p();export{m as D,p as d}

package/dist/components/p-33d15f6d.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as e,h as i,c as a}from"./p-b2051f01.js";import{l as o}from"./p-a21e2e2e.js";import{h as n,l as r,g as s}from"./p-0c62815e.js";import{c as d}from"./p-98d9e7ab.js";import{g as l}from"./p-8b1d90d7.js";function c({isLoading:t}){return n("div",{class:d("loading-spinner absolute",{hide:!t})},n("img",{class:"spin",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg=="}))}const p="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+",h="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+";function g({ssc:t,locale:e}){const i=e.vehicleLookup.warranty;return n("div",{class:"wrapper-table"},n("div",{class:"header"},i.sscCampings),n("div",{class:"ssc-table-container"},n("table",{class:"ssc-table"},n("thead",null,n("tr",null,n("th",null,i.sscTableCode),n("th",null,i.sscTableDescription),n("th",null,i.sscTableRepairStatus),n("th",null,i.sscTableOPCode),n("th",null,i.sscTablePartNumber))),n("tbody",null,t.map((t=>n("tr",{class:"transition",key:t.sscCode},n("td",null,t.sscCode),n("td",null,t.description),n("td",null,n("div",{class:"table-cell-container"},n("img",{class:"table-status-icon",src:t.repaired?h:p})," ",null==t?void 0:t.repairDate)),n("td",null,t.opCode),n("td",null,n("div",{class:"table-cell-container table-cell-parts-container"},t.parts.length?t.parts.map((t=>n("div",{key:t.partNumber,class:t.isAvailable?"success":"reject"},t.partNumber))):"...")))))))))}function u({desc:t,className:e,fromDesc:i,toDesc:a,from:o,to:r,state:s="idle",icon:l=!0}){return n("div",{class:d("card",e,`${s}-card`)},l&&"reject"===s&&n("img",{src:p}),l&&"warning"===s&&n("img",{src:p}),l&&"success"===s&&n("img",{src:h}),o&&n("p",{class:"no-padding flex gap-2"},n("span",{class:"font-semibold"},i,":")," ",t),r&&n("p",{class:"no-padding flex gap-2"},n("span",{class:"font-semibold"},a,":")," ",t),!o&&!r&&n("p",{class:"idle"===s?"no-padding":""},t))}function b({warranty:t,isAuthorized:e,unInvoicedByBrokerName:i,locale:a}){const o=a.vehicleLookup.warranty;return n("div",{class:"warranty-tags mx-auto pt-3"},n(u,{state:e?"success":"reject",desc:e?o.authorized:o.unauthorized}),n(u,{state:t.hasActiveWarranty?"success":"reject",desc:t.hasActiveWarranty?o.activeWarranty:o.notActiveWarranty}),i&&n(u,{className:"span-entire-2nd-row",state:"warning",icon:!0,desc:o.notInvoiced+i}),t.warrantyStartDate&&n(u,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,fromDesc:o.from,desc:t.warrantyStartDate}),t.warrantyEndDate&&n(u,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,to:!0,toDesc:o.to,desc:t.warrantyEndDate}))}let w={};const f=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.showSsc=!1,this.queryString="",this.recaptchaKey="",this.language="en",this.showWarranty=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.showRecaptcha=!1,this.errorMessage=null,this.unInvoicedByBrokerName=null,this.vehicleInformation=void 0,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null,this.headers={},this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){var e,i,a;null===t.warranty&&(t.warranty={warrantyEndDate:"",warrantyStartDate:"",hasActiveWarranty:!1,hasExtendedWarranty:!1,extendedWarrantyEndDate:"",extendedWarrantyStartDate:""}),null===t.ssc&&(t.ssc=[]),this.unInvoicedByBrokerName=null,null!==(null===(e=null==t?void 0:t.saleInformation)||void 0===e?void 0:e.broker)&&null===(null===(a=null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)||void 0===a?void 0:a.invoiceDate)&&(this.unInvoicedByBrokerName=t.saleInformation.broker.brokerName),this.vehicleInformation=t}async handleInitializingRecaptcha(t,e){var i;!1===(null===(i=this.vehicleInformation)||void 0===i?void 0:i.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),await new Promise((t=>setTimeout(t,400))),this.recaptchaIntervalRef=setInterval((async()=>{var i;const a=grecaptcha.getResponse();if(a)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}else{this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${t}/${null===(i=this.vehicleInformation)||void 0===i?void 0:i.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":a})}),n=await o.json();if(!n||this.networkTimeoutRef!==e)throw new Error("wrongResponseFormat");{this.checkingUnauthorizedSSC=!1;const t=1===n.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async setData(t,e={}){let i;this.recaptchaRes=null,this.headers=e,clearTimeout(this.networkTimeoutRef),clearInterval(this.recaptchaIntervalRef),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=>{i=setTimeout(t,600),this.networkTimeoutRef=i}));const n=a?await l(this,{scopedTimeoutRef:i,vin:o,mockData:w},e):t;if(this.networkTimeoutRef===i){if(!n)throw new Error("wrongResponseFormat");this.handleSettingData(n),this.handleInitializingRecaptcha(o,i)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}async setMockData(t){w=t}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}render(){var t,e,n,r,s;return i(a,{key:"14c836415f8e7b2f296c378ed872c9e4bc0776e2"},i("div",{key:"7c002b25eec6f723742e996744eeb1696afb7fee",dir:this.locale.direction,class:"min-h-[100px] warranty"},i("div",{key:"03c5438290f118d79928aad56a06f57c337a907c"},i(c,{key:"6e9f6d02f0645d354ed5549da6bf3f9714e87913",isLoading:this.state.includes("loading")}),i("div",{key:"bceba052ec797f1ca2a7402941dca59a8a3d8aa6",class:"transition duration-700",style:{transform:this.state.includes("loading")||"idle"===this.state?"scale(0)":"scale(1)",opacity:this.state.includes("loading")?"0":"1"}},(this.showSsc||this.showWarranty)&&i("div",{key:"86555b5125271a183f6f025d8be5465129fe9f1a",style:{color:this.errorMessage?"red":"black"},class:"warranty-vin"},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"fa8391a5e70234005ec3fa6348b9cd977ec8baa7",class:"py-4"},i(u,{key:"66479d9171f4d68c6545589825d4c862134c66e0",desc:this.locale.errors[this.errorMessage]||this.locale.errors.wildCard,className:"mx-auto reject-card max-w-500"})," "),this.showWarranty&&["data","data-loading"].includes(this.state)&&i(b,{key:"68c3dd12ab74b45e5610967836aa22a82891b1dc",locale:this.locale,isAuthorized:null===(e=this.vehicleInformation)||void 0===e?void 0:e.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName,warranty:null===(n=this.vehicleInformation)||void 0===n?void 0:n.warranty}),i("div",{key:"032662489ced0fee3b29541c54a5bda5ce7174d0",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},i("slot",{key:"122adeba89a83212110885371026d6195721fcef"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&i("div",{key:"f09db8375e80891d28c1691514ae8842bf6ee951",class:d("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.locale.vehicleLookup.warranty[this.recaptchaRes.message]),this.checkingUnauthorizedSSC&&i("div",{key:"a57483a4a2ea08a919bd51225e21a344be615b53",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},i("div",{key:"fd2ed4cb7d7e488e3ab7fa42a51949388abdd9dc"},i("strong",{key:"c7141e8ed9852d076fd849a50b9518893cd739d5"},this.locale.vehicleLookup.warranty.checkingTMC)),i("img",{key:"990a7464496dffa21749dc405a327ff3094ee5e8",class:"spin",src:o})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(r=this.vehicleInformation)||void 0===r?void 0:r.ssc)&&!!(null===(s=this.vehicleInformation)||void 0===s?void 0:s.ssc.length)&&i(g,{key:"86babe3dc2f6b77cb4c04b9dec1f0af7ede03cf9",locale:this.locale,ssc:this.vehicleInformation.ssc})))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,: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}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0!important;height:0}.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))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;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)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-parts-container{flex-wrap:wrap}.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-parts-container div.success{background:#d0e7de}.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.w-full{width:100%}.top-0{top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.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}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-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}'}},[1,"warranty-details",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],showSsc:[4,"show-ssc"],queryString:[1,"query-string"],recaptchaKey:[1,"recaptcha-key"],language:[1],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],showRecaptcha:[32],errorMessage:[32],unInvoicedByBrokerName:[32],vehicleInformation:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],headers:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function m(){"undefined"!=typeof customElements&&["warranty-details"].forEach((t=>{"warranty-details"===t&&(customElements.get(t)||customElements.define(t,f))}))}m();export{f as W,m as d}

package/dist/components/p-b75f830a.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as e,h as i,c as a}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-0c62815e.js";import{L as n}from"./p-0c9d5b37.js";import{g as l}from"./p-f99c8b2f.js";let d={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.headerTitle="Manufacturer",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.partNumber;this.externalPartNumber=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await l(this,{scopedTimeoutRef:i,partNumber:o,mockData:d},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){d=t}render(){var t,e,r;const s=this.locale.partLookup.manufacturer,l=this.partInformation&&this.localizationName||"russian",d=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],p=(this.partInformation?[{label:s.origin,key:"origin",value:this.partInformation.tmcPart.origin},{label:s.warrantyPrice,key:"warrantyPrice",value:null===(t=this.partInformation.tmcPart.warrantyPrice)||void 0===t?void 0:t.toFixed(2)},{label:s.specialPrice,key:"specialPrice",value:null===(e=this.partInformation.tmcPart.specialPrice)||void 0===e?void 0:e.toFixed(2)},{label:s.wholesalesPrice,key:"salesPrice",value:null===(r=this.partInformation.tmcPart.salesPrice)||void 0===r?void 0:r.toFixed(2)},{label:s.pnc,key:"pnc",value:this.partInformation.tmcPart.pnc},{label:s.pncName.replace("$",l),key:"pncLocalName",value:this.partInformation.tmcPart.pncLocalName},{label:s.binCode,key:"binCode",value:this.partInformation.tmcPart.binCode},{label:s.dimension1,key:"dimension1",value:this.partInformation.tmcPart.dimension1},{label:s.dimension2,key:"dimension2",value:this.partInformation.tmcPart.dimension2},{label:s.dimension3,key:"dimension3",value:this.partInformation.tmcPart.dimension3},{label:s.netWeight,key:"netWeight",value:this.partInformation.tmcPart.netWeight},{label:s.grossWeight,key:"grossWeight",value:this.partInformation.tmcPart.grossWeight},{label:s.cubicMeasure,key:"cubicMeasure",value:this.partInformation.tmcPart.cubicMeasure},{label:s.hsCode,key:"hsCode",value:this.partInformation.tmcPart.hsCode},{label:s.uzHsCode,key:"uzHsCode",value:this.partInformation.tmcPart.uzHsCode}]:[]).filter((t=>!d.includes(t.key)));return i(a,{key:"5c69b7b8b7733d418494240dae97f6012502486c"},i("div",{key:"8b4149c370dad858347fc9f213d55f56486bd542",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"eeed9658490a9a6612c02a06212e5e47ec92024d"},i(n,{key:"1be320615f026ad166785553b8350bb023e3fc69",isLoading:this.state.includes("loading")}),i("div",{key:"30675b4ea68fc52a436a6b440a8a46188e8c43b1",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"42317591e1ddf90a9a66bfb764986ea3c9a3f203",class:"py-[16px]"},i("div",{key:"b7318900ef3e39feb04617b455c827efa6dd8819",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"fe116aa9e6cb2b8f0e927e6da55d68f067af594d"},i("div",{key:"ff4ee3b9d935ed761897b86418b54962eb16078e",class:"flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"2cf379164e1c82898c0e48565a59f0afa8577f5b",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},this.headerTitle),i("div",{key:"3df9b6ca96d45fd01c44a6b227f0c01d1b23016e",class:"px-[30px] py-[10px] flex flex-col gap-[15px]"},i("div",{key:"167ea852d54d1e1a60d568dba20330775c5be95e",class:"grid grid-cols-3 gap-[50px]"},p.map((({label:t,value:e,key:a})=>i("div",{key:a,class:"flex flex-col flex-1"},i("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),i("div",{class:"py-[10px] px-0"},e))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,: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}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\\[40px\\]{height:40px}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}'}},[1,"manufacturer-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],headerTitle:[1,"header-title"],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function c(){"undefined"!=typeof customElements&&["manufacturer-lookup"].forEach((t=>{"manufacturer-lookup"===t&&(customElements.get(t)||customElements.define(t,p))}))}c();export{p as M,c as d}

package/dist/components/p-c39f97a1.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as e,h as i,c as o}from"./p-b2051f01.js";import{l as a,g as r}from"./p-0c62815e.js";import{c as n}from"./p-98d9e7ab.js";import{L as s}from"./p-0c9d5b37.js";import{g as d}from"./p-f99c8b2f.js";let l={};const p="46px",c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,a=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=o?await d(this,{scopedTimeoutRef:i,partNumber:a,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}toggleAccordion(t){const e=t.target.parentElement,i=e.getElementsByClassName("icon")[0];if("true"===e.getAttribute("aria-expanded"))e.style.height=p,i.style.transform="rotate(0deg)",e.setAttribute("aria-expanded","false");else{const t=e.getElementsByClassName("content")[0],o=+p.replace("px","")+t.getClientRects()[0].height;e.style.height=`${o}px`,i.style.transform="rotate(180deg)",e.setAttribute("aria-expanded","true")}}render(){var t,e;const a=this.locale.partLookup.deadStock;return i(o,{key:"9c9f1c28a87f4652d7c612b4e1d001e8d27b23b8"},i("div",{key:"f41c7f6f903a2948dcfc1066784eedde1d5eb31b",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"486376da8a09a8478468b534b703f1aa6877d087"},i(s,{key:"b3131d50da29fbb9e87002abb7b7b20180706ae8",isLoading:this.state.includes("loading")}),i("div",{key:"01999f494cfcba631efd4d7e27a53bc6e2faba21",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)&&i("div",{key:"1b77813e6f800e211145c6a9d6609eeaf1274565",class:"py-[16px]"},i("div",{key:"e5a33de3d2c81a6a811775dac25416a1b39e381c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"99a9dcbf6b724886ac984b44cfd4025d117c2288"},i("div",{key:"cd6fae6e527f3066c8e8554b138ad49eb46204b3",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"96a940e531e602c43f4cb5f3fcf57dfe68ace43d",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},a.deadStock),null===(e=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===e?void 0:e.map((t=>i("div",{key:t.companyIntegrationID,class:"py-[10px] px-[20px]"},i("div",{"aria-expanded":"false",style:{height:p},class:"border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]"},i("button",{onClick:this.toggleAccordion,style:{height:p},class:"w-full flex px-[10px] justify-between items-center text-slate-800"},i("strong",null,t.companyName),i("span",{class:"icon text-slate-800 transition-transform duration-500"},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"size-[22px]"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z"})))),i("div",{class:"content"},i("table",{class:"w-full overflow-auto relative border-collapse"},i("thead",null,i("tr",null,i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},a.branch),i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},a.availableQuantity))),i("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>i("tr",{class:"transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},i("td",{class:n("py-[20px] px-[10px] text-start whitespace-nowrap")},t.companyBranchName),i("td",{class:n("py-[20px] px-[10px] text-start whitespace-nowrap")},i("strong",null,t.quantity))))))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,: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}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function h(){"undefined"!=typeof customElements&&["dead-stock-lookup"].forEach((t=>{"dead-stock-lookup"===t&&(customElements.get(t)||customElements.define(t,c))}))}h();export{c as D,h as d}