@kontextso/sdk-react-native 3.2.0-rc.3 → 3.2.0

package/dist/index.mjs

@@ -1,48 +1,57 @@
 // ../sdk-common/dist/index.mjs
 function makeIframeMessage(type, opts) {
-  const { data, code, component } = opts
-  const message = { type, data: { ...(data || {}), code, component } }
-  return message
+  const { data, code, component } = opts;
+  const message = { type, data: { ...data || {}, code, component } };
+  return message;
 }
 function handleIframeMessage(handler, opts) {
-  const { origin, code, component } = opts
+  const { origin, code, component } = opts;
   return (event) => {
-    var _a, _b
-    if (origin && event.origin !== origin) return
-    const eventCode = (_a = event.data.data) == null ? void 0 : _a.code
-    if (eventCode && code && eventCode !== code) return
-    const eventComponent = (_b = event.data.data) == null ? void 0 : _b.component
-    if (eventComponent && component && eventComponent !== component) return
-    handler(event.data)
-  }
+    var _a, _b;
+    if (origin && event.origin !== origin) return;
+    const eventCode = (_a = event.data.data) == null ? void 0 : _a.code;
+    if (eventCode && code && eventCode !== code) return;
+    const eventComponent = (_b = event.data.data) == null ? void 0 : _b.component;
+    if (eventComponent && component && eventComponent !== component) return;
+    handler(event.data);
+  };
 }
 
 // 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'
