whyuzeim 1.1.16 → 1.1.18

package/cjs/ChatBox/index.d.ts

@@ -6,7 +6,6 @@ export interface IChatbox {
         chatType: "singleChat" | "groupChat";
     }) => void;
     onBack?: () => void;
-    defaultAvatar?: string;
 }
 declare const Chatbox: React.FC<IChatbox>;
 export default Chatbox;

package/cjs/ChatBox/index.js

@@ -103,7 +103,7 @@ var Chatbox = function Chatbox(props) {
       select: false,
       thread: false,
       avatar: !isMySelf && currentConversation.chatType === "singleChat" ? /*#__PURE__*/React.createElement("img", {
-        src: headerInfo.headerImageURL || props.defaultAvatar,
+        src: headerInfo.headerImageURL || avatar_default,
         className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
       }) : undefined,
       showTranslation: false,
@@ -624,9 +624,6 @@ var Chatbox = function Chatbox(props) {
       return _ref13.apply(this, arguments);
     };
   }();
-  React.useEffect(function () {
-    getHeaderInfo();
-  }, []);
   React.useEffect(function () {
     if (currentConversation.conversationId) {
       getHeaderInfo();
@@ -637,7 +634,7 @@ var Chatbox = function Chatbox(props) {
   }, [currentConversation]);
   return /*#__PURE__*/React.createElement("div", {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
-  }, customHeader(), /*#__PURE__*/React.createElement(agoraChatUikit.Chat, {
+  }, currentConversation.conversationId && customHeader(), /*#__PURE__*/React.createElement(agoraChatUikit.Chat, {
     className: "flex-1",
     messageInputProps: _objectSpread(_objectSpread({}, type.commonMessageInputConfig), {}, {
       onSendMessage: function onSendMessage(msg) {

package/cjs/HighlyCustomChat/index.d.ts

@@ -12,7 +12,6 @@ export interface IHighlyCustomChat {
     renderQuestionList?: (cvs: Conversation, sendMessage: (text: string) => void) => React.ReactNode;
     sendMessageSuccessCallback?: (msg: ChatSDK.MessageBody) => void;
     onLoginSuccess?: () => void;
-    defaultAvatar?: string;
 }
 declare const HighlyCustomChat: React.FC<IHighlyCustomChat>;
 export default HighlyCustomChat;

package/cjs/HighlyCustomChat/index.js

@@ -21,6 +21,7 @@ var agoraChatUikit = require('agora-chat-uikit');
 var context = require('../IM/context.js');
 var type = require('../type.js');
 var tools = require('../tools.js');
+var avatar_default = require('../Icon/avatar_default.svg.js');
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), true)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -80,7 +81,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         actions: []
       },
       avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
-        src: headerInfo.headerImageURL || props.defaultAvatar,
+        src: headerInfo.headerImageURL || avatar_default,
         className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
       }) : undefined,
       children: renderLongTextMsg(msg)

package/cjs/Sidebar/CustomConversationItem/OperateBtn/image/more.svg.js

@@ -1,5 +1,5 @@
 'use strict';
 
-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";
+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";
 
 module.exports = img;

package/cjs/Sidebar/CustomConversationItem/OperateBtn/style/index.scss

@@ -11,4 +11,10 @@
     width: 16px;
     height: 16px;
   }
+}
+
+:global(.im-light) {
+  .yuze-conversationItem-action-img {
+    filter: var(--im-five-fontColor);
+  }
 }

package/cjs/Sidebar/CustomConversationItem/index.js

@@ -175,6 +175,7 @@ var CustomConversationItem = function CustomConversationItem(props) {
   }();
   return canShow ? /*#__PURE__*/React.createElement(agoraChatUikit.ConversationItem, {
     className: "yuze-conversationItem cursor-pointer ".concat(cvs.conversationId === agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId ? 'bg-[var(--im-highlight-blue-color)]' : ''),
+    badgeColor: 'red',
     avatar: /*#__PURE__*/React.createElement("div", {
       className: "yuze-conversationItem-avatar relative"
     }, /*#__PURE__*/React.createElement(agoraChatUikit.Avatar, {

package/cjs/Sidebar/Searchbox/style/index.scss

@@ -27,3 +27,14 @@
     }
   }
 }
+
+.im-light {
+  .yuze-searchBox {
+    background-color: var(--im-conversationlist-back-color);
+  }
+
+  .cui-input-input {
+    background-color: #fff;
+    color: var(--im-main-fontColor);
+  }
+}

package/cjs/Sidebar/index.js

@@ -150,6 +150,13 @@ var Sidebar = function Sidebar(props) {
           var tempCVS = agoraChatUikit.rootStore.conversationStore.getConversation(chattype === 'singleChat' ? "singleChat" : "groupChat", conversationId);
           if (tempCVS) {
             props.onConversationItemClick(tempCVS);
+          } else {
+            props.onConversationItemClick({
+              chatType: chattype === 'singleChat' ? "singleChat" : "groupChat",
+              conversationId: conversationId,
+              lastMessage: {},
+              unreadCount: 0
+            });
           }
         }
       }

package/es/ChatBox/index.d.ts

@@ -6,7 +6,6 @@ export interface IChatbox {
         chatType: "singleChat" | "groupChat";
     }) => void;
     onBack?: () => void;
-    defaultAvatar?: string;
 }
 declare const Chatbox: React.FC<IChatbox>;
 export default Chatbox;

package/es/ChatBox/index.js

@@ -101,7 +101,7 @@ var Chatbox = function Chatbox(props) {
       select: false,
       thread: false,
       avatar: !isMySelf && currentConversation.chatType === "singleChat" ? /*#__PURE__*/React.createElement("img", {
-        src: headerInfo.headerImageURL || props.defaultAvatar,
+        src: headerInfo.headerImageURL || img$1,
         className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
       }) : undefined,
       showTranslation: false,
@@ -622,9 +622,6 @@ var Chatbox = function Chatbox(props) {
       return _ref13.apply(this, arguments);
     };
   }();
-  useEffect(function () {
-    getHeaderInfo();
-  }, []);
   useEffect(function () {
     if (currentConversation.conversationId) {
       getHeaderInfo();
@@ -635,7 +632,7 @@ var Chatbox = function Chatbox(props) {
   }, [currentConversation]);
   return /*#__PURE__*/React.createElement("div", {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
-  }, customHeader(), /*#__PURE__*/React.createElement(Chat, {
+  }, currentConversation.conversationId && customHeader(), /*#__PURE__*/React.createElement(Chat, {
     className: "flex-1",
     messageInputProps: _objectSpread(_objectSpread({}, commonMessageInputConfig), {}, {
       onSendMessage: function onSendMessage(msg) {

package/es/HighlyCustomChat/index.d.ts

@@ -12,7 +12,6 @@ export interface IHighlyCustomChat {
     renderQuestionList?: (cvs: Conversation, sendMessage: (text: string) => void) => React.ReactNode;
     sendMessageSuccessCallback?: (msg: ChatSDK.MessageBody) => void;
     onLoginSuccess?: () => void;
-    defaultAvatar?: string;
 }
 declare const HighlyCustomChat: React.FC<IHighlyCustomChat>;
 export default HighlyCustomChat;

package/es/HighlyCustomChat/index.js

@@ -19,6 +19,7 @@ import { useClient, useSDK, rootStore, MessageList, MessageInput, ImageMessage,
 import { Context } from '../IM/context.js';
 import { commonMessageInputConfig, commonMessageProps } from '../type.js';
 import { reportAgentInUse } from '../tools.js';
+import img from '../Icon/avatar_default.svg.js';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, 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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), true)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -78,7 +79,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         actions: []
       },
       avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
-        src: headerInfo.headerImageURL || props.defaultAvatar,
+        src: headerInfo.headerImageURL || img,
         className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
       }) : undefined,
       children: renderLongTextMsg(msg)

package/es/Sidebar/CustomConversationItem/OperateBtn/image/more.svg.js

@@ -1,3 +1,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";
+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";
 
 export { img as default };

package/es/Sidebar/CustomConversationItem/OperateBtn/style/index.scss

@@ -11,4 +11,10 @@
     width: 16px;
     height: 16px;
   }
+}
+
+:global(.im-light) {
+  .yuze-conversationItem-action-img {
+    filter: var(--im-five-fontColor);
+  }
 }

package/es/Sidebar/CustomConversationItem/index.js

@@ -173,6 +173,7 @@ var CustomConversationItem = function CustomConversationItem(props) {
   }();
   return canShow ? /*#__PURE__*/React.createElement(ConversationItem, {
     className: "yuze-conversationItem cursor-pointer ".concat(cvs.conversationId === rootStore.conversationStore.currentCvs.conversationId ? 'bg-[var(--im-highlight-blue-color)]' : ''),
+    badgeColor: 'red',
     avatar: /*#__PURE__*/React.createElement("div", {
       className: "yuze-conversationItem-avatar relative"
     }, /*#__PURE__*/React.createElement(Avatar, {

package/es/Sidebar/Searchbox/style/index.scss

@@ -27,3 +27,14 @@
     }
   }
 }
+
+.im-light {
+  .yuze-searchBox {
+    background-color: var(--im-conversationlist-back-color);
+  }
+
+  .cui-input-input {
+    background-color: #fff;
+    color: var(--im-main-fontColor);
+  }
+}

package/es/Sidebar/index.js

@@ -148,6 +148,13 @@ var Sidebar = function Sidebar(props) {
           var tempCVS = rootStore.conversationStore.getConversation(chattype === 'singleChat' ? "singleChat" : "groupChat", conversationId);
           if (tempCVS) {
             props.onConversationItemClick(tempCVS);
+          } else {
+            props.onConversationItemClick({
+              chatType: chattype === 'singleChat' ? "singleChat" : "groupChat",
+              conversationId: conversationId,
+              lastMessage: {},
+              unreadCount: 0
+            });
           }
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whyuzeim",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "description": "im componenets",
   "main": "cjs/index.js",
   "module": "es/index.js",