@helpway/react 0.14.0 → 0.14.1

package/dist/index.js

@@ -2264,6 +2264,29 @@ function useConversations() {
   return { conversations, create, isCreating, setActiveConversation };
 }
 
+// src/hooks/use-header-identity.ts
+function useHeaderIdentity() {
+  const activeConvSummary = useWidgetStore((s) => {
+    const id = s.activeConversationId;
+    return id ? s.conversations.find((c) => c.id === id) : null;
+  });
+  const agentConfigName = useWidgetStore((s) => s.agentConfig?.name);
+  const websiteName = useWidgetStore((s) => s.website?.name);
+  const teamSender = activeConvSummary?.lastMessageSenderType === "team" && activeConvSummary?.lastMessageSenderName ? activeConvSummary : null;
+  const humanName = activeConvSummary?.assigneeName ?? teamSender?.lastMessageSenderName ?? null;
+  const humanImage = activeConvSummary?.assigneeImage ?? teamSender?.lastMessageSenderImage ?? null;
+  const companyName = agentConfigName ?? websiteName ?? "Support";
+  return {
+    humanName,
+    humanImage,
+    hasTeamAgent: !!humanName,
+    /** Fallback identity when no human is on the thread — also how the AI signs its answers. */
+    companyName,
+    /** Exactly what the header prints. Compare per-bubble name labels against this. */
+    headerName: humanName ?? companyName
+  };
+}
+
 // src/hooks/use-i18n.ts
 import { useEffect as useEffect4, useState as useState4 } from "react";
 function useI18n() {
@@ -4761,10 +4784,8 @@ function MessageList({
   const containerRef = useRef14(null);
   const prevItemCountRef = useRef14(items.length);
   const isInitialLoadRef = useRef14(true);
-  const agentName = useWidgetStore((s) => s.agentConfig?.name) ?? t("widget.helpway_ai");
-  const headerName = useWidgetStore(
-    (s) => s.conversations.find((c) => c.id === s.activeConversationId)?.assigneeName
-  ) ?? agentName;
+  const { headerName, companyName } = useHeaderIdentity();
+  const agentName = companyName;
   const client = useWidgetClient();
   const activeConversationId = useWidgetStore((s) => s.activeConversationId);
   const handleQuickReplyTap = React.useCallback(
@@ -5590,16 +5611,7 @@ function DefaultWidget({
     return () => win.removeEventListener("keydown", handleTab);
   }, [isOpen, hideLauncher, placement]);
   const showTabBar = subView === null;
-  const activeConvSummary = useWidgetStore((s) => {
-    const id = s.activeConversationId;
-    return id ? s.conversations.find((c) => c.id === id) : null;
-  });
-  const teamSender = activeConvSummary?.lastMessageSenderType === "team" && activeConvSummary?.lastMessageSenderName ? activeConvSummary : null;
-  const humanName = activeConvSummary?.assigneeName ?? teamSender?.lastMessageSenderName ?? null;
-  const humanImage = activeConvSummary?.assigneeImage ?? teamSender?.lastMessageSenderImage ?? null;
-  const hasTeamAgent = !!humanName;
-  const headerName = humanName ?? (agentConfig?.name ?? website?.name ?? "Support");
-  const companyName = agentConfig?.name ?? website?.name ?? "Support";
+  const { humanImage, hasTeamAgent, companyName, headerName } = useHeaderIdentity();
   const subtitleMsg = agentConfig?.subtitleText;
   const subtitleIsFactoryDefault = !subtitleMsg || subtitleMsg === DEFAULT_EN_SUBTITLE;
   const subtitleText = subtitleMsg?.startsWith("widget.") ? t(subtitleMsg) : subtitleIsFactoryDefault ? t("widget.subtitle_text") : subtitleMsg;