whyuzeim 1.1.98 → 1.1.99

package/cjs/AddMember/index.js

@@ -16,12 +16,9 @@ var index$1 = require('../TypeItem/index.js');
 var context = require('../IM/context.js');
 var antd = require('antd');
 var useDebounce = require('use-debounce');
-var LocaleContext = require('../contexts/LocaleContext.js');
 require('./style/index.scss');
 
 var AddMember = function AddMember() {
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var _useContext = React.useContext(context.Context),
     setRightComponent = _useContext.setRightComponent;
   var _useState = React.useState(""),
@@ -126,11 +123,11 @@ var AddMember = function AddMember() {
     type: "primary",
     onClick: handleDebouncdAddMember,
     loading: loading
-  }, t('common.confirm'))), /*#__PURE__*/React.createElement("div", {
+  }, "Confirm")), /*#__PURE__*/React.createElement("div", {
     className: "yuze-addMember-member p-4"
   }, /*#__PURE__*/React.createElement("span", {
     className: "block text-center"
-  }, t('common.member')), /*#__PURE__*/React.createElement(index, {
+  }, "Member"), /*#__PURE__*/React.createElement(index, {
     className: "yuze-searchBox-list-content p-4",
     keyword: keyword,
     groupId: "",

package/cjs/ChatBox/index.js

@@ -26,13 +26,10 @@ var index$1 = require('../AddMember/index.js');
 var tools = require('../tools.js');
 var avatar_default = require('../Icon/avatar_default.svg.js');
 var index = require('../HighlyCustomChat/index.js');
-var LocaleContext = require('../contexts/LocaleContext.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 _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), true)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chatbox = function Chatbox(props) {
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var client = agoraChatUikit.useClient();
   var _useContext = React.useContext(context.Context),
     http = _useContext.http,
@@ -277,7 +274,7 @@ var Chatbox = function Chatbox(props) {
                 onClick: function onClick() {
                   antd.Modal.destroyAll();
                 }
-              }, t('common.close')), /*#__PURE__*/React.createElement(antd.Button, {
+              }, "Close"), /*#__PURE__*/React.createElement(antd.Button, {
                 type: "primary",
                 className: "flex-1",
                 size: "large",
@@ -285,7 +282,7 @@ var Chatbox = function Chatbox(props) {
                   setIsTopMenuOpen(false);
                   leaveGroup(agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId);
                 }
-              }, t('common.confirm')))
+              }, "Confirm"))
             });
           case 2:
           case "end":
@@ -350,7 +347,7 @@ var Chatbox = function Chatbox(props) {
         setRightComponent && setRightComponent(/*#__PURE__*/React.createElement(index$1, null));
         setIsTopMenuOpen(false);
       }
