whyuzeim 1.1.18 → 1.1.20

package/cjs/HighlyCustomChat/index.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { Conversation } from "agora-chat-uikit";
 import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
 import { ChatType } from "agora-chat-uikit/types/module/types/messageType";
+import "./style/index.scss";
 export interface IHighlyCustomChat {
     conversationId: string;
     chatType: ChatType;

package/cjs/HighlyCustomChat/index.js

@@ -18,10 +18,13 @@ var _setInterval = require('@babel/runtime-corejs3/core-js-stable/set-interval')
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var React = require('react');
 var agoraChatUikit = require('agora-chat-uikit');
+var jsrsasign = require('jsrsasign');
 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');
+var encryption = require('../IM/encryption.js');
+require('./style/index.scss');
 
 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; }
@@ -35,6 +38,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     onLoginSuccess = props.onLoginSuccess;
   var _useSDK = agoraChatUikit.useSDK(),
     MessageSDK = _useSDK.ChatSDK;
+  var manulLoginRef = React.useRef(false);
   var _useContext = React.useContext(context.Context),
     http = _useContext.http,
     userInfo = _useContext.userInfo;
@@ -60,6 +64,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     _useState8 = _slicedToArray(_useState7, 2);
     _useState8[0];
     var setIsAgent = _useState8[1];
+  React.useRef(null);
   var renderTxtMsg = function renderTxtMsg(msg) {
     var _userInfo$uid;
     var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === ((_userInfo$uid = userInfo.uid) === null || _userInfo$uid === void 0 ? void 0 : _userInfo$uid.toLowerCase());
@@ -308,6 +313,34 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     // 初始检查登录状态
     var currentLoginState = agoraChatUikit.rootStore.loginState;
     setLoading(!currentLoginState);
+    if (!agoraChatUikit.rootStore.loginState && !manulLoginRef.current && !window.AGAIN_ENTER_IM_INIT) {
+      manulLoginRef.current = true;
+      http.get("/capi/account/imuser/getkeypair", {
+        params: {
+          type: 2
+        }
+      }).then(function (result1) {
+        var publickey = result1.data.data.publickey;
+        // const rsaStr = encryption.rsaEncrypt(this.aesKey, publickey)
+        var publicPemKey = "-----BEGIN PUBLIC KEY-----\n" + publickey + "\n-----END PUBLIC KEY-----";
+        var pub = jsrsasign.KEYUTIL.getKey(publicPemKey);
+        var enc = jsrsasign.KJUR.crypto.Cipher.encrypt(encryption.aesKey, pub, "RSAOAEP");
+        http.get("/capi/account/imuser/getutoken", {
+          params: {
+            type: 2,
+            token: jsrsasign.hextob64(enc)
+          }
+        }).then(function (result2) {
+          var token = encryption.aesDecrypt(result2.data.data.utoken, encryption.aesKey);
+          client.open({
+            user: userInfo.uid,
+            accessToken: token
+          });
+        })["catch"](function (error) {
+          console.log(error, 'rewrew');
+        });
+      });
+    }
     if (currentLoginState && props.conversationId) {
       initConversation();
       getHeaderInfo();
@@ -343,7 +376,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }, [getHeaderInfo, initConversation, props.conversationId]);
   var handleSendMessage = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(text) {
-      var txtMessage;
+      var txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -364,18 +397,35 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
             _context2.next = 6;
             return agoraChatUikit.rootStore.messageStore.sendMessage(txtMessage);
           case 6:
+            cuiScrollList = document.querySelector(".cui-scrollList div");
+            cuiScrollListWrap = document.querySelector(".cui-scrollList");
+            if (cuiScrollList) {
+              htmlString = "<div 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=\"https://static.moonpump.ai/avatars/1.png\" 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\">Mar</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;
+              if (node) {
+                cuiScrollList.appendChild(node);
+                cuiScrollListWrap === null || cuiScrollListWrap === void 0 || cuiScrollListWrap.scrollTo({
+                  top: 1000000000
+                });
+              }
+              // cuiScrollList.appendChild(`
+              //   <div 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="https://static.moonpump.ai/avatars/1.png" 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 class=""><span class="cui-message-text">32132654</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">Mar</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>
+              //   `)
+            }
             afterSendMsg(txtMessage);
-            _context2.next = 12;
+            _context2.next = 15;
             break;
-          case 9:
-            _context2.prev = 9;
+          case 12:
+            _context2.prev = 12;
             _context2.t0 = _context2["catch"](2);
             console.log("send txt message failed", _context2.t0);
-          case 12:
+          case 15:
           case "end":
             return _context2.stop();
         }
