@alviere/ui 0.12.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -7966,7 +7966,7 @@ var root_3$c = /* @__PURE__ */ from_html(`<input class="alviere-text-input__inpu
7966
7966
  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>`);
7967
7967
  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>`);
7968
7968
  var root_8$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="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>`);
7969
- var root_6$3 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
7969
+ var root_6$5 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
7970
7970
  var root_4$b = /* @__PURE__ */ from_html(`<div class="alviere-text-input__actions svelte-1auzwdn"><!> <!></div>`);
7971
7971
  var root_9$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
7972
7972
  var root_10$2 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__required svelte-1auzwdn">Required</div>`);
@@ -8604,7 +8604,7 @@ function TextInput($$anchor, $$props) {
8604
8604
  var node_4 = sibling(node_3, 2);
8605
8605
  {
8606
8606
  var consequent_4 = ($$anchor3) => {
8607
- var button_1 = root_6$3();
8607
+ var button_1 = root_6$5();
8608
8608
  button_1.__click = (e) => {
8609
8609
  e.stopPropagation();
8610
8610
  set(reveal, !get$1(reveal));
@@ -9565,10 +9565,11 @@ function getPhoneInputMaxLength(schema) {
9565
9565
  }
9566
9566
  var root_1$e = /* @__PURE__ */ from_html(`<label class="alviere-phone-input__label svelte-15yozux"> </label>`);
9567
9567
  var root_2$a = /* @__PURE__ */ from_html(`<span class="alviere-phone-input__character-count svelte-15yozux"> </span>`);
9568
- var root_3$b = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__required svelte-15yozux">Required</div>`);
9569
- var root_4$a = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__error svelte-15yozux" 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>`);
9570
- var root_5$6 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"> </div>`);
9571
- var root$e = /* @__PURE__ */ from_html(`<div><div><!> <input type="tel"/> <!></div> <div class="alviere-phone-input__validation-messages svelte-15yozux"><!> <!> <!></div></div>`);
9568
+ var root_3$b = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__help svelte-15yozux"><!> </div>`);
9569
+ var root_4$a = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__required svelte-15yozux">Required</div>`);
9570
+ var root_5$6 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__error svelte-15yozux" 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>`);
9571
+ var root_6$4 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"> </div>`);
9572
+ var root$e = /* @__PURE__ */ from_html(`<div><div><!> <input type="tel"/> <!></div> <div class="alviere-phone-input__validation-messages svelte-15yozux"><!> <!> <!> <!></div></div>`);
9572
9573
  const $$css$h = {
9573
9574
  hash: "svelte-15yozux",
9574
9575
  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-phone-input.svelte-15yozux {position:relative;width:100%;}.alviere-phone-input__label.svelte-15yozux {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-phone-input__required.svelte-15yozux {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);}.alviere-phone-input__error.svelte-15yozux {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-phone-input__warning.svelte-15yozux {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-phone-input__wrapper.svelte-15yozux {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-phone-input__wrapper--focused.svelte-15yozux {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-15yozux),
@@ -9586,12 +9587,15 @@ const $$css$h = {
9586
9587
  .alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-date-of-birth-input__label:where(.svelte-15yozux),
9587
9588
  .alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-ein-input__label:where(.svelte-15yozux),
9588
9589
  .alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-search-select__label:where(.svelte-15yozux),
9589
- .alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-currency-input__label:where(.svelte-15yozux) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-phone-input__wrapper--disabled.svelte-15yozux {background:#f4f4f5;cursor:not-allowed;}.alviere-phone-input__wrapper--readonly.svelte-15yozux {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-phone-input__wrapper--valid.svelte-15yozux {border-color:#436b1d;}.alviere-phone-input__wrapper--invalid.svelte-15yozux {border-color:#b3311f;}.alviere-phone-input__wrapper--warning.svelte-15yozux {border-color:#ffc107;}.alviere-phone-input__input.svelte-15yozux {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-phone-input__input.svelte-15yozux::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-phone-input__input.svelte-15yozux:disabled {cursor:not-allowed;color:#52525b;}.alviere-phone-input__input.svelte-15yozux:read-only {cursor:default;color:#3f3f46;}.alviere-phone-input__validation-messages.svelte-15yozux {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:2.5rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.25rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input.svelte-15yozux:focus-within .alviere-phone-input__wrapper:where(.svelte-15yozux):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-phone-input__character-count.svelte-15yozux {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#f4f4f5;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;color:#3f3f46;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;letter-spacing:0.05em;opacity:1;}.alviere-exp-input--sm.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-exp-input--lg.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {opacity:1;}.alviere-phone-input__success-message.svelte-15yozux {margin-top:0.25rem;font-size:1.125rem;color:#436b1d;line-height:1.25;}`
9590
+ .alviere-phone-input__wrapper--dirty.svelte-15yozux .alviere-currency-input__label:where(.svelte-15yozux) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-phone-input__wrapper--disabled.svelte-15yozux {background:#f4f4f5;cursor:not-allowed;}.alviere-phone-input__wrapper--readonly.svelte-15yozux {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-phone-input__wrapper--valid.svelte-15yozux {border-color:#436b1d;}.alviere-phone-input__wrapper--invalid.svelte-15yozux {border-color:#b3311f;}.alviere-phone-input__wrapper--warning.svelte-15yozux {border-color:#ffc107;}.alviere-phone-input__input.svelte-15yozux {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-phone-input__input.svelte-15yozux::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-phone-input__input.svelte-15yozux:disabled {cursor:not-allowed;color:#52525b;}.alviere-phone-input__input.svelte-15yozux:read-only {cursor:default;color:#3f3f46;}.alviere-phone-input__validation-messages.svelte-15yozux {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:2.5rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-phone-input--sm.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.25rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1rem;}.alviere-phone-input--md.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__wrapper:where(.svelte-15yozux) {min-height:3.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__input:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__textarea:where(.svelte-15yozux) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-phone-input--lg.svelte-15yozux .alviere-phone-input__label:where(.svelte-15yozux) {font-size:1.25rem;}.alviere-phone-input.svelte-15yozux:focus-within .alviere-phone-input__wrapper:where(.svelte-15yozux):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-phone-input__character-count.svelte-15yozux {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#f4f4f5;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;color:#3f3f46;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;letter-spacing:0.05em;opacity:1;}.alviere-exp-input--sm.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-exp-input--lg.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-phone-input__wrapper--focused.svelte-15yozux .alviere-phone-input__character-count:where(.svelte-15yozux) {opacity:1;}.alviere-phone-input__success-message.svelte-15yozux {margin-top:0.25rem;font-size:1.125rem;color:#436b1d;line-height:1.25;}.alviere-phone-input__help.svelte-15yozux {margin-top:0.25rem;font-size:0.75rem;color:#71717a;line-height:1.25;display:flex;align-items:flex-start;gap:0.25rem;}.alviere-phone-input__help.svelte-15yozux svg {width:1rem;height:1rem;}`
9590
9591
  };
9591
9592
  function PhoneInput($$anchor, $$props) {
9592
9593
  push($$props, true);
9593
9594
  append_styles$1($$anchor, $$css$h);
9594
9595
  let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Phone Number"), placeholder = prop($$props, "placeholder", 15, "Enter phone number"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "tel"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15);
9596
+ const fallbackId = `phone-input-${Math.random().toString(36).slice(2, 10)}`;
9597
+ const getInputId = () => id() || name() || fallbackId;
9598
+ const infoIcon = createElement(Info);
9595
9599
  function getEffectiveValidationSchema(schema) {
9596
9600
  return Object.keys(schema || {}).length > 0 ? schema : { phone: true };
9597
9601
  }
@@ -9967,61 +9971,87 @@ function PhoneInput($$anchor, $$props) {
9967
9971
  {
9968
9972
  var consequent_2 = ($$anchor2) => {
9969
9973
  var div_3 = root_3$b();
9974
+ var node_3 = child(div_3);
9975
+ html(node_3, () => infoIcon.outerHTML);
9976
+ var text_2 = sibling(node_3);
9977
+ reset(div_3);
9978
+ template_effect(
9979
+ ($0) => {
9980
+ set_attribute(div_3, "id", `${$0 ?? ""}-help`);
9981
+ set_text(text_2, ` ${helpText() ?? ""}`);
9982
+ },
9983
+ [getInputId]
9984
+ );
9970
9985
  append($$anchor2, div_3);
9971
9986
  };
9972
9987
  if_block(node_2, ($$render) => {
9973
- if (required() && baseInput.computed.effectiveValidationState === "neutral") $$render(consequent_2);
9988
+ if (helpText() && baseInput.state.validationState !== "invalid" && baseInput.state.validationState !== "warning") $$render(consequent_2);
9974
9989
  });
9975
9990
  }
9976
- var node_3 = sibling(node_2, 2);
9991
+ var node_4 = sibling(node_2, 2);
9977
9992
  {
9978
9993
  var consequent_3 = ($$anchor2) => {
9979
9994
  var div_4 = root_4$a();
9980
- var text_2 = sibling(child(div_4));
9981
- reset(div_4);
9982
- template_effect(() => {
9983
- set_attribute(div_4, "id", `${(id() || "pohne-input") ?? ""}-error`);
9984
- set_text(text_2, ` ${baseInput.state.errorMessage ?? ""}`);
9985
- });
9986
9995
  append($$anchor2, div_4);
9987
9996
  };
9988
- if_block(node_3, ($$render) => {
9989
- if (baseInput.state.validationState === "invalid") $$render(consequent_3);
9997
+ if_block(node_4, ($$render) => {
9998
+ if (required() && baseInput.computed.effectiveValidationState === "neutral") $$render(consequent_3);
9990
9999
  });
9991
10000
  }
9992
- var node_4 = sibling(node_3, 2);
10001
+ var node_5 = sibling(node_4, 2);
9993
10002
  {
9994
10003
  var consequent_4 = ($$anchor2) => {
9995
10004
  var div_5 = root_5$6();
9996
- var text_3 = child(div_5, true);
10005
+ var text_3 = sibling(child(div_5));
9997
10006
  reset(div_5);
9998
10007
  template_effect(() => {
9999
- set_attribute(div_5, "id", `${(id() || "phone-input") ?? ""}-warning`);
10000
- set_text(text_3, baseInput.state.errorMessage);
10008
+ set_attribute(div_5, "id", `${(id() || "pohne-input") ?? ""}-error`);
10009
+ set_text(text_3, ` ${baseInput.state.errorMessage ?? ""}`);
10001
10010
  });
10002
10011
  append($$anchor2, div_5);
10003
10012
  };
10004
- if_block(node_4, ($$render) => {
10005
- if (baseInput.state.validationState === "warning") $$render(consequent_4);
10013
+ if_block(node_5, ($$render) => {
10014
+ if (baseInput.state.validationState === "invalid") $$render(consequent_4);
10015
+ });
10016
+ }
10017
+ var node_6 = sibling(node_5, 2);
10018
+ {
10019
+ var consequent_5 = ($$anchor2) => {
10020
+ var div_6 = root_6$4();
10021
+ var text_4 = child(div_6, true);
10022
+ reset(div_6);
10023
+ template_effect(() => {
10024
+ set_attribute(div_6, "id", `${(id() || "phone-input") ?? ""}-warning`);
10025
+ set_text(text_4, baseInput.state.errorMessage);
10026
+ });
10027
+ append($$anchor2, div_6);
10028
+ };
10029
+ if_block(node_6, ($$render) => {
10030
+ if (baseInput.state.validationState === "warning") $$render(consequent_5);
10006
10031
  });
10007
10032
  }
10008
10033
  reset(div_2);
10009
10034
  reset(div);
10010
- template_effect(() => {
10011
- set_class(div, 1, `alviere-phone-input alviere-phone-input--${size() ?? ""}`, "svelte-15yozux");
10012
- set_class(div_1, 1, clsx(get$1(wrapperClasses)), "svelte-15yozux");
10013
- set_attribute(input, "id", id() || "phone-input");
10014
- set_attribute(input, "name", name());
10015
- set_attribute(input, "placeholder", baseInput.state.isFocused ? placeholder() : "");
10016
- set_value(input, value());
10017
- input.required = required();
10018
- input.disabled = disabled();
10019
- input.readOnly = readonly();
10020
- set_attribute(input, "autocomplete", autocomplete());
10021
- set_attribute(input, "maxlength", get$1(maxLength));
10022
- set_class(input, 1, `alviere-phone-input__input alviere-phone-input__input--${size() ?? ""}`, "svelte-15yozux");
10023
- set_attribute(input, "aria-describedby", baseInput.state.validationState === "invalid" ? `${id() || "phone-input"}-error` : baseInput.state.validationState === "warning" ? `${id() || "phone-input"}-warning` : void 0);
10024
- });
10035
+ template_effect(
10036
+ ($0) => {
10037
+ set_class(div, 1, `alviere-phone-input alviere-phone-input--${size() ?? ""}`, "svelte-15yozux");
10038
+ set_class(div_1, 1, clsx(get$1(wrapperClasses)), "svelte-15yozux");
10039
+ set_attribute(input, "id", id() || "phone-input");
10040
+ set_attribute(input, "name", name());
10041
+ set_attribute(input, "placeholder", baseInput.state.isFocused ? placeholder() : "");
10042
+ set_value(input, value());
10043
+ input.required = required();
10044
+ input.disabled = disabled();
10045
+ input.readOnly = readonly();
10046
+ set_attribute(input, "autocomplete", autocomplete());
10047
+ set_attribute(input, "maxlength", get$1(maxLength));
10048
+ set_class(input, 1, `alviere-phone-input__input alviere-phone-input__input--${size() ?? ""}`, "svelte-15yozux");
10049
+ set_attribute(input, "aria-describedby", $0);
10050
+ },
10051
+ [
10052
+ () => baseInput.state.validationState === "invalid" ? `${id() || "phone-input"}-error` : baseInput.state.validationState === "warning" ? `${id() || "phone-input"}-warning` : helpText() ? `${getInputId()}-help` : void 0
10053
+ ]
10054
+ );
10025
10055
  event$1("focus", input, handleFocus);
10026
10056
  event$1("blur", input, handleBlur);
10027
10057
  append($$anchor, div);
@@ -11201,10 +11231,10 @@ var root_1$b = /* @__PURE__ */ from_html(`<label class="alviere-ein-input__label
11201
11231
  var root_2$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__required svelte-w5ixut">Required</div>`);
11202
11232
  var root_3$8 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__error svelte-w5ixut" 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>`);
11203
11233
  var root_4$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__warning svelte-w5ixut" role="status"> </div>`);
11204
- var root$b = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/> <span class="alviere-ein-input__format-hint svelte-w5ixut">XX-XXXXXXX</span></div> <div class="alviere-ein-input__validation-messages svelte-w5ixut"><!> <!> <!></div></div>`);
11234
+ var root$b = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/></div> <div class="alviere-ein-input__validation-messages svelte-w5ixut"><!> <!> <!></div></div>`);
11205
11235
  const $$css$e = {
11206
11236
  hash: "svelte-w5ixut",
11207
- 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-ein-input.svelte-w5ixut {position:relative;width:100%;}.alviere-ein-input__label.svelte-w5ixut {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-ein-input__required.svelte-w5ixut {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);}.alviere-ein-input__error.svelte-w5ixut {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-ein-input__warning.svelte-w5ixut {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-ein-input__wrapper.svelte-w5ixut {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-ein-input__wrapper--focused.svelte-w5ixut {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-w5ixut),
11237
+ 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-ein-input.svelte-w5ixut {position:relative;width:100%;}.alviere-ein-input__label.svelte-w5ixut {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-ein-input__required.svelte-w5ixut {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);}.alviere-ein-input__error.svelte-w5ixut {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-ein-input__warning.svelte-w5ixut {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-ein-input__wrapper.svelte-w5ixut {position:relative;display:flex;align-items:"flex-start";background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-ein-input__wrapper--focused.svelte-w5ixut {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-w5ixut),
11208
11238
  .alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-w5ixut),
11209
11239
  .alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-date-of-birth-input__label:where(.svelte-w5ixut),
11210
11240
  .alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-ein-input__label:where(.svelte-w5ixut),
@@ -11219,13 +11249,13 @@ const $$css$e = {
11219
11249
  .alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-date-of-birth-input__label:where(.svelte-w5ixut),
11220
11250
  .alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut),
11221
11251
  .alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-search-select__label:where(.svelte-w5ixut),
11222
- .alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-currency-input__label:where(.svelte-w5ixut) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-ein-input__wrapper--disabled.svelte-w5ixut {background:#f4f4f5;cursor:not-allowed;}.alviere-ein-input__wrapper--readonly.svelte-w5ixut {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-ein-input__wrapper--valid.svelte-w5ixut {border-color:#436b1d;}.alviere-ein-input__wrapper--invalid.svelte-w5ixut {border-color:#b3311f;}.alviere-ein-input__wrapper--warning.svelte-w5ixut {border-color:#ffc107;}.alviere-ein-input__input.svelte-w5ixut {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-ein-input__input.svelte-w5ixut::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-ein-input__input.svelte-w5ixut:disabled {cursor:not-allowed;color:#52525b;}.alviere-ein-input__input.svelte-w5ixut:read-only {cursor:default;color:#3f3f46;}.alviere-ein-input__validation-messages.svelte-w5ixut {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:2.5rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut) {font-size:1rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:3.25rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.25rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:3.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut) {font-size:1.25rem;}.alviere-ein-input.svelte-w5ixut:focus-within .alviere-ein-input__wrapper:where(.svelte-w5ixut):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-ein-input__input.svelte-w5ixut {letter-spacing:0.06em;}.alviere-ein-input__format-hint.svelte-w5ixut {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#f4f4f5;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;color:#52525b;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;letter-spacing:0.08em;opacity:0.85;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-ein-input__wrapper--focused.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {opacity:1;}.alviere-ein-input__wrapper--disabled.svelte-w5ixut + .alviere-ein-input__validation-messages:where(.svelte-w5ixut) .alviere-ein-input__required:where(.svelte-w5ixut), .alviere-ein-input__wrapper--readonly.svelte-w5ixut + .alviere-ein-input__validation-messages:where(.svelte-w5ixut) .alviere-ein-input__required:where(.svelte-w5ixut) {opacity:0.6;}`
11252
+ .alviere-ein-input__wrapper--dirty.svelte-w5ixut .alviere-currency-input__label:where(.svelte-w5ixut) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-ein-input__wrapper--disabled.svelte-w5ixut {background:#f4f4f5;cursor:not-allowed;}.alviere-ein-input__wrapper--readonly.svelte-w5ixut {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-ein-input__wrapper--valid.svelte-w5ixut {border-color:#436b1d;}.alviere-ein-input__wrapper--invalid.svelte-w5ixut {border-color:#b3311f;}.alviere-ein-input__wrapper--warning.svelte-w5ixut {border-color:#ffc107;}.alviere-ein-input__input.svelte-w5ixut {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-ein-input__input.svelte-w5ixut::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-ein-input__input.svelte-w5ixut:disabled {cursor:not-allowed;color:#52525b;}.alviere-ein-input__input.svelte-w5ixut:read-only {cursor:default;color:#3f3f46;}.alviere-ein-input__validation-messages.svelte-w5ixut {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:2.5rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut) {font-size:1rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:3.25rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1rem;}.alviere-ein-input--md.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.25rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__wrapper:where(.svelte-w5ixut) {min-height:3.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__input:where(.svelte-w5ixut) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__textarea:where(.svelte-w5ixut) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__label:where(.svelte-w5ixut) {font-size:1.25rem;}.alviere-ein-input.svelte-w5ixut:focus-within .alviere-ein-input__wrapper:where(.svelte-w5ixut):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-ein-input__input.svelte-w5ixut {letter-spacing:0.06em;}.alviere-ein-input__format-hint.svelte-w5ixut {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#f4f4f5;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;color:#52525b;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;letter-spacing:0.08em;opacity:0.85;}.alviere-ein-input--sm.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-ein-input--lg.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-ein-input__wrapper--focused.svelte-w5ixut .alviere-ein-input__format-hint:where(.svelte-w5ixut) {opacity:1;}.alviere-ein-input__wrapper--disabled.svelte-w5ixut + .alviere-ein-input__validation-messages:where(.svelte-w5ixut) .alviere-ein-input__required:where(.svelte-w5ixut), .alviere-ein-input__wrapper--readonly.svelte-w5ixut + .alviere-ein-input__validation-messages:where(.svelte-w5ixut) .alviere-ein-input__required:where(.svelte-w5ixut) {opacity:0.6;}`
11223
11253
  };
11224
11254
  function EinInput($$anchor, $$props) {
11225
11255
  push($$props, true);
11226
11256
  append_styles$1($$anchor, $$css$e);
11227
11257
  const MAX_EIN_DIGITS = 9;
11228
- let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "EIN"), placeholder = prop($$props, "placeholder", 15, "XX-XXXXXXX"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "off"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15);
11258
+ let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "EIN"), placeholder = prop($$props, "placeholder", 15, "XX-XXXXXXX"), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), autocomplete = prop($$props, "autocomplete", 15, "off"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), invalidFormatMessage = prop($$props, "invalidFormatMessage", 15, "Please enter a valid EIN (XX-XXXXXXX)"), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15);
11229
11259
  function toEinDigits(input) {
11230
11260
  return (input || "").replace(/\D/g, "").slice(0, MAX_EIN_DIGITS);
11231
11261
  }
@@ -11277,11 +11307,9 @@ function EinInput($$anchor, $$props) {
11277
11307
  componentType: "general",
11278
11308
  customValidator: (val) => {
11279
11309
  const digits = toEinDigits(val);
11310
+ const invalidEinMessage = typeof invalidFormatMessage() === "string" && invalidFormatMessage().trim().length > 0 ? invalidFormatMessage().trim() : "Please enter a valid EIN (XX-XXXXXXX)";
11280
11311
  if (digits.length > 0 && digits.length !== MAX_EIN_DIGITS) {
11281
- return {
11282
- isValid: false,
11283
- error: "Please enter a valid EIN (XX-XXXXXXX)"
11284
- };
11312
+ return { isValid: false, error: invalidEinMessage };
11285
11313
  }
11286
11314
  const result = validateWithSchema(digits, validationSchema(), label());
11287
11315
  return { isValid: result.isValid, error: result.firstError };
@@ -11578,6 +11606,13 @@ function EinInput($$anchor, $$props) {
11578
11606
  validationSchema($$value);
11579
11607
  flushSync();
11580
11608
  },
11609
+ get invalidFormatMessage() {
11610
+ return invalidFormatMessage();
11611
+ },
11612
+ set invalidFormatMessage($$value = "Please enter a valid EIN (XX-XXXXXXX)") {
11613
+ invalidFormatMessage($$value);
11614
+ flushSync();
11615
+ },
11581
11616
  get oninput() {
11582
11617
  return oninput();
11583
11618
  },
@@ -11637,7 +11672,6 @@ function EinInput($$anchor, $$props) {
11637
11672
  var _a2;
11638
11673
  return (_a2 = baseInput == null ? void 0 : baseInput.state) == null ? void 0 : _a2.inputElement;
11639
11674
  });
11640
- next(2);
11641
11675
  reset(div_1);
11642
11676
  var div_2 = sibling(div_1, 2);
11643
11677
  var node_1 = child(div_2);
@@ -11733,6 +11767,7 @@ customElements.define("alviere-ein-input", create_custom_element(
11733
11767
  errorMessage: {},
11734
11768
  helpText: {},
11735
11769
  validationSchema: {},
11770
+ invalidFormatMessage: {},
11736
11771
  oninput: {},
11737
11772
  onchange: {},
11738
11773
  onfocus: {},
@@ -12614,6 +12649,92 @@ const initFlowCore = flowCoreStore.init;
12614
12649
  flowCoreStore.updateJwt;
12615
12650
  const resetFlowCore = flowCoreStore.reset;
12616
12651
  flowCoreStore.getCore;
12652
+ function toNonEmptyString$2(value) {
12653
+ if (typeof value !== "string") return void 0;
12654
+ const trimmed = value.trim();
12655
+ return trimmed.length > 0 ? trimmed : void 0;
12656
+ }
12657
+ function hasEnabledSimpleRule(value) {
12658
+ return value === true || typeof value === "string";
12659
+ }
12660
+ function withMessageOnLengthRule(rule, message) {
12661
+ return typeof rule === "number" ? { value: rule, message } : { ...rule, message };
12662
+ }
12663
+ function withMessageOnNumericRule(rule, message) {
12664
+ return typeof rule === "number" ? { value: rule, message } : { ...rule, message };
12665
+ }
12666
+ function withMessageOnPostalRule(rule, message) {
12667
+ if (typeof rule === "boolean") {
12668
+ return { message };
12669
+ }
12670
+ if (typeof rule === "string") {
12671
+ return { country: rule, message };
12672
+ }
12673
+ return { ...rule, message };
12674
+ }
12675
+ function withMessageOnDateRule(rule, message) {
12676
+ if (typeof rule === "string") {
12677
+ return message;
12678
+ }
12679
+ if (typeof rule === "boolean") {
12680
+ return { message };
12681
+ }
12682
+ return { ...rule, message };
12683
+ }
12684
+ function applyValidationMessageOverrides(schema, fieldOverrides) {
12685
+ if (!fieldOverrides) return schema;
12686
+ const overrides = Object.entries(fieldOverrides).filter(
12687
+ ([, message]) => toNonEmptyString$2(message) !== void 0
12688
+ );
12689
+ if (!overrides.length) return schema;
12690
+ const nextSchema = { ...schema };
12691
+ const simpleRuleKeys = ["required", "email", "phone", "url", "numeric", "alphabetic", "alphanumeric", "uuid"];
12692
+ for (const ruleKey of simpleRuleKeys) {
12693
+ const overrideMessage = toNonEmptyString$2(fieldOverrides[ruleKey]);
12694
+ if (!overrideMessage) continue;
12695
+ if (!hasEnabledSimpleRule(schema[ruleKey])) continue;
12696
+ nextSchema[ruleKey] = overrideMessage;
12697
+ }
12698
+ const patternMessage = toNonEmptyString$2(fieldOverrides.pattern);
12699
+ if (patternMessage && schema.pattern) {
12700
+ nextSchema.pattern = {
12701
+ ...schema.pattern,
12702
+ message: patternMessage
12703
+ };
12704
+ }
12705
+ const minLengthMessage = toNonEmptyString$2(fieldOverrides.minLength);
12706
+ if (minLengthMessage && schema.minLength !== void 0) {
12707
+ nextSchema.minLength = withMessageOnLengthRule(schema.minLength, minLengthMessage);
12708
+ }
12709
+ const maxLengthMessage = toNonEmptyString$2(fieldOverrides.maxLength);
12710
+ if (maxLengthMessage && schema.maxLength !== void 0) {
12711
+ nextSchema.maxLength = withMessageOnLengthRule(schema.maxLength, maxLengthMessage);
12712
+ }
12713
+ const minValueMessage = toNonEmptyString$2(fieldOverrides.minValue);
12714
+ if (minValueMessage && schema.minValue !== void 0) {
12715
+ nextSchema.minValue = withMessageOnNumericRule(schema.minValue, minValueMessage);
12716
+ }
12717
+ const maxValueMessage = toNonEmptyString$2(fieldOverrides.maxValue);
12718
+ if (maxValueMessage && schema.maxValue !== void 0) {
12719
+ nextSchema.maxValue = withMessageOnNumericRule(schema.maxValue, maxValueMessage);
12720
+ }
12721
+ const postalCodeMessage = toNonEmptyString$2(fieldOverrides.postalCode);
12722
+ if (postalCodeMessage && schema.postalCode) {
12723
+ nextSchema.postalCode = withMessageOnPostalRule(schema.postalCode, postalCodeMessage);
12724
+ }
12725
+ const dateMessage = toNonEmptyString$2(fieldOverrides.date);
12726
+ if (dateMessage && schema.date) {
12727
+ nextSchema.date = withMessageOnDateRule(schema.date, dateMessage);
12728
+ }
12729
+ const matchMessage = toNonEmptyString$2(fieldOverrides.match);
12730
+ if (matchMessage && schema.match) {
12731
+ nextSchema.match = {
12732
+ ...schema.match,
12733
+ message: matchMessage
12734
+ };
12735
+ }
12736
+ return nextSchema;
12737
+ }
12617
12738
  function createBaseFormMixin(options) {
12618
12739
  const {
12619
12740
  jwt: initialJwt = "",
@@ -12629,6 +12750,7 @@ function createBaseFormMixin(options) {
12629
12750
  submitHandler,
12630
12751
  customValidator,
12631
12752
  fieldSchemas = {},
12753
+ fieldErrorMessages,
12632
12754
  formName = "UnknownForm",
12633
12755
  stepType = "FORM_STEP",
12634
12756
  stepIndex,
@@ -12788,6 +12910,7 @@ function createBaseFormMixin(options) {
12788
12910
  uiLogger.info(`⚡️ Dispatched ${ComponentEvents.FORM_RESET} event from ${formName}:`, resetDetail);
12789
12911
  }
12790
12912
  const resolveFieldSchemas = () => typeof fieldSchemas === "function" ? fieldSchemas() : fieldSchemas;
12913
+ const resolveFieldErrorMessages = () => typeof fieldErrorMessages === "function" ? fieldErrorMessages() ?? {} : fieldErrorMessages ?? {};
12791
12914
  function setFieldValue(name, value) {
12792
12915
  get$1(formData)[name] = value;
12793
12916
  set(isDirty, true);
@@ -12829,7 +12952,9 @@ function createBaseFormMixin(options) {
12829
12952
  if (!schema) {
12830
12953
  return true;
12831
12954
  }
12832
- const result = validateWithSchema(value, schema, name);
12955
+ const fieldOverrides = resolveFieldErrorMessages()[name];
12956
+ const schemaWithMessageOverrides = applyValidationMessageOverrides(schema, fieldOverrides);
12957
+ const result = validateWithSchema(value, schemaWithMessageOverrides, name);
12833
12958
  if (result.isValid) {
12834
12959
  clearFieldError(name);
12835
12960
  return true;
@@ -13155,8 +13280,8 @@ function createAccountStatusGuard(config) {
13155
13280
  notifyBarrier
13156
13281
  };
13157
13282
  }
13158
- const INDIVIDUAL_PAYER = { "profileId": "INDIVIDUAL_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_CONSUMER_ACCOUNT", "fields": { "first_name": { "required": "First Name is required", "alphabetic": true }, "last_name": { "required": "Last Name is required", "alphabetic": true }, "email_address": { "required": "Email Address is required", "email": true } }, "fieldMeta": { "first_name": { "label": "First Name" }, "last_name": { "label": "Last Name" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "consumer_information" }, "layout": [{ "label": "Peronal Information", "group": "consumer_information", "rows": [{ "fields": ["first_name", "last_name"] }, { "fields": ["email_address"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 2e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true } }, { "type": "CHECKOUT_CONFIRM", "config": { "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_DEBIT_AUTHORIZATION" }] } } }] };
13159
- const BUSINESS_PAYER = { "profileId": "BUSINESS_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_name": { "required": "Business Name is required", "alphabetic": true }, "business_type": { "required": "Business Type is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "ein": {} }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "business_information" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["ein"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true } }, { "type": "CHECKOUT_CONFIRM", "config": { "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_DEBIT_AUTHORIZATION" }] } } }] };
13283
+ const INDIVIDUAL_PAYER = { "profileId": "INDIVIDUAL_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_CONSUMER_ACCOUNT", "fields": { "first_name": { "required": "First Name is required", "alphabetic": true }, "last_name": { "required": "Last Name is required", "alphabetic": true }, "email_address": { "required": "Email Address is required", "email": true } }, "fieldMeta": { "first_name": { "label": "First Name" }, "last_name": { "label": "Last Name" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "consumer_information" }, "layout": [{ "label": "Personal Information", "group": "consumer_information", "rows": [{ "fields": ["first_name", "last_name"] }, { "fields": ["email_address"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 2e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true } }, { "type": "CHECKOUT_CONFIRM", "config": { "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_INDIVIDUAL_PAYER" }] } } }] };
13284
+ const BUSINESS_PAYER = { "profileId": "BUSINESS_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_name": { "required": "Business Name is required", "alphabetic": true }, "business_type": { "required": "Business Type is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "ein": {} }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "business_information" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["ein"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true } }, { "type": "CHECKOUT_CONFIRM", "config": { "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_BUSINESS_PAYER" }] } } }] };
13160
13285
  const PAYEE = { "profileId": "PAYEE", "config": { "labels": { "finalText": "Process complete" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_type": { "required": "Business Type is required" }, "business_name": { "required": "Business Name is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "nature_of_business": { "required": "Nature of Business is required", "numeric": "Nature of Business must only contain numbers", "minValue": { "value": 11, "message": "Nature of Business must be between 11 and 999999" }, "maxValue": { "value": 999999, "message": "Nature of Business must be between 11 and 999999" } }, "ein": { "required": "EIN is required", "numeric": "EIN must only contain numbers" }, "email_address": { "email": true }, "phone_number": { "phone": true }, "website": { "url": true }, "line_1": { "required": "Address Line 1 is required", "pattern": { "regex": "^.{2,40}$", "message": "Address Line 1 must be between 2 and 40 characters" } }, "line_2": { "pattern": { "regex": "^.{1,30}$", "message": "Address Line 2 must be between 1 and 30 characters" } }, "city": { "required": "City is required" }, "state": { "required": "State is required" }, "postal_code": { "required": "Postal Code is required", "pattern": { "regex": "^.{5,9}$", "message": "Postal Code must be between 5 and 9 characters" } } }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "nature_of_business": { "label": "Nature of Business (NAICS)" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "phone_number": { "label": "Phone Number" }, "website": { "label": "Website" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State" }, "postal_code": { "label": "Postal Code" } }, "config": { "labels": { "createAccountLabel": "Create Account", "creatingAccountLabel": "Creating Account...", "updateAccountLabel": "Update Account", "updatingAccountLabel": "Updating Account..." }, "groups": { "information": "business_information", "primary_address": "primary_address" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["nature_of_business", "ein"] }, { "fields": ["email_address", "phone_number"] }, { "fields": ["website"] }] }, { "label": "Address", "group": "primary_address", "rows": [{ "fields": ["line_1"] }, { "fields": ["line_2"] }, { "fields": ["city", "state"] }, { "fields": ["postal_code"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE", "CREATED"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "START_ONBOARDING", "config": { "legalTexts": { "required": true, "documents": [{ "type": "TERMS_AND_CONDITIONS" }, { "type": "PRIVACY_POLICY" }] }, "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Manual review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" } }, "config": { "labels": { "finalizeButton": "Finalize Onboarding" }, "requireRoutingAndAccountConfirmation": true } }] };
13161
13286
  const recipesJson = {
13162
13287
  INDIVIDUAL_PAYER,
@@ -13706,17 +13831,44 @@ function getPendingUserAction(reason, options) {
13706
13831
  }
13707
13832
  return applyRequestedFields(result, options);
13708
13833
  }
13834
+ function toNonEmptyString$1(value) {
13835
+ if (typeof value !== "string") return void 0;
13836
+ const trimmed = value.trim();
13837
+ return trimmed.length > 0 ? trimmed : void 0;
13838
+ }
13839
+ function resolveFieldLabel(fieldKey, options) {
13840
+ var _a2, _b, _c, _d, _e, _f;
13841
+ return toNonEmptyString$1((_a2 = options.componentFieldLabels) == null ? void 0 : _a2[fieldKey]) || toNonEmptyString$1((_c = (_b = options.componentFieldMeta) == null ? void 0 : _b[fieldKey]) == null ? void 0 : _c.label) || toNonEmptyString$1((_e = (_d = options.recipeFieldMeta) == null ? void 0 : _d[fieldKey]) == null ? void 0 : _e.label) || toNonEmptyString$1((_f = options.defaultFieldLabels) == null ? void 0 : _f[fieldKey]) || fieldKey;
13842
+ }
13843
+ function resolveFieldHelpText(fieldKey, options) {
13844
+ var _a2, _b, _c, _d, _e;
13845
+ return toNonEmptyString$1((_b = (_a2 = options.componentFieldMeta) == null ? void 0 : _a2[fieldKey]) == null ? void 0 : _b.helpText) || toNonEmptyString$1((_d = (_c = options.recipeFieldMeta) == null ? void 0 : _c[fieldKey]) == null ? void 0 : _d.helpText) || toNonEmptyString$1((_e = options.defaultFieldHelpText) == null ? void 0 : _e[fieldKey]) || "";
13846
+ }
13847
+ function toNonEmptyString(value) {
13848
+ if (typeof value !== "string") return void 0;
13849
+ const trimmed = value.trim();
13850
+ return trimmed.length > 0 ? trimmed : void 0;
13851
+ }
13852
+ function resolveLabel(labelKey, options) {
13853
+ var _a2, _b;
13854
+ return toNonEmptyString((_a2 = options.componentLabels) == null ? void 0 : _a2[labelKey]) || toNonEmptyString((_b = options.recipeLabels) == null ? void 0 : _b[labelKey]) || options.fallback;
13855
+ }
13856
+ function resolveGroupLabel(groupKey, options) {
13857
+ var _a2, _b, _c;
13858
+ return toNonEmptyString((_a2 = options.componentGroupLabels) == null ? void 0 : _a2[groupKey]) || toNonEmptyString((_b = options.componentLabels) == null ? void 0 : _b[`group.${groupKey}`]) || toNonEmptyString((_c = options.recipeLabels) == null ? void 0 : _c[`group.${groupKey}`]) || options.fallback;
13859
+ }
13709
13860
  var root_1$9 = /* @__PURE__ */ from_html(`<h2 class="svelte-oq2xej"> </h2>`);
13710
13861
  var root_2$5 = /* @__PURE__ */ from_html(`<div><alviere-spinner><span slot="message"><!></span></alviere-spinner></div>`, 2);
13711
13862
  var root_13$2 = /* @__PURE__ */ from_html(`<div class="form-row svelte-oq2xej"></div>`);
13712
13863
  var root_11$1 = /* @__PURE__ */ from_html(`<div class="form-section svelte-oq2xej"><h3 class="svelte-oq2xej"> </h3> <!></div>`);
13713
- var root_24$1 = /* @__PURE__ */ from_html(`<span class="validation-info svelte-oq2xej"> </span>`);
13714
- var root_25$1 = /* @__PURE__ */ from_html(`<p><span class="validation-hint svelte-oq2xej">Please fill in all required fields to continue</span></p>`);
13715
- var root_26 = /* @__PURE__ */ from_html(`<span class="validation-error">Please fix the errors above</span>`);
13716
- var root$9 = /* @__PURE__ */ from_html(`<div class="alviere-create-account svelte-oq2xej"><!> <!> <form novalidate=""><!> <div class="form-actions svelte-oq2xej"><div class="form-status svelte-oq2xej"><!> <!> <!></div> <alviere-button><!></alviere-button></div></form></div>`, 2);
13864
+ var root_25 = /* @__PURE__ */ from_html(`<span class="validation-info svelte-oq2xej"> </span>`);
13865
+ var root_26$1 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-oq2xej"> </span>`);
13866
+ var root_28 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-oq2xej"> </span>`);
13867
+ var root_24$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
13868
+ var root$9 = /* @__PURE__ */ from_html(`<div class="alviere-create-account svelte-oq2xej"><!> <!> <form novalidate=""><!> <div class="form-actions svelte-oq2xej"><div class="form-status svelte-oq2xej"><!></div> <alviere-button><!></alviere-button></div></form></div>`, 2);
13717
13869
  const $$css$c = {
13718
13870
  hash: "svelte-oq2xej",
13719
- 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-create-account.svelte-oq2xej {max-width:100%;margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;position:relative;}.spinner-container.svelte-oq2xej {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;}.spinner-standalone.svelte-oq2xej {position:relative !important;min-height:200px;display:flex;align-items:center;justify-content:center;}h2.svelte-oq2xej {color:#333;margin-bottom:20px;text-align:center;}h3.svelte-oq2xej {color:#555;margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:5px;}.form-section.svelte-oq2xej {margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px;}.form-row.svelte-oq2xej {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding-bottom:1rem;}.form-status.svelte-oq2xej {margin-bottom:1rem;text-align:center;font-size:1.125rem;}.validation-hint.svelte-oq2xej {color:#6b7280;font-size:0.875rem;font-style:italic;}.validation-info.svelte-oq2xej {color:#6b7280;font-size:0.875rem;font-style:italic;}.form-actions.svelte-oq2xej {margin-top:24px;text-align:center;}`
13871
+ 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-create-account.svelte-oq2xej {max-width:100%;margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;position:relative;}.spinner-container.svelte-oq2xej {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;}.spinner-standalone.svelte-oq2xej {position:relative !important;min-height:200px;display:flex;align-items:center;justify-content:center;}h2.svelte-oq2xej {color:#333;margin-bottom:20px;text-align:center;}h3.svelte-oq2xej {color:#555;margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:5px;}.form-section.svelte-oq2xej {margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px;}.form-row.svelte-oq2xej {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding-bottom:1rem;}.form-status.svelte-oq2xej {margin-bottom:1rem;text-align:center;font-size:1.125rem;}.validation-hint.svelte-oq2xej {color:#6b7280;font-size:0.875rem;font-style:italic;}.validation-info.svelte-oq2xej {color:#6b7280;font-size:0.875rem;font-style:italic;}.validation-error.svelte-oq2xej {color:#b3311f;font-size:1.125rem;font-weight:500;margin-top:0.25rem;}.form-actions.svelte-oq2xej {margin-top:24px;text-align:center;}`
13720
13872
  };
13721
13873
  function CreateAccount($$anchor, $$props) {
13722
13874
  push($$props, true);
@@ -13751,7 +13903,6 @@ function CreateAccount($$anchor, $$props) {
13751
13903
  var _3;
13752
13904
  var _4;
13753
13905
  var _5;
13754
- var _6;
13755
13906
  let config = prop($$props, "config", 31, () => proxy({})), jwt = prop($$props, "jwt", 7, ""), debug = prop($$props, "debug", 7, false), publicCertificate = prop($$props, "publicCertificate", 7, ""), publicCertificateId = prop($$props, "publicCertificateId", 7, ""), businessUuid = prop($$props, "businessUuid", 7, ""), isInFlow = prop($$props, "isInFlow", 15, false), _profile = prop($$props, "profile", 15, ""), stepConfig = prop($$props, "stepConfig", 31, () => proxy({}));
13756
13907
  uiLogger.info("config", config());
13757
13908
  let isBusinessAccount = /* @__PURE__ */ state(proxy(((_b = (_a2 = config().formData) === null || _a2 === void 0 ? void 0 : _a2.information) === null || _b === void 0 ? void 0 : _b.business_information) ? true : false));
@@ -13796,22 +13947,49 @@ function CreateAccount($$anchor, $$props) {
13796
13947
  let initialFormData = /* @__PURE__ */ user_derived(buildInitialFormData);
13797
13948
  const defaultFieldSchemas = /* @__PURE__ */ user_derived(() => get$1(currentAccountConfig).fieldSchemas);
13798
13949
  const fieldSchemas = /* @__PURE__ */ user_derived(() => Object.assign(Object.assign({}, get$1(defaultFieldSchemas)), (stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().fields) || get$1(resolvedProfileFields)() || {}));
13950
+ const defaultBarrierTitle = "Manual review in progress";
13951
+ const defaultBarrierMessage = "Your account is currently under manual review. You will be able to continue once the review is complete.";
13799
13952
  const defaultStatusPolicy = {
13800
13953
  allowedStatusesForNextStep: ["ACTIVE"],
13801
- barrierStatuses: [],
13802
- barrierTitle: "Manual review in progress",
13803
- barrierMessage: "Your account is currently under manual review. You will be able to continue once the review is complete."
13954
+ barrierStatuses: []
13804
13955
  };
13805
13956
  const statusPolicy = /* @__PURE__ */ user_derived(() => ({
13806
13957
  allowedStatusesForNextStep: ((_e = (_d = (_c = get$1(resolvedProfileRecipe)()) === null || _c === void 0 ? void 0 : _c.config) === null || _d === void 0 ? void 0 : _d.statusPolicy) === null || _e === void 0 ? void 0 : _e.allowedStatusesForNextStep) || defaultStatusPolicy.allowedStatusesForNextStep,
13807
13958
  barrierStatuses: ((_g = (_f = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _f === void 0 ? void 0 : _f.statusPolicy) === null || _g === void 0 ? void 0 : _g.barrierStatuses) || ((_k = (_j = (_h = get$1(resolvedProfileRecipe)()) === null || _h === void 0 ? void 0 : _h.config) === null || _j === void 0 ? void 0 : _j.statusPolicy) === null || _k === void 0 ? void 0 : _k.barrierStatuses) || defaultStatusPolicy.barrierStatuses,
13808
- barrierTitle: ((_m = (_l = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _l === void 0 ? void 0 : _l.statusPolicy) === null || _m === void 0 ? void 0 : _m.barrierTitle) || ((_q = (_p = (_o = get$1(resolvedProfileRecipe)()) === null || _o === void 0 ? void 0 : _o.config) === null || _p === void 0 ? void 0 : _p.statusPolicy) === null || _q === void 0 ? void 0 : _q.barrierTitle) || defaultStatusPolicy.barrierTitle,
13809
- barrierMessage: ((_s = (_r = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _r === void 0 ? void 0 : _r.statusPolicy) === null || _s === void 0 ? void 0 : _s.barrierMessage) || ((_v = (_u = (_t = get$1(resolvedProfileRecipe)()) === null || _t === void 0 ? void 0 : _t.config) === null || _u === void 0 ? void 0 : _u.statusPolicy) === null || _v === void 0 ? void 0 : _v.barrierMessage) || defaultStatusPolicy.barrierMessage,
13959
+ barrierTitle: ((_m = (_l = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _l === void 0 ? void 0 : _l.statusPolicy) === null || _m === void 0 ? void 0 : _m.barrierTitle) || ((_q = (_p = (_o = get$1(resolvedProfileRecipe)()) === null || _o === void 0 ? void 0 : _o.config) === null || _p === void 0 ? void 0 : _p.statusPolicy) === null || _q === void 0 ? void 0 : _q.barrierTitle) || defaultBarrierTitle,
13960
+ barrierMessage: ((_s = (_r = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _r === void 0 ? void 0 : _r.statusPolicy) === null || _s === void 0 ? void 0 : _s.barrierMessage) || ((_v = (_u = (_t = get$1(resolvedProfileRecipe)()) === null || _t === void 0 ? void 0 : _t.config) === null || _u === void 0 ? void 0 : _u.statusPolicy) === null || _v === void 0 ? void 0 : _v.barrierMessage) || defaultBarrierMessage,
13810
13961
  barrierDescription: ((_x = (_w = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _w === void 0 ? void 0 : _w.statusPolicy) === null || _x === void 0 ? void 0 : _x.barrierDescription) || ((_0 = (_z = (_y = get$1(resolvedProfileRecipe)()) === null || _y === void 0 ? void 0 : _y.config) === null || _z === void 0 ? void 0 : _z.statusPolicy) === null || _0 === void 0 ? void 0 : _0.barrierDescription) || defaultStatusPolicy.barrierDescription,
13811
13962
  polling: Object.assign(Object.assign({}, ((_3 = (_2 = (_1 = get$1(resolvedProfileRecipe)()) === null || _1 === void 0 ? void 0 : _1.config) === null || _2 === void 0 ? void 0 : _2.statusPolicy) === null || _3 === void 0 ? void 0 : _3.polling) || {}), ((_5 = (_4 = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _4 === void 0 ? void 0 : _4.statusPolicy) === null || _5 === void 0 ? void 0 : _5.polling) || {})
13812
13963
  }));
13813
13964
  const pollingConfig = /* @__PURE__ */ user_derived(() => get$1(statusPolicy).polling);
13814
- const fieldMeta = /* @__PURE__ */ user_derived(() => ((_6 = get$1(resolvedProfileRecipe)()) === null || _6 === void 0 ? void 0 : _6.fieldMeta) || {});
13965
+ const recipeFieldMeta = /* @__PURE__ */ user_derived(() => () => {
13966
+ var _a3;
13967
+ return ((_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.fieldMeta) || {};
13968
+ });
13969
+ const componentFieldMeta = /* @__PURE__ */ user_derived(() => () => {
13970
+ var _a3;
13971
+ return Object.assign(Object.assign(Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldMeta) || {}), (stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().fieldMeta) || {}), ((_a3 = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _a3 === void 0 ? void 0 : _a3.fieldMeta) || {});
13972
+ });
13973
+ const componentFieldLabels = /* @__PURE__ */ user_derived(() => () => {
13974
+ var _a3;
13975
+ return Object.assign(Object.assign(Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldLabels) || {}), (stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().fieldLabels) || {}), ((_a3 = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _a3 === void 0 ? void 0 : _a3.fieldLabels) || {});
13976
+ });
13977
+ const fieldErrorMessages = /* @__PURE__ */ user_derived(() => () => {
13978
+ var _a3;
13979
+ return Object.assign(Object.assign(Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldErrorMessages) || {}), (stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().fieldErrorMessages) || {}), ((_a3 = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _a3 === void 0 ? void 0 : _a3.fieldErrorMessages) || {});
13980
+ });
13981
+ const componentLabels = /* @__PURE__ */ user_derived(() => () => {
13982
+ var _a3;
13983
+ return Object.assign(Object.assign(Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().labels) || {}), (stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().labels) || {}), ((_a3 = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _a3 === void 0 ? void 0 : _a3.labels) || {});
13984
+ });
13985
+ const componentGroupLabels = /* @__PURE__ */ user_derived(() => () => {
13986
+ var _a3;
13987
+ return Object.assign(Object.assign(Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().groupLabels) || {}), (stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().groupLabels) || {}), ((_a3 = stepConfig() === null || stepConfig() === void 0 ? void 0 : stepConfig().config) === null || _a3 === void 0 ? void 0 : _a3.groupLabels) || {});
13988
+ });
13989
+ const recipeLabels = /* @__PURE__ */ user_derived(() => () => {
13990
+ var _a3, _b2;
13991
+ return ((_b2 = (_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.labels) || {};
13992
+ });
13815
13993
  const defaultFieldLabels = /* @__PURE__ */ user_derived(() => get$1(currentAccountConfig).fieldLabels);
13816
13994
  const defaultFieldPlaceholders = /* @__PURE__ */ user_derived(() => get$1(currentAccountConfig).fieldPlaceholders);
13817
13995
  const isFieldRequired = (fieldKey) => {
@@ -13821,13 +13999,27 @@ function CreateAccount($$anchor, $$props) {
13821
13999
  return false;
13822
14000
  };
13823
14001
  const getFieldLabel = (fieldKey) => {
13824
- var _a3;
13825
- return ((_a3 = get$1(fieldMeta)[fieldKey]) === null || _a3 === void 0 ? void 0 : _a3.label) || get$1(defaultFieldLabels)[fieldKey] || fieldKey;
14002
+ return resolveFieldLabel(fieldKey, {
14003
+ componentFieldLabels: get$1(componentFieldLabels)(),
14004
+ componentFieldMeta: get$1(componentFieldMeta)(),
14005
+ recipeFieldMeta: get$1(recipeFieldMeta)(),
14006
+ defaultFieldLabels: get$1(defaultFieldLabels)
14007
+ });
13826
14008
  };
13827
- const getFieldHelp = (fieldKey) => {
13828
- var _a3;
13829
- return ((_a3 = get$1(fieldMeta)[fieldKey]) === null || _a3 === void 0 ? void 0 : _a3.helpText) || "";
14009
+ const getFieldHelp = (fieldKey) => resolveFieldHelpText(fieldKey, {
14010
+ componentFieldMeta: get$1(componentFieldMeta)(),
14011
+ recipeFieldMeta: get$1(recipeFieldMeta)()
14012
+ });
14013
+ const getFieldErrorMessageOverride = (fieldKey, ruleKey) => {
14014
+ var _a3, _b2;
14015
+ const override = (_b2 = (_a3 = get$1(fieldErrorMessages)()) === null || _a3 === void 0 ? void 0 : _a3[fieldKey]) === null || _b2 === void 0 ? void 0 : _b2[ruleKey];
14016
+ return typeof override === "string" ? override.trim() : "";
13830
14017
  };
14018
+ const getLabel = (labelKey, fallback) => resolveLabel(labelKey, {
14019
+ componentLabels: get$1(componentLabels)(),
14020
+ recipeLabels: get$1(recipeLabels)(),
14021
+ fallback
14022
+ });
13831
14023
  const getPlaceholder = (fieldKey) => get$1(defaultFieldPlaceholders)[fieldKey] || "";
13832
14024
  const fieldRenderRegistry = /* @__PURE__ */ user_derived(() => get$1(currentAccountConfig).fieldRenderRegistry);
13833
14025
  const fieldConfigs = /* @__PURE__ */ user_derived(() => () => {
@@ -13853,7 +14045,14 @@ function CreateAccount($$anchor, $$props) {
13853
14045
  });
13854
14046
  const fieldGroups = /* @__PURE__ */ user_derived(() => () => {
13855
14047
  var _a3, _b2;
13856
- return ((_b2 = (_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.layout) || [];
14048
+ return (((_b2 = (_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.layout) || []).map((group) => Object.assign(Object.assign({}, group), {
14049
+ label: resolveGroupLabel(group.group, {
14050
+ componentGroupLabels: get$1(componentGroupLabels)(),
14051
+ componentLabels: get$1(componentLabels)(),
14052
+ recipeLabels: get$1(recipeLabels)(),
14053
+ fallback: group.label
14054
+ })
14055
+ }));
13857
14056
  });
13858
14057
  const getField = (fieldKey) => {
13859
14058
  return get$1(fieldConfigs)().find((f) => (f === null || f === void 0 ? void 0 : f.key) === fieldKey);
@@ -14209,6 +14408,7 @@ function CreateAccount($$anchor, $$props) {
14209
14408
  initialData: get$1(initialFormData),
14210
14409
  // eslint-disable-next-line svelte/valid-compile
14211
14410
  fieldSchemas: get$1(fieldSchemas),
14411
+ fieldErrorMessages: () => get$1(fieldErrorMessages)(),
14212
14412
  // eslint-disable-next-line svelte/valid-compile
14213
14413
  formName: get$1(formName),
14214
14414
  // eslint-disable-next-line svelte/valid-compile
@@ -14261,7 +14461,6 @@ function CreateAccount($$anchor, $$props) {
14261
14461
  };
14262
14462
  (_e2 = (_d2 = baseForm.state.alviereCore) === null || _d2 === void 0 ? void 0 : _d2.getLogger()) === null || _e2 === void 0 ? void 0 : _e2.info(`🔍 Updating ${updateAccountType} account using AlviereCore...`);
14263
14463
  const response2 = await accountsService.updateAccount(get$1(accountToUpdate).account_uuid, updateRequest);
14264
- dispatchAccountEvent(response2.account.account_uuid, response2.account.status);
14265
14464
  const addressPayload = buildAddressPayload(formData);
14266
14465
  const hasAddressUpdateFields = get$1(missingRequiredFields).some((key) => ADDRESS_FIELD_KEYS2.includes(key));
14267
14466
  const shouldUpsertAddress = addressPayload && (hasAddressUpdateFields || !(existingAddress === null || existingAddress === void 0 ? void 0 : existingAddress.address_uuid));
@@ -14279,23 +14478,31 @@ function CreateAccount($$anchor, $$props) {
14279
14478
  }
14280
14479
  }
14281
14480
  }
14282
- const statusKind2 = statusGuard.evaluateStatus(response2.account.status);
14481
+ const shouldResumeOnboarding = !!get$1(pendingUserReason);
14482
+ let statusResponse = response2;
14483
+ if (shouldResumeOnboarding && response2.account.account_uuid) {
14484
+ uiLogger.info("🔄 Pending user action update completed, calling RESUME_ONBOARDING...");
14485
+ await accountsService.manageOnboarding(response2.account.account_uuid, "RESUME_ONBOARDING");
14486
+ statusResponse = await accountsService.getAccount(response2.account.account_uuid);
14487
+ }
14488
+ dispatchAccountEvent(statusResponse.account.account_uuid, statusResponse.account.status);
14489
+ const statusKind2 = statusGuard.evaluateStatus(statusResponse.account.status);
14283
14490
  const shouldPoll2 = (get$1(pollingConfig) === null || get$1(pollingConfig) === void 0 ? void 0 : get$1(pollingConfig).enabled) === true;
14284
14491
  if (statusKind2 === "barrier") {
14285
- statusGuard.notifyBarrier(response2.account.account_uuid, response2.account.status);
14286
- return response2;
14492
+ statusGuard.notifyBarrier(statusResponse.account.account_uuid, statusResponse.account.status);
14493
+ return statusResponse;
14287
14494
  }
14288
- if (statusKind2 === "allowed" || !shouldPoll2 || !response2.account.account_uuid) {
14495
+ if (statusKind2 === "allowed" || !shouldPoll2 || !statusResponse.account.account_uuid) {
14289
14496
  if (statusKind2 === "action_required") {
14290
- handlePendingUserAction(response2.account, getAccountStatusReason(response2.account), { emitSuccess: true });
14291
- return response2;
14497
+ handlePendingUserAction(statusResponse.account, getAccountStatusReason(statusResponse.account), { emitSuccess: true });
14498
+ return statusResponse;
14292
14499
  }
14293
- dispatchUpdateFormSuccessEvent(response2.account);
14294
- return response2;
14500
+ dispatchUpdateFormSuccessEvent(statusResponse.account);
14501
+ return statusResponse;
14295
14502
  }
14296
14503
  baseForm.actions.setPolling(true);
14297
14504
  try {
14298
- const outcome = await statusGuard.pollAccountStatus(response2.account.account_uuid, { allowActionRequired: true });
14505
+ const outcome = await statusGuard.pollAccountStatus(statusResponse.account.account_uuid, { allowActionRequired: true });
14299
14506
  if (outcome.kind === "action_required") {
14300
14507
  handlePendingUserAction(outcome.response.account, outcome.statusReason, { emitSuccess: true });
14301
14508
  baseForm.actions.setPolling(false);
@@ -14473,6 +14680,7 @@ function CreateAccount($$anchor, $$props) {
14473
14680
  let pendingUserReason = /* @__PURE__ */ state(null);
14474
14681
  let pendingUserMessage = /* @__PURE__ */ state(null);
14475
14682
  let alertFields = /* @__PURE__ */ state(proxy({}));
14683
+ const isFormBusy = /* @__PURE__ */ user_derived(() => baseForm.state.isLoading || baseForm.state.isSubmitting || baseForm.state.isPolling || get$1(isAutoSubmitting) || get$1(isCheckingAccount) || get$1(isSkippingStep));
14476
14684
  const isUpdateMode = /* @__PURE__ */ user_derived(() => !!get$1(accountToUpdate));
14477
14685
  const isPendingReadOnlyMode = /* @__PURE__ */ user_derived(() => !!get$1(pendingUserReason) && get$1(requestedUpdateFields).length > 0);
14478
14686
  function isFieldReadOnly(fieldKey) {
@@ -14761,9 +14969,11 @@ function CreateAccount($$anchor, $$props) {
14761
14969
  {
14762
14970
  var consequent = ($$anchor2) => {
14763
14971
  var h2 = root_1$9();
14764
- var text2 = child(h2);
14972
+ var text2 = child(h2, true);
14765
14973
  reset(h2);
14766
- template_effect(() => set_text(text2, `Create ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`));
14974
+ template_effect(($0) => set_text(text2, $0), [
14975
+ () => getLabel("headingLabel", `Create ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`)
14976
+ ]);
14767
14977
  append($$anchor2, h2);
14768
14978
  };
14769
14979
  if_block(node, ($$render) => {
@@ -14782,36 +14992,50 @@ function CreateAccount($$anchor, $$props) {
14782
14992
  var node_2 = child(span);
14783
14993
  {
14784
14994
  var consequent_1 = ($$anchor3) => {
14785
- var text_1 = text("Account verified, proceeding...");
14995
+ var text_1 = text();
14996
+ template_effect(($0) => set_text(text_1, $0), [
14997
+ () => getLabel("accountVerifiedProceedingLabel", "Account verified, proceeding...")
14998
+ ]);
14786
14999
  append($$anchor3, text_1);
14787
15000
  };
14788
15001
  var alternate_3 = ($$anchor3) => {
14789
- var fragment = comment();
14790
- var node_3 = first_child(fragment);
15002
+ var fragment_1 = comment();
15003
+ var node_3 = first_child(fragment_1);
14791
15004
  {
14792
15005
  var consequent_2 = ($$anchor4) => {
14793
- var text_2 = text("Checking account status...");
15006
+ var text_2 = text();
15007
+ template_effect(($0) => set_text(text_2, $0), [
15008
+ () => getLabel("checkingAccountStatusLabel", "Checking account status...")
15009
+ ]);
14794
15010
  append($$anchor4, text_2);
14795
15011
  };
14796
15012
  var alternate_2 = ($$anchor4) => {
14797
- var fragment_1 = comment();
14798
- var node_4 = first_child(fragment_1);
15013
+ var fragment_3 = comment();
15014
+ var node_4 = first_child(fragment_3);
14799
15015
  {
14800
15016
  var consequent_3 = ($$anchor5) => {
14801
- var text_3 = text("Your account is being validated...");
15017
+ var text_3 = text();
15018
+ template_effect(($0) => set_text(text_3, $0), [
15019
+ () => getLabel("validatingAccountLabel", "Your account is being validated...")
15020
+ ]);
14802
15021
  append($$anchor5, text_3);
14803
15022
  };
14804
15023
  var alternate_1 = ($$anchor5) => {
14805
- var fragment_2 = comment();
14806
- var node_5 = first_child(fragment_2);
15024
+ var fragment_5 = comment();
15025
+ var node_5 = first_child(fragment_5);
14807
15026
  {
14808
15027
  var consequent_4 = ($$anchor6) => {
14809
- var text_4 = text("Waiting for account activation...");
15028
+ var text_4 = text();
15029
+ template_effect(($0) => set_text(text_4, $0), [
15030
+ () => getLabel("waitingForAccountActivationLabel", "Waiting for account activation...")
15031
+ ]);
14810
15032
  append($$anchor6, text_4);
14811
15033
  };
14812
15034
  var alternate = ($$anchor6) => {
14813
15035
  var text_5 = text();
14814
- template_effect(() => set_text(text_5, `Creating ${get$1(isBusinessAccount) ? "business" : "consumer"} account...`));
15036
+ template_effect(($0) => set_text(text_5, $0), [
15037
+ () => get$1(isUpdateMode) ? getLabel("updatingAccountLabel", `Updating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`) : getLabel("creatingAccountLabel", `Creating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`)
15038
+ ]);
14815
15039
  append($$anchor6, text_5);
14816
15040
  };
14817
15041
  if_block(
@@ -14823,7 +15047,7 @@ function CreateAccount($$anchor, $$props) {
14823
15047
  true
14824
15048
  );
14825
15049
  }
14826
- append($$anchor5, fragment_2);
15050
+ append($$anchor5, fragment_5);
14827
15051
  };
14828
15052
  if_block(
14829
15053
  node_4,
@@ -14834,7 +15058,7 @@ function CreateAccount($$anchor, $$props) {
14834
15058
  true
14835
15059
  );
14836
15060
  }
14837
- append($$anchor4, fragment_1);
15061
+ append($$anchor4, fragment_3);
14838
15062
  };
14839
15063
  if_block(
14840
15064
  node_3,
@@ -14845,7 +15069,7 @@ function CreateAccount($$anchor, $$props) {
14845
15069
  true
14846
15070
  );
14847
15071
  }
14848
- append($$anchor3, fragment);
15072
+ append($$anchor3, fragment_1);
14849
15073
  };
14850
15074
  if_block(node_2, ($$render) => {
14851
15075
  if (get$1(isSkippingStep)) $$render(consequent_1);
@@ -14863,7 +15087,7 @@ function CreateAccount($$anchor, $$props) {
14863
15087
  append($$anchor2, div_1);
14864
15088
  };
14865
15089
  if_block(node_1, ($$render) => {
14866
- if (baseForm.state.isLoading || baseForm.state.isPolling || get$1(isAutoSubmitting) || get$1(isCheckingAccount) || get$1(isSkippingStep)) $$render(consequent_5);
15090
+ if (get$1(isFormBusy)) $$render(consequent_5);
14867
15091
  });
14868
15092
  }
14869
15093
  var form = sibling(node_1, 2);
@@ -14877,13 +15101,13 @@ function CreateAccount($$anchor, $$props) {
14877
15101
  var node_7 = sibling(h3, 2);
14878
15102
  {
14879
15103
  var consequent_11 = ($$anchor3) => {
14880
- var fragment_4 = comment();
14881
- var node_8 = first_child(fragment_4);
15104
+ var fragment_8 = comment();
15105
+ var node_8 = first_child(fragment_8);
14882
15106
  each(node_8, 17, () => get$1(group).rows, index, ($$anchor4, row) => {
14883
15107
  var div_3 = root_13$2();
14884
15108
  each(div_3, 21, () => get$1(row).fields, index, ($$anchor5, fieldKey) => {
14885
- var fragment_5 = comment();
14886
- var node_9 = first_child(fragment_5);
15109
+ var fragment_9 = comment();
15110
+ var node_9 = first_child(fragment_9);
14887
15111
  {
14888
15112
  var consequent_6 = ($$anchor6) => {
14889
15113
  {
@@ -14913,9 +15137,17 @@ function CreateAccount($$anchor, $$props) {
14913
15137
  });
14914
15138
  let $6 = /* @__PURE__ */ user_derived(() => {
14915
15139
  var _a3;
14916
- return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
15140
+ return get$1(fieldSchemas)[(_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key] || {};
14917
15141
  });
14918
15142
  let $7 = /* @__PURE__ */ user_derived(() => {
15143
+ var _a3;
15144
+ return getFieldErrorMessageOverride((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, "pattern") || void 0;
15145
+ });
15146
+ let $8 = /* @__PURE__ */ user_derived(() => {
15147
+ var _a3;
15148
+ return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
15149
+ });
15150
+ let $9 = /* @__PURE__ */ user_derived(() => {
14919
15151
  var _a3;
14920
15152
  return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
14921
15153
  });
@@ -14938,22 +15170,28 @@ function CreateAccount($$anchor, $$props) {
14938
15170
  get helpText() {
14939
15171
  return get$1($5);
14940
15172
  },
15173
+ get validationSchema() {
15174
+ return get$1($6);
15175
+ },
15176
+ get invalidFormatMessage() {
15177
+ return get$1($7);
15178
+ },
14941
15179
  oninput: (e) => {
14942
15180
  var _a3;
14943
15181
  return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.target.value);
14944
15182
  },
14945
15183
  get validationState() {
14946
- return get$1($6);
15184
+ return get$1($8);
14947
15185
  },
14948
15186
  get errorMessage() {
14949
- return get$1($7);
15187
+ return get$1($9);
14950
15188
  }
14951
15189
  });
14952
15190
  }
14953
15191
  };
14954
15192
  var alternate_7 = ($$anchor6) => {
14955
- var fragment_7 = comment();
14956
- var node_10 = first_child(fragment_7);
15193
+ var fragment_11 = comment();
15194
+ var node_10 = first_child(fragment_11);
14957
15195
  {
14958
15196
  var consequent_7 = ($$anchor7) => {
14959
15197
  {
@@ -15029,8 +15267,8 @@ function CreateAccount($$anchor, $$props) {
15029
15267
  }
15030
15268
  };
15031
15269
  var alternate_6 = ($$anchor7) => {
15032
- var fragment_9 = comment();
15033
- var node_11 = first_child(fragment_9);
15270
+ var fragment_13 = comment();
15271
+ var node_11 = first_child(fragment_13);
15034
15272
  {
15035
15273
  var consequent_8 = ($$anchor8) => {
15036
15274
  {
@@ -15099,8 +15337,8 @@ function CreateAccount($$anchor, $$props) {
15099
15337
  }
15100
15338
  };
15101
15339
  var alternate_5 = ($$anchor8) => {
15102
- var fragment_11 = comment();
15103
- var node_12 = first_child(fragment_11);
15340
+ var fragment_15 = comment();
15341
+ var node_12 = first_child(fragment_15);
15104
15342
  {
15105
15343
  var consequent_9 = ($$anchor9) => {
15106
15344
  {
@@ -15176,8 +15414,8 @@ function CreateAccount($$anchor, $$props) {
15176
15414
  }
15177
15415
  };
15178
15416
  var alternate_4 = ($$anchor9) => {
15179
- var fragment_13 = comment();
15180
- var node_13 = first_child(fragment_13);
15417
+ var fragment_17 = comment();
15418
+ var node_13 = first_child(fragment_17);
15181
15419
  {
15182
15420
  var consequent_10 = ($$anchor10) => {
15183
15421
  {
@@ -15254,7 +15492,7 @@ function CreateAccount($$anchor, $$props) {
15254
15492
  true
15255
15493
  );
15256
15494
  }
15257
- append($$anchor9, fragment_13);
15495
+ append($$anchor9, fragment_17);
15258
15496
  };
15259
15497
  if_block(
15260
15498
  node_12,
@@ -15266,7 +15504,7 @@ function CreateAccount($$anchor, $$props) {
15266
15504
  true
15267
15505
  );
15268
15506
  }
15269
- append($$anchor8, fragment_11);
15507
+ append($$anchor8, fragment_15);
15270
15508
  };
15271
15509
  if_block(
15272
15510
  node_11,
@@ -15278,7 +15516,7 @@ function CreateAccount($$anchor, $$props) {
15278
15516
  true
15279
15517
  );
15280
15518
  }
15281
- append($$anchor7, fragment_9);
15519
+ append($$anchor7, fragment_13);
15282
15520
  };
15283
15521
  if_block(
15284
15522
  node_10,
@@ -15290,7 +15528,7 @@ function CreateAccount($$anchor, $$props) {
15290
15528
  true
15291
15529
  );
15292
15530
  }
15293
- append($$anchor6, fragment_7);
15531
+ append($$anchor6, fragment_11);
15294
15532
  };
15295
15533
  if_block(node_9, ($$render) => {
15296
15534
  var _a3;
@@ -15298,12 +15536,12 @@ function CreateAccount($$anchor, $$props) {
15298
15536
  else $$render(alternate_7, false);
15299
15537
  });
15300
15538
  }
15301
- append($$anchor5, fragment_5);
15539
+ append($$anchor5, fragment_9);
15302
15540
  });
15303
15541
  reset(div_3);
15304
15542
  append($$anchor4, div_3);
15305
15543
  });
15306
- append($$anchor3, fragment_4);
15544
+ append($$anchor3, fragment_8);
15307
15545
  };
15308
15546
  if_block(node_7, ($$render) => {
15309
15547
  if (get$1(group).rows) $$render(consequent_11);
@@ -15317,35 +15555,64 @@ function CreateAccount($$anchor, $$props) {
15317
15555
  var div_5 = child(div_4);
15318
15556
  var node_14 = child(div_5);
15319
15557
  {
15320
- var consequent_12 = ($$anchor2) => {
15321
- var span_1 = root_24$1();
15322
- var text_7 = child(span_1, true);
15323
- reset(span_1);
15324
- template_effect(() => set_text(text_7, get$1(pendingUserMessage)));
15325
- append($$anchor2, span_1);
15558
+ var consequent_15 = ($$anchor2) => {
15559
+ var fragment_19 = root_24$1();
15560
+ var node_15 = first_child(fragment_19);
15561
+ {
15562
+ var consequent_12 = ($$anchor3) => {
15563
+ var span_1 = root_25();
15564
+ var text_7 = child(span_1, true);
15565
+ reset(span_1);
15566
+ template_effect(() => set_text(text_7, get$1(pendingUserMessage)));
15567
+ append($$anchor3, span_1);
15568
+ };
15569
+ if_block(node_15, ($$render) => {
15570
+ if (get$1(pendingUserMessage)) $$render(consequent_12);
15571
+ });
15572
+ }
15573
+ var node_16 = sibling(node_15, 2);
15574
+ {
15575
+ var consequent_13 = ($$anchor3) => {
15576
+ var span_2 = root_26$1();
15577
+ var text_8 = child(span_2, true);
15578
+ reset(span_2);
15579
+ template_effect(($0) => set_text(text_8, $0), [
15580
+ () => getLabel("fixErrorsLabel", "Please fix the errors above")
15581
+ ]);
15582
+ append($$anchor3, span_2);
15583
+ };
15584
+ var alternate_8 = ($$anchor3) => {
15585
+ var fragment_20 = comment();
15586
+ var node_17 = first_child(fragment_20);
15587
+ {
15588
+ var consequent_14 = ($$anchor4) => {
15589
+ var span_3 = root_28();
15590
+ var text_9 = child(span_3, true);
15591
+ reset(span_3);
15592
+ template_effect(($0) => set_text(text_9, $0), [
15593
+ () => getLabel("requiredFieldsHintLabel", "Please fill in all required fields to continue")
15594
+ ]);
15595
+ append($$anchor4, span_3);
15596
+ };
15597
+ if_block(
15598
+ node_17,
15599
+ ($$render) => {
15600
+ if (!baseForm.computed.canSubmit) $$render(consequent_14);
15601
+ },
15602
+ true
15603
+ );
15604
+ }
15605
+ append($$anchor3, fragment_20);
15606
+ };
15607
+ if_block(node_16, ($$render) => {
15608
+ if (baseForm.computed.hasErrors) $$render(consequent_13);
15609
+ else $$render(alternate_8, false);
15610
+ });
15611
+ }
15612
+ append($$anchor2, fragment_19);
15326
15613
  };
15327
15614
  if_block(node_14, ($$render) => {
15328
- if (get$1(pendingUserMessage)) $$render(consequent_12);
15329
- });
15330
- }
15331
- var node_15 = sibling(node_14, 2);
15332
- {
15333
- var consequent_13 = ($$anchor2) => {
15334
- var p = root_25$1();
15335
- append($$anchor2, p);
15336
- };
15337
- if_block(node_15, ($$render) => {
15338
- if (!baseForm.computed.canSubmit) $$render(consequent_13);
15339
- });
15340
- }
15341
- var node_16 = sibling(node_15, 2);
15342
- {
15343
- var consequent_14 = ($$anchor2) => {
15344
- var span_2 = root_26();
15345
- append($$anchor2, span_2);
15346
- };
15347
- if_block(node_16, ($$render) => {
15348
- if (baseForm.computed.hasErrors) $$render(consequent_14);
15615
+ if (!get$1(isFormBusy)) $$render(consequent_15);
15349
15616
  });
15350
15617
  }
15351
15618
  reset(div_5);
@@ -15355,50 +15622,47 @@ function CreateAccount($$anchor, $$props) {
15355
15622
  set_custom_element_data(alviere_button, "variant", "primary");
15356
15623
  set_custom_element_data(alviere_button, "size", "md");
15357
15624
  template_effect(() => set_custom_element_data(alviere_button, "handler", baseForm.handlers.handleSubmit));
15358
- var node_17 = child(alviere_button);
15625
+ var node_18 = child(alviere_button);
15359
15626
  {
15360
- var consequent_15 = ($$anchor2) => {
15361
- var text_8 = text();
15362
- template_effect(($0) => set_text(text_8, $0), [
15363
- () => {
15364
- var _a3, _b2, _c2, _d2, _e2, _f2;
15365
- return get$1(isUpdateMode) ? ((_c2 = (_b2 = (_a3 = get$1(resolvedProfileRecipe)()) == null ? void 0 : _a3.config) == null ? void 0 : _b2.labels) == null ? void 0 : _c2.updatingAccountLabel) || `Updating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...` : ((_f2 = (_e2 = (_d2 = get$1(resolvedProfileRecipe)()) == null ? void 0 : _d2.config) == null ? void 0 : _e2.labels) == null ? void 0 : _f2.creatingAccountLabel) || `Creating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`;
15366
- }
15627
+ var consequent_16 = ($$anchor2) => {
15628
+ var text_10 = text();
15629
+ template_effect(($0) => set_text(text_10, $0), [
15630
+ () => get$1(isUpdateMode) ? getLabel("updatingAccountLabel", `Updating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`) : getLabel("creatingAccountLabel", `Creating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`)
15367
15631
  ]);
15368
- append($$anchor2, text_8);
15632
+ append($$anchor2, text_10);
15369
15633
  };
15370
- var alternate_9 = ($$anchor2) => {
15371
- var fragment_16 = comment();
15372
- var node_18 = first_child(fragment_16);
15634
+ var alternate_10 = ($$anchor2) => {
15635
+ var fragment_22 = comment();
15636
+ var node_19 = first_child(fragment_22);
15373
15637
  {
15374
- var consequent_16 = ($$anchor3) => {
15375
- var text_9 = text("Waiting for Account Activation...");
15376
- append($$anchor3, text_9);
15638
+ var consequent_17 = ($$anchor3) => {
15639
+ var text_11 = text();
15640
+ template_effect(($0) => set_text(text_11, $0), [
15641
+ () => getLabel("waitingForAccountActivationLabel", "Waiting for account activation...")
15642
+ ]);
15643
+ append($$anchor3, text_11);
15377
15644
  };
15378
- var alternate_8 = ($$anchor3) => {
15379
- var text_10 = text();
15380
- template_effect(($0) => set_text(text_10, $0), [
15381
- () => {
15382
- var _a3, _b2, _c2, _d2, _e2, _f2;
15383
- return get$1(isUpdateMode) ? ((_c2 = (_b2 = (_a3 = get$1(resolvedProfileRecipe)()) == null ? void 0 : _a3.config) == null ? void 0 : _b2.labels) == null ? void 0 : _c2.updateAccountLabel) || `Update ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account` : ((_f2 = (_e2 = (_d2 = get$1(resolvedProfileRecipe)()) == null ? void 0 : _d2.config) == null ? void 0 : _e2.labels) == null ? void 0 : _f2.createAccountLabel) || `Create ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`;
15384
- }
15645
+ var alternate_9 = ($$anchor3) => {
15646
+ var text_12 = text();
15647
+ template_effect(($0) => set_text(text_12, $0), [
15648
+ () => get$1(isUpdateMode) ? getLabel("updateAccountLabel", `Update ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`) : getLabel("createAccountLabel", `Create ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`)
15385
15649
  ]);
15386
- append($$anchor3, text_10);
15650
+ append($$anchor3, text_12);
15387
15651
  };
15388
15652
  if_block(
15389
- node_18,
15653
+ node_19,
15390
15654
  ($$render) => {
15391
- if (baseForm.state.isPolling) $$render(consequent_16);
15392
- else $$render(alternate_8, false);
15655
+ if (baseForm.state.isPolling) $$render(consequent_17);
15656
+ else $$render(alternate_9, false);
15393
15657
  },
15394
15658
  true
15395
15659
  );
15396
15660
  }
15397
- append($$anchor2, fragment_16);
15661
+ append($$anchor2, fragment_22);
15398
15662
  };
15399
- if_block(node_17, ($$render) => {
15400
- if (baseForm.state.isLoading) $$render(consequent_15);
15401
- else $$render(alternate_9, false);
15663
+ if_block(node_18, ($$render) => {
15664
+ if (baseForm.state.isLoading) $$render(consequent_16);
15665
+ else $$render(alternate_10, false);
15402
15666
  });
15403
15667
  }
15404
15668
  reset(alviere_button);
@@ -15439,8 +15703,11 @@ customElements.define("alviere-create-account", create_custom_element(
15439
15703
  ));
15440
15704
  function CreateConsumerAccount($$anchor, $$props) {
15441
15705
  push($$props, true);
15442
- let jwt = prop($$props, "jwt", 7, ""), businessUuid = prop($$props, "businessUuid", 15, ""), isInFlow = prop($$props, "isInFlow", 15, false), debug = prop($$props, "debug", 15, true), prefillData = prop($$props, "prefillData", 31, () => proxy({})), publicCertificate = prop($$props, "publicCertificate", 15, ""), publicCertificateId = prop($$props, "publicCertificateId", 15, ""), _profile = prop($$props, "profile", 15, ""), profileRecipe = prop($$props, "profileRecipe", 15, void 0), stepConfig = prop($$props, "stepConfig", 31, () => proxy({}));
15443
- const config = /* @__PURE__ */ user_derived(() => ({ formData: prefillData() }));
15706
+ var _a2;
15707
+ let jwt = prop($$props, "jwt", 7, ""), businessUuid = prop($$props, "businessUuid", 15, ""), isInFlow = prop($$props, "isInFlow", 15, false), debug = prop($$props, "debug", 15, true), config = prop($$props, "config", 31, () => proxy({})), prefillData = prop($$props, "prefillData", 31, () => proxy({})), publicCertificate = prop($$props, "publicCertificate", 15, ""), publicCertificateId = prop($$props, "publicCertificateId", 15, ""), _profile = prop($$props, "profile", 15, ""), profileRecipe = prop($$props, "profileRecipe", 15, void 0), stepConfig = prop($$props, "stepConfig", 31, () => proxy({}));
15708
+ const resolvedConfig = /* @__PURE__ */ user_derived(() => Object.assign(Object.assign({}, config()), {
15709
+ formData: prefillData() && Object.keys(prefillData()).length > 0 ? prefillData() : (_a2 = config() === null || config() === void 0 ? void 0 : config().formData) !== null && _a2 !== void 0 ? _a2 : {}
15710
+ }));
15444
15711
  var $$exports = {
15445
15712
  get jwt() {
15446
15713
  return jwt();
@@ -15470,6 +15737,13 @@ function CreateConsumerAccount($$anchor, $$props) {
15470
15737
  debug($$value);
15471
15738
  flushSync();
15472
15739
  },
15740
+ get config() {
15741
+ return config();
15742
+ },
15743
+ set config($$value = {}) {
15744
+ config($$value);
15745
+ flushSync();
15746
+ },
15473
15747
  get prefillData() {
15474
15748
  return prefillData();
15475
15749
  },
@@ -15515,7 +15789,7 @@ function CreateConsumerAccount($$anchor, $$props) {
15515
15789
  };
15516
15790
  CreateAccount($$anchor, {
15517
15791
  get config() {
15518
- return get$1(config);
15792
+ return get$1(resolvedConfig);
15519
15793
  },
15520
15794
  get jwt() {
15521
15795
  return jwt();
@@ -15551,6 +15825,7 @@ customElements.define("alviere-create-consumer-account", create_custom_element(
15551
15825
  businessUuid: {},
15552
15826
  isInFlow: {},
15553
15827
  debug: {},
15828
+ config: {},
15554
15829
  prefillData: {},
15555
15830
  publicCertificate: {},
15556
15831
  publicCertificateId: {},
@@ -15614,37 +15889,36 @@ const createFlowRecipeStore = () => {
15614
15889
  const flowRecipeStore = createFlowRecipeStore();
15615
15890
  const resetFlowRecipe = flowRecipeStore.reset;
15616
15891
  const routingNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">\n <defs>\n <filter id="soft-blur" x="-10%" y="-10%" width="120%" height="120%">\n <feGaussianBlur in="SourceGraphic" stdDeviation="1.7" />\n </filter>\n </defs>\n\n \n <g filter="url(#soft-blur)">\n <rect x="20" y="24" width="600" height="272" rx="12" fill="#FFFFFF" stroke="#000000" stroke-width="1"/>\n <rect\n x="30"\n y="34"\n width="580"\n height="252"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 12"\n stroke-linecap="round"\n />\n <rect\n x="34"\n y="38"\n width="572"\n height="244"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 6"\n stroke-linecap="round"\n />\n\n <!-- Header (name/address/date) -->\n <text x="48" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">JOHN SMITH</text>\n <text x="48" y="86" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">18 PIKE PLACE</text>\n <text x="48" y="106" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">SEATTLE, WA 98101</text>\n\n <text x="560" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">123</text>\n <text x="470" y="96" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">MARCH 18, 2025</text>\n\n <!-- Payee and amount placeholders -->\n <rect x="48" y="134" width="340" height="18" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="156" x2="388" y2="156" stroke="#E2E8F0" stroke-width="2"/>\n\n <rect x="430" y="128" width="162" height="40" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="2"/>\n <rect x="444" y="140" width="118" height="16" rx="4" fill="#E2E8F0"/>\n\n <rect x="48" y="176" width="280" height="12" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="188" x2="388" y2="188" stroke="#E2E8F0" stroke-width="2"/>\n\n <!-- Signature -->\n <path d="M432 214 C440 202, 452 198, 464 210 C472 218, 488 220, 498 210 C508 200, 522 202, 530 212 C538 222, 554 224, 566 214 C576 206, 586 206, 598 214" fill="none" stroke="#64748B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n <line x1="430" y1="226" x2="590" y2="226" stroke="#E2E8F0" stroke-width="2"/>\n\n <!-- Background routing numbers (blurred) -->\n <text x="280" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">1234567890</text>\n <text x="486" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">123</text>\n </g>\n\n <!-- Routing highlight (sharp) -->\n <rect x="67" y="184" width="170" height="24" rx="12" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="83" y="201" font-family="Arial, sans-serif" font-size="12" fill="#0F172A" letter-spacing="2">ROUTING NUMBER</text>\n <line x1="149" y1="208" x2="149" y2="230" stroke="#38BDF8" stroke-width="2"/>\n <path d="M149 231 L144 224 L154 224 Z" fill="#38BDF8"/>\n\n <rect x="48" y="236" width="212" height="40" rx="6" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="102" y="262" font-family="Arial, sans-serif" font-size="20" fill="#0F172A"> 901056783 </text>\n</svg>\n';
15892
+ const accountNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">\n <defs>\n <filter id="soft-blur" x="-10%" y="-10%" width="120%" height="120%">\n <feGaussianBlur in="SourceGraphic" stdDeviation="1.7" />\n </filter>\n </defs>\n\n <g filter="url(#soft-blur)">\n <rect x="20" y="24" width="600" height="272" rx="12" fill="#FFFFFF" stroke="#000000" stroke-width="1"/>\n <rect\n x="30"\n y="34"\n width="580"\n height="252"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 12"\n stroke-linecap="round"\n />\n <rect\n x="34"\n y="38"\n width="572"\n height="244"\n rx="10"\n fill="none"\n stroke="#D1D5DB"\n stroke-width="2"\n stroke-dasharray="1 6"\n stroke-linecap="round"\n />\n\n <text x="48" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">JOHN SMITH</text>\n <text x="48" y="86" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">18 PIKE PLACE</text>\n <text x="48" y="106" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">SEATTLE, WA 98101</text>\n\n <text x="560" y="66" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">123</text>\n <text x="470" y="96" font-family="Arial, sans-serif" font-size="14" fill="#94A3B8">MARCH 18, 2025</text>\n\n <rect x="48" y="134" width="340" height="18" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="156" x2="388" y2="156" stroke="#E2E8F0" stroke-width="2"/>\n\n <rect x="430" y="128" width="162" height="40" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="2"/>\n <rect x="444" y="140" width="118" height="16" rx="4" fill="#E2E8F0"/>\n\n <rect x="48" y="176" width="280" height="12" rx="4" fill="#E2E8F0"/>\n <line x1="48" y1="188" x2="388" y2="188" stroke="#E2E8F0" stroke-width="2"/>\n\n <path d="M432 214 C440 202, 452 198, 464 210 C472 218, 488 220, 498 210 C508 200, 522 202, 530 212 C538 222, 554 224, 566 214 C576 206, 586 206, 598 214" fill="none" stroke="#64748B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n <line x1="430" y1="226" x2="590" y2="226" stroke="#E2E8F0" stroke-width="2"/>\n\n <text x="102" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">901056783</text>\n <text x="486" y="262" font-family="Arial, sans-serif" font-size="20" fill="#94A3B8">123</text>\n </g>\n\n <rect x="226" y="184" width="194" height="24" rx="12" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="257" y="201" font-family="Arial, sans-serif" font-size="12" fill="#0F172A" letter-spacing="1.5">\n ACCOUNT NUMBER\n </text>\n <line x1="321" y1="208" x2="321" y2="230" stroke="#38BDF8" stroke-width="2"/>\n <path d="M321 231 L316 224 L326 224 Z" fill="#38BDF8"/>\n\n <rect x="212" y="236" width="224" height="40" rx="6" fill="#E0F2FE" stroke="#38BDF8" stroke-width="2"/>\n <text x="264" y="262" font-family="Arial, sans-serif" font-size="20" fill="#0F172A">1234567890</text>\n</svg>\n';
15617
15893
  var root_1$8 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-t9z8bl"><alviere-spinner></alviere-spinner></div>`, 2);
15618
- var root_4$5 = /* @__PURE__ */ from_html(`<span class="bank-accounts-section__account-type"> </span>`);
15619
- var root_5$4 = /* @__PURE__ */ from_html(`<alviere-badge>Primary</alviere-badge>`, 2);
15620
- var root_7$1 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl">Region:</span> <span class="value svelte-t9z8bl"> </span></div>`);
15621
- var root_8$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl">Description:</span> <span class="value description svelte-t9z8bl"> </span></div>`);
15622
- var root_6$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl">Bank:</span> <span class="value svelte-t9z8bl"> </span></div> <!> <!>`, 1);
15623
- var root_9$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl">Account Type:</span> <span class="value svelte-t9z8bl"> </span></div>`);
15624
- 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="secondary-text"><span> </span></div> <div slot="tertiary-text"><span> </span></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">Account Number:</span> <span class="value svelte-t9z8bl"> </span></div> <div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl">Routing/SWIFT:</span> <span class="value svelte-t9z8bl"> </span></div> <!> <!></div></div></alviere-list-item>`, 2);
15625
- var root_10 = /* @__PURE__ */ from_html(`<div class="form-status svelte-t9z8bl"><span class="validation-error svelte-t9z8bl" role="alert"> </span></div>`);
15626
- 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>Add New Bank Account</alviere-button></div> <alviere-list></alviere-list> <div class="alviere-add-bank-account__footer svelte-t9z8bl"><!> <alviere-button> </alviere-button></div></div>`, 2);
15627
- var root_12$1 = /* @__PURE__ */ from_html(`<alviere-button><span class="alviere-add-bank-account__button__label">Back to Bank Accounts</span></alviere-button>`, 2);
15628
- var root_16$1 = /* @__PURE__ */ from_html(`<span class="bank-region svelte-t9z8bl"> </span>`);
15629
- 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>`);
15630
- var root_17$1 = /* @__PURE__ */ from_html(`<alviere-spinner></alviere-spinner>`, 2);
15631
- var root_14$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
15632
- var root_18$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!></div>`);
15894
+ var root_4$5 = /* @__PURE__ */ from_html(`<alviere-badge> </alviere-badge>`, 2);
15895
+ 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>`);
15896
+ 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>`);
15897
+ 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);
15898
+ 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>`);
15899
+ 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);
15900
+ var root_9$2 = /* @__PURE__ */ from_html(`<div class="form-status svelte-t9z8bl"><span class="validation-error svelte-t9z8bl" role="alert"> </span></div>`);
15901
+ 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);
15902
+ var root_11 = /* @__PURE__ */ from_html(`<alviere-button><span class="alviere-add-bank-account__button__label"> </span></alviere-button>`, 2);
15903
+ var root_14$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>`);
15904
+ var root_15$1 = /* @__PURE__ */ from_html(`<alviere-spinner></alviere-spinner>`, 2);
15905
+ var root_13$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
15906
+ var root_16$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!></div>`);
15907
+ var root_17$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
15633
15908
  var root_19$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
15634
- var root_21$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
15635
- var root_13$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row alviere-add-bank-account__form__row--banking-info svelte-t9z8bl"><alviere-badge>ACH</alviere-badge> <!></div> <!> <!> <!>`, 3);
15636
- var root_23 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-t9z8bl">Please fill in all required fields to continue</span>`);
15637
- var root_24 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl">Please fix the errors above</span>`);
15638
- var root_25 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl" role="alert"> </span>`);
15639
- var root_11 = /* @__PURE__ */ from_html(`<form novalidate="" class="alviere-add-bank-account__form svelte-t9z8bl"><div class="alviere-add-bank-account__header svelte-t9z8bl"><h2 class="svelte-t9z8bl">Add Bank Account</h2> <!></div> <div class="alviere-add-bank-account__form__section"><!> <div class="alviere-add-bank-account__form__row svelte-t9z8bl"><alviere-checkbox></alviere-checkbox></div></div> <div class="form-actions svelte-t9z8bl"><div class="form-status svelte-t9z8bl"><!> <!> <!></div> <alviere-button> </alviere-button></div></form>`, 2);
15640
- var root$8 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account svelte-t9z8bl"><!> <!> <!></div> <alviere-modal><div class="alviere-add-bank-account__routing-help svelte-t9z8bl"><!> <p class="alviere-add-bank-account__routing-help-text svelte-t9z8bl">Your routing number is the first 9 digits located on the bottom left of your checks.</p></div></alviere-modal>`, 3);
15909
+ var root_12$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row alviere-add-bank-account__form__row--banking-info svelte-t9z8bl"><alviere-badge> </alviere-badge> <!></div> <!> <!> <!>`, 3);
15910
+ var root_22$1 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl" role="alert"> </span>`);
15911
+ var root_24 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl"> </span>`);
15912
+ var root_26 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-t9z8bl"> </span>`);
15913
+ var root_10 = /* @__PURE__ */ from_html(`<form novalidate="" class="alviere-add-bank-account__form svelte-t9z8bl"><div class="alviere-add-bank-account__header svelte-t9z8bl"><h2 class="svelte-t9z8bl"> </h2> <!></div> <div class="alviere-add-bank-account__form__section"><!> <div class="alviere-add-bank-account__form__row svelte-t9z8bl"><alviere-checkbox></alviere-checkbox></div></div> <div class="form-actions svelte-t9z8bl"><div class="form-status svelte-t9z8bl"><!></div> <alviere-button> </alviere-button></div></form>`, 2);
15914
+ var root$8 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account svelte-t9z8bl"><!> <!> <!></div> <alviere-modal><div class="alviere-add-bank-account__routing-help svelte-t9z8bl"><!> <p class="alviere-add-bank-account__routing-help-text svelte-t9z8bl"> </p></div></alviere-modal> <alviere-modal><div class="alviere-add-bank-account__routing-help svelte-t9z8bl"><!> <p class="alviere-add-bank-account__routing-help-text svelte-t9z8bl"> </p></div></alviere-modal>`, 3);
15641
15915
  const $$css$b = {
15642
15916
  hash: "svelte-t9z8bl",
15643
15917
  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-add-bank-account.svelte-t9z8bl {max-width:100%;margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;position:relative;}.alviere-add-bank-account__header.svelte-t9z8bl {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee;}.alviere-add-bank-account__header.svelte-t9z8bl h2:where(.svelte-t9z8bl) {font-size:1.25rem;color:var(--gray-700);margin:0;}
15644
15918
  @media (max-width: 768px) {.alviere-add-bank-account__header.svelte-t9z8bl {justify-content:space-between;}
15645
15919
  }
15646
15920
  @media (max-width: 768px) {.alviere-add-bank-account__header.svelte-t9z8bl .alviere-add-bank-account__button__label {display:none;}
15647
- }.alviere-add-bank-account__footer.svelte-t9z8bl {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding-top:2rem;}.alviere-add-bank-account__footer.svelte-t9z8bl .form-status:where(.svelte-t9z8bl) {width:100%;text-align:center;}.alviere-add-bank-account__form.svelte-t9z8bl {max-width:100%;margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;background:#ffffff;}.alviere-add-bank-account__form__row.svelte-t9z8bl {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding-bottom:1rem;}.alviere-add-bank-account__form__row--banking-info.svelte-t9z8bl {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0.5rem;}.alviere-add-bank-account__routing-help.svelte-t9z8bl {display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center;}.alviere-add-bank-account__routing-help-text.svelte-t9z8bl {font-size:1.125rem;color:#3f3f46;}.routing-info.svelte-t9z8bl {border-radius:6px;padding:0.5rem;}.routing-info-header.svelte-t9z8bl {display:flex;align-items:center;gap:0.5rem;}.routing-info.svelte-t9z8bl .bank-name:where(.svelte-t9z8bl) {font-weight:600;color:var(--gray-600);font-size:0.75rem;}.bank-region.svelte-t9z8bl {color:var(--gray-600);font-size:0.75rem;}.bank-accounts-section.svelte-t9z8bl {margin:0 auto;background:#fff;}.bank-accounts-section__card-content.svelte-t9z8bl {display:flex;flex-direction:column;gap:0.75rem;padding:1rem;padding-top:0.5rem;}.bank-accounts-section__card-content__info-row.svelte-t9z8bl {display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0 0;}.bank-accounts-section__card-content__info-row.svelte-t9z8bl .label:where(.svelte-t9z8bl) {font-weight:500;color:#495057;font-size:0.9rem;}.bank-accounts-section__card-content__info-row.svelte-t9z8bl .value:where(.svelte-t9z8bl) {font-weight:600;color:#212529;font-size:0.9rem;}.form-actions.svelte-t9z8bl {margin-top:24px;text-align:center;}.form-status.svelte-t9z8bl {margin-bottom:1rem;text-align:center;font-size:1.125rem;}.validation-hint.svelte-t9z8bl {color:#6b7280;font-size:0.875rem;font-style:italic;}.validation-error.svelte-t9z8bl {color:#b3311f;font-size:1.125rem;font-weight:500;margin-top:0.25rem;}.spinner-container.svelte-t9z8bl {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;}`
15921
+ }.alviere-add-bank-account__footer.svelte-t9z8bl {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding-top:2rem;}.alviere-add-bank-account__footer.svelte-t9z8bl .form-status:where(.svelte-t9z8bl) {width:100%;text-align:center;}.alviere-add-bank-account__form.svelte-t9z8bl {max-width:100%;margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;background:#ffffff;}.alviere-add-bank-account__form__row.svelte-t9z8bl {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding-bottom:1rem;}.alviere-add-bank-account__form__row--banking-info.svelte-t9z8bl {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0.5rem;}.alviere-add-bank-account__routing-help.svelte-t9z8bl {display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center;}.alviere-add-bank-account__routing-help-text.svelte-t9z8bl {font-size:1.125rem;color:#3f3f46;}.routing-info.svelte-t9z8bl {border-radius:6px;padding:0.5rem;}.routing-info-header.svelte-t9z8bl {display:flex;align-items:center;gap:0.5rem;}.routing-info.svelte-t9z8bl .bank-name:where(.svelte-t9z8bl) {font-weight:600;color:var(--gray-600);font-size:0.75rem;}.bank-accounts-section.svelte-t9z8bl {margin:0 auto;background:#fff;}.bank-accounts-section__card-content.svelte-t9z8bl {display:flex;flex-direction:column;gap:0.75rem;padding:1rem;padding-top:0.5rem;}.bank-accounts-section__card-content__info-row.svelte-t9z8bl {display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0 0;}.bank-accounts-section__card-content__info-row.svelte-t9z8bl .label:where(.svelte-t9z8bl) {font-weight:500;color:#495057;font-size:0.9rem;}.bank-accounts-section__card-content__info-row.svelte-t9z8bl .value:where(.svelte-t9z8bl) {font-weight:600;color:#212529;font-size:0.9rem;}.form-actions.svelte-t9z8bl {margin-top:24px;text-align:center;}.form-status.svelte-t9z8bl {margin-bottom:1rem;text-align:center;font-size:1.125rem;}.validation-hint.svelte-t9z8bl {color:#6b7280;font-size:0.875rem;font-style:italic;}.validation-error.svelte-t9z8bl {color:#b3311f;font-size:1.125rem;font-weight:500;margin-top:0.25rem;}.spinner-container.svelte-t9z8bl {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;}`
15648
15922
  };
15649
15923
  function AddBankAccount($$anchor, $$props) {
15650
15924
  push($$props, true);
@@ -15679,6 +15953,14 @@ function AddBankAccount($$anchor, $$props) {
15679
15953
  var _a3;
15680
15954
  return ((_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.fieldMeta) || {};
15681
15955
  });
15956
+ const componentFieldMeta = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldMeta) || {}));
15957
+ const componentFieldLabels = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldLabels) || {}));
15958
+ const fieldErrorMessages = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldErrorMessages) || {}));
15959
+ const componentLabels = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().labels) || {}));
15960
+ const recipeLabels = /* @__PURE__ */ user_derived(() => () => {
15961
+ var _a3, _b2;
15962
+ return ((_b2 = (_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.labels) || {};
15963
+ });
15682
15964
  const hasRecipeFields = /* @__PURE__ */ user_derived(() => Object.keys(get$1(resolvedProfileFields)()).length > 0);
15683
15965
  const hasField = (fieldKey) => Object.prototype.hasOwnProperty.call(get$1(resolvedProfileFields)(), fieldKey);
15684
15966
  const requireRoutingAndAccountConfirmation = /* @__PURE__ */ user_derived(() => (_c = (_b = (_a2 = get$1(resolvedProfileRecipe)()) === null || _a2 === void 0 ? void 0 : _a2.config) === null || _b === void 0 ? void 0 : _b.requireRoutingAndAccountConfirmation) !== null && _c !== void 0 ? _c : requireRoutingAndAccountConfirmationProp());
@@ -15776,6 +16058,7 @@ function AddBankAccount($$anchor, $$props) {
15776
16058
  publicCertificateId: publicCertificateId(),
15777
16059
  initialData: initialFormData,
15778
16060
  fieldSchemas: () => get$1(fieldSchemas),
16061
+ fieldErrorMessages: () => get$1(fieldErrorMessages)(),
15779
16062
  formName: "AddBankAccount",
15780
16063
  stepType: "ADD_BANK_ACCOUNT",
15781
16064
  // Dummy submitHandler - not used since we have custom form handler
@@ -15799,25 +16082,40 @@ function AddBankAccount($$anchor, $$props) {
15799
16082
  };
15800
16083
  const defaultFieldHelpText = {
15801
16084
  ach_routing_number: "You can find your routing number on your check or bank statement.",
16085
+ ach_account_number: "You can find your account number on your check or bank statement.",
15802
16086
  confirm_routing_number: "Please confirm your routing number to ensure accuracy.",
15803
16087
  confirm_account_number: "Please confirm your account number to ensure accuracy."
15804
16088
  };
15805
- const getFieldLabel = (fieldKey) => {
15806
- var _a3;
15807
- return ((_a3 = get$1(fieldMeta)()[fieldKey]) === null || _a3 === void 0 ? void 0 : _a3.label) || defaultFieldLabels[fieldKey] || fieldKey;
15808
- };
15809
- const getFieldHelpText = (fieldKey) => {
15810
- var _a3;
15811
- return ((_a3 = get$1(fieldMeta)()[fieldKey]) === null || _a3 === void 0 ? void 0 : _a3.helpText) || defaultFieldHelpText[fieldKey] || "";
15812
- };
16089
+ const getFieldLabel = (fieldKey) => resolveFieldLabel(fieldKey, {
16090
+ componentFieldLabels: get$1(componentFieldLabels)(),
16091
+ componentFieldMeta: get$1(componentFieldMeta)(),
16092
+ recipeFieldMeta: get$1(fieldMeta)(),
16093
+ defaultFieldLabels
16094
+ });
16095
+ const getFieldHelpText = (fieldKey) => resolveFieldHelpText(fieldKey, {
16096
+ componentFieldMeta: get$1(componentFieldMeta)(),
16097
+ recipeFieldMeta: get$1(fieldMeta)(),
16098
+ defaultFieldHelpText
16099
+ });
16100
+ const getLabel = (labelKey, fallback) => resolveLabel(labelKey, {
16101
+ componentLabels: get$1(componentLabels)(),
16102
+ recipeLabels: get$1(recipeLabels)(),
16103
+ fallback
16104
+ });
15813
16105
  const getFieldPlaceholder = (fieldKey) => defaultFieldPlaceholders[fieldKey] || "";
15814
16106
  const shouldShowAccountType = /* @__PURE__ */ user_derived(() => hasField("ach_account_type"));
15815
16107
  const shouldShowRoutingNumber = /* @__PURE__ */ user_derived(() => !get$1(hasRecipeFields) || hasField("ach_routing_number"));
15816
16108
  const shouldShowAccountNumber = /* @__PURE__ */ user_derived(() => !get$1(hasRecipeFields) || hasField("ach_account_number"));
15817
- const accountTypeOptions = [
15818
- { label: "Checking", value: "CHECKING" },
15819
- { label: "Savings", value: "SAVINGS" }
15820
- ];
16109
+ const accountTypeOptions = /* @__PURE__ */ user_derived(() => [
16110
+ {
16111
+ label: getLabel("checkingAccountTypeOptionLabel", "Checking"),
16112
+ value: "CHECKING"
16113
+ },
16114
+ {
16115
+ label: getLabel("savingsAccountTypeOptionLabel", "Savings"),
16116
+ value: "SAVINGS"
16117
+ }
16118
+ ]);
15821
16119
  let isCheckingBankAccounts = /* @__PURE__ */ state(false);
15822
16120
  let isSubmitting = /* @__PURE__ */ state(false);
15823
16121
  let bankAccounts = /* @__PURE__ */ state(proxy({ bank_accounts: [] }));
@@ -15829,8 +16127,18 @@ function AddBankAccount($$anchor, $$props) {
15829
16127
  let isLoadingBankInfo = /* @__PURE__ */ state(false);
15830
16128
  let bankInfoByRouting = /* @__PURE__ */ state(proxy({}));
15831
16129
  let isRoutingHelpOpen = /* @__PURE__ */ state(false);
16130
+ let isAccountHelpOpen = /* @__PURE__ */ state(false);
16131
+ const isFormBusy = /* @__PURE__ */ user_derived(() => get$1(isCheckingBankAccounts) || get$1(isSubmitting));
15832
16132
  let hostElement = /* @__PURE__ */ state(null);
15833
16133
  const INVALID_ROUTING_NUMBER_MESSAGE = "Routing number is not valid";
16134
+ const getFieldErrorMessage = (fieldKey, ruleKey, fallback) => {
16135
+ var _a3, _b2;
16136
+ const override = (_b2 = (_a3 = get$1(fieldErrorMessages)()) === null || _a3 === void 0 ? void 0 : _a3[fieldKey]) === null || _b2 === void 0 ? void 0 : _b2[ruleKey];
16137
+ if (typeof override === "string" && override.trim()) {
16138
+ return override.trim();
16139
+ }
16140
+ return fallback;
16141
+ };
15834
16142
  const hasCredentials = /* @__PURE__ */ user_derived(() => jwt() && accountUuid());
15835
16143
  user_effect(() => {
15836
16144
  const shouldShowForm = get$1(showAddForm) || !get$1(isCheckingBankAccounts) && get$1(bankAccounts).bank_accounts.length === 0;
@@ -15842,27 +16150,28 @@ function AddBankAccount($$anchor, $$props) {
15842
16150
  });
15843
16151
  user_effect(() => {
15844
16152
  const routingNumber = baseForm.state.formData.ach_details.routing_number;
16153
+ const invalidRoutingNumberMessage = getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE);
15845
16154
  if (routingNumber && routingNumber.length === 9 && baseForm.state.alviereCore) {
15846
16155
  set(isLoadingBankInfo, true);
15847
16156
  lookupRoutingNumber(routingNumber, baseForm.state.alviereCore).then((info) => {
15848
16157
  set(bankInfo, info, true);
15849
16158
  if (!info) {
15850
- baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
16159
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15851
16160
  return;
15852
16161
  }
15853
- if (baseForm.state.validationErrors.ach_routing_number === INVALID_ROUTING_NUMBER_MESSAGE) {
16162
+ if (baseForm.state.validationErrors.ach_routing_number === invalidRoutingNumberMessage) {
15854
16163
  baseForm.actions.clearFieldError("ach_routing_number");
15855
16164
  }
15856
16165
  }).catch((error) => {
15857
16166
  set(bankInfo, null);
15858
- baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
16167
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15859
16168
  uiLogger.warn("Failed to lookup bank info:", error);
15860
16169
  }).finally(() => {
15861
16170
  set(isLoadingBankInfo, false);
15862
16171
  });
15863
16172
  } else {
15864
16173
  set(bankInfo, null);
15865
- if (baseForm.state.validationErrors.ach_routing_number === INVALID_ROUTING_NUMBER_MESSAGE) {
16174
+ if (baseForm.state.validationErrors.ach_routing_number === invalidRoutingNumberMessage) {
15866
16175
  baseForm.actions.clearFieldError("ach_routing_number");
15867
16176
  }
15868
16177
  }
@@ -15892,6 +16201,7 @@ function AddBankAccount($$anchor, $$props) {
15892
16201
  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;
15893
16202
  }).filter((routing) => typeof routing === "string" && routing.length > 0);
15894
16203
  routingNumbers.forEach((routingNumber) => {
16204
+ const invalidRoutingNumberMessage = getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE);
15895
16205
  if (get$1(bankInfoByRouting)[routingNumber] !== void 0) {
15896
16206
  return;
15897
16207
  }
@@ -15899,15 +16209,15 @@ function AddBankAccount($$anchor, $$props) {
15899
16209
  lookupRoutingNumber(routingNumber, baseForm.state.alviereCore || void 0).then((info) => {
15900
16210
  set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: info }), true);
15901
16211
  const currentRouting = baseForm.state.formData.ach_details.routing_number;
15902
- if (currentRouting === routingNumber && !info && baseForm.state.validationErrors.ach_routing_number !== INVALID_ROUTING_NUMBER_MESSAGE) {
15903
- baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
16212
+ if (currentRouting === routingNumber && !info && baseForm.state.validationErrors.ach_routing_number !== invalidRoutingNumberMessage) {
16213
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15904
16214
  }
15905
16215
  }).catch((error) => {
15906
16216
  uiLogger.warn("Failed to lookup bank info for routing number:", routingNumber, error);
15907
16217
  set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: null }), true);
15908
16218
  const currentRouting = baseForm.state.formData.ach_details.routing_number;
15909
16219
  if (currentRouting === routingNumber) {
15910
- baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
16220
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15911
16221
  }
15912
16222
  });
15913
16223
  });
@@ -16057,11 +16367,11 @@ function AddBankAccount($$anchor, $$props) {
16057
16367
  return true;
16058
16368
  }
16059
16369
  if (!/^\d{9}$/.test(confirmation)) {
16060
- baseForm.actions.setFieldError("confirm_routing_number", "Routing number must be exactly 9 digits");
16370
+ baseForm.actions.setFieldError("confirm_routing_number", getFieldErrorMessage("confirm_routing_number", "pattern", "Routing number must be exactly 9 digits"));
16061
16371
  return false;
16062
16372
  }
16063
16373
  if (!original || confirmation !== original) {
16064
- baseForm.actions.setFieldError("confirm_routing_number", "Routing number confirmation does not match");
16374
+ baseForm.actions.setFieldError("confirm_routing_number", getFieldErrorMessage("confirm_routing_number", "match", "Routing number confirmation does not match"));
16065
16375
  return false;
16066
16376
  }
16067
16377
  baseForm.actions.clearFieldError("confirm_routing_number");
@@ -16074,15 +16384,15 @@ function AddBankAccount($$anchor, $$props) {
16074
16384
  return true;
16075
16385
  }
16076
16386
  if (!/^\d+$/.test(confirmation)) {
16077
- baseForm.actions.setFieldError("confirm_account_number", "Account number must contain only digits");
16387
+ baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "numeric", "Account number must contain only digits"));
16078
16388
  return false;
16079
16389
  }
16080
16390
  if (confirmation.length < 3) {
16081
- baseForm.actions.setFieldError("confirm_account_number", "Account number must be at least 3 digits");
16391
+ baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "minLength", "Account number must be at least 3 digits"));
16082
16392
  return false;
16083
16393
  }
16084
16394
  if (!original || confirmation !== original) {
16085
- baseForm.actions.setFieldError("confirm_account_number", "Account number confirmation does not match");
16395
+ baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "match", "Account number confirmation does not match"));
16086
16396
  return false;
16087
16397
  }
16088
16398
  baseForm.actions.clearFieldError("confirm_account_number");
@@ -16103,14 +16413,16 @@ function AddBankAccount($$anchor, $$props) {
16103
16413
  }
16104
16414
  user_effect(() => {
16105
16415
  if (!get$1(requireRoutingAndAccountConfirmation)) return;
16416
+ const routingMismatchMessage = getFieldErrorMessage("confirm_routing_number", "match", "Routing number confirmation does not match");
16417
+ const accountMismatchMessage = getFieldErrorMessage("confirm_account_number", "match", "Account number confirmation does not match");
16106
16418
  const routingOriginal = normalizeComparableValue(baseForm.state.formData.ach_details.routing_number || baseForm.state.formData.ach_routing_number);
16107
16419
  const routingConfirmation = normalizeComparableValue(baseForm.state.formData.confirm_routing_number);
16108
- if (routingOriginal && routingConfirmation && routingOriginal === routingConfirmation && baseForm.state.validationErrors.confirm_routing_number === "Routing number confirmation does not match") {
16420
+ if (routingOriginal && routingConfirmation && routingOriginal === routingConfirmation && baseForm.state.validationErrors.confirm_routing_number === routingMismatchMessage) {
16109
16421
  baseForm.actions.clearFieldError("confirm_routing_number");
16110
16422
  }
16111
16423
  const accountOriginal = normalizeComparableValue(baseForm.state.formData.ach_details.account_number || baseForm.state.formData.ach_account_number);
16112
16424
  const accountConfirmation = normalizeComparableValue(baseForm.state.formData.confirm_account_number);
16113
- if (accountOriginal && accountConfirmation && accountOriginal === accountConfirmation && baseForm.state.validationErrors.confirm_account_number === "Account number confirmation does not match") {
16425
+ if (accountOriginal && accountConfirmation && accountOriginal === accountConfirmation && baseForm.state.validationErrors.confirm_account_number === accountMismatchMessage) {
16114
16426
  baseForm.actions.clearFieldError("confirm_account_number");
16115
16427
  }
16116
16428
  });
@@ -16215,12 +16527,12 @@ function AddBankAccount($$anchor, $$props) {
16215
16527
  append($$anchor2, div_1);
16216
16528
  };
16217
16529
  if_block(node, ($$render) => {
16218
- if (get$1(isCheckingBankAccounts) || get$1(isSubmitting)) $$render(consequent);
16530
+ if (get$1(isFormBusy)) $$render(consequent);
16219
16531
  });
16220
16532
  }
16221
16533
  var node_1 = sibling(node, 2);
16222
16534
  {
16223
- var consequent_8 = ($$anchor2) => {
16535
+ var consequent_7 = ($$anchor2) => {
16224
16536
  var div_2 = root_2$4();
16225
16537
  var div_3 = child(div_2);
16226
16538
  var h2 = child(div_3);
@@ -16230,6 +16542,8 @@ function AddBankAccount($$anchor, $$props) {
16230
16542
  set_custom_element_data(alviere_button, "variant", "secondary");
16231
16543
  set_custom_element_data(alviere_button, "handler", () => set(showAddForm, true));
16232
16544
  set_custom_element_data(alviere_button, "iconName", "Plus");
16545
+ var text_1 = child(alviere_button, true);
16546
+ reset(alviere_button);
16233
16547
  reset(div_3);
16234
16548
  var alviere_list = sibling(div_3, 2);
16235
16549
  each(alviere_list, 21, () => get$1(bankAccounts).bank_accounts, index, ($$anchor3, bankAccount, index2) => {
@@ -16247,53 +16561,33 @@ function AddBankAccount($$anchor, $$props) {
16247
16561
  var alviere_badge = child(div_4);
16248
16562
  set_custom_element_data(alviere_badge, "size", "sm");
16249
16563
  set_custom_element_data(alviere_badge, "variant", "info");
16250
- var text_1 = child(alviere_badge, true);
16564
+ var text_2 = child(alviere_badge, true);
16251
16565
  reset(alviere_badge);
16252
16566
  reset(div_4);
16253
16567
  var div_5 = sibling(div_4, 2);
16254
16568
  var span = child(div_5);
16255
- var text_2 = child(span);
16256
- var node_2 = sibling(text_2);
16257
- {
16258
- var consequent_1 = ($$anchor4) => {
16259
- var span_1 = root_4$5();
16260
- var text_3 = child(span_1);
16261
- reset(span_1);
16262
- template_effect(() => set_text(text_3, `· ${get$1(displayInfo).accountType ?? ""}`));
16263
- append($$anchor4, span_1);
16264
- };
16265
- if_block(node_2, ($$render) => {
16266
- if (get$1(displayInfo).accountType !== "N/A") $$render(consequent_1);
16267
- });
16268
- }
16569
+ var text_3 = child(span);
16269
16570
  reset(span);
16270
16571
  reset(div_5);
16271
16572
  var div_6 = sibling(div_5, 2);
16272
- var node_3 = child(div_6);
16573
+ var node_2 = child(div_6);
16273
16574
  {
16274
- var consequent_2 = ($$anchor4) => {
16275
- var alviere_badge_1 = root_5$4();
16575
+ var consequent_1 = ($$anchor4) => {
16576
+ var alviere_badge_1 = root_4$5();
16276
16577
  set_custom_element_data(alviere_badge_1, "size", "sm");
16277
16578
  set_custom_element_data(alviere_badge_1, "variant", "warning");
16579
+ var text_4 = child(alviere_badge_1, true);
16580
+ reset(alviere_badge_1);
16581
+ template_effect(($0) => set_text(text_4, $0), [() => getLabel("primaryBadgeLabel", "Primary")]);
16278
16582
  append($$anchor4, alviere_badge_1);
16279
16583
  };
16280
- if_block(node_3, ($$render) => {
16281
- if (get$1(bankAccount).primary) $$render(consequent_2);
16584
+ if_block(node_2, ($$render) => {
16585
+ if (get$1(bankAccount).primary) $$render(consequent_1);
16282
16586
  });
16283
16587
  }
16284
16588
  reset(div_6);
16285
16589
  var div_7 = sibling(div_6, 2);
16286
- var span_2 = child(div_7);
16287
- var text_4 = child(span_2, true);
16288
- reset(span_2);
16289
- reset(div_7);
16290
- var div_8 = sibling(div_7, 2);
16291
- var span_3 = child(div_8);
16292
- var text_5 = child(span_3, true);
16293
- reset(span_3);
16294
- reset(div_8);
16295
- var div_9 = sibling(div_8, 2);
16296
- var alviere_button_1 = child(div_9);
16590
+ var alviere_button_1 = child(div_7);
16297
16591
  set_custom_element_data(alviere_button_1, "variant", "primary");
16298
16592
  set_custom_element_data(alviere_button_1, "size", "sm");
16299
16593
  set_custom_element_data(alviere_button_1, "handler", (e) => {
@@ -16310,113 +16604,160 @@ function AddBankAccount($$anchor, $$props) {
16310
16604
  deleteBankAccount(get$1(bankAccount).payment_method_uuid || "");
16311
16605
  });
16312
16606
  set_custom_element_data(alviere_button_2, "iconName", "Trash");
16313
- reset(div_9);
16314
- var div_10 = sibling(div_9, 2);
16315
- var div_11 = child(div_10);
16316
- var div_12 = child(div_11);
16317
- var span_4 = sibling(child(div_12), 2);
16318
- var text_6 = child(span_4);
16607
+ reset(div_7);
16608
+ var div_8 = sibling(div_7, 2);
16609
+ var div_9 = child(div_8);
16610
+ var div_10 = child(div_9);
16611
+ var span_1 = child(div_10);
16612
+ var text_5 = child(span_1);
16613
+ reset(span_1);
16614
+ var span_2 = sibling(span_1, 2);
16615
+ var text_6 = child(span_2);
16616
+ reset(span_2);
16617
+ reset(div_10);
16618
+ var div_11 = sibling(div_10, 2);
16619
+ var span_3 = child(div_11);
16620
+ var text_7 = child(span_3);
16621
+ reset(span_3);
16622
+ var span_4 = sibling(span_3, 2);
16623
+ var text_8 = child(span_4, true);
16319
16624
  reset(span_4);
16320
- reset(div_12);
16321
- var div_13 = sibling(div_12, 2);
16322
- var span_5 = sibling(child(div_13), 2);
16323
- var text_7 = child(span_5, true);
16324
- reset(span_5);
16325
- reset(div_13);
16326
- var node_4 = sibling(div_13, 2);
16625
+ reset(div_11);
16626
+ var node_3 = sibling(div_11, 2);
16327
16627
  {
16328
- var consequent_5 = ($$anchor4) => {
16329
- var fragment_1 = root_6$2();
16330
- var div_14 = first_child(fragment_1);
16331
- var span_6 = sibling(child(div_14), 2);
16332
- var text_8 = child(span_6, true);
16628
+ var consequent_4 = ($$anchor4) => {
16629
+ var fragment_1 = root_5$4();
16630
+ var div_12 = first_child(fragment_1);
16631
+ var span_5 = child(div_12);
16632
+ var text_9 = child(span_5);
16633
+ reset(span_5);
16634
+ var span_6 = sibling(span_5, 2);
16635
+ var text_10 = child(span_6, true);
16333
16636
  reset(span_6);
16334
- reset(div_14);
16335
- var node_5 = sibling(div_14, 2);
16637
+ reset(div_12);
16638
+ var node_4 = sibling(div_12, 2);
16336
16639
  {
16337
- var consequent_3 = ($$anchor5) => {
16338
- var div_15 = root_7$1();
16339
- var span_7 = sibling(child(div_15), 2);
16340
- var text_9 = child(span_7, true);
16640
+ var consequent_2 = ($$anchor5) => {
16641
+ var div_13 = root_6$3();
16642
+ var span_7 = child(div_13);
16643
+ var text_11 = child(span_7);
16341
16644
  reset(span_7);
16342
- reset(div_15);
16343
- template_effect(() => set_text(text_9, get$1(displayInfo).bankInfo.region));
16344
- append($$anchor5, div_15);
16645
+ var span_8 = sibling(span_7, 2);
16646
+ var text_12 = child(span_8, true);
16647
+ reset(span_8);
16648
+ reset(div_13);
16649
+ template_effect(
16650
+ ($0) => {
16651
+ set_text(text_11, `${$0 ?? ""}:`);
16652
+ set_text(text_12, get$1(displayInfo).bankInfo.region);
16653
+ },
16654
+ [() => getLabel("regionLabel", "Region")]
16655
+ );
16656
+ append($$anchor5, div_13);
16345
16657
  };
16346
- if_block(node_5, ($$render) => {
16347
- if (get$1(displayInfo).bankInfo.region) $$render(consequent_3);
16658
+ if_block(node_4, ($$render) => {
16659
+ if (get$1(displayInfo).bankInfo.region) $$render(consequent_2);
16348
16660
  });
16349
16661
  }
16350
- var node_6 = sibling(node_5, 2);
16662
+ var node_5 = sibling(node_4, 2);
16351
16663
  {
16352
- var consequent_4 = ($$anchor5) => {
16353
- var div_16 = root_8$2();
16354
- var span_8 = sibling(child(div_16), 2);
16355
- var text_10 = child(span_8, true);
16356
- reset(span_8);
16357
- reset(div_16);
16358
- template_effect(() => set_text(text_10, get$1(displayInfo).bankInfo.description));
16359
- append($$anchor5, div_16);
16664
+ var consequent_3 = ($$anchor5) => {
16665
+ var div_14 = root_7$1();
16666
+ var span_9 = child(div_14);
16667
+ var text_13 = child(span_9);
16668
+ reset(span_9);
16669
+ var span_10 = sibling(span_9, 2);
16670
+ var text_14 = child(span_10, true);
16671
+ reset(span_10);
16672
+ reset(div_14);
16673
+ template_effect(
16674
+ ($0) => {
16675
+ set_text(text_13, `${$0 ?? ""}:`);
16676
+ set_text(text_14, get$1(displayInfo).bankInfo.description);
16677
+ },
16678
+ [() => getLabel("descriptionLabel", "Description")]
16679
+ );
16680
+ append($$anchor5, div_14);
16360
16681
  };
16361
- if_block(node_6, ($$render) => {
16362
- if (get$1(displayInfo).bankInfo.description) $$render(consequent_4);
16682
+ if_block(node_5, ($$render) => {
16683
+ if (get$1(displayInfo).bankInfo.description) $$render(consequent_3);
16363
16684
  });
16364
16685
  }
16365
- template_effect(() => set_text(text_8, get$1(displayInfo).bankInfo.name));
16686
+ template_effect(
16687
+ ($0) => {
16688
+ set_text(text_9, `${$0 ?? ""}:`);
16689
+ set_text(text_10, get$1(displayInfo).bankInfo.name);
16690
+ },
16691
+ [() => getLabel("bankLabel", "Bank")]
16692
+ );
16366
16693
  append($$anchor4, fragment_1);
16367
16694
  };
16368
- if_block(node_4, ($$render) => {
16369
- if (get$1(displayInfo).bankInfo) $$render(consequent_5);
16695
+ if_block(node_3, ($$render) => {
16696
+ if (get$1(displayInfo).bankInfo) $$render(consequent_4);
16370
16697
  });
16371
16698
  }
16372
- var node_7 = sibling(node_4, 2);
16699
+ var node_6 = sibling(node_3, 2);
16373
16700
  {
16374
- var consequent_6 = ($$anchor4) => {
16375
- var div_17 = root_9$2();
16376
- var span_9 = sibling(child(div_17), 2);
16377
- var text_11 = child(span_9, true);
16378
- reset(span_9);
16379
- reset(div_17);
16380
- template_effect(() => set_text(text_11, get$1(displayInfo).accountType));
16381
- append($$anchor4, div_17);
16701
+ var consequent_5 = ($$anchor4) => {
16702
+ var div_15 = root_8$2();
16703
+ var span_11 = child(div_15);
16704
+ var text_15 = child(span_11);
16705
+ reset(span_11);
16706
+ var span_12 = sibling(span_11, 2);
16707
+ var text_16 = child(span_12, true);
16708
+ reset(span_12);
16709
+ reset(div_15);
16710
+ template_effect(
16711
+ ($0) => {
16712
+ set_text(text_15, `${$0 ?? ""}:`);
16713
+ set_text(text_16, get$1(displayInfo).accountType);
16714
+ },
16715
+ [() => getLabel("accountTypeLabel", "Account Type")]
16716
+ );
16717
+ append($$anchor4, div_15);
16382
16718
  };
16383
- if_block(node_7, ($$render) => {
16384
- if (get$1(displayInfo).accountType !== "N/A") $$render(consequent_6);
16719
+ if_block(node_6, ($$render) => {
16720
+ if (get$1(displayInfo).accountType !== "N/A") $$render(consequent_5);
16385
16721
  });
16386
16722
  }
16387
- reset(div_11);
16388
- reset(div_10);
16723
+ reset(div_9);
16724
+ reset(div_8);
16389
16725
  reset(alviere_list_item);
16390
- template_effect(() => {
16391
- var _a3;
16392
- set_text(text_1, get$1(displayInfo).type);
16393
- set_text(text_2, `••••${get$1(displayInfo).accountNumber ?? ""} `);
16394
- set_text(text_4, (_a3 = get$1(displayInfo).bankInfo) == null ? void 0 : _a3.name);
16395
- set_text(text_5, get$1(displayInfo).routingNumber);
16396
- set_text(text_6, `••••${get$1(displayInfo).accountNumber ?? ""}`);
16397
- set_text(text_7, get$1(displayInfo).routingNumber);
16398
- });
16726
+ template_effect(
16727
+ ($0, $1) => {
16728
+ set_text(text_2, get$1(displayInfo).type);
16729
+ set_text(text_3, `••••${get$1(displayInfo).accountNumber ?? ""}`);
16730
+ set_text(text_5, `${$0 ?? ""}:`);
16731
+ set_text(text_6, `••••${get$1(displayInfo).accountNumber ?? ""}`);
16732
+ set_text(text_7, `${$1 ?? ""}:`);
16733
+ set_text(text_8, get$1(displayInfo).routingNumber);
16734
+ },
16735
+ [
16736
+ () => getLabel("accountNumberLabel", "Account Number"),
16737
+ () => getLabel("routingSwiftLabel", "Routing/SWIFT")
16738
+ ]
16739
+ );
16399
16740
  event$1("select", alviere_list_item, () => selectBankAccount(get$1(bankAccount).payment_method_uuid || ""));
16400
16741
  append($$anchor3, alviere_list_item);
16401
16742
  });
16402
16743
  reset(alviere_list);
16403
- var div_18 = sibling(alviere_list, 2);
16404
- var node_8 = child(div_18);
16744
+ var div_16 = sibling(alviere_list, 2);
16745
+ var node_7 = child(div_16);
16405
16746
  {
16406
- var consequent_7 = ($$anchor3) => {
16407
- var div_19 = root_10();
16408
- var span_10 = child(div_19);
16409
- var text_12 = child(span_10, true);
16410
- reset(span_10);
16411
- reset(div_19);
16412
- template_effect(() => set_text(text_12, get$1(formError)));
16413
- append($$anchor3, div_19);
16747
+ var consequent_6 = ($$anchor3) => {
16748
+ var div_17 = root_9$2();
16749
+ var span_13 = child(div_17);
16750
+ var text_17 = child(span_13, true);
16751
+ reset(span_13);
16752
+ reset(div_17);
16753
+ template_effect(() => set_text(text_17, get$1(formError)));
16754
+ append($$anchor3, div_17);
16414
16755
  };
16415
- if_block(node_8, ($$render) => {
16416
- if (get$1(formError)) $$render(consequent_7);
16756
+ if_block(node_7, ($$render) => {
16757
+ if (get$1(formError) && !get$1(isFormBusy)) $$render(consequent_6);
16417
16758
  });
16418
16759
  }
16419
- var alviere_button_3 = sibling(node_8, 2);
16760
+ var alviere_button_3 = sibling(node_7, 2);
16420
16761
  set_custom_element_data(alviere_button_3, "variant", "primary");
16421
16762
  set_custom_element_data(alviere_button_3, "size", "md");
16422
16763
  template_effect(() => set_custom_element_data(alviere_button_3, "disabled", !get$1(hasSelectedBankAccount)));
@@ -16446,6 +16787,7 @@ function AddBankAccount($$anchor, $$props) {
16446
16787
  detail: {
16447
16788
  stepType: "ADD_BANK_ACCOUNT",
16448
16789
  payment_method_uuid: selectedBankAccount.payment_method_uuid,
16790
+ payment_method_last4: selectedBankAccount.last_4 || "",
16449
16791
  payment_method_status: paymentMethodStatus,
16450
16792
  success: true
16451
16793
  },
@@ -16458,126 +16800,124 @@ function AddBankAccount($$anchor, $$props) {
16458
16800
  uiLogger.warn("⚠️ Host element not available for event dispatch");
16459
16801
  }
16460
16802
  });
16461
- var text_13 = child(alviere_button_3, true);
16803
+ var text_18 = child(alviere_button_3, true);
16462
16804
  reset(alviere_button_3);
16463
- reset(div_18);
16805
+ reset(div_16);
16464
16806
  reset(div_2);
16465
16807
  template_effect(
16466
- ($0) => {
16467
- set_text(text2, `Your Bank Accounts (${get$1(bankAccounts).bank_accounts.length ?? ""})`);
16468
- set_text(text_13, $0);
16808
+ ($0, $1, $2) => {
16809
+ set_text(text2, `${$0 ?? ""} (${get$1(bankAccounts).bank_accounts.length ?? ""})`);
16810
+ set_text(text_1, $1);
16811
+ set_text(text_18, $2);
16469
16812
  },
16470
16813
  [
16471
- () => {
16472
- var _a3, _b2, _c2;
16473
- return ((_c2 = (_b2 = (_a3 = get$1(resolvedProfileRecipe)()) == null ? void 0 : _a3.config) == null ? void 0 : _b2.labels) == null ? void 0 : _c2.finalizeButton) || "Continue to Payment";
16474
- }
16814
+ () => getLabel("bankAccountsTitleLabel", "Your Bank Accounts"),
16815
+ () => getLabel("addNewBankAccountLabel", "Add New Bank Account"),
16816
+ () => getLabel("finalizeButton", "Continue to Payment")
16475
16817
  ]
16476
16818
  );
16477
16819
  append($$anchor2, div_2);
16478
16820
  };
16479
16821
  if_block(node_1, ($$render) => {
16480
- if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(consequent_8);
16822
+ if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(consequent_7);
16481
16823
  });
16482
16824
  }
16483
- var node_9 = sibling(node_1, 2);
16825
+ var node_8 = sibling(node_1, 2);
16484
16826
  {
16485
- var consequent_23 = ($$anchor2) => {
16486
- var form = root_11();
16487
- var div_20 = child(form);
16488
- var node_10 = sibling(child(div_20), 2);
16827
+ var consequent_22 = ($$anchor2) => {
16828
+ var form = root_10();
16829
+ var div_18 = child(form);
16830
+ var h2_1 = child(div_18);
16831
+ var text_19 = child(h2_1, true);
16832
+ reset(h2_1);
16833
+ var node_9 = sibling(h2_1, 2);
16489
16834
  {
16490
- var consequent_9 = ($$anchor3) => {
16491
- var alviere_button_4 = root_12$1();
16835
+ var consequent_8 = ($$anchor3) => {
16836
+ var alviere_button_4 = root_11();
16492
16837
  set_custom_element_data(alviere_button_4, "type", "button");
16493
16838
  set_custom_element_data(alviere_button_4, "variant", "secondary");
16494
16839
  set_custom_element_data(alviere_button_4, "handler", () => set(showAddForm, false));
16495
16840
  set_custom_element_data(alviere_button_4, "iconName", "X");
16841
+ var span_14 = child(alviere_button_4);
16842
+ var text_20 = child(span_14, true);
16843
+ reset(span_14);
16844
+ reset(alviere_button_4);
16845
+ template_effect(($0) => set_text(text_20, $0), [
16846
+ () => getLabel("backToBankAccountsLabel", "Back to Bank Accounts")
16847
+ ]);
16496
16848
  append($$anchor3, alviere_button_4);
16497
16849
  };
16498
- if_block(node_10, ($$render) => {
16499
- if (get$1(bankAccounts).bank_accounts.length > 0) $$render(consequent_9);
16850
+ if_block(node_9, ($$render) => {
16851
+ if (get$1(bankAccounts).bank_accounts.length > 0) $$render(consequent_8);
16500
16852
  });
16501
16853
  }
16502
- reset(div_20);
16503
- var div_21 = sibling(div_20, 2);
16504
- var node_11 = child(div_21);
16854
+ reset(div_18);
16855
+ var div_19 = sibling(div_18, 2);
16856
+ var node_10 = child(div_19);
16505
16857
  {
16506
- var consequent_19 = ($$anchor3) => {
16507
- var fragment_2 = root_13$1();
16508
- var div_22 = first_child(fragment_2);
16509
- var alviere_badge_2 = child(div_22);
16858
+ var consequent_17 = ($$anchor3) => {
16859
+ var fragment_2 = root_12$1();
16860
+ var div_20 = first_child(fragment_2);
16861
+ var alviere_badge_2 = child(div_20);
16510
16862
  set_custom_element_data(alviere_badge_2, "size", "sm");
16511
16863
  set_custom_element_data(alviere_badge_2, "variant", "tertiary");
16512
- var node_12 = sibling(alviere_badge_2, 2);
16864
+ var text_21 = child(alviere_badge_2, true);
16865
+ reset(alviere_badge_2);
16866
+ var node_11 = sibling(alviere_badge_2, 2);
16513
16867
  {
16514
- var consequent_13 = ($$anchor4) => {
16515
- var fragment_3 = root_14$1();
16516
- var node_13 = first_child(fragment_3);
16868
+ var consequent_11 = ($$anchor4) => {
16869
+ var fragment_3 = root_13$1();
16870
+ var node_12 = first_child(fragment_3);
16517
16871
  {
16518
- var consequent_11 = ($$anchor5) => {
16519
- var div_23 = root_15$1();
16520
- var div_24 = child(div_23);
16521
- var span_11 = child(div_24);
16522
- var text_14 = child(span_11, true);
16523
- reset(span_11);
16524
- var node_14 = sibling(span_11, 2);
16525
- {
16526
- var consequent_10 = ($$anchor6) => {
16527
- var span_12 = root_16$1();
16528
- var text_15 = child(span_12);
16529
- reset(span_12);
16530
- template_effect(() => set_text(text_15, `(${get$1(bankInfo).city ?? ""})`));
16531
- append($$anchor6, span_12);
16532
- };
16533
- if_block(node_14, ($$render) => {
16534
- var _a3;
16535
- if ((_a3 = get$1(bankInfo)) == null ? void 0 : _a3.city) $$render(consequent_10);
16536
- });
16537
- }
16538
- reset(div_24);
16539
- reset(div_23);
16872
+ var consequent_9 = ($$anchor5) => {
16873
+ var div_21 = root_14$1();
16874
+ var div_22 = child(div_21);
16875
+ var span_15 = child(div_22);
16876
+ var text_22 = child(span_15, true);
16877
+ reset(span_15);
16878
+ reset(div_22);
16879
+ reset(div_21);
16540
16880
  template_effect(() => {
16541
16881
  var _a3;
16542
- return set_text(text_14, (_a3 = get$1(bankInfo)) == null ? void 0 : _a3.name);
16882
+ return set_text(text_22, (_a3 = get$1(bankInfo)) == null ? void 0 : _a3.name);
16543
16883
  });
16544
- append($$anchor5, div_23);
16884
+ append($$anchor5, div_21);
16545
16885
  };
16546
- if_block(node_13, ($$render) => {
16547
- if (get$1(bankInfo)) $$render(consequent_11);
16886
+ if_block(node_12, ($$render) => {
16887
+ if (get$1(bankInfo)) $$render(consequent_9);
16548
16888
  });
16549
16889
  }
16550
- var node_15 = sibling(node_13, 2);
16890
+ var node_13 = sibling(node_12, 2);
16551
16891
  {
16552
- var consequent_12 = ($$anchor5) => {
16553
- var alviere_spinner_1 = root_17$1();
16892
+ var consequent_10 = ($$anchor5) => {
16893
+ var alviere_spinner_1 = root_15$1();
16554
16894
  set_custom_element_data(alviere_spinner_1, "size", "sm");
16555
16895
  set_custom_element_data(alviere_spinner_1, "variant", "circular");
16556
16896
  append($$anchor5, alviere_spinner_1);
16557
16897
  };
16558
- if_block(node_15, ($$render) => {
16559
- if (get$1(isLoadingBankInfo)) $$render(consequent_12);
16898
+ if_block(node_13, ($$render) => {
16899
+ if (get$1(isLoadingBankInfo)) $$render(consequent_10);
16560
16900
  });
16561
16901
  }
16562
16902
  append($$anchor4, fragment_3);
16563
16903
  };
16564
- if_block(node_12, ($$render) => {
16565
- if (baseForm.state.formData.ach_details.routing_number && baseForm.state.formData.ach_details.routing_number.length === 9) $$render(consequent_13);
16904
+ if_block(node_11, ($$render) => {
16905
+ if (baseForm.state.formData.ach_details.routing_number && baseForm.state.formData.ach_details.routing_number.length === 9) $$render(consequent_11);
16566
16906
  });
16567
16907
  }
16568
- reset(div_22);
16569
- var node_16 = sibling(div_22, 2);
16908
+ reset(div_20);
16909
+ var node_14 = sibling(div_20, 2);
16570
16910
  {
16571
- var consequent_14 = ($$anchor4) => {
16572
- var div_25 = root_18$1();
16573
- var node_17 = child(div_25);
16911
+ var consequent_12 = ($$anchor4) => {
16912
+ var div_23 = root_16$1();
16913
+ var node_15 = child(div_23);
16574
16914
  {
16575
16915
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_type"));
16576
16916
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_type"));
16577
16917
  let $2 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type ? "invalid" : "neutral");
16578
16918
  let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type || "");
16579
16919
  let $4 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_type"));
16580
- SearchSelect(node_17, {
16920
+ SearchSelect(node_15, {
16581
16921
  get label() {
16582
16922
  return get$1($0);
16583
16923
  },
@@ -16585,7 +16925,7 @@ function AddBankAccount($$anchor, $$props) {
16585
16925
  return baseForm.state.formData.ach_details.type;
16586
16926
  },
16587
16927
  get options() {
16588
- return accountTypeOptions;
16928
+ return get$1(accountTypeOptions);
16589
16929
  },
16590
16930
  get placeholder() {
16591
16931
  return get$1($1);
@@ -16611,25 +16951,26 @@ function AddBankAccount($$anchor, $$props) {
16611
16951
  required: true
16612
16952
  });
16613
16953
  }
16614
- reset(div_25);
16615
- append($$anchor4, div_25);
16954
+ reset(div_23);
16955
+ append($$anchor4, div_23);
16616
16956
  };
16617
- if_block(node_16, ($$render) => {
16618
- if (get$1(shouldShowAccountType)) $$render(consequent_14);
16957
+ if_block(node_14, ($$render) => {
16958
+ if (get$1(shouldShowAccountType)) $$render(consequent_12);
16619
16959
  });
16620
16960
  }
16621
- var node_18 = sibling(node_16, 2);
16961
+ var node_16 = sibling(node_14, 2);
16622
16962
  {
16623
- var consequent_16 = ($$anchor4) => {
16624
- var div_26 = root_19$1();
16625
- var node_19 = child(div_26);
16963
+ var consequent_14 = ($$anchor4) => {
16964
+ var div_24 = root_17$1();
16965
+ var node_17 = child(div_24);
16626
16966
  {
16627
16967
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_routing_number"));
16628
16968
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_routing_number"));
16629
16969
  let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_routing_number"));
16630
16970
  let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number ? "invalid" : "neutral");
16631
16971
  let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number || "");
16632
- TextInput(node_19, {
16972
+ let $5 = /* @__PURE__ */ user_derived(() => getLabel("routingHelpAriaLabel", "Where to find your routing number"));
16973
+ TextInput(node_17, {
16633
16974
  get value() {
16634
16975
  return baseForm.state.formData.ach_details.routing_number;
16635
16976
  },
@@ -16653,9 +16994,12 @@ function AddBankAccount($$anchor, $$props) {
16653
16994
  get errorMessage() {
16654
16995
  return get$1($4);
16655
16996
  },
16656
- suffixActionAriaLabel: "Where to find your routing number",
16997
+ get suffixActionAriaLabel() {
16998
+ return get$1($5);
16999
+ },
16657
17000
  suffixActionHandler: () => {
16658
17001
  set(isRoutingHelpOpen, true);
17002
+ set(isAccountHelpOpen, false);
16659
17003
  },
16660
17004
  oninput: (e) => {
16661
17005
  clearSubmissionErrorOnEdit();
@@ -16669,9 +17013,9 @@ function AddBankAccount($$anchor, $$props) {
16669
17013
  }
16670
17014
  });
16671
17015
  }
16672
- var node_20 = sibling(node_19, 2);
17016
+ var node_18 = sibling(node_17, 2);
16673
17017
  {
16674
- var consequent_15 = ($$anchor5) => {
17018
+ var consequent_13 = ($$anchor5) => {
16675
17019
  {
16676
17020
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_routing_number"));
16677
17021
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_routing_number"));
@@ -16715,28 +17059,30 @@ function AddBankAccount($$anchor, $$props) {
16715
17059
  });
16716
17060
  }
16717
17061
  };
16718
- if_block(node_20, ($$render) => {
16719
- if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_15);
17062
+ if_block(node_18, ($$render) => {
17063
+ if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_13);
16720
17064
  });
16721
17065
  }
16722
- reset(div_26);
16723
- append($$anchor4, div_26);
17066
+ reset(div_24);
17067
+ append($$anchor4, div_24);
16724
17068
  };
16725
- if_block(node_18, ($$render) => {
16726
- if (get$1(shouldShowRoutingNumber)) $$render(consequent_16);
17069
+ if_block(node_16, ($$render) => {
17070
+ if (get$1(shouldShowRoutingNumber)) $$render(consequent_14);
16727
17071
  });
16728
17072
  }
16729
- var node_21 = sibling(node_18, 2);
17073
+ var node_19 = sibling(node_16, 2);
16730
17074
  {
16731
- var consequent_18 = ($$anchor4) => {
16732
- var div_27 = root_21$1();
16733
- var node_22 = child(div_27);
17075
+ var consequent_16 = ($$anchor4) => {
17076
+ var div_25 = root_19$1();
17077
+ var node_20 = child(div_25);
16734
17078
  {
16735
17079
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_number"));
16736
17080
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_number"));
16737
- let $2 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number ? "invalid" : "neutral");
16738
- let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number || "");
16739
- TextInput(node_22, {
17081
+ let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_number"));
17082
+ let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number ? "invalid" : "neutral");
17083
+ let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number || "");
17084
+ let $5 = /* @__PURE__ */ user_derived(() => getLabel("accountHelpAriaLabel", "Where to find your account number"));
17085
+ TextInput(node_20, {
16740
17086
  get value() {
16741
17087
  return baseForm.state.formData.ach_details.account_number;
16742
17088
  },
@@ -16746,6 +17092,9 @@ function AddBankAccount($$anchor, $$props) {
16746
17092
  get placeholder() {
16747
17093
  return get$1($1);
16748
17094
  },
17095
+ get helpText() {
17096
+ return get$1($2);
17097
+ },
16749
17098
  required: true,
16750
17099
  minlength: 3,
16751
17100
  id: "ach_account",
@@ -16753,10 +17102,17 @@ function AddBankAccount($$anchor, $$props) {
16753
17102
  return get$1(fieldSchemas).ach_account_number;
16754
17103
  },
16755
17104
  get validationState() {
16756
- return get$1($2);
17105
+ return get$1($3);
16757
17106
  },
16758
17107
  get errorMessage() {
16759
- return get$1($3);
17108
+ return get$1($4);
17109
+ },
17110
+ get suffixActionAriaLabel() {
17111
+ return get$1($5);
17112
+ },
17113
+ suffixActionHandler: () => {
17114
+ set(isAccountHelpOpen, true);
17115
+ set(isRoutingHelpOpen, false);
16760
17116
  },
16761
17117
  oninput: (e) => {
16762
17118
  clearSubmissionErrorOnEdit();
@@ -16770,9 +17126,9 @@ function AddBankAccount($$anchor, $$props) {
16770
17126
  }
16771
17127
  });
16772
17128
  }
16773
- var node_23 = sibling(node_22, 2);
17129
+ var node_21 = sibling(node_20, 2);
16774
17130
  {
16775
- var consequent_17 = ($$anchor5) => {
17131
+ var consequent_15 = ($$anchor5) => {
16776
17132
  {
16777
17133
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_account_number"));
16778
17134
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_account_number"));
@@ -16817,27 +17173,28 @@ function AddBankAccount($$anchor, $$props) {
16817
17173
  });
16818
17174
  }
16819
17175
  };
16820
- if_block(node_23, ($$render) => {
16821
- if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_17);
17176
+ if_block(node_21, ($$render) => {
17177
+ if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_15);
16822
17178
  });
16823
17179
  }
16824
- reset(div_27);
16825
- append($$anchor4, div_27);
17180
+ reset(div_25);
17181
+ append($$anchor4, div_25);
16826
17182
  };
16827
- if_block(node_21, ($$render) => {
16828
- if (get$1(shouldShowAccountNumber)) $$render(consequent_18);
17183
+ if_block(node_19, ($$render) => {
17184
+ if (get$1(shouldShowAccountNumber)) $$render(consequent_16);
16829
17185
  });
16830
17186
  }
17187
+ template_effect(($0) => set_text(text_21, $0), [() => getLabel("achBadgeLabel", "ACH")]);
16831
17188
  append($$anchor3, fragment_2);
16832
17189
  };
16833
- if_block(node_11, ($$render) => {
16834
- if (baseForm.state.formData.bankAccountType === "ACH") $$render(consequent_19);
17190
+ if_block(node_10, ($$render) => {
17191
+ if (baseForm.state.formData.bankAccountType === "ACH") $$render(consequent_17);
16835
17192
  });
16836
17193
  }
16837
- var div_28 = sibling(node_11, 2);
16838
- var alviere_checkbox = child(div_28);
17194
+ var div_26 = sibling(node_10, 2);
17195
+ var alviere_checkbox = child(div_26);
16839
17196
  template_effect(() => set_custom_element_data(alviere_checkbox, "checked", get$1(bankAccounts).bank_accounts.length === 0 ? true : baseForm.state.formData.primary));
16840
- set_custom_element_data(alviere_checkbox, "label", "Make this my primary bank account");
17197
+ template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("makePrimaryBankAccountLabel", "Make this my primary bank account")));
16841
17198
  template_effect(() => set_custom_element_data(alviere_checkbox, "disabled", get$1(bankAccounts).bank_accounts.length === 0 ? true : false));
16842
17199
  alviere_checkbox.__change = (event2) => {
16843
17200
  var _a3;
@@ -16847,80 +17204,153 @@ function AddBankAccount($$anchor, $$props) {
16847
17204
  const checked = (detail == null ? void 0 : detail.checked) ?? targetChecked ?? false;
16848
17205
  baseForm.handlers.handleFieldChange("primary", checked);
16849
17206
  };
16850
- reset(div_28);
16851
- reset(div_21);
16852
- var div_29 = sibling(div_21, 2);
16853
- var div_30 = child(div_29);
16854
- var node_24 = child(div_30);
16855
- {
16856
- var consequent_20 = ($$anchor3) => {
16857
- var span_13 = root_23();
16858
- append($$anchor3, span_13);
16859
- };
16860
- if_block(node_24, ($$render) => {
16861
- if (!baseForm.computed.canSubmit) $$render(consequent_20);
16862
- });
16863
- }
16864
- var node_25 = sibling(node_24, 2);
17207
+ reset(div_26);
17208
+ reset(div_19);
17209
+ var div_27 = sibling(div_19, 2);
17210
+ var div_28 = child(div_27);
17211
+ var node_22 = child(div_28);
16865
17212
  {
16866
17213
  var consequent_21 = ($$anchor3) => {
16867
- var span_14 = root_24();
16868
- append($$anchor3, span_14);
16869
- };
16870
- if_block(node_25, ($$render) => {
16871
- if (baseForm.computed.hasErrors && baseForm.computed.canSubmit) $$render(consequent_21);
16872
- });
16873
- }
16874
- var node_26 = sibling(node_25, 2);
16875
- {
16876
- var consequent_22 = ($$anchor3) => {
16877
- var span_15 = root_25();
16878
- var text_16 = child(span_15, true);
16879
- reset(span_15);
16880
- template_effect(() => set_text(text_16, get$1(formError)));
16881
- append($$anchor3, span_15);
17214
+ var fragment_6 = comment();
17215
+ var node_23 = first_child(fragment_6);
17216
+ {
17217
+ var consequent_18 = ($$anchor4) => {
17218
+ var span_16 = root_22$1();
17219
+ var text_23 = child(span_16, true);
17220
+ reset(span_16);
17221
+ template_effect(() => set_text(text_23, get$1(formError)));
17222
+ append($$anchor4, span_16);
17223
+ };
17224
+ var alternate_1 = ($$anchor4) => {
17225
+ var fragment_7 = comment();
17226
+ var node_24 = first_child(fragment_7);
17227
+ {
17228
+ var consequent_19 = ($$anchor5) => {
17229
+ var span_17 = root_24();
17230
+ var text_24 = child(span_17, true);
17231
+ reset(span_17);
17232
+ template_effect(($0) => set_text(text_24, $0), [
17233
+ () => getLabel("fixErrorsLabel", "Please fix the errors above")
17234
+ ]);
17235
+ append($$anchor5, span_17);
17236
+ };
17237
+ var alternate = ($$anchor5) => {
17238
+ var fragment_8 = comment();
17239
+ var node_25 = first_child(fragment_8);
17240
+ {
17241
+ var consequent_20 = ($$anchor6) => {
17242
+ var span_18 = root_26();
17243
+ var text_25 = child(span_18, true);
17244
+ reset(span_18);
17245
+ template_effect(($0) => set_text(text_25, $0), [
17246
+ () => getLabel("requiredFieldsHintLabel", "Please fill in all required fields to continue")
17247
+ ]);
17248
+ append($$anchor6, span_18);
17249
+ };
17250
+ if_block(
17251
+ node_25,
17252
+ ($$render) => {
17253
+ if (!baseForm.computed.canSubmit) $$render(consequent_20);
17254
+ },
17255
+ true
17256
+ );
17257
+ }
17258
+ append($$anchor5, fragment_8);
17259
+ };
17260
+ if_block(
17261
+ node_24,
17262
+ ($$render) => {
17263
+ if (baseForm.computed.hasErrors) $$render(consequent_19);
17264
+ else $$render(alternate, false);
17265
+ },
17266
+ true
17267
+ );
17268
+ }
17269
+ append($$anchor4, fragment_7);
17270
+ };
17271
+ if_block(node_23, ($$render) => {
17272
+ if (get$1(formError)) $$render(consequent_18);
17273
+ else $$render(alternate_1, false);
17274
+ });
17275
+ }
17276
+ append($$anchor3, fragment_6);
16882
17277
  };
16883
- if_block(node_26, ($$render) => {
16884
- if (get$1(formError)) $$render(consequent_22);
17278
+ if_block(node_22, ($$render) => {
17279
+ if (!get$1(isFormBusy)) $$render(consequent_21);
16885
17280
  });
16886
17281
  }
16887
- reset(div_30);
16888
- var alviere_button_5 = sibling(div_30, 2);
17282
+ reset(div_28);
17283
+ var alviere_button_5 = sibling(div_28, 2);
16889
17284
  set_custom_element_data(alviere_button_5, "type", "submit");
16890
- set_custom_element_data(alviere_button_5, "variant", "tertiary");
17285
+ set_custom_element_data(alviere_button_5, "variant", "primary");
16891
17286
  set_custom_element_data(alviere_button_5, "size", "md");
16892
17287
  template_effect(() => set_custom_element_data(alviere_button_5, "disabled", !baseForm.computed.canSubmit || get$1(isSubmitting)));
16893
17288
  set_custom_element_data(alviere_button_5, "handler", handleAddBankAccount);
16894
- var text_17 = child(alviere_button_5, true);
17289
+ var text_26 = child(alviere_button_5, true);
16895
17290
  reset(alviere_button_5);
16896
- reset(div_29);
17291
+ reset(div_27);
16897
17292
  reset(form);
16898
17293
  bind_this(form, ($$value) => baseForm.state.formElement = $$value, () => {
16899
17294
  var _a3;
16900
17295
  return (_a3 = baseForm == null ? void 0 : baseForm.state) == null ? void 0 : _a3.formElement;
16901
17296
  });
16902
- template_effect(() => set_text(text_17, get$1(isSubmitting) ? "Adding..." : "Add Bank Account"));
17297
+ template_effect(
17298
+ ($0, $1) => {
17299
+ set_text(text_19, $0);
17300
+ set_text(text_26, $1);
17301
+ },
17302
+ [
17303
+ () => getLabel("addBankAccountTitleLabel", "Add Bank Account"),
17304
+ () => get$1(isSubmitting) ? getLabel("addingBankAccountLabel", "Adding...") : getLabel("addBankAccountButtonLabel", "Add Bank Account")
17305
+ ]
17306
+ );
16903
17307
  event$1("submit", form, handleAddBankAccount);
16904
17308
  append($$anchor2, form);
16905
17309
  };
16906
- if_block(node_9, ($$render) => {
16907
- if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(consequent_23);
17310
+ if_block(node_8, ($$render) => {
17311
+ if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(consequent_22);
16908
17312
  });
16909
17313
  }
16910
17314
  reset(div);
16911
17315
  bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
16912
17316
  var alviere_modal = sibling(div, 2);
16913
17317
  template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isRoutingHelpOpen)));
16914
- set_custom_element_data(alviere_modal, "title", "Where to find your routing number");
16915
- var div_31 = child(alviere_modal);
16916
- var node_27 = child(div_31);
16917
- html(node_27, () => routingNumberHelpSvg);
16918
- next(2);
16919
- reset(div_31);
17318
+ template_effect(() => set_custom_element_data(alviere_modal, "title", getLabel("routingHelpModalTitleLabel", "Where to find your routing number")));
17319
+ var div_29 = child(alviere_modal);
17320
+ var node_26 = child(div_29);
17321
+ html(node_26, () => routingNumberHelpSvg);
17322
+ var p = sibling(node_26, 2);
17323
+ var text_27 = child(p, true);
17324
+ reset(p);
17325
+ reset(div_29);
16920
17326
  reset(alviere_modal);
17327
+ var alviere_modal_1 = sibling(alviere_modal, 2);
17328
+ template_effect(() => set_custom_element_data(alviere_modal_1, "open", get$1(isAccountHelpOpen)));
17329
+ template_effect(() => set_custom_element_data(alviere_modal_1, "title", getLabel("accountHelpModalTitleLabel", "Where to find your account number")));
17330
+ var div_30 = child(alviere_modal_1);
17331
+ var node_27 = child(div_30);
17332
+ html(node_27, () => accountNumberHelpSvg);
17333
+ var p_1 = sibling(node_27, 2);
17334
+ var text_28 = child(p_1, true);
17335
+ reset(p_1);
17336
+ reset(div_30);
17337
+ reset(alviere_modal_1);
17338
+ template_effect(
17339
+ ($0, $1) => {
17340
+ set_text(text_27, $0);
17341
+ set_text(text_28, $1);
17342
+ },
17343
+ [
17344
+ () => getLabel("routingHelpDescriptionLabel", "Your routing number is the first 9 digits located on the bottom left of your checks."),
17345
+ () => getLabel("accountHelpDescriptionLabel", "Your account number is the group of digits to the right of the routing number at the bottom of your checks.")
17346
+ ]
17347
+ );
16921
17348
  event$1("close", alviere_modal, () => {
16922
17349
  set(isRoutingHelpOpen, false);
16923
17350
  });
17351
+ event$1("close", alviere_modal_1, () => {
17352
+ set(isAccountHelpOpen, false);
17353
+ });
16924
17354
  append($$anchor, fragment);
16925
17355
  var $$pop = pop($$exports);
16926
17356
  $$cleanup();
@@ -16946,13 +17376,14 @@ customElements.define("alviere-add-bank-account", create_custom_element(
16946
17376
  ));
16947
17377
  var root_1$7 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
16948
17378
  var root_2$3 = /* @__PURE__ */ from_html(`<alviere-currency-input></alviere-currency-input>`, 2);
16949
- var root_3$5 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__amount svelte-1l48sab"> </div>`);
16950
- var root_4$4 = /* @__PURE__ */ from_html(`<alviere-legal-text-consent></alviere-legal-text-consent>`, 2);
16951
- var root_5$3 = /* @__PURE__ */ from_html(`<alviere-checkbox></alviere-checkbox>`, 2);
16952
- var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <div class="alviere-checkout-confirm__terms-and-conditions"><p>Review and accept the terms below to continue.</p> <!></div> <alviere-button>Pay</alviere-button></div></div>`, 2);
17379
+ var root_4$4 = /* @__PURE__ */ from_html(`<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>`);
17380
+ 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>`);
17381
+ var root_5$3 = /* @__PURE__ */ from_html(`<alviere-legal-text-consent></alviere-legal-text-consent>`, 2);
17382
+ var root_6$2 = /* @__PURE__ */ from_html(`<alviere-checkbox></alviere-checkbox>`, 2);
17383
+ var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <div class="alviere-checkout-confirm__terms-and-conditions"><p> </p> <!></div> <alviere-button> </alviere-button></div></div>`, 2);
16953
17384
  const $$css$a = {
16954
17385
  hash: "svelte-1l48sab",
16955
- 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__amount.svelte-1l48sab {font-size:1.75rem;font-weight:600;color:#18181b;text-align:center;}.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;}"
17386
+ 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.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;}"
16956
17387
  };
16957
17388
  function CheckoutConfirm($$anchor, $$props) {
16958
17389
  push($$props, true);
@@ -16963,7 +17394,7 @@ function CheckoutConfirm($$anchor, $$props) {
16963
17394
  var _b;
16964
17395
  var _c;
16965
17396
  var _d;
16966
- let jwt = prop($$props, "jwt", 15, ""), accountUuid = prop($$props, "accountUuid", 15, ""), paymentMethodUuid = prop($$props, "paymentMethodUuid", 15, ""), amount = prop($$props, "amount", 15, ""), amountEditable = prop($$props, "amountEditable", 15, false), debug = prop($$props, "debug", 15, true), publicCertificate = prop($$props, "publicCertificate", 15, ""), publicCertificateId = prop($$props, "publicCertificateId", 15, ""), _profile = prop($$props, "profile", 15, ""), config = prop($$props, "config", 31, () => proxy({}));
17397
+ let jwt = prop($$props, "jwt", 15, ""), accountUuid = prop($$props, "accountUuid", 15, ""), businessUuid = prop($$props, "businessUuid", 15, ""), paymentMethodUuid = prop($$props, "paymentMethodUuid", 15, ""), paymentMethodLast4 = prop($$props, "paymentMethodLast4", 15, ""), amount = prop($$props, "amount", 15, ""), amountEditable = prop($$props, "amountEditable", 15, false), debug = prop($$props, "debug", 15, true), publicCertificate = prop($$props, "publicCertificate", 15, ""), publicCertificateId = prop($$props, "publicCertificateId", 15, ""), _profile = prop($$props, "profile", 15, ""), config = prop($$props, "config", 31, () => proxy({}));
16967
17398
  let hostElement = /* @__PURE__ */ state(null);
16968
17399
  let isSending = /* @__PURE__ */ state(false);
16969
17400
  let selfAmount = /* @__PURE__ */ state(proxy(amount()));
@@ -16989,6 +17420,16 @@ function CheckoutConfirm($$anchor, $$props) {
16989
17420
  var _a3, _b2, _c2;
16990
17421
  return (_a3 = config() === null || config() === void 0 ? void 0 : config().legalTexts) !== null && _a3 !== void 0 ? _a3 : (_c2 = (_b2 = get$1(resolvedProfileRecipe)()) === null || _b2 === void 0 ? void 0 : _b2.config) === null || _c2 === void 0 ? void 0 : _c2.legalTexts;
16991
17422
  });
17423
+ const componentLabels = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().labels) || {}));
17424
+ const recipeLabels = /* @__PURE__ */ user_derived(() => () => {
17425
+ var _a3, _b2;
17426
+ return ((_b2 = (_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.labels) || {};
17427
+ });
17428
+ const getLabel = (labelKey, fallback) => resolveLabel(labelKey, {
17429
+ componentLabels: get$1(componentLabels)(),
17430
+ recipeLabels: get$1(recipeLabels)(),
17431
+ fallback
17432
+ });
16992
17433
  const legalTextDocuments = /* @__PURE__ */ user_derived(() => () => {
16993
17434
  var _a3;
16994
17435
  return ((_a3 = get$1(legalTextsConfig)()) === null || _a3 === void 0 ? void 0 : _a3.documents) || [];
@@ -16998,11 +17439,22 @@ function CheckoutConfirm($$anchor, $$props) {
16998
17439
  return ((_a3 = get$1(legalTextsConfig)()) === null || _a3 === void 0 ? void 0 : _a3.required) === true && get$1(legalTextDocuments)().length > 0;
16999
17440
  });
17000
17441
  const isAmountEditable = /* @__PURE__ */ user_derived(() => (_d = (_a2 = config() === null || config() === void 0 ? void 0 : config().amountEditable) !== null && _a2 !== void 0 ? _a2 : (_c = (_b = get$1(resolvedProfileRecipe)()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.amountEditable) !== null && _d !== void 0 ? _d : amountEditable());
17001
- const formattedAmount = /* @__PURE__ */ user_derived(() => () => {
17002
- const raw = typeof get$1(selfAmount) === "string" ? get$1(selfAmount) : String(get$1(selfAmount) !== null && get$1(selfAmount) !== void 0 ? get$1(selfAmount) : "");
17442
+ function parseNumericAmount(value) {
17443
+ const raw = typeof value === "string" ? value : String(value !== null && value !== void 0 ? value : "");
17003
17444
  const normalized = raw.replace(/,/g, "").trim();
17445
+ if (!normalized) {
17446
+ return null;
17447
+ }
17004
17448
  const numericValue = Number(normalized);
17005
17449
  if (!Number.isFinite(numericValue)) {
17450
+ return null;
17451
+ }
17452
+ return numericValue;
17453
+ }
17454
+ function formatCurrency(value) {
17455
+ const raw = typeof value === "string" ? value : String(value !== null && value !== void 0 ? value : "");
17456
+ const numericValue = parseNumericAmount(value);
17457
+ if (numericValue === null) {
17006
17458
  return raw;
17007
17459
  }
17008
17460
  try {
@@ -17010,6 +17462,39 @@ function CheckoutConfirm($$anchor, $$props) {
17010
17462
  } catch (_a3) {
17011
17463
  return raw;
17012
17464
  }
17465
+ }
17466
+ const formattedAmount = /* @__PURE__ */ user_derived(() => () => formatCurrency(get$1(selfAmount)));
17467
+ const configuredFeeAmount = /* @__PURE__ */ user_derived(() => () => {
17468
+ var _a3, _b2, _c2;
17469
+ return (_a3 = config() === null || config() === void 0 ? void 0 : config().feeAmount) !== null && _a3 !== void 0 ? _a3 : (_c2 = (_b2 = get$1(resolvedProfileRecipe)()) === null || _b2 === void 0 ? void 0 : _b2.config) === null || _c2 === void 0 ? void 0 : _c2.feeAmount;
17470
+ });
17471
+ const feeAmount = /* @__PURE__ */ user_derived(() => () => parseNumericAmount(get$1(configuredFeeAmount)()));
17472
+ const hasFeeAmount = /* @__PURE__ */ user_derived(() => () => get$1(feeAmount)() !== null && get$1(feeAmount)() !== 0);
17473
+ const formattedFeeAmount = /* @__PURE__ */ user_derived(() => () => {
17474
+ var _a3;
17475
+ return formatCurrency((_a3 = get$1(feeAmount)()) !== null && _a3 !== void 0 ? _a3 : 0);
17476
+ });
17477
+ const formattedTotalAmount = /* @__PURE__ */ user_derived(() => () => {
17478
+ var _a3;
17479
+ const numericAmount = parseNumericAmount(get$1(selfAmount));
17480
+ if (numericAmount === null) {
17481
+ return get$1(formattedAmount)();
17482
+ }
17483
+ return formatCurrency(numericAmount + ((_a3 = get$1(feeAmount)()) !== null && _a3 !== void 0 ? _a3 : 0));
17484
+ });
17485
+ const bankAccountLast4 = /* @__PURE__ */ user_derived(() => () => {
17486
+ const normalized = (paymentMethodLast4() || "").trim();
17487
+ if (!normalized) {
17488
+ return "";
17489
+ }
17490
+ return normalized.length <= 4 ? normalized : normalized.slice(-4);
17491
+ });
17492
+ const bankAccountReference = /* @__PURE__ */ user_derived(() => () => (paymentMethodUuid() || accountUuid() || businessUuid() || "").trim());
17493
+ const bankAccountDisplay = /* @__PURE__ */ user_derived(() => () => {
17494
+ if (!get$1(bankAccountLast4)()) {
17495
+ return getLabel("summaryBankAccountUnavailableLabel", "Not available");
17496
+ }
17497
+ return `****${get$1(bankAccountLast4)()}`;
17013
17498
  });
17014
17499
  function handleTermsChange(event2) {
17015
17500
  set(isAgreedToTerms, event2.detail.checked, true);
@@ -17069,6 +17554,13 @@ function CheckoutConfirm($$anchor, $$props) {
17069
17554
  accountUuid($$value);
17070
17555
  flushSync();
17071
17556
  },
17557
+ get businessUuid() {
17558
+ return businessUuid();
17559
+ },
17560
+ set businessUuid($$value = "") {
17561
+ businessUuid($$value);
17562
+ flushSync();
17563
+ },
17072
17564
  get paymentMethodUuid() {
17073
17565
  return paymentMethodUuid();
17074
17566
  },
@@ -17076,6 +17568,13 @@ function CheckoutConfirm($$anchor, $$props) {
17076
17568
  paymentMethodUuid($$value);
17077
17569
  flushSync();
17078
17570
  },
17571
+ get paymentMethodLast4() {
17572
+ return paymentMethodLast4();
17573
+ },
17574
+ set paymentMethodLast4($$value = "") {
17575
+ paymentMethodLast4($$value);
17576
+ flushSync();
17577
+ },
17079
17578
  get amount() {
17080
17579
  return amount();
17081
17580
  },
@@ -17153,22 +17652,96 @@ function CheckoutConfirm($$anchor, $$props) {
17153
17652
  append($$anchor2, alviere_currency_input);
17154
17653
  };
17155
17654
  var alternate = ($$anchor2) => {
17156
- var div_3 = root_3$5();
17157
- var text2 = child(div_3, true);
17655
+ var section = root_3$5();
17656
+ var div_3 = child(section);
17657
+ var span = child(div_3);
17658
+ var text2 = child(span, true);
17659
+ reset(span);
17660
+ var span_1 = sibling(span, 2);
17661
+ var text_1 = child(span_1, true);
17662
+ reset(span_1);
17158
17663
  reset(div_3);
17159
- template_effect(($0) => set_text(text2, $0), [() => get$1(formattedAmount)()]);
17160
- append($$anchor2, div_3);
17664
+ var div_4 = sibling(div_3, 2);
17665
+ var span_2 = child(div_4);
17666
+ var text_2 = child(span_2, true);
17667
+ reset(span_2);
17668
+ var span_3 = sibling(span_2, 2);
17669
+ var text_3 = child(span_3, true);
17670
+ reset(span_3);
17671
+ reset(div_4);
17672
+ var node_2 = sibling(div_4, 2);
17673
+ {
17674
+ var consequent_2 = ($$anchor3) => {
17675
+ var div_5 = root_4$4();
17676
+ var span_4 = child(div_5);
17677
+ var text_4 = child(span_4, true);
17678
+ reset(span_4);
17679
+ var span_5 = sibling(span_4, 2);
17680
+ var text_5 = child(span_5, true);
17681
+ reset(span_5);
17682
+ reset(div_5);
17683
+ template_effect(
17684
+ ($0, $1) => {
17685
+ set_text(text_4, $0);
17686
+ set_text(text_5, $1);
17687
+ },
17688
+ [
17689
+ () => getLabel("summaryFeesLabel", "Fees"),
17690
+ () => get$1(formattedFeeAmount)()
17691
+ ]
17692
+ );
17693
+ append($$anchor3, div_5);
17694
+ };
17695
+ if_block(node_2, ($$render) => {
17696
+ if (get$1(hasFeeAmount)()) $$render(consequent_2);
17697
+ });
17698
+ }
17699
+ var div_6 = sibling(node_2, 4);
17700
+ var span_6 = child(div_6);
17701
+ var text_6 = child(span_6, true);
17702
+ reset(span_6);
17703
+ var span_7 = sibling(span_6, 2);
17704
+ var text_7 = child(span_7, true);
17705
+ reset(span_7);
17706
+ reset(div_6);
17707
+ reset(section);
17708
+ template_effect(
17709
+ ($0, $1, $2, $3, $4, $5, $6, $7) => {
17710
+ set_attribute(section, "aria-label", $0);
17711
+ set_text(text2, $1);
17712
+ set_attribute(span_1, "title", $2);
17713
+ set_text(text_1, $3);
17714
+ set_text(text_2, $4);
17715
+ set_text(text_3, $5);
17716
+ set_text(text_6, $6);
17717
+ set_text(text_7, $7);
17718
+ },
17719
+ [
17720
+ () => getLabel("summaryAriaLabel", "Payment summary"),
17721
+ () => getLabel("summaryBankAccountLabel", "Bank account"),
17722
+ () => get$1(bankAccountReference)(),
17723
+ () => get$1(bankAccountDisplay)(),
17724
+ () => getLabel("summaryAmountLabel", "Amount"),
17725
+ () => get$1(formattedAmount)(),
17726
+ () => getLabel("summaryTotalLabel", "Total"),
17727
+ () => get$1(formattedTotalAmount)()
17728
+ ]
17729
+ );
17730
+ append($$anchor2, section);
17161
17731
  };
17162
17732
  if_block(node_1, ($$render) => {
17163
17733
  if (get$1(isAmountEditable)) $$render(consequent_1);
17164
17734
  else $$render(alternate, false);
17165
17735
  });
17166
17736
  }
17167
- var div_4 = sibling(node_1, 2);
17168
- var node_2 = sibling(child(div_4), 2);
17737
+ var div_7 = sibling(node_1, 2);
17738
+ var p = child(div_7);
17739
+ var text_8 = child(p, true);
17740
+ reset(p);
17741
+ var node_3 = sibling(p, 2);
17169
17742
  {
17170
- var consequent_2 = ($$anchor2) => {
17171
- var alviere_legal_text_consent = root_4$4();
17743
+ var consequent_3 = ($$anchor2) => {
17744
+ var alviere_legal_text_consent = root_5$3();
17172
17745
  template_effect(() => set_custom_element_data(alviere_legal_text_consent, "documents", get$1(legalTextDocuments)()));
17173
17746
  template_effect(() => set_custom_element_data(alviere_legal_text_consent, "jwt", jwt()));
17174
17747
  template_effect(() => set_custom_element_data(alviere_legal_text_consent, "debug", debug()));
@@ -17176,27 +17749,39 @@ function CheckoutConfirm($$anchor, $$props) {
17176
17749
  append($$anchor2, alviere_legal_text_consent);
17177
17750
  };
17178
17751
  var alternate_1 = ($$anchor2) => {
17179
- var alviere_checkbox = root_5$3();
17752
+ var alviere_checkbox = root_6$2();
17180
17753
  template_effect(() => set_custom_element_data(alviere_checkbox, "checked", get$1(isAgreedToTerms)));
17181
- set_custom_element_data(alviere_checkbox, "label", "I agree to the terms and conditions");
17754
+ template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("agreeToTermsLabel", "I agree to the terms and conditions")));
17182
17755
  alviere_checkbox.__change = handleTermsChange;
17183
17756
  append($$anchor2, alviere_checkbox);
17184
17757
  };
17185
- if_block(node_2, ($$render) => {
17186
- if (get$1(requiresLegalTexts)()) $$render(consequent_2);
17758
+ if_block(node_3, ($$render) => {
17759
+ if (get$1(requiresLegalTexts)()) $$render(consequent_3);
17187
17760
  else $$render(alternate_1, false);
17188
17761
  });
17189
17762
  }
17190
- reset(div_4);
17191
- var alviere_button = sibling(div_4, 2);
17763
+ reset(div_7);
17764
+ var alviere_button = sibling(div_7, 2);
17192
17765
  set_custom_element_data(alviere_button, "variant", "primary");
17193
17766
  set_custom_element_data(alviere_button, "size", "md");
17194
17767
  set_custom_element_data(alviere_button, "handler", handlePay);
17195
17768
  template_effect(() => set_custom_element_data(alviere_button, "disabled", !get$1(canPay)()));
17196
17769
  set_class(alviere_button, 1, "svelte-1l48sab");
17770
+ var text_9 = child(alviere_button, true);
17771
+ reset(alviere_button);
17197
17772
  reset(div_2);
17198
17773
  reset(div);
17199
17774
  bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
17775
+ template_effect(
17776
+ ($0, $1) => {
17777
+ set_text(text_8, $0);
17778
+ set_text(text_9, $1);
17779
+ },
17780
+ [
17781
+ () => getLabel("legalTextsPromptLabel", "Review and accept the terms below to continue."),
17782
+ () => getLabel("payButtonLabel", "Pay")
17783
+ ]
17784
+ );
17200
17785
  append($$anchor, div);
17201
17786
  var $$pop = pop($$exports);
17202
17787
  $$cleanup();
@@ -17208,7 +17793,9 @@ customElements.define("alviere-checkout-confirm", create_custom_element(
17208
17793
  {
17209
17794
  jwt: {},
17210
17795
  accountUuid: {},
17796
+ businessUuid: {},
17211
17797
  paymentMethodUuid: {},
17798
+ paymentMethodLast4: {},
17212
17799
  amount: {},
17213
17800
  amountEditable: {},
17214
17801
  debug: {},
@@ -18907,6 +19494,7 @@ function getStepComponentTag(stepType) {
18907
19494
  return tagMap[stepType] || null;
18908
19495
  }
18909
19496
  function buildStepProps(stepType, config) {
19497
+ var _a2;
18910
19498
  const {
18911
19499
  jwt,
18912
19500
  businessUuid,
@@ -18954,10 +19542,18 @@ function buildStepProps(stepType, config) {
18954
19542
  stepConfig
18955
19543
  };
18956
19544
  }
19545
+ case "CHECKOUT_CONFIRM": {
19546
+ const paymentMethodUuid = (previousStepResult == null ? void 0 : previousStepResult.payment_method_uuid) || (previousStepResult == null ? void 0 : previousStepResult.paymentMethodUuid) || "";
19547
+ const paymentMethodLast4 = (previousStepResult == null ? void 0 : previousStepResult.payment_method_last4) || (previousStepResult == null ? void 0 : previousStepResult.paymentMethodLast4) || ((_a2 = previousStepResult == null ? void 0 : previousStepResult.paymentMethod) == null ? void 0 : _a2.last_4) || "";
19548
+ return {
19549
+ ...baseProps,
19550
+ paymentMethodUuid,
19551
+ paymentMethodLast4
19552
+ };
19553
+ }
18957
19554
  case "CREATE_CONSUMER_ACCOUNT":
18958
19555
  case "CREATE_BUSINESS_ACCOUNT":
18959
19556
  case "CREATE_ACCOUNT":
18960
- case "CHECKOUT_CONFIRM":
18961
19557
  case "START_ONBOARDING":
18962
19558
  default:
18963
19559
  return baseProps;
@@ -19045,21 +19641,22 @@ var root_5 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__ste
19045
19641
  var root_12 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k"> </div>`);
19046
19642
  var root_13 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k">No step type specified</div>`);
19047
19643
  var root_9 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__step-content svelte-qf1k5k"><div class="alviere-multi-step-flow__step-content__header svelte-qf1k5k"><h3 class="svelte-qf1k5k"> </h3></div> <div class="alviere-multi-step-flow__step-content__component"><!></div></div>`);
19048
- var root_14 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-complete svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-complete__header svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-complete__header__icon svelte-qf1k5k"><!></div></div> <div class="alviere-multi-step-flow__flow-complete__content svelte-qf1k5k"><p> </p></div></div>`);
19049
- var root_16 = /* @__PURE__ */ from_html(`<p class="flow-barrier-status svelte-qf1k5k"> </p>`);
19050
- var root_17 = /* @__PURE__ */ from_html(`<p class="flow-barrier-description svelte-qf1k5k"><!></p>`);
19051
- var root_15 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-barrier svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-barrier__header svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-barrier__header__icon svelte-qf1k5k"><!></div></div> <div class="alviere-multi-step-flow__flow-barrier__content svelte-qf1k5k"><h3 class="svelte-qf1k5k"> </h3> <p class="flow-barrier-message svelte-qf1k5k"><!></p> <!> <!></div></div>`);
19052
- var root_19 = /* @__PURE__ */ from_html(`<p class="flow-error-code svelte-qf1k5k"> </p>`);
19053
- var root_20 = /* @__PURE__ */ from_html(`<p class="flow-error-description svelte-qf1k5k"> </p>`);
19054
- var root_18 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-error svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-error__header svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-error__header__icon svelte-qf1k5k"><!></div></div> <div class="alviere-multi-step-flow__flow-error__content svelte-qf1k5k"><h3 class="svelte-qf1k5k">Unable to Continue</h3> <p class="flow-error-message svelte-qf1k5k"> </p> <!> <!></div></div>`);
19055
- var root_21 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-navigation svelte-qf1k5k"><button class="alviere-multi-step-flow__flow-navigation__button alviere-multi-step-flow__flow-navigation__button--previous svelte-qf1k5k">← Previous</button> <button class="nav-button nav-button--next">Next →</button> <button class="nav-button nav-button--reset">Reset Flow</button></div>`);
19056
- var root_22 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k"> </div>`);
19644
+ var root_15 = /* @__PURE__ */ from_html(`<p class="flow-complete-message svelte-qf1k5k"><!></p>`);
19645
+ var root_14 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-complete svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-complete__header svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-complete__header__icon svelte-qf1k5k"><!></div></div> <div class="alviere-multi-step-flow__flow-complete__content svelte-qf1k5k"><p> </p> <!></div></div>`);
19646
+ var root_17 = /* @__PURE__ */ from_html(`<p class="flow-barrier-status svelte-qf1k5k"> </p>`);
19647
+ var root_18 = /* @__PURE__ */ from_html(`<p class="flow-barrier-description svelte-qf1k5k"><!></p>`);
19648
+ var root_16 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-barrier svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-barrier__header svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-barrier__header__icon svelte-qf1k5k"><!></div></div> <div class="alviere-multi-step-flow__flow-barrier__content svelte-qf1k5k"><h3 class="svelte-qf1k5k"> </h3> <p class="flow-barrier-message svelte-qf1k5k"><!></p> <!> <!></div></div>`);
19649
+ var root_20 = /* @__PURE__ */ from_html(`<p class="flow-error-code svelte-qf1k5k"> </p>`);
19650
+ var root_21 = /* @__PURE__ */ from_html(`<p class="flow-error-description svelte-qf1k5k"> </p>`);
19651
+ var root_19 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-error svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-error__header svelte-qf1k5k"><div class="alviere-multi-step-flow__flow-error__header__icon svelte-qf1k5k"><!></div></div> <div class="alviere-multi-step-flow__flow-error__content svelte-qf1k5k"><h3 class="svelte-qf1k5k"> </h3> <p class="flow-error-message svelte-qf1k5k"> </p> <!> <!></div></div>`);
19652
+ var root_22 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-navigation svelte-qf1k5k"><button class="alviere-multi-step-flow__flow-navigation__button alviere-multi-step-flow__flow-navigation__button--previous svelte-qf1k5k">← Previous</button> <button class="nav-button nav-button--next">Next →</button> <button class="nav-button nav-button--reset">Reset Flow</button></div>`);
19653
+ var root_23 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k"> </div>`);
19057
19654
  var root = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow svelte-qf1k5k"><!> <!> <!> <!> <!> <!> <!> <!> <!></div>`);
19058
19655
  const $$css = {
19059
19656
  hash: "svelte-qf1k5k",
19060
19657
  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-multi-step-flow.svelte-qf1k5k {margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;--alviere-multi-step-end-size: 8rem;}.alviere-multi-step-flow__flow-complete.svelte-qf1k5k {padding:3rem 0;}.alviere-multi-step-flow__flow-complete__header.svelte-qf1k5k {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;}.alviere-multi-step-flow__flow-complete__header__icon.svelte-qf1k5k {background-color:#436b1d;border-radius:50%;padding:1rem;width:var(--alviere-multi-step-end-size);height:var(--alviere-multi-step-end-size);display:flex;align-items:center;justify-content:center;color:#ffffff;
19061
19658
  animation: svelte-qf1k5k-icon-scale-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.alviere-multi-step-flow__flow-complete__header__icon.svelte-qf1k5k svg {width:calc(var(--alviere-multi-step-end-size) * 0.75);height:calc(var(--alviere-multi-step-end-size) * 0.75);
19062
- animation: svelte-qf1k5k-svg-scale-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;transform:scale(0);}.alviere-multi-step-flow__flow-complete__content.svelte-qf1k5k {text-align:center;font-size:1.5rem;font-weight:700;}.alviere-multi-step-flow__flow-error.svelte-qf1k5k {padding:3rem 0;}.alviere-multi-step-flow__flow-error__header.svelte-qf1k5k {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;}.alviere-multi-step-flow__flow-error__header__icon.svelte-qf1k5k {background-color:#b3311f;border-radius:50%;padding:1rem;width:var(--alviere-multi-step-end-size);height:var(--alviere-multi-step-end-size);display:flex;align-items:center;justify-content:center;color:#ffffff;
19659
+ animation: svelte-qf1k5k-svg-scale-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;transform:scale(0);}.alviere-multi-step-flow__flow-complete__content.svelte-qf1k5k {text-align:center;font-size:1.5rem;font-weight:700;}.alviere-multi-step-flow__flow-complete__content.svelte-qf1k5k .flow-complete-message:where(.svelte-qf1k5k) {margin-top:0.5rem;font-size:1.25rem;font-weight:400;line-height:1.4;color:#333;}.alviere-multi-step-flow__flow-error.svelte-qf1k5k {padding:3rem 0;}.alviere-multi-step-flow__flow-error__header.svelte-qf1k5k {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;}.alviere-multi-step-flow__flow-error__header__icon.svelte-qf1k5k {background-color:#b3311f;border-radius:50%;padding:1rem;width:var(--alviere-multi-step-end-size);height:var(--alviere-multi-step-end-size);display:flex;align-items:center;justify-content:center;color:#ffffff;
19063
19660
  animation: svelte-qf1k5k-icon-scale-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.alviere-multi-step-flow__flow-error__header__icon.svelte-qf1k5k svg {width:calc(var(--alviere-multi-step-end-size) * 0.75);height:calc(var(--alviere-multi-step-end-size) * 0.75);
19064
19661
  animation: svelte-qf1k5k-svg-scale-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;transform:scale(0);}.alviere-multi-step-flow__flow-error__content.svelte-qf1k5k {text-align:center;}.alviere-multi-step-flow__flow-error__content.svelte-qf1k5k h3:where(.svelte-qf1k5k) {font-size:1.5rem;font-weight:700;color:#b3311f;margin-bottom:1rem;}.alviere-multi-step-flow__flow-error__content.svelte-qf1k5k .flow-error-message:where(.svelte-qf1k5k) {font-size:1.25rem;color:#333;margin-bottom:0.5rem;}.alviere-multi-step-flow__flow-error__content.svelte-qf1k5k .flow-error-code:where(.svelte-qf1k5k) {font-size:1.125rem;color:#666;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;margin-top:0.5rem;}.alviere-multi-step-flow__flow-error__content.svelte-qf1k5k .flow-error-description:where(.svelte-qf1k5k) {font-size:1.125rem;color:#666;margin-top:0.25rem;font-style:italic;}.alviere-multi-step-flow__flow-barrier.svelte-qf1k5k {padding:3rem 0;}.alviere-multi-step-flow__flow-barrier__header.svelte-qf1k5k {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;}.alviere-multi-step-flow__flow-barrier__header__icon.svelte-qf1k5k {background-color:#175db8;border-radius:50%;padding:1rem;width:var(--alviere-multi-step-end-size);height:var(--alviere-multi-step-end-size);display:flex;align-items:center;justify-content:center;color:#ffffff;
19065
19662
  animation: svelte-qf1k5k-icon-scale-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.alviere-multi-step-flow__flow-barrier__header__icon.svelte-qf1k5k svg {width:calc(var(--alviere-multi-step-end-size) * 0.75);height:calc(var(--alviere-multi-step-end-size) * 0.75);
@@ -19144,6 +19741,28 @@ function MultiStepFlow($$anchor, $$props) {
19144
19741
  let currentStep = /* @__PURE__ */ user_derived(() => flowManager.getCurrentStep());
19145
19742
  let effectiveProfile = /* @__PURE__ */ state("");
19146
19743
  let profileRecipe = /* @__PURE__ */ user_derived(() => getRecipe(get$1(effectiveProfile)));
19744
+ const hasStartOnboardingStep = /* @__PURE__ */ user_derived(() => ((config() === null || config() === void 0 ? void 0 : config().steps) || []).some((step) => (step === null || step === void 0 ? void 0 : step.type) === "START_ONBOARDING"));
19745
+ function resolveFlowLabel(labelKeys) {
19746
+ var _a3, _b2;
19747
+ const labelSources = [
19748
+ config() === null || config() === void 0 ? void 0 : config().labels,
19749
+ (_b2 = (_a3 = $flowRecipeStore().recipe) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.labels
19750
+ ];
19751
+ for (const source2 of labelSources) {
19752
+ if (!source2) continue;
19753
+ for (const key of labelKeys) {
19754
+ const value = source2[key];
19755
+ if (typeof value === "string" && value.trim()) {
19756
+ return value.trim();
19757
+ }
19758
+ }
19759
+ }
19760
+ return void 0;
19761
+ }
19762
+ const finalText = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["finalText", "finalTextLabel"]) || (get$1(hasStartOnboardingStep) ? "Onboarding in process." : "Payment in process."));
19763
+ const finalMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["finalMessage", "finalMessageLabel", "finalDescription"]) || "");
19764
+ const criticalErrorTitle = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["criticalErrorTitleLabel", "criticalErrorTitle"]) || "Unable to Continue");
19765
+ const criticalErrorMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["criticalErrorMessageLabel", "criticalErrorMessage"]) || "An error occurred. Please try again.");
19147
19766
  user_effect(() => {
19148
19767
  const profile = extractProfileFromConfig(config());
19149
19768
  if (profile !== get$1(effectiveProfile)) {
@@ -19370,7 +19989,7 @@ function MultiStepFlow($$anchor, $$props) {
19370
19989
  set(
19371
19990
  flowError,
19372
19991
  {
19373
- message: "An error occurred. Please try again.",
19992
+ message: get$1(criticalErrorMessage),
19374
19993
  errorCode: error2.errorCode,
19375
19994
  description: error2.errorDescription
19376
19995
  },
@@ -19389,11 +20008,15 @@ function MultiStepFlow($$anchor, $$props) {
19389
20008
  debug() && uiLogger.info("⛔ Flow barrier triggered:", detail);
19390
20009
  set(flowError, null);
19391
20010
  flowManager.markStepInfoBlocked(stepIndex);
20011
+ const commonBarrierTitle = resolveFlowLabel(["barrierTitleLabel", "barrierTitle"]);
20012
+ const commonBarrierMessage = resolveFlowLabel(["barrierMessageLabel", "barrierMessage"]);
20013
+ const fallbackBarrierTitle = "Please wait";
20014
+ const fallbackBarrierMessage = "Your account is being reviewed. You will be able to continue once the review is complete.";
19392
20015
  set(
19393
20016
  flowBarrier,
19394
20017
  {
19395
- title: detail.title || "Please wait",
19396
- message: detail.message || "Your account is being reviewed. You will be able to continue once the review is complete.",
20018
+ title: commonBarrierTitle || detail.title || fallbackBarrierTitle,
20019
+ message: commonBarrierMessage || detail.message || fallbackBarrierMessage,
19397
20020
  status: detail.status,
19398
20021
  description: detail.description
19399
20022
  },
@@ -19718,7 +20341,7 @@ function MultiStepFlow($$anchor, $$props) {
19718
20341
  }
19719
20342
  var node_11 = sibling(node_7, 2);
19720
20343
  {
19721
- var consequent_10 = ($$anchor2) => {
20344
+ var consequent_11 = ($$anchor2) => {
19722
20345
  var div_9 = root_14();
19723
20346
  var div_10 = child(div_9);
19724
20347
  var div_11 = child(div_10);
@@ -19730,62 +20353,72 @@ function MultiStepFlow($$anchor, $$props) {
19730
20353
  var p_1 = child(div_12);
19731
20354
  var text_5 = child(p_1, true);
19732
20355
  reset(p_1);
20356
+ var node_13 = sibling(p_1, 2);
20357
+ {
20358
+ var consequent_10 = ($$anchor3) => {
20359
+ var p_2 = root_15();
20360
+ var node_14 = child(p_2);
20361
+ html(node_14, () => get$1(finalMessage));
20362
+ reset(p_2);
20363
+ append($$anchor3, p_2);
20364
+ };
20365
+ if_block(node_13, ($$render) => {
20366
+ if (get$1(finalMessage)) $$render(consequent_10);
20367
+ });
20368
+ }
19733
20369
  reset(div_12);
19734
20370
  reset(div_9);
19735
- template_effect(() => {
19736
- var _a3, _b2;
19737
- return set_text(text_5, ((_b2 = (_a3 = $flowRecipeStore().recipe) == null ? void 0 : _a3.config) == null ? void 0 : _b2.labels.finalText) || "Payment in process.");
19738
- });
20371
+ template_effect(() => set_text(text_5, get$1(finalText)));
19739
20372
  transition(1, div_9, () => fade, () => ({ duration: 300, delay: 300 }));
19740
20373
  transition(2, div_9, () => fade, () => ({ duration: 200 }));
19741
20374
  append($$anchor2, div_9);
19742
20375
  };
19743
20376
  if_block(node_11, ($$render) => {
19744
- if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(consequent_10);
20377
+ if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(consequent_11);
19745
20378
  });
19746
20379
  }
19747
- var node_13 = sibling(node_11, 2);
20380
+ var node_15 = sibling(node_11, 2);
19748
20381
  {
19749
- var consequent_13 = ($$anchor2) => {
19750
- var div_13 = root_15();
20382
+ var consequent_14 = ($$anchor2) => {
20383
+ var div_13 = root_16();
19751
20384
  var div_14 = child(div_13);
19752
20385
  var div_15 = child(div_14);
19753
- var node_14 = child(div_15);
19754
- html(node_14, () => infoIcon.outerHTML);
20386
+ var node_16 = child(div_15);
20387
+ html(node_16, () => infoIcon.outerHTML);
19755
20388
  reset(div_15);
19756
20389
  reset(div_14);
19757
20390
  var div_16 = sibling(div_14, 2);
19758
20391
  var h3_1 = child(div_16);
19759
20392
  var text_6 = child(h3_1, true);
19760
20393
  reset(h3_1);
19761
- var p_2 = sibling(h3_1, 2);
19762
- var node_15 = child(p_2);
19763
- html(node_15, () => get$1(flowBarrier).message || "");
19764
- reset(p_2);
19765
- var node_16 = sibling(p_2, 2);
20394
+ var p_3 = sibling(h3_1, 2);
20395
+ var node_17 = child(p_3);
20396
+ html(node_17, () => get$1(flowBarrier).message || "");
20397
+ reset(p_3);
20398
+ var node_18 = sibling(p_3, 2);
19766
20399
  {
19767
- var consequent_11 = ($$anchor3) => {
19768
- var p_3 = root_16();
19769
- var text_7 = child(p_3);
19770
- reset(p_3);
20400
+ var consequent_12 = ($$anchor3) => {
20401
+ var p_4 = root_17();
20402
+ var text_7 = child(p_4);
20403
+ reset(p_4);
19771
20404
  template_effect(() => set_text(text_7, `Status: ${get$1(flowBarrier).status ?? ""}`));
19772
- append($$anchor3, p_3);
20405
+ append($$anchor3, p_4);
19773
20406
  };
19774
- if_block(node_16, ($$render) => {
19775
- if (debug() && get$1(flowBarrier).status) $$render(consequent_11);
20407
+ if_block(node_18, ($$render) => {
20408
+ if (debug() && get$1(flowBarrier).status) $$render(consequent_12);
19776
20409
  });
19777
20410
  }
19778
- var node_17 = sibling(node_16, 2);
20411
+ var node_19 = sibling(node_18, 2);
19779
20412
  {
19780
- var consequent_12 = ($$anchor3) => {
19781
- var p_4 = root_17();
19782
- var node_18 = child(p_4);
19783
- html(node_18, () => get$1(flowBarrier).description);
19784
- reset(p_4);
19785
- append($$anchor3, p_4);
20413
+ var consequent_13 = ($$anchor3) => {
20414
+ var p_5 = root_18();
20415
+ var node_20 = child(p_5);
20416
+ html(node_20, () => get$1(flowBarrier).description);
20417
+ reset(p_5);
20418
+ append($$anchor3, p_5);
19786
20419
  };
19787
- if_block(node_17, ($$render) => {
19788
- if (debug() && get$1(flowBarrier).description) $$render(consequent_12);
20420
+ if_block(node_19, ($$render) => {
20421
+ if (debug() && get$1(flowBarrier).description) $$render(consequent_13);
19789
20422
  });
19790
20423
  }
19791
20424
  reset(div_16);
@@ -19795,65 +20428,71 @@ function MultiStepFlow($$anchor, $$props) {
19795
20428
  transition(2, div_13, () => fade, () => ({ duration: 200 }));
19796
20429
  append($$anchor2, div_13);
19797
20430
  };
19798
- if_block(node_13, ($$render) => {
19799
- if (get$1(flowBarrier)) $$render(consequent_13);
20431
+ if_block(node_15, ($$render) => {
20432
+ if (get$1(flowBarrier)) $$render(consequent_14);
19800
20433
  });
19801
20434
  }
19802
- var node_19 = sibling(node_13, 2);
20435
+ var node_21 = sibling(node_15, 2);
19803
20436
  {
19804
- var consequent_16 = ($$anchor2) => {
19805
- var div_17 = root_18();
20437
+ var consequent_17 = ($$anchor2) => {
20438
+ var div_17 = root_19();
19806
20439
  var div_18 = child(div_17);
19807
20440
  var div_19 = child(div_18);
19808
- var node_20 = child(div_19);
19809
- html(node_20, () => errorIcon.outerHTML);
20441
+ var node_22 = child(div_19);
20442
+ html(node_22, () => errorIcon.outerHTML);
19810
20443
  reset(div_19);
19811
20444
  reset(div_18);
19812
20445
  var div_20 = sibling(div_18, 2);
19813
- var p_5 = sibling(child(div_20), 2);
19814
- var text_8 = child(p_5, true);
19815
- reset(p_5);
19816
- var node_21 = sibling(p_5, 2);
19817
- {
19818
- var consequent_14 = ($$anchor3) => {
19819
- var p_6 = root_19();
19820
- var text_9 = child(p_6);
19821
- reset(p_6);
19822
- template_effect(() => set_text(text_9, `Error Code: ${get$1(flowError).errorCode ?? ""}`));
19823
- append($$anchor3, p_6);
19824
- };
19825
- if_block(node_21, ($$render) => {
19826
- if (debug() && get$1(flowError).errorCode) $$render(consequent_14);
19827
- });
19828
- }
19829
- var node_22 = sibling(node_21, 2);
20446
+ var h3_2 = child(div_20);
20447
+ var text_8 = child(h3_2, true);
20448
+ reset(h3_2);
20449
+ var p_6 = sibling(h3_2, 2);
20450
+ var text_9 = child(p_6, true);
20451
+ reset(p_6);
20452
+ var node_23 = sibling(p_6, 2);
19830
20453
  {
19831
20454
  var consequent_15 = ($$anchor3) => {
19832
20455
  var p_7 = root_20();
19833
- var text_10 = child(p_7, true);
20456
+ var text_10 = child(p_7);
19834
20457
  reset(p_7);
19835
- template_effect(() => set_text(text_10, get$1(flowError).description));
20458
+ template_effect(() => set_text(text_10, `Error Code: ${get$1(flowError).errorCode ?? ""}`));
19836
20459
  append($$anchor3, p_7);
19837
20460
  };
19838
- if_block(node_22, ($$render) => {
19839
- if (debug() && get$1(flowError).description) $$render(consequent_15);
20461
+ if_block(node_23, ($$render) => {
20462
+ if (debug() && get$1(flowError).errorCode) $$render(consequent_15);
20463
+ });
20464
+ }
20465
+ var node_24 = sibling(node_23, 2);
20466
+ {
20467
+ var consequent_16 = ($$anchor3) => {
20468
+ var p_8 = root_21();
20469
+ var text_11 = child(p_8, true);
20470
+ reset(p_8);
20471
+ template_effect(() => set_text(text_11, get$1(flowError).description));
20472
+ append($$anchor3, p_8);
20473
+ };
20474
+ if_block(node_24, ($$render) => {
20475
+ if (debug() && get$1(flowError).description) $$render(consequent_16);
19840
20476
  });
19841
20477
  }
19842
20478
  reset(div_20);
19843
20479
  reset(div_17);
19844
- template_effect(() => set_text(text_8, get$1(flowError).message));
20480
+ template_effect(() => {
20481
+ set_text(text_8, get$1(criticalErrorTitle));
20482
+ set_text(text_9, get$1(flowError).message);
20483
+ });
19845
20484
  transition(1, div_17, () => fade, () => ({ duration: 300, delay: 100 }));
19846
20485
  transition(2, div_17, () => fade, () => ({ duration: 200 }));
19847
20486
  append($$anchor2, div_17);
19848
20487
  };
19849
- if_block(node_19, ($$render) => {
19850
- if (get$1(flowError)) $$render(consequent_16);
20488
+ if_block(node_21, ($$render) => {
20489
+ if (get$1(flowError)) $$render(consequent_17);
19851
20490
  });
19852
20491
  }
19853
- var node_23 = sibling(node_19, 2);
20492
+ var node_25 = sibling(node_21, 2);
19854
20493
  {
19855
- var consequent_17 = ($$anchor2) => {
19856
- var div_21 = root_21();
20494
+ var consequent_18 = ($$anchor2) => {
20495
+ var div_21 = root_22();
19857
20496
  var button_1 = child(div_21);
19858
20497
  button_1.__click = previousStep;
19859
20498
  var button_2 = sibling(button_1, 2);
@@ -19872,21 +20511,21 @@ function MultiStepFlow($$anchor, $$props) {
19872
20511
  );
19873
20512
  append($$anchor2, div_21);
19874
20513
  };
19875
- if_block(node_23, ($$render) => {
19876
- if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier) && !flowManager.isComplete()) $$render(consequent_17);
20514
+ if_block(node_25, ($$render) => {
20515
+ if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier) && !flowManager.isComplete()) $$render(consequent_18);
19877
20516
  });
19878
20517
  }
19879
- var node_24 = sibling(node_23, 2);
20518
+ var node_26 = sibling(node_25, 2);
19880
20519
  {
19881
- var consequent_18 = ($$anchor2) => {
19882
- var div_22 = root_22();
19883
- var text_11 = child(div_22, true);
20520
+ var consequent_19 = ($$anchor2) => {
20521
+ var div_22 = root_23();
20522
+ var text_12 = child(div_22, true);
19884
20523
  reset(div_22);
19885
- template_effect(() => set_text(text_11, get$1(error)));
20524
+ template_effect(() => set_text(text_12, get$1(error)));
19886
20525
  append($$anchor2, div_22);
19887
20526
  };
19888
- if_block(node_24, ($$render) => {
19889
- if (get$1(error)) $$render(consequent_18);
20527
+ if_block(node_26, ($$render) => {
20528
+ if (get$1(error)) $$render(consequent_19);
19890
20529
  });
19891
20530
  }
19892
20531
  reset(div);