@alviere/ui 0.16.2 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1096 -645
- 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 +2 -2
package/dist/index.js
CHANGED
|
@@ -5975,6 +5975,12 @@ const validationHelpers = {
|
|
|
5975
5975
|
alphabetic(value, label) {
|
|
5976
5976
|
return validator.alphabetic(value, label);
|
|
5977
5977
|
},
|
|
5978
|
+
/**
|
|
5979
|
+
* Validate name field value (letters incl. diacritics, numbers, spaces, hyphens, apostrophes)
|
|
5980
|
+
*/
|
|
5981
|
+
nameField(value, label) {
|
|
5982
|
+
return validator.nameField(value, label);
|
|
5983
|
+
},
|
|
5978
5984
|
/**
|
|
5979
5985
|
* Validate alphanumeric value
|
|
5980
5986
|
*/
|
|
@@ -6214,6 +6220,13 @@ class SchemaValidator {
|
|
|
6214
6220
|
errors.push(customMessage);
|
|
6215
6221
|
}
|
|
6216
6222
|
}
|
|
6223
|
+
if (schema.nameField) {
|
|
6224
|
+
const error = validator.nameField(value, fieldName);
|
|
6225
|
+
if (error) {
|
|
6226
|
+
const customMessage = typeof schema.nameField === "string" ? schema.nameField : error;
|
|
6227
|
+
errors.push(customMessage);
|
|
6228
|
+
}
|
|
6229
|
+
}
|
|
6217
6230
|
if (schema.alphanumeric) {
|
|
6218
6231
|
const error = validator.alphanumeric(value, fieldName);
|
|
6219
6232
|
if (error) {
|
|
@@ -6420,17 +6433,17 @@ const discoverLogo = '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.o
|
|
|
6420
6433
|
const dinersLogo = '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Diners Club</title><path d="M16.506 11.982a6.026 6.026 0 0 0-3.866-5.618V17.6a6.025 6.025 0 0 0 3.866-5.618zM8.33 17.598V6.365a6.03 6.03 0 0 0-3.863 5.617 6.028 6.028 0 0 0 3.863 5.616zm2.156-15.113A9.497 9.497 0 0 0 .99 11.982a9.495 9.495 0 0 0 9.495 9.494c5.245 0 9.495-4.25 9.496-9.494a9.499 9.499 0 0 0-9.496-9.497Zm-.023 19.888C4.723 22.4 0 17.75 0 12.09 0 5.905 4.723 1.626 10.463 1.627h2.69C18.822 1.627 24 5.903 24 12.09c0 5.658-5.176 10.283-10.848 10.283"/></svg>';
|
|
6421
6434
|
const jcbLogo = '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>JCB</title><path d="M13.05 9.8643c.9723.0736 1.7257.3671 2.3545.6843v-1.31s-1.2577-.3162-2.4408-.368c-4.1256-.1849-5.295 1.4344-5.295 3.1292 0 1.6947 1.1694 3.3145 5.295 3.1296 1.1831-.0536 2.4408-.3694 2.4408-.3694v-1.3086c-.6193.3081-1.3826.6107-2.3545.683-1.6793.1272-2.6898-.6907-2.6898-2.1342 0-1.4448 1.0105-2.2613 2.6898-2.1354m7.685 4.1223c-.0513.0105-.1581.02-.215.02h-1.8005V12.376H20.52c.0568 0 .1636.01.2149.02a.8056.8056 0 01.6325.7951c0 .4162-.2872.721-.6325.796zm-2.0155-4.0374h1.6325c.059 0 .1454.0077.1772.0137.3376.0572.6256.3307.6256.7392 0 .409-.288.6815-.626.7392a1.571 1.571 0 01-.1773.0137h-1.6311V9.9506zm3.4994 1.9856v-.0364c.9133-.1331 1.4149-.726 1.4149-1.4199 0-.8828-.7343-1.3916-1.7293-1.4416-.0772-.0032-.203-.011-.3044-.011h-5.3323v5.9467h5.7548c1.13 0 1.9774-.6043 1.9774-1.5466 0-.8701-.7724-1.4222-1.781-1.4917zm-17.8644.6788c0 .8787-.5906 1.5311-1.6656 1.5311-.917 0-1.8174-.2726-2.6889-.6938V14.76s1.4021.383 3.191.383c2.9714 0 3.8374-1.125 3.8374-2.529V9.0266H4.3541v3.5876Z"/></svg>';
|
|
6422
6435
|
var root_2$f = /* @__PURE__ */ from_html(`<span class="alviere-card-pan-input__required svelte-36vkx7">*</span>`);
|
|
6423
|
-
var root_1$
|
|
6424
|
-
var root_3$
|
|
6436
|
+
var root_1$g = /* @__PURE__ */ from_html(`<label class="alviere-card-pan-input__label svelte-36vkx7"> <!></label>`);
|
|
6437
|
+
var root_3$g = /* @__PURE__ */ from_html(`<div class="alviere-card-pan-input__card-icon svelte-36vkx7"><!></div>`);
|
|
6425
6438
|
var root_4$d = /* @__PURE__ */ from_html(`<div class="alviere-card-pan-input__error svelte-36vkx7" role="alert"> </div>`);
|
|
6426
|
-
var root$
|
|
6427
|
-
const $$css$
|
|
6439
|
+
var root$k = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" class="alviere-card-pan-input__input svelte-36vkx7" spellcheck="false" maxlength="23"/> <!></div> <!></div>`);
|
|
6440
|
+
const $$css$o = {
|
|
6428
6441
|
hash: "svelte-36vkx7",
|
|
6429
6442
|
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-card-pan-input.svelte-36vkx7 {position:relative;width:100%;}.alviere-card-pan-input__label.svelte-36vkx7 {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-card-pan-input__required.svelte-36vkx7 {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-card-pan-input__error.svelte-36vkx7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-card-pan-input__warning.svelte-36vkx7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-card-pan-input__warning.svelte-36vkx7 svg {width:1rem;height:1rem;}.alviere-card-pan-input__wrapper.svelte-36vkx7 {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-card-pan-input__wrapper--focused.svelte-36vkx7 {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-card-pan-input__wrapper--disabled.svelte-36vkx7 {background:#f4f4f5;cursor:not-allowed;}.alviere-card-pan-input__wrapper--readonly.svelte-36vkx7 {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-card-pan-input__wrapper--valid.svelte-36vkx7 {border-color:#436b1d;}.alviere-card-pan-input__wrapper--invalid.svelte-36vkx7 {border-color:#b3311f;}.alviere-card-pan-input__wrapper--warning.svelte-36vkx7 {border-color:#ffc107;}.alviere-card-pan-input__input.svelte-36vkx7 {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-card-pan-input__input.svelte-36vkx7::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-card-pan-input__input.svelte-36vkx7:disabled {cursor:not-allowed;color:#52525b;}.alviere-card-pan-input__input.svelte-36vkx7:read-only {cursor:default;color:#3f3f46;}.alviere-card-pan-input__validation-messages.svelte-36vkx7 {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-card-pan-input--sm.svelte-36vkx7 .alviere-card-pan-input__wrapper:where(.svelte-36vkx7) {min-height:2.5rem;}.alviere-card-pan-input--sm.svelte-36vkx7 .alviere-card-pan-input__input:where(.svelte-36vkx7) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-card-pan-input--sm.svelte-36vkx7 .alviere-card-pan-input__label:where(.svelte-36vkx7) {font-size:1rem;}.alviere-card-pan-input--md.svelte-36vkx7 .alviere-card-pan-input__wrapper:where(.svelte-36vkx7) {min-height:3.25rem;}.alviere-card-pan-input--md.svelte-36vkx7 .alviere-card-pan-input__input:where(.svelte-36vkx7) {font-size:1rem;}.alviere-card-pan-input--lg.svelte-36vkx7 .alviere-card-pan-input__wrapper:where(.svelte-36vkx7) {min-height:3.75rem;}.alviere-card-pan-input--lg.svelte-36vkx7 .alviere-card-pan-input__input:where(.svelte-36vkx7) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-card-pan-input--lg.svelte-36vkx7 .alviere-card-pan-input__label:where(.svelte-36vkx7) {font-size:1.25rem;}.alviere-card-pan-input.svelte-36vkx7:focus-within .alviere-card-pan-input__wrapper:where(.svelte-36vkx7):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-card-pan-input__input.svelte-36vkx7::placeholder {font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-card-pan-input__card-icon.svelte-36vkx7 {display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-right:2rem;opacity:0.8;}.alviere-card-pan-input__card-icon.svelte-36vkx7 svg {width:100%;height:100%;fill:currentColor;display:block;}`
|
|
6430
6443
|
};
|
|
6431
6444
|
function CardPanInput($$anchor, $$props) {
|
|
6432
6445
|
push($$props, true);
|
|
6433
|
-
append_styles$1($$anchor, $$css$
|
|
6446
|
+
append_styles$1($$anchor, $$css$o);
|
|
6434
6447
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Card Number"), placeholder = prop($$props, "placeholder", 15, "Card 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, "cc-number"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({}));
|
|
6435
6448
|
const baseInput = createEnhancedBaseInputMixin({
|
|
6436
6449
|
value: value(),
|
|
@@ -6747,11 +6760,11 @@ function CardPanInput($$anchor, $$props) {
|
|
|
6747
6760
|
flushSync();
|
|
6748
6761
|
}
|
|
6749
6762
|
};
|
|
6750
|
-
var div = root$
|
|
6763
|
+
var div = root$k();
|
|
6751
6764
|
var node = child(div);
|
|
6752
6765
|
{
|
|
6753
6766
|
var consequent_1 = ($$anchor2) => {
|
|
6754
|
-
var label_1 = root_1$
|
|
6767
|
+
var label_1 = root_1$g();
|
|
6755
6768
|
var text2 = child(label_1);
|
|
6756
6769
|
var node_1 = sibling(text2);
|
|
6757
6770
|
{
|
|
@@ -6787,7 +6800,7 @@ function CardPanInput($$anchor, $$props) {
|
|
|
6787
6800
|
var node_2 = sibling(input_1, 2);
|
|
6788
6801
|
{
|
|
6789
6802
|
var consequent_2 = ($$anchor2) => {
|
|
6790
|
-
var div_2 = root_3$
|
|
6803
|
+
var div_2 = root_3$g();
|
|
6791
6804
|
var node_3 = child(div_2);
|
|
6792
6805
|
html(node_3, () => get$1(detectedCardType).icon);
|
|
6793
6806
|
reset(div_2);
|
|
@@ -6876,17 +6889,17 @@ customElements.define("alviere-card-pan-input", create_custom_element(
|
|
|
6876
6889
|
true
|
|
6877
6890
|
));
|
|
6878
6891
|
var root_2$e = /* @__PURE__ */ from_html(`<span class="alviere-cvv-input__required svelte-15mfii7">*</span>`);
|
|
6879
|
-
var root_1$
|
|
6880
|
-
var root_3$
|
|
6892
|
+
var root_1$f = /* @__PURE__ */ from_html(`<label class="alviere-cvv-input__label svelte-15mfii7"> <!></label>`);
|
|
6893
|
+
var root_3$f = /* @__PURE__ */ from_html(`<div class="alviere-cvv-input__code-type svelte-15mfii7"> </div>`);
|
|
6881
6894
|
var root_4$c = /* @__PURE__ */ from_html(`<div class="alviere-cvv-input__error svelte-15mfii7" role="alert"> </div>`);
|
|
6882
|
-
var root$
|
|
6883
|
-
const $$css$
|
|
6895
|
+
var root$j = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" class="alviere-cvv-input__input svelte-15mfii7" spellcheck="false"/> <!></div> <!></div>`);
|
|
6896
|
+
const $$css$n = {
|
|
6884
6897
|
hash: "svelte-15mfii7",
|
|
6885
6898
|
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-cvv-input.svelte-15mfii7 {position:relative;width:100%;}.alviere-cvv-input__label.svelte-15mfii7 {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-cvv-input__required.svelte-15mfii7 {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-cvv-input__error.svelte-15mfii7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-cvv-input__warning.svelte-15mfii7 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-cvv-input__warning.svelte-15mfii7 svg {width:1rem;height:1rem;}.alviere-cvv-input__wrapper.svelte-15mfii7 {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-cvv-input__wrapper--focused.svelte-15mfii7 {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-cvv-input__wrapper--disabled.svelte-15mfii7 {background:#f4f4f5;cursor:not-allowed;}.alviere-cvv-input__wrapper--readonly.svelte-15mfii7 {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-cvv-input__wrapper--valid.svelte-15mfii7 {border-color:#436b1d;}.alviere-cvv-input__wrapper--invalid.svelte-15mfii7 {border-color:#b3311f;}.alviere-cvv-input__wrapper--warning.svelte-15mfii7 {border-color:#ffc107;}.alviere-cvv-input__input.svelte-15mfii7 {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-cvv-input__input.svelte-15mfii7::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-cvv-input__input.svelte-15mfii7:disabled {cursor:not-allowed;color:#52525b;}.alviere-cvv-input__input.svelte-15mfii7:read-only {cursor:default;color:#3f3f46;}.alviere-cvv-input__validation-messages.svelte-15mfii7 {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__wrapper:where(.svelte-15mfii7) {min-height:2.5rem;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__label:where(.svelte-15mfii7) {font-size:1rem;}.alviere-cvv-input--md.svelte-15mfii7 .alviere-cvv-input__wrapper:where(.svelte-15mfii7) {min-height:3.25rem;}.alviere-cvv-input--md.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {font-size:1rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__wrapper:where(.svelte-15mfii7) {min-height:3.75rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__label:where(.svelte-15mfii7) {font-size:1.25rem;}.alviere-cvv-input.svelte-15mfii7:focus-within .alviere-cvv-input__wrapper:where(.svelte-15mfii7):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-cvv-input__input.svelte-15mfii7 {text-align:center;letter-spacing:0.125em;}.alviere-cvv-input__input.svelte-15mfii7::placeholder {letter-spacing:0.125em;}.alviere-cvv-input__code-type.svelte-15mfii7 {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;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.alviere-cvv-input--sm.svelte-15mfii7 .alviere-cvv-input__code-type:where(.svelte-15mfii7) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-cvv-input--lg.svelte-15mfii7 .alviere-cvv-input__code-type:where(.svelte-15mfii7) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-cvv-input.svelte-15mfii7 .alviere-cvv-input__input:where(.svelte-15mfii7) {user-select:none;}`
|
|
6886
6899
|
};
|
|
6887
6900
|
function CardCVVInput($$anchor, $$props) {
|
|
6888
6901
|
push($$props, true);
|
|
6889
|
-
append_styles$1($$anchor, $$css$
|
|
6902
|
+
append_styles$1($$anchor, $$css$n);
|
|
6890
6903
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Security Code"), placeholder = prop($$props, "placeholder", 15, "123"), 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, "cc-csc"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), cardType = prop($$props, "cardType", 15, "");
|
|
6891
6904
|
const baseInput = createEnhancedBaseInputMixin({
|
|
6892
6905
|
value: value(),
|
|
@@ -7181,11 +7194,11 @@ function CardCVVInput($$anchor, $$props) {
|
|
|
7181
7194
|
flushSync();
|
|
7182
7195
|
}
|
|
7183
7196
|
};
|
|
7184
|
-
var div = root$
|
|
7197
|
+
var div = root$j();
|
|
7185
7198
|
var node = child(div);
|
|
7186
7199
|
{
|
|
7187
7200
|
var consequent_1 = ($$anchor2) => {
|
|
7188
|
-
var label_1 = root_1$
|
|
7201
|
+
var label_1 = root_1$f();
|
|
7189
7202
|
var text2 = child(label_1);
|
|
7190
7203
|
var node_1 = sibling(text2);
|
|
7191
7204
|
{
|
|
@@ -7221,7 +7234,7 @@ function CardCVVInput($$anchor, $$props) {
|
|
|
7221
7234
|
var node_2 = sibling(input, 2);
|
|
7222
7235
|
{
|
|
7223
7236
|
var consequent_2 = ($$anchor2) => {
|
|
7224
|
-
var div_2 = root_3$
|
|
7237
|
+
var div_2 = root_3$f();
|
|
7225
7238
|
var text_1 = child(div_2, true);
|
|
7226
7239
|
reset(div_2);
|
|
7227
7240
|
template_effect(
|
|
@@ -7322,10 +7335,10 @@ customElements.define("alviere-card-cvv-input", create_custom_element(
|
|
|
7322
7335
|
true
|
|
7323
7336
|
));
|
|
7324
7337
|
var root_2$d = /* @__PURE__ */ from_html(`<span class="alviere-exp-input__required svelte-1i578bj">*</span>`);
|
|
7325
|
-
var root_1$
|
|
7326
|
-
var root_3$
|
|
7327
|
-
var root$
|
|
7328
|
-
const $$css$
|
|
7338
|
+
var root_1$e = /* @__PURE__ */ from_html(`<label class="alviere-exp-input__label svelte-1i578bj"> <!></label>`);
|
|
7339
|
+
var root_3$e = /* @__PURE__ */ from_html(`<div class="alviere-exp-input__error svelte-1i578bj" role="alert"> </div>`);
|
|
7340
|
+
var root$i = /* @__PURE__ */ from_html(`<div><!> <div><input type="text" inputmode="numeric" maxlength="5" class="alviere-exp-input__input svelte-1i578bj" spellcheck="false" aria-label="Card expiry date (MM/YY format)"/> <div class="alviere-exp-input__format-hint svelte-1i578bj" title="MM/YY format">MM/YY</div></div> <!></div>`);
|
|
7341
|
+
const $$css$m = {
|
|
7329
7342
|
hash: "svelte-1i578bj",
|
|
7330
7343
|
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-exp-input.svelte-1i578bj {position:relative;width:100%;}.alviere-exp-input__label.svelte-1i578bj {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-exp-input__required.svelte-1i578bj {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-exp-input__error.svelte-1i578bj {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-exp-input__warning.svelte-1i578bj {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-exp-input__warning.svelte-1i578bj svg {width:1rem;height:1rem;}.alviere-exp-input__wrapper.svelte-1i578bj {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-exp-input__wrapper--focused.svelte-1i578bj {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-exp-input__wrapper--disabled.svelte-1i578bj {background:#f4f4f5;cursor:not-allowed;}.alviere-exp-input__wrapper--readonly.svelte-1i578bj {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-exp-input__wrapper--valid.svelte-1i578bj {border-color:#436b1d;}.alviere-exp-input__wrapper--invalid.svelte-1i578bj {border-color:#b3311f;}.alviere-exp-input__wrapper--warning.svelte-1i578bj {border-color:#ffc107;}.alviere-exp-input__input.svelte-1i578bj {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-exp-input__input.svelte-1i578bj::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;}.alviere-exp-input__input.svelte-1i578bj:disabled {cursor:not-allowed;color:#52525b;}.alviere-exp-input__input.svelte-1i578bj:read-only {cursor:default;color:#3f3f46;}.alviere-exp-input__validation-messages.svelte-1i578bj {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__wrapper:where(.svelte-1i578bj) {min-height:2.5rem;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__input:where(.svelte-1i578bj) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__label:where(.svelte-1i578bj) {font-size:1rem;}.alviere-exp-input--md.svelte-1i578bj .alviere-exp-input__wrapper:where(.svelte-1i578bj) {min-height:3.25rem;}.alviere-exp-input--md.svelte-1i578bj .alviere-exp-input__input:where(.svelte-1i578bj) {font-size:1rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__wrapper:where(.svelte-1i578bj) {min-height:3.75rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__input:where(.svelte-1i578bj) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__label:where(.svelte-1i578bj) {font-size:1.25rem;}.alviere-exp-input.svelte-1i578bj:focus-within .alviere-exp-input__wrapper:where(.svelte-1i578bj):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-exp-input__input.svelte-1i578bj {text-align:center;letter-spacing:0.1em;min-width:4rem;}.alviere-exp-input__input.svelte-1i578bj::placeholder {letter-spacing:0.1em;opacity:0.7;}.alviere-exp-input__format-hint.svelte-1i578bj {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.05em;opacity:0.8;}.alviere-exp-input--sm.svelte-1i578bj .alviere-exp-input__format-hint:where(.svelte-1i578bj) {font-size:1rem;padding:0.125rem 0.375rem;}.alviere-exp-input--lg.svelte-1i578bj .alviere-exp-input__format-hint:where(.svelte-1i578bj) {font-size:1.125rem;padding:0.375rem 0.625rem;}.alviere-exp-input__wrapper--focused.svelte-1i578bj .alviere-exp-input__format-hint:where(.svelte-1i578bj) {opacity:0.5;transform:scale(0.9);transition:opacity 150ms ease-in-out, transform 150ms ease-in-out;}.alviere-exp-input__validation-icon.svelte-1i578bj {
|
|
7331
7344
|
animation: svelte-1i578bj-fadeIn 0.2s ease-in-out;}
|
|
@@ -7342,7 +7355,7 @@ const $$css$l = {
|
|
|
7342
7355
|
};
|
|
7343
7356
|
function CardExpInput($$anchor, $$props) {
|
|
7344
7357
|
push($$props, true);
|
|
7345
|
-
append_styles$1($$anchor, $$css$
|
|
7358
|
+
append_styles$1($$anchor, $$css$m);
|
|
7346
7359
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Expiry Date"), placeholder = prop($$props, "placeholder", 15, "MM/YY"), 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, "cc-exp"), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({}));
|
|
7347
7360
|
const baseInput = createEnhancedBaseInputMixin({
|
|
7348
7361
|
value: value(),
|
|
@@ -7644,11 +7657,11 @@ function CardExpInput($$anchor, $$props) {
|
|
|
7644
7657
|
flushSync();
|
|
7645
7658
|
}
|
|
7646
7659
|
};
|
|
7647
|
-
var div = root$
|
|
7660
|
+
var div = root$i();
|
|
7648
7661
|
var node = child(div);
|
|
7649
7662
|
{
|
|
7650
7663
|
var consequent_1 = ($$anchor2) => {
|
|
7651
|
-
var label_1 = root_1$
|
|
7664
|
+
var label_1 = root_1$e();
|
|
7652
7665
|
var text2 = child(label_1);
|
|
7653
7666
|
var node_1 = sibling(text2);
|
|
7654
7667
|
{
|
|
@@ -7687,7 +7700,7 @@ function CardExpInput($$anchor, $$props) {
|
|
|
7687
7700
|
var node_2 = sibling(div_1, 2);
|
|
7688
7701
|
{
|
|
7689
7702
|
var consequent_2 = ($$anchor2) => {
|
|
7690
|
-
var div_2 = root_3$
|
|
7703
|
+
var div_2 = root_3$e();
|
|
7691
7704
|
var text_1 = child(div_2, true);
|
|
7692
7705
|
reset(div_2);
|
|
7693
7706
|
template_effect(() => {
|
|
@@ -7971,28 +7984,28 @@ const X = [
|
|
|
7971
7984
|
["path", { d: "M18 6 6 18" }],
|
|
7972
7985
|
["path", { d: "m6 6 12 12" }]
|
|
7973
7986
|
];
|
|
7974
|
-
var root_1$
|
|
7987
|
+
var root_1$d = /* @__PURE__ */ from_html(`<label class="alviere-text-input__label svelte-1auzwdn"> </label>`);
|
|
7975
7988
|
var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__textarea svelte-1auzwdn" spellcheck="true"></textarea>`);
|
|
7976
|
-
var root_3$
|
|
7989
|
+
var root_3$d = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
|
|
7977
7990
|
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>`);
|
|
7978
|
-
var root_7$
|
|
7979
|
-
var root_8$
|
|
7991
|
+
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>`);
|
|
7992
|
+
var root_8$5 = /* @__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>`);
|
|
7980
7993
|
var root_6$6 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
|
|
7981
7994
|
var root_4$b = /* @__PURE__ */ from_html(`<div class="alviere-text-input__actions svelte-1auzwdn"><!> <!></div>`);
|
|
7982
7995
|
var root_9$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
|
|
7983
|
-
var root_10$
|
|
7996
|
+
var root_10$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__required svelte-1auzwdn">Required</div>`);
|
|
7984
7997
|
var root_11$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__help svelte-1auzwdn"><!> </div>`);
|
|
7985
|
-
var root_12$
|
|
7986
|
-
var root_13$
|
|
7987
|
-
var root$
|
|
7988
|
-
const $$css$
|
|
7998
|
+
var root_12$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__error svelte-1auzwdn" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
7999
|
+
var root_13$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__warning svelte-1auzwdn" role="status"><!> </div>`);
|
|
8000
|
+
var root$h = /* @__PURE__ */ from_html(`<div><div><!> <!> <!> <!> <!></div> <div class="alviere-text-input__validation-messages svelte-1auzwdn"><!> <!> <!></div></div>`);
|
|
8001
|
+
const $$css$l = {
|
|
7989
8002
|
hash: "svelte-1auzwdn",
|
|
7990
8003
|
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-text-input.svelte-1auzwdn {position:relative;width:100%;}.alviere-text-input__label.svelte-1auzwdn {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-text-input__required.svelte-1auzwdn {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-text-input__error.svelte-1auzwdn {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-text-input__warning.svelte-1auzwdn {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-text-input__warning.svelte-1auzwdn svg {width:1rem;height:1rem;}.alviere-text-input__wrapper.svelte-1auzwdn {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-text-input__wrapper--focused.svelte-1auzwdn {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-text-input__wrapper--focused.svelte-1auzwdn:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-1auzwdn) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-text-input__wrapper--focused.svelte-1auzwdn:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__input:where(.svelte-1auzwdn)::placeholder {opacity:1;}.alviere-text-input__wrapper--dirty.svelte-1auzwdn .alviere-text-input__label:where(.svelte-1auzwdn) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-text-input__wrapper--disabled.svelte-1auzwdn {background:#f4f4f5;cursor:not-allowed;}.alviere-text-input__wrapper--readonly.svelte-1auzwdn {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-text-input__wrapper--valid.svelte-1auzwdn {border-color:#436b1d;}.alviere-text-input__wrapper--invalid.svelte-1auzwdn {border-color:#b3311f;}.alviere-text-input__wrapper--warning.svelte-1auzwdn {border-color:#ffc107;}.alviere-text-input__input.svelte-1auzwdn {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-text-input__input.svelte-1auzwdn::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-text-input__input.svelte-1auzwdn:disabled {cursor:not-allowed;color:#52525b;}.alviere-text-input__input.svelte-1auzwdn:read-only {cursor:default;color:#3f3f46;}.alviere-text-input__validation-messages.svelte-1auzwdn {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__wrapper:where(.svelte-1auzwdn) {min-height:2.5rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__label:where(.svelte-1auzwdn) {font-size:1rem;}.alviere-text-input--md.svelte-1auzwdn .alviere-text-input__wrapper:where(.svelte-1auzwdn) {min-height:3.25rem;}.alviere-text-input--md.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn) {font-size:1rem;}.alviere-text-input--md.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {font-size:1.25rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__wrapper:where(.svelte-1auzwdn) {min-height:3.75rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__label:where(.svelte-1auzwdn) {font-size:1.25rem;}.alviere-text-input.svelte-1auzwdn:focus-within .alviere-text-input__wrapper:where(.svelte-1auzwdn):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-text-input__wrapper--textarea.svelte-1auzwdn {align-items:stretch;}.alviere-text-input__wrapper--with-actions.svelte-1auzwdn .alviere-text-input__input:where(.svelte-1auzwdn),
|
|
7991
8004
|
.alviere-text-input__wrapper--with-actions.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {padding-right:calc(0.75rem + var(--alviere-text-input-actions-width, 0px));}.alviere-text-input__wrapper--with-actions.svelte-1auzwdn .alviere-text-input__required:where(.svelte-1auzwdn) {right:calc(1rem + var(--alviere-text-input-actions-width, 0px));}.alviere-text-input__input.svelte-1auzwdn, .alviere-text-input__textarea.svelte-1auzwdn {resize:none;}.alviere-text-input__textarea.svelte-1auzwdn {min-height:2.5rem;line-height:1.75rem;resize:vertical;}.alviere-text-input__character-count.svelte-1auzwdn {position:absolute;bottom:0.25rem;right:0.25rem;font-size:1rem;color:#71717a;background:rgba(255, 255, 255, 0.9);padding:0.125rem 0.25rem;border-radius:0.125rem;pointer-events:none;}.alviere-text-input__help.svelte-1auzwdn {margin-top:0.25rem;font-size:0.75rem;color:#71717a;line-height:1.25;display:flex;align-items:flex-start;gap:0.25rem;}.alviere-text-input__help.svelte-1auzwdn svg {width:1rem;height:1rem;}.alviere-text-input__wrapper--textarea.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {min-height:3rem;padding-bottom:1.5rem;}.alviere-text-input__wrapper--textarea.alviere-text-input--sm.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {min-height:2.5rem;}.alviere-text-input__wrapper--textarea.alviere-text-input--lg.svelte-1auzwdn .alviere-text-input__textarea:where(.svelte-1auzwdn) {min-height:4rem;}.alviere-text-input__character-count.svelte-1auzwdn {font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-weight:500;opacity:0.8;transition:opacity 150ms ease-in-out;}.alviere-text-input__wrapper--focused.svelte-1auzwdn .alviere-text-input__character-count:where(.svelte-1auzwdn) {opacity:1;}.alviere-text-input__wrapper--textarea--valid.svelte-1auzwdn::after, .alviere-text-input__wrapper--textarea--invalid.svelte-1auzwdn::after {top:0.5rem;transform:none;}.alviere-text-input__actions.svelte-1auzwdn {position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.25rem;z-index:1;}.alviere-text-input__action-button.svelte-1auzwdn, .alviere-text-input__reveal-button.svelte-1auzwdn {background:transparent;border:none;cursor:pointer;padding:0;margin:0;height:1.75rem;width:1.75rem;display:inline-flex;align-items:center;justify-content:center;color:#71717a;}.alviere-text-input__action-button.svelte-1auzwdn {border-radius:999px;border:1px solid #d4d4d8;font-size:0.9rem;line-height:1;}.alviere-text-input__action-icon.svelte-1auzwdn {font-weight:500;}`
|
|
7992
8005
|
};
|
|
7993
8006
|
function TextInput($$anchor, $$props) {
|
|
7994
8007
|
push($$props, true);
|
|
7995
|
-
append_styles$1($$anchor, $$css$
|
|
8008
|
+
append_styles$1($$anchor, $$css$l);
|
|
7996
8009
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, ""), placeholder = prop($$props, "placeholder", 15, ""), 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, ""), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), sensitive = prop($$props, "sensitive", 15, false), maxlength = prop($$props, "maxlength", 15, void 0), minlength = prop($$props, "minlength", 15, void 0), oninput = prop($$props, "oninput", 15), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15), type = prop($$props, "type", 15, "text"), rows = prop($$props, "rows", 15, 3), cols = prop($$props, "cols", 15, void 0), resize = prop($$props, "resize", 15, "vertical"), blockPaste = prop($$props, "blockPaste", 15, false), suffixActionLabel = prop($$props, "suffixActionLabel", 15, ""), suffixActionAriaLabel = prop($$props, "suffixActionAriaLabel", 15, ""), suffixActionHandler = prop($$props, "suffixActionHandler", 15, void 0);
|
|
7997
8010
|
const fallbackId = `text-input-${Math.random().toString(36).slice(2, 10)}`;
|
|
7998
8011
|
const getInputId = () => id() || name() || fallbackId;
|
|
@@ -8491,13 +8504,13 @@ function TextInput($$anchor, $$props) {
|
|
|
8491
8504
|
flushSync();
|
|
8492
8505
|
}
|
|
8493
8506
|
};
|
|
8494
|
-
var div = root$
|
|
8507
|
+
var div = root$h();
|
|
8495
8508
|
var div_1 = child(div);
|
|
8496
8509
|
let classes;
|
|
8497
8510
|
var node = child(div_1);
|
|
8498
8511
|
{
|
|
8499
8512
|
var consequent = ($$anchor2) => {
|
|
8500
|
-
var label_1 = root_1$
|
|
8513
|
+
var label_1 = root_1$d();
|
|
8501
8514
|
var text2 = child(label_1, true);
|
|
8502
8515
|
reset(label_1);
|
|
8503
8516
|
template_effect(
|
|
@@ -8553,7 +8566,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8553
8566
|
append($$anchor2, textarea);
|
|
8554
8567
|
};
|
|
8555
8568
|
var alternate = ($$anchor2) => {
|
|
8556
|
-
var input = root_3$
|
|
8569
|
+
var input = root_3$d();
|
|
8557
8570
|
remove_input_defaults(input);
|
|
8558
8571
|
input.__input = handleInput;
|
|
8559
8572
|
input.__change = handleChange;
|
|
@@ -8623,11 +8636,11 @@ function TextInput($$anchor, $$props) {
|
|
|
8623
8636
|
var node_5 = child(button_1);
|
|
8624
8637
|
{
|
|
8625
8638
|
var consequent_3 = ($$anchor4) => {
|
|
8626
|
-
var svg = root_7$
|
|
8639
|
+
var svg = root_7$3();
|
|
8627
8640
|
append($$anchor4, svg);
|
|
8628
8641
|
};
|
|
8629
8642
|
var alternate_1 = ($$anchor4) => {
|
|
8630
|
-
var svg_1 = root_8$
|
|
8643
|
+
var svg_1 = root_8$5();
|
|
8631
8644
|
append($$anchor4, svg_1);
|
|
8632
8645
|
};
|
|
8633
8646
|
if_block(node_5, ($$render) => {
|
|
@@ -8665,7 +8678,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8665
8678
|
var node_7 = sibling(node_6, 2);
|
|
8666
8679
|
{
|
|
8667
8680
|
var consequent_7 = ($$anchor2) => {
|
|
8668
|
-
var div_4 = root_10$
|
|
8681
|
+
var div_4 = root_10$4();
|
|
8669
8682
|
append($$anchor2, div_4);
|
|
8670
8683
|
};
|
|
8671
8684
|
if_block(node_7, ($$render) => {
|
|
@@ -8698,7 +8711,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8698
8711
|
var node_10 = sibling(node_8, 2);
|
|
8699
8712
|
{
|
|
8700
8713
|
var consequent_9 = ($$anchor2) => {
|
|
8701
|
-
var div_7 = root_12$
|
|
8714
|
+
var div_7 = root_12$3();
|
|
8702
8715
|
var text_3 = sibling(child(div_7));
|
|
8703
8716
|
reset(div_7);
|
|
8704
8717
|
template_effect(
|
|
@@ -8717,7 +8730,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8717
8730
|
var node_11 = sibling(node_10, 2);
|
|
8718
8731
|
{
|
|
8719
8732
|
var consequent_10 = ($$anchor2) => {
|
|
8720
|
-
var div_8 = root_13$
|
|
8733
|
+
var div_8 = root_13$4();
|
|
8721
8734
|
var node_12 = child(div_8);
|
|
8722
8735
|
html(node_12, () => infoIcon.outerHTML);
|
|
8723
8736
|
var text_4 = sibling(node_12);
|
|
@@ -8810,16 +8823,16 @@ customElements.define("alviere-text-input", create_custom_element(
|
|
|
8810
8823
|
],
|
|
8811
8824
|
true
|
|
8812
8825
|
));
|
|
8813
|
-
var root_1$
|
|
8826
|
+
var root_1$c = /* @__PURE__ */ from_html(`<div class="success-message svelte-1aekat9">✅ Payment instrument created successfully! <br/> <small class="svelte-1aekat9"> </small></div>`);
|
|
8814
8827
|
var root_2$b = /* @__PURE__ */ from_html(`<div class="error-message svelte-1aekat9"> </div>`);
|
|
8815
|
-
var root$
|
|
8816
|
-
const $$css$
|
|
8828
|
+
var root$g = /* @__PURE__ */ from_html(`<div class="alviere-payment-instrument-form svelte-1aekat9"><h2 class="svelte-1aekat9">Add Payment Instrument</h2> <!> <!> <form novalidate=""><fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Card Information</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-row svelte-1aekat9"><div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div></div> <div class="form-group svelte-1aekat9"><!></div></fieldset> <fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Contact Information</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div></fieldset> <fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Billing Address</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div> <div class="form-row svelte-1aekat9"><div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><label for="country" class="svelte-1aekat9">Country *</label> <select id="country" required class="svelte-1aekat9"><option>United States</option><option>Canada</option><option>Mexico</option></select></div></div></fieldset> <fieldset class="svelte-1aekat9"><legend class="svelte-1aekat9">Additional Information</legend> <div class="form-group svelte-1aekat9"><!></div> <div class="form-group svelte-1aekat9"><!></div></fieldset> <div class="form-actions svelte-1aekat9"><button type="submit" class="submit-button svelte-1aekat9"> </button></div></form></div>`);
|
|
8829
|
+
const $$css$k = {
|
|
8817
8830
|
hash: "svelte-1aekat9",
|
|
8818
8831
|
code: '@charset "UTF-8";.alviere-payment-instrument-form.svelte-1aekat9 {max-width:100%;margin:0 auto;font-family:"Darker Grotesque", sans-serif;line-height:1;}.alviere-payment-instrument-form.svelte-1aekat9 h2:where(.svelte-1aekat9) {color:#27272a;margin-bottom:2rem;text-align:center;}.alviere-payment-instrument-form.svelte-1aekat9 fieldset:where(.svelte-1aekat9) {border:1px solid #d4d4d8;border-radius:0.25rem;padding:1.5rem;margin-bottom:2rem;background:#ffffff;}.alviere-payment-instrument-form.svelte-1aekat9 legend:where(.svelte-1aekat9) {font-weight:600;color:#3f3f46;padding:0 0.5rem;}.alviere-payment-instrument-form.svelte-1aekat9 .form-group:where(.svelte-1aekat9) {margin-bottom:1rem;}.alviere-payment-instrument-form.svelte-1aekat9 .form-row:where(.svelte-1aekat9) {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding-bottom:1rem;}.alviere-payment-instrument-form.svelte-1aekat9 .form-actions:where(.svelte-1aekat9) {margin-top:24px;text-align:center;}.alviere-payment-instrument-form.svelte-1aekat9 .form-actions:where(.svelte-1aekat9) button:where(.svelte-1aekat9):disabled {opacity:0.6;cursor:not-allowed;}.alviere-payment-instrument-form.svelte-1aekat9 .success-message:where(.svelte-1aekat9) {padding:1rem;border-radius:0.25rem;margin-bottom:2rem;text-align:center;background:#d4edda;border:1px solid #c3e6cb;color:#155724;}.alviere-payment-instrument-form.svelte-1aekat9 .error-message:where(.svelte-1aekat9) {padding:1rem;border-radius:0.25rem;margin-bottom:2rem;text-align:center;background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;}.alviere-payment-instrument-form.svelte-1aekat9 .submit-button:where(.svelte-1aekat9) {border:none;border-radius:0.25rem;font-family:"Darker Grotesque", sans-serif;font-size:1rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color 150ms ease-in-out;background:#27272a;color:#ffffff;}.alviere-payment-instrument-form.svelte-1aekat9 .submit-button:where(.svelte-1aekat9):hover:not(:disabled) {background:#3f3f46;}.alviere-payment-instrument-form.svelte-1aekat9 .submit-button:where(.svelte-1aekat9):disabled {background:#52525b;cursor:not-allowed;} .alviere-payment-instrument-form.svelte-1aekat9 select:where(.svelte-1aekat9) {width:100%;padding:0.75rem;border:1px solid #d4d4d8;border-radius:0.25rem;font-size:1.25rem;line-height:1.5rem;transition:border-color 150ms ease-in-out;} .alviere-payment-instrument-form.svelte-1aekat9 select:where(.svelte-1aekat9):focus {outline:none;border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;} .alviere-payment-instrument-form.svelte-1aekat9 select:where(.svelte-1aekat9):disabled {background:#f4f4f5;cursor:not-allowed;}.alviere-payment-instrument-form.svelte-1aekat9 label:where(.svelte-1aekat9) {display:block;margin-bottom:0.5rem;font-weight:500;color:#3f3f46;}.alviere-payment-instrument-form.svelte-1aekat9 small:where(.svelte-1aekat9) {display:block;margin-top:4px;color:#52525b;font-size:1rem;}'
|
|
8819
8832
|
};
|
|
8820
8833
|
function AddPaymentInstrument($$anchor, $$props) {
|
|
8821
8834
|
push($$props, true);
|
|
8822
|
-
append_styles$1($$anchor, $$css$
|
|
8835
|
+
append_styles$1($$anchor, $$css$k);
|
|
8823
8836
|
let jwt = prop($$props, "jwt", 15, ""), accountUuid = prop($$props, "accountUuid", 15, ""), debug = prop($$props, "debug", 15, false), onsuccess = prop($$props, "onsuccess", 15), onerror = prop($$props, "onerror", 15);
|
|
8824
8837
|
let formData = /* @__PURE__ */ state(proxy({
|
|
8825
8838
|
pan: "",
|
|
@@ -8987,11 +9000,11 @@ function AddPaymentInstrument($$anchor, $$props) {
|
|
|
8987
9000
|
flushSync();
|
|
8988
9001
|
}
|
|
8989
9002
|
};
|
|
8990
|
-
var div = root$
|
|
9003
|
+
var div = root$g();
|
|
8991
9004
|
var node = sibling(child(div), 2);
|
|
8992
9005
|
{
|
|
8993
9006
|
var consequent = ($$anchor2) => {
|
|
8994
|
-
var div_1 = root_1$
|
|
9007
|
+
var div_1 = root_1$c();
|
|
8995
9008
|
var small = sibling(child(div_1), 3);
|
|
8996
9009
|
var text2 = child(small);
|
|
8997
9010
|
reset(small);
|
|
@@ -9574,14 +9587,14 @@ function getPhoneInputMaxLength(schema) {
|
|
|
9574
9587
|
}
|
|
9575
9588
|
return Math.min(...limits);
|
|
9576
9589
|
}
|
|
9577
|
-
var root_1$
|
|
9590
|
+
var root_1$b = /* @__PURE__ */ from_html(`<label class="alviere-phone-input__label svelte-15yozux"> </label>`);
|
|
9578
9591
|
var root_2$a = /* @__PURE__ */ from_html(`<span class="alviere-phone-input__character-count svelte-15yozux"> </span>`);
|
|
9579
|
-
var root_3$
|
|
9592
|
+
var root_3$c = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__required svelte-15yozux">Required</div>`);
|
|
9580
9593
|
var root_4$a = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__help svelte-15yozux"><!> </div>`);
|
|
9581
9594
|
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>`);
|
|
9582
9595
|
var root_6$5 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"><!> </div>`);
|
|
9583
|
-
var root$
|
|
9584
|
-
const $$css$
|
|
9596
|
+
var root$f = /* @__PURE__ */ from_html(`<div><div><!> <input type="tel"/> <!> <!></div> <div class="alviere-phone-input__validation-messages svelte-15yozux"><!> <!> <!></div></div>`);
|
|
9597
|
+
const $$css$j = {
|
|
9585
9598
|
hash: "svelte-15yozux",
|
|
9586
9599
|
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%);pointer-events:none;}.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__warning.svelte-15yozux svg {width:1rem;height:1rem;}.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),
|
|
9587
9600
|
.alviere-phone-input__wrapper--focused.svelte-15yozux:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-15yozux),
|
|
@@ -9602,7 +9615,7 @@ const $$css$i = {
|
|
|
9602
9615
|
};
|
|
9603
9616
|
function PhoneInput($$anchor, $$props) {
|
|
9604
9617
|
push($$props, true);
|
|
9605
|
-
append_styles$1($$anchor, $$css$
|
|
9618
|
+
append_styles$1($$anchor, $$css$j);
|
|
9606
9619
|
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);
|
|
9607
9620
|
const fallbackId = `phone-input-${Math.random().toString(36).slice(2, 10)}`;
|
|
9608
9621
|
const getInputId = () => id() || name() || fallbackId;
|
|
@@ -9936,12 +9949,12 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9936
9949
|
flushSync();
|
|
9937
9950
|
}
|
|
9938
9951
|
};
|
|
9939
|
-
var div = root$
|
|
9952
|
+
var div = root$f();
|
|
9940
9953
|
var div_1 = child(div);
|
|
9941
9954
|
var node = child(div_1);
|
|
9942
9955
|
{
|
|
9943
9956
|
var consequent = ($$anchor2) => {
|
|
9944
|
-
var label_1 = root_1$
|
|
9957
|
+
var label_1 = root_1$b();
|
|
9945
9958
|
var text2 = child(label_1, true);
|
|
9946
9959
|
reset(label_1);
|
|
9947
9960
|
template_effect(() => {
|
|
@@ -9979,7 +9992,7 @@ function PhoneInput($$anchor, $$props) {
|
|
|
9979
9992
|
var node_2 = sibling(node_1, 2);
|
|
9980
9993
|
{
|
|
9981
9994
|
var consequent_2 = ($$anchor2) => {
|
|
9982
|
-
var div_2 = root_3$
|
|
9995
|
+
var div_2 = root_3$c();
|
|
9983
9996
|
append($$anchor2, div_2);
|
|
9984
9997
|
};
|
|
9985
9998
|
if_block(node_2, ($$render) => {
|
|
@@ -10110,12 +10123,12 @@ customElements.define("alviere-phone-input", create_custom_element(
|
|
|
10110
10123
|
],
|
|
10111
10124
|
true
|
|
10112
10125
|
));
|
|
10113
|
-
var root_1$
|
|
10126
|
+
var root_1$a = /* @__PURE__ */ from_html(`<label class="alviere-date-of-birth-input__label svelte-1ooun91"> </label>`);
|
|
10114
10127
|
var root_2$9 = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__required svelte-1ooun91">Required</div>`);
|
|
10115
|
-
var root_3$
|
|
10128
|
+
var root_3$b = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__error svelte-1ooun91" 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>`);
|
|
10116
10129
|
var root_4$9 = /* @__PURE__ */ from_html(`<div class="alviere-date-of-birth-input__warning svelte-1ooun91" role="status"> </div>`);
|
|
10117
|
-
var root$
|
|
10118
|
-
const $$css$
|
|
10130
|
+
var root$e = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" maxlength="10"/></div> <div class="alviere-date-of-birth-input__validation-messages svelte-1ooun91"><!> <!> <!></div></div>`);
|
|
10131
|
+
const $$css$i = {
|
|
10119
10132
|
hash: "svelte-1ooun91",
|
|
10120
10133
|
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-date-of-birth-input.svelte-1ooun91 {position:relative;width:100%;}.alviere-date-of-birth-input__label.svelte-1ooun91 {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-date-of-birth-input__required.svelte-1ooun91 {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-date-of-birth-input__error.svelte-1ooun91 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-date-of-birth-input__warning.svelte-1ooun91 {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-date-of-birth-input__warning.svelte-1ooun91 svg {width:1rem;height:1rem;}.alviere-date-of-birth-input__wrapper.svelte-1ooun91 {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-date-of-birth-input__wrapper--focused.svelte-1ooun91 {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-1ooun91),
|
|
10121
10134
|
.alviere-date-of-birth-input__wrapper--focused.svelte-1ooun91:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-1ooun91),
|
|
@@ -10136,7 +10149,7 @@ const $$css$h = {
|
|
|
10136
10149
|
};
|
|
10137
10150
|
function DateOfBirthInput($$anchor, $$props) {
|
|
10138
10151
|
push($$props, true);
|
|
10139
|
-
append_styles$1($$anchor, $$css$
|
|
10152
|
+
append_styles$1($$anchor, $$css$i);
|
|
10140
10153
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Date of Birth"), placeholder = prop($$props, "placeholder", 15, "YYYY-MM-DD"), 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, "bday"), 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);
|
|
10141
10154
|
const baseInput = createEnhancedBaseInputMixin({
|
|
10142
10155
|
get value() {
|
|
@@ -10480,12 +10493,12 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
10480
10493
|
flushSync();
|
|
10481
10494
|
}
|
|
10482
10495
|
};
|
|
10483
|
-
var div = root$
|
|
10496
|
+
var div = root$e();
|
|
10484
10497
|
var div_1 = child(div);
|
|
10485
10498
|
var node = child(div_1);
|
|
10486
10499
|
{
|
|
10487
10500
|
var consequent = ($$anchor2) => {
|
|
10488
|
-
var label_1 = root_1$
|
|
10501
|
+
var label_1 = root_1$a();
|
|
10489
10502
|
var text2 = child(label_1, true);
|
|
10490
10503
|
reset(label_1);
|
|
10491
10504
|
template_effect(() => {
|
|
@@ -10522,7 +10535,7 @@ function DateOfBirthInput($$anchor, $$props) {
|
|
|
10522
10535
|
var node_2 = sibling(node_1, 2);
|
|
10523
10536
|
{
|
|
10524
10537
|
var consequent_2 = ($$anchor2) => {
|
|
10525
|
-
var div_4 = root_3$
|
|
10538
|
+
var div_4 = root_3$b();
|
|
10526
10539
|
var text_1 = sibling(child(div_4));
|
|
10527
10540
|
reset(div_4);
|
|
10528
10541
|
template_effect(() => {
|
|
@@ -10612,12 +10625,12 @@ customElements.define("alviere-date-of-birth-input", create_custom_element(
|
|
|
10612
10625
|
],
|
|
10613
10626
|
true
|
|
10614
10627
|
));
|
|
10615
|
-
var root_1$
|
|
10628
|
+
var root_1$9 = /* @__PURE__ */ from_html(`<label class="alviere-currency-input__label svelte-qcuhgv"> </label>`);
|
|
10616
10629
|
var root_2$8 = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__required svelte-qcuhgv">Required</div>`);
|
|
10617
|
-
var root_3$
|
|
10630
|
+
var root_3$a = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__error svelte-qcuhgv" 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>`);
|
|
10618
10631
|
var root_4$8 = /* @__PURE__ */ from_html(`<div class="alviere-currency-input__help-text"> </div>`);
|
|
10619
|
-
var root$
|
|
10620
|
-
const $$css$
|
|
10632
|
+
var root$d = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/></div> <div class="alviere-currency-input__validation-messages svelte-qcuhgv"><!> <!> <!></div></div>`);
|
|
10633
|
+
const $$css$h = {
|
|
10621
10634
|
hash: "svelte-qcuhgv",
|
|
10622
10635
|
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-currency-input.svelte-qcuhgv {position:relative;width:100%;}.alviere-currency-input__label.svelte-qcuhgv {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-currency-input__required.svelte-qcuhgv {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-currency-input__error.svelte-qcuhgv {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-currency-input__warning.svelte-qcuhgv {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-currency-input__warning.svelte-qcuhgv svg {width:1rem;height:1rem;}.alviere-currency-input__wrapper.svelte-qcuhgv {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-currency-input__wrapper--focused.svelte-qcuhgv {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-text-input__label:where(.svelte-qcuhgv),
|
|
10623
10636
|
.alviere-currency-input__wrapper--focused.svelte-qcuhgv:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-qcuhgv),
|
|
@@ -10638,7 +10651,7 @@ const $$css$g = {
|
|
|
10638
10651
|
};
|
|
10639
10652
|
function CurrencyInput($$anchor, $$props) {
|
|
10640
10653
|
push($$props, true);
|
|
10641
|
-
append_styles$1($$anchor, $$css$
|
|
10654
|
+
append_styles$1($$anchor, $$css$h);
|
|
10642
10655
|
let value = prop($$props, "value", 15, ""), label = prop($$props, "label", 15, "Amount"), placeholder = prop($$props, "placeholder", 15, "0.00"), 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, ""), 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), currency = prop($$props, "currency", 15, "USD"), locale = prop($$props, "locale", 15, "en-US");
|
|
10643
10656
|
let rawNumericValue = /* @__PURE__ */ state(0);
|
|
10644
10657
|
function getCurrencySymbol() {
|
|
@@ -11094,12 +11107,12 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
11094
11107
|
flushSync();
|
|
11095
11108
|
}
|
|
11096
11109
|
};
|
|
11097
|
-
var div = root$
|
|
11110
|
+
var div = root$d();
|
|
11098
11111
|
var div_1 = child(div);
|
|
11099
11112
|
var node = child(div_1);
|
|
11100
11113
|
{
|
|
11101
11114
|
var consequent = ($$anchor2) => {
|
|
11102
|
-
var label_1 = root_1$
|
|
11115
|
+
var label_1 = root_1$9();
|
|
11103
11116
|
var text2 = child(label_1, true);
|
|
11104
11117
|
reset(label_1);
|
|
11105
11118
|
template_effect(() => {
|
|
@@ -11136,7 +11149,7 @@ function CurrencyInput($$anchor, $$props) {
|
|
|
11136
11149
|
var node_2 = sibling(node_1, 2);
|
|
11137
11150
|
{
|
|
11138
11151
|
var consequent_2 = ($$anchor2) => {
|
|
11139
|
-
var div_4 = root_3$
|
|
11152
|
+
var div_4 = root_3$a();
|
|
11140
11153
|
var text_1 = sibling(child(div_4));
|
|
11141
11154
|
reset(div_4);
|
|
11142
11155
|
template_effect(() => {
|
|
@@ -11240,12 +11253,12 @@ function fade(node, { delay = 0, duration = 400, easing = linear } = {}) {
|
|
|
11240
11253
|
css: (t) => `opacity: ${t * o}`
|
|
11241
11254
|
};
|
|
11242
11255
|
}
|
|
11243
|
-
var root_1$
|
|
11256
|
+
var root_1$8 = /* @__PURE__ */ from_html(`<label class="alviere-ein-input__label svelte-w5ixut"> </label>`);
|
|
11244
11257
|
var root_2$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__required svelte-w5ixut">Required</div>`);
|
|
11245
|
-
var root_3$
|
|
11258
|
+
var root_3$9 = /* @__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>`);
|
|
11246
11259
|
var root_4$7 = /* @__PURE__ */ from_html(`<div class="alviere-ein-input__warning svelte-w5ixut" role="status"><!> <span> </span></div>`);
|
|
11247
|
-
var root$
|
|
11248
|
-
const $$css$
|
|
11260
|
+
var root$c = /* @__PURE__ */ from_html(`<div><div><!> <input type="text" inputmode="numeric"/> <!></div> <div class="alviere-ein-input__validation-messages svelte-w5ixut"><!> <!></div></div>`);
|
|
11261
|
+
const $$css$g = {
|
|
11249
11262
|
hash: "svelte-w5ixut",
|
|
11250
11263
|
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%);pointer-events:none;}.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__warning.svelte-w5ixut svg {width:1rem;height:1rem;}.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),
|
|
11251
11264
|
.alviere-ein-input__wrapper--focused.svelte-w5ixut:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-phone-input__label:where(.svelte-w5ixut),
|
|
@@ -11266,7 +11279,7 @@ const $$css$f = {
|
|
|
11266
11279
|
};
|
|
11267
11280
|
function EinInput($$anchor, $$props) {
|
|
11268
11281
|
push($$props, true);
|
|
11269
|
-
append_styles$1($$anchor, $$css$
|
|
11282
|
+
append_styles$1($$anchor, $$css$g);
|
|
11270
11283
|
const MAX_EIN_DIGITS = 9;
|
|
11271
11284
|
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);
|
|
11272
11285
|
const infoIcon = createElement(Info);
|
|
@@ -11656,12 +11669,12 @@ function EinInput($$anchor, $$props) {
|
|
|
11656
11669
|
flushSync();
|
|
11657
11670
|
}
|
|
11658
11671
|
};
|
|
11659
|
-
var div = root$
|
|
11672
|
+
var div = root$c();
|
|
11660
11673
|
var div_1 = child(div);
|
|
11661
11674
|
var node = child(div_1);
|
|
11662
11675
|
{
|
|
11663
11676
|
var consequent = ($$anchor2) => {
|
|
11664
|
-
var label_1 = root_1$
|
|
11677
|
+
var label_1 = root_1$8();
|
|
11665
11678
|
var text2 = child(label_1, true);
|
|
11666
11679
|
reset(label_1);
|
|
11667
11680
|
template_effect(
|
|
@@ -11701,7 +11714,7 @@ function EinInput($$anchor, $$props) {
|
|
|
11701
11714
|
var node_2 = child(div_3);
|
|
11702
11715
|
{
|
|
11703
11716
|
var consequent_2 = ($$anchor2) => {
|
|
11704
|
-
var div_4 = root_3$
|
|
11717
|
+
var div_4 = root_3$9();
|
|
11705
11718
|
var text_1 = sibling(child(div_4));
|
|
11706
11719
|
reset(div_4);
|
|
11707
11720
|
template_effect(
|
|
@@ -11809,19 +11822,19 @@ customElements.define("alviere-ein-input", create_custom_element(
|
|
|
11809
11822
|
],
|
|
11810
11823
|
true
|
|
11811
11824
|
));
|
|
11812
|
-
var root_1$
|
|
11825
|
+
var root_1$7 = /* @__PURE__ */ from_html(`<label class="alviere-search-select__label svelte-roni7d"> </label>`);
|
|
11813
11826
|
var root_2$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__display-value svelte-roni7d"> </div>`);
|
|
11814
|
-
var root_3$
|
|
11827
|
+
var root_3$8 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-search-select__clear-button svelte-roni7d" aria-label="Clear selection"><!></button>`);
|
|
11815
11828
|
var root_4$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__required svelte-roni7d">Required</div>`);
|
|
11816
11829
|
var root_6$4 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__loading-message svelte-roni7d"> </div>`);
|
|
11817
|
-
var root_8$
|
|
11818
|
-
var root_10$
|
|
11830
|
+
var root_8$4 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
|
|
11831
|
+
var root_10$3 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
|
|
11819
11832
|
var root_5$5 = /* @__PURE__ */ from_html(`<div id="search-select-dropdown" class="alviere-search-select__dropdown svelte-roni7d" role="listbox"><div class="alviere-search-select__options-list svelte-roni7d"><!></div></div>`);
|
|
11820
11833
|
var root_11$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__help svelte-roni7d"> </div>`);
|
|
11821
|
-
var root_12$
|
|
11822
|
-
var root_13$
|
|
11823
|
-
var root$
|
|
11824
|
-
const $$css$
|
|
11834
|
+
var root_12$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__error svelte-roni7d" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
|
|
11835
|
+
var root_13$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__warning svelte-roni7d" role="status"><!> </div>`);
|
|
11836
|
+
var root$b = /* @__PURE__ */ from_html(`<div><div class="alviere-search-select__container svelte-roni7d"><div><!> <input type="text" class="alviere-search-select__input svelte-roni7d" role="combobox" aria-haspopup="listbox" aria-controls="search-select-dropdown"/> <!> <div class="alviere-search-select__actions svelte-roni7d"><!> <button type="button" tabindex="-1" aria-hidden="true"><!></button></div> <!></div> <!></div> <div class="alviere-search-select__validation-messages svelte-roni7d"><!> <!> <!></div></div>`);
|
|
11837
|
+
const $$css$f = {
|
|
11825
11838
|
hash: "svelte-roni7d",
|
|
11826
11839
|
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-search-select.svelte-roni7d {position:relative;width:100%;}.alviere-search-select__label.svelte-roni7d {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-search-select__required.svelte-roni7d {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-search-select__error.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-search-select__warning.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-search-select__warning.svelte-roni7d svg {width:1rem;height:1rem;}.alviere-search-select__wrapper.svelte-roni7d {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-search-select__wrapper--focused.svelte-roni7d {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}
|
|
11827
11840
|
.alviere-search-select__wrapper--focused.svelte-roni7d:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}
|
|
@@ -11844,7 +11857,7 @@ const $$css$e = {
|
|
|
11844
11857
|
};
|
|
11845
11858
|
function SearchSelect($$anchor, $$props) {
|
|
11846
11859
|
push($$props, true);
|
|
11847
|
-
append_styles$1($$anchor, $$css$
|
|
11860
|
+
append_styles$1($$anchor, $$css$f);
|
|
11848
11861
|
let value = prop($$props, "value", 15, ""), options = prop($$props, "options", 31, () => proxy([])), placeholder = prop($$props, "placeholder", 15, "Search..."), 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, ""), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), label = prop($$props, "label", 15, ""), searchPlaceholder = prop($$props, "searchPlaceholder", 15, ""), noOptionsMessage = prop($$props, "noOptionsMessage", 15, "No options found"), loadingMessage = prop($$props, "loadingMessage", 15, "Loading..."), isLoading = prop($$props, "isLoading", 15, false), maxHeight = prop($$props, "maxHeight", 15, "300px"), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15), autocomplete = prop($$props, "autocomplete", 15, "off");
|
|
11849
11862
|
const dispatch = createEventDispatcher();
|
|
11850
11863
|
const ChevronDownIcon = createElement(ChevronDown);
|
|
@@ -12336,14 +12349,14 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12336
12349
|
flushSync();
|
|
12337
12350
|
}
|
|
12338
12351
|
};
|
|
12339
|
-
var div = root$
|
|
12352
|
+
var div = root$b();
|
|
12340
12353
|
var div_1 = child(div);
|
|
12341
12354
|
var div_2 = child(div_1);
|
|
12342
12355
|
let classes;
|
|
12343
12356
|
var node = child(div_2);
|
|
12344
12357
|
{
|
|
12345
12358
|
var consequent = ($$anchor2) => {
|
|
12346
|
-
var label_1 = root_1$
|
|
12359
|
+
var label_1 = root_1$7();
|
|
12347
12360
|
var text2 = child(label_1, true);
|
|
12348
12361
|
reset(label_1);
|
|
12349
12362
|
template_effect(() => {
|
|
@@ -12379,7 +12392,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12379
12392
|
var node_2 = child(div_4);
|
|
12380
12393
|
{
|
|
12381
12394
|
var consequent_2 = ($$anchor2) => {
|
|
12382
|
-
var button = root_3$
|
|
12395
|
+
var button = root_3$8();
|
|
12383
12396
|
button.__click = (e) => {
|
|
12384
12397
|
e.stopPropagation();
|
|
12385
12398
|
clearSelection();
|
|
@@ -12437,7 +12450,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12437
12450
|
var node_8 = first_child(fragment);
|
|
12438
12451
|
{
|
|
12439
12452
|
var consequent_5 = ($$anchor4) => {
|
|
12440
|
-
var div_9 = root_8$
|
|
12453
|
+
var div_9 = root_8$4();
|
|
12441
12454
|
var text_3 = child(div_9, true);
|
|
12442
12455
|
reset(div_9);
|
|
12443
12456
|
template_effect(() => set_text(text_3, noOptionsMessage()));
|
|
@@ -12447,7 +12460,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12447
12460
|
var fragment_1 = comment();
|
|
12448
12461
|
var node_9 = first_child(fragment_1);
|
|
12449
12462
|
each(node_9, 17, () => get$1(filteredOptions)(), index, ($$anchor5, option, index2) => {
|
|
12450
|
-
var div_10 = root_10$
|
|
12463
|
+
var div_10 = root_10$3();
|
|
12451
12464
|
let classes_2;
|
|
12452
12465
|
div_10.__pointerdown = (e) => e.preventDefault();
|
|
12453
12466
|
div_10.__click = () => selectOption(get$1(option));
|
|
@@ -12517,7 +12530,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12517
12530
|
var node_11 = sibling(node_10, 2);
|
|
12518
12531
|
{
|
|
12519
12532
|
var consequent_8 = ($$anchor2) => {
|
|
12520
|
-
var div_13 = root_12$
|
|
12533
|
+
var div_13 = root_12$2();
|
|
12521
12534
|
var text_6 = sibling(child(div_13));
|
|
12522
12535
|
reset(div_13);
|
|
12523
12536
|
template_effect(() => {
|
|
@@ -12533,7 +12546,7 @@ function SearchSelect($$anchor, $$props) {
|
|
|
12533
12546
|
var node_12 = sibling(node_11, 2);
|
|
12534
12547
|
{
|
|
12535
12548
|
var consequent_9 = ($$anchor2) => {
|
|
12536
|
-
var div_14 = root_13$
|
|
12549
|
+
var div_14 = root_13$3();
|
|
12537
12550
|
var node_13 = child(div_14);
|
|
12538
12551
|
html(node_13, () => InfoIcon.outerHTML);
|
|
12539
12552
|
var text_7 = sibling(node_13);
|
|
@@ -12631,14 +12644,14 @@ customElements.define("alviere-search-select", create_custom_element(
|
|
|
12631
12644
|
],
|
|
12632
12645
|
true
|
|
12633
12646
|
));
|
|
12634
|
-
var root_1$
|
|
12635
|
-
const $$css$
|
|
12647
|
+
var root_1$6 = /* @__PURE__ */ from_html(`<div><span class="alviere-callout__icon svelte-1bs0r0z"><!></span> <span class="alviere-callout__text svelte-1bs0r0z"> </span></div>`);
|
|
12648
|
+
const $$css$e = {
|
|
12636
12649
|
hash: "svelte-1bs0r0z",
|
|
12637
12650
|
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-callout.svelte-1bs0r0z {display:flex;align-items:center;gap:0.5rem;padding:1rem;border:1px solid;border-radius:0.25rem;background:transparent;text-align:left;font-size:0.75rem;line-height:1.25;}.alviere-callout__icon.svelte-1bs0r0z {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.alviere-callout__text.svelte-1bs0r0z {flex:1;white-space:pre-line;}.alviere-callout.svelte-1bs0r0z svg {width:1.25rem;height:1.25rem;}.alviere-callout--warning.svelte-1bs0r0z {border-color:var(--alv-color-warning, #ffeaa7);color:var(--alv-color-warning-text, #856404);}.alviere-callout--warning.svelte-1bs0r0z .alviere-callout__icon:where(.svelte-1bs0r0z) {color:var(--alv-color-warning-text, #856404);}.alviere-callout--info.svelte-1bs0r0z {border-color:var(--alv-color-info-border, #bee5eb);color:var(--alv-color-info-text, #0c5460);}.alviere-callout--info.svelte-1bs0r0z .alviere-callout__icon:where(.svelte-1bs0r0z) {color:var(--alv-color-info, #175db8);}"
|
|
12638
12651
|
};
|
|
12639
12652
|
function Callout($$anchor, $$props) {
|
|
12640
12653
|
push($$props, true);
|
|
12641
|
-
append_styles$1($$anchor, $$css$
|
|
12654
|
+
append_styles$1($$anchor, $$css$e);
|
|
12642
12655
|
let message = prop($$props, "message", 15, ""), variant = prop($$props, "variant", 15, "warning"), role = prop($$props, "role", 15, "status"), ariaLive = prop($$props, "ariaLive", 15, "polite");
|
|
12643
12656
|
const warningIcon = createElement(TriangleAlert);
|
|
12644
12657
|
const infoIcon = createElement(Info);
|
|
@@ -12679,7 +12692,7 @@ function Callout($$anchor, $$props) {
|
|
|
12679
12692
|
var node = first_child(fragment);
|
|
12680
12693
|
{
|
|
12681
12694
|
var consequent = ($$anchor2) => {
|
|
12682
|
-
var div = root_1$
|
|
12695
|
+
var div = root_1$6();
|
|
12683
12696
|
var span = child(div);
|
|
12684
12697
|
var node_1 = child(span);
|
|
12685
12698
|
html(node_1, () => get$1(icon).outerHTML);
|
|
@@ -13466,7 +13479,7 @@ function createAccountStatusGuard(config) {
|
|
|
13466
13479
|
notifyBarrier
|
|
13467
13480
|
};
|
|
13468
13481
|
}
|
|
13469
|
-
const INDIVIDUAL_PAYER = { "profileId": "INDIVIDUAL_PAYER", "config": { "maxReAuths": 3, "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_CONSUMER_ACCOUNT", "fields": { "first_name": { "required": "First Name is required", "
|
|
13482
|
+
const INDIVIDUAL_PAYER = { "profileId": "INDIVIDUAL_PAYER", "config": { "maxReAuths": 3, "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_CONSUMER_ACCOUNT", "fields": { "first_name": { "required": "First Name is required", "nameField": true }, "last_name": { "required": "Last Name is required", "nameField": 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, "metadata": { "payee_uuid": "{{businessUuid}}" }, "labels": { "prenoteInfoLabel": false, "prenotePendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." } } }, { "type": "CHECKOUT_CONFIRM", "config": { "labels": { "paymentTimingInfoLabel": "Payment is expected to be completed within 3–5 business days.", "paymentTimingPendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." }, "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_INDIVIDUAL_PAYER" }] } } }] };
|
|
13470
13483
|
const BUSINESS_PAYER = { "profileId": "BUSINESS_PAYER", "config": { "maxReAuths": 3, "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, "metadata": { "payee_uuid": "{{businessUuid}}" }, "labels": { "prenoteInfoLabel": "New bank accounts go through prenote verification. It can take up to 3-5 business days for the account to become ACTIVE and for payments to finish processing.", "prenotePendingInfoLabel": "This bank account is still in prenote verification (PENDING). It can take up to 3-5 business days before it becomes ACTIVE and payments are processed." } } }, { "type": "CHECKOUT_CONFIRM", "config": { "labels": { "paymentTimingInfoLabel": "If this is a newly added bank account, prenote verification can take up to 3-5 business days before the account becomes ACTIVE and the payment is fully processed.", "paymentTimingPendingInfoLabel": "This bank account is still in prenote verification (PENDING). It can take up to 3-5 business days before the account becomes ACTIVE and payment processing completes." }, "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_BUSINESS_PAYER" }] } } }] };
|
|
13471
13484
|
const PAYEE = { "profileId": "PAYEE", "config": { "maxReAuths": 3, "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": { "required": "Phone Number is required", "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", "prenotePendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." }, "requireRoutingAndAccountConfirmation": true } }] };
|
|
13472
13485
|
const recipesJson = {
|
|
@@ -13734,8 +13747,8 @@ const accountConfigs = {
|
|
|
13734
13747
|
stepType: "CREATE_CONSUMER_ACCOUNT",
|
|
13735
13748
|
formName: "CreateConsumerAccount",
|
|
13736
13749
|
fieldSchemas: {
|
|
13737
|
-
first_name: { required: "First Name is required",
|
|
13738
|
-
last_name: { required: "Last Name is required",
|
|
13750
|
+
first_name: { required: "First Name is required", nameField: true },
|
|
13751
|
+
last_name: { required: "Last Name is required", nameField: true },
|
|
13739
13752
|
email_address: { required: "Email Address is required", email: true },
|
|
13740
13753
|
phone_number: { phone: true },
|
|
13741
13754
|
date_of_birth: { date: true },
|
|
@@ -14033,16 +14046,82 @@ function resolveGroupLabel(groupKey, options) {
|
|
|
14033
14046
|
var _a2, _b, _c;
|
|
14034
14047
|
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;
|
|
14035
14048
|
}
|
|
14036
|
-
|
|
14037
|
-
|
|
14038
|
-
|
|
14039
|
-
|
|
14040
|
-
|
|
14041
|
-
|
|
14042
|
-
|
|
14043
|
-
|
|
14044
|
-
|
|
14045
|
-
|
|
14049
|
+
function subscribeToOnlineEvent(callback) {
|
|
14050
|
+
if (typeof window === "undefined") return () => {
|
|
14051
|
+
};
|
|
14052
|
+
window.addEventListener("online", callback);
|
|
14053
|
+
return () => window.removeEventListener("online", callback);
|
|
14054
|
+
}
|
|
14055
|
+
function createOfflineGuard(options) {
|
|
14056
|
+
let isOffline = /* @__PURE__ */ state(proxy(typeof navigator !== "undefined" ? !navigator.onLine : false));
|
|
14057
|
+
let reconnectInFlight = false;
|
|
14058
|
+
user_effect(() => {
|
|
14059
|
+
if (typeof window === "undefined") return;
|
|
14060
|
+
const handleOffline = () => {
|
|
14061
|
+
set(isOffline, true);
|
|
14062
|
+
};
|
|
14063
|
+
const unsubOnline = subscribeToOnlineEvent(async () => {
|
|
14064
|
+
set(isOffline, false);
|
|
14065
|
+
if (!(options == null ? void 0 : options.onReconnect) || reconnectInFlight) return;
|
|
14066
|
+
reconnectInFlight = true;
|
|
14067
|
+
try {
|
|
14068
|
+
await options.onReconnect();
|
|
14069
|
+
} finally {
|
|
14070
|
+
reconnectInFlight = false;
|
|
14071
|
+
}
|
|
14072
|
+
});
|
|
14073
|
+
window.addEventListener("offline", handleOffline);
|
|
14074
|
+
return () => {
|
|
14075
|
+
unsubOnline();
|
|
14076
|
+
window.removeEventListener("offline", handleOffline);
|
|
14077
|
+
};
|
|
14078
|
+
});
|
|
14079
|
+
return {
|
|
14080
|
+
get isOffline() {
|
|
14081
|
+
return get$1(isOffline);
|
|
14082
|
+
}
|
|
14083
|
+
};
|
|
14084
|
+
}
|
|
14085
|
+
var root$a = /* @__PURE__ */ from_html(`<div class="alviere-offline-overlay svelte-rt8o8k" role="status" aria-live="polite"><div class="alviere-offline-overlay__content svelte-rt8o8k"><span class="alviere-offline-overlay__icon svelte-rt8o8k" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="1" y1="1" x2="23" y2="23"></line><path d="M16.72 11.06A10.94 10.94 0 0 1 19 12.55"></path><path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39"></path><path d="M10.71 5.05A16 16 0 0 1 22.56 9"></path><path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line></svg></span> <p class="alviere-offline-overlay__message svelte-rt8o8k"> </p></div></div>`);
|
|
14086
|
+
const $$css$d = {
|
|
14087
|
+
hash: "svelte-rt8o8k",
|
|
14088
|
+
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-offline-overlay.svelte-rt8o8k {position:absolute;inset:0;background:rgba(255, 255, 255, 0.92);display:flex;align-items:center;justify-content:center;z-index:1001;backdrop-filter:blur(2px);}.alviere-offline-overlay__content.svelte-rt8o8k {display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center;padding:1.5rem;max-width:240px;}.alviere-offline-overlay__icon.svelte-rt8o8k {color:#a1a1aa;display:flex;}.alviere-offline-overlay__message.svelte-rt8o8k {font-size:1.125rem;color:#52525b;line-height:1.4;margin:0;}"
|
|
14089
|
+
};
|
|
14090
|
+
function OfflineOverlay($$anchor, $$props) {
|
|
14091
|
+
push($$props, true);
|
|
14092
|
+
append_styles$1($$anchor, $$css$d);
|
|
14093
|
+
let message = prop($$props, "message", 7, "You are currently offline. Check your connection.");
|
|
14094
|
+
var $$exports = {
|
|
14095
|
+
get message() {
|
|
14096
|
+
return message();
|
|
14097
|
+
},
|
|
14098
|
+
set message($$value = "You are currently offline. Check your connection.") {
|
|
14099
|
+
message($$value);
|
|
14100
|
+
flushSync();
|
|
14101
|
+
}
|
|
14102
|
+
};
|
|
14103
|
+
var div = root$a();
|
|
14104
|
+
var div_1 = child(div);
|
|
14105
|
+
var p = sibling(child(div_1), 2);
|
|
14106
|
+
var text2 = child(p, true);
|
|
14107
|
+
reset(p);
|
|
14108
|
+
reset(div_1);
|
|
14109
|
+
reset(div);
|
|
14110
|
+
template_effect(() => set_text(text2, message()));
|
|
14111
|
+
append($$anchor, div);
|
|
14112
|
+
return pop($$exports);
|
|
14113
|
+
}
|
|
14114
|
+
create_custom_element(OfflineOverlay, { message: {} }, [], [], true);
|
|
14115
|
+
var root_2$5 = /* @__PURE__ */ from_html(`<h2 class="svelte-oq2xej"> </h2>`);
|
|
14116
|
+
var root_3$7 = /* @__PURE__ */ from_html(`<div><alviere-spinner><span slot="message"><!></span></alviere-spinner></div>`, 2);
|
|
14117
|
+
var root_12$1 = /* @__PURE__ */ from_html(`<div class="pending-user-description svelte-oq2xej"><!></div>`);
|
|
14118
|
+
var root_15$2 = /* @__PURE__ */ from_html(`<div class="form-row svelte-oq2xej"></div>`);
|
|
14119
|
+
var root_13$2 = /* @__PURE__ */ from_html(`<div class="form-section svelte-oq2xej"><h3 class="svelte-oq2xej"> </h3> <!></div>`);
|
|
14120
|
+
var root_27 = /* @__PURE__ */ from_html(`<span class="validation-info svelte-oq2xej"> </span>`);
|
|
14121
|
+
var root_28$1 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-oq2xej"> </span>`);
|
|
14122
|
+
var root_30 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-oq2xej"> </span>`);
|
|
14123
|
+
var root_26$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
|
|
14124
|
+
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);
|
|
14046
14125
|
const $$css$c = {
|
|
14047
14126
|
hash: "svelte-oq2xej",
|
|
14048
14127
|
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;}.pending-user-description.svelte-oq2xej {margin-bottom:1rem;}.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;}`
|
|
@@ -14236,6 +14315,23 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14236
14315
|
return get$1(fieldConfigs)().find((f) => (f === null || f === void 0 ? void 0 : f.key) === fieldKey);
|
|
14237
14316
|
};
|
|
14238
14317
|
let statusGuard = null;
|
|
14318
|
+
let submissionNeedsRetry = false;
|
|
14319
|
+
let pendingPollAccountUuid = null;
|
|
14320
|
+
let returningUserCheckNeedsRetry = false;
|
|
14321
|
+
let returningUserAccountUuid = null;
|
|
14322
|
+
const offlineGuard = createOfflineGuard({
|
|
14323
|
+
onReconnect: async () => {
|
|
14324
|
+
if (returningUserCheckNeedsRetry && returningUserAccountUuid) {
|
|
14325
|
+
returningUserCheckNeedsRetry = false;
|
|
14326
|
+
await retryReturningUserCheck(returningUserAccountUuid);
|
|
14327
|
+
} else if (pendingPollAccountUuid) {
|
|
14328
|
+
await baseForm.actions.submit();
|
|
14329
|
+
} else if (submissionNeedsRetry) {
|
|
14330
|
+
submissionNeedsRetry = false;
|
|
14331
|
+
await baseForm.actions.submit();
|
|
14332
|
+
}
|
|
14333
|
+
}
|
|
14334
|
+
});
|
|
14239
14335
|
const ADDRESS_FIELD_KEYS2 = [
|
|
14240
14336
|
"line_1",
|
|
14241
14337
|
"line_2",
|
|
@@ -14359,6 +14455,38 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14359
14455
|
if (value === null || value === void 0 || value === "") return value;
|
|
14360
14456
|
return String(value).replace(/\D/g, "");
|
|
14361
14457
|
}
|
|
14458
|
+
const NAME_NON_DECOMPOSABLE = {
|
|
14459
|
+
ø: "o",
|
|
14460
|
+
Ø: "O",
|
|
14461
|
+
æ: "ae",
|
|
14462
|
+
Æ: "Ae",
|
|
14463
|
+
// title-case: Æsop → Aesop, not AEsop
|
|
14464
|
+
ß: "ss",
|
|
14465
|
+
"ẞ": "Ss",
|
|
14466
|
+
// title-case: ẞ is rare but follows same rule
|
|
14467
|
+
ð: "d",
|
|
14468
|
+
Ð: "D",
|
|
14469
|
+
þ: "th",
|
|
14470
|
+
Þ: "Th",
|
|
14471
|
+
// title-case: Þór → Thor, not THor
|
|
14472
|
+
ł: "l",
|
|
14473
|
+
Ł: "L",
|
|
14474
|
+
đ: "d",
|
|
14475
|
+
Đ: "D",
|
|
14476
|
+
ħ: "h",
|
|
14477
|
+
Ħ: "H",
|
|
14478
|
+
ŋ: "n",
|
|
14479
|
+
Ŋ: "N",
|
|
14480
|
+
ŧ: "t",
|
|
14481
|
+
Ŧ: "T"
|
|
14482
|
+
};
|
|
14483
|
+
function normalizeName(value) {
|
|
14484
|
+
if (!value) return value;
|
|
14485
|
+
return value.replace(/[øØæÆßẞðÐþÞłŁđĐħĦŋŊŧŦ]/g, (char) => {
|
|
14486
|
+
var _a3;
|
|
14487
|
+
return (_a3 = NAME_NON_DECOMPOSABLE[char]) !== null && _a3 !== void 0 ? _a3 : char;
|
|
14488
|
+
}).normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").normalize("NFC").replace(/[.,]/g, "").replace(/\s{2,}/g, " ");
|
|
14489
|
+
}
|
|
14362
14490
|
function normalizeFieldValue(fieldName, value) {
|
|
14363
14491
|
if (fieldName === "ein") {
|
|
14364
14492
|
return normalizeEinDigits(value);
|
|
@@ -14623,6 +14751,29 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14623
14751
|
}
|
|
14624
14752
|
baseForm.actions.setLoading(true);
|
|
14625
14753
|
const accountsService = baseForm.state.alviereCore.createAccountsService();
|
|
14754
|
+
if (pendingPollAccountUuid) {
|
|
14755
|
+
const resumeUuid = pendingPollAccountUuid;
|
|
14756
|
+
baseForm.actions.setPolling(true);
|
|
14757
|
+
try {
|
|
14758
|
+
const outcome = await statusGuard.pollAccountStatus(resumeUuid, { allowActionRequired: true });
|
|
14759
|
+
pendingPollAccountUuid = null;
|
|
14760
|
+
if (outcome.kind === "barrier") {
|
|
14761
|
+
statusGuard.notifyBarrier(resumeUuid, outcome.response.account.status);
|
|
14762
|
+
return outcome.response;
|
|
14763
|
+
}
|
|
14764
|
+
if (outcome.kind === "action_required") {
|
|
14765
|
+
handlePendingUserAction(outcome.response.account, outcome.statusReason, { emitSuccess: true });
|
|
14766
|
+
baseForm.actions.setPolling(false);
|
|
14767
|
+
baseForm.actions.setLoading(false);
|
|
14768
|
+
return outcome.response;
|
|
14769
|
+
}
|
|
14770
|
+
return outcome.response;
|
|
14771
|
+
} catch (pollError) {
|
|
14772
|
+
baseForm.actions.setPolling(false);
|
|
14773
|
+
baseForm.actions.setLoading(false);
|
|
14774
|
+
throw pollError;
|
|
14775
|
+
}
|
|
14776
|
+
}
|
|
14626
14777
|
uiLogger.info("Account to UPDATE", get$1(accountToUpdate));
|
|
14627
14778
|
try {
|
|
14628
14779
|
if (get$1(accountToUpdate) === null || get$1(accountToUpdate) === void 0 ? void 0 : get$1(accountToUpdate).account_uuid) {
|
|
@@ -14714,6 +14865,11 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14714
14865
|
if (get$1(isBusinessAccount) && "nature_of_business" in accountInfo) {
|
|
14715
14866
|
accountInfo.nature_of_business = coerceNatureOfBusiness(accountInfo.nature_of_business);
|
|
14716
14867
|
}
|
|
14868
|
+
if (!get$1(isBusinessAccount)) {
|
|
14869
|
+
const info = accountInfo;
|
|
14870
|
+
if (info.first_name) info.first_name = normalizeName(info.first_name);
|
|
14871
|
+
if (info.last_name) info.last_name = normalizeName(info.last_name);
|
|
14872
|
+
}
|
|
14717
14873
|
const accountRequest = {
|
|
14718
14874
|
external_id: formData.externalId || `${get$1(accountType)}-${Date.now()}`,
|
|
14719
14875
|
information: { [`${get$1(accountType)}_information`]: accountInfo },
|
|
@@ -14749,9 +14905,11 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14749
14905
|
if (statusKind === "allowed" || !shouldPoll || !response.account.account_uuid) {
|
|
14750
14906
|
return response;
|
|
14751
14907
|
}
|
|
14908
|
+
pendingPollAccountUuid = response.account.account_uuid;
|
|
14752
14909
|
baseForm.actions.setPolling(true);
|
|
14753
14910
|
try {
|
|
14754
14911
|
const outcome = await statusGuard.pollAccountStatus(response.account.account_uuid, { allowActionRequired: true });
|
|
14912
|
+
pendingPollAccountUuid = null;
|
|
14755
14913
|
if (outcome.kind === "barrier") {
|
|
14756
14914
|
baseForm.actions.setPolling(false);
|
|
14757
14915
|
baseForm.actions.setLoading(false);
|
|
@@ -14772,6 +14930,13 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14772
14930
|
} catch (error) {
|
|
14773
14931
|
baseForm.actions.setPolling(false);
|
|
14774
14932
|
baseForm.actions.setLoading(false);
|
|
14933
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
14934
|
+
if (!pendingPollAccountUuid) {
|
|
14935
|
+
submissionNeedsRetry = true;
|
|
14936
|
+
}
|
|
14937
|
+
uiLogger.warn("📵 Account operation failed — device is offline. Will retry on reconnect.");
|
|
14938
|
+
throw error;
|
|
14939
|
+
}
|
|
14775
14940
|
if (error instanceof AlcoreApiError) {
|
|
14776
14941
|
if (error.isErrorCode(AlcoreErrorCodes.INVALID_JWT)) {
|
|
14777
14942
|
uiLogger.info("🔍 Error creating account:", "Invalid JWT");
|
|
@@ -14888,6 +15053,74 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14888
15053
|
return baseForm.state.validationErrors[fieldKey] || get$1(alertFields)[fieldKey] || "";
|
|
14889
15054
|
};
|
|
14890
15055
|
let hostElement = /* @__PURE__ */ state(null);
|
|
15056
|
+
async function retryReturningUserCheck(accountUuid) {
|
|
15057
|
+
try {
|
|
15058
|
+
const account = await checkIfAccountExistsAndIsActive(accountUuid);
|
|
15059
|
+
if (account) {
|
|
15060
|
+
uiLogger.info("✅ Returning-user retry succeeded — account active:", account);
|
|
15061
|
+
set(shouldSkipExistingAccount, true);
|
|
15062
|
+
set(isSkippingStep, true);
|
|
15063
|
+
setTimeout(
|
|
15064
|
+
() => {
|
|
15065
|
+
if (get$1(hostElement)) {
|
|
15066
|
+
const accountEvent = new CustomEvent(ComponentEvents.ACCOUNT, {
|
|
15067
|
+
detail: {
|
|
15068
|
+
account_uuid: account.account.account_uuid,
|
|
15069
|
+
status: account.account.status,
|
|
15070
|
+
account_status: account.account.status,
|
|
15071
|
+
skipped: true
|
|
15072
|
+
},
|
|
15073
|
+
bubbles: true,
|
|
15074
|
+
composed: true
|
|
15075
|
+
});
|
|
15076
|
+
get$1(hostElement).dispatchEvent(accountEvent);
|
|
15077
|
+
const customEvent = new CustomEvent(ComponentEvents.FORM_SUCCESS, {
|
|
15078
|
+
detail: {
|
|
15079
|
+
account_uuid: account.account.account_uuid,
|
|
15080
|
+
stepType: get$1(stepType),
|
|
15081
|
+
stepIndex: isInFlow() ? 0 : void 0,
|
|
15082
|
+
success: true,
|
|
15083
|
+
skipped: true
|
|
15084
|
+
},
|
|
15085
|
+
bubbles: true,
|
|
15086
|
+
composed: true
|
|
15087
|
+
});
|
|
15088
|
+
get$1(hostElement).dispatchEvent(customEvent);
|
|
15089
|
+
}
|
|
15090
|
+
},
|
|
15091
|
+
100
|
|
15092
|
+
);
|
|
15093
|
+
return;
|
|
15094
|
+
}
|
|
15095
|
+
set(isCheckingAccount, false);
|
|
15096
|
+
} catch (error) {
|
|
15097
|
+
if (error instanceof AlcoreApiError && error.isErrorCode(AlcoreErrorCodes.ACCOUNT_STATUS_NOT_ACTIVE)) {
|
|
15098
|
+
uiLogger.error("❌ Critical error on retry: Account exists but is not active");
|
|
15099
|
+
if (get$1(hostElement)) {
|
|
15100
|
+
const errorEvent = new CustomEvent(ComponentEvents.FORM_ERROR, {
|
|
15101
|
+
detail: {
|
|
15102
|
+
error,
|
|
15103
|
+
stepType: get$1(stepType),
|
|
15104
|
+
stepIndex: isInFlow() ? 0 : void 0
|
|
15105
|
+
},
|
|
15106
|
+
bubbles: true,
|
|
15107
|
+
composed: true
|
|
15108
|
+
});
|
|
15109
|
+
get$1(hostElement).dispatchEvent(errorEvent);
|
|
15110
|
+
}
|
|
15111
|
+
return;
|
|
15112
|
+
}
|
|
15113
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
15114
|
+
uiLogger.warn("⚠️ Returning-user retry failed again (still offline):", error);
|
|
15115
|
+
returningUserCheckNeedsRetry = true;
|
|
15116
|
+
returningUserAccountUuid = accountUuid;
|
|
15117
|
+
} else {
|
|
15118
|
+
uiLogger.warn("⚠️ Returning-user retry failed (non-offline error) — showing form:", error);
|
|
15119
|
+
returningUserAccountUuid = null;
|
|
15120
|
+
set(isCheckingAccount, false);
|
|
15121
|
+
}
|
|
15122
|
+
}
|
|
15123
|
+
}
|
|
14891
15124
|
onMount(async () => {
|
|
14892
15125
|
var _a3, _b2;
|
|
14893
15126
|
set(isCheckingAccount, true);
|
|
@@ -14954,6 +15187,12 @@ function CreateAccount($$anchor, $$props) {
|
|
|
14954
15187
|
}
|
|
14955
15188
|
return;
|
|
14956
15189
|
}
|
|
15190
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
15191
|
+
uiLogger.warn("📵 Returning-user fetch failed while offline — will retry on reconnect:", accountUuidFromJWT);
|
|
15192
|
+
returningUserCheckNeedsRetry = true;
|
|
15193
|
+
returningUserAccountUuid = accountUuidFromJWT;
|
|
15194
|
+
return;
|
|
15195
|
+
}
|
|
14957
15196
|
uiLogger.warn("⚠️ Failed to fetch existing account, will show form:", error);
|
|
14958
15197
|
}
|
|
14959
15198
|
}
|
|
@@ -15157,7 +15396,16 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15157
15396
|
var node = child(div);
|
|
15158
15397
|
{
|
|
15159
15398
|
var consequent = ($$anchor2) => {
|
|
15160
|
-
|
|
15399
|
+
OfflineOverlay($$anchor2, {});
|
|
15400
|
+
};
|
|
15401
|
+
if_block(node, ($$render) => {
|
|
15402
|
+
if (offlineGuard.isOffline && !isInFlow()) $$render(consequent);
|
|
15403
|
+
});
|
|
15404
|
+
}
|
|
15405
|
+
var node_1 = sibling(node, 2);
|
|
15406
|
+
{
|
|
15407
|
+
var consequent_1 = ($$anchor2) => {
|
|
15408
|
+
var h2 = root_2$5();
|
|
15161
15409
|
var text2 = child(h2, true);
|
|
15162
15410
|
reset(h2);
|
|
15163
15411
|
template_effect(($0) => set_text(text2, $0), [
|
|
@@ -15165,22 +15413,22 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15165
15413
|
]);
|
|
15166
15414
|
append($$anchor2, h2);
|
|
15167
15415
|
};
|
|
15168
|
-
if_block(
|
|
15169
|
-
if (!isInFlow() && !get$1(isAutoSubmitting) && !get$1(isCheckingAccount) && !get$1(isSkippingStep)) $$render(
|
|
15416
|
+
if_block(node_1, ($$render) => {
|
|
15417
|
+
if (!isInFlow() && !get$1(isAutoSubmitting) && !get$1(isCheckingAccount) && !get$1(isSkippingStep)) $$render(consequent_1);
|
|
15170
15418
|
});
|
|
15171
15419
|
}
|
|
15172
|
-
var
|
|
15420
|
+
var node_2 = sibling(node_1, 2);
|
|
15173
15421
|
{
|
|
15174
|
-
var
|
|
15175
|
-
var div_1 =
|
|
15422
|
+
var consequent_6 = ($$anchor2) => {
|
|
15423
|
+
var div_1 = root_3$7();
|
|
15176
15424
|
let classes;
|
|
15177
15425
|
var alviere_spinner = child(div_1);
|
|
15178
15426
|
set_custom_element_data(alviere_spinner, "size", "lg");
|
|
15179
15427
|
set_custom_element_data(alviere_spinner, "variant", "circular");
|
|
15180
15428
|
var span = child(alviere_spinner);
|
|
15181
|
-
var
|
|
15429
|
+
var node_3 = child(span);
|
|
15182
15430
|
{
|
|
15183
|
-
var
|
|
15431
|
+
var consequent_2 = ($$anchor3) => {
|
|
15184
15432
|
var text_1 = text();
|
|
15185
15433
|
template_effect(($0) => set_text(text_1, $0), [
|
|
15186
15434
|
() => getLabel("accountVerifiedProceedingLabel", "Account verified, proceeding...")
|
|
@@ -15188,10 +15436,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15188
15436
|
append($$anchor3, text_1);
|
|
15189
15437
|
};
|
|
15190
15438
|
var alternate_3 = ($$anchor3) => {
|
|
15191
|
-
var
|
|
15192
|
-
var
|
|
15439
|
+
var fragment_2 = comment();
|
|
15440
|
+
var node_4 = first_child(fragment_2);
|
|
15193
15441
|
{
|
|
15194
|
-
var
|
|
15442
|
+
var consequent_3 = ($$anchor4) => {
|
|
15195
15443
|
var text_2 = text();
|
|
15196
15444
|
template_effect(($0) => set_text(text_2, $0), [
|
|
15197
15445
|
() => getLabel("checkingAccountStatusLabel", "Checking account status...")
|
|
@@ -15199,10 +15447,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15199
15447
|
append($$anchor4, text_2);
|
|
15200
15448
|
};
|
|
15201
15449
|
var alternate_2 = ($$anchor4) => {
|
|
15202
|
-
var
|
|
15203
|
-
var
|
|
15450
|
+
var fragment_4 = comment();
|
|
15451
|
+
var node_5 = first_child(fragment_4);
|
|
15204
15452
|
{
|
|
15205
|
-
var
|
|
15453
|
+
var consequent_4 = ($$anchor5) => {
|
|
15206
15454
|
var text_3 = text();
|
|
15207
15455
|
template_effect(($0) => set_text(text_3, $0), [
|
|
15208
15456
|
() => getLabel("validatingAccountLabel", "Your account is being validated...")
|
|
@@ -15210,10 +15458,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15210
15458
|
append($$anchor5, text_3);
|
|
15211
15459
|
};
|
|
15212
15460
|
var alternate_1 = ($$anchor5) => {
|
|
15213
|
-
var
|
|
15214
|
-
var
|
|
15461
|
+
var fragment_6 = comment();
|
|
15462
|
+
var node_6 = first_child(fragment_6);
|
|
15215
15463
|
{
|
|
15216
|
-
var
|
|
15464
|
+
var consequent_5 = ($$anchor6) => {
|
|
15217
15465
|
var text_4 = text();
|
|
15218
15466
|
template_effect(($0) => set_text(text_4, $0), [
|
|
15219
15467
|
() => getLabel("waitingForAccountActivationLabel", "Waiting for account activation...")
|
|
@@ -15228,40 +15476,40 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15228
15476
|
append($$anchor6, text_5);
|
|
15229
15477
|
};
|
|
15230
15478
|
if_block(
|
|
15231
|
-
|
|
15479
|
+
node_6,
|
|
15232
15480
|
($$render) => {
|
|
15233
|
-
if (baseForm.state.isPolling) $$render(
|
|
15481
|
+
if (baseForm.state.isPolling) $$render(consequent_5);
|
|
15234
15482
|
else $$render(alternate, false);
|
|
15235
15483
|
},
|
|
15236
15484
|
true
|
|
15237
15485
|
);
|
|
15238
15486
|
}
|
|
15239
|
-
append($$anchor5,
|
|
15487
|
+
append($$anchor5, fragment_6);
|
|
15240
15488
|
};
|
|
15241
15489
|
if_block(
|
|
15242
|
-
|
|
15490
|
+
node_5,
|
|
15243
15491
|
($$render) => {
|
|
15244
|
-
if (get$1(isAutoSubmitting)) $$render(
|
|
15492
|
+
if (get$1(isAutoSubmitting)) $$render(consequent_4);
|
|
15245
15493
|
else $$render(alternate_1, false);
|
|
15246
15494
|
},
|
|
15247
15495
|
true
|
|
15248
15496
|
);
|
|
15249
15497
|
}
|
|
15250
|
-
append($$anchor4,
|
|
15498
|
+
append($$anchor4, fragment_4);
|
|
15251
15499
|
};
|
|
15252
15500
|
if_block(
|
|
15253
|
-
|
|
15501
|
+
node_4,
|
|
15254
15502
|
($$render) => {
|
|
15255
|
-
if (get$1(isCheckingAccount)) $$render(
|
|
15503
|
+
if (get$1(isCheckingAccount)) $$render(consequent_3);
|
|
15256
15504
|
else $$render(alternate_2, false);
|
|
15257
15505
|
},
|
|
15258
15506
|
true
|
|
15259
15507
|
);
|
|
15260
15508
|
}
|
|
15261
|
-
append($$anchor3,
|
|
15509
|
+
append($$anchor3, fragment_2);
|
|
15262
15510
|
};
|
|
15263
|
-
if_block(
|
|
15264
|
-
if (get$1(isSkippingStep)) $$render(
|
|
15511
|
+
if_block(node_3, ($$render) => {
|
|
15512
|
+
if (get$1(isSkippingStep)) $$render(consequent_2);
|
|
15265
15513
|
else $$render(alternate_3, false);
|
|
15266
15514
|
});
|
|
15267
15515
|
}
|
|
@@ -15275,18 +15523,18 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15275
15523
|
transition(2, div_1, () => fade, () => ({ duration: 200 }));
|
|
15276
15524
|
append($$anchor2, div_1);
|
|
15277
15525
|
};
|
|
15278
|
-
if_block(
|
|
15279
|
-
if (get$1(isFormBusy)) $$render(
|
|
15526
|
+
if_block(node_2, ($$render) => {
|
|
15527
|
+
if (get$1(isFormBusy)) $$render(consequent_6);
|
|
15280
15528
|
});
|
|
15281
15529
|
}
|
|
15282
|
-
var form = sibling(
|
|
15530
|
+
var form = sibling(node_2, 2);
|
|
15283
15531
|
let styles;
|
|
15284
|
-
var
|
|
15532
|
+
var node_7 = child(form);
|
|
15285
15533
|
{
|
|
15286
|
-
var
|
|
15287
|
-
var div_2 =
|
|
15288
|
-
var
|
|
15289
|
-
Callout(
|
|
15534
|
+
var consequent_7 = ($$anchor2) => {
|
|
15535
|
+
var div_2 = root_12$1();
|
|
15536
|
+
var node_8 = child(div_2);
|
|
15537
|
+
Callout(node_8, {
|
|
15290
15538
|
variant: "warning",
|
|
15291
15539
|
get message() {
|
|
15292
15540
|
return get$1(pendingUserDescription);
|
|
@@ -15295,28 +15543,28 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15295
15543
|
reset(div_2);
|
|
15296
15544
|
append($$anchor2, div_2);
|
|
15297
15545
|
};
|
|
15298
|
-
if_block(
|
|
15299
|
-
if (get$1(pendingUserDescription) && !get$1(isFormBusy)) $$render(
|
|
15546
|
+
if_block(node_7, ($$render) => {
|
|
15547
|
+
if (get$1(pendingUserDescription) && !get$1(isFormBusy)) $$render(consequent_7);
|
|
15300
15548
|
});
|
|
15301
15549
|
}
|
|
15302
|
-
var
|
|
15303
|
-
each(
|
|
15304
|
-
var div_3 =
|
|
15550
|
+
var node_9 = sibling(node_7, 2);
|
|
15551
|
+
each(node_9, 17, () => get$1(fieldGroups)(), index, ($$anchor2, group) => {
|
|
15552
|
+
var div_3 = root_13$2();
|
|
15305
15553
|
var h3 = child(div_3);
|
|
15306
15554
|
var text_6 = child(h3, true);
|
|
15307
15555
|
reset(h3);
|
|
15308
|
-
var
|
|
15556
|
+
var node_10 = sibling(h3, 2);
|
|
15309
15557
|
{
|
|
15310
|
-
var
|
|
15311
|
-
var
|
|
15312
|
-
var
|
|
15313
|
-
each(
|
|
15314
|
-
var div_4 =
|
|
15558
|
+
var consequent_13 = ($$anchor3) => {
|
|
15559
|
+
var fragment_9 = comment();
|
|
15560
|
+
var node_11 = first_child(fragment_9);
|
|
15561
|
+
each(node_11, 17, () => get$1(group).rows, index, ($$anchor4, row) => {
|
|
15562
|
+
var div_4 = root_15$2();
|
|
15315
15563
|
each(div_4, 21, () => get$1(row).fields, index, ($$anchor5, fieldKey) => {
|
|
15316
|
-
var
|
|
15317
|
-
var
|
|
15564
|
+
var fragment_10 = comment();
|
|
15565
|
+
var node_12 = first_child(fragment_10);
|
|
15318
15566
|
{
|
|
15319
|
-
var
|
|
15567
|
+
var consequent_8 = ($$anchor6) => {
|
|
15320
15568
|
{
|
|
15321
15569
|
let $0 = /* @__PURE__ */ user_derived(() => {
|
|
15322
15570
|
var _a3;
|
|
@@ -15401,10 +15649,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15401
15649
|
}
|
|
15402
15650
|
};
|
|
15403
15651
|
var alternate_7 = ($$anchor6) => {
|
|
15404
|
-
var
|
|
15405
|
-
var
|
|
15652
|
+
var fragment_12 = comment();
|
|
15653
|
+
var node_13 = first_child(fragment_12);
|
|
15406
15654
|
{
|
|
15407
|
-
var
|
|
15655
|
+
var consequent_9 = ($$anchor7) => {
|
|
15408
15656
|
{
|
|
15409
15657
|
let $0 = /* @__PURE__ */ user_derived(() => {
|
|
15410
15658
|
var _a3;
|
|
@@ -15489,10 +15737,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15489
15737
|
}
|
|
15490
15738
|
};
|
|
15491
15739
|
var alternate_6 = ($$anchor7) => {
|
|
15492
|
-
var
|
|
15493
|
-
var
|
|
15740
|
+
var fragment_14 = comment();
|
|
15741
|
+
var node_14 = first_child(fragment_14);
|
|
15494
15742
|
{
|
|
15495
|
-
var
|
|
15743
|
+
var consequent_10 = ($$anchor8) => {
|
|
15496
15744
|
{
|
|
15497
15745
|
let $0 = /* @__PURE__ */ user_derived(() => {
|
|
15498
15746
|
var _a3;
|
|
@@ -15577,10 +15825,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15577
15825
|
}
|
|
15578
15826
|
};
|
|
15579
15827
|
var alternate_5 = ($$anchor8) => {
|
|
15580
|
-
var
|
|
15581
|
-
var
|
|
15828
|
+
var fragment_16 = comment();
|
|
15829
|
+
var node_15 = first_child(fragment_16);
|
|
15582
15830
|
{
|
|
15583
|
-
var
|
|
15831
|
+
var consequent_11 = ($$anchor9) => {
|
|
15584
15832
|
{
|
|
15585
15833
|
let $0 = /* @__PURE__ */ user_derived(() => {
|
|
15586
15834
|
var _a3;
|
|
@@ -15658,10 +15906,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15658
15906
|
}
|
|
15659
15907
|
};
|
|
15660
15908
|
var alternate_4 = ($$anchor9) => {
|
|
15661
|
-
var
|
|
15662
|
-
var
|
|
15909
|
+
var fragment_18 = comment();
|
|
15910
|
+
var node_16 = first_child(fragment_18);
|
|
15663
15911
|
{
|
|
15664
|
-
var
|
|
15912
|
+
var consequent_12 = ($$anchor10) => {
|
|
15665
15913
|
{
|
|
15666
15914
|
let $0 = /* @__PURE__ */ user_derived(() => {
|
|
15667
15915
|
var _a3;
|
|
@@ -15732,96 +15980,96 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15732
15980
|
}
|
|
15733
15981
|
};
|
|
15734
15982
|
if_block(
|
|
15735
|
-
|
|
15983
|
+
node_16,
|
|
15736
15984
|
($$render) => {
|
|
15737
15985
|
var _a3;
|
|
15738
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "dob") $$render(
|
|
15986
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "dob") $$render(consequent_12);
|
|
15739
15987
|
},
|
|
15740
15988
|
true
|
|
15741
15989
|
);
|
|
15742
15990
|
}
|
|
15743
|
-
append($$anchor9,
|
|
15991
|
+
append($$anchor9, fragment_18);
|
|
15744
15992
|
};
|
|
15745
15993
|
if_block(
|
|
15746
|
-
|
|
15994
|
+
node_15,
|
|
15747
15995
|
($$render) => {
|
|
15748
15996
|
var _a3;
|
|
15749
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "phone") $$render(
|
|
15997
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "phone") $$render(consequent_11);
|
|
15750
15998
|
else $$render(alternate_4, false);
|
|
15751
15999
|
},
|
|
15752
16000
|
true
|
|
15753
16001
|
);
|
|
15754
16002
|
}
|
|
15755
|
-
append($$anchor8,
|
|
16003
|
+
append($$anchor8, fragment_16);
|
|
15756
16004
|
};
|
|
15757
16005
|
if_block(
|
|
15758
|
-
|
|
16006
|
+
node_14,
|
|
15759
16007
|
($$render) => {
|
|
15760
16008
|
var _a3;
|
|
15761
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "select") $$render(
|
|
16009
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "select") $$render(consequent_10);
|
|
15762
16010
|
else $$render(alternate_5, false);
|
|
15763
16011
|
},
|
|
15764
16012
|
true
|
|
15765
16013
|
);
|
|
15766
16014
|
}
|
|
15767
|
-
append($$anchor7,
|
|
16015
|
+
append($$anchor7, fragment_14);
|
|
15768
16016
|
};
|
|
15769
16017
|
if_block(
|
|
15770
|
-
|
|
16018
|
+
node_13,
|
|
15771
16019
|
($$render) => {
|
|
15772
16020
|
var _a3;
|
|
15773
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "text") $$render(
|
|
16021
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "text") $$render(consequent_9);
|
|
15774
16022
|
else $$render(alternate_6, false);
|
|
15775
16023
|
},
|
|
15776
16024
|
true
|
|
15777
16025
|
);
|
|
15778
16026
|
}
|
|
15779
|
-
append($$anchor6,
|
|
16027
|
+
append($$anchor6, fragment_12);
|
|
15780
16028
|
};
|
|
15781
|
-
if_block(
|
|
16029
|
+
if_block(node_12, ($$render) => {
|
|
15782
16030
|
var _a3;
|
|
15783
|
-
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "ein") $$render(
|
|
16031
|
+
if (((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.component) === "ein") $$render(consequent_8);
|
|
15784
16032
|
else $$render(alternate_7, false);
|
|
15785
16033
|
});
|
|
15786
16034
|
}
|
|
15787
|
-
append($$anchor5,
|
|
16035
|
+
append($$anchor5, fragment_10);
|
|
15788
16036
|
});
|
|
15789
16037
|
reset(div_4);
|
|
15790
16038
|
append($$anchor4, div_4);
|
|
15791
16039
|
});
|
|
15792
|
-
append($$anchor3,
|
|
16040
|
+
append($$anchor3, fragment_9);
|
|
15793
16041
|
};
|
|
15794
|
-
if_block(
|
|
15795
|
-
if (get$1(group).rows) $$render(
|
|
16042
|
+
if_block(node_10, ($$render) => {
|
|
16043
|
+
if (get$1(group).rows) $$render(consequent_13);
|
|
15796
16044
|
});
|
|
15797
16045
|
}
|
|
15798
16046
|
reset(div_3);
|
|
15799
16047
|
template_effect(() => set_text(text_6, get$1(group).label));
|
|
15800
16048
|
append($$anchor2, div_3);
|
|
15801
16049
|
});
|
|
15802
|
-
var div_5 = sibling(
|
|
16050
|
+
var div_5 = sibling(node_9, 2);
|
|
15803
16051
|
var div_6 = child(div_5);
|
|
15804
|
-
var
|
|
16052
|
+
var node_17 = child(div_6);
|
|
15805
16053
|
{
|
|
15806
|
-
var
|
|
15807
|
-
var
|
|
15808
|
-
var
|
|
16054
|
+
var consequent_17 = ($$anchor2) => {
|
|
16055
|
+
var fragment_20 = root_26$1();
|
|
16056
|
+
var node_18 = first_child(fragment_20);
|
|
15809
16057
|
{
|
|
15810
|
-
var
|
|
15811
|
-
var span_1 =
|
|
16058
|
+
var consequent_14 = ($$anchor3) => {
|
|
16059
|
+
var span_1 = root_27();
|
|
15812
16060
|
var text_7 = child(span_1, true);
|
|
15813
16061
|
reset(span_1);
|
|
15814
16062
|
template_effect(() => set_text(text_7, get$1(pendingUserMessage)));
|
|
15815
16063
|
append($$anchor3, span_1);
|
|
15816
16064
|
};
|
|
15817
|
-
if_block(
|
|
15818
|
-
if (get$1(pendingUserMessage)) $$render(
|
|
16065
|
+
if_block(node_18, ($$render) => {
|
|
16066
|
+
if (get$1(pendingUserMessage)) $$render(consequent_14);
|
|
15819
16067
|
});
|
|
15820
16068
|
}
|
|
15821
|
-
var
|
|
16069
|
+
var node_19 = sibling(node_18, 2);
|
|
15822
16070
|
{
|
|
15823
|
-
var
|
|
15824
|
-
var span_2 =
|
|
16071
|
+
var consequent_15 = ($$anchor3) => {
|
|
16072
|
+
var span_2 = root_28$1();
|
|
15825
16073
|
var text_8 = child(span_2, true);
|
|
15826
16074
|
reset(span_2);
|
|
15827
16075
|
template_effect(($0) => set_text(text_8, $0), [
|
|
@@ -15830,11 +16078,11 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15830
16078
|
append($$anchor3, span_2);
|
|
15831
16079
|
};
|
|
15832
16080
|
var alternate_8 = ($$anchor3) => {
|
|
15833
|
-
var
|
|
15834
|
-
var
|
|
16081
|
+
var fragment_21 = comment();
|
|
16082
|
+
var node_20 = first_child(fragment_21);
|
|
15835
16083
|
{
|
|
15836
|
-
var
|
|
15837
|
-
var span_3 =
|
|
16084
|
+
var consequent_16 = ($$anchor4) => {
|
|
16085
|
+
var span_3 = root_30();
|
|
15838
16086
|
var text_9 = child(span_3, true);
|
|
15839
16087
|
reset(span_3);
|
|
15840
16088
|
template_effect(($0) => set_text(text_9, $0), [
|
|
@@ -15843,24 +16091,24 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15843
16091
|
append($$anchor4, span_3);
|
|
15844
16092
|
};
|
|
15845
16093
|
if_block(
|
|
15846
|
-
|
|
16094
|
+
node_20,
|
|
15847
16095
|
($$render) => {
|
|
15848
|
-
if (!baseForm.computed.canSubmit) $$render(
|
|
16096
|
+
if (!baseForm.computed.canSubmit) $$render(consequent_16);
|
|
15849
16097
|
},
|
|
15850
16098
|
true
|
|
15851
16099
|
);
|
|
15852
16100
|
}
|
|
15853
|
-
append($$anchor3,
|
|
16101
|
+
append($$anchor3, fragment_21);
|
|
15854
16102
|
};
|
|
15855
|
-
if_block(
|
|
15856
|
-
if (baseForm.computed.hasErrors) $$render(
|
|
16103
|
+
if_block(node_19, ($$render) => {
|
|
16104
|
+
if (baseForm.computed.hasErrors) $$render(consequent_15);
|
|
15857
16105
|
else $$render(alternate_8, false);
|
|
15858
16106
|
});
|
|
15859
16107
|
}
|
|
15860
|
-
append($$anchor2,
|
|
16108
|
+
append($$anchor2, fragment_20);
|
|
15861
16109
|
};
|
|
15862
|
-
if_block(
|
|
15863
|
-
if (!get$1(isFormBusy)) $$render(
|
|
16110
|
+
if_block(node_17, ($$render) => {
|
|
16111
|
+
if (!get$1(isFormBusy)) $$render(consequent_17);
|
|
15864
16112
|
});
|
|
15865
16113
|
}
|
|
15866
16114
|
reset(div_6);
|
|
@@ -15870,9 +16118,9 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15870
16118
|
set_custom_element_data(alviere_button, "variant", "primary");
|
|
15871
16119
|
set_custom_element_data(alviere_button, "size", "md");
|
|
15872
16120
|
template_effect(() => set_custom_element_data(alviere_button, "handler", baseForm.handlers.handleSubmit));
|
|
15873
|
-
var
|
|
16121
|
+
var node_21 = child(alviere_button);
|
|
15874
16122
|
{
|
|
15875
|
-
var
|
|
16123
|
+
var consequent_18 = ($$anchor2) => {
|
|
15876
16124
|
var text_10 = text();
|
|
15877
16125
|
template_effect(($0) => set_text(text_10, $0), [
|
|
15878
16126
|
() => get$1(isUpdateMode) ? getLabel("updatingAccountLabel", `Updating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`) : getLabel("creatingAccountLabel", `Creating ${get$1(isBusinessAccount) ? "Business" : "Consumer"} Account...`)
|
|
@@ -15880,10 +16128,10 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15880
16128
|
append($$anchor2, text_10);
|
|
15881
16129
|
};
|
|
15882
16130
|
var alternate_10 = ($$anchor2) => {
|
|
15883
|
-
var
|
|
15884
|
-
var
|
|
16131
|
+
var fragment_23 = comment();
|
|
16132
|
+
var node_22 = first_child(fragment_23);
|
|
15885
16133
|
{
|
|
15886
|
-
var
|
|
16134
|
+
var consequent_19 = ($$anchor3) => {
|
|
15887
16135
|
var text_11 = text();
|
|
15888
16136
|
template_effect(($0) => set_text(text_11, $0), [
|
|
15889
16137
|
() => getLabel("waitingForAccountActivationLabel", "Waiting for account activation...")
|
|
@@ -15898,18 +16146,18 @@ function CreateAccount($$anchor, $$props) {
|
|
|
15898
16146
|
append($$anchor3, text_12);
|
|
15899
16147
|
};
|
|
15900
16148
|
if_block(
|
|
15901
|
-
|
|
16149
|
+
node_22,
|
|
15902
16150
|
($$render) => {
|
|
15903
|
-
if (baseForm.state.isPolling) $$render(
|
|
16151
|
+
if (baseForm.state.isPolling) $$render(consequent_19);
|
|
15904
16152
|
else $$render(alternate_9, false);
|
|
15905
16153
|
},
|
|
15906
16154
|
true
|
|
15907
16155
|
);
|
|
15908
16156
|
}
|
|
15909
|
-
append($$anchor2,
|
|
16157
|
+
append($$anchor2, fragment_23);
|
|
15910
16158
|
};
|
|
15911
|
-
if_block(
|
|
15912
|
-
if (baseForm.state.isLoading) $$render(
|
|
16159
|
+
if_block(node_21, ($$render) => {
|
|
16160
|
+
if (baseForm.state.isLoading) $$render(consequent_18);
|
|
15913
16161
|
else $$render(alternate_10, false);
|
|
15914
16162
|
});
|
|
15915
16163
|
}
|
|
@@ -16093,6 +16341,9 @@ function getErrorCode(error) {
|
|
|
16093
16341
|
return parsed.errorCode || parsed.error_code || parsed.code || ((_b = parsed.cause) == null ? void 0 : _b.errorCode) || ((_c = parsed.cause) == null ? void 0 : _c.error_code) || ((_d = parsed.cause) == null ? void 0 : _d.code) || ((_f = (_e = parsed.response) == null ? void 0 : _e.data) == null ? void 0 : _f.errorCode) || ((_h = (_g = parsed.response) == null ? void 0 : _g.data) == null ? void 0 : _h.error_code) || parsedMessageCode || void 0;
|
|
16094
16342
|
}
|
|
16095
16343
|
async function classifyApiError(error, jwtManager) {
|
|
16344
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
16345
|
+
return { kind: "offline" };
|
|
16346
|
+
}
|
|
16096
16347
|
const errorCode = getErrorCode(error);
|
|
16097
16348
|
if (errorCode === AlcoreErrorCodes.INVALID_JWT) {
|
|
16098
16349
|
if (jwtManager == null ? void 0 : jwtManager.canReAuth()) {
|
|
@@ -16166,30 +16417,30 @@ const flowRecipeStore = createFlowRecipeStore();
|
|
|
16166
16417
|
const resetFlowRecipe = flowRecipeStore.reset;
|
|
16167
16418
|
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';
|
|
16168
16419
|
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';
|
|
16169
|
-
var
|
|
16170
|
-
var
|
|
16171
|
-
var
|
|
16172
|
-
var
|
|
16173
|
-
var
|
|
16174
|
-
var
|
|
16175
|
-
var
|
|
16176
|
-
var
|
|
16177
|
-
var
|
|
16178
|
-
var
|
|
16179
|
-
var
|
|
16180
|
-
var
|
|
16181
|
-
var
|
|
16182
|
-
var
|
|
16183
|
-
var
|
|
16184
|
-
var
|
|
16185
|
-
var
|
|
16186
|
-
var
|
|
16187
|
-
var
|
|
16188
|
-
var
|
|
16189
|
-
var
|
|
16190
|
-
var
|
|
16191
|
-
var
|
|
16192
|
-
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);
|
|
16420
|
+
var root_2$4 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-t9z8bl"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
16421
|
+
var root_5$4 = /* @__PURE__ */ from_html(`<alviere-badge> </alviere-badge>`, 2);
|
|
16422
|
+
var root_7$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div>`);
|
|
16423
|
+
var root_8$3 = /* @__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>`);
|
|
16424
|
+
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> <!> <!>`, 1);
|
|
16425
|
+
var root_9$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>`);
|
|
16426
|
+
var root_4$5 = /* @__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);
|
|
16427
|
+
var root_10$2 = /* @__PURE__ */ from_html(`<div class="form-status svelte-t9z8bl"><span class="validation-error svelte-t9z8bl" role="alert"> </span></div>`);
|
|
16428
|
+
var root_11$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__notice svelte-t9z8bl"><!></div>`);
|
|
16429
|
+
var root_3$6 = /* @__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);
|
|
16430
|
+
var root_13$1 = /* @__PURE__ */ from_html(`<alviere-button><span class="alviere-add-bank-account__button__label"> </span></alviere-button>`, 2);
|
|
16431
|
+
var root_16$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>`);
|
|
16432
|
+
var root_17$1 = /* @__PURE__ */ from_html(`<alviere-spinner></alviere-spinner>`, 2);
|
|
16433
|
+
var root_15$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
|
|
16434
|
+
var root_18$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!></div>`);
|
|
16435
|
+
var root_19$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
|
|
16436
|
+
var root_21$1 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__form__row svelte-t9z8bl"><!> <!></div>`);
|
|
16437
|
+
var root_14$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);
|
|
16438
|
+
var root_24$1 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl" role="alert"> </span>`);
|
|
16439
|
+
var root_26 = /* @__PURE__ */ from_html(`<span class="validation-error svelte-t9z8bl"> </span>`);
|
|
16440
|
+
var root_28 = /* @__PURE__ */ from_html(`<span class="validation-hint svelte-t9z8bl"> </span>`);
|
|
16441
|
+
var root_29 = /* @__PURE__ */ from_html(`<div class="alviere-add-bank-account__notice svelte-t9z8bl"><!></div>`);
|
|
16442
|
+
var root_12 = /* @__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);
|
|
16443
|
+
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);
|
|
16193
16444
|
const $$css$b = {
|
|
16194
16445
|
hash: "svelte-t9z8bl",
|
|
16195
16446
|
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;}
|
|
@@ -16207,7 +16458,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16207
16458
|
var _a2;
|
|
16208
16459
|
var _b;
|
|
16209
16460
|
var _c;
|
|
16210
|
-
let jwt = prop($$props, "jwt", 7, ""), accountUuid = prop($$props, "accountUuid", 7, ""), businessUuid = prop($$props, "businessUuid", 7, ""), debug = prop($$props, "debug", 7, true), _profile = prop($$props, "profile", 15, ""), config = prop($$props, "config", 31, () => proxy({})), onsuccess = prop($$props, "onsuccess", 15), publicCertificate = prop($$props, "publicCertificate", 7, ""), publicCertificateId = prop($$props, "publicCertificateId", 7, ""), requireRoutingAndAccountConfirmationProp = prop($$props, "requireRoutingAndAccountConfirmation", 7, false);
|
|
16461
|
+
let jwt = prop($$props, "jwt", 7, ""), accountUuid = prop($$props, "accountUuid", 7, ""), businessUuid = prop($$props, "businessUuid", 7, ""), debug = prop($$props, "debug", 7, true), _profile = prop($$props, "profile", 15, ""), config = prop($$props, "config", 31, () => proxy({})), onsuccess = prop($$props, "onsuccess", 15), publicCertificate = prop($$props, "publicCertificate", 7, ""), publicCertificateId = prop($$props, "publicCertificateId", 7, ""), requireRoutingAndAccountConfirmationProp = prop($$props, "requireRoutingAndAccountConfirmation", 7, false), isInFlow = prop($$props, "isInFlow", 15, false);
|
|
16211
16462
|
const stepType = "ADD_BANK_ACCOUNT";
|
|
16212
16463
|
let prefillData = /* @__PURE__ */ state(proxy(config().formData));
|
|
16213
16464
|
let resolvedProfileData = /* @__PURE__ */ user_derived(() => () => {
|
|
@@ -16299,14 +16550,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16299
16550
|
},
|
|
16300
16551
|
ach_account_number: {
|
|
16301
16552
|
required: "Account number is required",
|
|
16302
|
-
|
|
16303
|
-
|
|
16304
|
-
|
|
16305
|
-
message: "Account number must be at least 3 digits"
|
|
16306
|
-
},
|
|
16307
|
-
maxLength: {
|
|
16308
|
-
value: 17,
|
|
16309
|
-
message: "Account number must be at most 17 digits"
|
|
16553
|
+
pattern: {
|
|
16554
|
+
regex: /^\d{3,17}$/,
|
|
16555
|
+
message: "Account number must be 3–17 digits"
|
|
16310
16556
|
}
|
|
16311
16557
|
}
|
|
16312
16558
|
};
|
|
@@ -16336,14 +16582,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16336
16582
|
},
|
|
16337
16583
|
confirm_account_number: {
|
|
16338
16584
|
required: "Please confirm your account number",
|
|
16339
|
-
|
|
16340
|
-
|
|
16341
|
-
|
|
16342
|
-
message: "Account number must be at least 3 digits"
|
|
16343
|
-
},
|
|
16344
|
-
maxLength: {
|
|
16345
|
-
value: 17,
|
|
16346
|
-
message: "Account number must be at most 17 digits"
|
|
16585
|
+
pattern: {
|
|
16586
|
+
regex: /^\d{3,17}$/,
|
|
16587
|
+
message: "Account number must be 3–17 digits"
|
|
16347
16588
|
}
|
|
16348
16589
|
}
|
|
16349
16590
|
}) : baseSchemas;
|
|
@@ -16364,6 +16605,50 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16364
16605
|
throw new Error("This should not be called - using custom handleAddBankAccount instead");
|
|
16365
16606
|
}
|
|
16366
16607
|
});
|
|
16608
|
+
let bankAccountCheckNeedsRetry = false;
|
|
16609
|
+
let pendingPrimaryUpdateUuid = null;
|
|
16610
|
+
let submissionWasPendingOffline = false;
|
|
16611
|
+
const offlineGuard = createOfflineGuard({
|
|
16612
|
+
onReconnect: async () => {
|
|
16613
|
+
if (pendingPrimaryUpdateUuid) {
|
|
16614
|
+
const uuid = pendingPrimaryUpdateUuid;
|
|
16615
|
+
pendingPrimaryUpdateUuid = null;
|
|
16616
|
+
await updateBankAccount(uuid);
|
|
16617
|
+
return;
|
|
16618
|
+
}
|
|
16619
|
+
if (submissionWasPendingOffline) {
|
|
16620
|
+
submissionWasPendingOffline = false;
|
|
16621
|
+
const prevCount = get$1(bankAccounts).bank_accounts.length;
|
|
16622
|
+
set(isCheckingBankAccounts, true);
|
|
16623
|
+
try {
|
|
16624
|
+
await checkForBankAccounts();
|
|
16625
|
+
if (get$1(bankAccounts).bank_accounts.length > prevCount) {
|
|
16626
|
+
baseForm.actions.reset();
|
|
16627
|
+
set(formError, null);
|
|
16628
|
+
set(showAddForm, false);
|
|
16629
|
+
uiLogger.info("✅ Bank account was created while offline — list updated.");
|
|
16630
|
+
} else {
|
|
16631
|
+
uiLogger.info("ℹ️ Bank account was not found after reconnect — form left open for retry.");
|
|
16632
|
+
}
|
|
16633
|
+
} catch (err) {
|
|
16634
|
+
set(isCheckingBankAccounts, false);
|
|
16635
|
+
uiLogger.warn("📵 Re-fetch after offline submission failed:", err);
|
|
16636
|
+
}
|
|
16637
|
+
return;
|
|
16638
|
+
}
|
|
16639
|
+
if (bankAccountCheckNeedsRetry) {
|
|
16640
|
+
bankAccountCheckNeedsRetry = false;
|
|
16641
|
+
set(isCheckingBankAccounts, true);
|
|
16642
|
+
try {
|
|
16643
|
+
await checkForBankAccounts();
|
|
16644
|
+
} catch (err) {
|
|
16645
|
+
set(isCheckingBankAccounts, false);
|
|
16646
|
+
bankAccountCheckNeedsRetry = true;
|
|
16647
|
+
uiLogger.warn("📵 Bank account retry after reconnect also failed:", err);
|
|
16648
|
+
}
|
|
16649
|
+
}
|
|
16650
|
+
}
|
|
16651
|
+
});
|
|
16367
16652
|
const defaultFieldLabels = {
|
|
16368
16653
|
ach_routing_number: "Routing Number",
|
|
16369
16654
|
ach_account_number: "Account Number",
|
|
@@ -16478,6 +16763,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16478
16763
|
baseForm.actions.clearFieldError("ach_routing_number");
|
|
16479
16764
|
} else if (result.kind === "critical") {
|
|
16480
16765
|
dispatchCriticalError(result.error, result.errorCode);
|
|
16766
|
+
} else if (result.kind === "offline") {
|
|
16767
|
+
uiLogger.warn("📵 Routing number lookup failed — device is offline");
|
|
16481
16768
|
} else {
|
|
16482
16769
|
baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
|
|
16483
16770
|
uiLogger.warn("Failed to lookup bank info:", error);
|
|
@@ -16498,7 +16785,13 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16498
16785
|
throw new Error("Missing required credentials");
|
|
16499
16786
|
}
|
|
16500
16787
|
baseForm.actions.setFieldValue("external_id", `bank_${Date.now()}_${Math.random().toString(36).substring(2, 8)}`);
|
|
16501
|
-
|
|
16788
|
+
try {
|
|
16789
|
+
await checkForBankAccounts();
|
|
16790
|
+
} catch (err) {
|
|
16791
|
+
set(isCheckingBankAccounts, false);
|
|
16792
|
+
bankAccountCheckNeedsRetry = true;
|
|
16793
|
+
uiLogger.warn("⚠️ Failed to load bank accounts on mount:", err);
|
|
16794
|
+
}
|
|
16502
16795
|
});
|
|
16503
16796
|
async function checkForBankAccounts() {
|
|
16504
16797
|
var _a3;
|
|
@@ -16550,10 +16843,20 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16550
16843
|
}
|
|
16551
16844
|
async function deleteBankAccount(uuid) {
|
|
16552
16845
|
set(isSubmitting, true);
|
|
16553
|
-
|
|
16554
|
-
|
|
16555
|
-
|
|
16556
|
-
|
|
16846
|
+
try {
|
|
16847
|
+
const paymentsService = baseForm.state.alviereCore.createPaymentsService();
|
|
16848
|
+
await paymentsService.processDeleteBankAccount(accountUuid(), uuid);
|
|
16849
|
+
await checkForBankAccounts();
|
|
16850
|
+
} catch (error) {
|
|
16851
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
16852
|
+
bankAccountCheckNeedsRetry = true;
|
|
16853
|
+
uiLogger.warn("📵 Bank account deletion failed — device is offline. Will re-fetch on reconnect.");
|
|
16854
|
+
} else {
|
|
16855
|
+
uiLogger.error("❌ Failed to delete bank account:", error);
|
|
16856
|
+
}
|
|
16857
|
+
} finally {
|
|
16858
|
+
set(isSubmitting, false);
|
|
16859
|
+
}
|
|
16557
16860
|
}
|
|
16558
16861
|
async function updateBankAccount(uuid) {
|
|
16559
16862
|
set(isSubmitting, true);
|
|
@@ -16563,9 +16866,14 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16563
16866
|
await paymentsService.processUpdateBankAccount(accountUuid(), uuid, { primary: true });
|
|
16564
16867
|
await checkForBankAccounts();
|
|
16565
16868
|
} catch (error) {
|
|
16566
|
-
|
|
16567
|
-
|
|
16568
|
-
|
|
16869
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
16870
|
+
pendingPrimaryUpdateUuid = uuid;
|
|
16871
|
+
uiLogger.warn("📵 Set-as-primary request failed — device is offline. Will retry on reconnect.");
|
|
16872
|
+
} else {
|
|
16873
|
+
const errorCode = getErrorCode(error);
|
|
16874
|
+
set(formError, getPrimaryBankAccountErrorMessage(error, errorCode), true);
|
|
16875
|
+
uiLogger.error("Failed to update primary bank account", { error, errorCode, uuid });
|
|
16876
|
+
}
|
|
16569
16877
|
} finally {
|
|
16570
16878
|
set(isSubmitting, false);
|
|
16571
16879
|
}
|
|
@@ -16693,6 +17001,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16693
17001
|
set(formError, "Your session has been refreshed. Please try again.");
|
|
16694
17002
|
} else if (result.kind === "critical") {
|
|
16695
17003
|
dispatchCriticalError(result.error, result.errorCode);
|
|
17004
|
+
} else if (result.kind === "offline") {
|
|
17005
|
+
submissionWasPendingOffline = true;
|
|
17006
|
+
uiLogger.warn("📵 Bank account submission failed — device is offline. Will verify on reconnect.");
|
|
16696
17007
|
} else {
|
|
16697
17008
|
set(formError, getAddBankAccountErrorMessage(result.errorCode), true);
|
|
16698
17009
|
}
|
|
@@ -16722,20 +17033,16 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16722
17033
|
return true;
|
|
16723
17034
|
}
|
|
16724
17035
|
function validateAccountConfirmation() {
|
|
16725
|
-
const
|
|
16726
|
-
const
|
|
16727
|
-
if (!
|
|
17036
|
+
const rawConfirmation = String(baseForm.state.formData.confirm_account_number || "");
|
|
17037
|
+
const rawOriginal = String(baseForm.state.formData.ach_details.account_number || baseForm.state.formData.ach_account_number || "");
|
|
17038
|
+
if (!rawConfirmation.trim()) {
|
|
16728
17039
|
return true;
|
|
16729
17040
|
}
|
|
16730
|
-
if (!/^\d
|
|
16731
|
-
baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "
|
|
17041
|
+
if (!/^\d{3,17}$/.test(rawConfirmation)) {
|
|
17042
|
+
baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "pattern", "Account number must be 3–17 digits"));
|
|
16732
17043
|
return false;
|
|
16733
17044
|
}
|
|
16734
|
-
if (
|
|
16735
|
-
baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "minLength", "Account number must be at least 3 digits"));
|
|
16736
|
-
return false;
|
|
16737
|
-
}
|
|
16738
|
-
if (!original || confirmation !== original) {
|
|
17045
|
+
if (!rawOriginal || rawConfirmation !== rawOriginal) {
|
|
16739
17046
|
baseForm.actions.setFieldError("confirm_account_number", getFieldErrorMessage("confirm_account_number", "match", "Account number confirmation does not match"));
|
|
16740
17047
|
return false;
|
|
16741
17048
|
}
|
|
@@ -16861,6 +17168,13 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16861
17168
|
set requireRoutingAndAccountConfirmation($$value = false) {
|
|
16862
17169
|
requireRoutingAndAccountConfirmationProp($$value);
|
|
16863
17170
|
flushSync();
|
|
17171
|
+
},
|
|
17172
|
+
get isInFlow() {
|
|
17173
|
+
return isInFlow();
|
|
17174
|
+
},
|
|
17175
|
+
set isInFlow($$value = false) {
|
|
17176
|
+
isInFlow($$value);
|
|
17177
|
+
flushSync();
|
|
16864
17178
|
}
|
|
16865
17179
|
};
|
|
16866
17180
|
var fragment = root$8();
|
|
@@ -16868,7 +17182,16 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16868
17182
|
var node = child(div);
|
|
16869
17183
|
{
|
|
16870
17184
|
var consequent = ($$anchor2) => {
|
|
16871
|
-
|
|
17185
|
+
OfflineOverlay($$anchor2, {});
|
|
17186
|
+
};
|
|
17187
|
+
if_block(node, ($$render) => {
|
|
17188
|
+
if (offlineGuard.isOffline && !isInFlow()) $$render(consequent);
|
|
17189
|
+
});
|
|
17190
|
+
}
|
|
17191
|
+
var node_1 = sibling(node, 2);
|
|
17192
|
+
{
|
|
17193
|
+
var consequent_1 = ($$anchor2) => {
|
|
17194
|
+
var div_1 = root_2$4();
|
|
16872
17195
|
var alviere_spinner = child(div_1);
|
|
16873
17196
|
set_custom_element_data(alviere_spinner, "size", "lg");
|
|
16874
17197
|
set_custom_element_data(alviere_spinner, "variant", "circular");
|
|
@@ -16877,14 +17200,14 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16877
17200
|
transition(2, div_1, () => fade, () => ({ duration: 200 }));
|
|
16878
17201
|
append($$anchor2, div_1);
|
|
16879
17202
|
};
|
|
16880
|
-
if_block(
|
|
16881
|
-
if (get$1(isFormBusy)) $$render(
|
|
17203
|
+
if_block(node_1, ($$render) => {
|
|
17204
|
+
if (get$1(isFormBusy)) $$render(consequent_1);
|
|
16882
17205
|
});
|
|
16883
17206
|
}
|
|
16884
|
-
var
|
|
17207
|
+
var node_2 = sibling(node_1, 2);
|
|
16885
17208
|
{
|
|
16886
|
-
var
|
|
16887
|
-
var div_2 =
|
|
17209
|
+
var consequent_9 = ($$anchor2) => {
|
|
17210
|
+
var div_2 = root_3$6();
|
|
16888
17211
|
var div_3 = child(div_2);
|
|
16889
17212
|
var h2 = child(div_3);
|
|
16890
17213
|
var text2 = child(h2);
|
|
@@ -16899,7 +17222,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16899
17222
|
var alviere_list = sibling(div_3, 2);
|
|
16900
17223
|
each(alviere_list, 21, () => get$1(bankAccounts).bank_accounts, index, ($$anchor3, bankAccount, index2) => {
|
|
16901
17224
|
const displayInfo = /* @__PURE__ */ user_derived(() => getBankAccountDisplayInfo(get$1(bankAccount)));
|
|
16902
|
-
var alviere_list_item =
|
|
17225
|
+
var alviere_list_item = root_4$5();
|
|
16903
17226
|
template_effect(() => set_custom_element_data(alviere_list_item, "selectable", {
|
|
16904
17227
|
group: get$1(selectedBankAccountUuid),
|
|
16905
17228
|
name: "bankAccount",
|
|
@@ -16921,10 +17244,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16921
17244
|
reset(span);
|
|
16922
17245
|
reset(div_5);
|
|
16923
17246
|
var div_6 = sibling(div_5, 2);
|
|
16924
|
-
var
|
|
17247
|
+
var node_3 = child(div_6);
|
|
16925
17248
|
{
|
|
16926
|
-
var
|
|
16927
|
-
var alviere_badge_1 =
|
|
17249
|
+
var consequent_2 = ($$anchor4) => {
|
|
17250
|
+
var alviere_badge_1 = root_5$4();
|
|
16928
17251
|
set_custom_element_data(alviere_badge_1, "size", "sm");
|
|
16929
17252
|
set_custom_element_data(alviere_badge_1, "variant", "warning");
|
|
16930
17253
|
var text_4 = child(alviere_badge_1, true);
|
|
@@ -16932,8 +17255,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16932
17255
|
template_effect(($0) => set_text(text_4, $0), [() => getLabel("primaryBadgeLabel", "Primary")]);
|
|
16933
17256
|
append($$anchor4, alviere_badge_1);
|
|
16934
17257
|
};
|
|
16935
|
-
if_block(
|
|
16936
|
-
if (get$1(bankAccount).primary) $$render(
|
|
17258
|
+
if_block(node_3, ($$render) => {
|
|
17259
|
+
if (get$1(bankAccount).primary) $$render(consequent_2);
|
|
16937
17260
|
});
|
|
16938
17261
|
}
|
|
16939
17262
|
reset(div_6);
|
|
@@ -16974,11 +17297,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16974
17297
|
var text_8 = child(span_4, true);
|
|
16975
17298
|
reset(span_4);
|
|
16976
17299
|
reset(div_11);
|
|
16977
|
-
var
|
|
17300
|
+
var node_4 = sibling(div_11, 2);
|
|
16978
17301
|
{
|
|
16979
|
-
var
|
|
16980
|
-
var
|
|
16981
|
-
var div_12 = first_child(
|
|
17302
|
+
var consequent_5 = ($$anchor4) => {
|
|
17303
|
+
var fragment_2 = root_6$3();
|
|
17304
|
+
var div_12 = first_child(fragment_2);
|
|
16982
17305
|
var span_5 = child(div_12);
|
|
16983
17306
|
var text_9 = child(span_5);
|
|
16984
17307
|
reset(span_5);
|
|
@@ -16986,10 +17309,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16986
17309
|
var text_10 = child(span_6, true);
|
|
16987
17310
|
reset(span_6);
|
|
16988
17311
|
reset(div_12);
|
|
16989
|
-
var
|
|
17312
|
+
var node_5 = sibling(div_12, 2);
|
|
16990
17313
|
{
|
|
16991
|
-
var
|
|
16992
|
-
var div_13 =
|
|
17314
|
+
var consequent_3 = ($$anchor5) => {
|
|
17315
|
+
var div_13 = root_7$2();
|
|
16993
17316
|
var span_7 = child(div_13);
|
|
16994
17317
|
var text_11 = child(span_7);
|
|
16995
17318
|
reset(span_7);
|
|
@@ -17006,14 +17329,14 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17006
17329
|
);
|
|
17007
17330
|
append($$anchor5, div_13);
|
|
17008
17331
|
};
|
|
17009
|
-
if_block(
|
|
17010
|
-
if (get$1(displayInfo).bankInfo.region) $$render(
|
|
17332
|
+
if_block(node_5, ($$render) => {
|
|
17333
|
+
if (get$1(displayInfo).bankInfo.region) $$render(consequent_3);
|
|
17011
17334
|
});
|
|
17012
17335
|
}
|
|
17013
|
-
var
|
|
17336
|
+
var node_6 = sibling(node_5, 2);
|
|
17014
17337
|
{
|
|
17015
|
-
var
|
|
17016
|
-
var div_14 =
|
|
17338
|
+
var consequent_4 = ($$anchor5) => {
|
|
17339
|
+
var div_14 = root_8$3();
|
|
17017
17340
|
var span_9 = child(div_14);
|
|
17018
17341
|
var text_13 = child(span_9);
|
|
17019
17342
|
reset(span_9);
|
|
@@ -17030,8 +17353,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17030
17353
|
);
|
|
17031
17354
|
append($$anchor5, div_14);
|
|
17032
17355
|
};
|
|
17033
|
-
if_block(
|
|
17034
|
-
if (get$1(displayInfo).bankInfo.description) $$render(
|
|
17356
|
+
if_block(node_6, ($$render) => {
|
|
17357
|
+
if (get$1(displayInfo).bankInfo.description) $$render(consequent_4);
|
|
17035
17358
|
});
|
|
17036
17359
|
}
|
|
17037
17360
|
template_effect(
|
|
@@ -17041,16 +17364,16 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17041
17364
|
},
|
|
17042
17365
|
[() => getLabel("bankLabel", "Bank")]
|
|
17043
17366
|
);
|
|
17044
|
-
append($$anchor4,
|
|
17367
|
+
append($$anchor4, fragment_2);
|
|
17045
17368
|
};
|
|
17046
|
-
if_block(
|
|
17047
|
-
if (get$1(displayInfo).bankInfo) $$render(
|
|
17369
|
+
if_block(node_4, ($$render) => {
|
|
17370
|
+
if (get$1(displayInfo).bankInfo) $$render(consequent_5);
|
|
17048
17371
|
});
|
|
17049
17372
|
}
|
|
17050
|
-
var
|
|
17373
|
+
var node_7 = sibling(node_4, 2);
|
|
17051
17374
|
{
|
|
17052
|
-
var
|
|
17053
|
-
var div_15 =
|
|
17375
|
+
var consequent_6 = ($$anchor4) => {
|
|
17376
|
+
var div_15 = root_9$2();
|
|
17054
17377
|
var span_11 = child(div_15);
|
|
17055
17378
|
var text_15 = child(span_11);
|
|
17056
17379
|
reset(span_11);
|
|
@@ -17067,8 +17390,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17067
17390
|
);
|
|
17068
17391
|
append($$anchor4, div_15);
|
|
17069
17392
|
};
|
|
17070
|
-
if_block(
|
|
17071
|
-
if (get$1(displayInfo).accountType !== "N/A" && get$1(shouldShowAccountType)) $$render(
|
|
17393
|
+
if_block(node_7, ($$render) => {
|
|
17394
|
+
if (get$1(displayInfo).accountType !== "N/A" && get$1(shouldShowAccountType)) $$render(consequent_6);
|
|
17072
17395
|
});
|
|
17073
17396
|
}
|
|
17074
17397
|
reset(div_9);
|
|
@@ -17093,10 +17416,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17093
17416
|
});
|
|
17094
17417
|
reset(alviere_list);
|
|
17095
17418
|
var div_16 = sibling(alviere_list, 2);
|
|
17096
|
-
var
|
|
17419
|
+
var node_8 = child(div_16);
|
|
17097
17420
|
{
|
|
17098
|
-
var
|
|
17099
|
-
var div_17 =
|
|
17421
|
+
var consequent_7 = ($$anchor3) => {
|
|
17422
|
+
var div_17 = root_10$2();
|
|
17100
17423
|
var span_13 = child(div_17);
|
|
17101
17424
|
var text_17 = child(span_13, true);
|
|
17102
17425
|
reset(span_13);
|
|
@@ -17104,18 +17427,18 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17104
17427
|
template_effect(() => set_text(text_17, get$1(formError)));
|
|
17105
17428
|
append($$anchor3, div_17);
|
|
17106
17429
|
};
|
|
17107
|
-
if_block(
|
|
17108
|
-
if (get$1(formError) && !get$1(isFormBusy)) $$render(
|
|
17430
|
+
if_block(node_8, ($$render) => {
|
|
17431
|
+
if (get$1(formError) && !get$1(isFormBusy)) $$render(consequent_7);
|
|
17109
17432
|
});
|
|
17110
17433
|
}
|
|
17111
|
-
var
|
|
17434
|
+
var node_9 = sibling(node_8, 2);
|
|
17112
17435
|
{
|
|
17113
|
-
var
|
|
17114
|
-
var div_18 =
|
|
17115
|
-
var
|
|
17436
|
+
var consequent_8 = ($$anchor3) => {
|
|
17437
|
+
var div_18 = root_11$1();
|
|
17438
|
+
var node_10 = child(div_18);
|
|
17116
17439
|
{
|
|
17117
17440
|
let $0 = /* @__PURE__ */ user_derived(() => get$1(proceedPrenoteMessage) || "");
|
|
17118
|
-
Callout(
|
|
17441
|
+
Callout(node_10, {
|
|
17119
17442
|
variant: "info",
|
|
17120
17443
|
get message() {
|
|
17121
17444
|
return get$1($0);
|
|
@@ -17125,11 +17448,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17125
17448
|
reset(div_18);
|
|
17126
17449
|
append($$anchor3, div_18);
|
|
17127
17450
|
};
|
|
17128
|
-
if_block(
|
|
17129
|
-
if (get$1(proceedPrenoteMessage)) $$render(
|
|
17451
|
+
if_block(node_9, ($$render) => {
|
|
17452
|
+
if (get$1(proceedPrenoteMessage)) $$render(consequent_8);
|
|
17130
17453
|
});
|
|
17131
17454
|
}
|
|
17132
|
-
var alviere_button_3 = sibling(
|
|
17455
|
+
var alviere_button_3 = sibling(node_9, 2);
|
|
17133
17456
|
set_custom_element_data(alviere_button_3, "variant", "primary");
|
|
17134
17457
|
set_custom_element_data(alviere_button_3, "size", "md");
|
|
17135
17458
|
template_effect(() => set_custom_element_data(alviere_button_3, "disabled", !get$1(hasSelectedBankAccount)));
|
|
@@ -17180,22 +17503,22 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17180
17503
|
);
|
|
17181
17504
|
append($$anchor2, div_2);
|
|
17182
17505
|
};
|
|
17183
|
-
if_block(
|
|
17184
|
-
if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(
|
|
17506
|
+
if_block(node_2, ($$render) => {
|
|
17507
|
+
if (!get$1(isCheckingBankAccounts) && !get$1(showAddForm) && get$1(bankAccounts).bank_accounts.length) $$render(consequent_9);
|
|
17185
17508
|
});
|
|
17186
17509
|
}
|
|
17187
|
-
var
|
|
17510
|
+
var node_11 = sibling(node_2, 2);
|
|
17188
17511
|
{
|
|
17189
|
-
var
|
|
17190
|
-
var form =
|
|
17512
|
+
var consequent_25 = ($$anchor2) => {
|
|
17513
|
+
var form = root_12();
|
|
17191
17514
|
var div_19 = child(form);
|
|
17192
17515
|
var h2_1 = child(div_19);
|
|
17193
17516
|
var text_19 = child(h2_1, true);
|
|
17194
17517
|
reset(h2_1);
|
|
17195
|
-
var
|
|
17518
|
+
var node_12 = sibling(h2_1, 2);
|
|
17196
17519
|
{
|
|
17197
|
-
var
|
|
17198
|
-
var alviere_button_4 =
|
|
17520
|
+
var consequent_10 = ($$anchor3) => {
|
|
17521
|
+
var alviere_button_4 = root_13$1();
|
|
17199
17522
|
set_custom_element_data(alviere_button_4, "type", "button");
|
|
17200
17523
|
set_custom_element_data(alviere_button_4, "variant", "secondary");
|
|
17201
17524
|
set_custom_element_data(alviere_button_4, "handler", () => {
|
|
@@ -17212,30 +17535,30 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17212
17535
|
]);
|
|
17213
17536
|
append($$anchor3, alviere_button_4);
|
|
17214
17537
|
};
|
|
17215
|
-
if_block(
|
|
17216
|
-
if (get$1(bankAccounts).bank_accounts.length > 0) $$render(
|
|
17538
|
+
if_block(node_12, ($$render) => {
|
|
17539
|
+
if (get$1(bankAccounts).bank_accounts.length > 0) $$render(consequent_10);
|
|
17217
17540
|
});
|
|
17218
17541
|
}
|
|
17219
17542
|
reset(div_19);
|
|
17220
17543
|
var div_20 = sibling(div_19, 2);
|
|
17221
|
-
var
|
|
17544
|
+
var node_13 = child(div_20);
|
|
17222
17545
|
{
|
|
17223
|
-
var
|
|
17224
|
-
var
|
|
17225
|
-
var div_21 = first_child(
|
|
17546
|
+
var consequent_19 = ($$anchor3) => {
|
|
17547
|
+
var fragment_3 = root_14$1();
|
|
17548
|
+
var div_21 = first_child(fragment_3);
|
|
17226
17549
|
var alviere_badge_2 = child(div_21);
|
|
17227
17550
|
set_custom_element_data(alviere_badge_2, "size", "sm");
|
|
17228
17551
|
set_custom_element_data(alviere_badge_2, "variant", "tertiary");
|
|
17229
17552
|
var text_21 = child(alviere_badge_2, true);
|
|
17230
17553
|
reset(alviere_badge_2);
|
|
17231
|
-
var
|
|
17554
|
+
var node_14 = sibling(alviere_badge_2, 2);
|
|
17232
17555
|
{
|
|
17233
|
-
var
|
|
17234
|
-
var
|
|
17235
|
-
var
|
|
17556
|
+
var consequent_13 = ($$anchor4) => {
|
|
17557
|
+
var fragment_4 = root_15$1();
|
|
17558
|
+
var node_15 = first_child(fragment_4);
|
|
17236
17559
|
{
|
|
17237
|
-
var
|
|
17238
|
-
var div_22 =
|
|
17560
|
+
var consequent_11 = ($$anchor5) => {
|
|
17561
|
+
var div_22 = root_16$1();
|
|
17239
17562
|
var div_23 = child(div_22);
|
|
17240
17563
|
var span_15 = child(div_23);
|
|
17241
17564
|
var text_22 = child(span_15, true);
|
|
@@ -17248,41 +17571,41 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17248
17571
|
});
|
|
17249
17572
|
append($$anchor5, div_22);
|
|
17250
17573
|
};
|
|
17251
|
-
if_block(
|
|
17252
|
-
if (get$1(bankInfo)) $$render(
|
|
17574
|
+
if_block(node_15, ($$render) => {
|
|
17575
|
+
if (get$1(bankInfo)) $$render(consequent_11);
|
|
17253
17576
|
});
|
|
17254
17577
|
}
|
|
17255
|
-
var
|
|
17578
|
+
var node_16 = sibling(node_15, 2);
|
|
17256
17579
|
{
|
|
17257
|
-
var
|
|
17258
|
-
var alviere_spinner_1 =
|
|
17580
|
+
var consequent_12 = ($$anchor5) => {
|
|
17581
|
+
var alviere_spinner_1 = root_17$1();
|
|
17259
17582
|
set_custom_element_data(alviere_spinner_1, "size", "sm");
|
|
17260
17583
|
set_custom_element_data(alviere_spinner_1, "variant", "circular");
|
|
17261
17584
|
append($$anchor5, alviere_spinner_1);
|
|
17262
17585
|
};
|
|
17263
|
-
if_block(
|
|
17264
|
-
if (get$1(isLoadingBankInfo)) $$render(
|
|
17586
|
+
if_block(node_16, ($$render) => {
|
|
17587
|
+
if (get$1(isLoadingBankInfo)) $$render(consequent_12);
|
|
17265
17588
|
});
|
|
17266
17589
|
}
|
|
17267
|
-
append($$anchor4,
|
|
17590
|
+
append($$anchor4, fragment_4);
|
|
17268
17591
|
};
|
|
17269
|
-
if_block(
|
|
17270
|
-
if (baseForm.state.formData.ach_details.routing_number && baseForm.state.formData.ach_details.routing_number.length === 9) $$render(
|
|
17592
|
+
if_block(node_14, ($$render) => {
|
|
17593
|
+
if (baseForm.state.formData.ach_details.routing_number && baseForm.state.formData.ach_details.routing_number.length === 9) $$render(consequent_13);
|
|
17271
17594
|
});
|
|
17272
17595
|
}
|
|
17273
17596
|
reset(div_21);
|
|
17274
|
-
var
|
|
17597
|
+
var node_17 = sibling(div_21, 2);
|
|
17275
17598
|
{
|
|
17276
|
-
var
|
|
17277
|
-
var div_24 =
|
|
17278
|
-
var
|
|
17599
|
+
var consequent_14 = ($$anchor4) => {
|
|
17600
|
+
var div_24 = root_18$1();
|
|
17601
|
+
var node_18 = child(div_24);
|
|
17279
17602
|
{
|
|
17280
17603
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_type"));
|
|
17281
17604
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_type"));
|
|
17282
17605
|
let $2 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_type"));
|
|
17283
17606
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type || "");
|
|
17284
17607
|
let $4 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_type"));
|
|
17285
|
-
SearchSelect(
|
|
17608
|
+
SearchSelect(node_18, {
|
|
17286
17609
|
get label() {
|
|
17287
17610
|
return get$1($0);
|
|
17288
17611
|
},
|
|
@@ -17320,15 +17643,15 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17320
17643
|
reset(div_24);
|
|
17321
17644
|
append($$anchor4, div_24);
|
|
17322
17645
|
};
|
|
17323
|
-
if_block(
|
|
17324
|
-
if (get$1(shouldShowAccountType)) $$render(
|
|
17646
|
+
if_block(node_17, ($$render) => {
|
|
17647
|
+
if (get$1(shouldShowAccountType)) $$render(consequent_14);
|
|
17325
17648
|
});
|
|
17326
17649
|
}
|
|
17327
|
-
var
|
|
17650
|
+
var node_19 = sibling(node_17, 2);
|
|
17328
17651
|
{
|
|
17329
|
-
var
|
|
17330
|
-
var div_25 =
|
|
17331
|
-
var
|
|
17652
|
+
var consequent_16 = ($$anchor4) => {
|
|
17653
|
+
var div_25 = root_19$1();
|
|
17654
|
+
var node_20 = child(div_25);
|
|
17332
17655
|
{
|
|
17333
17656
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_routing_number"));
|
|
17334
17657
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_routing_number"));
|
|
@@ -17336,7 +17659,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17336
17659
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_routing_number"));
|
|
17337
17660
|
let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number || "");
|
|
17338
17661
|
let $5 = /* @__PURE__ */ user_derived(() => getLabel("routingHelpAriaLabel", "Where to find your routing number"));
|
|
17339
|
-
TextInput(
|
|
17662
|
+
TextInput(node_20, {
|
|
17340
17663
|
get value() {
|
|
17341
17664
|
return baseForm.state.formData.ach_details.routing_number;
|
|
17342
17665
|
},
|
|
@@ -17386,9 +17709,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17386
17709
|
}
|
|
17387
17710
|
});
|
|
17388
17711
|
}
|
|
17389
|
-
var
|
|
17712
|
+
var node_21 = sibling(node_20, 2);
|
|
17390
17713
|
{
|
|
17391
|
-
var
|
|
17714
|
+
var consequent_15 = ($$anchor5) => {
|
|
17392
17715
|
{
|
|
17393
17716
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_routing_number"));
|
|
17394
17717
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_routing_number"));
|
|
@@ -17436,22 +17759,22 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17436
17759
|
});
|
|
17437
17760
|
}
|
|
17438
17761
|
};
|
|
17439
|
-
if_block(
|
|
17440
|
-
if (get$1(requireRoutingAndAccountConfirmation)) $$render(
|
|
17762
|
+
if_block(node_21, ($$render) => {
|
|
17763
|
+
if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_15);
|
|
17441
17764
|
});
|
|
17442
17765
|
}
|
|
17443
17766
|
reset(div_25);
|
|
17444
17767
|
append($$anchor4, div_25);
|
|
17445
17768
|
};
|
|
17446
|
-
if_block(
|
|
17447
|
-
if (get$1(shouldShowRoutingNumber)) $$render(
|
|
17769
|
+
if_block(node_19, ($$render) => {
|
|
17770
|
+
if (get$1(shouldShowRoutingNumber)) $$render(consequent_16);
|
|
17448
17771
|
});
|
|
17449
17772
|
}
|
|
17450
|
-
var
|
|
17773
|
+
var node_22 = sibling(node_19, 2);
|
|
17451
17774
|
{
|
|
17452
|
-
var
|
|
17453
|
-
var div_26 =
|
|
17454
|
-
var
|
|
17775
|
+
var consequent_18 = ($$anchor4) => {
|
|
17776
|
+
var div_26 = root_21$1();
|
|
17777
|
+
var node_23 = child(div_26);
|
|
17455
17778
|
{
|
|
17456
17779
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_number"));
|
|
17457
17780
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_number"));
|
|
@@ -17459,7 +17782,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17459
17782
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_number"));
|
|
17460
17783
|
let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number || "");
|
|
17461
17784
|
let $5 = /* @__PURE__ */ user_derived(() => getLabel("accountHelpAriaLabel", "Where to find your account number"));
|
|
17462
|
-
TextInput(
|
|
17785
|
+
TextInput(node_23, {
|
|
17463
17786
|
get value() {
|
|
17464
17787
|
return baseForm.state.formData.ach_details.account_number;
|
|
17465
17788
|
},
|
|
@@ -17504,9 +17827,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17504
17827
|
onblur: () => baseForm.handlers.handleFieldBlur("ach_account_number")
|
|
17505
17828
|
});
|
|
17506
17829
|
}
|
|
17507
|
-
var
|
|
17830
|
+
var node_24 = sibling(node_23, 2);
|
|
17508
17831
|
{
|
|
17509
|
-
var
|
|
17832
|
+
var consequent_17 = ($$anchor5) => {
|
|
17510
17833
|
{
|
|
17511
17834
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_account_number"));
|
|
17512
17835
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_account_number"));
|
|
@@ -17555,25 +17878,25 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17555
17878
|
});
|
|
17556
17879
|
}
|
|
17557
17880
|
};
|
|
17558
|
-
if_block(
|
|
17559
|
-
if (get$1(requireRoutingAndAccountConfirmation)) $$render(
|
|
17881
|
+
if_block(node_24, ($$render) => {
|
|
17882
|
+
if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_17);
|
|
17560
17883
|
});
|
|
17561
17884
|
}
|
|
17562
17885
|
reset(div_26);
|
|
17563
17886
|
append($$anchor4, div_26);
|
|
17564
17887
|
};
|
|
17565
|
-
if_block(
|
|
17566
|
-
if (get$1(shouldShowAccountNumber)) $$render(
|
|
17888
|
+
if_block(node_22, ($$render) => {
|
|
17889
|
+
if (get$1(shouldShowAccountNumber)) $$render(consequent_18);
|
|
17567
17890
|
});
|
|
17568
17891
|
}
|
|
17569
17892
|
template_effect(($0) => set_text(text_21, $0), [() => getLabel("achBadgeLabel", "ACH")]);
|
|
17570
|
-
append($$anchor3,
|
|
17893
|
+
append($$anchor3, fragment_3);
|
|
17571
17894
|
};
|
|
17572
|
-
if_block(
|
|
17573
|
-
if (baseForm.state.formData.bankAccountType === "ACH") $$render(
|
|
17895
|
+
if_block(node_13, ($$render) => {
|
|
17896
|
+
if (baseForm.state.formData.bankAccountType === "ACH") $$render(consequent_19);
|
|
17574
17897
|
});
|
|
17575
17898
|
}
|
|
17576
|
-
var div_27 = sibling(
|
|
17899
|
+
var div_27 = sibling(node_13, 2);
|
|
17577
17900
|
var alviere_checkbox = child(div_27);
|
|
17578
17901
|
template_effect(() => set_custom_element_data(alviere_checkbox, "checked", get$1(bankAccounts).bank_accounts.length === 0 ? true : baseForm.state.formData.primary));
|
|
17579
17902
|
template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("makePrimaryBankAccountLabel", "Make this my primary bank account")));
|
|
@@ -17590,25 +17913,25 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17590
17913
|
reset(div_20);
|
|
17591
17914
|
var div_28 = sibling(div_20, 2);
|
|
17592
17915
|
var div_29 = child(div_28);
|
|
17593
|
-
var
|
|
17916
|
+
var node_25 = child(div_29);
|
|
17594
17917
|
{
|
|
17595
|
-
var
|
|
17596
|
-
var
|
|
17597
|
-
var
|
|
17918
|
+
var consequent_23 = ($$anchor3) => {
|
|
17919
|
+
var fragment_7 = comment();
|
|
17920
|
+
var node_26 = first_child(fragment_7);
|
|
17598
17921
|
{
|
|
17599
|
-
var
|
|
17600
|
-
var span_16 =
|
|
17922
|
+
var consequent_20 = ($$anchor4) => {
|
|
17923
|
+
var span_16 = root_24$1();
|
|
17601
17924
|
var text_23 = child(span_16, true);
|
|
17602
17925
|
reset(span_16);
|
|
17603
17926
|
template_effect(() => set_text(text_23, get$1(formError)));
|
|
17604
17927
|
append($$anchor4, span_16);
|
|
17605
17928
|
};
|
|
17606
17929
|
var alternate_1 = ($$anchor4) => {
|
|
17607
|
-
var
|
|
17608
|
-
var
|
|
17930
|
+
var fragment_8 = comment();
|
|
17931
|
+
var node_27 = first_child(fragment_8);
|
|
17609
17932
|
{
|
|
17610
|
-
var
|
|
17611
|
-
var span_17 =
|
|
17933
|
+
var consequent_21 = ($$anchor5) => {
|
|
17934
|
+
var span_17 = root_26();
|
|
17612
17935
|
var text_24 = child(span_17, true);
|
|
17613
17936
|
reset(span_17);
|
|
17614
17937
|
template_effect(($0) => set_text(text_24, $0), [
|
|
@@ -17617,11 +17940,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17617
17940
|
append($$anchor5, span_17);
|
|
17618
17941
|
};
|
|
17619
17942
|
var alternate = ($$anchor5) => {
|
|
17620
|
-
var
|
|
17621
|
-
var
|
|
17943
|
+
var fragment_9 = comment();
|
|
17944
|
+
var node_28 = first_child(fragment_9);
|
|
17622
17945
|
{
|
|
17623
|
-
var
|
|
17624
|
-
var span_18 =
|
|
17946
|
+
var consequent_22 = ($$anchor6) => {
|
|
17947
|
+
var span_18 = root_28();
|
|
17625
17948
|
var text_25 = child(span_18, true);
|
|
17626
17949
|
reset(span_18);
|
|
17627
17950
|
template_effect(($0) => set_text(text_25, $0), [
|
|
@@ -17630,46 +17953,46 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17630
17953
|
append($$anchor6, span_18);
|
|
17631
17954
|
};
|
|
17632
17955
|
if_block(
|
|
17633
|
-
|
|
17956
|
+
node_28,
|
|
17634
17957
|
($$render) => {
|
|
17635
|
-
if (!baseForm.computed.canSubmit) $$render(
|
|
17958
|
+
if (!baseForm.computed.canSubmit) $$render(consequent_22);
|
|
17636
17959
|
},
|
|
17637
17960
|
true
|
|
17638
17961
|
);
|
|
17639
17962
|
}
|
|
17640
|
-
append($$anchor5,
|
|
17963
|
+
append($$anchor5, fragment_9);
|
|
17641
17964
|
};
|
|
17642
17965
|
if_block(
|
|
17643
|
-
|
|
17966
|
+
node_27,
|
|
17644
17967
|
($$render) => {
|
|
17645
|
-
if (baseForm.computed.hasErrors) $$render(
|
|
17968
|
+
if (baseForm.computed.hasErrors) $$render(consequent_21);
|
|
17646
17969
|
else $$render(alternate, false);
|
|
17647
17970
|
},
|
|
17648
17971
|
true
|
|
17649
17972
|
);
|
|
17650
17973
|
}
|
|
17651
|
-
append($$anchor4,
|
|
17974
|
+
append($$anchor4, fragment_8);
|
|
17652
17975
|
};
|
|
17653
|
-
if_block(
|
|
17654
|
-
if (get$1(formError)) $$render(
|
|
17976
|
+
if_block(node_26, ($$render) => {
|
|
17977
|
+
if (get$1(formError)) $$render(consequent_20);
|
|
17655
17978
|
else $$render(alternate_1, false);
|
|
17656
17979
|
});
|
|
17657
17980
|
}
|
|
17658
|
-
append($$anchor3,
|
|
17981
|
+
append($$anchor3, fragment_7);
|
|
17659
17982
|
};
|
|
17660
|
-
if_block(
|
|
17661
|
-
if (!get$1(isFormBusy)) $$render(
|
|
17983
|
+
if_block(node_25, ($$render) => {
|
|
17984
|
+
if (!get$1(isFormBusy)) $$render(consequent_23);
|
|
17662
17985
|
});
|
|
17663
17986
|
}
|
|
17664
17987
|
reset(div_29);
|
|
17665
|
-
var
|
|
17988
|
+
var node_29 = sibling(div_29, 2);
|
|
17666
17989
|
{
|
|
17667
|
-
var
|
|
17668
|
-
var div_30 =
|
|
17669
|
-
var
|
|
17990
|
+
var consequent_24 = ($$anchor3) => {
|
|
17991
|
+
var div_30 = root_29();
|
|
17992
|
+
var node_30 = child(div_30);
|
|
17670
17993
|
{
|
|
17671
17994
|
let $0 = /* @__PURE__ */ user_derived(() => get$1(addFormPrenoteMessage) || "");
|
|
17672
|
-
Callout(
|
|
17995
|
+
Callout(node_30, {
|
|
17673
17996
|
variant: "info",
|
|
17674
17997
|
get message() {
|
|
17675
17998
|
return get$1($0);
|
|
@@ -17679,11 +18002,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17679
18002
|
reset(div_30);
|
|
17680
18003
|
append($$anchor3, div_30);
|
|
17681
18004
|
};
|
|
17682
|
-
if_block(
|
|
17683
|
-
if (get$1(addFormPrenoteMessage)) $$render(
|
|
18005
|
+
if_block(node_29, ($$render) => {
|
|
18006
|
+
if (get$1(addFormPrenoteMessage)) $$render(consequent_24);
|
|
17684
18007
|
});
|
|
17685
18008
|
}
|
|
17686
|
-
var alviere_button_5 = sibling(
|
|
18009
|
+
var alviere_button_5 = sibling(node_29, 2);
|
|
17687
18010
|
set_custom_element_data(alviere_button_5, "type", "submit");
|
|
17688
18011
|
set_custom_element_data(alviere_button_5, "variant", "primary");
|
|
17689
18012
|
set_custom_element_data(alviere_button_5, "size", "md");
|
|
@@ -17710,8 +18033,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17710
18033
|
event$1("submit", form, handleAddBankAccount);
|
|
17711
18034
|
append($$anchor2, form);
|
|
17712
18035
|
};
|
|
17713
|
-
if_block(
|
|
17714
|
-
if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(
|
|
18036
|
+
if_block(node_11, ($$render) => {
|
|
18037
|
+
if (get$1(showAddForm) || !get$1(isCheckingBankAccounts) && !get$1(bankAccounts).bank_accounts.length) $$render(consequent_25);
|
|
17715
18038
|
});
|
|
17716
18039
|
}
|
|
17717
18040
|
reset(div);
|
|
@@ -17720,9 +18043,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17720
18043
|
template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isRoutingHelpOpen)));
|
|
17721
18044
|
template_effect(() => set_custom_element_data(alviere_modal, "title", getLabel("routingHelpModalTitleLabel", "Where to find your routing number")));
|
|
17722
18045
|
var div_31 = child(alviere_modal);
|
|
17723
|
-
var
|
|
17724
|
-
html(
|
|
17725
|
-
var p = sibling(
|
|
18046
|
+
var node_31 = child(div_31);
|
|
18047
|
+
html(node_31, () => routingNumberHelpSvg);
|
|
18048
|
+
var p = sibling(node_31, 2);
|
|
17726
18049
|
var text_27 = child(p, true);
|
|
17727
18050
|
reset(p);
|
|
17728
18051
|
reset(div_31);
|
|
@@ -17731,9 +18054,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17731
18054
|
template_effect(() => set_custom_element_data(alviere_modal_1, "open", get$1(isAccountHelpOpen)));
|
|
17732
18055
|
template_effect(() => set_custom_element_data(alviere_modal_1, "title", getLabel("accountHelpModalTitleLabel", "Where to find your account number")));
|
|
17733
18056
|
var div_32 = child(alviere_modal_1);
|
|
17734
|
-
var
|
|
17735
|
-
html(
|
|
17736
|
-
var p_1 = sibling(
|
|
18057
|
+
var node_32 = child(div_32);
|
|
18058
|
+
html(node_32, () => accountNumberHelpSvg);
|
|
18059
|
+
var p_1 = sibling(node_32, 2);
|
|
17737
18060
|
var text_28 = child(p_1, true);
|
|
17738
18061
|
reset(p_1);
|
|
17739
18062
|
reset(div_32);
|
|
@@ -17772,7 +18095,8 @@ customElements.define("alviere-add-bank-account", create_custom_element(
|
|
|
17772
18095
|
onsuccess: {},
|
|
17773
18096
|
publicCertificate: {},
|
|
17774
18097
|
publicCertificateId: {},
|
|
17775
|
-
requireRoutingAndAccountConfirmation: {}
|
|
18098
|
+
requireRoutingAndAccountConfirmation: {},
|
|
18099
|
+
isInFlow: {}
|
|
17776
18100
|
},
|
|
17777
18101
|
[],
|
|
17778
18102
|
[],
|
|
@@ -17784,14 +18108,19 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
|
|
|
17784
18108
|
let hasResolved = /* @__PURE__ */ state(false);
|
|
17785
18109
|
let error = /* @__PURE__ */ state(null);
|
|
17786
18110
|
let lastSignature = null;
|
|
18111
|
+
let lastRetryCount = 0;
|
|
18112
|
+
let retryCount = /* @__PURE__ */ state(0);
|
|
17787
18113
|
const getKey = (doc) => `${doc.type}:${doc.version || "latest"}`;
|
|
17788
18114
|
user_effect(() => {
|
|
17789
18115
|
const core = getCore();
|
|
17790
18116
|
const documentTypes = getDocumentTypes();
|
|
17791
18117
|
const signature = documentTypes.map(getKey).join("|");
|
|
18118
|
+
const currentRetry = get$1(retryCount);
|
|
17792
18119
|
if (!core) return;
|
|
17793
|
-
|
|
18120
|
+
const isRetry = currentRetry !== lastRetryCount;
|
|
18121
|
+
if (signature === lastSignature && !isRetry) return;
|
|
17794
18122
|
lastSignature = signature;
|
|
18123
|
+
lastRetryCount = currentRetry;
|
|
17795
18124
|
if (!signature) {
|
|
17796
18125
|
set(resolvedDocuments, [], true);
|
|
17797
18126
|
set(hasResolved, true);
|
|
@@ -17799,6 +18128,24 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
|
|
|
17799
18128
|
}
|
|
17800
18129
|
void fetchLegalTexts(core, documentTypes);
|
|
17801
18130
|
});
|
|
18131
|
+
user_effect(() => {
|
|
18132
|
+
let debounceTimer = null;
|
|
18133
|
+
const unsubscribe = subscribeToOnlineEvent(() => {
|
|
18134
|
+
if (!get$1(error)) return;
|
|
18135
|
+
if (debounceTimer) clearTimeout(debounceTimer);
|
|
18136
|
+
debounceTimer = setTimeout(retry, 1e3);
|
|
18137
|
+
});
|
|
18138
|
+
return () => {
|
|
18139
|
+
unsubscribe();
|
|
18140
|
+
if (debounceTimer) clearTimeout(debounceTimer);
|
|
18141
|
+
};
|
|
18142
|
+
});
|
|
18143
|
+
function retry() {
|
|
18144
|
+
if (get$1(isLoading)) return;
|
|
18145
|
+
set(error, null);
|
|
18146
|
+
set(hasResolved, false);
|
|
18147
|
+
update(retryCount);
|
|
18148
|
+
}
|
|
17802
18149
|
async function fetchLegalTexts(core, documentTypes) {
|
|
17803
18150
|
set(isLoading, true);
|
|
17804
18151
|
set(error, null);
|
|
@@ -17836,19 +18183,23 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
|
|
|
17836
18183
|
},
|
|
17837
18184
|
get error() {
|
|
17838
18185
|
return get$1(error);
|
|
17839
|
-
}
|
|
18186
|
+
},
|
|
18187
|
+
retry
|
|
17840
18188
|
};
|
|
17841
18189
|
}
|
|
17842
|
-
var
|
|
17843
|
-
var
|
|
17844
|
-
var
|
|
17845
|
-
var
|
|
17846
|
-
var
|
|
17847
|
-
var
|
|
17848
|
-
var
|
|
18190
|
+
var root_2$3 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
18191
|
+
var root_3$5 = /* @__PURE__ */ from_html(`<alviere-currency-input></alviere-currency-input>`, 2);
|
|
18192
|
+
var root_5$3 = /* @__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>`);
|
|
18193
|
+
var root_4$4 = /* @__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>`);
|
|
18194
|
+
var root_6$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__terms-and-conditions"><p> </p> <alviere-legal-text-consent></alviere-legal-text-consent></div>`, 2);
|
|
18195
|
+
var root_7$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__timing-info svelte-1l48sab"><!></div>`);
|
|
18196
|
+
var root_8$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-loading svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
|
|
18197
|
+
var root_10$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__legal-texts-error svelte-1l48sab"><!> <alviere-button> </alviere-button></div>`, 2);
|
|
18198
|
+
var root_11 = /* @__PURE__ */ from_html(`<alviere-button> </alviere-button>`, 2);
|
|
18199
|
+
var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <!> <!> <!></div></div>`);
|
|
17849
18200
|
const $$css$a = {
|
|
17850
18201
|
hash: "svelte-1l48sab",
|
|
17851
|
-
code: ":root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-checkout-confirm.svelte-1l48sab {display:flex;flex-direction:column;gap:1rem;position:relative;padding:1rem 0;}.alviere-checkout-confirm__payment-info.svelte-1l48sab {display:flex;flex-direction:column;gap:2rem;}.alviere-checkout-confirm__payment-info.svelte-1l48sab alviere-button:where(.svelte-1l48sab) {align-self:center;}.alviere-checkout-confirm__summary.svelte-1l48sab {width:100%;display:flex;flex-direction:column;gap:0.5rem;}.alviere-checkout-confirm__summary-row.svelte-1l48sab {display:flex;align-items:baseline;justify-content:space-between;gap:1rem;}.alviere-checkout-confirm__summary-row--total.svelte-1l48sab {font-weight:600;color:#000000;}.alviere-checkout-confirm__summary-label.svelte-1l48sab {color:#000000;font-size:1rem;}.alviere-checkout-confirm__summary-value.svelte-1l48sab {color:#000000;font-size:1rem;font-weight:400;text-align:right;overflow-wrap:anywhere;}.alviere-checkout-confirm__summary-divider.svelte-1l48sab {border-top:1px dashed #000000;margin:0.25rem 0;}.alviere-checkout-confirm__timing-info.svelte-1l48sab {width:100%;}.alviere-checkout-confirm.svelte-1l48sab .spinner-container:where(.svelte-1l48sab) {position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:rgba(255, 255, 255, 0.2);backdrop-filter:blur(3px);z-index:1000;}"
|
|
18202
|
+
code: ":root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-checkout-confirm.svelte-1l48sab {display:flex;flex-direction:column;gap:1rem;position:relative;padding:1rem 0;}.alviere-checkout-confirm__payment-info.svelte-1l48sab {display:flex;flex-direction:column;gap:2rem;}.alviere-checkout-confirm__payment-info.svelte-1l48sab alviere-button:where(.svelte-1l48sab) {align-self:center;}.alviere-checkout-confirm__summary.svelte-1l48sab {width:100%;display:flex;flex-direction:column;gap:0.5rem;}.alviere-checkout-confirm__summary-row.svelte-1l48sab {display:flex;align-items:baseline;justify-content:space-between;gap:1rem;}.alviere-checkout-confirm__summary-row--total.svelte-1l48sab {font-weight:600;color:#000000;}.alviere-checkout-confirm__summary-label.svelte-1l48sab {color:#000000;font-size:1rem;}.alviere-checkout-confirm__summary-value.svelte-1l48sab {color:#000000;font-size:1rem;font-weight:400;text-align:right;overflow-wrap:anywhere;}.alviere-checkout-confirm__summary-divider.svelte-1l48sab {border-top:1px dashed #000000;margin:0.25rem 0;}.alviere-checkout-confirm__timing-info.svelte-1l48sab {width:100%;}.alviere-checkout-confirm__legal-texts-loading.svelte-1l48sab {display:flex;justify-content:center;padding:1rem 0;}.alviere-checkout-confirm__legal-texts-error.svelte-1l48sab {display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.alviere-checkout-confirm.svelte-1l48sab .spinner-container:where(.svelte-1l48sab) {position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:rgba(255, 255, 255, 0.2);backdrop-filter:blur(3px);z-index:1000;}"
|
|
17852
18203
|
};
|
|
17853
18204
|
function CheckoutConfirm($$anchor, $$props) {
|
|
17854
18205
|
push($$props, true);
|
|
@@ -17860,7 +18211,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
17860
18211
|
var _b;
|
|
17861
18212
|
var _c;
|
|
17862
18213
|
var _d;
|
|
17863
|
-
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, ""), paymentMethodStatus = prop($$props, "paymentMethodStatus", 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({}));
|
|
18214
|
+
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, ""), paymentMethodStatus = prop($$props, "paymentMethodStatus", 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({})), isInFlow = prop($$props, "isInFlow", 15, false);
|
|
17864
18215
|
let hostElement = /* @__PURE__ */ state(null);
|
|
17865
18216
|
let isSending = /* @__PURE__ */ state(false);
|
|
17866
18217
|
let selfAmount = /* @__PURE__ */ state(proxy(amount()));
|
|
@@ -17900,6 +18251,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
17900
18251
|
return (_f = (_b2 = (_a3 = config() === null || config() === void 0 ? void 0 : config().legalTexts) === null || _a3 === void 0 ? void 0 : _a3.documents) !== null && _b2 !== void 0 ? _b2 : (_e = (_d2 = (_c2 = get$1(resolvedProfileRecipe)()) === null || _c2 === void 0 ? void 0 : _c2.config) === null || _d2 === void 0 ? void 0 : _d2.legalTexts) === null || _e === void 0 ? void 0 : _e.documents) !== null && _f !== void 0 ? _f : [];
|
|
17901
18252
|
});
|
|
17902
18253
|
const core = /* @__PURE__ */ user_derived(() => $flowCoreStore().core || (jwt() ? getAlviereCore({ jwt: jwt(), debug: debug() }) : null));
|
|
18254
|
+
const offlineGuard = createOfflineGuard();
|
|
17903
18255
|
const legalTextsResolver = createLegalTextsResolver({
|
|
17904
18256
|
getDocumentTypes: () => get$1(legalTextDocumentTypes)(),
|
|
17905
18257
|
getCore: () => get$1(core)
|
|
@@ -17979,7 +18331,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
17979
18331
|
set(selfAmount, amount());
|
|
17980
18332
|
}
|
|
17981
18333
|
});
|
|
17982
|
-
const canPay = /* @__PURE__ */ user_derived(() => () => legalTextsResolver.hasResolved && (!legalTextsResolver.requiresLegalTexts || get$1(legalTextsAccepted)));
|
|
18334
|
+
const canPay = /* @__PURE__ */ user_derived(() => () => legalTextsResolver.hasResolved && !legalTextsResolver.error && (!legalTextsResolver.requiresLegalTexts || get$1(legalTextsAccepted)));
|
|
17983
18335
|
async function handlePay() {
|
|
17984
18336
|
if (!get$1(canPay)() || get$1(isSending)) return;
|
|
17985
18337
|
set(isSending, true);
|
|
@@ -18096,13 +18448,29 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18096
18448
|
set config($$value = {}) {
|
|
18097
18449
|
config($$value);
|
|
18098
18450
|
flushSync();
|
|
18451
|
+
},
|
|
18452
|
+
get isInFlow() {
|
|
18453
|
+
return isInFlow();
|
|
18454
|
+
},
|
|
18455
|
+
set isInFlow($$value = false) {
|
|
18456
|
+
isInFlow($$value);
|
|
18457
|
+
flushSync();
|
|
18099
18458
|
}
|
|
18100
18459
|
};
|
|
18101
18460
|
var div = root$7();
|
|
18102
18461
|
var node = child(div);
|
|
18103
18462
|
{
|
|
18104
18463
|
var consequent = ($$anchor2) => {
|
|
18105
|
-
|
|
18464
|
+
OfflineOverlay($$anchor2, {});
|
|
18465
|
+
};
|
|
18466
|
+
if_block(node, ($$render) => {
|
|
18467
|
+
if (offlineGuard.isOffline && !isInFlow()) $$render(consequent);
|
|
18468
|
+
});
|
|
18469
|
+
}
|
|
18470
|
+
var node_1 = sibling(node, 2);
|
|
18471
|
+
{
|
|
18472
|
+
var consequent_1 = ($$anchor2) => {
|
|
18473
|
+
var div_1 = root_2$3();
|
|
18106
18474
|
var alviere_spinner = child(div_1);
|
|
18107
18475
|
set_custom_element_data(alviere_spinner, "size", "lg");
|
|
18108
18476
|
set_custom_element_data(alviere_spinner, "variant", "circular");
|
|
@@ -18111,21 +18479,21 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18111
18479
|
transition(2, div_1, () => fade, () => ({ duration: 200 }));
|
|
18112
18480
|
append($$anchor2, div_1);
|
|
18113
18481
|
};
|
|
18114
|
-
if_block(
|
|
18115
|
-
if (get$1(isSending)) $$render(
|
|
18482
|
+
if_block(node_1, ($$render) => {
|
|
18483
|
+
if (get$1(isSending)) $$render(consequent_1);
|
|
18116
18484
|
});
|
|
18117
18485
|
}
|
|
18118
|
-
var div_2 = sibling(
|
|
18119
|
-
var
|
|
18486
|
+
var div_2 = sibling(node_1, 2);
|
|
18487
|
+
var node_2 = child(div_2);
|
|
18120
18488
|
{
|
|
18121
|
-
var
|
|
18122
|
-
var alviere_currency_input =
|
|
18489
|
+
var consequent_2 = ($$anchor2) => {
|
|
18490
|
+
var alviere_currency_input = root_3$5();
|
|
18123
18491
|
template_effect(() => set_custom_element_data(alviere_currency_input, "value", get$1(selfAmount)));
|
|
18124
18492
|
event$1("text-input", alviere_currency_input, handleAmountChange);
|
|
18125
18493
|
append($$anchor2, alviere_currency_input);
|
|
18126
18494
|
};
|
|
18127
18495
|
var alternate = ($$anchor2) => {
|
|
18128
|
-
var section =
|
|
18496
|
+
var section = root_4$4();
|
|
18129
18497
|
var div_3 = child(section);
|
|
18130
18498
|
var span = child(div_3);
|
|
18131
18499
|
var text2 = child(span, true);
|
|
@@ -18142,10 +18510,10 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18142
18510
|
var text_3 = child(span_3, true);
|
|
18143
18511
|
reset(span_3);
|
|
18144
18512
|
reset(div_4);
|
|
18145
|
-
var
|
|
18513
|
+
var node_3 = sibling(div_4, 2);
|
|
18146
18514
|
{
|
|
18147
|
-
var
|
|
18148
|
-
var div_5 =
|
|
18515
|
+
var consequent_3 = ($$anchor3) => {
|
|
18516
|
+
var div_5 = root_5$3();
|
|
18149
18517
|
var span_4 = child(div_5);
|
|
18150
18518
|
var text_4 = child(span_4, true);
|
|
18151
18519
|
reset(span_4);
|
|
@@ -18165,11 +18533,11 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18165
18533
|
);
|
|
18166
18534
|
append($$anchor3, div_5);
|
|
18167
18535
|
};
|
|
18168
|
-
if_block(
|
|
18169
|
-
if (get$1(hasFeeAmount)()) $$render(
|
|
18536
|
+
if_block(node_3, ($$render) => {
|
|
18537
|
+
if (get$1(hasFeeAmount)()) $$render(consequent_3);
|
|
18170
18538
|
});
|
|
18171
18539
|
}
|
|
18172
|
-
var div_6 = sibling(
|
|
18540
|
+
var div_6 = sibling(node_3, 4);
|
|
18173
18541
|
var span_6 = child(div_6);
|
|
18174
18542
|
var text_6 = child(span_6, true);
|
|
18175
18543
|
reset(span_6);
|
|
@@ -18202,15 +18570,15 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18202
18570
|
);
|
|
18203
18571
|
append($$anchor2, section);
|
|
18204
18572
|
};
|
|
18205
|
-
if_block(
|
|
18206
|
-
if (get$1(isAmountEditable)) $$render(
|
|
18573
|
+
if_block(node_2, ($$render) => {
|
|
18574
|
+
if (get$1(isAmountEditable)) $$render(consequent_2);
|
|
18207
18575
|
else $$render(alternate, false);
|
|
18208
18576
|
});
|
|
18209
18577
|
}
|
|
18210
|
-
var
|
|
18578
|
+
var node_4 = sibling(node_2, 2);
|
|
18211
18579
|
{
|
|
18212
|
-
var
|
|
18213
|
-
var div_7 =
|
|
18580
|
+
var consequent_4 = ($$anchor2) => {
|
|
18581
|
+
var div_7 = root_6$2();
|
|
18214
18582
|
var p = child(div_7);
|
|
18215
18583
|
var text_8 = child(p, true);
|
|
18216
18584
|
reset(p);
|
|
@@ -18225,18 +18593,18 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18225
18593
|
event$1("legal-texts-change", alviere_legal_text_consent, handleLegalTextsChange);
|
|
18226
18594
|
append($$anchor2, div_7);
|
|
18227
18595
|
};
|
|
18228
|
-
if_block(
|
|
18229
|
-
if (legalTextsResolver.requiresLegalTexts) $$render(
|
|
18596
|
+
if_block(node_4, ($$render) => {
|
|
18597
|
+
if (legalTextsResolver.requiresLegalTexts) $$render(consequent_4);
|
|
18230
18598
|
});
|
|
18231
18599
|
}
|
|
18232
|
-
var
|
|
18600
|
+
var node_5 = sibling(node_4, 2);
|
|
18233
18601
|
{
|
|
18234
|
-
var
|
|
18235
|
-
var div_8 =
|
|
18236
|
-
var
|
|
18602
|
+
var consequent_5 = ($$anchor2) => {
|
|
18603
|
+
var div_8 = root_7$1();
|
|
18604
|
+
var node_6 = child(div_8);
|
|
18237
18605
|
{
|
|
18238
18606
|
let $0 = /* @__PURE__ */ user_derived(() => get$1(paymentTimingMessage) || "");
|
|
18239
|
-
Callout(
|
|
18607
|
+
Callout(node_6, {
|
|
18240
18608
|
variant: "info",
|
|
18241
18609
|
get message() {
|
|
18242
18610
|
return get$1($0);
|
|
@@ -18246,22 +18614,78 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18246
18614
|
reset(div_8);
|
|
18247
18615
|
append($$anchor2, div_8);
|
|
18248
18616
|
};
|
|
18249
|
-
if_block(
|
|
18250
|
-
if (get$1(paymentTimingMessage)) $$render(
|
|
18617
|
+
if_block(node_5, ($$render) => {
|
|
18618
|
+
if (get$1(paymentTimingMessage)) $$render(consequent_5);
|
|
18619
|
+
});
|
|
18620
|
+
}
|
|
18621
|
+
var node_7 = sibling(node_5, 2);
|
|
18622
|
+
{
|
|
18623
|
+
var consequent_6 = ($$anchor2) => {
|
|
18624
|
+
var div_9 = root_8$2();
|
|
18625
|
+
var alviere_spinner_1 = child(div_9);
|
|
18626
|
+
set_custom_element_data(alviere_spinner_1, "size", "sm");
|
|
18627
|
+
set_custom_element_data(alviere_spinner_1, "variant", "circular");
|
|
18628
|
+
reset(div_9);
|
|
18629
|
+
append($$anchor2, div_9);
|
|
18630
|
+
};
|
|
18631
|
+
var alternate_2 = ($$anchor2) => {
|
|
18632
|
+
var fragment_1 = comment();
|
|
18633
|
+
var node_8 = first_child(fragment_1);
|
|
18634
|
+
{
|
|
18635
|
+
var consequent_7 = ($$anchor3) => {
|
|
18636
|
+
var div_10 = root_10$1();
|
|
18637
|
+
var node_9 = child(div_10);
|
|
18638
|
+
{
|
|
18639
|
+
let $0 = /* @__PURE__ */ user_derived(() => getLabel("legalTextsErrorLabel", "Unable to load required agreements. Check your connection and try again."));
|
|
18640
|
+
Callout(node_9, {
|
|
18641
|
+
variant: "warning",
|
|
18642
|
+
get message() {
|
|
18643
|
+
return get$1($0);
|
|
18644
|
+
}
|
|
18645
|
+
});
|
|
18646
|
+
}
|
|
18647
|
+
var alviere_button = sibling(node_9, 2);
|
|
18648
|
+
set_custom_element_data(alviere_button, "variant", "secondary");
|
|
18649
|
+
set_custom_element_data(alviere_button, "size", "md");
|
|
18650
|
+
template_effect(() => set_custom_element_data(alviere_button, "handler", legalTextsResolver.retry));
|
|
18651
|
+
set_class(alviere_button, 1, "svelte-1l48sab");
|
|
18652
|
+
var text_9 = child(alviere_button, true);
|
|
18653
|
+
reset(alviere_button);
|
|
18654
|
+
reset(div_10);
|
|
18655
|
+
template_effect(($0) => set_text(text_9, $0), [() => getLabel("legalTextsRetryLabel", "Retry")]);
|
|
18656
|
+
append($$anchor3, div_10);
|
|
18657
|
+
};
|
|
18658
|
+
var alternate_1 = ($$anchor3) => {
|
|
18659
|
+
var alviere_button_1 = root_11();
|
|
18660
|
+
set_custom_element_data(alviere_button_1, "variant", "primary");
|
|
18661
|
+
set_custom_element_data(alviere_button_1, "size", "md");
|
|
18662
|
+
set_custom_element_data(alviere_button_1, "handler", handlePay);
|
|
18663
|
+
template_effect(() => set_custom_element_data(alviere_button_1, "disabled", !get$1(canPay)()));
|
|
18664
|
+
set_class(alviere_button_1, 1, "svelte-1l48sab");
|
|
18665
|
+
var text_10 = child(alviere_button_1, true);
|
|
18666
|
+
reset(alviere_button_1);
|
|
18667
|
+
template_effect(($0) => set_text(text_10, $0), [() => getLabel("payButtonLabel", "Pay")]);
|
|
18668
|
+
append($$anchor3, alviere_button_1);
|
|
18669
|
+
};
|
|
18670
|
+
if_block(
|
|
18671
|
+
node_8,
|
|
18672
|
+
($$render) => {
|
|
18673
|
+
if (legalTextsResolver.error) $$render(consequent_7);
|
|
18674
|
+
else $$render(alternate_1, false);
|
|
18675
|
+
},
|
|
18676
|
+
true
|
|
18677
|
+
);
|
|
18678
|
+
}
|
|
18679
|
+
append($$anchor2, fragment_1);
|
|
18680
|
+
};
|
|
18681
|
+
if_block(node_7, ($$render) => {
|
|
18682
|
+
if (!legalTextsResolver.hasResolved) $$render(consequent_6);
|
|
18683
|
+
else $$render(alternate_2, false);
|
|
18251
18684
|
});
|
|
18252
18685
|
}
|
|
18253
|
-
var alviere_button = sibling(node_4, 2);
|
|
18254
|
-
set_custom_element_data(alviere_button, "variant", "primary");
|
|
18255
|
-
set_custom_element_data(alviere_button, "size", "md");
|
|
18256
|
-
set_custom_element_data(alviere_button, "handler", handlePay);
|
|
18257
|
-
template_effect(() => set_custom_element_data(alviere_button, "disabled", !get$1(canPay)()));
|
|
18258
|
-
set_class(alviere_button, 1, "svelte-1l48sab");
|
|
18259
|
-
var text_9 = child(alviere_button, true);
|
|
18260
|
-
reset(alviere_button);
|
|
18261
18686
|
reset(div_2);
|
|
18262
18687
|
reset(div);
|
|
18263
18688
|
bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
|
|
18264
|
-
template_effect(($0) => set_text(text_9, $0), [() => getLabel("payButtonLabel", "Pay")]);
|
|
18265
18689
|
append($$anchor, div);
|
|
18266
18690
|
var $$pop = pop($$exports);
|
|
18267
18691
|
$$cleanup();
|
|
@@ -18282,13 +18706,14 @@ customElements.define("alviere-checkout-confirm", create_custom_element(
|
|
|
18282
18706
|
publicCertificate: {},
|
|
18283
18707
|
publicCertificateId: {},
|
|
18284
18708
|
profile: {},
|
|
18285
|
-
config: {}
|
|
18709
|
+
config: {},
|
|
18710
|
+
isInFlow: {}
|
|
18286
18711
|
},
|
|
18287
18712
|
[],
|
|
18288
18713
|
[],
|
|
18289
18714
|
true
|
|
18290
18715
|
));
|
|
18291
|
-
var root_1$
|
|
18716
|
+
var root_1$5 = /* @__PURE__ */ from_svg(`<svg class="alviere-spinner__circle svelte-545qvv" viewBox="0 0 50 50" part="circle"><circle class="alviere-spinner__circle-path svelte-545qvv" cx="25" cy="25" r="20" fill="none" stroke-width="4" part="circle-path"></circle></svg>`);
|
|
18292
18717
|
var root_3$4 = /* @__PURE__ */ from_html(`<div class="alviere-spinner__dots svelte-545qvv" part="dots"><div class="alviere-spinner__dot svelte-545qvv" part="dot"></div> <div class="alviere-spinner__dot svelte-545qvv" part="dot"></div> <div class="alviere-spinner__dot svelte-545qvv" part="dot"></div></div>`);
|
|
18293
18718
|
var root$6 = /* @__PURE__ */ from_html(`<div role="status" aria-live="polite" part="root"><!> <div class="alviere-spinner__message svelte-545qvv"><!></div></div>`);
|
|
18294
18719
|
const $$css$9 = {
|
|
@@ -18350,7 +18775,7 @@ function Spinner($$anchor, $$props) {
|
|
|
18350
18775
|
var node = child(div);
|
|
18351
18776
|
{
|
|
18352
18777
|
var consequent = ($$anchor2) => {
|
|
18353
|
-
var svg = root_1$
|
|
18778
|
+
var svg = root_1$5();
|
|
18354
18779
|
append($$anchor2, svg);
|
|
18355
18780
|
};
|
|
18356
18781
|
var alternate = ($$anchor2) => {
|
|
@@ -18406,7 +18831,7 @@ customElements.define("alviere-spinner", create_custom_element(
|
|
|
18406
18831
|
var root_2$2 = /* @__PURE__ */ from_html(`<div class="alviere-timeline__connector svelte-1db5upf" part="connector"></div>`);
|
|
18407
18832
|
var root_4$3 = /* @__PURE__ */ from_html(`<span class="alviere-timeline__step-description svelte-1db5upf" part="step-description"> </span>`);
|
|
18408
18833
|
var root_3$3 = /* @__PURE__ */ from_html(`<div class="alviere-timeline__step-label svelte-1db5upf" part="step-label"><span class="alviere-timeline__step-text svelte-1db5upf" part="step-text"> </span> <!></div>`);
|
|
18409
|
-
var root_1$
|
|
18834
|
+
var root_1$4 = /* @__PURE__ */ from_html(`<div class="alviere-timeline__step-wrapper svelte-1db5upf" part="step-wrapper"><!> <div part="step"><div class="alviere-timeline__step-indicator svelte-1db5upf" part="step-indicator"><span class="alviere-timeline__step-icon svelte-1db5upf" part="step-icon"><!></span> <div class="alviere-timeline__step-ripple svelte-1db5upf" part="step-ripple"></div></div> <!></div></div>`);
|
|
18410
18835
|
var root$5 = /* @__PURE__ */ from_html(`<div role="progressbar" aria-label="Progress timeline" part="root"><div class="alviere-timeline__container svelte-1db5upf" part="container"></div></div>`);
|
|
18411
18836
|
const $$css$8 = {
|
|
18412
18837
|
hash: "svelte-1db5upf",
|
|
@@ -18508,7 +18933,7 @@ function Timeline($$anchor, $$props) {
|
|
|
18508
18933
|
var div = root$5();
|
|
18509
18934
|
var div_1 = child(div);
|
|
18510
18935
|
each(div_1, 21, steps, index, ($$anchor2, step, index2) => {
|
|
18511
|
-
var div_2 = root_1$
|
|
18936
|
+
var div_2 = root_1$4();
|
|
18512
18937
|
var node = child(div_2);
|
|
18513
18938
|
{
|
|
18514
18939
|
var consequent = ($$anchor3) => {
|
|
@@ -18623,7 +19048,7 @@ function Badge($$anchor, $$props) {
|
|
|
18623
19048
|
return pop($$exports);
|
|
18624
19049
|
}
|
|
18625
19050
|
customElements.define("alviere-badge", create_custom_element(Badge, { variant: {}, size: {} }, ["default"], [], true));
|
|
18626
|
-
var root_1$
|
|
19051
|
+
var root_1$3 = /* @__PURE__ */ from_html(`<span class="alviere-button__icon svelte-krj1wt" part="icon"><!></span>`);
|
|
18627
19052
|
var root$3 = /* @__PURE__ */ from_html(`<button part="root"><!> <span class="alviere-button__label svelte-krj1wt" part="label"><!></span></button>`);
|
|
18628
19053
|
const $$css$6 = {
|
|
18629
19054
|
hash: "svelte-krj1wt",
|
|
@@ -18744,7 +19169,7 @@ function Button($$anchor, $$props) {
|
|
|
18744
19169
|
var node = child(button);
|
|
18745
19170
|
{
|
|
18746
19171
|
var consequent = ($$anchor2) => {
|
|
18747
|
-
var span = root_1$
|
|
19172
|
+
var span = root_1$3();
|
|
18748
19173
|
var node_1 = child(span);
|
|
18749
19174
|
html(node_1, () => get$1(iconHTML)());
|
|
18750
19175
|
reset(span);
|
|
@@ -18789,7 +19214,7 @@ customElements.define("alviere-button", create_custom_element(
|
|
|
18789
19214
|
[],
|
|
18790
19215
|
true
|
|
18791
19216
|
));
|
|
18792
|
-
var root_1$
|
|
19217
|
+
var root_1$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkbox__label"><!></div>`);
|
|
18793
19218
|
var root$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkbox svelte-1u6cz3v"><div><input type="checkbox" class="alviere-checkbox__input-checkbox svelte-1u6cz3v"/> <div class="alviere-checkbox__input-inner svelte-1u6cz3v"><div class="alviere-checkbox__input-inner-checkmark svelte-1u6cz3v"><!></div></div></div> <!></div>`);
|
|
18794
19219
|
const $$css$5 = {
|
|
18795
19220
|
hash: "svelte-1u6cz3v",
|
|
@@ -18895,7 +19320,7 @@ function Checkbox($$anchor, $$props) {
|
|
|
18895
19320
|
var node_1 = sibling(div_1, 2);
|
|
18896
19321
|
{
|
|
18897
19322
|
var consequent = ($$anchor2) => {
|
|
18898
|
-
var div_4 = root_1$
|
|
19323
|
+
var div_4 = root_1$2();
|
|
18899
19324
|
var node_2 = child(div_4);
|
|
18900
19325
|
slot(node_2, $$props, "label", {}, ($$anchor3) => {
|
|
18901
19326
|
var text$1 = text();
|
|
@@ -18941,7 +19366,7 @@ customElements.define("alviere-checkbox", create_custom_element(
|
|
|
18941
19366
|
[],
|
|
18942
19367
|
true
|
|
18943
19368
|
));
|
|
18944
|
-
var root_1$
|
|
19369
|
+
var root_1$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__loading svelte-te6ayp"><alviere-spinner></alviere-spinner> <span>Loading terms...</span></div>`, 2);
|
|
18945
19370
|
var root_3$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__error svelte-te6ayp"> </div>`);
|
|
18946
19371
|
var root_5$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__item svelte-te6ayp"><alviere-checkbox><span slot="label" class="legal-text-consent__label svelte-te6ayp"><span>I agree to the</span> <button type="button" class="legal-text-consent__link svelte-te6ayp"> </button></span></alviere-checkbox></div>`, 2);
|
|
18947
19372
|
var root_6$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-text svelte-te6ayp"> </div>`);
|
|
@@ -19128,7 +19553,7 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19128
19553
|
var node = child(div);
|
|
19129
19554
|
{
|
|
19130
19555
|
var consequent = ($$anchor2) => {
|
|
19131
|
-
var div_1 = root_1$
|
|
19556
|
+
var div_1 = root_1$1();
|
|
19132
19557
|
var alviere_spinner = child(div_1);
|
|
19133
19558
|
set_custom_element_data(alviere_spinner, "size", "sm");
|
|
19134
19559
|
set_custom_element_data(alviere_spinner, "variant", "circular");
|
|
@@ -19585,7 +20010,7 @@ create_custom_element(
|
|
|
19585
20010
|
true
|
|
19586
20011
|
);
|
|
19587
20012
|
var root_5$1 = /* @__PURE__ */ from_html(`<button class="form-error-boundary__retry svelte-bo25nl">Try Again</button>`);
|
|
19588
|
-
var root_1
|
|
20013
|
+
var root_1 = /* @__PURE__ */ from_html(`<div class="form-error-boundary svelte-bo25nl"><div class="form-error-boundary__icon svelte-bo25nl"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" class="svelte-bo25nl"><circle cx="12" cy="12" r="10" stroke-width="2"></circle><line x1="12" y1="8" x2="12" y2="12" stroke-width="2"></line><circle cx="12" cy="16" r="1" fill="currentColor"></circle></svg></div> <h3 class="form-error-boundary__title svelte-bo25nl">Unable to Load Payment Form</h3> <p class="form-error-boundary__message svelte-bo25nl">We encountered an issue while loading the payment form. <!></p> <!> <!></div>`);
|
|
19589
20014
|
const $$css$1 = {
|
|
19590
20015
|
hash: "svelte-bo25nl",
|
|
19591
20016
|
code: ".form-error-boundary.svelte-bo25nl {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:#fefce8;border:1px solid #fde047;border-radius:0.5rem;}.form-error-boundary__icon.svelte-bo25nl {color:#ca8a04;margin-bottom:1rem;}.form-error-boundary__icon.svelte-bo25nl svg:where(.svelte-bo25nl) {display:block;}.form-error-boundary__title.svelte-bo25nl {color:#713f12;font-size:1.125rem;font-weight:600;margin:0 0 0.75rem 0;}.form-error-boundary__message.svelte-bo25nl {color:#854d0e;font-size:0.875rem;line-height:1.5;margin:0 0 1.5rem 0;max-width:400px;}.form-error-boundary__details.svelte-bo25nl {margin:0 0 1.5rem 0;text-align:left;width:100%;max-width:500px;}.form-error-boundary__details.svelte-bo25nl summary:where(.svelte-bo25nl) {cursor:pointer;color:#92400e;font-size:0.75rem;font-weight:500;margin-bottom:0.5rem;}.form-error-boundary__details.svelte-bo25nl summary:where(.svelte-bo25nl):hover {text-decoration:underline;}.form-error-boundary__details.svelte-bo25nl pre:where(.svelte-bo25nl) {background:#fef3c7;padding:0.75rem;border-radius:0.25rem;font-size:0.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#78350f;}.form-error-boundary__retry.svelte-bo25nl {background:#ca8a04;color:white;border:none;padding:0.625rem 1.25rem;border-radius:0.375rem;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s;}.form-error-boundary__retry.svelte-bo25nl:hover {background:#a16207;transform:translateY(-1px);}.form-error-boundary__retry.svelte-bo25nl:active {background:#854d0e;transform:translateY(0);}"
|
|
@@ -19636,7 +20061,7 @@ function FormErrorBoundary($$anchor, $$props) {
|
|
|
19636
20061
|
var node = first_child(fragment);
|
|
19637
20062
|
{
|
|
19638
20063
|
var consequent_3 = ($$anchor2) => {
|
|
19639
|
-
var div = root_1
|
|
20064
|
+
var div = root_1();
|
|
19640
20065
|
var p = sibling(child(div), 4);
|
|
19641
20066
|
var node_1 = sibling(child(p));
|
|
19642
20067
|
{
|
|
@@ -19723,6 +20148,7 @@ function createJwtFlowManager(options) {
|
|
|
19723
20148
|
}
|
|
19724
20149
|
});
|
|
19725
20150
|
function scheduleRefresh(jwt) {
|
|
20151
|
+
var _a2;
|
|
19726
20152
|
if (refreshTimer !== null) {
|
|
19727
20153
|
clearTimeout(refreshTimer);
|
|
19728
20154
|
refreshTimer = null;
|
|
@@ -19732,21 +20158,31 @@ function createJwtFlowManager(options) {
|
|
|
19732
20158
|
const delay = refreshAtMs - Date.now();
|
|
19733
20159
|
if (delay <= 0) {
|
|
19734
20160
|
getDebug() && uiLogger.warn("⏰ JWT refresh time already passed — triggering immediately");
|
|
20161
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
20162
|
+
getDebug() && uiLogger.warn("📵 Device is offline at refresh time — exhausting re-auth immediately");
|
|
20163
|
+
(_a2 = options.onReAuthExhausted) == null ? void 0 : _a2.call(options);
|
|
20164
|
+
return;
|
|
20165
|
+
}
|
|
19735
20166
|
attemptReAuth().then((success) => {
|
|
19736
|
-
var
|
|
19737
|
-
if (!success) (
|
|
20167
|
+
var _a3;
|
|
20168
|
+
if (!success) (_a3 = options.onReAuthExhausted) == null ? void 0 : _a3.call(options);
|
|
19738
20169
|
});
|
|
19739
20170
|
return;
|
|
19740
20171
|
}
|
|
19741
20172
|
getDebug() && uiLogger.info(`⏰ JWT refresh scheduled in ${Math.round(delay / 1e3)}s (at ${new Date(refreshAtMs).toISOString()})`);
|
|
19742
20173
|
refreshTimer = setTimeout(
|
|
19743
20174
|
async () => {
|
|
19744
|
-
var
|
|
20175
|
+
var _a3, _b;
|
|
19745
20176
|
refreshTimer = null;
|
|
19746
20177
|
getDebug() && uiLogger.info("⏰ JWT refresh timer fired — attempting re-auth");
|
|
20178
|
+
if (typeof navigator !== "undefined" && !navigator.onLine) {
|
|
20179
|
+
getDebug() && uiLogger.warn("📵 Device is offline when refresh timer fired — exhausting re-auth");
|
|
20180
|
+
(_a3 = options.onReAuthExhausted) == null ? void 0 : _a3.call(options);
|
|
20181
|
+
return;
|
|
20182
|
+
}
|
|
19747
20183
|
const success = await attemptReAuth();
|
|
19748
20184
|
if (!success) {
|
|
19749
|
-
(
|
|
20185
|
+
(_b = options.onReAuthExhausted) == null ? void 0 : _b.call(options);
|
|
19750
20186
|
}
|
|
19751
20187
|
},
|
|
19752
20188
|
delay
|
|
@@ -20228,31 +20664,31 @@ function generateTimelineSteps(steps, stepStatuses, currentStepIndex) {
|
|
|
20228
20664
|
};
|
|
20229
20665
|
});
|
|
20230
20666
|
}
|
|
20231
|
-
var
|
|
20232
|
-
var
|
|
20233
|
-
var
|
|
20234
|
-
var
|
|
20235
|
-
var
|
|
20236
|
-
var
|
|
20237
|
-
var
|
|
20238
|
-
var
|
|
20239
|
-
var
|
|
20240
|
-
var
|
|
20241
|
-
var
|
|
20242
|
-
var
|
|
20243
|
-
var
|
|
20244
|
-
var
|
|
20245
|
-
var
|
|
20246
|
-
var
|
|
20247
|
-
var
|
|
20248
|
-
var
|
|
20249
|
-
var
|
|
20250
|
-
var
|
|
20251
|
-
var
|
|
20252
|
-
var root = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow svelte-qf1k5k"><!> <!> <!> <!> <!> <!> <!> <!> <!></div>`);
|
|
20667
|
+
var root_3 = /* @__PURE__ */ from_html(`<h1 class="alviere-multi-step-flow__flow-title svelte-qf1k5k"> </h1>`);
|
|
20668
|
+
var root_4 = /* @__PURE__ */ from_html(`<p class="alviere-multi-step-flow__flow-description svelte-qf1k5k"> </p>`);
|
|
20669
|
+
var root_2 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-header svelte-qf1k5k"><!> <!></div>`);
|
|
20670
|
+
var root_5 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__flow-progress"><alviere-timeline></alviere-timeline></div>`, 2);
|
|
20671
|
+
var root_8 = /* @__PURE__ */ from_html(`<span class="alviere-multi-step-flow__step-navigation__status svelte-qf1k5k">✓</span>`);
|
|
20672
|
+
var root_9 = /* @__PURE__ */ from_html(`<span class="alviere-multi-step-flow__step-navigation__status svelte-qf1k5k">✗</span>`);
|
|
20673
|
+
var root_7 = /* @__PURE__ */ from_html(`<button><span class="alviere-multi-step-flow__step-navigation__number svelte-qf1k5k"></span> <span class="alviere-multi-step-flow__step-navigation__label svelte-qf1k5k"> </span> <!> <!></button>`);
|
|
20674
|
+
var root_6 = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow__step-navigation svelte-qf1k5k"></div>`);
|
|
20675
|
+
var root_13 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k"> </div>`);
|
|
20676
|
+
var root_14 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k">No step type specified</div>`);
|
|
20677
|
+
var root_10 = /* @__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>`);
|
|
20678
|
+
var root_16 = /* @__PURE__ */ from_html(`<p class="flow-complete-message svelte-qf1k5k"><!></p>`);
|
|
20679
|
+
var root_15 = /* @__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>`);
|
|
20680
|
+
var root_18 = /* @__PURE__ */ from_html(`<p class="flow-barrier-status svelte-qf1k5k"> </p>`);
|
|
20681
|
+
var root_19 = /* @__PURE__ */ from_html(`<p class="flow-barrier-description svelte-qf1k5k"><!></p>`);
|
|
20682
|
+
var root_17 = /* @__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>`);
|
|
20683
|
+
var root_21 = /* @__PURE__ */ from_html(`<p class="flow-error-code svelte-qf1k5k"> </p>`);
|
|
20684
|
+
var root_22 = /* @__PURE__ */ from_html(`<p class="flow-error-description svelte-qf1k5k"> </p>`);
|
|
20685
|
+
var root_20 = /* @__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>`);
|
|
20686
|
+
var root_23 = /* @__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>`);
|
|
20687
|
+
var root_24 = /* @__PURE__ */ from_html(`<div class="error-message svelte-qf1k5k"> </div>`);
|
|
20688
|
+
var root = /* @__PURE__ */ from_html(`<div class="alviere-multi-step-flow svelte-qf1k5k"><!> <!> <!> <!> <!> <!> <!> <!> <!> <!></div>`);
|
|
20253
20689
|
const $$css = {
|
|
20254
20690
|
hash: "svelte-qf1k5k",
|
|
20255
|
-
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;
|
|
20691
|
+
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;position:relative;--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;
|
|
20256
20692
|
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);
|
|
20257
20693
|
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;
|
|
20258
20694
|
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);
|
|
@@ -20330,6 +20766,7 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20330
20766
|
}
|
|
20331
20767
|
});
|
|
20332
20768
|
flowCoreStore.setJwtManager(jwtManager);
|
|
20769
|
+
const offlineGuard = createOfflineGuard();
|
|
20333
20770
|
const flowManager = createFlowStateManager(() => config());
|
|
20334
20771
|
const eventDispatcher = createFlowEventDispatcher({
|
|
20335
20772
|
getFlowElement: () => get$1(
|
|
@@ -20380,6 +20817,7 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20380
20817
|
const finalMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["finalMessage", "finalMessageLabel", "finalDescription"]) || "");
|
|
20381
20818
|
const criticalErrorTitle = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["criticalErrorTitleLabel", "criticalErrorTitle"]) || "Unable to Continue");
|
|
20382
20819
|
const criticalErrorMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["criticalErrorMessageLabel", "criticalErrorMessage"]) || "An error occurred. Please try again.");
|
|
20820
|
+
const offlineMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["offlineMessageLabel", "offlineMessage"]) || "You are currently offline. Check your connection.");
|
|
20383
20821
|
user_effect(() => {
|
|
20384
20822
|
const profile = extractProfileFromConfig(config());
|
|
20385
20823
|
if (profile !== get$1(effectiveProfile)) {
|
|
@@ -20792,45 +21230,58 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20792
21230
|
var div = root();
|
|
20793
21231
|
var node = child(div);
|
|
20794
21232
|
{
|
|
20795
|
-
var
|
|
20796
|
-
|
|
20797
|
-
|
|
21233
|
+
var consequent = ($$anchor2) => {
|
|
21234
|
+
OfflineOverlay($$anchor2, {
|
|
21235
|
+
get message() {
|
|
21236
|
+
return get$1(offlineMessage);
|
|
21237
|
+
}
|
|
21238
|
+
});
|
|
21239
|
+
};
|
|
21240
|
+
if_block(node, ($$render) => {
|
|
21241
|
+
if (offlineGuard.isOffline && !get$1(flowError) && !get$1(flowBarrier)) $$render(consequent);
|
|
21242
|
+
});
|
|
21243
|
+
}
|
|
21244
|
+
var node_1 = sibling(node, 2);
|
|
21245
|
+
{
|
|
21246
|
+
var consequent_3 = ($$anchor2) => {
|
|
21247
|
+
var div_1 = root_2();
|
|
21248
|
+
var node_2 = child(div_1);
|
|
20798
21249
|
{
|
|
20799
|
-
var
|
|
20800
|
-
var h1 =
|
|
21250
|
+
var consequent_1 = ($$anchor3) => {
|
|
21251
|
+
var h1 = root_3();
|
|
20801
21252
|
var text2 = child(h1, true);
|
|
20802
21253
|
reset(h1);
|
|
20803
21254
|
template_effect(() => set_text(text2, config().title));
|
|
20804
21255
|
append($$anchor3, h1);
|
|
20805
21256
|
};
|
|
20806
|
-
if_block(
|
|
20807
|
-
if (config().title) $$render(
|
|
21257
|
+
if_block(node_2, ($$render) => {
|
|
21258
|
+
if (config().title) $$render(consequent_1);
|
|
20808
21259
|
});
|
|
20809
21260
|
}
|
|
20810
|
-
var
|
|
21261
|
+
var node_3 = sibling(node_2, 2);
|
|
20811
21262
|
{
|
|
20812
|
-
var
|
|
20813
|
-
var p =
|
|
21263
|
+
var consequent_2 = ($$anchor3) => {
|
|
21264
|
+
var p = root_4();
|
|
20814
21265
|
var text_1 = child(p, true);
|
|
20815
21266
|
reset(p);
|
|
20816
21267
|
template_effect(() => set_text(text_1, config().description));
|
|
20817
21268
|
append($$anchor3, p);
|
|
20818
21269
|
};
|
|
20819
|
-
if_block(
|
|
20820
|
-
if (config().description) $$render(
|
|
21270
|
+
if_block(node_3, ($$render) => {
|
|
21271
|
+
if (config().description) $$render(consequent_2);
|
|
20821
21272
|
});
|
|
20822
21273
|
}
|
|
20823
21274
|
reset(div_1);
|
|
20824
21275
|
append($$anchor2, div_1);
|
|
20825
21276
|
};
|
|
20826
|
-
if_block(
|
|
20827
|
-
if (config().title || config().description) $$render(
|
|
21277
|
+
if_block(node_1, ($$render) => {
|
|
21278
|
+
if (config().title || config().description) $$render(consequent_3);
|
|
20828
21279
|
});
|
|
20829
21280
|
}
|
|
20830
|
-
var
|
|
21281
|
+
var node_4 = sibling(node_1, 2);
|
|
20831
21282
|
{
|
|
20832
|
-
var
|
|
20833
|
-
var div_2 =
|
|
21283
|
+
var consequent_4 = ($$anchor2) => {
|
|
21284
|
+
var div_2 = root_5();
|
|
20834
21285
|
var alviere_timeline = child(div_2);
|
|
20835
21286
|
template_effect(() => set_custom_element_data(alviere_timeline, "steps", get$1(timelineSteps)));
|
|
20836
21287
|
set_custom_element_data(alviere_timeline, "size", "sm");
|
|
@@ -20839,17 +21290,17 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20839
21290
|
reset(div_2);
|
|
20840
21291
|
append($$anchor2, div_2);
|
|
20841
21292
|
};
|
|
20842
|
-
if_block(
|
|
21293
|
+
if_block(node_4, ($$render) => {
|
|
20843
21294
|
var _a3, _b2;
|
|
20844
|
-
if (((_a3 = config()) == null ? void 0 : _a3.showProgress) !== false && ((_b2 = config()) == null ? void 0 : _b2.steps)) $$render(
|
|
21295
|
+
if (((_a3 = config()) == null ? void 0 : _a3.showProgress) !== false && ((_b2 = config()) == null ? void 0 : _b2.steps)) $$render(consequent_4);
|
|
20845
21296
|
});
|
|
20846
21297
|
}
|
|
20847
|
-
var
|
|
21298
|
+
var node_5 = sibling(node_4, 2);
|
|
20848
21299
|
{
|
|
20849
|
-
var
|
|
20850
|
-
var div_3 =
|
|
21300
|
+
var consequent_7 = ($$anchor2) => {
|
|
21301
|
+
var div_3 = root_6();
|
|
20851
21302
|
each(div_3, 21, () => config().steps, index, ($$anchor3, step, index2) => {
|
|
20852
|
-
var button =
|
|
21303
|
+
var button = root_7();
|
|
20853
21304
|
let classes;
|
|
20854
21305
|
button.__click = () => goToStep(index2);
|
|
20855
21306
|
var span = child(button);
|
|
@@ -20857,24 +21308,24 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20857
21308
|
var span_1 = sibling(span, 2);
|
|
20858
21309
|
var text_2 = child(span_1, true);
|
|
20859
21310
|
reset(span_1);
|
|
20860
|
-
var
|
|
21311
|
+
var node_6 = sibling(span_1, 2);
|
|
20861
21312
|
{
|
|
20862
|
-
var
|
|
20863
|
-
var span_2 =
|
|
21313
|
+
var consequent_5 = ($$anchor4) => {
|
|
21314
|
+
var span_2 = root_8();
|
|
20864
21315
|
append($$anchor4, span_2);
|
|
20865
21316
|
};
|
|
20866
|
-
if_block(
|
|
20867
|
-
if (flowManager.stepStatuses[index2] === "COMPLETE") $$render(
|
|
21317
|
+
if_block(node_6, ($$render) => {
|
|
21318
|
+
if (flowManager.stepStatuses[index2] === "COMPLETE") $$render(consequent_5);
|
|
20868
21319
|
});
|
|
20869
21320
|
}
|
|
20870
|
-
var
|
|
21321
|
+
var node_7 = sibling(node_6, 2);
|
|
20871
21322
|
{
|
|
20872
|
-
var
|
|
20873
|
-
var span_3 =
|
|
21323
|
+
var consequent_6 = ($$anchor4) => {
|
|
21324
|
+
var span_3 = root_9();
|
|
20874
21325
|
append($$anchor4, span_3);
|
|
20875
21326
|
};
|
|
20876
|
-
if_block(
|
|
20877
|
-
if (flowManager.stepStatuses[index2] === "ERROR") $$render(
|
|
21327
|
+
if_block(node_7, ($$render) => {
|
|
21328
|
+
if (flowManager.stepStatuses[index2] === "ERROR") $$render(consequent_6);
|
|
20878
21329
|
});
|
|
20879
21330
|
}
|
|
20880
21331
|
reset(button);
|
|
@@ -20900,56 +21351,56 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20900
21351
|
reset(div_3);
|
|
20901
21352
|
append($$anchor2, div_3);
|
|
20902
21353
|
};
|
|
20903
|
-
if_block(
|
|
20904
|
-
if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier)) $$render(
|
|
21354
|
+
if_block(node_5, ($$render) => {
|
|
21355
|
+
if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier)) $$render(consequent_7);
|
|
20905
21356
|
});
|
|
20906
21357
|
}
|
|
20907
|
-
var
|
|
21358
|
+
var node_8 = sibling(node_5, 2);
|
|
20908
21359
|
{
|
|
20909
|
-
var
|
|
20910
|
-
var div_4 =
|
|
21360
|
+
var consequent_10 = ($$anchor2) => {
|
|
21361
|
+
var div_4 = root_10();
|
|
20911
21362
|
var div_5 = child(div_4);
|
|
20912
21363
|
var h3 = child(div_5);
|
|
20913
21364
|
var text_3 = child(h3, true);
|
|
20914
21365
|
reset(h3);
|
|
20915
21366
|
reset(div_5);
|
|
20916
21367
|
var div_6 = sibling(div_5, 2);
|
|
20917
|
-
var
|
|
21368
|
+
var node_9 = child(div_6);
|
|
20918
21369
|
{
|
|
20919
|
-
var
|
|
21370
|
+
var consequent_9 = ($$anchor3) => {
|
|
20920
21371
|
const stepTag = /* @__PURE__ */ user_derived(() => getStepComponentTag(get$1(currentStep).type));
|
|
20921
|
-
var
|
|
20922
|
-
var
|
|
21372
|
+
var fragment_1 = comment();
|
|
21373
|
+
var node_10 = first_child(fragment_1);
|
|
20923
21374
|
{
|
|
20924
|
-
var
|
|
20925
|
-
var
|
|
20926
|
-
var
|
|
20927
|
-
element(
|
|
21375
|
+
var consequent_8 = ($$anchor4) => {
|
|
21376
|
+
var fragment_2 = comment();
|
|
21377
|
+
var node_11 = first_child(fragment_2);
|
|
21378
|
+
element(node_11, () => get$1(stepTag), false, ($$element, $$anchor5) => {
|
|
20928
21379
|
attribute_effect($$element, () => ({ ...get$1(currentStepProps) }), void 0, void 0, void 0, "svelte-qf1k5k");
|
|
20929
21380
|
});
|
|
20930
|
-
append($$anchor4,
|
|
21381
|
+
append($$anchor4, fragment_2);
|
|
20931
21382
|
};
|
|
20932
21383
|
var alternate = ($$anchor4) => {
|
|
20933
|
-
var div_7 =
|
|
21384
|
+
var div_7 = root_13();
|
|
20934
21385
|
var text_4 = child(div_7);
|
|
20935
21386
|
reset(div_7);
|
|
20936
21387
|
template_effect(() => set_text(text_4, `Unknown step type: ${get$1(currentStep).type ?? ""}`));
|
|
20937
21388
|
append($$anchor4, div_7);
|
|
20938
21389
|
};
|
|
20939
|
-
if_block(
|
|
20940
|
-
if (get$1(stepTag)) $$render(
|
|
21390
|
+
if_block(node_10, ($$render) => {
|
|
21391
|
+
if (get$1(stepTag)) $$render(consequent_8);
|
|
20941
21392
|
else $$render(alternate, false);
|
|
20942
21393
|
});
|
|
20943
21394
|
}
|
|
20944
|
-
append($$anchor3,
|
|
21395
|
+
append($$anchor3, fragment_1);
|
|
20945
21396
|
};
|
|
20946
21397
|
var alternate_1 = ($$anchor3) => {
|
|
20947
|
-
var div_8 =
|
|
21398
|
+
var div_8 = root_14();
|
|
20948
21399
|
append($$anchor3, div_8);
|
|
20949
21400
|
};
|
|
20950
|
-
if_block(
|
|
21401
|
+
if_block(node_9, ($$render) => {
|
|
20951
21402
|
var _a3;
|
|
20952
|
-
if ((_a3 = get$1(currentStep)) == null ? void 0 : _a3.type) $$render(
|
|
21403
|
+
if ((_a3 = get$1(currentStep)) == null ? void 0 : _a3.type) $$render(consequent_9);
|
|
20953
21404
|
else $$render(alternate_1, false);
|
|
20954
21405
|
});
|
|
20955
21406
|
}
|
|
@@ -20960,35 +21411,35 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20960
21411
|
transition(2, div_4, () => fade, () => ({ duration: 200 }));
|
|
20961
21412
|
append($$anchor2, div_4);
|
|
20962
21413
|
};
|
|
20963
|
-
if_block(
|
|
20964
|
-
if (get$1(currentStep) && !flowManager.isComplete() && !get$1(flowError) && !get$1(flowBarrier)) $$render(
|
|
21414
|
+
if_block(node_8, ($$render) => {
|
|
21415
|
+
if (get$1(currentStep) && !flowManager.isComplete() && !get$1(flowError) && !get$1(flowBarrier)) $$render(consequent_10);
|
|
20965
21416
|
});
|
|
20966
21417
|
}
|
|
20967
|
-
var
|
|
21418
|
+
var node_12 = sibling(node_8, 2);
|
|
20968
21419
|
{
|
|
20969
|
-
var
|
|
20970
|
-
var div_9 =
|
|
21420
|
+
var consequent_12 = ($$anchor2) => {
|
|
21421
|
+
var div_9 = root_15();
|
|
20971
21422
|
var div_10 = child(div_9);
|
|
20972
21423
|
var div_11 = child(div_10);
|
|
20973
|
-
var
|
|
20974
|
-
html(
|
|
21424
|
+
var node_13 = child(div_11);
|
|
21425
|
+
html(node_13, () => checkIcon.outerHTML);
|
|
20975
21426
|
reset(div_11);
|
|
20976
21427
|
reset(div_10);
|
|
20977
21428
|
var div_12 = sibling(div_10, 2);
|
|
20978
21429
|
var p_1 = child(div_12);
|
|
20979
21430
|
var text_5 = child(p_1, true);
|
|
20980
21431
|
reset(p_1);
|
|
20981
|
-
var
|
|
21432
|
+
var node_14 = sibling(p_1, 2);
|
|
20982
21433
|
{
|
|
20983
|
-
var
|
|
20984
|
-
var p_2 =
|
|
20985
|
-
var
|
|
20986
|
-
html(
|
|
21434
|
+
var consequent_11 = ($$anchor3) => {
|
|
21435
|
+
var p_2 = root_16();
|
|
21436
|
+
var node_15 = child(p_2);
|
|
21437
|
+
html(node_15, () => get$1(finalMessage));
|
|
20987
21438
|
reset(p_2);
|
|
20988
21439
|
append($$anchor3, p_2);
|
|
20989
21440
|
};
|
|
20990
|
-
if_block(
|
|
20991
|
-
if (get$1(finalMessage)) $$render(
|
|
21441
|
+
if_block(node_14, ($$render) => {
|
|
21442
|
+
if (get$1(finalMessage)) $$render(consequent_11);
|
|
20992
21443
|
});
|
|
20993
21444
|
}
|
|
20994
21445
|
reset(div_12);
|
|
@@ -20998,18 +21449,18 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20998
21449
|
transition(2, div_9, () => fade, () => ({ duration: 200 }));
|
|
20999
21450
|
append($$anchor2, div_9);
|
|
21000
21451
|
};
|
|
21001
|
-
if_block(
|
|
21002
|
-
if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(
|
|
21452
|
+
if_block(node_12, ($$render) => {
|
|
21453
|
+
if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(consequent_12);
|
|
21003
21454
|
});
|
|
21004
21455
|
}
|
|
21005
|
-
var
|
|
21456
|
+
var node_16 = sibling(node_12, 2);
|
|
21006
21457
|
{
|
|
21007
|
-
var
|
|
21008
|
-
var div_13 =
|
|
21458
|
+
var consequent_15 = ($$anchor2) => {
|
|
21459
|
+
var div_13 = root_17();
|
|
21009
21460
|
var div_14 = child(div_13);
|
|
21010
21461
|
var div_15 = child(div_14);
|
|
21011
|
-
var
|
|
21012
|
-
html(
|
|
21462
|
+
var node_17 = child(div_15);
|
|
21463
|
+
html(node_17, () => infoIcon.outerHTML);
|
|
21013
21464
|
reset(div_15);
|
|
21014
21465
|
reset(div_14);
|
|
21015
21466
|
var div_16 = sibling(div_14, 2);
|
|
@@ -21017,33 +21468,33 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21017
21468
|
var text_6 = child(h3_1, true);
|
|
21018
21469
|
reset(h3_1);
|
|
21019
21470
|
var p_3 = sibling(h3_1, 2);
|
|
21020
|
-
var
|
|
21021
|
-
html(
|
|
21471
|
+
var node_18 = child(p_3);
|
|
21472
|
+
html(node_18, () => get$1(flowBarrier).message || "");
|
|
21022
21473
|
reset(p_3);
|
|
21023
|
-
var
|
|
21474
|
+
var node_19 = sibling(p_3, 2);
|
|
21024
21475
|
{
|
|
21025
|
-
var
|
|
21026
|
-
var p_4 =
|
|
21476
|
+
var consequent_13 = ($$anchor3) => {
|
|
21477
|
+
var p_4 = root_18();
|
|
21027
21478
|
var text_7 = child(p_4);
|
|
21028
21479
|
reset(p_4);
|
|
21029
21480
|
template_effect(() => set_text(text_7, `Status: ${get$1(flowBarrier).status ?? ""}`));
|
|
21030
21481
|
append($$anchor3, p_4);
|
|
21031
21482
|
};
|
|
21032
|
-
if_block(
|
|
21033
|
-
if (debug() && get$1(flowBarrier).status) $$render(
|
|
21483
|
+
if_block(node_19, ($$render) => {
|
|
21484
|
+
if (debug() && get$1(flowBarrier).status) $$render(consequent_13);
|
|
21034
21485
|
});
|
|
21035
21486
|
}
|
|
21036
|
-
var
|
|
21487
|
+
var node_20 = sibling(node_19, 2);
|
|
21037
21488
|
{
|
|
21038
|
-
var
|
|
21039
|
-
var p_5 =
|
|
21040
|
-
var
|
|
21041
|
-
html(
|
|
21489
|
+
var consequent_14 = ($$anchor3) => {
|
|
21490
|
+
var p_5 = root_19();
|
|
21491
|
+
var node_21 = child(p_5);
|
|
21492
|
+
html(node_21, () => get$1(flowBarrier).description);
|
|
21042
21493
|
reset(p_5);
|
|
21043
21494
|
append($$anchor3, p_5);
|
|
21044
21495
|
};
|
|
21045
|
-
if_block(
|
|
21046
|
-
if (debug() && get$1(flowBarrier).description) $$render(
|
|
21496
|
+
if_block(node_20, ($$render) => {
|
|
21497
|
+
if (debug() && get$1(flowBarrier).description) $$render(consequent_14);
|
|
21047
21498
|
});
|
|
21048
21499
|
}
|
|
21049
21500
|
reset(div_16);
|
|
@@ -21053,18 +21504,18 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21053
21504
|
transition(2, div_13, () => fade, () => ({ duration: 200 }));
|
|
21054
21505
|
append($$anchor2, div_13);
|
|
21055
21506
|
};
|
|
21056
|
-
if_block(
|
|
21057
|
-
if (get$1(flowBarrier)) $$render(
|
|
21507
|
+
if_block(node_16, ($$render) => {
|
|
21508
|
+
if (get$1(flowBarrier)) $$render(consequent_15);
|
|
21058
21509
|
});
|
|
21059
21510
|
}
|
|
21060
|
-
var
|
|
21511
|
+
var node_22 = sibling(node_16, 2);
|
|
21061
21512
|
{
|
|
21062
|
-
var
|
|
21063
|
-
var div_17 =
|
|
21513
|
+
var consequent_18 = ($$anchor2) => {
|
|
21514
|
+
var div_17 = root_20();
|
|
21064
21515
|
var div_18 = child(div_17);
|
|
21065
21516
|
var div_19 = child(div_18);
|
|
21066
|
-
var
|
|
21067
|
-
html(
|
|
21517
|
+
var node_23 = child(div_19);
|
|
21518
|
+
html(node_23, () => errorIcon.outerHTML);
|
|
21068
21519
|
reset(div_19);
|
|
21069
21520
|
reset(div_18);
|
|
21070
21521
|
var div_20 = sibling(div_18, 2);
|
|
@@ -21074,30 +21525,30 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21074
21525
|
var p_6 = sibling(h3_2, 2);
|
|
21075
21526
|
var text_9 = child(p_6, true);
|
|
21076
21527
|
reset(p_6);
|
|
21077
|
-
var
|
|
21528
|
+
var node_24 = sibling(p_6, 2);
|
|
21078
21529
|
{
|
|
21079
|
-
var
|
|
21080
|
-
var p_7 =
|
|
21530
|
+
var consequent_16 = ($$anchor3) => {
|
|
21531
|
+
var p_7 = root_21();
|
|
21081
21532
|
var text_10 = child(p_7);
|
|
21082
21533
|
reset(p_7);
|
|
21083
21534
|
template_effect(() => set_text(text_10, `Error Code: ${get$1(flowError).errorCode ?? ""}`));
|
|
21084
21535
|
append($$anchor3, p_7);
|
|
21085
21536
|
};
|
|
21086
|
-
if_block(
|
|
21087
|
-
if (debug() && get$1(flowError).errorCode) $$render(
|
|
21537
|
+
if_block(node_24, ($$render) => {
|
|
21538
|
+
if (debug() && get$1(flowError).errorCode) $$render(consequent_16);
|
|
21088
21539
|
});
|
|
21089
21540
|
}
|
|
21090
|
-
var
|
|
21541
|
+
var node_25 = sibling(node_24, 2);
|
|
21091
21542
|
{
|
|
21092
|
-
var
|
|
21093
|
-
var p_8 =
|
|
21543
|
+
var consequent_17 = ($$anchor3) => {
|
|
21544
|
+
var p_8 = root_22();
|
|
21094
21545
|
var text_11 = child(p_8, true);
|
|
21095
21546
|
reset(p_8);
|
|
21096
21547
|
template_effect(() => set_text(text_11, get$1(flowError).description));
|
|
21097
21548
|
append($$anchor3, p_8);
|
|
21098
21549
|
};
|
|
21099
|
-
if_block(
|
|
21100
|
-
if (debug() && get$1(flowError).description) $$render(
|
|
21550
|
+
if_block(node_25, ($$render) => {
|
|
21551
|
+
if (debug() && get$1(flowError).description) $$render(consequent_17);
|
|
21101
21552
|
});
|
|
21102
21553
|
}
|
|
21103
21554
|
reset(div_20);
|
|
@@ -21110,14 +21561,14 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21110
21561
|
transition(2, div_17, () => fade, () => ({ duration: 200 }));
|
|
21111
21562
|
append($$anchor2, div_17);
|
|
21112
21563
|
};
|
|
21113
|
-
if_block(
|
|
21114
|
-
if (get$1(flowError)) $$render(
|
|
21564
|
+
if_block(node_22, ($$render) => {
|
|
21565
|
+
if (get$1(flowError)) $$render(consequent_18);
|
|
21115
21566
|
});
|
|
21116
21567
|
}
|
|
21117
|
-
var
|
|
21568
|
+
var node_26 = sibling(node_22, 2);
|
|
21118
21569
|
{
|
|
21119
|
-
var
|
|
21120
|
-
var div_21 =
|
|
21570
|
+
var consequent_19 = ($$anchor2) => {
|
|
21571
|
+
var div_21 = root_23();
|
|
21121
21572
|
var button_1 = child(div_21);
|
|
21122
21573
|
button_1.__click = previousStep;
|
|
21123
21574
|
var button_2 = sibling(button_1, 2);
|
|
@@ -21136,21 +21587,21 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21136
21587
|
);
|
|
21137
21588
|
append($$anchor2, div_21);
|
|
21138
21589
|
};
|
|
21139
|
-
if_block(
|
|
21140
|
-
if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier) && !flowManager.isComplete()) $$render(
|
|
21590
|
+
if_block(node_26, ($$render) => {
|
|
21591
|
+
if (config().showNavigation !== false && !get$1(flowError) && !get$1(flowBarrier) && !flowManager.isComplete()) $$render(consequent_19);
|
|
21141
21592
|
});
|
|
21142
21593
|
}
|
|
21143
|
-
var
|
|
21594
|
+
var node_27 = sibling(node_26, 2);
|
|
21144
21595
|
{
|
|
21145
|
-
var
|
|
21146
|
-
var div_22 =
|
|
21596
|
+
var consequent_20 = ($$anchor2) => {
|
|
21597
|
+
var div_22 = root_24();
|
|
21147
21598
|
var text_12 = child(div_22, true);
|
|
21148
21599
|
reset(div_22);
|
|
21149
21600
|
template_effect(() => set_text(text_12, get$1(error)));
|
|
21150
21601
|
append($$anchor2, div_22);
|
|
21151
21602
|
};
|
|
21152
|
-
if_block(
|
|
21153
|
-
if (get$1(error)) $$render(
|
|
21603
|
+
if_block(node_27, ($$render) => {
|
|
21604
|
+
if (get$1(error)) $$render(consequent_20);
|
|
21154
21605
|
});
|
|
21155
21606
|
}
|
|
21156
21607
|
reset(div);
|