@alviere/ui 0.16.3 → 0.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1008 -632
- 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
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>`);
|
|
7979
|
-
var root_8$
|
|
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
|
-
var root_9$
|
|
7983
|
-
var root_10$
|
|
7995
|
+
var root_9$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
|
|
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;
|
|
@@ -8627,7 +8640,7 @@ function TextInput($$anchor, $$props) {
|
|
|
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) => {
|
|
@@ -8652,7 +8665,7 @@ function TextInput($$anchor, $$props) {
|
|
|
8652
8665
|
var node_6 = sibling(node_2, 2);
|
|
8653
8666
|
{
|
|
8654
8667
|
var consequent_6 = ($$anchor2) => {
|
|
8655
|
-
var div_3 = root_9$
|
|
8668
|
+
var div_3 = root_9$3();
|
|
8656
8669
|
var text_1 = child(div_3);
|
|
8657
8670
|
reset(div_3);
|
|
8658
8671
|
template_effect(() => set_text(text_1, `${get$1(characterCount) ?? ""}/${maxlength() ?? ""}`));
|
|
@@ -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": "First Name is not valid" }, "last_name": { "required": "Last Name is required", "nameField": "Last Name is not valid" }, "email_address": { "required": "Email Address is required", "email": "Email Address is not valid" } }, "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,9 +13747,9 @@ 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",
|
|
13739
|
-
email_address: { required: "Email Address is required", email:
|
|
13750
|
+
first_name: { required: "First Name is required", nameField: "First Name is not valid" },
|
|
13751
|
+
last_name: { required: "Last Name is required", nameField: "Last Name is not valid" },
|
|
13752
|
+
email_address: { required: "Email Address is required", email: "Email Address is not valid" },
|
|
13740
13753
|
phone_number: { phone: true },
|
|
13741
13754
|
date_of_birth: { date: true },
|
|
13742
13755
|
ssn: { pattern: { regex: /^\d{3}-?\d{2}-?\d{4}$/, message: "Please enter a valid SSN" } }
|
|
@@ -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(() => () => {
|
|
@@ -16354,6 +16605,50 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16354
16605
|
throw new Error("This should not be called - using custom handleAddBankAccount instead");
|
|
16355
16606
|
}
|
|
16356
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
|
+
});
|
|
16357
16652
|
const defaultFieldLabels = {
|
|
16358
16653
|
ach_routing_number: "Routing Number",
|
|
16359
16654
|
ach_account_number: "Account Number",
|
|
@@ -16468,6 +16763,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16468
16763
|
baseForm.actions.clearFieldError("ach_routing_number");
|
|
16469
16764
|
} else if (result.kind === "critical") {
|
|
16470
16765
|
dispatchCriticalError(result.error, result.errorCode);
|
|
16766
|
+
} else if (result.kind === "offline") {
|
|
16767
|
+
uiLogger.warn("📵 Routing number lookup failed — device is offline");
|
|
16471
16768
|
} else {
|
|
16472
16769
|
baseForm.actions.setFieldError("ach_routing_number", INVALID_ROUTING_NUMBER_MESSAGE);
|
|
16473
16770
|
uiLogger.warn("Failed to lookup bank info:", error);
|
|
@@ -16488,7 +16785,13 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16488
16785
|
throw new Error("Missing required credentials");
|
|
16489
16786
|
}
|
|
16490
16787
|
baseForm.actions.setFieldValue("external_id", `bank_${Date.now()}_${Math.random().toString(36).substring(2, 8)}`);
|
|
16491
|
-
|
|
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
|
+
}
|
|
16492
16795
|
});
|
|
16493
16796
|
async function checkForBankAccounts() {
|
|
16494
16797
|
var _a3;
|
|
@@ -16540,10 +16843,20 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16540
16843
|
}
|
|
16541
16844
|
async function deleteBankAccount(uuid) {
|
|
16542
16845
|
set(isSubmitting, true);
|
|
16543
|
-
|
|
16544
|
-
|
|
16545
|
-
|
|
16546
|
-
|
|
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
|
+
}
|
|
16547
16860
|
}
|
|
16548
16861
|
async function updateBankAccount(uuid) {
|
|
16549
16862
|
set(isSubmitting, true);
|
|
@@ -16553,9 +16866,14 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16553
16866
|
await paymentsService.processUpdateBankAccount(accountUuid(), uuid, { primary: true });
|
|
16554
16867
|
await checkForBankAccounts();
|
|
16555
16868
|
} catch (error) {
|
|
16556
|
-
|
|
16557
|
-
|
|
16558
|
-
|
|
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
|
+
}
|
|
16559
16877
|
} finally {
|
|
16560
16878
|
set(isSubmitting, false);
|
|
16561
16879
|
}
|
|
@@ -16683,6 +17001,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16683
17001
|
set(formError, "Your session has been refreshed. Please try again.");
|
|
16684
17002
|
} else if (result.kind === "critical") {
|
|
16685
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.");
|
|
16686
17007
|
} else {
|
|
16687
17008
|
set(formError, getAddBankAccountErrorMessage(result.errorCode), true);
|
|
16688
17009
|
}
|
|
@@ -16847,6 +17168,13 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16847
17168
|
set requireRoutingAndAccountConfirmation($$value = false) {
|
|
16848
17169
|
requireRoutingAndAccountConfirmationProp($$value);
|
|
16849
17170
|
flushSync();
|
|
17171
|
+
},
|
|
17172
|
+
get isInFlow() {
|
|
17173
|
+
return isInFlow();
|
|
17174
|
+
},
|
|
17175
|
+
set isInFlow($$value = false) {
|
|
17176
|
+
isInFlow($$value);
|
|
17177
|
+
flushSync();
|
|
16850
17178
|
}
|
|
16851
17179
|
};
|
|
16852
17180
|
var fragment = root$8();
|
|
@@ -16854,7 +17182,16 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16854
17182
|
var node = child(div);
|
|
16855
17183
|
{
|
|
16856
17184
|
var consequent = ($$anchor2) => {
|
|
16857
|
-
|
|
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();
|
|
16858
17195
|
var alviere_spinner = child(div_1);
|
|
16859
17196
|
set_custom_element_data(alviere_spinner, "size", "lg");
|
|
16860
17197
|
set_custom_element_data(alviere_spinner, "variant", "circular");
|
|
@@ -16863,14 +17200,14 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16863
17200
|
transition(2, div_1, () => fade, () => ({ duration: 200 }));
|
|
16864
17201
|
append($$anchor2, div_1);
|
|
16865
17202
|
};
|
|
16866
|
-
if_block(
|
|
16867
|
-
if (get$1(isFormBusy)) $$render(
|
|
17203
|
+
if_block(node_1, ($$render) => {
|
|
17204
|
+
if (get$1(isFormBusy)) $$render(consequent_1);
|
|
16868
17205
|
});
|
|
16869
17206
|
}
|
|
16870
|
-
var
|
|
17207
|
+
var node_2 = sibling(node_1, 2);
|
|
16871
17208
|
{
|
|
16872
|
-
var
|
|
16873
|
-
var div_2 =
|
|
17209
|
+
var consequent_9 = ($$anchor2) => {
|
|
17210
|
+
var div_2 = root_3$6();
|
|
16874
17211
|
var div_3 = child(div_2);
|
|
16875
17212
|
var h2 = child(div_3);
|
|
16876
17213
|
var text2 = child(h2);
|
|
@@ -16885,7 +17222,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16885
17222
|
var alviere_list = sibling(div_3, 2);
|
|
16886
17223
|
each(alviere_list, 21, () => get$1(bankAccounts).bank_accounts, index, ($$anchor3, bankAccount, index2) => {
|
|
16887
17224
|
const displayInfo = /* @__PURE__ */ user_derived(() => getBankAccountDisplayInfo(get$1(bankAccount)));
|
|
16888
|
-
var alviere_list_item =
|
|
17225
|
+
var alviere_list_item = root_4$5();
|
|
16889
17226
|
template_effect(() => set_custom_element_data(alviere_list_item, "selectable", {
|
|
16890
17227
|
group: get$1(selectedBankAccountUuid),
|
|
16891
17228
|
name: "bankAccount",
|
|
@@ -16907,10 +17244,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16907
17244
|
reset(span);
|
|
16908
17245
|
reset(div_5);
|
|
16909
17246
|
var div_6 = sibling(div_5, 2);
|
|
16910
|
-
var
|
|
17247
|
+
var node_3 = child(div_6);
|
|
16911
17248
|
{
|
|
16912
|
-
var
|
|
16913
|
-
var alviere_badge_1 =
|
|
17249
|
+
var consequent_2 = ($$anchor4) => {
|
|
17250
|
+
var alviere_badge_1 = root_5$4();
|
|
16914
17251
|
set_custom_element_data(alviere_badge_1, "size", "sm");
|
|
16915
17252
|
set_custom_element_data(alviere_badge_1, "variant", "warning");
|
|
16916
17253
|
var text_4 = child(alviere_badge_1, true);
|
|
@@ -16918,8 +17255,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16918
17255
|
template_effect(($0) => set_text(text_4, $0), [() => getLabel("primaryBadgeLabel", "Primary")]);
|
|
16919
17256
|
append($$anchor4, alviere_badge_1);
|
|
16920
17257
|
};
|
|
16921
|
-
if_block(
|
|
16922
|
-
if (get$1(bankAccount).primary) $$render(
|
|
17258
|
+
if_block(node_3, ($$render) => {
|
|
17259
|
+
if (get$1(bankAccount).primary) $$render(consequent_2);
|
|
16923
17260
|
});
|
|
16924
17261
|
}
|
|
16925
17262
|
reset(div_6);
|
|
@@ -16960,11 +17297,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16960
17297
|
var text_8 = child(span_4, true);
|
|
16961
17298
|
reset(span_4);
|
|
16962
17299
|
reset(div_11);
|
|
16963
|
-
var
|
|
17300
|
+
var node_4 = sibling(div_11, 2);
|
|
16964
17301
|
{
|
|
16965
|
-
var
|
|
16966
|
-
var
|
|
16967
|
-
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);
|
|
16968
17305
|
var span_5 = child(div_12);
|
|
16969
17306
|
var text_9 = child(span_5);
|
|
16970
17307
|
reset(span_5);
|
|
@@ -16972,10 +17309,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16972
17309
|
var text_10 = child(span_6, true);
|
|
16973
17310
|
reset(span_6);
|
|
16974
17311
|
reset(div_12);
|
|
16975
|
-
var
|
|
17312
|
+
var node_5 = sibling(div_12, 2);
|
|
16976
17313
|
{
|
|
16977
|
-
var
|
|
16978
|
-
var div_13 =
|
|
17314
|
+
var consequent_3 = ($$anchor5) => {
|
|
17315
|
+
var div_13 = root_7$2();
|
|
16979
17316
|
var span_7 = child(div_13);
|
|
16980
17317
|
var text_11 = child(span_7);
|
|
16981
17318
|
reset(span_7);
|
|
@@ -16992,14 +17329,14 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
16992
17329
|
);
|
|
16993
17330
|
append($$anchor5, div_13);
|
|
16994
17331
|
};
|
|
16995
|
-
if_block(
|
|
16996
|
-
if (get$1(displayInfo).bankInfo.region) $$render(
|
|
17332
|
+
if_block(node_5, ($$render) => {
|
|
17333
|
+
if (get$1(displayInfo).bankInfo.region) $$render(consequent_3);
|
|
16997
17334
|
});
|
|
16998
17335
|
}
|
|
16999
|
-
var
|
|
17336
|
+
var node_6 = sibling(node_5, 2);
|
|
17000
17337
|
{
|
|
17001
|
-
var
|
|
17002
|
-
var div_14 =
|
|
17338
|
+
var consequent_4 = ($$anchor5) => {
|
|
17339
|
+
var div_14 = root_8$3();
|
|
17003
17340
|
var span_9 = child(div_14);
|
|
17004
17341
|
var text_13 = child(span_9);
|
|
17005
17342
|
reset(span_9);
|
|
@@ -17016,8 +17353,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17016
17353
|
);
|
|
17017
17354
|
append($$anchor5, div_14);
|
|
17018
17355
|
};
|
|
17019
|
-
if_block(
|
|
17020
|
-
if (get$1(displayInfo).bankInfo.description) $$render(
|
|
17356
|
+
if_block(node_6, ($$render) => {
|
|
17357
|
+
if (get$1(displayInfo).bankInfo.description) $$render(consequent_4);
|
|
17021
17358
|
});
|
|
17022
17359
|
}
|
|
17023
17360
|
template_effect(
|
|
@@ -17027,16 +17364,16 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17027
17364
|
},
|
|
17028
17365
|
[() => getLabel("bankLabel", "Bank")]
|
|
17029
17366
|
);
|
|
17030
|
-
append($$anchor4,
|
|
17367
|
+
append($$anchor4, fragment_2);
|
|
17031
17368
|
};
|
|
17032
|
-
if_block(
|
|
17033
|
-
if (get$1(displayInfo).bankInfo) $$render(
|
|
17369
|
+
if_block(node_4, ($$render) => {
|
|
17370
|
+
if (get$1(displayInfo).bankInfo) $$render(consequent_5);
|
|
17034
17371
|
});
|
|
17035
17372
|
}
|
|
17036
|
-
var
|
|
17373
|
+
var node_7 = sibling(node_4, 2);
|
|
17037
17374
|
{
|
|
17038
|
-
var
|
|
17039
|
-
var div_15 =
|
|
17375
|
+
var consequent_6 = ($$anchor4) => {
|
|
17376
|
+
var div_15 = root_9$2();
|
|
17040
17377
|
var span_11 = child(div_15);
|
|
17041
17378
|
var text_15 = child(span_11);
|
|
17042
17379
|
reset(span_11);
|
|
@@ -17053,8 +17390,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17053
17390
|
);
|
|
17054
17391
|
append($$anchor4, div_15);
|
|
17055
17392
|
};
|
|
17056
|
-
if_block(
|
|
17057
|
-
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);
|
|
17058
17395
|
});
|
|
17059
17396
|
}
|
|
17060
17397
|
reset(div_9);
|
|
@@ -17079,10 +17416,10 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17079
17416
|
});
|
|
17080
17417
|
reset(alviere_list);
|
|
17081
17418
|
var div_16 = sibling(alviere_list, 2);
|
|
17082
|
-
var
|
|
17419
|
+
var node_8 = child(div_16);
|
|
17083
17420
|
{
|
|
17084
|
-
var
|
|
17085
|
-
var div_17 =
|
|
17421
|
+
var consequent_7 = ($$anchor3) => {
|
|
17422
|
+
var div_17 = root_10$2();
|
|
17086
17423
|
var span_13 = child(div_17);
|
|
17087
17424
|
var text_17 = child(span_13, true);
|
|
17088
17425
|
reset(span_13);
|
|
@@ -17090,18 +17427,18 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17090
17427
|
template_effect(() => set_text(text_17, get$1(formError)));
|
|
17091
17428
|
append($$anchor3, div_17);
|
|
17092
17429
|
};
|
|
17093
|
-
if_block(
|
|
17094
|
-
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);
|
|
17095
17432
|
});
|
|
17096
17433
|
}
|
|
17097
|
-
var
|
|
17434
|
+
var node_9 = sibling(node_8, 2);
|
|
17098
17435
|
{
|
|
17099
|
-
var
|
|
17100
|
-
var div_18 =
|
|
17101
|
-
var
|
|
17436
|
+
var consequent_8 = ($$anchor3) => {
|
|
17437
|
+
var div_18 = root_11$1();
|
|
17438
|
+
var node_10 = child(div_18);
|
|
17102
17439
|
{
|
|
17103
17440
|
let $0 = /* @__PURE__ */ user_derived(() => get$1(proceedPrenoteMessage) || "");
|
|
17104
|
-
Callout(
|
|
17441
|
+
Callout(node_10, {
|
|
17105
17442
|
variant: "info",
|
|
17106
17443
|
get message() {
|
|
17107
17444
|
return get$1($0);
|
|
@@ -17111,11 +17448,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17111
17448
|
reset(div_18);
|
|
17112
17449
|
append($$anchor3, div_18);
|
|
17113
17450
|
};
|
|
17114
|
-
if_block(
|
|
17115
|
-
if (get$1(proceedPrenoteMessage)) $$render(
|
|
17451
|
+
if_block(node_9, ($$render) => {
|
|
17452
|
+
if (get$1(proceedPrenoteMessage)) $$render(consequent_8);
|
|
17116
17453
|
});
|
|
17117
17454
|
}
|
|
17118
|
-
var alviere_button_3 = sibling(
|
|
17455
|
+
var alviere_button_3 = sibling(node_9, 2);
|
|
17119
17456
|
set_custom_element_data(alviere_button_3, "variant", "primary");
|
|
17120
17457
|
set_custom_element_data(alviere_button_3, "size", "md");
|
|
17121
17458
|
template_effect(() => set_custom_element_data(alviere_button_3, "disabled", !get$1(hasSelectedBankAccount)));
|
|
@@ -17166,22 +17503,22 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17166
17503
|
);
|
|
17167
17504
|
append($$anchor2, div_2);
|
|
17168
17505
|
};
|
|
17169
|
-
if_block(
|
|
17170
|
-
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);
|
|
17171
17508
|
});
|
|
17172
17509
|
}
|
|
17173
|
-
var
|
|
17510
|
+
var node_11 = sibling(node_2, 2);
|
|
17174
17511
|
{
|
|
17175
|
-
var
|
|
17176
|
-
var form =
|
|
17512
|
+
var consequent_25 = ($$anchor2) => {
|
|
17513
|
+
var form = root_12();
|
|
17177
17514
|
var div_19 = child(form);
|
|
17178
17515
|
var h2_1 = child(div_19);
|
|
17179
17516
|
var text_19 = child(h2_1, true);
|
|
17180
17517
|
reset(h2_1);
|
|
17181
|
-
var
|
|
17518
|
+
var node_12 = sibling(h2_1, 2);
|
|
17182
17519
|
{
|
|
17183
|
-
var
|
|
17184
|
-
var alviere_button_4 =
|
|
17520
|
+
var consequent_10 = ($$anchor3) => {
|
|
17521
|
+
var alviere_button_4 = root_13$1();
|
|
17185
17522
|
set_custom_element_data(alviere_button_4, "type", "button");
|
|
17186
17523
|
set_custom_element_data(alviere_button_4, "variant", "secondary");
|
|
17187
17524
|
set_custom_element_data(alviere_button_4, "handler", () => {
|
|
@@ -17198,30 +17535,30 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17198
17535
|
]);
|
|
17199
17536
|
append($$anchor3, alviere_button_4);
|
|
17200
17537
|
};
|
|
17201
|
-
if_block(
|
|
17202
|
-
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);
|
|
17203
17540
|
});
|
|
17204
17541
|
}
|
|
17205
17542
|
reset(div_19);
|
|
17206
17543
|
var div_20 = sibling(div_19, 2);
|
|
17207
|
-
var
|
|
17544
|
+
var node_13 = child(div_20);
|
|
17208
17545
|
{
|
|
17209
|
-
var
|
|
17210
|
-
var
|
|
17211
|
-
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);
|
|
17212
17549
|
var alviere_badge_2 = child(div_21);
|
|
17213
17550
|
set_custom_element_data(alviere_badge_2, "size", "sm");
|
|
17214
17551
|
set_custom_element_data(alviere_badge_2, "variant", "tertiary");
|
|
17215
17552
|
var text_21 = child(alviere_badge_2, true);
|
|
17216
17553
|
reset(alviere_badge_2);
|
|
17217
|
-
var
|
|
17554
|
+
var node_14 = sibling(alviere_badge_2, 2);
|
|
17218
17555
|
{
|
|
17219
|
-
var
|
|
17220
|
-
var
|
|
17221
|
-
var
|
|
17556
|
+
var consequent_13 = ($$anchor4) => {
|
|
17557
|
+
var fragment_4 = root_15$1();
|
|
17558
|
+
var node_15 = first_child(fragment_4);
|
|
17222
17559
|
{
|
|
17223
|
-
var
|
|
17224
|
-
var div_22 =
|
|
17560
|
+
var consequent_11 = ($$anchor5) => {
|
|
17561
|
+
var div_22 = root_16$1();
|
|
17225
17562
|
var div_23 = child(div_22);
|
|
17226
17563
|
var span_15 = child(div_23);
|
|
17227
17564
|
var text_22 = child(span_15, true);
|
|
@@ -17234,41 +17571,41 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17234
17571
|
});
|
|
17235
17572
|
append($$anchor5, div_22);
|
|
17236
17573
|
};
|
|
17237
|
-
if_block(
|
|
17238
|
-
if (get$1(bankInfo)) $$render(
|
|
17574
|
+
if_block(node_15, ($$render) => {
|
|
17575
|
+
if (get$1(bankInfo)) $$render(consequent_11);
|
|
17239
17576
|
});
|
|
17240
17577
|
}
|
|
17241
|
-
var
|
|
17578
|
+
var node_16 = sibling(node_15, 2);
|
|
17242
17579
|
{
|
|
17243
|
-
var
|
|
17244
|
-
var alviere_spinner_1 =
|
|
17580
|
+
var consequent_12 = ($$anchor5) => {
|
|
17581
|
+
var alviere_spinner_1 = root_17$1();
|
|
17245
17582
|
set_custom_element_data(alviere_spinner_1, "size", "sm");
|
|
17246
17583
|
set_custom_element_data(alviere_spinner_1, "variant", "circular");
|
|
17247
17584
|
append($$anchor5, alviere_spinner_1);
|
|
17248
17585
|
};
|
|
17249
|
-
if_block(
|
|
17250
|
-
if (get$1(isLoadingBankInfo)) $$render(
|
|
17586
|
+
if_block(node_16, ($$render) => {
|
|
17587
|
+
if (get$1(isLoadingBankInfo)) $$render(consequent_12);
|
|
17251
17588
|
});
|
|
17252
17589
|
}
|
|
17253
|
-
append($$anchor4,
|
|
17590
|
+
append($$anchor4, fragment_4);
|
|
17254
17591
|
};
|
|
17255
|
-
if_block(
|
|
17256
|
-
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);
|
|
17257
17594
|
});
|
|
17258
17595
|
}
|
|
17259
17596
|
reset(div_21);
|
|
17260
|
-
var
|
|
17597
|
+
var node_17 = sibling(div_21, 2);
|
|
17261
17598
|
{
|
|
17262
|
-
var
|
|
17263
|
-
var div_24 =
|
|
17264
|
-
var
|
|
17599
|
+
var consequent_14 = ($$anchor4) => {
|
|
17600
|
+
var div_24 = root_18$1();
|
|
17601
|
+
var node_18 = child(div_24);
|
|
17265
17602
|
{
|
|
17266
17603
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_type"));
|
|
17267
17604
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_type"));
|
|
17268
17605
|
let $2 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_type"));
|
|
17269
17606
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type || "");
|
|
17270
17607
|
let $4 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_type"));
|
|
17271
|
-
SearchSelect(
|
|
17608
|
+
SearchSelect(node_18, {
|
|
17272
17609
|
get label() {
|
|
17273
17610
|
return get$1($0);
|
|
17274
17611
|
},
|
|
@@ -17306,15 +17643,15 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17306
17643
|
reset(div_24);
|
|
17307
17644
|
append($$anchor4, div_24);
|
|
17308
17645
|
};
|
|
17309
|
-
if_block(
|
|
17310
|
-
if (get$1(shouldShowAccountType)) $$render(
|
|
17646
|
+
if_block(node_17, ($$render) => {
|
|
17647
|
+
if (get$1(shouldShowAccountType)) $$render(consequent_14);
|
|
17311
17648
|
});
|
|
17312
17649
|
}
|
|
17313
|
-
var
|
|
17650
|
+
var node_19 = sibling(node_17, 2);
|
|
17314
17651
|
{
|
|
17315
|
-
var
|
|
17316
|
-
var div_25 =
|
|
17317
|
-
var
|
|
17652
|
+
var consequent_16 = ($$anchor4) => {
|
|
17653
|
+
var div_25 = root_19$1();
|
|
17654
|
+
var node_20 = child(div_25);
|
|
17318
17655
|
{
|
|
17319
17656
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_routing_number"));
|
|
17320
17657
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_routing_number"));
|
|
@@ -17322,7 +17659,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17322
17659
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_routing_number"));
|
|
17323
17660
|
let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number || "");
|
|
17324
17661
|
let $5 = /* @__PURE__ */ user_derived(() => getLabel("routingHelpAriaLabel", "Where to find your routing number"));
|
|
17325
|
-
TextInput(
|
|
17662
|
+
TextInput(node_20, {
|
|
17326
17663
|
get value() {
|
|
17327
17664
|
return baseForm.state.formData.ach_details.routing_number;
|
|
17328
17665
|
},
|
|
@@ -17372,9 +17709,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17372
17709
|
}
|
|
17373
17710
|
});
|
|
17374
17711
|
}
|
|
17375
|
-
var
|
|
17712
|
+
var node_21 = sibling(node_20, 2);
|
|
17376
17713
|
{
|
|
17377
|
-
var
|
|
17714
|
+
var consequent_15 = ($$anchor5) => {
|
|
17378
17715
|
{
|
|
17379
17716
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_routing_number"));
|
|
17380
17717
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_routing_number"));
|
|
@@ -17422,22 +17759,22 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17422
17759
|
});
|
|
17423
17760
|
}
|
|
17424
17761
|
};
|
|
17425
|
-
if_block(
|
|
17426
|
-
if (get$1(requireRoutingAndAccountConfirmation)) $$render(
|
|
17762
|
+
if_block(node_21, ($$render) => {
|
|
17763
|
+
if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_15);
|
|
17427
17764
|
});
|
|
17428
17765
|
}
|
|
17429
17766
|
reset(div_25);
|
|
17430
17767
|
append($$anchor4, div_25);
|
|
17431
17768
|
};
|
|
17432
|
-
if_block(
|
|
17433
|
-
if (get$1(shouldShowRoutingNumber)) $$render(
|
|
17769
|
+
if_block(node_19, ($$render) => {
|
|
17770
|
+
if (get$1(shouldShowRoutingNumber)) $$render(consequent_16);
|
|
17434
17771
|
});
|
|
17435
17772
|
}
|
|
17436
|
-
var
|
|
17773
|
+
var node_22 = sibling(node_19, 2);
|
|
17437
17774
|
{
|
|
17438
|
-
var
|
|
17439
|
-
var div_26 =
|
|
17440
|
-
var
|
|
17775
|
+
var consequent_18 = ($$anchor4) => {
|
|
17776
|
+
var div_26 = root_21$1();
|
|
17777
|
+
var node_23 = child(div_26);
|
|
17441
17778
|
{
|
|
17442
17779
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_number"));
|
|
17443
17780
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_number"));
|
|
@@ -17445,7 +17782,7 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17445
17782
|
let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_number"));
|
|
17446
17783
|
let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number || "");
|
|
17447
17784
|
let $5 = /* @__PURE__ */ user_derived(() => getLabel("accountHelpAriaLabel", "Where to find your account number"));
|
|
17448
|
-
TextInput(
|
|
17785
|
+
TextInput(node_23, {
|
|
17449
17786
|
get value() {
|
|
17450
17787
|
return baseForm.state.formData.ach_details.account_number;
|
|
17451
17788
|
},
|
|
@@ -17490,9 +17827,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17490
17827
|
onblur: () => baseForm.handlers.handleFieldBlur("ach_account_number")
|
|
17491
17828
|
});
|
|
17492
17829
|
}
|
|
17493
|
-
var
|
|
17830
|
+
var node_24 = sibling(node_23, 2);
|
|
17494
17831
|
{
|
|
17495
|
-
var
|
|
17832
|
+
var consequent_17 = ($$anchor5) => {
|
|
17496
17833
|
{
|
|
17497
17834
|
let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_account_number"));
|
|
17498
17835
|
let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_account_number"));
|
|
@@ -17541,25 +17878,25 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17541
17878
|
});
|
|
17542
17879
|
}
|
|
17543
17880
|
};
|
|
17544
|
-
if_block(
|
|
17545
|
-
if (get$1(requireRoutingAndAccountConfirmation)) $$render(
|
|
17881
|
+
if_block(node_24, ($$render) => {
|
|
17882
|
+
if (get$1(requireRoutingAndAccountConfirmation)) $$render(consequent_17);
|
|
17546
17883
|
});
|
|
17547
17884
|
}
|
|
17548
17885
|
reset(div_26);
|
|
17549
17886
|
append($$anchor4, div_26);
|
|
17550
17887
|
};
|
|
17551
|
-
if_block(
|
|
17552
|
-
if (get$1(shouldShowAccountNumber)) $$render(
|
|
17888
|
+
if_block(node_22, ($$render) => {
|
|
17889
|
+
if (get$1(shouldShowAccountNumber)) $$render(consequent_18);
|
|
17553
17890
|
});
|
|
17554
17891
|
}
|
|
17555
17892
|
template_effect(($0) => set_text(text_21, $0), [() => getLabel("achBadgeLabel", "ACH")]);
|
|
17556
|
-
append($$anchor3,
|
|
17893
|
+
append($$anchor3, fragment_3);
|
|
17557
17894
|
};
|
|
17558
|
-
if_block(
|
|
17559
|
-
if (baseForm.state.formData.bankAccountType === "ACH") $$render(
|
|
17895
|
+
if_block(node_13, ($$render) => {
|
|
17896
|
+
if (baseForm.state.formData.bankAccountType === "ACH") $$render(consequent_19);
|
|
17560
17897
|
});
|
|
17561
17898
|
}
|
|
17562
|
-
var div_27 = sibling(
|
|
17899
|
+
var div_27 = sibling(node_13, 2);
|
|
17563
17900
|
var alviere_checkbox = child(div_27);
|
|
17564
17901
|
template_effect(() => set_custom_element_data(alviere_checkbox, "checked", get$1(bankAccounts).bank_accounts.length === 0 ? true : baseForm.state.formData.primary));
|
|
17565
17902
|
template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("makePrimaryBankAccountLabel", "Make this my primary bank account")));
|
|
@@ -17576,25 +17913,25 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17576
17913
|
reset(div_20);
|
|
17577
17914
|
var div_28 = sibling(div_20, 2);
|
|
17578
17915
|
var div_29 = child(div_28);
|
|
17579
|
-
var
|
|
17916
|
+
var node_25 = child(div_29);
|
|
17580
17917
|
{
|
|
17581
|
-
var
|
|
17582
|
-
var
|
|
17583
|
-
var
|
|
17918
|
+
var consequent_23 = ($$anchor3) => {
|
|
17919
|
+
var fragment_7 = comment();
|
|
17920
|
+
var node_26 = first_child(fragment_7);
|
|
17584
17921
|
{
|
|
17585
|
-
var
|
|
17586
|
-
var span_16 =
|
|
17922
|
+
var consequent_20 = ($$anchor4) => {
|
|
17923
|
+
var span_16 = root_24$1();
|
|
17587
17924
|
var text_23 = child(span_16, true);
|
|
17588
17925
|
reset(span_16);
|
|
17589
17926
|
template_effect(() => set_text(text_23, get$1(formError)));
|
|
17590
17927
|
append($$anchor4, span_16);
|
|
17591
17928
|
};
|
|
17592
17929
|
var alternate_1 = ($$anchor4) => {
|
|
17593
|
-
var
|
|
17594
|
-
var
|
|
17930
|
+
var fragment_8 = comment();
|
|
17931
|
+
var node_27 = first_child(fragment_8);
|
|
17595
17932
|
{
|
|
17596
|
-
var
|
|
17597
|
-
var span_17 =
|
|
17933
|
+
var consequent_21 = ($$anchor5) => {
|
|
17934
|
+
var span_17 = root_26();
|
|
17598
17935
|
var text_24 = child(span_17, true);
|
|
17599
17936
|
reset(span_17);
|
|
17600
17937
|
template_effect(($0) => set_text(text_24, $0), [
|
|
@@ -17603,11 +17940,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17603
17940
|
append($$anchor5, span_17);
|
|
17604
17941
|
};
|
|
17605
17942
|
var alternate = ($$anchor5) => {
|
|
17606
|
-
var
|
|
17607
|
-
var
|
|
17943
|
+
var fragment_9 = comment();
|
|
17944
|
+
var node_28 = first_child(fragment_9);
|
|
17608
17945
|
{
|
|
17609
|
-
var
|
|
17610
|
-
var span_18 =
|
|
17946
|
+
var consequent_22 = ($$anchor6) => {
|
|
17947
|
+
var span_18 = root_28();
|
|
17611
17948
|
var text_25 = child(span_18, true);
|
|
17612
17949
|
reset(span_18);
|
|
17613
17950
|
template_effect(($0) => set_text(text_25, $0), [
|
|
@@ -17616,46 +17953,46 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17616
17953
|
append($$anchor6, span_18);
|
|
17617
17954
|
};
|
|
17618
17955
|
if_block(
|
|
17619
|
-
|
|
17956
|
+
node_28,
|
|
17620
17957
|
($$render) => {
|
|
17621
|
-
if (!baseForm.computed.canSubmit) $$render(
|
|
17958
|
+
if (!baseForm.computed.canSubmit) $$render(consequent_22);
|
|
17622
17959
|
},
|
|
17623
17960
|
true
|
|
17624
17961
|
);
|
|
17625
17962
|
}
|
|
17626
|
-
append($$anchor5,
|
|
17963
|
+
append($$anchor5, fragment_9);
|
|
17627
17964
|
};
|
|
17628
17965
|
if_block(
|
|
17629
|
-
|
|
17966
|
+
node_27,
|
|
17630
17967
|
($$render) => {
|
|
17631
|
-
if (baseForm.computed.hasErrors) $$render(
|
|
17968
|
+
if (baseForm.computed.hasErrors) $$render(consequent_21);
|
|
17632
17969
|
else $$render(alternate, false);
|
|
17633
17970
|
},
|
|
17634
17971
|
true
|
|
17635
17972
|
);
|
|
17636
17973
|
}
|
|
17637
|
-
append($$anchor4,
|
|
17974
|
+
append($$anchor4, fragment_8);
|
|
17638
17975
|
};
|
|
17639
|
-
if_block(
|
|
17640
|
-
if (get$1(formError)) $$render(
|
|
17976
|
+
if_block(node_26, ($$render) => {
|
|
17977
|
+
if (get$1(formError)) $$render(consequent_20);
|
|
17641
17978
|
else $$render(alternate_1, false);
|
|
17642
17979
|
});
|
|
17643
17980
|
}
|
|
17644
|
-
append($$anchor3,
|
|
17981
|
+
append($$anchor3, fragment_7);
|
|
17645
17982
|
};
|
|
17646
|
-
if_block(
|
|
17647
|
-
if (!get$1(isFormBusy)) $$render(
|
|
17983
|
+
if_block(node_25, ($$render) => {
|
|
17984
|
+
if (!get$1(isFormBusy)) $$render(consequent_23);
|
|
17648
17985
|
});
|
|
17649
17986
|
}
|
|
17650
17987
|
reset(div_29);
|
|
17651
|
-
var
|
|
17988
|
+
var node_29 = sibling(div_29, 2);
|
|
17652
17989
|
{
|
|
17653
|
-
var
|
|
17654
|
-
var div_30 =
|
|
17655
|
-
var
|
|
17990
|
+
var consequent_24 = ($$anchor3) => {
|
|
17991
|
+
var div_30 = root_29();
|
|
17992
|
+
var node_30 = child(div_30);
|
|
17656
17993
|
{
|
|
17657
17994
|
let $0 = /* @__PURE__ */ user_derived(() => get$1(addFormPrenoteMessage) || "");
|
|
17658
|
-
Callout(
|
|
17995
|
+
Callout(node_30, {
|
|
17659
17996
|
variant: "info",
|
|
17660
17997
|
get message() {
|
|
17661
17998
|
return get$1($0);
|
|
@@ -17665,11 +18002,11 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17665
18002
|
reset(div_30);
|
|
17666
18003
|
append($$anchor3, div_30);
|
|
17667
18004
|
};
|
|
17668
|
-
if_block(
|
|
17669
|
-
if (get$1(addFormPrenoteMessage)) $$render(
|
|
18005
|
+
if_block(node_29, ($$render) => {
|
|
18006
|
+
if (get$1(addFormPrenoteMessage)) $$render(consequent_24);
|
|
17670
18007
|
});
|
|
17671
18008
|
}
|
|
17672
|
-
var alviere_button_5 = sibling(
|
|
18009
|
+
var alviere_button_5 = sibling(node_29, 2);
|
|
17673
18010
|
set_custom_element_data(alviere_button_5, "type", "submit");
|
|
17674
18011
|
set_custom_element_data(alviere_button_5, "variant", "primary");
|
|
17675
18012
|
set_custom_element_data(alviere_button_5, "size", "md");
|
|
@@ -17696,8 +18033,8 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17696
18033
|
event$1("submit", form, handleAddBankAccount);
|
|
17697
18034
|
append($$anchor2, form);
|
|
17698
18035
|
};
|
|
17699
|
-
if_block(
|
|
17700
|
-
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);
|
|
17701
18038
|
});
|
|
17702
18039
|
}
|
|
17703
18040
|
reset(div);
|
|
@@ -17706,9 +18043,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17706
18043
|
template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isRoutingHelpOpen)));
|
|
17707
18044
|
template_effect(() => set_custom_element_data(alviere_modal, "title", getLabel("routingHelpModalTitleLabel", "Where to find your routing number")));
|
|
17708
18045
|
var div_31 = child(alviere_modal);
|
|
17709
|
-
var
|
|
17710
|
-
html(
|
|
17711
|
-
var p = sibling(
|
|
18046
|
+
var node_31 = child(div_31);
|
|
18047
|
+
html(node_31, () => routingNumberHelpSvg);
|
|
18048
|
+
var p = sibling(node_31, 2);
|
|
17712
18049
|
var text_27 = child(p, true);
|
|
17713
18050
|
reset(p);
|
|
17714
18051
|
reset(div_31);
|
|
@@ -17717,9 +18054,9 @@ function AddBankAccount($$anchor, $$props) {
|
|
|
17717
18054
|
template_effect(() => set_custom_element_data(alviere_modal_1, "open", get$1(isAccountHelpOpen)));
|
|
17718
18055
|
template_effect(() => set_custom_element_data(alviere_modal_1, "title", getLabel("accountHelpModalTitleLabel", "Where to find your account number")));
|
|
17719
18056
|
var div_32 = child(alviere_modal_1);
|
|
17720
|
-
var
|
|
17721
|
-
html(
|
|
17722
|
-
var p_1 = sibling(
|
|
18057
|
+
var node_32 = child(div_32);
|
|
18058
|
+
html(node_32, () => accountNumberHelpSvg);
|
|
18059
|
+
var p_1 = sibling(node_32, 2);
|
|
17723
18060
|
var text_28 = child(p_1, true);
|
|
17724
18061
|
reset(p_1);
|
|
17725
18062
|
reset(div_32);
|
|
@@ -17758,18 +18095,13 @@ customElements.define("alviere-add-bank-account", create_custom_element(
|
|
|
17758
18095
|
onsuccess: {},
|
|
17759
18096
|
publicCertificate: {},
|
|
17760
18097
|
publicCertificateId: {},
|
|
17761
|
-
requireRoutingAndAccountConfirmation: {}
|
|
18098
|
+
requireRoutingAndAccountConfirmation: {},
|
|
18099
|
+
isInFlow: {}
|
|
17762
18100
|
},
|
|
17763
18101
|
[],
|
|
17764
18102
|
[],
|
|
17765
18103
|
true
|
|
17766
18104
|
));
|
|
17767
|
-
function subscribeToOnlineEvent(callback) {
|
|
17768
|
-
if (typeof window === "undefined") return () => {
|
|
17769
|
-
};
|
|
17770
|
-
window.addEventListener("online", callback);
|
|
17771
|
-
return () => window.removeEventListener("online", callback);
|
|
17772
|
-
}
|
|
17773
18105
|
function createLegalTextsResolver({ getDocumentTypes, getCore }) {
|
|
17774
18106
|
let resolvedDocuments = /* @__PURE__ */ state(proxy([]));
|
|
17775
18107
|
let isLoading = /* @__PURE__ */ state(false);
|
|
@@ -17855,16 +18187,16 @@ function createLegalTextsResolver({ getDocumentTypes, getCore }) {
|
|
|
17855
18187
|
retry
|
|
17856
18188
|
};
|
|
17857
18189
|
}
|
|
17858
|
-
var
|
|
17859
|
-
var
|
|
17860
|
-
var
|
|
17861
|
-
var
|
|
17862
|
-
var
|
|
17863
|
-
var
|
|
17864
|
-
var
|
|
17865
|
-
var
|
|
17866
|
-
var
|
|
17867
|
-
var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <!> <!> <!></div></div>`);
|
|
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>`);
|
|
17868
18200
|
const $$css$a = {
|
|
17869
18201
|
hash: "svelte-1l48sab",
|
|
17870
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;}"
|
|
@@ -17879,7 +18211,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
17879
18211
|
var _b;
|
|
17880
18212
|
var _c;
|
|
17881
18213
|
var _d;
|
|
17882
|
-
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);
|
|
17883
18215
|
let hostElement = /* @__PURE__ */ state(null);
|
|
17884
18216
|
let isSending = /* @__PURE__ */ state(false);
|
|
17885
18217
|
let selfAmount = /* @__PURE__ */ state(proxy(amount()));
|
|
@@ -17919,6 +18251,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
17919
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 : [];
|
|
17920
18252
|
});
|
|
17921
18253
|
const core = /* @__PURE__ */ user_derived(() => $flowCoreStore().core || (jwt() ? getAlviereCore({ jwt: jwt(), debug: debug() }) : null));
|
|
18254
|
+
const offlineGuard = createOfflineGuard();
|
|
17922
18255
|
const legalTextsResolver = createLegalTextsResolver({
|
|
17923
18256
|
getDocumentTypes: () => get$1(legalTextDocumentTypes)(),
|
|
17924
18257
|
getCore: () => get$1(core)
|
|
@@ -18115,13 +18448,29 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18115
18448
|
set config($$value = {}) {
|
|
18116
18449
|
config($$value);
|
|
18117
18450
|
flushSync();
|
|
18451
|
+
},
|
|
18452
|
+
get isInFlow() {
|
|
18453
|
+
return isInFlow();
|
|
18454
|
+
},
|
|
18455
|
+
set isInFlow($$value = false) {
|
|
18456
|
+
isInFlow($$value);
|
|
18457
|
+
flushSync();
|
|
18118
18458
|
}
|
|
18119
18459
|
};
|
|
18120
18460
|
var div = root$7();
|
|
18121
18461
|
var node = child(div);
|
|
18122
18462
|
{
|
|
18123
18463
|
var consequent = ($$anchor2) => {
|
|
18124
|
-
|
|
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();
|
|
18125
18474
|
var alviere_spinner = child(div_1);
|
|
18126
18475
|
set_custom_element_data(alviere_spinner, "size", "lg");
|
|
18127
18476
|
set_custom_element_data(alviere_spinner, "variant", "circular");
|
|
@@ -18130,21 +18479,21 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18130
18479
|
transition(2, div_1, () => fade, () => ({ duration: 200 }));
|
|
18131
18480
|
append($$anchor2, div_1);
|
|
18132
18481
|
};
|
|
18133
|
-
if_block(
|
|
18134
|
-
if (get$1(isSending)) $$render(
|
|
18482
|
+
if_block(node_1, ($$render) => {
|
|
18483
|
+
if (get$1(isSending)) $$render(consequent_1);
|
|
18135
18484
|
});
|
|
18136
18485
|
}
|
|
18137
|
-
var div_2 = sibling(
|
|
18138
|
-
var
|
|
18486
|
+
var div_2 = sibling(node_1, 2);
|
|
18487
|
+
var node_2 = child(div_2);
|
|
18139
18488
|
{
|
|
18140
|
-
var
|
|
18141
|
-
var alviere_currency_input =
|
|
18489
|
+
var consequent_2 = ($$anchor2) => {
|
|
18490
|
+
var alviere_currency_input = root_3$5();
|
|
18142
18491
|
template_effect(() => set_custom_element_data(alviere_currency_input, "value", get$1(selfAmount)));
|
|
18143
18492
|
event$1("text-input", alviere_currency_input, handleAmountChange);
|
|
18144
18493
|
append($$anchor2, alviere_currency_input);
|
|
18145
18494
|
};
|
|
18146
18495
|
var alternate = ($$anchor2) => {
|
|
18147
|
-
var section =
|
|
18496
|
+
var section = root_4$4();
|
|
18148
18497
|
var div_3 = child(section);
|
|
18149
18498
|
var span = child(div_3);
|
|
18150
18499
|
var text2 = child(span, true);
|
|
@@ -18161,10 +18510,10 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18161
18510
|
var text_3 = child(span_3, true);
|
|
18162
18511
|
reset(span_3);
|
|
18163
18512
|
reset(div_4);
|
|
18164
|
-
var
|
|
18513
|
+
var node_3 = sibling(div_4, 2);
|
|
18165
18514
|
{
|
|
18166
|
-
var
|
|
18167
|
-
var div_5 =
|
|
18515
|
+
var consequent_3 = ($$anchor3) => {
|
|
18516
|
+
var div_5 = root_5$3();
|
|
18168
18517
|
var span_4 = child(div_5);
|
|
18169
18518
|
var text_4 = child(span_4, true);
|
|
18170
18519
|
reset(span_4);
|
|
@@ -18184,11 +18533,11 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18184
18533
|
);
|
|
18185
18534
|
append($$anchor3, div_5);
|
|
18186
18535
|
};
|
|
18187
|
-
if_block(
|
|
18188
|
-
if (get$1(hasFeeAmount)()) $$render(
|
|
18536
|
+
if_block(node_3, ($$render) => {
|
|
18537
|
+
if (get$1(hasFeeAmount)()) $$render(consequent_3);
|
|
18189
18538
|
});
|
|
18190
18539
|
}
|
|
18191
|
-
var div_6 = sibling(
|
|
18540
|
+
var div_6 = sibling(node_3, 4);
|
|
18192
18541
|
var span_6 = child(div_6);
|
|
18193
18542
|
var text_6 = child(span_6, true);
|
|
18194
18543
|
reset(span_6);
|
|
@@ -18221,15 +18570,15 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18221
18570
|
);
|
|
18222
18571
|
append($$anchor2, section);
|
|
18223
18572
|
};
|
|
18224
|
-
if_block(
|
|
18225
|
-
if (get$1(isAmountEditable)) $$render(
|
|
18573
|
+
if_block(node_2, ($$render) => {
|
|
18574
|
+
if (get$1(isAmountEditable)) $$render(consequent_2);
|
|
18226
18575
|
else $$render(alternate, false);
|
|
18227
18576
|
});
|
|
18228
18577
|
}
|
|
18229
|
-
var
|
|
18578
|
+
var node_4 = sibling(node_2, 2);
|
|
18230
18579
|
{
|
|
18231
|
-
var
|
|
18232
|
-
var div_7 =
|
|
18580
|
+
var consequent_4 = ($$anchor2) => {
|
|
18581
|
+
var div_7 = root_6$2();
|
|
18233
18582
|
var p = child(div_7);
|
|
18234
18583
|
var text_8 = child(p, true);
|
|
18235
18584
|
reset(p);
|
|
@@ -18244,18 +18593,18 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18244
18593
|
event$1("legal-texts-change", alviere_legal_text_consent, handleLegalTextsChange);
|
|
18245
18594
|
append($$anchor2, div_7);
|
|
18246
18595
|
};
|
|
18247
|
-
if_block(
|
|
18248
|
-
if (legalTextsResolver.requiresLegalTexts) $$render(
|
|
18596
|
+
if_block(node_4, ($$render) => {
|
|
18597
|
+
if (legalTextsResolver.requiresLegalTexts) $$render(consequent_4);
|
|
18249
18598
|
});
|
|
18250
18599
|
}
|
|
18251
|
-
var
|
|
18600
|
+
var node_5 = sibling(node_4, 2);
|
|
18252
18601
|
{
|
|
18253
|
-
var
|
|
18254
|
-
var div_8 =
|
|
18255
|
-
var
|
|
18602
|
+
var consequent_5 = ($$anchor2) => {
|
|
18603
|
+
var div_8 = root_7$1();
|
|
18604
|
+
var node_6 = child(div_8);
|
|
18256
18605
|
{
|
|
18257
18606
|
let $0 = /* @__PURE__ */ user_derived(() => get$1(paymentTimingMessage) || "");
|
|
18258
|
-
Callout(
|
|
18607
|
+
Callout(node_6, {
|
|
18259
18608
|
variant: "info",
|
|
18260
18609
|
get message() {
|
|
18261
18610
|
return get$1($0);
|
|
@@ -18265,14 +18614,14 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18265
18614
|
reset(div_8);
|
|
18266
18615
|
append($$anchor2, div_8);
|
|
18267
18616
|
};
|
|
18268
|
-
if_block(
|
|
18269
|
-
if (get$1(paymentTimingMessage)) $$render(
|
|
18617
|
+
if_block(node_5, ($$render) => {
|
|
18618
|
+
if (get$1(paymentTimingMessage)) $$render(consequent_5);
|
|
18270
18619
|
});
|
|
18271
18620
|
}
|
|
18272
|
-
var
|
|
18621
|
+
var node_7 = sibling(node_5, 2);
|
|
18273
18622
|
{
|
|
18274
|
-
var
|
|
18275
|
-
var div_9 =
|
|
18623
|
+
var consequent_6 = ($$anchor2) => {
|
|
18624
|
+
var div_9 = root_8$2();
|
|
18276
18625
|
var alviere_spinner_1 = child(div_9);
|
|
18277
18626
|
set_custom_element_data(alviere_spinner_1, "size", "sm");
|
|
18278
18627
|
set_custom_element_data(alviere_spinner_1, "variant", "circular");
|
|
@@ -18280,22 +18629,22 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18280
18629
|
append($$anchor2, div_9);
|
|
18281
18630
|
};
|
|
18282
18631
|
var alternate_2 = ($$anchor2) => {
|
|
18283
|
-
var
|
|
18284
|
-
var
|
|
18632
|
+
var fragment_1 = comment();
|
|
18633
|
+
var node_8 = first_child(fragment_1);
|
|
18285
18634
|
{
|
|
18286
|
-
var
|
|
18287
|
-
var div_10 =
|
|
18288
|
-
var
|
|
18635
|
+
var consequent_7 = ($$anchor3) => {
|
|
18636
|
+
var div_10 = root_10$1();
|
|
18637
|
+
var node_9 = child(div_10);
|
|
18289
18638
|
{
|
|
18290
18639
|
let $0 = /* @__PURE__ */ user_derived(() => getLabel("legalTextsErrorLabel", "Unable to load required agreements. Check your connection and try again."));
|
|
18291
|
-
Callout(
|
|
18640
|
+
Callout(node_9, {
|
|
18292
18641
|
variant: "warning",
|
|
18293
18642
|
get message() {
|
|
18294
18643
|
return get$1($0);
|
|
18295
18644
|
}
|
|
18296
18645
|
});
|
|
18297
18646
|
}
|
|
18298
|
-
var alviere_button = sibling(
|
|
18647
|
+
var alviere_button = sibling(node_9, 2);
|
|
18299
18648
|
set_custom_element_data(alviere_button, "variant", "secondary");
|
|
18300
18649
|
set_custom_element_data(alviere_button, "size", "md");
|
|
18301
18650
|
template_effect(() => set_custom_element_data(alviere_button, "handler", legalTextsResolver.retry));
|
|
@@ -18307,7 +18656,7 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18307
18656
|
append($$anchor3, div_10);
|
|
18308
18657
|
};
|
|
18309
18658
|
var alternate_1 = ($$anchor3) => {
|
|
18310
|
-
var alviere_button_1 =
|
|
18659
|
+
var alviere_button_1 = root_11();
|
|
18311
18660
|
set_custom_element_data(alviere_button_1, "variant", "primary");
|
|
18312
18661
|
set_custom_element_data(alviere_button_1, "size", "md");
|
|
18313
18662
|
set_custom_element_data(alviere_button_1, "handler", handlePay);
|
|
@@ -18319,18 +18668,18 @@ function CheckoutConfirm($$anchor, $$props) {
|
|
|
18319
18668
|
append($$anchor3, alviere_button_1);
|
|
18320
18669
|
};
|
|
18321
18670
|
if_block(
|
|
18322
|
-
|
|
18671
|
+
node_8,
|
|
18323
18672
|
($$render) => {
|
|
18324
|
-
if (legalTextsResolver.error) $$render(
|
|
18673
|
+
if (legalTextsResolver.error) $$render(consequent_7);
|
|
18325
18674
|
else $$render(alternate_1, false);
|
|
18326
18675
|
},
|
|
18327
18676
|
true
|
|
18328
18677
|
);
|
|
18329
18678
|
}
|
|
18330
|
-
append($$anchor2,
|
|
18679
|
+
append($$anchor2, fragment_1);
|
|
18331
18680
|
};
|
|
18332
|
-
if_block(
|
|
18333
|
-
if (!legalTextsResolver.hasResolved) $$render(
|
|
18681
|
+
if_block(node_7, ($$render) => {
|
|
18682
|
+
if (!legalTextsResolver.hasResolved) $$render(consequent_6);
|
|
18334
18683
|
else $$render(alternate_2, false);
|
|
18335
18684
|
});
|
|
18336
18685
|
}
|
|
@@ -18357,13 +18706,14 @@ customElements.define("alviere-checkout-confirm", create_custom_element(
|
|
|
18357
18706
|
publicCertificate: {},
|
|
18358
18707
|
publicCertificateId: {},
|
|
18359
18708
|
profile: {},
|
|
18360
|
-
config: {}
|
|
18709
|
+
config: {},
|
|
18710
|
+
isInFlow: {}
|
|
18361
18711
|
},
|
|
18362
18712
|
[],
|
|
18363
18713
|
[],
|
|
18364
18714
|
true
|
|
18365
18715
|
));
|
|
18366
|
-
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>`);
|
|
18367
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>`);
|
|
18368
18718
|
var root$6 = /* @__PURE__ */ from_html(`<div role="status" aria-live="polite" part="root"><!> <div class="alviere-spinner__message svelte-545qvv"><!></div></div>`);
|
|
18369
18719
|
const $$css$9 = {
|
|
@@ -18425,7 +18775,7 @@ function Spinner($$anchor, $$props) {
|
|
|
18425
18775
|
var node = child(div);
|
|
18426
18776
|
{
|
|
18427
18777
|
var consequent = ($$anchor2) => {
|
|
18428
|
-
var svg = root_1$
|
|
18778
|
+
var svg = root_1$5();
|
|
18429
18779
|
append($$anchor2, svg);
|
|
18430
18780
|
};
|
|
18431
18781
|
var alternate = ($$anchor2) => {
|
|
@@ -18481,7 +18831,7 @@ customElements.define("alviere-spinner", create_custom_element(
|
|
|
18481
18831
|
var root_2$2 = /* @__PURE__ */ from_html(`<div class="alviere-timeline__connector svelte-1db5upf" part="connector"></div>`);
|
|
18482
18832
|
var root_4$3 = /* @__PURE__ */ from_html(`<span class="alviere-timeline__step-description svelte-1db5upf" part="step-description"> </span>`);
|
|
18483
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>`);
|
|
18484
|
-
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>`);
|
|
18485
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>`);
|
|
18486
18836
|
const $$css$8 = {
|
|
18487
18837
|
hash: "svelte-1db5upf",
|
|
@@ -18583,7 +18933,7 @@ function Timeline($$anchor, $$props) {
|
|
|
18583
18933
|
var div = root$5();
|
|
18584
18934
|
var div_1 = child(div);
|
|
18585
18935
|
each(div_1, 21, steps, index, ($$anchor2, step, index2) => {
|
|
18586
|
-
var div_2 = root_1$
|
|
18936
|
+
var div_2 = root_1$4();
|
|
18587
18937
|
var node = child(div_2);
|
|
18588
18938
|
{
|
|
18589
18939
|
var consequent = ($$anchor3) => {
|
|
@@ -18698,7 +19048,7 @@ function Badge($$anchor, $$props) {
|
|
|
18698
19048
|
return pop($$exports);
|
|
18699
19049
|
}
|
|
18700
19050
|
customElements.define("alviere-badge", create_custom_element(Badge, { variant: {}, size: {} }, ["default"], [], true));
|
|
18701
|
-
var root_1$
|
|
19051
|
+
var root_1$3 = /* @__PURE__ */ from_html(`<span class="alviere-button__icon svelte-krj1wt" part="icon"><!></span>`);
|
|
18702
19052
|
var root$3 = /* @__PURE__ */ from_html(`<button part="root"><!> <span class="alviere-button__label svelte-krj1wt" part="label"><!></span></button>`);
|
|
18703
19053
|
const $$css$6 = {
|
|
18704
19054
|
hash: "svelte-krj1wt",
|
|
@@ -18819,7 +19169,7 @@ function Button($$anchor, $$props) {
|
|
|
18819
19169
|
var node = child(button);
|
|
18820
19170
|
{
|
|
18821
19171
|
var consequent = ($$anchor2) => {
|
|
18822
|
-
var span = root_1$
|
|
19172
|
+
var span = root_1$3();
|
|
18823
19173
|
var node_1 = child(span);
|
|
18824
19174
|
html(node_1, () => get$1(iconHTML)());
|
|
18825
19175
|
reset(span);
|
|
@@ -18864,7 +19214,7 @@ customElements.define("alviere-button", create_custom_element(
|
|
|
18864
19214
|
[],
|
|
18865
19215
|
true
|
|
18866
19216
|
));
|
|
18867
|
-
var root_1$
|
|
19217
|
+
var root_1$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkbox__label"><!></div>`);
|
|
18868
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>`);
|
|
18869
19219
|
const $$css$5 = {
|
|
18870
19220
|
hash: "svelte-1u6cz3v",
|
|
@@ -18970,7 +19320,7 @@ function Checkbox($$anchor, $$props) {
|
|
|
18970
19320
|
var node_1 = sibling(div_1, 2);
|
|
18971
19321
|
{
|
|
18972
19322
|
var consequent = ($$anchor2) => {
|
|
18973
|
-
var div_4 = root_1$
|
|
19323
|
+
var div_4 = root_1$2();
|
|
18974
19324
|
var node_2 = child(div_4);
|
|
18975
19325
|
slot(node_2, $$props, "label", {}, ($$anchor3) => {
|
|
18976
19326
|
var text$1 = text();
|
|
@@ -19016,7 +19366,7 @@ customElements.define("alviere-checkbox", create_custom_element(
|
|
|
19016
19366
|
[],
|
|
19017
19367
|
true
|
|
19018
19368
|
));
|
|
19019
|
-
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);
|
|
19020
19370
|
var root_3$2 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__error svelte-te6ayp"> </div>`);
|
|
19021
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);
|
|
19022
19372
|
var root_6$1 = /* @__PURE__ */ from_html(`<div class="legal-text-consent__modal-text svelte-te6ayp"> </div>`);
|
|
@@ -19203,7 +19553,7 @@ function LegalTextConsent($$anchor, $$props) {
|
|
|
19203
19553
|
var node = child(div);
|
|
19204
19554
|
{
|
|
19205
19555
|
var consequent = ($$anchor2) => {
|
|
19206
|
-
var div_1 = root_1$
|
|
19556
|
+
var div_1 = root_1$1();
|
|
19207
19557
|
var alviere_spinner = child(div_1);
|
|
19208
19558
|
set_custom_element_data(alviere_spinner, "size", "sm");
|
|
19209
19559
|
set_custom_element_data(alviere_spinner, "variant", "circular");
|
|
@@ -19660,7 +20010,7 @@ create_custom_element(
|
|
|
19660
20010
|
true
|
|
19661
20011
|
);
|
|
19662
20012
|
var root_5$1 = /* @__PURE__ */ from_html(`<button class="form-error-boundary__retry svelte-bo25nl">Try Again</button>`);
|
|
19663
|
-
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>`);
|
|
19664
20014
|
const $$css$1 = {
|
|
19665
20015
|
hash: "svelte-bo25nl",
|
|
19666
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);}"
|
|
@@ -19711,7 +20061,7 @@ function FormErrorBoundary($$anchor, $$props) {
|
|
|
19711
20061
|
var node = first_child(fragment);
|
|
19712
20062
|
{
|
|
19713
20063
|
var consequent_3 = ($$anchor2) => {
|
|
19714
|
-
var div = root_1
|
|
20064
|
+
var div = root_1();
|
|
19715
20065
|
var p = sibling(child(div), 4);
|
|
19716
20066
|
var node_1 = sibling(child(p));
|
|
19717
20067
|
{
|
|
@@ -19798,6 +20148,7 @@ function createJwtFlowManager(options) {
|
|
|
19798
20148
|
}
|
|
19799
20149
|
});
|
|
19800
20150
|
function scheduleRefresh(jwt) {
|
|
20151
|
+
var _a2;
|
|
19801
20152
|
if (refreshTimer !== null) {
|
|
19802
20153
|
clearTimeout(refreshTimer);
|
|
19803
20154
|
refreshTimer = null;
|
|
@@ -19807,21 +20158,31 @@ function createJwtFlowManager(options) {
|
|
|
19807
20158
|
const delay = refreshAtMs - Date.now();
|
|
19808
20159
|
if (delay <= 0) {
|
|
19809
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
|
+
}
|
|
19810
20166
|
attemptReAuth().then((success) => {
|
|
19811
|
-
var
|
|
19812
|
-
if (!success) (
|
|
20167
|
+
var _a3;
|
|
20168
|
+
if (!success) (_a3 = options.onReAuthExhausted) == null ? void 0 : _a3.call(options);
|
|
19813
20169
|
});
|
|
19814
20170
|
return;
|
|
19815
20171
|
}
|
|
19816
20172
|
getDebug() && uiLogger.info(`⏰ JWT refresh scheduled in ${Math.round(delay / 1e3)}s (at ${new Date(refreshAtMs).toISOString()})`);
|
|
19817
20173
|
refreshTimer = setTimeout(
|
|
19818
20174
|
async () => {
|
|
19819
|
-
var
|
|
20175
|
+
var _a3, _b;
|
|
19820
20176
|
refreshTimer = null;
|
|
19821
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
|
+
}
|
|
19822
20183
|
const success = await attemptReAuth();
|
|
19823
20184
|
if (!success) {
|
|
19824
|
-
(
|
|
20185
|
+
(_b = options.onReAuthExhausted) == null ? void 0 : _b.call(options);
|
|
19825
20186
|
}
|
|
19826
20187
|
},
|
|
19827
20188
|
delay
|
|
@@ -20303,31 +20664,31 @@ function generateTimelineSteps(steps, stepStatuses, currentStepIndex) {
|
|
|
20303
20664
|
};
|
|
20304
20665
|
});
|
|
20305
20666
|
}
|
|
20306
|
-
var
|
|
20307
|
-
var
|
|
20308
|
-
var
|
|
20309
|
-
var
|
|
20310
|
-
var
|
|
20311
|
-
var
|
|
20312
|
-
var
|
|
20313
|
-
var
|
|
20314
|
-
var
|
|
20315
|
-
var
|
|
20316
|
-
var
|
|
20317
|
-
var
|
|
20318
|
-
var
|
|
20319
|
-
var
|
|
20320
|
-
var
|
|
20321
|
-
var
|
|
20322
|
-
var
|
|
20323
|
-
var
|
|
20324
|
-
var
|
|
20325
|
-
var
|
|
20326
|
-
var
|
|
20327
|
-
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>`);
|
|
20328
20689
|
const $$css = {
|
|
20329
20690
|
hash: "svelte-qf1k5k",
|
|
20330
|
-
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;
|
|
20331
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);
|
|
20332
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;
|
|
20333
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);
|
|
@@ -20405,6 +20766,7 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20405
20766
|
}
|
|
20406
20767
|
});
|
|
20407
20768
|
flowCoreStore.setJwtManager(jwtManager);
|
|
20769
|
+
const offlineGuard = createOfflineGuard();
|
|
20408
20770
|
const flowManager = createFlowStateManager(() => config());
|
|
20409
20771
|
const eventDispatcher = createFlowEventDispatcher({
|
|
20410
20772
|
getFlowElement: () => get$1(
|
|
@@ -20455,6 +20817,7 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20455
20817
|
const finalMessage = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["finalMessage", "finalMessageLabel", "finalDescription"]) || "");
|
|
20456
20818
|
const criticalErrorTitle = /* @__PURE__ */ user_derived(() => resolveFlowLabel(["criticalErrorTitleLabel", "criticalErrorTitle"]) || "Unable to Continue");
|
|
20457
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.");
|
|
20458
20821
|
user_effect(() => {
|
|
20459
20822
|
const profile = extractProfileFromConfig(config());
|
|
20460
20823
|
if (profile !== get$1(effectiveProfile)) {
|
|
@@ -20867,45 +21230,58 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20867
21230
|
var div = root();
|
|
20868
21231
|
var node = child(div);
|
|
20869
21232
|
{
|
|
20870
|
-
var
|
|
20871
|
-
|
|
20872
|
-
|
|
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);
|
|
20873
21249
|
{
|
|
20874
|
-
var
|
|
20875
|
-
var h1 =
|
|
21250
|
+
var consequent_1 = ($$anchor3) => {
|
|
21251
|
+
var h1 = root_3();
|
|
20876
21252
|
var text2 = child(h1, true);
|
|
20877
21253
|
reset(h1);
|
|
20878
21254
|
template_effect(() => set_text(text2, config().title));
|
|
20879
21255
|
append($$anchor3, h1);
|
|
20880
21256
|
};
|
|
20881
|
-
if_block(
|
|
20882
|
-
if (config().title) $$render(
|
|
21257
|
+
if_block(node_2, ($$render) => {
|
|
21258
|
+
if (config().title) $$render(consequent_1);
|
|
20883
21259
|
});
|
|
20884
21260
|
}
|
|
20885
|
-
var
|
|
21261
|
+
var node_3 = sibling(node_2, 2);
|
|
20886
21262
|
{
|
|
20887
|
-
var
|
|
20888
|
-
var p =
|
|
21263
|
+
var consequent_2 = ($$anchor3) => {
|
|
21264
|
+
var p = root_4();
|
|
20889
21265
|
var text_1 = child(p, true);
|
|
20890
21266
|
reset(p);
|
|
20891
21267
|
template_effect(() => set_text(text_1, config().description));
|
|
20892
21268
|
append($$anchor3, p);
|
|
20893
21269
|
};
|
|
20894
|
-
if_block(
|
|
20895
|
-
if (config().description) $$render(
|
|
21270
|
+
if_block(node_3, ($$render) => {
|
|
21271
|
+
if (config().description) $$render(consequent_2);
|
|
20896
21272
|
});
|
|
20897
21273
|
}
|
|
20898
21274
|
reset(div_1);
|
|
20899
21275
|
append($$anchor2, div_1);
|
|
20900
21276
|
};
|
|
20901
|
-
if_block(
|
|
20902
|
-
if (config().title || config().description) $$render(
|
|
21277
|
+
if_block(node_1, ($$render) => {
|
|
21278
|
+
if (config().title || config().description) $$render(consequent_3);
|
|
20903
21279
|
});
|
|
20904
21280
|
}
|
|
20905
|
-
var
|
|
21281
|
+
var node_4 = sibling(node_1, 2);
|
|
20906
21282
|
{
|
|
20907
|
-
var
|
|
20908
|
-
var div_2 =
|
|
21283
|
+
var consequent_4 = ($$anchor2) => {
|
|
21284
|
+
var div_2 = root_5();
|
|
20909
21285
|
var alviere_timeline = child(div_2);
|
|
20910
21286
|
template_effect(() => set_custom_element_data(alviere_timeline, "steps", get$1(timelineSteps)));
|
|
20911
21287
|
set_custom_element_data(alviere_timeline, "size", "sm");
|
|
@@ -20914,17 +21290,17 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20914
21290
|
reset(div_2);
|
|
20915
21291
|
append($$anchor2, div_2);
|
|
20916
21292
|
};
|
|
20917
|
-
if_block(
|
|
21293
|
+
if_block(node_4, ($$render) => {
|
|
20918
21294
|
var _a3, _b2;
|
|
20919
|
-
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);
|
|
20920
21296
|
});
|
|
20921
21297
|
}
|
|
20922
|
-
var
|
|
21298
|
+
var node_5 = sibling(node_4, 2);
|
|
20923
21299
|
{
|
|
20924
|
-
var
|
|
20925
|
-
var div_3 =
|
|
21300
|
+
var consequent_7 = ($$anchor2) => {
|
|
21301
|
+
var div_3 = root_6();
|
|
20926
21302
|
each(div_3, 21, () => config().steps, index, ($$anchor3, step, index2) => {
|
|
20927
|
-
var button =
|
|
21303
|
+
var button = root_7();
|
|
20928
21304
|
let classes;
|
|
20929
21305
|
button.__click = () => goToStep(index2);
|
|
20930
21306
|
var span = child(button);
|
|
@@ -20932,24 +21308,24 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20932
21308
|
var span_1 = sibling(span, 2);
|
|
20933
21309
|
var text_2 = child(span_1, true);
|
|
20934
21310
|
reset(span_1);
|
|
20935
|
-
var
|
|
21311
|
+
var node_6 = sibling(span_1, 2);
|
|
20936
21312
|
{
|
|
20937
|
-
var
|
|
20938
|
-
var span_2 =
|
|
21313
|
+
var consequent_5 = ($$anchor4) => {
|
|
21314
|
+
var span_2 = root_8();
|
|
20939
21315
|
append($$anchor4, span_2);
|
|
20940
21316
|
};
|
|
20941
|
-
if_block(
|
|
20942
|
-
if (flowManager.stepStatuses[index2] === "COMPLETE") $$render(
|
|
21317
|
+
if_block(node_6, ($$render) => {
|
|
21318
|
+
if (flowManager.stepStatuses[index2] === "COMPLETE") $$render(consequent_5);
|
|
20943
21319
|
});
|
|
20944
21320
|
}
|
|
20945
|
-
var
|
|
21321
|
+
var node_7 = sibling(node_6, 2);
|
|
20946
21322
|
{
|
|
20947
|
-
var
|
|
20948
|
-
var span_3 =
|
|
21323
|
+
var consequent_6 = ($$anchor4) => {
|
|
21324
|
+
var span_3 = root_9();
|
|
20949
21325
|
append($$anchor4, span_3);
|
|
20950
21326
|
};
|
|
20951
|
-
if_block(
|
|
20952
|
-
if (flowManager.stepStatuses[index2] === "ERROR") $$render(
|
|
21327
|
+
if_block(node_7, ($$render) => {
|
|
21328
|
+
if (flowManager.stepStatuses[index2] === "ERROR") $$render(consequent_6);
|
|
20953
21329
|
});
|
|
20954
21330
|
}
|
|
20955
21331
|
reset(button);
|
|
@@ -20975,56 +21351,56 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
20975
21351
|
reset(div_3);
|
|
20976
21352
|
append($$anchor2, div_3);
|
|
20977
21353
|
};
|
|
20978
|
-
if_block(
|
|
20979
|
-
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);
|
|
20980
21356
|
});
|
|
20981
21357
|
}
|
|
20982
|
-
var
|
|
21358
|
+
var node_8 = sibling(node_5, 2);
|
|
20983
21359
|
{
|
|
20984
|
-
var
|
|
20985
|
-
var div_4 =
|
|
21360
|
+
var consequent_10 = ($$anchor2) => {
|
|
21361
|
+
var div_4 = root_10();
|
|
20986
21362
|
var div_5 = child(div_4);
|
|
20987
21363
|
var h3 = child(div_5);
|
|
20988
21364
|
var text_3 = child(h3, true);
|
|
20989
21365
|
reset(h3);
|
|
20990
21366
|
reset(div_5);
|
|
20991
21367
|
var div_6 = sibling(div_5, 2);
|
|
20992
|
-
var
|
|
21368
|
+
var node_9 = child(div_6);
|
|
20993
21369
|
{
|
|
20994
|
-
var
|
|
21370
|
+
var consequent_9 = ($$anchor3) => {
|
|
20995
21371
|
const stepTag = /* @__PURE__ */ user_derived(() => getStepComponentTag(get$1(currentStep).type));
|
|
20996
|
-
var
|
|
20997
|
-
var
|
|
21372
|
+
var fragment_1 = comment();
|
|
21373
|
+
var node_10 = first_child(fragment_1);
|
|
20998
21374
|
{
|
|
20999
|
-
var
|
|
21000
|
-
var
|
|
21001
|
-
var
|
|
21002
|
-
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) => {
|
|
21003
21379
|
attribute_effect($$element, () => ({ ...get$1(currentStepProps) }), void 0, void 0, void 0, "svelte-qf1k5k");
|
|
21004
21380
|
});
|
|
21005
|
-
append($$anchor4,
|
|
21381
|
+
append($$anchor4, fragment_2);
|
|
21006
21382
|
};
|
|
21007
21383
|
var alternate = ($$anchor4) => {
|
|
21008
|
-
var div_7 =
|
|
21384
|
+
var div_7 = root_13();
|
|
21009
21385
|
var text_4 = child(div_7);
|
|
21010
21386
|
reset(div_7);
|
|
21011
21387
|
template_effect(() => set_text(text_4, `Unknown step type: ${get$1(currentStep).type ?? ""}`));
|
|
21012
21388
|
append($$anchor4, div_7);
|
|
21013
21389
|
};
|
|
21014
|
-
if_block(
|
|
21015
|
-
if (get$1(stepTag)) $$render(
|
|
21390
|
+
if_block(node_10, ($$render) => {
|
|
21391
|
+
if (get$1(stepTag)) $$render(consequent_8);
|
|
21016
21392
|
else $$render(alternate, false);
|
|
21017
21393
|
});
|
|
21018
21394
|
}
|
|
21019
|
-
append($$anchor3,
|
|
21395
|
+
append($$anchor3, fragment_1);
|
|
21020
21396
|
};
|
|
21021
21397
|
var alternate_1 = ($$anchor3) => {
|
|
21022
|
-
var div_8 =
|
|
21398
|
+
var div_8 = root_14();
|
|
21023
21399
|
append($$anchor3, div_8);
|
|
21024
21400
|
};
|
|
21025
|
-
if_block(
|
|
21401
|
+
if_block(node_9, ($$render) => {
|
|
21026
21402
|
var _a3;
|
|
21027
|
-
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);
|
|
21028
21404
|
else $$render(alternate_1, false);
|
|
21029
21405
|
});
|
|
21030
21406
|
}
|
|
@@ -21035,35 +21411,35 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21035
21411
|
transition(2, div_4, () => fade, () => ({ duration: 200 }));
|
|
21036
21412
|
append($$anchor2, div_4);
|
|
21037
21413
|
};
|
|
21038
|
-
if_block(
|
|
21039
|
-
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);
|
|
21040
21416
|
});
|
|
21041
21417
|
}
|
|
21042
|
-
var
|
|
21418
|
+
var node_12 = sibling(node_8, 2);
|
|
21043
21419
|
{
|
|
21044
|
-
var
|
|
21045
|
-
var div_9 =
|
|
21420
|
+
var consequent_12 = ($$anchor2) => {
|
|
21421
|
+
var div_9 = root_15();
|
|
21046
21422
|
var div_10 = child(div_9);
|
|
21047
21423
|
var div_11 = child(div_10);
|
|
21048
|
-
var
|
|
21049
|
-
html(
|
|
21424
|
+
var node_13 = child(div_11);
|
|
21425
|
+
html(node_13, () => checkIcon.outerHTML);
|
|
21050
21426
|
reset(div_11);
|
|
21051
21427
|
reset(div_10);
|
|
21052
21428
|
var div_12 = sibling(div_10, 2);
|
|
21053
21429
|
var p_1 = child(div_12);
|
|
21054
21430
|
var text_5 = child(p_1, true);
|
|
21055
21431
|
reset(p_1);
|
|
21056
|
-
var
|
|
21432
|
+
var node_14 = sibling(p_1, 2);
|
|
21057
21433
|
{
|
|
21058
|
-
var
|
|
21059
|
-
var p_2 =
|
|
21060
|
-
var
|
|
21061
|
-
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));
|
|
21062
21438
|
reset(p_2);
|
|
21063
21439
|
append($$anchor3, p_2);
|
|
21064
21440
|
};
|
|
21065
|
-
if_block(
|
|
21066
|
-
if (get$1(finalMessage)) $$render(
|
|
21441
|
+
if_block(node_14, ($$render) => {
|
|
21442
|
+
if (get$1(finalMessage)) $$render(consequent_11);
|
|
21067
21443
|
});
|
|
21068
21444
|
}
|
|
21069
21445
|
reset(div_12);
|
|
@@ -21073,18 +21449,18 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21073
21449
|
transition(2, div_9, () => fade, () => ({ duration: 200 }));
|
|
21074
21450
|
append($$anchor2, div_9);
|
|
21075
21451
|
};
|
|
21076
|
-
if_block(
|
|
21077
|
-
if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(
|
|
21452
|
+
if_block(node_12, ($$render) => {
|
|
21453
|
+
if (flowManager.isComplete() && !get$1(flowBarrier)) $$render(consequent_12);
|
|
21078
21454
|
});
|
|
21079
21455
|
}
|
|
21080
|
-
var
|
|
21456
|
+
var node_16 = sibling(node_12, 2);
|
|
21081
21457
|
{
|
|
21082
|
-
var
|
|
21083
|
-
var div_13 =
|
|
21458
|
+
var consequent_15 = ($$anchor2) => {
|
|
21459
|
+
var div_13 = root_17();
|
|
21084
21460
|
var div_14 = child(div_13);
|
|
21085
21461
|
var div_15 = child(div_14);
|
|
21086
|
-
var
|
|
21087
|
-
html(
|
|
21462
|
+
var node_17 = child(div_15);
|
|
21463
|
+
html(node_17, () => infoIcon.outerHTML);
|
|
21088
21464
|
reset(div_15);
|
|
21089
21465
|
reset(div_14);
|
|
21090
21466
|
var div_16 = sibling(div_14, 2);
|
|
@@ -21092,33 +21468,33 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21092
21468
|
var text_6 = child(h3_1, true);
|
|
21093
21469
|
reset(h3_1);
|
|
21094
21470
|
var p_3 = sibling(h3_1, 2);
|
|
21095
|
-
var
|
|
21096
|
-
html(
|
|
21471
|
+
var node_18 = child(p_3);
|
|
21472
|
+
html(node_18, () => get$1(flowBarrier).message || "");
|
|
21097
21473
|
reset(p_3);
|
|
21098
|
-
var
|
|
21474
|
+
var node_19 = sibling(p_3, 2);
|
|
21099
21475
|
{
|
|
21100
|
-
var
|
|
21101
|
-
var p_4 =
|
|
21476
|
+
var consequent_13 = ($$anchor3) => {
|
|
21477
|
+
var p_4 = root_18();
|
|
21102
21478
|
var text_7 = child(p_4);
|
|
21103
21479
|
reset(p_4);
|
|
21104
21480
|
template_effect(() => set_text(text_7, `Status: ${get$1(flowBarrier).status ?? ""}`));
|
|
21105
21481
|
append($$anchor3, p_4);
|
|
21106
21482
|
};
|
|
21107
|
-
if_block(
|
|
21108
|
-
if (debug() && get$1(flowBarrier).status) $$render(
|
|
21483
|
+
if_block(node_19, ($$render) => {
|
|
21484
|
+
if (debug() && get$1(flowBarrier).status) $$render(consequent_13);
|
|
21109
21485
|
});
|
|
21110
21486
|
}
|
|
21111
|
-
var
|
|
21487
|
+
var node_20 = sibling(node_19, 2);
|
|
21112
21488
|
{
|
|
21113
|
-
var
|
|
21114
|
-
var p_5 =
|
|
21115
|
-
var
|
|
21116
|
-
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);
|
|
21117
21493
|
reset(p_5);
|
|
21118
21494
|
append($$anchor3, p_5);
|
|
21119
21495
|
};
|
|
21120
|
-
if_block(
|
|
21121
|
-
if (debug() && get$1(flowBarrier).description) $$render(
|
|
21496
|
+
if_block(node_20, ($$render) => {
|
|
21497
|
+
if (debug() && get$1(flowBarrier).description) $$render(consequent_14);
|
|
21122
21498
|
});
|
|
21123
21499
|
}
|
|
21124
21500
|
reset(div_16);
|
|
@@ -21128,18 +21504,18 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21128
21504
|
transition(2, div_13, () => fade, () => ({ duration: 200 }));
|
|
21129
21505
|
append($$anchor2, div_13);
|
|
21130
21506
|
};
|
|
21131
|
-
if_block(
|
|
21132
|
-
if (get$1(flowBarrier)) $$render(
|
|
21507
|
+
if_block(node_16, ($$render) => {
|
|
21508
|
+
if (get$1(flowBarrier)) $$render(consequent_15);
|
|
21133
21509
|
});
|
|
21134
21510
|
}
|
|
21135
|
-
var
|
|
21511
|
+
var node_22 = sibling(node_16, 2);
|
|
21136
21512
|
{
|
|
21137
|
-
var
|
|
21138
|
-
var div_17 =
|
|
21513
|
+
var consequent_18 = ($$anchor2) => {
|
|
21514
|
+
var div_17 = root_20();
|
|
21139
21515
|
var div_18 = child(div_17);
|
|
21140
21516
|
var div_19 = child(div_18);
|
|
21141
|
-
var
|
|
21142
|
-
html(
|
|
21517
|
+
var node_23 = child(div_19);
|
|
21518
|
+
html(node_23, () => errorIcon.outerHTML);
|
|
21143
21519
|
reset(div_19);
|
|
21144
21520
|
reset(div_18);
|
|
21145
21521
|
var div_20 = sibling(div_18, 2);
|
|
@@ -21149,30 +21525,30 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21149
21525
|
var p_6 = sibling(h3_2, 2);
|
|
21150
21526
|
var text_9 = child(p_6, true);
|
|
21151
21527
|
reset(p_6);
|
|
21152
|
-
var
|
|
21528
|
+
var node_24 = sibling(p_6, 2);
|
|
21153
21529
|
{
|
|
21154
|
-
var
|
|
21155
|
-
var p_7 =
|
|
21530
|
+
var consequent_16 = ($$anchor3) => {
|
|
21531
|
+
var p_7 = root_21();
|
|
21156
21532
|
var text_10 = child(p_7);
|
|
21157
21533
|
reset(p_7);
|
|
21158
21534
|
template_effect(() => set_text(text_10, `Error Code: ${get$1(flowError).errorCode ?? ""}`));
|
|
21159
21535
|
append($$anchor3, p_7);
|
|
21160
21536
|
};
|
|
21161
|
-
if_block(
|
|
21162
|
-
if (debug() && get$1(flowError).errorCode) $$render(
|
|
21537
|
+
if_block(node_24, ($$render) => {
|
|
21538
|
+
if (debug() && get$1(flowError).errorCode) $$render(consequent_16);
|
|
21163
21539
|
});
|
|
21164
21540
|
}
|
|
21165
|
-
var
|
|
21541
|
+
var node_25 = sibling(node_24, 2);
|
|
21166
21542
|
{
|
|
21167
|
-
var
|
|
21168
|
-
var p_8 =
|
|
21543
|
+
var consequent_17 = ($$anchor3) => {
|
|
21544
|
+
var p_8 = root_22();
|
|
21169
21545
|
var text_11 = child(p_8, true);
|
|
21170
21546
|
reset(p_8);
|
|
21171
21547
|
template_effect(() => set_text(text_11, get$1(flowError).description));
|
|
21172
21548
|
append($$anchor3, p_8);
|
|
21173
21549
|
};
|
|
21174
|
-
if_block(
|
|
21175
|
-
if (debug() && get$1(flowError).description) $$render(
|
|
21550
|
+
if_block(node_25, ($$render) => {
|
|
21551
|
+
if (debug() && get$1(flowError).description) $$render(consequent_17);
|
|
21176
21552
|
});
|
|
21177
21553
|
}
|
|
21178
21554
|
reset(div_20);
|
|
@@ -21185,14 +21561,14 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21185
21561
|
transition(2, div_17, () => fade, () => ({ duration: 200 }));
|
|
21186
21562
|
append($$anchor2, div_17);
|
|
21187
21563
|
};
|
|
21188
|
-
if_block(
|
|
21189
|
-
if (get$1(flowError)) $$render(
|
|
21564
|
+
if_block(node_22, ($$render) => {
|
|
21565
|
+
if (get$1(flowError)) $$render(consequent_18);
|
|
21190
21566
|
});
|
|
21191
21567
|
}
|
|
21192
|
-
var
|
|
21568
|
+
var node_26 = sibling(node_22, 2);
|
|
21193
21569
|
{
|
|
21194
|
-
var
|
|
21195
|
-
var div_21 =
|
|
21570
|
+
var consequent_19 = ($$anchor2) => {
|
|
21571
|
+
var div_21 = root_23();
|
|
21196
21572
|
var button_1 = child(div_21);
|
|
21197
21573
|
button_1.__click = previousStep;
|
|
21198
21574
|
var button_2 = sibling(button_1, 2);
|
|
@@ -21211,21 +21587,21 @@ function MultiStepFlow($$anchor, $$props) {
|
|
|
21211
21587
|
);
|
|
21212
21588
|
append($$anchor2, div_21);
|
|
21213
21589
|
};
|
|
21214
|
-
if_block(
|
|
21215
|
-
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);
|
|
21216
21592
|
});
|
|
21217
21593
|
}
|
|
21218
|
-
var
|
|
21594
|
+
var node_27 = sibling(node_26, 2);
|
|
21219
21595
|
{
|
|
21220
|
-
var
|
|
21221
|
-
var div_22 =
|
|
21596
|
+
var consequent_20 = ($$anchor2) => {
|
|
21597
|
+
var div_22 = root_24();
|
|
21222
21598
|
var text_12 = child(div_22, true);
|
|
21223
21599
|
reset(div_22);
|
|
21224
21600
|
template_effect(() => set_text(text_12, get$1(error)));
|
|
21225
21601
|
append($$anchor2, div_22);
|
|
21226
21602
|
};
|
|
21227
|
-
if_block(
|
|
21228
|
-
if (get$1(error)) $$render(
|
|
21603
|
+
if_block(node_27, ($$render) => {
|
|
21604
|
+
if (get$1(error)) $$render(consequent_20);
|
|
21229
21605
|
});
|
|
21230
21606
|
}
|
|
21231
21607
|
reset(div);
|