@myun/gimi-chat 0.0.3 → 0.0.5

package/dist/components/reasoning-content/index.module.css

@@ -0,0 +1,169 @@
+@charset "UTF-8";
+.container {
+  max-width: clamp(380px, 60vw, 800px);
+  padding: 0 20px;
+  border-left: 2px solid #d9dce5;
+  margin-bottom: 16px;
+  user-select: none;
+}
+.container .header {
+  width: 100%;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.container .header .title {
+  height: 16px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 600;
+  font-size: 16px;
+  color: #2e394c;
+  line-height: 16px;
+  text-align: left;
+  font-style: normal;
+  display: flex;
+  margin-right: 4px;
+}
+.container .thinkQuery {
+  width: 100%;
+}
+.container .thinkQuery .queryTitle {
+  margin-top: 8px;
+  min-height: 26px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #7d91b3;
+  line-height: 26px;
+  text-align: left;
+  font-style: normal;
+}
+.container .deepThink {
+  width: 100%;
+}
+.container .deepThink .deepThink_content {
+  margin-top: 4px;
+}
+.container .deeping {
+  margin-top: 8px;
+  overflow-y: scroll;
+}
+.container .deepThinkPack {
+  width: 100%;
+  position: relative;
+}
+.container .deepThinkPack .deepThink_content_pack {
+  margin-top: 13px;
+  display: flex;
+}
+.container .deepThinkPack .text_shanow_up {
+  z-index: 2;
+  pointer-events: none;
+  background: #ffffff;
+  filter: blur(10px);
+  width: 97%;
+  height: 25px;
+  position: absolute;
+  top: -6px;
+}
+.container .deepThinkPack .text_shanow_down {
+  z-index: 2;
+  pointer-events: none;
+  background: #ffffff;
+  filter: blur(10px);
+  width: 97%;
+  height: 25px;
+  position: absolute;
+  bottom: 1px;
+}
+
+.deeping::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.deeping::-webkit-scrollbar {
+  width: 6px;
+}
+
+.deeping::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  background: #d9d9d9;
+  opacity: 0;
+  display: none;
+  transition: opacity 0.3s ease;
+}
+
+.deeping::-webkit-scrollbar-thumb:hover {
+  border-radius: 8px;
+  background: rgba(0, 0, 0, 0.15);
+}
+
+.expand {
+  padding-bottom: 20px;
+}
+
+.label {
+  margin-top: 20px;
+  height: 26px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #2e394c;
+  line-height: 26px;
+  text-align: left;
+  font-style: normal;
+}
+
+.icon {
+  display: flex;
+  align-items: center;
+  justify-self: center;
+  margin-right: 4px;
+}
+
+.answerLoading {
+  width: 40px;
+  margin-left: -10px;
+  margin-bottom: 20px;
+  margin: 10px 0 10px -10px;
+}
+
+.loadingContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: 8px;
+}
+
+.loadingDots {
+  display: flex;
+  gap: 3px; /* 减小间距 */
+}
+
+.dot {
+  width: 8px; /* 减小大小 */
+  height: 8px; /* 减小大小 */
+  background-color: #4086ff; /* 换成antd主题浅蓝色 */
+  border-radius: 50%;
+  will-change: transform; /* 告诉浏览器提前优化动画 */
+  animation: bounce 0.8s infinite ease-in-out both; /* 减小动画变化幅度 */
+}
+
+.dot:nth-child(1) {
+  animation-delay: -0.24s; /* 调整延迟 */
+}
+
+.dot:nth-child(2) {
+  animation-delay: -0.12s; /* 调整延迟 */
+}
+
+@keyframes bounce {
+  0%, 85%, 100% {
+    /* 减小动画变化幅度 */
+    transform: scale(0.6);
+  }
+  40% {
+    transform: scale(1);
+  }
+}

package/dist/components/reference-content/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface IQuoteTeachModel {
+    teachModelId: number;
+    teachModelName: string;
+    type?: string;
+    duration: number;
+    canCancel?: boolean;
+}
+export interface IQuoteProduct {
+    productId: number;
+    productName: string;
+    canCancel?: boolean;
+}
+export declare const TeachModelReferenceContent: React.FC<{
+    item: IQuoteTeachModel;
+    showDuration: boolean;
+}>;
+export declare const ProductReferenceContent: React.FC<{
+    item: IQuoteProduct;
+}>;
+export declare const ReferencesEdit: React.FC<{
+    quoteTeachModelList: IQuoteTeachModel[];
+    quoteProductList: IQuoteProduct[];
+}>;
+export declare const References: React.FC<{
+    quoteTeachModelList: IQuoteTeachModel[];
+    quoteProductList: IQuoteProduct[];
+}>;

