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

package/dist/index.mjs

@@ -1,57 +1,48 @@
 // ../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
@@ -59,135 +50,133 @@ var FrameWebView = forwardRef(
             }
           }, 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,
@@ -200,9 +189,9 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       height,
       containerStyles,
       iframeStyles,
-      ...data
-    });
-  };
+      ...data,
+    })
+  }
   const debugModal = (name, data = {}) => {
     context?.onDebugEventInternal?.(name, {
       code,
@@ -213,527 +202,505 @@ 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,
+  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, {
       style: {
-        height,
-        width: "100%",
-        backgroundColor: "transparent",
-        borderWidth: 0,
-        ...iframeStyles
-      },
-      onError: () => {
-        debug("iframe-error");
-        reset();
+        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' }),
       },
-      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"
+      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',
+            },
         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-rc.1'
 
 // 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 }