@zero-library/chat-copilot 3.1.2 → 3.1.3

package/dist/index.cjs.js

@@ -2289,16 +2289,16 @@ function preprocessCustomTagPayloads(content = "", payloadTagPattern) {
     payloadMap
   };
 }
-var adaptMarkdownComponent = (Component, payloadMap = /* @__PURE__ */ new Map(), message2) => {
+var adaptMarkdownComponent = (Component, payloadMapRef, messageRef) => {
   const WrappedComponent = ({ children, streamStatus, ...rest }) => {
-    const rawData = resolveMappedMarkdownPayload(children, payloadMap);
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, { message: message2, ...rest, data: rawData, loading: streamStatus === "loading" });
+    const rawData = resolveMappedMarkdownPayload(children, payloadMapRef.current);
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, { message: messageRef.current, ...rest, data: rawData, loading: streamStatus === "loading" });
   };
   WrappedComponent.displayName = `AdaptedMarkdownComponent(${Component.displayName || Component.name || "Anonymous"})`;
   return WrappedComponent;
 };
-var adaptMarkdownComponents = (components, payloadMap = /* @__PURE__ */ new Map(), message2) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMap, message2)]));
-var XMarkdown_default = ({ message: message2, components = {}, content = "", ...rest }) => {
+var adaptMarkdownComponents = (components, payloadMapRef, messageRef) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMapRef, messageRef)]));
+var XMarkdown_default = React7.memo(({ message: message2, components = {}, content = "", ...rest }) => {
   const config = React7.useMemo(() => getMarkdownConfig(), []);
   const formattedContent = React7.useMemo(() => formatMixedContent(content), [content]);
   const newComponents = React7.useMemo(
@@ -2318,13 +2318,16 @@ var XMarkdown_default = ({ message: message2, components = {}, content = "", ...
     }),
     [components]
   );
-  const componentKeys = React7.useMemo(() => Object.keys(newComponents), [newComponents]);
-  const payloadTagPattern = React7.useMemo(() => componentKeys.join("|"), [componentKeys]);
+  const payloadTagPattern = React7.useMemo(() => Object.keys(newComponents).join("|"), [newComponents]);
   const { content: processedContent, payloadMap } = React7.useMemo(
     () => preprocessCustomTagPayloads(formattedContent, payloadTagPattern),
     [formattedContent, payloadTagPattern]
   );
-  const markdownComponents = React7.useMemo(() => adaptMarkdownComponents(newComponents, payloadMap, message2), [componentKeys, message2, payloadMap]);
+  const payloadMapRef = React7.useRef(payloadMap);
+  const messageRef = React7.useRef(message2);
+  payloadMapRef.current = payloadMap;
+  messageRef.current = message2;
+  const markdownComponents = React7.useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     XMarkdown__default.default,
     {
@@ -2335,7 +2338,7 @@ var XMarkdown_default = ({ message: message2, components = {}, content = "", ...
       components: markdownComponents
     }
   );
-};
+});
 var ReportViewer = ({ artifactId, title, payload }) => {
   const markdown = typeof payload?.markdown === "string" ? payload.markdown : null;
   if (!markdown) {
@@ -4153,7 +4156,7 @@ var BubbleListItems_default = ({
   welcomeMessage = true,
   avatar = { user: false, agent: true },
   agentActions = false,
-  customComponents = {}
+  customComponents
 }) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);