@namiml/web-sdk 3.4.0-dev.202605141714 → 3.4.0-dev.202605182046

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog - Web SDK
 
+## Unreleased
+
+### Bug Fixes
+- Recognize Xbox controller B button (`BrowserBack`, `XF86Back`, keyCode 166) as the paywall Back key, so onboarding flows no longer reload the host SPA on Xbox UWP / Edge WebView. When no `__remoteback__` action is configured on the current flow step, Back now falls back to popping the previous screen, and dismisses the placement if no previous screen exists. (NAM-79)
+
+### New Features
+- Support `modal` page presentation style: centered overlay with dim backdrop, internal scrolling capped at 85vh, 90vw on phone and 50vw on tablet/desktop/TV. Backdrop click and Escape dismiss the modal. (NAM-62)
+
 ## 1.7.8
 **Release Date:** February 17, 2026
 

package/dist/components/Paywall.d.ts

@@ -23,11 +23,14 @@ declare class PaywallComponent extends LitElement {
     private _sheetIsDragging;
     private _dismissThreshold;
     constructor(type: string | undefined, value: string, context: NamiPaywallLaunchContext);
+    private applyPresentationHostClasses;
     setPaywallData(): void;
     private getPresentationStyle;
     private get isHalfSheet();
     private get isSheet();
     private get isOverlaySheet();
+    private get isModal();
+    private get isOverlay();
     connectedCallback(): void;
     disconnectedCallback(): void;
     private _stylesAlreadySaved;
@@ -50,7 +53,9 @@ declare class PaywallComponent extends LitElement {
     flowNavigateToScreen(next: IPaywall, animation: NamiFlowAnimation): Promise<void>;
     getSelectedSlideIndexForCurrentCarousel(): number | undefined;
     private renderFlow;
+    private renderFlowContainer;
     private renderHalfSheet;
+    private renderModal;
     private renderPaywall;
     render(): TemplateResult;
 }

package/dist/components/elements/Button.d.ts

@@ -6,6 +6,11 @@ export declare class NamiButton extends NamiElement {
     inFocusedState: boolean;
     scaleFactor: number;
     minSDKVersion: TSemverObj;
+    /** Tracks which nami-button most recently received focus so `_handleFocus`
+     *  can dedupe `cancelSpeech()` calls — only cancelling when focus actually
+     *  moves to a different button, not when the same button re-fires focus
+     *  during re-renders (e.g. product buttons after SKU data resolves). */
+    private static _lastFocusedButton;
     constructor();
     firstTextValue(): string | undefined;
     connectedCallback(): void;

package/dist/components/styles/modal.d.ts

@@ -0,0 +1,2 @@
+import { type CSSResult } from 'lit';
+export declare const MODAL_CSS: CSSResult;