@myun/gimi-chat 0.0.4 → 0.0.6

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.js

@@ -7,12 +7,14 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { knowledgeConstants } from "../../constants";
 import { Tooltip } from '@douyinfe/semi-ui';
-import styles from "./index.module.scss";
-import { CloseCircleFilled } from '@ant-design/icons';
+import styles from "./index.module.css";
+import { IconClear } from '@douyinfe/semi-icons';
 import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import { setQuoteTeachModelList, setQuoteProductList } from "../../store/slices/gimiMenuSlice";
 import { formatSecondsToChinese } from "../../utils/tools";
 import classNames from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var TeachModelReferenceContent = function TeachModelReferenceContent(_ref) {
   var item = _ref.item,
     showDuration = _ref.showDuration;
@@ -27,24 +29,29 @@ export var TeachModelReferenceContent = function TeachModelReferenceContent(_ref
       })
     }));
   };
-  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"))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.main,
+    children: [item.canCancel && /*#__PURE__*/_jsx(IconClear, {
+      className: styles.closeIcon,
+      onClick: onCancel
+    }), /*#__PURE__*/_jsx("img", {
+      alt: "\u8D44\u6599\u5F15\u7528\u56FE\u7247",
+      className: styles.img,
+      src: knowledgeConstants.VIDEO_ICON_ADDRESS
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.description,
+      children: [/*#__PURE__*/_jsx(Tooltip, {
+        content: item.teachModelName,
+        children: /*#__PURE__*/_jsx("div", {
+          className: classNames(item.canCancel ? styles.text_oneline : styles.text_twoline),
+          children: item.teachModelName
+        })
+      }), item.duration > 0 && showDuration && /*#__PURE__*/_jsx("div", {
+        className: styles.duration,
+        children: "\u65F6\u957F".concat(formatSecondsToChinese(item.duration), "\u5206\u949F")
+      })]
+    })]
+  });
 };
 export var ProductReferenceContent = function ProductReferenceContent(_ref2) {
   var item = _ref2.item;
@@ -59,22 +66,26 @@ export var ProductReferenceContent = function ProductReferenceContent(_ref2) {
       })
     }));
   };
-  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))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.main,
+    children: [item.canCancel && /*#__PURE__*/_jsx(IconClear, {
+      className: styles.closeIcon,
+      onClick: onCancel
+    }), /*#__PURE__*/_jsx("img", {
+      alt: "\u8D44\u6599\u5F15\u7528\u56FE\u7247",
+      className: styles.img,
+      src: knowledgeConstants.CLASS_ICON_BIG_ADDRESS
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.description,
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        content: item.productName,
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.product_text,
+          children: item.productName
+        })
+      })
+    })]
+  });
 };
 export var ReferencesEdit = function ReferencesEdit(_ref3) {
   var quoteTeachModelList = _ref3.quoteTeachModelList,
@@ -90,36 +101,34 @@ export var ReferencesEdit = function ReferencesEdit(_ref3) {
       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
-    });
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.list,
+    children: [newQuoteTeachModelList.map(function (item) {
+      return /*#__PURE__*/_jsx(TeachModelReferenceContent, {
+        item: item,
+        showDuration: true
+      }, item.teachModelId);
+    }), newQuoteProductList.map(function (item) {
+      return /*#__PURE__*/_jsx(ProductReferenceContent, {
+        item: item
+      }, 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
-    });
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.list,
+    children: [quoteTeachModelList === null || quoteTeachModelList === void 0 ? void 0 : quoteTeachModelList.filter(Boolean).map(function (item) {
+      return /*#__PURE__*/_jsx(TeachModelReferenceContent, {
+        item: item,
+        showDuration: false
+      }, item.teachModelId);
+    }), quoteProductList === null || quoteProductList === void 0 ? void 0 : quoteProductList.filter(Boolean).map(function (item) {
+      return /*#__PURE__*/_jsx(ProductReferenceContent, {
+        item: item
+      }, 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.js

@@ -1,11 +1,16 @@
-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); }
+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 { 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.scss";
+import styles from "./index.module.css";
 import ChatInput from "../chat-input";
 import MessageList from "../message-list";
 import PresetAgentContent from "../preset-agent-content";
@@ -16,6 +21,8 @@ import KonwledgeTrace from "../knowledge-trace";
 import FileCardSideBar from "../file-card/fileCardSidebar";
 import OfficeFilePreviewPanel from "../file-preview";
 import AiLoading from "../ai-loading";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$businessType = props.businessType,
     businessType = _props$businessType === void 0 ? 'chat' : _props$businessType,
@@ -150,69 +157,76 @@ var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     handleSend(val, agent, isSystemAuto);
   }, [handleSend, startConversationAndChat, conversationId]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("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));
+    id: "myun_gimi_design_chat",
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.chat_content,
+      children: [showHeader && headerValue && /*#__PURE__*/_jsx("div", {
+        className: styles.content_header,
+        children: replaceBraces(headerValue)
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.scroll_wrapper,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "".concat(styles.scroll_container, " ").concat(isScrolling ? styles.scrolling : ''),
+          ref: containerRef,
+          children: [showPrologue && messageList.length === 0 && !isMoreLoading && /*#__PURE__*/_jsx(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__*/_jsx("div", {
+            style: {
+              height: '100%'
+            },
+            children: /*#__PURE__*/_jsx(AiLoading, {})
+          }) : /*#__PURE__*/_jsx(MessageList, _objectSpread({
+            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__*/_jsx("div", {
+          className: styles.backBottomBtn,
+          onClick: function onClick() {
+            return scrollBottomForce(true);
+          },
+          children: /*#__PURE__*/_jsx(IconChevronDown, {
+            size: "large"
+          })
+        })]
+      }), showInput && /*#__PURE__*/_jsx(ChatInput, _objectSpread(_objectSpread({
+        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__*/_jsx(KonwledgeTrace, _objectSpread(_objectSpread({}, props.sidebarConfig), {}, {
+      chatList: messageList || defaultMessages,
+      isOverFlow: model === 'fullscreen' ? false : true
+    })), /*#__PURE__*/_jsx(FileCardSideBar, _objectSpread(_objectSpread({}, props.sidebarConfig), {}, {
+      isOverFlow: model === 'fullscreen' ? false : true
+    })), /*#__PURE__*/_jsx(OfficeFilePreviewPanel, {})]
+  });
 });
 export default CommonChat;

package/dist/components/templates/GimiChatComponent.js

@@ -1,8 +1,14 @@
-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); }
+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 { store } from "../../store";
 import CommonChat from "./CommonChat";
 import React from 'react';
 import { Provider } from 'react-redux';
+import { jsx as _jsx } from "react/jsx-runtime";
 var GimiChatComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var commonChatRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
@@ -14,10 +20,11 @@ var GimiChatComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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
-  })));
+  return /*#__PURE__*/_jsx(Provider, {
+    store: store,
+    children: /*#__PURE__*/_jsx(CommonChat, _objectSpread(_objectSpread({}, props), {}, {
+      ref: commonChatRef
+    }))
+  });
 });
 export default GimiChatComponent;