npm - @virex-tech/paywallo-sdk - Versions diffs - 2.2.6 → 2.3.0 - Mend

@virex-tech/paywallo-sdk 2.2.6 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -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.3.0") {
+      return "2.3.0";
     }
   } 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 = {
@@ -3308,6 +3403,7 @@ function buildPaywallInjectionScript(data) {
       products: data.products,
       primaryProductId: data.primaryProductId,
       secondaryProductId: data.secondaryProductId,
+      tertiaryProductId: data.tertiaryProductId,
       currentLanguage: getCurrentLanguage(),
       defaultLanguage: getDefaultLanguage()
     }
@@ -3347,7 +3443,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 +3452,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) {
@@ -3392,6 +3488,7 @@ function PaywallWebView({
   products,
   primaryProductId,
   secondaryProductId,
+  tertiaryProductId,
   isPurchasing,
   webUrl: webUrlProp,
   onPurchase,
@@ -3400,16 +3497,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 +3514,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 +3536,7 @@ function PaywallWebView({
     }, 200);
     return () => clearInterval(interval);
   }, [webUrlProp]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!resolvedWebUrl) {
       onErrorRef.current?.({
         code: -1,
@@ -3447,36 +3544,37 @@ 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({
       craftData,
       products: Array.from(products.values()),
       primaryProductId,
-      secondaryProductId
+      secondaryProductId,
+      tertiaryProductId
     });
     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)(() => {
+  }, [craftData, products, primaryProductId, secondaryProductId, tertiaryProductId, injectScript]);
+  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 +3608,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 +3619,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 +3644,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 +3655,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 +3677,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 +3709,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 +3861,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 +3881,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 +3960,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 +4616,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 +4649,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 +5018,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 +5048,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 +5083,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 +5123,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 +5277,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 +5335,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 +5351,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 +5369,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 +5395,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 +5409,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 +5445,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 +5469,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 +5483,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;
@@ -5412,7 +5510,8 @@ function usePaywallLoader(placement, visible, preloadedConfig, preloadedProducts
             placement: snap.placement,
             config: snap.config,
             primaryProductId: snap.primaryProductId,
-            secondaryProductId: snap.secondaryProductId
+            secondaryProductId: snap.secondaryProductId,
+            tertiaryProductId: snap.tertiaryProductId
           };
         } else {
           const fetched = await apiClient.getPaywall(placement);
@@ -5424,6 +5523,7 @@ function usePaywallLoader(placement, visible, preloadedConfig, preloadedProducts
         const productIds = [];
         if (config.primaryProductId) productIds.push(config.primaryProductId);
         if (config.secondaryProductId) productIds.push(config.secondaryProductId);
+        if (config.tertiaryProductId) productIds.push(config.tertiaryProductId);
         const snapProducts = preloadedProductsRef.current;
         if (snapProducts && snapProducts.size > 0) {
           if (!cancelled) setProducts(snapProducts);
@@ -5478,11 +5578,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 +5595,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 +5621,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 +5645,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 +5690,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,
@@ -5587,31 +5707,43 @@ function PaywallModal({
             products,
             primaryProductId: paywallConfig.primaryProductId,
             secondaryProductId: paywallConfig.secondaryProductId,
+            tertiaryProductId: paywallConfig.tertiaryProductId,
             isPurchasing,
+            onReady: handleWebViewReady,
             onClose: handleClose,
             onPurchase: handlePurchase,
             onRestore: handleRestore,
             onError: handleWebViewError
           },
           retryCount
-        ) })
+        ) }),
+        showSkeleton && !error && !webViewError && /* @__PURE__ */ (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 +5799,176 @@ var init_PaywallModal = __esm({
   }
 });
