@namiml/web-sdk 1.7.5 → 1.7.6-beta.2

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/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;

package/dist/nami/flow/NamiFlowManager.d.ts

@@ -9,6 +9,7 @@ export declare class NamiFlowManager {
     currentFlow?: NamiFlow;
     flowOpen: boolean;
     private lastAnimatedFlowProgress;
+    private navGraphCache;
     private constructor();
     handoffStepHandler?: NamiFlowHandoffStepHandler;
     static registerStepHandoff(handoffStepHandler?: NamiFlowHandoffStepHandler): void;
@@ -36,9 +37,32 @@ export declare class NamiFlowManager {
     /**
      * Gets the current flow progress based on screen steps
      * @param key Component ID (for compatibility)
-     * @returns Progress as a percentage (0-100)
+     * @returns Progress as a percentage (0-1)
      */
     getCurrentFlowProgress(key?: string): number;
+    /**
+     * Find the first screen that has branching (multiple forward navigation targets)
+     */
+    private findBranchPoint;
+    /**
+     * Calculate progress for flows with branching (supports 2+ branches)
+     */
+    private calculateBranchingProgress;
+    /**
+     * Count how many screens are forward-reachable from the current step
+     * Only counts screens with higher indices (true forward navigation)
+     */
+    private countForwardScreens;
+    /**
+     * Checks if a screen has branching navigation (2 or more forward targets)
+     * Supports any number of branches: 2, 3, 4, etc.
+     */
+    private hasBranching;
+    /**
+     * Build navigation graph from flow steps
+     * Maps each step ID to its possible navigation targets
+     */
+    private buildNavGraph;
     static getLastAnimatedFlowProgress(key: string): number;
     static setLastAnimatedFlowProgress(key: string, value: number): void;
     static getCurrentFlowProgress(key?: string): number;