+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'
-import { jsx } from 'react/jsx-runtime'
-var FrameWebView = forwardRef(({ iframeUrl, onMessage, style, onError, onLoad }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(WebView, {
-    ref: forwardedRef,
-    source: {
-      uri: iframeUrl,
-    },
-    onMessage,
-    style,
-    allowsInlineMediaPlayback: true,
-    mediaPlaybackRequiresUserAction: false,
-    javaScriptEnabled: true,
-    domStorageEnabled: true,
-    allowsFullscreenVideo: false,
-    originWhitelist: ['*'],
-    sharedCookiesEnabled: true,
-    thirdPartyCookiesEnabled: true,
-    injectedJavaScript: `
+import { forwardRef } from "react";
+import { WebView } from "react-native-webview";
+import { jsx } from "react/jsx-runtime";
+var FrameWebView = forwardRef(
+  ({ iframeUrl, onMessage, style, onError, onLoad }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(
+      WebView,
+      {
+        ref: forwardedRef,
+        source: {
+          uri: iframeUrl
+        },
+        onMessage,
+        style,
+        allowsInlineMediaPlayback: true,
+        mediaPlaybackRequiresUserAction: false,
+        javaScriptEnabled: true,
+        domStorageEnabled: true,
+        allowsFullscreenVideo: false,
+        originWhitelist: ["*"],
+        sharedCookiesEnabled: true,
+        thirdPartyCookiesEnabled: true,
+        injectedJavaScript: `
           window.addEventListener("message", function(event) {
             if (window.ReactNativeWebView && event.data) {
               // ReactNativeWebView.postMessage only supports string data
@@ -50,133 +59,135 @@ var FrameWebView = forwardRef(({ iframeUrl, onMessage, style, onError, onLoad },
             }
           }, false);
       `,
-    onError,
-    onLoad,
-  })
-})
-var frame_webview_default = FrameWebView
+        onError,
+        onLoad
+      }
+    );
+  }
+);
+var frame_webview_default = FrameWebView;
 
 // src/services/SkOverlay.ts
-import { Platform } from 'react-native'
+import { Platform } from "react-native";
 
 // src/NativeRNKontext.ts
-import { TurboModuleRegistry } from 'react-native'
-var NativeRNKontext_default = TurboModuleRegistry.getEnforcing('RNKontext')
+import { TurboModuleRegistry } from "react-native";
+var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
 
 // src/services/utils.ts
 var isValidAppStoreId = (id) => {
-  return typeof id === 'string' && /^\d+$/.test(id)
-}
+  return typeof id === "string" && /^\d+$/.test(id);
+};
 
 // src/services/SkOverlay.ts
 var isValidPosition = (p) => {
-  return p === 'bottom' || p === 'bottomRaised'
-}
+  return p === "bottom" || p === "bottomRaised";
+};
 async function presentSKOverlay(params) {
-  if (Platform.OS !== 'ios') {
-    return false
+  if (Platform.OS !== "ios") {
+    return false;
   }
-  let { appStoreId, position, dismissible } = params
+  let { appStoreId, position, dismissible } = params;
   if (!isValidAppStoreId(appStoreId)) {
-    return false
+    return false;
   }
   if (!isValidPosition(position)) {
-    position = 'bottom'
+    position = "bottom";
   }
-  if (typeof dismissible !== 'boolean') {
-    dismissible = Boolean(dismissible)
+  if (typeof dismissible !== "boolean") {
+    dismissible = Boolean(dismissible);
   }
-  return NativeRNKontext_default.presentSKOverlay(appStoreId, position, dismissible)
+  return NativeRNKontext_default.presentSKOverlay(appStoreId, position, dismissible);
 }
 async function dismissSKOverlay() {
-  if (Platform.OS !== 'ios') {
-    return false
+  if (Platform.OS !== "ios") {
+    return false;
   }
-  return NativeRNKontext_default.dismissSKOverlay()
+  return NativeRNKontext_default.dismissSKOverlay();
 }
 
 // src/services/SkStoreProduct.ts
-import { Platform as Platform2 } from 'react-native'
+import { Platform as Platform2 } from "react-native";
 async function presentSKStoreProduct(appStoreId) {
-  if (Platform2.OS !== 'ios') {
-    return false
+  if (Platform2.OS !== "ios") {
+    return false;
   }
   if (!isValidAppStoreId(appStoreId)) {
-    return false
+    return false;
   }
-  return NativeRNKontext_default.presentSKStoreProduct(appStoreId)
+  return NativeRNKontext_default.presentSKStoreProduct(appStoreId);
 }
 async function dismissSKStoreProduct() {
-  if (Platform2.OS !== 'ios') {
-    return false
+  if (Platform2.OS !== "ios") {
+    return false;
   }
-  return NativeRNKontext_default.dismissSKStoreProduct()
+  return NativeRNKontext_default.dismissSKStoreProduct();
 }
 
 // src/formats/Format.tsx
-import { Fragment, jsx as jsx2, jsxs } from 'react/jsx-runtime'
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var sendMessage = (webViewRef, type, code, data) => {
   const message = makeIframeMessage(type, {
     data,
-    code,
-  })
+    code
+  });
   webViewRef.current?.injectJavaScript(`
     window.dispatchEvent(new MessageEvent('message', {
       data: ${JSON.stringify(message)}
     }));
-  `)
-}
+  `);
+};
 var getCachedContent = (context, bidId) => {
   if (!bidId) {
-    return null
+    return null;
   }
-  return context?.cachedContentRef?.current?.get(bidId) ?? 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 cachedContent = getCachedContent(context, bid?.bidId)
-  const iframeUrl = useIframeUrl(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)
-  const [modalOpen, setModalOpen] = useState(false)
-  const [modalShown, setModalShown] = useState(false)
-  const [modalLoaded, setModalLoaded] = useState(false)
-  const [containerStyles, setContainerStyles] = useState({})
-  const [iframeStyles, setIframeStyles] = useState({})
-  const containerRef = useRef(null)
-  const webViewRef = useRef(null)
-  const modalWebViewRef = useRef(null)
-  const messageStatusRef = useRef('none' /* None */)
-  const modalInitTimeoutRef = useRef(null)
-  const isModalInitRef = useRef(false)
-  const { height: windowHeight, width: windowWidth } = useWindowDimensions()
-  const keyboardHeightRef = useRef(0)
-  const isAdViewVisible = showIframe && iframeLoaded
+  const context = useContext(AdsContext);
+  const bid = useBid({ code, messageId });
+  const [height, setHeight] = useState(0);
+  const cachedContent = getCachedContent(context, bid?.bidId);
+  const iframeUrl = useIframeUrl(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);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [modalShown, setModalShown] = useState(false);
+  const [modalLoaded, setModalLoaded] = useState(false);
+  const [containerStyles, setContainerStyles] = useState({});
+  const [iframeStyles, setIframeStyles] = useState({});
+  const containerRef = useRef(null);
+  const webViewRef = useRef(null);
+  const modalWebViewRef = useRef(null);
+  const messageStatusRef = useRef("none" /* None */);
+  const modalInitTimeoutRef = useRef(null);
+  const isModalInitRef = useRef(false);
+  const { height: windowHeight, width: windowWidth } = useWindowDimensions();
+  const keyboardHeightRef = useRef(0);
+  const isAdViewVisible = showIframe && iframeLoaded;
   const reset = () => {
-    setHeight(0)
-    setShowIframe(false)
-    setContainerStyles({})
-    setIframeStyles({})
-    setIframeLoaded(false)
-    resetModal()
-    context?.resetAll()
-    context?.captureError(new Error('Processing iframe error'))
-  }
+    setHeight(0);
+    setShowIframe(false);
+    setContainerStyles({});
+    setIframeStyles({});
+    setIframeLoaded(false);
+    resetModal();
+    context?.resetAll();
+    context?.captureError(new Error("Processing iframe error"));
+  };
   const resetModal = () => {
     if (modalInitTimeoutRef.current) {
-      clearTimeout(modalInitTimeoutRef.current)
-      modalInitTimeoutRef.current = null
+      clearTimeout(modalInitTimeoutRef.current);
+      modalInitTimeoutRef.current = null;
     }
-    isModalInitRef.current = false
-    closeSkOverlay()
-    closeSkStoreProduct()
-    setModalOpen(false)
-    setModalLoaded(false)
-    setModalShown(false)
-  }
+    isModalInitRef.current = false;
+    closeSkOverlay();
+    closeSkStoreProduct();
+    setModalOpen(false);
+    setModalLoaded(false);
+    setModalShown(false);
+  };
   const debug = (name, data = {}) => {
     context?.onDebugEventInternal?.(name, {
       code,
@@ -189,9 +200,9 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       height,
       containerStyles,
       iframeStyles,
-      ...data,
-    })
-  }
+      ...data
+    });
+  };
   const debugModal = (name, data = {}) => {
     context?.onDebugEventInternal?.(name, {
       code,
@@ -202,505 +213,527 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       modalOpen,
       modalShown,
       modalLoaded,
-      ...data,
-    })
-  }
+      ...data
+    });
+  };
   const openSkOverlay = async (appStoreId, position, dismissible) => {
     try {
-      if (!(await presentSKOverlay({ appStoreId, position, dismissible }))) {
-        return
+      if (!await presentSKOverlay({ appStoreId, position, dismissible })) {
+        return;
       }
-      sendMessage(webViewRef, 'update-skoverlay-iframe', code, {
-        open: true,
-      })
+      sendMessage(webViewRef, "update-skoverlay-iframe", code, {
+        open: true
+      });
     } catch (e) {
-      debug('error-open-skoverlay-iframe', {
-        error: e,
-      })
-      console.error('error opening sk overlay', e)
+      debug("error-open-skoverlay-iframe", {
+        error: e
+      });
+      console.error("error opening sk overlay", e);
     }
-  }
+  };
   const closeSkOverlay = async () => {
     try {
-      if (!(await dismissSKOverlay())) {
-        return
+      if (!await dismissSKOverlay()) {
+        return;
       }
-      sendMessage(webViewRef, 'update-skoverlay-iframe', code, {
-        open: false,
-      })
+      sendMessage(webViewRef, "update-skoverlay-iframe", code, {
+        open: false
+      });
     } catch (e) {
-      debug('error-dismiss-skoverlay-iframe', {
-        error: e,
-      })
-      console.error('error dismissing sk overlay', e)
+      debug("error-dismiss-skoverlay-iframe", {
+        error: e
+      });
+      console.error("error dismissing sk overlay", e);
     }
-  }
+  };
   const openSkStoreProduct = async (appStoreId) => {
     try {
-      if (!(await presentSKStoreProduct(appStoreId))) {
-        return false
+      if (!await presentSKStoreProduct(appStoreId)) {
+        return false;
       }
-      sendMessage(webViewRef, 'update-skstoreproduct-iframe', code, {
-        open: true,
-      })
-      return true
+      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
+      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
+      if (!await dismissSKStoreProduct()) {
+        return false;
       }
-      sendMessage(webViewRef, 'update-skstoreproduct-iframe', code, {
-        open: false,
-      })
-      return true
+      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
+      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
+      return;
     }
     try {
-      await Linking.openURL(`${context?.adServerUrl}${message.data.url}`)
+      await Linking.openURL(`${context?.adServerUrl}${message.data.url}`);
     } catch (e) {
-      console.error('error opening url', 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)
+        if (!await openSkStoreProduct(message.data.appStoreId)) {
+          await openUrl(message);
         }
       } catch (e) {
-        console.error('error opening sk store product', e)
-        await openUrl(message)
+        console.error("error opening sk store product", e);
+        await openUrl(message);
       }
     } else {
-      await openUrl(message)
+      await openUrl(message);
     }
-    context?.onAdClickInternal(message.data)
-  }
-  debug('format-update-state')
+    context?.onAdClickInternal(message.data);
+  };
+  debug("format-update-state");
   const onMessage = (event) => {
     try {
-      const data = JSON.parse(event.nativeEvent.data)
-      debug('iframe-message', {
-        message: data,
-      })
+      const data = JSON.parse(event.nativeEvent.data);
+      debug("iframe-message", {
+        message: data
+      });
       const messageHandler = handleIframeMessage(
         (message) => {
           switch (message.type) {
-            case 'init-iframe':
-              setIframeLoaded(true)
-              debug('iframe-post-message')
-              messageStatusRef.current = 'message-received' /* MessageReceived */
-              sendMessage(webViewRef, 'update-iframe', code, {
+            case "init-iframe":
+              setIframeLoaded(true);
+              debug("iframe-post-message");
+              messageStatusRef.current = "message-received" /* MessageReceived */;
+              sendMessage(webViewRef, "update-iframe", code, {
                 messages: context?.messages,
-                sdk: 'sdk-react-native',
+                sdk: "sdk-react-native",
                 otherParams,
-                messageId,
-              })
-              break
-            case 'error-iframe':
-              reset()
-              break
-            case 'resize-iframe':
-              setHeight(message.data.height)
-              break
-            case 'click-iframe':
-              handleClick(message)
-              break
-            case 'view-iframe':
-              context?.onAdViewInternal(message.data)
-              break
-            case 'ad-done-iframe':
+                messageId
+              });
+              break;
+            case "error-iframe":
+              reset();
+              break;
+            case "resize-iframe":
+              setHeight(message.data.height);
+              break;
+            case "click-iframe":
+              handleClick(message);
+              break;
+            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)
+                context?.cachedContentRef?.current?.set(bid.bidId, message.data.cachedContent);
               }
-              break
-            case 'show-iframe':
-              setShowIframe(true)
-              break
-            case 'hide-iframe':
-              setShowIframe(false)
-              break
-            case 'set-styles-iframe':
-              setContainerStyles(message.data.containerStyles)
-              setIframeStyles(message.data.iframeStyles)
-              break
-            case 'open-component-iframe':
-              setModalOpen(true)
+              break;
+            case "show-iframe":
+              setShowIframe(true);
+              break;
+            case "hide-iframe":
+              setShowIframe(false);
+              break;
+            case "set-styles-iframe":
+              setContainerStyles(message.data.containerStyles);
+              setIframeStyles(message.data.iframeStyles);
+              break;
+            case "open-component-iframe":
+              setModalOpen(true);
               modalInitTimeoutRef.current = setTimeout(() => {
                 if (!isModalInitRef.current) {
-                  resetModal()
+                  resetModal();
                 }
-              }, message.data.timeout ?? 5e3)
-              break
-            case 'event-iframe':
-              onEvent?.(message.data)
-              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
-            case 'open-skstoreproduct-iframe':
-              openSkStoreProduct(message.data.appStoreId)
-              break
-            case 'close-skstoreproduct-iframe':
-              closeSkStoreProduct()
-              break
+              }, message.data.timeout ?? 5e3);
+              break;
+            case "event-iframe":
+              onEvent?.(message.data);
+              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;
+            case "open-skstoreproduct-iframe":
+              openSkStoreProduct(message.data.appStoreId);
+              break;
+            case "close-skstoreproduct-iframe":
+              closeSkStoreProduct();
+              break;
           }
         },
         {
-          code,
+          code
         }
