@alviere/ui 0.13.2 → 0.14.0

package/dist/index.js

@@ -7975,7 +7975,7 @@ var root_1$h = /* @__PURE__ */ from_html(`<label class="alviere-text-input__labe
 var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__textarea svelte-1auzwdn" spellcheck="true"></textarea>`);
 var root_3$c = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
 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>`);
-var root_7$4 = /* @__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>`);
+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>`);
 var root_8$3 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
 var root_6$5 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
 var root_4$b = /* @__PURE__ */ from_html(`<div class="alviere-text-input__actions svelte-1auzwdn"><!> <!></div>`);
@@ -8623,7 +8623,7 @@ function TextInput($$anchor, $$props) {
           var node_5 = child(button_1);
           {
             var consequent_3 = ($$anchor4) => {
-              var svg = root_7$4();
+              var svg = root_7$3();
               append($$anchor4, svg);
             };
             var alternate_1 = ($$anchor4) => {
@@ -11813,7 +11813,7 @@ var root_1$b = /* @__PURE__ */ from_html(`<label class="alviere-search-select__l
 var root_2$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__display-value svelte-roni7d"> </div>`);
 var root_3$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-search-select__clear-button svelte-roni7d" aria-label="Clear selection"><!></button>`);
 var root_5$5 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__loading-message svelte-roni7d"> </div>`);
