whyuzeim 1.1.145 → 1.1.147

package/cjs/ChatBox/BuyIM/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface IBuyIM {
+    headerInfo: {
+        headerImageURL: string;
+        conversationName: string;
+        memberCount: number;
+        chatType: string;
+    };
+    tokenInfo: {
+        tokenSymbol: string;
+        tokenAddress: string;
+        requiredAmount: number;
+    };
+}
+declare const BuyIM: React.FC<IBuyIM>;
+export default BuyIM;

package/cjs/index.js

@@ -10,7 +10,7 @@ var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/esm/asyncToGener
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var jsrsasign = require('jsrsasign');
 var _typeof = require('@babel/runtime-corejs3/helpers/esm/typeof');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var CryptoJS = require('crypto-js');
 var JSEncrypt = require('jsencrypt');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
@@ -137318,7 +137318,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }, [getHeaderInfo, initConversation, props.conversationId]);
   var handleSendMessage = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(text, extInfo) {
-      var systemOption, systemMessage, badgeOption, badgeMessage, txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
+      var txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
       return _regeneratorRuntime.wrap(function _callee3$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -137328,67 +137328,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
             }
             return _context4.abrupt("return");
           case 2:
-            if (!(text === '/test-system')) {
-              _context4.next = 9;
-              break;
-            }
-            // 发送一个系统消息用于测试SystemNotificationMsg组件
-            systemOption = {
-              chatType: headerInfo.chatType,
-              type: 'custom',
-              to: props.conversationId,
-              customEvent: 'custom_system_notice',
-              msg: '[system notice]',
-              customExts: {
-                type: 0,
-                // NFT_ACTIVATION
-                obj: _JSON$stringify({
-                  title: "NFT Activation Available",
-                  content: "You have a new NFT ready for activation.\nClick the button below to activate your NFT and unlock exclusive features.",
-                  operation: 0,
-                  // 显示激活按钮
-                  objectId: "nft_12345"
-                })
-              }
-            };
-            systemMessage = MessageSDK.message.create(systemOption);
-            _context4.next = 7;
-            return Ut.messageStore.sendMessage(systemMessage);
-          case 7:
-            afterSendMsg(systemMessage, extInfo);
-            return _context4.abrupt("return");
-          case 9:
-            if (!(text === '/test-system-badge')) {
-              _context4.next = 16;
-              break;
-            }
-            // 发送一个徽章激活系统消息
-            badgeOption = {
-              chatType: headerInfo.chatType,
-              type: 'custom',
-              to: props.conversationId,
-              customEvent: 'custom_system_notice',
-              msg: '[badge notice]',
-              customExts: {
-                type: 1,
-                // BADGE_ACTIVATION
-                obj: _JSON$stringify({
-                  title: "Achievement Unlocked",
-                  content: "Congratulations! You've earned a new badge.\nThis badge represents your contribution to the community.",
-                  operation: 1,
-                  // 不显示按钮
-                  objectId: "badge_67890"
-                })
-              }
-            };
-            badgeMessage = MessageSDK.message.create(badgeOption);
-            _context4.next = 14;
-            return Ut.messageStore.sendMessage(badgeMessage);
-          case 14:
-            afterSendMsg(badgeMessage, extInfo);
-            return _context4.abrupt("return");
-          case 16:
-            _context4.prev = 16;
+            _context4.prev = 2;
             // 普通文本消息
             txtMessage = MessageSDK.message.create({
               type: "txt",
@@ -137396,9 +137336,9 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
               to: props.conversationId,
               chatType: headerInfo.chatType
             });
-            _context4.next = 20;
+            _context4.next = 6;
             return Ut.messageStore.sendMessage(txtMessage);
-          case 20:
+          case 6:
             afterSendMsg(txtMessage, extInfo);
             if (isAgent) {
               cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
@@ -137416,17 +137356,17 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                 }
               }
             }
-            _context4.next = 27;
+            _context4.next = 13;
             break;
-          case 24:
-            _context4.prev = 24;
-            _context4.t0 = _context4["catch"](16);
+          case 10:
+            _context4.prev = 10;
+            _context4.t0 = _context4["catch"](2);
             console.log("send txt message failed", _context4.t0);
-          case 27:
+          case 13:
           case "end":
             return _context4.stop();
         }
-      }, _callee3, null, [[16, 24]]);
+      }, _callee3, null, [[2, 10]]);
     }));
     return function handleSendMessage(_x2, _x3) {
       return _ref9.apply(this, arguments);
@@ -137527,6 +137467,55 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }()));
 };
 
