yt-chat-components 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx

@@ -140,7 +140,7 @@ export default function ChatMessage({
 
   const renderUserMessage = () => {
     return (
-        <div className="msg_userMessageBox">
+        <div style={user_message_style} className="msg_userMessageBox">
           <div style={user_message_style} className="cl-user_message">
             {message.message}
           </div>

package/src/YtChatView/chatWidget/chatWindow/index.tsx

@@ -832,13 +832,15 @@ export default function ChatWindow({
             {
               display: tagList?.length > 0 ? '' : 'none',
               zIndex: tagList?.length > 0 ? '2' : '-1',
-              maxWidth: 'calc(100vw - 3.2rem)',
+              maxWidth: 'calc(100vw - 3.2rem - 24px)',
               flexWrap: "nowrap",
               overflowX: "auto",
               WebkitOverflowScrolling: 'touch',
               scrollbarWidth: "none",
               overflowY: "hidden",
               background: 'transparent',
+              padding: '8px 0 8px 0',
+              marginLeft: 10,
             } : {
               // bottom: fileList.length > 0 ? '130px' : '80px',
               display: tagList?.length > 0 ? '' : 'none',

package/src/YtChatView/mobileChat/index.jsx

@@ -634,6 +634,7 @@ export class MobileChatPage extends React.Component {
                                         currentFlow: item,
                                         dropDownList: this.getDropDownList(item.welcome_words),
                                         agentDrawerVisible: false,
+                                        drawerVisible: false,
                                       });
                                       this.setWindowTitle(item.name)
                                       this.getCurrentFlowHistory(item.id);
@@ -752,7 +753,7 @@ export class MobileChatPage extends React.Component {
               <ChatWidget
                   input_container_style={{zIndex:2}}
                   chat_window_style={{paddingTop: 0}}
-                  bot_message_style={{background: '#fff'}}
+                  bot_message_style={{background: '#fff', maxWidth:'100%'}}
                   window_title={currentFlow?.name || title}
                   flow_id={currentFlow?.id || flowId}
                   tags={currentFlow?.keywords || tags}

package/webpack.config.js

@@ -6,11 +6,9 @@ module.exports = {
   output: {
     filename: "bundle.min.js",
     path: path.resolve(__dirname, "build/static/js"),
-    library: {
-      name: "YtChatComponents", // 定义全局命名空间
-      type: "umd", // 保持 UMD 格式
-    },
-    globalObject: "this", // 兼容 Node 和浏览器
+    libraryTarget: "umd",
+    globalObject: "this",
+    library: "YtChatComponents", // 可选，定义全局命名空间
   },
   module: {
     rules: [
@@ -50,18 +48,4 @@ module.exports = {
     minimize: true,
     usedExports: false, // 禁用 tree-shaking，避免移除 React
   },
-  externals: {
-    react: {
-      commonjs: "react",
-      commonjs2: "react",
-      amd: "react",
-      root: "React",
-    },
-    "react-draggable": {
-      commonjs: "react-draggable",
-      commonjs2: "react-draggable",
-      amd: "react-draggable",
-      root: "ReactDraggable",
-    },
-  },
 };