@virex-tech/paywallo-sdk 2.2.6 → 2.3.0

package/dist/index.mjs

@@ -2370,8 +2370,8 @@ var init_NotificationHandlerSetup = __esm({
 // src/core/version.ts
 function resolveVersion() {
   try {
-    if ("2.2.6") {
-      return "2.2.6";
+    if ("2.3.0") {
+      return "2.3.0";
     }
   } catch {
   }
@@ -3041,6 +3041,41 @@ var init_emitPaywallClosed = __esm({
   }
 });
 
+// src/domains/paywall/extractFirstPageBackground.ts
+function extractFirstPageBackground(craftData) {
+  if (!craftData) return DEFAULT_BACKGROUND;
+  try {
+    const data = JSON.parse(craftData);
+    const nodes = { ...data.nodes, ...data.sharedNodes };
+    const rootId = data.rootId;
+    if (!rootId || !nodes[rootId]) return DEFAULT_BACKGROUND;
+    const firstPageId = nodes[rootId].children?.[0];
+    if (!firstPageId) return DEFAULT_BACKGROUND;
+    const bg = nodes[firstPageId]?.props?.backgroundColor;
+    return typeof bg === "string" && bg.length > 0 && bg !== "transparent" ? bg : DEFAULT_BACKGROUND;
+  } catch {
+    return DEFAULT_BACKGROUND;
+  }
+}
+function isColorDark(color) {
+  const hex = color.replace("#", "").trim();
+  const normalized = hex.length === 3 ? hex.split("").map((c) => c + c).join("") : hex;
+  if (normalized.length !== 6) return false;
+  const r = parseInt(normalized.slice(0, 2), 16);
+  const g = parseInt(normalized.slice(2, 4), 16);
+  const b = parseInt(normalized.slice(4, 6), 16);
+  if (Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b)) return false;
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance < 0.5;
+}
+var DEFAULT_BACKGROUND;
+var init_extractFirstPageBackground = __esm({
+  "src/domains/paywall/extractFirstPageBackground.ts"() {
+    "use strict";
+    DEFAULT_BACKGROUND = "#FFFFFF";
+  }
+});
+
 // src/domains/paywall/parseWebViewMessage.ts
 function deriveMessageId(message) {
   if (message.id) return message.id;
@@ -3283,6 +3318,66 @@ var init_localization = __esm({
   }
 });
 
+// src/domains/paywall/PaywallSkeleton.tsx
+import { useEffect, useRef } from "react";
+import { Animated, StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SkeletonBlock({ style, color, opacity }) {
+  return /* @__PURE__ */ jsx(Animated.View, { style: [style, { backgroundColor: color, opacity }] });
+}
+function PaywallSkeleton({ backgroundColor = "#FFFFFF" }) {
+  const pulse = useRef(new Animated.Value(0.4)).current;
+  useEffect(() => {
+    const loop = Animated.loop(
+      Animated.sequence([
+        Animated.timing(pulse, { toValue: 1, duration: 700, useNativeDriver: true }),
+        Animated.timing(pulse, { toValue: 0.4, duration: 700, useNativeDriver: true })
+      ])
+    );
+    loop.start();
+    return () => loop.stop();
+  }, [pulse]);
+  const placeholder = isColorDark(backgroundColor) ? "rgba(255,255,255,0.13)" : "rgba(0,0,0,0.07)";
+  return /* @__PURE__ */ jsxs(View, { style: [styles.container, { backgroundColor }], pointerEvents: "none", children: [
+    /* @__PURE__ */ jsx(View, { style: styles.header, children: /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.logo, color: placeholder, opacity: pulse }) }),
+    /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.hero, color: placeholder, opacity: pulse }),
+    /* @__PURE__ */ jsxs(View, { style: styles.titleGroup, children: [
+      /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.titleLine, color: placeholder, opacity: pulse }),
+      /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.titleLineShort, color: placeholder, opacity: pulse })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.cardsRow, children: [
+      /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.card, color: placeholder, opacity: pulse }),
+      /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.card, color: placeholder, opacity: pulse })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.footerGroup, children: [
+      /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.cta, color: placeholder, opacity: pulse }),
+      /* @__PURE__ */ jsx(SkeletonBlock, { style: styles.footer, color: placeholder, opacity: pulse })
+    ] })
+  ] });
+}
+var RADIUS, styles;
+var init_PaywallSkeleton = __esm({
+  "src/domains/paywall/PaywallSkeleton.tsx"() {
+    "use strict";
+    init_extractFirstPageBackground();
+    RADIUS = 14;
+    styles = StyleSheet.create({
+      card: { borderRadius: RADIUS, flex: 1, height: 120 },
+      cardsRow: { flexDirection: "row", gap: 12, marginTop: "auto", paddingHorizontal: 24 },
+      container: { flex: 1, paddingBottom: 40, paddingTop: 64 },
+      cta: { borderRadius: 30, height: 58, marginHorizontal: 24 },
+      footer: { alignSelf: "center", borderRadius: 6, height: 12, marginTop: 20, width: 180 },
+      footerGroup: { marginTop: 28 },
+      header: { alignItems: "center", paddingVertical: 12 },
+      hero: { alignSelf: "center", borderRadius: 20, height: 220, marginTop: 16, width: "70%" },
+      logo: { borderRadius: 6, height: 22, width: 110 },
+      titleGroup: { alignItems: "center", gap: 12, marginTop: 28, paddingHorizontal: 24 },
+      titleLine: { borderRadius: 8, height: 26, width: "85%" },
+      titleLineShort: { borderRadius: 8, height: 26, width: "60%" }
+    });
+  }
+});
+
 // src/domains/paywall/paywallScripts.ts
 function buildPaywallInjectionScript(data) {
   const paywallData = {
@@ -3292,6 +3387,7 @@ function buildPaywallInjectionScript(data) {
       products: data.products,
       primaryProductId: data.primaryProductId,
       secondaryProductId: data.secondaryProductId,
+      tertiaryProductId: data.tertiaryProductId,
       currentLanguage: getCurrentLanguage(),
       defaultLanguage: getDefaultLanguage()
     }
@@ -3327,7 +3423,7 @@ var init_paywallScripts = __esm({
 });
 
 // src/domains/paywall/PaywallWebView.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useState } from "react";
 import {
   BackHandler,
   findNodeHandle,
@@ -3336,11 +3432,11 @@ import {
   NativeModules as NativeModules6,
   Platform as Platform9,
   requireNativeComponent,
-  StyleSheet,
+  StyleSheet as StyleSheet2,
   UIManager,
-  View
+  View as View2
 } from "react-native";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function getNativeWebView() {
   if (NativeWebViewComponent) return NativeWebViewComponent;
   if (nativeWebViewLookupFailed) return null;
@@ -3390,6 +3486,7 @@ function PaywallWebView({
   products,
   primaryProductId,
   secondaryProductId,
+  tertiaryProductId,
   isPurchasing,
   webUrl: webUrlProp,
   onPurchase,
@@ -3398,16 +3495,16 @@ function PaywallWebView({
   onReady,
   onError
 }) {
-  const paywallDataSent = useRef(false);
-  const loadEndReceived = useRef(false);
+  const paywallDataSent = useRef2(false);
+  const loadEndReceived = useRef2(false);
   const [scriptToInject, setScriptToInject] = useState(void 0);
-  const webViewRef = useRef(null);
-  const onErrorRef = useRef(onError);
+  const webViewRef = useRef2(null);
+  const onErrorRef = useRef2(onError);
   onErrorRef.current = onError;
-  const onReadyRef = useRef(onReady);
+  const onReadyRef = useRef2(onReady);
   onReadyRef.current = onReady;
   const NativeWebView = useMemo(() => getNativeWebView(), []);
-  useEffect(() => {
+  useEffect2(() => {
     if (!NativeWebView) {
       onErrorRef.current?.({
         code: -1,
@@ -3418,7 +3515,7 @@ function PaywallWebView({
   const [resolvedWebUrl, setResolvedWebUrl] = useState(
     () => webUrlProp ?? PaywalloClient.getWebUrl()
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (webUrlProp !== void 0) {
       setResolvedWebUrl(webUrlProp ?? null);
       return;
@@ -3437,7 +3534,7 @@ function PaywallWebView({
     }, 200);
     return () => clearInterval(interval);
   }, [webUrlProp]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!resolvedWebUrl) {
       onErrorRef.current?.({
         code: -1,
@@ -3461,13 +3558,14 @@ function PaywallWebView({
       craftData,
       products: Array.from(products.values()),
       primaryProductId,
-      secondaryProductId
+      secondaryProductId,
+      tertiaryProductId
     });
     injectScript(script);
-  }, [craftData, products, primaryProductId, secondaryProductId, injectScript]);
-  const processedIdsRef = useRef(/* @__PURE__ */ new Set());
-  const dedupeTimersRef = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
+  }, [craftData, products, primaryProductId, secondaryProductId, tertiaryProductId, injectScript]);
+  const processedIdsRef = useRef2(/* @__PURE__ */ new Set());
+  const dedupeTimersRef = useRef2(/* @__PURE__ */ new Map());
+  useEffect2(() => {
     return () => {
       for (const timerId of dedupeTimersRef.current.values()) clearTimeout(timerId);
       dedupeTimersRef.current.clear();
@@ -3519,7 +3617,7 @@ function PaywallWebView({
     },
     [buildAndSetInjectionScript, onPurchase, onClose, onRestore]
   );
-  useEffect(() => {
+  useEffect2(() => {
     const emitter = getWebViewEmitter();
     if (!emitter) return;
     const loadEndSub = emitter.addListener("PaywalloWebViewLoadEnd", () => {
@@ -3544,7 +3642,7 @@ function PaywallWebView({
       errorSub.remove();
     };
   }, [buildAndSetInjectionScript, handleParsedMessage]);
-  useEffect(() => {
+  useEffect2(() => {
     const timer = setTimeout(() => {
       if (!paywallDataSent.current) {
         onErrorRef.current?.({
@@ -3584,11 +3682,11 @@ function PaywallWebView({
     },
     [handleParsedMessage]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (!paywallDataSent.current) return;
     injectScript(buildPurchaseStateScript(isPurchasing));
   }, [isPurchasing, injectScript]);
-  useEffect(() => {
+  useEffect2(() => {
     if (Platform9.OS !== "android") return;
     const onBackPress = () => {
       if (!paywallDataSent.current) return false;
@@ -3600,7 +3698,7 @@ function PaywallWebView({
   }, [injectScript]);
   if (!resolvedWebUrl || !NativeWebView) return null;
   const paywallUrl = `${resolvedWebUrl}/paywall/${paywallId}`;
-  return /* @__PURE__ */ jsx(View, { style: styles.container, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(View2, { style: styles2.container, children: /* @__PURE__ */ jsx2(
     NativeWebView,
     {
       ref: webViewRef,
@@ -3609,11 +3707,11 @@ function PaywallWebView({
       onMessage: handleMessage,
       onLoadEnd: handleLoadEnd,
       onError: handleNativeError,
-      style: styles.webview
+      style: styles2.webview
     }
   ) });
 }
-var NativeWebViewComponent, nativeWebViewLookupFailed, webViewEmitter, styles;
+var NativeWebViewComponent, nativeWebViewLookupFailed, webViewEmitter, styles2;
 var init_PaywallWebView = __esm({
   "src/domains/paywall/PaywallWebView.tsx"() {
     "use strict";
@@ -3623,7 +3721,7 @@ var init_PaywallWebView = __esm({
     NativeWebViewComponent = null;
     nativeWebViewLookupFailed = false;
     webViewEmitter = null;
-    styles = StyleSheet.create({
+    styles2 = StyleSheet2.create({
       container: { flex: 1 },
       webview: { flex: 1, backgroundColor: "transparent" }
     });
@@ -5264,21 +5362,21 @@ var init_usePaywallTracking = __esm({
 });
 
 // src/domains/paywall/usePaywallActions.ts
-import { useCallback as useCallback3, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-import { Animated, AppState as AppState3, Dimensions as Dimensions2 } from "react-native";
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3, useState as useState2 } from "react";
+import { Animated as Animated2, AppState as AppState3, Dimensions as Dimensions2 } from "react-native";
 function usePaywallActions(placement, paywallConfig, onResult, variantKey, campaignId, openAnim, variantId) {
   const [isPurchasing, setIsPurchasing] = useState2(false);
-  const isPurchasingRef = useRef2(false);
+  const isPurchasingRef = useRef3(false);
   const [isClosing, setIsClosing] = useState2(false);
-  const slideAnim = useRef2(new Animated.Value(0)).current;
-  const presentedAtRef = useRef2(Date.now());
-  const closedRef = useRef2(false);
+  const slideAnim = useRef3(new Animated2.Value(0)).current;
+  const presentedAtRef = useRef3(Date.now());
+  const closedRef = useRef3(false);
   const { trackDismissed, trackProductSelected, trackPurchased } = usePaywallTracking();
   const closeWithReason = useCallback3((reason, resultOverride) => {
     if (closedRef.current) return;
     closedRef.current = true;
     const animTarget = openAnim ?? slideAnim;
-    Animated.timing(animTarget, {
+    Animated2.timing(animTarget, {
       toValue: Dimensions2.get("window").height,
       duration: 350,
       useNativeDriver: true
@@ -5298,7 +5396,7 @@ function usePaywallActions(placement, paywallConfig, onResult, variantKey, campa
     setIsClosing(true);
     closeWithReason("dismissed");
   }, [isClosing, closeWithReason]);
-  useEffect2(() => {
+  useEffect3(() => {
     const sub = AppState3.addEventListener("change", (nextState) => {
       if (isPurchasingRef.current) return;
       if (nextState === "background" || nextState === "inactive") {
@@ -5307,7 +5405,7 @@ function usePaywallActions(placement, paywallConfig, onResult, variantKey, campa
     });
     return () => sub.remove();
   }, [closeWithReason]);
-  useEffect2(() => {
+  useEffect3(() => {
     const timer = setTimeout(() => {
       closeWithReason("timeout");
     }, PAYWALL_TIMEOUT_MS);
@@ -5378,17 +5476,17 @@ var init_usePaywallActions = __esm({
 });
 
 // src/domains/paywall/usePaywallLoader.ts
-import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useState as useState3 } from "react";
 function usePaywallLoader(placement, visible, preloadedConfig, preloadedProducts, variantKey, campaignId, variantId) {
   const [error, setError] = useState3(null);
   const [paywallConfig, setPaywallConfig] = useState3(null);
   const [products, setProducts] = useState3(/* @__PURE__ */ new Map());
-  const preloadedConfigRef = useRef3(preloadedConfig);
+  const preloadedConfigRef = useRef4(preloadedConfig);
   preloadedConfigRef.current = preloadedConfig;
-  const preloadedProductsRef = useRef3(preloadedProducts);
+  const preloadedProductsRef = useRef4(preloadedProducts);
   preloadedProductsRef.current = preloadedProducts;
-  const trackingDoneRef = useRef3(false);
-  useEffect3(() => {
+  const trackingDoneRef = useRef4(false);
+  useEffect4(() => {
     if (!visible) {
       trackingDoneRef.current = false;
       return;
@@ -5407,7 +5505,8 @@ function usePaywallLoader(placement, visible, preloadedConfig, preloadedProducts
             placement: snap.placement,
             config: snap.config,
             primaryProductId: snap.primaryProductId,
-            secondaryProductId: snap.secondaryProductId
+            secondaryProductId: snap.secondaryProductId,
+            tertiaryProductId: snap.tertiaryProductId
           };
         } else {
           const fetched = await apiClient.getPaywall(placement);
@@ -5419,6 +5518,7 @@ function usePaywallLoader(placement, visible, preloadedConfig, preloadedProducts
         const productIds = [];
         if (config.primaryProductId) productIds.push(config.primaryProductId);
         if (config.secondaryProductId) productIds.push(config.secondaryProductId);
+        if (config.tertiaryProductId) productIds.push(config.tertiaryProductId);
         const snapProducts = preloadedProductsRef.current;
         if (snapProducts && snapProducts.size > 0) {
           if (!cancelled) setProducts(snapProducts);
@@ -5483,28 +5583,28 @@ var init_usePaywallLoader = __esm({
 });
 
 // src/domains/paywall/PaywallModal.tsx
-import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef5, useState as useState4 } from "react";
 import {
-  Animated as Animated2,
+  Animated as Animated3,
   Dimensions as Dimensions3,
   Easing,
   Modal,
   Pressable,
-  StyleSheet as StyleSheet2,
+  StyleSheet as StyleSheet3,
   Text,
-  View as View2
+  View as View3
 } from "react-native";
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ErrorFallback({ description, onRetry, onClose }) {
   const overrides = PaywalloClient.getConfig()?.errorStrings;
   const title = overrides?.title ?? getSdkString("paywallErrorTitle");
   const retryLabel = overrides?.retry ?? getSdkString("paywallRetryButton");
   const closeLabel = overrides?.close ?? getSdkString("paywallCloseButton");
-  return /* @__PURE__ */ jsx2(View2, { style: styles2.fallbackContainer, children: /* @__PURE__ */ jsxs(View2, { style: styles2.fallbackCard, children: [
-    /* @__PURE__ */ jsx2(Text, { style: styles2.fallbackTitle, children: title }),
-    /* @__PURE__ */ jsx2(Text, { style: styles2.fallbackDescription, children: description }),
-    /* @__PURE__ */ jsx2(Pressable, { style: styles2.retryButton, onPress: onRetry, children: /* @__PURE__ */ jsx2(Text, { style: styles2.retryButtonText, children: retryLabel }) }),
-    /* @__PURE__ */ jsx2(Pressable, { style: styles2.closeButton, onPress: onClose, children: /* @__PURE__ */ jsx2(Text, { style: styles2.closeButtonText, children: closeLabel }) })
+  return /* @__PURE__ */ jsx3(View3, { style: styles3.fallbackContainer, children: /* @__PURE__ */ jsxs2(View3, { style: styles3.fallbackCard, children: [
+    /* @__PURE__ */ jsx3(Text, { style: styles3.fallbackTitle, children: title }),
+    /* @__PURE__ */ jsx3(Text, { style: styles3.fallbackDescription, children: description }),
+    /* @__PURE__ */ jsx3(Pressable, { style: styles3.retryButton, onPress: onRetry, children: /* @__PURE__ */ jsx3(Text, { style: styles3.retryButtonText, children: retryLabel }) }),
+    /* @__PURE__ */ jsx3(Pressable, { style: styles3.closeButton, onPress: onClose, children: /* @__PURE__ */ jsx3(Text, { style: styles3.closeButtonText, children: closeLabel }) })
   ] }) });
 }
 function PaywallModal({
@@ -5527,7 +5627,7 @@ function PaywallModal({
     variantId
   );
   const screenHeight = Dimensions3.get("window").height;
-  const openAnim = useRef4(new Animated2.Value(screenHeight)).current;
+  const openAnim = useRef5(new Animated3.Value(screenHeight)).current;
   const [modalVisible, setModalVisible] = useState4(false);
   const handleResult = useCallback4((result) => {
     setModalVisible(false);
@@ -5536,7 +5636,9 @@ function PaywallModal({
   const { isPurchasing, slideAnim, handleClose, handlePurchase, handleRestore } = usePaywallActions(placement, paywallConfig, handleResult, variantKey, campaignId, openAnim, variantId);
   const [webViewError, setWebViewError] = useState4(null);
   const [retryCount, setRetryCount] = useState4(0);
-  const retryCountRef = useRef4(0);
+  const [showSkeleton, setShowSkeleton] = useState4(true);
+  const skeletonOpacity = useRef5(new Animated3.Value(1)).current;
+  const retryCountRef = useRef5(0);
   const handleWebViewError = useCallback4(
     (err) => {
       if (retryCountRef.current >= 1) {
@@ -5552,21 +5654,39 @@ function PaywallModal({
     retryCountRef.current = 0;
     setWebViewError(null);
     setRetryCount(0);
-  }, []);
-  useEffect4(() => {
+    setShowSkeleton(true);
+    skeletonOpacity.setValue(1);
+  }, [skeletonOpacity]);
+  const handleWebViewReady = useCallback4(() => {
+    Animated3.timing(skeletonOpacity, {
+      toValue: 0,
+      duration: 250,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }).start(() => setShowSkeleton(false));
+  }, [skeletonOpacity]);
+  useEffect5(() => {
+    if (!visible || !showSkeleton) return;
+    const timer = setTimeout(handleWebViewReady, 8e3);
+    return () => clearTimeout(timer);
+  }, [visible, showSkeleton, handleWebViewReady]);
+  useEffect5(() => {
     if (visible) {
       setModalVisible(true);
+      setShowSkeleton(true);
+      skeletonOpacity.setValue(1);
       openAnim.setValue(Dimensions3.get("window").height);
-      Animated2.timing(openAnim, {
+      Animated3.timing(openAnim, {
         toValue: 0,
         duration: 550,
         easing: Easing.out(Easing.cubic),
         useNativeDriver: true
       }).start();
     }
-  }, [visible, openAnim]);
+  }, [visible, openAnim, skeletonOpacity]);
   if (!modalVisible && !visible) return null;
-  return /* @__PURE__ */ jsx2(
+  const skeletonBackground = paywallConfig && "craftData" in paywallConfig.config ? extractFirstPageBackground(paywallConfig.config.craftData) : "#FFFFFF";
+  return /* @__PURE__ */ jsx3(
     Modal,
     {
       visible: modalVisible,
@@ -5575,16 +5695,16 @@ function PaywallModal({
       onRequestClose: handleClose,
       transparent: true,
       statusBarTranslucent: true,
-      children: /* @__PURE__ */ jsx2(View2, { style: styles2.overlay, children: /* @__PURE__ */ jsx2(Animated2.View, { style: [styles2.animatedContainer, { transform: [{ translateY: openAnim }] }], children: /* @__PURE__ */ jsxs(View2, { style: styles2.container, children: [
-        error && /* @__PURE__ */ jsx2(View2, { style: styles2.errorContainer, children: /* @__PURE__ */ jsx2(Text, { style: styles2.errorText, children: error.message }) }),
-        !error && paywallConfig && "craftData" in paywallConfig.config && /* @__PURE__ */ jsx2(Fragment, { children: webViewError ? /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsx3(View3, { style: styles3.overlay, children: /* @__PURE__ */ jsx3(Animated3.View, { style: [styles3.animatedContainer, { transform: [{ translateY: openAnim }] }], children: /* @__PURE__ */ jsxs2(View3, { style: styles3.container, children: [
+        error && /* @__PURE__ */ jsx3(View3, { style: styles3.errorContainer, children: /* @__PURE__ */ jsx3(Text, { style: styles3.errorText, children: error.message }) }),
+        !error && paywallConfig && "craftData" in paywallConfig.config && /* @__PURE__ */ jsx3(Fragment, { children: webViewError ? /* @__PURE__ */ jsx3(
           ErrorFallback,
           {
             description: webViewError.description,
             onRetry: handleRetry,
             onClose: handleClose
           }
-        ) : /* @__PURE__ */ jsx2(
+        ) : /* @__PURE__ */ jsx3(
           PaywallWebView,
           {
             paywallId: paywallConfig.id,
@@ -5592,28 +5712,40 @@ function PaywallModal({
             products,
             primaryProductId: paywallConfig.primaryProductId,
             secondaryProductId: paywallConfig.secondaryProductId,
+            tertiaryProductId: paywallConfig.tertiaryProductId,
             isPurchasing,
+            onReady: handleWebViewReady,
             onClose: handleClose,
             onPurchase: handlePurchase,
             onRestore: handleRestore,
             onError: handleWebViewError
           },
           retryCount
-        ) })
+        ) }),
+        showSkeleton && !error && !webViewError && /* @__PURE__ */ jsx3(
+          Animated3.View,
+          {
+            style: [StyleSheet3.absoluteFill, { opacity: skeletonOpacity }],
+            pointerEvents: "none",
+            children: /* @__PURE__ */ jsx3(PaywallSkeleton, { backgroundColor: skeletonBackground })
+          }
+        )
       ] }) }) })
     }
   );
 }
-var styles2;
+var styles3;
 var init_PaywallModal = __esm({
   "src/domains/paywall/PaywallModal.tsx"() {
     "use strict";
     init_PaywalloClient();
     init_localization();
+    init_extractFirstPageBackground();
+    init_PaywallSkeleton();
     init_PaywallWebView();
     init_usePaywallActions();
     init_usePaywallLoader();
-    styles2 = StyleSheet2.create({
+    styles3 = StyleSheet3.create({
       overlay: { flex: 1, backgroundColor: "rgba(0,0,0,0.3)" },
       animatedContainer: { flex: 1, backgroundColor: "#fff" },
       container: { flex: 1, backgroundColor: "#fff" },
@@ -5669,13 +5801,177 @@ var init_PaywallModal = __esm({
   }
 });
 
+// src/domains/paywall/PaywallPreloadService.ts
+var PRELOAD_TTL_MS, STALE_THRESHOLD, PaywallPreloadService, paywallPreloadService;
+var init_PaywallPreloadService = __esm({
+  "src/domains/paywall/PaywallPreloadService.ts"() {
+    "use strict";
+    init_PaywalloClient();
+    init_IAPService();
+    init_PaywallError();
+    PRELOAD_TTL_MS = 5 * 60 * 1e3;
+    STALE_THRESHOLD = 0.75;
+    PaywallPreloadService = class {
+      constructor() {
+        this.preloaded = /* @__PURE__ */ new Map();
+        this.activePreloads = /* @__PURE__ */ new Map();
+        this.apiClientRef = null;
+      }
+      async preload(apiClient, placement) {
+        this.apiClientRef = apiClient;
+        const existing = this.activePreloads.get(placement);
+        if (existing) return existing;
+        const promise = this.doPreload(apiClient, placement);
+        this.activePreloads.set(placement, promise);
+        try {
+          return await promise;
+        } finally {
+          this.activePreloads.delete(placement);
+        }
+      }
+      async preloadMany(apiClient, placements) {
+        this.apiClientRef = apiClient;
+        if (placements.length === 0) return;
+        const debug = PaywalloClient.getConfig()?.debug;
+        if (debug) console.log(`[Paywallo PRELOAD] paywalls: ${placements.length} placements`);
+        for (let i = 0; i < placements.length; i++) {
+          if (i > 0) await new Promise((r) => setTimeout(r, 200));
+          void this.preload(apiClient, placements[i]).catch((err) => {
+            if (debug) console.log(`[Paywallo PRELOAD] paywall failed ${placements[i]}:`, err);
+          });
+        }
+      }
+      getPreloaded(placement) {
+        const cached2 = this.preloaded.get(placement);
+        if (!cached2) return null;
+        const age = Date.now() - cached2.preloadedAt;
+        if (age >= PRELOAD_TTL_MS) {
+          this.preloaded.delete(placement);
+          return null;
+        }
+        if (age >= PRELOAD_TTL_MS * STALE_THRESHOLD && this.apiClientRef) {
+          void this.preload(this.apiClientRef, placement).catch(() => {
+          });
+        }
+        return { config: cached2.config, products: new Map(cached2.products) };
+      }
+      isPreloaded(placement) {
+        return this.getPreloaded(placement) !== null;
+      }
+      clear() {
+        this.preloaded.clear();
+        this.activePreloads.clear();
+      }
+      async doPreload(apiClient, placement) {
+        try {
+          const config = await apiClient.getPaywall(placement);
+          if (!config) {
+            return {
+              success: false,
+              error: new PaywallError(
+                PAYWALL_ERROR_CODES.NOT_FOUND,
+                `Paywall not found for placement: ${placement}`
+              )
+            };
+          }
+          const products = await this.loadProductsFor(config);
+          this.preloaded.set(placement, { config, products, preloadedAt: Date.now() });
+          if (PaywalloClient.getConfig()?.debug) {
+            console.log(`[Paywallo PRELOAD] paywall cached \u2014 placement: ${placement}`);
+          }
+          return { success: true };
+        } catch (error) {
+          return {
+            success: false,
+            error: error instanceof Error ? error : new PaywallError(PAYWALL_ERROR_CODES.LOAD_FAILED, String(error))
+          };
+        }
+      }
+      async loadProductsFor(config) {
+        const productIds = [];
+        if (config.primaryProductId) productIds.push(config.primaryProductId);
+        if (config.secondaryProductId) productIds.push(config.secondaryProductId);
+        if (config.tertiaryProductId) productIds.push(config.tertiaryProductId);
+        if (productIds.length === 0) return /* @__PURE__ */ new Map();
+        try {
+          const loaded = await getIAPService().loadProducts(productIds);
+          const map = /* @__PURE__ */ new Map();
+          for (const p of loaded) map.set(p.productId, p);
+          return map;
+        } catch (err) {
+          if (PaywalloClient.getConfig()?.debug) {
+            console.log("[Paywallo PRELOAD] products failed, caching config only:", err);
+          }
+          return /* @__PURE__ */ new Map();
+        }
+      }
+    };
+    paywallPreloadService = new PaywallPreloadService();
+  }
+});
+
+// src/domains/paywall/PaywallWebViewPrewarmer.tsx
+import { useEffect as useEffect6, useMemo as useMemo2, useState as useState5 } from "react";
+import { requireNativeComponent as requireNativeComponent2, StyleSheet as StyleSheet4, View as View4 } from "react-native";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function getNativeWebView2() {
+  if (NativeWebViewComponent2) return NativeWebViewComponent2;
+  if (nativeLookupFailed) return null;
+  try {
+    NativeWebViewComponent2 = requireNativeComponent2("PaywalloWebView");
+    return NativeWebViewComponent2;
+  } catch {
+    nativeLookupFailed = true;
+    return null;
+  }
+}
+function PaywallWebViewPrewarmer({
+  webUrl,
+  durationMs = DEFAULT_DURATION_MS
+}) {
+  const NativeWebView = useMemo2(() => getNativeWebView2(), []);
+  const [mounted, setMounted] = useState5(true);
+  useEffect6(() => {
+    if (!NativeWebView) return;
+    const timer = setTimeout(() => setMounted(false), durationMs);
+    return () => clearTimeout(timer);
+  }, [NativeWebView, durationMs]);
+  if (!NativeWebView || !mounted) return null;
+  const preheatUrl = `${webUrl}/paywall/preheat`;
+  if (PaywalloClient.getConfig()?.debug) {
+    console.log(`[Paywallo PREWARM] mounting hidden WebView: ${preheatUrl}`);
+  }
+  return /* @__PURE__ */ jsx4(View4, { pointerEvents: "none", style: styles4.hidden, children: /* @__PURE__ */ jsx4(NativeWebView, { sourceUrl: preheatUrl, style: styles4.fill }) });
+}
+var NativeWebViewComponent2, nativeLookupFailed, DEFAULT_DURATION_MS, styles4;
+var init_PaywallWebViewPrewarmer = __esm({
+  "src/domains/paywall/PaywallWebViewPrewarmer.tsx"() {
+    "use strict";
+    init_PaywalloClient();
+    NativeWebViewComponent2 = null;
+    nativeLookupFailed = false;
+    DEFAULT_DURATION_MS = 60 * 1e3;
+    styles4 = StyleSheet4.create({
+      hidden: {
+        height: 1,
+        left: -9999,
+        opacity: 0,
+        position: "absolute",
+        top: -9999,
+        width: 1
+      },
+      fill: { flex: 1 }
+    });
+  }
+});
+
 // src/domains/paywall/usePaywallSession.ts
-import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef6 } from "react";
 function usePaywallSession(options) {
-  const closedRef = useRef5(false);
-  const optsRef = useRef5(options);
+  const closedRef = useRef6(false);
+  const optsRef = useRef6(options);
   optsRef.current = options;
-  useEffect5(() => {
+  useEffect7(() => {
     if (!options) return;
     closedRef.current = false;
     startHeartbeat({
@@ -5719,11 +6015,11 @@ var init_usePaywallSession = __esm({
 });
 
 // src/domains/paywall/usePaywallPresenter.ts
-import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef6, useState as useState5 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef7, useState as useState6 } from "react";
 function usePaywallPresenter(preloadedWebView, setPreloadedWebView) {
-  const [showingPreloadedWebView, setShowingPreloadedWebView] = useState5(false);
-  const resolverRef = useRef6(null);
-  const presentedAtRef = useRef6(Date.now());
+  const [showingPreloadedWebView, setShowingPreloadedWebView] = useState6(false);
+  const resolverRef = useRef7(null);
+  const presentedAtRef = useRef7(Date.now());
   const sessionOpts = showingPreloadedWebView && preloadedWebView ? {
     placement: preloadedWebView.placement,
     paywallId: preloadedWebView.paywallId,
@@ -5733,7 +6029,7 @@ function usePaywallPresenter(preloadedWebView, setPreloadedWebView) {
     ...preloadedWebView.campaignId && { campaignId: preloadedWebView.campaignId }
   } : null;
   const { markClosed } = usePaywallSession(sessionOpts);
-  useEffect6(() => {
+  useEffect8(() => {
     return () => {
       if (resolverRef.current) {
         resolverRef.current({ presented: false, purchased: false, cancelled: true, restored: false });
@@ -5820,7 +6116,9 @@ var init_paywall = __esm({
     init_PaywallError();
     init_PaywallErrorBoundary();
     init_PaywallModal();
+    init_PaywallPreloadService();
     init_PaywallWebView();
+    init_PaywallWebViewPrewarmer();
     init_usePaywallPresenter();
     init_usePaywallTracking();
   }
@@ -7811,6 +8109,8 @@ var init_ApiClient = __esm({
           }
         }
         const attribution = Object.keys(rawAttribution).length > 0 ? rawAttribution : void 0;
+        const rawUserId = properties?.["userId"];
+        const externalUserId = typeof rawUserId === "string" && rawUserId.length > 0 ? rawUserId : void 0;
         await postWithQueue(
           {
             isOfflineQueueEnabled: () => this.offlineQueueEnabled,
@@ -7821,6 +8121,7 @@ var init_ApiClient = __esm({
           "/sdk/identity/identify",
           {
             distinct_id: distinctId,
+            ...externalUserId && { external_user_id: externalUserId },
             traits,
             ...attribution && { attribution },
             ...deviceId && { deviceId },
@@ -8392,6 +8693,7 @@ async function doFullReset(state) {
   offlineQueue.dispose();
   networkMonitor.dispose();
   campaignGateService.clearPreloaded();
+  paywallPreloadService.clear();
   await notificationsManager.invalidateLocalToken().catch(() => void 0);
   notificationsManager.destroy();
   deepLinkAttributionCapture.stop();
@@ -8426,6 +8728,7 @@ var init_PaywalloLifecycle = __esm({
     init_identity();
     init_DeepLinkAttributionCapture();
     init_notifications();
+    init_paywall();
     init_session();
     init_SubscriptionCache();
     init_network();
@@ -8729,6 +9032,15 @@ var init_PaywalloClient = __esm({
       isPreloaded(placement) {
         return campaignGateService.getPreloadedCampaign(placement) !== null;
       }
+      async preloadPaywall(placement) {
+        return paywallPreloadService.preload(this.getApiClientOrThrow(), placement);
+      }
+      async preloadPaywalls(placements) {
+        return paywallPreloadService.preloadMany(this.getApiClientOrThrow(), placements);
+      }
+      isPaywallPreloaded(placement) {
+        return paywallPreloadService.isPreloaded(placement);
+      }
       getAutoPreloadedPlacement() {
         return this.state.autoPreloadedPlacement;
       }
@@ -8943,7 +9255,7 @@ init_session();
 init_PaywalloError();
 
 // src/hooks/useOfferingPurchase.ts
-import { useCallback as useCallback7, useState as useState6 } from "react";
+import { useCallback as useCallback7, useState as useState7 } from "react";
 
 // src/domains/plan/invalidateCache.ts
 async function invalidatePlanCache() {
@@ -8956,7 +9268,7 @@ async function invalidatePlanCache() {
 
 // src/hooks/useOfferingPurchase.ts
 function useOfferingPurchase() {
-  const [state, setState] = useState6("idle");
+  const [state, setState] = useState7("idle");
   const purchase = useCallback7(async (productId) => {
     setState("purchasing");
     try {
@@ -8981,7 +9293,7 @@ function useOfferingPurchase() {
 }
 
 // src/hooks/useOfferings.ts
-import { useCallback as useCallback8, useEffect as useEffect7, useState as useState7 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect9, useState as useState8 } from "react";
 async function getOfferingService() {
   try {
     const mod = await Promise.resolve().then(() => (init_OfferingService(), OfferingService_exports));
@@ -8991,8 +9303,8 @@ async function getOfferingService() {
   }
 }
 function useOfferings(ids) {
-  const [offerings, setOfferings] = useState7([]);
-  const [isLoading, setIsLoading] = useState7(true);
+  const [offerings, setOfferings] = useState8([]);
+  const [isLoading, setIsLoading] = useState8(true);
   const idsKey = ids?.join(",") ?? "";
   const fetchOfferings = useCallback8(async () => {
     setIsLoading(true);
@@ -9010,7 +9322,7 @@ function useOfferings(ids) {
       setIsLoading(false);
     }
   }, [idsKey]);
-  useEffect7(() => {
+  useEffect9(() => {
     void fetchOfferings();
   }, [fetchOfferings]);
   return { offerings, isLoading };
@@ -9047,10 +9359,10 @@ function usePaywallo() {
 }
 
 // src/hooks/usePlanPurchase.ts
-import { useCallback as useCallback10, useState as useState8 } from "react";
+import { useCallback as useCallback10, useState as useState9 } from "react";
 function usePlanPurchase() {
-  const [state, setState] = useState8("idle");
-  const [error, setError] = useState8(null);
+  const [state, setState] = useState9("idle");
+  const [error, setError] = useState9(null);
   const purchase = useCallback10(async (productId) => {
     setState("purchasing");
     setError(null);
@@ -9103,7 +9415,7 @@ function usePlanPurchase() {
 }
 
 // src/hooks/usePlans.ts
-import { useCallback as useCallback11, useEffect as useEffect8, useState as useState9 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect10, useState as useState10 } from "react";
 async function getPlanService() {
   try {
     const mod = await Promise.resolve().then(() => (init_PlanService(), PlanService_exports));
@@ -9113,10 +9425,10 @@ async function getPlanService() {
   }
 }
 function usePlans() {
-  const [allPlans, setAllPlans] = useState9([]);
-  const [currentPlan, setCurrentPlan] = useState9(null);
-  const [isLoading, setIsLoading] = useState9(true);
-  const [error, setError] = useState9(null);
+  const [allPlans, setAllPlans] = useState10([]);
+  const [currentPlan, setCurrentPlan] = useState10(null);
+  const [isLoading, setIsLoading] = useState10(true);
+  const [error, setError] = useState10(null);
   const fetchPlans = useCallback11(async (forceRefresh = false) => {
     setIsLoading(true);
     setError(null);
@@ -9141,14 +9453,14 @@ function usePlans() {
   const refresh = useCallback11(() => {
     return fetchPlans(true);
   }, [fetchPlans]);
-  useEffect8(() => {
+  useEffect10(() => {
     void fetchPlans(false);
   }, [fetchPlans]);
   return { currentPlan, allPlans, isLoading, error, refresh };
 }
 
 // src/hooks/useProducts.ts
-import { useCallback as useCallback12, useEffect as useEffect9, useState as useState10 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect11, useState as useState11 } from "react";
 
 // src/utils/productMappers.ts
 function mapToIAPProduct(product) {
@@ -9187,10 +9499,10 @@ function mapToFormattedProduct(product) {
 
 // src/hooks/useProducts.ts
 function useProducts(initialProductIds) {
-  const [products, setProducts] = useState10([]);
-  const [formattedProducts, setFormattedProducts] = useState10([]);
-  const [isLoading, setIsLoading] = useState10(false);
-  const [error, setError] = useState10(null);
+  const [products, setProducts] = useState11([]);
+  const [formattedProducts, setFormattedProducts] = useState11([]);
+  const [isLoading, setIsLoading] = useState11(false);
+  const [error, setError] = useState11(null);
   const loadProducts = useCallback12(async (productIds) => {
     setIsLoading(true);
     setError(null);
@@ -9205,7 +9517,7 @@ function useProducts(initialProductIds) {
       setIsLoading(false);
     }
   }, []);
-  useEffect9(() => {
+  useEffect11(() => {
     if (initialProductIds && initialProductIds.length > 0) {
       void loadProducts(initialProductIds);
     }
@@ -9251,13 +9563,13 @@ function useProducts(initialProductIds) {
 }
 
 // src/hooks/usePurchase.ts
-import { useCallback as useCallback13, useState as useState11 } from "react";
+import { useCallback as useCallback13, useState as useState12 } from "react";
 function toIAPPurchase(p) {
   return { productId: p.productId, transactionId: p.transactionId, transactionDate: p.transactionDate, transactionReceipt: p.receipt };
 }
 function usePurchase() {
-  const [state, setState] = useState11("idle");
-  const [error, setError] = useState11(null);
+  const [state, setState] = useState12("idle");
+  const [error, setError] = useState12(null);
   const purchase = useCallback13(async (productId) => {
     setState("purchasing");
     setError(null);
@@ -9305,13 +9617,13 @@ function usePurchase() {
 }
 
 // src/hooks/useSubscription.ts
-import { useCallback as useCallback14, useEffect as useEffect10, useState as useState12 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect12, useState as useState13 } from "react";
 init_SubscriptionManager();
 var EMPTY_ENTITLEMENTS = [];
 function useSubscription() {
-  const [status, setStatus] = useState12(null);
-  const [isLoading, setIsLoading] = useState12(true);
-  const [error, setError] = useState12(null);
+  const [status, setStatus] = useState13(null);
+  const [isLoading, setIsLoading] = useState13(true);
+  const [error, setError] = useState13(null);
   const refresh = useCallback14(async () => {
     setIsLoading(true);
     setError(null);
@@ -9338,7 +9650,7 @@ function useSubscription() {
       setIsLoading(false);
     }
   }, []);
-  useEffect10(() => {
+  useEffect12(() => {
     void subscriptionManager.getSubscriptionStatus().then((s) => {
       setStatus(s);
       setIsLoading(false);
@@ -9366,94 +9678,288 @@ function useSubscription() {
 }
 
 // src/PaywalloProvider.tsx
-import { useCallback as useCallback19, useEffect as useEffect12, useLayoutEffect, useMemo as useMemo2, useRef as useRef10, useState as useState16 } from "react";
-import { Animated as Animated3, Dimensions as Dimensions5, Easing as Easing2, StyleSheet as StyleSheet3 } from "react-native";
+import { useCallback as useCallback19, useEffect as useEffect14, useLayoutEffect, useMemo as useMemo3, useRef as useRef11, useState as useState17 } from "react";
+import { Animated as Animated4, Dimensions as Dimensions5, Easing as Easing2, StyleSheet as StyleSheet5 } from "react-native";
 init_PaywalloClient();
-init_SecureStorage();
 init_NativeStorage();
+init_SecureStorage();
 init_campaign();
 init_paywall();
 init_paywall();
 init_paywall();
 init_paywall();
-init_session();
-init_ClientError();
+init_paywall();
+init_paywall();
 
-// src/hooks/useAppAutoEvents.ts
-import { useEffect as useEffect11, useRef as useRef7 } from "react";
+// src/domains/paywall/SuperwallAutoBridge.ts
+init_PaywalloClient();
 
-// src/utils/platformDetection.ts
-async function detectPlatform3() {
-  try {
-    const rn = await import("react-native");
-    return rn.Platform?.OS === "ios" ? "ios" : "android";
-  } catch {
-    return "android";
+// src/core/utils/eventId.ts
+function hashString(input) {
+  let h1 = 3735928559;
+  let h2 = 1103547991;
+  for (let i = 0; i < input.length; i++) {
+    const ch = input.charCodeAt(i);
+    h1 = Math.imul(h1 ^ ch, 2654435769);
+    h2 = Math.imul(h2 ^ ch, 1598716949);
   }
+  h1 = Math.imul(h1 ^ h1 >>> 16, 73244475);
+  h1 ^= Math.imul(h2 ^ h2 >>> 13, 351452291);
+  h2 = Math.imul(h2 ^ h2 >>> 16, 73244475);
+  h2 ^= Math.imul(h1 ^ h1 >>> 13, 351452291);
+  const toHex = (n) => (n >>> 0).toString(16).padStart(8, "0");
+  return toHex(h1) + toHex(h2);
 }
-async function detectOsVersion() {
-  try {
-    const rn = await import("react-native");
-    const version = rn.Platform?.Version;
-    return version != null ? String(version) : "unknown";
-  } catch {
-    return "unknown";
-  }
+function buildDeterministicEventId(parts) {
+  const raw = hashString(parts.join("|"));
+  const p1 = raw.slice(0, 8);
+  const p2 = raw.slice(8, 12);
+  const p3 = "4" + raw.slice(13, 16);
+  const p4 = (parseInt(raw[16], 16) & 3 | 8).toString(16) + raw.slice(17, 20);
+  const p5 = raw.padEnd(32, "0").slice(20, 32);
+  return `${p1}-${p2}-${p3}-${p4}-${p5}`;
 }
 
-// src/hooks/useAppAutoEvents.ts
-var FIRST_SEEN_KEY = "@paywallo:firstSeen_v226";
-var DEBOUNCE_MS = 1e3;
-function useAppAutoEvents(config) {
-  const { isInitialized, getAppVersion: getAppVersion2, getSessionId, emitLifecycle, storageGet, storageSet, debug } = config;
-  const didRunRef = useRef7(false);
-  useEffect11(() => {
-    if (debug) console.log("[Paywallo EVENTS] useEffect fired", { isInitialized, didRunRefCurrent: didRunRef.current });
-    if (!isInitialized || didRunRef.current) return;
-    const timer = setTimeout(() => {
-      if (didRunRef.current) return;
-      didRunRef.current = true;
-      void (async () => {
-        const sessionId = getSessionId();
-        const appVersion = getAppVersion2();
-        const deviceType = await detectPlatform3();
-        const osVersion = await detectOsVersion();
-        if (debug) console.log("[Paywallo EVENTS] computed device context", { deviceType, osVersion, appVersion, sessionId, hasSessionId: !!sessionId });
-        try {
-          if (debug) console.log("[Paywallo EVENTS] checking install \u2014 about to read FIRST_SEEN_KEY");
-          const firstSeen = await storageGet(FIRST_SEEN_KEY);
-          if (!firstSeen) {
-            await emitLifecycle({ type: "install", device_type: deviceType, os_version: osVersion, app_version: appVersion, ...sessionId ? { session_id: sessionId } : {} }, "critical");
-            await storageSet(FIRST_SEEN_KEY, (/* @__PURE__ */ new Date()).toISOString());
-            if (debug) console.log("[Paywallo EVENTS] install event emitted (first time)");
-            if (debug) console.log("[Paywallo EVENTS] lifecycle install emitted");
-          } else {
-            if (debug) console.log("[Paywallo EVENTS] install skipped \u2014 firstSeen already exists", { firstSeen });
-          }
-        } catch (err) {
-          if (debug) console.log("[Paywallo EVENTS] lifecycle install check failed", err);
-        }
-        try {
-          if (debug) console.log("[Paywallo EVENTS] emitting cold_start");
-          await emitLifecycle({ type: "cold_start", app_version: appVersion, device_type: deviceType, os_version: osVersion, ...sessionId ? { session_id: sessionId } : {} }, "normal");
-          if (debug) console.log("[Paywallo EVENTS] lifecycle cold_start emitted");
-        } catch (err) {
-          if (debug) console.log("[Paywallo EVENTS] lifecycle cold_start failed", err);
-        }
-      })();
-    }, DEBOUNCE_MS);
-    return () => clearTimeout(timer);
-  }, [isInitialized]);
+// src/domains/paywall/SuperwallAutoBridge.ts
+var bridgeStarted = false;
+var unsubscribe = null;
+var debugEnabled = false;
+function log(msg, data) {
+  if (!debugEnabled) return;
+  if (data !== void 0) {
+    console.log(`[Paywallo:SuperwallBridge] ${msg}`, data);
+  } else {
+    console.log(`[Paywallo:SuperwallBridge] ${msg}`);
+  }
 }
+function minuteBucket(ts) {
+  return String(Math.floor(ts / 6e4));
+}
+function buildEventId(type, identifier, ts) {
+  return buildDeterministicEventId(["sw", type, identifier, minuteBucket(ts)]);
+}
+async function trackPaywallEvent(type, identifier, ts, extra) {
+  const _eventId = buildEventId(type, identifier, ts);
+  try {
+    const cleanExtra = {};
+    if (extra) {
+      for (const [k, v] of Object.entries(extra)) if (v !== void 0) cleanExtra[k] = v;
+    }
+    await PaywalloClient.track("paywall", {
+      priority: "critical",
+      properties: {
+        type,
+        paywall_id: identifier,
+        ...cleanExtra
+      }
+    });
+  } catch (err) {
+    log("track error", { type, identifier, eventId: _eventId, err: String(err) });
+  }
+}
+function mapDismissToCloseReason(resultType) {
+  switch (resultType) {
+    case "purchased":
+      return "purchased";
+    case "restored":
+      return "purchased";
+    // restore counts as a purchase outcome for funnel
+    case "declined":
+      return "dismissed";
+    default:
+      return void 0;
+  }
+}
+function buildCallbacks() {
+  return {
+    onPaywallPresent: (info) => {
+      const ts = Date.now();
+      log("onPaywallPresent", { identifier: info.identifier });
+      void trackPaywallEvent("viewed", info.identifier, ts, {
+        placement: info.presentedByEventWithName,
+        variant_id: info.experiment?.variant?.id,
+        campaign_id: info.experiment?.id
+      });
+    },
+    onPaywallDismiss: (info, result) => {
+      const ts = Date.now();
+      log("onPaywallDismiss", { identifier: info.identifier, result: result.type });
+      void trackPaywallEvent("closed", info.identifier, ts, {
+        placement: info.presentedByEventWithName,
+        variant_id: info.experiment?.variant?.id,
+        campaign_id: info.experiment?.id,
+        close_reason: mapDismissToCloseReason(result.type),
+        closed_at: new Date(ts).toISOString()
+      });
+    },
+    onPurchase: (params) => {
+      const ts = Date.now();
+      const safe = params !== null && typeof params === "object" ? params : {};
+      const productId = "productId" in safe && typeof safe.productId === "string" ? safe.productId : "unknown";
+      const identifier = "paywallIdentifier" in safe && typeof safe.paywallIdentifier === "string" ? safe.paywallIdentifier : productId;
+      log("onPurchase", { productId, identifier });
+      void trackPaywallEvent("purchased", identifier, ts, { product_id: productId });
+    },
+    // Global Superwall event listener — used specifically for `transactionComplete`
+    // which is the only event that exposes the full product (currency/price) +
+    // transaction (storeTransactionId) shape needed to create a server-side
+    // `transactions` row. Other events are skipped (paywallOpen/Dismiss already
+    // handled above with their typed callbacks).
+    onSuperwallEvent: (info) => {
+      const ev = info?.event;
+      if (!ev || ev.event !== "transactionComplete") return;
+      const ts = Date.now();
+      const product = ev.product;
+      const transaction = ev.transaction;
+      if (!product) {
+        log("transactionComplete missing product \u2014 skipping transaction track");
+        return;
+      }
+      const productId = product.productIdentifier ?? product.id ?? "unknown";
+      const currency = product.currencyCode ?? "USD";
+      const price = product.price ?? 0;
+      const transactionId = transaction?.storeTransactionId ?? transaction?.originalTransactionIdentifier ?? `${productId}_${String(ts)}`;
+      const isTrial = product.hasFreeTrial === true || (product.trialPeriodPrice ?? 0) > 0;
+      const paywallIdentifier = ev.paywallInfo?.identifier;
+      log("onSuperwallEvent: transactionComplete", { productId, currency, price, transactionId, isTrial });
+      void (async () => {
+        try {
+          await PaywalloClient.track("transaction", {
+            priority: "critical",
+            properties: {
+              type: isTrial ? "trial_started" : "completed",
+              // Server's IngestTranslator looks for `transaction_id`/`product_id`
+              // /`amount`/`currency`/`paywall_id` keys (not `tx_id`). PurchaseHandler
+              // then resolves type=trial/new/renewal based on amount being 0 vs >0.
+              transaction_id: transactionId,
+              product_id: productId,
+              amount: price,
+              currency,
+              ...paywallIdentifier ? { paywall_id: paywallIdentifier } : {}
+            }
+          });
+        } catch (err) {
+          log("transactionComplete track error", { err: String(err) });
+        }
+      })();
+    }
+  };
+}
+function startSuperwallAutoBridge(debug = false) {
+  debugEnabled = debug;
+  if (bridgeStarted) {
+    log("already started, skipping");
+    return;
+  }
+  void detectAndStart();
+}
+async function detectAndStart() {
+  let subscribeFn;
+  try {
+    const mod = await import("expo-superwall");
+    if (!mod || typeof mod.subscribeToSuperwallEvents !== "function") {
+      const internal = await import("expo-superwall/build/src/internal/superwallEventBridge");
+      if (typeof internal.subscribeToSuperwallEvents !== "function") {
+        log("expo-superwall subscribeToSuperwallEvents not found \u2014 bridge inactive");
+        return;
+      }
+      subscribeFn = internal.subscribeToSuperwallEvents;
+    } else {
+      subscribeFn = mod.subscribeToSuperwallEvents;
+    }
+  } catch {
+    log("expo-superwall not installed \u2014 bridge inactive");
+    return;
+  }
+  try {
+    const callbacks = buildCallbacks();
+    unsubscribe = subscribeFn(void 0, () => callbacks);
+    bridgeStarted = true;
+    log("bridge started");
+  } catch (err) {
+    log("subscribe failed", { err: String(err) });
+  }
+}
+
+// src/PaywalloProvider.tsx
+init_session();
+init_ClientError();
+
+// src/hooks/useAppAutoEvents.ts
+import { useEffect as useEffect13, useRef as useRef8 } from "react";
+
+// src/utils/platformDetection.ts
+async function detectPlatform3() {
+  try {
+    const rn = await import("react-native");
+    return rn.Platform?.OS === "ios" ? "ios" : "android";
+  } catch {
+    return "android";
+  }
+}
+async function detectOsVersion() {
+  try {
+    const rn = await import("react-native");
+    const version = rn.Platform?.Version;
+    return version != null ? String(version) : "unknown";
+  } catch {
+    return "unknown";
+  }
+}
+
+// src/hooks/useAppAutoEvents.ts
+var FIRST_SEEN_KEY = "@paywallo:firstSeen_v226";
+var DEBOUNCE_MS = 1e3;
+function useAppAutoEvents(config) {
+  const { isInitialized, getAppVersion: getAppVersion2, getSessionId, emitLifecycle, storageGet, storageSet, debug } = config;
+  const didRunRef = useRef8(false);
+  useEffect13(() => {
+    if (debug) console.log("[Paywallo EVENTS] useEffect fired", { isInitialized, didRunRefCurrent: didRunRef.current });
+    if (!isInitialized || didRunRef.current) return;
+    const timer = setTimeout(() => {
+      if (didRunRef.current) return;
+      didRunRef.current = true;
+      void (async () => {
+        const sessionId = getSessionId();
+        const appVersion = getAppVersion2();
+        const deviceType = await detectPlatform3();
+        const osVersion = await detectOsVersion();
+        if (debug) console.log("[Paywallo EVENTS] computed device context", { deviceType, osVersion, appVersion, sessionId, hasSessionId: !!sessionId });
+        try {
+          if (debug) console.log("[Paywallo EVENTS] checking install \u2014 about to read FIRST_SEEN_KEY");
+          const firstSeen = await storageGet(FIRST_SEEN_KEY);
+          if (!firstSeen) {
+            await emitLifecycle({ type: "install", device_type: deviceType, os_version: osVersion, app_version: appVersion, ...sessionId ? { session_id: sessionId } : {} }, "critical");
+            await storageSet(FIRST_SEEN_KEY, (/* @__PURE__ */ new Date()).toISOString());
+            if (debug) console.log("[Paywallo EVENTS] install event emitted (first time)");
+            if (debug) console.log("[Paywallo EVENTS] lifecycle install emitted");
+          } else {
+            if (debug) console.log("[Paywallo EVENTS] install skipped \u2014 firstSeen already exists", { firstSeen });
+          }
+        } catch (err) {
+          if (debug) console.log("[Paywallo EVENTS] lifecycle install check failed", err);
+        }
+        try {
+          if (debug) console.log("[Paywallo EVENTS] emitting cold_start");
+          await emitLifecycle({ type: "cold_start", app_version: appVersion, device_type: deviceType, os_version: osVersion, ...sessionId ? { session_id: sessionId } : {} }, "normal");
+          if (debug) console.log("[Paywallo EVENTS] lifecycle cold_start emitted");
+        } catch (err) {
+          if (debug) console.log("[Paywallo EVENTS] lifecycle cold_start failed", err);
+        }
+      })();
+    }, DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [isInitialized]);
+}
+
+// src/hooks/useCampaignPreload.ts
+init_PaywalloClient();
+init_CampaignError();
+import { useCallback as useCallback15, useRef as useRef9, useState as useState14 } from "react";
+
+// src/utils/loadCampaignProducts.ts
+init_IAPService();
 
-// src/hooks/useCampaignPreload.ts
-init_PaywalloClient();
-init_CampaignError();
-import { useCallback as useCallback15, useRef as useRef8, useState as useState13 } from "react";
-
-// src/utils/loadCampaignProducts.ts
-init_IAPService();
-
 // src/utils/serverProduct.ts
 var PERIOD_MAP = {
   P1Y: "ano",
@@ -9518,8 +10024,8 @@ function getCacheEntry(cache, placement) {
 
 // src/hooks/useCampaignPreload.ts
 function useCampaignPreload() {
-  const [preloadedWebView, setPreloadedWebView] = useState13(null);
-  const preloadedCampaignsRef = useRef8(/* @__PURE__ */ new Map());
+  const [preloadedWebView, setPreloadedWebView] = useState14(null);
+  const preloadedCampaignsRef = useRef9(/* @__PURE__ */ new Map());
   const isPreloadValid = useCallback15(
     (placement) => isCacheEntryValid(preloadedCampaignsRef.current.get(placement)),
     []
@@ -9597,10 +10103,10 @@ function useCampaignPreload() {
 }
 
 // src/hooks/useProductLoader.ts
-import { useCallback as useCallback16, useState as useState14 } from "react";
+import { useCallback as useCallback16, useState as useState15 } from "react";
 function useProductLoader() {
-  const [products, setProducts] = useState14(/* @__PURE__ */ new Map());
-  const [isLoadingProducts, setIsLoadingProducts] = useState14(false);
+  const [products, setProducts] = useState15(/* @__PURE__ */ new Map());
+  const [isLoadingProducts, setIsLoadingProducts] = useState15(false);
   const refreshProducts = useCallback16(async (productIds) => {
     setIsLoadingProducts(true);
     try {
@@ -9686,7 +10192,7 @@ function usePurchaseOrchestrator(preloadedWebView, resolvePreloadedPaywall, clea
 // src/hooks/useSubscriptionSync.ts
 init_PaywalloClient();
 init_SubscriptionCache();
-import { useCallback as useCallback18, useRef as useRef9, useState as useState15 } from "react";
+import { useCallback as useCallback18, useRef as useRef10, useState as useState16 } from "react";
 
 // src/hooks/subscriptionSyncHelpers.ts
 init_SubscriptionCache();
@@ -9794,8 +10300,8 @@ async function checkPersistedCache(distinctId, onHit) {
 
 // src/hooks/useSubscriptionSync.ts
 function useSubscriptionSync() {
-  const [subscription, setSubscription] = useState15(null);
-  const cacheRef = useRef9(null);
+  const [subscription, setSubscription] = useState16(null);
+  const cacheRef = useRef10(null);
   const setCacheAndState = useCallback18((sub) => {
     cacheRef.current = { data: sub, expiresAt: Date.now() + CACHE_TTL_MS2 };
     setSubscription(sub);
@@ -9856,214 +10362,24 @@ function useSubscriptionSync() {
   return { subscription, hasActiveSubscription, getSubscription, invalidateCache };
 }
 
-// src/domains/paywall/SuperwallAutoBridge.ts
-init_PaywalloClient();
-
-// src/core/utils/eventId.ts
-function hashString(input) {
-  let h1 = 3735928559;
-  let h2 = 1103547991;
-  for (let i = 0; i < input.length; i++) {
-    const ch = input.charCodeAt(i);
-    h1 = Math.imul(h1 ^ ch, 2654435769);
-    h2 = Math.imul(h2 ^ ch, 1598716949);
-  }
-  h1 = Math.imul(h1 ^ h1 >>> 16, 73244475);
-  h1 ^= Math.imul(h2 ^ h2 >>> 13, 351452291);
-  h2 = Math.imul(h2 ^ h2 >>> 16, 73244475);
-  h2 ^= Math.imul(h1 ^ h1 >>> 13, 351452291);
-  const toHex = (n) => (n >>> 0).toString(16).padStart(8, "0");
-  return toHex(h1) + toHex(h2);
-}
-function buildDeterministicEventId(parts) {
-  const raw = hashString(parts.join("|"));
-  const p1 = raw.slice(0, 8);
-  const p2 = raw.slice(8, 12);
-  const p3 = "4" + raw.slice(13, 16);
-  const p4 = (parseInt(raw[16], 16) & 3 | 8).toString(16) + raw.slice(17, 20);
-  const p5 = raw.padEnd(32, "0").slice(20, 32);
-  return `${p1}-${p2}-${p3}-${p4}-${p5}`;
-}
-
-// src/domains/paywall/SuperwallAutoBridge.ts
-var bridgeStarted = false;
-var unsubscribe = null;
-var debugEnabled = false;
-function log(msg, data) {
-  if (!debugEnabled) return;
-  if (data !== void 0) {
-    console.log(`[Paywallo:SuperwallBridge] ${msg}`, data);
-  } else {
-    console.log(`[Paywallo:SuperwallBridge] ${msg}`);
-  }
-}
-function minuteBucket(ts) {
-  return String(Math.floor(ts / 6e4));
-}
-function buildEventId(type, identifier, ts) {
-  return buildDeterministicEventId(["sw", type, identifier, minuteBucket(ts)]);
-}
-async function trackPaywallEvent(type, identifier, ts, extra) {
-  const _eventId = buildEventId(type, identifier, ts);
-  try {
-    const cleanExtra = {};
-    if (extra) {
-      for (const [k, v] of Object.entries(extra)) if (v !== void 0) cleanExtra[k] = v;
-    }
-    await PaywalloClient.track("paywall", {
-      priority: "critical",
-      properties: {
-        type,
-        paywall_id: identifier,
-        ...cleanExtra
-      }
-    });
-  } catch (err) {
-    log("track error", { type, identifier, eventId: _eventId, err: String(err) });
-  }
-}
-function mapDismissToCloseReason(resultType) {
-  switch (resultType) {
-    case "purchased":
-      return "purchased";
-    case "restored":
-      return "purchased";
-    // restore counts as a purchase outcome for funnel
-    case "declined":
-      return "dismissed";
-    default:
-      return void 0;
-  }
-}
-function buildCallbacks() {
-  return {
-    onPaywallPresent: (info) => {
-      const ts = Date.now();
-      log("onPaywallPresent", { identifier: info.identifier });
-      void trackPaywallEvent("viewed", info.identifier, ts, {
-        placement: info.presentedByEventWithName,
-        variant_id: info.experiment?.variant?.id,
-        campaign_id: info.experiment?.id
-      });
-    },
-    onPaywallDismiss: (info, result) => {
-      const ts = Date.now();
-      log("onPaywallDismiss", { identifier: info.identifier, result: result.type });
-      void trackPaywallEvent("closed", info.identifier, ts, {
-        placement: info.presentedByEventWithName,
-        variant_id: info.experiment?.variant?.id,
-        campaign_id: info.experiment?.id,
-        close_reason: mapDismissToCloseReason(result.type),
-        closed_at: new Date(ts).toISOString()
-      });
-    },
-    onPurchase: (params) => {
-      const ts = Date.now();
-      const safe = params !== null && typeof params === "object" ? params : {};
-      const productId = "productId" in safe && typeof safe.productId === "string" ? safe.productId : "unknown";
-      const identifier = "paywallIdentifier" in safe && typeof safe.paywallIdentifier === "string" ? safe.paywallIdentifier : productId;
-      log("onPurchase", { productId, identifier });
-      void trackPaywallEvent("purchased", identifier, ts, { product_id: productId });
-    },
-    // Global Superwall event listener — used specifically for `transactionComplete`
-    // which is the only event that exposes the full product (currency/price) +
-    // transaction (storeTransactionId) shape needed to create a server-side
-    // `transactions` row. Other events are skipped (paywallOpen/Dismiss already
-    // handled above with their typed callbacks).
-    onSuperwallEvent: (info) => {
-      const ev = info?.event;
-      if (!ev || ev.event !== "transactionComplete") return;
-      const ts = Date.now();
-      const product = ev.product;
-      const transaction = ev.transaction;
-      if (!product) {
-        log("transactionComplete missing product \u2014 skipping transaction track");
-        return;
-      }
-      const productId = product.productIdentifier ?? product.id ?? "unknown";
-      const currency = product.currencyCode ?? "USD";
-      const price = product.price ?? 0;
-      const transactionId = transaction?.storeTransactionId ?? transaction?.originalTransactionIdentifier ?? `${productId}_${String(ts)}`;
-      const isTrial = product.hasFreeTrial === true || (product.trialPeriodPrice ?? 0) > 0;
-      const paywallIdentifier = ev.paywallInfo?.identifier;
-      log("onSuperwallEvent: transactionComplete", { productId, currency, price, transactionId, isTrial });
-      void (async () => {
-        try {
-          await PaywalloClient.track("transaction", {
-            priority: "critical",
-            properties: {
-              type: isTrial ? "trial_started" : "completed",
-              // Server's IngestTranslator looks for `transaction_id`/`product_id`
-              // /`amount`/`currency`/`paywall_id` keys (not `tx_id`). PurchaseHandler
-              // then resolves type=trial/new/renewal based on amount being 0 vs >0.
-              transaction_id: transactionId,
-              product_id: productId,
-              amount: price,
-              currency,
-              ...paywallIdentifier ? { paywall_id: paywallIdentifier } : {}
-            }
-          });
-        } catch (err) {
-          log("transactionComplete track error", { err: String(err) });
-        }
-      })();
-    }
-  };
-}
-function startSuperwallAutoBridge(debug = false) {
-  debugEnabled = debug;
-  if (bridgeStarted) {
-    log("already started, skipping");
-    return;
-  }
-  void detectAndStart();
-}
-async function detectAndStart() {
-  let subscribeFn;
-  try {
-    const mod = await import("expo-superwall");
-    if (!mod || typeof mod.subscribeToSuperwallEvents !== "function") {
-      const internal = await import("expo-superwall/build/src/internal/superwallEventBridge");
-      if (typeof internal.subscribeToSuperwallEvents !== "function") {
-        log("expo-superwall subscribeToSuperwallEvents not found \u2014 bridge inactive");
-        return;
-      }
-      subscribeFn = internal.subscribeToSuperwallEvents;
-    } else {
-      subscribeFn = mod.subscribeToSuperwallEvents;
-    }
-  } catch {
-    log("expo-superwall not installed \u2014 bridge inactive");
-    return;
-  }
-  try {
-    const callbacks = buildCallbacks();
-    unsubscribe = subscribeFn(void 0, () => callbacks);
-    bridgeStarted = true;
-    log("bridge started");
-  } catch (err) {
-    log("subscribe failed", { err: String(err) });
-  }
-}
-
 // src/PaywalloProvider.tsx
 init_localization();
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function PaywalloProvider({ children, config }) {
-  const [isInitialized, setIsInitialized] = useState16(false);
-  const [initError, setInitError] = useState16(null);
-  const [distinctId, setDistinctId] = useState16(null);
-  const [activePaywall, setActivePaywall] = useState16(null);
+  const [isInitialized, setIsInitialized] = useState17(false);
+  const [initError, setInitError] = useState17(null);
+  const [distinctId, setDistinctId] = useState17(null);
+  const [activePaywall, setActivePaywall] = useState17(null);
   const { products, isLoadingProducts, refreshProducts } = useProductLoader();
   const { subscription, hasActiveSubscription, getSubscription, invalidateCache } = useSubscriptionSync();
   const { preloadedWebView, setPreloadedWebView, preloadCampaign, consumePreloadedCampaign, isPreloadValid } = useCampaignPreload();
   const clearPreloadedWebView = useCallback19(() => setPreloadedWebView(null), [setPreloadedWebView]);
-  const autoPreloadTriggeredRef = useRef10(false);
-  const preloadedWebViewRef = useRef10(preloadedWebView);
-  const pollTimerRef = useRef10(null);
-  const pollCancelledRef = useRef10(false);
-  const secureStorageRef = useRef10(new SecureStorage(config.debug));
-  useEffect12(() => {
+  const autoPreloadTriggeredRef = useRef11(false);
+  const preloadedWebViewRef = useRef11(preloadedWebView);
+  const pollTimerRef = useRef11(null);
+  const pollCancelledRef = useRef11(false);
+  const secureStorageRef = useRef11(new SecureStorage(config.debug));
+  useEffect14(() => {
     preloadedWebViewRef.current = preloadedWebView;
   }, [preloadedWebView]);
   useAppAutoEvents({
@@ -10094,8 +10410,8 @@ function PaywalloProvider({ children, config }) {
     });
   }, []);
   const { showingPreloadedWebView, presentPreloadedWebView, resolvePreloadedPaywall, handlePreloadedWebViewReady: baseHandlePreloadedWebViewReady, handlePreloadedClose: baseHandlePreloadedClose, setShowingPreloadedWebView, presentedAtRef } = usePaywallPresenter(preloadedWebView, setPreloadedWebView);
-  const SCREEN_HEIGHT = useMemo2(() => Dimensions5.get("window").height, []);
-  const slideAnim = useRef10(new Animated3.Value(SCREEN_HEIGHT)).current;
+  const SCREEN_HEIGHT = useMemo3(() => Dimensions5.get("window").height, []);
+  const slideAnim = useRef11(new Animated4.Value(SCREEN_HEIGHT)).current;
   const handlePreloadedWebViewReady = useCallback19(() => {
     if (PaywalloClient.getConfig()?.debug) {
       console.log(`[Paywallo WEBVIEW] loaded \u2014 placement: ${preloadedWebView?.placement}`);
@@ -10104,7 +10420,7 @@ function PaywalloProvider({ children, config }) {
   }, [preloadedWebView?.placement, baseHandlePreloadedWebViewReady]);
   const handlePreloadedClose = useCallback19(() => {
     const placement = preloadedWebView?.placement;
-    Animated3.timing(slideAnim, { toValue: SCREEN_HEIGHT, duration: 200, easing: Easing2.in(Easing2.cubic), useNativeDriver: true }).start(() => {
+    Animated4.timing(slideAnim, { toValue: SCREEN_HEIGHT, duration: 200, easing: Easing2.in(Easing2.cubic), useNativeDriver: true }).start(() => {
       baseHandlePreloadedClose();
       if (placement) triggerRepreload(placement);
     });
@@ -10117,7 +10433,7 @@ function PaywalloProvider({ children, config }) {
     presentedAtRef,
     invalidateCache
   );
-  const [isPreloadPurchasing, setIsPreloadPurchasing] = useState16(false);
+  const [isPreloadPurchasing, setIsPreloadPurchasing] = useState17(false);
   const handlePreloadedPurchase = useCallback19(async (productId) => {
     setIsPreloadPurchasing(true);
     try {
@@ -10126,8 +10442,8 @@ function PaywalloProvider({ children, config }) {
       setIsPreloadPurchasing(false);
     }
   }, [rawPreloadedPurchase]);
-  const configRef = useRef10(config);
-  useEffect12(() => {
+  const configRef = useRef11(config);
+  useEffect14(() => {
     let mounted = true;
     initLocalization({ detectDevice: true });
     PaywalloClient.init(configRef.current).then(async () => {
@@ -10140,6 +10456,11 @@ function PaywalloProvider({ children, config }) {
         const placement = await PaywalloClient.waitForAutoPreloadedPlacement();
         if (mounted && placement) void preloadCampaign(placement).catch(() => {
         });
+        const preloadPlacements = configRef.current.preloadPaywalls;
+        if (mounted && preloadPlacements && preloadPlacements.length > 0) {
+          void PaywalloClient.preloadPaywalls(preloadPlacements).catch(() => {
+          });
+        }
       }
     }).catch((err) => {
       if (!mounted) return;
@@ -10154,7 +10475,22 @@ function PaywalloProvider({ children, config }) {
     return api ? api.getPaywall(p) : null;
   }, []);
   const presentPaywall = useCallback19((placement) => {
-    return new Promise((resolve) => setActivePaywall({ placement, resolver: resolve }));
+    const preloaded = paywallPreloadService.getPreloaded(placement);
+    return new Promise((resolve) => setActivePaywall({
+      placement,
+      resolver: resolve,
+      ...preloaded && {
+        paywallConfig: {
+          id: preloaded.config.id,
+          placement: preloaded.config.placement,
+          config: preloaded.config.config,
+          primaryProductId: preloaded.config.primaryProductId,
+          secondaryProductId: preloaded.config.secondaryProductId,
+          tertiaryProductId: preloaded.config.tertiaryProductId
+        },
+        preloadedProducts: preloaded.products
+      }
+    }));
   }, []);
   const trackCampaignImpression = useCallback19((placement, variantKey, campaignId) => {
     const api = PaywalloClient.getApiClient();
@@ -10288,7 +10624,7 @@ function PaywalloProvider({ children, config }) {
     }
     return presentCampaign(placement);
   }, [presentPreloadedWebView, presentCampaign]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!isInitialized) return;
     const onEmergency = async (id) => {
       try {
@@ -10317,7 +10653,7 @@ function PaywalloProvider({ children, config }) {
   const isReady = isInitialized && !isLoadingProducts;
   const noOp = useCallback19(() => {
   }, []);
-  const contextValue = useMemo2(() => ({
+  const contextValue = useMemo3(() => ({
     config: PaywalloClient.getConfig(),
     isInitialized,
     isReady,
@@ -10354,17 +10690,17 @@ function PaywalloProvider({ children, config }) {
   useLayoutEffect(() => {
     if (showingPreloadedWebView) {
       slideAnim.setValue(SCREEN_HEIGHT);
-      Animated3.timing(slideAnim, { toValue: 0, duration: 200, easing: Easing2.out(Easing2.cubic), useNativeDriver: true }).start();
+      Animated4.timing(slideAnim, { toValue: 0, duration: 200, easing: Easing2.out(Easing2.cubic), useNativeDriver: true }).start();
     }
   }, [showingPreloadedWebView, slideAnim, SCREEN_HEIGHT]);
   const preloadStyle = [
-    styles3.preloadOverlay,
-    showingPreloadedWebView ? styles3.visible : styles3.hidden,
+    styles5.preloadOverlay,
+    showingPreloadedWebView ? styles5.visible : styles5.hidden,
     showingPreloadedWebView ? { transform: [{ translateY: slideAnim }] } : void 0
   ];
-  return /* @__PURE__ */ jsxs2(PaywalloContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsxs3(PaywalloContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ jsx3(PaywallErrorBoundary, { children: !!preloadedWebView?.craftData && /* @__PURE__ */ jsx3(Animated3.View, { style: preloadStyle, pointerEvents: showingPreloadedWebView ? "auto" : "none", children: /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx5(PaywallErrorBoundary, { children: !!preloadedWebView?.craftData && /* @__PURE__ */ jsx5(Animated4.View, { style: preloadStyle, pointerEvents: showingPreloadedWebView ? "auto" : "none", children: /* @__PURE__ */ jsx5(
       PaywallWebView,
       {
         paywallId: preloadedWebView.paywallId,
@@ -10380,7 +10716,7 @@ function PaywalloProvider({ children, config }) {
         onRestore: showingPreloadedWebView ? handlePreloadedRestore : noOp
       }
     ) }) }),
-    /* @__PURE__ */ jsx3(PaywallErrorBoundary, { children: activePaywall && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx5(PaywallErrorBoundary, { children: activePaywall && /* @__PURE__ */ jsx5(
       PaywallModal,
       {
         placement: activePaywall.placement,
@@ -10392,10 +10728,11 @@ function PaywalloProvider({ children, config }) {
         campaignId: activePaywall.campaignId,
         variantId: activePaywall.variantId
       }
-    ) })
+    ) }),
+    isInitialized && (config.preloadPaywalls?.length ?? 0) > 0 && PaywalloClient.getWebUrl() !== null && /* @__PURE__ */ jsx5(PaywallWebViewPrewarmer, { webUrl: PaywalloClient.getWebUrl() })
   ] });
 }
-var styles3 = StyleSheet3.create({
+var styles5 = StyleSheet5.create({
   preloadOverlay: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, backgroundColor: "#ffffff" },
   hidden: { zIndex: -1, opacity: 0, width: 1, height: 1, overflow: "hidden" },
   visible: { zIndex: 9999, opacity: 1 }
@@ -10451,6 +10788,9 @@ function resolveProductsVariable(parts, context) {
   if (parts[1] === "secondary" && context.secondaryProductId) {
     return getProductVariable(context.products.get(context.secondaryProductId), parts[2]);
   }
+  if (parts[1] === "tertiary" && context.tertiaryProductId) {
+    return getProductVariable(context.products.get(context.tertiaryProductId), parts[2]);
+  }
   if (parts[1] === "hasIntroductoryOffer") {
     return Array.from(context.products.values()).some((p) => p.introductoryPrice) ? "true" : "false";
   }