whyuzeim 1.1.50 → 1.1.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/cjs/ChatBox/index.js +6 -6
  2. package/cjs/CustomChatView/index.js +3 -3
  3. package/cjs/HighlyCustomChat/AIReportMsg/index.js +6 -6
  4. package/cjs/HighlyCustomChat/QuestionButton/index.js +1 -1
  5. package/cjs/HighlyCustomChat/index.js +2 -2
  6. package/cjs/IM/style/index.scss +4 -2
  7. package/es/ChatBox/index.js +6 -6
  8. package/es/CustomChatView/index.js +3 -3
  9. package/es/HighlyCustomChat/AIReportMsg/index.js +6 -6
  10. package/es/HighlyCustomChat/QuestionButton/index.js +1 -1
  11. package/es/HighlyCustomChat/index.js +2 -2
  12. package/es/IM/style/index.scss +4 -2
  13. package/package.json +1 -1
package/cjs/ChatBox/index.js CHANGED
@@ -96,7 +96,7 @@ var Chatbox = function Chatbox(props) {
96
96
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
97
97
  borderRadius: "9px",
98
98
  padding: "10px 12px",
99
- color: "var(--im-msg-bubble-font-color)"
99
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
100
100
  },
101
101
  shape: "square",
102
102
  arrow: false,
@@ -160,7 +160,7 @@ var Chatbox = function Chatbox(props) {
160
160
  background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
161
161
  borderRadius: "9px",
162
162
  padding: "10px 12px",
163
- color: "var(--im-msg-bubble-font-color)"
163
+ color: msg.bySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
164
164
  },
