whyuzeim 1.1.41 → 1.1.43

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

@@ -0,0 +1,12 @@
+import { AIReportMessageExts } from "@components/type";
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import React from "react";
+interface IAIReportMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onReportClick?: (report: AIReportMessageExts) => void;
+}
+declare const AIReportMsg: React.FC<IAIReportMsg>;
+export default AIReportMsg;

package/cjs/HighlyCustomChat/AIReportMsg/index.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var agoraChatUikit = require('agora-chat-uikit');
+var React = require('react');
+
+var AIReportMsg = function AIReportMsg(props) {
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onReportClick = props.onReportClick;
+  var formatMessageTime = function formatMessageTime(timestamp) {
+    if (!timestamp) return "";
+    var date = new Date(timestamp);
+    var now = new Date();
+    // 判断是否是同一天
+    var isToday = date.toDateString() === now.toDateString();
+    if (isToday) {
+      // 当天消息只显示时分
+      return date.toLocaleString("zh-CN", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false
+      });
+    } else {
+      // 非当天消息显示月日时分
+      return date.toLocaleString("zh-CN", {
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(agoraChatUikit.BaseMessage, {
+    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: []
+    },
+    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: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "10px 12px",
+      color: "var(--im-msg-bubble-font-color)"
+    },
+    className: "w-full flex flex-col gap-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/React.createElement("span", null, "\uD83D\uDCE2"), /*#__PURE__*/React.createElement("span", {
+    className: "text-lg font-semibold"
+  }, "\xA0", msg.customExts.title)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "cui-message-base-time"
+  }, formatMessageTime(msg.time)))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center",
+    onClick: function onClick() {
+      onReportClick && onReportClick(msg.customExts);
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-base"
+  }, msg.customExts.content), /*#__PURE__*/React.createElement("svg", {
+    className: "shrink-0",
+    width: "8",
+    height: "14",
+    viewBox: "0 0 8 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M1.16667 1L7 7L1.16667 13",
+    stroke: "black",
+    "stroke-opacity": "0.4",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }))))));
+};
+
+module.exports = AIReportMsg;

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

@@ -0,0 +1,12 @@
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import 'highlight.js/styles/monokai.css';
+import React from "react";
+interface ICodeMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onApply?: (code: string) => void;
+}
+declare const CodeMsg: React.FC<ICodeMsg>;
+export default CodeMsg;

package/cjs/HighlyCustomChat/CodeMsg/index.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var agoraChatUikit = require('agora-chat-uikit');
+var hljs = require('highlight.js');
+require('highlight.js/styles/monokai.css');
+var React = require('react');
+
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+var CodeMsg = function CodeMsg(props) {
+  var _msg$msg;
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onApply = props.onApply;
+  var rawCode = (_msg$msg = msg.msg) === null || _msg$msg === void 0 ? void 0 : _msg$msg.replace(/\\n/g, "\n").replace(/\\"/g, '"').replace(/\\\\/g, "\\");
+  // 修改高亮代码的函数
+  return /*#__PURE__*/React.createElement(agoraChatUikit.BaseMessage, {
+    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: []
+    },
+    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: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "10px 12px",
+      color: "var(--im-msg-bubble-font-color)"
+    },
+    className: "inline-block"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-4 flex justify-between items-center flex-shrink-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-1 text-white text-[10px] font-normal"
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "11",
+    height: "11",
+    viewBox: "0 0 11 11",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 0.0214844H2.58333V2.5396H0.0214844V8.01198H2.58333V10.5301H8V8.01198H10.5618V2.5396H8V0.0214844Z",
+    fill: "#0083FF"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "text-[#000]"
+  }, "main.py")), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      onApply && onApply(msg.customExts.code);
+    },
+    className: "flex items-center h-6 px-2 py-1 bg-white rounded text-black/90 text-[10px] font-normal"
+  }, "Apply")), /*#__PURE__*/React.createElement("div", {
+    className: "flex-1 px-4 pt-2 pb-4 gap-2 flex flex-col justify-between h-full overflow-hidden"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "code-scroll-container w-full max-h-[300px] overflow-y-auto"
+  }, /*#__PURE__*/React.createElement("pre", {
+    className: "bg-transparent w-full h-full"
+  }, /*#__PURE__*/React.createElement("code", {
+    className: "language-python hljs",
+    style: {
+      display: "block",
+      overflow: "auto",
+      background: "transparent",
+      fontSize: "14px",
+      lineHeight: "1.5",
+      fontFamily: "Monaco, Consolas, monospace",
+      whiteSpace: "pre-wrap",
+      wordWrap: "break-word",
+      width: "100%",
+      maxWidth: "100%",
+      padding: "0.5rem"
+    },
+    dangerouslySetInnerHTML: {
+      __html: hljs.highlight(rawCode, {
+        language: "python",
+        ignoreIllegals: true
+      }).value
+    }
+  })))))));
+};
+
+module.exports = CodeMsg;

