@alviere/ui 0.12.0 → 0.12.1

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
@@ -14473,6 +14673,7 @@ function CreateAccount($$anchor, $$props) {
14473
14673
  let pendingUserReason = /* @__PURE__ */ state(null);
14474
14674
  let pendingUserMessage = /* @__PURE__ */ state(null);
14475
14675
  let alertFields = /* @__PURE__ */ state(proxy({}));
14676
+ const isFormBusy = /* @__PURE__ */ user_derived(() => baseForm.state.isLoading || baseForm.state.isSubmitting || baseForm.state.isPolling || get$1(isAutoSubmitting) || get$1(isCheckingAccount) || get$1(isSkippingStep));
14476
14677
  const isUpdateMode = /* @__PURE__ */ user_derived(() => !!get$1(accountToUpdate));
14477
14678
  const isPendingReadOnlyMode = /* @__PURE__ */ user_derived(() => !!get$1(pendingUserReason) && get$1(requestedUpdateFields).length > 0);
14478
14679
  function isFieldReadOnly(fieldKey) {
@@ -14761,9 +14962,11 @@ function CreateAccount($$anchor, $$props) {
14761
14962
  {
14762
14963
  var consequent = ($$anchor2) => {
14763
14964
  var h2 = root_1$9();
14764
- var text2 = child(h2);
14965
+ var text2 = child(h2, true);
14765
14966
  reset(h2);
14766
- template_effect(() => set_text(text2, `Create ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`));
14967
+ template_effect(($0) => set_text(text2, $0), [
14968
+ () => getLabel("headingLabel", `Create ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`)
14969
+ ]);
14767
14970
  append($$anchor2, h2);
14768
14971
  };
14769
14972
  if_block(node, ($$render) => {
@@ -14782,36 +14985,50 @@ function CreateAccount($$anchor, $$props) {
14782
14985
  var node_2 = child(span);
14783
14986
  {
14784
14987
  var consequent_1 = ($$anchor3) => {
14785
- var text_1 = text("Account verified, proceeding...");
14988
+ var text_1 = text();
14989
+ template_effect(($0) => set_text(text_1, $0), [
14990
+ () => getLabel("accountVerifiedProceedingLabel", "Account verified, proceeding...")
14991
+ ]);
14786
14992
  append($$anchor3, text_1);
14787
14993
  };
14788
14994
  var alternate_3 = ($$anchor3) => {
14789
- var fragment = comment();
14790
- var node_3 = first_child(fragment);
14995
+ var fragment_1 = comment();
14996
+ var node_3 = first_child(fragment_1);
14791
14997
  {
14792
14998
  var consequent_2 = ($$anchor4) => {
14793
- var text_2 = text("Checking account status...");
14999
+ var text_2 = text();
15000
+ template_effect(($0) => set_text(text_2, $0), [
15001
+ () => getLabel("checkingAccountStatusLabel", "Checking account status...")
15002
+ ]);
14794
15003
  append($$anchor4, text_2);
14795
15004
  };
14796
15005
  var alternate_2 = ($$anchor4) => {
14797
- var fragment_1 = comment();
14798
- var node_4 = first_child(fragment_1);
15006
+ var fragment_3 = comment();
15007
+ var node_4 = first_child(fragment_3);
14799
15008
  {
14800
15009
  var consequent_3 = ($$anchor5) => {
14801
- var text_3 = text("Your account is being validated...");
15010
+ var text_3 = text();
15011
+ template_effect(($0) => set_text(text_3, $0), [
15012
+ () => getLabel("validatingAccountLabel", "Your account is being validated...")
15013
+ ]);
14802
15014
  append($$anchor5, text_3);
14803
15015
  };
14804
15016
  var alternate_1 = ($$anchor5) => {
14805
- var fragment_2 = comment();
14806
- var node_5 = first_child(fragment_2);
15017
+ var fragment_5 = comment();
15018
+ var node_5 = first_child(fragment_5);
14807
15019
  {
14808
15020
  var consequent_4 = ($$anchor6) => {
14809
- var text_4 = text("Waiting for account activation...");
15021
+ var text_4 = text();
15022
+ template_effect(($0) => set_text(text_4, $0), [
15023
+ () => getLabel("waitingForAccountActivationLabel", "Waiting for account activation...")
15024
+ ]);
14810
15025
  append($$anchor6, text_4);
14811
15026
  };
14812
15027
  var alternate = ($$anchor6) => {
14813
15028
  var text_5 = text();
14814
- template_effect(() => set_text(text_5, `Creating ${get$1(isBusinessAccount) ? "business" : "consumer"} account...`));
15029
+ template_effect(($0) => set_text(text_5, $0), [
15030
+ () => get$1(isUpdateMode) ? getLabel("updatingAccountLabel", `Updating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`) : getLabel("creatingAccountLabel", `Creating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`)
15031
+ ]);
14815
15032
  append($$anchor6, text_5);
14816
15033
  };
14817
15034
  if_block(
@@ -14823,7 +15040,7 @@ function CreateAccount($$anchor, $$props) {
14823
15040
  true
14824
15041
  );
14825
15042
  }
14826
- append($$anchor5, fragment_2);
15043
+ append($$anchor5, fragment_5);
14827
15044
  };
14828
15045
  if_block(
14829
15046
  node_4,
@@ -14834,7 +15051,7 @@ function CreateAccount($$anchor, $$props) {
14834
15051
  true
14835
15052
  );
14836
15053
  }
14837
- append($$anchor4, fragment_1);
15054
+ append($$anchor4, fragment_3);
14838
15055
  };
14839
15056
  if_block(
14840
15057
  node_3,
@@ -14845,7 +15062,7 @@ function CreateAccount($$anchor, $$props) {
14845
15062
  true
14846
15063
  );
14847
15064
  }
14848
- append($$anchor3, fragment);
15065
+ append($$anchor3, fragment_1);
14849
15066
  };
14850
15067
  if_block(node_2, ($$render) => {
14851
15068
  if (get$1(isSkippingStep)) $$render(consequent_1);
@@ -14863,7 +15080,7 @@ function CreateAccount($$anchor, $$props) {
14863
15080
  append($$anchor2, div_1);
14864
15081
  };
14865
15082
  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);
15083
+ if (get$1(isFormBusy)) $$render(consequent_5);
14867
15084
  });
14868
15085
  }
14869
15086
  var form = sibling(node_1, 2);
@@ -14877,13 +15094,13 @@ function CreateAccount($$anchor, $$props) {
14877
15094
  var node_7 = sibling(h3, 2);
14878
15095
  {
14879
15096
  var consequent_11 = ($$anchor3) => {
14880
- var fragment_4 = comment();
14881
- var node_8 = first_child(fragment_4);
15097
+ var fragment_8 = comment();
15098
+ var node_8 = first_child(fragment_8);
14882
15099
  each(node_8, 17, () => get$1(group).rows, index, ($$anchor4, row) => {
14883
15100
  var div_3 = root_13$2();
14884
15101
  each(div_3, 21, () => get$1(row).fields, index, ($$anchor5, fieldKey) => {
14885
- var fragment_5 = comment();
14886
- var node_9 = first_child(fragment_5);
15102
+ var fragment_9 = comment();
15103
+ var node_9 = first_child(fragment_9);
14887
15104
  {
14888
15105
  var consequent_6 = ($$anchor6) => {
14889
15106
  {
@@ -14913,9 +15130,17 @@ function CreateAccount($$anchor, $$props) {
14913
15130
  });
14914
15131
  let $6 = /* @__PURE__ */ user_derived(() => {
14915
15132
  var _a3;
14916
- return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
15133
+ return get$1(fieldSchemas)[(_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key] || {};
14917
15134
  });
14918
15135
  let $7 = /* @__PURE__ */ user_derived(() => {
15136
+ var _a3;
15137
+ return getFieldErrorMessageOverride((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, "pattern") || void 0;
15138
+ });
15139
+ let $8 = /* @__PURE__ */ user_derived(() => {
15140
+ var _a3;
15141
+ return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
15142
+ });
15143
+ let $9 = /* @__PURE__ */ user_derived(() => {
14919
15144
  var _a3;
14920
15145
  return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
14921
15146
  });
@@ -14938,22 +15163,28 @@ function CreateAccount($$anchor, $$props) {
14938
15163
  get helpText() {
14939
15164
  return get$1($5);
14940
15165
  },
15166
+ get validationSchema() {
15167
+ return get$1($6);
15168
+ },
15169
+ get invalidFormatMessage() {
15170
+ return get$1($7);
15171
+ },
14941
15172
  oninput: (e) => {
14942
15173
  var _a3;
14943
15174
  return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.target.value);
14944
15175
  },
14945
15176
  get validationState() {
14946
- return get$1($6);
15177
+ return get$1($8);
14947
15178
  },
14948
15179
  get errorMessage() {
14949
- return get$1($7);
15180
+ return get$1($9);
14950
15181
  }
14951
15182
  });
14952
15183
  }
14953
15184
  };
14954
15185
  var alternate_7 = ($$anchor6) => {
14955
- var fragment_7 = comment();
14956
- var node_10 = first_child(fragment_7);
15186
+ var fragment_11 = comment();
15187
+ var node_10 = first_child(fragment_11);
14957
15188
  {
14958
15189
  var consequent_7 = ($$anchor7) => {
14959
15190
  {
@@ -15029,8 +15260,8 @@ function CreateAccount($$anchor, $$props) {
15029
15260
  }
15030
15261
  };
15031
15262
  var alternate_6 = ($$anchor7) => {
15032
- var fragment_9 = comment();
15033
- var node_11 = first_child(fragment_9);
15263
+ var fragment_13 = comment();
15264
+ var node_11 = first_child(fragment_13);
15034
15265
  {
15035
15266
  var consequent_8 = ($$anchor8) => {
15036
15267
  {
@@ -15099,8 +15330,8 @@ function CreateAccount($$anchor, $$props) {
15099
15330
  }
15100
15331
  };
15101
15332
  var alternate_5 = ($$anchor8) => {
15102
- var fragment_11 = comment();
15103
- var node_12 = first_child(fragment_11);
15333
+ var fragment_15 = comment();
15334
+ var node_12 = first_child(fragment_15);
15104
15335
  {
15105
15336
  var consequent_9 = ($$anchor9) => {
15106
15337
  {
@@ -15176,8 +15407,8 @@ function CreateAccount($$anchor, $$props) {
15176
15407
  }
15177
15408
  };
15178
15409
  var alternate_4 = ($$anchor9) => {
15179
- var fragment_13 = comment();
15180
- var node_13 = first_child(fragment_13);
15410
+ var fragment_17 = comment();
15411
+ var node_13 = first_child(fragment_17);
15181
15412
  {
15182
15413
  var consequent_10 = ($$anchor10) => {
15183
15414
  {
@@ -15254,7 +15485,7 @@ function CreateAccount($$anchor, $$props) {
15254
15485
  true
15255
15486
  );
15256
15487
  }
15257
- append($$anchor9, fragment_13);
15488
+ append($$anchor9, fragment_17);
15258
15489
  };
15259
15490
  if_block(
15260
15491
  node_12,
@@ -15266,7 +15497,7 @@ function CreateAccount($$anchor, $$props) {
15266
15497
  true
15267
15498
  );
15268
15499
  }
15269
- append($$anchor8, fragment_11);
15500
+ append($$anchor8, fragment_15);
15270
15501
  };
15271
15502
  if_block(
15272
15503
  node_11,
@@ -15278,7 +15509,7 @@ function CreateAccount($$anchor, $$props) {
15278
15509
  true
15279
15510
  );
15280
15511
  }
15281
- append($$anchor7, fragment_9);
15512
+ append($$anchor7, fragment_13);
15282
15513
  };
15283
15514
  if_block(
15284
15515
  node_10,
@@ -15290,7 +15521,7 @@ function CreateAccount($$anchor, $$props) {
15290
15521
  true
15291
15522
  );
15292
15523
  }
15293
- append($$anchor6, fragment_7);
15524
+ append($$anchor6, fragment_11);
15294
15525
  };
15295
15526
  if_block(node_9, ($$render) => {
15296
15527
  var _a3;
@@ -15298,12 +15529,12 @@ function CreateAccount($$anchor, $$props) {
15298
15529
  else $$render(alternate_7, false);
15299
15530
  });
15300
15531
  }
15301
- append($$anchor5, fragment_5);
15532
+ append($$anchor5, fragment_9);
15302
15533
  });
15303
15534
  reset(div_3);
15304
15535
  append($$anchor4, div_3);
15305
15536
  });
15306
- append($$anchor3, fragment_4);
15537
+ append($$anchor3, fragment_8);
15307
15538
  };
15308
15539
  if_block(node_7, ($$render) => {
15309
15540
  if (get$1(group).rows) $$render(consequent_11);
@@ -15317,35 +15548,64 @@ function CreateAccount($$anchor, $$props) {
15317
15548
  var div_5 = child(div_4);
15318
15549
  var node_14 = child(div_5);
15319
15550
  {
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);
15551
+ var consequent_15 = ($$anchor2) => {
15552
+ var fragment_19 = root_24$1();
15553
+ var node_15 = first_child(fragment_19);
15554
+ {
15555
+ var consequent_12 = ($$anchor3) => {
15556
+ var span_1 = root_25();
15557
+ var text_7 = child(span_1, true);
15558
+ reset(span_1);
15559
+ template_effect(() => set_text(text_7, get$1(pendingUserMessage)));
15560
+ append($$anchor3, span_1);
15561
+ };
15562
+ if_block(node_15, ($$render) => {
15563
+ if (get$1(pendingUserMessage)) $$render(consequent_12);
15564
+ });
15565
+ }
15566
+ var node_16 = sibling(node_15, 2);
15567
+ {
15568
+ var consequent_13 = ($$anchor3) => {
15569
+ var span_2 = root_26$1();
15570
+ var text_8 = child(span_2, true);
15571
+ reset(span_2);
15572
+ template_effect(($0) => set_text(text_8, $0), [
15573
+ () => getLabel("fixErrorsLabel", "Please fix the errors above")
15574
+ ]);
15575
+ append($$anchor3, span_2);
15576
+ };
15577
+ var alternate_8 = ($$anchor3) => {
15578
+ var fragment_20 = comment();
15579
+ var node_17 = first_child(fragment_20);
15580
+ {
15581
+ var consequent_14 = ($$anchor4) => {
15582
+ var span_3 = root_28();
15583
+ var text_9 = child(span_3, true);
15584
+ reset(span_3);
15585
+ template_effect(($0) => set_text(text_9, $0), [
15586
+ () => getLabel("requiredFieldsHintLabel", "Please fill in all required fields to continue")
15587
+ ]);
15588
+ append($$anchor4, span_3);
15589
+ };
15590
+ if_block(
15591
+ node_17,
15592
+ ($$render) => {
15593
+ if (!baseForm.computed.canSubmit) $$render(consequent_14);
15594
+ },
15595
+ true
15596
+ );
15597
+ }
15598
+ append($$anchor3, fragment_20);
15599
+ };
15600
+ if_block(node_16, ($$render) => {
15601
+ if (baseForm.computed.hasErrors) $$render(consequent_13);
15602
+ else $$render(alternate_8, false);
15603
+ });
15604
+ }
15605
+ append($$anchor2, fragment_19);
15326
15606
  };
15327
15607
  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);
15608
+ if (!get$1(isFormBusy)) $$render(consequent_15);
15349
15609
  });
15350
15610
  }
15351
15611
  reset(div_5);
@@ -15355,50 +15615,47 @@ function CreateAccount($$anchor, $$props) {
15355
15615
  set_custom_element_data(alviere_button, "variant", "primary");
15356
15616
  set_custom_element_data(alviere_button, "size", "md");
15357
15617
  template_effect(() => set_custom_element_data(alviere_button, "handler", baseForm.handlers.handleSubmit));
15358
- var node_17 = child(alviere_button);
15618
+ var node_18 = child(alviere_button);
15359
15619
  {
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
- }
15620
+ var consequent_16 = ($$anchor2) => {
15621
+ var text_10 = text();
15622
+ template_effect(($0) => set_text(text_10, $0), [
15623
+ () => get$1(isUpdateMode) ? getLabel("updatingAccountLabel", `Updating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`) : getLabel("creatingAccountLabel", `Creating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`)
15367
15624
  ]);
15368
- append($$anchor2, text_8);
15625
+ append($$anchor2, text_10);
15369
15626
  };
15370
- var alternate_9 = ($$anchor2) => {
15371
- var fragment_16 = comment();
15372
- var node_18 = first_child(fragment_16);
15627
+ var alternate_10 = ($$anchor2) => {
15628
+ var fragment_22 = comment();
15629
+ var node_19 = first_child(fragment_22);
15373
15630
  {
15374
- var consequent_16 = ($$anchor3) => {
15375
- var text_9 = text("Waiting for Account Activation...");
15376
- append($$anchor3, text_9);
15631
+ var consequent_17 = ($$anchor3) => {
15632
+ var text_11 = text();
15633
+ template_effect(($0) => set_text(text_11, $0), [
15634
+ () => getLabel("waitingForAccountActivationLabel", "Waiting for account activation...")
15635
+ ]);
15636
+ append($$anchor3, text_11);
15377
15637
  };
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
- }
15638
+ var alternate_9 = ($$anchor3) => {
15639
+ var text_12 = text();
15640
+ template_effect(($0) => set_text(text_12, $0), [
15641
+ () => get$1(isUpdateMode) ? getLabel("updateAccountLabel", `Update ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`) : getLabel("createAccountLabel", `Create ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account`)
15385
15642
  ]);
15386
- append($$anchor3, text_10);
15643
+ append($$anchor3, text_12);
15387
15644
  };
15388
15645
  if_block(
15389
- node_18,
15646
+ node_19,
15390
15647
  ($$render) => {
15391
- if (baseForm.state.isPolling) $$render(consequent_16);
15392
- else $$render(alternate_8, false);
15648
+ if (baseForm.state.isPolling) $$render(consequent_17);
15649
+ else $$render(alternate_9, false);
15393
15650
  },
15394
15651
  true
15395
15652
  );
15396
15653
  }
15397
- append($$anchor2, fragment_16);
15654
+ append($$anchor2, fragment_22);
15398
15655
  };
15399
- if_block(node_17, ($$render) => {
15400
- if (baseForm.state.isLoading) $$render(consequent_15);
15401
- else $$render(alternate_9, false);
15656
+ if_block(node_18, ($$render) => {
15657
+ if (baseForm.state.isLoading) $$render(consequent_16);
15658
+ else $$render(alternate_10, false);
15402
15659
  });
15403
15660
  }
15404
15661
  reset(alviere_button);
@@ -15439,8 +15696,11 @@ customElements.define("alviere-create-account", create_custom_element(
15439
15696
  ));
15440
15697
  function CreateConsumerAccount($$anchor, $$props) {
15441
15698
  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() }));
15699
+ var _a2;
15700
+ 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({}));
15701
+ const resolvedConfig = /* @__PURE__ */ user_derived(() => Object.assign(Object.assign({}, config()), {
15702
+ formData: prefillData() && Object.keys(prefillData()).length > 0 ? prefillData() : (_a2 = config() === null || config() === void 0 ? void 0 : config().formData) !== null && _a2 !== void 0 ? _a2 : {}
15703
+ }));
15444
15704
  var $$exports = {
15445
15705
  get jwt() {
15446
15706
  return jwt();
@@ -15470,6 +15730,13 @@ function CreateConsumerAccount($$anchor, $$props) {
15470
15730
  debug($$value);
15471
15731
  flushSync();
15472
15732
  },
15733
+ get config() {
15734
+ return config();
15735
+ },
15736
+ set config($$value = {}) {
15737
+ config($$value);
15738
+ flushSync();
15739
+ },
15473
15740
  get prefillData() {
15474
15741
  return prefillData();
15475
15742
  },
@@ -15515,7 +15782,7 @@ function CreateConsumerAccount($$anchor, $$props) {
15515
15782
  };
15516
15783
  CreateAccount($$anchor, {
15517
15784
  get config() {
15518
- return get$1(config);
15785
+ return get$1(resolvedConfig);
15519
15786
  },
15520
15787
  get jwt() {
15521
15788
  return jwt();
@@ -15551,6 +15818,7 @@ customElements.define("alviere-create-consumer-account", create_custom_element(
15551
15818
  businessUuid: {},
15552
15819
  isInFlow: {},
15553
15820
  debug: {},
15821
+ config: {},
15554
15822
  prefillData: {},
15555
15823
  publicCertificate: {},
15556
15824
  publicCertificateId: {},
@@ -15614,37 +15882,36 @@ const createFlowRecipeStore = () => {
15614
15882
  const flowRecipeStore = createFlowRecipeStore();
15615
15883
  const resetFlowRecipe = flowRecipeStore.reset;
15616
15884
  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';
15885
+ 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
15886
  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>`);
15887
+ var root_4$5 = /* @__PURE__ */ from_html(`<alviere-badge> </alviere-badge>`, 2);
15888
+ 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>`);
15889
+ 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>`);
15890
+ 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);
15891
+ 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>`);
15892
+ 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);
15893
+ var root_9$2 = /* @__PURE__ */ from_html(`<div class="form-status svelte-t9z8bl"><span class="validation-error svelte-t9z8bl" role="alert"> </span></div>`);
15894
+ 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);
15895
+ var root_11 = /* @__PURE__ */ from_html(`<alviere-button><span class="alviere-add-bank-account__button__label"> </span></alviere-button>`, 2);
15896
+ 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>`);
15897
+ var root_15$1 = /* @__PURE__ */ from_html(`<alviere-spinner></alviere-spinner>`, 2);
15898
+ var root_13$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
15899
+ var root_16$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!></div>`);
15900
+ var root_17$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
15633
15901
  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);
15902
+ 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);
15903
+ var root_22$1 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl" role="alert"> </span>`);
15904
+ var root_24 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl"> </span>`);
15905
+ var root_26 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-t9z8bl"> </span>`);
15906
+ 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);
15907
+ 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
15908
  const $$css$b = {
15642
15909
  hash: "svelte-t9z8bl",
15643
15910
  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
15911
  @media (max-width: 768px) {.alviere-add-bank-account__header.svelte-t9z8bl {justify-content:space-between;}
15645
15912
  }
15646
15913
  @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;}`
15914
+ }.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
15915
  };
15649
15916
  function AddBankAccount($$anchor, $$props) {
15650
15917
  push($$props, true);
@@ -15679,6 +15946,14 @@ function AddBankAccount($$anchor, $$props) {
15679
15946
  var _a3;
15680
15947
  return ((_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.fieldMeta) || {};
15681
15948
  });
15949
+ const componentFieldMeta = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldMeta) || {}));
15950
+ const componentFieldLabels = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldLabels) || {}));
15951
+ const fieldErrorMessages = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().fieldErrorMessages) || {}));
15952
+ const componentLabels = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().labels) || {}));
15953
+ const recipeLabels = /* @__PURE__ */ user_derived(() => () => {
15954
+ var _a3, _b2;
15955
+ return ((_b2 = (_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.labels) || {};
15956
+ });
15682
15957
  const hasRecipeFields = /* @__PURE__ */ user_derived(() => Object.keys(get$1(resolvedProfileFields)()).length > 0);
15683
15958
  const hasField = (fieldKey) => Object.prototype.hasOwnProperty.call(get$1(resolvedProfileFields)(), fieldKey);
15684
15959
  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 +16051,7 @@ function AddBankAccount($$anchor, $$props) {
15776
16051
  publicCertificateId: publicCertificateId(),
15777
16052
  initialData: initialFormData,
15778
16053
  fieldSchemas: () => get$1(fieldSchemas),
16054
+ fieldErrorMessages: () => get$1(fieldErrorMessages)(),
15779
16055
  formName: "AddBankAccount",
15780
16056
  stepType: "ADD_BANK_ACCOUNT",
15781
16057
  // Dummy submitHandler - not used since we have custom form handler
@@ -15799,25 +16075,40 @@ function AddBankAccount($$anchor, $$props) {
15799
16075
  };
15800
16076
  const defaultFieldHelpText = {
15801
16077
  ach_routing_number: "You can find your routing number on your check or bank statement.",
16078
+ ach_account_number: "You can find your account number on your check or bank statement.",
15802
16079
  confirm_routing_number: "Please confirm your routing number to ensure accuracy.",
15803
16080
  confirm_account_number: "Please confirm your account number to ensure accuracy."
15804
16081
  };
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
- };
16082
+ const getFieldLabel = (fieldKey) => resolveFieldLabel(fieldKey, {
16083
+ componentFieldLabels: get$1(componentFieldLabels)(),
16084
+ componentFieldMeta: get$1(componentFieldMeta)(),
16085
+ recipeFieldMeta: get$1(fieldMeta)(),
16086
+ defaultFieldLabels
16087
+ });
16088
+ const getFieldHelpText = (fieldKey) => resolveFieldHelpText(fieldKey, {
16089
+ componentFieldMeta: get$1(componentFieldMeta)(),
16090
+ recipeFieldMeta: get$1(fieldMeta)(),
16091
+ defaultFieldHelpText
16092
+ });
16093
+ const getLabel = (labelKey, fallback) => resolveLabel(labelKey, {
16094
+ componentLabels: get$1(componentLabels)(),
16095
+ recipeLabels: get$1(recipeLabels)(),
16096
+ fallback
16097
+ });
15813
16098
  const getFieldPlaceholder = (fieldKey) => defaultFieldPlaceholders[fieldKey] || "";
15814
16099
  const shouldShowAccountType = /* @__PURE__ */ user_derived(() => hasField("ach_account_type"));
15815
16100
  const shouldShowRoutingNumber = /* @__PURE__ */ user_derived(() => !get$1(hasRecipeFields) || hasField("ach_routing_number"));
15816
16101
  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
- ];
16102
+ const accountTypeOptions = /* @__PURE__ */ user_derived(() => [
16103
+ {
16104
+ label: getLabel("checkingAccountTypeOptionLabel", "Checking"),
16105
+ value: "CHECKING"
16106
+ },
16107
+ {
16108
+ label: getLabel("savingsAccountTypeOptionLabel", "Savings"),
16109
+ value: "SAVINGS"
16110
+ }
16111
+ ]);
15821
16112
  let isCheckingBankAccounts = /* @__PURE__ */ state(false);
15822
16113
  let isSubmitting = /* @__PURE__ */ state(false);
15823
16114
  let bankAccounts = /* @__PURE__ */ state(proxy({ bank_accounts: [] }));
@@ -15829,8 +16120,18 @@ function AddBankAccount($$anchor, $$props) {
15829
16120
  let isLoadingBankInfo = /* @__PURE__ */ state(false);
15830
16121
  let bankInfoByRouting = /* @__PURE__ */ state(proxy({}));
15831
16122
  let isRoutingHelpOpen = /* @__PURE__ */ state(false);
16123
+ let isAccountHelpOpen = /* @__PURE__ */ state(false);
16124
+ const isFormBusy = /* @__PURE__ */ user_derived(() => get$1(isCheckingBankAccounts) || get$1(isSubmitting));
15832
16125
  let hostElement = /* @__PURE__ */ state(null);
15833
16126
  const INVALID_ROUTING_NUMBER_MESSAGE = "Routing number is not valid";
16127
+ const getFieldErrorMessage = (fieldKey, ruleKey, fallback) => {
16128
+ var _a3, _b2;
16129
+ const override = (_b2 = (_a3 = get$1(fieldErrorMessages)()) === null || _a3 === void 0 ? void 0 : _a3[fieldKey]) === null || _b2 === void 0 ? void 0 : _b2[ruleKey];
16130
+ if (typeof override === "string" && override.trim()) {
16131
+ return override.trim();
16132
+ }
16133
+ return fallback;
16134
+ };
15834
16135
  const hasCredentials = /* @__PURE__ */ user_derived(() => jwt() && accountUuid());
15835
16136
  user_effect(() => {
15836
16137
  const shouldShowForm = get$1(showAddForm) || !get$1(isCheckingBankAccounts) && get$1(bankAccounts).bank_accounts.length === 0;
@@ -15842,27 +16143,28 @@ function AddBankAccount($$anchor, $$props) {
15842
16143
  });
15843
16144
  user_effect(() => {
15844
16145
  const routingNumber = baseForm.state.formData.ach_details.routing_number;
16146
+ const invalidRoutingNumberMessage = getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE);
15845
16147
  if (routingNumber && routingNumber.length === 9 && baseForm.state.alviereCore) {
15846
16148
  set(isLoadingBankInfo, true);
15847
16149
  lookupRoutingNumber(routingNumber, baseForm.state.alviereCore).then((info) => {
15848
16150
  set(bankInfo, info, true);
15849
16151
  if (!info) {
15850
- baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
16152
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15851
16153
  return;
15852
16154
  }
15853
- if (baseForm.state.validationErrors.ach_routing_number === INVALID_ROUTING_NUMBER_MESSAGE) {
16155
+ if (baseForm.state.validationErrors.ach_routing_number === invalidRoutingNumberMessage) {
15854
16156
  baseForm.actions.clearFieldError("ach_routing_number");
15855
16157
  }
15856
16158
  }).catch((error) => {
15857
16159
  set(bankInfo, null);
15858
- baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
16160
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15859
16161
  uiLogger.warn("Failed to lookup bank info:", error);
15860
16162
  }).finally(() => {
15861
16163
  set(isLoadingBankInfo, false);
15862
16164
  });
15863
16165
  } else {
15864
16166
  set(bankInfo, null);
15865
- if (baseForm.state.validationErrors.ach_routing_number === INVALID_ROUTING_NUMBER_MESSAGE) {
16167
+ if (baseForm.state.validationErrors.ach_routing_number === invalidRoutingNumberMessage) {
15866
16168
  baseForm.actions.clearFieldError("ach_routing_number");
15867
16169
  }
15868
16170
  }
@@ -15892,6 +16194,7 @@ function AddBankAccount($$anchor, $$props) {
15892
16194
  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
16195
  }).filter((routing) => typeof routing === "string" && routing.length > 0);
15894
16196
  routingNumbers.forEach((routingNumber) => {
16197
+ const invalidRoutingNumberMessage = getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE);
15895
16198
  if (get$1(bankInfoByRouting)[routingNumber] !== void 0) {
15896
16199
  return;
15897
16200
  }
@@ -15899,15 +16202,15 @@ function AddBankAccount($$anchor, $$props) {
15899
16202
  lookupRoutingNumber(routingNumber, baseForm.state.alviereCore || void 0).then((info) => {
15900
16203
  set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: info }), true);
15901
16204
  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);
16205
+ if (currentRouting === routingNumber && !info && baseForm.state.validationErrors.ach_routing_number !== invalidRoutingNumberMessage) {
16206
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15904
16207
  }
15905
16208
  }).catch((error) => {
15906
16209
  uiLogger.warn("Failed to lookup bank info for routing number:", routingNumber, error);
15907
16210
  set(bankInfoByRouting, Object.assign(Object.assign({}, get$1(bankInfoByRouting)), { [routingNumber]: null }), true);
15908
16211
  const currentRouting = baseForm.state.formData.ach_details.routing_number;
15909
16212
  if (currentRouting === routingNumber) {
15910
- baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
16213
+ baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
15911
16214
  }
15912
16215
  });
15913
16216
  });
@@ -16057,11 +16360,11 @@ function AddBankAccount($$anchor, $$props) {
16057
16360
  return true;
16058
16361
  }
16059
16362
  if (!/^\d{9}$/.test(confirmation)) {
16060
- baseForm.actions.setFieldError("confirm_routing_number", "Routing number must be exactly 9 digits");
16363
+ baseForm.actions.setFieldError("confirm_routing_number", getFieldErrorMessage("confirm_routing_number", "pattern", "Routing number must be exactly 9 digits"));
16061
16364
  return false;
16062
16365
  }
16063
16366
  if (!original || confirmation !== original) {
16064
- baseForm.actions.setFieldError("confirm_routing_number", "Routing number confirmation does not match");
16367
+ baseForm.actions.setFieldError("confirm_routing_number", getFieldErrorMessage("confirm_routing_number", "match", "Routing number confirmation does not match"));
16065
16368
  return false;
16066
16369
  }
16067
16370
  baseForm.actions.clearFieldError("confirm_routing_number");
@@ -16074,15 +16377,15 @@ function AddBankAccount($$anchor, $$props) {
16074
16377
  return true;
16075
16378
  }
16076
16379
  if (!/^\d+$/.test(confirmation)) {
16077
- baseForm.actions.setFieldError("confirm_account_number", "Account number must contain only digits");
16380
+ baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "numeric", "Account number must contain only digits"));
16078
16381
  return false;
16079
16382
  }
16080
16383
  if (confirmation.length < 3) {
16081
- baseForm.actions.setFieldError("confirm_account_number", "Account number must be at least 3 digits");
16384
+ baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "minLength", "Account number must be at least 3 digits"));
16082
16385
  return false;
16083
16386
  }
16084
16387
  if (!original || confirmation !== original) {
16085
- baseForm.actions.setFieldError("confirm_account_number", "Account number confirmation does not match");
16388
+ baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "match", "Account number confirmation does not match"));
16086
16389
  return false;
16087
16390
  }
16088
16391
  baseForm.actions.clearFieldError("confirm_account_number");
@@ -16103,14 +16406,16 @@ function AddBankAccount($$anchor, $$props) {
16103
16406
  }
16104
16407
  user_effect(() => {
16105
16408
  if (!get$1(requireRoutingAndAccountConfirmation)) return;
16409
+ const routingMismatchMessage = getFieldErrorMessage("confirm_routing_number", "match", "Routing number confirmation does not match");
16410
+ const accountMismatchMessage = getFieldErrorMessage("confirm_account_number", "match", "Account number confirmation does not match");
16106
16411
  const routingOriginal = normalizeComparableValue(baseForm.state.formData.ach_details.routing_number || baseForm.state.formData.ach_routing_number);
16107
16412
  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") {
16413
+ if (routingOriginal && routingConfirmation && routingOriginal === routingConfirmation && baseForm.state.validationErrors.confirm_routing_number === routingMismatchMessage) {
16109
16414
  baseForm.actions.clearFieldError("confirm_routing_number");
16110
16415
  }
16111
16416
  const accountOriginal = normalizeComparableValue(baseForm.state.formData.ach_details.account_number || baseForm.state.formData.ach_account_number);
16112
16417
  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") {
16418
+ if (accountOriginal && accountConfirmation && accountOriginal === accountConfirmation && baseForm.state.validationErrors.confirm_account_number === accountMismatchMessage) {
16114
16419
  baseForm.actions.clearFieldError("confirm_account_number");
16115
16420
  }
16116
16421
  });
@@ -16215,12 +16520,12 @@ function AddBankAccount($$anchor, $$props) {
16215
16520
  append($$anchor2, div_1);
16216
16521
  };
16217
16522
  if_block(node, ($$render) => {
16218
- if (get$1(isCheckingBankAccounts) || get$1(isSubmitting)) $$render(consequent);
16523
+ if (get$1(isFormBusy)) $$render(consequent);
16219
16524
  });
16220
16525
  }
16221
16526
  var node_1 = sibling(node, 2);
16222
16527
  {
16223
- var consequent_8 = ($$anchor2) => {
16528
+ var consequent_7 = ($$anchor2) => {
16224
16529
  var div_2 = root_2$4();
16225
16530
  var div_3 = child(div_2);
16226
16531
  var h2 = child(div_3);
@@ -16230,6 +16535,8 @@ function AddBankAccount($$anchor, $$props) {
16230
16535
  set_custom_element_data(alviere_button, "variant", "secondary");
16231
16536
  set_custom_element_data(alviere_button, "handler", () => set(showAddForm, true));
16232
16537
  set_custom_element_data(alviere_button, "iconName", "Plus");
16538
+ var text_1 = child(alviere_button, true);
16539
+ reset(alviere_button);
16233
16540
  reset(div_3);
16234
16541
  var alviere_list = sibling(div_3, 2);
16235
16542
  each(alviere_list, 21, () => get$1(bankAccounts).bank_accounts, index, ($$anchor3, bankAccount, index2) => {
@@ -16247,53 +16554,33 @@ function AddBankAccount($$anchor, $$props) {
16247
16554
  var alviere_badge = child(div_4);
16248
16555
  set_custom_element_data(alviere_badge, "size", "sm");
16249
16556
  set_custom_element_data(alviere_badge, "variant", "info");
16250
- var text_1 = child(alviere_badge, true);
16557
+ var text_2 = child(alviere_badge, true);
16251
16558
  reset(alviere_badge);
16252
16559
  reset(div_4);
16253
16560
  var div_5 = sibling(div_4, 2);
16254
16561
  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
- }
16562
+ var text_3 = child(span);
16269
16563
  reset(span);
16270
16564
  reset(div_5);
16271
16565
  var div_6 = sibling(div_5, 2);
16272
- var node_3 = child(div_6);
16566
+ var node_2 = child(div_6);
16273
16567
  {
16274
- var consequent_2 = ($$anchor4) => {
16275
- var alviere_badge_1 = root_5$4();
16568
+ var consequent_1 = ($$anchor4) => {
16569
+ var alviere_badge_1 = root_4$5();
16276
16570
  set_custom_element_data(alviere_badge_1, "size", "sm");
16277
16571
  set_custom_element_data(alviere_badge_1, "variant", "warning");
16572
+ var text_4 = child(alviere_badge_1, true);
16573
+ reset(alviere_badge_1);
16574
+ template_effect(($0) => set_text(text_4, $0), [() => getLabel("primaryBadgeLabel", "Primary")]);
16278
16575
  append($$anchor4, alviere_badge_1);
16279
16576
  };
16280
- if_block(node_3, ($$render) => {
16281
- if (get$1(bankAccount).primary) $$render(consequent_2);
16577
+ if_block(node_2, ($$render) => {
16578
+ if (get$1(bankAccount).primary) $$render(consequent_1);
16282
16579
  });
16283
16580
  }
16284
16581
  reset(div_6);
16285
16582
  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);
16583
+ var alviere_button_1 = child(div_7);
16297
16584
  set_custom_element_data(alviere_button_1, "variant", "primary");
16298
16585
  set_custom_element_data(alviere_button_1, "size", "sm");
16299
16586
  set_custom_element_data(alviere_button_1, "handler", (e) => {
@@ -16310,113 +16597,160 @@ function AddBankAccount($$anchor, $$props) {
16310
16597
  deleteBankAccount(get$1(bankAccount).payment_method_uuid || "");
16311
16598
  });
16312
16599
  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);
16600
+ reset(div_7);
16601
+ var div_8 = sibling(div_7, 2);
16602
+ var div_9 = child(div_8);
16603
+ var div_10 = child(div_9);
16604
+ var span_1 = child(div_10);
16605
+ var text_5 = child(span_1);
16606
+ reset(span_1);
16607
+ var span_2 = sibling(span_1, 2);
16608
+ var text_6 = child(span_2);
16609
+ reset(span_2);
16610
+ reset(div_10);
16611
+ var div_11 = sibling(div_10, 2);
16612
+ var span_3 = child(div_11);
16613
+ var text_7 = child(span_3);
16614
+ reset(span_3);
16615
+ var span_4 = sibling(span_3, 2);
16616
+ var text_8 = child(span_4, true);
16319
16617
  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);
16618
+ reset(div_11);
16619
+ var node_3 = sibling(div_11, 2);
16327
16620
  {
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);
16621
+ var consequent_4 = ($$anchor4) => {
16622
+ var fragment_1 = root_5$4();
16623
+ var div_12 = first_child(fragment_1);
16624
+ var span_5 = child(div_12);
16625
+ var text_9 = child(span_5);
16626
+ reset(span_5);
16627
+ var span_6 = sibling(span_5, 2);
16628
+ var text_10 = child(span_6, true);
16333
16629
  reset(span_6);
16334
- reset(div_14);
16335
- var node_5 = sibling(div_14, 2);
16630
+ reset(div_12);
16631
+ var node_4 = sibling(div_12, 2);
16336
16632
  {
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);
16633
+ var consequent_2 = ($$anchor5) => {
16634
+ var div_13 = root_6$3();
16635
+ var span_7 = child(div_13);
16636
+ var text_11 = child(span_7);
16341
16637
  reset(span_7);
16342
- reset(div_15);
16343
- template_effect(() => set_text(text_9, get$1(displayInfo).bankInfo.region));
16344
- append($$anchor5, div_15);
16638
+ var span_8 = sibling(span_7, 2);
16639
+ var text_12 = child(span_8, true);
16640
+ reset(span_8);
16641
+ reset(div_13);
16642
+ template_effect(
16643
+ ($0) => {
16644
+ set_text(text_11, `${$0 ?? ""}:`);
16645
+ set_text(text_12, get$1(displayInfo).bankInfo.region);
16646
+ },
16647
+ [() => getLabel("regionLabel", "Region")]
16648
+ );
16649
+ append($$anchor5, div_13);
16345
16650
  };
16346
- if_block(node_5, ($$render) => {
16347
- if (get$1(displayInfo).bankInfo.region) $$render(consequent_3);
16651
+ if_block(node_4, ($$render) => {
16652
+ if (get$1(displayInfo).bankInfo.region) $$render(consequent_2);
16348
16653
  });
16349
16654
  }
16350
- var node_6 = sibling(node_5, 2);
16655
+ var node_5 = sibling(node_4, 2);
16351
16656
  {
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);
16657
+ var consequent_3 = ($$anchor5) => {
16658
+ var div_14 = root_7$1();
16659
+ var span_9 = child(div_14);
16660
+ var text_13 = child(span_9);
16661
+ reset(span_9);
16662
+ var span_10 = sibling(span_9, 2);
16663
+ var text_14 = child(span_10, true);
16664
+ reset(span_10);
16665
+ reset(div_14);
16666
+ template_effect(
16667
+ ($0) => {
16668
+ set_text(text_13, `${$0 ?? ""}:`);
16669
+ set_text(text_14, get$1(displayInfo).bankInfo.description);
16670
+ },
16671
+ [() => getLabel("descriptionLabel", "Description")]
16672
+ );
16673
+ append($$anchor5, div_14);
16360
16674
  };
16361
- if_block(node_6, ($$render) => {
16362
- if (get$1(displayInfo).bankInfo.description) $$render(consequent_4);
16675
+ if_block(node_5, ($$render) => {
16676
+ if (get$1(displayInfo).bankInfo.description) $$render(consequent_3);
16363
16677
  });
16364
16678
  }
16365
- template_effect(() => set_text(text_8, get$1(displayInfo).bankInfo.name));
16679
+ template_effect(
16680
+ ($0) => {
16681
+ set_text(text_9, `${$0 ?? ""}:`);
16682
+ set_text(text_10, get$1(displayInfo).bankInfo.name);
16683
+ },
16684
+ [() => getLabel("bankLabel", "Bank")]
16685
+ );
16366
16686
  append($$anchor4, fragment_1);
16367
16687
  };
16368
- if_block(node_4, ($$render) => {
16369
- if (get$1(displayInfo).bankInfo) $$render(consequent_5);
16688
+ if_block(node_3, ($$render) => {
16689
+ if (get$1(displayInfo).bankInfo) $$render(consequent_4);
16370
16690
  });
16371
16691
  }
16372
- var node_7 = sibling(node_4, 2);
16692
+ var node_6 = sibling(node_3, 2);
16373
16693
  {
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);
16694
+ var consequent_5 = ($$anchor4) => {
16695
+ var div_15 = root_8$2();
16696
+ var span_11 = child(div_15);
16697
+ var text_15 = child(span_11);
16698
+ reset(span_11);
16699
+ var span_12 = sibling(span_11, 2);
16700
+ var text_16 = child(span_12, true);
16701
+ reset(span_12);
16702
+ reset(div_15);
16703
+ template_effect(
16704
+ ($0) => {
16705
+ set_text(text_15, `${$0 ?? ""}:`);
16706
+ set_text(text_16, get$1(displayInfo).accountType);
16707
+ },
16708
+ [() => getLabel("accountTypeLabel", "Account Type")]
16709
+ );
16710
+ append($$anchor4, div_15);
16382
16711
  };
16383
- if_block(node_7, ($$render) => {
16384
- if (get$1(displayInfo).accountType !== "N/A") $$render(consequent_6);
16712
+ if_block(node_6, ($$render) => {
16713
+ if (get$1(displayInfo).accountType !== "N/A") $$render(consequent_5);
16385
16714
  });
16386
16715
  }
16387
- reset(div_11);
16388
- reset(div_10);
16716
+ reset(div_9);
16717
+ reset(div_8);
16389
16718
  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
- });
16719
+ template_effect(
16720
+ ($0, $1) => {
16721
+ set_text(text_2, get$1(displayInfo).type);
16722
+ set_text(text_3, `••••${get$1(displayInfo).accountNumber ?? ""}`);
16723
+ set_text(text_5, `${$0 ?? ""}:`);
16724
+ set_text(text_6, `••••${get$1(displayInfo).accountNumber ?? ""}`);
16725
+ set_text(text_7, `${$1 ?? ""}:`);
16726
+ set_text(text_8, get$1(displayInfo).routingNumber);
16727
+ },
16728
+ [
16729
+ () => getLabel("accountNumberLabel", "Account Number"),
16730
+ () => getLabel("routingSwiftLabel", "Routing/SWIFT")
16731
+ ]
16732
+ );
16399
16733
  event$1("select", alviere_list_item, () => selectBankAccount(get$1(bankAccount).payment_method_uuid || ""));
16400
16734
  append($$anchor3, alviere_list_item);
16401
16735
  });
16402
16736
  reset(alviere_list);
16403
- var div_18 = sibling(alviere_list, 2);
16404
- var node_8 = child(div_18);
16737
+ var div_16 = sibling(alviere_list, 2);
16738
+ var node_7 = child(div_16);
16405
16739
  {
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);
16740
+ var consequent_6 = ($$anchor3) => {
16741
+ var div_17 = root_9$2();
16742
+ var span_13 = child(div_17);
16743
+ var text_17 = child(span_13, true);
16744
+ reset(span_13);
16745
+ reset(div_17);
16746
+ template_effect(() => set_text(text_17, get$1(formError)));
16747
+ append($$anchor3, div_17);
16414
16748
  };
16415
- if_block(node_8, ($$render) => {
16416
- if (get$1(formError)) $$render(consequent_7);
16749
+ if_block(node_7, ($$render) => {
16750
+ if (get$1(formError) && !get$1(isFormBusy)) $$render(consequent_6);
16417
16751
  });
16418
16752
  }
16419
- var alviere_button_3 = sibling(node_8, 2);
16753
+ var alviere_button_3 = sibling(node_7, 2);
16420
16754
  set_custom_element_data(alviere_button_3, "variant", "primary");
16421
16755
  set_custom_element_data(alviere_button_3, "size", "md");
16422
16756
  template_effect(() => set_custom_element_data(alviere_button_3, "disabled", !get$1(hasSelectedBankAccount)));
@@ -16446,6 +16780,7 @@ function AddBankAccount($$anchor, $$props) {
16446
16780
  detail: {
16447
16781
  stepType: "ADD_BANK_ACCOUNT",
16448
16782
  payment_method_uuid: selectedBankAccount.payment_method_uuid,
16783
+ payment_method_last4: selectedBankAccount.last_4 || "",
16449
16784
  payment_method_status: paymentMethodStatus,
16450
16785
  success: true
16451
16786
  },
@@ -16458,126 +16793,124 @@ function AddBankAccount($$anchor, $$props) {
16458
16793
  uiLogger.warn("⚠️ Host element not available for event dispatch");
16459
16794
  }
16460
16795
  });
16461
- var text_13 = child(alviere_button_3, true);
16796
+ var text_18 = child(alviere_button_3, true);
16462
16797
  reset(alviere_button_3);
16463
- reset(div_18);
16798
+ reset(div_16);
16464
16799
  reset(div_2);
16465
16800
  template_effect(
16466
- ($0) => {
16467
- set_text(text2, `Your Bank Accounts (${get$1(bankAccounts).bank_accounts.length ?? ""})`);
16468
- set_text(text_13, $0);
16801
+ ($0, $1, $2) => {
16802
+ set_text(text2, `${$0 ?? ""} (${get$1(bankAccounts).bank_accounts.length ?? ""})`);
16803
+ set_text(text_1, $1);
16804
+ set_text(text_18, $2);
16469
16805
  },
16470
16806
  [
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
- }
16807
+ () => getLabel("bankAccountsTitleLabel", "Your Bank Accounts"),
16808
+ () => getLabel("addNewBankAccountLabel", "Add New Bank Account"),
16809
+ () => getLabel("finalizeButton", "Continue to Payment")
16475
16810
  ]
16476
16811
  );
16477
16812
  append($$anchor2, div_2);
16478
16813
  };
16479
16814
  if_block(node_1, ($$render) => {
16480
- if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(consequent_8);
16815
+ if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(consequent_7);
16481
16816
  });
16482
16817
  }
16483
- var node_9 = sibling(node_1, 2);
16818
+ var node_8 = sibling(node_1, 2);
16484
16819
  {
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);
16820
+ var consequent_22 = ($$anchor2) => {
16821
+ var form = root_10();
16822
+ var div_18 = child(form);
16823
+ var h2_1 = child(div_18);
16824
+ var text_19 = child(h2_1, true);
16825
+ reset(h2_1);
16826
+ var node_9 = sibling(h2_1, 2);
16489
16827
  {
16490
- var consequent_9 = ($$anchor3) => {
16491
- var alviere_button_4 = root_12$1();
16828
+ var consequent_8 = ($$anchor3) => {
16829
+ var alviere_button_4 = root_11();
16492
16830
  set_custom_element_data(alviere_button_4, "type", "button");
16493
16831
  set_custom_element_data(alviere_button_4, "variant", "secondary");
16494
16832
  set_custom_element_data(alviere_button_4, "handler", () => set(showAddForm, false));
16495
16833
  set_custom_element_data(alviere_button_4, "iconName", "X");
16834
+ var span_14 = child(alviere_button_4);
16835
+ var text_20 = child(span_14, true);
16836
+ reset(span_14);
16837
+ reset(alviere_button_4);
16838
+ template_effect(($0) => set_text(text_20, $0), [
16839
+ () => getLabel("backToBankAccountsLabel", "Back to Bank Accounts")
16840
+ ]);
16496
16841
  append($$anchor3, alviere_button_4);
16497
16842
  };
16498
- if_block(node_10, ($$render) => {
16499
- if (get$1(bankAccounts).bank_accounts.length > 0) $$render(consequent_9);
16843
+ if_block(node_9, ($$render) => {
16844
+ if (get$1(bankAccounts).bank_accounts.length > 0) $$render(consequent_8);
16500
16845
  });
16501
16846
  }
16502
- reset(div_20);
16503
- var div_21 = sibling(div_20, 2);
16504
- var node_11 = child(div_21);
16847
+ reset(div_18);
16848
+ var div_19 = sibling(div_18, 2);
16849
+ var node_10 = child(div_19);
16505
16850
  {
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);
16851
+ var consequent_17 = ($$anchor3) => {
16852
+ var fragment_2 = root_12$1();
16853
+ var div_20 = first_child(fragment_2);
16854
+ var alviere_badge_2 = child(div_20);
16510
16855
  set_custom_element_data(alviere_badge_2, "size", "sm");
16511
16856
  set_custom_element_data(alviere_badge_2, "variant", "tertiary");
16512
- var node_12 = sibling(alviere_badge_2, 2);
16857
+ var text_21 = child(alviere_badge_2, true);
16858
+ reset(alviere_badge_2);
16859
+ var node_11 = sibling(alviere_badge_2, 2);
16513
16860
  {
16514
- var consequent_13 = ($$anchor4) => {
16515
- var fragment_3 = root_14$1();
16516
- var node_13 = first_child(fragment_3);
16861
+ var consequent_11 = ($$anchor4) => {
16862
+ var fragment_3 = root_13$1();
16863
+ var node_12 = first_child(fragment_3);
16517
16864
  {
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);
16865
+ var consequent_9 = ($$anchor5) => {
16866
+ var div_21 = root_14$1();
16867
+ var div_22 = child(div_21);
16868
+ var span_15 = child(div_22);
16869
+ var text_22 = child(span_15, true);
16870
+ reset(span_15);
16871
+ reset(div_22);
16872
+ reset(div_21);
16540
16873
  template_effect(() => {
16541
16874
  var _a3;
16542
- return set_text(text_14, (_a3 = get$1(bankInfo)) == null ? void 0 : _a3.name);
16875
+ return set_text(text_22, (_a3 = get$1(bankInfo)) == null ? void 0 : _a3.name);
16543
16876
  });
16544
- append($$anchor5, div_23);
16877
+ append($$anchor5, div_21);
16545
16878
  };
16546
- if_block(node_13, ($$render) => {
16547
- if (get$1(bankInfo)) $$render(consequent_11);
16879
+ if_block(node_12, ($$render) => {
16880
+ if (get$1(bankInfo)) $$render(consequent_9);
16548
16881
  });
16549
16882
  }
16550
- var node_15 = sibling(node_13, 2);
16883
+ var node_13 = sibling(node_12, 2);
16551
16884
  {
16552
- var consequent_12 = ($$anchor5) => {
16553
- var alviere_spinner_1 = root_17$1();
16885
+ var consequent_10 = ($$anchor5) => {
16886
+ var alviere_spinner_1 = root_15$1();
16554
16887
  set_custom_element_data(alviere_spinner_1, "size", "sm");
16555
16888
  set_custom_element_data(alviere_spinner_1, "variant", "circular");
16556
16889
  append($$anchor5, alviere_spinner_1);
16557
16890
  };
16558
- if_block(node_15, ($$render) => {
16559
- if (get$1(isLoadingBankInfo)) $$render(consequent_12);
16891
+ if_block(node_13, ($$render) => {
16892
+ if (get$1(isLoadingBankInfo)) $$render(consequent_10);
16560
16893
  });
16561
16894
  }
16562
16895
  append($$anchor4, fragment_3);
16563
16896
  };
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);
16897
+ if_block(node_11, ($$render) => {
16898
+ if (baseForm.state.formData.ach_details.routing_number && baseForm.state.formData.ach_details.routing_number.length === 9) $$render(consequent_11);
16566
16899
  });
16567
16900
  }
16568
- reset(div_22);
16569
- var node_16 = sibling(div_22, 2);
16901
+ reset(div_20);
16902
+ var node_14 = sibling(div_20, 2);
16570
16903
  {
16571
- var consequent_14 = ($$anchor4) => {
16572
- var div_25 = root_18$1();
16573
- var node_17 = child(div_25);
16904
+ var consequent_12 = ($$anchor4) => {
16905
+ var div_23 = root_16$1();
16906
+ var node_15 = child(div_23);
16574
16907
  {
16575
16908
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_type"));
16576
16909
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_type"));
16577
16910
  let $2 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type ? "invalid" : "neutral");
16578
16911
  let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type || "");
16579
16912
  let $4 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_type"));
16580
- SearchSelect(node_17, {
16913
+ SearchSelect(node_15, {
16581
16914
  get label() {
16582
16915
  return get$1($0);
16583
16916
  },
@@ -16585,7 +16918,7 @@ function AddBankAccount($$anchor, $$props) {
16585
16918
  return baseForm.state.formData.ach_details.type;
16586
16919
  },
16587
16920
  get options() {
16588
- return accountTypeOptions;
16921
+ return get$1(accountTypeOptions);
16589
16922
  },
16590
16923
  get placeholder() {
16591
16924
  return get$1($1);
@@ -16611,25 +16944,26 @@ function AddBankAccount($$anchor, $$props) {
16611
16944
  required: true
16612
16945
  });
16613
16946
  }
16614
- reset(div_25);
16615
- append($$anchor4, div_25);
16947
+ reset(div_23);
16948
+ append($$anchor4, div_23);
16616
16949
  };
16617
- if_block(node_16, ($$render) => {
16618
- if (get$1(shouldShowAccountType)) $$render(consequent_14);
16950
+ if_block(node_14, ($$render) => {
16951
+ if (get$1(shouldShowAccountType)) $$render(consequent_12);
16619
16952
  });
16620
16953
  }
16621
- var node_18 = sibling(node_16, 2);
16954
+ var node_16 = sibling(node_14, 2);
16622
16955
  {
16623
- var consequent_16 = ($$anchor4) => {
16624
- var div_26 = root_19$1();
16625
- var node_19 = child(div_26);
16956
+ var consequent_14 = ($$anchor4) => {
16957
+ var div_24 = root_17$1();
16958
+ var node_17 = child(div_24);
16626
16959
  {
16627
16960
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_routing_number"));
16628
16961
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_routing_number"));
16629
16962
  let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_routing_number"));
16630
16963
  let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number ? "invalid" : "neutral");
16631
16964
  let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number || "");
16632
- TextInput(node_19, {
16965
+ let $5 = /* @__PURE__ */ user_derived(() => getLabel("routingHelpAriaLabel", "Where to find your routing number"));
16966
+ TextInput(node_17, {
16633
16967
  get value() {
16634
16968
  return baseForm.state.formData.ach_details.routing_number;
16635
16969
  },
@@ -16653,9 +16987,12 @@ function AddBankAccount($$anchor, $$props) {
16653
16987
  get errorMessage() {
16654
16988
  return get$1($4);
16655
16989
  },
16656
- suffixActionAriaLabel: "Where to find your routing number",
16990
+ get suffixActionAriaLabel() {
16991
+ return get$1($5);
16992
+ },
16657
16993
  suffixActionHandler: () => {
16658
16994
  set(isRoutingHelpOpen, true);
16995
+ set(isAccountHelpOpen, false);
16659
16996
  },
16660
16997
  oninput: (e) => {
16661
16998
  clearSubmissionErrorOnEdit();
@@ -16669,9 +17006,9 @@ function AddBankAccount($$anchor, $$props) {
16669
17006
  }
16670
17007
  });
16671
17008
  }
16672
- var node_20 = sibling(node_19, 2);
17009
+ var node_18 = sibling(node_17, 2);
16673
17010
  {
16674
- var consequent_15 = ($$anchor5) => {
17011
+ var consequent_13 = ($$anchor5) => {
16675
17012
  {
16676
17013
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_routing_number"));
16677
17014
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_routing_number"));
@@ -16715,28 +17052,30 @@ function AddBankAccount($$anchor, $$props) {
16715
17052
  });
16716
17053
  }
16717
17054
  };
16718
- if_block(node_20, ($$render) => {
16719
- if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_15);
17055
+ if_block(node_18, ($$render) => {
17056
+ if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_13);
16720
17057
  });
16721
17058
  }
16722
- reset(div_26);
16723
- append($$anchor4, div_26);
17059
+ reset(div_24);
17060
+ append($$anchor4, div_24);
16724
17061
  };
16725
- if_block(node_18, ($$render) => {
16726
- if (get$1(shouldShowRoutingNumber)) $$render(consequent_16);
17062
+ if_block(node_16, ($$render) => {
17063
+ if (get$1(shouldShowRoutingNumber)) $$render(consequent_14);
16727
17064
  });
16728
17065
  }
16729
- var node_21 = sibling(node_18, 2);
17066
+ var node_19 = sibling(node_16, 2);
16730
17067
  {
16731
- var consequent_18 = ($$anchor4) => {
16732
- var div_27 = root_21$1();
16733
- var node_22 = child(div_27);
17068
+ var consequent_16 = ($$anchor4) => {
17069
+ var div_25 = root_19$1();
17070
+ var node_20 = child(div_25);
16734
17071
  {
16735
17072
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_number"));
16736
17073
  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, {
17074
+ let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_number"));
17075
+ let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number ? "invalid" : "neutral");
17076
+ let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number || "");
17077
+ let $5 = /* @__PURE__ */ user_derived(() => getLabel("accountHelpAriaLabel", "Where to find your account number"));
17078
+ TextInput(node_20, {
16740
17079
  get value() {
16741
17080
  return baseForm.state.formData.ach_details.account_number;
16742
17081
  },
@@ -16746,6 +17085,9 @@ function AddBankAccount($$anchor, $$props) {
16746
17085
  get placeholder() {
16747
17086
  return get$1($1);
16748
17087
  },
17088
+ get helpText() {
17089
+ return get$1($2);
17090
+ },
16749
17091
  required: true,
16750
17092
  minlength: 3,
16751
17093
  id: "ach_account",
@@ -16753,10 +17095,17 @@ function AddBankAccount($$anchor, $$props) {
16753
17095
  return get$1(fieldSchemas).ach_account_number;
16754
17096
  },
16755
17097
  get validationState() {
16756
- return get$1($2);
17098
+ return get$1($3);
16757
17099
  },
16758
17100
  get errorMessage() {
16759
- return get$1($3);
17101
+ return get$1($4);
17102
+ },
17103
+ get suffixActionAriaLabel() {
17104
+ return get$1($5);
17105
+ },
17106
+ suffixActionHandler: () => {
17107
+ set(isAccountHelpOpen, true);
17108
+ set(isRoutingHelpOpen, false);
16760
17109
  },
16761
17110
  oninput: (e) => {
16762
17111
  clearSubmissionErrorOnEdit();
@@ -16770,9 +17119,9 @@ function AddBankAccount($$anchor, $$props) {
16770
17119
  }
16771
17120
  });
16772
17121
  }
16773
- var node_23 = sibling(node_22, 2);
17122
+ var node_21 = sibling(node_20, 2);
16774
17123
  {
16775
- var consequent_17 = ($$anchor5) => {
17124
+ var consequent_15 = ($$anchor5) => {
16776
17125
  {
16777
17126
  let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_account_number"));
16778
17127
  let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_account_number"));
@@ -16817,27 +17166,28 @@ function AddBankAccount($$anchor, $$props) {
16817
17166
  });
16818
17167
  }
16819
17168
  };
16820
- if_block(node_23, ($$render) => {
16821
- if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_17);
17169
+ if_block(node_21, ($$render) => {
17170
+ if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_15);
16822
17171
  });
16823
17172
  }
16824
- reset(div_27);
16825
- append($$anchor4, div_27);
17173
+ reset(div_25);
17174
+ append($$anchor4, div_25);
16826
17175
  };
16827
- if_block(node_21, ($$render) => {
16828
- if (get$1(shouldShowAccountNumber)) $$render(consequent_18);
17176
+ if_block(node_19, ($$render) => {
17177
+ if (get$1(shouldShowAccountNumber)) $$render(consequent_16);
16829
17178
  });
16830
17179
  }
17180
+ template_effect(($0) => set_text(text_21, $0), [() => getLabel("achBadgeLabel", "ACH")]);
16831
17181
  append($$anchor3, fragment_2);
16832
17182
  };
16833
- if_block(node_11, ($$render) => {
16834
- if (baseForm.state.formData.bankAccountType === "ACH") $$render(consequent_19);
17183
+ if_block(node_10, ($$render) => {
17184
+ if (baseForm.state.formData.bankAccountType === "ACH") $$render(consequent_17);
16835
17185
  });
16836
17186
  }
16837
- var div_28 = sibling(node_11, 2);
16838
- var alviere_checkbox = child(div_28);
17187
+ var div_26 = sibling(node_10, 2);
17188
+ var alviere_checkbox = child(div_26);
16839
17189
  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");
17190
+ template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("makePrimaryBankAccountLabel", "Make this my primary bank account")));
16841
17191
  template_effect(() => set_custom_element_data(alviere_checkbox, "disabled", get$1(bankAccounts).bank_accounts.length === 0 ? true : false));
16842
17192
  alviere_checkbox.__change = (event2) => {
16843
17193
  var _a3;
@@ -16847,80 +17197,153 @@ function AddBankAccount($$anchor, $$props) {
16847
17197
  const checked = (detail == null ? void 0 : detail.checked) ?? targetChecked ?? false;
16848
17198
  baseForm.handlers.handleFieldChange("primary", checked);
16849
17199
  };
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);
17200
+ reset(div_26);
17201
+ reset(div_19);
17202
+ var div_27 = sibling(div_19, 2);
17203
+ var div_28 = child(div_27);
17204
+ var node_22 = child(div_28);
16865
17205
  {
16866
17206
  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);
17207
+ var fragment_6 = comment();
17208
+ var node_23 = first_child(fragment_6);
17209
+ {
17210
+ var consequent_18 = ($$anchor4) => {
17211
+ var span_16 = root_22$1();
17212
+ var text_23 = child(span_16, true);
17213
+ reset(span_16);
17214
+ template_effect(() => set_text(text_23, get$1(formError)));
17215
+ append($$anchor4, span_16);
17216
+ };
17217
+ var alternate_1 = ($$anchor4) => {
17218
+ var fragment_7 = comment();
17219
+ var node_24 = first_child(fragment_7);
17220
+ {
17221
+ var consequent_19 = ($$anchor5) => {
17222
+ var span_17 = root_24();
17223
+ var text_24 = child(span_17, true);
17224
+ reset(span_17);
17225
+ template_effect(($0) => set_text(text_24, $0), [
17226
+ () => getLabel("fixErrorsLabel", "Please fix the errors above")
17227
+ ]);
17228
+ append($$anchor5, span_17);
17229
+ };
17230
+ var alternate = ($$anchor5) => {
17231
+ var fragment_8 = comment();
17232
+ var node_25 = first_child(fragment_8);
17233
+ {
17234
+ var consequent_20 = ($$anchor6) => {
17235
+ var span_18 = root_26();
17236
+ var text_25 = child(span_18, true);
17237
+ reset(span_18);
17238
+ template_effect(($0) => set_text(text_25, $0), [
17239
+ () => getLabel("requiredFieldsHintLabel", "Please fill in all required fields to continue")
17240
+ ]);
17241
+ append($$anchor6, span_18);
17242
+ };
17243
+ if_block(
17244
+ node_25,
17245
+ ($$render) => {
17246
+ if (!baseForm.computed.canSubmit) $$render(consequent_20);
17247
+ },
17248
+ true
17249
+ );
17250
+ }
17251
+ append($$anchor5, fragment_8);
17252
+ };
17253
+ if_block(
17254
+ node_24,
17255
+ ($$render) => {
17256
+ if (baseForm.computed.hasErrors) $$render(consequent_19);
17257
+ else $$render(alternate, false);
17258
+ },
17259
+ true
17260
+ );
17261
+ }
17262
+ append($$anchor4, fragment_7);
17263
+ };
17264
+ if_block(node_23, ($$render) => {
17265
+ if (get$1(formError)) $$render(consequent_18);
17266
+ else $$render(alternate_1, false);
17267
+ });
17268
+ }
17269
+ append($$anchor3, fragment_6);
16882
17270
  };
16883
- if_block(node_26, ($$render) => {
16884
- if (get$1(formError)) $$render(consequent_22);
17271
+ if_block(node_22, ($$render) => {
17272
+ if (!get$1(isFormBusy)) $$render(consequent_21);
16885
17273
  });
16886
17274
  }
16887
- reset(div_30);
16888
- var alviere_button_5 = sibling(div_30, 2);
17275
+ reset(div_28);
17276
+ var alviere_button_5 = sibling(div_28, 2);
16889
17277
  set_custom_element_data(alviere_button_5, "type", "submit");
16890
- set_custom_element_data(alviere_button_5, "variant", "tertiary");
17278
+ set_custom_element_data(alviere_button_5, "variant", "primary");
16891
17279
  set_custom_element_data(alviere_button_5, "size", "md");
16892
17280
  template_effect(() => set_custom_element_data(alviere_button_5, "disabled", !baseForm.computed.canSubmit || get$1(isSubmitting)));
16893
17281
  set_custom_element_data(alviere_button_5, "handler", handleAddBankAccount);
16894
- var text_17 = child(alviere_button_5, true);
17282
+ var text_26 = child(alviere_button_5, true);
16895
17283
  reset(alviere_button_5);
16896
- reset(div_29);
17284
+ reset(div_27);
16897
17285
  reset(form);
16898
17286
  bind_this(form, ($$value) => baseForm.state.formElement = $$value, () => {
16899
17287
  var _a3;
16900
17288
  return (_a3 = baseForm == null ? void 0 : baseForm.state) == null ? void 0 : _a3.formElement;
16901
17289
  });
16902
- template_effect(() => set_text(text_17, get$1(isSubmitting) ? "Adding..." : "Add Bank Account"));
17290
+ template_effect(
17291
+ ($0, $1) => {
17292
+ set_text(text_19, $0);
17293
+ set_text(text_26, $1);
17294
+ },
17295
+ [
17296
+ () => getLabel("addBankAccountTitleLabel", "Add Bank Account"),
17297
+ () => get$1(isSubmitting) ? getLabel("addingBankAccountLabel", "Adding...") : getLabel("addBankAccountButtonLabel", "Add Bank Account")
17298
+ ]
17299
+ );
16903
17300
  event$1("submit", form, handleAddBankAccount);
16904
17301
  append($$anchor2, form);
16905
17302
  };
16906
- if_block(node_9, ($$render) => {
16907
- if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(consequent_23);
17303
+ if_block(node_8, ($$render) => {
17304
+ if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(consequent_22);
16908
17305
  });
16909
17306
  }
16910
17307
  reset(div);
16911
17308
  bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
16912
17309
  var alviere_modal = sibling(div, 2);
16913
17310
  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);
17311
+ template_effect(() => set_custom_element_data(alviere_modal, "title", getLabel("routingHelpModalTitleLabel", "Where to find your routing number")));
17312
+ var div_29 = child(alviere_modal);
17313
+ var node_26 = child(div_29);
17314
+ html(node_26, () => routingNumberHelpSvg);
17315
+ var p = sibling(node_26, 2);
17316
+ var text_27 = child(p, true);
17317
+ reset(p);
17318
+ reset(div_29);
16920
17319
  reset(alviere_modal);
17320
+ var alviere_modal_1 = sibling(alviere_modal, 2);
17321
+ template_effect(() => set_custom_element_data(alviere_modal_1, "open", get$1(isAccountHelpOpen)));
17322
+ template_effect(() => set_custom_element_data(alviere_modal_1, "title", getLabel("accountHelpModalTitleLabel", "Where to find your account number")));
17323
+ var div_30 = child(alviere_modal_1);
17324
+ var node_27 = child(div_30);
17325
+ html(node_27, () => accountNumberHelpSvg);
17326
+ var p_1 = sibling(node_27, 2);
17327
+ var text_28 = child(p_1, true);
17328
+ reset(p_1);
17329
+ reset(div_30);
17330
+ reset(alviere_modal_1);
17331
+ template_effect(
17332
+ ($0, $1) => {
17333
+ set_text(text_27, $0);
17334
+ set_text(text_28, $1);
17335
+ },
17336
+ [
17337
+ () => getLabel("routingHelpDescriptionLabel", "Your routing number is the first 9 digits located on the bottom left of your checks."),
17338
+ () => getLabel("accountHelpDescriptionLabel", "Your account number is the group of digits to the right of the routing number at the bottom of your checks.")
17339
+ ]
17340
+ );
16921
17341
  event$1("close", alviere_modal, () => {
16922
17342
  set(isRoutingHelpOpen, false);
16923
17343
  });
17344
+ event$1("close", alviere_modal_1, () => {
17345
+ set(isAccountHelpOpen, false);
17346
+ });
16924
17347
  append($$anchor, fragment);
16925
17348
  var $$pop = pop($$exports);
16926
17349
  $$cleanup();
@@ -16946,13 +17369,14 @@ customElements.define("alviere-add-bank-account", create_custom_element(
16946
17369
  ));
16947
17370
  var root_1$7 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
16948
17371
  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);
17372
+ 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>`);
17373
+ 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>`);
17374
+ var root_5$3 = /* @__PURE__ */ from_html(`<alviere-legal-text-consent></alviere-legal-text-consent>`, 2);
17375
+ var root_6$2 = /* @__PURE__ */ from_html(`<alviere-checkbox></alviere-checkbox>`, 2);
17376
+ 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
17377
  const $$css$a = {
16954
17378
  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;}"
17379
+ 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
17380
  };
16957
17381
  function CheckoutConfirm($$anchor, $$props) {
16958
17382
  push($$props, true);
@@ -16963,7 +17387,7 @@ function CheckoutConfirm($$anchor, $$props) {
16963
17387
  var _b;
16964
17388
  var _c;
16965
17389
  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({}));
17390
+ 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
17391
  let hostElement = /* @__PURE__ */ state(null);
16968
17392
  let isSending = /* @__PURE__ */ state(false);
16969
17393
  let selfAmount = /* @__PURE__ */ state(proxy(amount()));
@@ -16989,6 +17413,16 @@ function CheckoutConfirm($$anchor, $$props) {
16989
17413
  var _a3, _b2, _c2;
16990
17414
  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
17415
  });
17416
+ const componentLabels = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().labels) || {}));
17417
+ const recipeLabels = /* @__PURE__ */ user_derived(() => () => {
17418
+ var _a3, _b2;
17419
+ return ((_b2 = (_a3 = get$1(resolvedProfileRecipe)()) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.labels) || {};
17420
+ });
17421
+ const getLabel = (labelKey, fallback) => resolveLabel(labelKey, {
17422
+ componentLabels: get$1(componentLabels)(),
17423
+ recipeLabels: get$1(recipeLabels)(),
17424
+ fallback
17425
+ });
16992
17426
  const legalTextDocuments = /* @__PURE__ */ user_derived(() => () => {
16993
17427
  var _a3;
16994
17428
  return ((_a3 = get$1(legalTextsConfig)()) === null || _a3 === void 0 ? void 0 : _a3.documents) || [];
@@ -16998,11 +17432,22 @@ function CheckoutConfirm($$anchor, $$props) {
16998
17432
  return ((_a3 = get$1(legalTextsConfig)()) === null || _a3 === void 0 ? void 0 : _a3.required) === true && get$1(legalTextDocuments)().length > 0;
16999
17433
  });
17000
17434
  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) : "");
17435
+ function parseNumericAmount(value) {
17436
+ const raw = typeof value === "string" ? value : String(value !== null && value !== void 0 ? value : "");
17003
17437
  const normalized = raw.replace(/,/g, "").trim();
17438
+ if (!normalized) {
17439
+ return null;
17440
+ }
17004
17441
  const numericValue = Number(normalized);
17005
17442
  if (!Number.isFinite(numericValue)) {
17443
+ return null;
17444
+ }
17445
+ return numericValue;
17446
+ }
17447
+ function formatCurrency(value) {
17448
+ const raw = typeof value === "string" ? value : String(value !== null && value !== void 0 ? value : "");
17449
+ const numericValue = parseNumericAmount(value);
17450
+ if (numericValue === null) {
17006
17451
  return raw;
17007
17452
  }
17008
17453
  try {
@@ -17010,6 +17455,39 @@ function CheckoutConfirm($$anchor, $$props) {
17010
17455
  } catch (_a3) {
17011
17456
  return raw;
17012
17457
  }
17458
+ }
17459
+ const formattedAmount = /* @__PURE__ */ user_derived(() => () => formatCurrency(get$1(selfAmount)));
17460
+ const configuredFeeAmount = /* @__PURE__ */ user_derived(() => () => {
17461
+ var _a3, _b2, _c2;
17462
+ 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;
17463
+ });
17464
+ const feeAmount = /* @__PURE__ */ user_derived(() => () => parseNumericAmount(get$1(configuredFeeAmount)()));
17465
+ const hasFeeAmount = /* @__PURE__ */ user_derived(() => () => get$1(feeAmount)() !== null && get$1(feeAmount)() !== 0);
17466
+ const formattedFeeAmount = /* @__PURE__ */ user_derived(() => () => {
17467
+ var _a3;
17468
+ return formatCurrency((_a3 = get$1(feeAmount)()) !== null && _a3 !== void 0 ? _a3 : 0);
17469
+ });
17470
+ const formattedTotalAmount = /* @__PURE__ */ user_derived(() => () => {
17471
+ var _a3;
17472
+ const numericAmount = parseNumericAmount(get$1(selfAmount));
17473
+ if (numericAmount === null) {
17474
+ return get$1(formattedAmount)();
17475
+ }
17476
+ return formatCurrency(numericAmount + ((_a3 = get$1(feeAmount)()) !== null && _a3 !== void 0 ? _a3 : 0));
17477
+ });
17478
+ const bankAccountLast4 = /* @__PURE__ */ user_derived(() => () => {
17479
+ const normalized = (paymentMethodLast4() || "").trim();
17480
+ if (!normalized) {
17481
+ return "";
17482
+ }
17483
+ return normalized.length <= 4 ? normalized : normalized.slice(-4);
17484
+ });
17485
+ const bankAccountReference = /* @__PURE__ */ user_derived(() => () => (paymentMethodUuid() || accountUuid() || businessUuid() || "").trim());
17486
+ const bankAccountDisplay = /* @__PURE__ */ user_derived(() => () => {
17487
+ if (!get$1(bankAccountLast4)()) {
17488
+ return getLabel("summaryBankAccountUnavailableLabel", "Not available");
17489
+ }
17490
+ return `****${get$1(bankAccountLast4)()}`;
17013
17491
  });
17014
17492
  function handleTermsChange(event2) {
17015
17493
  set(isAgreedToTerms, event2.detail.checked, true);
@@ -17069,6 +17547,13 @@ function CheckoutConfirm($$anchor, $$props) {
17069
17547
  accountUuid($$value);
17070
17548
  flushSync();
17071
17549
  },
17550
+ get businessUuid() {
17551
+ return businessUuid();
17552
+ },
17553
+ set businessUuid($$value = "") {
17554
+ businessUuid($$value);
17555
+ flushSync();
17556
+ },
17072
17557
  get paymentMethodUuid() {
17073
17558
  return paymentMethodUuid();
17074
17559
  },
@@ -17076,6 +17561,13 @@ function CheckoutConfirm($$anchor, $$props) {
17076
17561
  paymentMethodUuid($$value);
17077
17562
  flushSync();
17078
17563
  },
17564
+ get paymentMethodLast4() {
17565
+ return paymentMethodLast4();
17566
+ },
17567
+ set paymentMethodLast4($$value = "") {
17568
+ paymentMethodLast4($$value);
17569
+ flushSync();
17570
+ },
17079
17571
  get amount() {
17080
17572
  return amount();
17081
17573
  },
@@ -17153,22 +17645,96 @@ function CheckoutConfirm($$anchor, $$props) {
17153
17645
  append($$anchor2, alviere_currency_input);
17154
17646
  };
17155
17647
  var alternate = ($$anchor2) => {
17156
- var div_3 = root_3$5();
17157
- var text2 = child(div_3, true);
17648
+ var section = root_3$5();
17649
+ var div_3 = child(section);
17650
+ var span = child(div_3);
17651
+ var text2 = child(span, true);
17652
+ reset(span);
17653
+ var span_1 = sibling(span, 2);
17654
+ var text_1 = child(span_1, true);
17655
+ reset(span_1);
17158
17656
  reset(div_3);
17159
- template_effect(($0) => set_text(text2, $0), [() => get$1(formattedAmount)()]);
17160
- append($$anchor2, div_3);
17657
+ var div_4 = sibling(div_3, 2);
17658
+ var span_2 = child(div_4);
17659
+ var text_2 = child(span_2, true);
17660
+ reset(span_2);
17661
+ var span_3 = sibling(span_2, 2);
17662
+ var text_3 = child(span_3, true);
17663
+ reset(span_3);
17664
+ reset(div_4);
17665
+ var node_2 = sibling(div_4, 2);
17666
+ {
17667
+ var consequent_2 = ($$anchor3) => {
17668
+ var div_5 = root_4$4();
17669
+ var span_4 = child(div_5);
17670
+ var text_4 = child(span_4, true);
17671
+ reset(span_4);
17672
+ var span_5 = sibling(span_4, 2);
17673
+ var text_5 = child(span_5, true);
17674
+ reset(span_5);
17675
+ reset(div_5);
17676
+ template_effect(
17677
+ ($0, $1) => {
17678
+ set_text(text_4, $0);
17679
+ set_text(text_5, $1);
17680
+ },
17681
+ [
17682
+ () => getLabel("summaryFeesLabel", "Fees"),
17683
+ () => get$1(formattedFeeAmount)()
17684
+ ]
17685
+ );
17686
+ append($$anchor3, div_5);
17687
+ };
17688
+ if_block(node_2, ($$render) => {
17689
+ if (get$1(hasFeeAmount)()) $$render(consequent_2);
17690
+ });
17691
+ }
17692
+ var div_6 = sibling(node_2, 4);
17693
+ var span_6 = child(div_6);
17694
+ var text_6 = child(span_6, true);
17695
+ reset(span_6);
17696
+ var span_7 = sibling(span_6, 2);
17697
+ var text_7 = child(span_7, true);
17698
+ reset(span_7);
17699
+ reset(div_6);
17700
+ reset(section);
17701
+ template_effect(
17702
+ ($0, $1, $2, $3, $4, $5, $6, $7) => {
17703
+ set_attribute(section, "aria-label", $0);
17704
+ set_text(text2, $1);
17705
+ set_attribute(span_1, "title", $2);
17706
+ set_text(text_1, $3);
17707
+ set_text(text_2, $4);
17708
+ set_text(text_3, $5);
17709
+ set_text(text_6, $6);
17710
+ set_text(text_7, $7);
17711
+ },
17712
+ [
17713
+ () => getLabel("summaryAriaLabel", "Payment summary"),
17714
+ () => getLabel("summaryBankAccountLabel", "Bank account"),
17715
+ () => get$1(bankAccountReference)(),
17716
+ () => get$1(bankAccountDisplay)(),
17717
+ () => getLabel("summaryAmountLabel", "Amount"),
17718
+ () => get$1(formattedAmount)(),
17719
+ () => getLabel("summaryTotalLabel", "Total"),
17720
+ () => get$1(formattedTotalAmount)()
17721
+ ]
17722
+ );
17723
+ append($$anchor2, section);
17161
17724
  };
17162
17725
  if_block(node_1, ($$render) => {
17163
17726
  if (get$1(isAmountEditable)) $$render(consequent_1);
17164
17727
  else $$render(alternate, false);
17165
17728
  });
17166
17729
  }
17167
- var div_4 = sibling(node_1, 2);
17168
- var node_2 = sibling(child(div_4), 2);
17730
+ var div_7 = sibling(node_1, 2);
17731
+ var p = child(div_7);
17732
+ var text_8 = child(p, true);
17733
+ reset(p);
17734
+ var node_3 = sibling(p, 2);
17169
17735
  {
17170
- var consequent_2 = ($$anchor2) => {
17171
- var alviere_legal_text_consent = root_4$4();
17736
+ var consequent_3 = ($$anchor2) => {
17737
+ var alviere_legal_text_consent = root_5$3();
17172
17738
  template_effect(() => set_custom_element_data(alviere_legal_text_consent, "documents", get$1(legalTextDocuments)()));
17173
17739
  template_effect(() => set_custom_element_data(alviere_legal_text_consent, "jwt", jwt()));
17174
17740
  template_effect(() => set_custom_element_data(alviere_legal_text_consent, "debug", debug()));
@@ -17176,27 +17742,39 @@ function CheckoutConfirm($$anchor, $$props) {
17176
17742
  append($$anchor2, alviere_legal_text_consent);
17177
17743
  };
17178
17744
  var alternate_1 = ($$anchor2) => {
17179
- var alviere_checkbox = root_5$3();
17745
+ var alviere_checkbox = root_6$2();
17180
17746
  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");
17747
+ template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("agreeToTermsLabel", "I agree to the terms and conditions")));
17182
17748
  alviere_checkbox.__change = handleTermsChange;
17183
17749
  append($$anchor2, alviere_checkbox);
17184
17750
  };
17185
- if_block(node_2, ($$render) => {
17186
- if (get$1(requiresLegalTexts)()) $$render(consequent_2);
17751
+ if_block(node_3, ($$render) => {
17752
+ if (get$1(requiresLegalTexts)()) $$render(consequent_3);
17187
17753
  else $$render(alternate_1, false);
17188
17754
  });
17189
17755
  }
17190
- reset(div_4);
17191
- var alviere_button = sibling(div_4, 2);
17756
+ reset(div_7);
17757
+ var alviere_button = sibling(div_7, 2);
17192
17758
  set_custom_element_data(alviere_button, "variant", "primary");
17193
17759
  set_custom_element_data(alviere_button, "size", "md");
17194
17760
  set_custom_element_data(alviere_button, "handler", handlePay);
17195
17761
  template_effect(() => set_custom_element_data(alviere_button, "disabled", !get$1(canPay)()));
17196
17762
  set_class(alviere_button, 1, "svelte-1l48sab");
17763
+ var text_9 = child(alviere_button, true);
17764
+ reset(alviere_button);
17197
17765
  reset(div_2);
17198
17766
  reset(div);
17199
17767
  bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
17768
+ template_effect(
17769
+ ($0, $1) => {
17770
+ set_text(text_8, $0);
17771
+ set_text(text_9, $1);
17772
+ },
17773
+ [
17774
+ () => getLabel("legalTextsPromptLabel", "Review and accept the terms below to continue."),
17775
+ () => getLabel("payButtonLabel", "Pay")
17776
+ ]
17777
+ );
17200
17778
  append($$anchor, div);
17201
17779
  var $$pop = pop($$exports);
17202
17780
  $$cleanup();
@@ -17208,7 +17786,9 @@ customElements.define("alviere-checkout-confirm", create_custom_element(
17208
17786
  {
17209
17787
  jwt: {},
17210
17788
  accountUuid: {},
17789
+ businessUuid: {},
17211
17790
  paymentMethodUuid: {},
17791
+ paymentMethodLast4: {},
17212
17792
  amount: {},
17213
17793
  amountEditable: {},
17214
17794
  debug: {},
@@ -18907,6 +19487,7 @@ function getStepComponentTag(stepType) {
18907
19487
  return tagMap[stepType] || null;
18908
19488
  }
18909
19489
  function buildStepProps(stepType, config) {
19490
+ var _a2;
18910
19491
  const {
18911
19492
  jwt,
18912
19493
  businessUuid,
@@ -18954,10 +19535,18 @@ function buildStepProps(stepType, config) {
18954
19535
  stepConfig
18955
19536
  };
18956
19537
  }
19538
+ case "CHECKOUT_CONFIRM": {
19539
+ const paymentMethodUuid = (previousStepResult == null ? void 0 : previousStepResult.payment_method_uuid) || (previousStepResult == null ? void 0 : previousStepResult.paymentMethodUuid) || "";
19540
+ 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) || "";
19541
+ return {
19542
+ ...baseProps,
19543
+ paymentMethodUuid,
19544
+ paymentMethodLast4
19545
+ };
19546
+ }
18957
19547
  case "CREATE_CONSUMER_ACCOUNT":
18958
19548
  case "CREATE_BUSINESS_ACCOUNT":
18959
19549
  case "CREATE_ACCOUNT":
18960
- case "CHECKOUT_CONFIRM":
18961
19550
  case "START_ONBOARDING":
18962
19551
  default:
18963
19552
  return baseProps;
@@ -19045,21 +19634,22 @@ var root_5 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__ste
19045
19634
  var root_12 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k"> </div>`);
19046
19635
  var root_13 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k">No step type specified</div>`);
19047
19636
  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>`);
19637
+ var root_15 = /* @__PURE__ */ from_html(`<p class="flow-complete-message svelte-qf1k5k"><!></p>`);
19638
+ 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>`);
19639
+ var root_17 = /* @__PURE__ */ from_html(`<p class="flow-barrier-status svelte-qf1k5k"> </p>`);
19640
+ var root_18 = /* @__PURE__ */ from_html(`<p class="flow-barrier-description svelte-qf1k5k"><!></p>`);
19641
+ 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>`);
19642
+ var root_20 = /* @__PURE__ */ from_html(`<p class="flow-error-code svelte-qf1k5k"> </p>`);
19643
+ var root_21 = /* @__PURE__ */ from_html(`<p class="flow-error-description svelte-qf1k5k"> </p>`);
19644
+ 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>`);
19645
+ 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>`);
19646
+ var root_23 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k"> </div>`);
19057
19647
  var root = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow svelte-qf1k5k"><!> <!> <!> <!> <!> <!> <!> <!> <!></div>`);
19058
19648
  const $$css = {
19059
19649
  hash: "svelte-qf1k5k",
19060
19650
  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
19651
  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;
19652
+ 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
19653
  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
19654
  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
19655
  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 +19734,28 @@ function MultiStepFlow($$anchor, $$props) {
19144
19734
  let currentStep = /* @__PURE__ */ user_derived(() => flowManager.getCurrentStep());
19145
19735
  let effectiveProfile = /* @__PURE__ */ state("");
19146
19736
  let profileRecipe = /* @__PURE__ */ user_derived(() => getRecipe(get$1(effectiveProfile)));
19737
+ 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"));
19738
+ function resolveFlowLabel(labelKeys) {
19739
+ var _a3, _b2;
19740
+ const labelSources = [
19741
+ config() === null || config() === void 0 ? void 0 : config().labels,
19742
+ (_b2 = (_a3 = $flowRecipeStore().recipe) === null || _a3 === void 0 ? void 0 : _a3.config) === null || _b2 === void 0 ? void 0 : _b2.labels
19743
+ ];
19744
+ for (const source2 of labelSources) {
19745
+ if (!source2) continue;
19746
+ for (const key of labelKeys) {
19747
+ const value = source2[key];
19748
+ if (typeof value === "string" && value.trim()) {
19749
+ return value.trim();
19750
+ }
19751
+ }
19752
+ }
19753
+ return void 0;
19754
+ }
19755
+ const finalText = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["finalText", "finalTextLabel"]) || (get$1(hasStartOnboardingStep) ? "Onboarding in process." : "Payment in process."));
19756
+ const finalMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["finalMessage", "finalMessageLabel", "finalDescription"]) || "");
19757
+ const criticalErrorTitle = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["criticalErrorTitleLabel", "criticalErrorTitle"]) || "Unable to Continue");
19758
+ const criticalErrorMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["criticalErrorMessageLabel", "criticalErrorMessage"]) || "An error occurred. Please try again.");
19147
19759
  user_effect(() => {
19148
19760
  const profile = extractProfileFromConfig(config());
19149
19761
  if (profile !== get$1(effectiveProfile)) {
@@ -19370,7 +19982,7 @@ function MultiStepFlow($$anchor, $$props) {
19370
19982
  set(
19371
19983
  flowError,
19372
19984
  {
19373
- message: "An error occurred. Please try again.",
19985
+ message: get$1(criticalErrorMessage),
19374
19986
  errorCode: error2.errorCode,
19375
19987
  description: error2.errorDescription
19376
19988
  },
@@ -19389,11 +20001,15 @@ function MultiStepFlow($$anchor, $$props) {
19389
20001
  debug() && uiLogger.info("⛔ Flow barrier triggered:", detail);
19390
20002
  set(flowError, null);
19391
20003
  flowManager.markStepInfoBlocked(stepIndex);
20004
+ const commonBarrierTitle = resolveFlowLabel(["barrierTitleLabel", "barrierTitle"]);
20005
+ const commonBarrierMessage = resolveFlowLabel(["barrierMessageLabel", "barrierMessage"]);
20006
+ const fallbackBarrierTitle = "Please wait";
20007
+ const fallbackBarrierMessage = "Your account is being reviewed. You will be able to continue once the review is complete.";
19392
20008
  set(
19393
20009
  flowBarrier,
19394
20010
  {
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.",
20011
+ title: commonBarrierTitle || detail.title || fallbackBarrierTitle,
20012
+ message: commonBarrierMessage || detail.message || fallbackBarrierMessage,
19397
20013
  status: detail.status,
19398
20014
  description: detail.description
19399
20015
  },
@@ -19718,7 +20334,7 @@ function MultiStepFlow($$anchor, $$props) {
19718
20334
  }
19719
20335
  var node_11 = sibling(node_7, 2);
19720
20336
  {
19721
- var consequent_10 = ($$anchor2) => {
20337
+ var consequent_11 = ($$anchor2) => {
19722
20338
  var div_9 = root_14();
19723
20339
  var div_10 = child(div_9);
19724
20340
  var div_11 = child(div_10);
@@ -19730,62 +20346,72 @@ function MultiStepFlow($$anchor, $$props) {
19730
20346
  var p_1 = child(div_12);
19731
20347
  var text_5 = child(p_1, true);
19732
20348
  reset(p_1);
20349
+ var node_13 = sibling(p_1, 2);
20350
+ {
20351
+ var consequent_10 = ($$anchor3) => {
20352
+ var p_2 = root_15();
20353
+ var node_14 = child(p_2);
20354
+ html(node_14, () => get$1(finalMessage));
20355
+ reset(p_2);
20356
+ append($$anchor3, p_2);
20357
+ };
20358
+ if_block(node_13, ($$render) => {
20359
+ if (get$1(finalMessage)) $$render(consequent_10);
20360
+ });
20361
+ }
19733
20362
  reset(div_12);
19734
20363
  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
- });
20364
+ template_effect(() => set_text(text_5, get$1(finalText)));
19739
20365
  transition(1, div_9, () => fade, () => ({ duration: 300, delay: 300 }));
19740
20366
  transition(2, div_9, () => fade, () => ({ duration: 200 }));
19741
20367
  append($$anchor2, div_9);
19742
20368
  };
19743
20369
  if_block(node_11, ($$render) => {
19744
- if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(consequent_10);
20370
+ if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(consequent_11);
19745
20371
  });
19746
20372
  }
19747
- var node_13 = sibling(node_11, 2);
20373
+ var node_15 = sibling(node_11, 2);
19748
20374
  {
19749
- var consequent_13 = ($$anchor2) => {
19750
- var div_13 = root_15();
20375
+ var consequent_14 = ($$anchor2) => {
20376
+ var div_13 = root_16();
19751
20377
  var div_14 = child(div_13);
19752
20378
  var div_15 = child(div_14);
19753
- var node_14 = child(div_15);
19754
- html(node_14, () => infoIcon.outerHTML);
20379
+ var node_16 = child(div_15);
20380
+ html(node_16, () => infoIcon.outerHTML);
19755
20381
  reset(div_15);
19756
20382
  reset(div_14);
19757
20383
  var div_16 = sibling(div_14, 2);
19758
20384
  var h3_1 = child(div_16);
19759
20385
  var text_6 = child(h3_1, true);
19760
20386
  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);
20387
+ var p_3 = sibling(h3_1, 2);
20388
+ var node_17 = child(p_3);
20389
+ html(node_17, () => get$1(flowBarrier).message || "");
20390
+ reset(p_3);
20391
+ var node_18 = sibling(p_3, 2);
19766
20392
  {
19767
- var consequent_11 = ($$anchor3) => {
19768
- var p_3 = root_16();
19769
- var text_7 = child(p_3);
19770
- reset(p_3);
20393
+ var consequent_12 = ($$anchor3) => {
20394
+ var p_4 = root_17();
20395
+ var text_7 = child(p_4);
20396
+ reset(p_4);
19771
20397
  template_effect(() => set_text(text_7, `Status: ${get$1(flowBarrier).status ?? ""}`));
19772
- append($$anchor3, p_3);
20398
+ append($$anchor3, p_4);
19773
20399
  };
19774
- if_block(node_16, ($$render) => {
19775
- if (debug() && get$1(flowBarrier).status) $$render(consequent_11);
20400
+ if_block(node_18, ($$render) => {
20401
+ if (debug() && get$1(flowBarrier).status) $$render(consequent_12);
19776
20402
  });
19777
20403
  }
19778
- var node_17 = sibling(node_16, 2);
20404
+ var node_19 = sibling(node_18, 2);
19779
20405
  {
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);
20406
+ var consequent_13 = ($$anchor3) => {
20407
+ var p_5 = root_18();
20408
+ var node_20 = child(p_5);
20409
+ html(node_20, () => get$1(flowBarrier).description);
20410
+ reset(p_5);
20411
+ append($$anchor3, p_5);
19786
20412
  };
19787
- if_block(node_17, ($$render) => {
19788
- if (debug() && get$1(flowBarrier).description) $$render(consequent_12);
20413
+ if_block(node_19, ($$render) => {
20414
+ if (debug() && get$1(flowBarrier).description) $$render(consequent_13);
19789
20415
  });
19790
20416
  }
19791
20417
  reset(div_16);
@@ -19795,65 +20421,71 @@ function MultiStepFlow($$anchor, $$props) {
19795
20421
  transition(2, div_13, () => fade, () => ({ duration: 200 }));
19796
20422
  append($$anchor2, div_13);
19797
20423
  };
19798
- if_block(node_13, ($$render) => {
19799
- if (get$1(flowBarrier)) $$render(consequent_13);
20424
+ if_block(node_15, ($$render) => {
20425
+ if (get$1(flowBarrier)) $$render(consequent_14);
19800
20426
  });
19801
20427
  }
19802
- var node_19 = sibling(node_13, 2);
20428
+ var node_21 = sibling(node_15, 2);
19803
20429
  {
19804
- var consequent_16 = ($$anchor2) => {
19805
- var div_17 = root_18();
20430
+ var consequent_17 = ($$anchor2) => {
20431
+ var div_17 = root_19();
19806
20432
  var div_18 = child(div_17);
19807
20433
  var div_19 = child(div_18);
19808
- var node_20 = child(div_19);
19809
- html(node_20, () => errorIcon.outerHTML);
20434
+ var node_22 = child(div_19);
20435
+ html(node_22, () => errorIcon.outerHTML);
19810
20436
  reset(div_19);
19811
20437
  reset(div_18);
19812
20438
  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);
20439
+ var h3_2 = child(div_20);
20440
+ var text_8 = child(h3_2, true);
20441
+ reset(h3_2);
20442
+ var p_6 = sibling(h3_2, 2);
20443
+ var text_9 = child(p_6, true);
20444
+ reset(p_6);
20445
+ var node_23 = sibling(p_6, 2);
19830
20446
  {
19831
20447
  var consequent_15 = ($$anchor3) => {
19832
20448
  var p_7 = root_20();
19833
- var text_10 = child(p_7, true);
20449
+ var text_10 = child(p_7);
19834
20450
  reset(p_7);
19835
- template_effect(() => set_text(text_10, get$1(flowError).description));
20451
+ template_effect(() => set_text(text_10, `Error Code: ${get$1(flowError).errorCode ?? ""}`));
19836
20452
  append($$anchor3, p_7);
19837
20453
  };
19838
- if_block(node_22, ($$render) => {
19839
- if (debug() && get$1(flowError).description) $$render(consequent_15);
20454
+ if_block(node_23, ($$render) => {
20455
+ if (debug() && get$1(flowError).errorCode) $$render(consequent_15);
20456
+ });
20457
+ }
20458
+ var node_24 = sibling(node_23, 2);
20459
+ {
20460
+ var consequent_16 = ($$anchor3) => {
20461
+ var p_8 = root_21();
20462
+ var text_11 = child(p_8, true);
20463
+ reset(p_8);
20464
+ template_effect(() => set_text(text_11, get$1(flowError).description));
20465
+ append($$anchor3, p_8);
20466
+ };
20467
+ if_block(node_24, ($$render) => {
20468
+ if (debug() && get$1(flowError).description) $$render(consequent_16);
19840
20469
  });
19841
20470
  }
19842
20471
  reset(div_20);
19843
20472
  reset(div_17);
19844
- template_effect(() => set_text(text_8, get$1(flowError).message));
20473
+ template_effect(() => {
20474
+ set_text(text_8, get$1(criticalErrorTitle));
20475
+ set_text(text_9, get$1(flowError).message);
20476
+ });
19845
20477
  transition(1, div_17, () => fade, () => ({ duration: 300, delay: 100 }));
19846
20478
  transition(2, div_17, () => fade, () => ({ duration: 200 }));
19847
20479
  append($$anchor2, div_17);
19848
20480
  };
19849
- if_block(node_19, ($$render) => {
19850
- if (get$1(flowError)) $$render(consequent_16);
20481
+ if_block(node_21, ($$render) => {
20482
+ if (get$1(flowError)) $$render(consequent_17);
19851
20483
  });
19852
20484
  }
19853
- var node_23 = sibling(node_19, 2);
20485
+ var node_25 = sibling(node_21, 2);
19854
20486
  {
19855
- var consequent_17 = ($$anchor2) => {
19856
- var div_21 = root_21();
20487
+ var consequent_18 = ($$anchor2) => {
20488
+ var div_21 = root_22();
19857
20489
  var button_1 = child(div_21);
19858
20490
  button_1.__click = previousStep;
19859
20491
  var button_2 = sibling(button_1, 2);
@@ -19872,21 +20504,21 @@ function MultiStepFlow($$anchor, $$props) {
19872
20504
  );
19873
20505
  append($$anchor2, div_21);
19874
20506
  };
19875
- if_block(node_23, ($$render) => {
19876
- if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier) && !flowManager.isComplete()) $$render(consequent_17);
20507
+ if_block(node_25, ($$render) => {
20508
+ if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier) && !flowManager.isComplete()) $$render(consequent_18);
19877
20509
  });
19878
20510
  }
19879
- var node_24 = sibling(node_23, 2);
20511
+ var node_26 = sibling(node_25, 2);
19880
20512
  {
19881
- var consequent_18 = ($$anchor2) => {
19882
- var div_22 = root_22();
19883
- var text_11 = child(div_22, true);
20513
+ var consequent_19 = ($$anchor2) => {
20514
+ var div_22 = root_23();
20515
+ var text_12 = child(div_22, true);
19884
20516
  reset(div_22);
19885
- template_effect(() => set_text(text_11, get$1(error)));
20517
+ template_effect(() => set_text(text_12, get$1(error)));
19886
20518
  append($$anchor2, div_22);
19887
20519
  };
19888
- if_block(node_24, ($$render) => {
19889
- if (get$1(error)) $$render(consequent_18);
20520
+ if_block(node_26, ($$render) => {
20521
+ if (get$1(error)) $$render(consequent_19);
19890
20522
  });
19891
20523
  }
19892
20524
  reset(div);