-    }, t('group.addMember')), /*#__PURE__*/React.createElement("li", {
+    }, "Add Members"), /*#__PURE__*/React.createElement("li", {
       className: "".concat(theme === "light" ? "im-light yuze-li" : "im-dark yuze-li"),
       onClick: function onClick() {
         var cvs = agoraChatUikit.rootStore.conversationStore.currentCvs;
@@ -362,7 +359,7 @@ var Chatbox = function Chatbox(props) {
         });
         setIsTopMenuOpen(false);
       }
-    }, t('conversation.clearMessages')), /*#__PURE__*/React.createElement("li", {
+    }, "Clear Messages"), /*#__PURE__*/React.createElement("li", {
       className: "".concat(theme === "light" ? "im-light yuze-li" : "im-dark yuze-li"),
       onClick: function onClick() {
         setIsTopMenuOpen(false);
@@ -375,13 +372,13 @@ var Chatbox = function Chatbox(props) {
         });
         setMidComponent && setMidComponent(undefined);
       }
-    }, t('conversation.deleteChat')), agoraChatUikit.rootStore.conversationStore.currentCvs.chatType === "groupChat" && /*#__PURE__*/React.createElement("li", {
+    }, "Delete Chat"), agoraChatUikit.rootStore.conversationStore.currentCvs.chatType === "groupChat" && /*#__PURE__*/React.createElement("li", {
       className: "".concat(theme === "light" ? "im-light yuze-li" : "im-dark yuze-li"),
       onClick: function onClick() {
         setIsTopMenuOpen(false);
         handleConfirmRemove();
       }
-    }, t('group.leaveGroup')));
+    }, "Leave Group"));
     return /*#__PURE__*/React.createElement("div", {
       className: "flex h-[64px] items-center bg-[var(--im-main-backgroundColor)] pl-4 pr-4 justify-between"
     }, /*#__PURE__*/React.createElement("div", {
@@ -413,9 +410,7 @@ var Chatbox = function Chatbox(props) {
         color: "var(--im-third-fontColor)"
       },
       className: "text-sm"
-    }, t('group.memberCount', {
-      count: headerInfo.memberCount
-    })))), mobile && /*#__PURE__*/React.createElement("div", {
+    }, headerInfo.memberCount, " members"))), mobile && /*#__PURE__*/React.createElement("div", {
       className: "flex flex-col ellipsis text-[var(--im-main-fontColor)] text-base font-semibold",
       onClick: function onClick() {
         return props.onClickHeaderBack({
@@ -612,7 +607,7 @@ var Chatbox = function Chatbox(props) {
               cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
               cuiScrollListWrap = document.querySelector(".cui-messageList .cui-scrollList");
               if (cuiScrollList) {
-                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\">".concat(t('common.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>");
+                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>";
                 template = document.createElement('template');
                 template.innerHTML = _trimInstanceProperty(htmlString).call(htmlString);
                 node = template.content.firstChild;

package/cjs/GroupDetail/GroupDetailEditView/index.js

@@ -18,14 +18,11 @@ var context = require('../../IM/context.js');
 var antd = require('antd');
 require('../../IM/style/index.scss');
 var agoraChatUikit = require('agora-chat-uikit');
-var LocaleContext = require('../../contexts/LocaleContext.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 _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), true)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var GroupDetailEditView = function GroupDetailEditView(props) {
   var _props$groupInfo$head, _props$groupInfo, _props$groupInfo$name, _props$groupInfo2, _props$groupInfo3, _context4;
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var _useState = React.useState({
       imageUrl: (_props$groupInfo$head = (_props$groupInfo = props.groupInfo) === null || _props$groupInfo === void 0 ? void 0 : _props$groupInfo.headimgurl) !== null && _props$groupInfo$head !== void 0 ? _props$groupInfo$head : '',
       // 群组头像 URL
@@ -208,7 +205,7 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
     d: "M6 18L18 6M6 6l12 12"
   }))), /*#__PURE__*/React.createElement("span", {
     className: "ml-2 text-[var(--im-main-fontColor)]"
-  }, t('common.edit'))), /*#__PURE__*/React.createElement("div", {
+  }, "Edit")), /*#__PURE__*/React.createElement("div", {
     className: "my-10"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex justify-center"
@@ -238,11 +235,11 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
     className: "w-20 h-20 rounded-lg bg-black-60 flex items-center justify-center"
   }, /*#__PURE__*/React.createElement("span", {
     className: "text-[var(--im-main-fontColor)]"
-  }, t('group.uploadAvatar'))))))), /*#__PURE__*/React.createElement("div", {
+  }, "Upload Avatar")))))), /*#__PURE__*/React.createElement("div", {
     className: "gap-2 flex flex-col mt-4 gap-2 mx-4"
   }, /*#__PURE__*/React.createElement("span", {
     className: "text-[var(--im-seven-fontColor)] text-sm font-normal"
-  }, t('group.groupName')), /*#__PURE__*/React.createElement("div", {
+  }, "Group Name"), /*#__PURE__*/React.createElement("div", {
     className: "w-full min-h-12 px-4 py-3 rounded-sm bg-[var(--im-main-bg-ten)]"
   }, /*#__PURE__*/React.createElement("div", {
     ref: nameInputRef,
@@ -253,7 +250,7 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
     className: "gap-2 flex flex-col mt-4 mx-4"
   }, /*#__PURE__*/React.createElement("span", {
     className: "text-[var(--im-seven-fontColor)] text-sm font-normal"
-  }, t('common.description')), /*#__PURE__*/React.createElement("div", {
+  }, "Description"), /*#__PURE__*/React.createElement("div", {
     className: "w-full min-h-12 px-4 py-3 rounded-sm bg-[var(--im-main-bg-ten)]"
   }, /*#__PURE__*/React.createElement("div", {
     ref: descriptionInputRef,
@@ -263,7 +260,7 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
   }))), /*#__PURE__*/React.createElement("div", {
     className: "mt-4 mx-4  p-4 h-12 text-center text-base leading-normal font-semibold rounded-md cursor-pointer text-[var(--im-six-fontColor)] bg-[var(--im-green)] ".concat(_trimInstanceProperty(_context4 = groupForm.name).call(_context4) === '' ? 'opacity-50' : ''),
     onClick: saveGroupInfo
-  }, t('common.save')));
+  }, "Save"));
 };
 
 module.exports = GroupDetailEditView;