-      )
-      messageHandler({ data })
+      );
+      messageHandler({ data });
     } catch (e) {
-      debug('iframe-message-error', {
-        error: e,
-      })
-      console.error('error parsing message from webview', e)
-      reset()
+      debug("iframe-message-error", {
+        error: e
+      });
+      console.error("error parsing message from webview", e);
+      reset();
     }
-  }
+  };
   const onModalMessage = (event) => {
     try {
-      const data = JSON.parse(event.nativeEvent.data)
-      debugModal('modal-iframe-message', {
-        message: data,
-      })
+      const data = JSON.parse(event.nativeEvent.data);
+      debugModal("modal-iframe-message", {
+        message: data
+      });
       const messageHandler = handleIframeMessage(
         (message) => {
           switch (message.type) {
-            case 'close-component-iframe':
-              resetModal()
-              break
-            case 'init-component-iframe':
-              isModalInitRef.current = true
+            case "close-component-iframe":
+              resetModal();
+              break;
+            case "init-component-iframe":
+              isModalInitRef.current = true;
               if (modalInitTimeoutRef.current) {
-                clearTimeout(modalInitTimeoutRef.current)
-                modalInitTimeoutRef.current = null
+                clearTimeout(modalInitTimeoutRef.current);
+                modalInitTimeoutRef.current = null;
               }
-              setModalShown(true)
-              break
-            case 'error-component-iframe':
-            case 'error-iframe':
-              resetModal()
-              context?.captureError(new Error('Processing modal iframe error'))
-              break
-            case 'open-skoverlay-iframe':
-              openSkOverlay(message.data.appStoreId, message.data.position, message.data.dismissible)
-              break
-            case 'close-skoverlay-iframe':
-              closeSkOverlay()
-              break
-            case 'click-iframe':
-              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
+              setModalShown(true);
+              break;
+            case "error-component-iframe":
+            case "error-iframe":
+              resetModal();
+              context?.captureError(new Error("Processing modal iframe error"));
+              break;
+            case "open-skoverlay-iframe":
+              openSkOverlay(
+                message.data.appStoreId,
+                message.data.position,
+                message.data.dismissible
+              );
+              break;
+            case "close-skoverlay-iframe":
+              closeSkOverlay();
+              break;
+            case "click-iframe":
+              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;
           }
         },
         {
           code,
-          component: 'modal',
+          component: "modal"
         }
-      )
-      messageHandler({ data })
+      );
+      messageHandler({ data });
     } catch (e) {
-      debugModal('modal-iframe-message-error', {
-        error: e,
-      })
-      console.error('error parsing message from webview', e)
-      resetModal()
+      debugModal("modal-iframe-message-error", {
+        error: e
+      });
+      console.error("error parsing message from webview", e);
+      resetModal();
     }
