@kontextso/sdk-react-native 0.0.5-rc.5 → 0.0.5-rc.6

package/dist/index.js

@@ -39,14 +39,14 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/formats/InlineAd.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_react_native5 = require("react-native");
 
 // src/hooks/useAdViewed.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/context/AdsProvider.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 
 // src/hooks/useInitializeAds.tsx
 var import_react = require("react");
@@ -201,7 +201,7 @@ var parseMessageText = (text) => {
 var import_loglevel = __toESM(require("loglevel"));
 
 // package.json
-var version = "0.0.5-rc.4";
+var version = "0.0.5-rc.6";
 
 // src/hooks/useInitializeAds.tsx
 async function initialize(adServerUrl, publisherToken, userId, conversationId, legacyVisitorId, character) {
@@ -747,8 +747,52 @@ function useStreamAds({
 
 // src/context/AdsProvider.tsx
 var import_loglevel4 = __toESM(require("loglevel"));
+
+// src/components/ErrorBoundary.tsx
+var import_react4 = __toESM(require("react"));
+var captureErrorFn = (adServerUrl, error, componentStack, context) => {
+  fetch(`${adServerUrl}/error`, {
+    method: "POST",
+    body: JSON.stringify({
+      error: error.message,
+      stack: componentStack,
+      context
+    })
+  }).catch((e) => {
+    console.error(e);
+  }).finally(() => {
+    console.error(error, componentStack);
+  });
+};
+var ErrorBoundary = class extends import_react4.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, info) {
+    const adServerUrl = this.props.adserverUrl;
+    if (adServerUrl) {
+      captureErrorFn(adServerUrl, error, info.componentStack, this.props.reqBodyParams);
+    }
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback || null;
+    }
+    return this.props.children;
+  }
+};
+
+// src/context/AdsProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var AdsContext = import_react4.default.createContext(null);
+var AdsContext = import_react5.default.createContext(null);
 AdsContext.displayName = "AdsContext";
 var VISITOR_ID_KEY = "brain-visitor-id";
 var AdsProviderWithoutBoundary = ({
@@ -766,7 +810,7 @@ var AdsProviderWithoutBoundary = ({
   onAdClick,
   ...props
 }) => {
-  const [viewedAds, setViewedAds] = (0, import_react4.useState)([]);
+  const [viewedAds, setViewedAds] = (0, import_react5.useState)([]);
   const adServerUrlOrDefault = adserverUrl || "https://server.megabrain.co";
   import_loglevel4.default.setLevel(logLevel || "ERROR");
   const {
@@ -876,47 +920,49 @@ var AdsProvider = ({
   onAdClick,
   ...props
 }) => {
-  return (
-    // <ErrorBoundary
-    //   fallback={children}
-    //   adserverUrl={adserverUrl}
-    //   reqBodyParams={{
-    //     publisherToken,
-    //     adserverUrl,
-    //     conversationId,
-    //     character,
-    //     userId,
-    //     isLoading,
-    //     messages
-    //   }}
-    // >
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AdsProviderWithoutBoundary,
-      {
-        children,
-        messages,
+  const adServerUrlOrDefault = adserverUrl || "https://server.megabrain.co";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ErrorBoundary,
+    {
+      fallback: children,
+      adserverUrl: adServerUrlOrDefault,
+      reqBodyParams: {
         publisherToken,
-        isLoading,
         adserverUrl,
-        isDisabled,
-        character,
         conversationId,
+        character,
         userId,
-        logLevel,
-        onAdView,
-        onAdClick,
-        throwError: props.throwError
-      }
-    )
+        isLoading,
+        messages
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        AdsProviderWithoutBoundary,
+        {
+          children,
+          messages,
+          publisherToken,
+          isLoading,
+          adserverUrl,
+          isDisabled,
+          character,
+          conversationId,
+          userId,
+          logLevel,
+          onAdView,
+          onAdClick,
+          throwError: props.throwError
+        }
+      )
+    }
   );
 };
 
 // src/hooks/useAdViewed.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_loglevel5 = __toESM(require("loglevel"));
 function useAdViewed(ad) {
-  const context = (0, import_react6.useContext)(AdsContext);
-  const [stillMounted, setStillMounted] = (0, import_react5.useState)(false);
+  const context = (0, import_react7.useContext)(AdsContext);
+  const [stillMounted, setStillMounted] = (0, import_react6.useState)(false);
   const sendRequest = async () => {
     if (!context?.adserverUrl || !ad?.id) {
       return;
@@ -938,7 +984,7 @@ function useAdViewed(ad) {
       import_loglevel5.default.error("[BRAIN] Error sending view request", e);
     }
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!ad || ad.isError || ad.isLoading || ad.isStreaming || ad.viewed || stillMounted) {
       return;
     }
@@ -948,7 +994,7 @@ function useAdViewed(ad) {
       setStillMounted(true);
     }, 1e3);
   }, [ad]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (stillMounted) {
       import_loglevel5.default.log("[BRAIN] sending request");
       sendRequest();
@@ -961,14 +1007,14 @@ var import_loglevel8 = __toESM(require("loglevel"));
 
 // src/components/MarkdownText.tsx
 var import_loglevel6 = __toESM(require("loglevel"));
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_react_native2 = require("react-native");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function MarkdownText({
   content,
   onLinkClick
 }) {
-  const context = (0, import_react7.useContext)(AdsContext);
+  const context = (0, import_react8.useContext)(AdsContext);
   const textParts = parseMessageText(content);
   const styles = context?.styles?.markdownText;
   const linkClickHandler = (href) => {
@@ -1002,17 +1048,17 @@ function MarkdownText({
 // src/components/VideoPlayer.tsx
 var import_expo_av = require("expo-av");
 var import_loglevel7 = __toESM(require("loglevel"));
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_react_native4 = require("react-native");
 
 // src/components/VideoProgressBar.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_native3 = require("react-native");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function VideoProgressBar({ videoRef }) {
-  const [progress, setProgress] = (0, import_react8.useState)(0);
-  const styles = (0, import_react8.useContext)(AdsContext)?.styles?.videoPlayer?.videoProgress;
-  (0, import_react8.useEffect)(() => {
+  const [progress, setProgress] = (0, import_react9.useState)(0);
+  const styles = (0, import_react9.useContext)(AdsContext)?.styles?.videoPlayer?.videoProgress;
+  (0, import_react9.useEffect)(() => {
     const interval = setInterval(() => {
       if (!videoRef.current) {
         return;
@@ -1045,14 +1091,14 @@ var VideoPlayer = ({
   mediaPlacement,
   onLinkClick
 }) => {
-  const videoRef = (0, import_react9.useRef)(null);
-  const [isPlaying, setIsPlaying] = (0, import_react9.useState)(false);
-  const [isPaused, setIsPaused] = (0, import_react9.useState)(true);
-  const [isEnded, setIsEnded] = (0, import_react9.useState)(false);
-  const [showDownloadBadge, setShowDownloadBadge] = (0, import_react9.useState)(false);
-  const lastCallbackTimeRef = (0, import_react9.useRef)(0);
-  const styles = (0, import_react9.useContext)(AdsContext)?.styles?.videoPlayer;
-  (0, import_react9.useEffect)(() => {
+  const videoRef = (0, import_react10.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, import_react10.useState)(false);
+  const [isPaused, setIsPaused] = (0, import_react10.useState)(true);
+  const [isEnded, setIsEnded] = (0, import_react10.useState)(false);
+  const [showDownloadBadge, setShowDownloadBadge] = (0, import_react10.useState)(false);
+  const lastCallbackTimeRef = (0, import_react10.useRef)(0);
+  const styles = (0, import_react10.useContext)(AdsContext)?.styles?.videoPlayer;
+  (0, import_react10.useEffect)(() => {
     const interval = setInterval(() => {
       if (videoRef.current) {
         videoRef.current.getStatusAsync().then((status) => {
@@ -1135,9 +1181,9 @@ var VideoPlayer = ({
 };
 
 // src/hooks/useAd.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 function useAd({ code, messageId }) {
-  const context = (0, import_react10.useContext)(AdsContext);
+  const context = (0, import_react11.useContext)(AdsContext);
   if (!context) {
     return null;
   }
@@ -1185,11 +1231,11 @@ function useAd({ code, messageId }) {
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var InlineAd = ({ code, messageId, wrapper }) => {
   const ad = useAd({ code, messageId });
-  const [linkIncluded, setLinkIncluded] = (0, import_react11.useState)(false);
-  const context = (0, import_react11.useContext)(AdsContext);
+  const [linkIncluded, setLinkIncluded] = (0, import_react12.useState)(false);
+  const context = (0, import_react12.useContext)(AdsContext);
   const styles = context?.styles?.inlineAd;
   useAdViewed(ad);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (ad?.content && !ad.isStreaming && !ad.content.match(/\[.*?\]\(.*?\)/) && !linkIncluded) {
       setLinkIncluded(true);
     }

package/dist/index.mjs

@@ -20,7 +20,7 @@ import {
 import { useEffect as useEffect5, useState as useState5 } from "react";
 
 // src/context/AdsProvider.tsx
-import React, { useState as useState4 } from "react";
+import React2, { useState as useState4 } from "react";
 
 // src/hooks/useInitializeAds.tsx
 import { useEffect, useState } from "react";
@@ -175,7 +175,7 @@ var parseMessageText = (text) => {
 import log from "loglevel";
 
 // package.json
-var version = "0.0.5-rc.4";
+var version = "0.0.5-rc.6";
 
 // src/hooks/useInitializeAds.tsx
 async function initialize(adServerUrl, publisherToken, userId, conversationId, legacyVisitorId, character) {
@@ -721,8 +721,52 @@ function useStreamAds({
 
 // src/context/AdsProvider.tsx
 import log4 from "loglevel";
+
+// src/components/ErrorBoundary.tsx
+import React from "react";
+var captureErrorFn = (adServerUrl, error, componentStack, context) => {
+  fetch(`${adServerUrl}/error`, {
+    method: "POST",
+    body: JSON.stringify({
+      error: error.message,
+      stack: componentStack,
+      context
+    })
+  }).catch((e) => {
+    console.error(e);
+  }).finally(() => {
+    console.error(error, componentStack);
+  });
+};
+var ErrorBoundary = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, info) {
+    const adServerUrl = this.props.adserverUrl;
+    if (adServerUrl) {
+      captureErrorFn(adServerUrl, error, info.componentStack, this.props.reqBodyParams);
+    }
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback || null;
+    }
+    return this.props.children;
+  }
+};
+
+// src/context/AdsProvider.tsx
 import { jsx } from "react/jsx-runtime";
-var AdsContext = React.createContext(null);
+var AdsContext = React2.createContext(null);
 AdsContext.displayName = "AdsContext";
 var VISITOR_ID_KEY = "brain-visitor-id";
 var AdsProviderWithoutBoundary = ({
@@ -850,38 +894,40 @@ var AdsProvider = ({
   onAdClick,
   ...props
 }) => {
-  return (
-    // <ErrorBoundary
-    //   fallback={children}
-    //   adserverUrl={adserverUrl}
-    //   reqBodyParams={{
-    //     publisherToken,
-    //     adserverUrl,
-    //     conversationId,
-    //     character,
-    //     userId,
-    //     isLoading,
-    //     messages
-    //   }}
-    // >
-    /* @__PURE__ */ jsx(
-      AdsProviderWithoutBoundary,
-      {
-        children,
-        messages,
+  const adServerUrlOrDefault = adserverUrl || "https://server.megabrain.co";
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallback: children,
+      adserverUrl: adServerUrlOrDefault,
+      reqBodyParams: {
         publisherToken,
-        isLoading,
         adserverUrl,
-        isDisabled,
-        character,
         conversationId,
+        character,
         userId,
-        logLevel,
-        onAdView,
-        onAdClick,
-        throwError: props.throwError
-      }
-    )
+        isLoading,
+        messages
+      },
+      children: /* @__PURE__ */ jsx(
+        AdsProviderWithoutBoundary,
+        {
+          children,
+          messages,
+          publisherToken,
+          isLoading,
+          adserverUrl,
+          isDisabled,
+          character,
+          conversationId,
+          userId,
+          logLevel,
+          onAdView,
+          onAdClick,
+          throwError: props.throwError
+        }
+      )
+    }
   );
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kontextso/sdk-react-native",
-  "version": "0.0.5-rc.5",
+  "version": "0.0.5-rc.6",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",