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