@namiml/expo-sdk 3.4.1-dev.202605272004 → 3.4.1-dev.202605300006

package/dist/index.cjs

@@ -3,6 +3,7 @@
 var sdkCore = require('@namiml/sdk-core');
 var reactNative = require('react-native');
 var require$$0 = require('react');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 class ExpoStorageAdapter {
     constructor() {
@@ -2941,6 +2942,17 @@ function renderResolvedComponent(componentType, resolvedComponent, scaleFactor,
 function splitContainerStyles(style) {
     const { paddingLeft, paddingRight, paddingTop, paddingBottom, flexDirection, alignItems, justifyContent, ...rest } = style;
     const outer = { ...rest };
+    // The content container is always the page's vertical fill region: styles.outer
+    // declares flex:1 and the body scrolls internally. A payload height of
+    // 'fitContent' makes sizeStyles emit flexGrow:0, which would otherwise override
+    // that fill and collapse the body to 0 height — the flex:1 ScrollView child
+    // can't give an unbounded parent a height. Drop the flex-sizing keys so the
+    // fill stays authoritative, matching the native renderers which always
+    // fill-and-scroll this region regardless of the authored height.
+    delete outer.flex;
+    delete outer.flexGrow;
+    delete outer.flexBasis;
+    delete outer.flexShrink;
     const inner = {
         ...(paddingLeft != null ? { paddingLeft } : {}),
         ...(paddingRight != null ? { paddingRight } : {}),
@@ -3142,7 +3154,19 @@ catch {
 const fontGateCache = new Map();
 const PaywallScreen = ({ paywall, onClose, onCommitted, holdInteractionUntilFocus = false, isActive = true, }) => {
     const ctx = usePaywallContext();
+    const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
     const focusReadyCtx = useFirstFocusReadyContext();
+    // Push the measured top safe-area inset into paywall state so templates can
+    // position chrome via ${state.safeAreaTop} (e.g. header topPadding,
+    // background topMargin). Mirrors the native Android renderer, which measures
+    // the display cutout and calls setSafeAreaTop. The full-bleed root lets the
+    // background extend under the status bar; this offsets the content back into
+    // the safe area. No safeAreaBottom equivalent exists in core/Android state.
+    // Depend only on insets.top (stable per device/orientation) — depending on
+    // ctx would re-run every render and loop through setState.
+    require$$0.useEffect(() => {
+        ctx.setSafeAreaTop(insets.top);
+    }, [insets.top]);
     const scaleFactor = sdkCore.getDeviceScaleFactor(ctx.state.formFactor);
     const userInteractionEnabled = ctx.state.userInteractionEnabled !== false;
     const currentPageName = ctx.state.selectedPaywall === paywall
@@ -3282,6 +3306,7 @@ const FocusContext = require$$0.createContext(true);
 require$$0.createContext(null);
 const FocusProvider = ({ children, enabled }) => (jsxRuntimeExports.jsx(FocusContext.Provider, { value: enabled, children: children }));
 
+const { NamiFlowManager } = sdkCore._internal;
 const DEFAULT_CONTEXT = {
     productGroups: [],
     customAttributes: {},
@@ -3329,8 +3354,13 @@ const NamiView = ({ placement, url, onClose, onSignIn, onDeepLink, onPurchase, o
             return launchRequest;
         if (url)
             return { type: 'url', value: url };
-        if (placement)
-            return { type: 'label', value: placement };
+        if (placement) {
+            // A URL/deeplink campaign carries its URL in the value. If one is handed
+            // in via the placement prop, classify it as a url launch so core takes
+            // the URL-match branch — otherwise the label lookup misses, no paywall
+            // resolves, and NamiView spins on the placeholder forever.
+            return { type: sdkCore.isValidUrl(placement) ? 'url' : 'label', value: placement };
+        }
         return { type: undefined, value: '' };
     }, [launchRequest, url, placement]);
     const ctx = require$$0.useMemo(() => ({
@@ -3365,8 +3395,14 @@ const NamiView = ({ placement, url, onClose, onSignIn, onDeepLink, onPurchase, o
         const activeFlow = flowRef.current;
         if (!activeFlow)
             return;
-        if (sdkCore.NamiFlowManager.instance.currentFlow === activeFlow || sdkCore.NamiFlowManager.instance.flowOpen) {
-            sdkCore.NamiFlowManager.finish();
+        // Cast comparison sides to `unknown` first — `currentFlow` is typed via
+        // the `_internal` namespace's NamiFlow class declaration (NAM-1217),
+        // `activeFlow` (via flowRef) is typed via the public-barrel's NamiFlow.
+        // Identical runtime class, but bundled .d.ts emits each separately and
+        // TS treats them as nominally distinct. See the cast in the
+        // presentFlow block below.
+        if (NamiFlowManager.instance.currentFlow === activeFlow || NamiFlowManager.instance.flowOpen) {
+            NamiFlowManager.finish();
         }
         flowRef.current = undefined;
         lastAppearStepIdRef.current = '';
@@ -3397,7 +3433,7 @@ const NamiView = ({ placement, url, onClose, onSignIn, onDeepLink, onPurchase, o
                 && attempt.flow === activeFlow
                 && activePaywallId === attempt.paywallId
                 && (activeFlow?.currentFlowStep?.type === 'exit'
-                    || sdkCore.NamiFlowManager.instance.flowOpen === false);
+                    || NamiFlowManager.instance.flowOpen === false);
             const shouldFallbackClose = !isClosing
                 && !!attempt
                 && ((attempt.flow === activeFlow
@@ -3547,15 +3583,15 @@ const NamiView = ({ placement, url, onClose, onSignIn, onDeepLink, onPurchase, o
     }, [finishActiveFlow]);
     // ─── Flow handlers ───────────────────────────────────────────────────
     require$$0.useEffect(() => {
-        sdkCore.NamiFlowManager.registerStepHandoff((handoffTag, handoffData) => {
+        NamiFlowManager.registerStepHandoff((handoffTag, handoffData) => {
             onHandoffRef.current?.(handoffTag, handoffData);
         });
-        sdkCore.NamiFlowManager.registerEventHandler((eventData) => {
+        NamiFlowManager.registerEventHandler((eventData) => {
             onFlowEventRef.current?.(eventData);
         });
         return () => {
-            sdkCore.NamiFlowManager.registerStepHandoff(undefined);
-            sdkCore.NamiFlowManager.registerEventHandler(() => { });
+            NamiFlowManager.registerStepHandoff(undefined);
+            NamiFlowManager.registerEventHandler(undefined);
         };
     }, []);
     // ─── ExpoUIAdapter listener subscriptions ────────────────────────────
@@ -3676,11 +3712,16 @@ const NamiView = ({ placement, url, onClose, onSignIn, onDeepLink, onPurchase, o
             return;
         if (flowRef.current)
             return;
-        const flow = sdkCore.NamiFlowManager.instance.presentFlow(campaignData, {
+        const flow = NamiFlowManager.instance.presentFlow(campaignData, {
             type: resolvedLaunch.type,
             value: resolvedLaunch.value,
             context: ctx,
         }, ctx);
+        // `presentFlow` returns the class from the `_internal` namespace
+        // (NAM-1217); flowRef.current is typed via the public-barrel re-export
+        // of the same class. Bundled .d.ts files emit each declaration in
+        // isolation, so TypeScript sees them as nominally distinct classes
+        // even though they're the same runtime constructor. Cast to align.
         flowRef.current = flow;
     }, [campaignData, resolvedLaunch.type, resolvedLaunch.value, ctx, reloadKey]);
     require$$0.useEffect(() => {
@@ -3731,12 +3772,19 @@ const NamiView = ({ placement, url, onClose, onSignIn, onDeepLink, onPurchase, o
         setInitialScreenCommitted(true);
     }, []);
     if (isClosing) {
-        return jsxRuntimeExports.jsx(reactNative.SafeAreaView, { style: styles.root });
+        return jsxRuntimeExports.jsx(reactNative.View, { style: styles.root });
     }
     if (loading || !campaignData || (!isFlowCampaign && !paywallData) || (isFlowCampaign && !hasFlowScreen)) {
         return jsxRuntimeExports.jsx(LaunchPlaceholder, { paywall: launchPlaceholderPaywall });
     }
-    return (jsxRuntimeExports.jsxs(reactNative.SafeAreaView, { style: styles.root, children: [jsxRuntimeExports.jsx(reactNative.StatusBar, { barStyle: "light-content" }), isFlowCampaign ? (jsxRuntimeExports.jsx(FlowRenderer, { paywalls: flowState.paywalls, currentIndex: flowState.index, animation: flowState.animation ?? undefined, onSettled: handleFlowAnimationSettled, onTransitionVisible: () => setPendingTransitionPaywall(null), onInitialCommitted: handleInitialCommitted, onClose: onClose, campaign: campaignData, context: ctx, flow: flowRef.current })) : (jsxRuntimeExports.jsx(PaywallProvider, { paywall: paywallData, context: ctx, campaign: campaignData, children: jsxRuntimeExports.jsx(PaywallScreen, { paywall: paywallData, onClose: requestClose, onCommitted: handleInitialCommitted, isActive: true }) })), !isClosing && showLaunchPlaceholder && jsxRuntimeExports.jsx(LaunchPlaceholder, { paywall: launchPlaceholderPaywall, overlay: true }), showTransitionPlaceholder && jsxRuntimeExports.jsx(LaunchPlaceholder, { paywall: pendingTransitionPaywall, overlay: true })] }));
+    return (
+    // Full-bleed root so the paywall background extends under the status bar and
+    // home indicator (edge-to-edge). Safe-area insets are applied only to the
+    // chrome (header/footer) via useSafeAreaInsets, not the whole tree — the
+    // previous core SafeAreaView inset every edge and let the #000 root show
+    // through as letterbox bands. SafeAreaProvider guarantees an inset context
+    // even if the host app didn't mount one (nested providers are supported).
+    jsxRuntimeExports.jsxs(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics, style: styles.root, children: [jsxRuntimeExports.jsx(reactNative.StatusBar, { barStyle: "light-content", translucent: true, backgroundColor: "transparent" }), isFlowCampaign ? (jsxRuntimeExports.jsx(FlowRenderer, { paywalls: flowState.paywalls, currentIndex: flowState.index, animation: flowState.animation ?? undefined, onSettled: handleFlowAnimationSettled, onTransitionVisible: () => setPendingTransitionPaywall(null), onInitialCommitted: handleInitialCommitted, onClose: onClose, campaign: campaignData, context: ctx, flow: flowRef.current })) : (jsxRuntimeExports.jsx(PaywallProvider, { paywall: paywallData, context: ctx, campaign: campaignData, children: jsxRuntimeExports.jsx(PaywallScreen, { paywall: paywallData, onClose: requestClose, onCommitted: handleInitialCommitted, isActive: true }) })), !isClosing && showLaunchPlaceholder && jsxRuntimeExports.jsx(LaunchPlaceholder, { paywall: launchPlaceholderPaywall, overlay: true }), showTransitionPlaceholder && jsxRuntimeExports.jsx(LaunchPlaceholder, { paywall: pendingTransitionPaywall, overlay: true })] }));
 };
 const LaunchPlaceholder = ({ paywall, overlay = false }) => {
     const initialPageName = paywall?.template?.initialState?.currentPage ?? 'page1';
@@ -3995,9 +4043,9 @@ Object.defineProperty(exports, "NamiPaywallManager", {
     enumerable: true,
     get: function () { return sdkCore.NamiPaywallManager; }
 });
-Object.defineProperty(exports, "NamiProfileManager", {
+Object.defineProperty(exports, "NamiPurchaseManager", {
     enumerable: true,
-    get: function () { return sdkCore.NamiProfileManager; }
+    get: function () { return sdkCore.NamiPurchaseManager; }
 });
 exports.ExpoDeviceAdapter = ExpoDeviceAdapter;
 exports.ExpoPurchaseAdapter = ExpoPurchaseAdapter;