@eshal-bot/chat-widget 0.2.35 → 0.2.36

package/dist/chat-widget.js

@@ -8060,6 +8060,48 @@
     return response.json();
   };
 
+  /**
+   * Widget verification codes (POST /api/v1/support/identity/start|verify).
+   * The code is posted here, never as a chat message, so it never reaches the
+   * model or the transcript. Resolves to { ok, status, body } so the card can
+   * show the server's own wording (tries left, locked, expired).
+   */
+  const postIdentity = async (path, payload, apiBaseUrl, getAuthToken) => {
+    const headers = {
+      'Content-Type': 'application/json'
+    };
+    if (typeof getAuthToken === 'function') {
+      const token = await getAuthToken();
+      if (token) headers['Authorization'] = `Bearer ${token}`;
+    }
+    const response = await fetch(`${apiBaseUrl.replace(/\/$/, '')}/api/v1/support/identity/${path}`, {
+      method: 'POST',
+      headers,
+      credentials: 'include',
+      body: JSON.stringify(payload)
+    });
+    let body = {};
+    try {
+      body = await response.json();
+    } catch {
+      body = {};
+    }
+    return {
+      ok: response.ok,
+      status: response.status,
+      body
+    };
+  };
+
+  /** @param {{ conversationId: string, method: 'email'|'sms', email?: string, phone?: string }} payload */
+  const startVisitorVerification = (payload, apiBaseUrl, getAuthToken) => postIdentity('start', payload, apiBaseUrl, getAuthToken);
+
+  /** @param {{ conversationId: string, code: string }} payload */
+  const verifyVisitorCode = (payload, apiBaseUrl, getAuthToken) => postIdentity('verify', payload, apiBaseUrl, getAuthToken);
+
+  /** Delivery of the pending code ("sent", "delivered", "failed" or null). */
+  const visitorCodeStatus = (payload, apiBaseUrl, getAuthToken) => postIdentity('status', payload, apiBaseUrl, getAuthToken);
+
   // ============================================================================
   // UI HELPERS
   // ============================================================================
@@ -9245,7 +9287,28 @@
     // that dies on the wire (e.g. the network changed mid-request) used to
     // render exactly like a delivered message.
     messageNotDelivered: "Not delivered",
