adp-web-components 0.0.65 → 0.0.66

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

@@ -0,0 +1,373 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { Host, h } from "@stencil/core";
+import cn from "../../global/lib/cn";
+import { getLocaleLanguage } from "../../global/lib/get-local-language";
+import { localeSchema } from "../../global/types/locales/index";
+export class DynamicRedeem {
+    constructor() {
+        this.closeModal = async () => {
+            this.isOpened = false;
+            this.item = null;
+            await new Promise(r => setTimeout(r, 500));
+            this.canceledItems = [];
+            this.unInvoicedByBrokerName = null;
+            this.input.value = '';
+            this.isLoading = false;
+            this.input.readOnly = false;
+        };
+        this.qrCodeKeyDown = async (event) => {
+            if (event.key === 'Enter') {
+                if (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles)
+                    return;
+                event.preventDefault();
+                if (!(this === null || this === void 0 ? void 0 : this.handleScanner))
+                    return;
+                const inputValue = this.input.value;
+                this.input.value = '';
+                this.isLoading = true;
+                this.input.readOnly = true;
+                this.handleScanner(inputValue);
+            }
+        };
+        this.onValueChanges = (event) => {
+            if (this.handleQrChanges) {
+                const input = event.target;
+                this.handleQrChanges(input.value);
+            }
+        };
+        this.vin = '';
+        this.item = null;
+        this.language = 'en';
+        this.canceledItems = null;
+        this.unInvoicedByBrokerName = null;
+        this.handleScanner = undefined;
+        this.handleQrChanges = undefined;
+        this.loadingStateChange = undefined;
+        this.locale = localeSchema.getDefault();
+        this.isLoading = false;
+        this.internalVin = '';
+        this.isOpened = false;
+        this.internalItem = null;
+        this.confirmServiceCancellation = false;
+        this.internalCanceledItem = null;
+        this.confirmUnInvoicedTBPVehicles = false;
+    }
+    async componentWillLoad() {
+        await this.changeLanguage(this.language);
+    }
+    async changeLanguage(newLanguage) {
+        this.locale = await getLocaleLanguage(newLanguage);
+    }
+    onIsLoadingChange(newValue) {
+        if (this.loadingStateChange)
+            this.loadingStateChange(newValue);
+    }
+    async componentDidLoad() {
+        this.input = this.el.shadowRoot.querySelector('.dynamic-claim-processor .qr-input');
+        this.dynamicClaimProcessor = this.el.shadowRoot.querySelector('.dynamic-claim-processor');
+        if (this.unInvoicedByBrokerName === null) {
+            this.confirmUnInvoicedTBPVehicles = true;
+        }
+        else {
+            this.confirmUnInvoicedTBPVehicles = false;
+        }
+    }
+    focusInput() {
+        setTimeout(() => {
+            this.input.focus();
+        }, 100);
+    }
+    async changeInternalCanceledItem(newInternalCanceledItem) {
+        this.internalCanceledItem = newInternalCanceledItem;
+        if (this.internalCanceledItem.length > 0) {
+            this.confirmServiceCancellation = false;
+        }
+        else {
+            this.confirmServiceCancellation = true;
+        }
+    }
+    async changeConfirmUnInvoicedTBPVehicles(newUnInvoicedByBrokerName) {
+        if (newUnInvoicedByBrokerName === null) {
+            this.confirmUnInvoicedTBPVehicles = true;
+        }
+        else {
+            this.confirmUnInvoicedTBPVehicles = false;
+        }
+    }
+    async changeInternalVin(newInternalVin) {
+        this.internalVin = newInternalVin;
+    }
+    async changeInternalItem(newItem) {
+        this.isOpened = !!newItem;
+        if (newItem)
+            this.internalItem = newItem;
+        if (newItem) {
+            this.closeModalListenerRef = (event) => event.key === 'Escape' && this.quite();
+            window.addEventListener('keydown', this.closeModalListenerRef);
+            await new Promise(r => setTimeout(r, 300));
+            this.input.focus();
+        }
+        else {
+            window.removeEventListener('keydown', this.closeModalListenerRef);
+            this.quite();
+        }
+    }
+    async quite() {
+        this.closeModal();
+    }
+    async getQrValue() {
+        return this.input.value;
+    }
+    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: '6f23076572fa32bf4ecabb0ec5c30f4c904c5aeb' }, h("div", { key: 'e181969add00fdace98f3f198bbb383883ed096c', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: '19e190b047b65a3d9fd006a5b7b7bf6274c43c78', 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: 'b0f3eff73478c17ded463f97ad196b176077b8ff', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '1fd42a3ef89f038dc303086ffca5c2deadc9989d', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '09465c1cff709d748a0529ec333f5e4ad25ba101', id: "SVGRepo_iconCarrier" }, h("path", { key: 'f63fb5590f2e24018ca4ad219c213d2f6adb41fc', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'd6487224d7042d92bb2a789234407b4616fca22e', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'ffcd5d290855b3c3f3d37800e393e04b75a502d4', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '99b9066894f9b9f26b60663e450a93696223124e', class: "dynamic-claim-processor-info-box" }, h("div", { key: '403cd1dc09ed2594c72e73e6391d552020332d98', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: '1be049ba270853645470ab894135116139383b8d', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '8b13146eb29190537dca360ec882ca89f03f9e36', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: 'bf692fc99d065b927e04f9f682364e36085cb81c', class: "border-separate" }, h("tr", { key: '452f0ea4dde84dc33429032f59d3071019a1bd64' }, h("th", { key: '29c31adefa2411ea10e33b65e1705f1848f206e3' }, texts.serviceType), h("td", { key: '31e1279fc831af71ebdbdd7d00889e2900fffe23' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: '33b5b7a306da1af6702cd8454e3ac01ae3ba26d7' }, texts.name), h("td", { key: 'ae217299a413f6882867bd091c8560e9ad0924da' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: '086bbc2759675159d0b1fa68cf61c58977d3d872' }, h("th", { key: '3cc7dde01066572972d3fd00f4da7dbab5b88c17' }, texts.activationDate), h("td", { key: '61a65a1d432cc564eca6529fa2678b326feddc52' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '0ef316a0a241843f9865c20d46fc8ce269d1606e' }, texts.expireDate), h("td", { key: 'ab1bb7f29ed38c2c71c25428d43fe3c716126eb9' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: '1dce0e4b9de04fb40e923624ad21b0c8f08fb1dc' }, h("th", { key: '4f65208aef6e9dcd19b8602e11d5ca76461b736b' }, texts.menuCode), h("td", { key: '76299771fc11edcf8687c6e725f6eedb8465d84f' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), h("div", { key: 'd9e7e004964654a54282158508e0150bfe4c7990', 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: '82b116d97cfac477f60db2fbf22e1636fdc5c689', class: "admonition warning" }, h("p", { key: '60a55ae8256648fb220eab389fab5d2dc42c9d3c', class: "admonition-title" }, texts.warning), h("div", { key: '80ad2bdacebe0a3bed749a730bc8aa3ccca48f15', style: { padding: '0 30px' } }, h("p", { key: '542d0408b48f1486f011c281b1cc35287755bba9', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: 'c33d8e62aa0cb644ad08b8f05b359c8e7315f462', 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: 'c96c8ef23dbbf0ce5115a71a0011b5748b6ec504', class: "cancel-confirmation-box" }, h("label", { key: '253e3bf85b93afe4c58c1a7a94e7620b08d8f991' }, h("input", { key: '619d9412599947909cc88c4a596ccaca94903b1c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+                this.confirmServiceCancellation = !this.confirmServiceCancellation;
+            } }), texts.confirmSkipServices))))), true && this.unInvoicedByBrokerName && (h("div", { key: '98e5529f5d45dc42d10a44286ee1b56dc5956be3', class: "admonition warning" }, h("p", { key: 'f39cf4db4b32111fdb309594b530d28f5e6d92e4', class: "admonition-title" }, texts.warning), h("div", { key: '88e15fd258f64625d9dd1b6e5ee1aba0cb3850bd', style: { padding: '0 30px' } }, h("p", { key: 'c5da7d0424e5b371931d6d4c2fd71958072adf0d', class: "my-4" }, texts.notInvoiced), h("div", { key: '9ec8036a3adb36ce4fb174cb46f534cbbc998d2a' }, h("strong", { key: '188ee16ece206d92bc99a5a87c816f23aaf0a8d5' }, this.unInvoicedByBrokerName)), h("div", { key: '053bb8cc2fff059cc4ec7fd34eef1d3dc39dc0fe', class: "cancel-confirmation-box" }, h("label", { key: 'b6a2c0733f272e5c78ed97c8fcee58a8ebbfc473' }, h("input", { key: '67861acd7a63e89d70aa8f122f3ea6bb97cc9a47', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+                this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
+            } }), texts.confirmNotInvoiced))))), h("div", { key: 'a1e4e1351f9fd64637250549d8ca9b47120db80b', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '8ac74c5aed2a50c3fcc9bdf63d584e977631cabe', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: 'd77283ed65d7e0c9b3d6bc2b715c4eec71e198b2', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: '879e603d9c687b629ba3b6bbcc43bb8a1c131040', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: 'eec5018665e3a51d4e1a90b8259564501b65f979', 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: '7cce520faca0bed6c94f5adc423d59fa041dd517', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '9458c4a9d0d674420637748119f835a330f6b190', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'd396cf2b2ee89d3a8433d347c362c6b297abfee3', id: "SVGRepo_iconCarrier" }, h("g", { key: 'f07f1832a45d96235d88a52123b825afcddd5157' }, h("g", { key: 'e8570b9b6abfcf1d04cb0b93df73db896240ec74' }, h("path", { key: '6420bcda4aefd3cd9cb19459db5a5bfae48de5ce', 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: 'ac18cdc8edf083bb4fc6e21cb863ae902c414c53' }, h("g", { key: 'bd393e16c198d0ce5db374f1456f156225191c77' }, h("path", { key: '10c2088b94d0c43d750e35a297fc557b5f5499d6', 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: 'b6dde1b29ce078f2cac18c8177edb5d7df0453e6' }, h("g", { key: '2278ab0f3f66a4aa2a48f80512e7c2142bcf95fb' }, h("path", { key: 'd68379539a616231f9107d21ac1bc29f690bbd40', 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: '92780ef45777527daa102da1ff59ea591a00dc44' }, h("g", { key: 'b4d176551668e9794fc191f0b75167e94f74da86' }, h("path", { key: '8e9ae3b3a2bc99fa9f8ecb78f5d19877ee4f3367', 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: '33d96e271c4f99e6fb4c0a54db0668bb12ed722b' }, h("g", { key: 'ab552b86c291b350104b5312ddec4bf238471e31' }, h("path", { key: '1b1c5c07321b06fb86d4aedd9d3f5d9c7f1e1795', 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: '7a6bad400c84c523c967e1e4e7d26979673dd4df' }, h("g", { key: 'a32dcacf17001243b3c57eafe7b669532fa5298a' }, h("path", { key: 'dc6c90e04fc1af7f543cb183d1be5fc289cad039', 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: 'd5687820027ffcc7164924d2f49b4bc6280d1435' }, h("g", { key: '5aa6a2d1ec8b273e0023631c72862ade4307a062' }, h("path", { key: '287a638e99b443fa07175360cc016e1c50658633', 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: '72377cdb11c2af3ae89d66fce8cb74d7c651e53a' }, h("g", { key: '4dd358fdb3fdf7fa3f6582e2a5104b58e1b4f533' }, h("path", { key: 'b9dac199ecd22afc4a050d927ac185e6f8ee96da', 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: '4ea85d2b21b60cd326290407d5bd461e27c0fbee' }, h("g", { key: '7320fd66dd58dd8ef5849a5088aafa44f64fb1da' }, h("path", { key: '09bf6f789d487024fae9c7c63b9cfef5e8ccf418', 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: 'f45c156d58b7c4fe38d1b6383cfb58a8d26c5063' }, h("g", { key: 'abbbc9ef4b21677230c5102081b79c8f8ccf0894' }, h("path", { key: '11c704514913ada8a276c5eee2ed1107f0fc64b5', 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: '103aa0955ca13b5cd614f843a5d8bb00af51e210' }, h("g", { key: '4ba1fc6bee2b4d30983e04a5fb23e13046395182' }, h("path", { key: 'd2d45892e7ee175ad25afef1af1f1f5ae8a61ef2', 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: '717e7c0f6956a60b6bc24844a38c15902d185b55' }, h("g", { key: 'c8dd9b3b8dc25620425f4d15f718d7ca025e9302' }, h("path", { key: '461d4d5c85f97dfb117c4b72cdb7b4c1795972d2', 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: 'fb57a59b18a15a964ce941dfb9aab585c77a5470' }, h("g", { key: 'f0db6ce74a8ac3eed39ab2854cc6b59cd8b698d7' }, h("path", { key: '98fdca3e5809837a1e808091199f582e60f77221', 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: '19c6f7a57ba8695b4d4f2279306d394ba31b931c' }, h("g", { key: '30f10e39a0e4c86fc42572887b34442cb74213ad' }, h("path", { key: '6fa8c16a503b12a1062138988ec8edf5c7c03c5f', 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: 'fcbde011e9a8add3e3dc03e98cee14fa75cb3b47' }, h("g", { key: 'a037ae3a36f940d484ed0a61d9d369b4eead48f4' }, h("path", { key: 'f8d473cedaa28713a1c2cdeb616ceb22382ee6cc', 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: '90708098a0f8e273e1c4207c77cca360ba83235e' }, h("g", { key: 'cdc8dd013088e04226361386abf9eb2a65cc9d4e' }, h("path", { key: '2d5dd1d3ed1ac57cd5d8344a719a718cd8bccb06', 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: 'bdd771ddf829f0786b4829eded621e7526275d3b' }, texts.scanTheInvoice)), h("div", { key: '12807539ee8e78004cc477ded3321895ae501a96', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: 'c6ad6619ee28443d0e7a371e88f7423f7fc2589e', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: '9cef9b48f30a0ed32c0d8e4c9ba02518cd707faf' }), h("div", { key: 'ac6f78c0086b68cf0448af2e93263714c53d2af4' })), h("div", { key: '407f0911c4b15beb6c3a2445117a9e4997e82d60', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("input", { key: '8bc56fc8812ab0f5d5e886f34efc2886af0dd93b', dir: "ltr", class: "qr-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.qrCodeKeyDown, onBlur: () => this.input.focus(), autocomplete: "off", disabled: disableInput, placeholder: "", autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))))))));
+    }
+    static get is() { return "dynamic-redeem"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["dynamic-redeem.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["dynamic-redeem.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "vin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "vin",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "item": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ServiceItem",
+                    "resolved": "{ name: string; type: string; wip?: string; title: string; image: string; qrUri: string; typeEnum: number; expiresAt: string; menuCode?: string; campaignCode: any; activeFor: number; statusEnum: number; description: string; activatedAt: string; redeemDate?: string; dealerName?: string; modelCostID?: number; invoiceNumber?: string; skipZeroTrust: boolean; activeForInterval: string; dealerIntegrationID?: string; maximumMileage: number; tlpPackageInvoiceTLPItemID: any; toyotaLoyaltyProgramRedeemableItemID: number; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"warning\"; }",
+                    "references": {
+                        "ServiceItem": {
+                            "location": "import",
+                            "path": "~types/vehicle-information",
+                            "id": "src/global/types/vehicle-information.ts::ServiceItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "null"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LanguageKeys",
+                    "resolved": "\"ar\" | \"en\" | \"ku\" | \"ru\"",
+                    "references": {
+                        "LanguageKeys": {
+                            "location": "import",
+                            "path": "~types/locales",
+                            "id": "src/global/types/locales/index.ts::LanguageKeys"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": false,
+                "defaultValue": "'en'"
+            },
+            "canceledItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ServiceItem[]",
+                    "resolved": "ServiceItem[]",
+                    "references": {
+                        "ServiceItem": {
+                            "location": "import",
+                            "path": "~types/vehicle-information",
+                            "id": "src/global/types/vehicle-information.ts::ServiceItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "null"
+            },
+            "unInvoicedByBrokerName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "un-invoiced-by-broker-name",
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "handleScanner": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(code: string) => void",
+                    "resolved": "(code: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "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,
+                "complexType": {
+                    "original": "(isLoading: boolean) => void",
+                    "resolved": "(isLoading: boolean) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "locale": {},
+            "isLoading": {},
+            "internalVin": {},
+            "isOpened": {},
+            "internalItem": {},
+            "confirmServiceCancellation": {},
+            "internalCanceledItem": {},
+            "confirmUnInvoicedTBPVehicles": {}
+        };
+    }
+    static get methods() {
+        return {
+            "quite": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getQrValue": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "language",
+                "methodName": "changeLanguage"
+            }, {
+                "propName": "isLoading",
+                "methodName": "onIsLoadingChange"
+            }, {
+                "propName": "canceledItems",
+                "methodName": "changeInternalCanceledItem"
+            }, {
+                "propName": "unInvoicedByBrokerName",
+                "methodName": "changeConfirmUnInvoicedTBPVehicles"
+            }, {
+                "propName": "vin",
+                "methodName": "changeInternalVin"
+            }, {
+                "propName": "item",
+                "methodName": "changeInternalItem"
+            }];
+    }
+}

package/dist/collection/components/vehicle-lookup/paint-thickness.css

@@ -0,0 +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}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\[12px\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\[40px\]{height:40px}.h-\[80px\]{height:80px}.max-h-\[70dvh\]{max-height:70dvh}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[20px\]{padding-bottom:20px;padding-top:20px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.pt-\[4px\]{padding-top:4px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.font-bold{font-weight:700}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\[16px\]{margin-right:16px}.mt-\[16px\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\[100dvh\]{height:100dvh}.h-auto{height:auto}.max-h-\[133px\]{max-height:133px}.w-12{width:3rem}.w-\[100dvw\]{width:100dvw}.w-auto{width:auto}.max-w-\[133px\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\[4px\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\!border-none{border-style:none!important}.bg-black\/40{background-color:rgba(0,0,0,.4)}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:opacity-100:hover{opacity:1}.\[\&_div\]\:hover\:\!opacity-100:hover div{opacity:1!important}.\[\&_img\]\:hover\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.z-10{z-index:10}.h-\[150px\]{height:150px}.h-\[50px\]{height:50px}.min-w-\[100px\]{min-width:100px}.flex-wrap{flex-wrap:wrap}.gap-\[16px\]{gap:16px}.gap-\[8px\]{gap:8px}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\[12px\]{padding:12px}.p-\[6px\]{padding:6px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[15px\]{padding-bottom:15px;padding-top:15px}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}