+// src/domains/paywall/PaywallPreloadService.ts
+var PRELOAD_TTL_MS, STALE_THRESHOLD, PaywallPreloadService, paywallPreloadService;
+var init_PaywallPreloadService = __esm({
+  "src/domains/paywall/PaywallPreloadService.ts"() {
+    "use strict";
+    init_PaywalloClient();
+    init_IAPService();
+    init_PaywallError();
+    PRELOAD_TTL_MS = 5 * 60 * 1e3;
+    STALE_THRESHOLD = 0.75;
+    PaywallPreloadService = class {
+      constructor() {
+        this.preloaded = /* @__PURE__ */ new Map();
+        this.activePreloads = /* @__PURE__ */ new Map();
+        this.apiClientRef = null;
+      }
+      async preload(apiClient, placement) {
+        this.apiClientRef = apiClient;
+        const existing = this.activePreloads.get(placement);
+        if (existing) return existing;
+        const promise = this.doPreload(apiClient, placement);
+        this.activePreloads.set(placement, promise);
+        try {
+          return await promise;
+        } finally {
+          this.activePreloads.delete(placement);
+        }
+      }
+      async preloadMany(apiClient, placements) {
+        this.apiClientRef = apiClient;
+        if (placements.length === 0) return;
+        const debug = PaywalloClient.getConfig()?.debug;
+        if (debug) console.log(`[Paywallo PRELOAD] paywalls: ${placements.length} placements`);
+        for (let i = 0; i < placements.length; i++) {
+          if (i > 0) await new Promise((r) => setTimeout(r, 200));
+          void this.preload(apiClient, placements[i]).catch((err) => {
+            if (debug) console.log(`[Paywallo PRELOAD] paywall failed ${placements[i]}:`, err);
+          });
+        }
+      }
+      getPreloaded(placement) {
+        const cached2 = this.preloaded.get(placement);
+        if (!cached2) return null;
+        const age = Date.now() - cached2.preloadedAt;
+        if (age >= PRELOAD_TTL_MS) {
+          this.preloaded.delete(placement);
+          return null;
+        }
+        if (age >= PRELOAD_TTL_MS * STALE_THRESHOLD && this.apiClientRef) {
+          void this.preload(this.apiClientRef, placement).catch(() => {
+          });
+        }
+        return { config: cached2.config, products: new Map(cached2.products) };
+      }
+      isPreloaded(placement) {
+        return this.getPreloaded(placement) !== null;
+      }
+      clear() {
+        this.preloaded.clear();
+        this.activePreloads.clear();
+      }
+      async doPreload(apiClient, placement) {
+        try {
+          const config = await apiClient.getPaywall(placement);
+          if (!config) {
+            return {
+              success: false,
+              error: new PaywallError(
+                PAYWALL_ERROR_CODES.NOT_FOUND,
+                `Paywall not found for placement: ${placement}`
+              )
+            };
+          }
+          const products = await this.loadProductsFor(config);
+          this.preloaded.set(placement, { config, products, preloadedAt: Date.now() });
+          if (PaywalloClient.getConfig()?.debug) {
+            console.log(`[Paywallo PRELOAD] paywall cached \u2014 placement: ${placement}`);
+          }
+          return { success: true };
+        } catch (error) {
+          return {
+            success: false,
+            error: error instanceof Error ? error : new PaywallError(PAYWALL_ERROR_CODES.LOAD_FAILED, String(error))
+          };
+        }
+      }
+      async loadProductsFor(config) {
+        const productIds = [];
+        if (config.primaryProductId) productIds.push(config.primaryProductId);
+        if (config.secondaryProductId) productIds.push(config.secondaryProductId);
+        if (config.tertiaryProductId) productIds.push(config.tertiaryProductId);
+        if (productIds.length === 0) return /* @__PURE__ */ new Map();
+        try {
+          const loaded = await getIAPService().loadProducts(productIds);
+          const map = /* @__PURE__ */ new Map();
+          for (const p of loaded) map.set(p.productId, p);
+          return map;
+        } catch (err) {
+          if (PaywalloClient.getConfig()?.debug) {
+            console.log("[Paywallo PRELOAD] products failed, caching config only:", err);
+          }
+          return /* @__PURE__ */ new Map();
+        }
+      }
+    };
+    paywallPreloadService = new PaywallPreloadService();
+  }
+});
+// src/domains/paywall/PaywallWebViewPrewarmer.tsx
+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 +5998,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 +6015,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 +6027,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 +6036,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 +6070,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 +6097,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 +6116,9 @@ var init_paywall = __esm({
     init_PaywallError();
     init_PaywallErrorBoundary();
     init_PaywallModal();
+    init_PaywallPreloadService();
     init_PaywallWebView();
+    init_PaywallWebViewPrewarmer();
     init_usePaywallPresenter();
     init_usePaywallTracking();
   }
@@ -7146,7 +7444,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 +7484,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 +7558,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 +7611,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 +7937,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 +8043,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 +8073,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 +8091,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,
@@ -7811,6 +8109,8 @@ var init_ApiClient = __esm({
           }
         }
         const attribution = Object.keys(rawAttribution).length > 0 ? rawAttribution : void 0;
+        const rawUserId = properties?.["userId"];
+        const externalUserId = typeof rawUserId === "string" && rawUserId.length > 0 ? rawUserId : void 0;
         await postWithQueue(
           {
             isOfflineQueueEnabled: () => this.offlineQueueEnabled,
@@ -7821,6 +8121,7 @@ var init_ApiClient = __esm({
           "/sdk/identity/identify",
           {
             distinct_id: distinctId,
+            ...externalUserId && { external_user_id: externalUserId },
             traits,
             ...attribution && { attribution },
             ...deviceId && { deviceId },
@@ -8089,12 +8390,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 +8577,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 +8647,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 +8694,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 +8729,7 @@ var init_PaywalloLifecycle = __esm({
     init_identity();
     init_DeepLinkAttributionCapture();
     init_notifications();
+    init_paywall();
     init_session();
     init_SubscriptionCache();
     init_network();
@@ -8730,6 +9033,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 +9087,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 +9106,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 +9122,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 +9287,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 +9333,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 +9346,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 +9371,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 +9381,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 +9400,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 +9426,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 +9437,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 +9464,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 +9493,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 +9503,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 +9528,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 +9577,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 +9595,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 +9641,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 +9676,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 +9695,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 +9715,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 +9728,7 @@ function useSubscription() {
       setIsLoading(false);
     }
   }, []);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     void subscriptionManager.getSubscriptionStatus().then((s) => {
       setStatus(s);
       setIsLoading(false);
@@ -9444,63 +9756,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 +10031,7 @@ function useAppAutoEvents(config) {
 }
 // src/hooks/useCampaignPreload.ts
-var import_react21 = require("react");
+var import_react23 = require("react");
 init_PaywalloClient();
 init_CampaignError();
@@ -9596,17 +10102,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 +10181,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 +10203,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 +10245,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 +10268,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 +10378,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 +10399,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 +10419,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 +10440,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 +10483,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 +10511,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 +10520,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 +10534,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 +10548,29 @@ 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,
+          tertiaryProductId: preloaded.config.tertiaryProductId
+        },
+        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 +10584,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 +10658,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 +10667,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 +10702,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 +10729,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 +10765,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 +10794,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 +10806,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 }
@@ -10529,6 +10866,9 @@ function resolveProductsVariable(parts, context) {
   if (parts[1] === "secondary" && context.secondaryProductId) {
     return getProductVariable(context.products.get(context.secondaryProductId), parts[2]);
   }
+  if (parts[1] === "tertiary" && context.tertiaryProductId) {
+    return getProductVariable(context.products.get(context.tertiaryProductId), parts[2]);
+  }
   if (parts[1] === "hasIntroductoryOffer") {
     return Array.from(context.products.values()).some((p) => p.introductoryPrice) ? "true" : "false";
   }