package/cjs/GroupDetail/GroupShareView/index.js

@@ -8,11 +8,8 @@ var React = require('react');
 var context = require('../../IM/context.js');
 require('../../IM/style/index.scss');
 var agoraChatUikit = require('agora-chat-uikit');
-var LocaleContext = require('../../contexts/LocaleContext.js');
 
 var GroupShareView = function GroupShareView(props) {
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var _useContext = React.useContext(context.Context),
     http = _useContext.http,
     userInfo = _useContext.userInfo;
@@ -120,9 +117,9 @@ var GroupShareView = function GroupShareView(props) {
     d: "M6 18L18 6M6 6l12 12"
   }))), /*#__PURE__*/React.createElement("span", {
     className: "ml-2 text-[var(--im-main-fontColor)]"
-  }, t('group.share'))), /*#__PURE__*/React.createElement("p", {
+  }, "Share")), /*#__PURE__*/React.createElement("p", {
     className: "text-[var(--im-main-fontColor)] text-base font-semibold text-center pt-6 px-4 pb-2.5 border-b border-[var(--im-main-bg-ten)]"
-  }, t('group.groups')), /*#__PURE__*/React.createElement("div", {
+  }, "Groups"), /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col mt-3 mx-4 gap-4 overflow-y-auto flex-1 min-h-0 pb-5 no-scrollbar"
   }, _mapInstanceProperty(groupList).call(groupList, function (groupinfo, index) {
     var _groupinfo$name, _groupinfo$members;
@@ -143,13 +140,11 @@ var GroupShareView = function GroupShareView(props) {
       className: "text-[var(--im-main-fontColor)] text-base font-semibold font-['Inter'] leading-normal"
     }, (_groupinfo$name = groupinfo === null || groupinfo === void 0 ? void 0 : groupinfo.name) !== null && _groupinfo$name !== void 0 ? _groupinfo$name : '-'), /*#__PURE__*/React.createElement("span", {
       className: "text-[var(--im-third-fontColor)] text-sm font-normal font-['Inter'] leading-snug"
-    }, t('group.memberCount', {
-      count: (_groupinfo$members = groupinfo === null || groupinfo === void 0 ? void 0 : groupinfo.members) !== null && _groupinfo$members !== void 0 ? _groupinfo$members : 0
-    })))), /*#__PURE__*/React.createElement("div", {
+    }, (_groupinfo$members = groupinfo === null || groupinfo === void 0 ? void 0 : groupinfo.members) !== null && _groupinfo$members !== void 0 ? _groupinfo$members : 0, " members"))), /*#__PURE__*/React.createElement("div", {
       className: "flex flex-shrink-0 items-center justify-center w-14 h-6 text-center bg-gradient-to-r from-[#9cff1e] via-[#9cff1e] to-[#9cff1e] rounded"
     }, /*#__PURE__*/React.createElement("span", {
       className: " text-[var(--im-six-fontColor)] text-xs font-medium leading-normal"
-    }, t('group.share'))));
+    }, "Share")));
   })));
 };
 

package/cjs/GroupDetail/index.js

@@ -14,15 +14,12 @@ var ic_group_edit = require('./image/ic_group_edit.svg.js');
 var ic_messages = require('./image/ic_messages.svg.js');
 var index$2 = require('../TypeItem/index.js');
 var context = require('../IM/context.js');
