@eshal-bot/chat-widget 0.2.31 → 0.2.32

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-kV_zpR6R.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);
       }
     });
@@ -12080,11 +12080,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);
@@ -18840,6 +18872,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 +18955,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 +19137,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 +19175,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 +19204,7 @@
         if (target && onError) onError(target);
         return patched;
       });
-    }, [onError]);
+    }, [onError, onRejected]);
     const validateFile = reactExports.useCallback((file, currentCount) => {
       if (!config?.fileUploadEnabled) {
         return {
@@ -19343,6 +19444,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 +19491,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 +19812,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 +19849,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);
 
@@ -22500,6 +22620,7 @@
               })]
             })
           }), !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
+            onSynthesizeAssistantMessage: onSynthesizeAssistantMessage,
             onStopGeneration: onStopGeneration,
             inputValue: inputValue,
             setInputValue: setInputValue,
@@ -22876,7 +22997,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.32';
 
   /**
    * API utility functions