@cognigy/webchat 3.43.0 → 3.44.0

package/OSS_LICENSES.txt

@@ -1,4 +1,4 @@
-Created on 15-05-2026 at 12:21:32
+Created on 16-06-2026 at 13:58:08
 
 {
   "@babel/code-frame@7.29.0": {
@@ -170,7 +170,7 @@ Created on 15-05-2026 at 12:21:32
     "licenseFile": "node_modules/@cognigy/socket-client/LICENSE",
     "copyright": "Copyright (c) 2019 Cognigy GmbH"
   },
-  "@cognigy/webchat@3.43.0": {
+  "@cognigy/webchat@3.44.0": {
     "licenses": "MIT*",
     "repository": "https://github.com/Cognigy/Webchat",
     "publisher": "Cognigy GmbH",

package/dist/webchat.esm.js

@@ -1,7 +1,7 @@
 /*!
- * webchat.esm.js v3.43.0
- * https://github.com/Cognigy/Webchat/tree/v3.43.0
- * https://github.com/Cognigy/Webchat/tree/v3.43.0/OSS_LICENSES.txt
+ * webchat.esm.js v3.44.0
+ * https://github.com/Cognigy/Webchat/tree/v3.44.0
+ * https://github.com/Cognigy/Webchat/tree/v3.44.0/OSS_LICENSES.txt
  */
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
@@ -38178,6 +38178,23 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
       this.props.onShowChatScreen();
     }
   };
+
+  /**
+   * Emits the `webchat/close-button` analytics event.
+   *
+   * Fired only from the close ("X") button handlers — the chat window header
+   * (`handleCloseAndReset`) and the disconnect overlay (`handleClose`). It is
+   * NOT emitted for the toggle button, the home-screen close (which minimizes),
+   * or the programmatic `webchat.close()` / `webchat.toggle()` APIs.
+   *
+   * This lives in the component rather than the redux analytics middleware
+   * (where `webchat/open|close|minimize` are emitted) on purpose: the store only
+   * sees the resulting `SET_OPEN` action and cannot tell which control triggered
+   * the close, so the originating interaction is only known here.
+   */
+  emitCloseButtonAnalytics = () => {
+    this.props.onEmitAnalytics("webchat/close-button");
+  };
   render() {
     const {
       props,
@@ -38242,7 +38259,8 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     } = state;
     const {
       widgetSettings: {
-        disableToggleButton
+        disableToggleButton,
+        disableMobileScrollLock
       },
       behavior: {
         enableConnectionStatusIndicator
@@ -38285,12 +38303,15 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     const chatRegionAriaLabel = config.settings.customTranslations?.ariaLabels?.chatRegion ?? "Chat window";
     const handleClose = () => {
       onClose();
+      // The disconnect overlay's close ("X") is also a header close button, so
+      // it emits "webchat/close-button" for parity with the chat window header.
+      this.emitCloseButtonAnalytics();
       this.chatToggleButtonRef.current?.focus();
     };
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_emotion_react__WEBPACK_IMPORTED_MODULE_2__.a, {
       theme: theme
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react__WEBPACK_IMPORTED_MODULE_0__["default"].Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(react_remove_scroll__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .A, {
-      enabled: open && isMobile,
+      enabled: open && isMobile && !disableMobileScrollLock,
       allowPinchZoom: true
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_presentational_WebchatWrapper__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .A, _extends({
       "data-cognigy-webchat-root": true
@@ -38419,6 +38440,10 @@ class WebchatUI extends react__WEBPACK_IMPORTED_MODULE_0__["default"].PureCompon
     const handleCloseAndReset = () => {
       onSetShowHomeScreen(true);
       onClose();
+      // `onClose()` emits the generic "webchat/close" (which also fires for the
+      // toggle button); this additionally emits "webchat/close-button" so
+      // integrations can react to an explicit header close only.
+      this.emitCloseButtonAnalytics();
       // Restore focus to chat toggle button
       this.chatToggleButtonRef?.current?.focus?.();
     };
@@ -42142,29 +42167,51 @@ const ScreenReaderLiveRegion = ({
       return message !== null && typeof message === "object" && "animationState" in message;
     };
     const timeout = setTimeout(() => {
-      const firstUnannouncedMsg = unannouncedMessages[0]; // Only announce one at a time
-      const id = `webchatMessageId-${firstUnannouncedMsg.timestamp}`;
+      // Scan for the first unannounced message that is currently announceable.
+      // We must NOT stop at index 0 for non-rendered (data-only) messages,
+      // otherwise a permanently data-only message would block all later ones.
+      for (const candidate of unannouncedMessages) {
+        const id = `webchatMessageId-${candidate.timestamp}`;
+
+        // A streaming message that hasn't finished blocks later announcements
+        // (preserves in-order announcement of streamed output).
+        const isStreaming = isProgressiveRenderingEnabled && isStreamingMessage(candidate) && (candidate.animationState === "start" || candidate.animationState === "animating");
+        if (isStreaming) return;
+
+        // Event status pills announce themselves via aria-live="assertive".
+        // Mark handled and continue; they must not block later real messages.
+        if (liveContent[id] === `IGNORE-${id}`) {
+          announcedIdsRef.current.add(id);
+          continue;
+        }
+
+        // Prefer chat-components' live content; otherwise read the DOM.
+        // getTextFromDOM returns null when no <article data-message-id>
+        // node exists, which is the signal for a not-rendered message.
+        const liveText = liveContent[id];
+        const domText = liveText ? null : (0,_utils_live_region_announcement__WEBPACK_IMPORTED_MODULE_2__/* .getTextFromDOM */ .g9)(id);
 
-      // Check if this is a streaming message that hasn't finished
-      const isStreaming = isProgressiveRenderingEnabled && isStreamingMessage(firstUnannouncedMsg) && (firstUnannouncedMsg.animationState === "start" || firstUnannouncedMsg.animationState === "animating");
+        // "Rendered" iff chat-components produced live content for it,
+        // or an <article data-message-id> node exists in the DOM.
+        const isRendered = Boolean(liveText) || domText !== null;
 
-      // If streaming, don't announce yet
-      if (isStreaming) return;
-      announcedIdsRef.current.add(id);
+        // Data-only / unsupported message: not in the chat log UI.
+        // Skip WITHOUT marking announced so it can still be announced
+        // if it becomes rendered later (e.g. progressive rendering).
+        if (!isRendered) {
+          continue;
+        }
 
-      // Skip announcement if the message is marked as "IGNORE". Done by ChatEvent message component, as it has aria-live="assertive"
-      if (liveContent[id] === `IGNORE-${id}`) {
-        setLiveMessage(null);
+        // Rendered: announce exactly one message per effect run.
+        // Fall back to "A new message" for rendered-but-textless nodes.
+        announcedIdsRef.current.add(id);
+        const text = (0,_utils_live_region_announcement__WEBPACK_IMPORTED_MODULE_2__/* .cleanUpText */ .Yx)(liveText || domText || "A new message");
+        setLiveMessage({
+          id,
+          text
+        });
         return;
       }
-
-      // Use live content if available, otherwise extract from DOM
-      const rawText = liveContent[id] || (0,_utils_live_region_announcement__WEBPACK_IMPORTED_MODULE_2__/* .getTextFromDOM */ .g9)(id);
-      const text = (0,_utils_live_region_announcement__WEBPACK_IMPORTED_MODULE_2__/* .cleanUpText */ .Yx)(rawText || "A new message");
-      setLiveMessage({
-        id,
-        text
-      });
     }, 100);
     return () => clearTimeout(timeout);
   }, [messages, liveContent, isProgressiveRenderingEnabled]);
@@ -44180,12 +44227,17 @@ const extractTextForScreenReader = root => {
  * - Querying the DOM for the element with the specified ID
  * - Using the extractTextForScreenReader function to get the text content
  *
+ * The <article data-message-id="..."> node only exists when chat-components'
+ * Message matcher matched at least one plugin. Data-only / unsupported
+ * messages produce no DOM node, so callers can use a `null` return to tell a
+ * not-rendered message apart from a rendered-but-textless one.
+ *
  * @param id - The message ID to extract text for
- * @returns The extracted text or a default message if not found
+ * @returns The extracted text, or `null` if no element exists for the id
  */
 const getTextFromDOM = id => {
   const messageElement = document.querySelector(`[data-message-id="${id}"]`);
-  return messageElement ? extractTextForScreenReader(messageElement) : "A new message";
+  return messageElement ? extractTextForScreenReader(messageElement) : null;
 };
 
 /***/ },
@@ -45597,6 +45649,7 @@ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
       disableTextInputSanitization: false,
       disableToggleButton: false,
       disableTeaserMarkdownRemoval: false,
+      disableMobileScrollLock: false,
       enableAutoFocus: false,
       enableInjectionWithoutEmptyHistory: false,
       enableFocusTrap: false,
@@ -45892,10 +45945,23 @@ const createInputCollationMiddleware = () => {
         messages
       } = store.getState().inputCollation;
       const text = messages.map(message => message.text).join(" ");
+
+      /**
+       * Preserve file upload attachments while collating. Each collatable input
+       * carries its attachments in `data.attachments`, so we merge them across all
+       * buffered messages. Without this, uploaded files are silently dropped when
+       * input collation is enabled (no file payload reaches the flow).
+       */
+      const attachments = messages.flatMap(message => {
+        const fileAttachments = message.data?.attachments;
+        return Array.isArray(fileAttachments) ? fileAttachments : [];
+      });
       const message = {
         ...messages[0],
         text,
-        data: undefined
+        data: attachments.length > 0 ? {
+          attachments
+        } : undefined
       };
       return message;
     };