whyuzeim 1.1.150 → 1.1.152

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

@@ -11,6 +11,7 @@ interface IBuyIM {
         tokenAddress: string;
         requiredAmount: number;
     };
+    onBuy?: (tokenAddress: string) => void;
 }
 declare const BuyIM: React.FC<IBuyIM>;
 export default BuyIM;

package/cjs/ChatBox/index.d.ts

@@ -20,6 +20,7 @@ export interface IChatbox {
     onReportClick?: (report: AIReportMessageExts) => void;
     onLoginRequired?: () => void;
     onCustomMessageAction?: (messagetype: string, cus?: any) => void;
+    onBuy?: (tokenAddress: string) => void;
 }
 declare const Chatbox: React.FC<IChatbox>;
 export default Chatbox;

package/cjs/index.js

@@ -137469,7 +137469,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
 
 var BuyIM = function BuyIM(props) {
   var headerInfo = props.headerInfo,
-    tokenInfo = props.tokenInfo;
+    tokenInfo = props.tokenInfo,
+    onBuy = props.onBuy;
   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", {
@@ -137512,7 +137513,10 @@ var BuyIM = function BuyIM(props) {
   }, "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"
+    className: "!bg-[#2C7CF5] !text-white !w-[320px] !h-[48px] mt-3",
+    onClick: function onClick() {
+      onBuy === null || onBuy === void 0 || onBuy(tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenAddress);
+    }
   }, "Buy ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.requiredAmount, " ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenSymbol, " to unlock"));
 };
 
@@ -137530,7 +137534,8 @@ var Chatbox = function Chatbox(props) {
     setMidComponent = _useContext.setMidComponent,
     theme = _useContext.theme,
     specialConversations = _useContext.specialConversations;
-  var onBack = props.onBack;
+  var onBack = props.onBack,
+    onBuy = props.onBuy;
   var _useConversationConte = B_e(),
     currentConversation = _useConversationConte.currentConversation;
     _useConversationConte.conversationList;
@@ -137544,8 +137549,8 @@ var Chatbox = function Chatbox(props) {
     contextHolder = _Modal$useModal2[1];
   var _useState3 = React.useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
-    tokenInfo = _useState4[0];
-    _useState4[1];
+    tokenInfo = _useState4[0],
+    setTokenInfo = _useState4[1];
   var _useState5 = React.useState({
       headerImageURL: "",
       conversationName: "",
@@ -138047,18 +138052,20 @@ var Chatbox = function Chatbox(props) {
   }, [currentConversation]);
   var _useState11 = React.useState(true),
     _useState12 = _slicedToArray(_useState11, 2),
-    isFree = _useState12[0];
-    _useState12[1];
-  // useEffect(()=>{
-  //   http.post('/api/agora/validatePrivateChatToken',{
-  //     targetWalletAddress: currentConversation.conversationId
-  //   }).then(res=>{
-  //     if(res.data.code === 200){
-  //       setTokenInfo(res.data.data.tokenInfo);
-  //       setIsFree(res.data.data.canChat);
-  //     }
-  //   })
-  // },[currentConversation.conversationId])
+    isFree = _useState12[0],
+    setIsFree = _useState12[1];
+  React.useEffect(function () {
+    if (currentConversation.chatType === 'singleChat') {
+      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");
@@ -138070,7 +138077,8 @@ var Chatbox = function Chatbox(props) {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
   }, currentConversation.conversationId && customHeader(), !isFree ? /*#__PURE__*/React.createElement(BuyIM, {
     headerInfo: headerInfo,
-    tokenInfo: tokenInfo
+    tokenInfo: tokenInfo,
+    onBuy: onBuy
   }) : /*#__PURE__*/React.createElement(HighlyCustomChat, _extends({
     conversationId: currentConversation.conversationId,
     chatType: currentConversation.chatType

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

@@ -11,6 +11,7 @@ interface IBuyIM {
         tokenAddress: string;
         requiredAmount: number;
     };
+    onBuy?: (tokenAddress: string) => void;
 }
 declare const BuyIM: React.FC<IBuyIM>;
 export default BuyIM;

package/es/ChatBox/index.d.ts

@@ -20,6 +20,7 @@ export interface IChatbox {
     onReportClick?: (report: AIReportMessageExts) => void;
     onLoginRequired?: () => void;
     onCustomMessageAction?: (messagetype: string, cus?: any) => void;
+    onBuy?: (tokenAddress: string) => void;
 }
 declare const Chatbox: React.FC<IChatbox>;
 export default Chatbox;

package/es/index.js

@@ -137448,7 +137448,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
 
 var BuyIM = function BuyIM(props) {
   var headerInfo = props.headerInfo,
-    tokenInfo = props.tokenInfo;
+    tokenInfo = props.tokenInfo,
+    onBuy = props.onBuy;
   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", {
@@ -137491,7 +137492,10 @@ var BuyIM = function BuyIM(props) {
   }, "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"
+    className: "!bg-[#2C7CF5] !text-white !w-[320px] !h-[48px] mt-3",
+    onClick: function onClick() {
+      onBuy === null || onBuy === void 0 || onBuy(tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenAddress);
+    }
   }, "Buy ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.requiredAmount, " ", tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.tokenSymbol, " to unlock"));
 };
 
@@ -137509,7 +137513,8 @@ var Chatbox = function Chatbox(props) {
     setMidComponent = _useContext.setMidComponent,
     theme = _useContext.theme,
     specialConversations = _useContext.specialConversations;
-  var onBack = props.onBack;
+  var onBack = props.onBack,
+    onBuy = props.onBuy;
   var _useConversationConte = B_e(),
     currentConversation = _useConversationConte.currentConversation;
     _useConversationConte.conversationList;
@@ -137523,8 +137528,8 @@ var Chatbox = function Chatbox(props) {
     contextHolder = _Modal$useModal2[1];
   var _useState3 = useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
-    tokenInfo = _useState4[0];
-    _useState4[1];
+    tokenInfo = _useState4[0],
+    setTokenInfo = _useState4[1];
   var _useState5 = useState({
       headerImageURL: "",
       conversationName: "",
@@ -138026,18 +138031,20 @@ var Chatbox = function Chatbox(props) {
   }, [currentConversation]);
   var _useState11 = useState(true),
     _useState12 = _slicedToArray(_useState11, 2),
-    isFree = _useState12[0];
-    _useState12[1];
-  // useEffect(()=>{
-  //   http.post('/api/agora/validatePrivateChatToken',{
-  //     targetWalletAddress: currentConversation.conversationId
-  //   }).then(res=>{
-  //     if(res.data.code === 200){
-  //       setTokenInfo(res.data.data.tokenInfo);
-  //       setIsFree(res.data.data.canChat);
-  //     }
-  //   })
-  // },[currentConversation.conversationId])
+    isFree = _useState12[0],
+    setIsFree = _useState12[1];
+  useEffect(function () {
+    if (currentConversation.chatType === 'singleChat') {
+      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");
@@ -138049,7 +138056,8 @@ var Chatbox = function Chatbox(props) {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
   }, currentConversation.conversationId && customHeader(), !isFree ? /*#__PURE__*/React__default.createElement(BuyIM, {
     headerInfo: headerInfo,
-    tokenInfo: tokenInfo
+    tokenInfo: tokenInfo,
+    onBuy: onBuy
   }) : /*#__PURE__*/React__default.createElement(HighlyCustomChat, _extends({
     conversationId: currentConversation.conversationId,
     chatType: currentConversation.chatType

package/package.json

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