165
165
  renderUserProfile: function renderUserProfile() {
166
166
  return null;
@@ -197,7 +197,7 @@ var Chatbox = function Chatbox(props) {
197
197
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
198
198
  borderRadius: "9px",
199
199
  padding: "10px 12px",
200
- color: "var(--im-msg-bubble-font-color)"
200
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
201
201
  },
202
202
  reaction: false,
203
203
  select: false,
@@ -602,8 +602,8 @@ var Chatbox = function Chatbox(props) {
602
602
  userid = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : "";
603
603
  content = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : "";
604
604
  if (isAgent) {
605
- cuiScrollList = document.querySelector(".cui-scrollList div");
606
- cuiScrollListWrap = document.querySelector(".cui-scrollList");
605
+ cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
606
+ cuiScrollListWrap = document.querySelector(".cui-messageList .cui-scrollList");
607
607
  if (cuiScrollList) {
608
608
  htmlString = "<div id=\"agent-generating-loader\" class=\"cui-messageList-msgItem\"><div><div class=\"thread-container\"><div id=\"1393207307050949578\" class=\"cui-message-base cui-message-base-left cui-message-base-hasAvatar cui-message-base-secondly cui-message-base-square cui-message-base-dark\"><img src=\"/icon/im/avatar_default.svg\" class=\"w-[48px] h-[48px] rounded-full overflow-hidden object-fit\"><div class=\"cui-message-base-box\"><div class=\"cui-message-base-info\"></div><div class=\"cui-message-base-body\"><div class=\"cui-message-base-content\" style=\"background: var(--im-msg-bubble-color-left); border-radius: 9px; padding: 10px 12px; color: var(--im-msg-bubble-font-color);\"><div style=\"display:flex;align-items:center\"><div class=\"generating-loader-wrap\"><div class=\"generating-loader\"></div></div><span class=\"cui-message-text\">Generating</span></div></div><div class=\"cui-message-base-time-and-status-box\"><span class=\"cui-message-status cui-message-status-icon\"></span><span class=\"cui-message-base-time\"></span></div></div></div></div></div></div><div class=\"cui-modal-root\"><div tabindex=\"-1\" class=\"cui-modal-wrap modify-message-modal\" style=\"display: none;\"></div></div></div>";
609
609
  template = document.createElement('template');
@@ -656,7 +656,7 @@ var Chatbox = function Chatbox(props) {
656
656
  }, [currentConversation]);
657
657
  React.useEffect(function () {
658
658
  var _conversationList$fin;
659
- var cuiScrollList = document.querySelector(".cui-scrollList div");
659
+ var cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
660
660
  var generatingLoader = document.querySelector("#agent-generating-loader");
661
661
  if (cuiScrollList && generatingLoader && ((_conversationList$fin = _findInstanceProperty(conversationList).call(conversationList, function (item) {
662
662
  return item.conversationId === agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId;
package/cjs/CustomChatView/index.js CHANGED
@@ -152,7 +152,7 @@ var CustomChatView = function CustomChatView(props) {
152
152
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
153
153
  borderRadius: "9px",
154
154
  padding: "10px 12px",
155
- color: "var(--im-msg-bubble-font-color)"
155
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
156
156
  },
157
157
  className: "inline-block"
158
158
  }, /*#__PURE__*/React.createElement("span", {
@@ -185,7 +185,7 @@ var CustomChatView = function CustomChatView(props) {
185
185
  background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
186
186
  borderRadius: "9px",
187
187
  padding: "10px 12px",
188
- color: "var(--im-msg-bubble-font-color)"
188
+ color: msg.bySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
189
189
  },
190
190
  reaction: false,
191
191
  select: false,
@@ -238,7 +238,7 @@ var CustomChatView = function CustomChatView(props) {
238
238
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
239
239
  borderRadius: "9px",
240
240
  padding: "10px 12px",
241
- color: "var(--im-msg-bubble-font-color)"
241
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
242
242
  },
243
243
  reaction: false,
244
244
  select: false,
package/cjs/HighlyCustomChat/AIReportMsg/index.js CHANGED
@@ -5,9 +5,9 @@ var React = require('react');
5
5
 
6
6
  var AIReportMsg = function AIReportMsg(props) {
7
7
  var msg = props.msg,
8
- isMySelf = props.isMySelf,
9
- avatar = props.avatar,
10
- onReportClick = props.onReportClick;
8
+ isMySelf = props.isMySelf;
9
+ props.avatar;
10
+ var onReportClick = props.onReportClick;
11
11
  var formatMessageTime = function formatMessageTime(timestamp) {
12
12
  if (!timestamp) return "";
13
13
  var date = new Date(timestamp);
@@ -49,9 +49,9 @@ var AIReportMsg = function AIReportMsg(props) {
49
49
  icon: null,
50
50
  actions: []
51
51
  },
52
- avatar: avatar
52
+ showAvatar: false
53
53
  }, /*#__PURE__*/React.createElement("div", {
54
- className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start")
54
+ className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start", " overflow-hidden")
55
55
  }, /*#__PURE__*/React.createElement("div", {
56
56
  style: {
57
57
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
@@ -69,7 +69,7 @@ var AIReportMsg = function AIReportMsg(props) {
69
69
  }, "\xA0", msg.customExts.title)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
70
70
  className: "cui-message-base-time"
71
71
  }, formatMessageTime(msg.time)))), /*#__PURE__*/React.createElement("div", {
72
- className: "flex items-center",
72
+ className: "flex items-center max-h-[300px] overflow-y-auto",
73
73
  onClick: function onClick() {
74
74
  onReportClick && onReportClick(msg.customExts);
75
75
  }
package/cjs/HighlyCustomChat/QuestionButton/index.js CHANGED
@@ -36,7 +36,7 @@ var QustionButtonMsg = function QustionButtonMsg(props) {
36
36
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
37
37
  borderRadius: "9px",
38
38
  padding: "10px 12px",
39
- color: "var(--im-msg-bubble-font-color)"
39
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
40
40
  },
41
41
  className: "inline-block"
42
42
  }, /*#__PURE__*/React.createElement("span", {
package/cjs/HighlyCustomChat/index.js CHANGED
@@ -132,7 +132,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
132
132
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
133
133
  borderRadius: "9px",
134
134
  padding: "10px 12px",
135
- color: "var(--im-msg-bubble-font-color)"
135
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
136
136
  },
137
137
  className: "inline-block"
138
138
  }, /*#__PURE__*/React.createElement("span", {
@@ -167,7 +167,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
167
167
  background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
168
168
  borderRadius: "9px",
169
169
  padding: "10px 12px",
170
- color: "var(--im-msg-bubble-font-color)"
170
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
171
171
  },
172
172
  reaction: false,
173
173
  select: false,
package/cjs/IM/style/index.scss CHANGED
@@ -24,7 +24,8 @@
24
24
  //override
25
25
  --im-msg-bubble-color-left: rgba(89, 191, 249, 0.2);
26
26
  --im-msg-bubble-color-right: rgba(0, 0, 0, 0.05);
27
- --im-msg-bubble-font-color: rgba(0, 0, 0, 0.7);
27
+ --im-msg-bubble-font-color: rgba(0, 0, 0, 0.9);
28
+ --im-msg-bubble-right-font-color: rgba(0, 0, 0, 0.90);
28
29
 
29
30
  --im-border-10: rgba(0, 0, 0, 0.1);
30
31
  --im-member-remark-fontColor: rgba(255, 255, 255, 0.9);
@@ -96,8 +97,9 @@
96
97
 
97
98
  //override
98
99
  --im-msg-bubble-color-left: rgba(255, 255, 255, 0.05);
99
- --im-msg-bubble-color-right: #00540a;
100
+ --im-msg-bubble-color-right: #91CAFF;
100
101
  --im-msg-bubble-font-color: rgba(255, 255, 255, 1);
102
+ --im-msg-bubble-right-font-color: rgba(0, 0, 0, 0.90);
101
103
 
102
104
  .cui-chat-dark {
103
105
  background-color: var(--im-main-backgroundColor);
package/es/ChatBox/index.js CHANGED
@@ -94,7 +94,7 @@ var Chatbox = function Chatbox(props) {
94
94
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
95
95
  borderRadius: "9px",
96
96
  padding: "10px 12px",
97
- color: "var(--im-msg-bubble-font-color)"
97
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
98
98
  },
99
99
  shape: "square",
100
100
  arrow: false,
@@ -158,7 +158,7 @@ var Chatbox = function Chatbox(props) {
158
158
  background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
159
159
  borderRadius: "9px",
160
160
  padding: "10px 12px",
161
- color: "var(--im-msg-bubble-font-color)"
161
+ color: msg.bySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
162
162
  },
163
163
  renderUserProfile: function renderUserProfile() {
164
164
  return null;
@@ -195,7 +195,7 @@ var Chatbox = function Chatbox(props) {
195
195
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
196
196
  borderRadius: "9px",
197
197
  padding: "10px 12px",
198
- color: "var(--im-msg-bubble-font-color)"
198
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
199
199
  },
200
200
  reaction: false,
201
201
  select: false,
@@ -600,8 +600,8 @@ var Chatbox = function Chatbox(props) {
600
600
  userid = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : "";
601
601
  content = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : "";
602
602
  if (isAgent) {
603
- cuiScrollList = document.querySelector(".cui-scrollList div");
604
- cuiScrollListWrap = document.querySelector(".cui-scrollList");
603
+ cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
604
+ cuiScrollListWrap = document.querySelector(".cui-messageList .cui-scrollList");
605
605
  if (cuiScrollList) {
606
606
  htmlString = "<div id=\"agent-generating-loader\" class=\"cui-messageList-msgItem\"><div><div class=\"thread-container\"><div id=\"1393207307050949578\" class=\"cui-message-base cui-message-base-left cui-message-base-hasAvatar cui-message-base-secondly cui-message-base-square cui-message-base-dark\"><img src=\"/icon/im/avatar_default.svg\" class=\"w-[48px] h-[48px] rounded-full overflow-hidden object-fit\"><div class=\"cui-message-base-box\"><div class=\"cui-message-base-info\"></div><div class=\"cui-message-base-body\"><div class=\"cui-message-base-content\" style=\"background: var(--im-msg-bubble-color-left); border-radius: 9px; padding: 10px 12px; color: var(--im-msg-bubble-font-color);\"><div style=\"display:flex;align-items:center\"><div class=\"generating-loader-wrap\"><div class=\"generating-loader\"></div></div><span class=\"cui-message-text\">Generating</span></div></div><div class=\"cui-message-base-time-and-status-box\"><span class=\"cui-message-status cui-message-status-icon\"></span><span class=\"cui-message-base-time\"></span></div></div></div></div></div></div><div class=\"cui-modal-root\"><div tabindex=\"-1\" class=\"cui-modal-wrap modify-message-modal\" style=\"display: none;\"></div></div></div>";
607
607
  template = document.createElement('template');
@@ -654,7 +654,7 @@ var Chatbox = function Chatbox(props) {
654
654
  }, [currentConversation]);
655
655
  useEffect(function () {
656
656
  var _conversationList$fin;
657
- var cuiScrollList = document.querySelector(".cui-scrollList div");
657
+ var cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
658
658
  var generatingLoader = document.querySelector("#agent-generating-loader");
659
659
  if (cuiScrollList && generatingLoader && ((_conversationList$fin = _findInstanceProperty(conversationList).call(conversationList, function (item) {
660
660
  return item.conversationId === rootStore.conversationStore.currentCvs.conversationId;
package/es/CustomChatView/index.js CHANGED
@@ -150,7 +150,7 @@ var CustomChatView = function CustomChatView(props) {
150
150
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
151
151
  borderRadius: "9px",
152
152
  padding: "10px 12px",
153
- color: "var(--im-msg-bubble-font-color)"
153
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
154
154
  },
155
155
  className: "inline-block"
156
156
  }, /*#__PURE__*/React.createElement("span", {
@@ -183,7 +183,7 @@ var CustomChatView = function CustomChatView(props) {
183
183
  background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
184
184
  borderRadius: "9px",
185
185
  padding: "10px 12px",
186
- color: "var(--im-msg-bubble-font-color)"
186
+ color: msg.bySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
187
187
  },
188
188
  reaction: false,
189
189
  select: false,
@@ -236,7 +236,7 @@ var CustomChatView = function CustomChatView(props) {
236
236
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
237
237
  borderRadius: "9px",
238
238
  padding: "10px 12px",
239
- color: "var(--im-msg-bubble-font-color)"
239
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
240
240
  },
241
241
  reaction: false,
242
242
  select: false,
package/es/HighlyCustomChat/AIReportMsg/index.js CHANGED
@@ -3,9 +3,9 @@ import React from 'react';
3
3
 
4
4
  var AIReportMsg = function AIReportMsg(props) {
5
5
  var msg = props.msg,
6
- isMySelf = props.isMySelf,
7
- avatar = props.avatar,
8
- onReportClick = props.onReportClick;
6
+ isMySelf = props.isMySelf;
7
+ props.avatar;
8
+ var onReportClick = props.onReportClick;
9
9
  var formatMessageTime = function formatMessageTime(timestamp) {
10
10
  if (!timestamp) return "";
11
11
  var date = new Date(timestamp);
@@ -47,9 +47,9 @@ var AIReportMsg = function AIReportMsg(props) {
47
47
  icon: null,
48
48
  actions: []
49
49
  },
50
- avatar: avatar
50
+ showAvatar: false
51
51
  }, /*#__PURE__*/React.createElement("div", {
52
- className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start")
52
+ className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start", " overflow-hidden")
53
53
  }, /*#__PURE__*/React.createElement("div", {
54
54
  style: {
55
55
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
@@ -67,7 +67,7 @@ var AIReportMsg = function AIReportMsg(props) {
67
67
  }, "\xA0", msg.customExts.title)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
68
68
  className: "cui-message-base-time"
69
69
  }, formatMessageTime(msg.time)))), /*#__PURE__*/React.createElement("div", {
70
- className: "flex items-center",
70
+ className: "flex items-center max-h-[300px] overflow-y-auto",
71
71
  onClick: function onClick() {
72
72
  onReportClick && onReportClick(msg.customExts);
73
73
  }
package/es/HighlyCustomChat/QuestionButton/index.js CHANGED
@@ -34,7 +34,7 @@ var QustionButtonMsg = function QustionButtonMsg(props) {
34
34
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
35
35
  borderRadius: "9px",
36
36
  padding: "10px 12px",
37
- color: "var(--im-msg-bubble-font-color)"
37
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
38
38
  },
39
39
  className: "inline-block"
40
40
  }, /*#__PURE__*/React.createElement("span", {
package/es/HighlyCustomChat/index.js CHANGED
@@ -130,7 +130,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
130
130
  background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
131
131
  borderRadius: "9px",
132
132
  padding: "10px 12px",
133
- color: "var(--im-msg-bubble-font-color)"
133
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
134
134
  },
135
135
  className: "inline-block"
136
136
  }, /*#__PURE__*/React.createElement("span", {
@@ -165,7 +165,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
165
165
  background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
166
166
  borderRadius: "9px",
167
167
  padding: "10px 12px",
168
- color: "var(--im-msg-bubble-font-color)"
168
+ color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
169
169
  },
170
170
  reaction: false,
171
171
  select: false,
package/es/IM/style/index.scss CHANGED
@@ -24,7 +24,8 @@
24
24
  //override
25
25
  --im-msg-bubble-color-left: rgba(89, 191, 249, 0.2);
26
26
  --im-msg-bubble-color-right: rgba(0, 0, 0, 0.05);
27
- --im-msg-bubble-font-color: rgba(0, 0, 0, 0.7);
27
+ --im-msg-bubble-font-color: rgba(0, 0, 0, 0.9);
28
+ --im-msg-bubble-right-font-color: rgba(0, 0, 0, 0.90);
28
29
 
29
30
  --im-border-10: rgba(0, 0, 0, 0.1);
30
31
  --im-member-remark-fontColor: rgba(255, 255, 255, 0.9);
@@ -96,8 +97,9 @@
96
97
 
97
98
  //override
98
99
  --im-msg-bubble-color-left: rgba(255, 255, 255, 0.05);
99
- --im-msg-bubble-color-right: #00540a;
100
+ --im-msg-bubble-color-right: #91CAFF;
100
101
  --im-msg-bubble-font-color: rgba(255, 255, 255, 1);
102
+ --im-msg-bubble-right-font-color: rgba(0, 0, 0, 0.90);
101
103
 
102
104
  .cui-chat-dark {
103
105
  background-color: var(--im-main-backgroundColor);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whyuzeim",
3
- "version": "1.1.50",
3
+ "version": "1.1.52",
4
4
  "description": "im componenets",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",