+var BuyIM = function BuyIM(props) {
+  var headerInfo = props.headerInfo,
+    tokenInfo = props.tokenInfo;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex-1 default_chat_box flex flex-col justify-center items-center gap-3 !bg-[#f5f5f5]"
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M40 22H8C6.89543 22 6 22.8954 6 24V42C6 43.1046 6.89543 44 8 44H40C41.1046 44 42 43.1046 42 42V24C42 22.8954 41.1046 22 40 22Z",
+    fill: "black",
+    "fill-opacity": "0.9",
+    stroke: "black",
+    "stroke-opacity": "0.9",
+    "stroke-width": "4",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14 22V14C14 8.47715 18.4772 4 24 4C29.5228 4 34 8.47715 34 14V22",
+    stroke: "black",
+    "stroke-opacity": "0.9",
+    "stroke-width": "4",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M24 30V36",
+    stroke: "white",
+    "stroke-width": "4",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row items-center gap-1"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: headerInfo.headerImageURL,
+    alt: "headerImageURL",
+    className: "w-[24px] h-[24px] rounded-full"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "text-black text-[16px] font-medium"
+  }, headerInfo.conversationName)), /*#__PURE__*/React.createElement("span", {
+    className: "text-black text-[24px] font-semibold"
+  }, "Private Chat Locked"), /*#__PURE__*/React.createElement("span", {
+    className: "text-[#2C7CF5] text-[14px]"
+  }, "Private chat with username requires holding at least ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.requiredAmount, " ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenSymbol), /*#__PURE__*/React.createElement(antd.Button, {
+    className: "!bg-[#2C7CF5] !text-white !w-[320px] !h-[48px] mt-3"
+  }, "Buy ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.requiredAmount, " ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenSymbol, " to unlock"));
+};
+
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys$3(Object(t), true)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys$3(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chatbox = function Chatbox(props) {
@@ -137553,23 +137542,27 @@ var Chatbox = function Chatbox(props) {
     _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
     modal = _Modal$useModal2[0],
     contextHolder = _Modal$useModal2[1];
-  var _useState3 = React.useState({
+  var _useState3 = React.useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tokenInfo = _useState4[0],
+    setTokenInfo = _useState4[1];
+  var _useState5 = React.useState({
       headerImageURL: "",
       conversationName: "",
       memberCount: 0,
       chatType: "singleChat"
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    headerInfo = _useState4[0],
-    setHeaderInfo = _useState4[1];
-  var _useState5 = React.useState(true),
     _useState6 = _slicedToArray(_useState5, 2),
-    isAgent = _useState6[0],
-    setIsAgent = _useState6[1];
-  var _useState7 = React.useState(undefined),
+    headerInfo = _useState6[0],
+    setHeaderInfo = _useState6[1];
+  var _useState7 = React.useState(true),
     _useState8 = _slicedToArray(_useState7, 2),
-    specialConversation = _useState8[0],
-    setSpecialConversation = _useState8[1];
+    isAgent = _useState8[0],
+    setIsAgent = _useState8[1];
+  var _useState9 = React.useState(undefined),
+    _useState10 = _slicedToArray(_useState9, 2),
+    specialConversation = _useState10[0],
+    setSpecialConversation = _useState10[1];
   var handleConfirmRemove = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -138052,6 +138045,20 @@ var Chatbox = function Chatbox(props) {
       setRightComponent && setRightComponent(undefined);
     }
   }, [currentConversation]);
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isFree = _useState12[0],
+    setIsFree = _useState12[1];
+  React.useEffect(function () {
+    http.post('/api/agora/validatePrivateChatToken', {
+      targetWalletAddress: currentConversation.conversationId
+    }).then(function (res) {
+      if (res.data.code === 200) {
+        setTokenInfo(res.data.data.tokenInfo);
+        setIsFree(res.data.data.canChat);
+      }
+    });
+  }, [currentConversation.conversationId]);
   // useEffect(()=>{
   //     const cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
   //     const generatingLoader = document.querySelector("#agent-generating-loader");
@@ -138061,7 +138068,10 @@ var Chatbox = function Chatbox(props) {
   //   },[conversationList])
   return /*#__PURE__*/React.createElement("div", {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
-  }, currentConversation.conversationId && customHeader(), /*#__PURE__*/React.createElement(HighlyCustomChat, _extends({
+  }, currentConversation.conversationId && customHeader(), !isFree ? /*#__PURE__*/React.createElement(BuyIM, {
+    headerInfo: headerInfo,
+    tokenInfo: tokenInfo
+  }) : /*#__PURE__*/React.createElement(HighlyCustomChat, _extends({
     conversationId: currentConversation.conversationId,
     chatType: currentConversation.chatType
   }, props, {

package/es/ChatBox/BuyIM/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface IBuyIM {
+    headerInfo: {
+        headerImageURL: string;
+        conversationName: string;
+        memberCount: number;
+        chatType: string;
+    };
+    tokenInfo: {
+        tokenSymbol: string;
+        tokenAddress: string;
+        requiredAmount: number;
+    };
+}
+declare const BuyIM: React.FC<IBuyIM>;
+export default BuyIM;

package/es/index.js

@@ -9,7 +9,7 @@ import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerat
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import jsrsasign from 'jsrsasign';
 import _typeof from '@babel/runtime-corejs3/helpers/esm/typeof';
-import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import CryptoJS from 'crypto-js';
 import JSEncrypt from 'jsencrypt';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
@@ -137297,7 +137297,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }, [getHeaderInfo, initConversation, props.conversationId]);
   var handleSendMessage = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(text, extInfo) {
-      var systemOption, systemMessage, badgeOption, badgeMessage, txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
+      var txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
       return _regeneratorRuntime.wrap(function _callee3$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -137307,67 +137307,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
             }
             return _context4.abrupt("return");
           case 2:
-            if (!(text === '/test-system')) {
-              _context4.next = 9;
-              break;
-            }
-            // 发送一个系统消息用于测试SystemNotificationMsg组件
-            systemOption = {
-              chatType: headerInfo.chatType,
-              type: 'custom',
-              to: props.conversationId,
-              customEvent: 'custom_system_notice',
-              msg: '[system notice]',
-              customExts: {
-                type: 0,
-                // NFT_ACTIVATION
-                obj: _JSON$stringify({
-                  title: "NFT Activation Available",
-                  content: "You have a new NFT ready for activation.\nClick the button below to activate your NFT and unlock exclusive features.",
-                  operation: 0,
-                  // 显示激活按钮
-                  objectId: "nft_12345"
-                })
-              }
-            };
-            systemMessage = MessageSDK.message.create(systemOption);
-            _context4.next = 7;
-            return Ut.messageStore.sendMessage(systemMessage);
-          case 7:
-            afterSendMsg(systemMessage, extInfo);
-            return _context4.abrupt("return");
-          case 9:
-            if (!(text === '/test-system-badge')) {
-              _context4.next = 16;
-              break;
-            }
-            // 发送一个徽章激活系统消息
-            badgeOption = {
-              chatType: headerInfo.chatType,
-              type: 'custom',
-              to: props.conversationId,
-              customEvent: 'custom_system_notice',
-              msg: '[badge notice]',
-              customExts: {
-                type: 1,
-                // BADGE_ACTIVATION
-                obj: _JSON$stringify({
-                  title: "Achievement Unlocked",
-                  content: "Congratulations! You've earned a new badge.\nThis badge represents your contribution to the community.",
-                  operation: 1,
-                  // 不显示按钮
-                  objectId: "badge_67890"
-                })
-              }
-            };
-            badgeMessage = MessageSDK.message.create(badgeOption);
-            _context4.next = 14;
-            return Ut.messageStore.sendMessage(badgeMessage);
-          case 14:
-            afterSendMsg(badgeMessage, extInfo);
-            return _context4.abrupt("return");
-          case 16:
-            _context4.prev = 16;
+            _context4.prev = 2;
             // 普通文本消息
             txtMessage = MessageSDK.message.create({
               type: "txt",
@@ -137375,9 +137315,9 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
               to: props.conversationId,
               chatType: headerInfo.chatType
             });
-            _context4.next = 20;
+            _context4.next = 6;
             return Ut.messageStore.sendMessage(txtMessage);
-          case 20:
+          case 6:
             afterSendMsg(txtMessage, extInfo);
             if (isAgent) {
               cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
@@ -137395,17 +137335,17 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                 }
               }
             }
-            _context4.next = 27;
+            _context4.next = 13;
             break;
-          case 24:
-            _context4.prev = 24;
-            _context4.t0 = _context4["catch"](16);
+          case 10:
+            _context4.prev = 10;
+            _context4.t0 = _context4["catch"](2);
             console.log("send txt message failed", _context4.t0);
-          case 27:
+          case 13:
           case "end":
             return _context4.stop();
         }
-      }, _callee3, null, [[16, 24]]);
+      }, _callee3, null, [[2, 10]]);
     }));
     return function handleSendMessage(_x2, _x3) {
       return _ref9.apply(this, arguments);
@@ -137506,6 +137446,55 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }()));
 };
 
