@eshal-bot/chat-widget 0.2.20 → 0.2.21

package/dist/chat-widget.esm.js

@@ -1 +1 @@
-export{e as default}from"./chat-widget-index-CjJ4shXp.esm.js";import"react";import"react-dom/client";import"react/jsx-runtime";import"react-dom";
+export{e as default}from"./chat-widget-index-BcyXZWaW.esm.js";import"react";import"react-dom/client";import"react/jsx-runtime";import"react-dom";

package/dist/chat-widget.js

@@ -8391,7 +8391,13 @@
       stale: s.stale
     })).filter(s => s.source_id || s.url || s.source_type === 'database') : [];
   };
-  const processStream = async (stream, setMessages, onTerminal) => {
+
+  /**
+   * @param {Function} [onHumanHandoff] - called when the server answers with the
+   *   human_handoff marker: a person owns the conversation, so the caller starts
+   *   listening for their replies (and anything else pushed to the widget).
+   */
+  const processStream = async (stream, setMessages, onTerminal, onHumanHandoff) => {
     const updateMessage = createMessageUpdater(setMessages);
     const reader = stream.getReader();
     const decoder = new TextDecoder();
@@ -8509,6 +8515,7 @@
             // human agent's reply arrives via the SSE EventSource instead.
             if (parsed.type === 'human_handoff') {
               markTerminal();
+              if (typeof onHumanHandoff === 'function') onHumanHandoff();
               continue;
             }
 
@@ -12281,6 +12288,11 @@
     // over the SSE EventSource instead. The ref mirrors the state for a
     // synchronous read inside sendMessage (whose useCallback deps are fixed).
     const [isHandedOff, setIsHandedOff] = reactExports.useState(false);
+    // A rating an agent asked for from the Inbox (backend
+    // services/csatRequest.ts): { format, prompt, requestedAt }, or null. Set by
+    // the live csat_request event, or by /history when the widget was not
+    // listening at the time; the chat window shows its rating card for it.
+    const [csatRequest, setCsatRequest] = reactExports.useState(null);
     const isHandedOffRef = reactExports.useRef(false);
     const markHandedOff = reactExports.useCallback(() => {
       isHandedOffRef.current = true;
@@ -12483,6 +12495,11 @@
         try {
           const data = JSON.parse(event.data);
           // Erased in the console while open: stop listening and start over.
+          // An agent asked this visitor for a rating.
+          if (data.type === 'csat_request' && data.csat) {
+            setCsatRequest(data.csat);
+            return;
+          }
           if (data.type === 'conversation_erased') {
             es.close();
             if (handoffEventSourceRef.current === es) handoffEventSourceRef.current = null;
@@ -12779,6 +12796,8 @@
           const data = await res.json();
           const serverMsgs = Array.isArray(data?.messages) ? data.messages : [];
           const agentMsgs = serverMsgs.filter(isRepliedOutsideStream);
+          // An open rating request sent while this widget was not listening.
+          if (!cancelled && data?.csatRequest) setCsatRequest(data.csatRequest);
 
           // Merge past human-agent replies into the transcript (regardless of
           // current responder - they're real history worth showing). Shares
@@ -13269,7 +13288,14 @@
               // it unable to type their next question. Retries are unaffected:
               // IncompleteStreamError is only thrown when NO terminal event
               // arrived, so nothing that reaches this callback is ever retried.
-              await processStream(stream, setMessages, releaseComposer);
+              await processStream(stream, setMessages, releaseComposer, () => {
+                // The server says a person owns this conversation (an agent
+                // took it over from the Inbox): listen for their replies, as
+                // the hand-off path already expects, with EV-4047's backfill
+                // catching anything sent before the stream opened.
+                markHandedOff();
+                void startHandoffEventSource();
+              });
               setUserMessageStatus(sentUserMessageId, "sent");
               updateActivity(organizationId);
               return {
@@ -14695,6 +14721,8 @@
       // Reset messages
       setMessages([]);
       setBidiMessages([]);
+      // The rating request belonged to the conversation being left.
+      setCsatRequest(null);
 
       // Drop the localStorage transcript for the conversation we're abandoning
       // BEFORE we rotate to a fresh sessionId, otherwise the old bucket leaks.
@@ -14943,7 +14971,9 @@
       // Session lifecycle
       sessionExpiringSoon,
       resetConversation,
-      updateMessageFeedback
+      updateMessageFeedback,
+      // Rating request from the Inbox (null when none is open).
+      csatRequest
     };
   };
 
@@ -20720,6 +20750,9 @@
     csatEnabled = false,
     csatFormat = "EMOJI",
     csatPrompt = "How was your experience?",
+    // A rating an agent asked for from the Inbox: { format, prompt } or null.
+    // Shown whether or not the automatic survey (csatEnabled) is on.
+    csatRequest = null,
     onPromptSuggestionClick,
     onboardingEnabled = false,
     onResetConversation,
@@ -21034,7 +21067,7 @@
     const handleCsatRating = async (rating, format) => {
       setCsatSubmitted(true); // optimistic UI
       setShowCsat(false);
-      markCsatSubmitted(undefined); // persist so page refresh doesn't re-show CSAT
+      markCsatSubmitted(organizationId); // persist so page refresh doesn't re-show CSAT
 
       try {
         const headers = {
@@ -21512,11 +21545,12 @@
                   label: t("chooseTopicLabel")
                 }) : null,
                 quickQuestionsHeadingLabel: filterEnabled ? t("quickQuestionsHeadingLabel") : undefined
-              }), showCsat && csatEnabled && !csatSubmitted && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+              }), (showCsat && csatEnabled || csatRequest) && !csatSubmitted && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
                 className: "",
+                "data-testid": "widget-csat-card",
                 children: /*#__PURE__*/jsxRuntimeExports.jsx(CSATWidget, {
-                  format: normalizeCsatFormat(csatFormat),
-                  prompt: csatPrompt || t("howWasYourExperience"),
+                  format: normalizeCsatFormat(csatRequest?.format || csatFormat),
+                  prompt: csatRequest?.prompt || csatPrompt || t("howWasYourExperience"),
                   onRating: handleCsatRating,
                   disabled: false,
                   isDark: isDark,
@@ -21866,7 +21900,7 @@
    * value by its own test (that constant sat at 0.1.113 while this package was
    * at 0.2.2 precisely because nothing enforced it - EV-2431).
    */
-  const WIDGET_VERSION = '0.2.20';
+  const WIDGET_VERSION = '0.2.21';
 
   /**
    * API utility functions
@@ -22273,7 +22307,8 @@
       // CategoryTabsBar / CategoryFilterInline components in ChatWindow.
       widgetFilter,
       setWidgetFilter,
-      addAssistantMessage
+      addAssistantMessage,
+      csatRequest
     } = useChatState(widgetConfig ? {
       welcomeMessage: widgetConfig.welcomeMessage,
       // Per the EV-3813 note below, this hook produces customer-facing
@@ -22496,6 +22531,7 @@
           csatEnabled: widgetConfig.csatEnabled,
           csatFormat: widgetConfig.csatFormat,
           csatPrompt: widgetConfig.csatPrompt,
+          csatRequest: csatRequest,
           onboardingEnabled: widgetConfig.onboardingEnabled,
           onResetConversation: resetConversation,
           sessionExpiringSoon: sessionExpiringSoon,