@eshal-bot/chat-widget 0.2.31 → 0.2.33

package/dist/chat-widget.esm.js

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

package/dist/chat-widget.js

@@ -1177,7 +1177,7 @@
   function lb(a, b) {
     return null == a || "http://www.w3.org/1999/xhtml" === a ? kb(b) : "http://www.w3.org/2000/svg" === a && "foreignObject" === b ? "http://www.w3.org/1999/xhtml" : a;
   }
-  var mb,
+  var mb$1,
     nb = function (a) {
       return "undefined" !== typeof MSApp && MSApp.execUnsafeLocalFunction ? function (b, c, d, e) {
         MSApp.execUnsafeLocalFunction(function () {
@@ -1186,9 +1186,9 @@
       } : a;
     }(function (a, b) {
       if ("http://www.w3.org/2000/svg" !== a.namespaceURI || "innerHTML" in a) a.innerHTML = b;else {
-        mb = mb || document.createElement("div");
-        mb.innerHTML = "<svg>" + b.valueOf().toString() + "</svg>";
-        for (b = mb.firstChild; a.firstChild;) a.removeChild(a.firstChild);
+        mb$1 = mb$1 || document.createElement("div");
+        mb$1.innerHTML = "<svg>" + b.valueOf().toString() + "</svg>";
+        for (b = mb$1.firstChild; a.firstChild;) a.removeChild(a.firstChild);
         for (; b.firstChild;) a.appendChild(b.firstChild);
       }
     });
@@ -9307,6 +9307,7 @@
       retrySend: "إعادة المحاولة"
     },
     es: {
+      agentJoinedConversation: "{name} se ha unido a la conversación",
       connectionError: "Lo sentimos, estoy teniendo problemas de conexión en este momento. Inténtalo de nuevo.",
       micDenied: "No pudimos acceder a tu micrófono. Permite el acceso e inténtalo de nuevo.",
       micNotFound: "No se encontró ningún micrófono. Conecta uno e inténtalo de nuevo.",
@@ -9559,6 +9560,7 @@
       allowMicAccess: "Permetre accés al micròfon"
     },
     zh: {
+      agentJoinedConversation: "{name} 已加入对话",
       connectionError: "抱歉，我现在连接遇到问题。请重试。",
       micDenied: "无法访问您的麦克风。请允许访问后重试。",
       micNotFound: "未检测到麦克风。请连接麦克风后重试。",
@@ -9727,6 +9729,7 @@
       allowMicAccess: "Tillad mikrofonadgang"
     },
     nl: {
+      agentJoinedConversation: "{name} neemt deel aan het gesprek",
       connectionError: "Sorry, ik heb momenteel verbindingsproblemen. Probeer het opnieuw.",
       micDenied: "We konden geen toegang krijgen tot je microfoon. Geef toegang en probeer het opnieuw.",
       micNotFound: "Geen microfoon gevonden. Sluit een microfoon aan en probeer het opnieuw.",
@@ -9853,6 +9856,7 @@
       allowMicAccess: "Salli mikrofonin käyttö"
     },
     fr: {
+      agentJoinedConversation: "{name} a rejoint la conversation",
       connectionError: "Désolé, je rencontre des problèmes de connexion en ce moment. Veuillez réessayer.",
       micDenied: "Nous n'avons pas pu accéder à votre microphone. Autorisez l'accès et réessayez.",
       micNotFound: "Aucun microphone détecté. Connectez-en un et réessayez.",
@@ -9895,6 +9899,7 @@
       allowMicAccess: "Autoriser l'accès au microphone"
     },
     de: {
+      agentJoinedConversation: "{name} ist dem Gespräch beigetreten",
       connectionError: "Entschuldigung, ich habe gerade Verbindungsprobleme. Bitte versuchen Sie es erneut.",
       micDenied: "Wir konnten nicht auf Ihr Mikrofon zugreifen. Bitte erlauben Sie den Zugriff und versuchen Sie es erneut.",
       micNotFound: "Kein Mikrofon gefunden. Bitte schließen Sie eines an und versuchen Sie es erneut.",
@@ -10235,6 +10240,7 @@
       allowMicAccess: "Consenti l'accesso al microfono"
     },
     ja: {
+      agentJoinedConversation: "{name}が会話に参加しました",
       connectionError: "申し訳ありません。現在接続に問題が発生しています。もう一度お試しください。",
       micDenied: "マイクにアクセスできませんでした。アクセスを許可してもう一度お試しください。",
       micNotFound: "マイクが見つかりません。マイクを接続してもう一度お試しください。",
@@ -10739,6 +10745,7 @@
       allowMicAccess: "Разрешить доступ к микрофону"
     },
     sr: {
+      agentJoinedConversation: "{name} se pridružio/la razgovoru",
       connectionError: "Извините, тренутно имам проблема са повезивањем. Пробајте поново.",
       micDenied: "Нисмо могли да приступимо вашем микрофону. Дозволите приступ и пробајте поново.",
       micNotFound: "Микрофон није пронађен. Прикључите микрофон и пробајте поново.",
@@ -12080,11 +12087,43 @@
     }
     return fallbackIsRtl;
   }
