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