@kontextso/sdk-react-native 2.2.0-rc.2 → 2.2.0

package/dist/index.js

@@ -124,6 +124,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
   const webViewRef = (0, import_react2.useRef)(null);
   const modalWebViewRef = (0, import_react2.useRef)(null);
   const modalInitTimeoutRef = (0, import_react2.useRef)(null);
+  const isModalInitRef = (0, import_react2.useRef)(false);
   const { height: windowHeight, width: windowWidth } = (0, import_react_native.useWindowDimensions)();
   const reset = () => {
     setHeight(0);
@@ -140,6 +141,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
       clearTimeout(modalInitTimeoutRef.current);
       modalInitTimeoutRef.current = null;
     }
+    isModalInitRef.current = false;
     setModalOpen(false);
     setModalLoaded(false);
     setModalShown(false);
@@ -221,7 +223,11 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
               break;
             case "open-component-iframe":
               setModalOpen(true);
-              modalInitTimeoutRef.current = setTimeout(resetModal, message.data.timeout ?? 5e3);
+              modalInitTimeoutRef.current = setTimeout(() => {
+                if (!isModalInitRef.current) {
+                  resetModal();
+                }
+              }, message.data.timeout ?? 5e3);
               break;
           }
         },
@@ -251,6 +257,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
               resetModal();
               break;
             case "init-component-iframe":
+              isModalInitRef.current = true;
               if (modalInitTimeoutRef.current) {
                 clearTimeout(modalInitTimeoutRef.current);
                 modalInitTimeoutRef.current = null;
@@ -260,6 +267,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
             case "error-component-iframe":
             case "error-iframe":
               resetModal();
+              context?.captureError(new Error("Processing modal iframe error"));
               break;
             case "click-iframe":
               if (message.data.url) {
@@ -315,7 +323,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     }, 250);
     return () => clearInterval(interval);
   }, []);
-  if (!context || !bid || !iframeUrl) {
+  if (!context || !bid || !iframeUrl || context.isDisabled) {
     return null;
   }
   const getWidth = () => {
@@ -331,38 +339,48 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     return 0;
   };
   const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.Modal, { visible: modalOpen, transparent: true, onRequestClose: resetModal, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native.View,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_native.Modal,
       {
-        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" }
-        },
+        visible: modalOpen,
+        transparent: true,
+        onRequestClose: resetModal,
+        animationType: "slide",
+        statusBarTranslucent: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          frame_webview_default,
+          import_react_native.View,
           {
-            ref: modalWebViewRef,
-            iframeUrl: modalUrl,
-            onMessage: onModalMessage,
             style: {
-              backgroundColor: "transparent",
-              height: "100%",
-              width: "100%",
-              borderWidth: 0
-            },
-            onError: () => {
-              debug("modal-error");
-              resetModal();
+              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("modal-load");
-              setModalLoaded(true);
-            }
+            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);
+                }
+              }
+            )
           }
         )
       }
