adp-web-components 0.0.12 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dead-stock-lookup.cjs.entry.js +22 -10
- package/dist/cjs/distributor-lookup.cjs.entry.js +25 -15
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/manufacturer-lookup.cjs.entry.js +2 -15
- package/dist/cjs/paint-thickness.cjs.entry.js +3 -16
- package/dist/cjs/service-history.cjs.entry.js +1 -14
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-accessories.cjs.entry.js +3 -16
- package/dist/cjs/vehicle-specification.cjs.entry.js +1 -14
- package/dist/cjs/warranty-details.cjs.entry.js +5 -29
- package/dist/collection/components/paint-thickness/paint-thickness.js +3 -16
- package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +34 -23
- package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
- package/dist/collection/components/part-lookup/distributor-lookup.js +24 -14
- package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +1 -14
- package/dist/collection/components/service-history/service-history.js +1 -14
- package/dist/collection/components/vehicle-accessories/vehicle-accessories.js +3 -16
- package/dist/collection/components/vehicle-specification/vehicle-specification.js +1 -14
- package/dist/collection/components/warranty-details/warranty-details.js +7 -34
- package/dist/collection/templates/vehicle-lookup.js +163 -96
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/service-history.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/warranty-details.js +1 -1
- package/dist/esm/dead-stock-lookup.entry.js +22 -10
- package/dist/esm/distributor-lookup.entry.js +25 -15
- package/dist/esm/loader.js +1 -1
- package/dist/esm/manufacturer-lookup.entry.js +2 -15
- package/dist/esm/paint-thickness.entry.js +3 -16
- package/dist/esm/service-history.entry.js +1 -14
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-accessories.entry.js +3 -16
- package/dist/esm/vehicle-specification.entry.js +1 -14
- package/dist/esm/warranty-details.entry.js +5 -29
- package/dist/shift-components/p-6b21ce2d.entry.js +5 -0
- package/dist/shift-components/{p-c274f4ba.entry.js → p-7d85e912.entry.js} +1 -1
- package/dist/shift-components/p-7f258017.entry.js +5 -0
- package/dist/shift-components/{p-f21722ce.entry.js → p-9653e992.entry.js} +1 -1
- package/dist/shift-components/{p-75ea0e53.entry.js → p-d1b9cd93.entry.js} +1 -1
- package/dist/shift-components/p-d6f40c8d.entry.js +5 -0
- package/dist/shift-components/p-e05acce1.entry.js +5 -0
- package/dist/shift-components/{p-91eff216.entry.js → p-faa8070a.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/part-lookup/dead-stock-lookup.d.ts +2 -3
- package/dist/types/components/warranty-details/warranty-details.d.ts +1 -2
- package/package.json +1 -1
- package/dist/shift-components/p-2e3e8e97.entry.js +0 -5
- package/dist/shift-components/p-3bfafc40.entry.js +0 -5
- package/dist/shift-components/p-ec9302fb.entry.js +0 -5
- package/dist/shift-components/p-f95c7501.entry.js +0 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as o}from"./p-4dc47f5f.js";import{L as a}from"./p-2b0cc0c6.js";import{c as r}from"./p-98d9e7ab.js";import{g as n}from"./p-c4fad245.js";let s={};const d=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t,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 n(this,{scopedTimeoutRef:i,vin:a,mockData:s},e):t;if(this.networkTimeoutRef===i){if(!r)throw Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,e,n,s;return i(o,{key:"8e5ae0eaa05bf7f1365f5a16e31b4f546daa267b"},i("div",{key:"d097bff639f07f92245df5c7898ceb6375443826",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"d03547e52874be8356089f968292c7b330b4edef"},i(a,{key:"6d13faffb586131276ab0dbbfe21afec97b0ec77",isLoading:this.state.includes("loading")}),i("div",{key:"68e8bcbf3590e50f8ed54389ebe3fe716e3da901",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"03cdb8690215c104f4e0253b29bbaf92f3dbb0d6",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"32ccb311b5118329bbe9d04a29453e0a6360f88f",class:"py-[16px]"},i("div",{key:"70595222071784b2708a7cc5e1a0ae3392498725",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&i("div",{key:"02426e89ded841b22db0af5ddc30c8cff1ba2426",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"3060be4709758da0bc75d9a8cce3a4bff4530c98",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Service History"),i("div",{key:"377288b6e742f2fd9f06b2ca0920293437dd3968",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.serviceHistory.length)&&i("div",{key:"5ed26853f4bf544b18fed55dc21a3c3a222ac5a3",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.length)&&i("table",{key:"a7995bb565c22d8594a5219d836396a3df1e53c6",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"530da33ea34b28a82d23b509db1ba2fb7003b187",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"710aff75e258d6e408111b5e8442042440f7c29b"},["Branch","Dealer","Invoice No.","Date","Service Type","Odometer"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),i("tbody",{key:"68e5fda2e43df1c20550bada35bb17bc4393aa60"},null===(s=this.vehicleInformation)||void 0===s?void 0:s.serviceHistory.map(((t,e)=>i("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((o=>{var a;return i("td",{key:t.invoiceNumber+o,class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},t[o]||"...")})))))))))))))}get el(){return this}static get watchers(){return{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}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function l(){"undefined"!=typeof customElements&&["service-history"].forEach((t=>{"service-history"===t&&(customElements.get(t)||customElements.define(t,d))}))}l();const c=d,p=l;export{c as ServiceHistory,p as defineCustomElement}
|
|
5
|
+
import{p as t,H as e,h as i,c as o}from"./p-4dc47f5f.js";import{L as a}from"./p-2b0cc0c6.js";import{c as r}from"./p-98d9e7ab.js";import{g as n}from"./p-c4fad245.js";let s={};const d=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t,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 n(this,{scopedTimeoutRef:i,vin:a,mockData:s},e):t;if(this.networkTimeoutRef===i){if(!r)throw Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,e,n,s;return i(o,{key:"41626d52c1a46c5aa17d924c740ff128c717db72"},i("div",{key:"148b48b3511bbb0edcb06c95f432cec3794bb8be",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"83af30eb9e1bb760b7d0524b5868b98390ae67c0"},i(a,{key:"6f4a0f5c66407fc24ba9ffc624d3d2e37abca2f6",isLoading:this.state.includes("loading")}),i("div",{key:"f16ed2ccb8a9e3bcd8f71eaf05fb3c4a28eb0a16",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"ffba94045d0641ffad445c78173ef139e133ae8d",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"710d22f3233b428cafab34984cc562e46fa92d8b",class:"py-[16px]"},i("div",{key:"b036ab0231e60c66a24757b23ec5acceeca359f9",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&i("div",{key:"64fd2439a7edc45b552a7e7ea2a6583b9376b57b",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"dec74cb4310d310094fa9958b0c3991f476d9bb8",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Service History"),i("div",{key:"bc17bcd99593f7a86c00c6fbed2a9cc3c516eae7",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.serviceHistory.length)&&i("div",{key:"8d5a0902e8a13909867f0f138bbd629ad97b8b3e",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.length)&&i("table",{key:"9121de3dbcdd6ceb6e88380d15ba3a0885626af3",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"492edb0969f9774ff1fa78af9fdb4bab3f240e23",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"91bb78d8f37c12c20f331ec55f76d362572bfcee"},["Branch","Dealer","Invoice No.","Date","Service Type","Odometer"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),i("tbody",{key:"6019cc8f4ad18c13b3b082fe87da6a2bfab65773"},null===(s=this.vehicleInformation)||void 0===s?void 0:s.serviceHistory.map(((t,e)=>i("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((o=>{var a;return i("td",{key:t.invoiceNumber+o,class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},t[o]||"...")})))))))))))))}get el(){return this}static get watchers(){return{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}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function l(){"undefined"!=typeof customElements&&["service-history"].forEach((t=>{"service-history"===t&&(customElements.get(t)||customElements.define(t,d))}))}l();const c=d,p=l;export{c as ServiceHistory,p as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as o,c as a}from"./p-4dc47f5f.js";import{g as i}from"./p-c4fad245.js";import{c as r}from"./p-98d9e7ab.js";import{L as s}from"./p-2b0cc0c6.js";import{o as n,c as d,e as l}from"./p-d5ff7544.js";let c={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{n(this,t,e)},this.closeImage=t=>{d(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.expandedImage=null,this.vehicleInformation=void 0}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,r=a?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=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const s=a?await i(this,{scopedTimeoutRef:o,vin:r,mockData:c},e):t;if(this.networkTimeoutRef===o){if(!s)throw Error("Wrong response format");this.handleSettingData(s)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){c=t}render(){var t,e;const i=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return o(a,{key:"36897fc6f19dc85a4219b4040724412b4b025d6b"},o("div",{key:"22c79f8628e7839a909a973edc5f7cdca6893a50",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"9bcb7d20e411b0b5b5c24a3f1d37c69c6b4a92ba"},o(s,{key:"d7c53d1f0acb6a7b5b2dae9ee8c701ecbc4a9c97",isLoading:this.state.includes("loading")}),o("div",{key:"8e73ef542f7341ab328413ca16a7d1a509adeb2d",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},o("div",{key:"46f53a1f41ebd08a566de3ec308657f5691acf05",class:r("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)&&o("div",{key:"2f8dbaf438e62d538a53e3be527923ac7ded7296",class:"py-[16px]"},o("div",{key:"10bb480c52c9ecf3c4715effb4f4dcb93db84d69",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&o("div",{key:"4e2e6b556f6a1698fdcca13b4cf03c426a396713",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"30e34ba8eab9a055daf8a3611e7084077977d315",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Vehicle Accessories"),o("div",{key:"251abde72d8f9d9f80dbe27294501c8a5e89089d",class:"h-0 overflow-auto flex-1"},!i.length&&o("div",{key:"96238a49e10c2426b03da1f5b816b6bb8cae0397",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!i.length&&o("table",{key:"8765e2cdfc3771d4459168908c3b9d65466155b0",class:"w-full overflow-auto relative border-collapse"},o("thead",{key:"99e5c29f2f469f9ac39fc5aec2f80234e804f89d",class:"top-0 font-bold z-40 sticky bg-white"},o("tr",{key:"6addf0eadbc6fcfb2eac08d12febd3f0aab30d6a"},["Part Number","Description","Image"].map((t=>o("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),o("tbody",{key:"925ed2efd7e37c33f7dd4bee0c5202e18358965f"},i.map(((t,e)=>{var a;return o("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((a=>{var i;return o("td",{key:t.partNumber+a,class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceHistory.length)-1})},t[a]||"...")})),o("td",{class:r("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},o("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"},o("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"},o("img",{src:l}),o("span",{class:"text-white"},"Expand")),o("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}))))}))),o("div",{key:"00fbf078180b18c4e125297be26c45a3c320aec8",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:r("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},o("button",{key:"d76565b5c51ff17287584b43ddcf9d961f012b7e",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},o("div",{key:"9f7b9634e10a2114ba298bd9a49800270a91b642",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),o("div",{key:"bbb15c3b6a4de5d14da9594bc9cc078fbc155dfb",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),o("img",{key:"33cb3cfe256742f41aff3a62876db9965d40f3dc",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 transition-all rounded-lg"}))))))))}get el(){return this}static get watchers(){return{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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[133px\\]{max-width:133px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[4px\\]{gap:4px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],expandedImage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function h(){"undefined"!=typeof customElements&&["vehicle-accessories"].forEach((t=>{"vehicle-accessories"===t&&(customElements.get(t)||customElements.define(t,p))}))}h();const w=p,b=h;export{w as VehicleAccessories,b as defineCustomElement}
|
|
5
|
+
import{p as t,H as e,h as o,c as a}from"./p-4dc47f5f.js";import{g as i}from"./p-c4fad245.js";import{c as r}from"./p-98d9e7ab.js";import{L as s}from"./p-2b0cc0c6.js";import{o as n,c as d,e as l}from"./p-d5ff7544.js";let c={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{n(this,t,e)},this.closeImage=t=>{d(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.expandedImage=null,this.vehicleInformation=void 0}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,r=a?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=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const s=a?await i(this,{scopedTimeoutRef:o,vin:r,mockData:c},e):t;if(this.networkTimeoutRef===o){if(!s)throw Error("Wrong response format");this.handleSettingData(s)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){c=t}render(){var t,e;const i=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return o(a,{key:"7e5394e3dad05815f3a514a342f7afbe11a8d4c1"},o("div",{key:"1d3fea9972e6827680908bc1becb9be17a4305db",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"853e8ff5ad5adf557db5805fc6cc841d7ee224d0"},o(s,{key:"46cdabae84cf49eb88b277bf55b45f233cf28021",isLoading:this.state.includes("loading")}),o("div",{key:"948f2861dcf3e7a8b94f84400a75f681f405122a",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},o("div",{key:"2b53f6a05b1beab10a9436435969bfc0bc383cae",class:r("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)&&o("div",{key:"90d5c9e6f1efd3cef3994d2d7ccd6d278d424a76",class:"py-[16px]"},o("div",{key:"4cd2e9823137e6a7b861fea69f13a6a0343929b2",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&o("div",{key:"9481a97632f581c0b3ebdf0df9086730d10dfdc1",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"649fa9917501f66fa2380e3557c5e86ad26d7f89",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Vehicle Accessories"),o("div",{key:"262a67208efe49dbb113c7925cf6b6ae835b3f0c",class:"h-0 overflow-auto flex-1"},!i.length&&o("div",{key:"ec443d025b8ca3e50f397ffb1c66e5b280e42f70",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!i.length&&o("table",{key:"48d6e63959a8732972b89ca514b72d5677eb4447",class:"w-full overflow-auto relative border-collapse"},o("thead",{key:"b9cdc265accdb543d14bacc09756e2a7ac44e6e8",class:"top-0 font-bold z-40 sticky bg-white"},o("tr",{key:"2951863ff3d03fa9eab980acd348d2ae352cc1b4"},["Part Number","Description","Image"].map((t=>o("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),o("tbody",{key:"7106dfb61229963e59d800f630a0e351be1d680f"},i.map(((t,e)=>{var a;return o("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((a=>{var i;return o("td",{key:t.partNumber+a,class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceHistory.length)-1})},t[a]||"...")})),o("td",{class:r("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},o("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"},o("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"},o("img",{src:l}),o("span",{class:"text-white"},"Expand")),o("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}))))}))),o("div",{key:"a16654412c64f0811caf281bc9a10b4325143f74",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:r("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},o("button",{key:"2a1f6a6de320d464b549be5c8d0955743eab0c1a",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},o("div",{key:"9806406418b9a2588b18a9659a183b494d2dc029",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),o("div",{key:"e52ccc81db9fad6cde21438bae24ac06ed06d886",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),o("img",{key:"9db20d318e852a02ad255e5dc463d5ffd3135eb5",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 transition-all rounded-lg"}))))))))}get el(){return this}static get watchers(){return{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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[133px\\]{max-width:133px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[4px\\]{gap:4px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],expandedImage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function h(){"undefined"!=typeof customElements&&["vehicle-accessories"].forEach((t=>{"vehicle-accessories"===t&&(customElements.get(t)||customElements.define(t,p))}))}h();const w=p,b=h;export{w as VehicleAccessories,b as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as o}from"./p-4dc47f5f.js";import{L as a}from"./p-2b0cc0c6.js";import{c as r}from"./p-98d9e7ab.js";import{g as n}from"./p-c4fad245.js";let s={};const d=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async setData(t,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 n(this,{scopedTimeoutRef:i,vin:a,mockData:s},e):t;if(this.networkTimeoutRef===i){if(!r)throw Error("Wrong response format");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,e,n,s,d,l,c,p,h,f,b;return i(o,{key:"1b410b6dca3998600be9586345f3fba4bc5de33f"},i("div",{key:"1db4da0ddafab294ca6ad9d791ed85e39e1f1e1a",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"f0005424b93a25b295307f88f058df9f53da49b5"},i(a,{key:"6fe07890fef9b23a4a2f7a23a40d94e562897162",isLoading:this.state.includes("loading")}),i("div",{key:"0d6e2e3524b6b6febd09eb303d0762c251dbbda3",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"bf9e058077d836affdcb8356400811e3bc07cb1b",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"ca5ad9383018eed9d68c06c941d4838902b38336",class:"py-4"},i("div",{key:"b4c3daa0fef5fdcde3cb19eedd9983492c749366",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&i("div",{key:"1c5ab5cae04fbddef1a60b022f3150fb961c4d29",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"cd34df7de4fc24d1f94754c61d68d549f7f83e4d",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Vehicle Specifications"),i("div",{key:"44a1539cffed09bb9da338841f25d2e8e8e6b712",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"3fb52690ca9d08a9d4581380e3cec1a86860b286",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.vehicleSpecification)&&i("table",{key:"a89c30ce91ed1bfccfa45d0043e4810ae73646bc",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"eaa959d3ea6389d34316c3134309411188c95f8b",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"2e5d01ba63b0fd268932fc39e7d7540dd0818bd6"},["Model","Variant","Katashiki","Model Year","SFX"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),i("tbody",{key:"f5b5643eeb841748f7c3d8cc1943d6ba8ef8e1f9"},i("tr",{key:"050dea500f85bbb91bf79c9d450eec490de49716"},i("td",{key:"2b936b542e35c0536353661def7138634ca35a49",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(d=null===(s=null==this?void 0:this.vehicleInformation)||void 0===s?void 0:s.vehicleVariantInfo)||void 0===d?void 0:d.modelCode)||"..."," ",i("br",{key:"b08846e3431982ff329db2603362b0a6ecd57502",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:"892fbe89881132a274333435a3e023279721afff",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:"dde026ae6e6e5b918f6e919511c8e92554134def"}),(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("."),n=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:""+e[o][a];return i("td",{key:t,class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},n.trim()?n:"...")})))))))))))}get el(){return this}static get watchers(){return{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}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}'}},[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function l(){"undefined"!=typeof customElements&&["vehicle-specification"].forEach((t=>{"vehicle-specification"===t&&(customElements.get(t)||customElements.define(t,d))}))}l();const c=d,p=l;export{c as VehicleSpecification,p as defineCustomElement}
|
|
5
|
+
import{p as t,H as e,h as i,c as o}from"./p-4dc47f5f.js";import{L as a}from"./p-2b0cc0c6.js";import{c as r}from"./p-98d9e7ab.js";import{g as n}from"./p-c4fad245.js";let s={};const d=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async setData(t,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 n(this,{scopedTimeoutRef:i,vin:a,mockData:s},e):t;if(this.networkTimeoutRef===i){if(!r)throw Error("Wrong response format");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,e,n,s,d,l,c,p,h,f,b;return i(o,{key:"b9a0f984a08acc14315b7b7b30742ad9f5bdb49e"},i("div",{key:"af83954e986a078b9e33bfd4fc8797fb79fb028b",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"448f30f13b9c20fb30ff369e55bf564bd0d8fe20"},i(a,{key:"53523ee006eef27b765fd1b6375f39bf7f1e02c6",isLoading:this.state.includes("loading")}),i("div",{key:"78dd7934c80487fb68c67747512c5c96809280ac",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"da5b237a42b1ff4b0c20fe40ad5c46224c265986",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"dc9cae0fec62f66c747de76185d2e1688162224e",class:"py-4"},i("div",{key:"8f3b7129711bff7688170ac8228417b0bf3b4c5c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&i("div",{key:"9215e325e2b80534142c4833b717b569949721ec",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"87630966a701dc6989221ac7a133ca7e0856fcf1",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Vehicle Specifications"),i("div",{key:"06489c6c3ad553a5502cdf72cc43724d2b5c74bc",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"e6e2d53c4233cacc6571b1b9d2eaa6553bae7831",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.vehicleSpecification)&&i("table",{key:"30bf7dfaf6c8c5d9829e8a30d9644326c5a2c6d2",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"b64236329f77e1e236ad286bbe5068e55f5e40c9",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"b79c310db87dc4b40a56a0efbe82ffd54da09a21"},["Model","Variant","Katashiki","Model Year","SFX"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),i("tbody",{key:"b8afb49709c1362e95dd4446978b54c2fc570fcb"},i("tr",{key:"b566724d705cd430f7fba1e1addab9a1189ebb5d"},i("td",{key:"0577fa2f9221fdd8df0a557b92e77f3bad0885ac",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(d=null===(s=null==this?void 0:this.vehicleInformation)||void 0===s?void 0:s.vehicleVariantInfo)||void 0===d?void 0:d.modelCode)||"..."," ",i("br",{key:"f751d6784c076ce25442d7a916bc468ecd007777",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:"01e40cad1d8dc4cdfc933dcfade4b8e605219d3e",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:"f34677ab8bf2311f6ac2fd7426805cfe50ccafd7"}),(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("."),n=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:""+e[o][a];return i("td",{key:t,class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},n.trim()?n:"...")})))))))))))}get el(){return this}static get watchers(){return{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}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}'}},[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function l(){"undefined"!=typeof customElements&&["vehicle-specification"].forEach((t=>{"vehicle-specification"===t&&(customElements.get(t)||customElements.define(t,d))}))}l();const c=d,p=l;export{c as VehicleSpecification,p as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as a}from"./p-4dc47f5f.js";import{h as o,l as n}from"./p-8375923d.js";import{c as s}from"./p-98d9e7ab.js";import{g as r}from"./p-c4fad245.js";function d({isLoading:t}){return o("div",{class:s("loading-spinner absolute",{hide:!t})},o("img",{class:"spin",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg=="}))}const c="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function h({desc:t,className:e,from:i,to:a,state:n="idle",icon:r=!0}){return o("div",{class:s("card",e,n+"-card")},r&&"reject"===n&&o("img",{src:l}),r&&"warning"===n&&o("img",{src:l}),r&&"success"===n&&o("img",{src:c}),i&&o("p",{class:"no-padding"},o("span",{class:"font-semibold pr-1"},"From:")," ",t),a&&o("p",{class:"no-padding"},o("span",{class:"font-semibold pr-1"},"To:")," ",t),!i&&!a&&o("p",{class:"idle"===n?"no-padding":""},t))}function p({warranty:t,isAuthorized:e,unInvoicedByBrokerName:i}){return o("div",{class:"warranty-tags mx-auto pt-3"},o(h,{state:e?"success":"reject",desc:e?"Authorized":"Unauthorized"}),o(h,{state:t.hasActiveWarranty?"success":"reject",desc:t.hasActiveWarranty?"Has Active Warranty":"Doesn't Have Active Warranty"}),i&&o(h,{className:"span-entire-2nd-row",state:"warning",icon:!0,desc:"Warranty is not Active because this Vehicle is not Invoiced by the following Trusted Business Partner: "+i}),t.warrantyStartDate&&o(h,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,desc:t.warrantyStartDate}),t.warrantyEndDate&&o(h,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,to:!0,desc:t.warrantyEndDate}))}function g({ssc:t}){return o("div",{class:"wrapper-table"},o("div",{class:"header"},"SSC Campings"),o("div",{class:"ssc-table-container"},o("table",{class:"ssc-table"},o("thead",null,o("tr",null,o("th",null,"Code"),o("th",null,"Description"),o("th",null,"Repair Status"),o("th",null,"OP-Codes"),o("th",null,"Part Number"))),o("tbody",null,t.map((t=>o("tr",{class:"transition",key:t.sscCode},o("td",null,t.sscCode),o("td",null,t.description),o("td",null,o("div",{class:"table-cell-container"},o("img",{class:"table-status-icon",src:t.repaired?c:l})," ",null==t?void 0:t.repairDate)),o("td",null,t.opCode),o("td",null,o("div",{class:"table-cell-container table-cell-parts-container"},t.parts.length?t.parts.map((t=>o("div",{key:t.partNumber,class:t.isAvailable?"success":"reject"},t.partNumber))):"...")))))))))}let u={};const b=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.unauthorizedSscLookupBaseUrl="",this.isDev=!1,this.showSsc=!1,this.queryString="",this.unauthorizedSscLookupQueryString="",this.recaptchaKey="",this.showWarranty=!1,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.errorMessage=null,this.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.vehicleInformation=void 0,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null}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?"This Vehicle has a Pending SSC":"No Pending SSC"}}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:{"Ssc-Recaptcha-Token":a}}),n=await o.json();if(!n||this.networkTimeoutRef!==e)throw Error("Wrong response format");{this.checkingUnauthorizedSSC=!1;const t=1===n.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"This Vehicle has a Pending SSC":"No Pending SSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async setData(t,e={}){let i;this.recaptchaRes=null,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 r(this,{scopedTimeoutRef:i,vin:o,mockData:u},e):t;if(this.networkTimeoutRef===i){if(!n)throw Error("Wrong response format");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;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){u=t}onShowSscChange(){}onShowWarrantyChange(){}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}render(){var t,e,o,r,c;return i(a,{key:"788b8a8ffbca4b31a40ab95655fabcb41f0d83df"},i("div",{key:"ed92ce80c844eb884cd872f58894136c47fb7c4c",class:"min-h-[100px] warranty"},i("div",{key:"016013ecfba73d87df136580fffe5e2e07aaf958"},i(d,{key:"3b8de918e7a315e843b8bc42942fc14b57216c94",isLoading:this.state.includes("loading")}),i("div",{key:"4c5f2ad067fcfd199ae1c69765509e6bbb1944f4",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:"5174d6380ed09d1e003cbd58d544b9838eaf8b16",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:"9ca23b51fa38b8ae7900c0283d84a27f485e9e87",class:"py-4"},i(h,{key:"304a1c83cb397b42d297abbbda51c925246105ec",desc:this.errorMessage,className:"mx-auto reject-card max-w-500"})," "),this.showWarranty&&["data","data-loading"].includes(this.state)&&i(p,{key:"542c2cdfb222054604ef7b9ab3614c69339027ed",isAuthorized:null===(e=this.vehicleInformation)||void 0===e?void 0:e.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName,warranty:null===(o=this.vehicleInformation)||void 0===o?void 0:o.warranty}),i("div",{key:"56c5529bbf8b264b5bc1568b4b9aa3cf687e6915",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},i("slot",{key:"0211fb8f130efc788e73524c4cd6f79702458aaf"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&i("div",{key:"cc1e03101e506ffb831e0ad6adacaf86b8c542fe",class:s("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.recaptchaRes.message),this.checkingUnauthorizedSSC&&i("div",{key:"557261d532b671e5813c0259e623647a802851a0",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},i("div",{key:"1e8a78a692a8b9171cdd201d34aca99a253d0781"},i("strong",{key:"967e34d989ebacb6f4b469fa11c73ae165426fa4"},"Checking TMC")),i("img",{key:"112de8a206bb8877b6cd71ba437755bfc56720be",class:"spin",src:n})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(r=this.vehicleInformation)||void 0===r?void 0:r.ssc)&&!!(null===(c=this.vehicleInformation)||void 0===c?void 0:c.ssc.length)&&i(g,{key:"903b7a27b9093657aa7a2f11a8677ea825fb1d90",ssc:this.vehicleInformation.ssc})))))}get el(){return this}static get watchers(){return{showSsc:["onShowSscChange"],showWarranty:["onShowWarrantyChange"],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;height:0!important}.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}.min-h-\\[100px\\]{min-height:100px}.py-4{padding-bottom:1rem;padding-top:1rem}.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)}'}},[1,"warranty-details",{baseUrl:[1,"base-url"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],isDev:[4,"is-dev"],showSsc:[4,"show-ssc"],queryString:[1,"query-string"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],recaptchaKey:[1,"recaptcha-key"],showWarranty:[4,"show-warranty"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],showRecaptcha:[32],unInvoicedByBrokerName:[32],vehicleInformation:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{showSsc:["onShowSscChange"],showWarranty:["onShowWarrantyChange"],state:["loadingListener"]}]);function f(){"undefined"!=typeof customElements&&["warranty-details"].forEach((t=>{"warranty-details"===t&&(customElements.get(t)||customElements.define(t,b))}))}f();const w=b,m=f;export{w as WarrantyDetails,m as defineCustomElement}
|
|
5
|
+
import{p as t,H as e,h as i,c as a}from"./p-4dc47f5f.js";import{h as o,l as n}from"./p-8375923d.js";import{c as s}from"./p-98d9e7ab.js";import{g as r}from"./p-c4fad245.js";function d({isLoading:t}){return o("div",{class:s("loading-spinner absolute",{hide:!t})},o("img",{class:"spin",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg=="}))}const c="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function h({desc:t,className:e,from:i,to:a,state:n="idle",icon:r=!0}){return o("div",{class:s("card",e,n+"-card")},r&&"reject"===n&&o("img",{src:l}),r&&"warning"===n&&o("img",{src:l}),r&&"success"===n&&o("img",{src:c}),i&&o("p",{class:"no-padding"},o("span",{class:"font-semibold pr-1"},"From:")," ",t),a&&o("p",{class:"no-padding"},o("span",{class:"font-semibold pr-1"},"To:")," ",t),!i&&!a&&o("p",{class:"idle"===n?"no-padding":""},t))}function p({warranty:t,isAuthorized:e,unInvoicedByBrokerName:i}){return o("div",{class:"warranty-tags mx-auto pt-3"},o(h,{state:e?"success":"reject",desc:e?"Authorized":"Unauthorized"}),o(h,{state:t.hasActiveWarranty?"success":"reject",desc:t.hasActiveWarranty?"Has Active Warranty":"Doesn't Have Active Warranty"}),i&&o(h,{className:"span-entire-2nd-row",state:"warning",icon:!0,desc:"Warranty is not Active because this Vehicle is not Invoiced by the following Trusted Business Partner: "+i}),t.warrantyStartDate&&o(h,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,desc:t.warrantyStartDate}),t.warrantyEndDate&&o(h,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,to:!0,desc:t.warrantyEndDate}))}function g({ssc:t}){return o("div",{class:"wrapper-table"},o("div",{class:"header"},"SSC Campings"),o("div",{class:"ssc-table-container"},o("table",{class:"ssc-table"},o("thead",null,o("tr",null,o("th",null,"Code"),o("th",null,"Description"),o("th",null,"Repair Status"),o("th",null,"OP-Codes"),o("th",null,"Part Number"))),o("tbody",null,t.map((t=>o("tr",{class:"transition",key:t.sscCode},o("td",null,t.sscCode),o("td",null,t.description),o("td",null,o("div",{class:"table-cell-container"},o("img",{class:"table-status-icon",src:t.repaired?c:l})," ",null==t?void 0:t.repairDate)),o("td",null,t.opCode),o("td",null,o("div",{class:"table-cell-container table-cell-parts-container"},t.parts.length?t.parts.map((t=>o("div",{key:t.partNumber,class:t.isAvailable?"success":"reject"},t.partNumber))):"...")))))))))}let u={};const b=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.unauthorizedSscLookupBaseUrl="",this.isDev=!1,this.showSsc=!1,this.queryString="",this.unauthorizedSscLookupQueryString="",this.recaptchaKey="",this.showWarranty=!1,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.errorMessage=null,this.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.vehicleInformation=void 0,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null,this.headers={}}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?"This Vehicle has a Pending SSC":"No Pending SSC"}}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 Error("Wrong response format");{this.checkingUnauthorizedSSC=!1;const t=1===n.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"This Vehicle has a Pending SSC":"No Pending SSC"}}}}),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 r(this,{scopedTimeoutRef:i,vin:o,mockData:u},e):t;if(this.networkTimeoutRef===i){if(!n)throw Error("Wrong response format");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;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){u=t}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}render(){var t,e,o,r,c;return i(a,{key:"3c8f75a5285bcae20b14896f48219478873dc56f"},i("div",{key:"b87f7c2301163f6a8a59ea30005bf5fdce3084b3",class:"min-h-[100px] warranty"},i("div",{key:"2e9eca00ba1b2b5a362966ce7bec90118a255be4"},i(d,{key:"e0dcf745ea9409ffd55f54a2b304bf448f00981d",isLoading:this.state.includes("loading")}),i("div",{key:"ae2feac973e3ddfc3e8b38f1887f1f3ff2da0393",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:"d27ea304918aad5f6fc6acce7ea4b4da89be5d7b",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:"1f797e76bb68d350ff3b071a11d94cd72f031569",class:"py-4"},i(h,{key:"4f674cc1259a7628bb565f737575108ef1882569",desc:this.errorMessage,className:"mx-auto reject-card max-w-500"})," "),this.showWarranty&&["data","data-loading"].includes(this.state)&&i(p,{key:"7c47e8a2c5dd921af1df7f8d2453a3897709dde3",isAuthorized:null===(e=this.vehicleInformation)||void 0===e?void 0:e.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName,warranty:null===(o=this.vehicleInformation)||void 0===o?void 0:o.warranty}),i("div",{key:"250484f60f45bc8470c074056cbd567017fb1fcd",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},i("slot",{key:"4e728a717fdc8b34a6c861a40ff0cf7ec9dacf95"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&i("div",{key:"aa3134245674835812a638b4d8ccf6da1baafc13",class:s("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.recaptchaRes.message),this.checkingUnauthorizedSSC&&i("div",{key:"33c4511869c04b4780285f35e19efee5362b6240",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},i("div",{key:"69c77e7eff03943790b00030068ec3b25c86fb25"},i("strong",{key:"a6b3cf9c81dc0cf5dcad68189827428511eb289f"},"Checking TMC")),i("img",{key:"812b2eb0ca00baa596ccf6e6e5e4943dccc89159",class:"spin",src:n})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(r=this.vehicleInformation)||void 0===r?void 0:r.ssc)&&!!(null===(c=this.vehicleInformation)||void 0===c?void 0:c.ssc.length)&&i(g,{key:"be4c7f932929fc7aff56eb3fb6c45e5d2bd3ff1d",ssc:this.vehicleInformation.ssc})))))}get el(){return this}static get watchers(){return{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;height:0!important}.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}.min-h-\\[100px\\]{min-height:100px}.py-4{padding-bottom:1rem;padding-top:1rem}.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)}'}},[1,"warranty-details",{baseUrl:[1,"base-url"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],isDev:[4,"is-dev"],showSsc:[4,"show-ssc"],queryString:[1,"query-string"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],recaptchaKey:[1,"recaptcha-key"],showWarranty:[4,"show-warranty"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],showRecaptcha:[32],unInvoicedByBrokerName:[32],vehicleInformation:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],headers:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function f(){"undefined"!=typeof customElements&&["warranty-details"].forEach((t=>{"warranty-details"===t&&(customElements.get(t)||customElements.define(t,b))}))}f();const m=b,w=f;export{m as WarrantyDetails,w as defineCustomElement}
|
|
@@ -8,15 +8,16 @@ import { L as Loading } from './Loading-61648252.js';
|
|
|
8
8
|
import { c as cn } from './cn-cc419b94.js';
|
|
9
9
|
import './loader-027b88af.js';
|
|
10
10
|
|
|
11
|
-
const deadStockLookupCss = "*,: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}
|
|
11
|
+
const deadStockLookupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.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}.w-full{width:100%}.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-left{text-align:left}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-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}";
|
|
12
12
|
const DeadStockLookupStyle0 = deadStockLookupCss;
|
|
13
13
|
|
|
14
14
|
let mockData = {};
|
|
15
|
+
const closedAccordionHeight = '46px';
|
|
15
16
|
const DeadStockLookup = class {
|
|
16
17
|
constructor(hostRef) {
|
|
17
18
|
registerInstance(this, hostRef);
|
|
18
|
-
this.isDev = false;
|
|
19
19
|
this.baseUrl = '';
|
|
20
|
+
this.isDev = false;
|
|
20
21
|
this.queryString = '';
|
|
21
22
|
this.loadingStateChange = undefined;
|
|
22
23
|
this.loadedResponse = undefined;
|
|
@@ -24,14 +25,10 @@ const DeadStockLookup = class {
|
|
|
24
25
|
this.externalPartNumber = null;
|
|
25
26
|
this.errorMessage = null;
|
|
26
27
|
this.partInformation = undefined;
|
|
27
|
-
this.activeIndex = null;
|
|
28
28
|
}
|
|
29
29
|
handleSettingData(response) {
|
|
30
30
|
this.partInformation = response;
|
|
31
31
|
}
|
|
32
|
-
toggleAccordion(index) {
|
|
33
|
-
this.activeIndex = this.activeIndex === index ? null : index;
|
|
34
|
-
}
|
|
35
32
|
async setData(newData, headers = {}) {
|
|
36
33
|
clearTimeout(this.networkTimeoutRef);
|
|
37
34
|
if (this.abortController)
|
|
@@ -43,7 +40,6 @@ const DeadStockLookup = class {
|
|
|
43
40
|
this.externalPartNumber = partNumber;
|
|
44
41
|
try {
|
|
45
42
|
if (!partNumber || partNumber.trim().length === 0) {
|
|
46
|
-
//this.componentHeight = '0px';
|
|
47
43
|
this.state = 'idle';
|
|
48
44
|
return;
|
|
49
45
|
}
|
|
@@ -77,17 +73,33 @@ const DeadStockLookup = class {
|
|
|
77
73
|
await this.setData(partNumber, headers);
|
|
78
74
|
}
|
|
79
75
|
async loadingListener() {
|
|
80
|
-
//this.calculateHeight(newState);
|
|
81
76
|
if (this.loadingStateChange)
|
|
82
77
|
this.loadingStateChange(this.state.includes('loading'));
|
|
83
78
|
}
|
|
84
79
|
async setMockData(newMockData) {
|
|
85
80
|
mockData = newMockData;
|
|
86
81
|
}
|
|
82
|
+
toggleAccordion(event) {
|
|
83
|
+
const container = event.target.parentElement;
|
|
84
|
+
const icon = container.getElementsByClassName('icon')[0];
|
|
85
|
+
const isExpanded = container.getAttribute('aria-expanded') === 'true';
|
|
86
|
+
if (isExpanded) {
|
|
87
|
+
container.style.height = closedAccordionHeight;
|
|
88
|
+
icon.style.transform = 'rotate(0deg)';
|
|
89
|
+
container.setAttribute('aria-expanded', 'false');
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
const content = container.getElementsByClassName('content')[0];
|
|
93
|
+
const totalHeight = +closedAccordionHeight.replace('px', '') + content.getClientRects()[0].height;
|
|
94
|
+
container.style.height = `${totalHeight}px`;
|
|
95
|
+
icon.style.transform = 'rotate(180deg)';
|
|
96
|
+
container.setAttribute('aria-expanded', 'true');
|
|
97
|
+
}
|
|
98
|
+
}
|
|
87
99
|
render() {
|
|
88
100
|
var _a, _b;
|
|
89
|
-
return (h(Host, { key: '
|
|
90
|
-
_b.map(
|
|
101
|
+
return (h(Host, { key: 'f868a1c81dc98548642bb3baf78bc96d0a602c6a' }, h("div", { key: 'a868a68dc54e4a5463ad6395e209e6538f972960', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'c5cc22080a9c9ebc4b55dd038bfbc263c3cf4dd1' }, h(Loading, { key: 'c2d039a04fc763b329fd3d0ad0e70c68a2a3d716', isLoading: this.state.includes('loading') }), h("div", { key: 'f29a10d23d05c5266880fdb1f3c1618e87e1379d', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'd886904d0fe6521ea5a068a8a04b0828605c0264', class: "py-[16px]" }, h("div", { key: 'e59d14518de70ebbb5da2588199e5be6ff20d6d7', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: '7b088662fc257bb3284a01fb492c0b976ef78a44' }, h("div", { key: '93df28e47a2ac1384606072e4fa1e4748d5f539a', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '0ccf2ca8e0761803289e0b07961c0ae294f27fd2', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Dead stock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
|
|
102
|
+
_b.map(deadStock => (h("div", { key: deadStock.companyIntegrationID, class: "py-[10px] px-[20px]" }, h("div", { "aria-expanded": "false", style: { height: closedAccordionHeight }, class: "border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]" }, h("button", { onClick: this.toggleAccordion, style: { height: closedAccordionHeight }, class: "w-full flex px-[10px] justify-between items-center text-slate-800" }, h("strong", null, deadStock.companyName), h("span", { class: "icon text-slate-800 transition-transform duration-500" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-[22px]" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" })))), h("div", { class: "content" }, h("table", { class: "w-full overflow-auto relative border-collapse" }, h("thead", null, h("tr", null, h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Available Qty"))), h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (h("tr", { class: "transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, h("td", { class: cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, branchDeadStock.companyBranchName), h("td", { class: cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
91
103
|
}
|
|
92
104
|
get el() { return getElement(this); }
|
|
93
105
|
static get watchers() { return {
|
|
@@ -8,7 +8,7 @@ import { c as cn } from './cn-cc419b94.js';
|
|
|
8
8
|
import { g as getPartInformation } from './partInformation-096a8f55.js';
|
|
9
9
|
import './loader-027b88af.js';
|
|
10
10
|
|
|
11
|
-
const distributorLookupCss = "*,: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}.
|
|
11
|
+
const distributorLookupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\\[gray\\],.border-b-\\[grey\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}";
|
|
12
12
|
const DistributorLookupStyle0 = distributorLookupCss;
|
|
13
13
|
|
|
14
14
|
let mockData = {};
|
|
@@ -39,7 +39,6 @@ const DistributorLookup = class {
|
|
|
39
39
|
this.externalPartNumber = partNumber;
|
|
40
40
|
try {
|
|
41
41
|
if (!partNumber || partNumber.trim().length === 0) {
|
|
42
|
-
//this.componentHeight = '0px';
|
|
43
42
|
this.state = 'idle';
|
|
44
43
|
return;
|
|
45
44
|
}
|
|
@@ -72,19 +71,7 @@ const DistributorLookup = class {
|
|
|
72
71
|
async fetchData(partNumber = this.externalPartNumber, headers = {}) {
|
|
73
72
|
await this.setData(partNumber, headers);
|
|
74
73
|
}
|
|
75
|
-
//calculateHeight(componentState: string) {
|
|
76
|
-
// if (componentState.includes('loading') && this.componentHeight === '0px') {
|
|
77
|
-
// this.componentHeight = '100px';
|
|
78
|
-
// } else if (componentState !== 'idle') {
|
|
79
|
-
// setTimeout(() => {
|
|
80
|
-
// this.componentHeight = `${this.wrapperRef.clientHeight}px`;
|
|
81
|
-
// }, 50);
|
|
82
|
-
// } else {
|
|
83
|
-
// this.componentHeight = '0px';
|
|
84
|
-
// }
|
|
85
|
-
//}
|
|
86
74
|
async loadingListener() {
|
|
87
|
-
//this.calculateHeight(newState);
|
|
88
75
|
if (this.loadingStateChange)
|
|
89
76
|
this.loadingStateChange(this.state.includes('loading'));
|
|
90
77
|
}
|
|
@@ -93,7 +80,30 @@ const DistributorLookup = class {
|
|
|
93
80
|
}
|
|
94
81
|
render() {
|
|
95
82
|
var _a;
|
|
96
|
-
|
|
83
|
+
const infoRow1 = this.partInformation
|
|
84
|
+
? [
|
|
85
|
+
{ label: 'Description', value: this.partInformation.stockParts[0].partDescription },
|
|
86
|
+
{ label: 'Product Group', value: this.partInformation.stockParts[0].group },
|
|
87
|
+
{ label: 'Price', value: this.partInformation.stockParts[0].price },
|
|
88
|
+
]
|
|
89
|
+
: [];
|
|
90
|
+
const infoRow2 = this.partInformation
|
|
91
|
+
? [
|
|
92
|
+
{ label: 'Superseded To', value: this.partInformation.stockParts[0].supersededTo },
|
|
93
|
+
{ label: 'Superseded From', value: this.partInformation.stockParts[0].supersededFrom },
|
|
94
|
+
]
|
|
95
|
+
: [];
|
|
96
|
+
const displayDistributer = this.partInformation
|
|
97
|
+
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
98
|
+
: false;
|
|
99
|
+
return (h(Host, { key: '3c5a08da9bb6d8c0bbdf11a6c0ead0b8b3ece4fd' }, h("div", { key: 'dcbc04f9ece2c0a837bb89819606be82b0e625d5', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'b70cd016c852fcb6cece1f6be2f037d7af80f0be' }, h(Loading, { key: 'e404e25b376251fd9cb1b6bf8e520db09b0e6cc5', isLoading: this.state.includes('loading') }), h("div", { key: '33620d5b42941efe1d4f962d4df4d98aac8bdc15', class: cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (h("div", { key: 'f8fcc173188f6cbdfcf6da841ad6556b1a105d8d', class: "py-[16px]" }, h("div", { key: '7c2837559f70060bc3f133a0818299bd590bfb79', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (h("div", { key: 'ad5eb569a94d00437c949317a6085e0df88911e1' }, h("div", { key: '159eb5d8c3e27a47352711b72f7364320a036adf', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '239a82c459a749aaef876be1f29651e4938e28ef', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), h("div", { key: 'fc013a900a27b19650727cea7bb724c71e2efd20', class: "py-[10px] flex flex-col gap-[15px]" }, h("div", { key: '8621fa1329cb3373ac95cc155541322172a853a4', class: "flex gap-[50px]" }, infoRow1.map(({ label, value }) => (h("div", { key: label, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), h("div", { class: "py-[10px] px-0" }, value))))), h("div", { key: 'b0df20fbafbb582eb26dd24021f636190ddad458', class: "flex gap-[50px]" }, infoRow2.map(({ label, value }) => (h("div", { key: label, class: "flex flex-col flex-1" }, h("strong", { class: "py-[10px] px-0 border-b border-b-[grey]" }, label), h("div", { class: "py-[10px] px-0" }, value)))), h("div", { key: '4d8824a39a0390e354863354c7d9edb8bdf3b28f', class: "flex-1" })))), displayDistributer && (h("div", { key: 'ad80b9e8a12cae61a5f734d13d51c07133667b2a', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: '706d7fa5a761d47f93cfd6d6135f5b9eeff0c63a', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Distributor Stock"), h("div", { key: 'e660afe492e8722e22d1c2e96fbab51899549800', class: "flex flex-col gap-[15px]" }, h("table", { key: 'ff93c641d7c31b163957aa28086b3f4f49477b88', class: "w-full overflow-auto relative border-collapse" }, h("thead", { key: 'bfc5d1fe90425b6bfa964adf94b5291f29f5a05b', class: "top-0 font-bold sticky bg-white" }, h("tr", { key: 'c162b0953b301b7cea3be6023ffe1cd51d145f54' }, ['Location', 'Availability'].map(title => (h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), h("tbody", { key: 'd4650b04d2292edbf185bedb4d34f065e04e0589' }, (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.stockParts.map(stock => (h("tr", { class: "transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100", key: stock.locationID }, h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, stock.locationName), h("td", { class: cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, h("div", { class: cn('text-[red]', {
|
|
100
|
+
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
101
|
+
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
102
|
+
}) }, h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
103
|
+
? 'Available'
|
|
104
|
+
: stock.quantityLookUpResult === 'PartiallyAvailable'
|
|
105
|
+
? 'Partially Available'
|
|
106
|
+
: 'Not Available'))))))))))))))))));
|
|
97
107
|
}
|
|
98
108
|
get el() { return getElement(this); }
|
|
99
109
|
static get watchers() { return {
|