@alviere/ui 0.16.1 → 0.16.3

package/dist/index.js

@@ -5773,14 +5773,10 @@ const manager = AlviereCoreManager.getInstance();
 function getAlviereCore(config) {
   return manager.getOrCreate(config);
 }
-function updateAlviereCore(config) {
-  return manager.updateOrCreate(config);
-}
 const alviereCoreManager = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AlviereCoreManager,
-  getAlviereCore,
-  updateAlviereCore
+  getAlviereCore
 }, Symbol.toStringTag, { value: "Module" }));
 const validator = AlviereCore.createValidator();
 function createEnhancedBaseInputMixin(config) {
@@ -7979,12 +7975,12 @@ var root_1$h = /* @__PURE__ */ from_html(`<label class="alviere-text-input__labe
 var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__textarea svelte-1auzwdn" spellcheck="true"></textarea>`);
 var root_3$c = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
 var root_5$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__action-button svelte-1auzwdn"><span class="alviere-text-input__action-icon svelte-1auzwdn">?</span></button>`);
-var root_7$2 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
+var root_7$3 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
 var root_8$4 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
 var root_6$6 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
 var root_4$b = /* @__PURE__ */ from_html(`<div class="alviere-text-input__actions svelte-1auzwdn"><!> <!></div>`);
-var root_9$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
-var root_10$2 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__required svelte-1auzwdn">Required</div>`);
+var root_9$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
+var root_10$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__required svelte-1auzwdn">Required</div>`);
 var root_11$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__help svelte-1auzwdn"><!> </div>`);
 var root_12$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__error svelte-1auzwdn" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
 var root_13$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__warning svelte-1auzwdn" role="status"><!> </div>`);
@@ -8627,7 +8623,7 @@ function TextInput($$anchor, $$props) {
           var node_5 = child(button_1);
           {
             var consequent_3 = ($$anchor4) => {
-              var svg = root_7$2();
+              var svg = root_7$3();
               append($$anchor4, svg);
             };
             var alternate_1 = ($$anchor4) => {
@@ -8656,7 +8652,7 @@ function TextInput($$anchor, $$props) {
   var node_6 = sibling(node_2, 2);
   {
     var consequent_6 = ($$anchor2) => {
-      var div_3 = root_9$3();
+      var div_3 = root_9$4();
       var text_1 = child(div_3);
       reset(div_3);
       template_effect(() => set_text(text_1, `${get$1(characterCount) ?? ""}/${maxlength() ?? ""}`));
@@ -8669,7 +8665,7 @@ function TextInput($$anchor, $$props) {
   var node_7 = sibling(node_6, 2);
   {
     var consequent_7 = ($$anchor2) => {
-      var div_4 = root_10$2();
+      var div_4 = root_10$3();
       append($$anchor2, div_4);
     };
     if_block(node_7, ($$render) => {
@@ -11819,7 +11815,7 @@ var root_3$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-s
 var root_4$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__required svelte-roni7d">Required</div>`);
 var root_6$4 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__loading-message svelte-roni7d"> </div>`);
 var root_8$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
-var root_10$1 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
+var root_10$2 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
 var root_5$5 = /* @__PURE__ */ from_html(`<div id="search-select-dropdown" class="alviere-search-select__dropdown svelte-roni7d" role="listbox"><div class="alviere-search-select__options-list svelte-roni7d"><!></div></div>`);
 var root_11$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__help svelte-roni7d"> </div>`);
 var root_12$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__error svelte-roni7d" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
@@ -12451,7 +12447,7 @@ function SearchSelect($$anchor, $$props) {
               var fragment_1 = comment();
               var node_9 = first_child(fragment_1);
               each(node_9, 17, () => get$1(filteredOptions)(), index, ($$anchor5, option, index2) => {
-                var div_10 = root_10$1();
+                var div_10 = root_10$2();
                 let classes_2;
                 div_10.__pointerdown = (e) => e.preventDefault();
                 div_10.__click = () => selectOption(get$1(option));
@@ -12755,13 +12751,13 @@ const createFlowCoreStore = () => {
         const debug = state2.config.debug || false;
         debug && uiLogger.info("🔄 Updating JWT in shared AlviereCore instance (store)...");
         const newConfig = { ...state2.config, jwt: newJwt };
-        const newCore = updateAlviereCore(newConfig);
+        state2.core.configure(newConfig);
         debug && uiLogger.info("✅ Shared AlviereCore updated with new JWT (store):", {
-          accountUuid: newCore.getAccountUuid(),
-          businessUuid: newCore.getBusinessUuid(),
-          isFirstTimeUser: newCore.isFirstTimeUser()
+          accountUuid: state2.core.getAccountUuid(),
+          businessUuid: state2.core.getBusinessUuid(),
+          isFirstTimeUser: state2.core.isFirstTimeUser()
         });
-        return { ...state2, core: newCore, config: newConfig };
+        return { ...state2, config: newConfig };
       });
     },
     /**
@@ -16173,12 +16169,12 @@ const accountNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640
 var root_1$8 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-t9z8bl"><alviere-spinner></alviere-spinner></div>`, 2);
 var root_4$5 = /* @__PURE__ */ from_html(`<alviere-badge> </alviere-badge>`, 2);
 var root_6$3 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div>`);
-var root_7$1 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value description svelte-t9z8bl"> </span></div>`);
+var root_7$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value description svelte-t9z8bl"> </span></div>`);
 var root_5$4 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <!> <!>`, 1);
 var root_8$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div>`);
 var root_3$6 = /* @__PURE__ */ from_html(`<alviere-list-item><div slot="leading"><alviere-badge> </alviere-badge></div> <div slot="primary-text"><span> </span></div> <div slot="badges"><!></div> <div slot="actions"><alviere-button></alviere-button> <alviere-button></alviere-button></div> <div slot="expanded-content"><div class="bank-accounts-section__card-content svelte-t9z8bl"><div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <!> <!></div></div></alviere-list-item>`, 2);
-var root_9$2 = /* @__PURE__ */ from_html(`<div class="form-status svelte-t9z8bl"><span class="validation-error svelte-t9z8bl" role="alert"> </span></div>`);
-var root_10 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__notice svelte-t9z8bl"><!></div>`);
+var root_9$3 = /* @__PURE__ */ from_html(`<div class="form-status svelte-t9z8bl"><span class="validation-error svelte-t9z8bl" role="alert"> </span></div>`);
+var root_10$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__notice svelte-t9z8bl"><!></div>`);
 var root_2$4 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section svelte-t9z8bl"><div class="alviere-add-bank-account__header svelte-t9z8bl"><h2 class="svelte-t9z8bl"> </h2> <alviere-button> </alviere-button></div> <alviere-list></alviere-list> <div class="alviere-add-bank-account__footer svelte-t9z8bl"><!> <!> <alviere-button> </alviere-button></div></div>`, 2);
 var root_12$1 = /* @__PURE__ */ from_html(`<alviere-button><span class="alviere-add-bank-account__button__label"> </span></alviere-button>`, 2);
 var root_15$1 = /* @__PURE__ */ from_html(`<div class="routing-info svelte-t9z8bl"><div class="routing-info-header svelte-t9z8bl"><span class="bank-name svelte-t9z8bl"> </span></div></div>`);
@@ -16303,14 +16299,9 @@ function AddBankAccount($$anchor, $$props) {
     },
     ach_account_number: {
       required: "Account number is required",
-      numeric: "Account number must contain only digits",
-      minLength: {
-        value: 3,
-        message: "Account number must be at least 3 digits"
-      },
-      maxLength: {
-        value: 17,
-        message: "Account number must be at most 17 digits"
+      pattern: {
+        regex: /^\d{3,17}$/,
+        message: "Account number must be 3–17 digits"
       }
     }
   };
@@ -16340,14 +16331,9 @@ function AddBankAccount($$anchor, $$props) {
       },
       confirm_account_number: {
         required: "Please confirm your account number",
-        numeric: "Account number must contain only digits",
-        minLength: {
-          value: 3,
-          message: "Account number must be at least 3 digits"
-        },
-        maxLength: {
-          value: 17,
-          message: "Account number must be at most 17 digits"
+        pattern: {
+          regex: /^\d{3,17}$/,
+          message: "Account number must be 3–17 digits"
         }
       }
     }) : baseSchemas;
@@ -16462,16 +16448,17 @@ function AddBankAccount($$anchor, $$props) {
   });
   user_effect(() => {
     const routingNumber = baseForm.state.formData.ach_details.routing_number;
-    const invalidRoutingNumberMessage = getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE);
-    if (routingNumber && routingNumber.length === 9 && baseForm.state.alviereCore) {
+    const currentFieldError = untrack$1(() => baseForm.state.validationErrors.ach_routing_number);
+    const fieldPassesSchema = !currentFieldError || currentFieldError === INVALID_ROUTING_NUMBER_MESSAGE;
+    if (routingNumber && routingNumber.length === 9 && fieldPassesSchema && baseForm.state.alviereCore) {
       set(isLoadingBankInfo, true);
       lookupRoutingNumber(routingNumber, baseForm.state.alviereCore).then((info) => {
         set(bankInfo, info, true);
         if (!info) {
-          baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
+          baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
           return;
         }
-        if (baseForm.state.validationErrors.ach_routing_number === invalidRoutingNumberMessage) {
+        if (baseForm.state.validationErrors.ach_routing_number === INVALID_ROUTING_NUMBER_MESSAGE) {
           baseForm.actions.clearFieldError("ach_routing_number");
         }
       }).catch(async (error) => {
@@ -16482,7 +16469,7 @@ function AddBankAccount($$anchor, $$props) {
         } else if (result.kind === "critical") {
           dispatchCriticalError(result.error, result.errorCode);
         } else {
-          baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
+          baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
           uiLogger.warn("Failed to lookup bank info:", error);
         }
       }).finally(() => {
@@ -16490,8 +16477,8 @@ function AddBankAccount($$anchor, $$props) {
       });
     } else {
       set(bankInfo, null);
-      if (baseForm.state.validationErrors.ach_routing_number === invalidRoutingNumberMessage) {
-        baseForm.actions.clearFieldError("ach_routing_number");
+      if (currentFieldError === INVALID_ROUTING_NUMBER_MESSAGE) {
+        baseForm.actions.validateField("ach_routing_number");
       }
     }
   });
@@ -16520,7 +16507,6 @@ function AddBankAccount($$anchor, $$props) {
         return (_b2 = (_a4 = account.bank_account_details) === null || _a4 === void 0 ? void 0 : _a4.ach_details) === null || _b2 === void 0 ? void 0 : _b2.routing_number;
       }).filter((routing) => typeof routing === "string" && routing.length > 0);
       routingNumbers.forEach((routingNumber) => {
-        const invalidRoutingNumberMessage = getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE);
         if (get$1(bankInfoByRouting)[routingNumber] !== void 0) {
           return;
         }
@@ -16528,15 +16514,15 @@ function AddBankAccount($$anchor, $$props) {
         lookupRoutingNumber(routingNumber, baseForm.state.alviereCore || void 0).then((info) => {
           set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: info }), true);
           const currentRouting = baseForm.state.formData.ach_details.routing_number;
-          if (currentRouting === routingNumber && !info && baseForm.state.validationErrors.ach_routing_number !== invalidRoutingNumberMessage) {
-            baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
+          if (currentRouting === routingNumber && !info && baseForm.state.validationErrors.ach_routing_number !== INVALID_ROUTING_NUMBER_MESSAGE) {
+            baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
           }
         }).catch((error) => {
           uiLogger.warn("Failed to lookup bank info for routing number:", routingNumber, error);
           set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: null }), true);
           const currentRouting = baseForm.state.formData.ach_details.routing_number;
           if (currentRouting === routingNumber) {
-            baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
+            baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
           }
         });
       });
@@ -16611,7 +16597,7 @@ function AddBankAccount($$anchor, $$props) {
     baseForm.actions.validateAllFields();
     const routingOnSubmit = baseForm.state.formData.ach_details.routing_number;
     if (baseForm.state.alviereCore && (routingOnSubmit === null || routingOnSubmit === void 0 ? void 0 : routingOnSubmit.length) === 9 && !get$1(isLoadingBankInfo) && get$1(bankInfo) === null) {
-      baseForm.actions.setFieldError("ach_routing_number", getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE));
+      baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
     }
     if (!baseForm.computed.canSubmit) {
       uiLogger.debug("Cannot submit: form validation failed");
@@ -16726,20 +16712,16 @@ function AddBankAccount($$anchor, $$props) {
     return true;
   }
   function validateAccountConfirmation() {
-    const original = normalizeComparableValue(baseForm.state.formData.ach_details.account_number || baseForm.state.formData.ach_account_number);
-    const confirmation = normalizeComparableValue(baseForm.state.formData.confirm_account_number);
-    if (!confirmation) {
+    const rawConfirmation = String(baseForm.state.formData.confirm_account_number || "");
+    const rawOriginal = String(baseForm.state.formData.ach_details.account_number || baseForm.state.formData.ach_account_number || "");
+    if (!rawConfirmation.trim()) {
       return true;
     }
-    if (!/^\d+$/.test(confirmation)) {
-      baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "numeric", "Account number must contain only digits"));
-      return false;
-    }
-    if (confirmation.length < 3) {
-      baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "minLength", "Account number must be at least 3 digits"));
+    if (!/^\d{3,17}$/.test(rawConfirmation)) {
+      baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "pattern", "Account number must be 3–17 digits"));
       return false;
     }
-    if (!original || confirmation !== original) {
+    if (!rawOriginal || rawConfirmation !== rawOriginal) {
       baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "match", "Account number confirmation does not match"));
       return false;
     }
@@ -17017,7 +16999,7 @@ function AddBankAccount($$anchor, $$props) {
             var node_5 = sibling(node_4, 2);
             {
               var consequent_3 = ($$anchor5) => {
-                var div_14 = root_7$1();
+                var div_14 = root_7$2();
                 var span_9 = child(div_14);
                 var text_13 = child(span_9);
                 reset(span_9);
@@ -17100,7 +17082,7 @@ function AddBankAccount($$anchor, $$props) {
       var node_7 = child(div_16);
       {
         var consequent_6 = ($$anchor3) => {
-          var div_17 = root_9$2();
+          var div_17 = root_9$3();
           var span_13 = child(div_17);
           var text_17 = child(span_13, true);
           reset(span_13);
@@ -17115,7 +17097,7 @@ function AddBankAccount($$anchor, $$props) {
       var node_8 = sibling(node_7, 2);
       {
         var consequent_7 = ($$anchor3) => {
-          var div_18 = root_10();
+          var div_18 = root_10$1();
           var node_9 = child(div_18);
           {
             let $0 = /* @__PURE__ */ user_derived(() => get$1(proceedPrenoteMessage) || "");
@@ -17385,7 +17367,7 @@ function AddBankAccount($$anchor, $$props) {
                     baseForm.handlers.handleFieldBlur("ach_routing_number");
                     const routing = baseForm.state.formData.ach_details.routing_number;
                     if (baseForm.state.alviereCore && (routing == null ? void 0 : routing.length) === 9 && !get$1(isLoadingBankInfo) && get$1(bankInfo) === null) {
-                      baseForm.actions.setFieldError("ach_routing_number", getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE));
+                      baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
                     }
                   }
                 });
@@ -17782,20 +17764,31 @@ customElements.define("alviere-add-bank-account", create_custom_element(
   [],
   true
 ));
+function subscribeToOnlineEvent(callback) {
+  if (typeof window === "undefined") return () => {
+  };
+  window.addEventListener("online", callback);
+  return () => window.removeEventListener("online", callback);
+}
 function createLegalTextsResolver({ getDocumentTypes, getCore }) {
   let resolvedDocuments = /* @__PURE__ */ state(proxy([]));
   let isLoading = /* @__PURE__ */ state(false);
   let hasResolved = /* @__PURE__ */ state(false);
   let error = /* @__PURE__ */ state(null);
   let lastSignature = null;
+  let lastRetryCount = 0;
+  let retryCount = /* @__PURE__ */ state(0);
   const getKey = (doc) => `${doc.type}:${doc.version || "latest"}`;
   user_effect(() => {
     const core = getCore();
     const documentTypes = getDocumentTypes();
     const signature = documentTypes.map(getKey).join("|");
+    const currentRetry = get$1(retryCount);
     if (!core) return;
-    if (signature === lastSignature) return;
+    const isRetry = currentRetry !== lastRetryCount;
+    if (signature === lastSignature && !isRetry) return;
     lastSignature = signature;
+    lastRetryCount = currentRetry;
     if (!signature) {
       set(resolvedDocuments, [], true);
       set(hasResolved, true);
@@ -17803,6 +17796,24 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
     }
     void fetchLegalTexts(core, documentTypes);
   });
+  user_effect(() => {
+    let debounceTimer = null;
+    const unsubscribe = subscribeToOnlineEvent(() => {
+      if (!get$1(error)) return;
+      if (debounceTimer) clearTimeout(debounceTimer);
+      debounceTimer = setTimeout(retry, 1e3);
+    });
+    return () => {
+      unsubscribe();
+      if (debounceTimer) clearTimeout(debounceTimer);
+    };
+  });
+  function retry() {
+    if (get$1(isLoading)) return;
+    set(error, null);
+    set(hasResolved, false);
+    update(retryCount);
+  }
   async function fetchLegalTexts(core, documentTypes) {
     set(isLoading, true);
     set(error, null);
@@ -17840,7 +17851,8 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
     },
     get error() {
       return get$1(error);
-    }
+    },
+    retry
   };
 }
 var root_1$7 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
@@ -17849,10 +17861,13 @@ var root_4$4 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__
 var root_3$5 = /* @__PURE__ */ from_html(`<section class="alviere-checkout-confirm__summary svelte-1l48sab"><div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <!> <div class="alviere-checkout-confirm__summary-divider svelte-1l48sab" aria-hidden="true"></div> <div class="alviere-checkout-confirm__summary-row alviere-checkout-confirm__summary-row--total svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div></section>`);
 var root_5$3 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__terms-and-conditions"><p> </p> <alviere-legal-text-consent></alviere-legal-text-consent></div>`, 2);
 var root_6$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__timing-info svelte-1l48sab"><!></div>`);
-var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <!> <!> <alviere-button> </alviere-button></div></div>`, 2);
+var root_7$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-loading svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
+var root_9$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-error svelte-1l48sab"><!> <alviere-button> </alviere-button></div>`, 2);
+var root_10 = /* @__PURE__ */ from_html(`<alviere-button> </alviere-button>`, 2);
+var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <!> <!> <!></div></div>`);
 const $$css$a = {
   hash: "svelte-1l48sab",
-  code: ":root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-checkout-confirm.svelte-1l48sab {display:flex;flex-direction:column;gap:1rem;position:relative;padding:1rem 0;}.alviere-checkout-confirm__payment-info.svelte-1l48sab {display:flex;flex-direction:column;gap:2rem;}.alviere-checkout-confirm__payment-info.svelte-1l48sab alviere-button:where(.svelte-1l48sab) {align-self:center;}.alviere-checkout-confirm__summary.svelte-1l48sab {width:100%;display:flex;flex-direction:column;gap:0.5rem;}.alviere-checkout-confirm__summary-row.svelte-1l48sab {display:flex;align-items:baseline;justify-content:space-between;gap:1rem;}.alviere-checkout-confirm__summary-row--total.svelte-1l48sab {font-weight:600;color:#000000;}.alviere-checkout-confirm__summary-label.svelte-1l48sab {color:#000000;font-size:1rem;}.alviere-checkout-confirm__summary-value.svelte-1l48sab {color:#000000;font-size:1rem;font-weight:400;text-align:right;overflow-wrap:anywhere;}.alviere-checkout-confirm__summary-divider.svelte-1l48sab {border-top:1px dashed #000000;margin:0.25rem 0;}.alviere-checkout-confirm__timing-info.svelte-1l48sab {width:100%;}.alviere-checkout-confirm.svelte-1l48sab .spinner-container:where(.svelte-1l48sab) {position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:rgba(255, 255, 255, 0.2);backdrop-filter:blur(3px);z-index:1000;}"
+  code: ":root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-checkout-confirm.svelte-1l48sab {display:flex;flex-direction:column;gap:1rem;position:relative;padding:1rem 0;}.alviere-checkout-confirm__payment-info.svelte-1l48sab {display:flex;flex-direction:column;gap:2rem;}.alviere-checkout-confirm__payment-info.svelte-1l48sab alviere-button:where(.svelte-1l48sab) {align-self:center;}.alviere-checkout-confirm__summary.svelte-1l48sab {width:100%;display:flex;flex-direction:column;gap:0.5rem;}.alviere-checkout-confirm__summary-row.svelte-1l48sab {display:flex;align-items:baseline;justify-content:space-between;gap:1rem;}.alviere-checkout-confirm__summary-row--total.svelte-1l48sab {font-weight:600;color:#000000;}.alviere-checkout-confirm__summary-label.svelte-1l48sab {color:#000000;font-size:1rem;}.alviere-checkout-confirm__summary-value.svelte-1l48sab {color:#000000;font-size:1rem;font-weight:400;text-align:right;overflow-wrap:anywhere;}.alviere-checkout-confirm__summary-divider.svelte-1l48sab {border-top:1px dashed #000000;margin:0.25rem 0;}.alviere-checkout-confirm__timing-info.svelte-1l48sab {width:100%;}.alviere-checkout-confirm__legal-texts-loading.svelte-1l48sab {display:flex;justify-content:center;padding:1rem 0;}.alviere-checkout-confirm__legal-texts-error.svelte-1l48sab {display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.alviere-checkout-confirm.svelte-1l48sab .spinner-container:where(.svelte-1l48sab) {position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:rgba(255, 255, 255, 0.2);backdrop-filter:blur(3px);z-index:1000;}"
 };
 function CheckoutConfirm($$anchor, $$props) {
   push($$props, true);
@@ -17983,7 +17998,7 @@ function CheckoutConfirm($$anchor, $$props) {
       set(selfAmount, amount());
     }
   });
-  const canPay = /* @__PURE__ */ user_derived(() => () => !legalTextsResolver.requiresLegalTexts || get$1(legalTextsAccepted));
+  const canPay = /* @__PURE__ */ user_derived(() => () => legalTextsResolver.hasResolved && !legalTextsResolver.error && (!legalTextsResolver.requiresLegalTexts || get$1(legalTextsAccepted)));
   async function handlePay() {
     if (!get$1(canPay)() || get$1(isSending)) return;
     set(isSending, true);
@@ -18254,18 +18269,74 @@ function CheckoutConfirm($$anchor, $$props) {
       if (get$1(paymentTimingMessage)) $$render(consequent_4);
     });
   }
-  var alviere_button = sibling(node_4, 2);
-  set_custom_element_data(alviere_button, "variant", "primary");
-  set_custom_element_data(alviere_button, "size", "md");
-  set_custom_element_data(alviere_button, "handler", handlePay);
-  template_effect(() => set_custom_element_data(alviere_button, "disabled", !get$1(canPay)()));
-  set_class(alviere_button, 1, "svelte-1l48sab");
-  var text_9 = child(alviere_button, true);
-  reset(alviere_button);
+  var node_6 = sibling(node_4, 2);
+  {
+    var consequent_5 = ($$anchor2) => {
+      var div_9 = root_7$1();
+      var alviere_spinner_1 = child(div_9);
+      set_custom_element_data(alviere_spinner_1, "size", "sm");
+      set_custom_element_data(alviere_spinner_1, "variant", "circular");
+      reset(div_9);
+      append($$anchor2, div_9);
+    };
+    var alternate_2 = ($$anchor2) => {
+      var fragment = comment();
+      var node_7 = first_child(fragment);
+      {
+        var consequent_6 = ($$anchor3) => {
+          var div_10 = root_9$2();
+          var node_8 = child(div_10);
+          {
+            let $0 = /* @__PURE__ */ user_derived(() => getLabel("legalTextsErrorLabel", "Unable to load required agreements. Check your connection and try again."));
+            Callout(node_8, {
+              variant: "warning",
+              get message() {
+                return get$1($0);
+              }
+            });
+          }
+          var alviere_button = sibling(node_8, 2);
+          set_custom_element_data(alviere_button, "variant", "secondary");
+          set_custom_element_data(alviere_button, "size", "md");
+          template_effect(() => set_custom_element_data(alviere_button, "handler", legalTextsResolver.retry));
+          set_class(alviere_button, 1, "svelte-1l48sab");
+          var text_9 = child(alviere_button, true);
+          reset(alviere_button);
+          reset(div_10);
+          template_effect(($0) => set_text(text_9, $0), [() => getLabel("legalTextsRetryLabel", "Retry")]);
+          append($$anchor3, div_10);
+        };
+        var alternate_1 = ($$anchor3) => {
+          var alviere_button_1 = root_10();
+          set_custom_element_data(alviere_button_1, "variant", "primary");
+          set_custom_element_data(alviere_button_1, "size", "md");
+          set_custom_element_data(alviere_button_1, "handler", handlePay);
+          template_effect(() => set_custom_element_data(alviere_button_1, "disabled", !get$1(canPay)()));
+          set_class(alviere_button_1, 1, "svelte-1l48sab");
+          var text_10 = child(alviere_button_1, true);
+          reset(alviere_button_1);
+          template_effect(($0) => set_text(text_10, $0), [() => getLabel("payButtonLabel", "Pay")]);
+          append($$anchor3, alviere_button_1);
+        };
+        if_block(
+          node_7,
+          ($$render) => {
+            if (legalTextsResolver.error) $$render(consequent_6);
+            else $$render(alternate_1, false);
+          },
+          true
+        );
+      }
+      append($$anchor2, fragment);
+    };
+    if_block(node_6, ($$render) => {
+      if (!legalTextsResolver.hasResolved) $$render(consequent_5);
+      else $$render(alternate_2, false);
+    });
+  }
   reset(div_2);
   reset(div);
   bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
-  template_effect(($0) => set_text(text_9, $0), [() => getLabel("payButtonLabel", "Pay")]);
   append($$anchor, div);
   var $$pop = pop($$exports);
   $$cleanup();
@@ -20578,6 +20649,7 @@ function MultiStepFlow($$anchor, $$props) {
       const accumulatedResults2 = flowManager.getAccumulatedResults();
       eventDispatcher.dispatchStepComplete(stepIndex, accumulatedResults2);
       flowManager.flowState.isComplete = true;
+      jwtManager.cancelRefreshTimer();
       eventDispatcher.dispatchFlowComplete(accumulatedResults2);
       return;
     }
@@ -20591,6 +20663,7 @@ function MultiStepFlow($$anchor, $$props) {
     const accumulatedResults = flowManager.getAccumulatedResults();
     if (!flowManager.canGoNext()) {
       flowManager.flowState.isComplete = true;
+      jwtManager.cancelRefreshTimer();
       debug() && uiLogger.info("⚡️ Flow reached completion state, dispatching flow-complete event");
       eventDispatcher.dispatchFlowComplete(accumulatedResults);
     } else {
@@ -20611,6 +20684,7 @@ function MultiStepFlow($$anchor, $$props) {
     if (error2 instanceof AlcoreApiError && isCriticalError(error2.errorCode)) {
       debug() && uiLogger.error(`🚨 Critical error - halting flow: ${error2.errorCode}`);
       set(flowBarrier, null);
+      jwtManager.cancelRefreshTimer();
       set(
         flowError,
         {
@@ -20632,6 +20706,7 @@ function MultiStepFlow($$anchor, $$props) {
     const detail = customEvent.detail || {};
     debug() && uiLogger.info("⛔ Flow barrier triggered:", detail);
     set(flowError, null);
+    jwtManager.cancelRefreshTimer();
     flowManager.markStepInfoBlocked(stepIndex);
     const commonBarrierTitle = resolveFlowLabel(["barrierTitleLabel", "barrierTitle"]);
     const commonBarrierMessage = resolveFlowLabel(["barrierMessageLabel", "barrierMessage"]);