adp-web-components 0.0.13 → 0.0.16

package/dist/components/p-da533bd7.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as e,H as a,h as t,c as i}from"./p-be0a5ab5.js";import{c as o}from"./p-98d9e7ab.js";const c=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeModal=async()=>{this.isOpened=!1,this.item=null,await new Promise((e=>setTimeout(e,500))),this.canceledItems=[],this.unInvoicedByBrokerName=null,this.input.value="",this.isLoading=!1,this.input.readOnly=!1},this.qrCodeKeyDown=async e=>{if("Enter"===e.key){if(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)return;if(e.preventDefault(),!(null==this?void 0:this.handleScanner))return;const a=this.input.value;this.input.value="",this.isLoading=!0,this.input.readOnly=!0,this.handleScanner(a)}},this.onValueChanges=e=>{this.handleQrChanges&&this.handleQrChanges(e.target.value)},this.vin="",this.item=null,this.canceledItems=null,this.unInvoicedByBrokerName=null,this.handleScanner=void 0,this.handleQrChanges=void 0,this.confirmServiceCancellation=!1,this.confirmUnInvoicedTBPVehicles=!1,this.internalVin="",this.isOpened=!1,this.internalItem=null,this.internalCanceledItem=null,this.isLoading=!1,this.loadingStateChange=void 0}onIsLoadingChange(e){this.loadingStateChange&&this.loadingStateChange(e)}async componentDidLoad(){this.input=this.el.shadowRoot.querySelector(".dynamic-claim-processor .qr-input"),this.dynamicClaimProcessor=this.el.shadowRoot.querySelector(".dynamic-claim-processor"),this.confirmUnInvoicedTBPVehicles=null===this.unInvoicedByBrokerName}focusInput(){setTimeout((()=>{this.input.focus()}),100)}async changeInternalCanceledItem(e){this.internalCanceledItem=e,this.confirmServiceCancellation=!(this.internalCanceledItem.length>0)}async changeConfirmUnInvoicedTBPVehicles(e){this.confirmUnInvoicedTBPVehicles=null===e}async changeInternalVin(e){this.internalVin=e}async changeInternalItem(e){this.isOpened=!!e,e&&(this.internalItem=e),e?(this.closeModalListenerRef=e=>"Escape"===e.key&&this.quite(),window.addEventListener("keydown",this.closeModalListenerRef),await new Promise((e=>setTimeout(e,300))),this.input.focus()):(window.removeEventListener("keydown",this.closeModalListenerRef),this.quite())}async quite(){this.closeModal()}async getQrValue(){return this.input.value}render(){var e,a,c,d,r;const n=!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles;return n||this.focusInput(),t(i,{key:"1c9caf9bc3c69a894c21a316dd24dba65826fc10"},t("div",{key:"aeb1ff0374789634466a633b08c860804bb6419e",class:o("dynamic-claim-processor",(null==this?void 0:this.isOpened)&&"active")},t("svg",{key:"ddfe24cedb6c1edf7cd9075dfda6614c35afa7c8",id:"dynamic-claim-processor-close-icon",onClick:this.closeModal,viewBox:"-0.5 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"45ebcacb57ae3c74dc5df829387f561aa5640f8c",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"75bb2d9af870209d2939497b3135c27e19b5022b",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"4981737f059e64e39b5fcf38f9ae22c7de200d6d",id:"SVGRepo_iconCarrier"},t("path",{key:"29b61f3eecf6754712076476574c2095206b5146",d:"M3 21.32L21 3.32001",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{key:"d1a8d812cb731fdf6bbb52b4b75b789d90fb29fb",d:"M3 3.32001L21 21.32",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),t("div",{key:"8033fa3b4f41f6dbf7d847ad4fc7049b2887e8b1",class:"dynamic-claim-processor-wrapper"},t("div",{key:"2e500ff09f864cde42625d25ecb8fe2cb6094745",class:"dynamic-claim-processor-info-box"},t("div",{key:"df44626c213210ed835076f80624b9f4a73c26db",class:"dynamic-claim-processor-info-box-header"},t("strong",{key:"01404b1dec877ddd677868832e00384aaa5c8030",class:"dynamic-claim-header-vin"},null==this?void 0:this.internalVin)),t("div",{key:"e1c8c7051ddc2f776cc5e1be0395b3d7149388cc",class:"dynamic-claim-processor-info-box-body"},t("table",{key:"01002dad83ca9f14820766cbaf7ccf700a5983ee",class:"border-separate"},t("tr",{key:"359d82652802be2bdb744daaed75f60988ce008b"},t("th",{key:"2582c563a2d6ba2810949984c96a60361463e856"},"Service Type"),t("td",{key:"3582fa83d6c71a162144052217d3424b29e906de"},null===(e=null==this?void 0:this.internalItem)||void 0===e?void 0:e.type),t("th",{key:"8d57a79ec257f0e4b13d9f6fbfb99b2792237d90"},"Name"),t("td",{key:"502333c8be3e05ad925aa53c71a9341875c635e6"},null===(a=null==this?void 0:this.internalItem)||void 0===a?void 0:a.name)),t("tr",{key:"7257780d4de01dc905afc6fbe74cd8f6dbf01cc2"},t("th",{key:"cf89385bb8b555da9221a45de8a00d0db9be22b6"},"Activation Date"),t("td",{key:"14c7bd43b0e9fc1281077a5320188b0026c8516c"},null===(c=null==this?void 0:this.internalItem)||void 0===c?void 0:c.activatedAt),t("th",{key:"2048c361b001277ecc874c0633209ae72358d19b"},"Expiry Date"),t("td",{key:"e24d899c1d2c896da3d12b329011c385089f9309"},null===(d=null==this?void 0:this.internalItem)||void 0===d?void 0:d.expiresAt)),t("tr",{key:"37b89795716a8bb4cda874d365ff11f47fd6ffe9"},t("th",{key:"1312b5bcd3f36e907a443a74358e82f0b26a4b97"},"Menu Code"),t("td",{key:"42eaf23d362219144be955bd9ab85283bd068719"},null===(r=null==this?void 0:this.internalItem)||void 0===r?void 0:r.menuCode))))),t("div",{key:"f8cfaeb7ce38a9f64b0816e13f6159707c40a148",style:{flex:"1",width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-evenly"}},(null==this?void 0:this.internalCanceledItem)&&Array.isArray(this.internalCanceledItem)&&!!this.internalCanceledItem.length&&t("div",{key:"da2881493184dc7ee901d347e2e37da8c1d78b59",class:"admonition warning"},t("p",{key:"f488a9791bdaadd460f4b0ddfbcc2418d3851479",class:"admonition-title"},"Warning"),t("div",{key:"8472ffeaf2a88e24a8248e5157adf0b3fbed763a",style:{padding:"0 30px"}},t("p",{key:"d2aab74813c3dbf3729d2dbcfd768018f5ca9211",class:"my-4"},"the following Services Are still 'Pending' and they will be marked as 'Cancelled'"),t("ul",{key:"a38499f0f0ef2eee54c5fded29d41b919dd53289",class:"dynamic-claim-processor-to-be-cancelled-list my-4 pl-10 list-disc"},this.internalCanceledItem.map((({name:e})=>t("li",{id:e},e)))),t("div",{key:"987766f76610f579a0d1538df159315da7376b23",class:"cancel-confirmation-box"},t("label",{key:"f7bd93b301ce798bad6396aac6592d6b910013f7"},t("input",{key:"58b87d316e626b48e571e77b512c24c1806461fd",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmServiceCancellation=!this.confirmServiceCancellation}})," ","Confirm Marking the above services as 'Cancelled'")))),this.unInvoicedByBrokerName&&t("div",{key:"f5966a357cfb94cae5f2df625cbc697e81fb0578",class:"admonition warning"},t("p",{key:"08f4653f2c8da05a4c592c821ff8d843b9ec3a3c",class:"admonition-title"},"Warning"),t("div",{key:"ac0c50fb6c94cc49f15decce39b924735355cd51",style:{padding:"0 30px"}},t("p",{key:"a34e32597920ad8d1aca1e57d35c6f92abe296a4",class:"my-4"},"This Vehicle is not yet invoiced by the following Trusted Business Partner:"),t("div",{key:"0a25cbf5af26f7c5690a7fd28b0af3904cfabd2b"},t("strong",{key:"6040bb5ab43e01b50556d0ed9e3b6f1dda6f5c85"},this.unInvoicedByBrokerName)),t("div",{key:"a35b5ffedb3a4fcf43b9630e90b571b3cb864dcb",class:"cancel-confirmation-box"},t("label",{key:"8001a85c57a521909993a0644379833fd5eb7495"},t("input",{key:"6efeb59f88dc6db7ede5a3e52d493505d6ec5bad",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmUnInvoicedTBPVehicles=!this.confirmUnInvoicedTBPVehicles}})," ","Confirm Claiming without Trusted Business Partner Invoice")))),t("div",{key:"07ec34ce41ac719b5fc4466f5f3454c01e0f3c47",class:o("dynamic-claim-processor-progress",(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)&&"disabled")},t("div",{key:"e81f22dfd193728d65d4b5b180a7cadf7c759934",id:"scan-invoice-step",class:o("dynamic-claim-processor-progress-step",this.isLoading&&"processing")},t("div",{key:"0e52b7c8dfcc25bcd0348ea6b1f4c2f9896dcf27",style:{position:"relative",width:"130px",height:"130px",display:"block",margin:"auto",marginTop:"15px"}},t("div",{key:"f9700298e6a1275a771f4728dc8d4ac837da7e25",style:{position:"absolute"},class:"scan-invoice-wrapper flex flex-col gap-1 justify-center items-center"},t("svg",{key:"54a4540aa0c0497b7645c4e177585af30502a0dd",fill:"#3071a9",height:"100px",width:"100px",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",stroke:"#ffffff"},t("g",{key:"23bf9c1cc0d5ad23a4197385cdcf6e8cacc4890a",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"2f77d4b27f8c9a9c40fa2e7516d8f837f9b7dc86",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"e1b65e3fdf3509ca831eb9e2af3317bc91f99dd6",id:"SVGRepo_iconCarrier"},t("g",{key:"c82ab0b2cc84a1e5dd8a111bced564b71288a9a7"},t("g",{key:"b0c51d3b92e866cafdc2abfb3e9f4fe86af8065f"},t("path",{key:"fcc9457f1b51a80cdc6f84f067c345eb019f5f0a",d:"M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z"}))),t("g",{key:"681e112d6bb62ec67e21ebbccbca25bdbab84153"},t("g",{key:"5213d522e7217be7515fd59c8f532a7bf30ac475"},t("path",{key:"d0abd1d8f565f0718f1760a0143e828bf8e10d56",d:"M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z"}))),t("g",{key:"b52cb61950588c6d4fcea5305c75a86bae8aa161"},t("g",{key:"bf1eb4f68c38e57206e764b0ef95425bba0d8e6f"},t("path",{key:"c59d995efe9323a36f8159cca252b08204dd72a0",d:"M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z"}))),t("g",{key:"bbfc759654469d34b9585deb9b2fe47fca8b6a9f"},t("g",{key:"9b5d6a2d6160971132d9e9769e8de55bf29d2ae9"},t("path",{key:"659908331de71501a9c369b5c8bed78db67013c0",d:"M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z"}))),t("g",{key:"741b92e30534cafcdae4b4731b303231cf72f332"},t("g",{key:"aef93ce494c69bb08eba8e89e96514e827032d8d"},t("path",{key:"9a46e1bce5b80550c868567afa8a288f5d495a0b",d:"M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z"}))),t("g",{key:"db9a06810a705c7147cf0420f18644bb601ce498"},t("g",{key:"eafe184509bcfc5889ecff86bd69be99e0088629"},t("path",{key:"b6d6d6e19fb90d4d7d20dcd74415d97f1407ff9a",d:"M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z"}))),t("g",{key:"bda84f43c22d3e8a4770adc7b27d3573156cf819"},t("g",{key:"e301d24b2d7b64a4b93d9246720b44d88ccced5e"},t("path",{key:"c11b733f1805f3c33ba205e719c4ef6650e1ea9d",d:"M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z"}))),t("g",{key:"19eb3830430e6a4bcbc91e6343f33db94747a538"},t("g",{key:"fcf55a93a6038720b74aaf37c73e1800388112df"},t("path",{key:"29bfde36b1df483d3de9fff4e89eae14b7e64736",d:"M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z"}))),t("g",{key:"a6bfb63b015bf34f9a4c5c3d3e1661eece03cd92"},t("g",{key:"cc03958492dba1cb004f538a2d0bed6068aeada7"},t("path",{key:"ab3ec918b0a1811f781a809f772013c7b8381ebf",d:"M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z"}))),t("g",{key:"43bf8332390ce7aeec882f158d8d9269befa4d15"},t("g",{key:"298a87f334949dfa818872d345a6f760192779b0"},t("path",{key:"a88530d176f70360e79f0d38f05c82c6428dda49",d:"M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z"}))),t("g",{key:"7b114b44a5f90d1b8957aaaa64742eed9de7e94e"},t("g",{key:"6b8138129da5cb859096b16eeba6669d69ff2b03"},t("path",{key:"fc6e3331cb9d3413f77960a5f033aaf740aefdf2",d:"M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z"}))),t("g",{key:"303c6b10d159bae33dc0c35fb43e4810fe9a8b53"},t("g",{key:"60410a8347113f620a71a681281f34a0b863d1a2"},t("path",{key:"cb395982658ab40332c0bc8d0b8577c04414bcb8",d:"M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z"}))),t("g",{key:"de7c797f03ef18de1a55aff2f627ecb2cc29111f"},t("g",{key:"974725e5e0ae2855a1d6d2d1b611105e774713bf"},t("path",{key:"9d3f2d12f0c497348331c92618abd567ac2a4555",d:"M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z"}))),t("g",{key:"65c1e1978660af879cdca9f1895f8a6896757e36"},t("g",{key:"3a3d638994a9d02a84e6fdc8b8b707d108264de3"},t("path",{key:"62c03bad2d531e457a3a9d51a0ee9f4d641d452f",d:"M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z"}))),t("g",{key:"11572e8817527e81b6ea58162e906d1fd60359c1"},t("g",{key:"26fdcaddc5ef48ba48401d08145191aed07f6e6e"},t("path",{key:"a4c985cc15b01c526eb8cf0a36715214fc6fcc1f",d:"M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z"}))),t("g",{key:"a00535a6d8c7f960665e9876c9c7f95d240e3fac"},t("g",{key:"e81e1437c9d47c4ce32c1638efae146fa5c7e5aa"},t("path",{key:"485026b7e56b663ad5141771e82eb2d4f3feadef",d:"M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z"}))))),t("div",{key:"96b75ba71784c55f40436815c59375e42f2106a1"},"Scan the Invoice")),t("div",{key:"74b300869858b28ad324e7bf838a168b5eda0bf4",style:{position:"absolute"},class:"loading-wrapper"},t("div",{key:"7ff4ffeace3198acbed673d16cfd57b908bc50a4",class:o("lds-ripple",this.isLoading&&"active")},t("div",{key:"45ef1237baf64a5b69d703a686ec002f4d6e081b"}),t("div",{key:"5ebb4df2cedde49d14a198447f496f78fc8bfb53"})),t("div",{key:"7c0fca8f167acfd80481cc92a232a6a2e64bc60a",class:o("lds-ripple-loading",this.isLoading&&"active")},"Processing ..."))),t("input",{key:"ffac58cefca2f545c2f56a9ba67e5d99ed01b5fb",class:"qr-input",spellcheck:"false",onInput:this.onValueChanges,onKeyDown:this.qrCodeKeyDown,onBlur:()=>this.input.focus(),autocomplete:"off",disabled:n,placeholder:"",autofocus:!0,style:{marginTop:"20px",padding:"10px 0px",fontSize:"16px"}})))))))}get el(){return this}static get watchers(){return{isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .qr-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;width:100%}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:center;text-align:left}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:"";display:inline-block;height:20px;margin-right:5px;-webkit-mask-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>\');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}.pl-10{padding-left:2.5rem}'}},[1,"dynamic-redeem",{vin:[1],item:[16],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],confirmServiceCancellation:[32],confirmUnInvoicedTBPVehicles:[32],internalVin:[32],isOpened:[32],internalItem:[32],internalCanceledItem:[32],isLoading:[32],quite:[64],getQrValue:[64]},void 0,{isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]);function d(){"undefined"!=typeof customElements&&["dynamic-redeem"].forEach((e=>{"dynamic-redeem"===e&&(customElements.get(e)||customElements.define(e,c))}))}d();export{c as D,d}

package/dist/components/p-e46b126e.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as i,c as a}from"./p-be0a5ab5.js";import{h as o,l as r}from"./p-514c4736.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-c4fad245.js";function d({isLoading:t}){return o("div",{class:n("loading-spinner absolute",{hide:!t})},o("img",{class:"spin",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg=="}))}const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",c="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function p({desc:t,className:e,from:i,to:a,state:r="idle",icon:s=!0}){return o("div",{class:n("card",e,`${r}-card`)},s&&"reject"===r&&o("img",{src:c}),s&&"warning"===r&&o("img",{src:c}),s&&"success"===r&&o("img",{src:l}),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"===r?"no-padding":""},t))}function h({warranty:t,isAuthorized:e,unInvoicedByBrokerName:i}){return o("div",{class:"warranty-tags mx-auto pt-3"},o(p,{state:e?"success":"reject",desc:e?"Authorized":"Unauthorized"}),o(p,{state:t.hasActiveWarranty?"success":"reject",desc:t.hasActiveWarranty?"Has Active Warranty":"Doesn't Have Active Warranty"}),i&&o(p,{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(p,{state:(null==t?void 0:t.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,desc:t.warrantyStartDate}),t.warrantyEndDate&&o(p,{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?l:c})," ",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})}),r=await o.json();if(!r||this.networkTimeoutRef!==e)throw new Error("Wrong response format");{this.checkingUnauthorizedSSC=!1;const t=1===r.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 r=a?await s(this,{scopedTimeoutRef:i,vin:o,mockData:u},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("Wrong response format");this.handleSettingData(r),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,s,l;return i(a,{key:"00985864b4a1ca44fdb78b82e08e72e4ac3655b2"},i("div",{key:"c7e4ce3dde8ed3da3a8b07d57098a1870a8b0360",class:"min-h-[100px] warranty"},i("div",{key:"b71df5aab832885752fc4d73f274d2face7243e0"},i(d,{key:"672b5e0e2fd94c4ee82544d43eeedd34c32de91b",isLoading:this.state.includes("loading")}),i("div",{key:"e71bf6e1f5083bebd865e2d89bbd9b2d86721887",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:"f20ba9ca38dd952539d0e23ef2aab4d7fd26250a",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:"1aeb05a53021f5d7ff05f90ad6e7dfa1e46f4961",class:"py-4"},i(p,{key:"d692e4ac53d7172caba6876d735ead286e871117",desc:this.errorMessage,className:"mx-auto reject-card max-w-500"})," "),this.showWarranty&&["data","data-loading"].includes(this.state)&&i(h,{key:"28efd340255d231417601b69332ef461fe19d6f2",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:"df8d5c967864cff4b65e863236165953436bf56d",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},i("slot",{key:"39eac5a574180bafff88d7ba7b187bf6bf5e1257"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&i("div",{key:"8978abb0f4ec2ea7b0ff84fb10783d528dfb8c0a",class:n("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.recaptchaRes.message),this.checkingUnauthorizedSSC&&i("div",{key:"e24a78d08c60cd5df393f084c949108229d38666",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},i("div",{key:"93fcbe4aab6833885be12de906a534a47794f5d4"},i("strong",{key:"88be79409f003abe307dde581ccc1978f7bfcf86"},"Checking TMC")),i("img",{key:"800535e9b147af17f04081f65acc470d62d69e7f",class:"spin",src:r})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(s=this.vehicleInformation)||void 0===s?void 0:s.ssc)&&!!(null===(l=this.vehicleInformation)||void 0===l?void 0:l.ssc.length)&&i(g,{key:"73aceff6236687ed80046a897df3a040ba92e3aa",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!important;height:0}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-parts-container{flex-wrap:wrap}.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-parts-container div.success{background:#d0e7de}.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.w-full{width:100%}.top-0{top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}'}},[1,"warranty-details",{baseUrl:[1,"base-url"],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();export{b as W,f as d}

package/dist/components/p-f1ffc23d.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as i,H as t,h as e,c as a}from"./p-be0a5ab5.js";import{c as o}from"./p-98d9e7ab.js";import{g as n}from"./p-c4fad245.js";import{d as r}from"./p-da533bd7.js";let l={};const s={expired:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=",pending:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+",processed:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==",cancelled:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4="},d=i(class extends t{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.pendingItemHighlighted=!1,this.onMouseLeave=()=>{clearTimeout(this.timeoutRef),this.popupClasses="",this.timeoutRef=setTimeout((()=>{this.activePopupIndex=null}),400)},this.onMouseEnter=(i,t)=>{clearTimeout(this.timeoutRef),this.activePopupIndex=t,this.timeoutRef=setTimeout((()=>{const t=i.querySelector(".popup-position-ref");this.popupPositionRef=t,this.calculatePopupPos(this.el.shadowRoot),this.popupClasses="show"}),50)},this.baseUrl=void 0,this.isDev=!1,this.queryString="",this.isIdle=!0,this.popupClasses="",this.externalVin=null,this.activePopupIndex=null,this.vehicleInformation=void 0,this.errorMessage=null,this.isLoading=!1,this.loadingStateChange=void 0,this.loadedResponse=void 0}async componentDidLoad(){this.dynamicClaimBody=this.el.shadowRoot.querySelector(".dynamic-claim-body"),this.dynamicRedeem=this.el.shadowRoot.getElementById("dynamic-redeem"),this.dynamicClaimProgressBar=this.el.shadowRoot.querySelector(".dynamic-claim-progress-bar")}async setMockData(i){l=i}async setData(i,t={}){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof i,o=a?i:null==i?void 0:i.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.isIdle=!0);this.isLoading=!0,this.isIdle=!1,await new Promise((i=>{e=setTimeout(i,1e3),this.networkTimeoutRef=e}));const r=a?await n(this,{scopedTimeoutRef:e,vin:o,mockData:l},t):i;if(this.networkTimeoutRef===e){if(!r)throw new Error("Wrong response format");if(!Array.isArray(r.serviceItems))throw new Error("No Service Available");this.vehicleInformation=r}this.errorMessage=null,this.isLoading=!1}catch(i){if(i&&"AbortError"===(null==i?void 0:i.name))return;this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=i.message}}async fetchData(i=this.externalVin,t={}){await this.setData(i,t)}onLoadingChange(i){this.loadingStateChange&&this.loadingStateChange(i),this.setLoadingUi(i)}async setLoadingUi(i){i||(this.dynamicClaimProgressBar.style.width="0",await new Promise((i=>setTimeout(i,200))),this.updateProgressBar())}updateProgressBar(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[];if(0===t.filter((i=>"pending"===i.status)).length)this.dynamicClaimProgressBar.style.width=0===t.length?"0%":"100%",this.dynamicClaimBody.scrollTo({left:this.dynamicClaimBody.scrollWidth,behavior:"smooth"});else{const i=t.find((i=>"pending"===i.status)),e=t.indexOf(i)+1,a=this.dynamicClaimBody.getElementsByClassName("dynamic-claim-item")[e-1];this.dynamicClaimProgressBar.style.width=100*(e/t.length-1/(2*t.length))+"%",this.dynamicClaimBody.scrollTo({left:a.offsetLeft-3*a.clientWidth,behavior:"smooth"})}}resetProgressBar(){setTimeout((()=>{this.updateProgressBar()}),100)}windowScrollListener(i){i?(this.scrollListenerRef=()=>this.calculatePopupPos(this.el.shadowRoot),window.addEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.addEventListener("scroll",this.scrollListenerRef)):(window.removeEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.removeEventListener("scroll",this.scrollListenerRef))}calculatePopupPos(i){const t=i.querySelector(".popup-position-ref");let{x:e,y:a}=t.getBoundingClientRect();const o=t.querySelector(".popup-container"),{width:n}=o.getBoundingClientRect(),r=o.querySelector(".dynamic-claim-item-popup-info"),l=window.innerWidth;o.style.top=`${a}px`,o.style.left=e-n/2+"px";const s=e-n/2,d=l-(e+n/2);let c=0;d<16?c=d-16:s<16&&(c=Math.abs(s-16)),r.style.transform=`translateX(${c}px)`}removeLoadAnimationClass(i){i.target.classList.remove("load-animation")}async completeClaim(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[],e=this.cachedClaimItem,a=JSON.parse(JSON.stringify(t)),o=t.indexOf(e),n=a.slice(0,o).filter((i=>"pending"===i.status));a[o].status="processed",n.forEach((function(i){i.status="cancelled"})),this.pendingItemHighlighted=!1;const r=JSON.parse(JSON.stringify(this.vehicleInformation));r.serviceItems=a,this.vehicleInformation=JSON.parse(JSON.stringify(r))}claim(i){var t;const e=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],a=JSON.parse(JSON.stringify(e)),o=e.indexOf(i);let n=a.slice(0,o).filter((i=>"pending"===i.status));this.cachedClaimItem=i,null===i.maximumMileage&&(n=[]),this.onMouseLeave(),this.openRedeem(i,n)}async handleRedeemScanner(){this.dynamicRedeem.handleScanner=this.isDev?async()=>{await new Promise((i=>setTimeout(i,500))),this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}:async i=>{try{const t=this.vehicleInformation,e={vin:t.vin,brandIntegrationID:t.identifiers.brandIntegrationID,invoice:i,saleInformation:t.saleInformation,serviceItem:this.dynamicRedeem.item,cancelledServiceItems:this.dynamicRedeem.canceledItems},a=await fetch("/api/vehicle/swift-claim",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),o=await a.json();if(!o.Success)return alert(o.Message),this.dynamicRedeem.quite(),void(this.dynamicRedeem.handleScanner=null);this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}catch(i){console.error(i),alert("Request failed please try again later"),this.dynamicRedeem.quite(),this.dynamicRedeem.handleScanner=null}}}openRedeem(i,t){var e,a,o,n,r;const l=this.vehicleInformation;this.dynamicRedeem.vin=null==l?void 0:l.vin,this.dynamicRedeem.item=i,this.dynamicRedeem.canceledItems=t,this.dynamicRedeem.unInvoicedByBrokerName=null!==(null===(e=null==l?void 0:l.saleInformation)||void 0===e?void 0:e.broker)&&null===(null===(o=null===(a=null==l?void 0:l.saleInformation)||void 0===a?void 0:a.broker)||void 0===o?void 0:o.invoiceDate)?null===(r=null===(n=null==l?void 0:l.saleInformation)||void 0===n?void 0:n.broker)||void 0===r?void 0:r.brokerName:null,this.handleRedeemScanner()}createPopup(i){return e("div",{class:"popup-position-ref"},e("div",{class:"popup-container"},e("div",{class:o("dynamic-claim-item-popup-info-triangle",this.popupClasses)},e("div",{class:"dynamic-claim-item-popup-info-triangle-up"}),e("div",{class:"dynamic-claim-item-popup-info-triangle-up2"})),e("div",{class:o("dynamic-claim-item-popup-info",this.popupClasses)},e("table",null,e("tbody",null,e("tr",null,e("th",null,"Service Type:"),e("td",null,i.type.charAt(0).toUpperCase()+i.type.slice(1))),e("tr",null,e("th",null,"Activation Date"),e("td",null,i.activatedAt)),e("tr",null,e("th",null,"Expiry Date"),e("td",null,i.expiresAt)),e("tr",null,e("th",null,"Claimed At"),e("td",null,i.redeemDate)),e("tr",null,e("th",null,"Redeeming Dealer"),e("td",null,i.dealerName)),e("tr",null,e("th",null,"Invoice Number"),e("td",null,i.invoiceNumber)),e("tr",null,e("th",null,"WIP"),e("td",null,i.wip)),e("tr",null,e("th",null,"Menu Code"),e("td",null,i.menuCode)))),"pending"===i.status&&e("button",{onClick:()=>this.claim(i),class:"dynamic-claim-button claim-button"},e("svg",{width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"stroke-width":"0"}),e("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),e("g",null,e("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),e("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),e("span",null,"Claim")))))}render(){var i,t;const n=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[];return e(a,{key:"541c3dd78435e13a8d8bbd9d9e1bdd3e421ff700"},e("dynamic-redeem",{key:"98a8918ed4ee9b3c65eb76c6d219c397dc038938",id:"dynamic-redeem"}),e("div",{key:"21b931d1ac7ff57a75cc235e5a9d7383a60bcce9",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},e("div",{key:"7a11a3db11737b27f570b7722c84c264a9927cb5",class:"dynamic-claim-header"},e("strong",{key:"90134387cef16786e348a6cee3949113c6b789cc",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&e("span",{key:"848036da3b9fe9ef737e2a461dc6475651ee9b3c",style:{color:"red"}},this.errorMessage),!this.errorMessage&&(null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin))),e("div",{key:"046d01dbbf1c91fc735ce41c6f2ffaa41000f7ad",class:"dynamic-claim-body"},e("div",{key:"83bc44663ebdf506306b04c7cee43d3051bc52b8",class:"loading-lane"},e("div",{key:"4b7c8ac724afdc40379d58c7d77810bc1a10704b",class:"dynamic-claim-loading-slider"},e("div",{key:"8404f36fd0afc3f0d052c5144b5698e19a8f25bb",class:"dynamic-claim-loading-slider-line"}),e("div",{key:"0c0b553b1139c65ce4261ef7382791931f9558ac",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),e("div",{key:"afcad75d078227301ffc7738a536cd765f5696b8",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),e("div",{key:"4885864414ed5efe3928e331cf8fbd46ba705467",class:"dynamic-claim-progress-lane"},n.map(((i,t)=>{let a="";return"pending"===i.status?n.findIndex((i=>"pending"===i.status))===t&&(a=i.status):a=i.status,e("div",{key:i.name,class:o("dynamic-claim-item",a),onMouseLeave:this.onMouseLeave},e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-header load-animation",onMouseEnter:i=>this.onMouseEnter(i.target,t)},e("img",{src:s[i.status],alt:"status icon"}),e("span",null,i.status.charAt(0).toUpperCase()+i.status.slice(1)),this.activePopupIndex===t&&this.createPopup(i)),e("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-circle load-animation"}),e("p",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-footer load-animation"},i.name))})),e("div",{key:"1bc2d25dae363c03425128ea08be4b076ae11c66",class:"dynamic-claim-progress-bar"})))))}get el(){return this}static get watchers(){return{isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block;flex:1 1 0!important;flex-shrink:0!important;width:100%!important}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-wrapper{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative}.dynamic-claim-header{background:#f6f6f6;border:1px solid #ededed;padding:15px 0;text-align:center}.dynamic-claim-header-vin{display:inline-block;transition:.4s}.idle .dynamic-claim-header-vin,.loading .dynamic-claim-header-vin{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-body{display:flex;overflow-x:scroll;padding:100px 30px;transition:scrollbar-color .5s ease}.idle .dynamic-claim-body,.loading .dynamic-claim-body{pointer-events:none}.dynamic-claim-wrapper ::-webkit-scrollbar{height:10px;width:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}.idle .dynamic-claim-body::-webkit-scrollbar-thumb,.loading .dynamic-claim-body::-webkit-scrollbar-thumb{background:transparent}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-claim-progress-lane,.loading-lane{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;flex:1;flex-direction:row;height:10px;justify-content:space-around;position:relative}.idle .dynamic-claim-progress-lane,.loading .dynamic-claim-progress-lane{background-color:transparent;border:1px solid transparent}.loading-lane{position:absolute;visibility:hidden;width:calc(100% - 60px)}.loading .loading-lane{visibility:visible}.dynamic-claim-progress-bar{background-image:linear-gradient(180deg,#428bca,#3071a9);border:1px solid #ddd;border-radius:10px;height:10px;left:0;position:absolute;transition:all;transition-duration:.5s;transition-timing-function:ease-in-out;width:0;z-index:0}.idle .dynamic-claim-progress-bar,.loading .dynamic-claim-progress-bar{opacity:0;width:0!important}.dynamic-claim-item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:5px;min-width:250px}.popup-position-ref{bottom:0;display:flex;height:0;justify-content:center;position:absolute;width:0}.popup-container{position:fixed;z-index:100}.dynamic-claim-item-popup-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#282828;opacity:0;padding:20px;transition:.4s;visibility:hidden;width:auto}.dynamic-claim-item-popup-info-triangle.show,.dynamic-claim-item-popup-info.show{opacity:1;visibility:visible}.dynamic-claim-item-popup-info table{border-collapse:collapse;width:100%}.dynamic-claim-item-popup-info table td,.dynamic-claim-item-popup-info table th{border-bottom:1px solid #ddd;padding:10px 50px 10px 10px;text-align:left;white-space:nowrap}.dynamic-claim-item-popup-info table td{font-weight:400}.dynamic-claim-item-popup-info .claim-button{justify-content:center;margin:15px auto auto;width:80%}.dynamic-claim-item-popup-info-triangle{display:flex;justify-content:center;opacity:0;position:relative;transform:translateY(-9px);transition:.4s;visibility:hidden;width:100%;z-index:101}.dynamic-claim-item-popup-info-triangle-up{border-bottom:10px solid #ddd}.dynamic-claim-item-popup-info-triangle-up,.dynamic-claim-item-popup-info-triangle-up2{border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;width:0}.dynamic-claim-item-popup-info-triangle-up2{border-bottom:10px solid #f9f9f9;margin-top:1px}.dynamic-claim-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:3em;line-height:1em;padding:10px 0;position:relative;transition:.4s}.dynamic-claim-item-header.load-animation{animation:item-header-fade-in .65s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.dynamic-claim-item-header span{font-weight:700}.dynamic-claim-item-header img{transition:.4s}.dynamic-claim-item-header:hover>img{transform:rotate(1turn) scale(125%)}.idle .dynamic-claim-item-header,.loading .dynamic-claim-item-header{opacity:0;transform:translateY(-5px) scale(70%)}.dynamic-claim-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;line-height:1.5em;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;transition:.4s}.dynamic-claim-item-footer.load-animation{animation:item-footer-fade-in .65s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.idle .dynamic-claim-item-footer,.loading .dynamic-claim-item-footer{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}.dynamic-claim-item-circle{background-color:#a1a1a1;border:5px double #ececec;border-radius:50%;height:18px;transition:.4s;width:18px;z-index:1}.dynamic-claim-item-circle.load-animation{animation:item-circle-fade-in .65s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%);visibility:hidden}to{opacity:1;transform:scale(100%);visibility:visible}}.idle .dynamic-claim-item-circle,.loading .dynamic-claim-item-circle{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-item.processed .dynamic-claim-item-circle{background-color:#3071a9}.dynamic-claim-item.processed .dynamic-claim-item-header{color:#3071a9}.dynamic-claim-item.expired .dynamic-claim-item-circle{background-color:#282828}.dynamic-claim-item.expired .dynamic-claim-item-headaer{color:#282828}.dynamic-claim-item.cancelled .dynamic-claim-item-circle{background-color:#a80000}.dynamic-claim-item.cancelled .dynamic-claim-item-header{color:#a80000}.dynamic-claim-item.pending .dynamic-claim-item-circle{background-color:#00a300}.dynamic-claim-item.pending .dynamic-claim-item-header{color:#00a300}.dynamic-claim-loading-slider{border-radius:4px;height:10px;left:0;overflow-x:hidden;position:relative;position:absolute;top:0;width:100%}.dynamic-claim-loading-slider-line{background:#ddd;height:10px;opacity:0;position:absolute;width:150%}.dynamic-claim-loading-slider-subline{background-image:linear-gradient(180deg,#428bca,#3071a9);height:10px;position:absolute}.dynamic-claim-wrapper.loading .dynamic-claim-inc{animation:dynamic-claim-increase 2.5s ease infinite}.dynamic-claim-wrapper.loading .dynamic-claim-dec{animation:dynamic-claim-decrease 2.5s ease 1s infinite}@keyframes dynamic-claim-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes dynamic-claim-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;outline:none;padding:0 10px 0 0;transition:.3s}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.cancel-button{stroke:#c0392b;fill:#c0392b;background-color:transparent;border:1px solid #c0392b;color:#c0392b}.cancel-button circle{fill:#c0392b;transition:.1s}.cancel-button:hover{stroke:#fff;fill:#fff;background-color:#e74c3c;color:#fff}.cancel-button:hover circle{fill:#fff}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}.pl-10{padding-left:2.5rem}'}},[1,"dynamic-claim",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],isIdle:[32],popupClasses:[32],externalVin:[32],activePopupIndex:[32],vehicleInformation:[32],errorMessage:[32],isLoading:[32],setMockData:[64],setData:[64],fetchData:[64],completeClaim:[64]},void 0,{isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}]);function c(){"undefined"!=typeof customElements&&["dynamic-claim","dynamic-redeem"].forEach((i=>{switch(i){case"dynamic-claim":customElements.get(i)||customElements.define(i,d);break;case"dynamic-redeem":customElements.get(i)||r()}}))}c();export{d as D,c as d}

package/dist/components/paint-thickness.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as a,c as o}from"./p-4dc47f5f.js";import{L as i}from"./p-2b0cc0c6.js";import{g as r}from"./p-c4fad245.js";import{o as s,c as n,e as d}from"./p-d5ff7544.js";import{c as l}from"./p-98d9e7ab.js";let p={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{s(this,t,e)},this.closeImage=t=>{n(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.expandedImage=null,this.vehicleInformation=void 0}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,i=o?t:null==t?void 0:t.vin;this.externalVin=i;try{if(!i||0===i.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const s=o?await r(this,{scopedTimeoutRef:a,vin:i,mockData:p},e):t;if(this.networkTimeoutRef===a){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){p=t}render(){var t,e;const{imageGroups:r,parts:s}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return a(o,{key:"dd25115d7451c326da5411d30b8cebeac06ea3b4"},a("div",{key:"ebec5094a98846ffbe00abcbdc5bb5b987262548",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"67d4926b51399a2f990251d95a58558d07c64865"},a(i,{key:"d56bac7fe821253d2d9aea3a31e19a55002dc1ce",isLoading:this.state.includes("loading")}),a("div",{key:"27b2f517a1f974182c5704d9682213662f3dd2d3",class:l("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"f9bdf1767f4e8d6f24f018a60649f54b75151de2",class:l("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(e=this.vehicleInformation)||void 0===e?void 0:e.vin),["error","error-loading"].includes(this.state)&&a("div",{key:"d2b739c8f39501a2335a312b6c9d0a0431104300",class:"py-[16px]"},a("div",{key:"06e78434d8122f36a26faa5fed05a64d759c18c3",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&a("div",{key:"f17f4c019ed1357fb40f6f32c125918ab24069ce",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"b79eed13d13b7b91aff4aeb4b2280eb349592896",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Paint Thickeness"),a("div",{key:"aab4ba79f226602f913652e27341df333f5be00d",class:"h-0 overflow-auto flex-1"},!s.length&&a("div",{key:"edf880bf05cc8c31000960c1ee9471d166444541",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},"No parts are available."),!!s.length&&a("table",{key:"ddac23c3ba00bb44e58f2b5dfaa11034d4f13594",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"c39718f9cd059c765c51b90ba2f2f4e570b9778b",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"ba28cd9cadfc036162a735d7353a089a581a8559"},["Part","Left","Right"].map((t=>a("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),a("tbody",{key:"6049aecd19316b1d7e1c79606d7cf304b0b260ec"},s.map(((t,e)=>a("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((o=>a("td",{key:t.part+o,class:l("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===s.length-1})},t[o]||"...")))))))))),["data","data-loading"].includes(this.state)&&a("div",{key:"73bfbe41ad8f91591c23b0dccd7be84b4505ede8"},!r.length&&a("div",{key:"33c2491e22faf7a5f11b6ec2ee62a1b758123b8e",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},"No image groups are available."),!!r.length&&a("div",{key:"02103207298b679bdbe8d336c70d2cb8936087a4",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},r.map((t=>a("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},a("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),a("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>a("div",{class:"flex gap-[8px]",key:t},a("button",{onClick:({target:e})=>this.openImage(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},a("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},a("img",{src:d}),a("span",{class:"text-white"},"Expand")),a("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),a("div",{key:"7e239537ed9d3b07119fbf15fcb8cb238280c095",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:l("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},a("button",{key:"a961871288f09b8776ca9530a6e5ae56133cb3bc",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"6db275131cf9b431540c2402552449a4ca2d4289",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"1b0c9149a6d22c436e89baf35fb146c08d13a40a",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"38939c47ad696305c5cc2b3ccb4c72112eea2cce",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 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-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[40px\\]{height:40px}.h-\\[50px\\]{height:50px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[100px\\]{min-width:100px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChange:[16],loadedResponse:[16],state:[32],externalVin:[32],errorMessage:[32],expandedImage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{state:["loadingListener"]}]);function h(){"undefined"!=typeof customElements&&["paint-thickness"].forEach((t=>{"paint-thickness"===t&&(customElements.get(t)||customElements.define(t,c))}))}h();const w=c,x=h;export{w as PaintThickness,x as defineCustomElement}
+import{P as o,d as s}from"./p-05871c28.js";const p=o,r=s;export{p as PaintThickness,r as defineCustomElement}

package/dist/components/service-history.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-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}
+import{S as o,d as s}from"./p-325b6857.js";const p=o,r=s;export{p as ServiceHistory,r as defineCustomElement}

package/dist/components/vehicle-accessories.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-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}
+import{V as o,d as s}from"./p-c8eef708.js";const e=o,p=s;export{e as VehicleAccessories,p as defineCustomElement}

package/dist/components/vehicle-lookup.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VehicleLookup extends Components.VehicleLookup, HTMLElement {}
+export const VehicleLookup: {
+    prototype: VehicleLookup;
+    new (): VehicleLookup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/vehicle-lookup.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{p as t,H as e,h as i,c as a}from"./p-be0a5ab5.js";import{c as o}from"./p-98d9e7ab.js";import{d as r}from"./p-f1ffc23d.js";import{d as s}from"./p-da533bd7.js";import{d as n}from"./p-05871c28.js";import{d}from"./p-325b6857.js";import{d as c}from"./p-c8eef708.js";import{d as l}from"./p-23551e81.js";import{d as h}from"./p-e46b126e.js";const p=t(class extends e{constructor(){super(),this.__registerHost(),this.activeLookupIndex="0",this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChanged=void 0,this.blazorOnLoadingStateChange="",this.wrapperErrorState="",this.errorStateListener=void 0,this.blazorErrorStateListener="",this.blazorRef=void 0}async componentDidLoad(){const t=this.el.getElementsByTagName("vehicle-specification")[0],e=this.el.getElementsByTagName("vehicle-accessories")[0],i=this.el.getElementsByTagName("warranty-details")[0],a=this.el.getElementsByTagName("service-history")[0],o=this.el.getElementsByTagName("paint-thickness")[0],r=this.el.getElementsByTagName("dynamic-claim")[0];this.componentsList=[t,e,i,a,o,r],this.componentsList.forEach((t=>{t&&(this.loadingStateChanged&&(t.loadingStateChange=this.loadingStateChanged),t.loadedResponse=e=>this.handleLoadData(e,t))}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async handleLoadingListenerPropChange(t){this.componentsList.forEach((e=>{e&&(e.loadingStateChange=t)}))}async handleBlazorLoadingRefChange(t){this.blazorRef&&this.componentsList.forEach((e=>{e&&(e.loadingStateChange=e=>this.blazorRef.invokeMethodAsync(t,e))}))}async setBlazorRef(t){this.blazorRef=t,this.blazorOnLoadingStateChange&&this.componentsList.forEach((t=>{t&&(t.loadingStateChange=t=>this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t))}))}async fetchVin(t,e={}){const i=this.componentsList[this.activeLookupIndex]||null;if(this.wrapperErrorState="",i)return""==t?this.wrapperErrorState="VIN is required":function(t){const e={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:1,B:2,C:3,D:4,E:5,F:6,G:7,H:8,J:1,K:2,L:3,M:4,N:5,P:7,R:9,S:2,T:3,U:4,V:5,W:6,X:7,Y:8,Z:9},i=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2];let a=0,o=!0;for(let r=0;r<t.length;r++){const s=e[t[r].toUpperCase()];if(void 0===s){o=!1;break}a+=s*i[r]}let r=""+a%11;return"10"===r&&(r="X"),t[8]!=r&&(o=!1),o}(t)?void i.fetchData(t,e):this.wrapperErrorState="Invalid VIN"}async getPageContext(){return{componentsList:this.componentsList}}handleLoadData(t,e){this.componentsList.forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}render(){return i(a,{key:"a4d959364edc8724222e9c86e235c9fea7a841e8"},i("div",{key:"a7bb216fab47a8f43eca1869287bcab3ce22abad",class:o("w-full",{hidden:"0"!==this.activeLookupIndex})},i("vehicle-specification",{key:"83b6a1ac41c1c8ebed52eb2e1b80e22cf3a2a682",isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"206baae65524d3d5f9fc55e16c8be070ddcef2ab",class:o("w-full",{hidden:"1"!==this.activeLookupIndex})},i("vehicle-accessories",{key:"91c6b7efd35569fe9f263ddf03b48dbdb3fff486",isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"c0a84686eec26167cffe814decccc2dddef38b44",class:o("w-full",{hidden:"2"!==this.activeLookupIndex})},i("warranty-details",{key:"79e5ca9febb221b5cb6e68f09f8fb62e32ed81a1","show-ssc":"true","show-warranty":"true",isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString},i("slot",{key:"21142a5eba6e79da1a0e0dfe57cea14ca312c6ef"}))),i("div",{key:"9aad6683a820af6bbbf97cfa3caa1459835902da",class:o("w-full",{hidden:"3"!==this.activeLookupIndex})},i("service-history",{key:"e2347128a60dcb2941043526e37bf61d58353684",isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"dd860e09c94add2795aa31d90be25de5974a51d0",class:o("w-full",{hidden:"4"!==this.activeLookupIndex})},i("paint-thickness",{key:"53309a1e95589257164c4cc8e8effa68a5996466",isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"1a19942869e935d7803877fae4bf6346c63c3011",class:o("w-full",{hidden:"5"!==this.activeLookupIndex})},i("dynamic-claim",{key:"f3e9bd8e57dda6f3b686ff09b6ec6ac20bb28d93",isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})))}get el(){return this}static get watchers(){return{wrapperErrorState:["errorListener"],onLoadingStateChanged:["handleLoadingListenerPropChange"],blazorOnLoadingStateChange:["handleBlazorLoadingRefChange"]}}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{display:block}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}'}},[4,"vehicle-lookup",{activeLookupIndex:[1,"active-lookup-index"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],loadingStateChanged:[16],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],blazorErrorStateListener:[1,"blazor-error-state-listener"],wrapperErrorState:[32],blazorRef:[32],setBlazorRef:[64],fetchVin:[64],getPageContext:[64]},void 0,{wrapperErrorState:["errorListener"],onLoadingStateChanged:["handleLoadingListenerPropChange"],blazorOnLoadingStateChange:["handleBlazorLoadingRefChange"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-lookup","dynamic-claim","dynamic-redeem","paint-thickness","service-history","vehicle-accessories","vehicle-specification","warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,p);break;case"dynamic-claim":customElements.get(t)||r();break;case"dynamic-redeem":customElements.get(t)||s();break;case"paint-thickness":customElements.get(t)||n();break;case"service-history":customElements.get(t)||d();break;case"vehicle-accessories":customElements.get(t)||c();break;case"vehicle-specification":customElements.get(t)||l();break;case"warranty-details":customElements.get(t)||h()}}))}b();const f=p,w=b;export{f as VehicleLookup,w as defineCustomElement}

package/dist/components/vehicle-specification.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-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}
+import{V as o,d as s}from"./p-23551e81.js";const p=o,r=s;export{p as VehicleSpecification,r as defineCustomElement}

package/dist/components/warranty-details.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-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}
+import{W as o,d as s}from"./p-e46b126e.js";const e=o,p=s;export{e as WarrantyDetails,p as defineCustomElement}

package/dist/esm/{loader-027b88af.js → Loading-d050617c.js}

@@ -2,6 +2,14 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
+import { h } from './index-ff1dab22.js';
+import { c as cn } from './cn-cc419b94.js';
+
 const loaderSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg==';
 
-export { loaderSvg as l };
+function Loading({ isLoading }) {
+    return (h("div", { class: cn('size-full transition-all z-50 duration-100 flex items-center justify-center pointer-events-none absolute ', { 'opacity-0': !isLoading }) },
+        h("img", { class: "animate-spin-2s size-[40px]", src: loaderSvg })));
+}
+
+export { Loading as L, loaderSvg as l };

package/dist/esm/app-globals-7790014c.js

@@ -0,0 +1,31 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+(function () {
+    if (!window['blazorInvoke']) {
+        window['blazorInvoke'] = function (selector, functionName, ...args) {
+            const element = document.querySelector(selector);
+            if (!element) {
+                console.error(`Element with selector "${selector}" not found.`);
+                return;
+            }
+            if (typeof element[functionName] !== 'function') {
+                console.error(`Function "${functionName}" not found on the element.`);
+                return;
+            }
+            try {
+                return element[functionName](...args);
+            }
+            catch (error) {
+                console.error(`Error invoking function "${functionName}" on element "${selector}":`, error);
+            }
+        };
+        console.log('Global blazorInvoke initialized.');
+    }
+})();
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };

package/dist/esm/dead-stock-lookup.entry.js

@@ -2,11 +2,10 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ef54644b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ff1dab22.js';
 import { g as getPartInformation } from './partInformation-096a8f55.js';
-import { L as Loading } from './Loading-61648252.js';
+import { L as Loading } from './Loading-d050617c.js';
 import { c as cn } from './cn-cc419b94.js';
-import './loader-027b88af.js';
 
 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}";
 const DeadStockLookupStyle0 = deadStockLookupCss;
@@ -98,7 +97,7 @@ const DeadStockLookup = class {
     }
     render() {
         var _a, _b;
-        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 :
+        return (h(Host, { key: '5afafb701488fe12ae7510942bb0abfee53f1d81' }, h("div", { key: 'c35e2b2b6dc469803dcacfe72c64f242eb71fc66', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, h("div", { key: 'c887e169746b873d1faabc2dc7fcb6ac9b36088b' }, h(Loading, { key: '6895759b25d925520984a6a911646d154aeb6f1e', isLoading: this.state.includes('loading') }), h("div", { key: '53b1e3bbdd9d76d7f3adb31db67fc35578c5db31', 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: '70e777c2e43cb5f702d14604e5daa3d24fe4b793', class: "py-[16px]" }, h("div", { key: '9b082979188f3ceebe6287e4618b81482025265d', 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: '858736a530a1eeb27be15bb6ce74d90eac69854a' }, h("div", { key: '34446c3dee2e3bb9e98eb095efb88f31eb068695', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, h("div", { key: 'eb5644f27f839b85aba52bf1cb4e369030c95bcf', 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 :
             _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))))))))))))))))))));
     }
     get el() { return getElement(this); }