-  }
+  };
   useEffect(() => {
     const interval = setInterval(() => {
-      if (messageStatusRef.current === 'none' /* None */) {
-        return
+      if (messageStatusRef.current === "none" /* None */) {
+        return;
       }
-      if (messageStatusRef.current === 'message-received' /* MessageReceived */) {
-        clearInterval(interval)
-        return
+      if (messageStatusRef.current === "message-received" /* MessageReceived */) {
+        clearInterval(interval);
+        return;
       }
-      debug('iframe-post-message-use-effect')
-      setIframeLoaded(true)
-      sendMessage(webViewRef, 'update-iframe', code, {
+      debug("iframe-post-message-use-effect");
+      setIframeLoaded(true);
+      sendMessage(webViewRef, "update-iframe", code, {
         messages: context?.messages,
-        sdk: 'sdk-react-native',
+        sdk: "sdk-react-native",
         otherParams: {
           ...otherParams,
-          _useEffect: true,
+          _useEffect: true
         },
-        messageId,
-      })
-    }, 500)
+        messageId
+      });
+    }, 500);
     return () => {
-      clearInterval(interval)
-    }
-  }, [])
-  const paramsString = convertParamsToString(otherParams)
+      clearInterval(interval);
+    };
+  }, []);
+  const paramsString = convertParamsToString(otherParams);
   useEffect(() => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
-      return
+      return;
     }