-      }, _callee, null, [[2, 9]]);
+      }, _callee, null, [[2, 12]]);
     }));
     return function handleSendMessage(_x) {
       return _ref3.apply(this, arguments);

package/cjs/HighlyCustomChat/style/index.scss

@@ -0,0 +1,16 @@
+.generating-loader {
+    width: 4px;
+    aspect-ratio: 1;
+    border-radius: 50%;
+    animation: l5 1s infinite linear alternate;
+  }
+  
+  @keyframes l5 {
+    0%   { box-shadow: 8px 0 #000, -8px 0 #0002; background: #000; }
+    33%  { box-shadow: 8px 0 #000, -8px 0 #0002; background: #0002; }
+    88%  { box-shadow: 8px 0 #0002, -8px 0 #000; background: #0002; }
+    100% { box-shadow: 8px 0 #0002, -8px 0 #000; background: #000; }
+  }
+  .generating-loader-wrap{
+    margin: 0 12px 0 8px;
+  }

package/cjs/IM/hooks/useGetAgoraToken.js

@@ -23,30 +23,31 @@ var useGetAgoraToken = function useGetAgoraToken(http, uid) {
           }
           return _context.abrupt("return");
         case 2:
-          _context.next = 4;
+          window.AGAIN_ENTER_IM_INIT = true;
+          _context.next = 5;
           return http.get("/capi/account/imuser/getkeypair", {
             params: {
               type: 2
             }
           });
-        case 4:
+        case 5:
           result1 = _context.sent;
           publickey = result1.data.data.publickey; // const rsaStr = encryption.rsaEncrypt(this.aesKey, publickey)
           publicPemKey = "-----BEGIN PUBLIC KEY-----\n" + publickey + "\n-----END PUBLIC KEY-----";
           pub = jsrsasign.KEYUTIL.getKey(publicPemKey);
           enc = jsrsasign.KJUR.crypto.Cipher.encrypt(encryption.aesKey, pub, "RSAOAEP");
-          _context.next = 11;
+          _context.next = 12;
           return http.get("/capi/account/imuser/getutoken", {
             params: {
               type: 2,
               token: jsrsasign.hextob64(enc)
             }
           });
-        case 11:
+        case 12:
           result2 = _context.sent;
           token = encryption.aesDecrypt(result2.data.data.utoken, encryption.aesKey);
           setAgoraToken(token);
-        case 14:
+        case 15:
         case "end":
           return _context.stop();
       }

package/cjs/IM/index.js

@@ -32,6 +32,7 @@ var IM = function IM(props) {
     onAdditionalConversationClick = props.onAdditionalConversationClick,
     onRenderConversationItem = props.onRenderConversationItem,
     canSidebarExpand = props.canSidebarExpand;
+  window.AGAIN_ENTER_IM_INIT = false;
   console.log("the useinfo is", userInfo);
   var agoraToken = useGetAgoraToken.useGetAgoraToken(http, userInfo.uid);
   var _useState = React.useState(),

package/es/HighlyCustomChat/index.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { Conversation } from "agora-chat-uikit";
 import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
 import { ChatType } from "agora-chat-uikit/types/module/types/messageType";
+import "./style/index.scss";
 export interface IHighlyCustomChat {
     conversationId: string;
     chatType: ChatType;

package/es/HighlyCustomChat/index.js

@@ -14,12 +14,15 @@ import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
 import _setInterval from '@babel/runtime-corejs3/core-js-stable/set-interval';
 import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
-import React, { useContext, useState, useCallback, useEffect } from 'react';
+import React, { useRef, useContext, useState, useCallback, useEffect } from 'react';
 import { useClient, useSDK, rootStore, MessageList, MessageInput, ImageMessage, FileMessage, VideoMessage, BaseMessage } from 'agora-chat-uikit';
+import jsrsasign from 'jsrsasign';
 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';
+import { aesKey, aesDecrypt } from '../IM/encryption.js';
+import './style/index.scss';
 
 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; }
@@ -33,6 +36,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     onLoginSuccess = props.onLoginSuccess;
   var _useSDK = useSDK(),
     MessageSDK = _useSDK.ChatSDK;
+  var manulLoginRef = useRef(false);
   var _useContext = useContext(Context),
     http = _useContext.http,
     userInfo = _useContext.userInfo;
@@ -58,6 +62,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     _useState8 = _slicedToArray(_useState7, 2);
     _useState8[0];
     var setIsAgent = _useState8[1];
+  useRef(null);
   var renderTxtMsg = function renderTxtMsg(msg) {
     var _userInfo$uid;
     var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === ((_userInfo$uid = userInfo.uid) === null || _userInfo$uid === void 0 ? void 0 : _userInfo$uid.toLowerCase());
@@ -306,6 +311,34 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     // 初始检查登录状态
     var currentLoginState = rootStore.loginState;
     setLoading(!currentLoginState);
+    if (!rootStore.loginState && !manulLoginRef.current && !window.AGAIN_ENTER_IM_INIT) {
+      manulLoginRef.current = true;
+      http.get("/capi/account/imuser/getkeypair", {
+        params: {
+          type: 2
+        }
+      }).then(function (result1) {
+        var publickey = result1.data.data.publickey;
+        // const rsaStr = encryption.rsaEncrypt(this.aesKey, publickey)
+        var publicPemKey = "-----BEGIN PUBLIC KEY-----\n" + publickey + "\n-----END PUBLIC KEY-----";
+        var pub = jsrsasign.KEYUTIL.getKey(publicPemKey);
+        var enc = jsrsasign.KJUR.crypto.Cipher.encrypt(aesKey, pub, "RSAOAEP");
+        http.get("/capi/account/imuser/getutoken", {
+          params: {
+            type: 2,
+            token: jsrsasign.hextob64(enc)
+          }
+        }).then(function (result2) {
+          var token = aesDecrypt(result2.data.data.utoken, aesKey);
+          client.open({
+            user: userInfo.uid,
+            accessToken: token
+          });
+        })["catch"](function (error) {
+          console.log(error, 'rewrew');
+        });
+      });
+    }
     if (currentLoginState && props.conversationId) {
       initConversation();
       getHeaderInfo();
@@ -341,7 +374,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }, [getHeaderInfo, initConversation, props.conversationId]);
   var handleSendMessage = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(text) {
-      var txtMessage;
+      var txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -362,18 +395,35 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
             _context2.next = 6;
             return rootStore.messageStore.sendMessage(txtMessage);
           case 6:
+            cuiScrollList = document.querySelector(".cui-scrollList div");
+            cuiScrollListWrap = document.querySelector(".cui-scrollList");
+            if (cuiScrollList) {
+              htmlString = "<div 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=\"https://static.moonpump.ai/avatars/1.png\" 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\">Mar</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;
+              if (node) {
+                cuiScrollList.appendChild(node);
+                cuiScrollListWrap === null || cuiScrollListWrap === void 0 || cuiScrollListWrap.scrollTo({
+                  top: 1000000000
+                });
+              }
+              // cuiScrollList.appendChild(`
+              //   <div 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="https://static.moonpump.ai/avatars/1.png" 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 class=""><span class="cui-message-text">32132654</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">Mar</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>
+              //   `)
+            }
             afterSendMsg(txtMessage);
-            _context2.next = 12;
+            _context2.next = 15;
             break;
-          case 9:
-            _context2.prev = 9;
+          case 12:
+            _context2.prev = 12;
             _context2.t0 = _context2["catch"](2);
             console.log("send txt message failed", _context2.t0);
-          case 12:
+          case 15:
           case "end":
             return _context2.stop();
         }
-      }, _callee, null, [[2, 9]]);
+      }, _callee, null, [[2, 12]]);
     }));
     return function handleSendMessage(_x) {
       return _ref3.apply(this, arguments);

package/es/HighlyCustomChat/style/index.scss

@@ -0,0 +1,16 @@
+.generating-loader {
+    width: 4px;
+    aspect-ratio: 1;
+    border-radius: 50%;
+    animation: l5 1s infinite linear alternate;
+  }
+  
+  @keyframes l5 {
+    0%   { box-shadow: 8px 0 #000, -8px 0 #0002; background: #000; }
+    33%  { box-shadow: 8px 0 #000, -8px 0 #0002; background: #0002; }
+    88%  { box-shadow: 8px 0 #0002, -8px 0 #000; background: #0002; }
+    100% { box-shadow: 8px 0 #0002, -8px 0 #000; background: #000; }
+  }
+  .generating-loader-wrap{
+    margin: 0 12px 0 8px;
+  }

package/es/IM/hooks/useGetAgoraToken.js

@@ -21,30 +21,31 @@ var useGetAgoraToken = function useGetAgoraToken(http, uid) {
           }
           return _context.abrupt("return");
         case 2:
-          _context.next = 4;
+          window.AGAIN_ENTER_IM_INIT = true;
+          _context.next = 5;
           return http.get("/capi/account/imuser/getkeypair", {
             params: {
               type: 2
             }
           });
-        case 4:
+        case 5:
           result1 = _context.sent;
           publickey = result1.data.data.publickey; // const rsaStr = encryption.rsaEncrypt(this.aesKey, publickey)
           publicPemKey = "-----BEGIN PUBLIC KEY-----\n" + publickey + "\n-----END PUBLIC KEY-----";
           pub = jsrsasign.KEYUTIL.getKey(publicPemKey);
           enc = jsrsasign.KJUR.crypto.Cipher.encrypt(aesKey, pub, "RSAOAEP");
-          _context.next = 11;
+          _context.next = 12;
           return http.get("/capi/account/imuser/getutoken", {
             params: {
               type: 2,
               token: jsrsasign.hextob64(enc)
             }
           });
-        case 11:
+        case 12:
           result2 = _context.sent;
           token = aesDecrypt(result2.data.data.utoken, aesKey);
           setAgoraToken(token);
-        case 14:
+        case 15:
         case "end":
           return _context.stop();
       }

package/es/IM/index.js

@@ -30,6 +30,7 @@ var IM = function IM(props) {
     onAdditionalConversationClick = props.onAdditionalConversationClick,
     onRenderConversationItem = props.onRenderConversationItem,
     canSidebarExpand = props.canSidebarExpand;
+  window.AGAIN_ENTER_IM_INIT = false;
   console.log("the useinfo is", userInfo);
   var agoraToken = useGetAgoraToken(http, userInfo.uid);
   var _useState = useState(),

package/package.json

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