+
+  // A file the chat will not take is answered with a message from the agent,
+  // as the other channels do, not with a warning chip under the composer. The
+  // same wording and languages as the channels' lines
+  // (backend channels/services/inboundAttachmentRejection.ts); other locales
+  // read English. {max_mb}, {used_mb} and {types} are filled at the call site.
+  const ATTACHMENT_REJECTION_TEXTS = {
+    en: {
+      attachmentLimitReached: "That file is too large. This chat can receive up to {max_mb} MB of files in total.",
+      attachmentLimitReachedUsed: "That file is too large. This chat can receive up to {max_mb} MB of files in total, and {used_mb} MB is already used.",
+      attachmentFileTooLarge: "Sorry, that file is too large. Files must be under {max_mb} MB.",
+      attachmentTypeNotAllowed: "Sorry, we can't accept that type of file. You can send {types}."
+    },
+    ar: {
+      attachmentLimitReached: "حجم الملف كبير جداً. يمكن لهذه المحادثة استقبال ملفات يصل مجموع حجمها إلى {max_mb} ميغابايت.",
+      attachmentLimitReachedUsed: "حجم الملف كبير جداً. يمكن لهذه المحادثة استقبال ملفات يصل مجموع حجمها إلى {max_mb} ميغابايت، وقد تم استخدام {used_mb} ميغابايت.",
+      attachmentFileTooLarge: "عذراً، حجم الملف كبير جداً. يجب أن يكون حجم الملف أقل من {max_mb} ميغابايت.",
+      attachmentTypeNotAllowed: "عذراً، لا يمكننا استقبال هذا النوع من الملفات. يمكنك إرسال: {types}."
+    },
+    zh: {
+      attachmentLimitReached: "文件过大。此聊天最多可接收共 {max_mb} MB 的文件。",
+      attachmentLimitReachedUsed: "文件过大。此聊天最多可接收共 {max_mb} MB 的文件，目前已使用 {used_mb} MB。",
+      attachmentFileTooLarge: "抱歉，文件过大。文件大小必须小于 {max_mb} MB。",
+      attachmentTypeNotAllowed: "抱歉，无法接收此类文件。您可以发送：{types}。"
+    },
+    ja: {
+      attachmentLimitReached: "ファイルが大きすぎます。このチャットで受け取れるファイルは合計 {max_mb} MB までです。",
+      attachmentLimitReachedUsed: "ファイルが大きすぎます。このチャットで受け取れるファイルは合計 {max_mb} MB までで、すでに {used_mb} MB を使用しています。",
+      attachmentFileTooLarge: "申し訳ありませんが、ファイルが大きすぎます。ファイルは {max_mb} MB 未満にしてください。",
+      attachmentTypeNotAllowed: "申し訳ありませんが、この種類のファイルは受け付けていません。送信できるファイル: {types}"
+    }
+  };
   function translate(locale, key) {
     const normalized = normalizeLocale(locale);
     const dict = DICTIONARIES[normalized] || EN;
     const onboarding = ONBOARDING_PLACEHOLDERS[normalized];
-    return onboarding?.[key] ?? dict[key] ?? A11Y_LABELS[normalized]?.[key] ?? ONBOARDING_PLACEHOLDERS.en[key] ?? A11Y_LABELS.en[key] ?? EN[key] ?? key;
+    return onboarding?.[key] ?? dict[key] ?? A11Y_LABELS[normalized]?.[key] ?? ATTACHMENT_REJECTION_TEXTS[normalized]?.[key] ?? ONBOARDING_PLACEHOLDERS.en[key] ?? A11Y_LABELS.en[key] ?? ATTACHMENT_REJECTION_TEXTS.en[key] ?? EN[key] ?? key;
   }
   function createTranslator(locale) {
     const normalized = normalizeLocale(locale);
@@ -12160,14 +12199,16 @@
    * The widget holds its own copy of every /support turn, under its own ids, so
    * on reload (and on the event stream's backfill) it merges from the server
    * only what reached the conversation another way: what a person sent from the
-   * Inbox (contentType human_reply, handoff_ack) and a Skill's reply to a staff
+   * Inbox (contentType human_reply, handoff_ack), the away and holding lines
+   * sent while the visitor waits for a person (handoff_wait, EV-4803; backend
+   * services/widgetHandoffLines.ts) and a Skill's reply to a staff
    * turn (staffTurn: Instruct Skill, or a hand-back that resumes the Skill;
    * backend services/staffTurn.ts). Dev, 15 Oct 2026: a Skill reply sent while
    * the Testing lab was closed never showed there, because only a person's
    * replies were merged. Mirrors packages/frontend/src/lib/messages/repliedOutsideStream.ts.
    */
   function isRepliedOutsideStream(m) {
-    return m?.contentType === 'human_reply' || m?.contentType === 'handoff_ack' || m?.staffTurn === true;
+    return m?.contentType === 'human_reply' || m?.contentType === 'handoff_ack' || m?.contentType === 'handoff_wait' || m?.staffTurn === true;
   }
 
   /**
@@ -12179,6 +12220,62 @@
     return m?.responder === 'ai' || m?.responder === 'human' ? m.responder : null;
   }
 
+  // EV-4048: human-agent identification in the widget transcript.
+  //
+  // A message pushed by a human agent (inbox reply / takeover) carries
+  // metadata.senderName; AI replies do not. For each such message we expose the
+  // agent's name (rendered above the bubble) and flag the first message from a
+  // given agent in the thread so the list can insert a "<Name> has joined the
+  // conversation" system line. Derived client-side so it also works for the
+  // history fetch and SSE backfill, with no extra backend event.
+
+  function getHumanSenderName(message) {
+    if (!message || message.role === 'user') return null;
+    const name = message.metadata?.senderName;
+    return typeof name === 'string' && name.trim() ? name.trim() : null;
+  }
+
+  // EV-4803: an agent who takes the chat in the Inbox (assign to self) joins
+  // before writing anything. The widget hears an agent_joined event and keeps
+  // { name, afterMessageId }; the line shows there, and that agent's first
+  // reply then skips its own line. Live only: on a reload the line falls back
+  // to the first reply, as before.
+  function computeHumanAgentAnnotations(messages, liveJoined = []) {
+    const result = new Map();
+    if (!Array.isArray(messages)) return result;
+    const seen = new Set((Array.isArray(liveJoined) ? liveJoined : []).map(j => j?.name).filter(Boolean));
+    for (const message of messages) {
+      const name = getHumanSenderName(message);
+      if (!name || !message.id) continue;
+      const joined = !seen.has(name);
+      seen.add(name);
+      result.set(message.id, {
+        name,
+        joined
+      });
+    }
+    return result;
+  }
+
+  /**
+   * EV-4803: live joins by the message they follow (id -> names in order). A
+   * join whose message is gone (or that came before any) goes after the last.
+   */
+  function liveJoinsByMessage(liveJoined, messages = []) {
+    const result = new Map();
+    const list = Array.isArray(messages) ? messages : [];
+    const lastId = list[list.length - 1]?.id;
+    for (const join of Array.isArray(liveJoined) ? liveJoined : []) {
+      if (!join?.name) continue;
+      const at = join.afterMessageId && list.some(m => m.id === join.afterMessageId) ? join.afterMessageId : lastId;
+      if (!at) continue;
+      const names = result.get(at) || [];
+      names.push(join.name);
+      result.set(at, names);
+    }
+    return result;
+  }
+
   /**
    * Clean CJK (Chinese, Japanese, Korean) spaces
    */
@@ -12997,6 +13094,15 @@
     // 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);
+    // EV-4803: agents who joined live (assigned the chat to themselves in the
+    // Inbox) before writing: [{ name, afterMessageId }]. MessageList shows
+    // "<name> has joined the conversation" after that message.
+    const [liveJoined, setLiveJoined] = reactExports.useState([]);
+    // The stream handler outlives renders; this is the list it joins after.
+    const messagesNowRef = reactExports.useRef(messages);
+    reactExports.useEffect(() => {
+      messagesNowRef.current = messages;
+    }, [messages]);
     const isHandedOffRef = reactExports.useRef(false);
     const markHandedOff = reactExports.useCallback(() => {
       isHandedOffRef.current = true;
@@ -13208,6 +13314,19 @@
             setCsatRequest(data.csat);
             return;
           }
+          if (data.type === 'agent_joined' && data.name) {
+            const name = String(data.name).trim();
+            if (!name) return;
+            const now = messagesNowRef.current || [];
+            // Already wrote here: their first reply carries the line.
+            if (now.some(m => getHumanSenderName(m) === name)) return;
+            const afterMessageId = now[now.length - 1]?.id || null;
+            setLiveJoined(joined => joined.some(j => j.name === name) ? joined : [...joined, {
+              name,
+              afterMessageId
+            }]);
+            return;
+          }
           if (data.type === 'conversation_erased') {
             es.close();
             if (handoffEventSourceRef.current === es) handoffEventSourceRef.current = null;
@@ -15435,6 +15554,7 @@
       setBidiMessages([]);
       // The rating request belonged to the conversation being left.
       setCsatRequest(null);
+      setLiveJoined([]);
 
       // Drop the localStorage transcript for the conversation we're abandoning
       // BEFORE we rotate to a fresh sessionId, otherwise the old bucket leaks.
@@ -15685,7 +15805,9 @@
       resetConversation,
       updateMessageFeedback,
       // Rating request from the Inbox (null when none is open).
-      csatRequest
+      csatRequest,
+      // EV-4803: agents who joined live, for the "has joined" line.
+      liveJoined
     };
   };
 
@@ -18368,37 +18490,6 @@
     });
   };
 
