@zero-library/chat-agent 2.1.0 → 2.1.2

package/dist/index.cjs.js

@@ -323,7 +323,7 @@ var conversationDelete = (conversationId) => {
   return common.request.delete("/agent/conversation", { conversationId });
 };
 var conversationRecentQuery = (params) => {
-  return common.request.get("/lolr/conversation/recent", { params });
+  return common.request.get("/lolr/conversation/recent", params);
 };
 var conversationMessagesQuery = (params) => {
   return common.request.get("/lolr/conversation/message", params);
@@ -362,6 +362,7 @@ var defaultAgentLayout = {
   conversationList: true,
   preview: true,
   messageList: true,
+  firstMessage: false,
   senderHeader: false,
   sender: true,
   senderPrompts: true,
@@ -375,12 +376,21 @@ var defaultExpertLayout = {
   conversationList: false,
   preview: false,
   messageList: true,
+  firstMessage: false,
   senderHeader: false,
   sender: true,
   senderPrompts: false,
   senderFooter: false,
   globalHeader: false,
-  chatHeader: false,
+  chatHeader: {
+    props: {
+      title: true,
+      closeBtn: false,
+      newConversationBtn: false,
+      agentCharacter: false,
+      conversationListBtn: false
+    }
+  },
   disclaimerNotice: false
 };
 function createChatStore() {
@@ -729,6 +739,7 @@ function createChatStore() {
       } finally {
       }
       config.hooks?.onAfterInitMessages?.(conversation.messages[conversationId].message);
+      config.hooks?.onAfterInit?.();
     }
   };
   const pickReceiver = () => {
@@ -1027,7 +1038,7 @@ var MessageAIRender_default = ({ message: message3, placement }) => {
     }
   ) });
 };
-var BubbleListItems_default = ({ avatar = { user: false, agent: true, other: true } }) => {
+var BubbleListItems_default = ({ firstMessage = false, avatar = { user: false, agent: true, other: true } }) => {
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
@@ -1172,8 +1183,22 @@ var BubbleListItems_default = ({ avatar = { user: false, agent: true, other: tru
       };
     });
   }, [chatMessage?.message]);
+  const firstMessageRecord = react.useMemo(() => {
+    const isExist = common.shouldRender(firstMessage);
+    return isExist ? [
+      {
+        key: "firstMessage",
+        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: firstMessage }),
+        placement: "end"
+        // avatar: { style: { visibility: 'hidden' } }
+      }
+    ] : [];
+  }, [firstMessage]);
   const bubbleListItems = react.useMemo(() => {
     const list = [];
+    if (firstMessageRecord.length > 0) {
+      list.push(...firstMessageRecord);
+    }
     if (chatRecords.length > 0) {
       list.push(...chatRecords, ...questionList);
     }
@@ -1181,7 +1206,7 @@ var BubbleListItems_default = ({ avatar = { user: false, agent: true, other: tru
       return list;
     }
     return [...placeholderNode];
-  }, [chatRecords, questionList, placeholderNode]);
+  }, [chatRecords, questionList, placeholderNode, firstMessageRecord]);
   const listRef = react.useRef(null);
   const autoScrollRef = react.useRef(true);
   const handleScroll = (el) => {
@@ -1804,7 +1829,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
       return;
     }
     if (config?.receiverId && config?.receiverType === 3) {
-      chatStore.switchAgentConversation(config.receiverId, config.conversationStrategy);
+      chatStore.switchAgentConversation(String(config.receiverId), config.conversationStrategy);
     }
   }, [config]);
   react.useEffect(() => {
@@ -1820,6 +1845,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
     chatStore.setHooks(hooks);
   }, [hooks]);
   const receiverState = valtio.useSnapshot(chatStore.receiver);
+  valtio.useSnapshot(chatStore.conversation);
   const configState = valtio.useSnapshot(chatStore.config);
   react.useImperativeHandle(
     ref,
@@ -1853,10 +1879,13 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
+  react.useEffect(() => {
+    configState.hooks?.onBeforeInit?.();
+  }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames7__default.default(styles_module_default4.nsChatLayout, "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "full-scroll", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
       /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: "flex-1", onResize: setSplitterSizes, children: [
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1911,17 +1940,17 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
           /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
           /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames7__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames7__default.default("height-full p-t-8 p-b-8", styles_module_default2.nsBodyWidth), children: [
             common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              common.RenderWrapper,
-              {
-                control: configState.layout.senderHeader,
-                DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default4.nsChatSenderHeader, children: [
-                  "\u6211\u662F ",
-                  receiverState.active.name
-                ] })
-              }
-            ),
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                common.RenderWrapper,
+                {
+                  control: configState.layout.senderHeader,
+                  DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default4.nsChatSenderHeader, children: [
+                    "\u6211\u662F ",
+                    receiverState.active.name
+                  ] })
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 common.RenderWrapper,
                 {
@@ -1938,7 +1967,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) })
+            /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter })
           ] }) })
         ] }) })
       ] })