@microsoft/omnichannel-chat-widget 1.8.3-main.ec1328d → 1.8.4-main.1bfa518

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/LoadInlineBannerActivity.js

@@ -0,0 +1,25 @@
+import React, { useMemo } from "react";
+import { defaultInlineBannerStyle } from "../defaultStyles/defaultInLineBannerStyle";
+import { defaultMiddlewareLocalizedTexts } from "../../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { mergeStyles } from "@fluentui/merge-styles";
+const LoadInlineBannerActivity = _ref => {
+  let {
+    webChatContainerProps,
+    persistentChatHistory,
+    id
+  } = _ref;
+  const localizedTexts = useMemo(() => ({
+    ...defaultMiddlewareLocalizedTexts,
+    ...(webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.localizedTexts)
+  }), [webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.localizedTexts]);
+  const bannerStyle = mergeStyles(persistentChatHistory === null || persistentChatHistory === void 0 ? void 0 : persistentChatHistory.bannerStyle, defaultInlineBannerStyle);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: bannerStyle,
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": localizedTexts.PREVIOUS_MESSAGES_LOADING,
+    "aria-busy": "true"
+  }, localizedTexts.PREVIOUS_MESSAGES_LOADING));
+};
+export default LoadInlineBannerActivity;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware.js

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable react/display-name */
 /******
  * ActivityMiddleware
  * 
@@ -7,16 +9,20 @@
  * 3. Decodes certain html characters that came through from chat services
  ******/
 
+import LazyLoadActivity, { LazyLoadHandler } from "./activities/LazyLoadActivity";
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
 import { Constants } from "../../../../../common/Constants";
+import ConversationDividerActivity from "./activities/ConversationDividerActivity";
 import { DirectLineActivityType } from "../../enums/DirectLineActivityType";
 import { DirectLineSenderRole } from "../../enums/DirectLineSenderRole";
 import React from "react";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
+import { defaultMiddlewareLocalizedTexts } from "../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
 import { defaultSystemMessageStyles } from "./defaultStyles/defaultSystemMessageStyles";
 import { defaultUserMessageStyles } from "./defaultStyles/defaultUserMessageStyles";
 import { escapeHtml } from "../../../../../common/utils";
 const loggedSystemMessages = new Array();
