@kontextso/sdk-react-native 0.0.9 → 0.0.10-rc.0

package/dist/index.js

@@ -30,55 +30,131 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  AdsContext: () => AdsContext,
   AdsProvider: () => AdsProvider,
   InlineAd: () => InlineAd_default,
-  VISITOR_ID_KEY: () => VISITOR_ID_KEY,
+  VISITOR_ID_KEY: () => VISITOR_ID_KEY2,
   useAd: () => useAd
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/formats/InlineAd.tsx
-var import_react12 = require("react");
-var import_react_native5 = require("react-native");
-
-// src/hooks/useAdViewed.tsx
-var import_react6 = require("react");
-
-// src/context/AdsProvider.tsx
-var import_react5 = __toESM(require("react"));
+var import_react10 = require("react");
+var import_react_native4 = require("react-native");
 
-// src/hooks/useInitializeAds.tsx
+// ../sdk-common/dist/index.mjs
 var import_react = require("react");
-
-// src/utils.ts
-var UNRETRIABLE_ERRORS = [400, 403, 429];
-var fetchWithTimeout = async (input, init) => {
-  const { timeout = 16e3 } = init || {};
+var import_react2 = __toESM(require("react"), 1);
+var import_react3 = require("react");
+var import_react4 = require("react");
+var import_react5 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react6 = require("react");
+var version = "0.1.12";
+var Logger = class {
+  localLevel = "log";
+  remoteLevel = "error";
+  remoteConfig = null;
+  levels = {
+    debug: 0,
+    info: 1,
+    log: 2,
+    warn: 3,
+    error: 4,
+    silent: 5
+  };
+  setLocalLevel(level) {
+    this.localLevel = level;
+  }
+  setRemoteLevel(level) {
+    this.remoteLevel = level;
+  }
+  configureRemote(url, params) {
+    this.remoteConfig = { url, params };
+  }
+  shouldLog(level, targetLevel) {
+    if (targetLevel === "silent") {
+      return false;
+    }
+    return this.levels[level] >= this.levels[targetLevel];
+  }
+  logToConsole(level, ...args) {
+    if (this.shouldLog(level, this.localLevel)) {
+      if (level === "silent") {
+        return;
+      }
+      console[level](...args);
+    }
+  }
+  logToRemote(level, ...args) {
+    if (this.remoteConfig && this.shouldLog(level, this.remoteLevel)) {
+      fetch(
+        `${this.remoteConfig.url}/log`,
+        {
+          method: "POST",
+          body: JSON.stringify({
+            ...this.remoteConfig.params,
+            level,
+            message: args,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString()
+          })
+        }
+      ).catch((e) => {
+      });
+    }
+  }
+  debug(...args) {
+    this.logToConsole("debug", ...args);
+    this.logToRemote("debug", ...args);
+  }
+  info(...args) {
+    this.logToConsole("info", ...args);
+    this.logToRemote("info", ...args);
+  }
+  log(...args) {
+    this.logToConsole("log", ...args);
+    this.logToRemote("log", ...args);
+  }
+  warn(...args) {
+    this.logToConsole("warn", ...args);
+    this.logToRemote("warn", ...args);
+  }
+  error(...args) {
+    this.logToConsole("error", ...args);
+    this.logToRemote("error", ...args);
+  }
+};
+var log = new Logger();
+var log_default = log;
+var UNRETRIABLE_ERRORS = [403, 429, 404];
+var fetchWithTimeout = async (input, init, customFetch2) => {
+  const { timeout = 16e3, ...rest } = init || {};
   const controller = new AbortController();
   const id = setTimeout(() => controller.abort(), timeout);
   try {
-    const response = await fetch(input, {
-      ...init,
+    const response = await (customFetch2 || fetch)(input, {
+      ...rest,
       signal: controller.signal
     });
-    clearTimeout(id);
     return response;
-  } catch (e) {
+  } catch (err) {
+    if (controller.signal.aborted) {
+      throw new Error(`Fetch aborted after ${timeout}ms`);
+    }
+    throw err;
+  } finally {
     clearTimeout(id);
-    throw e;
   }
 };
-var fetchRetry = async (input, init, maxRetries = 3, retryPeriod = 500) => {
+var fetchRetry = async (input, init, singleRequestTimeout, maxRetries, onRetry, customFetch2) => {
   let retries = 0;
   let response;
-  let unretriableError;
+  let lastError = null;
   while (retries < maxRetries) {
     try {
-      response = await fetchWithTimeout(input, init);
+      const requestInit = { ...init, timeout: singleRequestTimeout };
+      response = await fetchWithTimeout(input, requestInit, customFetch2);
       if (UNRETRIABLE_ERRORS.includes(response.status)) {
-        unretriableError = new Error(response.statusText);
-        break;
+        throw new Error(`Unretriable error: ${response.statusText}`);
       }
       if (response.ok) {
         return response;
@@ -86,18 +162,20 @@ var fetchRetry = async (input, init, maxRetries = 3, retryPeriod = 500) => {
         throw new Error(`Failed with status ${response.status}`);
       }
     } catch (error) {
+      log_default.debug(`Retrying ${input} ${retries} times, error: ${error}`);
       retries++;
-      await new Promise((resolve) => setTimeout(resolve, retryPeriod));
+      lastError = error;
+      onRetry?.(error, retries);
     }
   }
-  if (unretriableError) {
-    throw unretriableError;
-  }
-  throw new Error("Failed to fetch after multiple retries");
+  throw lastError || new Error("Failed to fetch after multiple retries");
 };
 var fixUrl = (adserverUrl, ad) => {
   if (ad.content) {
-    ad.content = ad.content.replace("/impression/", `${adserverUrl}/impression/`);
+    ad.content = ad.content.replace(
+      "/impression/",
+      `${adserverUrl}/impression/`
+    );
     ad.content = ad.content.replace("/ad/", `${adserverUrl}/impression/`);
   }
   return { ...ad, url: `${adserverUrl}${ad.url}` };
@@ -138,6 +216,16 @@ var mergeAds = ({
   }
   return ads;
 };
+var loadExternalCss = (serverUrl, publisherToken, visitorId) => {
+  const visitorIdSearchParam = visitorId ? `&visitorId=${visitorId}` : "";
+  const url = `${serverUrl}/sdk/styles?publisherToken=${publisherToken}&sdkVersion=${version}${visitorIdSearchParam}`;
+  const link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.type = "text/css";
+  link.href = url;
+  document.head.appendChild(link);
+  return link;
+};
 function mergeStyles(propStyles, defaultStyles, overridingStyles) {
   function deepMerge(target, source) {
     if (typeof target !== "object" || typeof source !== "object") {
@@ -159,165 +247,36 @@ function mergeStyles(propStyles, defaultStyles, overridingStyles) {
   mergedStyles = deepMerge(mergedStyles, overridingStyles || {});
   return mergedStyles;
 }
-var parseMessageText = (text) => {
-  const parts = [];
-  let start = 0;
-  const regex = /(\*(.*?)\*)|\[([^\]]+)\]\(([^)]+)\)/g;
-  let match;
-  while ((match = regex.exec(text)) !== null) {
-    if (match.index > start) {
-      parts.push({ text: text.substring(start, match.index), textType: "normal" });
-    }
-    if (match[1]) {
-      const themedText = match[2];
-      const innerMatches = themedText.match(/\[([^\]]+)\]\(([^)]+)\)/g);
-      if (innerMatches) {
-        let innerStart = 0;
-        innerMatches.forEach((linkMatch) => {
-          const linkRegex = /\[([^\]]+)\]\(([^)]+)\)/;
-          const innerLink = linkMatch.match(linkRegex);
-          const linkIndex = themedText.indexOf(linkMatch, innerStart);
-          if (linkIndex > innerStart) {
-            parts.push({ text: themedText.substring(innerStart, linkIndex), textType: "themed" });
-          }
-          parts.push({ text: innerLink[1], textType: "link", url: innerLink[2] });
-          innerStart = linkIndex + linkMatch.length;
-        });
-        if (innerStart < themedText.length) {
-          parts.push({ text: themedText.substring(innerStart), textType: "themed" });
-        }
-      } else {
-        parts.push({ text: themedText, textType: "themed" });
-      }
-    } else if (match[3] && match[4]) {
-      parts.push({ text: match[3], textType: "link", url: match[4] });
-    }
-    start = match.index + match[0].length;
-  }
-  if (start < text.length) {
-    parts.push({ text: text.substring(start), textType: "normal" });
-  }
-  return parts;
-};
-
-// src/log.ts
-var Logger = class {
-  localLevel = "log";
-  remoteLevel = "error";
-  remoteConfig = null;
-  levels = {
-    debug: 0,
-    info: 1,
-    log: 2,
-    warn: 3,
-    error: 4,
-    silent: 5
-  };
-  setLocalLevel(level) {
-    this.localLevel = level;
-  }
-  setRemoteLevel(level) {
-    this.remoteLevel = level;
-  }
-  configureRemote(url, params) {
-    this.remoteConfig = { url, params };
-  }
-  shouldLog(level, targetLevel) {
-    if (targetLevel === "silent") {
-      return false;
-    }
-    return this.levels[level] >= this.levels[targetLevel];
-  }
-  logToConsole(level, ...args) {
-    if (this.shouldLog(level, this.localLevel)) {
-      if (level === "silent") {
-        return;
-      }
-      console[level](...args);
-    }
-  }
-  logToRemote(level, ...args) {
-    if (this.remoteConfig && this.shouldLog(level, this.remoteLevel)) {
-      fetch(
-        `${this.remoteConfig.url}/log`,
-        {
-          method: "POST",
-          body: JSON.stringify({
-            ...this.remoteConfig.params,
-            level,
-            message: args,
-            timestamp: (/* @__PURE__ */ new Date()).toISOString()
-          })
-        }
-      ).catch((e) => {
-      });
-    }
-  }
-  debug(...args) {
-    this.logToConsole("debug", ...args);
-    this.logToRemote("debug", ...args);
-  }
-  info(...args) {
-    this.logToConsole("info", ...args);
-    this.logToRemote("info", ...args);
-  }
-  log(...args) {
-    this.logToConsole("log", ...args);
-    this.logToRemote("log", ...args);
-  }
-  warn(...args) {
-    this.logToConsole("warn", ...args);
-    this.logToRemote("warn", ...args);
-  }
-  error(...args) {
-    this.logToConsole("error", ...args);
-    this.logToRemote("error", ...args);
-  }
-};
-var log = new Logger();
-var log_default = log;
-
-// package.json
-var version = "0.0.9";
-
-// src/hooks/useInitializeAds.tsx
-var RETRY_PERIOD_MS = 500;
-var INIT_RETRIES = 3;
-async function initialize(adServerUrl, publisherToken, userId, conversationId, legacyVisitorId, character) {
-  log_default.log("[BRAIN] init ads started");
+var SINGLE_INIT_TIMEOUT_BUDGET_MS = 5e3;
+async function initialise(adServerUrl, publisherToken, visitorId, userId, conversationId, legacyVisitorId, character, customFetch2) {
+  log_default.log("[Kontext] init ads started");
   const response = await fetchRetry(
     `${adServerUrl}/init`,
     {
-      timeout: 1e4,
       method: "POST",
       body: JSON.stringify({
         publisherToken,
         userId,
-        visitorId: userId,
+        visitorId,
         conversationId,
-        sdkVersion: `native-${version}`,
+        sdkVersion: version,
         legacyVisitorId,
         character
       })
     },
-    INIT_RETRIES,
-    RETRY_PERIOD_MS
+    SINGLE_INIT_TIMEOUT_BUDGET_MS,
+    3,
+    () => {
+      log_default.warn("[Kontext] Reinitialising ads");
+    },
+    customFetch2
   );
-  const {
-    sessionId,
-    enabledPlacements,
-    ads,
-    sessionDisabled,
-    streamAdServer,
-    onlyStream,
-    defaultReactNativeStyles,
-    overridingReactNativeStyles,
-    remoteLogLevel
-  } = await response.json();
+  const { sessionId, enabledPlacements, ads, sessionDisabled, streamAdServer, onlyStream, remoteLogLevel, preloadTimeout, streamTimeout, defaultReactNativeStyles, overridingReactNativeStyles } = await response.json();
   const fixedAds = ads.map((ad) => {
-    return fixUrl(adServerUrl, ad);
+    const fixedAd = fixUrl(adServerUrl, ad);
+    return fixedAd;
   });
-  log_default.log("[BRAIN] init ads done");
+  log_default.log("[Kontext] init ads done");
   return {
     sessionDisabled,
     sessionId,
@@ -325,126 +284,127 @@ async function initialize(adServerUrl, publisherToken, userId, conversationId, l
     ads: fixedAds,
     streamAdServer,
     onlyStream,
-    defaultReactNativeStylesResponse: defaultReactNativeStyles,
-    overridingReactNativeStylesResponse: overridingReactNativeStyles,
-    remoteLogLevel
+    remoteLogLevel,
+    preloadTimeout,
+    streamTimeout,
+    defaultReactNativeStyles,
+    overridingReactNativeStyles
   };
 }
 function useInitializeAds({
   adServerUrl,
   publisherToken,
+  visitorId,
   userId,
   conversationId,
   isDisabled,
   character,
-  legacyVisitorId
+  legacyVisitorId,
+  captureError,
+  customFetch: customFetch2,
+  reactNativePropStyles
 }) {
-  const [enabledPlacements, setEnabledPlacements] = (0, import_react.useState)([]);
-  const [ads, setAds] = (0, import_react.useState)([]);
-  const [error, setError] = (0, import_react.useState)();
-  const [streamAdServerUrl, setStreamAdServerUrl] = (0, import_react.useState)();
-  const [onlyStream, setOnlyStream] = (0, import_react.useState)(false);
-  const [sessionId, setSessionId] = (0, import_react.useState)();
-  const [defaultReactNativeStyles, setDefaultReactNativeStyles] = (0, import_react.useState)();
-  const [overridingReactNativeStyles, setOverridingReactNativeStyles] = (0, import_react.useState)();
-  (0, import_react.useEffect)(() => {
-    log_default.setRemoteLevel("debug");
+  const [enabledPlacements, setEnabledPlacements] = (0, import_react3.useState)([]);
+  const [ads, setAds] = (0, import_react3.useState)([]);
+  const [error, setError] = (0, import_react3.useState)();
+  const [streamAdServerUrl, setStreamAdServerUrl] = (0, import_react3.useState)();
+  const [onlyStream, setOnlyStream] = (0, import_react3.useState)(false);
+  const [preloadTimeout, setPreloadTimeout] = (0, import_react3.useState)(8e3);
+  const [streamTimeout, setStreamTimeout] = (0, import_react3.useState)(5e3);
+  const [reactNativeStyles, setReactNativeStyles] = (0, import_react3.useState)(null);
+  const [sessionId, setSessionId] = (0, import_react3.useState)();
+  (0, import_react3.useEffect)(() => {
+    setSessionId(void 0);
     log_default.configureRemote(adServerUrl, {
       publisherToken,
       userId,
-      visitorId: userId,
+      visitorId,
       conversationId,
       character
     });
-    setSessionId(void 0);
-    if (!isDisabled && userId) {
-      log_default.debug("[BRAIN] Initializing ads.");
-      initialize(
+    if (!isDisabled && visitorId && userId) {
+      log_default.debug("[Kontext] Initalising ads.");
+      log_default.setRemoteLevel("debug");
+      initialise(
         adServerUrl,
         publisherToken,
+        visitorId,
         userId,
         conversationId,
         legacyVisitorId,
-        character
-      ).then(
-        ({
-          sessionId: sessionId2,
-          enabledPlacements: enabledPlacements2,
-          ads: ads2,
-          sessionDisabled,
-          streamAdServer,
-          onlyStream: onlyStream2,
-          defaultReactNativeStylesResponse,
-          overridingReactNativeStylesResponse,
-          remoteLogLevel
-        }) => {
+        character,
+        customFetch2
+      ).then(({ sessionId: sessionId2, enabledPlacements: enabledPlacements2, ads: ads2, sessionDisabled, streamAdServer, onlyStream: onlyStream2, remoteLogLevel, preloadTimeout: preloadTimeout2, streamTimeout: streamTimeout2, defaultReactNativeStyles, overridingReactNativeStyles }) => {
+        log_default.configureRemote(adServerUrl, {
+          publisherToken,
+          adServerUrl,
+          visitorId,
+          userId,
+          conversationId,
+          legacyVisitorId,
+          character,
+          sessionId: sessionId2
+        });
+        if (remoteLogLevel) {
           log_default.setRemoteLevel(remoteLogLevel || "silent");
-          log_default.configureRemote(adServerUrl, {
-            publisherToken,
-            adServerUrl,
-            userId,
-            conversationId,
-            legacyVisitorId,
-            character,
-            sessionId: sessionId2
-          });
-          if (!sessionDisabled) {
-            setSessionId(sessionId2);
-            setEnabledPlacements(enabledPlacements2);
-            setAds(ads2);
-            setStreamAdServerUrl(streamAdServer);
-            setOnlyStream(onlyStream2);
-            setDefaultReactNativeStyles(defaultReactNativeStylesResponse);
-            setOverridingReactNativeStyles(overridingReactNativeStylesResponse);
-          } else {
-            log_default.debug("[BRAIN] Session is disabled by server.");
+        }
+        const mergedStyles = mergeStyles(reactNativePropStyles, defaultReactNativeStyles, overridingReactNativeStyles);
+        setReactNativeStyles(mergedStyles);
+        if (!sessionDisabled) {
+          setSessionId(sessionId2);
+          setEnabledPlacements(enabledPlacements2);
+          setAds(ads2);
+          setStreamAdServerUrl(streamAdServer);
+          setOnlyStream(onlyStream2);
+          if (preloadTimeout2) {
+            setPreloadTimeout(preloadTimeout2);
           }
+          if (streamTimeout2) {
+            setStreamTimeout(streamTimeout2);
+          }
+        } else {
+          log_default.info(`[Kontext] Session is disabled. Reason: ${sessionId2}`);
+          setSessionId(null);
+        }
+      }).catch((e) => {
+        {
+          log_default.warn("[Kontext] Error initializing ads", e);
+          setError(e.toString());
+          captureError(e);
         }
-      ).catch((e) => {
-        log_default.warn("[BRAIN] Error initializing ads", e);
-        setError(e.message);
       });
     } else {
-      log_default.debug("[BRAIN] Ads are disabled.");
+      log_default.debug("[Kontext] Ads are disabled.");
+      setSessionId(null);
     }
-  }, [
-    adServerUrl,
-    publisherToken,
-    userId,
-    conversationId,
-    isDisabled
-  ]);
-  return {
-    ads,
-    sessionId,
-    enabledPlacements,
-    error,
-    streamAdServerUrl,
-    onlyStream,
-    defaultReactNativeStyles,
-    overridingReactNativeStyles
-  };
+  }, [adServerUrl, publisherToken, visitorId, userId, conversationId, isDisabled]);
+  return { ads, sessionId, enabledPlacements, error, streamAdServerUrl, onlyStream, preloadTimeout, streamTimeout, reactNativeStyles };
 }
-
-// src/hooks/usePreloadAds.tsx
-var import_react2 = require("react");
 function usePreloadAds({
-  userId,
   sessionId,
   conversationId,
   adserverUrl,
   messages,
   publisherToken,
   character,
-  onlyStream
+  onlyStream,
+  captureError,
+  preloadTimeout,
+  customFetch: customFetch2
 }) {
-  const [preloadDone, setPreloadDone] = (0, import_react2.useState)(false);
-  const [ads, setAds] = (0, import_react2.useState)([]);
-  const userMessagesContent = messages.filter((m) => m.role === "user").map((m) => m.content).join(" ");
-  (0, import_react2.useEffect)(() => {
+  const [preloadDone, setPreloadDone] = (0, import_react4.useState)(false);
+  const [ads, setAds] = (0, import_react4.useState)([]);
+  const lastUserMessageContent = [...messages].reverse().find((m) => m.role === "user")?.content;
+  const userMessagesContent = messages.slice(-6).filter((m) => m.role === "user").map((m) => m.content).join(" ");
+  const numberOfAssistantMessagesAtTheEnd = messages.slice().reverse().filter((m) => m.role === "assistant" || m.role === "user").findIndex((m) => m.role === "user");
+  const numberOfAssistantFollowups = Math.max(
+    0,
+    numberOfAssistantMessagesAtTheEnd - 1
+  );
+  (0, import_react4.useEffect)(() => {
     if (onlyStream) {
       setPreloadDone(true);
-      log_default.log("[BRAIN] skipping preload ads");
+      log_default.log("[Kontext] skipping preload ads");
       return;
     }
     async function preload() {
@@ -452,47 +412,57 @@ function usePreloadAds({
       if (!sessionId) {
         return;
       }
-      log_default.log("[BRAIN] preload ads started");
-      try {
-        const response = await fetchRetry(
-          `${adserverUrl}/preload`,
-          {
-            timeout: 1e4,
-            method: "POST",
-            body: JSON.stringify({
-              messages,
-              sessionId,
-              userId,
-              visitorId: userId,
-              publisherToken,
-              conversationId,
-              character,
-              sdkVersion: "native"
-            })
-          },
-          3,
-          1e3
-        );
-        const { ads: ads2 } = await response.json();
+      if (!lastUserMessageContent) {
+        return;
+      }
+      log_default.log("[Kontext] preload ads started");
+      const response = await fetchWithTimeout(
+        `${adserverUrl}/preload`,
+        {
+          method: "POST",
+          timeout: preloadTimeout,
+          body: JSON.stringify({
+            messages,
+            sessionId,
+            publisherToken,
+            conversationId,
+            character,
+            sdkVersion: version
+          })
+        },
+        customFetch2
+      );
+      if (!response.ok) {
+        throw new Error("Error preloading ads. Status: " + response.status);
+      }
+      const { ads: ads2 } = await response.json();
+      ads2.forEach((ad) => {
         setAds((oldAds) => {
-          const newAds = ads2.map((ad) => fixUrl(adserverUrl, ad));
-          return [...oldAds, ...newAds];
+          const fixedAd = fixUrl(adserverUrl, ad);
+          let found = false;
+          let newAds = oldAds.map((a) => {
+            if (a.code === ad.code) {
+              found = true;
+              return fixedAd;
+            }
+            return a;
+          });
+          if (!found) {
+            newAds.push(fixedAd);
+          }
+          return newAds;
         });
-        setPreloadDone(true);
-        log_default.log("[BRAIN] preload ads finished");
-      } catch (e) {
-        log_default.warn("[BRAIN] Error preloading ads", e);
-      }
+      });
+      setPreloadDone(true);
+      log_default.log("[Kontext] preload ads finished");
     }
-    preload();
-  }, [sessionId, userMessagesContent, conversationId]);
+    preload().catch((e) => {
+      captureError(e);
+      log_default.error("[Kontext] Error preloading ads", e);
+    });
+  }, [sessionId, userMessagesContent, numberOfAssistantFollowups]);
   return { preloadDone, ads };
 }
-
-// src/hooks/useStreamAds.tsx
-var import_react3 = require("react");
-
-// src/hooks/data-stream.ts
 var textStreamPart = {
   code: "0",
   name: "text",
@@ -695,12 +665,7 @@ async function* readDataStream(reader, {
     const concatenatedChunks = concatChunks(chunks, totalLength);
     totalLength = 0;
     const streamParts2 = decoder.decode(concatenatedChunks, { stream: true }).split("\n").filter((line) => line !== "").map(parseStreamPart);
-    let i = 0;
     for (const streamPart of streamParts2) {
-      if (!(i % 5)) {
-        await new Promise((resolve) => setTimeout(resolve));
-      }
-      i++;
       yield streamPart;
     }
     if (isAborted?.()) {
@@ -709,25 +674,8 @@ async function* readDataStream(reader, {
     }
   }
 }
-
-// src/hooks/useStreamAds.tsx
-var import_encoding = require("react-native-polyfill-globals/src/encoding");
-var import_readable_stream = require("react-native-polyfill-globals/src/readable-stream");
-var import_react_native = require("react-native");
-var patchFetch = fetch;
-if (import_react_native.Platform.OS !== "web") {
-  (0, import_encoding.polyfill)();
-  (0, import_readable_stream.polyfill)();
-  patchFetch = require("react-native-fetch-api").fetch;
-}
-ErrorUtils.setGlobalHandler((error, isFatal) => {
-  if (!isFatal) {
-    log_default.warn(error);
-  } else {
-    log_default.error(error);
-  }
-});
 function useStreamAds({
+  visitorId,
   userId,
   sessionId,
   conversationId,
@@ -737,9 +685,12 @@ function useStreamAds({
   preloadDone,
   enabledPlacements,
   character,
-  publisherToken
+  publisherToken,
+  captureError,
+  streamTimeout,
+  customFetch: customFetch2
 }) {
-  const [ads, setAds] = (0, import_react3.useState)([]);
+  const [ads, setAds] = (0, import_react5.useState)([]);
   const fetchStream = async (messages2, code) => {
     const lastAssistantMessage = [...messages2].reverse().find((m) => m.role === "assistant");
     if (!lastAssistantMessage) {
@@ -755,43 +706,77 @@ function useStreamAds({
       return newAds;
     });
     const body = JSON.stringify({
+      visitorId,
       userId,
-      visitorId: userId,
       sessionId,
       code,
       messages: messages2,
       publisherToken,
       character,
       conversationId,
-      sdkVersion: "native"
+      sdkVersion: version
     });
     try {
-      const response = await patchFetch(`${adserverUrl}/stream`, {
-        method: "POST",
-        body,
-        headers: {
-          "Content-Type": "application/json"
+      const response = await fetchWithTimeout(
+        `${adserverUrl}/stream`,
+        {
+          method: "POST",
+          body,
+          headers: {
+            "Content-Type": "application/json"
+          },
+          timeout: streamTimeout
         },
-        reactNative: { textStreaming: true }
-      });
+        customFetch2
+      );
       if (!response.ok) {
-        throw new Error("Error streaming ad");
+        throw new Error("Error streaming ad. Status: " + response.status);
       }
       if (!response.body) {
-        throw new Error("Response body is not a readable stream");
+        throw new Error("Response body is not readable stream");
       }
-      setAds(
-        (oldAds) => oldAds.map((ad) => ad.messageId === lastAssistantMessage.id && ad.code === code ? { ...ad, isLoading: false, isStreaming: true } : ad)
-      );
+      if (response.status === 204) {
+        setAds((oldAds) => {
+          const newAds = oldAds.map((ad) => {
+            if (ad.messageId === lastAssistantMessage.id && ad.code === code) {
+              return {
+                ...ad,
+                isLoading: false,
+                isStreaming: false
+              };
+            }
+            return ad;
+          });
+          return newAds;
+        });
+        return;
+      }
+      setAds((oldAds) => {
+        const newAds = oldAds.map((ad) => {
+          if (ad.messageId === lastAssistantMessage.id && ad.code === code) {
+            return {
+              ...ad,
+              isLoading: false,
+              isStreaming: true
+            };
+          }
+          return ad;
+        });
+        return newAds;
+      });
       let data = "";
       let adData = {};
-      log_default.log(`[BRAIN] streaming ${code} ad started`);
+      log_default.log(`[Kontext] streaming ${code} ad started`);
+      if (!response.body) {
+        throw new Error("Response body is not readable stream");
+      }
       const reader = response.body.getReader();
       for await (const { type, value } of readDataStream(reader)) {
         switch (type) {
-          case "text":
+          case "text": {
             data += value;
             break;
+          }
           case "data": {
             let val = value;
             if (Array.isArray(val)) {
@@ -800,11 +785,12 @@ function useStreamAds({
             adData = { ...adData, ...val };
             break;
           }
-          case "error":
+          case "error": {
             throw new Error(`Error streaming ad ${value}`);
+          }
         }
-        setAds(
-          (oldAds) => oldAds.map((ad) => {
+        setAds((oldAds) => {
+          const newAds = oldAds.map((ad) => {
             if (ad.messageId === lastAssistantMessage.id && ad.code === code) {
               const content = adData.content ?? data;
               const newAd = fixUrl(adserverUrl, {
@@ -813,82 +799,87 @@ function useStreamAds({
                 isLoading: false,
                 isStreaming: true,
                 content: content.replace(
-                  new RegExp(`/impression/${adData.product.id}/redirect`, "g"),
+                  new RegExp(`/(ad|impression)/${adData.product.id}/redirect`, "g"),
                   `/impression/${adData.id}/redirect`
                 )
               });
               return newAd;
             }
             return ad;
-          })
-        );
+          });
+          return newAds;
+        });
       }
-      setAds(
-        (oldAds) => oldAds.map(
-          (ad) => ad.messageId === lastAssistantMessage.id && ad.code === code ? { ...ad, isStreaming: false } : ad
-        )
-      );
-      log_default.log(`[BRAIN] streaming ${code} ad done`);
+      setAds((oldAds) => {
+        const newAds = oldAds.map((ad) => {
+          if (ad.messageId === lastAssistantMessage.id && ad.code === code) {
+            return {
+              ...ad,
+              isStreaming: false
+            };
+          }
+          return ad;
+        });
+        return newAds;
+      });
+      log_default.log(`[Kontext] streaming ${code} ad done`);
     } catch (e) {
-      log_default.warn("[BRAIN] Error streaming ad", e);
-      setAds((oldAds) => [...oldAds, { isError: true, code }]);
+      captureError(e);
+      log_default.error("[Kontext] Error streaming ad", e);
+      setAds((oldAds) => {
+        let found = false;
+        const newAds = oldAds.map((ad) => {
+          if (ad.messageId === lastAssistantMessage.id && ad.code === code) {
+            found = true;
+            return {
+              ...ad,
+              isLoading: false,
+              isStreaming: false,
+              isError: true
+            };
+          }
+          return ad;
+        });
+        if (!found) {
+          newAds.push({
+            isLoading: false,
+            isStreaming: false,
+            isError: true,
+            code
+          });
+        }
+        return newAds;
+      });
     }
   };
-  (0, import_react3.useEffect)(() => {
-    if (!isLoading && sessionId && messages.length > 2 && messages[messages.length - 1]?.role === "assistant" && preloadDone) {
-      enabledPlacements.forEach((placement) => {
-        if (["QUERY_STREAM", "INLINE_AD", "BOX_AD"].includes(placement.format)) {
+  (0, import_react5.useEffect)(() => {
+    if (!isLoading && sessionId && messages.length > 0 && messages[messages.length - 1]?.role === "assistant" && preloadDone) {
+      for (const placement of enabledPlacements) {
+        if (placement.format === "QUERY_STREAM" || placement.format === "INLINE_AD" || placement.format === "BOX_AD") {
           fetchStream(messages, String(placement.code));
         }
-      });
+      }
     }
-  }, [isLoading, preloadDone, sessionId, messages[messages.length - 1]?.role]);
+  }, [isLoading, preloadDone, sessionId]);
   return { ads };
 }
-
-// src/components/ErrorBoundary.tsx
-var import_react4 = __toESM(require("react"));
-var captureErrorFn = (adServerUrl, error, componentStack, context) => {
-  fetch(`${adServerUrl}/error`, {
+var DEFAULT_AD_SERVER_URL = "https://server.megabrain.co";
+var captureErrorFn = (error, componentStack, additionalData) => {
+  const adserverUrl = additionalData?.adserverUrl || DEFAULT_AD_SERVER_URL;
+  fetch(`${adserverUrl}/error`, {
     method: "POST",
     body: JSON.stringify({
-      error: error?.message,
+      error: error.message,
       stack: componentStack,
-      context
+      additionalData
     })
   }).catch((e) => {
-    log_default.warn("Error reporting client error", e);
+    log_default.error(e);
+  }).finally(() => {
+    log_default.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_react5.default.createContext(null);
+var AdsContext = import_react2.default.createContext(null);
 AdsContext.displayName = "AdsContext";
 var VISITOR_ID_KEY = "brain-visitor-id";
 var AdsProviderWithoutBoundary = ({
@@ -900,48 +891,89 @@ var AdsProviderWithoutBoundary = ({
   isDisabled,
   character,
   conversationId,
+  visitorId,
   userId,
   logLevel,
   onAdView,
   onAdClick,
-  ...props
+  customFetch: customFetch2,
+  reactNativePropStyles,
+  isReactNative
 }) => {
-  const [viewedAds, setViewedAds] = (0, import_react5.useState)([]);
-  const [clickedAds, setClickedAds] = (0, import_react5.useState)([]);
-  const adServerUrlOrDefault = adserverUrl || "https://server.megabrain.co";
+  const adServerUrlOrDefault = adserverUrl || DEFAULT_AD_SERVER_URL;
   log_default.setLocalLevel(logLevel || "silent");
+  visitorId = visitorId || userId;
+  const [viewedAds, setViewedAds] = (0, import_react2.useState)([]);
+  const [clickedAds, setClickedAds] = (0, import_react2.useState)([]);
+  const captureError = (error) => {
+    captureErrorFn(error, error.stack, {
+      publisherToken,
+      adserverUrl,
+      conversationId,
+      character,
+      visitorId,
+      userId,
+      isLoading,
+      messages
+    });
+  };
+  const legacyVisitorId = typeof window !== "undefined" && typeof window.localStorage !== "undefined" && localStorage.getItem(VISITOR_ID_KEY) ? localStorage.getItem(VISITOR_ID_KEY) : void 0;
+  (0, import_react2.useEffect)(() => {
+    if (isReactNative) {
+      return;
+    }
+    const linkElement = loadExternalCss(adServerUrlOrDefault, publisherToken, visitorId);
+    return () => {
+      try {
+        document.head.removeChild(linkElement);
+      } catch (e) {
+      }
+    };
+  }, [adServerUrlOrDefault, publisherToken, visitorId, isReactNative]);
   const {
     ads: initAds,
     sessionId,
     enabledPlacements,
-    error,
+    error: initError,
     streamAdServerUrl,
     onlyStream,
-    defaultReactNativeStyles,
-    overridingReactNativeStyles
+    preloadTimeout,
+    streamTimeout,
+    reactNativeStyles
   } = useInitializeAds({
     adServerUrl: adServerUrlOrDefault,
     publisherToken,
     userId,
-    legacyVisitorId: void 0,
+    visitorId,
+    legacyVisitorId,
     conversationId,
     character,
-    isDisabled: !!isDisabled
+    isDisabled: !!isDisabled,
+    captureError,
+    customFetch: customFetch2,
+    reactNativePropStyles
   });
-  const styles = mergeStyles(props.styles, defaultReactNativeStyles, overridingReactNativeStyles);
-  const isInitialised = !!isDisabled || !!error || !!sessionId;
-  const { preloadDone, ads: preloadAds } = usePreloadAds({
+  const isInitialised = !!isDisabled || !!initError || !!sessionId || sessionId === null;
+  const {
+    preloadDone,
+    ads: preloadAds
+  } = usePreloadAds({
     sessionId,
     adserverUrl: adServerUrlOrDefault,
     messages,
     publisherToken,
     conversationId,
     userId,
+    visitorId,
     character,
-    onlyStream
+    onlyStream,
+    captureError,
+    preloadTimeout,
+    customFetch: customFetch2
   });
   const { ads: streamAds } = useStreamAds({
     userId,
+    visitorId,
     sessionId,
     adserverUrl: onlyStream && streamAdServerUrl ? streamAdServerUrl : adServerUrlOrDefault,
     conversationId,
@@ -950,23 +982,28 @@ var AdsProviderWithoutBoundary = ({
     character,
     preloadDone,
     enabledPlacements,
-    publisherToken
+    publisherToken,
+    captureError,
+    streamTimeout,
+    customFetch: customFetch2
   });
   const ads = mergeAds({ initAds, preloadAds, streamAds, viewedAds, clickedAds });
   const markAdAsViewed = (ad) => {
-    log_default.debug("[Brain] Calling onAdView");
     onAdView && onAdView({
       id: ad.id,
       code: ad.code,
       messageId: ad.messageId,
       content: ad.content
     });
-    if (!ad.id) return;
-    if (viewedAds.includes(ad.id)) return;
+    if (!ad.id) {
+      return;
+    }
+    if (viewedAds.includes(ad.id)) {
+      return;
+    }
     setViewedAds((old) => [...old, ad.id]);
   };
   const onAdClickInternal = (ad) => {
-    log_default.debug("[Brain] Calling onAdClick");
     onAdClick && onAdClick({
       id: ad.id,
       code: ad.code,
@@ -989,81 +1026,73 @@ var AdsProviderWithoutBoundary = ({
         streamAdServerUrl,
         children,
         messages,
+        conversationId,
         publisherToken,
         isLoading,
         ads,
         sessionId,
         isInitialised,
-        conversationId,
         isDisabled,
         onAdClickInternal,
         enabledPlacements,
         userId,
+        visitorId,
         markAdAsViewed,
         onlyStream,
-        styles
+        preloadTimeout,
+        streamTimeout,
+        reactNativeStyles
       },
       children
     }
   );
 };
-var AdsProvider = ({
-  children,
-  messages,
-  publisherToken,
-  isLoading,
-  adserverUrl,
-  isDisabled,
-  character,
-  conversationId,
-  userId,
-  logLevel,
-  onAdView,
-  onAdClick,
-  ...props
-}) => {
-  const adServerUrlOrDefault = adserverUrl || "https://server.megabrain.co";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    ErrorBoundary,
-    {
-      fallback: children,
-      adserverUrl: adServerUrlOrDefault,
-      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,
-          ...props
-        }
-      )
+function useAd({ code, messageId }) {
+  const context = (0, import_react.useContext)(AdsContext);
+  if (!context) {
+    return null;
+  }
+  const ad = context.ads.find((ad2) => {
+    if (messageId) {
+      return ad2.code === code && ad2.messageId === messageId;
     }
+    return ad2.code === code;
+  });
+  if (!ad) {
+    return null;
+  }
+  const placement = context.enabledPlacements.find((p) => p.code === code);
+  if (!placement) {
+    return null;
+  }
+  const dependencies = placement.config.dependencies?.split(",").map((d) => d.trim()).filter((d) => d);
+  if (!dependencies || dependencies.length === 0) {
+    return ad;
+  }
+  const dependencyAds = context.enabledPlacements.filter(
+    (p) => dependencies.includes(p.code)
   );
-};
-
-// src/hooks/useAdViewed.tsx
-var import_react7 = require("react");
-function useAdViewed(ad) {
-  const context = (0, import_react7.useContext)(AdsContext);
-  const [stillMounted, setStillMounted] = (0, import_react6.useState)(false);
+  if (!dependencyAds.length) {
+    return ad;
+  }
+  const allAdsLoadedAndNotStreaming = dependencyAds.every((p) => {
+    let a;
+    if (messageId) {
+      a = context.ads.find(
+        (ad2) => ad2.code === p.code && ad2.messageId === messageId
+      );
+    } else {
+      a = context.ads.find((ad2) => ad2.code === p.code);
+    }
+    return a && !a.isLoading && !a.isStreaming || a && a.isError;
+  });
+  if (!allAdsLoadedAndNotStreaming) {
+    return null;
+  }
+  return ad;
+}
+function useAdViewed(ad, ref) {
+  const context = (0, import_react6.useContext)(AdsContext);
   const sendRequest = async () => {
     if (!context?.adserverUrl || !ad?.id) {
       return;
@@ -1080,49 +1109,101 @@ function useAdViewed(ad) {
       if (!response.ok) {
         throw new Error("Error sending view request");
       }
-      log_default.log("[BRAIN] ad marked as viewed", ad.id, ad.code);
+      log_default.log("[Kontext] ad marked as viewed", ad.id, ad.code);
     } catch (e) {
-      log_default.warn("[BRAIN] Error sending view request", e);
+      log_default.error("[Kontext] Error sending view request", e);
     }
   };
   (0, import_react6.useEffect)(() => {
-    if (!ad || ad.isError || ad.isLoading || ad.isStreaming || ad.viewed || stillMounted) {
+    if (!ref?.current || !ad || !context?.visitorId || !context?.userId || ad.isError || ad.isLoading || ad.isStreaming || ad.viewed) {
       return;
     }
-    log_default.log("[BRAIN] setting timeout", ad.id, ad.code);
-    setTimeout(() => {
-      log_default.log("[BRAIN] setting setStillMounted", ad.id, ad.code);
-      setStillMounted(true);
-    }, 1e3);
-  }, [ad]);
-  (0, import_react6.useEffect)(() => {
-    if (stillMounted) {
-      log_default.log("[BRAIN] sending request");
+    if (typeof window.IntersectionObserver === "undefined") {
       sendRequest();
+      return;
     }
-  }, [stillMounted]);
+    const observer = new window.IntersectionObserver((entries, observer2) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          sendRequest();
+          observer2.unobserve(entry.target);
+        }
+      });
+    });
+    observer.observe(ref?.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [ad]);
 }
 
 // src/components/MarkdownText.tsx
-var import_react8 = require("react");
-var import_react_native2 = require("react-native");
+var import_react7 = require("react");
+var import_react_native = require("react-native");
+
+// src/utils.ts
+var getStyles = (context) => {
+  return context.reactNativeStyles;
+};
+var parseMessageText = (text) => {
+  const parts = [];
+  let start = 0;
+  const regex = /(\*(.*?)\*)|\[([^\]]+)\]\(([^)]+)\)/g;
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    if (match.index > start) {
+      parts.push({ text: text.substring(start, match.index), textType: "normal" });
+    }
+    if (match[1]) {
+      const themedText = match[2];
+      const innerMatches = themedText.match(/\[([^\]]+)\]\(([^)]+)\)/g);
+      if (innerMatches) {
+        let innerStart = 0;
+        innerMatches.forEach((linkMatch) => {
+          const linkRegex = /\[([^\]]+)\]\(([^)]+)\)/;
+          const innerLink = linkMatch.match(linkRegex);
+          const linkIndex = themedText.indexOf(linkMatch, innerStart);
+          if (linkIndex > innerStart) {
+            parts.push({ text: themedText.substring(innerStart, linkIndex), textType: "themed" });
+          }
+          parts.push({ text: innerLink[1], textType: "link", url: innerLink[2] });
+          innerStart = linkIndex + linkMatch.length;
+        });
+        if (innerStart < themedText.length) {
+          parts.push({ text: themedText.substring(innerStart), textType: "themed" });
+        }
+      } else {
+        parts.push({ text: themedText, textType: "themed" });
+      }
+    } else if (match[3] && match[4]) {
+      parts.push({ text: match[3], textType: "link", url: match[4] });
+    }
+    start = match.index + match[0].length;
+  }
+  if (start < text.length) {
+    parts.push({ text: text.substring(start), textType: "normal" });
+  }
+  return parts;
+};
+
+// src/components/MarkdownText.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function MarkdownText({
   content,
   onLinkClick
 }) {
-  const context = (0, import_react8.useContext)(AdsContext);
+  const context = (0, import_react7.useContext)(AdsContext);
   const textParts = parseMessageText(content);
-  const styles = context?.styles?.markdownText;
+  const styles = getStyles(context)?.markdownText;
   const linkClickHandler = (href) => {
     onLinkClick();
-    import_react_native2.Linking.openURL(href).catch((err) => log_default.warn("Failed to open URL:", err));
+    import_react_native.Linking.openURL(href).catch((err) => log.warn("Failed to open URL:", err));
     return false;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: textParts.map((t, i) => {
     if (t.textType === "link") {
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.Pressable,
+        import_react_native.Pressable,
         {
           onPress: () => {
             linkClickHandler(t.url);
@@ -1130,31 +1211,32 @@ function MarkdownText({
           style: ({ pressed }) => [{ opacity: pressed ? 0.8 : 1 }],
           hitSlop: { top: 20, bottom: 20, left: 10, right: 10 },
           onStartShouldSetResponder: () => true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles?.link, children: t.text })
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.Text, { style: styles?.link, children: t.text })
         },
         i + "link"
       );
     } else if (t.textType === "themed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles?.em, children: t.text }, i + "em");
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.Text, { style: styles?.em, children: t.text }, i + "em");
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles?.normal, children: t.text }, i + "normal");
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.Text, { style: styles?.normal, children: t.text }, i + "normal");
     }
   }) });
 }
 
 // src/components/VideoPlayer.tsx
 var import_expo_av = require("expo-av");
-var import_react10 = require("react");
-var import_react_native4 = require("react-native");
-
-// src/components/VideoProgressBar.tsx
 var import_react9 = require("react");
 var import_react_native3 = require("react-native");
+
+// src/components/VideoProgressBar.tsx
+var import_react8 = require("react");
+var import_react_native2 = require("react-native");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function VideoProgressBar({ videoRef }) {
-  const [progress, setProgress] = (0, import_react9.useState)(0);
-  const styles = (0, import_react9.useContext)(AdsContext)?.styles?.videoPlayer?.videoProgress;
-  (0, import_react9.useEffect)(() => {
+  const [progress, setProgress] = (0, import_react8.useState)(0);
+  const context = (0, import_react8.useContext)(AdsContext);
+  const styles = getStyles(context)?.videoPlayer?.videoProgress;
+  (0, import_react8.useEffect)(() => {
     const interval = setInterval(() => {
       if (!videoRef.current) {
         return;
@@ -1170,7 +1252,7 @@ function VideoProgressBar({ videoRef }) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [videoRef.current]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles?.progressContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [styles?.progressBar, { width: `${progress}%` }] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native2.View, { style: styles?.progressContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native2.View, { style: [styles?.progressBar, { width: `${progress}%` }] }) });
 }
 
 // src/components/VideoPlayer.tsx
@@ -1187,14 +1269,15 @@ var VideoPlayer = ({
   mediaPlacement,
   onLinkClick
 }) => {
-  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 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 context = (0, import_react9.useContext)(AdsContext);
+  const styles = getStyles(context)?.videoPlayer;
+  (0, import_react9.useEffect)(() => {
     const interval = setInterval(() => {
       if (videoRef.current) {
         videoRef.current.getStatusAsync().then((status) => {
@@ -1238,7 +1321,7 @@ var VideoPlayer = ({
   };
   const handleLinkClick = (url) => {
     if (url) {
-      import_react_native4.Linking.openURL(url).catch((err) => log_default.warn("Failed to open URL:", err));
+      import_react_native3.Linking.openURL(url).catch((err) => log.warn("Failed to open URL:", err));
       onLinkClick();
     }
   };
@@ -1248,7 +1331,7 @@ var VideoPlayer = ({
     setIsPaused(false);
     onProgress(100);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: [videoOrientation === "horizontal" ? styles?.videoOuterContainerHorizontal : styles?.videoOuterContainerVertical, mediaPlacement === "top" && styles?.videoPlacementBottom, mediaPlacement === "bottom" && styles?.videoPlacementBottom], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native3.View, { style: [videoOrientation === "horizontal" ? styles?.videoOuterContainerHorizontal : styles?.videoOuterContainerVertical, mediaPlacement === "top" && styles?.videoPlacementBottom, mediaPlacement === "bottom" && styles?.videoPlacementBottom], children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_expo_av.Video,
       {
@@ -1267,71 +1350,24 @@ var VideoPlayer = ({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VideoProgressBar, { videoRef }),
-    !isEnded && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.TouchableOpacity, { style: isPlaying ? styles?.playOverlay : styles?.pauseOverlay, onPress: handlePlayPause, children: !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles?.playButton, children: "\u25B6" }) }),
-    (isPaused && !isEnded || showDownloadBadge && !isEnded) && badgeText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.TouchableOpacity, { style: styles?.videoBadge, onPress: handleBadgeClick, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles?.videoBadgeText, children: showDownloadBadge && !isPaused && !isEnded ? ctaText : badgeText }) }),
-    isEnded && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles?.endOverlay, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.TouchableOpacity, { style: styles?.endOverlayTouch, onPress: () => handleLinkClick(clickUrl), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles?.endButton, children: ctaText }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: styles?.endText, children: endText })
+    !isEnded && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.TouchableOpacity, { style: isPlaying ? styles?.playOverlay : styles?.pauseOverlay, onPress: handlePlayPause, children: !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.Text, { style: styles?.playButton, children: "\u25B6" }) }),
+    (isPaused && !isEnded || showDownloadBadge && !isEnded) && badgeText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.TouchableOpacity, { style: styles?.videoBadge, onPress: handleBadgeClick, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.Text, { style: styles?.videoBadgeText, children: showDownloadBadge && !isPaused && !isEnded ? ctaText : badgeText }) }),
+    isEnded && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native3.View, { style: styles?.endOverlay, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.TouchableOpacity, { style: styles?.endOverlayTouch, onPress: () => handleLinkClick(clickUrl), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.Text, { style: styles?.endButton, children: ctaText }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.Text, { style: styles?.endText, children: endText })
     ] })
   ] });
 };
 
-// src/hooks/useAd.tsx
-var import_react11 = require("react");
-function useAd({ code, messageId }) {
-  const context = (0, import_react11.useContext)(AdsContext);
-  if (!context) {
-    return null;
-  }
-  const ad = context.ads.find((ad2) => {
-    if (messageId) {
-      return ad2.code === code && ad2.messageId === messageId;
-    }
-    return ad2.code === code;
-  });
-  if (!ad) {
-    return null;
-  }
-  const placement = context.enabledPlacements.find((p) => p.code === code);
-  if (!placement) {
-    return null;
-  }
-  const dependencies = placement.config.dependencies?.split(",").map((d) => d.trim()).filter((d) => d);
-  if (!dependencies || dependencies.length === 0) {
-    return ad;
-  }
-  const dependencyAds = context.enabledPlacements.filter(
-    (p) => dependencies.includes(p.code)
-  );
-  if (!dependencyAds.length) {
-    return ad;
-  }
-  const allAdsLoadedAndNotStreaming = dependencyAds.every((p) => {
-    let a;
-    if (messageId) {
-      a = context.ads.find(
-        (ad2) => ad2.code === p.code && ad2.messageId === messageId
-      );
-    } else {
-      a = context.ads.find((ad2) => ad2.code === p.code);
-    }
-    return a && !a.isLoading && !a.isStreaming || a && a.isError;
-  });
-  if (!allAdsLoadedAndNotStreaming) {
-    return null;
-  }
-  return ad;
-}
-
 // src/formats/InlineAd.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var InlineAd = ({ code, messageId, wrapper }) => {
   const ad = useAd({ code, messageId });
-  const [linkIncluded, setLinkIncluded] = (0, import_react12.useState)(false);
-  const context = (0, import_react12.useContext)(AdsContext);
-  const styles = context?.styles?.inlineAd;
+  const [linkIncluded, setLinkIncluded] = (0, import_react10.useState)(false);
+  const context = (0, import_react10.useContext)(AdsContext);
+  const styles = getStyles(context)?.inlineAd;
   useAdViewed(ad);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (ad?.content && !ad.isStreaming && !ad.content.match(/\[.*?\]\(.*?\)/) && !linkIncluded) {
       setLinkIncluded(true);
     }
@@ -1340,16 +1376,16 @@ var InlineAd = ({ code, messageId, wrapper }) => {
   if (ad.isLoading || ad.content?.trim().toLowerCase().includes("none"))
     return null;
   const onProgress = (progress) => {
-    log_default.log(`Progress: ${progress}`);
+    log.log(`Progress: ${progress}`);
   };
   const handleImageClick = (url) => {
     if (url) {
       context?.onAdClickInternal(ad);
-      if (import_react_native5.Platform.OS === "web") {
+      if (import_react_native4.Platform.OS === "web") {
         window.open(url, "_blank");
       } else {
-        import_react_native5.Linking.openURL(url).catch(
-          (err) => log_default.warn("Failed to open URL:", err)
+        import_react_native4.Linking.openURL(url).catch(
+          (err) => log.warn("Failed to open URL:", err)
         );
       }
     }
@@ -1358,14 +1394,14 @@ var InlineAd = ({ code, messageId, wrapper }) => {
   if (ad.clicked && ad.rewardContent) {
     adContent = ad.rewardContent;
   }
-  const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: styles?.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: styles?.adBadgeContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: styles?.adBadgeText, children: "Ad" }) }),
+  const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native4.View, { style: styles?.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: styles?.adBadgeContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: styles?.adBadgeText, children: "Ad" }) }),
     ad.imageUrl && ad.mediaPlacement === "top" && !ad.isStreaming && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react_native5.TouchableOpacity,
+      import_react_native4.TouchableOpacity,
       {
         style: styles?.imageContainer,
         onPress: () => handleImageClick(ad.url),
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Image, { source: { uri: ad.imageUrl }, style: styles?.image })
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Image, { source: { uri: ad.imageUrl }, style: styles?.image })
       }
     ),
     ad.videoUrl && ad.mediaPlacement === "top" && !ad.isStreaming && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -1383,7 +1419,7 @@ var InlineAd = ({ code, messageId, wrapper }) => {
         clickUrl: ad.url
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: styles?.contentContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Text, { style: styles?.contentContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MarkdownText,
       {
         onLinkClick: () => context?.onAdClickInternal(ad),
@@ -1391,11 +1427,11 @@ var InlineAd = ({ code, messageId, wrapper }) => {
       }
     ) }),
     ad.imageUrl && ad.mediaPlacement === "bottom" && !ad.isStreaming && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react_native5.TouchableOpacity,
+      import_react_native4.TouchableOpacity,
       {
         style: styles?.imageContainer,
         onPress: () => handleImageClick(ad.url),
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Image, { source: { uri: ad.imageUrl }, style: styles?.image })
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.Image, { source: { uri: ad.imageUrl }, style: styles?.image })
       }
     ),
     ad.videoUrl && ad.mediaPlacement === "bottom" && !ad.isStreaming && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -1417,9 +1453,121 @@ var InlineAd = ({ code, messageId, wrapper }) => {
   return wrapper ? wrapper(content) : content;
 };
 var InlineAd_default = InlineAd;
+
+// src/components/ErrorBoundary.tsx
+var import_react11 = __toESM(require("react"));
+var captureErrorFn2 = (adServerUrl, error, componentStack, context) => {
+  fetch(`${adServerUrl}/error`, {
+    method: "POST",
+    body: JSON.stringify({
+      error: error?.message,
+      stack: componentStack,
+      context
+    })
+  }).catch((e) => {
+    log.warn("Error reporting client error", e);
+  });
+};
+var ErrorBoundary = class extends import_react11.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) {
+      captureErrorFn2(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_react_native5 = require("react-native");
+var import_encoding = require("react-native-polyfill-globals/src/encoding");
+var import_readable_stream = require("react-native-polyfill-globals/src/readable-stream");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var VISITOR_ID_KEY2 = "brain-visitor-id";
+var customFetch = fetch;
+if (import_react_native5.Platform.OS !== "web") {
+  (0, import_encoding.polyfill)();
+  (0, import_readable_stream.polyfill)();
+  customFetch = require("react-native-fetch-api").fetch;
+}
+ErrorUtils.setGlobalHandler((error, isFatal) => {
+  if (!isFatal) {
+    log.warn(error);
+  } else {
+    log.error(error);
+  }
+});
+var AdsProvider = ({
+  children,
+  messages,
+  publisherToken,
+  isLoading,
+  adserverUrl,
+  isDisabled,
+  character,
+  conversationId,
+  userId,
+  logLevel,
+  onAdView,
+  onAdClick,
+  styles
+}) => {
+  const adServerUrlOrDefault = adserverUrl || "https://server.megabrain.co";
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    ErrorBoundary,
+    {
+      fallback: children,
+      adserverUrl: adServerUrlOrDefault,
+      reqBodyParams: {
+        publisherToken,
+        adserverUrl,
+        conversationId,
+        character,
+        userId,
+        isLoading,
+        messages
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        AdsProviderWithoutBoundary,
+        {
+          children,
+          messages,
+          publisherToken,
+          isLoading,
+          adserverUrl,
+          isDisabled,
+          character,
+          conversationId,
+          userId,
+          logLevel,
+          onAdView,
+          onAdClick,
+          reactNativePropStyles: styles,
+          customFetch,
+          isReactNative: true
+        }
+      )
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AdsContext,
   AdsProvider,
   InlineAd,
   VISITOR_ID_KEY,