@kontextso/sdk-react-native 3.0.2 → 3.0.3

package/dist/index.js

@@ -35,11 +35,6 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/formats/Format.tsx
-var import_react2 = require("react");
-var import_sdk_react = require("@kontextso/sdk-react");
-var import_react_native = require("react-native");
-
 // ../sdk-common/dist/index.mjs
 function makeIframeMessage(type, opts) {
   const { data, code, component } = opts;
@@ -58,6 +53,11 @@ function handleIframeMessage(handler, opts) {
   };
 }
 
+// src/formats/Format.tsx
+var import_sdk_react = require("@kontextso/sdk-react");
+var import_react2 = require("react");
+var import_react_native = require("react-native");
+
 // src/frame-webview.tsx
 var import_react = require("react");
 var import_react_native_webview = require("react-native-webview");
@@ -107,11 +107,18 @@ var sendMessage = (webViewRef, type, code, data) => {
     }));
   `);
 };
+var getCachedContent = (context, bidId) => {
+  if (!bidId) {
+    return null;
+  }
+  return context?.cachedContentRef?.current?.get(bidId) ?? null;
+};
 var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const context = (0, import_react2.useContext)(import_sdk_react.AdsContext);
   const bid = (0, import_sdk_react.useBid)({ code, messageId });
   const [height, setHeight] = (0, import_react2.useState)(0);
-  const iframeUrl = (0, import_sdk_react.useIframeUrl)(context, bid, code, messageId, "sdk-react-native", otherParams.theme);
+  const cachedContent = getCachedContent(context, bid?.bidId);
+  const iframeUrl = (0, import_sdk_react.useIframeUrl)(context, bid, code, messageId, "sdk-react-native", otherParams.theme, cachedContent);
   const modalUrl = iframeUrl.replace("/api/frame/", "/api/modal/");
   const [showIframe, setShowIframe] = (0, import_react2.useState)(false);
   const [iframeLoaded, setIframeLoaded] = (0, import_react2.useState)(false);
@@ -213,6 +220,11 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
             case "view-iframe":
               context?.onAdViewInternal(message.data);
               break;
+            case "ad-done-iframe":
+              if (bid?.bidId && message.data.cachedContent) {
+                context?.cachedContentRef?.current?.set(bid.bidId, message.data.cachedContent);
+              }
+              break;
             case "show-iframe":
               setShowIframe(true);
               break;
@@ -450,7 +462,7 @@ var import_react_native2 = require("react-native");
 var NativeRNKontext_default = import_react_native2.TurboModuleRegistry.getEnforcing("RNKontext");
 
 // package.json
-var version = "3.0.2";
+var version = "3.0.3";
 
 // src/context/AdsProvider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -1,14 +1,3 @@
-// src/formats/Format.tsx
-import { useContext, useEffect, useRef, useState } from "react";
-import {
-  AdsContext,
-  convertParamsToString,
-  ErrorBoundary,
-  useBid,
-  useIframeUrl
-} from "@kontextso/sdk-react";
-import { Linking, Modal, View, useWindowDimensions, Keyboard } from "react-native";
-
 // ../sdk-common/dist/index.mjs
 function makeIframeMessage(type, opts) {
   const { data, code, component } = opts;
@@ -27,6 +16,17 @@ function handleIframeMessage(handler, opts) {
   };
 }
 
+// src/formats/Format.tsx
+import {
+  AdsContext,
+  convertParamsToString,
+  ErrorBoundary,
+  useBid,
+  useIframeUrl
+} from "@kontextso/sdk-react";
+import { useContext, useEffect, useRef, useState } from "react";
+import { Keyboard, Linking, Modal, useWindowDimensions, View } from "react-native";
+
 // src/frame-webview.tsx
 import { forwardRef } from "react";
 import { WebView } from "react-native-webview";
@@ -76,11 +76,18 @@ var sendMessage = (webViewRef, type, code, data) => {
     }));
   `);
 };
+var getCachedContent = (context, bidId) => {
+  if (!bidId) {
+    return null;
+  }
+  return context?.cachedContentRef?.current?.get(bidId) ?? null;
+};
 var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const context = useContext(AdsContext);
   const bid = useBid({ code, messageId });
   const [height, setHeight] = useState(0);
-  const iframeUrl = useIframeUrl(context, bid, code, messageId, "sdk-react-native", otherParams.theme);
+  const cachedContent = getCachedContent(context, bid?.bidId);
+  const iframeUrl = useIframeUrl(context, bid, code, messageId, "sdk-react-native", otherParams.theme, cachedContent);
   const modalUrl = iframeUrl.replace("/api/frame/", "/api/modal/");
   const [showIframe, setShowIframe] = useState(false);
   const [iframeLoaded, setIframeLoaded] = useState(false);
@@ -182,6 +189,11 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
             case "view-iframe":
               context?.onAdViewInternal(message.data);
               break;
