adp-web-components 0.0.66 → 0.0.68

package/dist/collection/components/form-elements/form-dialog.js

@@ -41,11 +41,11 @@ export class FormInput {
                 this.dialogClosed();
             }, 310);
         };
-        return (h(Host, { key: '911423d8a3c5b849d1e2886b2e5d1a9c3937685c' }, h("div", { key: 'aa74650bd4f5b08ff61c2288e54b9aea501c681f', dir: this.locale.direction, class: cn('fixed pointer-events-none flex items-center justify-center top-0 left-0 z-[9999999999] w-[100dvw] h-[100dvh] transition duration-300', {
+        return (h(Host, { key: '9224dbfcd4b3909dc88b8afefe83a80993c46c3e' }, h("div", { key: '827bc73491a7c2fc998a3c15727bff35b7107568', dir: this.locale.direction, class: cn('fixed pointer-events-none flex items-center justify-center top-0 left-0 z-[9999999999] w-[100dvw] h-[100dvh] transition duration-300', {
                 'bg-black/50 dialog-blur pointer-events-auto': this.isOpened,
-            }) }, h("div", { key: 'c2835178617b58a1088da38d4d90541c908933da', class: cn('bg-white min-w-[322px] max-w-[80dvw] gap-[16px] flex flex-col transition duration-300 opacity-0 scale-50 rounded shadow p-[20px]', {
+            }) }, h("div", { key: 'a84765584c12684a03d36d0831b987d018ebf30c', class: cn('bg-white min-w-[322px] max-w-[80dvw] gap-[16px] flex flex-col transition duration-300 opacity-0 scale-50 rounded shadow p-[20px]', {
                 'scale-100 opacity-100': this.isOpened,
-            }) }, h("div", { key: '34844262e3f6e91c0383486ff9d5f69460d02d34', class: "flex justify-end" }, h("button", { key: 'd809ab6069062a4b1a73f586871991f1f9aa019b', onClick: closeDialog, type: "button", class: "form-dialog-button transition duration-300 opacity-40 hover:opacity-100" }, h("svg", { key: '81cff813a3d478caf068dd4bd4cde31ba74a42aa', width: "20", height: "20", 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" }, h("path", { key: '1f99c6e2ff91a2a56b0c9e787c527c63406cf8c1', d: "M18 6 6 18" }), h("path", { key: '589f4964fbb004502cf2194148d9f0e1fbf4dbb7', d: "m6 6 12 12" })))), h("div", { key: 'c1605ac5b1e3af22e73d18794d99e9bbe3aa74c8', class: "text-justify" }, this.locale.errors[this.internalMessage] || this.internalMessage), h("div", { key: '9458b47e34c949023415bd50636ba4a362287b13', class: "flex justify-start" }, h("button", { key: '65f769652b085733a20a95dae164fcbff83417f3', type: "button", onClick: closeDialog, class: "h-[32px] text-white relative overflow-hidden px-[14px] hover:bg-red-400 transition-colors duration-300 bg-red-500 active:bg-red-700 rounded flex items-center" }, this.locale.general.close))))));
+            }) }, h("div", { key: 'fdd722a0fece525dd307406787de47be42f02cf5', class: "flex justify-end" }, h("button", { key: 'bf7b78d9275c34714f88f569d693f40b7708440c', onClick: closeDialog, type: "button", class: "form-dialog-button transition duration-300 opacity-40 hover:opacity-100" }, h("svg", { key: '315a07e48ae9c9aa73fad219b60c4b9632809c0c', width: "20", height: "20", 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" }, h("path", { key: 'e5649d2f24039f393f5e3ac76a625e3556ae5fa9', d: "M18 6 6 18" }), h("path", { key: '9f673e28704bdf21079f6c8f051f336514c67663', d: "m6 6 12 12" })))), h("div", { key: '6cfc0031a8c9d214402c29fe35786c24b12bcdfb', class: "text-justify" }, this.locale.errors[this.internalMessage] || this.internalMessage), h("div", { key: 'f63348bf0a2e1734b11783b90e3de45e3c9078ea', class: "flex justify-start" }, h("button", { key: 'c0ceb3848ab901035884920a92700b6931fb5cf3', type: "button", onClick: closeDialog, class: "h-[32px] text-white relative overflow-hidden px-[14px] hover:bg-red-400 transition-colors duration-300 bg-red-500 active:bg-red-700 rounded flex items-center" }, this.locale.general.close))))));
     }
     static get is() { return "form-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-input.js

@@ -47,7 +47,7 @@ export class FormInput {
         const prefix = this.el.getElementsByClassName('prefix')[0];
         const prefixWidth = prefix ? prefix.getBoundingClientRect().width : 0;
         const texts = this.locale.forms[this.formLocaleName];
-        return (h(Host, { key: 'bc161d8c31cbe2c3c85f97738e0355def9e172b3' }, h("label", { key: 'f7998f8569cd38ea91c6acfcb9d639868b0440bd', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: 'ee0f537582e7a231f65172374392021de6f5196e', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: 'e4c69532b54951bff643022eecfa6c64472e2d70', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: 'eb5e059741246782077b98484139298d0b605e94', dir: this.numberDirection ? 'ltr' : this.locale.direction, class: cn('relative', { 'opacity-75': (_a = this.inputParams) === null || _a === void 0 ? void 0 : _a.disabled }) }, this.inputPreFix && h("div", { key: '9c71c522062103e9d151b769e71c3ab7efe75958', class: "prefix absolute h-[38px] px-2 left-0 top-0 pointer-events-none items-center justify-center flex" }, this.inputPreFix), h("input", Object.assign({ key: '46a924485ea7897be88fae8256c70b51ded0be3f' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none form-input disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full', 'form-input-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError, 'rtl-form-input': this.locale.direction === 'rtl' && this.numberDirection }, inputClass) }))), h("div", { key: '54e9df38026e15ee0ae2dc46ade7edf4e1724ad3', class: cn('absolute text-[12px] pt-[1px] -z-10 text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
+        return (h(Host, { key: 'd140d10ab1e39eff4bba958c030a5e452f9f6bae' }, h("label", { key: 'e1a79edd678d54c507513a1d9b583390b17be07d', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: 'eef76941706120548558ef8a17f9b5a2658f8016', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: '5feaa3535158e045afe50b7dcd19188c2a3d3244', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: '8c8bd0203dd050ddc27d3895e568226badf5a162', dir: this.numberDirection ? 'ltr' : this.locale.direction, class: cn('relative', { 'opacity-75': (_a = this.inputParams) === null || _a === void 0 ? void 0 : _a.disabled }) }, this.inputPreFix && h("div", { key: 'c0cd3ced4a16162aecd927ad5859359030ae38b1', class: "prefix absolute h-[38px] px-2 left-0 top-0 pointer-events-none items-center justify-center flex" }, this.inputPreFix), h("input", Object.assign({ key: '421aa77b3eb9b066a58844fe4a6c8a7e71d3fb58' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none form-input disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full', 'form-input-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError, 'rtl-form-input': this.locale.direction === 'rtl' && this.numberDirection }, inputClass) }))), h("div", { key: '303c90bb042e38376208da3e13bc953f0f2e4e20', class: cn('absolute text-[12px] pt-[1px] -z-10 text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
                 'translate-y-full error-message opacity-100': isError,
             }) }, texts[errorMessage] || this.locale.forms.inputValueIsIncorrect || errorMessage))));
     }

package/dist/collection/components/form-elements/form-select.js

@@ -112,18 +112,18 @@ export class FormSelect {
         if (!selectedItem) {
             this.selectedValue = '';
         }
-        return (h(Host, { key: 'd9123ba90a6264f5a8c8d725f12f9c764847621e' }, h("label", { key: '8605fbdfb83add1d3bada815cee7d09cc6f7cea4', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, this.label && (h("div", { key: '470f44b2ce482479367eb44d0d99ad4c62cba076', class: "mb-[4px]" }, texts[this.label] || this.label, this.isRequired && h("span", { key: '0f4c0f4c9f7bd95f9bf121b75f2ab86b460b891c', class: "ms-0.5 text-red-600" }, "*"))), h("form-shadow-input", { key: '6e6a12db39646fc7b4f1f8110104c48f275c2d16', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: 'fcb6684c2272e59d5430c2fdad1c268970914289', class: "relative" }, h("button", { key: '9762d0ebe5a1196e7d427bd59afb731f589f4028', type: "button", name: this.name, disabled: this.disabled, onClick: this.toggleDropdown, class: cn('select-button enabled:focus:border-slate-600 enabled:focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] border bg-white h-[38px] flex justify-between overflow-hidden disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-all duration-300 rounded-md outline-none w-full', {
+        return (h(Host, { key: '5fd0f81d5a7f4ce7372d074f71daa5160fbd35f6' }, h("label", { key: '44a82462e6eb7fc5ef6f64de6aa612e09f4fc29f', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, this.label && (h("div", { key: '5c8df833ab41d2ea6ddeb0d76641295e23c560de', class: "mb-[4px]" }, texts[this.label] || this.label, this.isRequired && h("span", { key: '36ba6a2f612ac86c732edcfc111ef6939d259d1c', class: "ms-0.5 text-red-600" }, "*"))), h("form-shadow-input", { key: '2a499c436928ab5408c9b1d65acc2937b82f6a04', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: '7559083ba97d74d654ee779a0bf82926ebb95b69', class: "relative" }, h("button", { key: 'e8d06f21078902394a4a94de0f33f9961db58e80', type: "button", name: this.name, disabled: this.disabled, onClick: this.toggleDropdown, class: cn('select-button enabled:focus:border-slate-600 enabled:focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] border bg-white h-[38px] flex justify-between overflow-hidden disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-all duration-300 rounded-md outline-none w-full', {
                 'text-[#9CA3AF]': !selectedItem,
                 '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': this.isError,
                 'enabled:border-slate-600 enabled:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)]': this.isOpen,
-            }) }, selectedItem ? selectedItem.label : h("span", null, texts[this.placeholder]), h("svg", { key: '9669bd0d9bd4e66319ddcf55b082dd9570ded112', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('select-arrow size-6 transition duration-300', { 'rotate-180': this.isOpen }) }, h("path", { key: '029dc0a7ea2a41a2d859ce8e106ac3d58c286f55', d: "m6 9 6 6 6-6" }))), h("div", { key: 'd1fc92c9754a0b8380d834735666fb374676f0cb', class: cn('select-container z-[10] flex flex-col pointer-events-none absolute w-full bg-white border rounded-md shadow opacity-0 transition-opacity duration-300 max-h-[250px] overflow-auto', {
+            }) }, selectedItem ? selectedItem.label : h("span", null, texts[this.placeholder]), h("svg", { key: 'c66c35ace7a1d6979ca4b4f1a6318a21cac2b57a', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('select-arrow size-6 transition duration-300', { 'rotate-180': this.isOpen }) }, h("path", { key: '7c1c8d89cce772c923ab18aa73a2a56effe6a90a', d: "m6 9 6 6 6-6" }))), h("div", { key: 'c63d28a5c8a3b6114863ab811fa4428ba2e2b01b', class: cn('select-container z-[10] flex flex-col pointer-events-none absolute w-full bg-white border rounded-md shadow opacity-0 transition-opacity duration-300 max-h-[250px] overflow-auto', {
                 'opacity-100 pointer-events-auto': this.isOpen,
                 'top-0 -mt-[8px] -translate-y-full': this.openUpwards,
                 'top-0 mt-[8px] translate-y-[38px]': !this.openUpwards,
             }) }, !!this.options.length &&
             this.options.map(option => (h("button", { type: "button", onClick: () => this.handleSelection(option), class: cn('select-option flex justify-between px-4 py-2 hover:bg-slate-100 transition-colors duration-300', {
                     'bg-slate-200': this.selectedValue === option.value,
-                }) }, h("div", null, option.label), h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('size-5 opacity-0 transition duration-300', { 'opacity-100': this.selectedValue === option.value }) }, h("path", { d: "M20 6 9 17l-5-5" }))))), !this.options.length && (h("div", { key: '5a73cbf24eaf5da45c30489264649b181f478557', class: cn('select-empty-container h-[100px] flex items-center justify-center', { 'text-red-500': this.fetchingErrorMessage }) }, this.fetchingErrorMessage && (this.locale.errors[this.fetchingErrorMessage] || this.locale.errors.wildCard), !this.fetchingErrorMessage && (this.isLoading ? h("img", { class: "animate-spin-2s size-[22px]", src: Loader }) : this.locale.general.noSelectOptions))))), h("div", { key: 'a3bf07f89e842b1b6ab32e542eb9a88b8f685723', class: cn('absolute pt-[1px] -z-10 text-[12px] text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
+                }) }, h("div", null, option.label), h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('size-5 opacity-0 transition duration-300', { 'opacity-100': this.selectedValue === option.value }) }, h("path", { d: "M20 6 9 17l-5-5" }))))), !this.options.length && (h("div", { key: 'aa038d76fb8ded59c59d16168f6a119f8c41f882', class: cn('select-empty-container h-[100px] flex items-center justify-center', { 'text-red-500': this.fetchingErrorMessage }) }, this.fetchingErrorMessage && (this.locale.errors[this.fetchingErrorMessage] || this.locale.errors.wildCard), !this.fetchingErrorMessage && (this.isLoading ? h("img", { class: "animate-spin-2s size-[22px]", src: Loader }) : this.locale.general.noSelectOptions))))), h("div", { key: 'c2f0064d60a828dfed5afda87a1bf9fd55f2b2a6', class: cn('absolute pt-[1px] -z-10 text-[12px] text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
                 'translate-y-full error-message opacity-100': this.isError,
             }) }, texts[this.errorMessage] || this.locale.forms.inputValueIsIncorrect || this.errorMessage))));
     }

package/dist/collection/components/form-elements/form-shadow-input.js

@@ -16,7 +16,7 @@ export class FormInput {
         this.form.validateForm(this.name, newValue);
     }
     render() {
-        return h("input", { key: 'd27b5318041012b16b2e8b8cf13ed2c3eba62967', name: this.name, type: "string", hidden: true, value: this.value });
+        return h("input", { key: '4e1f4854e75bbdeb6653038f2c2e87784cfc14f8', name: this.name, type: "string", hidden: true, value: this.value });
     }
     static get is() { return "form-shadow-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-structure-error.js

@@ -17,7 +17,7 @@ export class FormStructureError {
         this.locale = await getLocaleLanguage(newLanguage);
     }
     render() {
-        return (h(Host, { key: 'f2e2377a5fccfdc82654ae4fd979ac8ca60513d1' }, h("div", { key: '188701c3cfb839702d9e01f7892e3948f6bce981', dir: this.locale.direction, class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '57c9cf10a22b5406393a731155d36207ec8eea27', class: "px-[16px] py-[8px] border text-[#58151c] border-[#f2aeb5] bg-[#f7d7d8] text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors.wrongFormStructure))));
+        return (h(Host, { key: 'e496eac7a3aa5c84ee99f970b3c9afb1c4cec7dc' }, h("div", { key: '448071085c8bc231606660088e445054d56d3b3a', dir: this.locale.direction, class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'ed64bb3f64f0f57f4cd41ebe4620f9f8d6d19b49', class: "px-[16px] py-[8px] border text-[#58151c] border-[#f2aeb5] bg-[#f7d7d8] text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors.wrongFormStructure))));
     }
     static get is() { return "form-structure-error"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-submit.js

@@ -23,9 +23,9 @@ export class FormSubmit {
     }
     render() {
         var _a, _b;
-        return (h("button", Object.assign({ key: '426e203fc372770ebebe965b11505231617bdea9', type: "submit" }, this.params, { disabled: this.isLoading, id: this.structureElement.id, class: cn('h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center', this.structureElement.class, {
+        return (h("button", Object.assign({ key: 'f2002427d3882d09792614c604c7dacb3f0757ab', type: "submit" }, this.params, { disabled: this.isLoading, id: this.structureElement.id, class: cn('h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center', this.structureElement.class, {
                 'bg-slate-600': this.isLoading,
-            }) }), h("div", { key: 'a309ac6fda422ac2d337d0ea7d83507e902997a5', class: "opacity-0" }, this.locale.general[(_a = this.structureElement.class) === null || _a === void 0 ? void 0 : _a.toLowerCase()] || this.structureElement.class), h("div", { key: '9a14221033f150c36c5ad66c4ac63447e8fce2f8', class: cn('absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000', { 'translate-y-full': this.isLoading }) }, this.locale.general[(_b = this.structureElement.class) === null || _b === void 0 ? void 0 : _b.toLowerCase()] || this.structureElement.class), h("div", { key: '5b748ae9c269b0c258e58146f8dafa7e2df12afc', class: cn('absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full', { 'translate-y-0': this.isLoading }) }, h("img", { key: '8879997f75a1a3e84ee7f1a34313a0e52e4a99f9', class: "animate-spin-2s size-[22px]", src: Loader }))));
+            }) }), h("div", { key: '659b2a988299cb89340553490fe09dbc6e580dd4', class: "opacity-0" }, this.locale.general[(_a = this.structureElement.class) === null || _a === void 0 ? void 0 : _a.toLowerCase()] || this.structureElement.class), h("div", { key: '41101b6fd221c6263ba91f50f5236f6ca7cb7947', class: cn('absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000', { 'translate-y-full': this.isLoading }) }, this.locale.general[(_b = this.structureElement.class) === null || _b === void 0 ? void 0 : _b.toLowerCase()] || this.structureElement.class), h("div", { key: '6c6cb992b8e93764f669a0241bc00047644a081a', class: cn('absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full', { 'translate-y-0': this.isLoading }) }, h("img", { key: '0697bfc961c6bbde3f87aace2cfec8f5988e0d3a', class: "animate-spin-2s size-[22px]", src: Loader }))));
     }
     static get is() { return "form-submit"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-text-area.js

@@ -39,7 +39,7 @@ export class FormTextArea {
         const prefix = this.el.getElementsByClassName('prefix')[0];
         const prefixWidth = prefix ? prefix.getBoundingClientRect().width : 0;
         const texts = this.locale.forms[this.formLocaleName];
-        return (h(Host, { key: '9c267235a657b14196b97e483cea7e688766c058' }, h("label", { key: '3f643afb36e748d482ae79836fbcd8359dacd59f', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: '04990ce3763ae9354b415b41b0b3cb619ddcfc78', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: '52827527758e8e97141d55e9160a781312362011', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: '08d1598b7ecbc89604ec9fd857cbf677d189318c', class: cn('relative', { 'opacity-75': this.inputParams.disabled }) }, h("textarea", Object.assign({ key: '22aeea549b6140f76033d443da499471d1cab512' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border h-[200px] form-input resize-none disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full', 'form-textarea-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError }) }))), h("div", { key: '616ad0d55fea1cc02a9ebc0d0c9639b71c0b0adc', class: cn('absolute text-[12px] -mt-[4px] -z-10 text-red-500 opacity-0 -translate-y-[10px] bottom-0 transition duration-300', {
+        return (h(Host, { key: '5e939ed740357a1721bcfede39d6f5eaf8d57869' }, h("label", { key: 'f9985740481c72b628e3ef5d63723bccf6740cf7', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: 'bc695e9a292bf6caec7e983890994c2691e29724', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: 'c98b6924c93ad24626a6d44920b86d0fbcdade7d', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: '050cd5bb9d7aad90438dc58be6201d4658b66904', class: cn('relative', { 'opacity-75': this.inputParams.disabled }) }, h("textarea", Object.assign({ key: '09d2e2ec68b7bf34ffe8a22f9eb63077103923d9' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border h-[200px] form-input resize-none disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full', 'form-textarea-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError }) }))), h("div", { key: '1676ee030d79c732f45ef13c377a0dad74e64159', class: cn('absolute text-[12px] -mt-[4px] -z-10 text-red-500 opacity-0 -translate-y-[10px] bottom-0 transition duration-300', {
                 'translate-y-[calc(100%-5px)] error-message opacity-100': isError,
             }) }, texts[errorMessage] || this.locale.forms.inputValueIsIncorrect || errorMessage))));
     }

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

@@ -76,9 +76,9 @@ export class ContactUsForm {
         }
     }
     render() {
-        return (h(Host, { key: '3712c418776cd3a7369579b13976e723aa278017', class: cn({
+        return (h(Host, { key: 'ceac28f4c52621b5122a4f41b72a63a85ab5c6dc', class: cn({
                 [`contact-us-${this.theme}`]: this.theme,
-            }) }, h("form-structure", { key: 'e36959c4001f84f065e089910ef33f00616eb4d6', 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: '1a173c59f33dbb28a378ab6702f513ae7e061b55' }))));
+            }) }, h("form-structure", { key: '7417ee8a6ae52d40c6032de7d230aff752ae4edc', 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: '606c881663717f4482fbd590efd652634223cd09' }))));
     }
     static get is() { return "contact-us-form"; }
     static get originalStyleUrls() {

package/dist/collection/components/forms/service-booking-form.js

@@ -76,9 +76,9 @@ export class ContactUsForm {
         }
     }
     render() {
-        return (h(Host, { key: '6d0c7079cbd60c5d8b2b4c69b7e51e419acb9406', class: cn({
+        return (h(Host, { key: '5e8e8828dbb393473abfa85df9a15e4b3e5b17eb', class: cn({
                 [`contact-us-${this.theme}`]: this.theme,
-            }) }, h("form-structure", { key: '4ac5d3221865299bdef99589b2739a9217a49637', 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: '8f5e8f3deb58296c8b9bcad18a9d9b6e80df012d' }))));
+            }) }, h("form-structure", { key: '8c6c2cc9c3e13ab371289322d863f0a2e38c40ed', 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: 'da6b6df4537014c480faac2b8da61ad75de0a6b7' }))));
     }
     static get is() { return "service-booking-form"; }
     static get originalStyleUrls() {

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

@@ -41,10 +41,13 @@ export class DynamicClaim {
         this.baseUrl = undefined;
         this.isDev = false;
         this.queryString = '';
+        this.claimEndPoint = 'api/vehicle/swift-claim';
+        this.headers = {};
         this.language = 'en';
         this.errorCallback = undefined;
         this.loadingStateChange = undefined;
         this.loadedResponse = undefined;
+        this.claimViaBarcodeScanner = true;
         this.locale = localeSchema.getDefault();
         this.isIdle = true;
         this.popupClasses = '';
@@ -232,22 +235,21 @@ export class DynamicClaim {
             };
         }
         else {
-            this.dynamicRedeem.handleScanner = async (code) => {
+            this.dynamicRedeem.handleScanner = async (code, jobNumber) => {
                 try {
                     const vehicleInformation = this.vehicleInformation;
                     const payload = {
                         vin: vehicleInformation.vin,
                         brandIntegrationID: vehicleInformation.identifiers.brandIntegrationID,
                         invoice: code,
+                        jobNumber: jobNumber,
                         saleInformation: vehicleInformation.saleInformation,
                         serviceItem: this.dynamicRedeem.item,
                         cancelledServiceItems: this.dynamicRedeem.canceledItems,
                     };
-                    const response = await fetch('/api/vehicle/swift-claim', {
+                    const response = await fetch(this.claimEndPoint, {
                         method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                        },
+                        headers: Object.assign({ 'Content-Type': 'application/json' }, this.headers),
                         body: JSON.stringify(payload),
                     });
                     const data = await response.json();
@@ -276,6 +278,7 @@ export class DynamicClaim {
         this.dynamicRedeem.vin = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.vin;
         this.dynamicRedeem.item = item;
         this.dynamicRedeem.canceledItems = oldItems;
+        this.dynamicRedeem.claimViaBarcodeScanner = this.claimViaBarcodeScanner;
         if (((_a = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
             this.dynamicRedeem.unInvoicedByBrokerName = (_e = (_d = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _d === void 0 ? void 0 : _d.broker) === null || _e === void 0 ? void 0 : _e.brokerName;
         else
@@ -284,14 +287,14 @@ export class DynamicClaim {
     }
     createPopup(item) {
         const texts = this.locale.vehicleLookup.dynamicClaim;
-        return (h("div", { dir: this.locale.direction, class: "popup-position-ref" }, h("div", { class: "popup-container" }, h("div", { class: cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), h("div", { class: cn('dynamic-claim-item-popup-info', this.popupClasses) }, h("table", null, h("tbody", null, h("tr", null, h("th", null, texts.serviceType), h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), h("tr", null, h("th", null, texts.activationDate), h("td", null, item.activatedAt)), h("tr", null, h("th", null, texts.expireDate), h("td", null, item.expiresAt)), h("tr", null, h("th", null, texts.claimAt), h("td", null, item.redeemDate)), h("tr", null, h("th", null, texts.redeemingDealer), h("td", null, item.dealerName)), h("tr", null, h("th", null, texts.invoiceNumber), h("td", null, item.invoiceNumber)), h("tr", null, h("th", null, texts.wip), h("td", null, item.wip)), h("tr", null, h("th", null, texts.claim), h("td", null, item.menuCode)))), item.status === 'pending' && (h("button", { onClick: () => this.claim(item), class: "claim-button dynamic-claim-button" }, h("svg", { width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "stroke-width": "0" }), h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", null, h("circle", { cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", null, texts.claim)))))));
+        return (h("div", { dir: this.locale.direction, class: "popup-position-ref" }, h("div", { class: "popup-container" }, h("div", { class: cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), h("div", { class: cn('dynamic-claim-item-popup-info', this.popupClasses) }, h("table", null, h("tbody", null, h("tr", null, h("th", null, texts.serviceType), h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), h("tr", null, h("th", null, texts.activationDate), h("td", null, item.activatedAt)), h("tr", null, h("th", null, texts.expireDate), h("td", null, item.expiresAt)), h("tr", null, h("th", null, texts.claimAt), h("td", null, item.redeemDate)), h("tr", null, h("th", null, texts.redeemingDealer), h("td", null, item.companyName)), h("tr", null, h("th", null, texts.invoiceNumber), h("td", null, item.invoiceNumber)), h("tr", null, h("th", null, texts.jobNumber), h("td", null, item.jobNumber)), h("tr", null, h("th", null, texts.packageCode), h("td", null, item.packageCode)))), item.status === 'pending' && (h("button", { onClick: () => this.claim(item), class: "claim-button dynamic-claim-button" }, h("svg", { width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "stroke-width": "0" }), h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", null, h("circle", { cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", null, texts.claim)))))));
     }
     render() {
         var _a, _b;
         const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
         const texts = this.locale.vehicleLookup.dynamicClaim;
         console.log(this.errorMessage);
-        return (h(Host, { key: '9e0409c5591453b63e9a835a454e952752e22013' }, h("dynamic-redeem", { key: '66a516c29ffffdf5eec666501556c85d6e532929', language: this.language, id: "dynamic-redeem" }), h("div", { key: '87faef21ecc2f9d2a7cddde1ab9c919ff57ef6e0', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: '0093412ac6128b142007f0be466fcd7a28dccebe', class: "dynamic-claim-header" }, h("strong", { key: '4f947ae43e1e1a2b6c4548f3d4d7f5ac9671bd8a', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: 'ade34635ef2f7dc56d23424abc489a52fce57ae2', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: 'd19c9904e00841683880afa09dbec00d6e1414b8', class: "dynamic-claim-body" }, h("div", { key: '196f37e4c5389b5dc24ce2cf03f9b86559c78549', class: "loading-lane" }, h("div", { key: '21fa82864e31a0d88228f5c199fefafc139c74d0', class: "dynamic-claim-loading-slider" }, h("div", { key: '46314ebc827b182693bd117313fd1882cdeef467', class: "dynamic-claim-loading-slider-line" }), h("div", { key: 'f5dea0ec0a48afc68f825dbe9920038a7865c826', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: '71c71d5ff95bc0dc5e9880ad81645a6a37c26593', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: '18357ef88627c6d9bba393ba4d0ee67e01454fa8', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
+        return (h(Host, { key: '5ab864a62bad1cf70799b558a0ce205c971c8086' }, h("dynamic-redeem", { key: 'e9ce23f8baf3b8e567e91df154aa3a676ca39529', language: this.language, id: "dynamic-redeem" }), h("div", { key: 'eeb64d347f37a90022452831a0fdeac5f308177d', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: 'af250ceae0fe41d0860c102e6ec390523f6f4e03', class: "dynamic-claim-header" }, h("strong", { key: 'cb66772925842cb2cf3f30250a8192740ef10e0d', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: '358965d01bf0013ab79149c80b926fbd014fa3a3', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: 'f61f9ba4637f464295f731fcde690acaae433f6c', class: "dynamic-claim-body" }, h("div", { key: 'fb9bd78c1448c834347277773ebd509257409b02', class: "loading-lane" }, h("div", { key: 'bacb211c7d674e12a7a8c8994a692eaf372f32f7', class: "dynamic-claim-loading-slider" }, h("div", { key: '1288885fb9befbb9284338851a67022858d81b26', class: "dynamic-claim-loading-slider-line" }), h("div", { key: 'f0e07462d6af431cecf39883ef9e9971af104f70', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'a76753b8b2970151eaf03e7c67f40b8dba0df837', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: 'a8720410fb9f67111cece495c6f9657f79d9fd71', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
             let statusClass = '';
             if (item.status === 'pending') {
                 if (serviceItems.findIndex(i => i.status === 'pending') === idx)
@@ -300,7 +303,7 @@ export class DynamicClaim {
             else
                 statusClass = item.status;
             return (h("div", { key: item.name, class: cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, h("img", { src: icons[item.status], alt: "status icon" }), h("span", null, texts[item.status]), this.activePopupIndex === idx && this.createPopup(item)), h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
-        }), h("div", { key: '2762fc231f14343438f628afa1feae4929cc2c9f', class: "dynamic-claim-progress-bar" }))))));
+        }), h("div", { key: 'ffaf5ef9b4f092805b547941bcb246e7f93166f1', class: "dynamic-claim-progress-bar" }))))));
     }
     static get is() { return "dynamic-claim"; }
     static get encapsulation() { return "shadow"; }
@@ -369,6 +372,42 @@ export class DynamicClaim {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "claimEndPoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "claim-end-point",
+                "reflect": false,
+                "defaultValue": "'api/vehicle/swift-claim'"
+            },
+            "headers": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "headers",
+                "reflect": false,
+                "defaultValue": "{}"
+            },
             "language": {
                 "type": "string",
                 "mutable": false,
@@ -449,6 +488,24 @@ export class DynamicClaim {
                     "tags": [],
                     "text": ""
                 }
+            },
+            "claimViaBarcodeScanner": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "claim-via-barcode-scanner",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }
@@ -603,6 +660,28 @@ export class DynamicClaim {
                     "text": "",
                     "tags": []
                 }
+            },
+            "claim": {
+                "complexType": {
+                    "signature": "(item: ServiceItem) => Promise<void>",
+                    "parameters": [{
+                            "name": "item",
+                            "type": "{ name: string; type: string; jobNumber?: string; title: string; image: string; qrUri: string; typeEnum: number; expiresAt: string; packageCode?: string; campaignCode: any; activeFor: number; statusEnum: number; description: string; activatedAt: string; redeemDate?: string; companyName?: string; modelCostID?: number; invoiceNumber?: string; skipZeroTrust: boolean; activeForInterval: string; dealerIntegrationID?: string; maximumMileage: number; tlpPackageInvoiceTLPItemID: any; toyotaLoyaltyProgramRedeemableItemID: number; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"warning\"; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "ServiceItem": {
+                            "location": "import",
+                            "path": "~types/vehicle-information",
+                            "id": "src/global/types/vehicle-information.ts::ServiceItem"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
         };
     }

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

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .qr-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;width:100%}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:"";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\[12px\]{margin-top:12px}.h-0{height:0}.h-\[40px\]{height:40px}.h-\[80px\]{height:80px}.max-h-\[70dvh\]{max-height:70dvh}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[20px\]{padding-bottom:20px;padding-top:20px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.pt-\[4px\]{padding-top:4px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.font-bold{font-weight:700}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\[16px\]{margin-right:16px}.mt-\[16px\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\[100dvh\]{height:100dvh}.h-auto{height:auto}.max-h-\[133px\]{max-height:133px}.w-12{width:3rem}.w-\[100dvw\]{width:100dvw}.w-auto{width:auto}.max-w-\[133px\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\[4px\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\!border-none{border-style:none!important}.bg-black\/40{background-color:rgba(0,0,0,.4)}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:opacity-100:hover{opacity:1}.\[\&_div\]\:hover\:\!opacity-100:hover div{opacity:1!important}.\[\&_img\]\:hover\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\[3px\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .dynamic-redeem-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;transition:.35s;width:100%}.dynamic-claim-processor .dynamic-redeem-input:focus{border-bottom-color:#3071a9;transform:scale(1.1) translateY(-10px)}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:"";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;justify-content:center;justify-self:center;outline:none;padding:0 10px 0 0;transition:.3s;width:350px}.dynamic-claim-button.disabled{stroke:#d5d5d5!important;border-color:#d5d5d5;color:#d5d5d5!important;pointer-events:none}.dynamic-claim-button.disabled circle{fill:#d5d5d5!important}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\[12px\]{margin-top:12px}.h-0{height:0}.h-\[40px\]{height:40px}.h-\[80px\]{height:80px}.max-h-\[70dvh\]{max-height:70dvh}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\[\#d6d8dc\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\[\#e1e3e5\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[16px\]{padding-left:16px;padding-right:16px}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[20px\]{padding-bottom:20px;padding-top:20px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.pt-\[4px\]{padding-top:4px}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.font-bold{font-weight:700}.text-\[\#383c43\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\[16px\]{margin-right:16px}.mt-\[16px\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\[100dvh\]{height:100dvh}.h-auto{height:auto}.max-h-\[133px\]{max-height:133px}.w-12{width:3rem}.w-\[100dvw\]{width:100dvw}.w-auto{width:auto}.max-w-\[133px\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\[4px\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\!border-none{border-style:none!important}.bg-black\/40{background-color:rgba(0,0,0,.4)}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:opacity-100:hover{opacity:1}.\[\&_div\]\:hover\:\!opacity-100:hover div{opacity:1!important}.\[\&_img\]\:hover\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\[3px\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}