-    ) }),
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.View, { style: containerStyles, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       frame_webview_default,
       {
@@ -372,7 +390,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
         style: {
           height: getHeight(),
           width: getWidth(),
-          background: "transparent",
+          backgroundColor: "transparent",
           borderWidth: 0,
           ...iframeStyles
         },
@@ -407,6 +425,9 @@ var import_react_native_device_info = __toESM(require("react-native-device-info"
 var import_react_native2 = require("react-native");
 var NativeRNKontext_default = import_react_native2.TurboModuleRegistry.getEnforcing("RNKontext");
 
+// package.json
+var version = "2.2.0";
+
 // src/context/AdsProvider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 ErrorUtils.setGlobalHandler((error, isFatal) => {
@@ -418,41 +439,82 @@ ErrorUtils.setGlobalHandler((error, isFatal) => {
 });
 var getDevice = async () => {
   try {
-    const os = import_react_native3.Platform.OS;
-    const systemVersion = import_react_native_device_info.default.getSystemVersion();
-    const model = import_react_native_device_info.default.getModel();
-    const brand = import_react_native_device_info.default.getBrand();
-    const deviceId = import_react_native_device_info.default.getDeviceId();
+    const powerState = await import_react_native_device_info.default.getPowerState();
     const deviceType = import_react_native_device_info.default.getDeviceType();
-    const appBundleId = import_react_native_device_info.default.getBundleId();
-    const appVersion = import_react_native_device_info.default.getVersion();
-    let soundOn = false;
-    try {
-      soundOn = await NativeRNKontext_default.isSoundOn();
-    } catch (error) {
-      import_sdk_react2.log.warn("Failed to read output volume", error);
-    }
-    const rnv = import_react_native3.Platform.constants.reactNativeVersion;
-    const reactNativeVersion = `${rnv.major}.${rnv.minor}.${rnv.patch}`;
+    const soundOn = await NativeRNKontext_default.isSoundOn();
+    const screen = import_react_native3.Dimensions.get("screen");
+    const mapDeviceTypeToHardwareType = () => {
+      switch (deviceType) {
+        case "Handset":
+          return "handset";
+        case "Tablet":
+          return "tablet";
+        case "Tv":
+          return "tv";
+        case "Desktop":
+          return "desktop";
+        default:
+          return "other";
+      }
+    };
     return {
-      os,
-      systemVersion,
-      reactNativeVersion,
-      model,
-      brand,
-      deviceId,
-      deviceType,
-      appBundleId,
-      appVersion,
-      soundOn
+      hardware: {
+        brand: import_react_native_device_info.default.getBrand(),
+        model: import_react_native_device_info.default.getModel(),
+        type: mapDeviceTypeToHardwareType()
+        // bootTime: Not available without native module
+        // sdCardAvailable: Not available without native module
+      },
+      audio: {
+        muted: soundOn
+        // volume: Requires react-native-volume-manager
+        // outputPluggedIn: Not available without native module
+        // outputType: Not available without native module
+      },
+      network: {
+        carrier: await import_react_native_device_info.default.getCarrier(),
+        userAgent: await import_react_native_device_info.default.getUserAgent()
+        // detail: Requires @react-native-community/netinfo
+        // type: Requires @react-native-community/netinfo
+      },
+      os: {
+        name: import_react_native3.Platform.OS,
+        version: import_react_native_device_info.default.getSystemVersion(),
+        locale: Intl.DateTimeFormat().resolvedOptions().locale,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
+      },
+      screen: {
+        darkMode: import_react_native3.Appearance.getColorScheme() === "dark",
+        dpr: import_react_native3.PixelRatio.get(),
+        height: screen.height,
+        width: screen.width,
+        orientation: screen.width > screen.height ? "landscape" : "portrait"
+      },
+      power: {
+        batteryLevel: powerState.batteryLevel,
+        batteryState: powerState.batteryState,
+        lowPowerMode: powerState.lowPowerMode
+      }
     };
   } catch (error) {
     console.error(error);
+    return {};
   }
-  return {};
 };
+var getApp = async () => ({
+  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(),
+  startTime: await import_react_native_device_info.default.getStartupTime(),
+  version: import_react_native_device_info.default.getVersion()
+});
+var getSdk = async () => ({
+  name: "sdk-react-native",
+  platform: import_react_native3.Platform.OS === "ios" ? "ios" : "android",
+  version
+});
 var AdsProvider = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sdk_react2.AdsProviderInternal, { ...props, getDevice });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sdk_react2.AdsProviderInternal, { ...props, getDevice, getSdk, getApp });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -93,6 +93,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
   const webViewRef = useRef(null);
   const modalWebViewRef = useRef(null);
   const modalInitTimeoutRef = useRef(null);
+  const isModalInitRef = useRef(false);
   const { height: windowHeight, width: windowWidth } = useWindowDimensions();
   const reset = () => {
     setHeight(0);
@@ -109,6 +110,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
       clearTimeout(modalInitTimeoutRef.current);
       modalInitTimeoutRef.current = null;
     }
+    isModalInitRef.current = false;
     setModalOpen(false);
     setModalLoaded(false);
     setModalShown(false);
@@ -190,7 +192,11 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
               break;
             case "open-component-iframe":
               setModalOpen(true);
-              modalInitTimeoutRef.current = setTimeout(resetModal, message.data.timeout ?? 5e3);
+              modalInitTimeoutRef.current = setTimeout(() => {
+                if (!isModalInitRef.current) {
+                  resetModal();
+                }
+              }, message.data.timeout ?? 5e3);
               break;
           }
         },
