whyuzeim 1.1.17 → 1.1.18

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 +1 -4
  2. package/cjs/Sidebar/CustomConversationItem/OperateBtn/image/more.svg.js +1 -1
  3. package/cjs/Sidebar/CustomConversationItem/OperateBtn/style/index.scss +6 -0
  4. package/cjs/Sidebar/CustomConversationItem/index.js +1 -0
  5. package/cjs/Sidebar/Searchbox/style/index.scss +11 -0
  6. package/cjs/Sidebar/index.js +7 -0
  7. package/es/ChatBox/index.js +1 -4
  8. package/es/Sidebar/CustomConversationItem/OperateBtn/image/more.svg.js +1 -1
  9. package/es/Sidebar/CustomConversationItem/OperateBtn/style/index.scss +6 -0
  10. package/es/Sidebar/CustomConversationItem/index.js +1 -0
  11. package/es/Sidebar/Searchbox/style/index.scss +11 -0
  12. package/es/Sidebar/index.js +7 -0
  13. package/package.json +1 -1
package/cjs/ChatBox/index.js CHANGED
@@ -624,9 +624,6 @@ var Chatbox = function Chatbox(props) {
624
624
  return _ref13.apply(this, arguments);
625
625
  };
626
626
  }();
627
- React.useEffect(function () {
628
- getHeaderInfo();
629
- }, []);
630
627
  React.useEffect(function () {
631
628
  if (currentConversation.conversationId) {
632
629
  getHeaderInfo();
@@ -637,7 +634,7 @@ var Chatbox = function Chatbox(props) {
637
634
  }, [currentConversation]);
638
635
  return /*#__PURE__*/React.createElement("div", {
639
636
  className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
640
- }, customHeader(), /*#__PURE__*/React.createElement(agoraChatUikit.Chat, {
637
+ }, currentConversation.conversationId && customHeader(), /*#__PURE__*/React.createElement(agoraChatUikit.Chat, {
641
638
  className: "flex-1",
642
639
  messageInputProps: _objectSpread(_objectSpread({}, type.commonMessageInputConfig), {}, {
643
640
  onSendMessage: function onSendMessage(msg) {
package/cjs/Sidebar/CustomConversationItem/OperateBtn/image/more.svg.js CHANGED
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 3C11.175 3 10.5 3.675 10.5 4.5C10.5 5.325 11.175 6 12 6C12.825 6 13.5 5.325 13.5 4.5C13.5 3.675 12.825 3 12 3ZM12 18C11.175 18 10.5 18.675 10.5 19.5C10.5 20.325 11.175 21 12 21C12.825 21 13.5 20.325 13.5 19.5C13.5 18.675 12.825 18 12 18ZM12 10.5C11.175 10.5 10.5 11.175 10.5 12C10.5 12.825 11.175 13.5 12 13.5C12.825 13.5 13.5 12.825 13.5 12C13.5 11.175 12.825 10.5 12 10.5Z' fill='white'/%3e%3c/svg%3e";
3
+ var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 3C11.175 3 10.5 3.675 10.5 4.5C10.5 5.325 11.175 6 12 6C12.825 6 13.5 5.325 13.5 4.5C13.5 3.675 12.825 3 12 3ZM12 18C11.175 18 10.5 18.675 10.5 19.5C10.5 20.325 11.175 21 12 21C12.825 21 13.5 20.325 13.5 19.5C13.5 18.675 12.825 18 12 18ZM12 10.5C11.175 10.5 10.5 11.175 10.5 12C10.5 12.825 11.175 13.5 12 13.5C12.825 13.5 13.5 12.825 13.5 12C13.5 11.175 12.825 10.5 12 10.5Z' fill='currentColor'/%3e%3c/svg%3e";
4
4
 
5
5
  module.exports = img;
package/cjs/Sidebar/CustomConversationItem/OperateBtn/style/index.scss CHANGED
@@ -11,4 +11,10 @@
11
11
  width: 16px;
12
12
  height: 16px;
13
13
  }
14
+ }
15
+
16
+ :global(.im-light) {
17
+ .yuze-conversationItem-action-img {
18
+ filter: var(--im-five-fontColor);
19
+ }
14
20
  }
package/cjs/Sidebar/CustomConversationItem/index.js CHANGED
@@ -175,6 +175,7 @@ var CustomConversationItem = function CustomConversationItem(props) {
175
175
  }();
176
176
  return canShow ? /*#__PURE__*/React.createElement(agoraChatUikit.ConversationItem, {
177
177
  className: "yuze-conversationItem cursor-pointer ".concat(cvs.conversationId === agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId ? 'bg-[var(--im-highlight-blue-color)]' : ''),
178
+ badgeColor: 'red',
178
179
  avatar: /*#__PURE__*/React.createElement("div", {
179
180
  className: "yuze-conversationItem-avatar relative"
180
181
  }, /*#__PURE__*/React.createElement(agoraChatUikit.Avatar, {
package/cjs/Sidebar/Searchbox/style/index.scss CHANGED
@@ -27,3 +27,14 @@
27
27
  }
28
28
  }
29
29
  }
30
+
31
+ .im-light {
32
+ .yuze-searchBox {
33
+ background-color: var(--im-conversationlist-back-color);
34
+ }
35
+
36
+ .cui-input-input {
37
+ background-color: #fff;
38
+ color: var(--im-main-fontColor);
39
+ }
40
+ }
package/cjs/Sidebar/index.js CHANGED
@@ -150,6 +150,13 @@ var Sidebar = function Sidebar(props) {
150
150
  var tempCVS = agoraChatUikit.rootStore.conversationStore.getConversation(chattype === 'singleChat' ? "singleChat" : "groupChat", conversationId);
151
151
  if (tempCVS) {
152
152
  props.onConversationItemClick(tempCVS);
153
+ } else {
154
+ props.onConversationItemClick({
155
+ chatType: chattype === 'singleChat' ? "singleChat" : "groupChat",
156
+ conversationId: conversationId,
157
+ lastMessage: {},
158
+ unreadCount: 0
159
+ });
153
160
  }
154
161
  }
155
162
  }
package/es/ChatBox/index.js CHANGED
@@ -622,9 +622,6 @@ var Chatbox = function Chatbox(props) {
622
622
  return _ref13.apply(this, arguments);
623
623
  };
624
624
  }();
625
- useEffect(function () {
626
- getHeaderInfo();
627
- }, []);
628
625
  useEffect(function () {
629
626
  if (currentConversation.conversationId) {
630
627
  getHeaderInfo();
@@ -635,7 +632,7 @@ var Chatbox = function Chatbox(props) {
635
632
  }, [currentConversation]);
636
633
  return /*#__PURE__*/React.createElement("div", {
637
634
  className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
638
- }, customHeader(), /*#__PURE__*/React.createElement(Chat, {
635
+ }, currentConversation.conversationId && customHeader(), /*#__PURE__*/React.createElement(Chat, {
639
636
  className: "flex-1",
640
637
  messageInputProps: _objectSpread(_objectSpread({}, commonMessageInputConfig), {}, {
641
638
  onSendMessage: function onSendMessage(msg) {
package/es/Sidebar/CustomConversationItem/OperateBtn/image/more.svg.js CHANGED
@@ -1,3 +1,3 @@
1
- var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 3C11.175 3 10.5 3.675 10.5 4.5C10.5 5.325 11.175 6 12 6C12.825 6 13.5 5.325 13.5 4.5C13.5 3.675 12.825 3 12 3ZM12 18C11.175 18 10.5 18.675 10.5 19.5C10.5 20.325 11.175 21 12 21C12.825 21 13.5 20.325 13.5 19.5C13.5 18.675 12.825 18 12 18ZM12 10.5C11.175 10.5 10.5 11.175 10.5 12C10.5 12.825 11.175 13.5 12 13.5C12.825 13.5 13.5 12.825 13.5 12C13.5 11.175 12.825 10.5 12 10.5Z' fill='white'/%3e%3c/svg%3e";
1
+ var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 3C11.175 3 10.5 3.675 10.5 4.5C10.5 5.325 11.175 6 12 6C12.825 6 13.5 5.325 13.5 4.5C13.5 3.675 12.825 3 12 3ZM12 18C11.175 18 10.5 18.675 10.5 19.5C10.5 20.325 11.175 21 12 21C12.825 21 13.5 20.325 13.5 19.5C13.5 18.675 12.825 18 12 18ZM12 10.5C11.175 10.5 10.5 11.175 10.5 12C10.5 12.825 11.175 13.5 12 13.5C12.825 13.5 13.5 12.825 13.5 12C13.5 11.175 12.825 10.5 12 10.5Z' fill='currentColor'/%3e%3c/svg%3e";
2
2
 
3
3
  export { img as default };
package/es/Sidebar/CustomConversationItem/OperateBtn/style/index.scss CHANGED
@@ -11,4 +11,10 @@
11
11
  width: 16px;
12
12
  height: 16px;
13
13
  }
14
+ }
15
+
16
+ :global(.im-light) {
17
+ .yuze-conversationItem-action-img {
18
+ filter: var(--im-five-fontColor);
19
+ }
14
20
  }
package/es/Sidebar/CustomConversationItem/index.js CHANGED
@@ -173,6 +173,7 @@ var CustomConversationItem = function CustomConversationItem(props) {
173
173
  }();
174
174
  return canShow ? /*#__PURE__*/React.createElement(ConversationItem, {
175
175
  className: "yuze-conversationItem cursor-pointer ".concat(cvs.conversationId === rootStore.conversationStore.currentCvs.conversationId ? 'bg-[var(--im-highlight-blue-color)]' : ''),
176
+ badgeColor: 'red',
176
177
  avatar: /*#__PURE__*/React.createElement("div", {
177
178
  className: "yuze-conversationItem-avatar relative"
178
179
  }, /*#__PURE__*/React.createElement(Avatar, {
package/es/Sidebar/Searchbox/style/index.scss CHANGED
@@ -27,3 +27,14 @@
27
27
  }
28
28
  }
29
29
  }
30
+
31
+ .im-light {
32
+ .yuze-searchBox {
33
+ background-color: var(--im-conversationlist-back-color);
34
+ }
35
+
36
+ .cui-input-input {
37
+ background-color: #fff;
38
+ color: var(--im-main-fontColor);
39
+ }
40
+ }
package/es/Sidebar/index.js CHANGED
@@ -148,6 +148,13 @@ var Sidebar = function Sidebar(props) {
148
148
  var tempCVS = rootStore.conversationStore.getConversation(chattype === 'singleChat' ? "singleChat" : "groupChat", conversationId);
149
149
  if (tempCVS) {
150
150
  props.onConversationItemClick(tempCVS);
151
+ } else {
152
+ props.onConversationItemClick({
153
+ chatType: chattype === 'singleChat' ? "singleChat" : "groupChat",
154
+ conversationId: conversationId,
155
+ lastMessage: {},
156
+ unreadCount: 0
157
+ });
151
158
  }
152
159
  }
153
160
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "whyuzeim",
3
- "version": "1.1.17",
3
+ "version": "1.1.18",
4
4
  "description": "im componenets",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",