package/cjs/HighlyCustomChat/QuestionButton/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 IQuestionButtonMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onSelectAnswer?: (answer: string) => void;
+}
+declare const QustionButtonMsg: React.FC<IQuestionButtonMsg>;
+export default QustionButtonMsg;

package/cjs/HighlyCustomChat/QuestionButton/index.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var agoraChatUikit = require('agora-chat-uikit');
+var antd = require('antd');
+var React = require('react');
+
+var QustionButtonMsg = function QustionButtonMsg(props) {
+  var _context;
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onSelectAnswer = props.onSelectAnswer;
+  return /*#__PURE__*/React.createElement(agoraChatUikit.BaseMessage, {
+    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: []
+    },
+    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: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "10px 12px",
+      color: "var(--im-msg-bubble-font-color)"
+    },
+    className: "inline-block"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cui-message-text"
+  }, msg.customExts.content)), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-3"
+  }, _mapInstanceProperty(_context = msg.customExts.guidance_list).call(_context, function (text) {
+    return /*#__PURE__*/React.createElement(antd.Button, {
+      key: text,
+      className: "w-[400px] !h-[45px] !bg-[#2c7cf5]",
+      onClick: function onClick() {
+        onSelectAnswer && onSelectAnswer(text);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "text-[#fff]"
+    }, text));
+  }))));
+};
+
+module.exports = QustionButtonMsg;

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 { AIReportMessageExts } from "@components/type";
 import "./style/index.scss";
 export interface IHighlyCustomChat {
     conversationId: string;
@@ -13,6 +14,8 @@ export interface IHighlyCustomChat {
     renderQuestionList?: (cvs: Conversation, sendMessage: (text: string) => void) => React.ReactNode;
     sendMessageSuccessCallback?: (msg: ChatSDK.MessageBody) => void;
     onLoginSuccess?: () => void;
+    onApply?: (code: string) => void;
+    onReportClick?: (report: AIReportMessageExts) => void;
 }
 declare const HighlyCustomChat: React.FC<IHighlyCustomChat>;
 export default HighlyCustomChat;

package/cjs/HighlyCustomChat/index.js

@@ -24,7 +24,10 @@ 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');
+var index$2 = require('./QuestionButton/index.js');
+var index$1 = require('./CodeMsg/index.js');
 require('./style/index.scss');
+var index = require('./AIReportMsg/index.js');
 
 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; }
@@ -139,6 +142,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     }, formatMessageTime(msg.time)));
   };
   var _renderMessage = function renderMessage(msg) {
+    var _userInfo$uid3;
+    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === ((_userInfo$uid3 = userInfo.uid) === null || _userInfo$uid3 === void 0 ? void 0 : _userInfo$uid3.toLowerCase());
     if (msg.type === "txt") {
       return renderTxtMsg(msg);
     } else if (msg.type === "img") {
@@ -192,6 +197,36 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         },
         videoMessage: msg
       });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_ai_report") {
+      return /*#__PURE__*/React.createElement(index, {
+        onReportClick: props.onReportClick,
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
+          src: headerInfo.headerImageURL || avatar_default,
+          className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
+        }) : undefined
+      });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_coding") {
+      return /*#__PURE__*/React.createElement(index$1, {
+        onApply: props.onApply,
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
+          src: headerInfo.headerImageURL || avatar_default,
+          className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
+        }) : undefined
+      });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_qa_guidance") {
+      return /*#__PURE__*/React.createElement(index$2, {
+        onSelectAnswer: handleSendMessage,
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
+          src: headerInfo.headerImageURL || avatar_default,
+          className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
+        }) : undefined
+      });
     } else {
       return undefined;
     }
