@kontextso/sdk-react-native 3.1.0-rc.1 → 3.1.0-rc.3

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_native3 = require("react-native");
 
 // src/frame-webview.tsx
 var import_react = require("react");
@@ -98,6 +98,43 @@ var FrameWebView = (0, import_react.forwardRef)(
 );
 var frame_webview_default = FrameWebView;
 
+// src/services/SkOverlay.ts
+var import_react_native2 = require("react-native");
+
+// src/NativeRNKontext.ts
+var import_react_native = require("react-native");
+var NativeRNKontext_default = import_react_native.TurboModuleRegistry.getEnforcing("RNKontext");
+
+// src/services/SkOverlay.ts
+var isValidAppStoreId = (id) => {
+  return typeof id === "string" && /^\d+$/.test(id);
+};
+var isValidPosition = (p) => {
+  return p === "bottom" || p === "bottomRaised";
+};
+async function presentSKOverlay(params) {
+  if (import_react_native2.Platform.OS !== "ios") {
+    return false;
+  }
+  let { appStoreId, position, dismissible } = params;
+  if (!isValidAppStoreId(appStoreId)) {
+    return false;
+  }
+  if (!isValidPosition(position)) {
+    position = "bottom";
+  }
+  if (typeof dismissible !== "boolean") {
+    dismissible = Boolean(dismissible);
+  }
+  return NativeRNKontext_default.presentSKOverlay(appStoreId, position, dismissible);
+}
+async function dismissSKOverlay() {
+  if (import_react_native2.Platform.OS !== "ios") {
+    return false;
+  }
+  return NativeRNKontext_default.dismissSKOverlay();
+}
+
 // src/formats/Format.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var sendMessage = (webViewRef, type, code, data) => {
@@ -137,7 +174,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_native3.useWindowDimensions)();
   const keyboardHeightRef = (0, import_react2.useRef)(0);
   const isAdViewVisible = showIframe && iframeLoaded;
   const reset = () => {
@@ -156,6 +193,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       modalInitTimeoutRef.current = null;
     }
     isModalInitRef.current = false;
+    closeSkOverlay();
     setModalOpen(false);
     setModalLoaded(false);
     setModalShown(false);
@@ -188,6 +226,27 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
+  const openSkOverlay = async (appStoreId, position, dismissible) => {
+    try {
+      await 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 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 +276,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_native3.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
                   (err) => console.error("error opening url", err)
                 );
               }
@@ -254,6 +313,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 +361,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_native3.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
                   (err) => console.error("error opening url", err)
                 );
               }
@@ -380,10 +445,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_native3.Keyboard.addListener("keyboardDidShow", (e) => {
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
     });
