adp-web-components 0.0.75 → 0.0.77

package/dist/collection/components/vehicle-lookup/dynamic-claim.js

@@ -49,7 +49,6 @@ export class DynamicClaim {
         this.errorCallback = undefined;
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
-        this.claimViaBarcodeScanner = true;
         this.activate = undefined;
         this.locale = localeSchema.getDefault();
         this.isIdle = true;
@@ -281,7 +280,6 @@ export class DynamicClaim {
         this.dynamicRedeem.vin = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.vin;
         this.dynamicRedeem.item = item;
         this.dynamicRedeem.canceledItems = oldItems;
-        this.dynamicRedeem.claimViaBarcodeScanner = this.claimViaBarcodeScanner;
         if (((_a = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
             this.dynamicRedeem.unInvoicedByBrokerName = (_e = (_d = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _d === void 0 ? void 0 : _d.broker) === null || _e === void 0 ? void 0 : _e.brokerName;
         else
@@ -297,7 +295,7 @@ export class DynamicClaim {
         const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
         const texts = this.locale.vehicleLookup.dynamicClaim;
         console.log(this.errorMessage);
-        return (h(Host, { key: 'e28a3aed41b0c163709252369a07a8475f4db27f' }, h("dynamic-redeem", { key: '3dd7650a521cc4855084ca66a66657675dbc49e6', language: this.language, id: "dynamic-redeem" }), h("div", { key: 'aa4c969842f2c9b377ced6dced50234bca30ae60', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: 'f48aea58a187a9f4c1a83f903db7cd978b9091d0', class: "dynamic-claim-header" }, h("strong", { key: '0aa49fb5a0c61f69ef5395535f6caf13d91ee393', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: 'fcd0ef413864c02618871dac9c1ee3917fe46db4', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: 'cf603789f1edd6320627241abb74ac3cc44644f9', class: "dynamic-claim-body" }, h("div", { key: 'c0bef7e9d31a6db0a47310a2b75af8e69b8aa1d6' }, h("div", { key: '20e27c181c848ca27b6770a67cc5f7ade7c8c66b', class: "loading-lane" }, h("div", { key: '83f9441cdbd42678eb45b4ab71b46f5c22fd0759', class: "dynamic-claim-loading-slider" }, h("div", { key: '2baa9bfb2faffce75583cd21a0d91269e221de05', class: "dynamic-claim-loading-slider-line" }), h("div", { key: '8a7db19db5f00899aeb7a2bfca9f6ee67a29dda4', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'afddf5572868bf19e5bd0e16b6dcef2838084e27', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: 'b0fede8a9c1356cc2a78eb7f22538d1b4d829a3c', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
+        return (h(Host, { key: '7b70b0f79db4330e40690ee5c784ee2ba59b655d' }, h("dynamic-redeem", { key: '4557293784af24f302839e2be76f0ca3bb06f66f', language: this.language, id: "dynamic-redeem" }), h("div", { key: '2e310ce40080bd57dcb7ceef0d839db61307a7ab', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '159349dd84d185a9f2a645c9d5f682bf29c22130', class: "dynamic-claim-header" }, h("strong", { key: '8cfac132fd155a274749ce22103196f5e55694fe', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: '83d8a7af459201a3ffc3f8066170b3caa2cdb34c', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: '7a19c1519557fd2e335bcc6c18aa4626e45c400e', class: "dynamic-claim-body" }, h("div", { key: 'd1b1d1773e50215658ce0ad4a530347a3bf7bcd4' }, h("div", { key: '8e16eec53b5b0c56acf93bf0299db31652464e09', class: "loading-lane" }, h("div", { key: '3788bf07c3f1a5de77247300866996ff52b5587c', class: "dynamic-claim-loading-slider" }, h("div", { key: '2581dedea5fd876fd664a86ce8d1a6955ab18ec6', class: "dynamic-claim-loading-slider-line" }), h("div", { key: 'a42b89312a284ed183fee75fefd623f46e5e41d4', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: '698bb498d141613bf9f513050324fb13c7d3fd3b', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '641a5e92acd20d1696c2eca213d9ef2222ebd531', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
             let statusClass = '';
             if (item.status === 'pending') {
                 if (serviceItems.findIndex(i => i.status === 'pending') === idx)
@@ -306,11 +304,11 @@ export class DynamicClaim {
             else
                 statusClass = item.status;
             return (h("div", { key: item.name, class: cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, h("img", { src: icons[item.status], alt: "status icon" }), h("span", null, texts[item.status]), this.activePopupIndex === idx && this.createPopup(item)), h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
-        }), h("div", { key: '5685928cc05efa160c306faa8159c6e915de7382', class: "dynamic-claim-progress-bar" }))), h("div", { key: '1e4c5f47c20068f61d5f01d1653d47730c5d7976', class: "mt-14" }, h("div", { key: 'f9e738da6f40213879316481a6f28c3824c5df3a', class: cn('card warning-card span-entire-1st-row activation-panel', { loading: this.isLoading, visible: this.vehicleInformation && this.vehicleInformation.serviceItems.filter(x => x.status === 'activationRequired').length > 0 }), onAnimationEnd: this.removeLoadAnimationClass }, h("p", { key: 'ed7a35f5a76d01d9156221bec680d464c004b36a', class: "no-padding flex gap-2" }, h("span", { key: 'f5b076e8e92f8b77050e7fe500ba2a9232c798ae', class: "font-semibold" }, texts.warrantyAndServicesNotActivated)), h("button", { key: 'b363bca86e0d6bc5490976f73d1f601dcc181a56', onClick: () => {
+        }), h("div", { key: 'aba33167e19da3f27a0af6d575414c4ad56371c9', class: "dynamic-claim-progress-bar" }))), h("div", { key: 'f51314a7eca756fab42433b4f91dbfcb4a7faf00', class: "mt-14" }, h("div", { key: 'bb8e987146f0b2c651ae1897dcbf516891e3f1fa', class: cn('card warning-card span-entire-1st-row activation-panel', { loading: this.isLoading, visible: this.vehicleInformation && this.vehicleInformation.serviceItems.filter(x => x.status === 'activationRequired').length > 0 }), onAnimationEnd: this.removeLoadAnimationClass }, h("p", { key: '413690c2a788c612ff0a860bb4df1e8db9f1be96', class: "no-padding flex gap-2" }, h("span", { key: '78467f0b1fa51cea734e1a0ead443033a3027386', class: "font-semibold" }, texts.warrantyAndServicesNotActivated)), h("button", { key: '876cfe0e3856e39d94af5def397200c503786a02', onClick: () => {
                 if (this.activate) {
                     this.activate(this.vehicleInformation);
                 }
-            }, class: "claim-button dynamic-claim-button" }, h("svg", { key: '692f08a3d9150fdecd0342d02b4ace6f01db2f8b', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '51ca2bee86a1e80cd8c5d1a2868f2c99d09684d1', "stroke-width": "0" }), h("g", { key: 'a1e222e3fe414a34d95bc926a124b11de537e4ce', "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'cf9a496f307a578062f4f018196a7b4f2dcef929' }, h("circle", { key: '4a69f01d1db95b8e4ba7197e8313c66fe3fd253c', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { key: '0d945745b245b556bec3c21530d76b14b153f357', d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", { key: 'd5cd47dc874e285891d2882da584f5f7c5972842' }, texts.activateNow))))))));
+            }, class: "claim-button dynamic-claim-button" }, h("svg", { key: 'ccc650bed49d375e221254ad9da9ff37c2861320', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'fb2dfe002ad124fe63d822d0562d416dd8b11435', "stroke-width": "0" }), h("g", { key: 'd218fbece0573b14d4b4d58c0fac923e0544daa3', "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '38f1fac80c02466d6cbcbd87db8d8d5343fde789' }, h("circle", { key: 'b49bc3ef680dcd5b4b9b4c97871c085ca93edf0e', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { key: '6a56e6bc6114b2d40b62f111e070eaca5b042817', d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", { key: 'ef4bd2c536a5f4fa31c9ee575e61769027ab4eb8' }, texts.activateNow))))))));
     }
     static get is() { return "dynamic-claim"; }
     static get encapsulation() { return "shadow"; }
@@ -496,24 +494,6 @@ export class DynamicClaim {
                     "text": ""
                 }
             },
-            "claimViaBarcodeScanner": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "claim-via-barcode-scanner",
-                "reflect": false,
-                "defaultValue": "true"
-            },
             "activate": {
                 "type": "unknown",
                 "mutable": false,
@@ -694,7 +674,7 @@ export class DynamicClaim {
                     "signature": "(item: ServiceItem) => Promise<void>",
                     "parameters": [{
                             "name": "item",
-                            "type": "{ activatedAt?: string; activeFor: number; activeForInterval: string; campaignCode?: string; companyID?: string; companyName?: string; description?: string; expiresAt?: string; image?: string; invoiceNumber?: string; jobNumber?: string; maximumMileage?: string; modelCostID?: string; name?: string; packageCode?: string; paidServiceInvoiceLineID?: string; claimDate?: string; serviceItemID?: string; skipZeroTrust?: string; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"activationRequired\"; statusEnum?: string; title?: string; type?: string; typeEnum?: string; }",
+                            "type": "{ activatedAt?: string; activeFor: number; activeForInterval: string; campaignCode?: string; companyID?: string; companyName?: string; description?: string; expiresAt?: string; image?: string; invoiceNumber?: string; jobNumber?: string; maximumMileage?: string; modelCostID?: string; name?: string; packageCode?: string; paidServiceInvoiceLineID?: string; claimDate?: string; serviceItemID?: string; skipZeroTrust?: string; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"activationRequired\"; statusEnum?: string; title?: string; type?: string; typeEnum?: string; claimingMethodEnum?: number; }",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/vehicle-lookup/dynamic-redeem.js

@@ -15,22 +15,17 @@ export class DynamicRedeem {
             this.canceledItems = [];
             this.unInvoicedByBrokerName = null;
             this.invoiceInput.value = '';
-            this.isLoading = false;
             this.invoiceInput.readOnly = false;
+            if (this.jobInput) {
+                this.jobInput.value = '';
+                this.jobInput.readOnly = false;
+            }
+            this.code = null;
+            this.job = null;
+            this.readyToClaim = false;
+            this.isLoading = false;
         };
         this.inputKeyDown = async (event) => {
-            this.readyToClaim = false;
-            const invoice = this.invoiceInput.value;
-            const jobInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #job-input');
-            const job = jobInput === null || jobInput === void 0 ? void 0 : jobInput.value;
-            if (this.claimViaBarcodeScanner) {
-                if (invoice.trim().length > 0)
-                    this.readyToClaim = true;
-            }
-            else {
-                if (invoice.trim().length > 0 && job.trim().length > 0)
-                    this.readyToClaim = true;
-            }
             if (event === null || event.key === 'Enter') {
                 if (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles)
                     return;
@@ -40,20 +35,17 @@ export class DynamicRedeem {
                     return;
                 if (!this.readyToClaim)
                     return;
-                this.invoiceInput.value = '';
-                if (jobInput) {
-                    jobInput.value = '';
-                    jobInput.readOnly = true;
+                //this.invoiceInput.value = '';
+                this.invoiceInput.readOnly = true;
+                this.readyToClaim = false;
+                if (this.jobInput) {
+                    //    this.jobInput.value = '';
+                    this.jobInput.readOnly = true;
                 }
                 this.isLoading = true;
-                this.invoiceInput.readOnly = true;
-                this.handleScanner(invoice, job);
-            }
-        };
-        this.onValueChanges = (event) => {
-            if (this.handleQrChanges) {
-                const input = event.target;
-                this.handleQrChanges(input.value);
+                this.handleScanner(this.code, this.job);
+                //this.code = null;
+                //this.job = null;
             }
         };
         this.vin = '';
@@ -62,7 +54,6 @@ export class DynamicRedeem {
         this.canceledItems = null;
         this.unInvoicedByBrokerName = null;
         this.handleScanner = undefined;
-        this.handleQrChanges = undefined;
         this.loadingStateChange = undefined;
         this.claimViaBarcodeScanner = true;
         this.locale = localeSchema.getDefault();
@@ -74,6 +65,8 @@ export class DynamicRedeem {
         this.internalCanceledItem = null;
         this.confirmUnInvoicedTBPVehicles = false;
         this.readyToClaim = false;
+        this.code = null;
+        this.job = null;
     }
     async componentWillLoad() {
         await this.changeLanguage(this.language);
@@ -86,7 +79,6 @@ export class DynamicRedeem {
             this.loadingStateChange(newValue);
     }
     async componentDidLoad() {
-        this.invoiceInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #invoice-input');
         this.dynamicClaimProcessor = this.el.shadowRoot.querySelector('.dynamic-claim-processor');
         if (this.unInvoicedByBrokerName === null) {
             this.confirmUnInvoicedTBPVehicles = true;
@@ -95,6 +87,10 @@ export class DynamicRedeem {
             this.confirmUnInvoicedTBPVehicles = false;
         }
     }
+    async componentDidRender() {
+        this.invoiceInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #invoice-input');
+        this.jobInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #job-input');
+    }
     //private focusInput() {
     //  setTimeout(() => {
     //    this.invoiceInput.focus();
@@ -121,9 +117,11 @@ export class DynamicRedeem {
         this.internalVin = newInternalVin;
     }
     async changeInternalItem(newItem) {
+        var _a;
         this.isOpened = !!newItem;
         if (newItem)
             this.internalItem = newItem;
+        this.claimViaBarcodeScanner = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 1;
         if (newItem) {
             this.closeModalListenerRef = (event) => event.key === 'Escape' && this.quite();
             window.addEventListener('keydown', this.closeModalListenerRef);
@@ -141,24 +139,30 @@ export class DynamicRedeem {
     async getQrValue() {
         return this.invoiceInput.value;
     }
+    updateReadyToClaim() {
+        var _a, _b, _c;
+        this.readyToClaim = false;
+        if (this.claimViaBarcodeScanner && ((_a = this.code) === null || _a === void 0 ? void 0 : _a.trim().length) > 0)
+            this.readyToClaim = true;
+        else {
+            if (((_b = this.code) === null || _b === void 0 ? void 0 : _b.trim().length) > 0 && ((_c = this.job) === null || _c === void 0 ? void 0 : _c.trim().length) > 0)
+                this.readyToClaim = true;
+        }
+    }
     render() {
         var _a, _b, _c, _d, _e;
         const texts = this.locale.vehicleLookup.dynamicRedeem;
         const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
         //if (!disableInput) this.focusInput();
-        return (h(Host, { key: '4d60172a6013d0dc71cda1ecff2af7ee56999d98' }, h("div", { key: 'ee4d7ebc30cbd32c38ada31652073db477f5de7b', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: '8ff2dba24e125c0aaecf43b86f56f582d0b8425d', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '6779128720c389b18c7e76da122741b97b970c9f', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: 'ff0b520e4532867ef066c88cb3e2491b2dfe1031', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '3a337281cf3a3994e8ce4c8a0b1d0e5de6088ee2', id: "SVGRepo_iconCarrier" }, h("path", { key: 'a4ade0f5dbe8f4f12c83e777489e32d88bf2f0ba', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'eab68a4254b076c22d858a074b3a823370af3a34', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'c0996774f2a092d359f40154d6ca0edd225d51ff', class: "dynamic-claim-processor-wrapper" }, h("div", { key: 'ad0cf0bd115728a8d2754a97021ca1af59b5e794', class: "dynamic-claim-processor-info-box" }, h("div", { key: 'ecf2fd2f53fb3d582faebeff08f718bd1f00ed07', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '7cbc88851b0429bcb5a03bce3ac599199efd40cc', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '4b3ad1abb833c17fffe3227d5ce9b78fb04412ef', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: '64741cde13d9c0bf749f7644da50c780429af41a', class: "border-separate" }, h("tr", { key: '810ef70655160f21ef3bdda2d4dc61601e25c186' }, h("th", { key: 'f057ca7ec2d4e8565f1178a1c150a7e9d3feb48d' }, texts.serviceType), h("td", { key: 'c608ddda77454c995a78efcd2db9c53c8c4480f1' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: 'd75604f069dbd59514b283548dfadce867a142cb' }, texts.name), h("td", { key: '9dd9063fc7544d41008e003916f2a80a35d3a620' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '488f835542dbfc6769b373e8c01b92c7f66f8bfa' }, h("th", { key: 'f76e0e1867d1680af53eb81f6cd591a13b838be0' }, texts.activationDate), h("td", { key: 'ea653220f16251d372fb69dc0b8eba9ec493ed07' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: 'f8d42a220a21e5fcc6ef4549c8fe17ef7791df93' }, texts.expireDate), h("td", { key: 'bef1bb1762fea7a50a2e5497173e1c64af6a79be' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '57e11bdab34524ad4ca2bc6c4090b525ec901dce' }, h("th", { key: 'b88c84c904c2ec02e1762f4b93123f599f9faf4e' }, texts.packageCode), h("td", { key: 'd11603da2024d5b382dd583a19835c267ca152c5' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.packageCode))))), h("div", { key: '250b2a97fc560a998862e0ffcfef140fb88aa09a', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: 'a6d150e0cb4e6de7e160e63ca57a0e96618fdb56', class: "admonition warning" }, h("p", { key: 'bfa6ba56795a1db6d98c51e6342ac18047c0642d', class: "admonition-title" }, texts.warning), h("div", { key: '6fff50141cd975180efdbd05774055872508153d', style: { padding: '0 30px' } }, h("p", { key: '39e6cba7ebaa2d5f2d29263a86f97c6de7028008', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: '05253fc130b2cd5a3db727c36aab131db22f85de', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: '64c0d0ba5e0dd0d581906fd02dd98abdcedffa94', class: "cancel-confirmation-box" }, h("label", { key: 'dc8ebbf8dfe159a23758d72b7d6355e779cfbe38' }, h("input", { key: '58b57933dc18b797d42df1ec5edc26adb3d7c69c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+        return (h(Host, { key: '4e5e6214fa5cd53e5cdd6281a364eab6510eeef0' }, h("div", { key: 'ee11a2afe87cef2c914b91fe124bc74b48d19a70', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: 'd391056090f1c978d5b26bdf330cde7f36c6a0f2', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'd82122ea68f4dbfe152992300349a97bbd5cc4e1', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '891bce67138755c218fdd94c0cfbc8cb533144ac', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'b414cc67304dc02d65ae388a9addf9a673a39d4c', id: "SVGRepo_iconCarrier" }, h("path", { key: '7c70df940c3b2d3b7f450808f7989066e6abfda7', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'b4feb760ae404701a1dfa5fc66b0a4b768a873b9', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '7c988cb98f0f249c0072c923c257017b22b51661', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '79bbaa464b469d48aa86d97a6ebde2f626f60f74', class: "dynamic-claim-processor-info-box" }, h("div", { key: 'eb29882ece95c5ee70711eaa95c548db37bb517b', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '541d892e02cbd354faed663fac2370c2ba383393', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: 'e33d9158537619957635f0131c8a1ec48e5b4659', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: '6e34ffd6f0e23d4c9dfad1dbaed62c264d1f01dc', class: "border-separate" }, h("tr", { key: '94551298834c9934a058aff2d8e078893d9b9e71' }, h("th", { key: '888ebc395d9e0a3cc7efa2f7f2e70854736ec540' }, texts.serviceType), h("td", { key: '47e45deea6b791878ccbe71d90b1c3279ad27f69' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '7695c68596c91d798bfadacdef72d1c509fb5ef0' }, texts.name), h("td", { key: 'e7ac80023a7f6af5d3043852f0b83297145c4fe2' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: 'ae867b8ff51818bfe64dd5d5b0c323ff16836e92' }, h("th", { key: '2184f4edb9d9d3430662b85c8b0c45e27f6d60f9' }, texts.activationDate), h("td", { key: '597711cc811dab616a6ee404de0dc98ee4585f86' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '4ba3546cdcb70461d51ce3a1fd2e4dc8197f780e' }, texts.expireDate), h("td", { key: '7cbd2cc2f5c998eea3a8ab1e5d0c03469413d2b4' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '0d226e2da5c9da5968534953e6f466c397c6111c' }, h("th", { key: 'd56a163577f7e51764566f0938bbf787df6d54bd' }, texts.packageCode), h("td", { key: '4c8e797ad0cb17e3f9549c075b8a046b72413027' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.packageCode))))), h("div", { key: '36e4bb17c8cf22ed69c6362a75d97caca6271cfb', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (h("div", { key: 'acbf57f73b7b5dfb843222dfc3deb3f1c994b07f', class: "admonition warning" }, h("p", { key: '1cdfe7ab2d9f773b95cd52c5b9e672f9cc2617c1', class: "admonition-title" }, texts.warning), h("div", { key: 'a05d197c088a96e7136902427b24e16afe0d0ec1', style: { padding: '0 30px' } }, h("p", { key: '766813a4160e03a8375b98f6441fcefe5074345f', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: 'd6dd2dba9ff61843705e842ae29a348396729544', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (h("li", { id: name }, name)))), h("div", { key: '9351fe80e40ad09321f8157a17b1f9d4a0e7972e', class: "cancel-confirmation-box" }, h("label", { key: '2726af857a1d795fb7e13d6620ee6da4d5364f53' }, h("input", { key: '36572abab99935a5eac25b86b3cd01435207b08c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
                 this.confirmServiceCancellation = !this.confirmServiceCancellation;
-            } }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '6d5747deb2a99f1d8340362eb7b080861567168d', class: "admonition warning" }, h("p", { key: 'c5450b5cc85b89c591c114cd35dc45ba1a7c7c7a', class: "admonition-title" }, texts.warning), h("div", { key: '1f3c8f061d4c76e89668b2336737af5efb4876a5', style: { padding: '0 30px' } }, h("p", { key: '5557d2ede8bdbc5576fb9669060ae89e109fd213', class: "my-4" }, texts.notInvoiced), h("div", { key: '2cbca9a32cf33c70244b8f6ecf38fc02215e5144' }, h("strong", { key: '886129a7f93c5875f4200ba40a853a303a99c884' }, this.unInvoicedByBrokerName)), h("div", { key: '87e1b94580cba995828d0a16d1d3721023073a24', class: "cancel-confirmation-box" }, h("label", { key: '554563728e88cb15e892d37d079781a0fbdb7d6f' }, h("input", { key: '1718688c8422d38c012631c2f07aa3530bdfe9b0', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+            } }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '836e0f61123eab50f22ac1bafda297bf445871d6', class: "admonition warning" }, h("p", { key: 'b0634fea51a619fb8fd51ab55ca489518ab1d90e', class: "admonition-title" }, texts.warning), h("div", { key: '28fc1030e72fb20b0ebe80ae501b5e95b4ed4ec0', style: { padding: '0 30px' } }, h("p", { key: '22bd1989c3adc20b56d2aee67a1d88a54f4fe33f', class: "my-4" }, texts.notInvoiced), h("div", { key: 'cffd09661b4cea29023baa4b054c1d19e6eb8dc6' }, h("strong", { key: '0da6ee62514e4e269841064c27bd9b45bacc0c62' }, this.unInvoicedByBrokerName)), h("div", { key: '026d9e085cf7109b6524b7264ca7e34c462ab513', class: "cancel-confirmation-box" }, h("label", { key: 'fe2ad66de0fb8704bb626539d9c6224e3397ebbd' }, h("input", { key: 'ead551e899323ba730416c280cdfd62bfaba40d9', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
                 this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
-            } }), texts.confirmNotInvoiced))))), h("div", { key: 'c96700389a81ee363383113d5f8b8c69b79352b6', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '6ad97f6174cf7e16dc584ce6540e020b19a3b158', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: '0d41d5b39e1b1c27846e2443e1e616e461ab1dc8', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '5ef357a2c9301aa36c281c7710a3d75e94963081', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: '41bd7b2d90ec47116c5879ce397e886612629e9c', 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" }, h("g", { key: '20a83be3a8cc360b52ed9a13ac8e33a7110c607d', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: 'a7bd15a4f27f28cf8b90d46c73b5c3bf8b48af79', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '285a269c105ddeb4e53730515a43b7b13f60ff44', id: "SVGRepo_iconCarrier" }, h("g", { key: '40605bc7c8fe22777e7f56d789e0163eb4579376' }, h("g", { key: 'a527709d745bcbf2eabeeae2d7dc81234584a9d1' }, h("path", { key: '2666e63ed8f4742b7e27db5a7245fd035b141155', 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" }))), h("g", { key: '04d501526125a167536feed5835f1148b06d794b' }, h("g", { key: '281fb58302aa092d3336a6485c98fd95ea4bb2dd' }, h("path", { key: '75b156f4ad99296493a1c01c209f9d3db7a66b15', 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" }))), h("g", { key: 'c1bdfd5520d6be59831a0f77cbd4d75548c4adc7' }, h("g", { key: 'ab1442832aa8204288fe75b6d71c30b5a1c8e95a' }, h("path", { key: '2676d59b6fef93a89a004b371fb68ffdbae63153', 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" }))), h("g", { key: '8f5216814ec4b6a657d0bf1ebe4cb280e316c3f8' }, h("g", { key: '9c80d23a992fe08d055ff276c7ec998fcfaa6bdc' }, h("path", { key: 'eef67d679498e2f952cb4980b7909f4ed4ef3b05', 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" }))), h("g", { key: '7a3472f30aeb04dc4ae854bee2f757c3a8d338e6' }, h("g", { key: '5a27bb7efced32d0673d9f1a42414514791db7e2' }, h("path", { key: '247a16bd17464644cc5d9497ea6dfdc4924f648e', 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" }))), h("g", { key: '5c3b360dbd045815b18c648de967b8673124aa87' }, h("g", { key: 'c1ae89e22f84c0263fc0886330419ddff9512e6b' }, h("path", { key: '6029668aa197369aaa8ac58b69f832bb97048a97', 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" }))), h("g", { key: 'e160bd89d9941777abdf0cc29c55bdd65ed0ed39' }, h("g", { key: 'f3600db2f453bc697b73db9c456ded02f5e8d1ac' }, h("path", { key: '677e4b6b97f44cffad4c037e0c6de02be558dde7', 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" }))), h("g", { key: '89601709a1ed50a2556af187707382895ffdce55' }, h("g", { key: '133cadb048f1a6ed1f827416047079dd2c5ae603' }, h("path", { key: 'a879a396bed5b9f5b48d3df029db495c5721b7d1', 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" }))), h("g", { key: '2ff645720d47fd80dda0f432d9df79f16a7203b8' }, h("g", { key: 'ac1a768fd4409b9842508e899d2d8677ec62ce38' }, h("path", { key: 'c078af945cfa4e75c494697221f93217ab5dabc0', 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" }))), h("g", { key: '56203096574fe37ac7ec3703a50585be50bc6a45' }, h("g", { key: '960d8cbaab33dcf72109fd794bea4603fddb695f' }, h("path", { key: '6b021521a42bdebc26c7961d1dac1e86afedc5ec', 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" }))), h("g", { key: 'd7a98ea4584391309669a9f8c0c8716c59291487' }, h("g", { key: '2ef3d5f7f1e20306fa1b03efd568ae184d4708fb' }, h("path", { key: '9bd52b763eb1a7fcd0fe4f2c5e1c2388644db507', 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" }))), h("g", { key: '123e567af0fdd76f59cd0409fe6fbb4ca51a886c' }, h("g", { key: '2715a0cf355743e6e769f32512b1e888163f4bee' }, h("path", { key: '5f47a2d0f34d4f1482a6803c8c03684cc289effc', 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" }))), h("g", { key: '42858584f446cf31dd2de54d06b6e16b834c5f7e' }, h("g", { key: '380d8f5b43e56ee62c84aba6cc835dd14cd3b995' }, h("path", { key: '19824fe2904b036b45dac7dddb0fb81a64d54971', 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" }))), h("g", { key: 'aae5aae6ba93a927bdf852c375e269b232ac3c5d' }, h("g", { key: 'c9b211451577cbf8b0f37ab6bd0eb918c0582c6e' }, h("path", { key: '063e6463c6453f7c127014ec17002b626a5a31dc', 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" }))), h("g", { key: '072b6685d6e6b050baca3132c8f07176f91e9eb1' }, h("g", { key: 'c91aa0b81e47b154f2453dcda33a9aa2f55bac45' }, h("path", { key: 'd1ffba37dd5c4f9b9bffe361bb1aeaf963928af4', 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" }))), h("g", { key: '0b7a52501d3dabd204c1684409d09a4bcc1a5184' }, h("g", { key: '228cca2ab86b50e3d79f9bb4cd418cbe8123da13' }, h("path", { key: 'a311a551375db58a0afbf385b4007ebc00bf4816', 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" }))))), h("div", { key: '752286ef491f385dedb700e48559406a186699ff' }, this.claimViaBarcodeScanner ? texts.scanTheInvoice : texts.enterServiceInfo)), h("div", { key: 'daf5fc280bdbcb0246d9a248ccf7c81cfad07524', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: '378329570ab4e8f96168ce951f257d36b5574af9', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: 'f94c13012a198a7df314e18f57c3c598b9fa97c0' }), h("div", { key: 'cbcc01083df79f160f1b966aa961909e58287801' })), h("div", { key: '337d318a9d67dd7d09dae37a0a06fed1fb0b0a68', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("div", { key: '4fdcfcdb6c0b5782ce31fa9a8178cfaeb97ef2a0', style: { display: 'flex', flexDirection: 'row', gap: '50px', padding: '0 75px' } }, h("input", { key: '9778e5dfb109932aaaeef9955d95e461d6ff4ecc', id: "invoice-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.inputKeyDown, onBlur: () => {
+            } }), texts.confirmNotInvoiced))))), h("div", { key: '35f7a6bc6a40f12f641bbc80767f43d16b70ece2', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: 'b4869eec432ff558d710af7c7eafd8e09649d781', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: '088961ea69fa88c59b2fdd7c3ae0de2def6fc161', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: 'ac7f3c09645f1e4c3901f0f8c00270b0a846d75a', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: 'b43ebe1f33cf7c25eaea455352b58130628d973b', 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" }, h("g", { key: '81d403b990e6e705afd962932d651c7cc8ab8a26', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '856aa8fcf2fee9c69d0ac56167e4da5db4c57d47', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'cc72a43a1671432a832ef7bb03807dc381d0ecd2', id: "SVGRepo_iconCarrier" }, h("g", { key: 'd8947d6a77020fd7b868fcc2d90edd8d513d3d7d' }, h("g", { key: 'f879d1b6a7a67603c0738960a46809d9808125eb' }, h("path", { key: 'f6c8d7c0c963e0ecbbc84e7025194bec59134453', 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" }))), h("g", { key: 'd06c3a068936e75077e76b22b5cc31664f785d41' }, h("g", { key: '58f72337da5a33005da7f5a3d61da6be11dfd02f' }, h("path", { key: '45c04e35f64f4c99ca2686e80310ac3d7337f6e1', 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" }))), h("g", { key: '376ae9f7301b31f728a9ca229e588e8507e3ed1a' }, h("g", { key: '6d4abba7e4c1ed15342080f597296234a6a3c902' }, h("path", { key: '6e406e6748ed8299a88f880964828040c410cb2f', 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" }))), h("g", { key: '79544c57348e5ceb5409d7cbbd8d165163b9cc8c' }, h("g", { key: 'ce35888bc4ebc05be8f1dd09e5ce52e9a8aa7f9b' }, h("path", { key: 'aa618ba4751e8d31f48da742720e988b75497298', 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" }))), h("g", { key: '43ba9e46901282ec88ce11f0f82f8a1344acefd5' }, h("g", { key: '3f35232a4bccaf6090ae298fc15042413210d99f' }, h("path", { key: '60be8874d2dcfbe15506fa7a8be04d8ad87cf589', 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" }))), h("g", { key: '32962be0bb1904f6f60fdca2362964d73fe9abf0' }, h("g", { key: 'd22890eb0f1ca4e07881553521f9ee85723a4074' }, h("path", { key: 'a6d8914497276ec7d166b8b2320f29a8f5510172', 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" }))), h("g", { key: 'e468df1d817909c064950f8db84f586e9b5eaa6d' }, h("g", { key: 'f5a46a05812e7492d5f7e09ddbc9561e69747f5c' }, h("path", { key: '272c3b9cbd78680fb7919fc9b2ce86d6483f7a3e', 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" }))), h("g", { key: '78ccbf7f220fdccded230ebedd273d0e26edbcb8' }, h("g", { key: '5045f889da61c0e97c7b9e3af852e2048f0d5730' }, h("path", { key: 'ab4550fe6785b4dab33480304cb64443248639dc', 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" }))), h("g", { key: '6a670a8689cc9506b5d063b93c9dd1c2d84e1cbe' }, h("g", { key: '7874d933b4ceca699ce03ef89bbc5c3b60e876c5' }, h("path", { key: 'b7913c3e898e7d518b841f0b963ba38e3b8a2572', 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" }))), h("g", { key: '724375c7722dc927f7364dc1388e664d1cc952ff' }, h("g", { key: 'ad8abcc51ccfb5ab0168e0d7d6d1e54b0460641b' }, h("path", { key: '370ca280e22867037bcd662570737e684b028601', 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" }))), h("g", { key: '514eff618c280fa53463d5af687b9031c244320b' }, h("g", { key: 'cc0f8b44bef79e27be5ce1e28c70c2ac8d0d8ecf' }, h("path", { key: '293eef80e67c0d3101fcf9cdba3c9145552b2add', 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" }))), h("g", { key: '9aeb9bf6c77c14273b32662c011833dae5be5502' }, h("g", { key: '1042bee54538b3c289280dc420962cfe11cf2daf' }, h("path", { key: 'a3f9686180692725421e2d40202095b4e65fbeaa', 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" }))), h("g", { key: '4a4e40d45f8e5f0b068c290d5f58d055ef971dcc' }, h("g", { key: 'fd4cd609456bdae7df342b2ba3a8bc07e45a2d57' }, h("path", { key: '80e1dd8748edf3455b3f28a274229cc678105e48', 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" }))), h("g", { key: 'f528eb489adc380dbba16449967b330c4ef86fa8' }, h("g", { key: '63a6cdaef076e3f57204167962e9177bfcba7be1' }, h("path", { key: 'ff32a95f58a05fdd6ccfce516309eadcecae8ca8', 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" }))), h("g", { key: 'da27c7ebcea5207ed9b8b4c8fb1a41d312cdacef' }, h("g", { key: 'f0552411b462cc3c4acf808d2f2025aca49d3395' }, h("path", { key: '37b6671f08ab54d6b3c3197f638cbeb14819907b', 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" }))), h("g", { key: '8d79c682b4f9adfb6243bbb0aaa68f24a4cda33d' }, h("g", { key: 'dfc563df7b45af4a84af83e74b28d400b4c64451' }, h("path", { key: 'bad71edc17bf88a6a65433cdfd1a62ca5aa58a86', 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" }))))), h("div", { key: 'bd9a186a504a9a386d01ac73b553efc8bd04c5d3' }, this.claimViaBarcodeScanner ? texts.scanTheVoucher : texts.enterServiceInfo)), h("div", { key: 'a9338c0deee5ec0ffadebe9ed3ef93df54f90f35', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: '0e7afbb37e851a8fa65f2a0640df17afd41a6bab', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: '2e1c5db2a26a4cb49366f4204a7847b3560483ca' }), h("div", { key: 'afa0649019cba07e29de6fc8d5a44bebff0faf10' })), h("div", { key: 'a7e032c3b6325a8e5a897ef0ec3dfb9407535d69', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("div", { key: 'd8cb857b4b6e875452c13cc0d390463d157a0fa6', style: { display: 'flex', flexDirection: 'row', gap: '50px', padding: '0 75px' } }, h("input", { key: '2753932f7b77cb4316cd97b7505e3f9240cc82ed', id: "invoice-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: (e) => { this.code = e.target.value; this.updateReadyToClaim(); }, onKeyDown: this.inputKeyDown, onBlur: () => {
                 if (this.claimViaBarcodeScanner) {
                     this.invoiceInput.focus();
                 }
-            }, autocomplete: "off", disabled: disableInput, placeholder: texts.invoice, autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }), !(this === null || this === void 0 ? void 0 : this.claimViaBarcodeScanner) && (h("input", { key: '31f33b3a7ed834e1f5adf0e77634f491c20b0e84', id: "job-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.inputKeyDown, autocomplete: "off", disabled: disableInput, placeholder: texts.jobNumber, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))), h("div", { key: 'e7bab4f86c533d6f6c0d09797ce38daa9b6f8670', style: { marginTop: '55px' } }, !(this === null || this === void 0 ? void 0 : this.claimViaBarcodeScanner) && (h("button", { key: 'da67dcf78321fd6285da897f3f93b6335e3c6274', onClick: () => {
-                if (this.readyToClaim) {
-                    this.inputKeyDown(null);
-                }
-            }, class: cn('claim-button', 'dynamic-claim-button', !(this === null || this === void 0 ? void 0 : this.readyToClaim) && 'disabled') }, h("svg", { key: 'd684c12ad6929d46f650c6a8433de50139b1066b', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '459d9fc141404ee3f0724990dbb44203308afec6', "stroke-width": "0" }), h("g", { key: '5578d6a3de3022223e96d4375271b3230c5cc4ca', "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '3dd4e9b3894797634b56ce47030ba2071d77a1a8' }, h("circle", { key: '66f26677f915400f7566936d03ccc0e9f3b5b3b7', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { key: 'c6a4a665886acab805cf53a1875d7bb33d834ed0', d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", { key: '933a30b17bdc99eb5545dc0925245c9d276f1ce1' }, texts.claim)))))))))));
+            }, autocomplete: "off", disabled: disableInput, placeholder: this.claimViaBarcodeScanner ? texts.qrCode : texts.invoice, autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }), !(this === null || this === void 0 ? void 0 : this.claimViaBarcodeScanner) && (h("input", { key: 'a0b4bddaa8520331f20ec9d4f0988b6ce6a432a8', id: "job-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: (e) => { this.job = e.target.value; this.updateReadyToClaim(); }, onKeyDown: this.inputKeyDown, autocomplete: "off", disabled: disableInput, placeholder: texts.jobNumber, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))), h("div", { key: '7bf72ef272deb1d2a0dbdf7fe9232117d2b9a1b2', style: { marginTop: '55px' } }, !(this === null || this === void 0 ? void 0 : this.claimViaBarcodeScanner) && (h("button", { key: '5c5e2502b0191575bbeb1be1da8828ff15bcde42', onClick: () => { this.inputKeyDown(null); }, class: cn('claim-button', 'dynamic-claim-button', !(this === null || this === void 0 ? void 0 : this.readyToClaim) && 'disabled') }, h("svg", { key: 'c746c42a97781666f46eefdbb5b652429d83929d', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'c1ccf4ab20dc0075fd0cbc3164a367daf455ec66', "stroke-width": "0" }), h("g", { key: 'bf5690b00a1117bd0cf675ebf19314b53397574c', "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '14d210d5ba5d561e83ec4ba2cbe26a93def1b60f' }, h("circle", { key: '7e8c5437050d4417323017895c79f81315d3992c', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { key: '40e6f5fdaab91519c8c81b7b6aac4534ff9621bc', d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", { key: '5c17e66b4fc4738199c528a9c2c3f593dd8a7881' }, texts.claim)))))))))));
     }
     static get is() { return "dynamic-redeem"; }
     static get encapsulation() { return "shadow"; }
@@ -197,7 +201,7 @@ export class DynamicRedeem {
                 "mutable": false,
                 "complexType": {
                     "original": "ServiceItem",
-                    "resolved": "{ activatedAt?: string; activeFor: number; activeForInterval: string; campaignCode?: string; companyID?: string; companyName?: string; description?: string; expiresAt?: string; image?: string; invoiceNumber?: string; jobNumber?: string; maximumMileage?: string; modelCostID?: string; name?: string; packageCode?: string; paidServiceInvoiceLineID?: string; claimDate?: string; serviceItemID?: string; skipZeroTrust?: string; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"activationRequired\"; statusEnum?: string; title?: string; type?: string; typeEnum?: string; }",
+                    "resolved": "{ activatedAt?: string; activeFor: number; activeForInterval: string; campaignCode?: string; companyID?: string; companyName?: string; description?: string; expiresAt?: string; image?: string; invoiceNumber?: string; jobNumber?: string; maximumMileage?: string; modelCostID?: string; name?: string; packageCode?: string; paidServiceInvoiceLineID?: string; claimDate?: string; serviceItemID?: string; skipZeroTrust?: string; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"activationRequired\"; statusEnum?: string; title?: string; type?: string; typeEnum?: string; claimingMethodEnum?: number; }",
                     "references": {
                         "ServiceItem": {
                             "location": "import",
@@ -293,21 +297,6 @@ export class DynamicRedeem {
                     "text": ""
                 }
             },
-            "handleQrChanges": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(code: string) => void",
-                    "resolved": "(code: string) => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
             "loadingStateChange": {
                 "type": "unknown",
                 "mutable": false,
@@ -322,29 +311,12 @@ export class DynamicRedeem {
                     "tags": [],
                     "text": ""
                 }
-            },
-            "claimViaBarcodeScanner": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "claim-via-barcode-scanner",
-                "reflect": false,
-                "defaultValue": "true"
             }
         };
     }
     static get states() {
         return {
+            "claimViaBarcodeScanner": {},
             "locale": {},
             "isLoading": {},
             "internalVin": {},
@@ -353,7 +325,9 @@ export class DynamicRedeem {
             "confirmServiceCancellation": {},
             "internalCanceledItem": {},
             "confirmUnInvoicedTBPVehicles": {},
-            "readyToClaim": {}
+            "readyToClaim": {},
+            "code": {},
+            "job": {}
         };
     }
     static get methods() {

package/dist/collection/components/vin-extractor/vin-extractor.css

@@ -1 +1 @@
-*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}.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))}.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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(100%)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes popOut{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0)}}.vin-extractor-background{pointer-events:none!important}@media (max-width:768px){.vin-extractor-container.show-container{animation:slideIn .5s ease-out forwards}.vin-extractor-container.hide-container{animation:slideOut .5s ease-in forwards}.vin-extractor-heading{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:auto!important}.vin-extractor-container.show-container{animation:popIn .3s ease-out forwards;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.vin-extractor-container.hide-container{animation:popOut .3s ease-in forwards;box-shadow:0}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.flex{display:flex}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\[32px\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\[100dvh\]{height:100dvh}.h-\[60px\]{height:60px}.h-full{height:100%}.min-h-full{min-height:100%}.w-\[100dvw\]{width:100dvw}.w-\[100px\]{width:100px}.w-full{width:100%}.min-w-full{min-width:100%}.-translate-x-1\/2{--tw-translate-x:-50%;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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\[16px\]{padding:16px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/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)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\:bg-white\/75:disabled{background-color:hsla(0,0%,100%,.75)}.aria-expanded\:pointer-events-auto[aria-expanded=true]{pointer-events:auto}@media (min-width:768px){.md\:relative{position:relative}.md\:aspect-auto{aspect-ratio:auto}.md\:h-auto{height:auto}.md\:w-\[600px\]{width:600px}.md\:\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\:overflow-hidden{overflow:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:border-none{border-style:none}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\:py-\[8px\]{padding-bottom:8px;padding-top:8px}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\:\!opacity-100{opacity:1!important}.md\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\:duration-300{transition-duration:.3s}.md\:hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.md\:aria-expanded\:bg-black\/40[aria-expanded=true]{background-color:rgba(0,0,0,.4)}}
+*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}.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))}.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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(100%)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes popOut{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0)}}.vin-extractor-background{pointer-events:none}@media (max-width:768px){.vin-extractor-container.show-container{animation:slideIn .5s ease-out forwards}.vin-extractor-container.hide-container{animation:slideOut .5s ease-in forwards}.vin-extractor-heading{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}}.vin-extractor-container[aria-expanded=true]{pointer-events:auto!important}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:rgba(0,0,0,.4);pointer-events:auto!important}.vin-extractor-container.show-container{animation:popIn .3s ease-out forwards;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.vin-extractor-container.hide-container{animation:popOut .3s ease-in forwards;box-shadow:0}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.flex{display:flex}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\[32px\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\[100dvh\]{height:100dvh}.h-\[60px\]{height:60px}.h-full{height:100%}.min-h-full{min-height:100%}.w-\[100dvw\]{width:100dvw}.w-\[100px\]{width:100px}.w-full{width:100%}.min-w-full{min-width:100%}.-translate-x-1\/2{--tw-translate-x:-50%;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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\[16px\]{padding:16px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/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)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\:bg-white\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\:relative{position:relative}.md\:aspect-auto{aspect-ratio:auto}.md\:h-auto{height:auto}.md\:w-\[600px\]{width:600px}.md\:\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\:overflow-hidden{overflow:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:border-none{border-style:none}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\:py-\[8px\]{padding-bottom:8px;padding-top:8px}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\:\!opacity-100{opacity:1!important}.md\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\:duration-300{transition-duration:.3s}.md\:hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}

package/dist/collection/components/vin-extractor/vin-extractor.js

@@ -347,7 +347,7 @@ export class VinExtractor {
     }
     render() {
         const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
-        return (h(Host, { key: '1b76ea4fa055f6e00df5911101b0ecdd28e5c89b' }, h("slot", { key: '05bb642df881275ee8e10f952988e08e2023613e' }), h("input", Object.assign({ key: 'be06215869fe3bba76094ec41ca4ef6953ca1d27', class: "vin-extractor-input", type: "file", accept: "image/*" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '2f651b66043c3ce56757e57f47ccd8c476f1a5c7', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: '5990749b5c53d39871d7147c4fefac473dcfd209', onClick: () => (this.isOpen = false), "aria-expanded": ariaExpanded.toString(), class: "vin-extractor-background md:aria-expanded:bg-black/40 md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: '480155f5ee25353ea64efe7a96055f353ea44d9a', onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto aria-expanded:pointer-events-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: '22c4ae81a2c158d4f4dd5e6c578235447a206e4b', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8" })), h("h1", { key: '0a939ccb0c8be00c07430afead1dfda6f647ba67', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: 'ed3c889811a29eff7c8f7a7567ef45f89a8bb7f6', type: "button", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: '25d325e1cc31389b16732fa3557e2dbb81bf6b43', fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '52f8d0ce38acc5712a5e2de22c30c8b331272b20', d: "M18 6 6 18" }), h("path", { key: '379f4d79cb2bf0be221c80394c00345b2dbcf750', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: 'a3bc3e77bd1263e42f067bf7afd0940d2b1acf4f', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full animate-spin", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: '943bd58cb4d4e7a70b0f739d645c2f47614e850d', id: "video", autoPlay: true, playsInline: true, class: "video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center" }))))));
+        return (h(Host, { key: '1b76ea4fa055f6e00df5911101b0ecdd28e5c89b' }, h("slot", { key: '05bb642df881275ee8e10f952988e08e2023613e' }), h("input", Object.assign({ key: 'be06215869fe3bba76094ec41ca4ef6953ca1d27', class: "vin-extractor-input", type: "file", accept: "image/*" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '2f651b66043c3ce56757e57f47ccd8c476f1a5c7', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: 'ecf2021ecbbf3f99fdf6956d4b6d359177cd1cd0', onClick: () => (this.isOpen = false), "aria-expanded": ariaExpanded.toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: '3c1a04930edf1a03f0c654c9685319538e4fe970', onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: '740e204ca3cde398b138057fa572c3f445cb978d', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8" })), h("h1", { key: '30b18c9cf9c91e969b9e7a3d14ab7a444d04200e', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: '86c97000bfa0d3ec55c99b5a0697e06312deb0a1', type: "button", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: '5f390fb49bdbb38defe6d76e0fba3c7e58ce02ee', fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ac327af5887127588adebef22eee4e8b7ed6f9a9', d: "M18 6 6 18" }), h("path", { key: '95dc2a1eb6c71ab1aaae8c22aa95e89cfbf2c110', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: 'c813705491e864c21a5a157637e50b20058bcb34', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full animate-spin", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: 'cf4be39bee9f4b6a4d2e7f7b2c2d5010858f4ac8', id: "video", autoPlay: true, playsInline: true, class: "video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center" }))))));
     }
     static get is() { return "vin-extractor"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/global/types/locales/vehicle-lookup/dynamic-redeem-schema.js

@@ -9,7 +9,8 @@ export const dynamicRedeemSchema = object({
     activationDate: string().required(),
     expireDate: string().required(),
     packageCode: string().required(),
-    scanTheInvoice: string().required(),
+    scanTheVoucher: string().required(),
+    qrCode: string().required(),
     processing: string().required(),
     warning: string().required(),
     skipServicesWarning: string().required(),

package/dist/components/contact-us-form.js

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{p as t,H as e,h as a,c as r}from"./p-c2432b50.js";import{c as o}from"./p-98d9e7ab.js";import{A as i,C as s,F as n}from"./p-932ff922.js";import{c as l,a as c,h as d,g as p}from"./p-1442b13d.js";import{d as w}from"./p-c2c2d92d.js";import{d as m}from"./p-69eaf774.js";import{d as b}from"./p-b1a7ef07.js";import{d as g}from"./p-f924b4ab.js";import{d as u}from"./p-719a1738.js";import{d as h}from"./p-911bdc97.js";import{d as f}from"./p-3e900d17.js";import{d as x}from"./p-b852bf4f.js";const y=new i("IQ");y.default="+"+y.metadata.numberingPlan.metadata[0],y.input(y.default);const v=l({cityId:c(),email:c().email("emailAddressNotValid"),message:c().required("messageIsRequired"),generalTicketType:c().required("inquiryTypeIsRequired"),name:c().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:c().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>y.isValid()))}),k={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},E={submit:t=>d("form-submit",Object.assign({},t)),name:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("name");return d("form-input",{form:t,label:"fullName",isError:i,language:e,isRequired:s,inputParams:{name:n,disabled:r,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},email:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("email");return d("form-input",{form:t,isError:i,language:e,label:"emailAddress",isRequired:s,inputParams:{name:n,disabled:r,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},phone:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("phone");return d("form-input",{form:t,numberDirection:!0,isError:i,language:e,label:"phoneNumber",isRequired:s,inputParams:{name:n,disabled:r,type:"text",placeholder:"phoneNumber",defaultValue:y.default,onInput:t=>{const e=t.target;y.reset(),e.value=y.input(e.value)}},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},message:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("message");return d("form-text-area",{form:t,isError:i,language:e,label:"writeAMessage",isRequired:s,inputParams:{name:n,disabled:r,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},generalTicketType:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("generalTicketType");return d("form-select",{name:n,form:t,fetcher:async t=>{const e=(await p(t)).generalTicketTypes;return[{value:"GeneralInquiry",label:e.GeneralInquiry},{value:"Complaint",label:e.Complaint}]},isError:i,disabled:r,language:e,label:"inquiryType",isRequired:s,formLocaleName:"contactUs",errorMessage:o,placeholder:"selectInquiryType",wrapperId:a.id,wrapperClass:a.class})},cityId:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:n,name:l}=t.getInputState("cityId");return d("form-select",{name:l,form:t,label:"city",fetcher:async(t,e)=>{const a=await fetch(s,{signal:e,headers:{"Accept-Language":t}});return(await a.json()).map((t=>({label:t.Name,value:t.ID})))},isError:i,disabled:r,language:e,isRequired:n,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})}},z=t(class extends e{constructor(){super(),this.__registerHost(),this.recaptchaWidget=null,this.form=new n(this,v),this.theme=void 0,this.baseUrl=void 0,this.brandId=void 0,this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.errorCallback=void 0,this.successCallback=void 0,this.loadingChanges=void 0,this.isLoading=void 0,this.renderControl={},this.errorMessage=void 0}async componentDidLoad(){try{if(this.recaptchaKey){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(t){console.log(t)}}async formSubmit(t){try{this.loadingChanges&&this.loadingChanges(!0);const e=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),a=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(t),headers:{Brand:this.brandId,"Recaptcha-Token":e,"Accept-Language":this.language,"Content-Type":"application/json"}}),r=await a.json();this.successCallback&&this.successCallback(r),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(t){console.error(t),this.errorCallback&&this.errorCallback(t),(null==t?void 0:t.message)&&(this.errorMessage=t.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return a(r,{key:"448793233b86f3bf397dc14deaccf8cf24f4a3b2",class:o({["contact-us-"+this.theme]:this.theme})},a("form-structure",{key:"d28d14d757a0918dccd1795f3aa120e86cbebedf",themes:k,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:E},a("slot",{key:"0b4890112ea9e1d618ea981cb8746d33ed563089"})))}get el(){return this}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}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.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}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.top-0{top:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{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))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.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))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.duration-300{transition-duration:.3s}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-40{opacity:.4}.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-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)}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{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))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{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-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;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))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.-translate-y-full,.translate-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))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{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))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}'}},[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function j(){"undefined"!=typeof customElements&&["contact-us-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((t=>{switch(t){case"contact-us-form":customElements.get(t)||customElements.define(t,z);break;case"form-dialog":customElements.get(t)||w();break;case"form-input":customElements.get(t)||m();break;case"form-select":customElements.get(t)||b();break;case"form-shadow-input":customElements.get(t)||g();break;case"form-structure":customElements.get(t)||u();break;case"form-structure-error":customElements.get(t)||h();break;case"form-submit":customElements.get(t)||f();break;case"form-text-area":customElements.get(t)||x()}}))}j();const q=z,I=j;export{q as ContactUsForm,I as defineCustomElement}
+import{p as t,H as e,h as a,c as r}from"./p-48a9b8e5.js";import{c as o}from"./p-98d9e7ab.js";import{A as i,C as s,F as n}from"./p-932ff922.js";import{c as l,a as c,h as d,g as p}from"./p-bd4d4677.js";import{d as w}from"./p-fce58df6.js";import{d as m}from"./p-b0aa38f8.js";import{d as b}from"./p-36cc53f6.js";import{d as g}from"./p-9eb14ca0.js";import{d as u}from"./p-d306ccf8.js";import{d as h}from"./p-a3b3e4d6.js";import{d as f}from"./p-81fead12.js";import{d as x}from"./p-28d21470.js";const y=new i("IQ");y.default="+"+y.metadata.numberingPlan.metadata[0],y.input(y.default);const v=l({cityId:c(),email:c().email("emailAddressNotValid"),message:c().required("messageIsRequired"),generalTicketType:c().required("inquiryTypeIsRequired"),name:c().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:c().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>y.isValid()))}),k={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},E={submit:t=>d("form-submit",Object.assign({},t)),name:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("name");return d("form-input",{form:t,label:"fullName",isError:i,language:e,isRequired:s,inputParams:{name:n,disabled:r,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},email:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("email");return d("form-input",{form:t,isError:i,language:e,label:"emailAddress",isRequired:s,inputParams:{name:n,disabled:r,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},phone:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("phone");return d("form-input",{form:t,numberDirection:!0,isError:i,language:e,label:"phoneNumber",isRequired:s,inputParams:{name:n,disabled:r,type:"text",placeholder:"phoneNumber",defaultValue:y.default,onInput:t=>{const e=t.target;y.reset(),e.value=y.input(e.value)}},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},message:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("message");return d("form-text-area",{form:t,isError:i,language:e,label:"writeAMessage",isRequired:s,inputParams:{name:n,disabled:r,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})},generalTicketType:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:s,name:n}=t.getInputState("generalTicketType");return d("form-select",{name:n,form:t,fetcher:async t=>{const e=(await p(t)).generalTicketTypes;return[{value:"GeneralInquiry",label:e.GeneralInquiry},{value:"Complaint",label:e.Complaint}]},isError:i,disabled:r,language:e,label:"inquiryType",isRequired:s,formLocaleName:"contactUs",errorMessage:o,placeholder:"selectInquiryType",wrapperId:a.id,wrapperClass:a.class})},cityId:({form:t,language:e,structureElement:a})=>{const{disabled:r,errorMessage:o,isError:i,isRequired:n,name:l}=t.getInputState("cityId");return d("form-select",{name:l,form:t,label:"city",fetcher:async(t,e)=>{const a=await fetch(s,{signal:e,headers:{"Accept-Language":t}});return(await a.json()).map((t=>({label:t.Name,value:t.ID})))},isError:i,disabled:r,language:e,isRequired:n,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:o,wrapperId:a.id,wrapperClass:a.class})}},z=t(class extends e{constructor(){super(),this.__registerHost(),this.recaptchaWidget=null,this.form=new n(this,v),this.theme=void 0,this.baseUrl=void 0,this.brandId=void 0,this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.errorCallback=void 0,this.successCallback=void 0,this.loadingChanges=void 0,this.isLoading=void 0,this.renderControl={},this.errorMessage=void 0}async componentDidLoad(){try{if(this.recaptchaKey){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(t){console.log(t)}}async formSubmit(t){try{this.loadingChanges&&this.loadingChanges(!0);const e=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),a=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(t),headers:{Brand:this.brandId,"Recaptcha-Token":e,"Accept-Language":this.language,"Content-Type":"application/json"}}),r=await a.json();this.successCallback&&this.successCallback(r),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(t){console.error(t),this.errorCallback&&this.errorCallback(t),(null==t?void 0:t.message)&&(this.errorMessage=t.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return a(r,{key:"448793233b86f3bf397dc14deaccf8cf24f4a3b2",class:o({["contact-us-"+this.theme]:this.theme})},a("form-structure",{key:"d28d14d757a0918dccd1795f3aa120e86cbebedf",themes:k,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:E},a("slot",{key:"0b4890112ea9e1d618ea981cb8746d33ed563089"})))}get el(){return this}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}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.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}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.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{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)}.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-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{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))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.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))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{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))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{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-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;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))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{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))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}.-translate-y-full,.translate-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))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}'}},[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function j(){"undefined"!=typeof customElements&&["contact-us-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((t=>{switch(t){case"contact-us-form":customElements.get(t)||customElements.define(t,z);break;case"form-dialog":customElements.get(t)||w();break;case"form-input":customElements.get(t)||m();break;case"form-select":customElements.get(t)||b();break;case"form-shadow-input":customElements.get(t)||g();break;case"form-structure":customElements.get(t)||u();break;case"form-structure-error":customElements.get(t)||h();break;case"form-submit":customElements.get(t)||f();break;case"form-text-area":customElements.get(t)||x()}}))}j();const q=z,I=j;export{q as ContactUsForm,I as defineCustomElement}