@kontextso/sdk-react-native 3.3.0-rc.6 → 3.3.1-rc.0

package/dist/index.js

@@ -1,231 +1,241 @@
-'use strict'
-var __create = Object.create
-var __defProp = Object.defineProperty
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor
-var __getOwnPropNames = Object.getOwnPropertyNames
-var __getProtoOf = Object.getPrototypeOf
-var __hasOwnProp = Object.prototype.hasOwnProperty
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, { get: all[name], enumerable: true })
-}
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
-  if ((from && typeof from === 'object') || typeof from === 'function') {
+  if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, {
-          get: () => from[key],
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
-        })
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to
-}
-var __toESM = (mod, isNodeMode, target) => (
-  (target = mod != null ? __create(__getProtoOf(mod)) : {}),
-  __copyProps(
-    // If the importer is in node compatibility mode or this is not an ESM
-    // file that has been converted to a CommonJS file using a Babel-
-    // compatible transform (i.e. "__esModule" has not been set), then set
-    // "default" to the CommonJS "module.exports" for node compatibility.
-    isNodeMode || !mod || !mod.__esModule ? __defProp(target, 'default', { value: mod, enumerable: true }) : target,
-    mod
-  )
-)
-var __toCommonJS = (mod) => __copyProps(__defProp({}, '__esModule', { value: true }), mod)
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var index_exports = {}
+var index_exports = {};
 __export(index_exports, {
   AdsProvider: () => AdsProvider,
-  InlineAd: () => InlineAd_default,
-})
-module.exports = __toCommonJS(index_exports)
+  InlineAd: () => InlineAd_default
+});
+module.exports = __toCommonJS(index_exports);
 
 // ../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
-var import_sdk_react = require('@kontextso/sdk-react')
-var import_react2 = require('react')
-var import_react_native4 = require('react-native')
+var import_sdk_react = require("@kontextso/sdk-react");
+var import_react2 = require("react");
+var import_react_native5 = require("react-native");
 
 // src/frame-webview.tsx
-var import_react = require('react')
-var import_react_native_webview = require('react-native-webview')
-var import_jsx_runtime = require('react/jsx-runtime')
-var FrameWebView = (0, import_react.forwardRef)(({ iframeUrl, onMessage, style, onError, onLoad }, forwardedRef) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_webview.WebView, {
-    ref: forwardedRef,
-    source: {
-      uri: iframeUrl,
-    },
-    onMessage,
-    style,
-    allowsInlineMediaPlayback: true,
-    mediaPlaybackRequiresUserAction: false,
-    javaScriptEnabled: true,
-    domStorageEnabled: true,
-    allowsFullscreenVideo: false,
-    originWhitelist: ['*'],
-    sharedCookiesEnabled: true,
-    thirdPartyCookiesEnabled: true,
-    injectedJavaScript: `
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_react_native_webview = require("react-native-webview");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FrameWebView = (0, import_react.forwardRef)(
+  ({ iframeUrl, onMessage, style, onError, onLoad }, forwardedRef) => {
+    const isLoadedRef = (0, import_react.useRef)(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native_webview.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
               window.ReactNativeWebView.postMessage(JSON.stringify(event.data));
             }
           }, false);
+
       `,
-    onError,
-    onLoad,
-  })
-})
-var frame_webview_default = FrameWebView
+        onError: (event) => onError(
+          new Error(`${event.nativeEvent.title}: ${event.nativeEvent.description} [${event.nativeEvent.url}]`),
+          true
+        ),
+        onLoad: () => {
+          isLoadedRef.current = true;
+          onLoad();
+        },
+        onShouldStartLoadWithRequest: (request) => {
+          if (!isLoadedRef.current || request.url.match(/^about:/) || request.url.startsWith(iframeUrl)) {
+            return true;
+          }
+          import_react_native.Linking.openURL(request.url).catch((err) => {
+            onError(new Error(`Failed to open URL: ${request.url} [${err.message}]`));
+          });
+          return false;
+        }
+      }
+    );
+  }
+);
+var frame_webview_default = FrameWebView;
 
 // src/services/SkOverlay.ts
-var import_react_native2 = require('react-native')
+var import_react_native3 = require("react-native");
 
 // src/NativeRNKontext.ts
