@kontextso/sdk-react-native 1.0.4 → 2.0.0-rc.1

package/dist/index.d.mts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormatProps } from '@kontextso/sdk-react';
-export { AdsProvider } from '@kontextso/sdk-react';
+import { FormatProps, AdsProviderProps } from '@kontextso/sdk-react';
 
 declare const InlineAd: ({ code, messageId, wrapper, ...props }: FormatProps) => react_jsx_runtime.JSX.Element;
 
-export { InlineAd };
+declare const AdsProvider: (props: AdsProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { AdsProvider, InlineAd };

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormatProps } from '@kontextso/sdk-react';
-export { AdsProvider } from '@kontextso/sdk-react';
+import { FormatProps, AdsProviderProps } from '@kontextso/sdk-react';
 
 declare const InlineAd: ({ code, messageId, wrapper, ...props }: FormatProps) => react_jsx_runtime.JSX.Element;
 
-export { InlineAd };
+declare const AdsProvider: (props: AdsProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { AdsProvider, InlineAd };

package/dist/index.js

@@ -1,7 +1,9 @@
 "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)
@@ -15,12 +17,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 = {};
 __export(index_exports, {
-  AdsProvider: () => import_sdk_react3.AdsProvider,
+  AdsProvider: () => AdsProvider,
   InlineAd: () => InlineAd_default
 });
 module.exports = __toCommonJS(index_exports);
@@ -79,14 +89,34 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     context?.resetAll();
     context?.captureError(new Error("Processing iframe error"));
   };
+  const debug = (name, data = {}) => {
+    context?.onDebugEventInternal?.(name, {
+      code,
+      messageId,
+      otherParams,
+      bid,
+      iframeUrl,
+      iframeLoaded,
+      showIframe,
+      height,
+      containerStyles,
+      iframeStyles,
+      ...data
+    });
+  };
+  debug("format-update-state");
   const onMessage = (event) => {
     try {
       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");
               sendMessage(webViewRef, code, {
                 messages: context?.messages,
                 sdk: "sdk-react-native",
@@ -129,6 +159,9 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
+      debug("iframe-message-error", {
+        error: e
+      });
       console.error("error parsing message from webview", e);
       reset();
     }
@@ -138,6 +171,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
       return;
     }
+    debug("iframe-post-message");
     sendMessage(webViewRef, code, {
       data: { otherParams },
       code
@@ -166,7 +200,6 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
         import_react_native_webview.WebView,
         {
           ref: webViewRef,
-          onError: reset,
           source: {
             uri: iframeUrl
           },
@@ -183,7 +216,14 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
               window.ReactNativeWebView.postMessage(JSON.stringify(event.data));
             }
           }, false);
-      `
+      `,
+          onError: () => {
+            debug("iframe-error");
+            reset();
+          },
+          onLoad: () => {
+            debug("iframe-load");
+          }
         }
       )
     }
@@ -202,7 +242,9 @@ var InlineAd_default = InlineAd;
 
 // src/context/AdsProvider.tsx
 var import_sdk_react2 = require("@kontextso/sdk-react");
