whyuzeim 1.1.159 → 1.1.161

package/cjs/HighlyCustomChat/NewCustomMsg/index.d.ts

@@ -0,0 +1,11 @@
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import React from "react";
+interface INewCustomMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onSelectOption?: (extInfo: any) => void;
+}
+declare const NewCustomMsg: React.FC<INewCustomMsg>;
+export default NewCustomMsg;

package/cjs/index.js

@@ -136754,6 +136754,127 @@ var SystemNotificationMsg = function SystemNotificationMsg(props) {
   }, "[Activate Now]")))));
 };
 
+var NewCustomMsg = function NewCustomMsg(props) {
+  var _context3, _context4;
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onSelectOption = props.onSelectOption;
+  // 从 customExts 中解析数据
+  var data = React.useMemo(function () {
+    try {
+      if (msg.type === "custom" && msg.customEvent === "new_custom" && msg.customExts) {
+        var _context, _context2;
+        var exts = msg.customExts;
+        // 解析 msg 字段：第一行作为描述标题，后续行作为帮助列表
+        var rawMsg = exts.msg || "";
+        // 按换行分割，去除多余空白
+        var lines = _filterInstanceProperty(_context = _mapInstanceProperty(_context2 = rawMsg.split("\n")).call(_context2, function (line) {
+          return _trimInstanceProperty(line).call(line);
+        })).call(_context, function (line) {
+          return line.length > 0;
+        });
+        var content = lines.length > 0 ? lines[0] : "I can help you:";
+        var helpItems = lines.length > 1 ? _sliceInstanceProperty(lines).call(lines, 1) : [];
+        // 解析 type 字段：[{ "Conservative": 1 }, { "Moderate": 2 }, ...]
+        var typeArr = _Array$isArray(exts.type) ? exts.type : typeof exts.type === "string" ? JSON.parse(exts.type) : [];
+        var options = _mapInstanceProperty(typeArr).call(typeArr, function (item) {
+          var key = _Object$keys(item)[0];
+          return {
+            label: key,
+            value: item[key]
+          };
+        });
+        return {
+          content: content,
+          helpItems: helpItems,
+          options: options
+        };
+      }
+      return null;
+    } catch (e) {
+      console.error("Error parsing new_custom data:", e);
+      return null;
+    }
+  }, [msg]);
+  if (!data) return null;
+  return /*#__PURE__*/React.createElement(qh, {
+    bubbleType: "none",
+    reaction: false,
+    select: false,
+    thread: false,
+    direction: isMySelf ? "rtl" : "ltr",
+    renderUserProfile: function renderUserProfile() {
+      return null;
+    },
+    nickName: undefined,
+    showMessageInfo: false,
+    message: msg,
+    customAction: {
+      visible: false,
+      icon: null,
+      actions: []
+    },
+    showAvatar: true,
+    avatar: avatar
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start")
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "14px 16px",
+      color: "var(--im-msg-bubble-font-color)",
+      maxWidth: "380px"
+    },
+    className: "flex flex-col gap-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "font-semibold text-xs leading-snug",
+    style: {
+      color: "#90F926"
+    }
+  }, "Your Personalized AI Assistant"), /*#__PURE__*/React.createElement("div", {
+    className: "text-xs leading-relaxed opacity-90"
+  }, data.content), data.helpItems.length > 0 && /*#__PURE__*/React.createElement("ul", {
+    className: "list-none m-0 p-0 flex flex-col gap-2"
+  }, _mapInstanceProperty(_context3 = data.helpItems).call(_context3, function (item, idx) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: idx,
+      className: "text-xs leading-relaxed flex items-start gap-2",
+      style: {
+        color: "var(--im-msg-bubble-font-color)",
+        opacity: 0.85
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "shrink-0 mt-[2px]"
+    }, "\xB7"), /*#__PURE__*/React.createElement("span", null, item));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "text-sm font-semibold leading-snug mt-1",
+    style: {
+      color: "var(--im-msg-bubble-font-color)"
+    }
+  }, "Please select your AI Bot type:"), data.options.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap gap-2 mt-1"
+  }, _mapInstanceProperty(_context4 = data.options).call(_context4, function (option, idx) {
+    return /*#__PURE__*/React.createElement("button", {
+      key: idx,
+      className: "px-4 py-1 rounded-full text-sm font-normal cursor-pointer transition-opacity duration-200 hover:opacity-80",
+      style: {
+        background: "transparent",
+        border: "1px solid #90F926",
+        color: "#90F926"
+      },
+      onClick: function onClick() {
+        onSelectOption && onSelectOption({
+          text: option.label,
+          value: option.value,
+          customEvent: msg.customEvent
+        });
+      }
+    }, option.label);
+  })))));
+};
+
 var _excluded = ["children"],
   _excluded2 = ["className", "children"];
 function ownKeys$5(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; }