-    debug('iframe-post-message')
-    sendMessage(webViewRef, 'update-iframe', code, {
+    debug("iframe-post-message");
+    sendMessage(webViewRef, "update-iframe", code, {
       data: { otherParams },
-      code,
-    })
-  }, [paramsString, iframeLoaded, context?.adServerUrl, bid, code])
+      code
+    });
+  }, [paramsString, iframeLoaded, context?.adServerUrl, bid, code]);
   const checkIfInViewport = () => {
-    if (!containerRef.current) return
+    if (!containerRef.current) return;
     containerRef.current.measureInWindow((containerX, containerY, containerWidth, containerHeight) => {
-      sendMessage(webViewRef, 'update-dimensions-iframe', code, {
+      sendMessage(webViewRef, "update-dimensions-iframe", code, {
         windowWidth,
         windowHeight,
         containerWidth,
         containerHeight,
         containerX,
         containerY,
-        keyboardHeight: keyboardHeightRef.current,
-      })
-    })
-  }
+        keyboardHeight: keyboardHeightRef.current
+      });
+    });
+  };
   useEffect(() => {
-    if (!isAdViewVisible) return
+    if (!isAdViewVisible) return;
     const interval = setInterval(() => {
-      checkIfInViewport()
-    }, 250)
-    return () => clearInterval(interval)
-  }, [isAdViewVisible])
+      checkIfInViewport();
+    }, 250);
+    return () => clearInterval(interval);
+  }, [isAdViewVisible]);
   useEffect(() => {
-    const showSubscription = Keyboard.addListener('keyboardDidShow', (e) => {
-      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0
-    })
-    const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
-      keyboardHeightRef.current = 0
-    })
+    const showSubscription = Keyboard.addListener("keyboardDidShow", (e) => {
+      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
+    });
+    const hideSubscription = Keyboard.addListener("keyboardDidHide", () => {
+      keyboardHeightRef.current = 0;
+    });
     return () => {
-      showSubscription.remove()
-      hideSubscription.remove()
-      keyboardHeightRef.current = 0
-    }
-  }, [])
+      showSubscription.remove();
+      hideSubscription.remove();
+      keyboardHeightRef.current = 0;
+    };
+  }, []);
   if (!context || !bid || !iframeUrl) {
-    return null
+    return null;
   }