-    retrySend: "Retry"
+    retrySend: "Retry",
+    // Verification code card. EN-only for now - translate() falls back to EN
+    // for locales without the key.
+    verifyTitle: "Confirm it's you",
+    verifyEmailLabel: "Your email",
+    verifyPhoneLabel: "Your mobile number",
+    verifySendCode: "Send code",
+    verifySending: "Sending...",
+    verifyEnterCode: "Enter the code we sent to {target}",
+    verifyCodeLabel: "6-digit code",
+    verifyConfirm: "Confirm",
+    verifyResendIn: "Resend in {seconds} s",
+    verifyResend: "Send a new code",
+    verifyDifferent: "Use a different address",
+    verifyDone: "Verified as {target}",
+    verifyResumeMessage: "I've confirmed it's me.",
+    verifyTriesLeft: "That code doesn't match. {count} tries left.",
+    verifyGenericError: "Something went wrong. Try again.",
+    verifyInputBlocked: "Enter your code above to continue",
+    verifyCancel: "Cancel",
+    verifyCancelled: "Verification cancelled.",
+    verifyNotDelivered: "We couldn't deliver the code to that number. Check it and send a new code."
   };
   const DICTIONARIES = {
     en: EN,
@@ -14026,6 +14089,11 @@
           ...(opts?.toolConfirmation ? {
             tool_confirmation: opts.toolConfirmation
           } : {}),
+          // Verification code card: the held personal tool may run now. The
+          // code itself was posted to /support/identity, not here.
+          ...(opts?.verificationComplete ? {
+            verification_complete: opts.verificationComplete
+          } : {}),
           messageHistory: messages.filter(msg => {
             // Filter out processing messages, empty messages, and onboarding messages
             return !msg.isProcessing && msg.content && msg.content.trim() && !['userName', 'email', 'phone'].includes(msg.type);
@@ -19851,6 +19919,9 @@
     isMinimized,
     isLoading,
     isConversationLoading = false,
+    // A verification code card is waiting for its code: the visitor finishes
+    // (or cancels) it before typing, so a code is never typed into the chat.
+    verificationPending = false,
     placeholder,
     textColor,
     fontFamily,
@@ -20054,7 +20125,7 @@
     // (so a user can upload a file and hit Send without typing). When
     // uploads are in flight we block Send to prevent partial payloads.
     const hasReadyAttachment = attachments.some(a => a.status === "ready");
-    const isDisabled = !inputValue.trim() && !hasReadyAttachment || isLoading || isConversationLoading || isUploadBusy;
+    const isDisabled = !inputValue.trim() && !hasReadyAttachment || isLoading || isConversationLoading || isUploadBusy || verificationPending;
     const handleKeyPress = event => {
       if (event.key === "Enter" && !event.shiftKey) {
         event.preventDefault();
@@ -20065,6 +20136,7 @@
         // session - so the file is ingested into the shared session store and
         // answered, and later spoken turns in the same session see it too. A
         // plain voice turn (no attachment) still goes over the WS.
+        if (verificationPending) return;
         if (isVoiceSessionActive && onBidiSubmit && !hasReadyAttachment) {
           onBidiSubmit();
           return;
@@ -20311,9 +20383,9 @@
               onFocus: () => setIsFocused(true),
               onBlur: () => setIsFocused(false),
               onKeyDown: handleKeyPress,
-              placeholder: isConversationLoading ? t("agentIsLoading") : placeholder || t("typeYourMessage"),
+              placeholder: isConversationLoading ? t("agentIsLoading") : verificationPending ? t("verifyInputBlocked") : placeholder || t("typeYourMessage"),
               rows: 1,
-              disabled: csatVisible || isConversationLoading || isLoading || isVoiceSessionActive && voiceStatus !== "connected",
+              disabled: csatVisible || isConversationLoading || isLoading || verificationPending || isVoiceSessionActive && voiceStatus !== "connected",
               dir: typedIsRtl ? "rtl" : "ltr",
               className: `w-full px-3 bg-transparent rounded-xl leading-normal ${isDark ? "text-gray-100" : "text-gray-900"} placeholder-gray-400 resize-none outline-none scrollbar-hide break-words`,
               style: {
@@ -20449,7 +20521,7 @@
           })
         }) : /*#__PURE__*/jsxRuntimeExports.jsx("button", {
           onClick: isVoiceSessionActive && onBidiSubmit && !hasReadyAttachment ? onBidiSubmit : sendWithAttachments,
-          disabled: csatVisible || isDisabled || isVoiceSessionActive && voiceStatus !== "connected",
+          disabled: csatVisible || isDisabled || verificationPending || isVoiceSessionActive && voiceStatus !== "connected",
           className: `h-10 w-10 flex-shrink-0 rounded-xl transition-all duration-200 flex items-center justify-center shadow-md disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none ${inputValue.trim() ? "scale-100" : "scale-95"}`,
           style: {
             backgroundColor: inputValue.trim() ? primaryColor : isDark ? "#374151" : "#e5e7eb",
@@ -21746,6 +21818,8 @@
     }
   }
 
+  const VerificationContext = /*#__PURE__*/reactExports.createContext(null);
+
   const DEFAULT_AGENT_BUBBLE_COLOR = "#ffffff";
   const DEFAULT_USER_MESSAGE_COLOR = "#f5f5f5";
   const DEFAULT_TEXT_COLOR = "#000000";
@@ -21897,6 +21971,35 @@
     const panelRef = reactExports.useRef(null);
     const t = reactExports.useMemo(() => createTranslator(defaultLanguage), [defaultLanguage]);
 
+    // What the verify card (A2uiBlock "verification" fence) needs. The code is
+    // posted to /support/identity, never through the chat send. Declared with
+    // the other top-level hooks, ahead of the `if (!isOpen) return null;` below.
+    // Cards still waiting for a code; while any is, the chat input is blocked.
+    const [verificationPendingKeys, setVerificationPendingKeys] = reactExports.useState(() => new Set());
+    const setVerificationPending = reactExports.useCallback((key, on) => {
+      setVerificationPendingKeys(prev => {
+        if (on === prev.has(key)) return prev;
+        const next = new Set(prev);
+        if (on) next.add(key);else next.delete(key);
+        return next;
+      });
+    }, []);
+    const verificationContextValue = reactExports.useMemo(() => apiBaseUrl && conversationId ? {
+      t,
+      setPending: setVerificationPending,
+      start: payload => startVisitorVerification({
+        ...payload,
+        conversationId
+      }, apiBaseUrl, getAuthToken),
+      verify: payload => verifyVisitorCode({
+        ...payload,
+        conversationId
+      }, apiBaseUrl, getAuthToken),
+      status: () => visitorCodeStatus({
+        conversationId
+      }, apiBaseUrl, getAuthToken)
+    } : null, [t, apiBaseUrl, conversationId, getAuthToken, setVerificationPending]);
+
     // EV-2480: move focus into the dialog on open. This component only
     // mounts while isOpen is true (see the `if (!isOpen) return null;` below),
     // so a mount-only effect fires exactly once per open.
@@ -21934,8 +22037,13 @@
       // The structured answer rides on the send; the text is still the
       // message. A host override (onPromptSuggestionClick) keeps the text.
       const toolConfirmation = index && typeof index === "object" && index.toolConfirmation ? index.toolConfirmation : null;
+      // The verify card's resume: the code was already checked by the
+      // backend; this only tells the held tool to run.
+      const verificationComplete = index && typeof index === "object" && index.verificationComplete ? index.verificationComplete : null;
       if (onPromptSuggestionClick) onPromptSuggestionClick(text);else if (toolConfirmation) onDirectSend?.(text, undefined, {
         toolConfirmation
+      });else if (verificationComplete) onDirectSend?.(text, undefined, {
+        verificationComplete
       });else onDirectSend?.(text);
     }, [onPromptSuggestionClick, onDirectSend, reportChipClick]);
 
@@ -22541,236 +22649,240 @@
       maxWidth: "92vw",
       maxHeight: "85vh"
     } : undefined;
-    return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      dir: isRtlLanguage ? "rtl" : "ltr",
-      className: `relative flex-shrink-0 z-50 ${isMinimized ? "w-80 h-auto" : ""}`,
-      style: sizeStyle,
-      children: [!isMinimized && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-        children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
-          onMouseDown: e => handleResizeStart("horizontal", e),
-          className: `absolute top-0 h-full w-1.5 cursor-ew-resize hover:bg-blue-500/20 transition-colors z-[70] ${anchorRight ? "left-0" : "right-0"}`,
-          "aria-hidden": true
-        }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-          onMouseDown: e => handleResizeStart("vertical", e),
-          className: `absolute left-0 w-full h-1.5 cursor-ns-resize hover:bg-blue-500/20 transition-colors z-[70] ${anchorBottom ? "top-0" : "bottom-0"}`,
-          "aria-hidden": true
-        })]
-      }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-        id: "chat-window-panel",
-        ref: panelRef,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": t("openChat"),
-        tabIndex: -1,
-        className: `relative focus:outline-none ${!widgetSize && !isMinimized ? "w-[380px]" : ""} ${!widgetSize && !isMinimized ? "h-[650px]" : ""} ${isMinimized ? "w-80 h-auto" : ""} ${widgetSize && !isMinimized ? "w-full h-full" : ""} max-w-[92vw] border rounded-2xl shadow-2xl bg-white border-gray-200 flex flex-col ${!isMinimized ? "max-h-[85vh]" : ""} overflow-hidden ${isDark ? "bg-gray-900 border-gray-700" : ""}`,
-        children: [!isMinimized && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-          onMouseDown: e => handleResizeStart("corner", e),
-          "aria-hidden": "true",
-          className: `absolute w-4 h-4 ${anchorRight === anchorBottom ? "cursor-nwse-resize" : "cursor-nesw-resize"} text-gray-400 hover:text-blue-500 transition-colors z-[71] flex p-0.5 ${anchorBottom ? "top-0 items-start" : "bottom-0 items-end"} ${anchorRight ? "left-0 justify-start" : "right-0 justify-end"}`,
-          children: /*#__PURE__*/jsxRuntimeExports.jsx("svg", {
-            viewBox: "0 0 12 12",
-            className: `w-3 h-3 ${anchorBottom && anchorRight ? "rotate-180" : anchorBottom ? "-rotate-90" : anchorRight ? "rotate-90" : ""}`,
-            "aria-hidden": true,
-            children: /*#__PURE__*/jsxRuntimeExports.jsx("path", {
-              d: "M11 1 L1 11 M11 5 L5 11 M11 9 L9 11",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              fill: "none",
-              strokeLinecap: "round"
-            })
-          })
-        }), /*#__PURE__*/jsxRuntimeExports.jsx(ChatHeader, {
-          conciergeName: conciergeName,
-          companyName: companyName,
-          companyLogo: companyLogo,
-          primaryColor: primaryColor,
-          isDark: isDark,
-          isMinimized: isMinimized,
-          textColor: resolvedTextColor,
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          onToggleTheme: onToggleTheme,
-          onMinimize: onMinimize,
-          onClose: handleCloseClick,
-          headerTextBold: headerTextBold,
-          headerTextItalic: headerTextItalic,
-          headerTextColor: headerTextColor,
-          headerFontFamily: headerFontFamily,
-          headerFontSize: headerFontSize,
-          subtitle: subtitle,
-          showStatus: showStatus,
-          statusMode: statusMode,
-          officeHours: officeHours,
-          onRefreshChat: onRefreshChat,
-          onCopyChat: onCopyChat,
-          defaultLanguage: defaultLanguage
-        }), !isMinimized && filterEnabled && !showInlineFilter && !(showResolveForm && !isConversationResolved) && !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(CategoryTabsBar, {
-          categories: filterCategories,
-          selectedCategoryId: widgetFilter?.category || null,
-          onSelect: handleSelectCategory,
-          isDark: isDark,
-          primaryColor: primaryColor,
-          fontFamily: fontFamily,
-          isRtl: isRtlLanguage,
-          defaultLanguage: defaultLanguage
-        }), !isMinimized && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    return /*#__PURE__*/jsxRuntimeExports.jsx(VerificationContext.Provider, {
+      value: verificationContextValue,
+      children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        dir: isRtlLanguage ? "rtl" : "ltr",
+        className: `relative flex-shrink-0 z-50 ${isMinimized ? "w-80 h-auto" : ""}`,
+        style: sizeStyle,
+        children: [!isMinimized && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
           children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
-            ref: messagesContainerRef,
-            role: "log",
-            "aria-live": "polite",
-            className: `chat-messages flex-1 overflow-y-auto px-3 py-4 space-y-4 ${isDark ? "bg-gray-900" : "bg-gradient-to-b from-gray-50/50 to-white"} break-words`,
-            children: showResolveForm && !isConversationResolved ? renderFeedbackForm() : onboardingActive && !onboardingCompleted && onOnboardingFormSubmit ? /*#__PURE__*/jsxRuntimeExports.jsx(OnboardingForm, {
-              questions: onboardingQuestions,
-              onPromptSuggestionClick: stableOnPromptSuggestionClick,
-              collapsiblePrompt: collectionPrompt,
-              onSubmit: onOnboardingFormSubmit,
-              primaryColor: primaryColor,
-              isRtl: isRtlLanguage,
-              isDark: isDark,
-              defaultLanguage: defaultLanguage,
-              fontFamily: fontFamily
-            }) : /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-              children: [sessionExpiringSoon && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-                role: "status",
-                className: `mx-3 mt-1 mb-2 rounded-lg px-3 py-2 text-xs font-medium ${isDark ? 'bg-amber-900/40 text-amber-200 border border-amber-700/50' : 'bg-amber-50 text-amber-800 border border-amber-200'}`,
-                children: t("sessionExpiringSoon")
-              }), /*#__PURE__*/jsxRuntimeExports.jsx(MessageList, {
-                messages: messages,
-                liveJoined: liveJoined,
-                isDark: isDark,
+            onMouseDown: e => handleResizeStart("horizontal", e),
+            className: `absolute top-0 h-full w-1.5 cursor-ew-resize hover:bg-blue-500/20 transition-colors z-[70] ${anchorRight ? "left-0" : "right-0"}`,
+            "aria-hidden": true
+          }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            onMouseDown: e => handleResizeStart("vertical", e),
+            className: `absolute left-0 w-full h-1.5 cursor-ns-resize hover:bg-blue-500/20 transition-colors z-[70] ${anchorBottom ? "top-0" : "bottom-0"}`,
+            "aria-hidden": true
+          })]
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          id: "chat-window-panel",
+          ref: panelRef,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": t("openChat"),
+          tabIndex: -1,
+          className: `relative focus:outline-none ${!widgetSize && !isMinimized ? "w-[380px]" : ""} ${!widgetSize && !isMinimized ? "h-[650px]" : ""} ${isMinimized ? "w-80 h-auto" : ""} ${widgetSize && !isMinimized ? "w-full h-full" : ""} max-w-[92vw] border rounded-2xl shadow-2xl bg-white border-gray-200 flex flex-col ${!isMinimized ? "max-h-[85vh]" : ""} overflow-hidden ${isDark ? "bg-gray-900 border-gray-700" : ""}`,
+          children: [!isMinimized && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            onMouseDown: e => handleResizeStart("corner", e),
+            "aria-hidden": "true",
+            className: `absolute w-4 h-4 ${anchorRight === anchorBottom ? "cursor-nwse-resize" : "cursor-nesw-resize"} text-gray-400 hover:text-blue-500 transition-colors z-[71] flex p-0.5 ${anchorBottom ? "top-0 items-start" : "bottom-0 items-end"} ${anchorRight ? "left-0 justify-start" : "right-0 justify-end"}`,
+            children: /*#__PURE__*/jsxRuntimeExports.jsx("svg", {
+              viewBox: "0 0 12 12",
+              className: `w-3 h-3 ${anchorBottom && anchorRight ? "rotate-180" : anchorBottom ? "-rotate-90" : anchorRight ? "rotate-90" : ""}`,
+              "aria-hidden": true,
+              children: /*#__PURE__*/jsxRuntimeExports.jsx("path", {
+                d: "M11 1 L1 11 M11 5 L5 11 M11 9 L9 11",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                fill: "none",
+                strokeLinecap: "round"
+              })
+            })
+          }), /*#__PURE__*/jsxRuntimeExports.jsx(ChatHeader, {
+            conciergeName: conciergeName,
+            companyName: companyName,
+            companyLogo: companyLogo,
+            primaryColor: primaryColor,
+            isDark: isDark,
+            isMinimized: isMinimized,
+            textColor: resolvedTextColor,
+            fontFamily: fontFamily,
+            fontSize: fontSize,
+            onToggleTheme: onToggleTheme,
+            onMinimize: onMinimize,
+            onClose: handleCloseClick,
+            headerTextBold: headerTextBold,
+            headerTextItalic: headerTextItalic,
+            headerTextColor: headerTextColor,
+            headerFontFamily: headerFontFamily,
+            headerFontSize: headerFontSize,
+            subtitle: subtitle,
+            showStatus: showStatus,
+            statusMode: statusMode,
+            officeHours: officeHours,
+            onRefreshChat: onRefreshChat,
+            onCopyChat: onCopyChat,
+            defaultLanguage: defaultLanguage
+          }), !isMinimized && filterEnabled && !showInlineFilter && !(showResolveForm && !isConversationResolved) && !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(CategoryTabsBar, {
+            categories: filterCategories,
+            selectedCategoryId: widgetFilter?.category || null,
+            onSelect: handleSelectCategory,
+            isDark: isDark,
+            primaryColor: primaryColor,
+            fontFamily: fontFamily,
+            isRtl: isRtlLanguage,
+            defaultLanguage: defaultLanguage
+          }), !isMinimized && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
+              ref: messagesContainerRef,
+              role: "log",
+              "aria-live": "polite",
+              className: `chat-messages flex-1 overflow-y-auto px-3 py-4 space-y-4 ${isDark ? "bg-gray-900" : "bg-gradient-to-b from-gray-50/50 to-white"} break-words`,
+              children: showResolveForm && !isConversationResolved ? renderFeedbackForm() : onboardingActive && !onboardingCompleted && onOnboardingFormSubmit ? /*#__PURE__*/jsxRuntimeExports.jsx(OnboardingForm, {
+                questions: onboardingQuestions,
+                onPromptSuggestionClick: stableOnPromptSuggestionClick,
+                collapsiblePrompt: collectionPrompt,
+                onSubmit: onOnboardingFormSubmit,
                 primaryColor: primaryColor,
-                isLoading: isLoading,
-                agentMessageBubbleColor: agentMessageBubbleColor,
-                userMessageBoxColor: userMessageBoxColor,
-                textColor: textColor,
-                assistantTextColor: assistantTextColor,
-                userTextColor: userTextColor,
-                fontFamily: fontFamily,
-                agentMessageBubbleFontFamily: agentMessageBubbleFontFamily,
-                agentMessageBubbleFontSize: agentMessageBubbleFontSize,
-                userMessageBubbleFontFamily: userMessageBubbleFontFamily,
-                userMessageBubbleFontSize: userMessageBubbleFontSize,
-                fontSize: fontSize,
-                formatTime: formatTime,
                 isRtl: isRtlLanguage,
+                isDark: isDark,
                 defaultLanguage: defaultLanguage,
-                quickQuestions: quickQuestions,
-                shouldShowQuickQuestions: shouldShowQuickQuestions,
-                onQuickQuestion: onQuickQuestion ?? onDirectSend,
-                quickQuestionsLayout: quickQuestionsLayout,
-                onDecision: onDecision,
-                disclaimerEnabled: disclaimerEnabled,
-                disclaimerText: disclaimerText,
-                disclaimerPosition: disclaimerPosition,
-                disclaimerLinkUrl: disclaimerLinkUrl,
-                disclaimerLinkLabel: disclaimerLinkLabel,
-                resolvedAgentBubbleColor: resolvedAgentBubbleColor,
-                resolvedUserMessageColor: resolvedUserMessageColor,
-                resolvedTextColor: resolvedTextColor,
-                isVoiceSessionActive: isVoiceSessionActive,
-                voiceStatus: voiceStatus,
-                messagesContainerRef: messagesContainerRef,
-                companyLogo: companyLogo,
-                chatbotAvatarEnabled: chatbotAvatarEnabled,
-                chatbotAvatar: chatbotAvatar,
-                conciergeName: conciergeName,
-                companyName: companyName,
-                apiBaseUrl: apiBaseUrl,
-                getAuthToken: getAuthToken,
-                onPromptSuggestionClick: stableOnPromptSuggestionClick,
-                conversationResetKey: conversationId,
-                allowFeedback: allowFeedback,
-                provideCitations: provideCitations,
-                onFeedback: onFeedback,
-                onRetryMessage: onRetryMessage,
-                headerTextColor: headerTextColor,
-                beforePromptsSlot: showInlineFilter ? /*#__PURE__*/jsxRuntimeExports.jsx(CategoryFilterInline, {
-                  categories: filterCategories,
-                  selectedCategoryId: widgetFilter?.category || null,
-                  onSelect: handleSelectCategory,
+                fontFamily: fontFamily
+              }) : /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+                children: [sessionExpiringSoon && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+                  role: "status",
+                  className: `mx-3 mt-1 mb-2 rounded-lg px-3 py-2 text-xs font-medium ${isDark ? 'bg-amber-900/40 text-amber-200 border border-amber-700/50' : 'bg-amber-50 text-amber-800 border border-amber-200'}`,
+                  children: t("sessionExpiringSoon")
+                }), /*#__PURE__*/jsxRuntimeExports.jsx(MessageList, {
+                  messages: messages,
+                  liveJoined: liveJoined,
                   isDark: isDark,
                   primaryColor: primaryColor,
+                  isLoading: isLoading,
+                  agentMessageBubbleColor: agentMessageBubbleColor,
+                  userMessageBoxColor: userMessageBoxColor,
+                  textColor: textColor,
+                  assistantTextColor: assistantTextColor,
+                  userTextColor: userTextColor,
                   fontFamily: fontFamily,
+                  agentMessageBubbleFontFamily: agentMessageBubbleFontFamily,
+                  agentMessageBubbleFontSize: agentMessageBubbleFontSize,
+                  userMessageBubbleFontFamily: userMessageBubbleFontFamily,
+                  userMessageBubbleFontSize: userMessageBubbleFontSize,
                   fontSize: fontSize,
+                  formatTime: formatTime,
                   isRtl: isRtlLanguage,
-                  label: t("chooseTopicLabel"),
-                  regionLabel: t("categoryFilter")
-                }) : null,
-                quickQuestionsHeadingLabel: filterEnabled ? t("quickQuestionsHeadingLabel") : undefined
-              }), (showCsat && csatEnabled || csatRequest) && !csatSubmitted && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-                className: "",
-                "data-testid": "widget-csat-card",
-                children: /*#__PURE__*/jsxRuntimeExports.jsx(CSATWidget, {
-                  format: normalizeCsatFormat(csatRequest?.format || csatFormat),
-                  prompt: csatRequest?.prompt || csatPrompt || t("howWasYourExperience"),
-                  onRating: handleCsatRating,
-                  disabled: false,
-                  isDark: isDark,
-                  primaryColor: primaryColor,
-                  defaultLanguage: defaultLanguage
-                })
-              })]
-            })
-          }), !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
-            onSynthesizeAssistantMessage: onSynthesizeAssistantMessage,
-            onStopGeneration: onStopGeneration,
-            inputValue: inputValue,
-            setInputValue: setInputValue,
-            onSend: onSend,
-            isDark: isDark,
-            primaryColor: primaryColor,
-            isOpen: isOpen,
-            isMinimized: isMinimized,
-            isLoading: isLoading,
-            isConversationLoading: isConversationLoading,
-            placeholder: placeholder,
-            textColor: resolvedTextColor,
-            fontFamily: fontFamily,
-            userMessageBubbleFontFamily: userMessageBubbleFontFamily,
-            userMessageBubbleFontSize: userMessageBubbleFontSize,
-            fontSize: fontSize,
-            isRtl: isRtlLanguage,
-            csatVisible: showCsat && csatEnabled && !csatSubmitted || isCsatEnabled && (showResolveForm || isConversationResolved),
-            enableVoiceInteraction: enableVoiceInteraction,
-            isVoiceSessionActive: isVoiceSessionActive,
-            voiceStatus: voiceStatus,
-            voiceError: voiceError,
-            onVoiceToggle: onVoiceToggle,
-            onBidiSubmit: onBidiSubmit,
-            disclaimerEnabled: disclaimerEnabled,
-            disclaimerText: disclaimerText,
-            disclaimerPosition: disclaimerPosition,
-            disclaimerLinkUrl: disclaimerLinkUrl,
-            disclaimerLinkLabel: disclaimerLinkLabel,
-            showPoweredBy: showPoweredBy,
-            defaultLanguage: defaultLanguage,
-            onboardingQuestions: onboardingQuestions,
-            onboardingActive: onboardingActive,
-            onboardingCompleted: onboardingCompleted,
-            onboardingEnabled: onboardingEnabled,
-            userMessageBoxColor: userMessageBoxColor,
-            resolvedUserMessageColor: resolvedUserMessageColor,
-            userTextColor: userTextColor,
-            promptSuggestions: showResolveForm || isConversationResolved || autoPromptEnabled === false || isLoading ? [] : stablePromptSuggestions,
-            onPromptSuggestionClick: stableOnPromptSuggestionClick,
-            autoPromptQuestionDisplay: autoPromptQuestionDisplay,
-            tagSelectorNode: null,
-            showResolveButton: isCsatEnabled && hasUserMessages && !isConversationResolved && !showResolveForm && !showCsat && !shouldHideResolveForOnboarding,
-            onResolve: () => {
-              if (!isCsatEnabled) return;
-              setShowResolveForm(true);
-            }
-            // Attachments (RAG-attach-1) - paperclip stays hidden
-            // unless the operator explicitly opted in via
-            // MasterAgent.config.chatFeatures.
-            ,
-            chatFeatures: chatFeatures,
-            apiEndpoint: apiBaseUrl,
-            organizationId: organizationId,
-            conversationId: conversationId
+                  defaultLanguage: defaultLanguage,
+                  quickQuestions: quickQuestions,
+                  shouldShowQuickQuestions: shouldShowQuickQuestions,
+                  onQuickQuestion: onQuickQuestion ?? onDirectSend,
+                  quickQuestionsLayout: quickQuestionsLayout,
+                  onDecision: onDecision,
+                  disclaimerEnabled: disclaimerEnabled,
+                  disclaimerText: disclaimerText,
+                  disclaimerPosition: disclaimerPosition,
+                  disclaimerLinkUrl: disclaimerLinkUrl,
+                  disclaimerLinkLabel: disclaimerLinkLabel,
+                  resolvedAgentBubbleColor: resolvedAgentBubbleColor,
+                  resolvedUserMessageColor: resolvedUserMessageColor,
+                  resolvedTextColor: resolvedTextColor,
+                  isVoiceSessionActive: isVoiceSessionActive,
+                  voiceStatus: voiceStatus,
+                  messagesContainerRef: messagesContainerRef,
+                  companyLogo: companyLogo,
+                  chatbotAvatarEnabled: chatbotAvatarEnabled,
+                  chatbotAvatar: chatbotAvatar,
+                  conciergeName: conciergeName,
+                  companyName: companyName,
+                  apiBaseUrl: apiBaseUrl,
+                  getAuthToken: getAuthToken,
+                  onPromptSuggestionClick: stableOnPromptSuggestionClick,
+                  conversationResetKey: conversationId,
+                  allowFeedback: allowFeedback,
+                  provideCitations: provideCitations,
+                  onFeedback: onFeedback,
+                  onRetryMessage: onRetryMessage,
+                  headerTextColor: headerTextColor,
+                  beforePromptsSlot: showInlineFilter ? /*#__PURE__*/jsxRuntimeExports.jsx(CategoryFilterInline, {
+                    categories: filterCategories,
+                    selectedCategoryId: widgetFilter?.category || null,
+                    onSelect: handleSelectCategory,
+                    isDark: isDark,
+                    primaryColor: primaryColor,
+                    fontFamily: fontFamily,
+                    fontSize: fontSize,
+                    isRtl: isRtlLanguage,
+                    label: t("chooseTopicLabel"),
+                    regionLabel: t("categoryFilter")
+                  }) : null,
+                  quickQuestionsHeadingLabel: filterEnabled ? t("quickQuestionsHeadingLabel") : undefined
+                }), (showCsat && csatEnabled || csatRequest) && !csatSubmitted && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+                  className: "",
+                  "data-testid": "widget-csat-card",
+                  children: /*#__PURE__*/jsxRuntimeExports.jsx(CSATWidget, {
+                    format: normalizeCsatFormat(csatRequest?.format || csatFormat),
+                    prompt: csatRequest?.prompt || csatPrompt || t("howWasYourExperience"),
+                    onRating: handleCsatRating,
+                    disabled: false,
+                    isDark: isDark,
+                    primaryColor: primaryColor,
+                    defaultLanguage: defaultLanguage
+                  })
+                })]
+              })
+            }), !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
+              onSynthesizeAssistantMessage: onSynthesizeAssistantMessage,
+              onStopGeneration: onStopGeneration,
+              inputValue: inputValue,
+              setInputValue: setInputValue,
+              onSend: onSend,
+              isDark: isDark,
+              primaryColor: primaryColor,
+              isOpen: isOpen,
+              isMinimized: isMinimized,
+              isLoading: isLoading,
+              isConversationLoading: isConversationLoading,
+              verificationPending: verificationPendingKeys.size > 0,
+              placeholder: placeholder,
+              textColor: resolvedTextColor,
+              fontFamily: fontFamily,
+              userMessageBubbleFontFamily: userMessageBubbleFontFamily,
+              userMessageBubbleFontSize: userMessageBubbleFontSize,
+              fontSize: fontSize,
+              isRtl: isRtlLanguage,
+              csatVisible: showCsat && csatEnabled && !csatSubmitted || isCsatEnabled && (showResolveForm || isConversationResolved),
+              enableVoiceInteraction: enableVoiceInteraction,
+              isVoiceSessionActive: isVoiceSessionActive,
+              voiceStatus: voiceStatus,
+              voiceError: voiceError,
+              onVoiceToggle: onVoiceToggle,
+              onBidiSubmit: onBidiSubmit,
+              disclaimerEnabled: disclaimerEnabled,
+              disclaimerText: disclaimerText,
+              disclaimerPosition: disclaimerPosition,
+              disclaimerLinkUrl: disclaimerLinkUrl,
+              disclaimerLinkLabel: disclaimerLinkLabel,
+              showPoweredBy: showPoweredBy,
+              defaultLanguage: defaultLanguage,
+              onboardingQuestions: onboardingQuestions,
+              onboardingActive: onboardingActive,
+              onboardingCompleted: onboardingCompleted,
+              onboardingEnabled: onboardingEnabled,
+              userMessageBoxColor: userMessageBoxColor,
+              resolvedUserMessageColor: resolvedUserMessageColor,
+              userTextColor: userTextColor,
+              promptSuggestions: showResolveForm || isConversationResolved || autoPromptEnabled === false || isLoading ? [] : stablePromptSuggestions,
+              onPromptSuggestionClick: stableOnPromptSuggestionClick,
+              autoPromptQuestionDisplay: autoPromptQuestionDisplay,
+              tagSelectorNode: null,
+              showResolveButton: isCsatEnabled && hasUserMessages && !isConversationResolved && !showResolveForm && !showCsat && !shouldHideResolveForOnboarding,
+              onResolve: () => {
+                if (!isCsatEnabled) return;
+                setShowResolveForm(true);
+              }
+              // Attachments (RAG-attach-1) - paperclip stays hidden
+              // unless the operator explicitly opted in via
+              // MasterAgent.config.chatFeatures.
+              ,
+              chatFeatures: chatFeatures,
+              apiEndpoint: apiBaseUrl,
+              organizationId: organizationId,
+              conversationId: conversationId
+            })]
           })]
         })]
-      })]
+      })
     });
   };
 
@@ -23089,7 +23201,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.35';
+  const WIDGET_VERSION = '0.2.36';
 
   /**
    * API utility functions