@@ -403,7 +438,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
               cuiScrollList = document.querySelector(".cui-scrollList div");
               cuiScrollListWrap = document.querySelector(".cui-scrollList");
               if (cuiScrollList) {
-                htmlString = "<div id=\"agent-generating-loader\" 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=\"/icon/im/avatar_default.svg\" 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>";
+                htmlString = "<div id=\"agent-generating-loader\" 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=\"/icon/im/avatar_default.svg\" 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\"></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;

package/cjs/type.d.ts

@@ -1,7 +1,79 @@
 import { MessageInputProps, MsgListProps } from "agora-chat-uikit";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
 export type ICommonComponentProps = {
     className?: string;
     style?: React.CSSProperties;
 };
 export declare const commonMessageInputConfig: MessageInputProps;
 export declare const commonMessageProps: MsgListProps['messageProps'];
+/**
+ * 自定义IM消息类型
+ * 基于Agora的ChatSDK.MessageBody扩展
+ */
+export interface AIReportMessageExts {
+    /** 报告标题 */
+    title: string;
+    /** 报告描述内容 */
+    content: string;
+    /** token地址 */
+    tokenaddress: string;
+    /** token铸造平台: pumpfun, moonpump 或 others */
+    platform: 'pumpfun' | 'moonpump' | 'others';
+    /** 是否已在交易所上架: yes - 已在交易所; no - 内盘 */
+    isOnDex: boolean;
+    /** token名称 */
+    token_name: string;
+    /** token符号 */
+    token_symbol: string;
+}
+export interface PythonCodeMessageExts {
+    /** 代码内容 */
+    code: string;
+    /** 代码类型 默认‘python’ */
+    code_type: string;
+    /** 是否显示apply按钮 */
+    can_apply: boolean;
+    /** 是否显示copy按钮 */
+    can_copy: boolean;
+}
+export interface QAGuidanceMessageExts {
+    /** 引导内容描述 */
+    content: string;
+    /** 引导词数组，包含0到多个引导选项 */
+    guidance_list: string[];
+}
+/**
+ * 自定义消息类型定义
+ * 每种类型都与特定的扩展字段结构关联
+ */
+/** AI报告消息 */
+export interface AIReportMessage {
+    customEvent: 'custom_ai_report';
+    customExts: AIReportMessageExts;
+}
+/** 编程代码消息 */
+export interface PythonCodeMessage {
+    customEvent: 'custom_coding';
+    customExts: PythonCodeMessageExts;
+}
+/** 问答引导消息 */
+export interface QAGuidanceMessage {
+    customEvent: 'custom_qa_guidance';
+    customExts: QAGuidanceMessageExts;
+}
+/**
+ * 自定义消息类型守卫函数，用于判断和类型转换
+ */
+/**
+ * 判断是否为AI报告消息
+ */
+export declare function isAIReportMessage(msg: ChatSDK.MessageBody | NoticeMessageBody): msg is (ChatSDK.MessageBody | NoticeMessageBody) & AIReportMessage;
+/**
+ * 判断是否为编程代码消息
+ */
+export declare function isPythonCodeMessage(msg: ChatSDK.MessageBody | NoticeMessageBody): msg is (ChatSDK.MessageBody | NoticeMessageBody) & PythonCodeMessage;
+/**
+ * 判断是否为问答引导消息
+ */
+export declare function isQAGuidanceMessage(msg: ChatSDK.MessageBody | NoticeMessageBody): msg is (ChatSDK.MessageBody | NoticeMessageBody) & QAGuidanceMessage;

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

@@ -0,0 +1,12 @@
+import { AIReportMessageExts } from "@components/type";
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import React from "react";
+interface IAIReportMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onReportClick?: (report: AIReportMessageExts) => void;
+}
+declare const AIReportMsg: React.FC<IAIReportMsg>;
+export default AIReportMsg;

