@helpway/react 0.15.2 → 0.15.3

package/dist/index.js

@@ -523,7 +523,16 @@ function latestAssignee(items) {
   }
   return null;
 }
+var AI_INDICATOR_MAX_MS = 45e3;
 function createWidgetStore() {
+  const indicatorWatchdogs = /* @__PURE__ */ new Map();
+  const clearWatchdog = (conversationId) => {
+    const timer = indicatorWatchdogs.get(conversationId);
+    if (timer !== void 0) {
+      clearTimeout(timer);
+      indicatorWatchdogs.delete(conversationId);
+    }
+  };
   const store = createStore((set, get) => ({
     // Initial state
     isReady: false,
@@ -683,6 +692,17 @@ function createWidgetStore() {
       });
     },
     remapConversationId(oldId, newId) {
+      if (indicatorWatchdogs.has(oldId)) {
+        clearWatchdog(oldId);
+        indicatorWatchdogs.set(
+          newId,
+          setTimeout(() => {
+            indicatorWatchdogs.delete(newId);
+            get().setAiProcessing(newId, false);
+            get().setTyping(newId, false);
+          }, AI_INDICATOR_MAX_MS)
+        );
+      }
       set((state) => {
         const nextMessages = new Map(state.messages);
         const tempItems = nextMessages.get(oldId) ?? [];
@@ -765,6 +785,17 @@ function createWidgetStore() {
       });
     },
     setAiProcessing(conversationId, processing) {
+      clearWatchdog(conversationId);
+      if (processing) {
+        indicatorWatchdogs.set(
+          conversationId,
+          setTimeout(() => {
+            indicatorWatchdogs.delete(conversationId);
+            get().setAiProcessing(conversationId, false);
+            get().setTyping(conversationId, false);
+          }, AI_INDICATOR_MAX_MS)
+        );
+      }
       set((state) => {
         const next = new Map(state.aiProcessing);
         next.set(conversationId, processing);
@@ -789,6 +820,9 @@ function createWidgetStore() {
      */
     appendStreamChunk(conversationId, delta, done) {
       void done;
+      if (get().aiProcessing.get(conversationId)) {
+        get().setAiProcessing(conversationId, true);
+      }
       set((state) => {
         const next = new Map(state.streamingText);
         const prev = next.get(conversationId) ?? "";
@@ -2323,6 +2357,13 @@ function useConversations() {
 }
 
 // src/hooks/use-header-identity.ts
+function conversationIdentity(conv) {
+  const teamSender = conv?.lastMessageSenderType === "team" && conv?.lastMessageSenderName ? conv : null;
+  return {
+    humanName: conv?.assigneeName ?? teamSender?.lastMessageSenderName ?? null,
+    humanImage: conv?.assigneeImage ?? teamSender?.lastMessageSenderImage ?? null
+  };
+}
 function useHeaderIdentity() {
   const activeConvSummary = useWidgetStore((s) => {
     const id = s.activeConversationId;
@@ -2330,9 +2371,7 @@ function useHeaderIdentity() {
   });
   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 { humanName, humanImage } = conversationIdentity(activeConvSummary);
   const companyName = agentConfigName ?? websiteName ?? "Support";
   return {
     humanName,
@@ -5860,7 +5899,7 @@ function DefaultWidget({
                         },
                         children: [
                           /* @__PURE__ */ jsxs11("span", { className: "hw-header-menu-conv-top", children: [
-                            /* @__PURE__ */ jsx16("span", { className: "hw-header-menu-conv-name", children: conv.assigneeName ?? (conv.lastMessageSenderType === "team" ? conv.lastMessageSenderName : null) ?? companyName }),
+                            /* @__PURE__ */ jsx16("span", { className: "hw-header-menu-conv-name", children: conversationIdentity(conv).humanName ?? companyName }),
                             conv.lastMessageAt && /* @__PURE__ */ jsx16("span", { className: "hw-header-menu-conv-time", children: formatRelativeTime(conv.lastMessageAt) })
                           ] }),
                           /* @__PURE__ */ jsx16("span", { className: "hw-header-menu-conv-preview", children: conv.lastMessageText ?? t("widget.no_preview") })
@@ -6215,11 +6254,12 @@ function MessagesView({
 }
 function ConvCardBody({ conv }) {
   const agentName = useWidgetStore((s) => s.agentConfig?.name) ?? "Support";
-  const isTeam = conv.lastMessageSenderType === "team" && conv.lastMessageSenderName;
-  const displayName = isTeam ? conv.lastMessageSenderName : agentName;
+  const { humanName, humanImage } = conversationIdentity(conv);
+  const isTeam = !!humanName;
+  const displayName = humanName ?? agentName;
   const preview = conv.lastMessageText ?? t("widget.no_preview");
   return /* @__PURE__ */ jsxs11(Fragment5, { children: [
-    /* @__PURE__ */ jsx16("div", { className: `hw-conv-card-avatar${isTeam ? " hw-conv-card-avatar--team" : ""}`, children: isTeam ? conv.lastMessageSenderImage ? /* @__PURE__ */ jsx16("img", { src: conv.lastMessageSenderImage, alt: displayName, className: "hw-conv-card-avatar-img" }) : /* @__PURE__ */ jsx16("span", { className: "hw-conv-card-avatar-initials", children: displayName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() }) : /* @__PURE__ */ jsx16(WidgetLogo, {}) }),
+    /* @__PURE__ */ jsx16("div", { className: `hw-conv-card-avatar${isTeam ? " hw-conv-card-avatar--team" : ""}`, children: isTeam ? humanImage ? /* @__PURE__ */ jsx16("img", { src: humanImage, alt: displayName, className: "hw-conv-card-avatar-img" }) : /* @__PURE__ */ jsx16("span", { className: "hw-conv-card-avatar-initials", children: displayName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() }) : /* @__PURE__ */ jsx16(WidgetLogo, {}) }),
     /* @__PURE__ */ jsxs11("div", { className: "hw-conv-card-content", children: [
       /* @__PURE__ */ jsxs11("div", { className: "hw-conv-card-top", children: [
         /* @__PURE__ */ jsx16("span", { className: "hw-conv-card-name", children: displayName }),
@@ -6441,8 +6481,8 @@ function ConversationView({
       MessageList,
       {
         items,
-        isTyping,
-        isAiProcessing,
+        isTyping: isTyping && !needsEmail,
+        isAiProcessing: isAiProcessing && !needsEmail,
         streamingText: streamingText || void 0,
         hasMore,
         isLoadingMore: isLoading,