-    const hideSubscription = import_react_native.Keyboard.addListener("keyboardDidHide", () => {
+    const hideSubscription = import_react_native3.Keyboard.addListener("keyboardDidHide", () => {
       keyboardHeightRef.current = 0;
     });
     return () => {
@@ -419,7 +484,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     }
   );
   const interstitialContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native.Modal,
+    import_react_native3.Modal,
     {
       visible: modalOpen,
       transparent: true,
@@ -427,7 +492,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_native3.View,
         {
           style: {
             flex: 1,
@@ -462,7 +527,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_native3.View,
       {
         style: isAdViewVisible ? containerStyles : {
           height: 0,
@@ -488,15 +553,11 @@ var InlineAd_default = InlineAd;
 // src/context/AdsProvider.tsx
 var import_sdk_react2 = require("@kontextso/sdk-react");
 var import_netinfo = require("@react-native-community/netinfo");
-var import_react_native3 = require("react-native");
+var import_react_native4 = 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.3";
 
 // src/context/AdsProvider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -512,7 +573,7 @@ var getDevice = async () => {
     const powerState = await import_react_native_device_info.default.getPowerState();
     const deviceType = import_react_native_device_info.default.getDeviceType();
     const soundOn = await NativeRNKontext_default.isSoundOn();
-    const screen = import_react_native3.Dimensions.get("screen");
+    const screen = import_react_native4.Dimensions.get("screen");
     const networkInfo = await (0, import_netinfo.fetch)();
     const mapDeviceTypeToHardwareType = () => {
       switch (deviceType) {
@@ -549,14 +610,14 @@ var getDevice = async () => {
         detail: networkInfo.type === import_netinfo.NetInfoStateType.cellular && networkInfo.details.cellularGeneration || void 0
       },
       os: {
-        name: import_react_native3.Platform.OS,
+        name: import_react_native4.Platform.OS,
         version: import_react_native_device_info.default.getSystemVersion(),
         locale: Intl.DateTimeFormat().resolvedOptions().locale,
         timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
       },
       screen: {
-        darkMode: import_react_native3.Appearance.getColorScheme() === "dark",
-        dpr: import_react_native3.PixelRatio.get(),
+        darkMode: import_react_native4.Appearance.getColorScheme() === "dark",
+        dpr: import_react_native4.PixelRatio.get(),
         height: screen.height,
         width: screen.width,
         orientation: screen.width > screen.height ? "landscape" : "portrait"
@@ -589,7 +650,7 @@ var getApp = async () => {
 };
 var getSdk = async () => ({
   name: "sdk-react-native",
-  platform: import_react_native3.Platform.OS === "ios" ? "ios" : "android",
+  platform: import_react_native4.Platform.OS === "ios" ? "ios" : "android",
   version
 });
 var AdsProvider = (props) => {

package/dist/index.mjs

@@ -67,6 +67,43 @@ var FrameWebView = forwardRef(
 );
 var frame_webview_default = FrameWebView;
 
+// src/services/SkOverlay.ts
+import { Platform } from "react-native";
+
+// src/NativeRNKontext.ts
+import { TurboModuleRegistry } from "react-native";
+var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
+
+// src/services/SkOverlay.ts
+var isValidAppStoreId = (id) => {
+  return typeof id === "string" && /^\d+$/.test(id);
+};
+var isValidPosition = (p) => {
+  return p === "bottom" || p === "bottomRaised";
+};
+async function presentSKOverlay(params) {
+  if (Platform.OS !== "ios") {
+    return false;
+  }
+  let { appStoreId, position, dismissible } = params;
+  if (!isValidAppStoreId(appStoreId)) {
+    return false;
+  }
+  if (!isValidPosition(position)) {
+    position = "bottom";
+  }
+  if (typeof dismissible !== "boolean") {
+    dismissible = Boolean(dismissible);
+  }
+  return NativeRNKontext_default.presentSKOverlay(appStoreId, position, dismissible);
+}
+async function dismissSKOverlay() {
+  if (Platform.OS !== "ios") {
+    return false;
+  }
+  return NativeRNKontext_default.dismissSKOverlay();
+}
+
 // src/formats/Format.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var sendMessage = (webViewRef, type, code, data) => {
@@ -125,6 +162,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       modalInitTimeoutRef.current = null;
     }
     isModalInitRef.current = false;
+    closeSkOverlay();
     setModalOpen(false);
     setModalLoaded(false);
     setModalShown(false);
@@ -157,6 +195,27 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       ...data
     });
   };
+  const openSkOverlay = async (appStoreId, position, dismissible) => {
+    try {
+      await 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 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 +282,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;
           }
         },
         {
@@ -460,15 +525,11 @@ import {
   log
 } from "@kontextso/sdk-react";
 import { fetch as fetchNetworkInfo, NetInfoStateType } from "@react-native-community/netinfo";
-import { Appearance, Dimensions, PixelRatio, Platform } from "react-native";
+import { Appearance, Dimensions, PixelRatio, Platform as Platform2 } 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.3";
 
 // src/context/AdsProvider.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
@@ -521,7 +582,7 @@ var getDevice = async () => {
         detail: networkInfo.type === NetInfoStateType.cellular && networkInfo.details.cellularGeneration || void 0
       },
       os: {
-        name: Platform.OS,
+        name: Platform2.OS,
         version: DeviceInfo.getSystemVersion(),
         locale: Intl.DateTimeFormat().resolvedOptions().locale,
         timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
@@ -561,7 +622,7 @@ var getApp = async () => {
 };
 var getSdk = async () => ({
   name: "sdk-react-native",
-  platform: Platform.OS === "ios" ? "ios" : "android",
+  platform: Platform2.OS === "ios" ? "ios" : "android",
   version
 });
 var AdsProvider = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "3.1.0-rc.1",
+  "version": "3.1.0-rc.3",
   "description": "Kontext SDK for React Native",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/formats/Format.tsx

@@ -18,7 +18,7 @@ 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'
+import { presentSKOverlay, dismissSKOverlay, type SKOverlayPosition } from '../services/SkOverlay'
 
 const sendMessage = (
   webViewRef: React.RefObject<WebView>,
@@ -91,7 +91,6 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     setContainerStyles({})
     setIframeStyles({})
     setIframeLoaded(false)
-    closeSkOverlay()
     resetModal()
     context?.resetAll()
     context?.captureError(new Error('Processing iframe error'))
@@ -104,6 +103,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     }
 
     isModalInitRef.current = false
+    closeSkOverlay()
     setModalOpen(false)
     setModalLoaded(false)
     setModalShown(false)
@@ -139,9 +139,9 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     })
   }
 
-  const openSkOverlay = async (appStoreId: string, position: string, dismissible: boolean) => {
+  const openSkOverlay = async (appStoreId: string, position: SKOverlayPosition, dismissible: boolean) => {
     try {
-      await NativeRNKontext.presentSKOverlay(appStoreId, position, dismissible)
+      await presentSKOverlay({ appStoreId, position, dismissible })
       sendMessage(webViewRef, 'update-skoverlay-iframe', code, {
         open: true
       })
@@ -153,7 +153,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
 
   const closeSkOverlay = async () => {
     try {
-      await NativeRNKontext.dismissSKOverlay()
+      await dismissSKOverlay()
       sendMessage(webViewRef, 'update-skoverlay-iframe', code, {
         open: false
       })
@@ -244,7 +244,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
               break
 
             case 'open-skoverlay-iframe':
-              openSkOverlay(message.data.appStoreId, message.data.position, message.data.dismissible)
+              openSkOverlay(message.data.appStoreId, message.data.position as SKOverlayPosition, message.data.dismissible)
               break
 
             case 'close-skoverlay-iframe':