package/dist/components/reference-content/index.js

@@ -0,0 +1,125 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { knowledgeConstants } from "../../constants";
+import { Tooltip } from '@douyinfe/semi-ui';
+import styles from "./index.module.css";
+import { CloseCircleFilled } from '@ant-design/icons';
+import { useAppSelector, useAppDispatch } from "../../store/hooks";
+import { setQuoteTeachModelList, setQuoteProductList } from "../../store/slices/gimiMenuSlice";
+import { formatSecondsToChinese } from "../../utils/tools";
+import classNames from 'classnames';
+export var TeachModelReferenceContent = function TeachModelReferenceContent(_ref) {
+  var item = _ref.item,
+    showDuration = _ref.showDuration;
+  var quoteTeachModelList = useAppSelector(function (state) {
+    return state.gimiMenu.quoteTeachModelList;
+  });
+  var dispatch = useAppDispatch();
+  var onCancel = function onCancel() {
+    dispatch(setQuoteTeachModelList({
+      quoteTeachModelList: quoteTeachModelList.filter(function (model) {
+        return model.teachModelId !== item.teachModelId;
+      })
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.main
+  }, item.canCancel && /*#__PURE__*/React.createElement(CloseCircleFilled, {
+    className: styles.closeIcon,
+    onClick: onCancel
+  }), /*#__PURE__*/React.createElement("img", {
+    alt: "\u8D44\u6599\u5F15\u7528\u56FE\u7247",
+    className: styles.img,
+    src: knowledgeConstants.VIDEO_ICON_ADDRESS
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.description
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: item.teachModelName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(item.canCancel ? styles.text_oneline : styles.text_twoline)
+  }, item.teachModelName)), item.duration > 0 && showDuration && /*#__PURE__*/React.createElement("div", {
+    className: styles.duration
+  }, "\u65F6\u957F".concat(formatSecondsToChinese(item.duration), "\u5206\u949F"))));
+};
+export var ProductReferenceContent = function ProductReferenceContent(_ref2) {
+  var item = _ref2.item;
+  var quoteProductList = useAppSelector(function (state) {
+    return state.gimiMenu.quoteProductList;
+  });
+  var dispatch = useAppDispatch();
+  var onCancel = function onCancel() {
+    dispatch(setQuoteProductList({
+      quoteProductList: quoteProductList.filter(function (model) {
+        return model.productId !== item.productId;
+      })
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.main
+  }, item.canCancel && /*#__PURE__*/React.createElement(CloseCircleFilled, {
+    className: styles.closeIcon,
+    onClick: onCancel
+  }), /*#__PURE__*/React.createElement("img", {
+    alt: "\u8D44\u6599\u5F15\u7528\u56FE\u7247",
+    className: styles.img,
+    src: knowledgeConstants.CLASS_ICON_BIG_ADDRESS
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.description
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: item.productName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.product_text
+  }, item.productName))));
+};
+export var ReferencesEdit = function ReferencesEdit(_ref3) {
+  var quoteTeachModelList = _ref3.quoteTeachModelList,
+    quoteProductList = _ref3.quoteProductList;
+  //处理数据 为每项元素增加 canCancel: true
+  var newQuoteTeachModelList = quoteTeachModelList.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      canCancel: true
+    });
+  });
+  var newQuoteProductList = quoteProductList.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      canCancel: true
+    });
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.list
+  }, newQuoteTeachModelList.map(function (item) {
+    return /*#__PURE__*/React.createElement(TeachModelReferenceContent, {
+      item: item,
+      key: item.teachModelId,
+      showDuration: true
+    });
+  }), newQuoteProductList.map(function (item) {
+    return /*#__PURE__*/React.createElement(ProductReferenceContent, {
+      item: item,
+      key: item.productId
+    });
+  }));
+};
+export var References = function References(_ref4) {
+  var quoteTeachModelList = _ref4.quoteTeachModelList,
+    quoteProductList = _ref4.quoteProductList;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.list
+  }, quoteTeachModelList === null || quoteTeachModelList === void 0 ? void 0 : quoteTeachModelList.filter(Boolean).map(function (item) {
+    return /*#__PURE__*/React.createElement(TeachModelReferenceContent, {
+      item: item,
+      key: item.teachModelId,
+      showDuration: false
+    });
+  }), quoteProductList === null || quoteProductList === void 0 ? void 0 : quoteProductList.filter(Boolean).map(function (item) {
+    return /*#__PURE__*/React.createElement(ProductReferenceContent, {
+      item: item,
+      key: item.productId
+    });
+  }));
+};