+let lastRenderedAt = 0; // Track last rendered receivedAt timestamp for deduplication
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleSystemMessage = (next, args, card, renderMarkdown, systemMessageStyleProps) => {
   var _card$activity, _card$activity$channe, _card$activity$channe2, _card$activity2, _card$activity2$chann, _card$activity3, _card$activity3$chann, _card$activity3$chann2, _card$activity4, _card$activity4$chann, _card$activity5, _card$activity5$chann, _card$nextVisibleActi, _card$nextVisibleActi2, _card$activity6, _card$activity6$chann, _card$activity7, _card$nextVisibleActi3, _card$activity8;
@@ -65,7 +71,7 @@ const isDataTagsPresent = card => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const createActivityMiddleware = (renderMarkdown, systemMessageStyleProps, userMessageStyleProps) => () => next => function () {
+export const createActivityMiddleware = (renderMarkdown, systemMessageStyleProps, userMessageStyleProps, localizedTexts) => () => next => function () {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
@@ -81,6 +87,47 @@ export const createActivityMiddleware = (renderMarkdown, systemMessageStyleProps
     if (isTagIncluded(card, Constants.systemMessageTag)) {
       return handleSystemMessage(next, args, card, renderMarkdown, systemMessageStyleProps);
     }
+    if (isTagIncluded(card, Constants.persistentChatHistoryMessagePullTriggerTag)) {
+      var _card$activity9, _card$activity9$chann, _card$activity9$chann2;
+      // Safety check: if this is a new chat session and flag is false, auto-correct it
+      if (!LazyLoadHandler.hasMoreHistoryAvailable) {
+        LazyLoadHandler.setHasMoreHistoryAvailable(true);
+      }
+      const receivedAt = card === null || card === void 0 ? void 0 : (_card$activity9 = card.activity) === null || _card$activity9 === void 0 ? void 0 : (_card$activity9$chann = _card$activity9.channelData) === null || _card$activity9$chann === void 0 ? void 0 : (_card$activity9$chann2 = _card$activity9$chann.webChat) === null || _card$activity9$chann2 === void 0 ? void 0 : _card$activity9$chann2.receivedAt;
+      if (receivedAt < lastRenderedAt) {
+        card.activity = null;
+        return () => false;
+      }
+      lastRenderedAt = receivedAt;
+
+      // Return a function that checks availability at render time
+      return () => {
+        // Double-check at render time in case history availability changed
+        if (!LazyLoadHandler.hasMoreHistoryAvailable) {
+          return null;
+        }
+        return /*#__PURE__*/React.createElement(LazyLoadActivity, null);
+      };
+    }
+    if (isTagIncluded(card, Constants.persistentChatHistoryMessageTag)) {
+      const userMessageStyles = {
+        ...defaultUserMessageStyles,
+        ...userMessageStyleProps
+      };
+      return function () {
+        return /*#__PURE__*/React.createElement("div", {
+          className: card.activity.from.role === DirectLineSenderRole.User ? Constants.sentMessageClassName : Constants.receivedMessageClassName,
+          style: userMessageStyles
+        }, next(...args)(...arguments));
+      };
+    }
+    if (isTagIncluded(card, Constants.conversationDividerTag)) {
+      const conversationDividerLabel = (localizedTexts === null || localizedTexts === void 0 ? void 0 : localizedTexts.CONVERSATION_DIVIDER_ARIA_LABEL) || defaultMiddlewareLocalizedTexts.CONVERSATION_DIVIDER_ARIA_LABEL;
+      // Pass the computed localized text to the divider component
+      return /*#__PURE__*/React.createElement(ConversationDividerActivity, {
+        dividerActivityAriaLabel: conversationDividerLabel
+      });
+    }
     if (card.activity.text && card.activity.type === DirectLineActivityType.Message) {
       if (!card.activity.channelData.isHtmlEncoded && card.activity.channelId === Constants.webchatChannelId) {
         card.activity.text = escapeHtml(card.activity.text);

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware.js

@@ -1,5 +1,6 @@
 import { Constants, WebChatMiddlewareConstants } from "../../../../../common/Constants";
 import { DeliveredTimestamp } from "./timestamps/DeliveredTimestamp";
+import { HistoryMessageTimestamp } from "./timestamps/HistoryMessageTimestamp";
 import { NotDeliveredTimestamp } from "./timestamps/NotDeliveredTimestamp";
 import React from "react";
 import { SendStatus } from "../../enums/SendStatus";
@@ -26,6 +27,11 @@ export const activityStatusMiddleware = () => next => args => {
     current_role = role,
     current_timestamp = timestamp;
   let sameTimestampGroupTemp = sameTimestampGroup;
+  if (tags !== null && tags !== void 0 && tags.includes(Constants.persistentChatHistoryMessageTag)) {
+    return /*#__PURE__*/React.createElement(HistoryMessageTimestamp, {
+      args: args
+    });
+  }
   if (args[WebChatMiddlewareConstants.nextVisibleActivity]) {
     const {
       nextVisibleActivity: {
@@ -35,6 +41,7 @@ export const activityStatusMiddleware = () => next => args => {
         timestamp
       }
     } = args;
+
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const next_name = name,
       next_timestamp = timestamp;
@@ -61,4 +68,10 @@ export const activityStatusMiddleware = () => next => args => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ;
   }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const createActivityStatusMiddleware = function () {
+  let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "en-us";
+  return activityStatusMiddleware;
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultAvatarTextStyles.js

@@ -1,6 +1,6 @@
 export const defaultAvatarTextStyles = {
   margin: "0",
-  fontFamily: "\"Segoe UI\", Arial, sans-serif",
+  fontFamily: "'Segoe UI', 'Apple Color Emoji', 'Noto Color Emoji', 'Segoe UI Emoji', Arial, sans-serif",
   fontWeight: 600,
   fontSize: "13px",
   lineHeight: "18px",

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultInLineBannerStyle.js

@@ -0,0 +1,13 @@
+import { defaultSystemMessageStyles } from "./defaultSystemMessageStyles";
+// Adjust the import path if necessary
+
+export const defaultInlineBannerStyle = {
+  ...defaultSystemMessageStyles,
+  visibility: "visible",
+  height: "20px",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  margin: "5px 10px",
+  cursor: "pointer"
+};

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSystemMessageStyles.js

@@ -5,7 +5,7 @@ export const defaultSystemMessageStyles = {
   fontSize: "12px",
   borderRadius: 0,
   minHeight: "auto",
-  fontFamily: "Segoe UI",
+  fontFamily: "'Segoe UI', 'Apple Color Emoji', 'Noto Color Emoji', 'Segoe UI Emoji', Arial, sans-serif",
   lineHeight: "16px",
   padding: "0px 10px 0 10px"
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -4,7 +4,7 @@ import { Stack } from "@fluentui/react";
 import { defaultMiddlewareLocalizedTexts } from "../../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
 import { defaultTimestampContentStyles } from "../defaultStyles/defaultTimestampContentStyles";
 import { getTimestampHourMinute } from "../../../../../../common/utils";
-import { useChatContextStore } from "../../../../../..";
+import useChatContextStore from "../../../../../../hooks/useChatContextStore";
 
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 export const DeliveredTimestamp = _ref => {

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/HistoryMessageTimestamp.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { Stack } from "@fluentui/react";
+import { defaultMiddlewareLocalizedTexts } from "../../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { defaultTimestampContentStyles } from "../defaultStyles/defaultTimestampContentStyles";
+import { getTimestampHourMinute } from "../../../../../../common/utils";
+import useChatContextStore from "../../../../../../hooks/useChatContextStore";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const HistoryMessageTimestamp = _ref => {
+  var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
+  let {
+    args
+  } = _ref;
+  const [state] = useChatContextStore();
+  const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
+  const {
+    activity: {
+      timestamp,
+      from: {
+        name,
+        role
+      }
+    }
+  } = args;
+  const contentStyles = {
+    ...defaultTimestampContentStyles,
+    ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)
+  };
+  const getTimeElement = timestamp => {
+    const timeString = getTimestampHourMinute(timestamp);
+    const isAmPmFormat = timeString.toLowerCase().includes("am") || timeString.toLowerCase().includes("pm");
+    if (dir === "rtl" && isAmPmFormat) {
+      return /*#__PURE__*/React.createElement("span", {
+        dir: "ltr"
+      }, timeString);
+    } else {
+      return /*#__PURE__*/React.createElement("span", {
+        dir: dir
+      }, timeString);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Stack, {
+    style: contentStyles,
+    dir: dir
+  }, role === "bot" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    dir: dir,
+    "aria-hidden": "false"
+  }, name, " : ", getTimeElement(timestamp))), role === "user" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "false",
+    dir: dir
+  }, " ", getTimeElement(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED), "            "));
+};

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/NotDeliveredTimestamp.js

@@ -7,9 +7,9 @@ import { defaultTimestampFailedStyles } from "../defaultStyles/defaultTimestampF
 import { defaultTimestampRetryStyles } from "../defaultStyles/defaultTimestampRetryStyles";
 import { getTimestampHourMinute } from "../../../../../../common/utils";
 import { hooks } from "botframework-webchat";
-import { useChatContextStore } from "../../../../../..";
+import useChatContextStore from "../../../../../../hooks/useChatContextStore";
 
-/* eslint @typescript-eslint/no-explicit-any: "off" */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const NotDeliveredTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _state$domainStates$r4, _state$domainStates$m, _state$domainStates$m2;
   let {
@@ -69,6 +69,7 @@ export const NotDeliveredTimestamp = _ref => {
     style: failedTextStyles
   }, " ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_NOT_DELIVERED) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_NOT_DELIVERED, " "), /*#__PURE__*/React.createElement("span", null, " \xA0-\xA0 "), /*#__PURE__*/React.createElement("span", {
     style: retryTextStyles,
+    role: "button",
     onClick: onRetryClick,
     onKeyDown: onRetryKeyEnter,
     tabIndex: 0

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/SendingTimestamp.js

@@ -2,7 +2,7 @@ import React from "react";
 import { Stack } from "@fluentui/react";
 import { defaultMiddlewareLocalizedTexts } from "../../../../common/defaultProps/defaultMiddlewareLocalizedTexts";
 import { defaultTimestampContentStyles } from "../defaultStyles/defaultTimestampContentStyles";
-import { useChatContextStore } from "../../../../../..";
+import useChatContextStore from "../../../../../../hooks/useChatContextStore";
 
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 export const SendingTimestamp = () => {

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/citationsMiddleware.js

@@ -1,56 +1,130 @@
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+import { LiveChatWidgetActionType } from "../../../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
-export const createCitationsMiddleware = _ref => {
-  let {
-    dispatch
-  } = _ref;
-  return next => action => {
-    var _action$payload;
-    if ((_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
-      if (isApplicable(action)) {
+import { executeReducer } from "../../../../../contexts/createReducer";
+
+// Middleware that extracts citation metadata from incoming ACS activities and
+// updates in-memory app state with a global citation map. Also rewrites
+// per-message citation labels in the activity text to use a stable,
+// message-scoped prefix when the producer provides a message id.
+
+export const createCitationsMiddleware = (state, dispatch) => () => next => action => {
+  var _action$payload;
+  if ((_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    if (isApplicable(action)) {
+      try {
+        var _action$payload2, _action$payload2$acti, _gptFeedback$summariz, _gptFeedback$summariz2;
+        const inMemoryState = executeReducer(state, {
+          type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+          payload: null
+        });
+
+        // Use the producer-supplied messageid as a stable per-message prefix
+        // when present. Do not derive a prefix from activity.id or timestamps.
+        const messagePrefix = ((_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : (_action$payload2$acti = _action$payload2.activity) === null || _action$payload2$acti === void 0 ? void 0 : _action$payload2$acti.messageid) ?? "";
+        const gptFeedback = JSON.parse(action.payload.activity.channelData.metadata["pva:gpt-feedback"]);
+        // Extract citation objects from the model response
+        const citations = (_gptFeedback$summariz = gptFeedback.summarizationOpenAIResponse) === null || _gptFeedback$summariz === void 0 ? void 0 : (_gptFeedback$summariz2 = _gptFeedback$summariz.result) === null || _gptFeedback$summariz2 === void 0 ? void 0 : _gptFeedback$summariz2.textCitations;
+        // Rewrite inline citation labels in activity.text to match the global map keys
+        const updatedText = replaceCitations(action.payload.activity.text, citations, messagePrefix);
+
+        // Create new activity object to avoid mutation
+        action.payload.activity = {
+          ...action.payload.activity,
+          text: updatedText
+        };
+        // Build a global citation map keyed by the prefixed citation id and
+        // dispatch it to app state so the UI container can render citations.
         try {
-          const gptFeedback = JSON.parse(action.payload.activity.channelData.metadata["pva:gpt-feedback"]);
-          // Replace citations in the text
-          const updatedText = replaceCitations(action.payload.activity.text, gptFeedback.summarizationOpenAIResponse.result.textCitations);
-          action.payload.activity.text = updatedText;
-        } catch (error) {
-          TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          var _inMemoryState$domain;
+          const citationMap = {};
+          if (citations && Array.isArray(citations)) {
+            citations.forEach(citation => {
+              if (citation !== null && citation !== void 0 && citation.id) {
+                // Preserve the 'cite:' scheme so renderer click handling remains consistent
+                const idWithoutScheme = citation.id.replace(/^cite:/, "");
+                const prefixedId = `cite:${messagePrefix}_${idWithoutScheme}`;
+                citationMap[prefixedId] = citation.text || citation.title || "";
+              }
+            });
+          }
+
+          // Read current in-memory state to merge with existing citations
+          //const inMemoryState = executeReducer(state, { type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE, payload: null });
+          const existingCitations = (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain = inMemoryState.domainStates) === null || _inMemoryState$domain === void 0 ? void 0 : _inMemoryState$domain.citations) || {};
+          const updatedCitations = {
+            ...existingCitations,
+            ...citationMap
+          };
+          // Always dispatch to app state
+          dispatch({
+            type: LiveChatWidgetActionType.SET_CITATIONS,
+            payload: updatedCitations
+          });
+        } catch (innerErr) {
+          TelemetryHelper.logActionEvent(LogLevel.WARN, {
             Event: TelemetryEvent.CitationMiddlewareFailed,
             ExceptionDetails: {
-              ErrorData: "Error while converting citation labels",
-              Exception: error
+              ErrorData: "Error while populating citation map",
+              Exception: innerErr
             }
           });
         }
+      } catch (error) {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.CitationMiddlewareFailed,
+          ExceptionDetails: {
+            ErrorData: "Error while converting citation labels",
+            Exception: error
+          }
+        });
       }
     }
-    return next(action);
-  };
+  }
+  return next(action);
 };
 const isApplicable = action => {
-  var _action$payload2, _action$payload2$acti, _action$payload3, _action$payload3$acti;
-  if ((action === null || action === void 0 ? void 0 : (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : (_action$payload2$acti = _action$payload2.activity) === null || _action$payload2$acti === void 0 ? void 0 : _action$payload2$acti.actionType) === "DIRECT_LINE/INCOMING_ACTIVITY" && (action === null || action === void 0 ? void 0 : (_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : (_action$payload3$acti = _action$payload3.activity) === null || _action$payload3$acti === void 0 ? void 0 : _action$payload3$acti.channelId) === "ACS_CHANNEL") {
-    var _action$payload4, _action$payload4$acti, _action$payload4$acti2, _action$payload4$acti3;
-    // Validate if pva:gpt-feedback exists and is not null
-    if (action !== null && action !== void 0 && (_action$payload4 = action.payload) !== null && _action$payload4 !== void 0 && (_action$payload4$acti = _action$payload4.activity) !== null && _action$payload4$acti !== void 0 && (_action$payload4$acti2 = _action$payload4$acti.channelData) !== null && _action$payload4$acti2 !== void 0 && (_action$payload4$acti3 = _action$payload4$acti2.metadata) !== null && _action$payload4$acti3 !== void 0 && _action$payload4$acti3["pva:gpt-feedback"]) {
+  var _action$payload3, _action$payload3$acti, _action$payload4, _action$payload4$acti;
+  if ((action === null || action === void 0 ? void 0 : (_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : (_action$payload3$acti = _action$payload3.activity) === null || _action$payload3$acti === void 0 ? void 0 : _action$payload3$acti.actionType) === "DIRECT_LINE/INCOMING_ACTIVITY" && (action === null || action === void 0 ? void 0 : (_action$payload4 = action.payload) === null || _action$payload4 === void 0 ? void 0 : (_action$payload4$acti = _action$payload4.activity) === null || _action$payload4$acti === void 0 ? void 0 : _action$payload4$acti.channelId) === "ACS_CHANNEL") {
+    var _action$payload5, _action$payload5$acti, _action$payload5$acti2, _action$payload5$acti3;
+    // Only applicable for ACS incoming activities that include pva:gpt-feedback
+    if (action !== null && action !== void 0 && (_action$payload5 = action.payload) !== null && _action$payload5 !== void 0 && (_action$payload5$acti = _action$payload5.activity) !== null && _action$payload5$acti !== void 0 && (_action$payload5$acti2 = _action$payload5$acti.channelData) !== null && _action$payload5$acti2 !== void 0 && (_action$payload5$acti3 = _action$payload5$acti2.metadata) !== null && _action$payload5$acti3 !== void 0 && _action$payload5$acti3["pva:gpt-feedback"]) {
       return true;
     }
   }
   return false;
 };
-const replaceCitations = (text, citations) => {
+const replaceCitations = (text, citations, messagePrefix) => {
   if (!citations || !Array.isArray(citations)) {
     return text;
   }
   try {
-    return text.replace(/\[(\d+)\]:\s(cite:\d+)\s"([^"]+)"/g, (match, number, citeId) => {
-      const citation = citations.find(c => c.id === citeId);
+    let updatedText = text;
+
+    // First, handle the citation reference definitions at the end (e.g., [1]: cite:1757450535119_1 "index.html")
+    // These should NOT be escaped as they are proper citation definitions
+    updatedText = updatedText.replace(/\[(\d+)\]:\s(cite:\d+)\s"([^\\"]+)"/g, (match, number, citeId) => {
+      // Attempt to find a citation object matching the inline cite id and
+      // update the displayed id/title. When a messagePrefix exists we
+      // rewrite the id to the prefixed form so it aligns with the
+      // global citation map keys.
+      const lookupId = citeId;
+      const citation = citations.find(c => c.id === lookupId);
       if (citation) {
-        // Replace only the citation label while preserving the original format
-        return `[${number}]: ${citeId} "${citation.title}"`;
+        const idWithoutScheme = citeId.replace(/^cite:/, "");
+        const prefixed = messagePrefix ? `cite:${messagePrefix}_${idWithoutScheme}` : citeId;
+        return `[${number}]: ${prefixed} "${citation.title}"`;
       }
-      return match; // Keep the original match if no replacement is found
+      return match;
+    });
+
+    // Second, escape inline citation references that are NOT followed by a colon
+    // This handles cases like "[1][2]"" in the middle of text that should be escaped for markdown
+    updatedText = updatedText.replace(/\[(\d+)\](?!:)/g, (match, number) => {
+      // Escape the brackets to prevent markdown from treating them as incomplete link syntax
+      return `[${number}]`;
     });
+    return updatedText;
   } catch (error) {
     TelemetryHelper.logActionEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.CitationMiddlewareFailed,
@@ -59,7 +133,6 @@ const replaceCitations = (text, citations) => {
         Exception: error
       }
     });
-    // Return the original text in case of issues
     return text;
   }
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/localizedStringsBotInitialsMiddleware.js

@@ -1,15 +1,23 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { Constants } from "../../../../../common/Constants";
-import { getIconText } from "../../../../../common/utils";
-import { defaultWebChatStyles } from "../../../common/defaultStyles/defaultWebChatStyles";
 import { WebChatActionType } from "../../enums/WebChatActionType";
+import { defaultWebChatStyles } from "../../../common/defaultStyles/defaultWebChatStyles";
+import { getIconText } from "../../../../../common/utils";
 let currentAgentInitials = defaultWebChatStyles.botAvatarInitials;
-export const localizedStringsBotInitialsMiddleware = () => _ref => {
+
+// Optional external updater (React context dispatch wrapper) set at runtime
+let externalInitialsUpdater;
+export const localizedStringsBotInitialsMiddleware = onInitialsChange => _ref => {
   let {
     dispatch
   } = _ref;
   return next => action => {
+    if (onInitialsChange && !externalInitialsUpdater) {
+      externalInitialsUpdater = onInitialsChange; // capture once
+    }
+
     if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
       var _action$payload, _activity$from;
       const activity = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.activity;
@@ -17,10 +25,25 @@ export const localizedStringsBotInitialsMiddleware = () => _ref => {
         var _activity$channelData, _activity$channelData2, _activity$tags;
         const agentName = activity.from.name.trim();
         const isSystemMessage = agentName === "__agent__" || agentName.startsWith("__") || ((_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : (_activity$channelData2 = _activity$channelData.tags) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.includes(Constants.systemMessageTag)) || ((_activity$tags = activity.tags) === null || _activity$tags === void 0 ? void 0 : _activity$tags.includes(Constants.systemMessageTag));
-        if (!isSystemMessage && agentName !== "") {
-          // Update initials for valid agent/bot names
+        if (!isSystemMessage && agentName) {
           const newInitials = getIconText(agentName) || currentAgentInitials;
-          currentAgentInitials = newInitials;
+          if (newInitials !== currentAgentInitials) {
+            var _externalInitialsUpda;
+            currentAgentInitials = newInitials;
+            // Notify external React context if provided
+            (_externalInitialsUpda = externalInitialsUpdater) === null || _externalInitialsUpda === void 0 ? void 0 : _externalInitialsUpda(currentAgentInitials || "");
+            // Broadcast (optional) for multi-tab sync without forcing consumers
+            BroadcastService.postMessage({
+              eventName: "BotAvatarInitialsUpdated",
+              payload: {
+                initials: currentAgentInitials
+              }
+            });
+            // Also dispatch a no-op action into WebChat store to encourage re-render (cheap)
+            dispatch({
+              type: "__BOT_INITIALS_UPDATED__"
+            });
+          }
         }
       }
     }
@@ -33,7 +56,6 @@ export const getOverriddenLocalizedStrings = existingOverrides => {
       ...strings,
       ...existingOverrides
     };
-
     // Apply dynamic bot initials to alt text if not already overridden through props
     if (!(existingOverrides !== null && existingOverrides !== void 0 && existingOverrides.ACTIVITY_BOT_SAID_ALT)) {
       result.ACTIVITY_BOT_SAID_ALT = `${currentAgentInitials} said:`;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/queueOverflowHandlerMiddleware.js

@@ -1,7 +1,7 @@
-import { WebChatActionType } from "../../enums/WebChatActionType";
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
-import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
 import { LiveChatWidgetActionType } from "../../../../../contexts/common/LiveChatWidgetActionType";
+import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
+import { WebChatActionType } from "../../enums/WebChatActionType";
 import { executeReducer } from "../../../../../contexts/createReducer";
 import { isEndConversationDueToOverflowActivity } from "../../../../../common/utils";
 const queueOverflowHandlingHelper = async (state, dispatch) => {