-var root_7$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
+var root_7$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
 var root_9$3 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
 var root_4$6 = /* @__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>`);
 var root_10$1 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__required svelte-roni7d">Required</div>`);
@@ -12394,7 +12394,7 @@ function SearchSelect($$anchor, $$props) {
           var node_7 = first_child(fragment);
           {
             var consequent_4 = ($$anchor4) => {
-              var div_9 = root_7$3();
+              var div_9 = root_7$2();
               var text_3 = child(div_9, true);
               reset(div_9);
               template_effect(() => set_text(text_3, noOptionsMessage()));
@@ -16005,7 +16005,7 @@ const accountNumberHelpSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="640
 var root_1$8 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-t9z8bl"><alviere-spinner></alviere-spinner></div>`, 2);
 var root_4$5 = /* @__PURE__ */ from_html(`<alviere-badge> </alviere-badge>`, 2);
 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>`);
-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 description svelte-t9z8bl"> </span></div>`);
+var root_7$1 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value description svelte-t9z8bl"> </span></div>`);
 var root_5$4 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <!> <!>`, 1);
 var root_8$2 = /* @__PURE__ */ from_html(`<div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div>`);
 var root_3$6 = /* @__PURE__ */ from_html(`<alviere-list-item><div slot="leading"><alviere-badge> </alviere-badge></div> <div slot="primary-text"><span> </span></div> <div slot="badges"><!></div> <div slot="actions"><alviere-button></alviere-button> <alviere-button></alviere-button></div> <div slot="expanded-content"><div class="bank-accounts-section__card-content svelte-t9z8bl"><div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <div class="bank-accounts-section__card-content__info-row svelte-t9z8bl"><span class="label svelte-t9z8bl"> </span> <span class="value svelte-t9z8bl"> </span></div> <!> <!></div></div></alviere-list-item>`, 2);
@@ -16786,7 +16786,7 @@ function AddBankAccount($$anchor, $$props) {
             var node_5 = sibling(node_4, 2);
             {
               var consequent_3 = ($$anchor5) => {
-                var div_14 = root_7$2();
+                var div_14 = root_7$1();
                 var span_9 = child(div_14);
                 var text_13 = child(span_9);
                 reset(span_9);
@@ -17530,14 +17530,74 @@ customElements.define("alviere-add-bank-account", create_custom_element(
   [],
   true
 ));
+function createLegalTextsResolver({ getDocumentTypes, getCore }) {
+  let resolvedDocuments = /* @__PURE__ */ state(proxy([]));
+  let isLoading = /* @__PURE__ */ state(false);
+  let hasResolved = /* @__PURE__ */ state(false);
+  let error = /* @__PURE__ */ state(null);
+  let lastSignature = null;
+  const getKey = (doc) => `${doc.type}:${doc.version || "latest"}`;
+  user_effect(() => {
+    const core = getCore();
+    const documentTypes = getDocumentTypes();
+    const signature = documentTypes.map(getKey).join("|");
+    if (!core) return;
+    if (signature === lastSignature) return;
+    lastSignature = signature;
+    if (!signature) {
+      set(resolvedDocuments, [], true);
+      set(hasResolved, true);
+      return;
+    }
+    void fetchLegalTexts(core, documentTypes);
+  });
+  async function fetchLegalTexts(core, documentTypes) {
+    set(isLoading, true);
+    set(error, null);
+    const service = core.createLegalTextsService();
+    try {
+      const results = await Promise.all(documentTypes.map(async (doc) => {
+        var _a2, _b;
+        const response = await service.getLegalTexts(doc.type, doc.version);
+        const legalText = ((_a2 = response.legal_texts) == null ? void 0 : _a2.find((t) => t.latest)) || ((_b = response.legal_texts) == null ? void 0 : _b[0]) || null;
+        return { doc, legalText };
+      }));
+      set(resolvedDocuments, results.filter((r2) => r2.legalText !== null).map((r2) => ({ ...r2.doc, legalText: r2.legalText })), true);
+      uiLogger.info("Legal texts resolved from backend:", get$1(resolvedDocuments).map((d) => d.type));
+    } catch (err) {
+      set(error, err instanceof Error ? err.message : "Failed to load legal texts.", true);
+      uiLogger.error("❌ Failed to resolve legal texts", err);
+      set(resolvedDocuments, [], true);
+    } finally {
+      set(isLoading, false);
+      set(hasResolved, true);
+    }
+  }
+  return {
+    get resolvedDocuments() {
+      return get$1(resolvedDocuments);
+    },
+    get requiresLegalTexts() {
+      return get$1(resolvedDocuments).length > 0;
+    },
+    get isLoading() {
+      return get$1(isLoading);
+    },
+    get hasResolved() {
+      return get$1(hasResolved);
+    },
+    get error() {
+      return get$1(error);
+    }
+  };
+}
 var root_1$7 = /* @__PURE__ */ from_html(`<div class="spinner-container svelte-1l48sab"><alviere-spinner></alviere-spinner></div>`, 2);
 var root_2$3 = /* @__PURE__ */ from_html(`<alviere-currency-input></alviere-currency-input>`, 2);
 var root_4$4 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div>`);
 var root_3$5 = /* @__PURE__ */ from_html(`<section class="alviere-checkout-confirm__summary svelte-1l48sab"><div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <div class="alviere-checkout-confirm__summary-row svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div> <!> <div class="alviere-checkout-confirm__summary-divider svelte-1l48sab" aria-hidden="true"></div> <div class="alviere-checkout-confirm__summary-row alviere-checkout-confirm__summary-row--total svelte-1l48sab"><span class="alviere-checkout-confirm__summary-label svelte-1l48sab"> </span> <span class="alviere-checkout-confirm__summary-value svelte-1l48sab"> </span></div></section>`);
