@virex-tech/paywallo-sdk 2.2.6 → 2.2.7

package/dist/index.js

@@ -2386,8 +2386,8 @@ var init_NotificationHandlerSetup = __esm({
 // src/core/version.ts
 function resolveVersion() {
   try {
-    if ("2.2.6") {
-      return "2.2.6";
+    if ("2.2.7") {
+      return "2.2.7";
     }
   } catch {
   }
@@ -3057,6 +3057,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;
@@ -3299,6 +3334,66 @@ var init_localization = __esm({
   }
 });
 
+// src/domains/paywall/PaywallSkeleton.tsx
+function SkeletonBlock({ style, color, opacity }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native14.Animated.View, { style: [style, { backgroundColor: color, opacity }] });
+}
+function PaywallSkeleton({ backgroundColor = "#FFFFFF" }) {
+  const pulse = (0, import_react3.useRef)(new import_react_native14.Animated.Value(0.4)).current;
+  (0, import_react3.useEffect)(() => {
+    const loop = import_react_native14.Animated.loop(
+      import_react_native14.Animated.sequence([
+        import_react_native14.Animated.timing(pulse, { toValue: 1, duration: 700, useNativeDriver: true }),
+        import_react_native14.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__ */ (0, import_jsx_runtime.jsxs)(import_react_native14.View, { style: [styles.container, { backgroundColor }], pointerEvents: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native14.View, { style: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.logo, color: placeholder, opacity: pulse }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.hero, color: placeholder, opacity: pulse }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native14.View, { style: styles.titleGroup, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.titleLine, color: placeholder, opacity: pulse }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.titleLineShort, color: placeholder, opacity: pulse })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native14.View, { style: styles.cardsRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.card, color: placeholder, opacity: pulse }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.card, color: placeholder, opacity: pulse })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native14.View, { style: styles.footerGroup, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.cta, color: placeholder, opacity: pulse }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonBlock, { style: styles.footer, color: placeholder, opacity: pulse })
+    ] })
+  ] });
+}
+var import_react3, import_react_native14, import_jsx_runtime, RADIUS, styles;
+var init_PaywallSkeleton = __esm({
+  "src/domains/paywall/PaywallSkeleton.tsx"() {
+    "use strict";
+    import_react3 = require("react");
+    import_react_native14 = require("react-native");
+    init_extractFirstPageBackground();
+    import_jsx_runtime = require("react/jsx-runtime");
+    RADIUS = 14;
+    styles = import_react_native14.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 = {
@@ -3347,7 +3442,7 @@ function getNativeWebView() {
   if (NativeWebViewComponent) return NativeWebViewComponent;
   if (nativeWebViewLookupFailed) return null;
   try {
-    NativeWebViewComponent = (0, import_react_native14.requireNativeComponent)("PaywalloWebView");
+    NativeWebViewComponent = (0, import_react_native15.requireNativeComponent)("PaywalloWebView");
     return NativeWebViewComponent;
   } catch {
     nativeWebViewLookupFailed = true;
@@ -3356,9 +3451,9 @@ function getNativeWebView() {
 }
 function getWebViewEmitter() {
   if (webViewEmitter) return webViewEmitter;
-  const mod = import_react_native14.NativeModules.PaywalloWebViewModule;
+  const mod = import_react_native15.NativeModules.PaywalloWebViewModule;
   if (!mod) return null;
-  webViewEmitter = new import_react_native14.NativeEventEmitter(mod);
+  webViewEmitter = new import_react_native15.NativeEventEmitter(mod);
   return webViewEmitter;
 }
 async function triggerNativeHaptic(style) {
@@ -3400,16 +3495,16 @@ function PaywallWebView({
   onReady,
   onError
 }) {
-  const paywallDataSent = (0, import_react3.useRef)(false);
-  const loadEndReceived = (0, import_react3.useRef)(false);
-  const [scriptToInject, setScriptToInject] = (0, import_react3.useState)(void 0);
-  const webViewRef = (0, import_react3.useRef)(null);
-  const onErrorRef = (0, import_react3.useRef)(onError);
+  const paywallDataSent = (0, import_react4.useRef)(false);
+  const loadEndReceived = (0, import_react4.useRef)(false);
+  const [scriptToInject, setScriptToInject] = (0, import_react4.useState)(void 0);
+  const webViewRef = (0, import_react4.useRef)(null);
+  const onErrorRef = (0, import_react4.useRef)(onError);
   onErrorRef.current = onError;
-  const onReadyRef = (0, import_react3.useRef)(onReady);
+  const onReadyRef = (0, import_react4.useRef)(onReady);
   onReadyRef.current = onReady;
-  const NativeWebView = (0, import_react3.useMemo)(() => getNativeWebView(), []);
-  (0, import_react3.useEffect)(() => {
+  const NativeWebView = (0, import_react4.useMemo)(() => getNativeWebView(), []);
+  (0, import_react4.useEffect)(() => {
     if (!NativeWebView) {
       onErrorRef.current?.({
         code: -1,
@@ -3417,10 +3512,10 @@ function PaywallWebView({
       });
     }
   }, [NativeWebView]);
-  const [resolvedWebUrl, setResolvedWebUrl] = (0, import_react3.useState)(
+  const [resolvedWebUrl, setResolvedWebUrl] = (0, import_react4.useState)(
     () => webUrlProp ?? PaywalloClient.getWebUrl()
   );
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (webUrlProp !== void 0) {
       setResolvedWebUrl(webUrlProp ?? null);
       return;
@@ -3439,7 +3534,7 @@ function PaywallWebView({
     }, 200);
     return () => clearInterval(interval);
   }, [webUrlProp]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!resolvedWebUrl) {
       onErrorRef.current?.({
         code: -1,
@@ -3447,16 +3542,16 @@ function PaywallWebView({
       });
     }
   }, []);
-  const injectScript = (0, import_react3.useCallback)((script) => {
-    if (import_react_native14.Platform.OS === "android") {
-      const handle = (0, import_react_native14.findNodeHandle)(webViewRef.current);
+  const injectScript = (0, import_react4.useCallback)((script) => {
+    if (import_react_native15.Platform.OS === "android") {
+      const handle = (0, import_react_native15.findNodeHandle)(webViewRef.current);
       if (handle == null) return;
-      import_react_native14.UIManager.dispatchViewManagerCommand(handle, "injectJavaScript", [script]);
+      import_react_native15.UIManager.dispatchViewManagerCommand(handle, "injectJavaScript", [script]);
       return;
     }
     setScriptToInject(script);
   }, []);
-  const buildAndSetInjectionScript = (0, import_react3.useCallback)(() => {
+  const buildAndSetInjectionScript = (0, import_react4.useCallback)(() => {
     if (!craftData || paywallDataSent.current) return;
     paywallDataSent.current = true;
     const script = buildPaywallInjectionScript({
@@ -3467,16 +3562,16 @@ function PaywallWebView({
     });
     injectScript(script);
   }, [craftData, products, primaryProductId, secondaryProductId, injectScript]);
-  const processedIdsRef = (0, import_react3.useRef)(/* @__PURE__ */ new Set());
-  const dedupeTimersRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react3.useEffect)(() => {
+  const processedIdsRef = (0, import_react4.useRef)(/* @__PURE__ */ new Set());
+  const dedupeTimersRef = (0, import_react4.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react4.useEffect)(() => {
     return () => {
       for (const timerId of dedupeTimersRef.current.values()) clearTimeout(timerId);
       dedupeTimersRef.current.clear();
       processedIdsRef.current.clear();
     };
   }, []);
-  const handleParsedMessage = (0, import_react3.useCallback)(
+  const handleParsedMessage = (0, import_react4.useCallback)(
     (message) => {
       const msgId = deriveMessageId(message);
       if (processedIdsRef.current.has(msgId)) return;
@@ -3510,7 +3605,7 @@ function PaywallWebView({
           if (message.payload?.url) {
             const url = message.payload.url;
             if (/^https?:\/\//i.test(url) || /^mailto:/i.test(url) || /^itms-apps:/i.test(url) || /^market:/i.test(url)) {
-              void import_react_native14.Linking.openURL(url);
+              void import_react_native15.Linking.openURL(url);
             }
           }
           break;
@@ -3521,7 +3616,7 @@ function PaywallWebView({
     },
     [buildAndSetInjectionScript, onPurchase, onClose, onRestore]
   );
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const emitter = getWebViewEmitter();
     if (!emitter) return;
     const loadEndSub = emitter.addListener("PaywalloWebViewLoadEnd", () => {
@@ -3546,7 +3641,7 @@ function PaywallWebView({
       errorSub.remove();
     };
   }, [buildAndSetInjectionScript, handleParsedMessage]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const timer = setTimeout(() => {
       if (!paywallDataSent.current) {
         onErrorRef.current?.({
@@ -3557,13 +3652,13 @@ function PaywallWebView({
     }, 1e4);
     return () => clearTimeout(timer);
   }, []);
-  const handleLoadEnd = (0, import_react3.useCallback)(() => {
+  const handleLoadEnd = (0, import_react4.useCallback)(() => {
     if (!loadEndReceived.current) {
       loadEndReceived.current = true;
       buildAndSetInjectionScript();
     }
   }, [buildAndSetInjectionScript]);
-  const handleNativeError = (0, import_react3.useCallback)((event) => {
+  const handleNativeError = (0, import_react4.useCallback)((event) => {
     const ne = event.nativeEvent;
     let errorData;
     if (ne["payload"] && typeof ne["payload"] === "object") {
@@ -3579,30 +3674,30 @@ function PaywallWebView({
     }
     onErrorRef.current?.(parseErrorEvent(errorData));
   }, []);
-  const handleMessage = (0, import_react3.useCallback)(
+  const handleMessage = (0, import_react4.useCallback)(
     (event) => {
       const message = parseWebViewMessage(event.nativeEvent.data);
       if (message) handleParsedMessage(message);
     },
     [handleParsedMessage]
   );
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!paywallDataSent.current) return;
     injectScript(buildPurchaseStateScript(isPurchasing));
   }, [isPurchasing, injectScript]);
-  (0, import_react3.useEffect)(() => {
-    if (import_react_native14.Platform.OS !== "android") return;
+  (0, import_react4.useEffect)(() => {
+    if (import_react_native15.Platform.OS !== "android") return;
     const onBackPress = () => {
       if (!paywallDataSent.current) return false;
       injectScript(buildBackButtonScript());
       return true;
     };
-    const subscription = import_react_native14.BackHandler.addEventListener("hardwareBackPress", onBackPress);
+    const subscription = import_react_native15.BackHandler.addEventListener("hardwareBackPress", onBackPress);
     return () => subscription.remove();
   }, [injectScript]);
   if (!resolvedWebUrl || !NativeWebView) return null;
   const paywallUrl = `${resolvedWebUrl}/paywall/${paywallId}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native14.View, { style: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native15.View, { style: styles2.container, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     NativeWebView,
     {
       ref: webViewRef,
@@ -3611,24 +3706,24 @@ function PaywallWebView({
       onMessage: handleMessage,
       onLoadEnd: handleLoadEnd,
       onError: handleNativeError,
-      style: styles.webview
+      style: styles2.webview
     }
   ) });
 }
-var import_react3, import_react_native14, import_jsx_runtime, NativeWebViewComponent, nativeWebViewLookupFailed, webViewEmitter, styles;
+var import_react4, import_react_native15, import_jsx_runtime2, NativeWebViewComponent, nativeWebViewLookupFailed, webViewEmitter, styles2;
 var init_PaywallWebView = __esm({
   "src/domains/paywall/PaywallWebView.tsx"() {
     "use strict";
-    import_react3 = require("react");
-    import_react_native14 = require("react-native");
+    import_react4 = require("react");
+    import_react_native15 = require("react-native");
     init_PaywalloClient();
     init_parseWebViewMessage();
     init_paywallScripts();
-    import_jsx_runtime = require("react/jsx-runtime");
+    import_jsx_runtime2 = require("react/jsx-runtime");
     NativeWebViewComponent = null;
     nativeWebViewLookupFailed = false;
     webViewEmitter = null;
-    styles = import_react_native14.StyleSheet.create({
+    styles2 = import_react_native15.StyleSheet.create({
       container: { flex: 1 },
       webview: { flex: 1, backgroundColor: "transparent" }
     });
@@ -3763,7 +3858,7 @@ function mapNativePurchase(native) {
     transactionId: native.transactionId,
     transactionDate: native.transactionDate,
     receipt: native.receipt,
-    platform: import_react_native15.Platform.OS
+    platform: import_react_native16.Platform.OS
   };
 }
 function normalizeTransactionUpdate(raw) {
@@ -3783,17 +3878,17 @@ function normalizeTransactionUpdate(raw) {
   if (typeof r.currency === "string") update.currency = r.currency;
   return update;
 }
-var import_react_native15, TRANSACTION_UPDATE_EVENT, PaywalloStoreKitNative, nativeStoreKit, NativeStoreKit;
+var import_react_native16, TRANSACTION_UPDATE_EVENT, PaywalloStoreKitNative, nativeStoreKit, NativeStoreKit;
 var init_NativeStoreKit = __esm({
   "src/domains/iap/NativeStoreKit.ts"() {
     "use strict";
-    import_react_native15 = require("react-native");
+    import_react_native16 = require("react-native");
     init_PaywalloClient();
     init_uuid();
     init_IdentityManager();
     init_PurchaseError();
     TRANSACTION_UPDATE_EVENT = "PaywalloTransactionUpdate";
-    PaywalloStoreKitNative = import_react_native15.NativeModules.PaywalloStoreKit ?? null;
+    PaywalloStoreKitNative = import_react_native16.NativeModules.PaywalloStoreKit ?? null;
     nativeStoreKit = {
       isAvailable: isAvailable3,
       async getProducts(productIds) {
@@ -3862,7 +3957,7 @@ var init_NativeStoreKit = __esm({
       subscribeToTransactionUpdates(listener) {
         if (!PaywalloStoreKitNative) return null;
         try {
-          const EmitterCtor = import_react_native15.NativeEventEmitter;
+          const EmitterCtor = import_react_native16.NativeEventEmitter;
           const emitter = new EmitterCtor(PaywalloStoreKitNative);
           const sub = emitter.addListener(TRANSACTION_UPDATE_EVENT, (payload) => {
             const update = normalizeTransactionUpdate(payload);
@@ -4518,11 +4613,11 @@ var init_types2 = __esm({
 });
 
 // src/core/network/NetworkMonitor.ts
-var import_react_native16, NetworkMonitorClass, networkMonitor;
+var import_react_native17, NetworkMonitorClass, networkMonitor;
 var init_NetworkMonitor = __esm({
   "src/core/network/NetworkMonitor.ts"() {
     "use strict";
-    import_react_native16 = require("react-native");
+    import_react_native17 = require("react-native");
     init_types2();
     NetworkMonitorClass = class {
       constructor() {
@@ -4551,7 +4646,7 @@ var init_NetworkMonitor = __esm({
         }, this.config.checkInterval);
       }
       setupAppStateListener() {
-        this.appStateSubscription = import_react_native16.AppState.addEventListener("change", (state) => {
+        this.appStateSubscription = import_react_native17.AppState.addEventListener("change", (state) => {
           if (state === "active") {
             if (!this.checkIntervalId) {
               this.checkIntervalId = setInterval(() => {
@@ -4920,11 +5015,11 @@ var init_queue = __esm({
 });
 
 // src/domains/iap/IAPValidator.ts
-var import_react_native17, IAPValidator;
+var import_react_native18, IAPValidator;
 var init_IAPValidator = __esm({
   "src/domains/iap/IAPValidator.ts"() {
     "use strict";
-    import_react_native17 = require("react-native");
+    import_react_native18 = require("react-native");
     init_PaywalloClient();
     init_queue();
     init_PurchaseError();
@@ -4950,7 +5045,7 @@ var init_IAPValidator = __esm({
       async validateWithServer(purchase, productId, options) {
         const apiClient = this.getApiClientFn();
         const product = this.getProductFromCache(productId);
-        const platform = import_react_native17.Platform.OS;
+        const platform = import_react_native18.Platform.OS;
         const distinctId = PaywalloClient.getDistinctId();
         return this.validateWithRetry(
           () => apiClient.validatePurchase(
@@ -4985,7 +5080,7 @@ var init_IAPValidator = __esm({
         try {
           const apiClient = this.getApiClientFn();
           const product = this.getProductFromCache(productId);
-          const platform = import_react_native17.Platform.OS;
+          const platform = import_react_native18.Platform.OS;
           const distinctId = PaywalloClient.getDistinctId();
           const appKey = apiClient.getAppKey();
           const body = {
@@ -5025,11 +5120,11 @@ function getIAPService() {
   }
   return _instance;
 }
-var import_react_native18, IAPService, _instance;
+var import_react_native19, IAPService, _instance;
 var init_IAPService = __esm({
   "src/domains/iap/IAPService.ts"() {
     "use strict";
-    import_react_native18 = require("react-native");
+    import_react_native19 = require("react-native");
     init_PaywalloClient();
     init_IAPTransactionEmitter();
     init_IAPValidator();
@@ -5179,7 +5274,7 @@ var init_IAPService = __esm({
           const transactions = await nativeStoreKit.getActiveTransactions();
           const apiClient = this.getApiClient();
           const distinctId = PaywalloClient.getDistinctId();
-          const platform = import_react_native18.Platform.OS;
+          const platform = import_react_native19.Platform.OS;
           const results = await Promise.allSettled(
             transactions.map((tx) => {
               const product = this.productsCache.get(tx.productId);
@@ -5237,11 +5332,11 @@ var init_IAPService = __esm({
 
 // src/domains/paywall/usePaywallTracking.ts
 function usePaywallTracking() {
-  const trackClosed = (0, import_react4.useCallback)(async (opts) => {
+  const trackClosed = (0, import_react5.useCallback)(async (opts) => {
     await emitPaywallClosed(opts);
     await stopHeartbeat();
   }, []);
-  const trackDismissed = (0, import_react4.useCallback)(async (opts) => {
+  const trackDismissed = (0, import_react5.useCallback)(async (opts) => {
     const presentedAt = Date.now() - Math.max(0, opts.duration_ms);
     await trackClosed({
       placement: opts.placement,
@@ -5253,17 +5348,17 @@ function usePaywallTracking() {
       ...opts.variantId && { variantId: opts.variantId }
     });
   }, [trackClosed]);
-  const trackProductSelected = (0, import_react4.useCallback)((_opts) => {
+  const trackProductSelected = (0, import_react5.useCallback)((_opts) => {
   }, []);
-  const trackPurchased = (0, import_react4.useCallback)(async (_opts) => {
+  const trackPurchased = (0, import_react5.useCallback)(async (_opts) => {
   }, []);
   return { trackClosed, trackDismissed, trackProductSelected, trackPurchased };
 }
-var import_react4;
+var import_react5;
 var init_usePaywallTracking = __esm({
   "src/domains/paywall/usePaywallTracking.ts"() {
     "use strict";
-    import_react4 = require("react");
+    import_react5 = require("react");
     init_emitPaywallClosed();
     init_paywallHeartbeat();
   }
@@ -5271,19 +5366,19 @@ var init_usePaywallTracking = __esm({
 
 // src/domains/paywall/usePaywallActions.ts
 function usePaywallActions(placement, paywallConfig, onResult, variantKey, campaignId, openAnim, variantId) {
-  const [isPurchasing, setIsPurchasing] = (0, import_react5.useState)(false);
-  const isPurchasingRef = (0, import_react5.useRef)(false);
-  const [isClosing, setIsClosing] = (0, import_react5.useState)(false);
-  const slideAnim = (0, import_react5.useRef)(new import_react_native19.Animated.Value(0)).current;
-  const presentedAtRef = (0, import_react5.useRef)(Date.now());
-  const closedRef = (0, import_react5.useRef)(false);
+  const [isPurchasing, setIsPurchasing] = (0, import_react6.useState)(false);
+  const isPurchasingRef = (0, import_react6.useRef)(false);
+  const [isClosing, setIsClosing] = (0, import_react6.useState)(false);
+  const slideAnim = (0, import_react6.useRef)(new import_react_native20.Animated.Value(0)).current;
+  const presentedAtRef = (0, import_react6.useRef)(Date.now());
+  const closedRef = (0, import_react6.useRef)(false);
   const { trackDismissed, trackProductSelected, trackPurchased } = usePaywallTracking();
-  const closeWithReason = (0, import_react5.useCallback)((reason, resultOverride) => {
+  const closeWithReason = (0, import_react6.useCallback)((reason, resultOverride) => {
     if (closedRef.current) return;
     closedRef.current = true;
     const animTarget = openAnim ?? slideAnim;
-    import_react_native19.Animated.timing(animTarget, {
-      toValue: import_react_native19.Dimensions.get("window").height,
+    import_react_native20.Animated.timing(animTarget, {
+      toValue: import_react_native20.Dimensions.get("window").height,
       duration: 350,
       useNativeDriver: true
     }).start(() => {
@@ -5297,13 +5392,13 @@ function usePaywallActions(placement, paywallConfig, onResult, variantKey, campa
       onResult(resultOverride ?? { presented: true, purchased: false, cancelled: true, restored: false });
     });
   }, [openAnim, slideAnim, paywallConfig, placement, trackDismissed, variantKey, campaignId, variantId, onResult]);
-  const handleClose = (0, import_react5.useCallback)(() => {
+  const handleClose = (0, import_react6.useCallback)(() => {
     if (isClosing) return;
     setIsClosing(true);
     closeWithReason("dismissed");
   }, [isClosing, closeWithReason]);
-  (0, import_react5.useEffect)(() => {
-    const sub = import_react_native19.AppState.addEventListener("change", (nextState) => {
+  (0, import_react6.useEffect)(() => {
+    const sub = import_react_native20.AppState.addEventListener("change", (nextState) => {
       if (isPurchasingRef.current) return;
       if (nextState === "background" || nextState === "inactive") {
         closeWithReason("backgrounded");
@@ -5311,13 +5406,13 @@ function usePaywallActions(placement, paywallConfig, onResult, variantKey, campa
     });
     return () => sub.remove();
   }, [closeWithReason]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const timer = setTimeout(() => {
       closeWithReason("timeout");
     }, PAYWALL_TIMEOUT_MS);
     return () => clearTimeout(timer);
   }, [closeWithReason]);
-  const handlePurchase = (0, import_react5.useCallback)(async (productId) => {
+  const handlePurchase = (0, import_react6.useCallback)(async (productId) => {
     if (isPurchasing) return;
     setIsPurchasing(true);
     isPurchasingRef.current = true;
@@ -5347,7 +5442,7 @@ function usePaywallActions(placement, paywallConfig, onResult, variantKey, campa
       setIsPurchasing(false);
     }
   }, [isPurchasing, onResult, paywallConfig, placement, trackDismissed, trackProductSelected, trackPurchased, variantKey, campaignId, variantId]);
-  const handleRestore = (0, import_react5.useCallback)(async () => {
+  const handleRestore = (0, import_react6.useCallback)(async () => {
     if (isPurchasing) return;
     setIsPurchasing(true);
     isPurchasingRef.current = true;
@@ -5371,12 +5466,12 @@ function usePaywallActions(placement, paywallConfig, onResult, variantKey, campa
   }, [isPurchasing, onResult, paywallConfig, placement, trackDismissed, variantKey, campaignId, variantId]);
   return { isPurchasing, slideAnim, handleClose, handlePurchase, handleRestore };
 }
-var import_react5, import_react_native19, PAYWALL_TIMEOUT_MS;
+var import_react6, import_react_native20, PAYWALL_TIMEOUT_MS;
 var init_usePaywallActions = __esm({
   "src/domains/paywall/usePaywallActions.ts"() {
     "use strict";
-    import_react5 = require("react");
-    import_react_native19 = require("react-native");
+    import_react6 = require("react");
+    import_react_native20 = require("react-native");
     init_IAPService();
     init_usePaywallTracking();
     PAYWALL_TIMEOUT_MS = 30 * 60 * 1e3;
@@ -5385,15 +5480,15 @@ var init_usePaywallActions = __esm({
 
 // src/domains/paywall/usePaywallLoader.ts
 function usePaywallLoader(placement, visible, preloadedConfig, preloadedProducts, variantKey, campaignId, variantId) {
-  const [error, setError] = (0, import_react6.useState)(null);
-  const [paywallConfig, setPaywallConfig] = (0, import_react6.useState)(null);
-  const [products, setProducts] = (0, import_react6.useState)(/* @__PURE__ */ new Map());
-  const preloadedConfigRef = (0, import_react6.useRef)(preloadedConfig);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const [paywallConfig, setPaywallConfig] = (0, import_react7.useState)(null);
+  const [products, setProducts] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
+  const preloadedConfigRef = (0, import_react7.useRef)(preloadedConfig);
   preloadedConfigRef.current = preloadedConfig;
-  const preloadedProductsRef = (0, import_react6.useRef)(preloadedProducts);
+  const preloadedProductsRef = (0, import_react7.useRef)(preloadedProducts);
   preloadedProductsRef.current = preloadedProducts;
-  const trackingDoneRef = (0, import_react6.useRef)(false);
-  (0, import_react6.useEffect)(() => {
+  const trackingDoneRef = (0, import_react7.useRef)(false);
+  (0, import_react7.useEffect)(() => {
     if (!visible) {
       trackingDoneRef.current = false;
       return;
@@ -5478,11 +5573,11 @@ function usePaywallLoader(placement, visible, preloadedConfig, preloadedProducts
   }, [placement, visible, variantKey, campaignId, variantId]);
   return { paywallConfig, products, error };
 }
-var import_react6;
+var import_react7;
 var init_usePaywallLoader = __esm({
   "src/domains/paywall/usePaywallLoader.ts"() {
     "use strict";
-    import_react6 = require("react");
+    import_react7 = require("react");
     init_PaywalloClient();
     init_IAPService();
     init_PaywallError();
@@ -5495,11 +5590,11 @@ function ErrorFallback({ description, onRetry, onClose }) {
   const title = overrides?.title ?? getSdkString("paywallErrorTitle");
   const retryLabel = overrides?.retry ?? getSdkString("paywallRetryButton");
   const closeLabel = overrides?.close ?? getSdkString("paywallCloseButton");
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.View, { style: styles2.fallbackContainer, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native20.View, { style: styles2.fallbackCard, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Text, { style: styles2.fallbackTitle, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Text, { style: styles2.fallbackDescription, children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Pressable, { style: styles2.retryButton, onPress: onRetry, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Text, { style: styles2.retryButtonText, children: retryLabel }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Pressable, { style: styles2.closeButton, onPress: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Text, { style: styles2.closeButtonText, children: closeLabel }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.View, { style: styles3.fallbackContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native21.View, { style: styles3.fallbackCard, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Text, { style: styles3.fallbackTitle, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Text, { style: styles3.fallbackDescription, children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Pressable, { style: styles3.retryButton, onPress: onRetry, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Text, { style: styles3.retryButtonText, children: retryLabel }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Pressable, { style: styles3.closeButton, onPress: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Text, { style: styles3.closeButtonText, children: closeLabel }) })
   ] }) });
 }
 function PaywallModal({
@@ -5521,18 +5616,20 @@ function PaywallModal({
     campaignId,
     variantId
   );
-  const screenHeight = import_react_native20.Dimensions.get("window").height;
-  const openAnim = (0, import_react7.useRef)(new import_react_native20.Animated.Value(screenHeight)).current;
-  const [modalVisible, setModalVisible] = (0, import_react7.useState)(false);
-  const handleResult = (0, import_react7.useCallback)((result) => {
+  const screenHeight = import_react_native21.Dimensions.get("window").height;
+  const openAnim = (0, import_react8.useRef)(new import_react_native21.Animated.Value(screenHeight)).current;
+  const [modalVisible, setModalVisible] = (0, import_react8.useState)(false);
+  const handleResult = (0, import_react8.useCallback)((result) => {
     setModalVisible(false);
     onResult(result);
   }, [onResult]);
   const { isPurchasing, slideAnim, handleClose, handlePurchase, handleRestore } = usePaywallActions(placement, paywallConfig, handleResult, variantKey, campaignId, openAnim, variantId);
-  const [webViewError, setWebViewError] = (0, import_react7.useState)(null);
-  const [retryCount, setRetryCount] = (0, import_react7.useState)(0);
-  const retryCountRef = (0, import_react7.useRef)(0);
-  const handleWebViewError = (0, import_react7.useCallback)(
+  const [webViewError, setWebViewError] = (0, import_react8.useState)(null);
+  const [retryCount, setRetryCount] = (0, import_react8.useState)(0);
+  const [showSkeleton, setShowSkeleton] = (0, import_react8.useState)(true);
+  const skeletonOpacity = (0, import_react8.useRef)(new import_react_native21.Animated.Value(1)).current;
+  const retryCountRef = (0, import_react8.useRef)(0);
+  const handleWebViewError = (0, import_react8.useCallback)(
     (err) => {
       if (retryCountRef.current >= 1) {
         setWebViewError({ code: err.code, description: err.description });
@@ -5543,26 +5640,44 @@ function PaywallModal({
     },
     []
   );
-  const handleRetry = (0, import_react7.useCallback)(() => {
+  const handleRetry = (0, import_react8.useCallback)(() => {
     retryCountRef.current = 0;
     setWebViewError(null);
     setRetryCount(0);
-  }, []);
-  (0, import_react7.useEffect)(() => {
+    setShowSkeleton(true);
+    skeletonOpacity.setValue(1);
+  }, [skeletonOpacity]);
+  const handleWebViewReady = (0, import_react8.useCallback)(() => {
+    import_react_native21.Animated.timing(skeletonOpacity, {
+      toValue: 0,
+      duration: 250,
+      easing: import_react_native21.Easing.out(import_react_native21.Easing.cubic),
+      useNativeDriver: true
+    }).start(() => setShowSkeleton(false));
+  }, [skeletonOpacity]);
+  (0, import_react8.useEffect)(() => {
+    if (!visible || !showSkeleton) return;
+    const timer = setTimeout(handleWebViewReady, 8e3);
+    return () => clearTimeout(timer);
+  }, [visible, showSkeleton, handleWebViewReady]);
+  (0, import_react8.useEffect)(() => {
     if (visible) {
       setModalVisible(true);
-      openAnim.setValue(import_react_native20.Dimensions.get("window").height);
-      import_react_native20.Animated.timing(openAnim, {
+      setShowSkeleton(true);
+      skeletonOpacity.setValue(1);
+      openAnim.setValue(import_react_native21.Dimensions.get("window").height);
+      import_react_native21.Animated.timing(openAnim, {
         toValue: 0,
         duration: 550,
-        easing: import_react_native20.Easing.out(import_react_native20.Easing.cubic),
+        easing: import_react_native21.Easing.out(import_react_native21.Easing.cubic),
         useNativeDriver: true
       }).start();
     }
-  }, [visible, openAnim]);
+  }, [visible, openAnim, skeletonOpacity]);
   if (!modalVisible && !visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native20.Modal,
+  const skeletonBackground = paywallConfig && "craftData" in paywallConfig.config ? extractFirstPageBackground(paywallConfig.config.craftData) : "#FFFFFF";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_native21.Modal,
     {
       visible: modalVisible,
       animationType: "none",
@@ -5570,16 +5685,16 @@ function PaywallModal({
       onRequestClose: handleClose,
       transparent: true,
       statusBarTranslucent: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.View, { style: styles2.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Animated.View, { style: [styles2.animatedContainer, { transform: [{ translateY: openAnim }] }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native20.View, { style: styles2.container, children: [
-        error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.View, { style: styles2.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native20.Text, { style: styles2.errorText, children: error.message }) }),
-        !error && paywallConfig && "craftData" in paywallConfig.config && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: webViewError ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.View, { style: styles3.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Animated.View, { style: [styles3.animatedContainer, { transform: [{ translateY: openAnim }] }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native21.View, { style: styles3.container, children: [
+        error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.View, { style: styles3.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native21.Text, { style: styles3.errorText, children: error.message }) }),
+        !error && paywallConfig && "craftData" in paywallConfig.config && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: webViewError ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           ErrorFallback,
           {
             description: webViewError.description,
             onRetry: handleRetry,
             onClose: handleClose
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           PaywallWebView,
           {
             paywallId: paywallConfig.id,
@@ -5588,30 +5703,41 @@ function PaywallModal({
             primaryProductId: paywallConfig.primaryProductId,
             secondaryProductId: paywallConfig.secondaryProductId,
             isPurchasing,
+            onReady: handleWebViewReady,
             onClose: handleClose,
             onPurchase: handlePurchase,
             onRestore: handleRestore,
             onError: handleWebViewError
           },
           retryCount
-        ) })
+        ) }),
+        showSkeleton && !error && !webViewError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native21.Animated.View,
+          {
+            style: [import_react_native21.StyleSheet.absoluteFill, { opacity: skeletonOpacity }],
+            pointerEvents: "none",
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaywallSkeleton, { backgroundColor: skeletonBackground })
+          }
+        )
       ] }) }) })
     }
   );
 }
-var import_react7, import_react_native20, import_jsx_runtime2, styles2;
+var import_react8, import_react_native21, import_jsx_runtime3, styles3;
 var init_PaywallModal = __esm({
   "src/domains/paywall/PaywallModal.tsx"() {
     "use strict";
-    import_react7 = require("react");
-    import_react_native20 = require("react-native");
+    import_react8 = require("react");
+    import_react_native21 = require("react-native");
     init_PaywalloClient();
     init_localization();
+    init_extractFirstPageBackground();
+    init_PaywallSkeleton();
     init_PaywallWebView();
     init_usePaywallActions();
     init_usePaywallLoader();
-    import_jsx_runtime2 = require("react/jsx-runtime");
-    styles2 = import_react_native20.StyleSheet.create({
+    import_jsx_runtime3 = require("react/jsx-runtime");
+    styles3 = import_react_native21.StyleSheet.create({
       overlay: { flex: 1, backgroundColor: "rgba(0,0,0,0.3)" },
       animatedContainer: { flex: 1, backgroundColor: "#fff" },
       container: { flex: 1, backgroundColor: "#fff" },
@@ -5667,12 +5793,175 @@ 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 (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
+function getNativeWebView2() {
+  if (NativeWebViewComponent2) return NativeWebViewComponent2;
+  if (nativeLookupFailed) return null;
+  try {
+    NativeWebViewComponent2 = (0, import_react_native22.requireNativeComponent)("PaywalloWebView");
+    return NativeWebViewComponent2;
+  } catch {
+    nativeLookupFailed = true;
+    return null;
+  }
+}
+function PaywallWebViewPrewarmer({
+  webUrl,
+  durationMs = DEFAULT_DURATION_MS
+}) {
+  const NativeWebView = (0, import_react9.useMemo)(() => getNativeWebView2(), []);
+  const [mounted, setMounted] = (0, import_react9.useState)(true);
+  (0, import_react9.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime4.jsx)(import_react_native22.View, { pointerEvents: "none", style: styles4.hidden, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NativeWebView, { sourceUrl: preheatUrl, style: styles4.fill }) });
+}
+var import_react9, import_react_native22, import_jsx_runtime4, NativeWebViewComponent2, nativeLookupFailed, DEFAULT_DURATION_MS, styles4;
+var init_PaywallWebViewPrewarmer = __esm({
+  "src/domains/paywall/PaywallWebViewPrewarmer.tsx"() {
+    "use strict";
+    import_react9 = require("react");
+    import_react_native22 = require("react-native");
+    init_PaywalloClient();
+    import_jsx_runtime4 = require("react/jsx-runtime");
+    NativeWebViewComponent2 = null;
+    nativeLookupFailed = false;
+    DEFAULT_DURATION_MS = 60 * 1e3;
+    styles4 = import_react_native22.StyleSheet.create({
+      hidden: {
+        height: 1,
+        left: -9999,
+        opacity: 0,
+        position: "absolute",
+        top: -9999,
+        width: 1
+      },
+      fill: { flex: 1 }
+    });
+  }
+});
+
 // src/domains/paywall/usePaywallSession.ts
 function usePaywallSession(options) {
-  const closedRef = (0, import_react8.useRef)(false);
-  const optsRef = (0, import_react8.useRef)(options);
+  const closedRef = (0, import_react10.useRef)(false);
+  const optsRef = (0, import_react10.useRef)(options);
   optsRef.current = options;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!options) return;
     closedRef.current = false;
     startHeartbeat({
@@ -5702,16 +5991,16 @@ function usePaywallSession(options) {
       });
     };
   }, [options?.paywallId, options?.placement]);
-  const markClosed = (0, import_react8.useCallback)(() => {
+  const markClosed = (0, import_react10.useCallback)(() => {
     closedRef.current = true;
   }, []);
   return { markClosed };
 }
-var import_react8;
+var import_react10;
 var init_usePaywallSession = __esm({
   "src/domains/paywall/usePaywallSession.ts"() {
     "use strict";
-    import_react8 = require("react");
+    import_react10 = require("react");
     init_emitPaywallClosed();
     init_paywallHeartbeat();
   }
@@ -5719,9 +6008,9 @@ var init_usePaywallSession = __esm({
 
 // src/domains/paywall/usePaywallPresenter.ts
 function usePaywallPresenter(preloadedWebView, setPreloadedWebView) {
-  const [showingPreloadedWebView, setShowingPreloadedWebView] = (0, import_react9.useState)(false);
-  const resolverRef = (0, import_react9.useRef)(null);
-  const presentedAtRef = (0, import_react9.useRef)(Date.now());
+  const [showingPreloadedWebView, setShowingPreloadedWebView] = (0, import_react11.useState)(false);
+  const resolverRef = (0, import_react11.useRef)(null);
+  const presentedAtRef = (0, import_react11.useRef)(Date.now());
   const sessionOpts = showingPreloadedWebView && preloadedWebView ? {
     placement: preloadedWebView.placement,
     paywallId: preloadedWebView.paywallId,
@@ -5731,7 +6020,7 @@ function usePaywallPresenter(preloadedWebView, setPreloadedWebView) {
     ...preloadedWebView.campaignId && { campaignId: preloadedWebView.campaignId }
   } : null;
   const { markClosed } = usePaywallSession(sessionOpts);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     return () => {
       if (resolverRef.current) {
         resolverRef.current({ presented: false, purchased: false, cancelled: true, restored: false });
@@ -5740,7 +6029,7 @@ function usePaywallPresenter(preloadedWebView, setPreloadedWebView) {
       setShowingPreloadedWebView(false);
     };
   }, []);
-  const presentPreloadedWebView = (0, import_react9.useCallback)(() => {
+  const presentPreloadedWebView = (0, import_react11.useCallback)(() => {
     return new Promise((resolve) => {
       resolverRef.current = resolve;
       presentedAtRef.current = Date.now();
@@ -5774,16 +6063,16 @@ function usePaywallPresenter(preloadedWebView, setPreloadedWebView) {
       }
     });
   }, [preloadedWebView]);
-  const resolvePreloadedPaywall = (0, import_react9.useCallback)((result) => {
+  const resolvePreloadedPaywall = (0, import_react11.useCallback)((result) => {
     if (resolverRef.current) {
       resolverRef.current(result);
       resolverRef.current = null;
     }
   }, []);
-  const handlePreloadedWebViewReady = (0, import_react9.useCallback)(() => {
+  const handlePreloadedWebViewReady = (0, import_react11.useCallback)(() => {
     setPreloadedWebView((prev) => prev ? { ...prev, loaded: true } : null);
   }, [setPreloadedWebView]);
-  const handlePreloadedClose = (0, import_react9.useCallback)(() => {
+  const handlePreloadedClose = (0, import_react11.useCallback)(() => {
     if (preloadedWebView) {
       markClosed();
       void emitPaywallClosed({
@@ -5801,11 +6090,11 @@ function usePaywallPresenter(preloadedWebView, setPreloadedWebView) {
   }, [preloadedWebView, markClosed, resolvePreloadedPaywall]);
   return { showingPreloadedWebView, presentPreloadedWebView, resolvePreloadedPaywall, handlePreloadedWebViewReady, handlePreloadedClose, setShowingPreloadedWebView, presentedAtRef };
 }
-var import_react9;
+var import_react11;
 var init_usePaywallPresenter = __esm({
   "src/domains/paywall/usePaywallPresenter.ts"() {
     "use strict";
-    import_react9 = require("react");
+    import_react11 = require("react");
     init_PaywalloClient();
     init_emitPaywallClosed();
     init_usePaywallSession();
@@ -5820,7 +6109,9 @@ var init_paywall = __esm({
     init_PaywallError();
     init_PaywallErrorBoundary();
     init_PaywallModal();
+    init_PaywallPreloadService();
     init_PaywallWebView();
+    init_PaywallWebViewPrewarmer();
     init_usePaywallPresenter();
     init_usePaywallTracking();
   }
@@ -7146,7 +7437,7 @@ function buildV2Envelope(events, providerContext) {
     };
   });
   if (context.sdk_version === void 0) context.sdk_version = SDK_VERSION;
-  if (context.platform === void 0) context.platform = import_react_native21.Platform.OS;
+  if (context.platform === void 0) context.platform = import_react_native23.Platform.OS;
   if (context.distinct_id === void 0 && events.length > 0) {
     context.distinct_id = events[0].distinctId;
   }
@@ -7186,11 +7477,11 @@ function splitPayloadAndContext(properties) {
   }
   return { payload, promoted };
 }
-var import_react_native21, import_zod2, v2EventSchema, v2ContextSchema, v2EnvelopeSchema, CONTEXT_KEY_ALIASES;
+var import_react_native23, import_zod2, v2EventSchema, v2ContextSchema, v2EnvelopeSchema, CONTEXT_KEY_ALIASES;
 var init_eventEnvelopeV2 = __esm({
   "src/core/eventEnvelopeV2.ts"() {
     "use strict";
-    import_react_native21 = require("react-native");
+    import_react_native23 = require("react-native");
     import_zod2 = require("zod");
     init_uuid();
     init_eventFamilies();
@@ -7260,11 +7551,11 @@ var init_events = __esm({
 });
 
 // src/core/EventBatcher.ts
-var import_react_native22, BATCH_MAX_SIZE, BATCH_FLUSH_MS, EVENT_NAME_REGEX, V2_BATCH_ENDPOINT, EventBatcher;
+var import_react_native24, BATCH_MAX_SIZE, BATCH_FLUSH_MS, EVENT_NAME_REGEX, V2_BATCH_ENDPOINT, EventBatcher;
 var init_EventBatcher = __esm({
   "src/core/EventBatcher.ts"() {
     "use strict";
-    import_react_native22 = require("react-native");
+    import_react_native24 = require("react-native");
     init_eventEnvelopeV2();
     init_events();
     BATCH_MAX_SIZE = 25;
@@ -7313,7 +7604,7 @@ var init_EventBatcher = __esm({
         const event = {
           eventName,
           distinctId,
-          properties: { ...properties, platform: import_react_native22.Platform.OS },
+          properties: { ...properties, platform: import_react_native24.Platform.OS },
           timestamp: timestamp ?? Date.now(),
           environment: environment.toLowerCase()
         };
@@ -7639,11 +7930,11 @@ var init_http = __esm({
 });
 
 // src/core/ApiClient.ts
-var import_react_native23, ApiClient;
+var import_react_native25, ApiClient;
 var init_ApiClient = __esm({
   "src/core/ApiClient.ts"() {
     "use strict";
-    import_react_native23 = require("react-native");
+    import_react_native25 = require("react-native");
     init_apiPurchaseMethods();
     init_ApiCache();
     init_ApiClientFlags();
@@ -7745,7 +8036,7 @@ var init_ApiClient = __esm({
       buildSdkHeaders() {
         return {
           "x-sdk-version": SDK_VERSION,
-          "x-sdk-platform": import_react_native23.Platform.OS,
+          "x-sdk-platform": import_react_native25.Platform.OS,
           "x-sdk-environment": this.environment
         };
       }
@@ -7775,7 +8066,7 @@ var init_ApiClient = __esm({
             message,
             context,
             sdkVersion: SDK_VERSION,
-            platform: import_react_native23.Platform.OS
+            platform: import_react_native25.Platform.OS
           }, true);
         } catch (err) {
           if (this.debug) console.log("[Paywallo:ApiClient] reportError failed", err);
@@ -7793,7 +8084,7 @@ var init_ApiClient = __esm({
       async identify(distinctId, properties, email, deviceId, pii) {
         const rawTraits = {
           email: email || void 0,
-          platform: import_react_native23.Platform.OS,
+          platform: import_react_native25.Platform.OS,
           name: properties?.name,
           country: properties?.country,
           locale: properties?.locale,
@@ -8089,12 +8380,12 @@ async function detectEnvironment() {
     return cached;
   }
 }
-var import_react_native24, nativeModule, cached;
+var import_react_native26, nativeModule, cached;
 var init_detectEnvironment = __esm({
   "src/utils/detectEnvironment.ts"() {
     "use strict";
-    import_react_native24 = require("react-native");
-    nativeModule = import_react_native24.NativeModules.PaywalloEnv ?? null;
+    import_react_native26 = require("react-native");
+    nativeModule = import_react_native26.NativeModules.PaywalloEnv ?? null;
     cached = null;
   }
 });
@@ -8276,10 +8567,10 @@ async function doInit(state, config) {
     let screenHeight;
     let screenDensity;
     try {
-      const screen = import_react_native25.Dimensions.get("screen");
+      const screen = import_react_native27.Dimensions.get("screen");
       screenWidth = Math.round(screen.width) || void 0;
       screenHeight = Math.round(screen.height) || void 0;
-      screenDensity = import_react_native25.PixelRatio.get() || void 0;
+      screenDensity = import_react_native27.PixelRatio.get() || void 0;
     } catch {
     }
     return {
@@ -8346,11 +8637,11 @@ async function doInit(state, config) {
   setupAutoPreload(state, apiClient, config, distinctId);
   startBatchPreload(apiClient, config.debug);
 }
-var import_react_native25;
+var import_react_native27;
 var init_PaywalloInitializer = __esm({
   "src/core/PaywalloInitializer.ts"() {
     "use strict";
-    import_react_native25 = require("react-native");
+    import_react_native27 = require("react-native");
     init_identity();
     init_AdvertisingIdManager();
     init_DeepLinkAttributionCapture();
@@ -8393,6 +8684,7 @@ async function doFullReset(state) {
   offlineQueue.dispose();
   networkMonitor.dispose();
   campaignGateService.clearPreloaded();
+  paywallPreloadService.clear();
   await notificationsManager.invalidateLocalToken().catch(() => void 0);
   notificationsManager.destroy();
   deepLinkAttributionCapture.stop();
@@ -8427,6 +8719,7 @@ var init_PaywalloLifecycle = __esm({
     init_identity();
     init_DeepLinkAttributionCapture();
     init_notifications();
+    init_paywall();
     init_session();
     init_SubscriptionCache();
     init_network();
@@ -8730,6 +9023,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;
       }
@@ -8775,7 +9077,7 @@ __export(OfferingService_exports, {
   offeringService: () => offeringService
 });
 function resolveProductId(raw) {
-  const isIos = import_react_native26.Platform.OS === "ios";
+  const isIos = import_react_native28.Platform.OS === "ios";
   const productId = isIos ? raw.apple_product_id : raw.google_product_id;
   return productId ?? "";
 }
@@ -8794,7 +9096,7 @@ function mapProduct2(raw) {
   };
 }
 function pickPlatformProduct(products) {
-  const isIos = import_react_native26.Platform.OS === "ios";
+  const isIos = import_react_native28.Platform.OS === "ios";
   const match = products.find((p) => isIos ? p.apple_product_id : p.google_product_id);
   return match ?? products[0] ?? null;
 }
@@ -8810,11 +9112,11 @@ function mapOffering(raw) {
     product: mapProduct2(rawProduct)
   };
 }
-var import_react_native26, OFFERINGS_CACHE_KEY, DEFAULT_TTL3, OfferingService, offeringService;
+var import_react_native28, OFFERINGS_CACHE_KEY, DEFAULT_TTL3, OfferingService, offeringService;
 var init_OfferingService = __esm({
   "src/domains/offering/OfferingService.ts"() {
     "use strict";
-    import_react_native26 = require("react-native");
+    import_react_native28 = require("react-native");
     init_SecureStorage();
     OFFERINGS_CACHE_KEY = "@paywallo:offerings_cache";
     DEFAULT_TTL3 = 5 * 60 * 1e3;
@@ -8975,8 +9277,8 @@ module.exports = __toCommonJS(index_exports);
 init_PaywalloClient();
 
 // src/context/PaywalloContext.ts
-var import_react10 = require("react");
-var PaywalloContext = (0, import_react10.createContext)(null);
+var import_react12 = require("react");
+var PaywalloContext = (0, import_react12.createContext)(null);
 
 // src/index.ts
 init_ApiClient();
@@ -9021,7 +9323,7 @@ init_session();
 init_PaywalloError();
 
 // src/hooks/useOfferingPurchase.ts
-var import_react11 = require("react");
+var import_react13 = require("react");
 
 // src/domains/plan/invalidateCache.ts
 async function invalidatePlanCache() {
@@ -9034,8 +9336,8 @@ async function invalidatePlanCache() {
 
 // src/hooks/useOfferingPurchase.ts
 function useOfferingPurchase() {
-  const [state, setState] = (0, import_react11.useState)("idle");
-  const purchase = (0, import_react11.useCallback)(async (productId) => {
+  const [state, setState] = (0, import_react13.useState)("idle");
+  const purchase = (0, import_react13.useCallback)(async (productId) => {
     setState("purchasing");
     try {
       const iapService = getIAPService();
@@ -9059,7 +9361,7 @@ function useOfferingPurchase() {
 }
 
 // src/hooks/useOfferings.ts
-var import_react12 = require("react");
+var import_react14 = require("react");
 async function getOfferingService() {
   try {
     const mod = await Promise.resolve().then(() => (init_OfferingService(), OfferingService_exports));
@@ -9069,10 +9371,10 @@ async function getOfferingService() {
   }
 }
 function useOfferings(ids) {
-  const [offerings, setOfferings] = (0, import_react12.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react12.useState)(true);
+  const [offerings, setOfferings] = (0, import_react14.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react14.useState)(true);
   const idsKey = ids?.join(",") ?? "";
-  const fetchOfferings = (0, import_react12.useCallback)(async () => {
+  const fetchOfferings = (0, import_react14.useCallback)(async () => {
     setIsLoading(true);
     try {
       const service = await getOfferingService();
@@ -9088,25 +9390,25 @@ function useOfferings(ids) {
       setIsLoading(false);
     }
   }, [idsKey]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     void fetchOfferings();
   }, [fetchOfferings]);
   return { offerings, isLoading };
 }
 
 // src/hooks/useOnboarding.ts
-var import_react13 = require("react");
+var import_react15 = require("react");
 init_onboarding();
 function useOnboarding() {
-  const step = (0, import_react13.useCallback)(
+  const step = (0, import_react15.useCallback)(
     (stepName) => onboardingManager.step(stepName),
     []
   );
-  const complete = (0, import_react13.useCallback)(
+  const complete = (0, import_react15.useCallback)(
     () => onboardingManager.complete(),
     []
   );
-  const drop = (0, import_react13.useCallback)(
+  const drop = (0, import_react15.useCallback)(
     (stepName) => onboardingManager.drop(stepName),
     []
   );
@@ -9114,10 +9416,10 @@ function useOnboarding() {
 }
 
 // src/hooks/usePaywallo.ts
-var import_react14 = require("react");
+var import_react16 = require("react");
 init_ClientError();
 function usePaywallo() {
-  const context = (0, import_react14.useContext)(PaywalloContext);
+  const context = (0, import_react16.useContext)(PaywalloContext);
   if (!context) {
     throw new ClientError(CLIENT_ERROR_CODES.PROVIDER_MISSING, "usePaywallo must be used within a PaywalloProvider");
   }
@@ -9125,11 +9427,11 @@ function usePaywallo() {
 }
 
 // src/hooks/usePlanPurchase.ts
-var import_react15 = require("react");
+var import_react17 = require("react");
 function usePlanPurchase() {
-  const [state, setState] = (0, import_react15.useState)("idle");
-  const [error, setError] = (0, import_react15.useState)(null);
-  const purchase = (0, import_react15.useCallback)(async (productId) => {
+  const [state, setState] = (0, import_react17.useState)("idle");
+  const [error, setError] = (0, import_react17.useState)(null);
+  const purchase = (0, import_react17.useCallback)(async (productId) => {
     setState("purchasing");
     setError(null);
     try {
@@ -9152,7 +9454,7 @@ function usePlanPurchase() {
       return { success: false, error: purchaseError };
     }
   }, []);
-  const restore = (0, import_react15.useCallback)(async () => {
+  const restore = (0, import_react17.useCallback)(async () => {
     setState("restoring");
     setError(null);
     try {
@@ -9181,7 +9483,7 @@ function usePlanPurchase() {
 }
 
 // src/hooks/usePlans.ts
-var import_react16 = require("react");
+var import_react18 = require("react");
 async function getPlanService() {
   try {
     const mod = await Promise.resolve().then(() => (init_PlanService(), PlanService_exports));
@@ -9191,11 +9493,11 @@ async function getPlanService() {
   }
 }
 function usePlans() {
-  const [allPlans, setAllPlans] = (0, import_react16.useState)([]);
-  const [currentPlan, setCurrentPlan] = (0, import_react16.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react16.useState)(true);
-  const [error, setError] = (0, import_react16.useState)(null);
-  const fetchPlans = (0, import_react16.useCallback)(async (forceRefresh = false) => {
+  const [allPlans, setAllPlans] = (0, import_react18.useState)([]);
+  const [currentPlan, setCurrentPlan] = (0, import_react18.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react18.useState)(true);
+  const [error, setError] = (0, import_react18.useState)(null);
+  const fetchPlans = (0, import_react18.useCallback)(async (forceRefresh = false) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -9216,17 +9518,17 @@ function usePlans() {
       setIsLoading(false);
     }
   }, []);
-  const refresh = (0, import_react16.useCallback)(() => {
+  const refresh = (0, import_react18.useCallback)(() => {
     return fetchPlans(true);
   }, [fetchPlans]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     void fetchPlans(false);
   }, [fetchPlans]);
   return { currentPlan, allPlans, isLoading, error, refresh };
 }
 
 // src/hooks/useProducts.ts
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/utils/productMappers.ts
 function mapToIAPProduct(product) {
@@ -9265,11 +9567,11 @@ function mapToFormattedProduct(product) {
 
 // src/hooks/useProducts.ts
 function useProducts(initialProductIds) {
-  const [products, setProducts] = (0, import_react17.useState)([]);
-  const [formattedProducts, setFormattedProducts] = (0, import_react17.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
-  const [error, setError] = (0, import_react17.useState)(null);
-  const loadProducts = (0, import_react17.useCallback)(async (productIds) => {
+  const [products, setProducts] = (0, import_react19.useState)([]);
+  const [formattedProducts, setFormattedProducts] = (0, import_react19.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react19.useState)(false);
+  const [error, setError] = (0, import_react19.useState)(null);
+  const loadProducts = (0, import_react19.useCallback)(async (productIds) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -9283,24 +9585,24 @@ function useProducts(initialProductIds) {
       setIsLoading(false);
     }
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (initialProductIds && initialProductIds.length > 0) {
       void loadProducts(initialProductIds);
     }
   }, []);
-  const getProduct = (0, import_react17.useCallback)(
+  const getProduct = (0, import_react19.useCallback)(
     (productId) => {
       return products.find((p) => p.productId === productId);
     },
     [products]
   );
-  const getFormattedProduct = (0, import_react17.useCallback)(
+  const getFormattedProduct = (0, import_react19.useCallback)(
     (productId) => {
       return formattedProducts.find((p) => p.productId === productId);
     },
     [formattedProducts]
   );
-  const getPriceInfo = (0, import_react17.useCallback)(
+  const getPriceInfo = (0, import_react19.useCallback)(
     (productId) => {
       const p = formattedProducts.find((fp) => fp.productId === productId);
       if (!p) return void 0;
@@ -9329,14 +9631,14 @@ function useProducts(initialProductIds) {
 }
 
 // src/hooks/usePurchase.ts
-var import_react18 = require("react");
+var import_react20 = require("react");
 function toIAPPurchase(p) {
   return { productId: p.productId, transactionId: p.transactionId, transactionDate: p.transactionDate, transactionReceipt: p.receipt };
 }
 function usePurchase() {
-  const [state, setState] = (0, import_react18.useState)("idle");
-  const [error, setError] = (0, import_react18.useState)(null);
-  const purchase = (0, import_react18.useCallback)(async (productId) => {
+  const [state, setState] = (0, import_react20.useState)("idle");
+  const [error, setError] = (0, import_react20.useState)(null);
+  const purchase = (0, import_react20.useCallback)(async (productId) => {
     setState("purchasing");
     setError(null);
     try {
@@ -9364,7 +9666,7 @@ function usePurchase() {
       return { status: "failed", error: purchaseError };
     }
   }, []);
-  const restore = (0, import_react18.useCallback)(async () => {
+  const restore = (0, import_react20.useCallback)(async () => {
     setState("restoring");
     setError(null);
     try {
@@ -9383,14 +9685,14 @@ function usePurchase() {
 }
 
 // src/hooks/useSubscription.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 init_SubscriptionManager();
 var EMPTY_ENTITLEMENTS = [];
 function useSubscription() {
-  const [status, setStatus] = (0, import_react19.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react19.useState)(true);
-  const [error, setError] = (0, import_react19.useState)(null);
-  const refresh = (0, import_react19.useCallback)(async () => {
+  const [status, setStatus] = (0, import_react21.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react21.useState)(true);
+  const [error, setError] = (0, import_react21.useState)(null);
+  const refresh = (0, import_react21.useCallback)(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -9403,7 +9705,7 @@ function useSubscription() {
       setIsLoading(false);
     }
   }, []);
-  const restore = (0, import_react19.useCallback)(async () => {
+  const restore = (0, import_react21.useCallback)(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -9416,7 +9718,7 @@ function useSubscription() {
       setIsLoading(false);
     }
   }, []);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     void subscriptionManager.getSubscriptionStatus().then((s) => {
       setStatus(s);
       setIsLoading(false);
@@ -9444,63 +9746,257 @@ function useSubscription() {
 }
 
 // src/PaywalloProvider.tsx
-var import_react25 = require("react");
-var import_react_native27 = require("react-native");
+var import_react27 = require("react");
+var import_react_native29 = require("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
-var import_react20 = require("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 = (0, import_react20.useRef)(false);
-  (0, import_react20.useEffect)(() => {
-    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) {
+// 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
+var import_react22 = require("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 = (0, import_react22.useRef)(false);
+  (0, import_react22.useEffect)(() => {
+    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)");
@@ -9525,7 +10021,7 @@ function useAppAutoEvents(config) {
 }
 
 // src/hooks/useCampaignPreload.ts
-var import_react21 = require("react");
+var import_react23 = require("react");
 init_PaywalloClient();
 init_CampaignError();
 
@@ -9596,17 +10092,17 @@ function getCacheEntry(cache, placement) {
 
 // src/hooks/useCampaignPreload.ts
 function useCampaignPreload() {
-  const [preloadedWebView, setPreloadedWebView] = (0, import_react21.useState)(null);
-  const preloadedCampaignsRef = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
-  const isPreloadValid = (0, import_react21.useCallback)(
+  const [preloadedWebView, setPreloadedWebView] = (0, import_react23.useState)(null);
+  const preloadedCampaignsRef = (0, import_react23.useRef)(/* @__PURE__ */ new Map());
+  const isPreloadValid = (0, import_react23.useCallback)(
     (placement) => isCacheEntryValid(preloadedCampaignsRef.current.get(placement)),
     []
   );
-  const consumePreloadedCampaign = (0, import_react21.useCallback)(
+  const consumePreloadedCampaign = (0, import_react23.useCallback)(
     (placement) => getCacheEntry(preloadedCampaignsRef.current, placement),
     []
   );
-  const preloadCampaign = (0, import_react21.useCallback)(
+  const preloadCampaign = (0, import_react23.useCallback)(
     async (placement, context) => {
       try {
         const campaign = await PaywalloClient.getCampaign(placement, context);
@@ -9675,11 +10171,11 @@ function useCampaignPreload() {
 }
 
 // src/hooks/useProductLoader.ts
-var import_react22 = require("react");
+var import_react24 = require("react");
 function useProductLoader() {
-  const [products, setProducts] = (0, import_react22.useState)(/* @__PURE__ */ new Map());
-  const [isLoadingProducts, setIsLoadingProducts] = (0, import_react22.useState)(false);
-  const refreshProducts = (0, import_react22.useCallback)(async (productIds) => {
+  const [products, setProducts] = (0, import_react24.useState)(/* @__PURE__ */ new Map());
+  const [isLoadingProducts, setIsLoadingProducts] = (0, import_react24.useState)(false);
+  const refreshProducts = (0, import_react24.useCallback)(async (productIds) => {
     setIsLoadingProducts(true);
     try {
       const iapService = getIAPService();
@@ -9697,11 +10193,11 @@ function useProductLoader() {
 }
 
 // src/hooks/usePurchaseOrchestrator.ts
-var import_react23 = require("react");
+var import_react25 = require("react");
 init_paywall();
 function usePurchaseOrchestrator(preloadedWebView, resolvePreloadedPaywall, clearPreloadedWebView, setShowingPreloadedWebView, presentedAtRef, invalidateSubscriptionCache) {
   const { trackDismissed, trackProductSelected, trackPurchased } = usePaywallTracking();
-  const handlePreloadedPurchase = (0, import_react23.useCallback)(
+  const handlePreloadedPurchase = (0, import_react25.useCallback)(
     async (productId) => {
       try {
         if (preloadedWebView) {
@@ -9739,7 +10235,7 @@ function usePurchaseOrchestrator(preloadedWebView, resolvePreloadedPaywall, clea
     },
     [preloadedWebView, resolvePreloadedPaywall, clearPreloadedWebView, setShowingPreloadedWebView, presentedAtRef, trackDismissed, trackProductSelected, trackPurchased, invalidateSubscriptionCache]
   );
-  const handlePreloadedRestore = (0, import_react23.useCallback)(async () => {
+  const handlePreloadedRestore = (0, import_react25.useCallback)(async () => {
     try {
       const transactions = await getIAPService().restore();
       if (transactions.length === 0) return;
@@ -9762,7 +10258,7 @@ function usePurchaseOrchestrator(preloadedWebView, resolvePreloadedPaywall, clea
 }
 
 // src/hooks/useSubscriptionSync.ts
-var import_react24 = require("react");
+var import_react26 = require("react");
 init_PaywalloClient();
 init_SubscriptionCache();
 
@@ -9872,18 +10368,18 @@ async function checkPersistedCache(distinctId, onHit) {
 
 // src/hooks/useSubscriptionSync.ts
 function useSubscriptionSync() {
-  const [subscription, setSubscription] = (0, import_react24.useState)(null);
-  const cacheRef = (0, import_react24.useRef)(null);
-  const setCacheAndState = (0, import_react24.useCallback)((sub) => {
+  const [subscription, setSubscription] = (0, import_react26.useState)(null);
+  const cacheRef = (0, import_react26.useRef)(null);
+  const setCacheAndState = (0, import_react26.useCallback)((sub) => {
     cacheRef.current = { data: sub, expiresAt: Date.now() + CACHE_TTL_MS2 };
     setSubscription(sub);
   }, []);
-  const invalidateCache = (0, import_react24.useCallback)(() => {
+  const invalidateCache = (0, import_react26.useCallback)(() => {
     cacheRef.current = null;
     const distinctId = PaywalloClient.getDistinctId();
     if (distinctId) void subscriptionCache.invalidate(distinctId);
   }, []);
-  const fetchAndCache = (0, import_react24.useCallback)(async () => {
+  const fetchAndCache = (0, import_react26.useCallback)(async () => {
     const apiClient = PaywalloClient.getApiClient();
     const distinctId = PaywalloClient.getDistinctId();
     if (!apiClient || !distinctId) return null;
@@ -9893,7 +10389,7 @@ function useSubscriptionSync() {
     void subscriptionCache.set(distinctId, toDomainResponse(status));
     return sub;
   }, [setCacheAndState]);
-  const hasActiveSubscription = (0, import_react24.useCallback)(async () => {
+  const hasActiveSubscription = (0, import_react26.useCallback)(async () => {
     const apiClient = PaywalloClient.getApiClient();
     const distinctId = PaywalloClient.getDistinctId();
     if (!apiClient || !distinctId) return false;
@@ -9913,7 +10409,7 @@ function useSubscriptionSync() {
       return resolveOfflineFromCache(distinctId);
     }
   }, [setCacheAndState]);
-  const getSubscription = (0, import_react24.useCallback)(async () => {
+  const getSubscription = (0, import_react26.useCallback)(async () => {
     const apiClient = PaywalloClient.getApiClient();
     const distinctId = PaywalloClient.getDistinctId();
     if (!apiClient || !distinctId) return null;
@@ -9934,214 +10430,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();
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function PaywalloProvider({ children, config }) {
-  const [isInitialized, setIsInitialized] = (0, import_react25.useState)(false);
-  const [initError, setInitError] = (0, import_react25.useState)(null);
-  const [distinctId, setDistinctId] = (0, import_react25.useState)(null);
-  const [activePaywall, setActivePaywall] = (0, import_react25.useState)(null);
+  const [isInitialized, setIsInitialized] = (0, import_react27.useState)(false);
+  const [initError, setInitError] = (0, import_react27.useState)(null);
+  const [distinctId, setDistinctId] = (0, import_react27.useState)(null);
+  const [activePaywall, setActivePaywall] = (0, import_react27.useState)(null);
   const { products, isLoadingProducts, refreshProducts } = useProductLoader();
   const { subscription, hasActiveSubscription, getSubscription, invalidateCache } = useSubscriptionSync();
   const { preloadedWebView, setPreloadedWebView, preloadCampaign, consumePreloadedCampaign, isPreloadValid } = useCampaignPreload();
-  const clearPreloadedWebView = (0, import_react25.useCallback)(() => setPreloadedWebView(null), [setPreloadedWebView]);
-  const autoPreloadTriggeredRef = (0, import_react25.useRef)(false);
-  const preloadedWebViewRef = (0, import_react25.useRef)(preloadedWebView);
-  const pollTimerRef = (0, import_react25.useRef)(null);
-  const pollCancelledRef = (0, import_react25.useRef)(false);
-  const secureStorageRef = (0, import_react25.useRef)(new SecureStorage(config.debug));
-  (0, import_react25.useEffect)(() => {
+  const clearPreloadedWebView = (0, import_react27.useCallback)(() => setPreloadedWebView(null), [setPreloadedWebView]);
+  const autoPreloadTriggeredRef = (0, import_react27.useRef)(false);
+  const preloadedWebViewRef = (0, import_react27.useRef)(preloadedWebView);
+  const pollTimerRef = (0, import_react27.useRef)(null);
+  const pollCancelledRef = (0, import_react27.useRef)(false);
+  const secureStorageRef = (0, import_react27.useRef)(new SecureStorage(config.debug));
+  (0, import_react27.useEffect)(() => {
     preloadedWebViewRef.current = preloadedWebView;
   }, [preloadedWebView]);
   useAppAutoEvents({
@@ -10167,22 +10473,22 @@ function PaywalloProvider({ children, config }) {
     },
     debug: config.debug
   });
-  const triggerRepreload = (0, import_react25.useCallback)((placement) => {
+  const triggerRepreload = (0, import_react27.useCallback)((placement) => {
     void PaywalloClient.preloadCampaign(placement).catch(() => {
     });
   }, []);
   const { showingPreloadedWebView, presentPreloadedWebView, resolvePreloadedPaywall, handlePreloadedWebViewReady: baseHandlePreloadedWebViewReady, handlePreloadedClose: baseHandlePreloadedClose, setShowingPreloadedWebView, presentedAtRef } = usePaywallPresenter(preloadedWebView, setPreloadedWebView);
-  const SCREEN_HEIGHT = (0, import_react25.useMemo)(() => import_react_native27.Dimensions.get("window").height, []);
-  const slideAnim = (0, import_react25.useRef)(new import_react_native27.Animated.Value(SCREEN_HEIGHT)).current;
-  const handlePreloadedWebViewReady = (0, import_react25.useCallback)(() => {
+  const SCREEN_HEIGHT = (0, import_react27.useMemo)(() => import_react_native29.Dimensions.get("window").height, []);
+  const slideAnim = (0, import_react27.useRef)(new import_react_native29.Animated.Value(SCREEN_HEIGHT)).current;
+  const handlePreloadedWebViewReady = (0, import_react27.useCallback)(() => {
     if (PaywalloClient.getConfig()?.debug) {
       console.log(`[Paywallo WEBVIEW] loaded \u2014 placement: ${preloadedWebView?.placement}`);
     }
     baseHandlePreloadedWebViewReady();
   }, [preloadedWebView?.placement, baseHandlePreloadedWebViewReady]);
-  const handlePreloadedClose = (0, import_react25.useCallback)(() => {
+  const handlePreloadedClose = (0, import_react27.useCallback)(() => {
     const placement = preloadedWebView?.placement;
-    import_react_native27.Animated.timing(slideAnim, { toValue: SCREEN_HEIGHT, duration: 200, easing: import_react_native27.Easing.in(import_react_native27.Easing.cubic), useNativeDriver: true }).start(() => {
+    import_react_native29.Animated.timing(slideAnim, { toValue: SCREEN_HEIGHT, duration: 200, easing: import_react_native29.Easing.in(import_react_native29.Easing.cubic), useNativeDriver: true }).start(() => {
       baseHandlePreloadedClose();
       if (placement) triggerRepreload(placement);
     });
@@ -10195,8 +10501,8 @@ function PaywalloProvider({ children, config }) {
     presentedAtRef,
     invalidateCache
   );
-  const [isPreloadPurchasing, setIsPreloadPurchasing] = (0, import_react25.useState)(false);
-  const handlePreloadedPurchase = (0, import_react25.useCallback)(async (productId) => {
+  const [isPreloadPurchasing, setIsPreloadPurchasing] = (0, import_react27.useState)(false);
+  const handlePreloadedPurchase = (0, import_react27.useCallback)(async (productId) => {
     setIsPreloadPurchasing(true);
     try {
       await rawPreloadedPurchase(productId);
@@ -10204,8 +10510,8 @@ function PaywalloProvider({ children, config }) {
       setIsPreloadPurchasing(false);
     }
   }, [rawPreloadedPurchase]);
-  const configRef = (0, import_react25.useRef)(config);
-  (0, import_react25.useEffect)(() => {
+  const configRef = (0, import_react27.useRef)(config);
+  (0, import_react27.useEffect)(() => {
     let mounted = true;
     initLocalization({ detectDevice: true });
     PaywalloClient.init(configRef.current).then(async () => {
@@ -10218,6 +10524,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;
@@ -10227,14 +10538,28 @@ function PaywalloProvider({ children, config }) {
       mounted = false;
     };
   }, [preloadCampaign]);
-  const getPaywallConfig = (0, import_react25.useCallback)(async (p) => {
+  const getPaywallConfig = (0, import_react27.useCallback)(async (p) => {
     const api = PaywalloClient.getApiClient();
     return api ? api.getPaywall(p) : null;
   }, []);
-  const presentPaywall = (0, import_react25.useCallback)((placement) => {
-    return new Promise((resolve) => setActivePaywall({ placement, resolver: resolve }));
+  const presentPaywall = (0, import_react27.useCallback)((placement) => {
+    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
+        },
+        preloadedProducts: preloaded.products
+      }
+    }));
   }, []);
-  const trackCampaignImpression = (0, import_react25.useCallback)((placement, variantKey, campaignId) => {
+  const trackCampaignImpression = (0, import_react27.useCallback)((placement, variantKey, campaignId) => {
     const api = PaywalloClient.getApiClient();
     if (!api) return;
     const sessionId = PaywalloClient.getSessionId();
@@ -10248,7 +10573,7 @@ function PaywalloProvider({ children, config }) {
     }).catch(() => {
     });
   }, []);
-  const presentCampaign = (0, import_react25.useCallback)(
+  const presentCampaign = (0, import_react27.useCallback)(
     async (placement, context) => {
       try {
         if (preloadedWebView?.placement === placement && preloadedWebView.loaded && isPreloadValid(placement)) {
@@ -10322,7 +10647,7 @@ function PaywalloProvider({ children, config }) {
     },
     [preloadedWebView, isPreloadValid, consumePreloadedCampaign, presentPreloadedWebView, trackCampaignImpression]
   );
-  const restorePurchases = (0, import_react25.useCallback)(async () => {
+  const restorePurchases = (0, import_react27.useCallback)(async () => {
     invalidateCache();
     try {
       const txs = await getIAPService().restore();
@@ -10331,13 +10656,13 @@ function PaywalloProvider({ children, config }) {
       return { success: false, restoredProducts: [], error: error instanceof Error ? error : new PurchaseError(PURCHASE_ERROR_CODES.RESTORE_FAILED, String(error)) };
     }
   }, [invalidateCache]);
-  const handlePaywallResult = (0, import_react25.useCallback)((result) => {
+  const handlePaywallResult = (0, import_react27.useCallback)((result) => {
     if (activePaywall) {
       activePaywall.resolver(result);
       setActivePaywall(null);
     }
   }, [activePaywall]);
-  const bridgePaywallPresenter = (0, import_react25.useCallback)((placement) => {
+  const bridgePaywallPresenter = (0, import_react27.useCallback)((placement) => {
     if (PaywalloClient.getConfig()?.debug) {
       console.log(`[Paywallo PRESENT] called \u2014 preloaded: ${preloadedWebViewRef.current?.loaded === true} placement: ${placement}`);
     }
@@ -10366,7 +10691,7 @@ function PaywalloProvider({ children, config }) {
     }
     return presentCampaign(placement);
   }, [presentPreloadedWebView, presentCampaign]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (!isInitialized) return;
     const onEmergency = async (id) => {
       try {
@@ -10393,9 +10718,9 @@ function PaywalloProvider({ children, config }) {
     };
   }, [isInitialized, bridgePaywallPresenter, getSubscription, hasActiveSubscription, restorePurchases]);
   const isReady = isInitialized && !isLoadingProducts;
-  const noOp = (0, import_react25.useCallback)(() => {
+  const noOp = (0, import_react27.useCallback)(() => {
   }, []);
-  const contextValue = (0, import_react25.useMemo)(() => ({
+  const contextValue = (0, import_react27.useMemo)(() => ({
     config: PaywalloClient.getConfig(),
     isInitialized,
     isReady,
@@ -10429,20 +10754,20 @@ function PaywalloProvider({ children, config }) {
     getPaywallConfig,
     refreshProducts
   ]);
-  (0, import_react25.useLayoutEffect)(() => {
+  (0, import_react27.useLayoutEffect)(() => {
     if (showingPreloadedWebView) {
       slideAnim.setValue(SCREEN_HEIGHT);
-      import_react_native27.Animated.timing(slideAnim, { toValue: 0, duration: 200, easing: import_react_native27.Easing.out(import_react_native27.Easing.cubic), useNativeDriver: true }).start();
+      import_react_native29.Animated.timing(slideAnim, { toValue: 0, duration: 200, easing: import_react_native29.Easing.out(import_react_native29.Easing.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__ */ (0, import_jsx_runtime3.jsxs)(PaywalloContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(PaywalloContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaywallErrorBoundary, { children: !!preloadedWebView?.craftData && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native27.Animated.View, { style: preloadStyle, pointerEvents: showingPreloadedWebView ? "auto" : "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PaywallErrorBoundary, { children: !!preloadedWebView?.craftData && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native29.Animated.View, { style: preloadStyle, pointerEvents: showingPreloadedWebView ? "auto" : "none", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       PaywallWebView,
       {
         paywallId: preloadedWebView.paywallId,
@@ -10458,7 +10783,7 @@ function PaywalloProvider({ children, config }) {
         onRestore: showingPreloadedWebView ? handlePreloadedRestore : noOp
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaywallErrorBoundary, { children: activePaywall && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PaywallErrorBoundary, { children: activePaywall && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       PaywallModal,
       {
         placement: activePaywall.placement,
@@ -10470,10 +10795,11 @@ function PaywalloProvider({ children, config }) {
         campaignId: activePaywall.campaignId,
         variantId: activePaywall.variantId
       }
-    ) })
+    ) }),
+    isInitialized && (config.preloadPaywalls?.length ?? 0) > 0 && PaywalloClient.getWebUrl() !== null && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PaywallWebViewPrewarmer, { webUrl: PaywalloClient.getWebUrl() })
   ] });
 }
-var styles3 = import_react_native27.StyleSheet.create({
+var styles5 = import_react_native29.StyleSheet.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 }