@kontextso/sdk-react-native 3.1.0-rc.0 → 3.1.0-rc.2

package/dist/index.js

@@ -57,7 +57,7 @@ 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");
+var import_react_native2 = require("react-native");
 
 // src/frame-webview.tsx
 var import_react = require("react");
@@ -98,6 +98,10 @@ var FrameWebView = (0, import_react.forwardRef)(
 );
 var frame_webview_default = FrameWebView;
 
+// src/NativeRNKontext.ts
+var import_react_native = require("react-native");
+var NativeRNKontext_default = import_react_native.TurboModuleRegistry.getEnforcing("RNKontext");
+
 // src/formats/Format.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var sendMessage = (webViewRef, type, code, data) => {
@@ -137,7 +141,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   const messageStatusRef = (0, import_react2.useRef)("none" /* None */);
   const modalInitTimeoutRef = (0, import_react2.useRef)(null);
   const isModalInitRef = (0, import_react2.useRef)(false);
-  const { height: windowHeight, width: windowWidth } = (0, import_react_native.useWindowDimensions)();
+  const { height: windowHeight, width: windowWidth } = (0, import_react_native2.useWindowDimensions)();
   const keyboardHeightRef = (0, import_react2.useRef)(0);
   const isAdViewVisible = showIframe && iframeLoaded;
   const reset = () => {
@@ -146,6 +150,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     setContainerStyles({});
     setIframeStyles({});
     setIframeLoaded(false);
+    closeSkOverlay();
     resetModal();
     context?.resetAll();
     context?.captureError(new Error("Processing iframe error"));
@@ -188,6 +193,27 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
+  const openSkOverlay = async (appStoreId, position, dismissible) => {
+    try {
+      await NativeRNKontext_default.presentSKOverlay(appStoreId, position, dismissible);
+      sendMessage(webViewRef, "update-skoverlay-iframe", code, {
+        open: true
+      });
+    } catch (e) {
+      console.error("error opening sk overlay", e);
+      reset();
+    }
+  };
+  const closeSkOverlay = async () => {
+    try {
+      await NativeRNKontext_default.dismissSKOverlay();
+      sendMessage(webViewRef, "update-skoverlay-iframe", code, {
+        open: false
+      });
+    } catch (e) {
+      console.error("error dismissing sk overlay", e);
+    }
+  };
   debug("format-update-state");
   const onMessage = (event) => {
     try {
@@ -217,7 +243,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               break;
             case "click-iframe":
               if (message.data.url) {
-                import_react_native.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
+                import_react_native2.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
                   (err) => console.error("error opening url", err)
                 );
               }
@@ -254,6 +280,12 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               context?.onAdEventInternal(message.data);
               messageStatusRef.current = "message-received" /* MessageReceived */;
               break;
+            case "open-skoverlay-iframe":
+              openSkOverlay(message.data.appStoreId, message.data.position, message.data.dismissible);
+              break;
+            case "close-skoverlay-iframe":
+              closeSkOverlay();
+              break;
           }
         },
         {
@@ -296,7 +328,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               break;
             case "click-iframe":
               if (message.data.url) {
-                import_react_native.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
+                import_react_native2.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
                   (err) => console.error("error opening url", err)
                 );
               }