-var LocaleContext = require('../contexts/LocaleContext.js');
 require('./style/index.scss');
 var index = require('./GroupDetailEditView/index.js');
 var index$1 = require('./GroupShareView/index.js');
 
 var GroupDetail = function GroupDetail(props) {
   var _groupInfo$sendbirdid;
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var _useContext = React.useContext(context.Context),
     http = _useContext.http,
     mobile = _useContext.mobile,
@@ -183,7 +180,7 @@ var GroupDetail = function GroupDetail(props) {
     }
   })), /*#__PURE__*/React.createElement("span", {
     className: "text-base"
-  }, t('common.profile'))), /*#__PURE__*/React.createElement("div", {
+  }, "Profile")), /*#__PURE__*/React.createElement("div", {
     className: classNames("yuze-groupDetail-header-right")
   }, ((groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.roletype) === 1 || (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.roletype) === 2) && /*#__PURE__*/React.createElement("img", {
     onClick: function onClick() {
@@ -214,13 +211,11 @@ var GroupDetail = function GroupDetail(props) {
     className: "text-base mt-1"
   }, groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.name), /*#__PURE__*/React.createElement("span", {
     className: "text-base text-[var(--im-third-fontColor)] font-normal mt-2"
-  }, t('group.memberCount', {
-    count: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.members
-  })))), /*#__PURE__*/React.createElement("div", {
+  }, groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.members, " members"))), /*#__PURE__*/React.createElement("div", {
     className: "yuze-groupDetail-member p-4"
   }, /*#__PURE__*/React.createElement("span", {
     className: "block text-center"
-  }, t('common.member')), /*#__PURE__*/React.createElement("div", {
+  }, "Member"), /*#__PURE__*/React.createElement("div", {
     className: "yuze-groupDetail-member-list pt-4"
   }, _mapInstanceProperty(memberList).call(memberList, function (item) {
     return /*#__PURE__*/React.createElement(index$2, {

package/cjs/HighlyCustomChat/index.js

@@ -34,14 +34,11 @@ var index = require('./AIReportMsg/index.js');
 var index$3 = require('./ ShareMsg/index.js');
 var classNames = require('classnames');
 require('highlight.js/styles/night-owl.css');
-var LocaleContext = require('../contexts/LocaleContext.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; }
 var HighlyCustomChat = function HighlyCustomChat(props) {
   var _props$className;
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   // 设置默认值
   var client = agoraChatUikit.useClient();
   var _props$showHeader = props.showHeader,
@@ -352,9 +349,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         color: "var(--im-third-fontColor)"
       },
       className: "text-sm"
-    }, t('group.memberCount', {
-      count: headerInfo.memberCount
-    })))));
+    }, headerInfo.memberCount, " members"))));
   };
   // First define initConversation with useCallback
   var initConversation = React.useCallback(function () {
@@ -469,7 +464,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
               cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
               cuiScrollListWrap = document.querySelector(".cui-scrollList");
               if (cuiScrollList) {
-                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\">".concat(t('common.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>");
+                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>";
                 template = document.createElement('template');
                 template.innerHTML = _trimInstanceProperty(htmlString).call(htmlString);
                 node = template.content.firstChild;
@@ -528,7 +523,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     className: "bg-[var(--im-main-backgroundColor)] im-agent-mid ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : "", " w-full h-full overflow-hidden flex flex-col")
   }, loading ? /*#__PURE__*/React.createElement("div", {
     className: "flex-1 flex items-center justify-center text-gray-500"
-  }, t('common.loading')) // 显示加载状态
+  }, "Loading...") // 显示加载状态
   : /*#__PURE__*/React.createElement(React.Fragment, null, showHeader === true && customHeader(), showHeader === false && currentConversation && props.renderHeader && props.renderHeader(currentConversation), /*#__PURE__*/React.createElement(agoraChatUikit.MessageList, {
     className: "w-full flex-1",
     conversation: {
@@ -548,7 +543,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     if (!customInputView) {
       return /*#__PURE__*/React.createElement(agoraChatUikit.MessageInput, _extends({
         enabledTyping: true,
-        placeHolder: (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.chatType) === 'groupChat' ? t('conversation.sendMessageToGroup') : t('conversation.typeMessage'),
+        placeHolder: (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.chatType) === 'groupChat' ? "Send a message to group" : "Type a message...",
         conversation: {
           conversationId: props.conversationId,
           chatType: props.chatType

package/cjs/IM/index.d.ts

@@ -2,7 +2,6 @@ import React from "react";
 import { AxiosInstance } from "axios";
 import { Conversation } from "agora-chat-uikit";
 import { IUserInfo } from "./context";
-import { Locale } from "../contexts/LocaleContext";
 import "agora-chat-uikit/style.css";
 import "./style/index.scss";
 export type IIMProps = {
@@ -18,8 +17,6 @@ export type IIMProps = {
     mobile?: boolean;
     onChatIconClick?: () => void;
     canSidebarExpand?: boolean;
-    locale?: Locale;
-    onLocaleChange?: (locale: Locale) => void;
     additionalConversations?: Conversation[];
     onAdditionalConversationClick?: (conversation: Conversation) => Promise<boolean>;
     onRenderConversationItem?: (cvs: Conversation, defaultConversationItemClick: (conversation: Conversation) => void) => React.ReactElement | undefined;

package/cjs/IM/index.js

@@ -6,7 +6,6 @@ var classNames = require('classnames');
 var agoraChatUikit = require('agora-chat-uikit');
 var context = require('./context.js');
 var useGetAgoraToken = require('./hooks/useGetAgoraToken.js');
-var LocaleContext = require('../contexts/LocaleContext.js');
 var index = require('../Exit/index.js');
 require('agora-chat-uikit/style.css');
 require('./style/index.scss');
@@ -32,9 +31,7 @@ var IM = function IM(props) {
     additionalConversations = props.additionalConversations,
     onAdditionalConversationClick = props.onAdditionalConversationClick,
     onRenderConversationItem = props.onRenderConversationItem,
-    canSidebarExpand = props.canSidebarExpand,
-    locale = props.locale,
-    onLocaleChange = props.onLocaleChange;
+    canSidebarExpand = props.canSidebarExpand;
   window.AGAIN_ENTER_IM_INIT = false;
   console.log("the useinfo is", userInfo);
   var agoraToken = useGetAgoraToken.useGetAgoraToken(http, userInfo.uid);
@@ -74,10 +71,7 @@ var IM = function IM(props) {
       }
     }));
   };
-  return /*#__PURE__*/React.createElement(LocaleContext.LocaleProvider, {
-    locale: locale,
-    onLocaleChange: onLocaleChange
-  }, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames("im-".concat(theme), className),
     style: style
   }, /*#__PURE__*/React.createElement(context.Context.Provider, {
@@ -141,7 +135,7 @@ var IM = function IM(props) {
         }
       }
     }
-  }, /*#__PURE__*/React.createElement(index, null), children))));
+  }, /*#__PURE__*/React.createElement(index, null), children)));
 };
 
 module.exports = IM;