@@ -136888,8 +137009,9 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
             delete currentUserInfo.ext;
           }
           cacheClearedRef.current = true;
-        } else {
-          // 如果已经清理过，重新获取（因为可能已经被其他逻辑修改）
+        }
+        // 如果已经清理过，重新获取（因为可能已经被其他逻辑修改）
+        if (cacheClearedRef.current) {
           currentUserInfo = Ut.addressStore.appUsersInfo[userInfo.uid];
         }
         var isFetching = fetchingUsersRef.current.has(userInfo.uid);
@@ -137261,6 +137383,18 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
           }
         }
       });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "new_custom") {
+      return /*#__PURE__*/React.createElement(NewCustomMsg, {
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
+          src: headerInfo.headerImageURL || img$q,
+          className: "shrink-0 w-[32px] h-[32px] rounded-full overflow-hidden object-fit"
+        }) : undefined,
+        onSelectOption: function onSelectOption(extInfo) {
+          handleSendMessage(extInfo.text, extInfo);
+        }
+      });
     } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_system_notice") {
       return /*#__PURE__*/React.createElement(SystemNotificationMsg, {
         msg: msg,

package/es/HighlyCustomChat/NewCustomMsg/index.d.ts

@@ -0,0 +1,11 @@
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import React from "react";
+interface INewCustomMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onSelectOption?: (extInfo: any) => void;
+}
+declare const NewCustomMsg: React.FC<INewCustomMsg>;
+export default NewCustomMsg;

package/es/index.js

@@ -136733,6 +136733,127 @@ var SystemNotificationMsg = function SystemNotificationMsg(props) {
   }, "[Activate Now]")))));
 };
 