-var import_react_native = require('react-native')
-var NativeRNKontext_default = import_react_native.TurboModuleRegistry.getEnforcing('RNKontext')
+var import_react_native2 = require("react-native");
+var NativeRNKontext_default = import_react_native2.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 (import_react_native2.Platform.OS !== 'ios') {
-    return false
+  if (import_react_native3.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 (import_react_native2.Platform.OS !== 'ios') {
-    return false
+  if (import_react_native3.Platform.OS !== "ios") {
+    return false;
   }
-  return NativeRNKontext_default.dismissSKOverlay()
+  return NativeRNKontext_default.dismissSKOverlay();
 }
 
 // src/services/SkStoreProduct.ts
-var import_react_native3 = require('react-native')
+var import_react_native4 = require("react-native");
 async function presentSKStoreProduct(appStoreId) {
-  if (import_react_native3.Platform.OS !== 'ios') {
-    return false
+  if (import_react_native4.Platform.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 (import_react_native3.Platform.OS !== 'ios') {
-    return false
+  if (import_react_native4.Platform.OS !== "ios") {
+    return false;
   }
-  return NativeRNKontext_default.dismissSKStoreProduct()
+  return NativeRNKontext_default.dismissSKStoreProduct();
 }
 
 // src/formats/Format.tsx
-var import_jsx_runtime2 = require('react/jsx-runtime')
+var import_jsx_runtime2 = require("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 = (0, import_react2.useContext)(import_sdk_react.AdsContext)
-  const bid = (0, import_sdk_react.useBid)({ code, messageId })
-  const [height, setHeight] = (0, import_react2.useState)(0)
-  const cachedContent = getCachedContent(context, bid?.bidId)
-  const iframeUrl = (0, import_sdk_react.useIframeUrl)(
-    bid,
-    code,
-    messageId,
-    'sdk-react-native',
-    otherParams.theme,
-    cachedContent
-  )
-  const modalUrl = iframeUrl.replace('/api/frame/', '/api/modal/')
-  const [showIframe, setShowIframe] = (0, import_react2.useState)(false)
-  const [iframeLoaded, setIframeLoaded] = (0, import_react2.useState)(false)
-  const [modalOpen, setModalOpen] = (0, import_react2.useState)(false)
-  const [modalShown, setModalShown] = (0, import_react2.useState)(false)
-  const [modalLoaded, setModalLoaded] = (0, import_react2.useState)(false)
-  const [containerStyles, setContainerStyles] = (0, import_react2.useState)({})
-  const [iframeStyles, setIframeStyles] = (0, import_react2.useState)({})
-  const containerRef = (0, import_react2.useRef)(null)
-  const webViewRef = (0, import_react2.useRef)(null)
-  const modalWebViewRef = (0, import_react2.useRef)(null)
-  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_native4.useWindowDimensions)()
-  const keyboardHeightRef = (0, import_react2.useRef)(0)
-  const isAdViewVisible = showIframe && iframeLoaded
+  const context = (0, import_react2.useContext)(import_sdk_react.AdsContext);
+  const bid = (0, import_sdk_react.useBid)({ code, messageId });
+  const [height, setHeight] = (0, import_react2.useState)(0);
+  const cachedContent = getCachedContent(context, bid?.bidId);
+  const iframeUrl = (0, import_sdk_react.useIframeUrl)(bid, code, messageId, "sdk-react-native", otherParams.theme, cachedContent);
+  const modalUrl = iframeUrl.replace("/api/frame/", "/api/modal/");
+  const [showIframe, setShowIframe] = (0, import_react2.useState)(false);
+  const [iframeLoaded, setIframeLoaded] = (0, import_react2.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react2.useState)(false);
+  const [modalShown, setModalShown] = (0, import_react2.useState)(false);
+  const [modalLoaded, setModalLoaded] = (0, import_react2.useState)(false);
+  const [containerStyles, setContainerStyles] = (0, import_react2.useState)({});
+  const [iframeStyles, setIframeStyles] = (0, import_react2.useState)({});
+  const containerRef = (0, import_react2.useRef)(null);
+  const webViewRef = (0, import_react2.useRef)(null);
+  const modalWebViewRef = (0, import_react2.useRef)(null);
+  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_native5.useWindowDimensions)();
+  const keyboardHeightRef = (0, import_react2.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();
+  };
   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,
@@ -238,9 +248,9 @@ var Format = ({ code, messageId, wrapper, onEvent, ...otherParams }) => {
       height,
       containerStyles,
       iframeStyles,
-      ...data,
-    })
-  }
+      ...data
+    });
+  };
   const debugModal = (name, data = {}) => {
     context?.onDebugEventInternal?.(name, {
       code,
@@ -251,542 +261,553 @@ 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 import_react_native4.Linking.openURL(`${context?.adServerUrl}${message.data.url}`)
+      await import_react_native5.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();
+              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();
     }
-  }
-  ;(0, import_react2.useEffect)(() => {
+  };
+  (0, import_react2.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 = (0, import_sdk_react.convertParamsToString)(otherParams)
-  ;(0, import_react2.useEffect)(() => {
+      clearInterval(interval);
+    };
+  }, []);
+  const paramsString = (0, import_sdk_react.convertParamsToString)(otherParams);
+  (0, import_react2.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,
-      })
-    })
-  }
-  ;(0, import_react2.useEffect)(() => {
-    if (!isAdViewVisible) return
+        keyboardHeight: keyboardHeightRef.current
+      });
+    });
+  };
+  (0, import_react2.useEffect)(() => {
+    if (!isAdViewVisible) return;
     const interval = setInterval(() => {
-      checkIfInViewport()
-    }, 250)
-    return () => clearInterval(interval)
-  }, [isAdViewVisible])
-  ;(0, import_react2.useEffect)(() => {
-    const showSubscription = import_react_native4.Keyboard.addListener('keyboardDidShow', (e) => {
-      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0
-    })
-    const hideSubscription = import_react_native4.Keyboard.addListener('keyboardDidHide', () => {
-      keyboardHeightRef.current = 0
-    })
+      checkIfInViewport();
+    }, 250);
+    return () => clearInterval(interval);
+  }, [isAdViewVisible]);
+  (0, import_react2.useEffect)(() => {
+    const showSubscription = import_react_native5.Keyboard.addListener("keyboardDidShow", (e) => {
+      keyboardHeightRef.current = e?.endCoordinates?.height ?? 0;
+    });
+    const hideSubscription = import_react_native5.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__ */ (0, import_jsx_runtime2.jsx)(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__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Modal, {
-    visible: modalOpen,
-    transparent: true,
-    onRequestClose: resetModal,
-    animationType: 'slide',
-    statusBarTranslucent: true,
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, {
+  const inlineContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    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__ */ (0, import_jsx_runtime2.jsx)(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: (error, shouldReset) => {
+        debug("iframe-error", {
+          error: error.toString()
+        });
+        context?.captureError(error);
+        if (shouldReset) {
+          reset();
+        }
+      },
+      onLoad: () => {
+        debug("iframe-load");
+        messageStatusRef.current = "initialized" /* Initialized */;
+      }
+    }
+  );
+  const interstitialContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native5.Modal,
+    {
+      visible: modalOpen,
+      transparent: true,
+      onRequestClose: resetModal,
+      animationType: "slide",
+      statusBarTranslucent: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native5.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__ */ (0, import_jsx_runtime2.jsx)(
+            frame_webview_default,
+            {
+              ref: modalWebViewRef,
+              iframeUrl: modalUrl,
+              onMessage: onModalMessage,
+              style: {
+                backgroundColor: "transparent",
+                height: "100%",
+                width: "100%",
+                borderWidth: 0
+              },
+              onError: (error, shouldReset) => {
+                debug("modal-error", {
+                  error: error.toString()
+                });
+                context?.captureError(error);
+                if (shouldReset) {
+                  resetModal();
+                }
+              },
+              onLoad: () => {
+                debug("modal-load");
+                setModalLoaded(true);
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_native5.View,
+      {
+        style: isAdViewVisible ? containerStyles : {
+          height: 0,
+          overflow: "hidden"
         },
-      }),
-    }),
-  })
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, {
-        style: isAdViewVisible
-          ? containerStyles
-          : {
-              height: 0,
-              overflow: 'hidden',
-            },
         ref: containerRef,
-        children: wrapper ? wrapper(inlineContent) : inlineContent,
-      }),
-      interstitialContent,
-    ],
-  })
-}
-var FormatWithErrorBoundary = (props) =>
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sdk_react.ErrorBoundary, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Format, { ...props }),
-  })
-var Format_default = FormatWithErrorBoundary
+        children: wrapper ? wrapper(inlineContent) : inlineContent
+      }
+    ),
+    interstitialContent
+  ] });
+};
+var FormatWithErrorBoundary = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sdk_react.ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Format, { ...props }) });
+var Format_default = FormatWithErrorBoundary;
 
 // src/formats/InlineAd.tsx