package/cjs/NoData/index.js

@@ -4,7 +4,6 @@ var React = require('react');
 var noData = require('./image/no-data.svg.js');
 require('./style/index.scss');
 var classNames = require('classnames');
-var LocaleContext = require('../contexts/LocaleContext.js');
 
 /* eslint-disable jsx-a11y/alt-text */
 /* eslint-disable @next/next/no-img-element */
@@ -12,16 +11,12 @@ var NoData = function NoData(props) {
   var className = props.className,
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style;
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("yuze-im-noData flex flex-col justify-center items-center h-full gap-2", className),
+    className: classNames("yuze-im-noData flex justify-center items-center h-full", className),
     style: style
   }, /*#__PURE__*/React.createElement("img", {
     src: noData
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text-sm text-gray-500"
-  }, t('common.noData')));
+  }));
 };
 
 module.exports = NoData;

package/cjs/Sidebar/CreateGroup/index.js

@@ -20,12 +20,9 @@ require('./style/index.scss');
 var InfiniteScroll = require('react-infinite-scroll-component');
 var index$1 = require('../../NoData/index.js');
 var _ = require('lodash');
-var LocaleContext = require('../../contexts/LocaleContext.js');
 
 var CreateGroup = function CreateGroup(props) {
   var _$uniqBy;
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var onClose = props.onClose,
     _props$open = props.open,
     open = _props$open === void 0 ? false : _props$open;
@@ -158,7 +155,7 @@ var CreateGroup = function CreateGroup(props) {
     className: "yuze-createGroup-left-title"
   }, /*#__PURE__*/React.createElement("span", {
     className: "text-lg"
-  }, t('group.newGroup'))), /*#__PURE__*/React.createElement(agoraChatUikit.Input, {
+  }, "New Group")), /*#__PURE__*/React.createElement(agoraChatUikit.Input, {
     className: "my-3",
     onChange: function onChange(e) {
       pageRef.current = 0;
@@ -214,7 +211,7 @@ var CreateGroup = function CreateGroup(props) {
     className: "yuze-createGroup-right-title"
   }, /*#__PURE__*/React.createElement("span", {
     className: "text-sm"
-  }, t('group.groupMembers'), "(", member.length, "/2000)")), /*#__PURE__*/React.createElement("div", {
+  }, "Group Member(", member.length, "/2000)")), /*#__PURE__*/React.createElement("div", {
     className: "yuze-createGroup-right-list overflow-auto"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex flex-row gap-5 py-4 flex-wrap"
@@ -245,7 +242,7 @@ var CreateGroup = function CreateGroup(props) {
       setMember([]);
       onClose && onClose();
     }
-  }, t('common.close')), /*#__PURE__*/React.createElement(antd.Button, {
+  }, "Close"), /*#__PURE__*/React.createElement(antd.Button, {
     type: "primary",
     className: "flex-1",
     size: "large",
@@ -253,7 +250,7 @@ var CreateGroup = function CreateGroup(props) {
     onClick: function onClick() {
       handleDebounceCreateGroup();
     }
-  }, t('group.createGroup'))))));
+  }, "Create")))));
 };
 
 module.exports = CreateGroup;