+var NewCustomMsg = function NewCustomMsg(props) {
+  var _context3, _context4;
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onSelectOption = props.onSelectOption;
+  // 从 customExts 中解析数据
+  var data = React__default.useMemo(function () {
+    try {
+      if (msg.type === "custom" && msg.customEvent === "new_custom" && msg.customExts) {
+        var _context, _context2;
+        var exts = msg.customExts;
+        // 解析 msg 字段：第一行作为描述标题，后续行作为帮助列表
+        var rawMsg = exts.msg || "";
+        // 按换行分割，去除多余空白
+        var lines = _filterInstanceProperty(_context = _mapInstanceProperty(_context2 = rawMsg.split("\n")).call(_context2, function (line) {
+          return _trimInstanceProperty(line).call(line);
+        })).call(_context, function (line) {
+          return line.length > 0;
+        });
+        var content = lines.length > 0 ? lines[0] : "I can help you:";
+        var helpItems = lines.length > 1 ? _sliceInstanceProperty(lines).call(lines, 1) : [];
+        // 解析 type 字段：[{ "Conservative": 1 }, { "Moderate": 2 }, ...]
+        var typeArr = _Array$isArray(exts.type) ? exts.type : typeof exts.type === "string" ? JSON.parse(exts.type) : [];
+        var options = _mapInstanceProperty(typeArr).call(typeArr, function (item) {
+          var key = _Object$keys(item)[0];
+          return {
+            label: key,
+            value: item[key]
+          };
+        });
+        return {
+          content: content,
+          helpItems: helpItems,
+          options: options
+        };
+      }
+      return null;
+    } catch (e) {
+      console.error("Error parsing new_custom data:", e);
+      return null;
+    }
+  }, [msg]);
+  if (!data) return null;
+  return /*#__PURE__*/React__default.createElement(qh, {
+    bubbleType: "none",
+    reaction: false,
+    select: false,
+    thread: false,
+    direction: isMySelf ? "rtl" : "ltr",
+    renderUserProfile: function renderUserProfile() {
+      return null;
+    },
+    nickName: undefined,
+    showMessageInfo: false,
+    message: msg,
+    customAction: {
+      visible: false,
+      icon: null,
+      actions: []
+    },
+    showAvatar: true,
+    avatar: avatar
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start")
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      background: "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "14px 16px",
+      color: "var(--im-msg-bubble-font-color)",
+      maxWidth: "380px"
+    },
+    className: "flex flex-col gap-3"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "font-semibold text-xs leading-snug",
+    style: {
+      color: "#90F926"
+    }
+  }, "Your Personalized AI Assistant"), /*#__PURE__*/React__default.createElement("div", {
+    className: "text-xs leading-relaxed opacity-90"
+  }, data.content), data.helpItems.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
+    className: "list-none m-0 p-0 flex flex-col gap-2"
+  }, _mapInstanceProperty(_context3 = data.helpItems).call(_context3, function (item, idx) {
+    return /*#__PURE__*/React__default.createElement("li", {
+      key: idx,
+      className: "text-xs leading-relaxed flex items-start gap-2",
+      style: {
+        color: "var(--im-msg-bubble-font-color)",
+        opacity: 0.85
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "shrink-0 mt-[2px]"
+    }, "\xB7"), /*#__PURE__*/React__default.createElement("span", null, item));
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "text-sm font-semibold leading-snug mt-1",
+    style: {
+      color: "var(--im-msg-bubble-font-color)"
+    }
+  }, "Please select your AI Bot type:"), data.options.length > 0 && /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-wrap gap-2 mt-1"
+  }, _mapInstanceProperty(_context4 = data.options).call(_context4, function (option, idx) {
+    return /*#__PURE__*/React__default.createElement("button", {
+      key: idx,
+      className: "px-4 py-1 rounded-full text-sm font-normal cursor-pointer transition-opacity duration-200 hover:opacity-80",
+      style: {
+        background: "transparent",
+        border: "1px solid #90F926",
+        color: "#90F926"
+      },
+      onClick: function onClick() {
+        onSelectOption && onSelectOption({
+          text: option.label,
+          value: option.value,
+          customEvent: msg.customEvent
+        });
+      }
+    }, option.label);
+  })))));
+};
+
 var _excluded = ["children"],
   _excluded2 = ["className", "children"];
 function ownKeys$5(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; }
@@ -136867,8 +136988,9 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
             delete currentUserInfo.ext;
           }
           cacheClearedRef.current = true;
-        } else {
-          // 如果已经清理过，重新获取（因为可能已经被其他逻辑修改）
+        }
+        // 如果已经清理过，重新获取（因为可能已经被其他逻辑修改）
+        if (cacheClearedRef.current) {
           currentUserInfo = Ut.addressStore.appUsersInfo[userInfo.uid];
         }
         var isFetching = fetchingUsersRef.current.has(userInfo.uid);
@@ -137240,6 +137362,18 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
           }
         }
       });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "new_custom") {
+      return /*#__PURE__*/React__default.createElement(NewCustomMsg, {
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React__default.createElement("img", {
+          src: headerInfo.headerImageURL || img$q,
+          className: "shrink-0 w-[32px] h-[32px] rounded-full overflow-hidden object-fit"
+        }) : undefined,
+        onSelectOption: function onSelectOption(extInfo) {
+          handleSendMessage(extInfo.text, extInfo);
+        }
+      });
     } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_system_notice") {
       return /*#__PURE__*/React__default.createElement(SystemNotificationMsg, {
         msg: msg,

package/package.json

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