package/dist/components/reference-content/index.module.css

@@ -0,0 +1,84 @@
+.list {
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.main {
+  background-color: #f7f8fa;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  position: relative;
+  min-height: 60px;
+}
+.main .img {
+  height: 28px;
+  width: 28px;
+}
+.main .description {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+.main .description .text_oneline {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.main .description .text_twoline {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.main .description .product_text {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.main .description .duration {
+  color: #717f94;
+  font-family: "PingFang SC";
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 12px;
+  line-height: 150%;
+  letter-spacing: 0px;
+}
+.main .closeIcon {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(5px, -5px);
+}

package/dist/components/templates/CommonChat.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CommonChatProps } from '../../types/chat';
+import { CommonChatRef } from '../../types/chat';
+declare const CommonChat: React.ForwardRefExoticComponent<CommonChatProps & React.RefAttributes<CommonChatRef>>;
+export default CommonChat;

package/dist/components/templates/CommonChat.js

@@ -0,0 +1,218 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { store } from "../../store";
+import { useAppDispatch, useAppSelector } from "../../store/hooks";
+import { setBaseUrl, setToken, setPlatform, setConversationId, setAgentDetail, setBussinessParams } from "../../store/slices/gimiMenuSlice";
+import useCommonChatAPI from "../../hooks/useCommonChatAPI";
+import { replaceBraces } from "../../utils/tools";
+import styles from "./index.module.css";
+import ChatInput from "../chat-input";
+import MessageList from "../message-list";
+import PresetAgentContent from "../preset-agent-content";
+import useChatVoice from "../../hooks/useChatVoice";
+import { useChatUI } from "../../hooks/useChatUI";
+import { IconChevronDown } from '@douyinfe/semi-icons';
+import KonwledgeTrace from "../knowledge-trace";
+import FileCardSideBar from "../file-card/fileCardSidebar";
+import OfficeFilePreviewPanel from "../file-preview";
+import AiLoading from "../ai-loading";
+var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$businessType = props.businessType,
+    businessType = _props$businessType === void 0 ? 'chat' : _props$businessType,
+    _props$showInput = props.showInput,
+    showInput = _props$showInput === void 0 ? true : _props$showInput,
+    baseUrl = props.baseUrl,
+    token = props.token,
+    _props$showHeader = props.showHeader,
+    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
+    _props$chatInputConfi = props.chatInputConfig,
+    chatInputConfig = _props$chatInputConfi === void 0 ? {
+      enableVoiceRecord: true,
+      enableVoiceChat: true,
+      enableFileUpload: true
+    } : _props$chatInputConfi,
+    _props$platform = props.platform,
+    platform = _props$platform === void 0 ? 'myun' : _props$platform,
+    _props$defaultMessage = props.defaultMessages,
+    defaultMessages = _props$defaultMessage === void 0 ? [] : _props$defaultMessage,
+    agentDetail = props.agentDetail,
+    agentId = props.agentId,
+    _props$showPrologue = props.showPrologue,
+    showPrologue = _props$showPrologue === void 0 ? true : _props$showPrologue,
+    _props$model = props.model,
+    model = _props$model === void 0 ? 'fullscreen' : _props$model,
+    conversationId = props.conversationId,
+    bussinessParams = props.bussinessParams;
+  var dispatch = useAppDispatch();
+  var containerRef = React.useRef(null);
+  var chatInputRef = React.useRef(null);
+  var messageList = useAppSelector(function (state) {
+    return state.gimiMenu.messageList;
+  });
+  var agentObj = useAppSelector(function (state) {
+    return state.gimiMenu.agentObj;
+  });
+  var storedBaseUrl = useAppSelector(function (state) {
+    return state.gimiMenu.baseUrl;
+  });
+  var storedToken = useAppSelector(function (state) {
+    return state.gimiMenu.token;
+  });
+  var chatUI = useChatUI();
+  var _useChatVoice = useChatVoice(),
+    isRecording = _useChatVoice.isRecording,
+    recordingCount = _useChatVoice.recordingCount,
+    asrText = _useChatVoice.asrText,
+    shortAsrClick = _useChatVoice.shortAsrClick,
+    isExecuting = _useChatVoice.isExecuting,
+    playTTSByText = _useChatVoice.playTTSByText,
+    stopTTSByText = _useChatVoice.stopTTSByText,
+    isPlaying = _useChatVoice.isPlaying;
+  var _useCommonChatAPI = useCommonChatAPI(containerRef, businessType, stopTTSByText, isPlaying, agentId),
+    headerValue = _useCommonChatAPI.headerValue,
+    msgLoading = _useCommonChatAPI.msgLoading,
+    onSucessExcel = _useCommonChatAPI.onSucessExcel,
+    handleInterrupt = _useCommonChatAPI.handleInterrupt,
+    onFailureExcel = _useCommonChatAPI.onFailureExcel,
+    onRetryExcel = _useCommonChatAPI.onRetryExcel,
+    disableSend = _useCommonChatAPI.disableSend,
+    inputModelRef = _useCommonChatAPI.inputModelRef,
+    isMoreLoading = _useCommonChatAPI.isMoreLoading,
+    startConversationAndChat = _useCommonChatAPI.startConversationAndChat,
+    getContentMessageList = _useCommonChatAPI.getContentMessageList,
+    hasMore = _useCommonChatAPI.hasMore,
+    handleSend = _useCommonChatAPI.handleSend,
+    scrollBottomForce = _useCommonChatAPI.scrollBottomForce,
+    showBackBottom = _useCommonChatAPI.showBackBottom,
+    isScrolling = _useCommonChatAPI.isScrolling,
+    regenerate = _useCommonChatAPI.regenerate,
+    startAICorrection = _useCommonChatAPI.startAICorrection;
+  React.useImperativeHandle(ref, function () {
+    return {
+      messageList: messageList,
+      agentDetail: agentObj,
+      conversationId: store.getState().gimiMenu.conversationId,
+      inputEditor: chatInputRef.current
+    };
+  });
+  React.useEffect(function () {
+    // 组件初始化
+    dispatch(setBaseUrl({
+      baseUrl: baseUrl || ''
+    }));
+    dispatch(setToken({
+      token: token || ''
+    }));
+    dispatch(setPlatform({
+      platform: platform
+    }));
+    dispatch(setConversationId({
+      conversationId: conversationId || null
+    }));
+    dispatch(setAgentDetail({
+      agentDetail: agentDetail || {}
+    }));
+    dispatch(setBussinessParams({
+      bussinessParams: bussinessParams || {}
+    }));
+  }, [baseUrl, token, agentDetail, platform, conversationId, bussinessParams]);
+  React.useEffect(function () {
+    if (bussinessParams !== null && bussinessParams !== void 0 && bussinessParams.QUESTION_ID && bussinessParams !== null && bussinessParams !== void 0 && bussinessParams.ANSWER_ID && businessType === 'correction' && storedBaseUrl && storedToken) {
+      startAICorrection(bussinessParams.ANSWER_ID, bussinessParams.QUESTION_ID);
+    }
+  }, [bussinessParams, storedBaseUrl, storedToken, businessType]);
+  var disableVoiceCommunication = React.useMemo(function () {
+    var lastedMessage = messageList[messageList.length - 1];
+    var content = (lastedMessage === null || lastedMessage === void 0 ? void 0 : lastedMessage.content) || '';
+    if (content.indexOf('<excel>') > -1) return true;
+    if (['ask', 'skill'].includes((lastedMessage === null || lastedMessage === void 0 ? void 0 : lastedMessage.moduleType) || '')) return true;
+    return false;
+  }, [messageList]);
+  var onHistoryReload = function onHistoryReload() {
+    hasMore.current = true;
+    getContentMessageList(1, 10);
+  };
+  var setInputValue = React.useCallback(function (content) {
+    var _chatInputRef$current;
+    (_chatInputRef$current = chatInputRef.current) === null || _chatInputRef$current === void 0 || _chatInputRef$current.setValue(content);
+  }, []);
+
+  // const onInputValueChange = React.useCallback((content: string) => {
+  //     setInputValue(content);
+  // }, []);
+
+  var handleInputSend = React.useCallback(function (val, agent, isSystemAuto) {
+    var _chatInputRef$current2;
+    (_chatInputRef$current2 = chatInputRef.current) === null || _chatInputRef$current2 === void 0 || _chatInputRef$current2.setValue('');
+    if (!conversationId) {
+      startConversationAndChat(val);
+      return;
+    }
+    handleSend(val, agent, isSystemAuto);
+  }, [handleSend, startConversationAndChat, conversationId]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.main,
+    id: "myun_gimi_design_chat"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.chat_content
+  }, showHeader && headerValue && /*#__PURE__*/React.createElement("div", {
+    className: styles.content_header
+  }, replaceBraces(headerValue)), /*#__PURE__*/React.createElement("div", {
+    className: styles.scroll_wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles.scroll_container, " ").concat(isScrolling ? styles.scrolling : ''),
+    ref: containerRef
+  }, showPrologue && messageList.length === 0 && !isMoreLoading && /*#__PURE__*/React.createElement(PresetAgentContent, {
+    prologue: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.prologue) || '',
+    questionList: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.questionList) || [],
+    setInputValue: setInputValue
+  }), isMoreLoading ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(AiLoading, null)) : /*#__PURE__*/React.createElement(MessageList, _extends({
+    chatList: messageList || defaultMessages,
+    handleSend: handleSend,
+    inputModelRef: inputModelRef,
+    msgLoading: msgLoading,
+    onSucessExcel: onSucessExcel,
+    onFailureExcel: onFailureExcel,
+    onRegenerateClick: regenerate,
+    onRetryExcel: onRetryExcel,
+    chatUI: chatUI,
+    model: model,
+    isPlaying: isPlaying,
+    playTTSByText: playTTSByText,
+    stopTTSByText: stopTTSByText
+  }, props.messageConfig))), showBackBottom && /*#__PURE__*/React.createElement("div", {
+    className: styles.backBottomBtn,
+    onClick: function onClick() {
+      return scrollBottomForce(true);
+    }
+  }, /*#__PURE__*/React.createElement(IconChevronDown, {
+    size: "large"
+  }))), showInput && /*#__PURE__*/React.createElement(ChatInput, _extends({
+    ref: chatInputRef
+  }, chatInputConfig, {
+    onSend: handleInputSend,
+    disabled: disableSend || isMoreLoading,
+    showDefaultPrompt: messageList.length === 0,
+    defaultPrompt: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.defaultPrompt) || ''
+    // onContentChange={onInputValueChange}
+    ,
+    onInterrupt: handleInterrupt,
+    isRecording: isRecording,
+    isVoiceGetting: isExecuting,
+    recordingCount: recordingCount,
+    asrText: asrText,
+    shortAsrClick: shortAsrClick,
+    disableVoiceCommunication: disableVoiceCommunication,
+    onHistoryReload: onHistoryReload
+  }, props.chatInputConfig))), /*#__PURE__*/React.createElement(KonwledgeTrace, _extends({}, props.sidebarConfig, {
+    chatList: messageList || defaultMessages,
+    isOverFlow: model === 'fullscreen' ? false : true
+  })), /*#__PURE__*/React.createElement(FileCardSideBar, _extends({}, props.sidebarConfig, {
+    isOverFlow: model === 'fullscreen' ? false : true
+  })), /*#__PURE__*/React.createElement(OfficeFilePreviewPanel, null));
+});
+export default CommonChat;

