adp-web-components 0.0.95 → 0.0.97

package/dist/esm/contact-us-form.entry.js

@@ -1,196 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import { h, r as registerInstance, H as Host, a as getElement } from './index-CikEOqe0.js';
-import { c as cn } from './cn-BK16Cn81.js';
-import { A as AsYouType, C as CITY_ENDPOINT, g as generalTicketTypesSchema, F as FormHook } from './type-DQUNYPN-.js';
-import { c as create$3, b as create$6, g as getLocaleLanguage } from './get-local-language-BOB5F5ZP.js';
-
-const phoneValidator = new AsYouType('IQ');
-phoneValidator.default = '+' + phoneValidator.metadata.numberingPlan.metadata[0];
-phoneValidator.input(phoneValidator.default);
-const contactUsSchema = create$3({
-    cityId: create$6(),
-    email: create$6().email('emailAddressNotValid'),
-    message: create$6().required('messageIsRequired'),
-    generalTicketType: create$6().required('inquiryTypeIsRequired'),
-    name: create$6().required('fullNameIsRequired').min(3, 'fullNameMinimum'),
-    phone: create$6()
-        .required('phoneNumberIsRequired')
-        .test('libphonenumber-validation', 'phoneNumberFormatInvalid', () => phoneValidator.isValid()),
-});
-
-const tiq = [
-	"div#container",
-	[
-		"div#inputs_wrapper",
-		"name",
-		"email",
-		"cityId",
-		"phone",
-		"generalTicketType"
-	],
-	"message#message",
-	[
-		"div#recaptcha_container",
-		"slot"
-	],
-	"submit.Submit"
-];
-var themes = {
-	tiq: tiq
-};
-
-const contactUsElements = {
-    submit: formContext => {
-        return h("form-submit", Object.assign({}, formContext));
-    },
-    name: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('name');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'text',
-            placeholder: 'fullName',
-        };
-        return (h("form-input", { form: form, label: "fullName", isError: isError, language: language, isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    email: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('email');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'email',
-            placeholder: 'emailAddress',
-        };
-        return (h("form-input", { form: form, isError: isError, language: language, label: "emailAddress", isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    phone: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('phone');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'text',
-            placeholder: 'phoneNumber',
-            defaultValue: phoneValidator.default,
-            onInput: (event) => {
-                const target = event.target;
-                phoneValidator.reset();
-                target.value = phoneValidator.input(target.value);
-            },
-        };
-        return (h("form-input", { form: form, numberDirection: true, isError: isError, language: language, label: "phoneNumber", isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    message: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('message');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'email',
-            placeholder: 'leaveUsMessage',
-        };
-        return (h("form-text-area", { form: form, isError: isError, language: language, label: "writeAMessage", isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    generalTicketType: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('generalTicketType');
-        const fetcher = async (language, _) => {
-            const ticketTypes = await getLocaleLanguage(language, 'generalTicketTypes', generalTicketTypesSchema);
-            const generalInquiryTypes = [
-                {
-                    value: 'GeneralInquiry',
-                    label: ticketTypes.GeneralInquiry,
-                },
-                {
-                    value: 'Complaint',
-                    label: ticketTypes.Complaint,
-                },
-            ];
-            return generalInquiryTypes;
-        };
-        return (h("form-select", { name: name, form: form, fetcher: fetcher, isError: isError, disabled: disabled, language: language, label: "inquiryType", isRequired: isRequired, formLocaleName: "contactUs", errorMessage: errorMessage, placeholder: "selectInquiryType", wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    cityId: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('cityId');
-        const fetcher = async (language, signal) => {
-            const response = await fetch(CITY_ENDPOINT, { signal, headers: { 'Accept-Language': language } });
-            const arrayRes = (await response.json());
-            const selectItems = arrayRes.map(item => ({ label: item.Name, value: item.ID }));
-            return selectItems;
-        };
-        return (h("form-select", { name: name, form: form, label: "city", fetcher: fetcher, isError: isError, disabled: disabled, language: language, isRequired: isRequired, placeholder: "selectCity", formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-};
-
-const formCss = "*,: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))}.-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}";
-
-const ContactUsForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.queryString = '';
-        this.language = 'en';
-        this.structure = '["submit.Submit"]';
-        this.recaptchaKey = '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA';
-        this.renderControl = {};
-        this.recaptchaWidget = null;
-        this.form = new FormHook(this, contactUsSchema);
-    }
-    async componentDidLoad() {
-        try {
-            if (this.recaptchaKey) {
-                const script = document.createElement('script');
-                script.src = `https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`;
-                script.async = true;
-                script.defer = true;
-                document.head.appendChild(script);
-            }
-        }
-        catch (error) {
-            console.log(error);
-        }
-    }
-    async formSubmit(formValues) {
-        try {
-            if (this.loadingChanges)
-                this.loadingChanges(true);
-            const token = await grecaptcha.execute(this.recaptchaKey, { action: 'submit' });
-            const response = await fetch(`${this.baseUrl}?${this.queryString}`, {
-                method: 'post',
-                body: JSON.stringify(formValues),
-                headers: {
-                    'Brand': this.brandId,
-                    'Recaptcha-Token': token,
-                    'Accept-Language': this.language,
-                    'Content-Type': 'application/json',
-                },
-            });
-            const data = await response.json();
-            if (this.successCallback)
-                this.successCallback(data);
-            this.form.successAnimation();
-            setTimeout(() => {
-                this.form.reset();
-            }, 1000);
-        }
-        catch (error) {
-            console.error(error);
-            if (this.errorCallback)
-                this.errorCallback(error);
-            if (error === null || error === void 0 ? void 0 : error.message)
-                this.errorMessage = error.message;
-        }
-        finally {
-            if (this.loadingChanges)
-                this.loadingChanges(false);
-        }
-    }
-    render() {
-        return (h(Host, { key: '095d2f75d88196a8e8e574863741811cc48af14e', class: cn({
-                [`contact-us-${this.theme}`]: this.theme,
-            }) }, h("form-structure", { key: '05adbd0c7790c8de289ab9c2d741b314035196f5', themes: themes, form: this.form, theme: this.theme, language: this.language, isLoading: this.isLoading, errorMessage: this.errorMessage, renderControl: this.renderControl, formElementMapper: contactUsElements }, h("slot", { key: 'f7b2240f9b19fa68c9d38c0e2811580e1c6570d4' }))));
-    }
-    get el() { return getElement(this); }
-};
-ContactUsForm.style = formCss;
-
-export { ContactUsForm as contact_us_form };

package/dist/esm/service-booking-form.entry.js

@@ -1,196 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import { h, r as registerInstance, H as Host, a as getElement } from './index-CikEOqe0.js';
-import { c as cn } from './cn-BK16Cn81.js';
-import { A as AsYouType, C as CITY_ENDPOINT, g as generalTicketTypesSchema, F as FormHook } from './type-DQUNYPN-.js';
-import { c as create$3, b as create$6, g as getLocaleLanguage } from './get-local-language-BOB5F5ZP.js';
-
-const phoneValidator = new AsYouType('IQ');
-phoneValidator.default = '+' + phoneValidator.metadata.numberingPlan.metadata[0];
-phoneValidator.input(phoneValidator.default);
-const contactUsSchema = create$3({
-    cityId: create$6(),
-    email: create$6().email('emailAddressNotValid'),
-    message: create$6().required('messageIsRequired'),
-    generalTicketType: create$6().required('inquiryTypeIsRequired'),
-    name: create$6().required('fullNameIsRequired').min(3, 'fullNameMinimum'),
-    phone: create$6()
-        .required('phoneNumberIsRequired')
-        .test('libphonenumber-validation', 'phoneNumberFormatInvalid', () => phoneValidator.isValid()),
-});
-
-const tiq = [
-	"div#container",
-	[
-		"div#inputs_wrapper",
-		"name",
-		"email",
-		"cityId",
-		"phone",
-		"generalTicketType"
-	],
-	"message#message",
-	[
-		"div#recaptcha_container",
-		"slot"
-	],
-	"submit.Submit"
-];
-var themes = {
-	tiq: tiq
-};
-
-const contactUsElements = {
-    submit: formContext => {
-        return h("form-submit", Object.assign({}, formContext));
-    },
-    name: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('name');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'text',
-            placeholder: 'fullName',
-        };
-        return (h("form-input", { form: form, label: "fullName", isError: isError, language: language, isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    email: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('email');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'email',
-            placeholder: 'emailAddress',
-        };
-        return (h("form-input", { form: form, isError: isError, language: language, label: "emailAddress", isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    phone: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('phone');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'text',
-            placeholder: 'phoneNumber',
-            defaultValue: phoneValidator.default,
-            onInput: (event) => {
-                const target = event.target;
-                phoneValidator.reset();
-                target.value = phoneValidator.input(target.value);
-            },
-        };
-        return (h("form-input", { form: form, numberDirection: true, isError: isError, language: language, label: "phoneNumber", isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    message: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('message');
-        const inputParams = {
-            name,
-            disabled,
-            type: 'email',
-            placeholder: 'leaveUsMessage',
-        };
-        return (h("form-text-area", { form: form, isError: isError, language: language, label: "writeAMessage", isRequired: isRequired, inputParams: inputParams, formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    generalTicketType: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('generalTicketType');
-        const fetcher = async (language, _) => {
-            const ticketTypes = await getLocaleLanguage(language, 'generalTicketTypes', generalTicketTypesSchema);
-            const generalInquiryTypes = [
-                {
-                    value: 'GeneralInquiry',
-                    label: ticketTypes.GeneralInquiry,
-                },
-                {
-                    value: 'Complaint',
-                    label: ticketTypes.Complaint,
-                },
-            ];
-            return generalInquiryTypes;
-        };
-        return (h("form-select", { name: name, form: form, fetcher: fetcher, isError: isError, disabled: disabled, language: language, label: "inquiryType", isRequired: isRequired, formLocaleName: "contactUs", errorMessage: errorMessage, placeholder: "selectInquiryType", wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-    cityId: ({ form, language, structureElement }) => {
-        const { disabled, errorMessage, isError, isRequired, name } = form.getInputState('cityId');
-        const fetcher = async (language, signal) => {
-            const response = await fetch(CITY_ENDPOINT, { signal, headers: { 'Accept-Language': language } });
-            const arrayRes = (await response.json());
-            const selectItems = arrayRes.map(item => ({ label: item.Name, value: item.ID }));
-            return selectItems;
-        };
-        return (h("form-select", { name: name, form: form, label: "city", fetcher: fetcher, isError: isError, disabled: disabled, language: language, isRequired: isRequired, placeholder: "selectCity", formLocaleName: "contactUs", errorMessage: errorMessage, wrapperId: structureElement.id, wrapperClass: structureElement.class }));
-    },
-};
-
-const formCss = "*,: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}";
-
-const ContactUsForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.queryString = '';
-        this.language = 'en';
-        this.structure = '["submit.Submit"]';
-        this.recaptchaKey = '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA';
-        this.renderControl = {};
-        this.recaptchaWidget = null;
-        this.form = new FormHook(this, contactUsSchema);
-    }
-    async componentDidLoad() {
-        try {
-            if (this.recaptchaKey) {
-                const script = document.createElement('script');
-                script.src = `https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`;
-                script.async = true;
-                script.defer = true;
-                document.head.appendChild(script);
-            }
-        }
-        catch (error) {
-            console.log(error);
-        }
-    }
-    async formSubmit(formValues) {
-        try {
-            if (this.loadingChanges)
-                this.loadingChanges(true);
-            const token = await grecaptcha.execute(this.recaptchaKey, { action: 'submit' });
-            const response = await fetch(`${this.baseUrl}?${this.queryString}`, {
-                method: 'post',
-                body: JSON.stringify(formValues),
-                headers: {
-                    'Brand': this.brandId,
-                    'Recaptcha-Token': token,
-                    'Accept-Language': this.language,
-                    'Content-Type': 'application/json',
-                },
-            });
-            const data = await response.json();
-            if (this.successCallback)
-                this.successCallback(data);
-            this.form.successAnimation();
-            setTimeout(() => {
-                this.form.reset();
-            }, 1000);
-        }
-        catch (error) {
-            console.error(error);
-            if (this.errorCallback)
-                this.errorCallback(error);
-            if (error === null || error === void 0 ? void 0 : error.message)
-                this.errorMessage = error.message;
-        }
-        finally {
-            if (this.loadingChanges)
-                this.loadingChanges(false);
-        }
-    }
-    render() {
-        return (h(Host, { key: '57f35d04d5143f9189a9d0fbaaee4eb66b5cc85e', class: cn({
-                [`contact-us-${this.theme}`]: this.theme,
-            }) }, h("form-structure", { key: '75abaa68a1f53950df1f2ffaed471c09e995aa29', themes: themes, form: this.form, theme: this.theme, language: this.language, isLoading: this.isLoading, errorMessage: this.errorMessage, renderControl: this.renderControl, formElementMapper: contactUsElements }, h("slot", { key: 'bd586fa7cd1904d6d1d46c45c8a6b8d53dd461ec' }))));
-    }
-    get el() { return getElement(this); }
-};
-ContactUsForm.style = formCss;
-
-export { ContactUsForm as service_booking_form };

package/dist/shift-components/p-03f093e0.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{r as t,h as e,H as r,a as o}from"./p-CikEOqe0.js";import{c as a}from"./p-BK16Cn81.js";import{M as i}from"./p-BSpTbUWi.js";import{o as s,e as n,A as l,P as d,I as c,c as p}from"./p-DzSZ47FV.js";const w=class{constructor(e){t(this,e)}render(){return e("div",{key:"f430aef7851570763ba3b749f42953427dfd1bac",class:this.containerClasses},e("div",{key:"26a674844e3958db211cb5c49e2522b11f34bdee",class:a("border-b relative flex mb-[6px] ps-[12px] gap-[4px]",this.tabClasses)},this.tabs.map(((t,r)=>e("button",{key:t+r,onClick:()=>!(this.activeTabIndex===r||this.activeTabLabel===t)&&this.changeActiveTab({label:t,idx:r}),class:a("px-[16px] cursor-pointer after:w-full py-[6px] after:h-[1px] after:left-0 after:bottom-0 after:absolute after:bg-white after:opacity-0 after:translate-y-full after:z-10 after:duration-500 after:transition text-[17px] relative transition-colors !border-b-0 duration-500 font-medium text-black bg-[#f6f6f6] border border-gray-200 rounded-t-[4px] focus:outline-none",{"bg-white cursor-default after:opacity-100":this.activeTabIndex===r||this.activeTabLabel===t})},t)))),e("flexible-container",{key:"ca205bfc851e1d04d8206cd66101ed8a7e793799"},e("slot",{key:"54fc4a268854930c95fa9fad9db01c44b85048c5"})))}};w.style='*,: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}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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-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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.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}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-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-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.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{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-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fixed{position:fixed}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[100px\\]{height:100px;width:100px}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-auto{height:auto}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{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-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{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-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.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))}.mb-\\[6px\\]{margin-bottom:6px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.\\!border-b-0{border-bottom-width:0!important}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.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)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);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))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);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)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}';const x=t=>e("svg",{class:t.class,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"},e("path",{d:"M5 12h14"}),e("path",{d:"M12 5v14"})),h=t=>e("svg",{class:t.class,viewBox:"0 0 24 24",fill:"none","stroke-width":"2",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),e("path",{d:"M12 9v4"}),e("path",{d:"M12 17h.01"})),b=t=>e("svg",{class:t.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round",xmlns:"http://www.w3.org/2000/svg","stroke-linejoin":"round"},e("path",{d:"M20 6 9 17l-5-5"})),f=t=>e("svg",{fill:"none","stroke-width":"2",class:t.class,viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})),g=t=>e("svg",{class:t.class,stroke:"currentColor",fill:"none",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e("g",{id:"SVGRepo_bgCarrier","stroke-width":"0"}),e("g",{id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),e("g",{id:"SVGRepo_iconCarrier"},e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))),e("g",null,e("g",null,e("path",{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"}))))),v=class{constructor(e){t(this,e),this.expandedImage="",this.uploadMultipleDocuments=!0,this.uploadProgress=0,this.isOpened=!1,this.isLoading=!1,this.confirmationStates={},this.errors={},this.inputs={documents:[]},this.setErrorValue=(t,e)=>{const r=this.errors[t]||{};this.errors=Object.assign(Object.assign({},this.errors),{[t]:Object.assign(Object.assign({},r),e)})},this.setInputValue=(t,e)=>{this.inputs=Object.assign(Object.assign({},this.inputs),{[t]:e})},this.onFileUploaderChange=t=>{var e,r,o,a,i;const s=t.target;if(!s.files)return;const n=parseInt(s.dataset.maxSize||"0",10),l=this.uploadMultipleDocuments?Array.from(s.files):[s.files[0]];s.value="";let d=!1;const c=l.filter((t=>{var e,r;return t.size<=n?!(null===(r=null===(e=this.inputs)||void 0===e?void 0:e.documents)||void 0===r?void 0:r.some((e=>e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified))):(d=!0,!1)}));this.setInputValue("documents",this.uploadMultipleDocuments?[...(null===(e=this.inputs)||void 0===e?void 0:e.documents)||[],...c]:c),d?this.setErrorValue("documents",{show:!0,text:"documentLimitError"}):((null===(r=this.errors)||void 0===r?void 0:r.documents)&&this.setErrorValue("documents",{text:null===(o=this.errors.documents)||void 0===o?void 0:o.text,show:!1}),"ClaimByScanningQRCode"===(null===(a=this.item)||void 0===a?void 0:a.claimingMethodEnum)?(null===(i=this.inputs)||void 0===i?void 0:i.qrCode)&&this.submit():this.focusInputs())},this.onDocumentButtonClicked=()=>{const t=this.el.shadowRoot.querySelector(".document-uploader");t&&t.click()},this.focusInputs=()=>{setTimeout((()=>{const t=this.el.shadowRoot.querySelectorAll('input[type="text"]'),e=Array.from(t).find((t=>!t.disabled&&!t.readOnly));e&&e.focus()}),50)},this.focusEmptyInputs=()=>{var t,e;const r=this.el.shadowRoot.querySelectorAll('input[type="text"]'),o=Array.from(r).find((t=>{var e;return!(null===(e=t.value)||void 0===e?void 0:e.trim())}));o&&o.focus(),(null===(t=this.item)||void 0===t?void 0:t.documentUploaderIsRequired)&&!(null===(e=this.inputs)||void 0===e?void 0:e.documents.length)&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})},this.submit=async()=>{var t,e,r,o,a,i,s,n;if(!this.getIsFormValid())return this.focusEmptyInputs();this.getIsFormConfirmed()&&((null===(t=this.item)||void 0===t?void 0:t.showDocumentUploader)&&(null===(e=this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!(null===(o=null===(r=this.inputs)||void 0===r?void 0:r.documents)||void 0===o?void 0:o.length)?this.setErrorValue("documents",{show:!0,text:"documentRequiredError"}):(this.isLoading=!0,this.handleClaiming&&await this.handleClaiming({qrCode:null===(a=this.inputs)||void 0===a?void 0:a.qrCode,invoice:null===(i=this.inputs)||void 0===i?void 0:i.invoice,documents:null===(s=this.inputs)||void 0===s?void 0:s.documents,jobNumber:null===(n=this.inputs)||void 0===n?void 0:n.jobNumber}),this.close(!0)))},this.onConfirmCheckboxChange=t=>e=>{const r=e.target;this.confirmationStates=Object.assign(Object.assign({},this.confirmationStates),{[t]:r.checked}),this.getIsFormConfirmed&&this.focusInputs()},this.getIsFormConfirmed=()=>{var t,e;if(Array.isArray(null===(t=this.item)||void 0===t?void 0:t.warnings))for(let t=0;t<(null===(e=this.item)||void 0===e?void 0:e.warnings.length);t++){const e=this.item.warnings[t];if((null==e?void 0:e.confirmationText)&&!this.confirmationStates[e.key])return!1}return!0},this.getIsFormValid=()=>{var t,e,r,o,a,i,s,n,l;if("ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)){if(!(null===(r=null===(e=this.inputs)||void 0===e?void 0:e.qrCode)||void 0===r?void 0:r.trim().length))return!1}else{if(!(null===(a=null===(o=this.inputs)||void 0===o?void 0:o.invoice)||void 0===a?void 0:a.trim().length))return!1;if(!(null===(s=null===(i=this.inputs)||void 0===i?void 0:i.jobNumber)||void 0===s?void 0:s.trim().length))return!1}return!((null===(n=this.item)||void 0===n?void 0:n.documentUploaderIsRequired)&&!(null===(l=this.inputs)||void 0===l?void 0:l.documents.length))},this.resetState=()=>{this.item=null,this.errors={},this.inputs={documents:[]},this.isLoading=!1,this.confirmationStates={}},this.clearFile=t=>{var e,r,o;if("number"==typeof t){const r=this.inputs.documents.filter(((e,r)=>r!==t));this.setInputValue("documents",r),(null===(e=null==this?void 0:this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!r.length&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})}else t.stopPropagation(),this.setInputValue("documents",[]),(null===(r=this.errors)||void 0===r?void 0:r.documents)&&this.setErrorValue("documents",{text:null===(o=this.errors.documents)||void 0===o?void 0:o.text,show:!1})},this.onKeyDown=t=>{"Enter"===t.key&&this.submit()}}onImageViewerToggles(t){window.removeEventListener("keydown",this.closeModalListenerRef),console.log(t),null===t&&setTimeout((()=>{this.closeModalListenerRef=t=>"Escape"===t.key&&this.close(),window.addEventListener("keydown",this.closeModalListenerRef)}),200)}async open(){this.isOpened=!0,document.body.style.overflow="hidden",this.focusInputs(),window.removeEventListener("keydown",this.closeModalListenerRef),this.closeModalListenerRef=t=>"Escape"===t.key&&this.close(),window.addEventListener("keydown",this.closeModalListenerRef)}onIsLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async close(t=!1){this.isLoading&&!t||(this.isOpened=!1,document.body.style.overflow="auto",await new Promise((t=>setTimeout(t,500))),this.resetState(),window.removeEventListener("keydown",this.closeModalListenerRef))}async setFileUploadProgression(t){this.uploadProgress=t}render(){var t,o,w,v,u,y,m,k,z,j,C,X,Y,M,_,S,I,E,H,V,B,L,O,R,A,T;const q="ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum),N=!this.getIsFormConfirmed()||this.isLoading,U=this.getIsFormValid();return e(r,{key:"68bf42046badf6483d96a3d0d246997f78afc837"},e(c,{key:"1c3b053514955c9926d0dff574515d9c91721ba3",style:{"z-index":"99999999"},expandedImage:this.expandedImage,imageStyle:{"z-index":"999999999"},closeImageViewer:()=>p.bind(this)()}),e("div",{key:"5a3e4dd1652450520791a871ad0afadd0d5a1f2c",dir:this.locale.sharedLocales.direction,class:a("min-w-[100dvw] pointer-events-none h-[100dvh] bg-white fixed top-0 left-0 z-[999] flex flex-col transition duration-500 scale-[110%] opacity-0 justify-between p-[50px] box-border overflow-auto",{"opacity-1 scale-100 pointer-events-auto":this.isOpened})},e("button",{key:"d11ef680cbf3e0eed7c18257547bc6584188a8d0",disabled:this.isLoading,onClick:this.close.bind(this),class:"disabled:opacity-50 transition absolute right-[50px] duration-500 rounded-full enabled:hover:bg-red-200 enabled:hover:text-red-400 text-black enabled:hover:scale-[150%] enabled:hover:rotate-[135deg] size-[35px] rotate-[45deg]"},e(x,{key:"bb82189a466165e3679366500ecee1cbc6eea49b",class:"stroke-[1.5px]"})),e("div",{key:"376be70e1bf25a40ba04529dc8e7c094610dc179",class:"flex flex-col h-full gap-[32px] justify-between"},e("div",{key:"adfda45afa90a773ba53e5c09d4a2bc38c992974",class:"flex mt-[50px] flex-col shrink-0 gap-[20px]"},e("div",{key:"bdc0e739e70f362f3b186df490b28a271d19eb9b",class:"border overflow-hidden rounded-[6px] border-[#dcdcdc] box-border"},e("div",{key:"0e8ec265b6364ec1e76b162e258ac84fceddd4bc",class:"relative text-[16px] h-[50px] font-semibold flex items-center justify-center bg-[#f6f6f6]"},this.vin,!!(null===(o=this.item)||void 0===o?void 0:o.printUrl)&&e("button",{key:"cc5ebfbb4fde8a4b9858a7804beeac53eee65c27",class:"outline-button absolute end-[16px]",onClick:()=>window.open(this.item.printUrl,"_blank").focus()},e(d,{key:"fdac2505adaba1430443d33050d0fc7455cf1d93",class:"size-[30px] duration-200"}),e("span",{key:"32f48945b8912f4b909f7826ce9f6c098f7a4176"},this.locale.print))),e("div",{key:"f2b0ce9cd68dda03b202dcba31acd54bf9dfc2fb",class:"overflow-hidden flex p-[22px] [&_div]:min-w-[200px] gap-[32px] flex-wrap justify-center"},e(i,{key:"b8ed2882ccc70f95d5dd141d64efc8c20a34922c",title:this.locale.serviceType},null===(w=this.item)||void 0===w?void 0:w.type),e(i,{key:"f0c9bd861be008a94dfb9de30cced23812459307",title:this.locale.name},null===(v=this.item)||void 0===v?void 0:v.name),e(i,{key:"46fdf7c4d4873c8473b48097d59b5bec5bed8ec9",title:this.locale.activationDate},null===(u=this.item)||void 0===u?void 0:u.activatedAt),e(i,{key:"f43414b58f77fd1861ef542ea398fef88cd16735",title:this.locale.expireDate},null===(y=this.item)||void 0===y?void 0:y.expiresAt),e(i,{key:"0eab1ed8fb785e3b80a51f174e0849a11490544c",title:this.locale.packageCode},null===(m=this.item)||void 0===m?void 0:m.packageCode))),Array.isArray(null===(k=this.item)||void 0===k?void 0:k.warnings)&&this.item.warnings.map((t=>e("div",{key:t.key,class:"border overflow-hidden rounded-[6px] border-[#ff9100] box-border"},e("div",{class:"text-[16px] px-[22px] h-[50px] font-semibold flex items-center gap-[8px] bg-[#ff91001a]"},e(h,{class:"size-[25px] text-[#ff9100]"})," ",t.title),e("div",{class:"p-[16px]"},e("div",{class:"text-[16px] flex-col items-center md:flex-row flex gap-[16px]"},e("div",{class:"flex-1",innerHTML:t.bodyContent}),(null==t?void 0:t.imageUrl)&&e("button",{onClick:({target:e})=>s.bind(this)(e,null==t?void 0:t.imageUrl),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},e("img",{src:n}),e("span",{class:"text-white"},this.locale.expand)),e("img",{class:"w-auto h-auto max-w-[200px] max-h-[200px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:null==t?void 0:t.imageUrl}))),(null==t?void 0:t.confirmationText)&&e("label",{class:a("select-none text-[16px] flex font-semibold group items-center px-[16px] gap-[10px] mt-[20px] h-[36px] transition duration-300 rounded-[6px] cursor-pointer text-[#663c00] bg-[#ff91001a] border border-[#ffd28f]",{"hover:bg-[#fff8e1]":!this.isLoading,"opacity-50 pointer-events-none":this.isLoading})},e("input",{type:"checkbox",class:"peer sr-only",disabled:this.isLoading,checked:!!this.confirmationStates[t.key],onChange:this.onConfirmCheckboxChange(t.key)}),e("div",{class:"size-[20px] rounded border border-[#ffb74d] transition duration-300 text-transparent peer-checked:text-white peer-checked:bg-[#ff9100] peer-checked:border-[#ff9100] flex items-center justify-center"},e(b,{class:"size-[18px]"})),null==t?void 0:t.confirmationText)))))),e("div",{key:"720375915cd8759c3876c6e29eb891d7a95db7b6",class:a("flex flex-col shrink-0 my-auto gap-[20px] h-fit p-[50px] border-[2px] border-[#3071a9] transition duration-500 items-center rounded-[8px] shadow-lg bg-[#f4f4f4]",{"border-[#f4f4f4]":this.isLoading})},e("div",{key:"df0317422a3bf7a4f4959051ca0b6775e6f97195",class:"relative w-[200px] h-[140px]"},e("div",{key:"f2fffeb225253711875ae9dd18e5dc2373cf4edd",class:a("absolute size-full transition-all duration-500 flex flex-col items-center gap-[12px] left-0 top-0",{"left-full opacity-0":this.isLoading})},e(g,{key:"e62acf3c9105801311b513f811c519d4d9ec6d7e",class:"size-[100px] fill-[#3071a9] text-[#3071a9]"}),e("div",{key:"83b70c98685c2e0a61276aa9d49c53b317ae2fa4",class:"text-[16px] text-[#3071a9] font-semibold"},q?this.locale.scanTheVoucher:this.locale.enterServiceInfo)),e("div",{key:"821c19a531e2fc90eb844055ffbea8aeddd5d9c6",class:a("absolute size-full opacity-0 transition-all duration-500 -left-full flex flex-col gap-[12px] items-center",{"left-0 opacity-100":this.isLoading})},e("div",{key:"346408e4c016fbfc03ab9ed174c90f39c8fc3b1a",class:a("relative size-[100px] flex items-center justify-center")},e("div",{key:"c18f5bd47ade67c034a3f94eb0e6097dd96d16d7",class:"lds-ripple"}),e("div",{key:"1a57578950e817dea2ba60ca64bd0b4b64d77cdf",class:"lds-ripple"})),(null===(z=this.item)||void 0===z?void 0:z.showDocumentUploader)&&this.inputs.documents.length?e("div",{class:"relative border-[#3071a9] text-[#3071a9] text-[16px] w-[300px] border-[2px] font-semibold h-[30px] overflow-hidden rounded-full flex items-center justify-center"},e("span",{class:"relative z-20"},this.locale.processing," ",`${this.uploadProgress}%`),e("div",{style:{width:`${this.uploadProgress}%`,background:`linear-gradient(to right, rgba(219, 234, 254, ${Math.min(.1+this.uploadProgress/100,1)}), rgba(191, 219, 254, ${Math.min(.15+this.uploadProgress/100,1)}), rgba(147, 197, 253, ${Math.min(.2+this.uploadProgress/100,1)}))`},class:"absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out"})):e("div",{class:"text-[16px] text-[#3071a9] font-semibold"},this.locale.processing))),(null===(j=this.item)||void 0===j?void 0:j.showDocumentUploader)&&e("div",{key:"3ce09c1b7eeb5d06f7d4f62f2e13a99e9e2a2832",class:"flex mb-[16px] w-full flex-col"},e("input",{key:"4711e3ad8c4c844fdc4aeea2b822afb6c959f35e",hidden:!0,type:"file",class:"document-uploader",disabled:this.isLoading,accept:"image/*,application/pdf",onChange:this.onFileUploaderChange,multiple:this.uploadMultipleDocuments,"data-max-size":1024*this.maximumDocumentFileSizeInMb*1024}),e("div",{key:"c6cfa5ff09f3b9a7fa850778cc1a8406b1470ffb",onClick:this.onDocumentButtonClicked,class:a("overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]",{"pointer-events-none bg-[#d5d5d5] cursor-default":N})},e("div",{key:"762740b15f1a1969a00f3c731655b2b1e19664fa",title:this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,class:"max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis"},this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,(null===(C=null==this?void 0:this.item)||void 0===C?void 0:C.documentUploaderIsRequired)&&!(null===(X=this.inputs)||void 0===X?void 0:X.documents.length)&&e("span",{key:"4d94c48440cf1d230da3b913d2f6b580ec288c61",class:a("ps-[4px] text-red-500",{"text-white":N})},"*")),e("button",{key:"6f243a97f7cf5d451baf94c326f55d405be24535",onClick:this.clearFile,class:a("overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]",{"pointer-events-none cursor-default":!(null===(Y=this.inputs)||void 0===Y?void 0:Y.documents.length)})},e(f,{key:"69ba9c0fce73213affef7c226a27c8fab4e168f1",class:a("size-[24px] absolute transition duration-500",{"-translate-y-[32px]":!!(null===(M=this.inputs)||void 0===M?void 0:M.documents.length)})}),e(x,{key:"3fb8beb241965d6c7978aedb8162c05e23a0fbbc",class:a("size-[24px] rotate-[45deg] absolute transition translate-y-[32px] duration-500",{"translate-y-0":!!(null===(_=this.inputs)||void 0===_?void 0:_.documents.length)})}))),e("flexible-container",{key:"35a261615caa5d8b1298aedd18041cd1938d78e2",isOpened:!!(null===(I=null===(S=this.errors)||void 0===S?void 0:S.documents)||void 0===I?void 0:I.show)},e("div",{key:"a550ee88124dd9dac42676537043001dc8eebf09",class:"text-red-700 w-fit mx-auto pt-[8px]"},"documentLimitError"===(null===(H=null===(E=this.errors)||void 0===E?void 0:E.documents)||void 0===H?void 0:H.text)?this.locale.documentLimitError+`${this.maximumDocumentFileSizeInMb}Mb`:this.locale.documentRequiredError||this.locale.sharedLocales.errors.wildCard)),e("flexible-container",{key:"eea0f00692335fe33a28d249f74702072ffbdfd3",isOpened:!!(null===(B=null===(V=this.inputs)||void 0===V?void 0:V.documents)||void 0===B?void 0:B.length),containerClasses:""},e("div",{key:"eee5774648c156c8e7f71803b861fa64bf169346",class:"flex w-full pt-[16px] flex-wrap justify-center gap-[16px]"},null===(O=null===(L=this.inputs)||void 0===L?void 0:L.documents)||void 0===O?void 0:O.map(((t,r)=>{var o;return e("div",{class:a("flex relative overflow-hidden max-w-[400px] items-center justify-between gap-[20px] bg-slate-400 rounded-[4px] text-white text-[14px]",{"pointer-events-none bg-[#d5d5d5] cursor-default":N})},e("span",{title:t.name,class:"truncate ps-[16px] py-[8px]"},t.name),e("button",{disabled:N,onClick:()=>this.clearFile(r),class:a("overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]",{"pointer-events-none cursor-default":!(null===(o=this.inputs)||void 0===o?void 0:o.documents.length)})},e(x,{class:"size-[24px] rotate-[45deg]"})))}))))),q&&e("div",{key:"26d98b8f4214d2ec2df7dcc360ba39af29f8bc40",class:"overflow-hidden w-full"},e("input",{key:"f1f00cff8e82845ddcc138e232b72525091854c6",dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:N,onBlur:this.focusInputs,onKeyDown:this.onKeyDown,value:null===(R=this.inputs)||void 0===R?void 0:R.qrCode,placeholder:this.locale.qrCode,onInput:t=>this.setInputValue("qrCode",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"})),!q&&e("div",{key:"ebdb3667b0d0785ff7f226e189f0ce8a86af97a0",class:"flex w-full overflow-hidden gap-[75px]"},e("input",{key:"eb25f844d143e5c1e2c21070fabd2502adba2861",dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:N,onKeyDown:this.onKeyDown,value:null===(A=this.inputs)||void 0===A?void 0:A.invoice,placeholder:this.locale.invoice,onInput:t=>this.setInputValue("invoice",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"}),e("input",{key:"f6979a7700afcf58e43d6a8f2c040790553c4ddf",dir:"ltr",type:"text",spellcheck:"false",autocomplete:"off",disabled:N,onKeyDown:this.onKeyDown,value:null===(T=this.inputs)||void 0===T?void 0:T.jobNumber,placeholder:this.locale.jobNumber,onInput:t=>this.setInputValue("jobNumber",t.target.value),class:"bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]"})),e("button",{key:"bf285fd6413dcc8cde6d527813db1e16307468d0",onClick:this.submit,disabled:!U||N,class:"text-[22px] transition duration-500 hover: mt-[16px] disabled:opacity-50 text-white w-full max-w-[250px] px-[8px] h-[40px] enabled:hover:scale-110 flex gap-[8px] border rounded-[4px] enabled:shadow items-center justify-center border-[#27ae60] bg-[#32b267] enabled:hover:border-[#27ae5fc1] enabled:hover:bg-[#32b267c7]"},e(l,{key:"ad380f096290a206a19449928f42efb5550adc30",class:"size-[30px] [&_circle]:fill-white stroke-white text-red-300"}),e("span",{key:"5d6ffb12f5c2ebe79d483141e3eb5c012d185e11"},this.locale.claim))),e("div",{key:"f30065ad52e07d019c196e7ad36e0b25d8ec23e1",class:"shrink-0 h-[16px]"}))))}get el(){return o(this)}static get watchers(){return{expandedImage:["onImageViewerToggles"],isLoading:["onIsLoadingChange"]}}};v.style='*,: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}.fixed{position:fixed}.absolute{position:absolute}.z-10{z-index:10}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.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))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-\\[3px\\]{gap:3px}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[4px\\]{border-width:4px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#27ae60\\]{fill:#27ae60}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.font-bold{font-weight:700}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.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-200{transition-duration:.2s}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block}*{font-family:Arial}.lds-ripple{--tw-border-opacity:1;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border-color:rgb(48 113 169/var(--tw-border-opacity,1));border-radius:9999px;border-width:4px;box-sizing:border-box;position:absolute;z-index:10}.lds-ripple:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:8px;opacity:0;width:8px}4.9%{height:8px;opacity:0;width:8px}5%{height:8px;opacity:1;width:8px}to{height:100%;opacity:0;width:100%}}.sign-document-info:hover .tooltip{opacity:1}.outline-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-left:10px;padding-right:10px;transition-duration:.2s}.outline-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.outline-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.outline-button circle{fill:#2ecc71}.outline-button circle:hover{fill:#fff}.outline-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.outline-button path{transition:.2s}.outline-button:hover path{fill:#2ecc71}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\\:bg-\\[\\#27ae60\\]:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.active\\:\\[\\&_svg\\]\\:scale-\\[125\\%\\] svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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-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)}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.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}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-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-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.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)}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.size-\\[100px\\]{height:100px;width:100px}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-auto{height:auto}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{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-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{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-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}';export{w as shift_tabs,v as vehicle_item_claim_form}