@namiml/expo-sdk 3.4.12-dev.202609302217 → 3.4.12-dev.202610052353

package/dist/index.cjs

@@ -1939,6 +1939,12 @@ const PaywallProvider = ({ paywall, context, campaign, flow, onFirstFocusReady,
         setSafeAreaBottom: (bottom) => {
             providerRef.current?.setSafeAreaBottom(bottom);
         },
+        setSafeAreaLeft: (left) => {
+            providerRef.current?.setSafeAreaLeft(left);
+        },
+        setSafeAreaRight: (right) => {
+            providerRef.current?.setSafeAreaRight(right);
+        },
         setFullScreenPresentation: (full) => {
             providerRef.current?.setFullScreenPresentation(full);
         },
@@ -3472,13 +3478,15 @@ const PaywallScreen = ({ paywall, onClose, onCommitted, holdInteractionUntilFocu
     const ctx = usePaywallContext();
     const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
     const focusReadyCtx = useFirstFocusReadyContext();
-    // Push the measured top and bottom safe-area insets into paywall state so
-    // templates can position chrome via ${state.safeAreaTop} (e.g. header
-    // topPadding, background topMargin) and ${state.safeAreaBottom} (e.g. a
-    // footer clear of the home indicator / gesture bar). Mirrors the native
-    // renderers, which measure the insets and set the same state. The full-bleed
-    // root lets the background extend under the system bars and nothing pads the
-    // footer, so the token is the only bottom offset — no double-padding.
+    // Push the measured safe-area insets into paywall state so templates can
+    // position chrome via ${state.safeAreaTop} (e.g. header topPadding,
+    // background topMargin), ${state.safeAreaBottom} (e.g. a footer clear of the
+    // home indicator / gesture bar) and ${state.safeAreaLeft} /
+    // ${state.safeAreaRight} (content clear of a landscape notch, cutout or
+    // side navigation bar). Mirrors the native renderers, which measure the
+    // insets and set the same state. The full-bleed root lets the background
+    // extend under the system bars and nothing pads the footer or the sides, so
+    // each token is the only offset on its edge — no double-padding.
     // Depend only on the inset values (stable per device/orientation) —
     // depending on ctx would re-run every render and loop through setState.
     require$$0.useEffect(() => {
@@ -3487,6 +3495,12 @@ const PaywallScreen = ({ paywall, onClose, onCommitted, holdInteractionUntilFocu
     require$$0.useEffect(() => {
         ctx.setSafeAreaBottom(insets.bottom);
     }, [insets.bottom]);
+    require$$0.useEffect(() => {
+        ctx.setSafeAreaLeft(insets.left);
+    }, [insets.left]);
+    require$$0.useEffect(() => {
+        ctx.setSafeAreaRight(insets.right);
+    }, [insets.right]);
     const scaleFactor = sdkCore.getDeviceScaleFactor(ctx.state.formFactor);
     const userInteractionEnabled = ctx.state.userInteractionEnabled !== false;
     const currentPageName = ctx.state.selectedPaywall === paywall