@glodon-aiot/chat-app-sdk 0.0.9 → 0.0.11

package/es/index.esm.js

@@ -7905,6 +7905,9 @@ ___CSS_LOADER_EXPORT___.push([module.id, `:root {
 .coze-chat-sdk :is(.ml-\\[10px\\]) {
     margin-left: 10px;
 }
+.coze-chat-sdk :is(.ml-\\[12px\\]) {
+    margin-left: 12px;
+}
 .coze-chat-sdk :is(.ml-\\[24px\\]) {
     margin-left: 24px;
 }
@@ -8354,8 +8357,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `:root {
 .coze-chat-sdk :is(.max-w-\\[86px\\]) {
     max-width: 86px;
 }
-.coze-chat-sdk :is(.max-w-\\[calc\\(100\\%-44px\\)\\]) {
-    max-width: calc(100% - 44px);
+.coze-chat-sdk :is(.max-w-\\[calc\\(100\\%-80px\\)\\]) {
+    max-width: calc(100% - 80px);
 }
 .coze-chat-sdk :is(.max-w-\\[calc\\(100vw-170px\\)\\]) {
     max-width: calc(100vw - 170px);
@@ -12040,6 +12043,13 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.d154f5c739f5d241 {
   margin-top: 7px;
   text-align: left;
 }
+.c75111d65e24bd5c {
+  font-size: 14px;
+  font-weight: 400;
+  color: #666;
+  margin-bottom: 8px;
+  line-height: 20px;
+}
 .ec8cba872a7913bf {
   padding-right: 25px;
   padding-left: 69px;
@@ -12086,6 +12096,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.d154f5c739f5d241 {
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"suggestions": `d154f5c739f5d241`,
+	"suggestion-hint": `c75111d65e24bd5c`,
+	"suggestionHint": `c75111d65e24bd5c`,
 	"suggestions-pc": `ec8cba872a7913bf`,
 	"suggestionsPc": `ec8cba872a7913bf`,
 	"suggestions-mobile": `a120a1527cefe48f`,
@@ -132711,7 +132723,8 @@ const getChatConfig = (chatClientId, cozeChatOption)=>{
                 ]),
                 footer: ui === null || ui === void 0 ? void 0 : ui.footer,
                 header: ui === null || ui === void 0 ? void 0 : ui.header,
-                conversations: ui === null || ui === void 0 ? void 0 : ui.conversations
+                conversations: ui === null || ui === void 0 ? void 0 : ui.conversations,
+                showUserInfo: ui === null || ui === void 0 ? void 0 : ui.showUserInfo
             },
             auth: pick(auth || {}, [
                 'type',
@@ -299838,7 +299851,6 @@ const default_avatar_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSU
  */ 
 const messageBoxContainerVariants = cva([
     'flex',
-    'flex-row',
     'my-0'
 ], {
     variants: {
@@ -299849,7 +299861,18 @@ const messageBoxContainerVariants = cva([
             false: [
                 'mx-[24px]'
             ]
+        },
+        isSentMessage: {
+            true: [
+                'flex-row-reverse'
+            ],
+            false: [
+                'flex-row'
+            ]
         }
+    },
+    defaultVariants: {
+        isSentMessage: false
     }
 });
 const botNicknameVariants = cva([
@@ -300085,6 +300108,8 @@ const MessageBoxWrap = (props)=>{
     const messageFooterRef = (0,react.useRef)(null);
     const eventCenter = useUiKitEventCenter();
     const isMobileLayout = layout === common_Layout.MOBILE;
+    // 判断是否为发送消息：发送消息通常使用 'primary' 主题
+    const isSentMessage = theme === 'primary';
     const refreshContainerWidthConditionally = use_event_callback_useEventCallback(()=>{
         if (!messageContainerRef.current || !messageFooterRef.current) {
             return;
@@ -300141,24 +300166,31 @@ const MessageBoxWrap = (props)=>{
             children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                 // chat-uikit-message-box-container chat-uikit-message-box-container-pc
                 className: classnames_default()(messageBoxContainerVariants({
-                    isMobileLayout
+                    isMobileLayout,
+                    isSentMessage
                 }), messageBoxWrapperClassname),
                 children: [
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                    showUserInfo ? /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
                         // chat-uikit-message-box-container__avatar-wrap
-                        className: "mr-[12px] w-32px h-32px",
-                        children: showUserInfo ? /*#__PURE__*/ (0,jsx_runtime.jsx)(AvatarWrap, {
+                        className: classnames_default()('w-32px h-32px', {
+                            'ml-[12px]': isSentMessage,
+                            'mr-[12px]': !isSentMessage
+                        }),
+                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(AvatarWrap, {
                             children: /*#__PURE__*/ (0,jsx_runtime.jsx)(esm_webpack_exports_Avatar, {
                                 // chat-uikit-message-box-container__avatar-wrap__avatar
                                 size: "small",
                                 src: botAvatar,
                                 onError: ()=>setBotAvatar(default_avatar_namespaceObject)
                             })
-                        }) : null
-                    }),
+                        })
+                    }) : null,
                     /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
                         // chat-uikit-message-box-container__message
-                        className: "flex-1 max-w-[calc(100%-44px)]",
+                        className: classnames_default()('flex-1', {
+                            'max-w-[calc(100%-80px)]': true,
+                            'flex justify-end': isSentMessage
+                        }),
                         children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                             // chat-uikit-message-box-container__message__message-box
                             className: "relative flex flex-col w-fit max-w-full",
@@ -300244,6 +300276,11 @@ const MessageBoxWrap = (props)=>{
                                                     theme
                                                 })
                                             }), layout === common_Layout.MOBILE ? '!text-[16px]' : ''),
+                                            style: {
+                                                borderRadius: isSentMessage ? '10px 0px 10px 10px' : ' 0px 10px 10px 10px',
+                                                background: isSentMessage ? '#F4F4F4' : 'none',
+                                                padding: isSentMessage ? '10px' : '0px'
+                                            },
                                             children: /*#__PURE__*/ (0,jsx_runtime.jsx)(error_boundary_ErrorBoundary, {
                                                 errorBoundaryName: "chat-message-box-children",
                                                 FallbackComponent: fallback_FallbackComponent,
@@ -383323,7 +383360,7 @@ const Suggestions = (param)=>{
     if (selectable) {
         return null;
     }
-    return /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
         "data-testid": "chat-area.suggestion-list",
         className: classnames_default()(components_suggestion_index_module.suggestions, {
             // Adapt mobile end to solve the suggestion margin problem
@@ -383336,19 +383373,25 @@ const Suggestions = (param)=>{
             width: messageWidth,
             order: ORDER_FOR_SUGGESTIONS
         },
-        children: suggestions.map((sug)=>/*#__PURE__*/ (0,jsx_runtime.jsx)(SuggestionItem, {
-                className: classnames_default()({
-                    '!mb-0': suggestionsShowMode === bot_common_SuggestedQuestionsShowMode.All
-                }),
-                readonly: readonly,
-                message: {
-                    content_obj: sug,
-                    sender_id: senderId
-                },
-                onSuggestionClick: onSubmit,
-                showBackground: showBackground,
-                color: getSuggestionColorByTheme(theme)
-            }, sug))
+        children: [
+            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                className: components_suggestion_index_module["suggestion-hint"],
+                children: "猜你想问："
+            }),
+            suggestions.map((sug)=>/*#__PURE__*/ (0,jsx_runtime.jsx)(SuggestionItem, {
+                    className: classnames_default()({
+                        '!mb-0': suggestionsShowMode === bot_common_SuggestedQuestionsShowMode.All
+                    }),
+                    readonly: readonly,
+                    message: {
+                        content_obj: sug,
+                        sender_id: senderId
+                    },
+                    onSuggestionClick: onSubmit,
+                    showBackground: showBackground,
+                    color: getSuggestionColorByTheme(theme)
+                }, sug))
+        ]
     });
 };
 SuggestionInChat.displayName = 'ChatAreaSuggestionInChat';
@@ -422118,15 +422161,43 @@ var custom_components_message_box_index_module_update = injectStylesIntoStyleTag
 
 // coze-chat-message-wrapper coze-chat-hover-message-wrapper 用于element获取，不可删除
 const UIKitMessageBoxPlugin = (param)=>{
-    let { messageType, classname, ...props } = param;
+    let { messageType, classname, showUserInfo: propsShowUserInfo, ...props } = param;
     return /*#__PURE__*/ (0,jsx_runtime.jsx)(MessageBox, {
         ...props,
         classname: classnames_default()(classname, 'w-full'),
+        showUserInfo: propsShowUserInfo ?? false,
         isHoverShowUserInfo: false,
         messageBoxWrapperClassname: classnames_default()('coze-chat-message-wrapper', plugin_custom_components_message_box_index_module["message-box-wrapper"]),
         messageHoverWrapperClassName: 'w-full flex justify-end right-[0px] coze-chat-hover-message-wrapper'
     });
 };
+/**
+ * 创建 UIKitMessageBoxPlugin 组件，通过闭包访问 bizContext 配置
+ */ const createUIKitMessageBoxPlugin = (bizContext)=>{
+    // 如果配置中明确设置了 showUserInfo，则使用配置值；否则使用 props 传递的值
+    const configuredShowUserInfo = bizContext.showUserInfo;
+    console.log('[createUIKitMessageBoxPlugin] bizContext:', {
+        showUserInfo: configuredShowUserInfo,
+        bizContext
+    });
+    return (param)=>{
+        let { messageType, classname, showUserInfo: propsShowUserInfo, ...props } = param;
+        const finalShowUserInfo = configuredShowUserInfo !== undefined ? configuredShowUserInfo : propsShowUserInfo ?? false;
+        console.log('[UIKitMessageBoxPlugin] render:', {
+            configuredShowUserInfo,
+            propsShowUserInfo,
+            finalShowUserInfo
+        });
+        return /*#__PURE__*/ (0,jsx_runtime.jsx)(MessageBox, {
+            ...props,
+            classname: classnames_default()(classname, 'w-full'),
+            showUserInfo: finalShowUserInfo,
+            isHoverShowUserInfo: false,
+            messageBoxWrapperClassname: classnames_default()('coze-chat-message-wrapper', plugin_custom_components_message_box_index_module["message-box-wrapper"]),
+            messageHoverWrapperClassName: 'w-full flex justify-end right-[0px] coze-chat-hover-message-wrapper'
+        });
+    };
+};
 
 ;// CONCATENATED MODULE: ../open-chat/src/components/studio-open-chat/provider/coz-sdk/plugin/plugin.ts
 /*
@@ -422163,6 +422234,16 @@ const UIKitMessageBoxPlugin = (param)=>{
 
 
 class plugin_plugin_BizPlugin extends WriteableChatAreaPlugin {
+    /**
+   * 创建自定义组件，允许传入 bizContext 来访问配置
+   */ static createCustomComponents(bizContext) {
+        return createCustomComponents({
+            UIKitMessageBoxPlugin: createUIKitMessageBoxPlugin(bizContext),
+            MessageGroupFooter: UIKitMessageGroupFooterPlugin,
+            MessageBoxFooter: UIKitMessageBoxFooter,
+            MessageBoxHoverSlot: UIKitMessageBoxHoverSlot
+        });
+    }
     constructor(...args){
         super(...args), /**
    * 插件类型
@@ -422197,7 +422278,20 @@ class plugin_plugin_BizPlugin extends WriteableChatAreaPlugin {
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */ 
+ */ function coz_sdk_plugin_define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+
 const getCozeSdkPlugin = (props)=>{
     // eslint-disable-next-line @typescript-eslint/naming-convention
     const WebsdkChatExtraBodyPlugin = {
@@ -422210,7 +422304,11 @@ const getCozeSdkPlugin = (props)=>{
         },
         /**
      * 插件本体
-     */ Plugin: plugin_plugin_BizPlugin
+     */ Plugin: class extends plugin_plugin_BizPlugin {
+            constructor(...args){
+                super(...args), coz_sdk_plugin_define_property(this, "customComponents", plugin_plugin_BizPlugin.createCustomComponents(props));
+            }
+        }
     };
     return WebsdkChatExtraBodyPlugin;
 };
@@ -422658,7 +422756,7 @@ const ChatProviderFuncComp = /*#__PURE__*/ (0,react.forwardRef)((param, ref)=>{
 });
 const ChatProviderImpl = (param)=>{
     let { children, plugins } = param;
-    var _chatConfig_appInfo, _chatConfig_ui_chatBot, _chatConfig_ui;
+    var _chatConfig_ui, _chatConfig_appInfo, _chatConfig_ui_chatBot, _chatConfig_ui1;
     const refLastIsError = (0,react.useRef)(false);
     const { refreshToken } = useChatCozeSdk();
     const { initError, setInitError } = useChatAppStore(shallow_useShallow((s)=>({
@@ -422691,12 +422789,19 @@ const ChatProviderImpl = (param)=>{
     const isShowBackground = useIsShowBackground();
     const { ChatBackgroundPlugin } = useBgBackgroundPlugin();
     // plugin初始化
+    const showUserInfoConfig = chatConfig === null || chatConfig === void 0 ? void 0 : (_chatConfig_ui = chatConfig.ui) === null || _chatConfig_ui === void 0 ? void 0 : _chatConfig_ui.showUserInfo;
+    console.log('[ChatProviderImpl] showUserInfo config:', {
+        showUserInfoConfig,
+        chatConfigUi: chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.ui,
+        finalValue: showUserInfoConfig ?? false
+    });
     const cozeSdkChatPlugin = getCozeSdkPlugin({
         refreshToken,
         regenerateMessageByUserMessageId: (id)=>{
             var _refChatFunc_current_regenerateMessageByUserMessageId, _refChatFunc_current;
             (_refChatFunc_current = refChatFunc.current) === null || _refChatFunc_current === void 0 ? void 0 : (_refChatFunc_current_regenerateMessageByUserMessageId = _refChatFunc_current.regenerateMessageByUserMessageId) === null || _refChatFunc_current_regenerateMessageByUserMessageId === void 0 ? void 0 : _refChatFunc_current_regenerateMessageByUserMessageId.call(_refChatFunc_current, id);
-        }
+        },
+        showUserInfo: showUserInfoConfig ?? false
     });
     const SDKUploadPlugin = (0,react.useMemo)(()=>{
         var _chatConfig_appInfo;
@@ -422776,7 +422881,7 @@ const ChatProviderImpl = (param)=>{
             showFunctionCallDetail: false,
             uploadPlugin: SDKUploadPlugin,
             ignoreMessageConfigList: allIgnorableMessageTypes,
-            isShowFunctionCallBox: (chatConfig === null || chatConfig === void 0 ? void 0 : (_chatConfig_ui = chatConfig.ui) === null || _chatConfig_ui === void 0 ? void 0 : (_chatConfig_ui_chatBot = _chatConfig_ui.chatBot) === null || _chatConfig_ui_chatBot === void 0 ? void 0 : _chatConfig_ui_chatBot.isNeedFunctionCallMessage) ?? true
+            isShowFunctionCallBox: (chatConfig === null || chatConfig === void 0 ? void 0 : (_chatConfig_ui1 = chatConfig.ui) === null || _chatConfig_ui1 === void 0 ? void 0 : (_chatConfig_ui_chatBot = _chatConfig_ui1.chatBot) === null || _chatConfig_ui_chatBot === void 0 ? void 0 : _chatConfig_ui_chatBot.isNeedFunctionCallMessage) ?? true
         },
         pluginRegistryList: [
             cozeSdkChatPlugin,