@@ -220,6 +226,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
               resetModal();
               break;
             case "init-component-iframe":
+              isModalInitRef.current = true;
               if (modalInitTimeoutRef.current) {
                 clearTimeout(modalInitTimeoutRef.current);
                 modalInitTimeoutRef.current = null;
@@ -229,6 +236,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
             case "error-component-iframe":
             case "error-iframe":
               resetModal();
+              context?.captureError(new Error("Processing modal iframe error"));
               break;
             case "click-iframe":
               if (message.data.url) {
@@ -284,7 +292,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     }, 250);
     return () => clearInterval(interval);
   }, []);
-  if (!context || !bid || !iframeUrl) {
+  if (!context || !bid || !iframeUrl || context.isDisabled) {
     return null;
   }
   const getWidth = () => {
@@ -300,38 +308,48 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     return 0;
   };
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(Modal, { visible: modalOpen, transparent: true, onRequestClose: resetModal, children: /* @__PURE__ */ jsx2(
-      View,
+    /* @__PURE__ */ jsx2(
+      Modal,
       {
-        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" }
-        },
+        visible: modalOpen,
+        transparent: true,
+        onRequestClose: resetModal,
+        animationType: "slide",
+        statusBarTranslucent: true,
         children: /* @__PURE__ */ jsx2(
-          frame_webview_default,
+          View,
           {
-            ref: modalWebViewRef,
-            iframeUrl: modalUrl,
-            onMessage: onModalMessage,
             style: {
-              backgroundColor: "transparent",
-              height: "100%",
-              width: "100%",
-              borderWidth: 0
-            },
-            onError: () => {
-              debug("modal-error");
-              resetModal();
+              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("modal-load");
-              setModalLoaded(true);
-            }
+            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);
+                }
+              }
+            )
           }
         )
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsx2(View, { style: containerStyles, ref: containerRef, children: /* @__PURE__ */ jsx2(
       frame_webview_default,
       {
@@ -341,7 +359,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
         style: {
           height: getHeight(),
           width: getWidth(),
-          background: "transparent",
+          backgroundColor: "transparent",
           borderWidth: 0,
           ...iframeStyles
         },
@@ -369,13 +387,16 @@ var InlineAd_default = InlineAd;
 
 // src/context/AdsProvider.tsx
 import { AdsProviderInternal, log } from "@kontextso/sdk-react";
-import { Platform } from "react-native";
+import { Platform, Dimensions, PixelRatio, Appearance } from "react-native";
 import DeviceInfo from "react-native-device-info";
 
 // src/NativeRNKontext.ts
 import { TurboModuleRegistry } from "react-native";
 var NativeRNKontext_default = TurboModuleRegistry.getEnforcing("RNKontext");
 
+// package.json
+var version = "2.2.0";
+
 // src/context/AdsProvider.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 ErrorUtils.setGlobalHandler((error, isFatal) => {
@@ -387,41 +408,82 @@ ErrorUtils.setGlobalHandler((error, isFatal) => {
 });
 var getDevice = async () => {
   try {
-    const os = Platform.OS;
-    const systemVersion = DeviceInfo.getSystemVersion();
-    const model = DeviceInfo.getModel();
-    const brand = DeviceInfo.getBrand();
-    const deviceId = DeviceInfo.getDeviceId();
+    const powerState = await DeviceInfo.getPowerState();
     const deviceType = DeviceInfo.getDeviceType();
-    const appBundleId = DeviceInfo.getBundleId();
-    const appVersion = DeviceInfo.getVersion();
-    let soundOn = false;
-    try {
-      soundOn = await NativeRNKontext_default.isSoundOn();
-    } catch (error) {
-      log.warn("Failed to read output volume", error);
-    }
-    const rnv = Platform.constants.reactNativeVersion;
-    const reactNativeVersion = `${rnv.major}.${rnv.minor}.${rnv.patch}`;
+    const soundOn = await NativeRNKontext_default.isSoundOn();
+    const screen = Dimensions.get("screen");
+    const mapDeviceTypeToHardwareType = () => {
+      switch (deviceType) {
+        case "Handset":
+          return "handset";
+        case "Tablet":
+          return "tablet";
+        case "Tv":
+          return "tv";
+        case "Desktop":
+          return "desktop";
+        default:
+          return "other";
+      }
+    };
     return {
-      os,
-      systemVersion,
-      reactNativeVersion,
-      model,
-      brand,
-      deviceId,
-      deviceType,
-      appBundleId,
-      appVersion,
-      soundOn
+      hardware: {
+        brand: DeviceInfo.getBrand(),
+        model: DeviceInfo.getModel(),
+        type: mapDeviceTypeToHardwareType()
+        // bootTime: Not available without native module
+        // sdCardAvailable: Not available without native module
+      },
+      audio: {
+        muted: soundOn
+        // volume: Requires react-native-volume-manager
+        // outputPluggedIn: Not available without native module
+        // outputType: Not available without native module
+      },
+      network: {
+        carrier: await DeviceInfo.getCarrier(),
+        userAgent: await DeviceInfo.getUserAgent()
+        // detail: Requires @react-native-community/netinfo
+        // type: Requires @react-native-community/netinfo
+      },
+      os: {
+        name: Platform.OS,
+        version: DeviceInfo.getSystemVersion(),
+        locale: Intl.DateTimeFormat().resolvedOptions().locale,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
+      },
+      screen: {
+        darkMode: Appearance.getColorScheme() === "dark",
+        dpr: PixelRatio.get(),
+        height: screen.height,
+        width: screen.width,
+        orientation: screen.width > screen.height ? "landscape" : "portrait"
+      },
+      power: {
+        batteryLevel: powerState.batteryLevel,
+        batteryState: powerState.batteryState,
+        lowPowerMode: powerState.lowPowerMode
+      }
     };
   } catch (error) {
     console.error(error);
+    return {};
   }
-  return {};
 };
+var getApp = async () => ({
+  bundleId: DeviceInfo.getBundleId(),
+  firstInstallTime: await DeviceInfo.getFirstInstallTime(),
+  lastUpdateTime: await DeviceInfo.getLastUpdateTime(),
+  startTime: await DeviceInfo.getStartupTime(),
+  version: DeviceInfo.getVersion()
+});
+var getSdk = async () => ({
+  name: "sdk-react-native",
+  platform: Platform.OS === "ios" ? "ios" : "android",
+  version
+});
 var AdsProvider = (props) => {
-  return /* @__PURE__ */ jsx4(AdsProviderInternal, { ...props, getDevice });
+  return /* @__PURE__ */ jsx4(AdsProviderInternal, { ...props, getDevice, getSdk, getApp });
 };
 export {
   AdsProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "2.2.0-rc.2",
+  "version": "2.2.0",
   "description": "Kontext SDK for React Native",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/context/AdsProvider.tsx

@@ -1,10 +1,9 @@
-'use client'
-
-import type { AdsProviderProps, Device } from '@kontextso/sdk-react'
+import type { AdsProviderProps, AppConfig, DeviceConfig, SDKConfig } from '@kontextso/sdk-react'
 import { AdsProviderInternal, log } from '@kontextso/sdk-react'
-import { Platform } from 'react-native'
-import DeviceInfo from 'react-native-device-info'
+import { Platform, Dimensions, PixelRatio, Appearance } from 'react-native'
+import DeviceInfo, { type DeviceType } from 'react-native-device-info'
 import KontextSDK from '../NativeRNKontext'
+import { version } from '../../package.json'
 
 ErrorUtils.setGlobalHandler((error, isFatal) => {
   if (!isFatal) {
@@ -14,45 +13,88 @@ ErrorUtils.setGlobalHandler((error, isFatal) => {
   }
 })
 
-const getDevice = async (): Promise<Device> => {
+const getDevice = async (): Promise<DeviceConfig> => {
   try {
-    const os = Platform.OS
-    const systemVersion = DeviceInfo.getSystemVersion()
-    const model = DeviceInfo.getModel()
-    const brand = DeviceInfo.getBrand()
-    const deviceId = DeviceInfo.getDeviceId()
-    const deviceType = DeviceInfo.getDeviceType()
-    const appBundleId = DeviceInfo.getBundleId()
-    const appVersion = DeviceInfo.getVersion()
+    const powerState = await DeviceInfo.getPowerState()
+    const deviceType = DeviceInfo.getDeviceType() as DeviceType
+    const soundOn = await KontextSDK.isSoundOn()
+    const screen = Dimensions.get('screen')
 
-    let soundOn = false
-    try {
-      soundOn = await KontextSDK.isSoundOn()
-    } catch (error) {
-      log.warn('Failed to read output volume', error)
+    const mapDeviceTypeToHardwareType = (): DeviceConfig['hardware']['type'] => {
+      switch (deviceType) {
+        case 'Handset':
+          return 'handset'
+        case 'Tablet':
+          return 'tablet'
+        case 'Tv':
+          return 'tv'
+        case 'Desktop':
+          return 'desktop'
+        default:
+          return 'other'
+      }
     }
 
-    const rnv = Platform.constants.reactNativeVersion
-    const reactNativeVersion = `${rnv.major}.${rnv.minor}.${rnv.patch}`
-
     return {
-      os,
-      systemVersion,
-      reactNativeVersion,
-      model,
-      brand,
-      deviceId,
-      deviceType,
-      appBundleId,
-      appVersion,
-      soundOn,
+      hardware: {
+        brand: DeviceInfo.getBrand(),
+        model: DeviceInfo.getModel(),
+        type: mapDeviceTypeToHardwareType(),
+        // bootTime: Not available without native module
+        // sdCardAvailable: Not available without native module
+      },
+      audio: {
+        muted: soundOn,
+        // volume: Requires react-native-volume-manager
+        // outputPluggedIn: Not available without native module
+        // outputType: Not available without native module
+      },
+      network: {
+        carrier: await DeviceInfo.getCarrier(),
+        userAgent: await DeviceInfo.getUserAgent(),
+        // detail: Requires @react-native-community/netinfo
+        // type: Requires @react-native-community/netinfo
+      },
+      os: {
+        name: Platform.OS,
+        version: DeviceInfo.getSystemVersion(),
+        locale: Intl.DateTimeFormat().resolvedOptions().locale,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      },
+      screen: {
+        darkMode: Appearance.getColorScheme() === 'dark',
+        dpr: PixelRatio.get(),
+        height: screen.height,
+        width: screen.width,
+        orientation: screen.width > screen.height ? 'landscape' : 'portrait',
+      },
+      power: {
+        batteryLevel: powerState.batteryLevel,
+        batteryState: powerState.batteryState,
+        lowPowerMode: powerState.lowPowerMode,
+      },
     }
   } catch (error) {
     console.error(error)
+    // @ts-expect-error
+    return {}
   }
-  return {}
 }
 
+const getApp = async (): Promise<AppConfig> => ({
+  bundleId: DeviceInfo.getBundleId(),
+  firstInstallTime: await DeviceInfo.getFirstInstallTime(),
+  lastUpdateTime: await DeviceInfo.getLastUpdateTime(),
+  startTime: await DeviceInfo.getStartupTime(),
+  version: DeviceInfo.getVersion(),
+})
+
+const getSdk = async (): Promise<SDKConfig> => ({
+  name: 'sdk-react-native',
+  platform: Platform.OS === 'ios' ? 'ios' : 'android',
+  version,
+})
+
 export const AdsProvider = (props: AdsProviderProps) => {
-  return <AdsProviderInternal {...props} getDevice={getDevice} />
+  return <AdsProviderInternal {...props} getDevice={getDevice} getSdk={getSdk} getApp={getApp} />
 }

package/src/formats/Format.tsx

@@ -294,7 +294,7 @@ const Format = ({ code, messageId, wrapper, ...otherParams }: FormatProps) => {
     return () => clearInterval(interval)
   }, [])
 
-  if (!context || !bid || !iframeUrl) {
+  if (!context || !bid || !iframeUrl || context.isDisabled) {
     return null
   }