-var import_jsx_runtime3 = require('react/jsx-runtime')
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var InlineAd = ({ code, messageId, wrapper, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Format_default, { code, messageId, wrapper, ...props })
-}
-var InlineAd_default = InlineAd
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Format_default, { code, messageId, wrapper, ...props });
+};
+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_native5 = require('react-native')
-var import_react_native_device_info = __toESM(require('react-native-device-info'))
+var import_sdk_react2 = require("@kontextso/sdk-react");
+var import_netinfo = require("@react-native-community/netinfo");
+var import_react_native6 = require("react-native");
+var import_react_native_device_info = __toESM(require("react-native-device-info"));
 
 // package.json
-var version = '3.3.0-rc.3'
+var version = "3.3.1-rc.0";
 
 // src/context/AdsProvider.tsx
-var import_jsx_runtime4 = require('react/jsx-runtime')
+var import_jsx_runtime4 = require("react/jsx-runtime");
 ErrorUtils.setGlobalHandler((error, isFatal) => {
   if (!isFatal) {
-    import_sdk_react2.log.warn(error)
+    import_sdk_react2.log.warn(error);
   } else {
-    import_sdk_react2.log.error(error)
+    import_sdk_react2.log.error(error);
   }
-})
+});
 var batteryLevelToPercent = (level) => {
-  if (typeof level !== 'number' || !isFinite(level)) return void 0
-  if (level < 0) return void 0
-  return Math.max(0, Math.min(100, Math.round(level * 100)))
-}
+  if (typeof level !== "number" || !isFinite(level)) return void 0;
+  if (level < 0) return void 0;
+  return Math.max(0, Math.min(100, Math.round(level * 100)));
+};
 var getDevice = async () => {
   try {
-    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_native5.Dimensions.get('screen')
-    const networkInfo = await (0, import_netinfo.fetch)()
+    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_native6.Dimensions.get("screen");
+    const networkInfo = await (0, import_netinfo.fetch)();
     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: import_react_native_device_info.default.getBrand(),
         model: import_react_native_device_info.default.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 === import_netinfo.NetInfoStateType.cellular && networkInfo.details.carrier) || void 0,
+        carrier: networkInfo.type === import_netinfo.NetInfoStateType.cellular && networkInfo.details.carrier || void 0,
         userAgent: await import_react_native_device_info.default.getUserAgent(),
-        type: [
-          import_netinfo.NetInfoStateType.wifi,
-          import_netinfo.NetInfoStateType.cellular,
-          import_netinfo.NetInfoStateType.ethernet,
-        ].includes(networkInfo.type)
-          ? networkInfo.type
-          : import_netinfo.NetInfoStateType.other,
-        detail:
-          (networkInfo.type === import_netinfo.NetInfoStateType.cellular && networkInfo.details.cellularGeneration) ||
-          void 0,
+        type: [import_netinfo.NetInfoStateType.wifi, import_netinfo.NetInfoStateType.cellular, import_netinfo.NetInfoStateType.ethernet].includes(networkInfo.type) ? networkInfo.type : import_netinfo.NetInfoStateType.other,
+        detail: networkInfo.type === import_netinfo.NetInfoStateType.cellular && networkInfo.details.cellularGeneration || void 0
       },
       os: {
-        name: import_react_native5.Platform.OS,
+        name: import_react_native6.Platform.OS,
         version: import_react_native_device_info.default.getSystemVersion(),
         locale: Intl.DateTimeFormat().resolvedOptions().locale,
-        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
       },
       screen: {
-        darkMode: import_react_native5.Appearance.getColorScheme() === 'dark',
-        dpr: import_react_native5.PixelRatio.get(),
+        darkMode: import_react_native6.Appearance.getColorScheme() === "dark",
+        dpr: import_react_native6.PixelRatio.get(),
         height: screen.height,
         width: screen.width,
-        orientation: screen.width > screen.height ? 'landscape' : 'portrait',
+        orientation: screen.width > screen.height ? "landscape" : "portrait"
       },
       power: {
         batteryLevel: batteryLevelToPercent(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: import_react_native_device_info.default.getBundleId(),
       firstInstallTime: await import_react_native_device_info.default.getFirstInstallTime(),
       lastUpdateTime: await import_react_native_device_info.default.getLastUpdateTime(),
-      version: import_react_native_device_info.default.getVersion(),
+      version: import_react_native_device_info.default.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: import_react_native5.Platform.OS === 'ios' ? 'ios' : 'android',
-  version,
-})
+  name: "sdk-react-native",
+  platform: import_react_native6.Platform.OS === "ios" ? "ios" : "android",
+  version
+});
 var getTcf = async () => {
   try {
-    const tcfData = await NativeRNKontext_default.getTcfData()
+    const tcfData = await NativeRNKontext_default.getTcfData();
+    const gdpr = tcfData.gdprApplies === 0 || tcfData.gdprApplies === 1 ? tcfData.gdprApplies : void 0;
+    const gdprConsent = typeof tcfData.tcString === "string" && tcfData.tcString.length > 0 ? tcfData.tcString : void 0;
     return {
-      gdpr: tcfData.gdprApplies,
-      gdprConsent: tcfData.tcString,
-    }
+      ...gdpr !== void 0 ? { gdpr } : {},
+      ...gdprConsent !== void 0 ? { gdprConsent } : {}
+    };
   } catch (error) {
-    console.error(error)
-    return {}
+    console.error(error);
+    return {};
   }
-}
+};
 var AdsProvider = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sdk_react2.AdsProviderInternal, {
-    ...props,
-    getDevice,
-    getSdk,
-    getApp,
-    getTcf,
-  })
-}
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sdk_react2.AdsProviderInternal, { ...props, getDevice, getSdk, getApp, getTcf });
+};
 // Annotate the CommonJS export names for ESM import in node:
-0 &&
-  (module.exports = {
-    AdsProvider,
-    InlineAd,
-  })
+0 && (module.exports = {
+  AdsProvider,
+  InlineAd
+});