-  const inlineContent = /* @__PURE__ */ jsx2(frame_webview_default, {
-    ref: webViewRef,
-    iframeUrl,
-    onMessage,
-    style: {
-      height,
-      width: '100%',
-      backgroundColor: 'transparent',
-      borderWidth: 0,
-      ...iframeStyles,
-    },
-    onError: () => {
-      debug('iframe-error')
-      reset()
-    },
-    onLoad: () => {
-      debug('iframe-load')
-      messageStatusRef.current = 'initialized' /* Initialized */
-    },
-  })
-  const interstitialContent = /* @__PURE__ */ jsx2(Modal, {
-    visible: modalOpen,
-    transparent: true,
-    onRequestClose: resetModal,
-    animationType: 'slide',
-    statusBarTranslucent: true,
-    children: /* @__PURE__ */ jsx2(View, {
+  const inlineContent = /* @__PURE__ */ jsx2(
+    frame_webview_default,
+    {
+      ref: webViewRef,
+      iframeUrl,
+      onMessage,
       style: {
-        flex: 1,
-        // Don't show the modal until the modal page is loaded and sends 'init-component-iframe' message back to SDK
-        ...(modalShown ? { opacity: 1, pointerEvents: 'auto' } : { opacity: 0, pointerEvents: 'none' }),
+        height,
+        width: "100%",
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        ...iframeStyles
       },
-      children: /* @__PURE__ */ jsx2(frame_webview_default, {
-        ref: modalWebViewRef,
-        iframeUrl: modalUrl,
-        onMessage: onModalMessage,
-        style: {
-          backgroundColor: 'transparent',
-          height: '100%',
-          width: '100%',
-          borderWidth: 0,
-        },
-        onError: () => {
-          debug('modal-error')
-          resetModal()
-        },
-        onLoad: () => {
-          debug('modal-load')
-          setModalLoaded(true)
+      onError: () => {
+        debug("iframe-error");
+        reset();
+      },
+      onLoad: () => {
+        debug("iframe-load");
+        messageStatusRef.current = "initialized" /* Initialized */;
+      }
+    }
+  );
+  const interstitialContent = /* @__PURE__ */ jsx2(
+    Modal,
+    {
+      visible: modalOpen,
+      transparent: true,
+      onRequestClose: resetModal,
+      animationType: "slide",
+      statusBarTranslucent: true,
+      children: /* @__PURE__ */ jsx2(
+        View,
+        {
+          style: {
+            flex: 1,
+            // Don't show the modal until the modal page is loaded and sends 'init-component-iframe' message back to SDK
+            ...modalShown ? { opacity: 1, pointerEvents: "auto" } : { opacity: 0, pointerEvents: "none" }
+          },
+          children: /* @__PURE__ */ jsx2(
+            frame_webview_default,
+            {
+              ref: modalWebViewRef,
+              iframeUrl: modalUrl,
+              onMessage: onModalMessage,
+              style: {
+                backgroundColor: "transparent",
+                height: "100%",
+                width: "100%",
+                borderWidth: 0
+              },
+              onError: () => {
+                debug("modal-error");
+                resetModal();
+              },
+              onLoad: () => {
+                debug("modal-load");
+                setModalLoaded(true);
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      View,
+      {
+        style: isAdViewVisible ? containerStyles : {
+          height: 0,
+          overflow: "hidden"
         },
-      }),
-    }),
-  })
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx2(View, {
-        style: isAdViewVisible
-          ? containerStyles
-          : {
-              height: 0,
-              overflow: 'hidden',
-            },
         ref: containerRef,
-        children: wrapper ? wrapper(inlineContent) : inlineContent,
-      }),
-      interstitialContent,
-    ],
-  })
-}
-var FormatWithErrorBoundary = (props) =>
-  /* @__PURE__ */ jsx2(ErrorBoundary, { children: /* @__PURE__ */ jsx2(Format, { ...props }) })
-var Format_default = FormatWithErrorBoundary
+        children: wrapper ? wrapper(inlineContent) : inlineContent
+      }
+    ),
+    interstitialContent
+  ] });
+};
+var FormatWithErrorBoundary = (props) => /* @__PURE__ */ jsx2(ErrorBoundary, { children: /* @__PURE__ */ jsx2(Format, { ...props }) });
+var Format_default = FormatWithErrorBoundary;
 
 // src/formats/InlineAd.tsx