-  // EV-4048: human-agent identification in the widget transcript.
-  //
-  // A message pushed by a human agent (inbox reply / takeover) carries
-  // metadata.senderName; AI replies do not. For each such message we expose the
-  // agent's name (rendered above the bubble) and flag the first message from a
-  // given agent in the thread so the list can insert a "<Name> has joined the
-  // conversation" system line. Derived client-side so it also works for the
-  // history fetch and SSE backfill, with no extra backend event.
-
-  function getHumanSenderName(message) {
-    if (!message || message.role === 'user') return null;
-    const name = message.metadata?.senderName;
-    return typeof name === 'string' && name.trim() ? name.trim() : null;
-  }
-  function computeHumanAgentAnnotations(messages) {
-    const result = new Map();
-    if (!Array.isArray(messages)) return result;
-    const seen = new Set();
-    for (const message of messages) {
-      const name = getHumanSenderName(message);
-      if (!name || !message.id) continue;
-      const joined = !seen.has(name);
-      seen.add(name);
-      result.set(message.id, {
-        name,
-        joined
-      });
-    }
-    return result;
-  }
-
   /**
    * Framework-free A2UI core shared by the three A2uiBlock renderers - the
    * agent-sdk, the widget and the frontend Testing Lab (EV-4798 MERN-19).
@@ -18454,6 +18545,8 @@
 
   const MessageList = ({
     messages = [],
+    // EV-4803: agents who joined live: [{ name, afterMessageId }].
+    liveJoined = [],
     isDark,
     primaryColor,
     isLoading,
@@ -18633,7 +18726,19 @@
     // the configured `isRtl` when the text has no strongly-directional character
     // (digits, punctuation, emoji only), same contract as the message bubbles.
     // EV-4048: agent name + first-join system line for human-agent replies.
-    const humanAgentAnnotations = reactExports.useMemo(() => computeHumanAgentAnnotations(messages), [messages]);
+    const humanAgentAnnotations = reactExports.useMemo(() => computeHumanAgentAnnotations(messages, liveJoined), [messages, liveJoined]);
+    const liveJoins = reactExports.useMemo(() => liveJoinsByMessage(liveJoined, messages), [liveJoined, messages]);
+    const joinedLine = (name, key) => /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      role: "status",
+      "data-testid": "agent-joined-line",
+      style: {
+        textAlign: "center",
+        fontSize: "12px",
+        opacity: 0.7,
+        margin: "8px 0"
+      },
+      children: translate(defaultLanguage, "agentJoinedConversation").replace("{name}", name)
+    }, key);
     const disclaimerIsRtl = reactExports.useMemo(() => detectTextDirection(disclaimerText, isRtl), [disclaimerText, isRtl]);
     return /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
       children: [disclaimerEnabled && disclaimerText && disclaimerPosition === "top" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
@@ -18688,17 +18793,7 @@
           // confirmation / form cards, so a reload cannot re-arm them.
           jsxRuntimeExports.jsxs(A2uiAnsweredContext.Provider, {
             value: message.role === 'assistant' ? findNextUserAnswer(messages, index) : undefined,
-            children: [humanAgent?.joined && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-              role: "status",
-              "data-testid": "agent-joined-line",
-              style: {
-                textAlign: "center",
-                fontSize: "12px",
-                opacity: 0.7,
-                margin: "8px 0"
-              },
-              children: translate(defaultLanguage, "agentJoinedConversation").replace("{name}", humanAgent.name)
-            }), humanAgent && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            children: [humanAgent?.joined && joinedLine(humanAgent.name), humanAgent && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
               "data-testid": "agent-sender-name",
               style: {
                 fontSize: "12px",
@@ -18746,7 +18841,7 @@
               headerTextColor: headerTextColor,
               onRetryMessage: onRetryMessage,
               defaultLanguage: defaultLanguage
-            })]
+            }), (liveJoins.get(message.id) || []).map(name => joinedLine(name, `live-join-${name}`))]
           }, message.id)
         );
       }), (() => {
@@ -18840,6 +18935,54 @@
     });
   };
 
+  // A file the chat will not take (over the conversation's upload limit, over
+  // the per-file cap, or a type it does not accept) is answered with a message
+  // from the agent, as the other channels do, instead of a warning chip under
+  // the composer.
+
+  /** The rejections answered with a message; anything else (a network failure) keeps its chip so it can be retried. */
+  const MESSAGE_REJECTION_CODES = new Set(["size_exceeded", "file_too_large", "mime_not_allowed"]);
+
+  // The short names a customer knows, for "You can send PDF, JPG, PNG".
+  const TYPE_LABELS = [["application/pdf", "PDF"], ["image/jpeg", "JPG"], ["image/png", "PNG"], ["image/gif", "GIF"], ["image/webp", "WEBP"], ["application/msword", "DOC"], ["application/vnd.openxmlformats-officedocument.wordprocessingml.document", "DOCX"], ["application/vnd.ms-excel", "XLS"], ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "XLSX"], ["text/csv", "CSV"], ["text/plain", "TXT"]];
+  function allowedTypesLabel(allowedMimes) {
+    const allowed = new Set((allowedMimes || []).map(m => String(m).toLowerCase()));
+    const labels = TYPE_LABELS.filter(([mime]) => allowed.has(mime)).map(([, label]) => label);
+    return labels.join(", ");
+  }
+  const fill = (template, vars) => template.replace(/\{(\w+)\}/g, (_m, k) => vars[k] ?? "");
+  const mb = bytes => {
+    const v = Math.max(0, Number(bytes) || 0) / (1024 * 1024);
+    return v >= 10 ? String(Math.round(v)) : String(Math.round(v * 10) / 10);
+  };
+
+  /**
+   * The agent's reply to a rejected file, in the widget's language.
+   * `rejection`: { code, usedBytes } from useFileUpload; `config`: the upload
+   * policy (fileUploadMaxSizeMB, fileUploadMaxFileMB, fileUploadAllowedMimes).
+   */
+  function attachmentRejectionText(t, rejection, config = {}) {
+    const maxMb = String(config.fileUploadMaxSizeMB ?? "");
+    if (rejection.code === "mime_not_allowed") {
+      const types = allowedTypesLabel(config.fileUploadAllowedMimes);
+      return fill(t("attachmentTypeNotAllowed"), {
+        types: types || "PDF"
+      });
+    }
+    if (rejection.code === "file_too_large") {
+      return fill(t("attachmentFileTooLarge"), {
+        max_mb: String(config.fileUploadMaxFileMB ?? maxMb)
+      });
+    }
+    const used = Number(rejection.usedBytes) || 0;
+    return used > 0 ? fill(t("attachmentLimitReachedUsed"), {
+      max_mb: maxMb,
+      used_mb: mb(used)
+    }) : fill(t("attachmentLimitReached"), {
+      max_mb: maxMb
+    });
+  }
+
   /**
    * useFileUpload - attachment upload flow for the production widget.
    *
@@ -18875,7 +19018,11 @@
       case "size_exceeded":
       case "mime_not_allowed":
       case "storage_unavailable":
+      case "file_too_large":
         return code;
+      // The server's name for "over this conversation's upload limit".
+      case "session_exceeded":
+        return "size_exceeded";
       default:
         return "unknown";
     }
@@ -19053,7 +19200,11 @@
     config,
     apiEndpoint,
     authHeader,
-    onError
+    onError,
+    // Called instead of showing an error chip when the chat will not take the
+    // file (MESSAGE_REJECTION_CODES): { code, filename, size, usedBytes }. The
+    // widget answers with a message from the agent, as the other channels do.
+    onRejected
   }) {
     const [attachments, setAttachments] = reactExports.useState([]);
     const inflightRef = reactExports.useRef(new Map());
@@ -19087,6 +19238,19 @@
       } : a));
     }, []);
     const errorPatch = reactExports.useCallback((id, code, message) => {
+      // The server refused the file for the conversation's policy: no chip,
+      // the agent says so instead.
+      if (onRejected && MESSAGE_REJECTION_CODES.has(code)) {
+        const target = attachmentsRef.current.find(a => a.id === id);
+        setAttachments(prev => prev.filter(a => a.id !== id));
+        onRejected({
+          code,
+          filename: target?.filename,
+          size: target?.size,
+          usedBytes: Math.max(0, sessionBytesRef.current.bytes)
+        });
+        return;
+      }
       const patch = {
         status: "error",
         error: {
@@ -19103,7 +19267,7 @@
         if (target && onError) onError(target);
         return patched;
       });
-    }, [onError]);
+    }, [onError, onRejected]);
     const validateFile = reactExports.useCallback((file, currentCount) => {
       if (!config?.fileUploadEnabled) {
         return {
@@ -19343,6 +19507,15 @@
         const currentCount = attachmentsRef.current.filter(a => a.status !== "error").length;
         const check = validateFile(file, currentCount);
         const id = nextId();
+        if (!check.ok && onRejected && MESSAGE_REJECTION_CODES.has(check.code)) {
+          onRejected({
+            code: check.code,
+            filename: file.name,
+            size: file.size,
+            usedBytes: Math.max(0, sessionBytesRef.current.bytes)
+          });
+          continue;
+        }
         if (!check.ok) {
           const rejected = {
             id,
@@ -19381,7 +19554,7 @@
         sessionBytesRef.current.bytes += file.size;
         void doUpload(id, file);
       }
-    }, [validateFile, doUpload, nextId, onError]);
+    }, [validateFile, doUpload, nextId, onError, onRejected]);
     const removeAttachment = reactExports.useCallback(id => {
       const xhr = inflightRef.current.get(id);
       if (xhr) {
@@ -19702,7 +19875,10 @@
     chatFeatures,
     apiEndpoint,
     organizationId,
-    conversationId
+    conversationId,
+    // Adds an agent message (useChatState.addAssistantMessage): a file the
+    // chat will not take is answered this way, as on the other channels.
+    onSynthesizeAssistantMessage
   }) => {
     const t = reactExports.useMemo(() => createTranslator(defaultLanguage), [defaultLanguage]);
     const poweredByParts = reactExports.useMemo(() => getPoweredByParts(defaultLanguage), [defaultLanguage]);
@@ -19736,7 +19912,14 @@
       conversationId,
       config: uploadConfig,
       apiEndpoint,
-      authHeader: undefined
+      authHeader: undefined,
+      // Over the upload limit, over the per-file cap or a type the chat does
+      // not take: a message from the agent, not a warning chip.
+      onRejected: onSynthesizeAssistantMessage ? rejection => onSynthesizeAssistantMessage(attachmentRejectionText(t, rejection, {
+        ...uploadConfig,
+        // The platform's per-file cap (backend CHAT_ATTACHMENT_PLATFORM_MAX_MB).
+        fileUploadMaxFileMB: chatFeatures?.fileUploadMaxFileMB ?? 25
+      })) : undefined
     });
     const fileInputRef = reactExports.useRef(null);
 
@@ -21645,6 +21828,8 @@
     // 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,
+    // EV-4803: agents who joined live: [{ name, afterMessageId }].
+    liveJoined = [],
     onPromptSuggestionClick,
     onboardingEnabled = false,
     onResetConversation,
@@ -22425,6 +22610,7 @@
                 children: t("sessionExpiringSoon")
               }), /*#__PURE__*/jsxRuntimeExports.jsx(MessageList, {
                 messages: messages,
+                liveJoined: liveJoined,
                 isDark: isDark,
                 primaryColor: primaryColor,
                 isLoading: isLoading,
@@ -22500,6 +22686,7 @@
               })]
             })
           }), !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
+            onSynthesizeAssistantMessage: onSynthesizeAssistantMessage,
             onStopGeneration: onStopGeneration,
             inputValue: inputValue,
             setInputValue: setInputValue,
@@ -22876,7 +23063,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.31';
+  const WIDGET_VERSION = '0.2.33';
 
   /**
    * API utility functions
@@ -23297,7 +23484,8 @@
       widgetFilter,
       setWidgetFilter,
       addAssistantMessage,
-      csatRequest
+      csatRequest,
+      liveJoined
     } = useChatState(widgetConfig ? {
       welcomeMessage: widgetConfig.welcomeMessage,
       // Per the EV-3813 note below, this hook produces customer-facing
@@ -23521,6 +23709,7 @@
           csatFormat: widgetConfig.csatFormat,
           csatPrompt: widgetConfig.csatPrompt,
           csatRequest: csatRequest,
+          liveJoined: liveJoined,
           onboardingEnabled: widgetConfig.onboardingEnabled,
           onResetConversation: resetConversation,
           sessionExpiringSoon: sessionExpiringSoon,