@@ -380,10 +412,10 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     return () => clearInterval(interval);
   }, [isAdViewVisible]);
   (0, import_react2.useEffect)(() => {
-    const showSubscription = import_react_native.Keyboard.addListener("keyboardDidShow", (e) => {
+    const showSubscription = import_react_native2.Keyboard.addListener("keyboardDidShow", (e) => {
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
     });
-    const hideSubscription = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
+    const hideSubscription = import_react_native2.Keyboard.addListener("keyboardDidHide", () => {
       keyboardHeightRef.current = 0;
     });
     return () => {
@@ -419,7 +451,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     }
   );
   const interstitialContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native.Modal,
+    import_react_native2.Modal,
     {
       visible: modalOpen,
       transparent: true,
@@ -427,7 +459,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       animationType: "slide",
       statusBarTranslucent: true,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native.View,
+        import_react_native2.View,
         {
           style: {
             flex: 1,
@@ -462,7 +494,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native.View,
+      import_react_native2.View,
       {
         style: isAdViewVisible ? containerStyles : {
           height: 0,
@@ -492,11 +524,7 @@ var import_react_native3 = require("react-native");
 var import_react_native_device_info = __toESM(require("react-native-device-info"));
 
 // package.json
-var version = "3.1.0-rc.0";
-
-// src/NativeRNKontext.ts
-var import_react_native2 = require("react-native");
-var NativeRNKontext_default = import_react_native2.TurboModuleRegistry.getEnforcing("RNKontext");
+var version = "3.1.0-rc.2";
 
 // src/context/AdsProvider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -67,6 +67,10 @@ var FrameWebView = forwardRef(
 );
 var frame_webview_default = FrameWebView;
 
+// src/NativeRNKontext.ts
+import { TurboModuleRegistry } from "react-native";
+var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
+
 // src/formats/Format.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var sendMessage = (webViewRef, type, code, data) => {
@@ -115,6 +119,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     setContainerStyles({});
     setIframeStyles({});
     setIframeLoaded(false);
+    closeSkOverlay();
     resetModal();
     context?.resetAll();
     context?.captureError(new Error("Processing iframe error"));
@@ -157,6 +162,27 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
+  const openSkOverlay = async (appStoreId, position, dismissible) => {
+    try {
+      await NativeRNKontext_default.presentSKOverlay(appStoreId, position, dismissible);
+      sendMessage(webViewRef, "update-skoverlay-iframe", code, {
+        open: true
+      });
+    } catch (e) {
+      console.error("error opening sk overlay", e);
+      reset();
+    }
+  };
+  const closeSkOverlay = async () => {
+    try {
+      await NativeRNKontext_default.dismissSKOverlay();
+      sendMessage(webViewRef, "update-skoverlay-iframe", code, {
+        open: false
+      });
+    } catch (e) {
+      console.error("error dismissing sk overlay", e);
+    }
+  };
   debug("format-update-state");
   const onMessage = (event) => {
     try {
@@ -223,6 +249,12 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               context?.onAdEventInternal(message.data);
               messageStatusRef.current = "message-received" /* MessageReceived */;
               break;
+            case "open-skoverlay-iframe":
+              openSkOverlay(message.data.appStoreId, message.data.position, message.data.dismissible);
+              break;
+            case "close-skoverlay-iframe":
+              closeSkOverlay();
+              break;
           }
         },
         {
@@ -464,11 +496,7 @@ import { Appearance, Dimensions, PixelRatio, Platform } from "react-native";
 import DeviceInfo from "react-native-device-info";
 
 // package.json
-var version = "3.1.0-rc.0";
-
-// src/NativeRNKontext.ts
-import { TurboModuleRegistry } from "react-native";
-var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
+var version = "3.1.0-rc.2";
 
 // 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.1.0-rc.0",
+  "version": "3.1.0-rc.2",
   "description": "Kontext SDK for React Native",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -20,7 +20,7 @@
     "format": "biome format --write ."
   },
   "devDependencies": {
-    "@kontextso/sdk-common": "^1.0.0",
+    "@kontextso/sdk-common": "^1.0.2",
     "@kontextso/typescript-config": "*",
     "@react-native-community/netinfo": "11.3.1",
     "@testing-library/dom": "^10.4.0",

package/src/formats/Format.tsx

@@ -18,10 +18,11 @@ 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 FrameWebView from '../frame-webview'
+import NativeRNKontext from '../NativeRNKontext'
 
 const sendMessage = (
   webViewRef: React.RefObject<WebView>,
-  type: Extract<IframeMessageType, 'update-iframe' | 'update-dimensions-iframe'>,
+  type: Extract<IframeMessageType, 'update-iframe' | 'update-dimensions-iframe' | 'update-skoverlay-iframe'>,
   code: string,
   data: any
 ) => {
@@ -90,6 +91,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     setContainerStyles({})
     setIframeStyles({})
     setIframeLoaded(false)
+    closeSkOverlay()
     resetModal()
     context?.resetAll()
     context?.captureError(new Error('Processing iframe error'))
@@ -137,6 +139,29 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     })
   }
 
+  const openSkOverlay = async (appStoreId: string, position: string, dismissible: boolean) => {
+    try {
+      await NativeRNKontext.presentSKOverlay(appStoreId, position, dismissible)
+      sendMessage(webViewRef, 'update-skoverlay-iframe', code, {
+        open: true
+      })
+    } catch (e) {
+      console.error('error opening sk overlay', e)
+      reset()
+    }
+  }
+
+  const closeSkOverlay = async () => {
+    try {
+      await NativeRNKontext.dismissSKOverlay()
+      sendMessage(webViewRef, 'update-skoverlay-iframe', code, {
+        open: false
+      })
+    } catch (e) {
+      console.error('error dismissing sk overlay', e)
+    }
+  }
+
   debug('format-update-state')
 
   const onMessage = (event: WebViewMessageEvent) => {
@@ -217,6 +242,14 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
               context?.onAdEventInternal(message.data)
               messageStatusRef.current = MessageStatus.MessageReceived
               break
+
+            case 'open-skoverlay-iframe':
+              openSkOverlay(message.data.appStoreId, message.data.position, message.data.dismissible)
+              break
+
+            case 'close-skoverlay-iframe':
+              closeSkOverlay()
+              break
           }
         },
         {

package/src/services/SkOverlay.ts

@@ -3,15 +3,34 @@ import NativeRNKontext from '../NativeRNKontext';
 
 export type SKOverlayPosition = 'bottom' | 'bottomRaised';
 
+const isValidAppStoreId = (id: unknown): id is string => {
+  return typeof id === "string" && /^\d+$/.test(id);
+}
+
+const isValidPosition = (p: unknown): p is SKOverlayPosition => {
+  return p === "bottom" || p === "bottomRaised";
+}
+
 export async function presentSKOverlay(params: {
   appStoreId: string;
-  position?: SKOverlayPosition;
-  dismissible?: boolean;
+  position: SKOverlayPosition;
+  dismissible: boolean;
 }) {
   if (Platform.OS !== 'ios') {
     return false
   }
-  const { appStoreId, position = 'bottom', dismissible = true } = params
+  let { appStoreId, position, dismissible } = params
+
+  if (!isValidAppStoreId(appStoreId)) {
+    return false
+  }
+  if (!isValidPosition(position)) {
+    position = 'bottom'
+  }
+  if (typeof dismissible !== 'boolean') {
+    dismissible = Boolean(dismissible)
+  }
+
   return NativeRNKontext.presentSKOverlay(appStoreId, position, dismissible)
 }