@kontextso/sdk-react-native 3.2.0-rc.0 → 3.2.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_native3 = require("react-native");
+var import_react_native4 = require("react-native");
 
 // src/frame-webview.tsx
 var import_react = require("react");
@@ -105,10 +105,12 @@ var import_react_native2 = require("react-native");
 var import_react_native = require("react-native");
 var NativeRNKontext_default = import_react_native.TurboModuleRegistry.getEnforcing("RNKontext");
 
-// src/services/SkOverlay.ts
+// src/services/utils.ts
 var isValidAppStoreId = (id) => {
   return typeof id === "string" && /^\d+$/.test(id);
 };
+
+// src/services/SkOverlay.ts
 var isValidPosition = (p) => {
   return p === "bottom" || p === "bottomRaised";
 };
@@ -135,6 +137,24 @@ async function dismissSKOverlay() {
   return NativeRNKontext_default.dismissSKOverlay();
 }
 
+// src/services/SkStoreProduct.ts
+var import_react_native3 = require("react-native");
+async function presentSKStoreProduct(appStoreId) {
+  if (import_react_native3.Platform.OS !== "ios") {
+    return false;
+  }
+  if (!isValidAppStoreId(appStoreId)) {
+    return false;
+  }
+  return NativeRNKontext_default.presentSKStoreProduct(appStoreId);
+}
+async function dismissSKStoreProduct() {
+  if (import_react_native3.Platform.OS !== "ios") {
+    return false;
+  }
+  return NativeRNKontext_default.dismissSKStoreProduct();
+}
+
 // src/formats/Format.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var sendMessage = (webViewRef, type, code, data) => {
@@ -174,7 +194,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_native3.useWindowDimensions)();
+  const { height: windowHeight, width: windowWidth } = (0, import_react_native4.useWindowDimensions)();
   const keyboardHeightRef = (0, import_react2.useRef)(0);
   const isAdViewVisible = showIframe && iframeLoaded;
   const reset = () => {
@@ -194,6 +214,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     }
     isModalInitRef.current = false;
     closeSkOverlay();
+    closeSkStoreProduct();
     setModalOpen(false);
     setModalLoaded(false);
     setModalShown(false);
@@ -256,6 +277,65 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       console.error("error dismissing sk overlay", e);
     }
   };
+  const openSkStoreProduct = async (appStoreId) => {
+    try {
+      if (!await presentSKStoreProduct(appStoreId)) {
+        return false;
+      }
+      sendMessage(webViewRef, "update-skstoreproduct-iframe", code, {
+        open: true
+      });
+      return true;
+    } catch (e) {
+      debug("error-open-skstoreproduct-iframe", {
+        error: e
+      });
+      console.error("error opening sk store product", e);
+      return false;
+    }
+  };
+  const closeSkStoreProduct = async () => {
+    try {
+      if (!await dismissSKStoreProduct()) {
+        return false;
+      }
+      sendMessage(webViewRef, "update-skstoreproduct-iframe", code, {
+        open: false
+      });
+      return true;
+    } catch (e) {
+      debug("error-close-skstoreproduct-iframe", {
+        error: e
+      });
+      console.error("error closing sk store product", e);
+      return false;
+    }
+  };
+  const openUrl = async (message) => {
+    if (!message.data.url) {
+      return;
+    }
+    try {
+      await import_react_native4.Linking.openURL(`${context?.adServerUrl}${message.data.url}`);
+    } catch (e) {
+      console.error("error opening url", e);
+    }
+  };
+  const handleClick = async (message) => {
+    if (message.data.appStoreId) {
+      try {
+        if (!await openSkStoreProduct(message.data.appStoreId)) {
+          await openUrl(message);
+        }
+      } catch (e) {
+        console.error("error opening sk store product", e);
+        await openUrl(message);
+      }
+    } else {
+      await openUrl(message);
+    }
+    context?.onAdClickInternal(message.data);
+  };
   debug("format-update-state");
   const onMessage = (event) => {
     try {
@@ -284,12 +364,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               setHeight(message.data.height);
               break;
             case "click-iframe":
-              if (message.data.url) {
-                import_react_native3.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
-                  (err) => console.error("error opening url", err)
-                );
-              }
-              context?.onAdClickInternal(message.data);
+              handleClick(message);
               break;
             case "view-iframe":
               context?.onAdViewInternal(message.data);
@@ -332,6 +407,12 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
             case "close-skoverlay-iframe":
               closeSkOverlay();
               break;
+            case "open-skstoreproduct-iframe":
+              openSkStoreProduct(message.data.appStoreId);
+              break;
+            case "close-skstoreproduct-iframe":
+              closeSkStoreProduct();
+              break;
           }
         },
         {
@@ -383,17 +464,18 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               closeSkOverlay();
               break;
             case "click-iframe":
-              if (message.data.url) {
-                import_react_native3.Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
-                  (err) => console.error("error opening url", err)
-                );
-              }
-              context?.onAdClickInternal(message.data);
+              handleClick(message);
               break;
             case "event-iframe":
               onEvent?.(message.data);
               context?.onAdEventInternal(message.data);
               break;
