@microsoft/omnichannel-chat-widget 1.8.2-main.fc93d3d → 1.8.3-main.1381896

package/lib/esm/components/webchatcontainerstateful/common/DesignerChatAdapter.js

@@ -1,8 +1,6 @@
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -10,26 +8,59 @@ function _possibleConstructorReturn(self, call) { if (call && (typeof call === "
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-import { Observable } from "rxjs/Observable";
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { customerUser, postAgentAttachmentActivity, postAgentMessageActivity, postAgentSuggestedActionsActivity, postBotMessageActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
 import MockAdapter from "./mockadapter";
-import { customerUser, postBotMessageActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
+import { Observable } from "rxjs/Observable";
 export let DesignerChatAdapter = /*#__PURE__*/function (_MockAdapter) {
   _inherits(DesignerChatAdapter, _MockAdapter);
   var _super = _createSuper(DesignerChatAdapter);
-  function DesignerChatAdapter() {
+  function DesignerChatAdapter(messages) {
     var _this;
     _classCallCheck(this, DesignerChatAdapter);
     _this = _super.call(this);
-    setTimeout(() => {
-      postBotMessageActivity(_this.activityObserver, "Thank you for contacting us! How can I help you today?", undefined, 0);
-      _this.postUserActivity("I need to change my address.", 0);
-      postBotMessageActivity(_this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
-      postSystemMessageActivity(_this.activityObserver, "John has joined the chat", 100);
-      postBotMessageActivity(_this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
-    }, 1000);
+    _defineProperty(_assertThisInitialized(_this), "messages", void 0);
+    _this.messages = messages;
+    if (_this.messages) {
+      if (_this.messages.length > 0) {
+        setTimeout(() => {
+          var _this$messages;
+          (_this$messages = _this.messages) === null || _this$messages === void 0 ? void 0 : _this$messages.forEach((msg, index) => {
+            _this.processMessage(msg, index);
+          });
+        }, 1000); // Initial 1 second delay to ensure activityObserver is ready
+      }
+    } else {
+      // Default hardcoded flow
+      setTimeout(() => {
+        postBotMessageActivity(_this.activityObserver, "Thank you for contacting us! How can I help you today?", undefined, 0);
+        postBotMessageActivity(_this.activityObserver, "Please accept terms and conditions to proceed. Visit the link for terms and conditions <a href=\"\">here</a>.", undefined, 0);
+        _this.postUserActivity("I need to change my address.", 0);
+        postBotMessageActivity(_this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
+        postSystemMessageActivity(_this.activityObserver, "John has joined the chat", 100);
+        postAgentMessageActivity(_this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
+        _this.postUserActivity("I have trouble visiting the signin page <a href=\"\">signin</a>.", 0);
+      }, 1000);
+    }
     return _this;
   }
   _createClass(DesignerChatAdapter, [{
+    key: "processMessage",
+    value: function processMessage(msg, index) {
+      if (msg.text) {
+        if (msg.suggestedActions) {
+          postAgentSuggestedActionsActivity(this.activityObserver, msg.text, msg.suggestedActions, index * 100);
+        } else {
+          postBotMessageActivity(this.activityObserver, msg.text, undefined, index * 100);
+        }
+      }
+      if (msg.attachments && msg.attachments.length > 0) {
+        postAgentAttachmentActivity(this.activityObserver, msg.attachments, index * 100, msg.attachmentLayout);
+      }
+    }
+  }, {
     key: "postUserActivity",
     value: function postUserActivity(text) {
       let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;

package/lib/esm/components/webchatcontainerstateful/common/DesignerChatSDK.js

@@ -20,13 +20,18 @@ export let DesignerChatSDK = /*#__PURE__*/function (_MockChatSDK) {
     var _this;
     _classCallCheck(this, DesignerChatSDK);
     _this = _super.call(this);
+    /**
+     * Create a chat adapter for the designer. Uses this.mockMessages if set.
+     */
+    _defineProperty(_assertThisInitialized(_this), "mockMessages", void 0);
     _defineProperty(_assertThisInitialized(_this), "localeId", _this.getLiveChatConfig().ChatWidgetLanguage.msdyn_localeid);
     return _this;
   }
   _createClass(DesignerChatSDK, [{
     key: "createChatAdapter",
     value: function createChatAdapter() {
-      return new DesignerChatAdapter();
+      const adapter = new DesignerChatAdapter(this.mockMessages);
+      return adapter;
     }
   }, {
     key: "getLiveChatConfig",

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.js

@@ -17,7 +17,7 @@ export const defaultWebChatStyles = {
   bubbleTextColor: "White",
   hideSendBox: false,
   hideUploadButton: true,
-  primaryFont: "Segoe UI, Arial, sans-serif",
+  primaryFont: "Segoe UI, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\"",
   rootHeight: "100%",
   rootWidth: "100%",
   sendBoxTextWrap: true,

package/lib/esm/components/webchatcontainerstateful/common/utils/chatAdapterUtils.js

@@ -9,6 +9,11 @@ export const botUser = {
   name: "Bot",
   role: "bot"
 };
+export const agentUser = {
+  id: "AgentId",
+  name: "John",
+  role: "bot"
+};
 
 // WebChat expects an "echo" activity to confirm the message has been sent successfully
 export const postEchoActivity = function (activityObserver, activity, user) {
@@ -44,6 +49,24 @@ export const postBotMessageActivity = function (activityObserver, text) {
     });
   }, delay);
 };
+export const postAgentMessageActivity = function (activityObserver, text) {
+  let tags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...agentUser
+      },
+      text,
+      type: "message",
+      channelData: {
+        tags
+      },
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
 export const postSystemMessageActivity = function (activityObserver, text) {
   let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
   postBotMessageActivity(activityObserver, text, "system", delay);
@@ -74,4 +97,36 @@ export const postBotAttachmentActivity = function (activityObserver) {
       timestamp: new Date().toISOString()
     });
   }, delay);
+};
+export const postAgentAttachmentActivity = function (activityObserver) {
+  let attachments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  let attachmentLayout = arguments.length > 3 ? arguments[3] : undefined;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...agentUser
+      },
+      attachments,
+      attachmentLayout,
+      type: "message",
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+export const postAgentSuggestedActionsActivity = function (activityObserver, text, suggestedActions) {
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...agentUser
+      },
+      text,
+      type: "message",
+      suggestedActions,
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
 };

package/lib/esm/components/webchatcontainerstateful/common/utils/fontUtils.js

@@ -0,0 +1,21 @@
+/**
+ * Utility functions for font handling and emoji support
+ */
+
+/**
+ * Creates a font family optimized for iOS emoji support
+ * Uses system-ui as the primary font for better emoji rendering on iOS
+ * @param primaryFont - The base font family string (optional, used as fallback)
+ * @returns Font family string optimized for iOS emoji support
+ */
+export const createIOSOptimizedEmojiFont = primaryFont => {
+  // For iOS emoji support, system-ui should be first
+  const baseFont = "system-ui";
+  const emojiSupport = "\"Apple Color Emoji\", \"Segoe UI Emoji\"";
+  if (!primaryFont || primaryFont.includes("system-ui") || primaryFont.includes("Apple Color Emoji")) {
+    return `${baseFont}, ${emojiSupport}`;
+  }
+
+  // Add configured font as fallback after emoji fonts
+  return `${baseFont}, ${emojiSupport}, ${primaryFont}`;
+};

package/lib/esm/components/webchatcontainerstateful/interfaces/ICitation.js

@@ -0,0 +1 @@
+export {};

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/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/storemiddlewares/callActionMiddleware.js

@@ -0,0 +1,36 @@
+/******
+ * CallActionMiddleware
+ * 
+ * Intercepts custom call actions and handles tel: URL navigation
+ ******/
+
+import { WebChatActionType } from "../../enums/WebChatActionType";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+const createCallActionMiddleware = () => () => next => action => {
+  // Intercept incoming activities to modify suggested actions with call type
+  if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
+    var _action$payload, _activity$suggestedAc;
+    const activity = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.activity;
+
+    // Check if activity has suggested actions with call type
+    if (activity !== null && activity !== void 0 && (_activity$suggestedAc = activity.suggestedActions) !== null && _activity$suggestedAc !== void 0 && _activity$suggestedAc.actions) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      activity.suggestedActions.actions = activity.suggestedActions.actions.map(suggestedAction => {
+        if (suggestedAction.type === "call") {
+          // Convert call action to openUrl with encoded tel URL scheme
+          const telUrl = suggestedAction.value;
+          const convertedAction = {
+            ...suggestedAction,
+            type: "openUrl",
+            value: `tel:${telUrl}`
+          };
+          return convertedAction;
+        }
+        return suggestedAction;
+      });
+    }
+  }
+  return next(action);
+};
+export default createCallActionMiddleware;

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

@@ -0,0 +1,133 @@
+import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+import { LiveChatWidgetActionType } from "../../../../../contexts/common/LiveChatWidgetActionType";
+import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
+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);
+        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 {
+          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 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);
+};
+const isApplicable = action => {
+  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, messagePrefix) => {
+  if (!citations || !Array.isArray(citations)) {
+    return text;
+  }
+  try {
+    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) {
+        const idWithoutScheme = citeId.replace(/^cite:/, "");
+        const prefixed = messagePrefix ? `cite:${messagePrefix}_${idWithoutScheme}` : citeId;
+        return `[${number}]: ${prefixed} "${citation.title}"`;
+      }
+      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,
+      ExceptionDetails: {
+        ErrorData: "Error while finding citations references",
+        Exception: error
+      }
+    });
+    return text;
+  }
+};

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

@@ -0,0 +1,33 @@
+/******
+ * CustomEventMiddleware
+ *
+ * This middleware is invoked when a custom event is received.
+ * The callback is then invoked to handle the custom event.
+ ******/
+
+import { Constants } from "../../../../../common/Constants";
+import { WebChatActionType } from "../../enums/WebChatActionType";
+export const isValidCustomEvent = activity => {
+  var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4, _activity$channelData5, _activity$channelData6, _activity$channelData7, _activity$from, _activity$channelData8, _activity$channelData9, _activity$channelData10, _activity$channelData11;
+  return !!(activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.metadata) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.customEvent && typeof (activity === null || activity === void 0 ? void 0 : (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 ? void 0 : (_activity$channelData4 = _activity$channelData3.metadata) === null || _activity$channelData4 === void 0 ? void 0 : _activity$channelData4.customEvent) === Constants.String && (activity === null || activity === void 0 ? void 0 : (_activity$channelData5 = activity.channelData) === null || _activity$channelData5 === void 0 ? void 0 : (_activity$channelData6 = _activity$channelData5.metadata) === null || _activity$channelData6 === void 0 ? void 0 : (_activity$channelData7 = _activity$channelData6.customEvent) === null || _activity$channelData7 === void 0 ? void 0 : _activity$channelData7.toLowerCase()) === Constants.true && (activity === null || activity === void 0 ? void 0 : (_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) !== Constants.userMessageTag && typeof (activity === null || activity === void 0 ? void 0 : (_activity$channelData8 = activity.channelData) === null || _activity$channelData8 === void 0 ? void 0 : (_activity$channelData9 = _activity$channelData8.metadata) === null || _activity$channelData9 === void 0 ? void 0 : _activity$channelData9.customEventName) === Constants.String && activity !== null && activity !== void 0 && (_activity$channelData10 = activity.channelData) !== null && _activity$channelData10 !== void 0 && (_activity$channelData11 = _activity$channelData10.metadata) !== null && _activity$channelData11 !== void 0 && _activity$channelData11.customEventValue);
+};
+const createCustomEventMiddleware = broadcastservice => () => next => action => {
+  var _action$payload;
+  if ((action === null || action === void 0 ? void 0 : action.type) == WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    const activity = action.payload.activity;
+    if (isValidCustomEvent(activity)) {
+      const customEvent = {
+        eventName: Constants.onCustomEvent,
+        payload: {
+          messageId: activity.messageid ?? activity.id,
+          customEventName: activity.channelData.metadata.customEventName,
+          customEventValue: activity.channelData.metadata.customEventValue
+        }
+      };
+      broadcastservice.postMessage(customEvent);
+      return;
+    }
+  }
+  return next(action);
+};
+export default createCustomEventMiddleware;

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

@@ -0,0 +1,46 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { Constants } from "../../../../../common/Constants";
+import { getIconText } from "../../../../../common/utils";
+import { defaultWebChatStyles } from "../../../common/defaultStyles/defaultWebChatStyles";
+import { WebChatActionType } from "../../enums/WebChatActionType";
+let currentAgentInitials = defaultWebChatStyles.botAvatarInitials;
+export const localizedStringsBotInitialsMiddleware = () => _ref => {
+  let {
+    dispatch
+  } = _ref;
+  return next => action => {
+    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;
+      if (activity !== null && activity !== void 0 && (_activity$from = activity.from) !== null && _activity$from !== void 0 && _activity$from.name && activity.from.role !== Constants.userMessageTag && activity.from.name !== Constants.userMessageTag) {
+        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
+          const newInitials = getIconText(agentName) || currentAgentInitials;
+          currentAgentInitials = newInitials;
+        }
+      }
+    }
+    return next(action);
+  };
+};
+export const getOverriddenLocalizedStrings = existingOverrides => {
+  return strings => {
+    const result = {
+      ...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:`;
+    }
+    if (!(existingOverrides !== null && existingOverrides !== void 0 && existingOverrides.ACTIVITY_BOT_ATTACHED_ALT)) {
+      result.ACTIVITY_BOT_ATTACHED_ALT = `${currentAgentInitials} attached:`;
+    }
+    return result;
+  };
+};

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

@@ -0,0 +1,38 @@
+import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+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) => {
+  const {
+    appStates
+  } = executeReducer(state, {
+    type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+    payload: undefined
+  });
+  if (!appStates.chatDisconnectEventReceived) {
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
+      payload: true
+    });
+    TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.QueueOverflowEvent,
+      Description: "Set chat disconnect event received."
+    });
+  }
+};
+export const createQueueOverflowMiddleware = (state, dispatch) => () => next => action => {
+  var _action$payload;
+  if ((action === null || action === void 0 ? void 0 : action.type) == WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    const activity = action.payload.activity;
+    if (isEndConversationDueToOverflowActivity(activity)) {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.QueueOverflowEvent,
+        Description: "Queue overflow event received."
+      });
+      queueOverflowHandlingHelper(state, dispatch);
+    }
+  }
+  return next(action);
+};

package/lib/esm/contexts/common/CustomEventType.js

@@ -0,0 +1 @@
+export {};