@sparkvault/sdk 1.21.10 → 1.23.1

package/dist/sparkvault.cjs.js

@@ -2344,6 +2344,250 @@ function getStyles(options) {
       flex: 1;
     }
 
+    /* ========================================
+       SERVICE UNAVAILABLE VIEW
+       ======================================== */
+
+    .sv-unavailable-view {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+    }
+
+    .sv-unavailable-icon-container {
+      margin-bottom: 16px;
+    }
+
+    .sv-unavailable-icon {
+      width: 48px;
+      height: 48px;
+    }
+
+    .sv-unavailable-content {
+      margin-bottom: 24px;
+    }
+
+    .sv-unavailable-title {
+      font-size: 18px;
+      font-weight: 600;
+      letter-spacing: -0.02em;
+      margin: 0 0 8px 0;
+      color: ${tokens.textPrimary};
+    }
+
+    .sv-unavailable-message {
+      font-size: 14px;
+      line-height: 1.5;
+      color: ${tokens.textSecondary};
+      margin: 0;
+    }
+
+    .sv-unavailable-actions {
+      display: flex;
+      gap: 10px;
+      width: 100%;
+    }
+
+    .sv-unavailable-actions .sv-btn {
+      flex: 1;
+    }
+
+    @media (max-width: 480px) {
+      .sv-unavailable-actions {
+        flex-direction: column;
+      }
+    }
+
+    /* ========================================
+       MINIMAL CHROME (full-dialog views)
+       ======================================== */
+
+    .sv-modal-minimal {
+      position: relative;
+    }
+
+    .sv-modal-minimal > .sv-header {
+      display: none;
+    }
+
+    .sv-modal-minimal > .sv-body {
+      padding: 36px 32px 28px;
+    }
+
+    .sv-floating-close {
+      position: absolute;
+      top: 14px;
+      right: 14px;
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: transparent;
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      color: ${tokens.textMuted};
+      transition: background 0.15s ease, color 0.15s ease;
+      z-index: 1;
+    }
+
+    .sv-floating-close:hover {
+      background: ${tokens.bgHover};
+      color: ${tokens.textPrimary};
+    }
+
+    .sv-floating-close:focus-visible {
+      outline: 2px solid ${tokens.borderFocus};
+      outline-offset: 2px;
+    }
+
+    .sv-floating-close:active {
+      transform: scale(0.96);
+    }
+
+    /* ========================================
+       APP NOT ACTIVATED VIEW
+       ======================================== */
+
+    .sv-not-activated-view {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+    }
+
+    .sv-not-activated-eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 5px 10px;
+      border-radius: 999px;
+      background: ${tokens.bgHover};
+      color: ${tokens.textSecondary};
+      font-size: 11px;
+      font-weight: 600;
+      letter-spacing: 0.04em;
+      text-transform: uppercase;
+      margin-bottom: 20px;
+    }
+
+    .sv-not-activated-mark {
+      display: inline-flex;
+      align-items: center;
+      gap: 5px;
+      color: ${tokens.textPrimary};
+      font-weight: 700;
+      letter-spacing: -0.01em;
+      text-transform: none;
+      font-size: 12px;
+    }
+
+    .sv-not-activated-eyebrow-divider {
+      color: ${tokens.textMuted};
+      opacity: 0.6;
+    }
+
+    .sv-not-activated-eyebrow-label {
+      color: ${tokens.textSecondary};
+    }
+
+    .sv-not-activated-badge {
+      margin-bottom: 20px;
+    }
+
+    .sv-not-activated-badge-svg {
+      display: block;
+      filter: drop-shadow(0 6px 14px rgba(245, 158, 11, 0.18));
+    }
+
+    .sv-not-activated-title {
+      font-size: 22px;
+      font-weight: 700;
+      letter-spacing: -0.02em;
+      line-height: 1.2;
+      margin: 0 0 10px 0;
+      color: ${tokens.textPrimary};
+    }
+
+    .sv-not-activated-message {
+      font-size: 14px;
+      line-height: 1.55;
+      color: ${tokens.textSecondary};
+      margin: 0 0 22px 0;
+      max-width: 320px;
+    }
+
+    .sv-not-activated-owner {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 14px 16px;
+      border: 1px solid ${tokens.border};
+      border-radius: 12px;
+      background: ${tokens.bgSubtle};
+      text-align: left;
+      margin-bottom: 22px;
+    }
+
+    .sv-not-activated-owner-label {
+      font-size: 13px;
+      font-weight: 600;
+      color: ${tokens.textPrimary};
+    }
+
+    .sv-not-activated-owner-hint {
+      font-size: 12.5px;
+      line-height: 1.5;
+      color: ${tokens.textSecondary};
+    }
+
+    .sv-not-activated-actions {
+      display: flex;
+      flex-direction: column;
+      align-items: stretch;
+      gap: 10px;
+      width: 100%;
+    }
+
+    .sv-not-activated-cta {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      width: 100%;
+      text-decoration: none;
+      height: 44px;
+    }
+
+    .sv-not-activated-cta-icon {
+      opacity: 0.85;
+    }
+
+    .sv-not-activated-dismiss {
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      padding: 8px;
+      font-size: 13px;
+      font-weight: 500;
+      color: ${tokens.textMuted};
+      transition: color 0.15s ease;
+      align-self: center;
+    }
+
+    .sv-not-activated-dismiss:hover {
+      color: ${tokens.textPrimary};
+    }
+
+    .sv-not-activated-dismiss:focus-visible {
+      outline: 2px solid ${tokens.borderFocus};
+      outline-offset: 2px;
+      border-radius: 6px;
+    }
+
     /* ========================================
        TOTP VIEW
        ======================================== */
