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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "3.1.0-rc.0",
+  "version": "3.1.0-rc.1",
   "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)
 }