package/es/HighlyCustomChat/AIReportMsg/index.js

@@ -0,0 +1,93 @@
+import { BaseMessage } from 'agora-chat-uikit';
+import React from 'react';
+
+var AIReportMsg = function AIReportMsg(props) {
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onReportClick = props.onReportClick;
+  var formatMessageTime = function formatMessageTime(timestamp) {
+    if (!timestamp) return "";
+    var date = new Date(timestamp);
+    var now = new Date();
+    // 判断是否是同一天
+    var isToday = date.toDateString() === now.toDateString();
+    if (isToday) {
+      // 当天消息只显示时分
+      return date.toLocaleString("zh-CN", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false
+      });
+    } else {
+      // 非当天消息显示月日时分
+      return date.toLocaleString("zh-CN", {
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(BaseMessage, {
+    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: []
+    },
+    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: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "10px 12px",
+      color: "var(--im-msg-bubble-font-color)"
+    },
+    className: "w-full flex flex-col gap-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/React.createElement("span", null, "\uD83D\uDCE2"), /*#__PURE__*/React.createElement("span", {
+    className: "text-lg font-semibold"
+  }, "\xA0", msg.customExts.title)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "cui-message-base-time"
+  }, formatMessageTime(msg.time)))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center",
+    onClick: function onClick() {
+      onReportClick && onReportClick(msg.customExts);
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-base"
+  }, msg.customExts.content), /*#__PURE__*/React.createElement("svg", {
+    className: "shrink-0",
+    width: "8",
+    height: "14",
+    viewBox: "0 0 8 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M1.16667 1L7 7L1.16667 13",
+    stroke: "black",
+    "stroke-opacity": "0.4",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }))))));
+};
+
+export { AIReportMsg as default };

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

@@ -0,0 +1,12 @@
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import 'highlight.js/styles/monokai.css';
+import React from "react";
+interface ICodeMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onApply?: (code: string) => void;
+}
+declare const CodeMsg: React.FC<ICodeMsg>;
+export default CodeMsg;

package/es/HighlyCustomChat/CodeMsg/index.js

@@ -0,0 +1,95 @@
+import { BaseMessage } from 'agora-chat-uikit';
+import hljs from 'highlight.js';
+import 'highlight.js/styles/monokai.css';
+import React from 'react';
+
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+var CodeMsg = function CodeMsg(props) {
+  var _msg$msg;
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onApply = props.onApply;
+  var rawCode = (_msg$msg = msg.msg) === null || _msg$msg === void 0 ? void 0 : _msg$msg.replace(/\\n/g, "\n").replace(/\\"/g, '"').replace(/\\\\/g, "\\");
+  // 修改高亮代码的函数
+  return /*#__PURE__*/React.createElement(BaseMessage, {
+    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: []
+    },
+    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: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "10px 12px",
+      color: "var(--im-msg-bubble-font-color)"
+    },
+    className: "inline-block"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-4 flex justify-between items-center flex-shrink-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-1 text-white text-[10px] font-normal"
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "11",
+    height: "11",
+    viewBox: "0 0 11 11",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 0.0214844H2.58333V2.5396H0.0214844V8.01198H2.58333V10.5301H8V8.01198H10.5618V2.5396H8V0.0214844Z",
+    fill: "#0083FF"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "text-[#000]"
+  }, "main.py")), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      onApply && onApply(msg.customExts.code);
+    },
+    className: "flex items-center h-6 px-2 py-1 bg-white rounded text-black/90 text-[10px] font-normal"
+  }, "Apply")), /*#__PURE__*/React.createElement("div", {
+    className: "flex-1 px-4 pt-2 pb-4 gap-2 flex flex-col justify-between h-full overflow-hidden"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "code-scroll-container w-full max-h-[300px] overflow-y-auto"
+  }, /*#__PURE__*/React.createElement("pre", {
+    className: "bg-transparent w-full h-full"
+  }, /*#__PURE__*/React.createElement("code", {
+    className: "language-python hljs",
+    style: {
+      display: "block",
+      overflow: "auto",
+      background: "transparent",
+      fontSize: "14px",
+      lineHeight: "1.5",
+      fontFamily: "Monaco, Consolas, monospace",
+      whiteSpace: "pre-wrap",
+      wordWrap: "break-word",
+      width: "100%",
+      maxWidth: "100%",
+      padding: "0.5rem"
+    },
+    dangerouslySetInnerHTML: {
+      __html: hljs.highlight(rawCode, {
+        language: "python",
+        ignoreIllegals: true
+      }).value
+    }
+  })))))));
+};
+
+export { CodeMsg as default };