-var import_sdk_react3 = require("@kontextso/sdk-react");
+var import_react_native2 = require("react-native");
+var import_react_native_device_info = __toESM(require("react-native-device-info"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
 ErrorUtils.setGlobalHandler((error, isFatal) => {
   if (!isFatal) {
     import_sdk_react2.log.warn(error);
@@ -210,6 +252,36 @@ ErrorUtils.setGlobalHandler((error, isFatal) => {
     import_sdk_react2.log.error(error);
   }
 });
+var getDevice = () => {
+  try {
+    const os = import_react_native2.Platform.OS;
+    const systemVersion = import_react_native_device_info.default.getSystemVersion();
+    const reactNativeVersion = import_react_native2.Platform.constants.reactNativeVersion.toString();
+    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 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();
+    return {
+      os,
+      systemVersion,
+      reactNativeVersion,
+      model,
+      brand,
+      deviceId,
+      deviceType,
+      appBundleId,
+      appVersion
+    };
+  } catch (error) {
+    console.error(error);
+  }
+  return {};
+};
+var AdsProvider = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sdk_react2.AdsProviderInternal, { ...props, getDevice });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AdsProvider,

package/dist/index.mjs

@@ -52,14 +52,34 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     context?.resetAll();
     context?.captureError(new Error("Processing iframe error"));
   };
+  const debug = (name, data = {}) => {
+    context?.onDebugEventInternal?.(name, {
+      code,
+      messageId,
+      otherParams,
+      bid,
+      iframeUrl,
+      iframeLoaded,
+      showIframe,
+      height,
+      containerStyles,
+      iframeStyles,
+      ...data
+    });
+  };
+  debug("format-update-state");
   const onMessage = (event) => {
     try {
       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");
               sendMessage(webViewRef, code, {
                 messages: context?.messages,
                 sdk: "sdk-react-native",
@@ -102,6 +122,9 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
       );
       messageHandler({ data });
     } catch (e) {
+      debug("iframe-message-error", {
+        error: e
+      });
       console.error("error parsing message from webview", e);
       reset();
     }
@@ -111,6 +134,7 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
     if (!iframeLoaded || !context?.adServerUrl || !bid || !webViewRef.current) {
       return;
     }
+    debug("iframe-post-message");
     sendMessage(webViewRef, code, {
       data: { otherParams },
       code
@@ -139,7 +163,6 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
         WebView,
         {
           ref: webViewRef,
-          onError: reset,
           source: {
             uri: iframeUrl
           },
@@ -156,7 +179,14 @@ var Format = ({ code, messageId, wrapper, ...otherParams }) => {
               window.ReactNativeWebView.postMessage(JSON.stringify(event.data));
             }
           }, false);
-      `
+      `,
+          onError: () => {
+            debug("iframe-error");
+            reset();
+          },
+          onLoad: () => {
+            debug("iframe-load");
+          }
         }
       )
     }
@@ -174,8 +204,10 @@ var InlineAd = ({ code, messageId, wrapper, ...props }) => {
 var InlineAd_default = InlineAd;
 
 // src/context/AdsProvider.tsx
-import { log } from "@kontextso/sdk-react";
-import { AdsProvider } from "@kontextso/sdk-react";
+import { AdsProviderInternal, log } from "@kontextso/sdk-react";
+import { Platform } from "react-native";
+import DeviceInfo from "react-native-device-info";
+import { jsx as jsx3 } from "react/jsx-runtime";
 ErrorUtils.setGlobalHandler((error, isFatal) => {
   if (!isFatal) {
     log.warn(error);
@@ -183,6 +215,36 @@ ErrorUtils.setGlobalHandler((error, isFatal) => {
     log.error(error);
   }
 });
+var getDevice = () => {
+  try {
+    const os = Platform.OS;
+    const systemVersion = DeviceInfo.getSystemVersion();
+    const reactNativeVersion = Platform.constants.reactNativeVersion.toString();
+    const model = DeviceInfo.getModel();
+    const brand = DeviceInfo.getBrand();
+    const deviceId = DeviceInfo.getDeviceId();
+    const deviceType = DeviceInfo.getDeviceType();
+    const appBundleId = DeviceInfo.getBundleId();
+    const appVersion = DeviceInfo.getVersion();
+    return {
+      os,
+      systemVersion,
+      reactNativeVersion,
+      model,
+      brand,
+      deviceId,
+      deviceType,
+      appBundleId,
+      appVersion
+    };
+  } catch (error) {
+    console.error(error);
+  }
+  return {};
+};
+var AdsProvider = (props) => {
+  return /* @__PURE__ */ jsx3(AdsProviderInternal, { ...props, getDevice });
+};
 export {
   AdsProvider,
   InlineAd_default as InlineAd

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "1.0.4",
+  "version": "2.0.0-rc.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -37,6 +37,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-native": "^0.80.1",
+    "react-native-device-info": ">=12.0.0",
+    "react-native-webview": "^13.15.0",
     "react-test-renderer": "^18.3.1",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
@@ -44,11 +46,12 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-native": ">=0.73.0"
+    "react-native": ">=0.73.0",
+    "react-native-device-info": ">=12.0.0",
+    "react-native-webview": "^13.15.0"
   },
   "dependencies": {
-    "@kontextso/sdk-react": "^1.1.3",
-    "react-native-webview": "^13.15.0"
+    "@kontextso/sdk-react": "^1.2.0"
   },
   "files": [
     "dist/*"