-import { jsx as jsx3 } from 'react/jsx-runtime'
+import { jsx as jsx3 } from "react/jsx-runtime";
 var InlineAd = ({ code, messageId, wrapper, ...props }) => {
-  return /* @__PURE__ */ jsx3(Format_default, { code, messageId, wrapper, ...props })
-}
-var InlineAd_default = InlineAd
+  return /* @__PURE__ */ jsx3(Format_default, { code, messageId, wrapper, ...props });
+};
+var InlineAd_default = InlineAd;
 
 // src/context/AdsProvider.tsx
-import { AdsProviderInternal, log } from '@kontextso/sdk-react'
-import { fetch as fetchNetworkInfo, NetInfoStateType } from '@react-native-community/netinfo'
-import { Appearance, Dimensions, PixelRatio, Platform as Platform3 } from 'react-native'
-import DeviceInfo from 'react-native-device-info'
+import {
+  AdsProviderInternal,
+  log
+} from "@kontextso/sdk-react";
+import { fetch as fetchNetworkInfo, NetInfoStateType } from "@react-native-community/netinfo";
+import { Appearance, Dimensions, PixelRatio, Platform as Platform3 } from "react-native";
+import DeviceInfo from "react-native-device-info";
 
 // package.json
-var version = '3.2.0-rc.1'
+var version = "3.2.0";
 
 // src/context/AdsProvider.tsx