package/es/HighlyCustomChat/QuestionButton/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 IQuestionButtonMsg {
+    msg: ChatSDK.MessageBody | NoticeMessageBody;
+    isMySelf: boolean;
+    avatar?: React.ReactNode;
+    onSelectAnswer?: (answer: string) => void;
+}
+declare const QustionButtonMsg: React.FC<IQuestionButtonMsg>;
+export default QustionButtonMsg;

package/es/HighlyCustomChat/QuestionButton/index.js

@@ -0,0 +1,57 @@
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import { BaseMessage } from 'agora-chat-uikit';
+import { Button } from 'antd';
+import React from 'react';
+
+var QustionButtonMsg = function QustionButtonMsg(props) {
+  var _context;
+  var msg = props.msg,
+    isMySelf = props.isMySelf,
+    avatar = props.avatar,
+    onSelectAnswer = props.onSelectAnswer;
+  return /*#__PURE__*/React.createElement(BaseMessage, {
+    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: []
+    },
+    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: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+      borderRadius: "9px",
+      padding: "10px 12px",
+      color: "var(--im-msg-bubble-font-color)"
+    },
+    className: "inline-block"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cui-message-text"
+  }, msg.customExts.content)), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-3"
+  }, _mapInstanceProperty(_context = msg.customExts.guidance_list).call(_context, function (text) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: text,
+      className: "w-[400px] !h-[45px] !bg-[#2c7cf5]",
+      onClick: function onClick() {
+        onSelectAnswer && onSelectAnswer(text);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "text-[#fff]"
+    }, text));
+  }))));
+};
+
+export { QustionButtonMsg as default };

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 { AIReportMessageExts } from "@components/type";
 import "./style/index.scss";
 export interface IHighlyCustomChat {
     conversationId: string;
@@ -13,6 +14,8 @@ export interface IHighlyCustomChat {
     renderQuestionList?: (cvs: Conversation, sendMessage: (text: string) => void) => React.ReactNode;
     sendMessageSuccessCallback?: (msg: ChatSDK.MessageBody) => void;
     onLoginSuccess?: () => void;
+    onApply?: (code: string) => void;
+    onReportClick?: (report: AIReportMessageExts) => void;
 }
 declare const HighlyCustomChat: React.FC<IHighlyCustomChat>;
 export default HighlyCustomChat;

package/es/HighlyCustomChat/index.js

@@ -22,7 +22,10 @@ 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 QustionButtonMsg from './QuestionButton/index.js';
+import CodeMsg from './CodeMsg/index.js';
 import './style/index.scss';
+import AIReportMsg from './AIReportMsg/index.js';
 
 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; }
@@ -137,6 +140,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     }, formatMessageTime(msg.time)));
   };
   var _renderMessage = function renderMessage(msg) {
+    var _userInfo$uid3;
+    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === ((_userInfo$uid3 = userInfo.uid) === null || _userInfo$uid3 === void 0 ? void 0 : _userInfo$uid3.toLowerCase());
     if (msg.type === "txt") {
       return renderTxtMsg(msg);
     } else if (msg.type === "img") {
@@ -190,6 +195,36 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         },
         videoMessage: msg
       });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_ai_report") {
