@namiml/web-sdk 1.7.4 → 1.7.6-beta.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Nami Web SDK Changelog
 
+## 1.7.6-berta.01
+**Release Date:** December 2, 2025
+
+### Enhancements
+- Improve CTV focus handling
+
+## 1.7.5
+**Release Date:** November 19, 2025
+
+### Enhancements
+- Support using launch context custom attributes in flow analytics
+- Initial support for a progress indicator component
+
+### Bug Fixes
+- Resolve an issue where a user's signed in state wasn't reflected on the paywall properly
+- Resolve an issue with content padding on certain components
+- Resolve an ssue where CMS settings for video player audio playback was not honored
+
 ## 1.7.4
 **Release Date:** October 30, 2025
 

package/dist/components/Paywall.d.ts

@@ -10,7 +10,6 @@ declare class PaywallComponent extends LitElement {
     flow: NamiFlow | undefined;
     pages: IPaywall[];
     private currentOffset;
-    private isAnimating;
     private context;
     private formFactor;
     private timeSpentOnPaywall;
@@ -20,12 +19,16 @@ declare class PaywallComponent extends LitElement {
     private _originalBodyStyles;
     private _originalDocumentStyles;
     private _swipeHandler;
+    private _directionalNavigation?;
+    private boundKeyDownHandler;
     constructor(type: string | undefined, value: string, context: NamiPaywallLaunchContext);
     setPaywallData(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private setOriginalStyles;
     private restoreStyles;
+    private enableDirectionalNavigation;
+    private disableDirectionalNavigation;
     private handleKeyDownEvent;
     private handleSwipeEvent;
     firstUpdated(): void;

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

@@ -17,7 +17,7 @@ export declare class NamiButton extends NamiElement {
     private _handleBlur;
     private _dispatchFocusChange;
     private _dispatchPageChange;
-    private _handleKeyUp;
+    private _handleKeyDown;
     private _handleClick;
     protected styles(): CSSResult;
     render(): any[] | import("lit").TemplateResult<1>;

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

@@ -0,0 +1,19 @@
+import { CSSResult, TemplateResult } from 'lit';
+import { NamiElement } from '../NamiElement';
+import { TProgressIndicatorComponent } from '../../types/components/elements';
+import { TSemverObj } from '../../utils/parsers';
+export declare class NamiProgressIndicator extends NamiElement {
+    component: TProgressIndicatorComponent;
+    scaleFactor: number;
+    inFocusedState: boolean;
+    minSDKVersion: TSemverObj;
+    currentWidth: number;
+    private hasInitialized;
+    connectedCallback(): void;
+    firstUpdated(changedProperties: any): void;
+    updated(changedProperties: any): void;
+    protected styles(): CSSResult;
+    private getProgressPercentage;
+    private animateProgress;
+    render(): TemplateResult;
+}

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ import { NamiPaywallScreen } from "./PaywallScreen";
 import { NamiQRCode } from "./elements/QRCode";
 import { NamiToggleSwitch } from "./elements/ToggleSwitch";
 import { NamiRadioButton } from "./elements/RadioButton";
+import { NamiProgressIndicator } from "./elements/ProgressIndicator";
 declare global {
     interface HTMLElementTagNameMap {
         "nami-spacer": NamiSpacer;
@@ -47,6 +48,7 @@ declare global {
         "nami-qr-code": NamiQRCode;
         "nami-toggle-switch": NamiToggleSwitch;
         "nami-radio-button": NamiRadioButton;
+        "nami-progress-indicator": NamiProgressIndicator;
     }
 }
-export { NamiSpacer, NamiButton, NamiHeader, NamiFooter, NamiText, NamiSegmentPicker, NamiSegmentPickerItem, NamiContainer, NamiProductContainer, NamiImage, NamiBackgroundContainer, NamiContentContainer, NamiSymbol, NamiVideo, NamiCollapseContainer, NamiResponsiveGrid, NamiCarouselContainer, NamiPlayPauseButton, NamiVolumeButton, NamiStack, NamiPaywallScreen, NamiQRCode, NamiToggleSwitch, NamiRadioButton, };
+export { NamiSpacer, NamiButton, NamiHeader, NamiFooter, NamiText, NamiSegmentPicker, NamiSegmentPickerItem, NamiContainer, NamiProductContainer, NamiImage, NamiBackgroundContainer, NamiContentContainer, NamiSymbol, NamiVideo, NamiCollapseContainer, NamiResponsiveGrid, NamiCarouselContainer, NamiPlayPauseButton, NamiVolumeButton, NamiStack, NamiPaywallScreen, NamiQRCode, NamiToggleSwitch, NamiRadioButton, NamiProgressIndicator, };

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

@@ -1,6 +1,6 @@
 import type { TCarouselContainer } from "../../types/components/containers";
 import { type TBaseComponent, type TContainerPosition } from "../../types/components";
-import type { TSegmentPickerItem, TTextLikeComponent } from "../../types/components/elements";
+import type { TSegmentPicker, TSegmentPickerItem, TTextLikeComponent } from "../../types/components/elements";
 import type { TSemverObj } from "../../utils/parsers";
 export declare function parseSize(value: string | number, scaleFactor: number): string;
 export declare function backgroundColor(value: string, fallback?: string): string;
@@ -15,6 +15,7 @@ export declare function applyTextOverflow(component: TTextLikeComponent): string
 export declare function transition(): string;
 export declare function grow({ grow }: TBaseComponent): string;
 export declare function paddingAndMargin(component: TBaseComponent, scaleFactor: number): string;
+export declare function applySegmentAbsoluteStyles(component: TSegmentPicker, scaleFactor: number): string;
 export declare function slidePaddingAndMargin(component: TCarouselContainer, scaleFactor: number): string;
 export declare function transform({ moveX, moveY, }: TBaseComponent): string;
 export declare function borders(component: TBaseComponent, scaleFactor: number, inFocusedState?: boolean): string;