@@ -3011,6 +3255,8 @@ class ModalContainer {
         this.backdropBlur = true;
         this.effectiveTheme = 'light';
         this.headerElement = null;
+        this.floatingCloseBtn = null;
+        this.floatingCloseHandler = null;
     }
     /**
      * Create and show the modal immediately with loading state.
@@ -3038,6 +3284,39 @@ class ModalContainer {
         }
         this.headerElement = newHeader;
     }
+    /**
+     * Toggle minimal-chrome mode. In minimal mode the header (logo + close)
+     * is hidden and a floating close button is positioned over the modal so
+     * the body view can render edge-to-edge as its own full-dialog design.
+     */
+    setMinimalChrome(enabled) {
+        if (!this.elements)
+            return;
+        const { modal } = this.elements;
+        if (enabled) {
+            modal.classList.add('sv-modal-minimal');
+            if (!this.floatingCloseBtn) {
+                const btn = document.createElement('button');
+                btn.className = 'sv-floating-close';
+                btn.type = 'button';
+                btn.setAttribute('aria-label', 'Close');
+                btn.appendChild(createCloseIcon());
+                this.floatingCloseHandler = () => this.handleClose();
+                btn.addEventListener('click', this.floatingCloseHandler);
+                this.floatingCloseBtn = btn;
+                modal.appendChild(btn);
+            }
+        }
+        else {
+            modal.classList.remove('sv-modal-minimal');
+            if (this.floatingCloseBtn && this.floatingCloseHandler) {
+                this.floatingCloseBtn.removeEventListener('click', this.floatingCloseHandler);
+                this.floatingCloseBtn.remove();
+                this.floatingCloseBtn = null;
+                this.floatingCloseHandler = null;
+            }
+        }
+    }
     /**
      * Update the backdrop blur setting.
      * Called after SDK config loads with resolved value (client override > server config > default).
@@ -3202,6 +3481,12 @@ class ModalContainer {
             this.closeBtnClickHandler = null;
             this.closeBtn = null;
         }
+        // Clean up floating close button (used in minimal-chrome mode)
+        if (this.floatingCloseBtn && this.floatingCloseHandler) {
+            this.floatingCloseBtn.removeEventListener('click', this.floatingCloseHandler);
+            this.floatingCloseBtn = null;
+            this.floatingCloseHandler = null;
+        }
         // Remove modal from DOM
         if (this.elements) {
             this.elements.overlay.remove();
@@ -4422,6 +4707,257 @@ class ErrorView {
     }
 }
 
+/**
+ * Service Unavailable View
+ *
+ * Shown when the identity config endpoint is unreachable.
+ * Clean, professional, branded — no error codes or technical jargon.
+ */
+function createShieldIcon() {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 48 48');
+    svg.setAttribute('width', '48');
+    svg.setAttribute('height', '48');
+    svg.setAttribute('fill', 'none');
+    svg.classList.add('sv-unavailable-icon');
+    const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+    circle.setAttribute('cx', '24');
+    circle.setAttribute('cy', '24');
+    circle.setAttribute('r', '22');
+    circle.setAttribute('fill', '#EEF2FF');
+    circle.setAttribute('stroke', '#E0E7FF');
+    circle.setAttribute('stroke-width', '1');
+    svg.appendChild(circle);
+    const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+    group.setAttribute('transform', 'translate(12, 10)');
+    // Shield shape
+    const shield = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    shield.setAttribute('d', 'M12 2L3 6v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6l-9-4z');
+    shield.setAttribute('fill', '#A5B4FC');
+    group.appendChild(shield);
+    // Pause bars (indicates temporary)
+    const bar1 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+    bar1.setAttribute('x', '9');
+    bar1.setAttribute('y', '9');
+    bar1.setAttribute('width', '2.5');
+    bar1.setAttribute('height', '8');
+    bar1.setAttribute('rx', '1');
+    bar1.setAttribute('fill', '#FFFFFF');
+    group.appendChild(bar1);
+    const bar2 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+    bar2.setAttribute('x', '12.5');
+    bar2.setAttribute('y', '9');
+    bar2.setAttribute('width', '2.5');
+    bar2.setAttribute('height', '8');
+    bar2.setAttribute('rx', '1');
+    bar2.setAttribute('fill', '#FFFFFF');
+    group.appendChild(bar2);
+    svg.appendChild(group);
+    return svg;
+}
+class ServiceUnavailableView {
+    constructor(props) {
+        this.retryButton = null;
+        this.closeButton = null;
+        this.props = props;
+        this.boundHandleRetry = () => this.props.onRetry();
+        this.boundHandleClose = () => this.props.onClose();
+    }
+    render() {
+        const container = div('sv-unavailable-view');
+        // Icon
+        const iconContainer = div('sv-unavailable-icon-container');
+        iconContainer.appendChild(createShieldIcon());
+        container.appendChild(iconContainer);
+        // Content
+        const content = div('sv-unavailable-content');
+        const title = document.createElement('h3');
+        title.className = 'sv-unavailable-title';
+        title.textContent = 'Temporarily Unavailable';
+        content.appendChild(title);
+        const message = document.createElement('p');
+        message.className = 'sv-unavailable-message';
+        message.textContent = 'Authentication is experiencing a brief interruption. Please try again in a moment.';
+        content.appendChild(message);
+        container.appendChild(content);
+        // Actions
+        const actions = div('sv-unavailable-actions');
+        this.retryButton = document.createElement('button');
+        this.retryButton.className = 'sv-btn sv-btn-primary';
+        this.retryButton.textContent = 'Try Again';
+        this.retryButton.addEventListener('click', this.boundHandleRetry);
+        actions.appendChild(this.retryButton);
+        this.closeButton = document.createElement('button');
+        this.closeButton.className = 'sv-btn sv-btn-secondary';
+        this.closeButton.textContent = 'Close';
+        this.closeButton.addEventListener('click', this.boundHandleClose);
+        actions.appendChild(this.closeButton);
+        container.appendChild(actions);
+        return container;
+    }
+    destroy() {
+        if (this.retryButton) {
+            this.retryButton.removeEventListener('click', this.boundHandleRetry);
+        }
+        if (this.closeButton) {
+            this.closeButton.removeEventListener('click', this.boundHandleClose);
+        }
+    }
+}
+
+/**
+ * App Not Activated View
+ *
+ * Full-dialog terminal screen shown when the SparkVault Identity app has not
+ * been activated for the account that the JS SDK is configured against. The
+ * audience is the website owner / developer — this is a misconfiguration
+ * surface, not an end-user error — so the dialog drops customer branding and
+ * presents itself as an unmistakable SparkVault notice.
+ */
+const ACTIVATION_URL = 'https://app.sparkvault.com/apps';
+function createBadge() {
+    const badge = div('sv-not-activated-badge');
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 56 56');
+    svg.setAttribute('width', '72');
+    svg.setAttribute('height', '72');
+    svg.setAttribute('fill', 'none');
+    svg.classList.add('sv-not-activated-badge-svg');
+    // Soft outer ring
+    const ring = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+    ring.setAttribute('cx', '28');
+    ring.setAttribute('cy', '28');
+    ring.setAttribute('r', '27');
+    ring.setAttribute('fill', '#FFFBEB');
+    ring.setAttribute('stroke', '#FDE68A');
+    ring.setAttribute('stroke-width', '1');
+    svg.appendChild(ring);
+    // Shield body
+    const shield = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    shield.setAttribute('d', 'M28 13l-10 4.2v8.6c0 6.7 4.27 12.95 10 14.4 5.73-1.45 10-7.7 10-14.4v-8.6L28 13z');
+    shield.setAttribute('fill', '#F59E0B');
+    svg.appendChild(shield);
+    // Exclamation bar
+    const bar = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+    bar.setAttribute('x', '26.6');
+    bar.setAttribute('y', '20');
+    bar.setAttribute('width', '2.8');
+    bar.setAttribute('height', '10');
+    bar.setAttribute('rx', '1.4');
+    bar.setAttribute('fill', '#FFFFFF');
+    svg.appendChild(bar);
+    // Exclamation dot
+    const dot = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+    dot.setAttribute('cx', '28');
+    dot.setAttribute('cy', '34');
+    dot.setAttribute('r', '1.6');
+    dot.setAttribute('fill', '#FFFFFF');
+    svg.appendChild(dot);
+    badge.appendChild(svg);
+    return badge;
+}
+function createExternalLinkIcon() {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 16 16');
+    svg.setAttribute('width', '14');
+    svg.setAttribute('height', '14');
+    svg.setAttribute('fill', 'none');
+    svg.classList.add('sv-not-activated-cta-icon');
+    const arrow = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    arrow.setAttribute('d', 'M6 3h7v7M13 3l-8 8');
+    arrow.setAttribute('stroke', 'currentColor');
+    arrow.setAttribute('stroke-width', '2');
+    arrow.setAttribute('stroke-linecap', 'round');
+    arrow.setAttribute('stroke-linejoin', 'round');
+    svg.appendChild(arrow);
+    return svg;
+}
+function createSparkVaultMark() {
+    const mark = div('sv-not-activated-mark');
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 16 16');
+    svg.setAttribute('width', '14');
+    svg.setAttribute('height', '14');
+    svg.setAttribute('fill', 'none');
+    const flame = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    flame.setAttribute('d', 'M8 1.5c.6 1.8 2 2.7 2 4.4 0 .9-.5 1.6-1.2 1.6-.6 0-1-.4-1-.9 0-.4.2-.8.2-1.2 0-.7-.5-1.1-1-1.1-1.4 0-2.5 1.5-2.5 3.4 0 2.4 1.9 4.3 4.5 4.3s4.5-1.9 4.5-4.3c0-3.6-3-4.6-5.5-6.2z');
+    flame.setAttribute('fill', 'currentColor');
+    svg.appendChild(flame);
+    const label = document.createElement('span');
+    label.textContent = 'SparkVault';
+    mark.appendChild(svg);
+    mark.appendChild(label);
+    return mark;
+}
+class AppNotActivatedView {
+    constructor(props) {
+        this.dismissButton = null;
+        this.props = props;
+        this.boundHandleClose = () => this.props.onClose();
+    }
+    render() {
+        const container = div('sv-not-activated-view');
+        const eyebrow = div('sv-not-activated-eyebrow');
+        eyebrow.appendChild(createSparkVaultMark());
+        const eyebrowDivider = document.createElement('span');
+        eyebrowDivider.className = 'sv-not-activated-eyebrow-divider';
+        eyebrowDivider.textContent = '•';
+        eyebrow.appendChild(eyebrowDivider);
+        const eyebrowLabel = document.createElement('span');
+        eyebrowLabel.className = 'sv-not-activated-eyebrow-label';
+        eyebrowLabel.textContent = 'Identity';
+        eyebrow.appendChild(eyebrowLabel);
+        container.appendChild(eyebrow);
+        const badge = createBadge();
+        container.appendChild(badge);
+        const title = document.createElement('h2');
+        title.className = 'sv-not-activated-title';
+        title.id = 'sv-modal-title';
+        title.textContent = 'Identity app not activated';
+        container.appendChild(title);
+        const message = document.createElement('p');
+        message.className = 'sv-not-activated-message';
+        message.textContent =
+            'Sign-in is unavailable because the site owner hasn’t activated SparkVault Identity for this account. Activate the app to enable passwordless authentication.';
+        container.appendChild(message);
+        const ownerCard = div('sv-not-activated-owner');
+        const ownerLabel = document.createElement('span');
+        ownerLabel.className = 'sv-not-activated-owner-label';
+        ownerLabel.textContent = 'Are you the site owner?';
+        const ownerHint = document.createElement('span');
+        ownerHint.className = 'sv-not-activated-owner-hint';
+        ownerHint.textContent =
+            'Sign in to your SparkVault account and install the Identity app to start accepting sign-ins.';
+        ownerCard.appendChild(ownerLabel);
+        ownerCard.appendChild(ownerHint);
+        container.appendChild(ownerCard);
+        const actions = div('sv-not-activated-actions');
+        const cta = document.createElement('a');
+        cta.className = 'sv-btn sv-btn-primary sv-not-activated-cta';
+        cta.href = ACTIVATION_URL;
+        cta.target = '_blank';
+        cta.rel = 'noopener noreferrer';
+        const ctaLabel = document.createElement('span');
+        ctaLabel.textContent = 'Activate on SparkVault';
+        cta.appendChild(ctaLabel);
+        cta.appendChild(createExternalLinkIcon());
+        actions.appendChild(cta);
+        this.dismissButton = document.createElement('button');
+        this.dismissButton.className = 'sv-not-activated-dismiss';
+        this.dismissButton.type = 'button';
+        this.dismissButton.textContent = 'Dismiss';
+        this.dismissButton.addEventListener('click', this.boundHandleClose);
+        actions.appendChild(this.dismissButton);
+        container.appendChild(actions);
+        return container;
+    }
+    destroy() {
+        if (this.dismissButton) {
+            this.dismissButton.removeEventListener('click', this.boundHandleClose);
+        }
+    }
+}
+
 /**
  * Identity View Renderer
  *
@@ -4478,14 +5014,23 @@ class IdentityRenderer {
         let config = null;
         if (this.api.isConfigPreloaded()) {
             // Config fetch already started - race it against a 50ms timeout
-            // If config is ready (or almost ready), we skip the loading flash
+            // If config is ready (or almost ready), we skip the loading flash.
+            // A rejected preload (e.g. app_not_installed) must not abort start() —
+            // swallow here and let the in-modal try/catch below route to the
+            // correct error view.
             const timeoutPromise = new Promise((resolve) => setTimeout(() => resolve(null), 50));
-            const result = await Promise.race([
-                this.api.getConfig().then((c) => c),
-                timeoutPromise,
-            ]);
-            if (result !== null) {
-                config = result;
+            try {
+                const result = await Promise.race([
+                    this.api.getConfig().then((c) => c),
+                    timeoutPromise,
+                ]);
+                if (result !== null) {
+                    config = result;
+                }
+            }
+            catch {
+                // Preload failed - fall through to fetchConfigWithRetry which will
+                // surface the real error inside the modal.
             }
         }
         // Create modal - if we have config, skip loading state entirely
@@ -4519,9 +5064,21 @@ class IdentityRenderer {
             }
         }
         catch (error) {
-            this.handleErrorWithRecovery(error, 'config_error');
+            this.setState(this.viewStateForConfigError(error));
         }
     }
+    /**
+     * Map a config-fetch error to the appropriate terminal view.
+     * `app_not_installed` is a misconfiguration (account hasn't installed the
+     * Identity app) — show a developer-targeted "Not Activated" screen with a
+     * link to SparkVault.com instead of the generic service-unavailable view.
+     */
+    viewStateForConfigError(error) {
+        if (error instanceof IdentityApiError && error.code === 'app_not_installed') {
+            return { view: 'app-not-activated' };
+        }
+        return { view: 'service-unavailable' };
+    }
     /**
      * Fetch config with a single retry on network errors.
      * Handles transient failures common during subdomain switches
@@ -4543,6 +5100,35 @@ class IdentityRenderer {
             return this.api.getConfig();
         }
     }
+    /**
+     * Retry loading config after a service-unavailable error.
+     * Shows loading state, re-fetches config, then proceeds normally.
+     */
+    async retryConfigLoad() {
+        this.setState({ view: 'loading' });
+        try {
+            const config = await this.fetchConfigWithRetry();
+            this.verificationState.setConfig(config);
+            if (config.branding) {
+                this.container.updateBranding(config.branding);
+            }
+            const resolvedBackdropBlur = this.options.backdropBlur !== undefined
+                ? this.options.backdropBlur
+                : config.branding?.backdrop_blur !== undefined
+                    ? config.branding.backdrop_blur
+                    : true;
+            this.container.updateBackdropBlur(resolvedBackdropBlur);
+            if (this.recipient) {
+                this.showMethodSelect();
+            }
+            else {
+                this.showIdentityInput();
+            }
+        }
+        catch (error) {
+            this.setState(this.viewStateForConfigError(error));
+        }
+    }
     /**
      * Close the modal and clean up.
      * Cancels all pending API requests to prevent orphaned operations.
@@ -4574,6 +5160,10 @@ class IdentityRenderer {
         if (!body)
             return;
         this.destroyCurrentView();
+        // Full-dialog terminal screens own the entire modal; toggle the container
+        // chrome accordingly so the customer header doesn't bleed into a
+        // SparkVault-owned message.
+        this.container.setMinimalChrome(this.viewState.view === 'app-not-activated');
         const view = this.createViewForState(this.viewState);
         this.currentView = view;
         clearChildren(body);
@@ -4670,6 +5260,15 @@ class IdentityRenderer {
                     onRetry: () => this.showIdentityInput(),
                     onClose: () => this.handleClose(),
                 });
+            case 'service-unavailable':
+                return new ServiceUnavailableView({
+                    onRetry: () => this.retryConfigLoad(),
+                    onClose: () => this.handleClose(),
+                });
+            case 'app-not-activated':
+                return new AppNotActivatedView({
+                    onClose: () => this.handleClose(),
+                });
         }
     }
     showIdentityInput(error) {
@@ -5445,6 +6044,13 @@ class InlineContainer {
     updateBackdropBlur(_enabled) {
         // No-op - inline containers don't have backdrop blur
     }
+    /**
+     * Minimal-chrome toggle (no-op for inline container).
+     * Inline containers don't own page-level chrome to hide.
+     */
+    setMinimalChrome(_enabled) {
+        // No-op
+    }
     /**
      * Get the body element for content rendering.
      */