-import { jsx as jsx4 } from 'react/jsx-runtime'
+import { jsx as jsx4 } from "react/jsx-runtime";
 ErrorUtils.setGlobalHandler((error, isFatal) => {
   if (!isFatal) {
-    log.warn(error)
+    log.warn(error);
   } else {
-    log.error(error)
+    log.error(error);
   }
-})
+});
 var getDevice = async () => {
   try {
-    const powerState = await DeviceInfo.getPowerState()
-    const deviceType = DeviceInfo.getDeviceType()
-    const soundOn = await NativeRNKontext_default.isSoundOn()
-    const screen = Dimensions.get('screen')
-    const networkInfo = await fetchNetworkInfo()
+    const powerState = await DeviceInfo.getPowerState();
+    const deviceType = DeviceInfo.getDeviceType();
+    const soundOn = await NativeRNKontext_default.isSoundOn();
+    const screen = Dimensions.get("screen");
+    const networkInfo = await fetchNetworkInfo();
     const mapDeviceTypeToHardwareType = () => {
       switch (deviceType) {
-        case 'Handset':
-          return 'handset'
-        case 'Tablet':
-          return 'tablet'
-        case 'Tv':
-          return 'tv'
-        case 'Desktop':
-          return 'desktop'
+        case "Handset":
+          return "handset";
+        case "Tablet":
+          return "tablet";
+        case "Tv":
+          return "tv";
+        case "Desktop":
+          return "desktop";
         default:
-          return 'other'
+          return "other";
       }
-    }
+    };
     return {
       hardware: {
         brand: DeviceInfo.getBrand(),
         model: DeviceInfo.getDeviceId(),
-        type: mapDeviceTypeToHardwareType(),
+        type: mapDeviceTypeToHardwareType()
         // bootTime: Not available without native module
         // sdCardAvailable: Not available without native module
       },
       audio: {
-        muted: soundOn,
+        muted: soundOn
         // volume: Requires react-native-volume-manager
         // outputPluggedIn: Not available without native module
         // outputType: Not available without native module
       },
       network: {
-        carrier: (networkInfo.type === NetInfoStateType.cellular && networkInfo.details.carrier) || void 0,
+        carrier: networkInfo.type === NetInfoStateType.cellular && networkInfo.details.carrier || void 0,
         userAgent: await DeviceInfo.getUserAgent(),
-        type: [NetInfoStateType.wifi, NetInfoStateType.cellular, NetInfoStateType.ethernet].includes(networkInfo.type)
-          ? networkInfo.type
-          : NetInfoStateType.other,
-        detail: (networkInfo.type === NetInfoStateType.cellular && networkInfo.details.cellularGeneration) || void 0,
+        type: [NetInfoStateType.wifi, NetInfoStateType.cellular, NetInfoStateType.ethernet].includes(networkInfo.type) ? networkInfo.type : NetInfoStateType.other,
+        detail: networkInfo.type === NetInfoStateType.cellular && networkInfo.details.cellularGeneration || void 0
       },
       os: {
         name: Platform3.OS,
         version: DeviceInfo.getSystemVersion(),
         locale: Intl.DateTimeFormat().resolvedOptions().locale,
-        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
       },
       screen: {
-        darkMode: Appearance.getColorScheme() === 'dark',
+        darkMode: Appearance.getColorScheme() === "dark",
         dpr: PixelRatio.get(),
         height: screen.height,
         width: screen.width,
-        orientation: screen.width > screen.height ? 'landscape' : 'portrait',
+        orientation: screen.width > screen.height ? "landscape" : "portrait"
       },
       power: {
         batteryLevel: powerState.batteryLevel,
         batteryState: powerState.batteryState,
-        lowPowerMode: powerState.lowPowerMode,
-      },
-    }
+        lowPowerMode: powerState.lowPowerMode
+      }
+    };
   } catch (error) {
-    console.error(error)
-    return {}
+    console.error(error);
+    return {};
   }
-}
+};
 var getApp = async () => {
   try {
     return {
       bundleId: DeviceInfo.getBundleId(),
       firstInstallTime: await DeviceInfo.getFirstInstallTime(),
       lastUpdateTime: await DeviceInfo.getLastUpdateTime(),
-      version: DeviceInfo.getVersion(),
+      version: DeviceInfo.getVersion()
       // Not supported in react-native-device-info v10
       // startTime: await DeviceInfo.getStartupTime(),
-    }
+    };
   } catch (error) {
-    console.error(error)
-    return {}
+    console.error(error);
+    return {};
   }
-}
+};
 var getSdk = async () => ({
-  name: 'sdk-react-native',
-  platform: Platform3.OS === 'ios' ? 'ios' : 'android',
-  version,
-})
+  name: "sdk-react-native",
+  platform: Platform3.OS === "ios" ? "ios" : "android",
+  version
+});
 var AdsProvider = (props) => {
-  return /* @__PURE__ */ jsx4(AdsProviderInternal, { ...props, getDevice, getSdk, getApp })
-}
-export { AdsProvider, InlineAd_default as InlineAd }
+  return /* @__PURE__ */ jsx4(AdsProviderInternal, { ...props, getDevice, getSdk, getApp });
+};
+export {
+  AdsProvider,
+  InlineAd_default as InlineAd
+};