@ai-group/chat-sdk 3.5.5 → 3.5.7

package/dist/cjs/components/XAiProvider/index.js

@@ -0,0 +1,385 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiProvider/index.tsx
+var XAiProvider_exports = {};
+__export(XAiProvider_exports, {
+  default: () => XAiProvider_default
+});
+module.exports = __toCommonJS(XAiProvider_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
+var import_x = require("@ant-design/x");
+var import_icons = require("@ant-design/icons");
+var import_AiProviderContext = require("../../context/AiProviderContext");
+var import_useAgentGenerator = __toESM(require("../../hooks/useAgentGenerator"));
+var import_constants = require("../../constants");
+var import_user = __toESM(require("../../assets/user.png"));
+var import_common = require("../../styles/common");
+var import_DislikeFeedback = __toESM(require("../DislikeFeedback"));
+var import_api = require("../../services/api");
+var import_XAiChatbot = require("../XAiChatbot");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { confirm } = import_antd.Modal;
+var XAiProvider = (0, import_react.forwardRef)(({
+  url = window.location.origin,
+  token,
+  config,
+  providerId = "defaultId",
+  onSuccess,
+  onError,
+  onMessage,
+  children
+}, ref) => {
+  var _a, _b, _c;
+  const { textSpeed = 55 } = (config == null ? void 0 : config.chatProps) || {};
+  const {
+    appInfo,
+    chat,
+    stopChat,
+    reChat,
+    createNewChat,
+    deleteSession,
+    updateSession,
+    currentSessionId,
+    sessionPagination,
+    sessionList,
+    messages,
+    loading,
+    setCurrentSession,
+    setMessages
+  } = (0, import_useAgentGenerator.default)({ url, token, config, onError, onSuccess, onMessage, textSpeed });
+  const { appName, icon } = appInfo || {};
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    chat,
+    stopChat,
+    reChat,
+    getAppInfo: () => appInfo,
+    getMessages: () => messages,
+    getSessions: () => sessionList,
+    setMessages,
+    setCurrentSession
+  }), [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSession]);
+  const [isNarrow, setIsNarrow] = (0, import_react.useState)(false);
+  const divRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const div = divRef.current;
+    if (!div)
+      return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const { width } = entry.contentRect;
+        setIsNarrow(width <= import_constants.MOBILE_MAX_WIDTH);
+      }
+    });
+    resizeObserver.observe(div);
+    const initialWidth = div.offsetWidth;
+    setIsNarrow(initialWidth <= import_constants.MOBILE_MAX_WIDTH);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  const handleSendMessage = (content) => {
+    chat(content);
+  };
+  const handleCreateNewMessage = () => {
+    createNewChat();
+  };
+  const handleActions = async (index, actionData) => {
+    var _a2;
+    const { content, id } = actionData || {};
+    const { text = "" } = content;
+    switch (index) {
+      case 0:
+        reChat();
+        break;
+      case 1:
+        (0, import_copy_to_clipboard.default)(text);
+        import_antd.message.success("复制成功");
+        break;
+      case 2: {
+        const idx = messages.findIndex((item) => item.id === id);
+        if (idx >= 0) {
+          if (messages.length - idx <= 2) {
+            setMessages((prev) => prev.filter((item) => item.id !== id && item.type !== "SuggestionMessage"));
+          } else {
+            setMessages((prev) => prev.filter((item) => item.id !== id));
+          }
+          import_antd.message.success("删除成功");
+        }
+        break;
+      }
+      case 3: {
+        const { appNo } = config || {};
+        const isLike = actionData.isLike ?? 0;
+        if (isLike !== 0) {
+          import_antd.message.warning("已收到您的反馈，无需重复提交");
+          return;
+        }
+        if (appNo) {
+          const { result } = await (0, import_api.addFeedback)({
+            url,
+            token,
+            appNo,
+            requestId: (_a2 = actionData.raw) == null ? void 0 : _a2.requestId,
+            isLike: 1
+          });
+          if ((result == null ? void 0 : result.code) === import_constants.API_SUCCESS_CODE) {
+            import_antd.message.success("感谢您的反馈");
+            setMessages((prev) => {
+              return prev.map((item) => {
+                if (item.id === id) {
+                  return {
+                    ...item,
+                    isLike: 1
+                  };
+                }
+                return item;
+              });
+            });
+          } else {
+            import_antd.message.error("反馈失败，请稍后再试");
+          }
+        }
+        break;
+      }
+    }
+  };
+  const handleSuggestMessageClick = (_item, id) => {
+    setMessages((prev) => prev.filter((m) => m.id !== id));
+  };
+  const handleActiveChange = (key) => {
+    setCurrentSession(key);
+  };
+  const handleDeleteSession = (sessionId) => {
+    deleteSession(sessionId);
+  };
+  const handleUpdateSession = (sessionId, title) => {
+    updateSession(sessionId, title);
+  };
+  const menuConfig = (conversation) => ({
+    items: [
+      {
+        label: "重命名",
+        key: "edit"
+      },
+      {
+        label: "删除",
+        key: "delete",
+        danger: true
+      }
+    ],
+    onClick: (menuInfo) => {
+      menuInfo.domEvent.stopPropagation();
+      const { key } = menuInfo;
+      switch (key) {
+        case "edit": {
+          let inputValue = conversation.label || "";
+          confirm({
+            title: "编辑对话名称",
+            icon: null,
+            content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_antd.Input,
+              {
+                defaultValue: inputValue,
+                autoFocus: true,
+                style: { width: "100%" },
+                onChange: (e) => {
+                  inputValue = e.target.value;
+                }
+              }
+            ),
+            okText: "确认",
+            cancelText: "取消",
+            okButtonProps: {
+              style: { background: "#000", borderColor: "#000", color: "#fff" }
+            },
+            onOk: () => {
+              if (!inputValue.trim()) {
+                import_antd.message.error("对话名称不能为空");
+                return Promise.reject();
+              }
+              handleUpdateSession(conversation.key, inputValue);
+            },
+            onCancel: () => {
+            }
+          });
+          break;
+        }
+        case "delete":
+          confirm({
+            title: "确认删除?",
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleFilled, {}),
+            content: "该对话内容将被删除无法恢复。",
+            okText: "确认删除",
+            okType: "danger",
+            cancelText: "取消",
+            okButtonProps: {
+              style: { background: "#ff4d4f", borderColor: "#ff4d4f", color: "#fff" }
+            },
+            onOk() {
+              handleDeleteSession(conversation.key);
+            },
+            onCancel() {
+            }
+          });
+          break;
+      }
+    }
+  });
+  const ToolTip = (messageData) => {
+    const finalResult = ((messageData == null ? void 0 : messageData.think) || []).find((item) => item.actionName === "FINISHED");
+    if (!finalResult)
+      return null;
+    const { cost, token: tokenCount } = finalResult.extra || {};
+    if (!cost && !token)
+      return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", fontSize: "12px", color: "#949494", flex: 1, paddingRight: "40px" }, children: [
+      cost !== void 0 && cost !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        cost,
+        "s"
+      ] }),
+      tokenCount && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { type: "vertical" }),
+      tokenCount && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        tokenCount,
+        " tokens"
+      ] })
+    ] });
+  };
+  const clearBtnShow = typeof ((_a = config == null ? void 0 : config.chatProps) == null ? void 0 : _a.clearBtnShow) !== "undefined" ? config.chatProps.clearBtnShow : !((_b = config == null ? void 0 : config.session) == null ? void 0 : _b.showSessionList);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.ConfigProvider,
+    {
+      theme: {
+        token: {
+          colorPrimary: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x.XProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_AiProviderContext.XAiContext.Provider,
+        {
+          value: {
+            avatar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: icon, alt: "智能体头像" }),
+            userAvatar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_user.default, alt: "用户头像" }),
+            emptyStateImage: icon,
+            emptyStateText: appName,
+            footerTips: "内容由AI生成，无法确保真实准确，仅供参考",
+            providerId,
+            sessionList,
+            sessionTotal: sessionPagination.total,
+            token,
+            messages,
+            loading,
+            error: null,
+            activeKey: currentSessionId,
+            clearBtnShow,
+            inputShow: ((_c = config == null ? void 0 : config.chatProps) == null ? void 0 : _c.inputShow) || true,
+            isNarrow,
+            messageTooltip: ToolTip,
+            messageActions: [...import_XAiChatbot.defaultActions, {
+              key: "like",
+              tooltip: "赞",
+              render: (i, msg) => {
+                const isLike = msg.isLike === 1;
+                if (isLike) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LikeFilled, { style: { color: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue } });
+                }
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LikeOutlined, {});
+              }
+            }, {
+              key: "dislike",
+              tooltip: "踩",
+              render: (_i, msg) => {
+                var _a2;
+                const requestId = (_a2 = msg.raw) == null ? void 0 : _a2.requestId;
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_DislikeFeedback.default,
+                  {
+                    msg,
+                    activeColor: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue,
+                    onSubmit: async (formData) => {
+                      const { result } = await (0, import_api.addFeedback)({
+                        ...formData,
+                        requestId,
+                        isLike: -1,
+                        url,
+                        appNo: config == null ? void 0 : config.appNo,
+                        token
+                      });
+                      if ((result == null ? void 0 : result.code) === import_constants.API_SUCCESS_CODE) {
+                        import_antd.message.success("已收到您的反馈，我们会努力做的更好");
+                        setMessages((prev) => {
+                          return prev.map((item) => {
+                            if (item.id === msg.id) {
+                              return {
+                                ...item,
+                                isLike: -1
+                              };
+                            }
+                            return item;
+                          });
+                        });
+                        return true;
+                      }
+                      import_antd.message.error("反馈失败，请稍后再试");
+                      return false;
+                    }
+                  }
+                );
+              }
+            }],
+            onSend: handleSendMessage,
+            onClear: handleCreateNewMessage,
+            onNewChat: handleCreateNewMessage,
+            onStop: stopChat,
+            menu: menuConfig,
+            onActiveChange: handleActiveChange,
+            onSuggestMessageClick: handleSuggestMessageClick,
+            onMessagesActionsCallback: handleActions,
+            isInProvider: true
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              ref: divRef,
+              style: {
+                display: "flex",
+                height: "100%",
+                position: "relative"
+              },
+              children
+            }
+          )
+        }
+      ) })
+    }
+  );
+});
+var XAiProvider_default = XAiProvider;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAiProvider/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiProvider/index.tsx"],
+  "sourcesContent": ["import React, { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';\nimport { message, Divider, Modal, Input, ConfigProvider } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { ExclamationCircleFilled, LikeFilled, LikeOutlined } from '@ant-design/icons';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps, XAiProviderHandle } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport { MOBILE_MAX_WIDTH, API_SUCCESS_CODE } from '@/constants';\nimport userIcon from '@/assets/user.png';\nimport { primaryBlue } from '@/styles/common';\nimport DislikeFeedback from '../DislikeFeedback';\nimport { addFeedback } from '@/services/api';\nimport { defaultActions } from '../XAiChatbot';\nimport type { SendContent } from '@/types';\n\nconst { confirm } = Modal;\n\nconst XAiProvider = forwardRef<XAiProviderHandle, XAiProviderProps>(({\n  url = window.location.origin,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n  onMessage,\n  children,\n}, ref) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n\n  const { textSpeed = 55 } = config?.chatProps || {};\n\n  const {\n    appInfo,\n    chat,\n    stopChat,\n    reChat,\n    createNewChat,\n    deleteSession,\n    updateSession,\n    currentSessionId,\n    sessionPagination,\n    sessionList,\n    messages,\n    loading,\n    setCurrentSession,\n    setMessages,\n  } = useAgentGenerator({ url, token, config, onError, onSuccess, onMessage, textSpeed });\n\n  const { appName, icon } = appInfo || {};\n\n  useImperativeHandle(ref, () => ({\n    chat,\n    stopChat,\n    reChat,\n    getAppInfo: () => appInfo,\n    getMessages: () => messages,\n    getSessions: () => sessionList,\n    setMessages,\n    setCurrentSession,\n  }), [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSession]);\n\n  const [isNarrow, setIsNarrow] = useState<boolean>(false);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // 监听容器宽度变化\n  useEffect(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    // 创建监听器\n    const resizeObserver = new ResizeObserver((entries) => {\n      // eslint-disable-next-line no-restricted-syntax\n      for (const entry of entries) {\n        const { width } = entry.contentRect;\n        setIsNarrow(width <= MOBILE_MAX_WIDTH);\n      }\n    });\n\n    // 开始监听\n    resizeObserver.observe(div);\n\n    // 初始化检查\n    const initialWidth = div.offsetWidth;\n    setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);\n\n    // 清理函数\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  // 发送消息\n  const handleSendMessage = (content: SendContent) => {\n    chat(content);\n  };\n\n  // 清空消息\n  const handleCreateNewMessage = () => {\n    createNewChat();\n  };\n\n  // 工具栏按钮点击\n  const handleActions = async (index: number, actionData: any) => {\n    const { content, id } = actionData || {};\n    const { text = '' } = content;\n    switch (index) {\n      case 0:\n        reChat();\n        break;\n      case 1:\n        copy(text);\n        message.success('复制成功');\n        break;\n      case 2: {\n        const idx = messages.findIndex((item) => item.id === id);\n        if (idx >= 0) {\n          // 删除该条消息及建议类消息\n          if (messages.length - idx <= 2) {\n            setMessages((prev) => prev.filter((item) => item.id !== id && item.type !== 'SuggestionMessage'));\n          } else {\n            // 非最新消息 只删除该条消息\n            setMessages((prev) => prev.filter((item) => item.id !== id));\n          }\n          message.success('删除成功');\n        }\n        break;\n      }\n      case 3: {\n        const { appNo } = config || {};\n        const isLike = actionData.isLike ?? 0;\n        if (isLike !== 0) {\n          message.warning('已收到您的反馈，无需重复提交');\n          return;\n        }\n        if (appNo) {\n          const { result } = await addFeedback({\n            url,\n            token,\n            appNo,\n            requestId: actionData.raw?.requestId,\n            isLike: 1,\n          });\n          if (result?.code === API_SUCCESS_CODE) {\n            message.success('感谢您的反馈');\n            setMessages((prev) => {\n              return prev.map((item) => {\n                if (item.id === id) {\n                  return {\n                    ...item,\n                    isLike: 1,\n                  };\n                }\n                return item;\n              });\n            });\n          } else {\n            message.error('反馈失败，请稍后再试');\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  // 建议消息点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev: any[]) => prev.filter((m: any) => m.id !== id));\n  };\n\n  // 切换会话\n  const handleActiveChange = (key: string) => {\n    setCurrentSession(key);\n  };\n\n  // 删除会话\n  const handleDeleteSession = (sessionId: string) => {\n    deleteSession(sessionId);\n  };\n\n  // 修改会话内容\n  const handleUpdateSession = (sessionId: string, title: string) => {\n    updateSession(sessionId, title);\n  };\n\n  // 会话操作菜单\n  const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = conversation.label as string || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={(e) => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#000', borderColor: '#000', color: '#fff' },\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              handleUpdateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' },\n            },\n            onOk() {\n              handleDeleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      }\n    },\n  });\n\n  const ToolTip = (messageData: any) => {\n    const finalResult = (messageData?.think || []).find((item: any) => item.actionName === 'FINISHED');\n    if (!finalResult) return null;\n    const { cost, token: tokenCount } = finalResult.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { (cost !== undefined && cost !== null) && <div>{cost}s</div> }\n        { tokenCount && <Divider type=\"vertical\" /> }\n        { tokenCount && <div>{ tokenCount } tokens</div> }\n      </div>\n    );\n  };\n  // 是否展示清空按钮\n  const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n    ? config.chatProps.clearBtnShow\n    : !config?.session?.showSessionList;\n\n  return (\n    <ConfigProvider theme={{\n      token: {\n        colorPrimary: appInfo?.appTheme || primaryBlue,\n      },\n    }}\n    >\n      <XProvider>\n        <XAiContext.Provider value={{\n          avatar: <img src={icon} alt=\"智能体头像\" />,\n          userAvatar: <img src={userIcon} alt=\"用户头像\" />,\n          emptyStateImage: icon,\n          emptyStateText: appName,\n          footerTips: '内容由AI生成，无法确保真实准确，仅供参考',\n          providerId,\n          sessionList,\n          sessionTotal: sessionPagination.total,\n          token,\n          messages,\n          loading,\n          error: null,\n          activeKey: currentSessionId,\n          clearBtnShow,\n          inputShow: config?.chatProps?.inputShow || true,\n          isNarrow,\n          messageTooltip: ToolTip,\n          messageActions: [...defaultActions, {\n            key: 'like',\n            tooltip: '赞',\n            render: (i, msg) => {\n              const isLike = msg.isLike === 1;\n              if (isLike) {\n                return (\n                  <LikeFilled style={{ color: appInfo?.appTheme || primaryBlue }} />\n                );\n              }\n              return <LikeOutlined />;\n            },\n          }, {\n            key: 'dislike',\n            tooltip: '踩',\n            render: (_i, msg) => {\n              const requestId = msg.raw?.requestId;\n              return (\n                <DislikeFeedback\n                  msg={msg}\n                  activeColor={appInfo?.appTheme || primaryBlue}\n                  onSubmit={async (formData) => {\n                    const { result } = await addFeedback({\n                      ...formData,\n                      requestId,\n                      isLike: -1,\n                      url,\n                      appNo: config?.appNo,\n                      token,\n                    });\n                    if (result?.code === API_SUCCESS_CODE) {\n                      message.success('已收到您的反馈，我们会努力做的更好');\n                      setMessages((prev) => {\n                        return prev.map((item) => {\n                          if (item.id === msg.id) {\n                            return {\n                              ...item,\n                              isLike: -1,\n                            };\n                          }\n                          return item;\n                        });\n                      });\n                      return true;\n                    }\n                    message.error('反馈失败，请稍后再试');\n                    return false;\n                  }}\n                />\n              );\n            },\n          }],\n          onSend: handleSendMessage,\n          onClear: handleCreateNewMessage,\n          onNewChat: handleCreateNewMessage,\n          onStop: stopChat,\n          menu: menuConfig,\n          onActiveChange: handleActiveChange,\n          onSuggestMessageClick: handleSuggestMessageClick,\n          onMessagesActionsCallback: handleActions,\n          isInProvider: true,\n        }}\n        >\n          <div\n            ref={divRef}\n            style={{\n              display: 'flex',\n              height: '100%',\n              position: 'relative',\n            }}\n          >\n            {children}\n          </div>\n        </XAiContext.Provider>\n      </XProvider>\n    </ConfigProvider>\n  );\n});\n\nexport default XAiProvider;\n"],
+  "mappings": "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",
+  "names": ["useAgentGenerator", "_a", "copy", "userIcon", "DislikeFeedback"]
+}