+            case "ad-done-iframe":
+              if (bid?.bidId && message.data.cachedContent) {
+                context?.cachedContentRef?.current?.set(bid.bidId, message.data.cachedContent);
+              }
+              break;
             case "show-iframe":
               setShowIframe(true);
               break;
@@ -419,7 +431,7 @@ import { TurboModuleRegistry } from "react-native";
 var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
 
 // package.json
-var version = "3.0.2";
+var version = "3.0.3";
 
 // src/context/AdsProvider.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Kontext SDK for React Native",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -11,7 +11,7 @@
   "homepage": "https://github.com/kontextso",
   "scripts": {
     "dev:js": "tsup --watch",
-    "dev": "npm-run-all dev:js",
+    "dev": "npm-run-all2 dev:js",
     "build:js": "tsup",
     "build": "npm run build:js && cross-env NODE_ENV=development npm run test:run",
     "test": "",
@@ -33,7 +33,7 @@
     "cross-env": "^7.0.3",
     "expo": "^53.0.18",
     "expo-av": "^15.1.7",
-    "jsdom": "^25.0.1",
+    "jsdom": "^27.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-native": "^0.80.1",
@@ -51,7 +51,7 @@
     "react-native-webview": "^13.10.0"
   },
   "dependencies": {
-    "@kontextso/sdk-react": "^3.0.2"
+    "@kontextso/sdk-react": "^3.0.3"
   },
   "files": [
     "dist/*",

package/src/formats/Format.tsx

@@ -1,21 +1,22 @@
-import { useContext, useEffect, useRef, useState } from 'react'
+import {
+  handleIframeMessage,
+  type IframeMessage,
+  type IframeMessageEvent,
+  type IframeMessageType,
+  makeIframeMessage,
+} from '@kontextso/sdk-common'
 import {
   AdsContext,
+  type ContextType,
   convertParamsToString,
   ErrorBoundary,
+  type FormatProps,
   useBid,
   useIframeUrl,
-  type FormatProps,
 } from '@kontextso/sdk-react'
+import { useContext, useEffect, useRef, useState } from 'react'
+import { Keyboard, Linking, Modal, useWindowDimensions, View } from 'react-native'
 import type { WebView, WebViewMessageEvent } from 'react-native-webview'
-import { Linking, Modal, View, useWindowDimensions, Keyboard } from 'react-native'
-import {
-  handleIframeMessage,
-  type IframeMessageEvent,
-  type IframeMessageType,
-  makeIframeMessage,
-  type IframeMessage,
-} from '@kontextso/sdk-common'
 import FrameWebView from '../frame-webview'
 
 const sendMessage = (
@@ -36,13 +37,22 @@ const sendMessage = (
   `)
 }
 
+const getCachedContent = (context: ContextType, bidId?: string) => {
+  if (!bidId) {
+    return null
+  }
+  return context?.cachedContentRef?.current?.get(bidId) ?? null
+}
+
 const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatProps) => {
   const context = useContext(AdsContext)
 
   const bid = useBid({ code, messageId })
   const [height, setHeight] = useState<number>(0)
 
-  const iframeUrl = useIframeUrl(context, bid, code, messageId, 'sdk-react-native', otherParams.theme)
+  const cachedContent = getCachedContent(context, bid?.bidId)
+
+  const iframeUrl = useIframeUrl(context, bid, code, messageId, 'sdk-react-native', otherParams.theme, cachedContent)
   const modalUrl = iframeUrl.replace('/api/frame/', '/api/modal/')
 
   const [showIframe, setShowIframe] = useState<boolean>(false)
@@ -63,7 +73,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
 
   const { height: windowHeight, width: windowWidth } = useWindowDimensions()
 
-  const keyboardHeightRef = useRef(0);
+  const keyboardHeightRef = useRef(0)
 
   const isAdViewVisible = showIframe && iframeLoaded
 
@@ -165,6 +175,12 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
               context?.onAdViewInternal(message.data)
               break
 
+            case 'ad-done-iframe':
+              if (bid?.bidId && message.data.cachedContent) {
+                context?.cachedContentRef?.current?.set(bid.bidId, message.data.cachedContent)
+              }
+              break
+
             case 'show-iframe':
               setShowIframe(true)
               break
@@ -313,18 +329,18 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
 
   useEffect(() => {
     const showSubscription = Keyboard.addListener('keyboardDidShow', (e) => {
-      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
-    });
+      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0
+    })
     const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
-      keyboardHeightRef.current = 0;
-    });
+      keyboardHeightRef.current = 0
+    })
 
     return () => {
-      showSubscription.remove();
-      hideSubscription.remove();
-      keyboardHeightRef.current = 0;
-    };
-  }, []);
+      showSubscription.remove()
+      hideSubscription.remove()
+      keyboardHeightRef.current = 0
+    }
+  }, [])
 
   if (!context || !bid || !iframeUrl) {
     return null