@kontextso/sdk-react-native 0.0.4 → 0.0.5-rc.0

package/dist/index.d.mts

@@ -142,6 +142,7 @@ interface AdsProviderProps {
     styles?: AdStyles;
 }
 declare const VISITOR_ID_KEY = "brain-visitor-id";
+declare const AdsProviderWithoutBoundary: ({ children, messages, publisherToken, isLoading, adserverUrl, isDisabled, character, conversationId, userId, logLevel, onAdView, onAdClick, ...props }: AdsProviderProps) => react_jsx_runtime.JSX.Element;
 declare const AdsProvider: ({ children, messages, publisherToken, isLoading, adserverUrl, isDisabled, character, conversationId, userId, logLevel, onAdView, onAdClick, ...props }: AdsProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { type AdStyles, AdsContext, AdsProvider, type AdsProviderProps, type ContextType, InlineAd, VISITOR_ID_KEY, useAd };
+export { type AdStyles, AdsContext, AdsProvider, type AdsProviderProps, AdsProviderWithoutBoundary, type ContextType, InlineAd, VISITOR_ID_KEY, useAd };

package/dist/index.d.ts

@@ -142,6 +142,7 @@ interface AdsProviderProps {
     styles?: AdStyles;
 }
 declare const VISITOR_ID_KEY = "brain-visitor-id";
+declare const AdsProviderWithoutBoundary: ({ children, messages, publisherToken, isLoading, adserverUrl, isDisabled, character, conversationId, userId, logLevel, onAdView, onAdClick, ...props }: AdsProviderProps) => react_jsx_runtime.JSX.Element;
 declare const AdsProvider: ({ children, messages, publisherToken, isLoading, adserverUrl, isDisabled, character, conversationId, userId, logLevel, onAdView, onAdClick, ...props }: AdsProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { type AdStyles, AdsContext, AdsProvider, type AdsProviderProps, type ContextType, InlineAd, VISITOR_ID_KEY, useAd };
+export { type AdStyles, AdsContext, AdsProvider, type AdsProviderProps, AdsProviderWithoutBoundary, type ContextType, InlineAd, VISITOR_ID_KEY, useAd };

package/dist/index.js

@@ -32,6 +32,7 @@ var src_exports = {};
 __export(src_exports, {
   AdsContext: () => AdsContext,
   AdsProvider: () => AdsProvider,
+  AdsProviderWithoutBoundary: () => AdsProviderWithoutBoundary,
   InlineAd: () => InlineAd_default,
   VISITOR_ID_KEY: () => VISITOR_ID_KEY,
   useAd: () => useAd
@@ -39,14 +40,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");
@@ -747,11 +748,83 @@ 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 {
+  static contextType = AdsContext;
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, info) {
+    const contextValue = this.context;
+    const adServerUrl = this.props.adserverUrl;
+    const props = [
+      "adserverUrl",
+      "publisherToken",
+      "visitorId",
+      "sessionId",
+      "ads",
+      "enabledPlacements",
+      "isInitialised",
+      "isLoading",
+      "messages"
+    ];
+    let contextProps = {};
+    if (contextValue) {
+      contextProps = props.reduce(
+        (acc, prop) => {
+          acc[prop] = contextValue[prop];
+          return acc;
+        },
+        {}
+      );
+    } else {
+      contextProps = {
+        ...this.props.reqBodyParams,
+        adServerUrl
+      };
+    }
+    if (adServerUrl) {
+      captureErrorFn(adServerUrl, error, info.componentStack, contextProps);
+    }
+  }
+  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 AdsProvider = ({
+var AdsProviderWithoutBoundary = ({
   children,
   messages,
   publisherToken,
@@ -766,7 +839,7 @@ var AdsProvider = ({
   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 {
@@ -858,13 +931,62 @@ var AdsProvider = ({
     }
   );
 };
+var AdsProvider = ({
+  children,
+  messages,
+  publisherToken,
+  isLoading,
+  adserverUrl,
+  isDisabled,
+  character,
+  conversationId,
+  userId,
+  logLevel,
+  onAdView,
+  onAdClick,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ErrorBoundary,
+    {
+      fallback: children,
+      adserverUrl,
+      reqBodyParams: {
+        publisherToken,
+        adserverUrl,
+        conversationId,
+        character,
+        userId,
+        isLoading,
+        messages
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        AdsProviderWithoutBoundary,
+        {
+          children,
+          messages,
+          publisherToken,
+          isLoading,
+          adserverUrl,
+          isDisabled,
+          character,
+          conversationId,
+          userId,
+          logLevel,
+          onAdView,
+          onAdClick
+        }
+      )
+    }
+  );
+};
 
 // 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;
@@ -886,7 +1008,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;
     }
@@ -896,7 +1018,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();
@@ -909,14 +1031,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) => {
@@ -950,17 +1072,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;
@@ -993,14 +1115,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) => {
@@ -1083,9 +1205,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;
   }
@@ -1133,11 +1255,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);
     }
@@ -1223,6 +1345,7 @@ var InlineAd_default = InlineAd;
 0 && (module.exports = {
   AdsContext,
   AdsProvider,
+  AdsProviderWithoutBoundary,
   InlineAd,
   VISITOR_ID_KEY,
   useAd

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";
@@ -721,11 +721,83 @@ 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 {
+  static contextType = AdsContext;
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, info) {
+    const contextValue = this.context;
+    const adServerUrl = this.props.adserverUrl;
+    const props = [
+      "adserverUrl",
+      "publisherToken",
+      "visitorId",
+      "sessionId",
+      "ads",
+      "enabledPlacements",
+      "isInitialised",
+      "isLoading",
+      "messages"
+    ];
+    let contextProps = {};
+    if (contextValue) {
+      contextProps = props.reduce(
+        (acc, prop) => {
+          acc[prop] = contextValue[prop];
+          return acc;
+        },
+        {}
+      );
+    } else {
+      contextProps = {
+        ...this.props.reqBodyParams,
+        adServerUrl
+      };
+    }
+    if (adServerUrl) {
+      captureErrorFn(adServerUrl, error, info.componentStack, contextProps);
+    }
+  }
+  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 AdsProvider = ({
+var AdsProviderWithoutBoundary = ({
   children,
   messages,
   publisherToken,
@@ -832,6 +904,55 @@ var AdsProvider = ({
     }
   );
 };
+var AdsProvider = ({
+  children,
+  messages,
+  publisherToken,
+  isLoading,
+  adserverUrl,
+  isDisabled,
+  character,
+  conversationId,
+  userId,
+  logLevel,
+  onAdView,
+  onAdClick,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallback: children,
+      adserverUrl,
+      reqBodyParams: {
+        publisherToken,
+        adserverUrl,
+        conversationId,
+        character,
+        userId,
+        isLoading,
+        messages
+      },
+      children: /* @__PURE__ */ jsx(
+        AdsProviderWithoutBoundary,
+        {
+          children,
+          messages,
+          publisherToken,
+          isLoading,
+          adserverUrl,
+          isDisabled,
+          character,
+          conversationId,
+          userId,
+          logLevel,
+          onAdView,
+          onAdClick
+        }
+      )
+    }
+  );
+};
 
 // src/hooks/useAdViewed.tsx
 import { useContext } from "react";
@@ -1199,6 +1320,7 @@ var InlineAd_default = InlineAd;
 export {
   AdsContext,
   AdsProvider,
+  AdsProviderWithoutBoundary,
   InlineAd_default as InlineAd,
   VISITOR_ID_KEY,
   useAd

package/package.json

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