@copilotkit/react-core 1.10.4-next.0 → 1.10.4-next.2

package/dist/components/index.js

@@ -162,9 +162,15 @@ var emptyCopilotContext = {
   langGraphInterruptAction: null,
   setLangGraphInterruptAction: () => null,
   removeLangGraphInterruptAction: () => null,
-  onError: void 0,
+  onError: () => {
+  },
   bannerError: null,
   setBannerError: () => {
+  },
+  internalErrorHandlers: {},
+  setInternalErrorHandler: () => {
+  },
+  removeInternalErrorHandler: () => {
   }
 };
 var CopilotContext = import_react.default.createContext(emptyCopilotContext);
@@ -1113,8 +1119,6 @@ var useCopilotRuntimeClient = (options) => {
   const _a = options, { showDevConsole, onError } = _a, runtimeOptions = __objRest(_a, ["showDevConsole", "onError"]);
   const lastStructuredErrorRef = (0, import_react7.useRef)(null);
   const traceUIError = (error, originalError) => __async(void 0, null, function* () {
-    if (!onError || !runtimeOptions.publicApiKey)
-      return;
     try {
       const errorEvent = {
         type: "error",
@@ -2460,13 +2464,51 @@ ${nonDocumentStrings}`;
     }, {});
     return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared10.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
   }, [copilotApiConfig.headers, copilotApiConfig.publicApiKey, authStates]);
+  const [internalErrorHandlers, _setInternalErrorHandler] = (0, import_react11.useState)({});
+  const setInternalErrorHandler = (0, import_react11.useCallback)((handler) => {
+    _setInternalErrorHandler((prev) => __spreadValues(__spreadValues({}, prev), handler));
+  }, []);
+  const removeInternalErrorHandler = (0, import_react11.useCallback)((key) => {
+    _setInternalErrorHandler((prev) => {
+      const _a2 = prev, { [key]: _removed } = _a2, rest = __objRest(_a2, [__restKey(key)]);
+      return rest;
+    });
+  }, []);
+  const onErrorRef = (0, import_react11.useRef)(props.onError);
+  (0, import_react11.useEffect)(() => {
+    onErrorRef.current = props.onError;
+  }, [props.onError]);
+  const internalHandlersRef = (0, import_react11.useRef)({});
+  (0, import_react11.useEffect)(() => {
+    internalHandlersRef.current = internalErrorHandlers;
+  }, [internalErrorHandlers]);
+  const handleErrors = (0, import_react11.useCallback)(
+    (error) => __async(this, null, function* () {
+      if (copilotApiConfig.publicApiKey && onErrorRef.current) {
+        try {
+          yield onErrorRef.current(error);
+        } catch (e) {
+          console.error("Error in public onError handler:", e);
+        }
+      }
+      const handlers = Object.values(internalHandlersRef.current);
+      yield Promise.all(
+        handlers.map(
+          (h) => Promise.resolve(h(error)).catch(
+            (e) => console.error("Error in internal error handler:", e)
+          )
+        )
+      );
+    }),
+    [copilotApiConfig.publicApiKey]
+  );
   const runtimeClient = useCopilotRuntimeClient({
     url: copilotApiConfig.chatApiEndpoint,
     publicApiKey,
     headers,
     credentials: copilotApiConfig.credentials,
     showDevConsole: shouldShowDevConsole(props.showDevConsole),
-    onError: props.onError
+    onError: handleErrors
   });
   const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react11.useState)({});
   const addChatSuggestionConfiguration = (0, import_react11.useCallback)(
@@ -2652,9 +2694,12 @@ ${nonDocumentStrings}`;
         langGraphInterruptAction,
         setLangGraphInterruptAction,
         removeLangGraphInterruptAction,
-        onError: props.onError,
         bannerError,
-        setBannerError
+        setBannerError,
+        onError: handleErrors,
+        internalErrorHandlers,
+        setInternalErrorHandler,
+        removeInternalErrorHandler
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CopilotMessages, { children: [