adp-web-components 0.0.65 → 0.0.67

package/dist/esm/dynamic-redeem.entry.js

@@ -0,0 +1,152 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { r as registerInstance, h, H as Host, g as getElement } from './index-cac905b0.js';
+import { c as cn } from './cn-cc419b94.js';
+import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-98c26a89.js';
+
+const dynamicRedeemCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .qr-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;width:100%}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:\"\";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z\"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.static{position:static}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[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}.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}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}";
+const DynamicRedeemStyle0 = dynamicRedeemCss;
+
+const DynamicRedeem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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, null);
+            }
+        };
+        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: 'e0d844b0e4317e264a37830c0ce51075e18104f9' }, h("div", { key: 'ba4fbdc20ee12c6e0ec202cbfc1942c23209cfee', dir: this.locale.direction, class: cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, h("svg", { key: 'c8cda750d458a585193ab22586de6af2752d623f', 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: 'f83af1d3f988285418cf60b9994979478a38e6ca', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '488d68a2948be497a9ce73a25188f4c4b1b1c71c', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '6adced92516d08ff727ef2886288e0f824e3ff94', id: "SVGRepo_iconCarrier" }, h("path", { key: '2521c67ce13d567ce02f6f7cece674b063d70451', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '7e2f96c55444d9d3dc6ef1f6d28be595c035fdb6', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '721f67410534e173e6872bc2177d164f16dfe4b4', class: "dynamic-claim-processor-wrapper" }, h("div", { key: '0924b42dce4c6539f53cd718989188b562280e47', class: "dynamic-claim-processor-info-box" }, h("div", { key: 'b85b2e05364fdcb5626f36168438957ae7541b1b', class: "dynamic-claim-processor-info-box-header" }, h("strong", { key: 'b15c5a693550be1df2f2bcecb6a25645fe8547c7', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), h("div", { key: '79c95c22fba7c360aa2102d38804c5b2319e6223', class: "dynamic-claim-processor-info-box-body" }, h("table", { key: '8d1a8bf7427dc4cef04624101aaa17e500635b8f', class: "border-separate" }, h("tr", { key: '477cc19767ea334f242baa0075e612b58f6a4407' }, h("th", { key: 'a4a39c2b83811669866bb7605045e52af46696a0' }, texts.serviceType), h("td", { key: 'a5a012bdc61cd520c393c33ce2986b83d3e623e8' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), h("th", { key: 'e1b02ec887c8e0cb010c8a0d76ebccc190c85c55' }, texts.name), h("td", { key: 'dccdab44ddb5fbd685ff7b2a08d1b7831044d641' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), h("tr", { key: 'f6567d47c7b10205771a6aa28a9a3731d9ee105f' }, h("th", { key: '9a980c2b1388603c64190baf18b81b6f4d936a78' }, texts.activationDate), h("td", { key: 'fe4887b0299fcaf6763fe1b1d9db119d3fabc542' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), h("th", { key: '5f00fe4954bce002029ab089447de2e171ce9e0f' }, texts.expireDate), h("td", { key: 'c7947afe3625997a1155efe5adbdf70d5fae3eee' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), h("tr", { key: 'abeedd723e72530ce5cb464663d6a2d500345819' }, h("th", { key: 'a1080c278293b311fa9112ecd85b71b9642652de' }, texts.packageCode), h("td", { key: 'a03b9369d908a49db0e057183242dcac9929797e' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.packageCode))))), h("div", { key: '3172080054cf912c1ea5d2098909e59e7243004a', 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: '40c34de4eff3eed04ff1907044b31cf7c3e8550b', class: "admonition warning" }, h("p", { key: 'dfee458d8eaa6765ce1f33aa9522f15a37a56748', class: "admonition-title" }, texts.warning), h("div", { key: '1024c7a00845a77d520a9508ee009e76bfdd2c3e', style: { padding: '0 30px' } }, h("p", { key: '9d7e150217032f4fb3a24ac55696682890bf96bc', class: "my-4" }, texts.skipServicesWarning), h("ul", { key: '9e9efe45cbff382a97d6abd601355c5373d53976', 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: '94497bbd9e974a345a525bb358b375e0b2dca7f0', class: "cancel-confirmation-box" }, h("label", { key: '1536482e9b88f2c6ccb1ea8a0e0ca88ecc00183e' }, h("input", { key: 'cfb7b1147c28f4e6ba89c0b8df50c093ee022bca', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+                this.confirmServiceCancellation = !this.confirmServiceCancellation;
+            } }), texts.confirmSkipServices))))), this.unInvoicedByBrokerName && (h("div", { key: '8d97cd8a35e88fcc85fd1d00a8409c8fd82d031b', class: "admonition warning" }, h("p", { key: '3ed9e0f9f2866c477614b01007cc4feacf99a4ca', class: "admonition-title" }, texts.warning), h("div", { key: '3451dbc457fc978d507385adf5dfdb01b0175009', style: { padding: '0 30px' } }, h("p", { key: 'de73b929494a06be5143c1f46f0e6c7b3db11a36', class: "my-4" }, texts.notInvoiced), h("div", { key: 'c32c2c8ad8b949333c7df86185c90727466ec60f' }, h("strong", { key: '4ac001dbc3f364b17e783dd1594b00dcc0a1bb08' }, this.unInvoicedByBrokerName)), h("div", { key: '3fbbb8fbff1d30b74658d04abcf5835f55715688', class: "cancel-confirmation-box" }, h("label", { key: 'f9464dd6e7bb2a072d916e4f10c3884ed37cf6ed' }, h("input", { key: 'c3ee2712aa9178340e7c140436f47da526e4abdf', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
+                this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
+            } }), texts.confirmNotInvoiced))))), h("div", { key: '821faf9bfbddd4f50f0bf396507ffdb7b0e3cab0', class: cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, h("div", { key: '78413adc13f3c156c974f2417a216cb56087d655', id: "scan-invoice-step", class: cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, h("div", { key: 'd45af4438b59e60b2dddf9dd5afc10d1bc4148cf', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, h("div", { key: 'ecc6268ff406e2f24f8607f543181deb5d1839ac', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, h("svg", { key: '532b61a75f28bb579138b0a202f7cba449d780ae', 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: 'daa3975309fd91dce3248a8070b7b8b31e0690a7', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { key: '370681f41cd861d96d927760e2eca7e064643a5c', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: '0847203aa4c2cd364591a886d1f2d807f997b299', id: "SVGRepo_iconCarrier" }, h("g", { key: 'a9e08fe3afc29d1fe8e0c8bf0721737bf876218d' }, h("g", { key: '874920849210214ed3ad49ec69b23f3a08c02077' }, h("path", { key: 'bfecf6678153308bed83ed1a57a9c88f47956cd9', 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: '08ad3808320bfaafa69d611b5e29ad855227e5b0' }, h("g", { key: '56903a15dfa21cdd0482f2050e405500449a4be2' }, h("path", { key: 'da5417d111c63d797cd3a67b38cf4e26e6311230', 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: '8b1cd57b2abb9fa2784340c321923d1084d3fccc' }, h("g", { key: '70b8af1599ed9e94a953772575ce2ec7ac512b23' }, h("path", { key: 'a1dcdc0b333734e25e2a155a17bccfc358891b01', 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: '2ffeb43c221ff260b402fc2f05c5b19680d1ff1b' }, h("g", { key: '7214a57491ecd75634c78bda3b0220e23af3c98c' }, h("path", { key: '857f6017ea6dc40705b8e67f58d63044ab9f1c1d', 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: 'd4ea4508ec46a07d259700715a5ab5591b508430' }, h("g", { key: '51e15f602a16bb434fbd69eefb56f2765267ecc5' }, h("path", { key: '9abdb5a7daa2044f7d67eef5b92d419a98409b0f', 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: '4ee0bbe16eef0aba2ca6950d6a613dbadfebf54c' }, h("g", { key: '47e9a1ea270f79c4704bc7931bad60eb68abefb4' }, h("path", { key: '9275167a390e99a774a4056e28c9fd327515e7d0', 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: 'a86ec73fa2d5e3ac6f30c634881ebc0a2b30e9f1' }, h("g", { key: '2ed9739ab2ba775171de2ea2af270341263c28fa' }, h("path", { key: '6f592dab17f3a0471a78455559aa376943f55563', 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: 'ad897f92cd8d839f9ac3e5f42b224ee957969dbd' }, h("g", { key: 'deaf3ddf8aa33242b9d19064bbf1018279e0771d' }, h("path", { key: 'be138c186d53896ccf883641a41ef6575a280a67', 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: 'e162c84c1c898d2ed7bf0c5791a8412b818fbb07' }, h("g", { key: 'f3c570c215184e54282289d71385fabbe9975368' }, h("path", { key: '40ab4e266f68b5818577cf120def387889e68e29', 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: '656e8ccb1fcca5aae7203da2cb299209a53c4148' }, h("g", { key: 'f9c880a2f152240fe379f4fd739bcd2027fa596b' }, h("path", { key: '477cbd38c2229b1fd71200569bf688bd0d5f4026', 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: 'd829745ff43023da73604fddbff260129d6af660' }, h("g", { key: '35d2509cf11382a68e947cc17806cf2706c1004e' }, h("path", { key: '53ca280148ca51d9cc8a7172960c8ce6502aa610', 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: 'e180b47ec583ad8394b093fc1e94791976145393' }, h("g", { key: 'e7200ead61cdd52e9406aa2b6a5818fd09c0377b' }, h("path", { key: 'b97814950c1ce523ea0f4eb8e815763ac1e752c5', 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: '2a6f5458c17b89391224ad0628c7f81bd6e8ccf8' }, h("g", { key: 'bb84c507da293a1d8241bc09621ccf6281c6ea3d' }, h("path", { key: '50d5442da21afd895f1271c181e502aae8badaae', 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: 'bcd4327b5495ffbf89de7345501b10fe18ef9b8b' }, h("g", { key: '25ef1f9edce98ed03892a75e8e21369a0871cdfe' }, h("path", { key: 'c7b449ce4802cc63fb5756fca2afc96fd94678c2', 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: '42fc29d803053b777c657dacb9aeabf9ab07459d' }, h("g", { key: '9035a1e11f035c4b0d783273b07c31843b866cf0' }, h("path", { key: '8fdc1c0a5d3f43a85aa824ddb33f666b0be88047', 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: 'd6551a040af58c7e18ce8a71f38f9c880a37189d' }, h("g", { key: 'f061b01d5dd6e25e48645db832c3010333e9868f' }, h("path", { key: '46325705118928cb95773dae7bb5da06c6f68c26', 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: '06d93f55087140c1a9255345910f6a739939c3d2' }, texts.scanTheInvoice)), h("div", { key: '0d1a5952637234aed79814da6de8a56410a0f41c', style: { position: 'absolute' }, class: "loading-wrapper" }, h("div", { key: '396f23b7f8977c3d6987c9ccebfc9d724f6b834d', class: cn('lds-ripple', this.isLoading && 'active') }, h("div", { key: 'eebcd02796b198be2ea3adb767e798cf965f82af' }), h("div", { key: '57d88e3bfbf70c0a3288006bb28495f9ba812e4b' })), h("div", { key: '32bc28591c12ce7e2cc3d20a3e7b3a411dbc13bf', class: cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), h("input", { key: '1133485562f5b9152dda014ce1b31d2d5eb73a2c', 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' } }))))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "language": ["changeLanguage"],
+        "isLoading": ["onIsLoadingChange"],
+        "canceledItems": ["changeInternalCanceledItem"],
+        "unInvoicedByBrokerName": ["changeConfirmUnInvoicedTBPVehicles"],
+        "vin": ["changeInternalVin"],
+        "item": ["changeInternalItem"]
+    }; }
+};
+DynamicRedeem.style = DynamicRedeemStyle0;
+
+export { DynamicRedeem as dynamic_redeem };