-var root_5$3 = /* @__PURE__ */ from_html(`<alviere-legal-text-consent></alviere-legal-text-consent>`, 2);
-var root_6$2 = /* @__PURE__ */ from_html(`<alviere-checkbox></alviere-checkbox>`, 2);
-var root_7$1 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__timing-info svelte-1l48sab"><!></div>`);
-var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <div class="alviere-checkout-confirm__terms-and-conditions"><p> </p> <!></div> <!> <alviere-button> </alviere-button></div></div>`, 2);
+var root_5$3 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__terms-and-conditions"><p> </p> <alviere-legal-text-consent></alviere-legal-text-consent></div>`, 2);
+var root_6$2 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm__timing-info svelte-1l48sab"><!></div>`);
+var root$7 = /* @__PURE__ */ from_html(`<div class="alviere-checkout-confirm svelte-1l48sab"><!> <div class="alviere-checkout-confirm__payment-info svelte-1l48sab"><!> <!> <!> <alviere-button> </alviere-button></div></div>`, 2);
 const $$css$a = {
   hash: "svelte-1l48sab",
   code: ":root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-checkout-confirm.svelte-1l48sab {display:flex;flex-direction:column;gap:1rem;position:relative;padding:1rem 0;}.alviere-checkout-confirm__payment-info.svelte-1l48sab {display:flex;flex-direction:column;gap:2rem;}.alviere-checkout-confirm__payment-info.svelte-1l48sab alviere-button:where(.svelte-1l48sab) {align-self:center;}.alviere-checkout-confirm__summary.svelte-1l48sab {width:100%;display:flex;flex-direction:column;gap:0.5rem;}.alviere-checkout-confirm__summary-row.svelte-1l48sab {display:flex;align-items:baseline;justify-content:space-between;gap:1rem;}.alviere-checkout-confirm__summary-row--total.svelte-1l48sab {font-weight:600;color:#000000;}.alviere-checkout-confirm__summary-label.svelte-1l48sab {color:#000000;font-size:1rem;}.alviere-checkout-confirm__summary-value.svelte-1l48sab {color:#000000;font-size:1rem;font-weight:400;text-align:right;overflow-wrap:anywhere;}.alviere-checkout-confirm__summary-divider.svelte-1l48sab {border-top:1px dashed #000000;margin:0.25rem 0;}.alviere-checkout-confirm__timing-info.svelte-1l48sab {width:100%;}.alviere-checkout-confirm.svelte-1l48sab .spinner-container:where(.svelte-1l48sab) {position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:rgba(255, 255, 255, 0.2);backdrop-filter:blur(3px);z-index:1000;}"
@@ -17546,6 +17606,7 @@ function CheckoutConfirm($$anchor, $$props) {
   push($$props, true);
   append_styles$1($$anchor, $$css$a);
   const $flowRecipeStore = () => store_get(flowRecipeStore, "$flowRecipeStore", $$stores);
+  const $flowCoreStore = () => store_get(flowCoreStore, "$flowCoreStore", $$stores);
   const [$$stores, $$cleanup] = setup_stores();
   var _a2;
   var _b;
@@ -17555,7 +17616,6 @@ function CheckoutConfirm($$anchor, $$props) {
   let hostElement = /* @__PURE__ */ state(null);
   let isSending = /* @__PURE__ */ state(false);
   let selfAmount = /* @__PURE__ */ state(proxy(amount()));
-  let isAgreedToTerms = /* @__PURE__ */ state(false);
   let legalTextsAccepted = /* @__PURE__ */ state(false);
   let acceptedLegalTextUuids = /* @__PURE__ */ state(proxy([]));
   let resolvedProfileData = /* @__PURE__ */ user_derived(() => () => {
@@ -17573,10 +17633,6 @@ function CheckoutConfirm($$anchor, $$props) {
     var _a3, _b2;
     return (_b2 = (_a3 = get$1(resolvedProfileData)().recipe) === null || _a3 === void 0 ? void 0 : _a3.steps) === null || _b2 === void 0 ? void 0 : _b2.find((step) => step.type === "CHECKOUT_CONFIRM");
   });
-  const legalTextsConfig = /* @__PURE__ */ user_derived(() => () => {
-    var _a3, _b2, _c2;
-    return (_a3 = config() === null || config() === void 0 ? void 0 : config().legalTexts) !== null && _a3 !== void 0 ? _a3 : (_c2 = (_b2 = get$1(resolvedProfileRecipe)()) === null || _b2 === void 0 ? void 0 : _b2.config) === null || _c2 === void 0 ? void 0 : _c2.legalTexts;
-  });
   const componentLabels = /* @__PURE__ */ user_derived(() => () => Object.assign({}, (config() === null || config() === void 0 ? void 0 : config().labels) || {}));
   const recipeLabels = /* @__PURE__ */ user_derived(() => () => {
     var _a3, _b2;
@@ -17591,13 +17647,14 @@ function CheckoutConfirm($$anchor, $$props) {
     componentLabels: get$1(componentLabels)(),
     recipeLabels: get$1(recipeLabels)()
   });
-  const legalTextDocuments = /* @__PURE__ */ user_derived(() => () => {
-    var _a3;
-    return ((_a3 = get$1(legalTextsConfig)()) === null || _a3 === void 0 ? void 0 : _a3.documents) || [];
+  const legalTextDocumentTypes = /* @__PURE__ */ user_derived(() => () => {
+    var _a3, _b2, _c2, _d2, _e, _f;
+    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 : [];
   });
-  const requiresLegalTexts = /* @__PURE__ */ user_derived(() => () => {
-    var _a3;
-    return ((_a3 = get$1(legalTextsConfig)()) === null || _a3 === void 0 ? void 0 : _a3.required) === true && get$1(legalTextDocuments)().length > 0;
+  const core = /* @__PURE__ */ user_derived(() => $flowCoreStore().core || (jwt() ? getAlviereCore({ jwt: jwt(), debug: debug() }) : null));
+  const legalTextsResolver = createLegalTextsResolver({
+    getDocumentTypes: () => get$1(legalTextDocumentTypes)(),
+    getCore: () => get$1(core)
   });
   const isAmountEditable = /* @__PURE__ */ user_derived(() => (_d = (_a2 = config() === null || config() === void 0 ? void 0 : config().amountEditable) !== null && _a2 !== void 0 ? _a2 : (_c = (_b = get$1(resolvedProfileRecipe)()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.amountEditable) !== null && _d !== void 0 ? _d : amountEditable());
   function parseNumericAmount(value) {
@@ -17660,10 +17717,6 @@ function CheckoutConfirm($$anchor, $$props) {
   const normalizedPaymentMethodStatus = /* @__PURE__ */ user_derived(() => (paymentMethodStatus() || "").toString().trim().toUpperCase());
   const isPaymentMethodPending = /* @__PURE__ */ user_derived(() => get$1(normalizedPaymentMethodStatus) === "PENDING");
   const paymentTimingMessage = /* @__PURE__ */ user_derived(() => get$1(isPaymentMethodPending) ? getOptionalInfoLabel("paymentTimingPendingInfoLabel") || getOptionalInfoLabel("paymentTimingInfoLabel") : getOptionalInfoLabel("paymentTimingInfoLabel") || getOptionalInfoLabel("paymentTimingPendingInfoLabel"));
-  function handleTermsChange(event2) {
-    set(isAgreedToTerms, event2.detail.checked, true);
-    uiLogger.info("Terms agreement changed:", get$1(isAgreedToTerms));
-  }
   function handleAmountChange(event2) {
     set(selfAmount, event2.detail.rawValue, true);
     uiLogger.info("Amount changed:", get$1(selfAmount));
@@ -17678,13 +17731,13 @@ function CheckoutConfirm($$anchor, $$props) {
       set(selfAmount, amount());
     }
   });
-  const canPay = /* @__PURE__ */ user_derived(() => () => get$1(requiresLegalTexts)() ? get$1(legalTextsAccepted) : get$1(isAgreedToTerms));
+  const canPay = /* @__PURE__ */ user_derived(() => () => !legalTextsResolver.requiresLegalTexts || get$1(legalTextsAccepted));
   async function handlePay() {
     set(isSending, true);
     await new Promise((resolve) => setTimeout(resolve, 500));
     set(isSending, false);
     if (get$1(hostElement)) {
-      const acceptedLegalDocs = get$1(requiresLegalTexts)() ? get$1(acceptedLegalTextUuids) : void 0;
+      const acceptedLegalDocs = legalTextsResolver.requiresLegalTexts ? get$1(acceptedLegalTextUuids) : void 0;
       const customEvent = new CustomEvent(ComponentEvents.FORM_SUCCESS, {
         detail: Object.assign(
           {
@@ -17905,37 +17958,32 @@ function CheckoutConfirm($$anchor, $$props) {
       else $$render(alternate, false);
     });
   }
-  var div_7 = sibling(node_1, 2);
-  var p = child(div_7);
-  var text_8 = child(p, true);
-  reset(p);
-  var node_3 = sibling(p, 2);
+  var node_3 = sibling(node_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var alviere_legal_text_consent = root_5$3();
-      template_effect(() => set_custom_element_data(alviere_legal_text_consent, "documents", get$1(legalTextDocuments)()));
+      var div_7 = root_5$3();
+      var p = child(div_7);
+      var text_8 = child(p, true);
+      reset(p);
+      var alviere_legal_text_consent = sibling(p, 2);
+      template_effect(() => set_custom_element_data(alviere_legal_text_consent, "resolvedDocuments", legalTextsResolver.resolvedDocuments));
       template_effect(() => set_custom_element_data(alviere_legal_text_consent, "jwt", jwt()));
       template_effect(() => set_custom_element_data(alviere_legal_text_consent, "debug", debug()));
+      reset(div_7);
+      template_effect(($0) => set_text(text_8, $0), [
+        () => getLabel("legalTextsPromptLabel", "Review and accept the terms below to continue.")
+      ]);
       event$1("legal-texts-change", alviere_legal_text_consent, handleLegalTextsChange);
-      append($$anchor2, alviere_legal_text_consent);
-    };
-    var alternate_1 = ($$anchor2) => {
-      var alviere_checkbox = root_6$2();
-      template_effect(() => set_custom_element_data(alviere_checkbox, "checked", get$1(isAgreedToTerms)));
-      template_effect(() => set_custom_element_data(alviere_checkbox, "label", getLabel("agreeToTermsLabel", "I agree to the terms and conditions")));
-      alviere_checkbox.__change = handleTermsChange;
-      append($$anchor2, alviere_checkbox);
+      append($$anchor2, div_7);
     };
     if_block(node_3, ($$render) => {
-      if (get$1(requiresLegalTexts)()) $$render(consequent_3);
-      else $$render(alternate_1, false);
+      if (legalTextsResolver.requiresLegalTexts) $$render(consequent_3);
     });
   }
-  reset(div_7);
-  var node_4 = sibling(div_7, 2);
+  var node_4 = sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_8 = root_7$1();
+      var div_8 = root_6$2();
       var node_5 = child(div_8);
       {
         let $0 = /* @__PURE__ */ user_derived(() => get$1(paymentTimingMessage) || "");
@@ -17964,22 +18012,12 @@ function CheckoutConfirm($$anchor, $$props) {
   reset(div_2);
   reset(div);
   bind_this(div, ($$value) => set(hostElement, $$value), () => get$1(hostElement));
-  template_effect(
-    ($0, $1) => {
-      set_text(text_8, $0);
-      set_text(text_9, $1);
-    },
-    [
-      () => getLabel("legalTextsPromptLabel", "Review and accept the terms below to continue."),
-      () => getLabel("payButtonLabel", "Pay")
-    ]
-  );
+  template_effect(($0) => set_text(text_9, $0), [() => getLabel("payButtonLabel", "Pay")]);
   append($$anchor, div);
   var $$pop = pop($$exports);
   $$cleanup();
   return $$pop;
 }
-delegate(["change"]);
 customElements.define("alviere-checkout-confirm", create_custom_element(
   CheckoutConfirm,
   {
@@ -18670,23 +18708,34 @@ function LegalTextConsent($$anchor, $$props) {
   append_styles$1($$anchor, $$css$4);
   const $flowCoreStore = () => store_get(flowCoreStore, "$flowCoreStore", $$stores);
   const [$$stores, $$cleanup] = setup_stores();
-  let documents = prop($$props, "documents", 31, () => proxy([])), jwt = prop($$props, "jwt", 15, ""), debug = prop($$props, "debug", 15, false);
+  let documents = prop($$props, "documents", 31, () => proxy([])), jwt = prop($$props, "jwt", 15, ""), debug = prop($$props, "debug", 15, false), resolvedDocumentsProp = prop($$props, "resolvedDocuments", 15, void 0);
   const dispatch = createEventDispatcher();
-  let legalTexts = /* @__PURE__ */ state(proxy({}));
-  let accepted = /* @__PURE__ */ state(proxy({}));
+  let internalLegalTexts = /* @__PURE__ */ state(proxy({}));
   let isLoading = /* @__PURE__ */ state(false);
   let error = /* @__PURE__ */ state(null);
-  let lastDocsSignature = /* @__PURE__ */ state(null);
+  let lastDocsSignature = null;
   let isModalOpen = /* @__PURE__ */ state(false);
   let activeDocKey = /* @__PURE__ */ state(null);
-  const core = /* @__PURE__ */ user_derived(() => $flowCoreStore().core || (jwt() ? getAlviereCore({ jwt: jwt(), debug: debug() }) : null));
+  let accepted = /* @__PURE__ */ state(proxy({}));
   const getKey = (doc) => `${doc.type}:${doc.version || "latest"}`;
   const formatTypeLabel = (type) => type.toLowerCase().split("_").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+  const displayItems = /* @__PURE__ */ user_derived(() => () => {
+    if (resolvedDocumentsProp() !== void 0) {
+      return resolvedDocumentsProp();
+    }
+    return documents().map((doc) => {
+      var _a2;
+      return Object.assign(Object.assign({}, doc), {
+        legalText: (_a2 = get$1(internalLegalTexts)[getKey(doc)]) !== null && _a2 !== void 0 ? _a2 : null
+      });
+    });
+  });
   const emitChange = () => {
-    const allAccepted = documents().every((doc) => get$1(accepted)[getKey(doc)]);
-    const acceptedLegalTextUuids = documents().filter((doc) => get$1(accepted)[getKey(doc)]).map((doc) => {
+    const items = get$1(displayItems)();
+    const allAccepted = items.every((item) => get$1(accepted)[getKey(item)]);
+    const acceptedLegalTextUuids = items.filter((item) => get$1(accepted)[getKey(item)]).map((item) => {
       var _a2;
-      return (_a2 = get$1(legalTexts)[getKey(doc)]) === null || _a2 === void 0 ? void 0 : _a2.legal_text_uuid;
+      return (_a2 = item.legalText) === null || _a2 === void 0 ? void 0 : _a2.legal_text_uuid;
     }).filter((uuid) => !!uuid);
     dispatch("legal-texts-change", {
       accepted: get$1(accepted),
@@ -18694,23 +18743,32 @@ function LegalTextConsent($$anchor, $$props) {
       acceptedLegalTextUuids
     });
   };
-  const activeDocument = /* @__PURE__ */ user_derived(() => () => {
-    if (!get$1(activeDocKey)) return null;
-    return documents().find((doc) => getKey(doc) === get$1(activeDocKey)) || null;
+  let lastResolvedSignature = null;
+  user_effect(() => {
+    if (resolvedDocumentsProp() === void 0) return;
+    const signature = resolvedDocumentsProp().map(getKey).join("|");
+    if (signature === lastResolvedSignature) return;
+    lastResolvedSignature = signature;
+    untrack$1(() => {
+      const nextAccepted = Object.assign({}, get$1(accepted));
+      resolvedDocumentsProp().forEach((doc) => {
+        const key = getKey(doc);
+        if (!(key in nextAccepted)) {
+          nextAccepted[key] = false;
+        }
+      });
+      set(accepted, nextAccepted, true);
+      emitChange();
+    });
   });
-  const activeLegalText = /* @__PURE__ */ user_derived(() => () => {
-    if (!get$1(activeDocKey)) return null;
-    return get$1(legalTexts)[get$1(activeDocKey)] || null;
+  const core = /* @__PURE__ */ user_derived(() => resolvedDocumentsProp() !== void 0 ? null : $flowCoreStore().core || (jwt() ? getAlviereCore({ jwt: jwt(), debug: debug() }) : null));
+  user_effect(() => {
+    if (resolvedDocumentsProp() !== void 0) return;
+    const signature = documents().map(getKey).join("|");
+    if (!signature || signature === lastDocsSignature) return;
+    lastDocsSignature = signature;
+    void loadLegalTexts();
   });
-  function handleToggle(doc, event2) {
-    var _a2, _b, _c;
-    const detail = event2.detail;
-    const targetChecked = (_a2 = event2.target) === null || _a2 === void 0 ? void 0 : _a2.checked;
-    const checked = (_c = (_b = detail === null || detail === void 0 ? void 0 : detail.checked) !== null && _b !== void 0 ? _b : targetChecked) !== null && _c !== void 0 ? _c : false;
-    const key = getKey(doc);
-    set(accepted, Object.assign(Object.assign({}, get$1(accepted)), { [key]: checked }), true);
-    emitChange();
-  }
   async function loadLegalTexts() {
     if (!get$1(core) || documents().length === 0) {
       return;
@@ -18736,7 +18794,7 @@ function LegalTextConsent($$anchor, $$props) {
           nextAccepted[key] = false;
         }
       });
-      set(legalTexts, nextTexts, true);
+      set(internalLegalTexts, nextTexts, true);
       set(accepted, nextAccepted, true);
       emitChange();
     } catch (err) {
@@ -18746,27 +18804,42 @@ function LegalTextConsent($$anchor, $$props) {
       set(isLoading, false);
     }
   }
-  user_effect(() => {
-    const signature = documents().map(getKey).join("|");
-    if (!signature || signature === get$1(lastDocsSignature)) {
-      return;
-    }
-    set(lastDocsSignature, signature, true);
-    void loadLegalTexts();
+  function handleToggle(item, event2) {
+    var _a2, _b, _c;
+    const detail = event2.detail;
+    const targetChecked = (_a2 = event2.target) === null || _a2 === void 0 ? void 0 : _a2.checked;
+    const checked = (_c = (_b = detail === null || detail === void 0 ? void 0 : detail.checked) !== null && _b !== void 0 ? _b : targetChecked) !== null && _c !== void 0 ? _c : false;
+    const key = getKey(item);
+    set(accepted, Object.assign(Object.assign({}, get$1(accepted)), { [key]: checked }), true);
+    emitChange();
+  }
+  const activeDocument = /* @__PURE__ */ user_derived(() => () => {
+    if (!get$1(activeDocKey)) return null;
+    return get$1(displayItems)().find((item) => getKey(item) === get$1(activeDocKey)) || null;
+  });
+  const activeLegalText = /* @__PURE__ */ user_derived(() => () => {
+    var _a2;
+    return ((_a2 = get$1(activeDocument)()) === null || _a2 === void 0 ? void 0 : _a2.legalText) || null;
+  });
+  const modalTitle = /* @__PURE__ */ user_derived(() => () => {
+    var _a2;
+    const doc = get$1(activeDocument)();
+    if (!doc) return "Terms";
+    return doc.label || ((_a2 = get$1(activeLegalText)()) === null || _a2 === void 0 ? void 0 : _a2.title) || formatTypeLabel(doc.type);
   });
-  function handleView(doc) {
+  function handleView(item) {
     var _a2, _b;
-    set(activeDocKey, getKey(doc), true);
-    const legalText = get$1(legalTexts)[get$1(activeDocKey)] || null;
+    set(activeDocKey, getKey(item), true);
+    const legalText = item.legalText;
     const documentText = (_a2 = legalText === null || legalText === void 0 ? void 0 : legalText.document_text) === null || _a2 === void 0 ? void 0 : _a2.trim();
     const documentUrl = (_b = legalText === null || legalText === void 0 ? void 0 : legalText.document_url) === null || _b === void 0 ? void 0 : _b.trim();
     if (!documentText && documentUrl && typeof window !== "undefined") {
       window.open(documentUrl, "_blank", "noopener");
-      dispatch("view", { document: doc, legalText });
+      dispatch("view", { document: item, legalText });
       return;
     }
     set(isModalOpen, true);
-    dispatch("view", { document: doc, legalText });
+    dispatch("view", { document: item, legalText });
   }
   function handleModalClose() {
     set(isModalOpen, false);
@@ -18792,6 +18865,13 @@ function LegalTextConsent($$anchor, $$props) {
     set debug($$value = false) {
       debug($$value);
       flushSync();
+    },
+    get resolvedDocuments() {
+      return resolvedDocumentsProp();
+    },
+    set resolvedDocuments($$value = void 0) {
+      resolvedDocumentsProp($$value);
+      flushSync();
     }
   };
   var fragment = root$1();
@@ -18821,18 +18901,18 @@ function LegalTextConsent($$anchor, $$props) {
         var alternate = ($$anchor3) => {
           var fragment_2 = comment();
           var node_2 = first_child(fragment_2);
-          each(node_2, 17, documents, index, ($$anchor4, doc) => {
-            const key = /* @__PURE__ */ user_derived(() => getKey(get$1(doc)));
+          each(node_2, 17, () => get$1(displayItems)(), index, ($$anchor4, item) => {
+            const key = /* @__PURE__ */ user_derived(() => getKey(get$1(item)));
             var div_3 = root_5$2();
             var alviere_checkbox = child(div_3);
             template_effect(() => set_custom_element_data(alviere_checkbox, "checked", !!get$1(accepted)[get$1(key)]));
-            alviere_checkbox.__change = (event2) => handleToggle(get$1(doc), event2);
+            alviere_checkbox.__change = (event2) => handleToggle(get$1(item), event2);
             var span = child(alviere_checkbox);
             var button = sibling(child(span), 2);
             button.__click = (event2) => {
               event2.preventDefault();
               event2.stopPropagation();
-              handleView(get$1(doc));
+              handleView(get$1(item));
             };
             var text_2 = child(button, true);
             reset(button);
@@ -18842,7 +18922,7 @@ function LegalTextConsent($$anchor, $$props) {
             template_effect(($0) => set_text(text_2, $0), [
               () => {
                 var _a2;
-                return ((_a2 = get$1(legalTexts)[get$1(key)]) == null ? void 0 : _a2.title) || get$1(doc).label || formatTypeLabel(get$1(doc).type);
+                return ((_a2 = get$1(item).legalText) == null ? void 0 : _a2.title) || get$1(item).label || formatTypeLabel(get$1(item).type);
               }
             ]);
             append($$anchor4, div_3);
@@ -18868,10 +18948,7 @@ function LegalTextConsent($$anchor, $$props) {
   reset(div);
   var alviere_modal = sibling(div, 2);
   template_effect(() => set_custom_element_data(alviere_modal, "open", get$1(isModalOpen)));
-  template_effect(() => {
-    var _a2;
-    return set_custom_element_data(alviere_modal, "title", get$1(activeDocument)() ? get$1(activeDocument)().label || ((_a2 = get$1(activeLegalText)()) == null ? void 0 : _a2.title) || formatTypeLabel(get$1(activeDocument)().type) : "Terms");
-  });
+  template_effect(() => set_custom_element_data(alviere_modal, "title", get$1(modalTitle)()));
   var node_3 = child(alviere_modal);
   {
     var consequent_2 = ($$anchor2) => {
@@ -18926,7 +19003,7 @@ function LegalTextConsent($$anchor, $$props) {
   return $$pop;
 }
 delegate(["change", "click"]);
-create_custom_element(LegalTextConsent, { documents: {}, jwt: {}, debug: {} }, [], [], true);
+create_custom_element(LegalTextConsent, { documents: {}, jwt: {}, debug: {}, resolvedDocuments: {} }, [], [], true);
 var root_4$2 = /* @__PURE__ */ from_html(`<alviere-button></alviere-button>`, 2);
 var root_2$1 = /* @__PURE__ */ from_html(`<div class="alviere-modal svelte-14kdpon"><button type="button" class="alviere-modal__backdrop svelte-14kdpon" aria-label="Close modal" tabindex="-1"></button> <div class="alviere-modal__dialog svelte-14kdpon" role="dialog" aria-modal="true"><div class="alviere-modal__header svelte-14kdpon"><div class="alviere-modal__title svelte-14kdpon"><!></div> <!></div> <div class="alviere-modal__body svelte-14kdpon"><!></div> <div class="alviere-modal__footer svelte-14kdpon"><!></div></div></div>`);
 const $$css$3 = {