whyuzeim 1.1.35 → 1.1.37

package/cjs/HighlyCustomChat/index.js

@@ -12,7 +12,6 @@ var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/esm/asyncToGener
 var _defineProperty = require('@babel/runtime-corejs3/helpers/esm/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _setInterval = require('@babel/runtime-corejs3/core-js-stable/set-interval');
@@ -39,8 +38,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     MessageSDK = _useSDK.ChatSDK;
   var manulLoginRef = React.useRef(false);
   var _useConversationConte = agoraChatUikit.useConversationContext(),
-    i = _useConversationConte.currentConversation;
-  console.log(_JSON$stringify(i), 'dfsfs');
+    agoraCurrentConversation = _useConversationConte.currentConversation;
   var _useContext = React.useContext(context.Context),
     http = _useContext.http,
     userInfo = _useContext.userInfo;
@@ -138,9 +136,6 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     }, formatMessageTime(msg.time)));
   };
   var _renderMessage = function renderMessage(msg) {
-    var cuiScrollList = document.querySelector(".cui-scrollList div");
-    var generatingLoader = document.querySelector("#agent-generating-loader");
-    if (cuiScrollList && generatingLoader && msg.to !== (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.conversationId)) ;
     if (msg.type === "txt") {
       return renderTxtMsg(msg);
     } else if (msg.type === "img") {
@@ -434,6 +429,13 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
       return _ref4.apply(this, arguments);
     };
   }();
+  React.useEffect(function () {
+    var cuiScrollList = document.querySelector(".cui-scrollList div");
+    var generatingLoader = document.querySelector("#agent-generating-loader");
+    if (cuiScrollList && generatingLoader) {
+      cuiScrollList.removeChild(generatingLoader);
+    }
+  }, [agoraCurrentConversation]);
   return /*#__PURE__*/React.createElement("div", {
     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", {

package/es/HighlyCustomChat/index.js

@@ -10,7 +10,6 @@ import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerat
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
-import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
 import _setInterval from '@babel/runtime-corejs3/core-js-stable/set-interval';
@@ -37,8 +36,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     MessageSDK = _useSDK.ChatSDK;
   var manulLoginRef = useRef(false);
   var _useConversationConte = useConversationContext(),
-    i = _useConversationConte.currentConversation;
-  console.log(_JSON$stringify(i), 'dfsfs');
+    agoraCurrentConversation = _useConversationConte.currentConversation;
   var _useContext = useContext(Context),
     http = _useContext.http,
     userInfo = _useContext.userInfo;
@@ -136,9 +134,6 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     }, formatMessageTime(msg.time)));
   };
   var _renderMessage = function renderMessage(msg) {
-    var cuiScrollList = document.querySelector(".cui-scrollList div");
-    var generatingLoader = document.querySelector("#agent-generating-loader");
-    if (cuiScrollList && generatingLoader && msg.to !== (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.conversationId)) ;
     if (msg.type === "txt") {
       return renderTxtMsg(msg);
     } else if (msg.type === "img") {
@@ -432,6 +427,13 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
       return _ref4.apply(this, arguments);
     };
   }();
+  useEffect(function () {
+    var cuiScrollList = document.querySelector(".cui-scrollList div");
+    var generatingLoader = document.querySelector("#agent-generating-loader");
+    if (cuiScrollList && generatingLoader) {
+      cuiScrollList.removeChild(generatingLoader);
+    }
+  }, [agoraCurrentConversation]);
   return /*#__PURE__*/React.createElement("div", {
     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", {

package/package.json

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