+            case "open-skstoreproduct-iframe":
+              openSkStoreProduct(message.data.appStoreId);
+              break;
+            case "close-skstoreproduct-iframe":
+              closeSkStoreProduct();
+              break;
           }
         },
         {
@@ -468,10 +550,10 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     return () => clearInterval(interval);
   }, [isAdViewVisible]);
   (0, import_react2.useEffect)(() => {
-    const showSubscription = import_react_native3.Keyboard.addListener("keyboardDidShow", (e) => {
+    const showSubscription = import_react_native4.Keyboard.addListener("keyboardDidShow", (e) => {
       keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
     });
-    const hideSubscription = import_react_native3.Keyboard.addListener("keyboardDidHide", () => {
+    const hideSubscription = import_react_native4.Keyboard.addListener("keyboardDidHide", () => {
       keyboardHeightRef.current = 0;
     });
     return () => {
@@ -507,7 +589,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     }
   );
   const interstitialContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native3.Modal,
+    import_react_native4.Modal,
     {
       visible: modalOpen,
       transparent: true,
@@ -515,7 +597,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       animationType: "slide",
       statusBarTranslucent: true,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native3.View,
+        import_react_native4.View,
         {
           style: {
             flex: 1,
@@ -550,7 +632,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_native3.View,
+      import_react_native4.View,
       {
         style: isAdViewVisible ? containerStyles : {
           height: 0,
@@ -576,11 +658,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_native4 = require("react-native");
+var import_react_native5 = require("react-native");
 var import_react_native_device_info = __toESM(require("react-native-device-info"));
 
 // package.json
-var version = "3.1.0-rc.4";
+var version = "3.2.0-rc.1";
 
 // src/context/AdsProvider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -596,7 +678,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_native4.Dimensions.get("screen");
+    const screen = import_react_native5.Dimensions.get("screen");
     const networkInfo = await (0, import_netinfo.fetch)();
     const mapDeviceTypeToHardwareType = () => {
       switch (deviceType) {
@@ -633,14 +715,14 @@ var getDevice = async () => {
         detail: networkInfo.type === import_netinfo.NetInfoStateType.cellular && networkInfo.details.cellularGeneration || void 0
       },
       os: {
-        name: import_react_native4.Platform.OS,
+        name: import_react_native5.Platform.OS,
         version: import_react_native_device_info.default.getSystemVersion(),
         locale: Intl.DateTimeFormat().resolvedOptions().locale,
         timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
       },
       screen: {
-        darkMode: import_react_native4.Appearance.getColorScheme() === "dark",
-        dpr: import_react_native4.PixelRatio.get(),
+        darkMode: import_react_native5.Appearance.getColorScheme() === "dark",
+        dpr: import_react_native5.PixelRatio.get(),
         height: screen.height,
         width: screen.width,
         orientation: screen.width > screen.height ? "landscape" : "portrait"
@@ -673,7 +755,7 @@ var getApp = async () => {
 };
 var getSdk = async () => ({
   name: "sdk-react-native",
-  platform: import_react_native4.Platform.OS === "ios" ? "ios" : "android",
+  platform: import_react_native5.Platform.OS === "ios" ? "ios" : "android",
   version
 });
 var AdsProvider = (props) => {

package/dist/index.mjs

@@ -74,10 +74,12 @@ import { Platform } from "react-native";
 import { TurboModuleRegistry } from "react-native";
 var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
 
-// src/services/SkOverlay.ts
+// src/services/utils.ts
 var isValidAppStoreId = (id) => {
   return typeof id === "string" && /^\d+$/.test(id);
 };
+
+// src/services/SkOverlay.ts
 var isValidPosition = (p) => {
   return p === "bottom" || p === "bottomRaised";
 };
@@ -104,6 +106,24 @@ async function dismissSKOverlay() {
   return NativeRNKontext_default.dismissSKOverlay();
 }
 
+// src/services/SkStoreProduct.ts
+import { Platform as Platform2 } from "react-native";
+async function presentSKStoreProduct(appStoreId) {
+  if (Platform2.OS !== "ios") {
+    return false;
+  }
+  if (!isValidAppStoreId(appStoreId)) {
+    return false;
+  }
+  return NativeRNKontext_default.presentSKStoreProduct(appStoreId);
+}
+async function dismissSKStoreProduct() {
+  if (Platform2.OS !== "ios") {
+    return false;
+  }
+  return NativeRNKontext_default.dismissSKStoreProduct();
+}
+
 // src/formats/Format.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var sendMessage = (webViewRef, type, code, data) => {
@@ -163,6 +183,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
     }
     isModalInitRef.current = false;
     closeSkOverlay();
+    closeSkStoreProduct();
     setModalOpen(false);
     setModalLoaded(false);
     setModalShown(false);
@@ -225,6 +246,65 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       console.error("error dismissing sk overlay", e);
     }
   };
+  const openSkStoreProduct = async (appStoreId) => {
+    try {
+      if (!await presentSKStoreProduct(appStoreId)) {
+        return false;
+      }
+      sendMessage(webViewRef, "update-skstoreproduct-iframe", code, {
+        open: true
+      });
+      return true;
+    } catch (e) {
+      debug("error-open-skstoreproduct-iframe", {
+        error: e
+      });
+      console.error("error opening sk store product", e);
+      return false;
+    }
+  };
+  const closeSkStoreProduct = async () => {
+    try {
+      if (!await dismissSKStoreProduct()) {
+        return false;
+      }
+      sendMessage(webViewRef, "update-skstoreproduct-iframe", code, {
+        open: false
+      });
+      return true;
+    } catch (e) {
+      debug("error-close-skstoreproduct-iframe", {
+        error: e
+      });
+      console.error("error closing sk store product", e);
+      return false;
+    }
+  };
+  const openUrl = async (message) => {
+    if (!message.data.url) {
+      return;
+    }
+    try {
+      await Linking.openURL(`${context?.adServerUrl}${message.data.url}`);
+    } catch (e) {
+      console.error("error opening url", e);
+    }
+  };
+  const handleClick = async (message) => {
+    if (message.data.appStoreId) {
+      try {
+        if (!await openSkStoreProduct(message.data.appStoreId)) {
+          await openUrl(message);
+        }
+      } catch (e) {
+        console.error("error opening sk store product", e);
+        await openUrl(message);
+      }
+    } else {
+      await openUrl(message);
+    }
+    context?.onAdClickInternal(message.data);
+  };
   debug("format-update-state");
   const onMessage = (event) => {
     try {
@@ -253,12 +333,7 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               setHeight(message.data.height);
               break;
             case "click-iframe":
-              if (message.data.url) {
-                Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
-                  (err) => console.error("error opening url", err)
-                );
-              }
-              context?.onAdClickInternal(message.data);
+              handleClick(message);
               break;
             case "view-iframe":
               context?.onAdViewInternal(message.data);
@@ -301,6 +376,12 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
             case "close-skoverlay-iframe":
               closeSkOverlay();
               break;
+            case "open-skstoreproduct-iframe":
+              openSkStoreProduct(message.data.appStoreId);
+              break;
+            case "close-skstoreproduct-iframe":
+              closeSkStoreProduct();
+              break;
           }
         },
         {
@@ -352,17 +433,18 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
               closeSkOverlay();
               break;
             case "click-iframe":
-              if (message.data.url) {
-                Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch(
-                  (err) => console.error("error opening url", err)
-                );
-              }
-              context?.onAdClickInternal(message.data);
+              handleClick(message);
               break;
             case "event-iframe":
               onEvent?.(message.data);
               context?.onAdEventInternal(message.data);
               break;
+            case "open-skstoreproduct-iframe":
+              openSkStoreProduct(message.data.appStoreId);
+              break;
+            case "close-skstoreproduct-iframe":
+              closeSkStoreProduct();
+              break;
           }
         },
         {
@@ -548,11 +630,11 @@ import {
   log
 } from "@kontextso/sdk-react";
 import { fetch as fetchNetworkInfo, NetInfoStateType } from "@react-native-community/netinfo";
-import { Appearance, Dimensions, PixelRatio, Platform as Platform2 } from "react-native";
+import { Appearance, Dimensions, PixelRatio, Platform as Platform3 } from "react-native";
 import DeviceInfo from "react-native-device-info";
 
 // package.json
-var version = "3.1.0-rc.4";
+var version = "3.2.0-rc.1";
 
 // src/context/AdsProvider.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
@@ -605,7 +687,7 @@ var getDevice = async () => {
         detail: networkInfo.type === NetInfoStateType.cellular && networkInfo.details.cellularGeneration || void 0
       },
       os: {
-        name: Platform2.OS,
+        name: Platform3.OS,
         version: DeviceInfo.getSystemVersion(),
         locale: Intl.DateTimeFormat().resolvedOptions().locale,
         timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
@@ -645,7 +727,7 @@ var getApp = async () => {
 };
 var getSdk = async () => ({
   name: "sdk-react-native",
-  platform: Platform2.OS === "ios" ? "ios" : "android",
+  platform: Platform3.OS === "ios" ? "ios" : "android",
   version
 });
 var AdsProvider = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "3.2.0-rc.0",
+  "version": "3.2.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.3",
+    "@kontextso/sdk-common": "^1.0.4",
     "@kontextso/typescript-config": "*",
     "@react-native-community/netinfo": "11.3.1",
     "@testing-library/dom": "^10.4.0",

package/src/formats/Format.tsx

@@ -19,10 +19,14 @@ import { Keyboard, Linking, Modal, useWindowDimensions, View } from 'react-nativ
 import type { WebView, WebViewMessageEvent } from 'react-native-webview'
 import FrameWebView from '../frame-webview'
 import { presentSKOverlay, dismissSKOverlay, type SKOverlayPosition } from '../services/SkOverlay'
+import { presentSKStoreProduct, dismissSKStoreProduct } from '../services/SkStoreProduct'
 
 const sendMessage = (
   webViewRef: React.RefObject<WebView>,
-  type: Extract<IframeMessageType, 'update-iframe' | 'update-dimensions-iframe' | 'update-skoverlay-iframe'>,
+  type: Extract<
+    IframeMessageType,
+    'update-iframe' | 'update-dimensions-iframe' | 'update-skoverlay-iframe' | 'update-skstoreproduct-iframe'
+  >,
   code: string,
   data: any
 ) => {
@@ -104,6 +108,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
 
     isModalInitRef.current = false
     closeSkOverlay()
+    closeSkStoreProduct()
     setModalOpen(false)
     setModalLoaded(false)
     setModalShown(false)
@@ -171,6 +176,69 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
     }
   }
 
+  const openSkStoreProduct = async (appStoreId: string) => {
+    try {
+      if (!(await presentSKStoreProduct(appStoreId))) {
+        return false
+      }
+      sendMessage(webViewRef, 'update-skstoreproduct-iframe', code, {
+        open: true,
+      })
+      return true
+    } catch (e) {
+      debug('error-open-skstoreproduct-iframe', {
+        error: e,
+      })
+      console.error('error opening sk store product', e)
+      return false
+    }
+  }
+
+  const closeSkStoreProduct = async () => {
+    try {
+      if (!(await dismissSKStoreProduct())) {
+        return false
+      }
+      sendMessage(webViewRef, 'update-skstoreproduct-iframe', code, {
+        open: false,
+      })
+      return true
+    } catch (e) {
+      debug('error-close-skstoreproduct-iframe', {
+        error: e,
+      })
+      console.error('error closing sk store product', e)
+      return false
+    }
+  }
+
+  const openUrl = async (message: IframeMessage<'click-iframe'>) => {
+    if (!message.data.url) {
+      return
+    }
+    try {
+      await Linking.openURL(`${context?.adServerUrl}${message.data.url}`)
+    } catch (e) {
+      console.error('error opening url', e)
+    }
+  }
+
+  const handleClick = async(message: IframeMessage<'click-iframe'>) => {
+    if (message.data.appStoreId) {
+      try {
+        if (!(await openSkStoreProduct(message.data.appStoreId))) {
+          await openUrl(message)
+        }
+      } catch (e) {
+        console.error('error opening sk store product', e)
+        await openUrl(message)
+      }
+    } else {
+      await openUrl(message)
+    }
+    context?.onAdClickInternal(message.data)
+  }
+
   debug('format-update-state')
 
   const onMessage = (event: WebViewMessageEvent) => {
@@ -205,12 +273,7 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
               break
 
             case 'click-iframe':
-              if (message.data.url) {
-                Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch((err) =>
-                  console.error('error opening url', err)
-                )
-              }
-              context?.onAdClickInternal(message.data)
+              handleClick(message)
               break
 
             case 'view-iframe':
@@ -263,6 +326,14 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
             case 'close-skoverlay-iframe':
               closeSkOverlay()
               break
+
+            case 'open-skstoreproduct-iframe':
+              openSkStoreProduct(message.data.appStoreId)
+              break
+
+            case 'close-skstoreproduct-iframe':
+              closeSkStoreProduct()
+              break
           }
         },
         {
@@ -325,18 +396,21 @@ const Format = ({ code, messageId, wrapper, onEvent, ...otherParams }: FormatPro
               break
 
             case 'click-iframe':
-              if (message.data.url) {
-                Linking.openURL(`${context?.adServerUrl}${message.data.url}`).catch((err) =>
-                  console.error('error opening url', err)
-                )
-              }
-              context?.onAdClickInternal(message.data)
+              handleClick(message)
               break
 
             case 'event-iframe':
               onEvent?.(message.data)
               context?.onAdEventInternal(message.data)
               break
+
+            case 'open-skstoreproduct-iframe':
+              openSkStoreProduct(message.data.appStoreId)
+              break
+
+            case 'close-skstoreproduct-iframe':
+              closeSkStoreProduct()
+              break
           }
         },
         {

package/src/services/SkStoreProduct.ts

@@ -17,4 +17,4 @@ export async function dismissSKStoreProduct() {
     return false
   }
   return NativeRNKontext.dismissSKStoreProduct()
-}
+}

package/src/services/utils.ts

@@ -1,4 +1,3 @@
-
 export const isValidAppStoreId = (id: unknown): id is string => {
   return typeof id === 'string' && /^\d+$/.test(id)
-}
+}