package/dist/components/templates/GimiChatComponent.d.ts

@@ -0,0 +1,4 @@
+import { CommonChatProps, CommonChatRef } from '../../types/chat';
+import React from 'react';
+declare const GimiChatComponent: React.ForwardRefExoticComponent<CommonChatProps & React.RefAttributes<CommonChatRef>>;
+export default GimiChatComponent;

package/dist/components/templates/GimiChatComponent.js

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { store } from "../../store";
+import CommonChat from "./CommonChat";
+import React from 'react';
+import { Provider } from 'react-redux';
+var GimiChatComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var commonChatRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    var _commonChatRef$curren, _commonChatRef$curren2, _commonChatRef$curren3, _commonChatRef$curren4;
+    return {
+      messageList: ((_commonChatRef$curren = commonChatRef.current) === null || _commonChatRef$curren === void 0 ? void 0 : _commonChatRef$curren.messageList) || [],
+      agentDetail: ((_commonChatRef$curren2 = commonChatRef.current) === null || _commonChatRef$curren2 === void 0 ? void 0 : _commonChatRef$curren2.agentDetail) || {},
+      conversationId: ((_commonChatRef$curren3 = commonChatRef.current) === null || _commonChatRef$curren3 === void 0 ? void 0 : _commonChatRef$curren3.conversationId) || null,
+      inputEditor: ((_commonChatRef$curren4 = commonChatRef.current) === null || _commonChatRef$curren4 === void 0 ? void 0 : _commonChatRef$curren4.inputEditor) || null
+    };
+  });
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, /*#__PURE__*/React.createElement(CommonChat, _extends({}, props, {
+    ref: commonChatRef
+  })));
+});
+export default GimiChatComponent;

package/dist/components/templates/demo/demo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function Demo(): React.JSX.Element;