package/cjs/Sidebar/CustomConversationItem/OperateBtn/index.js

@@ -12,7 +12,6 @@ var agoraChatUikit = require('agora-chat-uikit');
 var muted = require('./image/muted.svg.js');
 var logout = require('./image/logout.svg.js');
 var _delete = require('./image/delete.svg.js');
-var LocaleContext = require('../../../contexts/LocaleContext.js');
 require('./style/index.scss');
 
 var OperateBtn = function OperateBtn(props) {
@@ -31,8 +30,6 @@ var OperateBtn = function OperateBtn(props) {
     _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
     modal = _Modal$useModal2[0],
     contextHolder = _Modal$useModal2[1];
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var handleMuted = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -66,7 +63,7 @@ var OperateBtn = function OperateBtn(props) {
             return modal.confirm({
               content: /*#__PURE__*/React.createElement("span", {
                 className: "text-sm "
-              }, t('conversation.confirmDelete')),
+              }, "Are you sure you want to delete ?"),
               footer: /*#__PURE__*/React.createElement("div", {
                 className: "yuze-confirm-footer flex justify-center gap-5 mt-4"
               }, /*#__PURE__*/React.createElement(antd.Button, {
@@ -76,12 +73,12 @@ var OperateBtn = function OperateBtn(props) {
                 onClick: function onClick() {
                   antd.Modal.destroyAll();
                 }
-              }, t('common.close')), /*#__PURE__*/React.createElement(antd.Button, {
+              }, "Close"), /*#__PURE__*/React.createElement(antd.Button, {
                 type: "primary",
                 className: "flex-1",
                 size: "large",
                 onClick: handleDebounceDelete
-              }, t('common.confirm')))
+              }, "Confirm"))
             });
           case 3:
           case "end":
@@ -103,7 +100,7 @@ var OperateBtn = function OperateBtn(props) {
             return modal.confirm({
               content: /*#__PURE__*/React.createElement("span", {
                 className: "text-sm "
-              }, t('group.confirmLeaveAndDelete')),
+              }, "Are you sure you want to delete and leave the group ?"),
               footer: /*#__PURE__*/React.createElement("div", {
                 className: "yuze-confirm-footer flex justify-center gap-5 mt-4"
               }, /*#__PURE__*/React.createElement(antd.Button, {
@@ -113,12 +110,12 @@ var OperateBtn = function OperateBtn(props) {
                 onClick: function onClick() {
                   antd.Modal.destroyAll();
                 }
-              }, t('common.close')), /*#__PURE__*/React.createElement(antd.Button, {
+              }, "Close"), /*#__PURE__*/React.createElement(antd.Button, {
                 type: "primary",
                 className: "flex-1",
                 size: "large",
                 onClick: handleDebounceLeave
-              }, t('common.confirm')))
+              }, "Confirm"))
             });
           case 3:
           case "end":