+var BuyIM = function BuyIM(props) {
+  var headerInfo = props.headerInfo,
+    tokenInfo = props.tokenInfo;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex-1 default_chat_box flex flex-col justify-center items-center gap-3 !bg-[#f5f5f5]"
+  }, /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M40 22H8C6.89543 22 6 22.8954 6 24V42C6 43.1046 6.89543 44 8 44H40C41.1046 44 42 43.1046 42 42V24C42 22.8954 41.1046 22 40 22Z",
+    fill: "black",
+    "fill-opacity": "0.9",
+    stroke: "black",
+    "stroke-opacity": "0.9",
+    "stroke-width": "4",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M14 22V14C14 8.47715 18.4772 4 24 4C29.5228 4 34 8.47715 34 14V22",
+    stroke: "black",
+    "stroke-opacity": "0.9",
+    "stroke-width": "4",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M24 30V36",
+    stroke: "white",
+    "stroke-width": "4",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-row items-center gap-1"
+  }, /*#__PURE__*/React__default.createElement("img", {
+    src: headerInfo.headerImageURL,
+    alt: "headerImageURL",
+    className: "w-[24px] h-[24px] rounded-full"
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "text-black text-[16px] font-medium"
+  }, headerInfo.conversationName)), /*#__PURE__*/React__default.createElement("span", {
+    className: "text-black text-[24px] font-semibold"
+  }, "Private Chat Locked"), /*#__PURE__*/React__default.createElement("span", {
+    className: "text-[#2C7CF5] text-[14px]"
+  }, "Private chat with username requires holding at least ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.requiredAmount, " ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenSymbol), /*#__PURE__*/React__default.createElement(Button, {
+    className: "!bg-[#2C7CF5] !text-white !w-[320px] !h-[48px] mt-3"
+  }, "Buy ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.requiredAmount, " ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenSymbol, " to unlock"));
+};
+
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys$3(Object(t), true)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys$3(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chatbox = function Chatbox(props) {
@@ -137532,23 +137521,27 @@ var Chatbox = function Chatbox(props) {
     _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
     modal = _Modal$useModal2[0],
     contextHolder = _Modal$useModal2[1];
-  var _useState3 = useState({
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tokenInfo = _useState4[0],
+    setTokenInfo = _useState4[1];
+  var _useState5 = useState({
       headerImageURL: "",
       conversationName: "",
       memberCount: 0,
       chatType: "singleChat"
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    headerInfo = _useState4[0],
-    setHeaderInfo = _useState4[1];
-  var _useState5 = useState(true),
     _useState6 = _slicedToArray(_useState5, 2),
-    isAgent = _useState6[0],
-    setIsAgent = _useState6[1];
-  var _useState7 = useState(undefined),
+    headerInfo = _useState6[0],
+    setHeaderInfo = _useState6[1];
+  var _useState7 = useState(true),
     _useState8 = _slicedToArray(_useState7, 2),
-    specialConversation = _useState8[0],
-    setSpecialConversation = _useState8[1];
+    isAgent = _useState8[0],
+    setIsAgent = _useState8[1];
+  var _useState9 = useState(undefined),
+    _useState10 = _slicedToArray(_useState9, 2),
+    specialConversation = _useState10[0],
+    setSpecialConversation = _useState10[1];
   var handleConfirmRemove = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -138031,6 +138024,20 @@ var Chatbox = function Chatbox(props) {
       setRightComponent && setRightComponent(undefined);
     }
   }, [currentConversation]);
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isFree = _useState12[0],
+    setIsFree = _useState12[1];
+  useEffect(function () {
+    http.post('/api/agora/validatePrivateChatToken', {
+      targetWalletAddress: currentConversation.conversationId
+    }).then(function (res) {
+      if (res.data.code === 200) {
+        setTokenInfo(res.data.data.tokenInfo);
+        setIsFree(res.data.data.canChat);
+      }
+    });
+  }, [currentConversation.conversationId]);
   // useEffect(()=>{
   //     const cuiScrollList = document.querySelector(".cui-messageList .cui-scrollList div");
   //     const generatingLoader = document.querySelector("#agent-generating-loader");
@@ -138040,7 +138047,10 @@ var Chatbox = function Chatbox(props) {
   //   },[conversationList])
   return /*#__PURE__*/React__default.createElement("div", {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
-  }, currentConversation.conversationId && customHeader(), /*#__PURE__*/React__default.createElement(HighlyCustomChat, _extends({
+  }, currentConversation.conversationId && customHeader(), !isFree ? /*#__PURE__*/React__default.createElement(BuyIM, {
+    headerInfo: headerInfo,
+    tokenInfo: tokenInfo
+  }) : /*#__PURE__*/React__default.createElement(HighlyCustomChat, _extends({
     conversationId: currentConversation.conversationId,
     chatType: currentConversation.chatType
   }, props, {

package/package.json

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

package/cjs/AddMember/image/ic_close.svg.js

@@ -1,5 +0,0 @@
-'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.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
-
-module.exports = img;