@@ -5808,15 +6414,19 @@ class IdentityModule {
         }
         return new InlineContainer(element);
     }
-    // Deprecated methods for backwards compatibility
+    // Public-API aliases. The documented method names in the customer-facing
+    // SDK README and the API docs are pop() and render(); verify() is the
+    // underlying primitive. Both remain canonical entry points.
     /**
-     * @deprecated Use `verify()` instead. Will be removed in v2.0.
+     * Open the identity verification modal as a popup. Equivalent to
+     * `verify(options)`.
      */
     async pop(options = {}) {
         return this.verify(options);
     }
     /**
-     * @deprecated Use `verify({ target })` instead. Will be removed in v2.0.
+     * Render the identity verification UI inline into a target element.
+     * Equivalent to `verify({ ...options, target })`.
      */
     async render(options) {
         return this.verify(options);
@@ -8848,16 +9458,14 @@ class VaultUploadModule {
         }
         return new UploadInlineContainer(element);
     }
-    // Deprecated methods for backwards compatibility
-    /**
-     * @deprecated Use `upload()` instead. Will be removed in v2.0.
-     */
+    // Public-API aliases. The web vault-edit screen instructs customers to
+    // call sv.vaults.upload.pop(vaultId) / .render(vaultId, target) — both
+    // are documented entry points that defer to upload() under the hood.
+    /** Open the upload widget as a popup. Equivalent to `upload(options)`. */
     async pop(options) {
         return this.upload(options);
     }
-    /**
-     * @deprecated Use `upload({ target })` instead. Will be removed in v2.0.
-     */
+    /** Render the upload widget inline. Equivalent to `upload({ ...options, target })`. */
     async render(options) {
         return this.upload(options);
     }
@@ -9259,7 +9867,6 @@ if (typeof window !== 'undefined') {
     // Auto-initialize from script tag data-account-id attribute
     const instance = autoInit(SparkVault);
     // Expose instance (if auto-init succeeded) or class (for manual init)
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     window.SparkVault = instance ?? SparkVault;
 }