@@ -181,7 +178,7 @@ var OperateBtn = function OperateBtn(props) {
       className: "yuze-conversationItem-action-img"
     }), /*#__PURE__*/React.createElement("span", {
       className: "text-sm"
-    }, silent ? t('actions.unmute') : t('actions.mute'))), chatType === "groupChat" && /*#__PURE__*/React.createElement("div", {
+    }, silent ? "Unmuted" : "Muted")), chatType === "groupChat" && /*#__PURE__*/React.createElement("div", {
       className: "yuze-conversationList-header-right-tooltip-item flex flex-row items-center gap-3 cursor-pointer",
       onClick: handleConfirmLeave
     }, /*#__PURE__*/React.createElement("img", {
@@ -199,7 +196,7 @@ var OperateBtn = function OperateBtn(props) {
       className: "yuze-conversationItem-action-img"
     }), /*#__PURE__*/React.createElement("span", {
       className: "text-sm delete"
-    }, t('conversation.deleteChat'))))
+    }, "Delete Chat")))
   }, /*#__PURE__*/React.createElement("img", {
     src: more,
     className: "cursor-pointer ml-2 yuze-conversationItem-action-img",

package/cjs/Sidebar/GroupList/OperateBtn/index.js

@@ -13,7 +13,6 @@ var agoraChatUikit = require('agora-chat-uikit');
 var muted = require('./image/muted.svg.js');
 var logout = require('./image/logout.svg.js');
 var _delete = require('./image/delete.svg.js');
-var LocaleContext = require('../../../contexts/LocaleContext.js');
 require('./style/index.scss');
 
 var OperateBtn = function OperateBtn(props) {
@@ -33,8 +32,6 @@ var OperateBtn = function OperateBtn(props) {
     _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
     modal = _Modal$useModal2[0],
     contextHolder = _Modal$useModal2[1];
-  var _useTranslation = LocaleContext.useTranslation(),
-    t = _useTranslation.t;
   var handleTooltip = React.useCallback(function (event) {
     try {
       var _context;
@@ -85,12 +82,11 @@ var OperateBtn = function OperateBtn(props) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             event.stopPropagation();
-            setTooltipOpen(false);
-            _context3.next = 4;
+            _context3.next = 3;
             return modal.confirm({
               content: /*#__PURE__*/React.createElement("span", {
                 className: "text-sm "
-              }, t('conversation.confirmDelete')),
+              }, "Are you sure you want to delete ?"),
               footer: /*#__PURE__*/React.createElement("div", {
                 className: "yuze-confirm-footer flex justify-center gap-5 mt-4"
               }, /*#__PURE__*/React.createElement(antd.Button, {
@@ -100,14 +96,14 @@ var OperateBtn = function OperateBtn(props) {
                 onClick: function onClick() {
                   antd.Modal.destroyAll();
                 }
-              }, t('common.close')), /*#__PURE__*/React.createElement(antd.Button, {
+              }, "Close"), /*#__PURE__*/React.createElement(antd.Button, {
                 type: "primary",
                 className: "flex-1",
                 size: "large",
                 onClick: handleDebounceDelete
-              }, t('common.confirm')))
+              }, "Confirm"))
             });
-          case 4:
+          case 3:
           case "end":
             return _context3.stop();
         }
@@ -214,7 +210,7 @@ var OperateBtn = function OperateBtn(props) {
       className: "yuze-conversationItem-action-img"
     }), /*#__PURE__*/React.createElement("span", {
       className: "text-sm"
-    }, silent ? t('actions.unmute') : t('actions.mute'))), chatType === "groupChat" && /*#__PURE__*/React.createElement("div", {
+    }, silent ? "Unmuted" : "Muted")), chatType === "groupChat" && /*#__PURE__*/React.createElement("div", {
       className: "yuze-conversationList-header-right-tooltip-item flex flex-row items-center gap-3 cursor-pointer",
       onClick: handleConfirmLeave
     }, /*#__PURE__*/React.createElement("img", {