package/dist/cjs/components/XAiSDK.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { XAiProviderProps } from "../types/XAiProvider";
+export interface XAiSDKProps extends XAiProviderProps {
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const XAiSDK: React.FC<XAiSDKProps>;
+export default XAiSDK;

package/dist/cjs/components/XAiSDK.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiSDK.tsx
+var XAiSDK_exports = {};
+__export(XAiSDK_exports, {
+  default: () => XAiSDK_default
+});
+module.exports = __toCommonJS(XAiSDK_exports);
+var import_XAiProvider = __toESM(require("./XAiProvider"));
+var import_XAiChatbot = __toESM(require("./XAiChatbot"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var XAiSDK = ({
+  width = "400px",
+  height = "600px",
+  className,
+  style,
+  ...providerProps
+}) => {
+  const containerStyle = {
+    width: typeof width === "number" ? `${width}px` : width,
+    height: typeof height === "number" ? `${height}px` : height,
+    ...style
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { ...providerProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiChatbot.default, {}) }) });
+};
+var XAiSDK_default = XAiSDK;
+//# sourceMappingURL=XAiSDK.js.map

package/dist/cjs/components/XAiSDK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/XAiSDK.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { XAiProviderProps } from '@/types/XAiProvider';\nimport XAiProvider from '@/components/XAiProvider';\nimport XAiChatbot from '@/components/XAiChatbot';\n\nexport interface XAiSDKProps extends XAiProviderProps {\n  width?: string | number;\n  height?: string | number;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst XAiSDK: React.FC<XAiSDKProps> = ({\n  width = '400px',\n  height = '600px',\n  className,\n  style,\n  ...providerProps\n}) => {\n  const containerStyle: React.CSSProperties = {\n    width: typeof width === 'number' ? `${width}px` : width,\n    height: typeof height === 'number' ? `${height}px` : height,\n    ...style,\n  };\n\n  return (\n    <div className={className} style={containerStyle}>\n      <XAiProvider {...providerProps}>\n        <XAiChatbot />\n      </XAiProvider>\n    </div>\n  );\n};\n\nexport default XAiSDK;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAAwB;AACxB,wBAAuB;AAyBf;AAhBR,IAAM,SAAgC,CAAC;AAAA,EACrC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,iBAAsC;AAAA,IAC1C,OAAO,OAAO,UAAU,WAAW,GAAG,YAAY;AAAA,IAClD,QAAQ,OAAO,WAAW,WAAW,GAAG,aAAa;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,SACE,4CAAC,SAAI,WAAsB,OAAO,gBAChC,sDAAC,mBAAAA,SAAA,EAAa,GAAG,eACf,sDAAC,kBAAAC,SAAA,EAAW,GACd,GACF;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": ["XAiProvider", "XAiChatbot"]
+}

package/dist/cjs/components/XAiSender/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { XAiSenderProps } from "../../types";
+declare const XAiSender: React.FC<XAiSenderProps>;
+export default XAiSender;