+      return /*#__PURE__*/React.createElement(AIReportMsg, {
+        onReportClick: props.onReportClick,
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
+          src: headerInfo.headerImageURL || img,
+          className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
+        }) : undefined
+      });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_coding") {
+      return /*#__PURE__*/React.createElement(CodeMsg, {
+        onApply: props.onApply,
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
+          src: headerInfo.headerImageURL || img,
+          className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
+        }) : undefined
+      });
+    } else if (msg.type === "custom" && (msg === null || msg === void 0 ? void 0 : msg.customEvent) === "custom_qa_guidance") {
+      return /*#__PURE__*/React.createElement(QustionButtonMsg, {
+        onSelectAnswer: handleSendMessage,
+        msg: msg,
+        isMySelf: isMySelf,
+        avatar: !isMySelf ? /*#__PURE__*/React.createElement("img", {
+          src: headerInfo.headerImageURL || img,
+          className: "w-[48px] h-[48px] rounded-full overflow-hidden object-fit"
+        }) : undefined
+      });
     } else {
       return undefined;
     }
@@ -401,7 +436,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
               cuiScrollList = document.querySelector(".cui-scrollList div");
               cuiScrollListWrap = document.querySelector(".cui-scrollList");
               if (cuiScrollList) {
-                htmlString = "<div id=\"agent-generating-loader\" 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=\"/icon/im/avatar_default.svg\" 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>";
+                htmlString = "<div id=\"agent-generating-loader\" 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=\"/icon/im/avatar_default.svg\" 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\"></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;

package/es/type.d.ts

@@ -1,7 +1,79 @@
 import { MessageInputProps, MsgListProps } from "agora-chat-uikit";
+import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
 export type ICommonComponentProps = {
     className?: string;
     style?: React.CSSProperties;
 };
 export declare const commonMessageInputConfig: MessageInputProps;
 export declare const commonMessageProps: MsgListProps['messageProps'];
+/**
+ * 自定义IM消息类型
+ * 基于Agora的ChatSDK.MessageBody扩展
+ */
+export interface AIReportMessageExts {
+    /** 报告标题 */
+    title: string;
+    /** 报告描述内容 */
+    content: string;
+    /** token地址 */
+    tokenaddress: string;
+    /** token铸造平台: pumpfun, moonpump 或 others */
+    platform: 'pumpfun' | 'moonpump' | 'others';
+    /** 是否已在交易所上架: yes - 已在交易所; no - 内盘 */
+    isOnDex: boolean;
+    /** token名称 */
+    token_name: string;
+    /** token符号 */
+    token_symbol: string;
+}
+export interface PythonCodeMessageExts {
+    /** 代码内容 */
+    code: string;
+    /** 代码类型 默认‘python’ */
+    code_type: string;
+    /** 是否显示apply按钮 */
+    can_apply: boolean;
+    /** 是否显示copy按钮 */
+    can_copy: boolean;
+}
+export interface QAGuidanceMessageExts {
+    /** 引导内容描述 */
+    content: string;
+    /** 引导词数组，包含0到多个引导选项 */
+    guidance_list: string[];
+}
+/**
+ * 自定义消息类型定义
+ * 每种类型都与特定的扩展字段结构关联
+ */
+/** AI报告消息 */
+export interface AIReportMessage {
+    customEvent: 'custom_ai_report';
+    customExts: AIReportMessageExts;
+}
+/** 编程代码消息 */
+export interface PythonCodeMessage {
+    customEvent: 'custom_coding';
+    customExts: PythonCodeMessageExts;
+}
+/** 问答引导消息 */
+export interface QAGuidanceMessage {
+    customEvent: 'custom_qa_guidance';
+    customExts: QAGuidanceMessageExts;
+}
+/**
+ * 自定义消息类型守卫函数，用于判断和类型转换
+ */
+/**
+ * 判断是否为AI报告消息
+ */
+export declare function isAIReportMessage(msg: ChatSDK.MessageBody | NoticeMessageBody): msg is (ChatSDK.MessageBody | NoticeMessageBody) & AIReportMessage;
+/**
+ * 判断是否为编程代码消息
+ */
+export declare function isPythonCodeMessage(msg: ChatSDK.MessageBody | NoticeMessageBody): msg is (ChatSDK.MessageBody | NoticeMessageBody) & PythonCodeMessage;
+/**
+ * 判断是否为问答引导消息
+ */
+export declare function isQAGuidanceMessage(msg: ChatSDK.MessageBody | NoticeMessageBody): msg is (ChatSDK.MessageBody | NoticeMessageBody) & QAGuidanceMessage;

package/package.json

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