@microsoft/omnichannel-chat-widget 1.8.7 → 2.0.0-main.5ebd4eb

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

@@ -6,6 +6,7 @@
 
 import { Constants, HtmlAttributeNames } from "../../../../../common/Constants";
 import DOMPurify from "dompurify";
+import { isWebChatAction } from "../../../interfaces/IWebChatAction";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
@@ -90,23 +91,25 @@ const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
   return action;
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const htmlTextMiddleware = honorsTargetInHTMLLinks => _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
-    if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
+    if (!isWebChatAction(action)) {
+      return next(action);
+    }
+    let currentAction = action;
+    if (currentAction.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
       try {
-        var _action$payload;
-        const text = (_action$payload = action.payload) === null || _action$payload === void 0 || (_action$payload = _action$payload.activity) === null || _action$payload === void 0 ? void 0 : _action$payload.text;
+        var _currentAction$payloa;
+        const text = (_currentAction$payloa = currentAction.payload) === null || _currentAction$payloa === void 0 || (_currentAction$payloa = _currentAction$payloa.activity) === null || _currentAction$payloa === void 0 ? void 0 : _currentAction$payloa.text;
         if (text) {
-          action = processHTMLText(action, text, honorsTargetInHTMLLinks ?? false);
+          currentAction = processHTMLText(currentAction, text, honorsTargetInHTMLLinks ?? false);
         }
       } catch (e) {
         let errorMessage = "Failed to validate action.";
         try {
-          errorMessage += JSON.stringify(action);
+          errorMessage += JSON.stringify(currentAction);
         } catch (e) {
           errorMessage += " (unable to stringify action)";
         }
@@ -119,7 +122,7 @@ const htmlTextMiddleware = honorsTargetInHTMLLinks => _ref => {
         });
       }
     }
-    return next(action);
+    return next(currentAction);
   };
 };
 export default htmlTextMiddleware;

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

@@ -2,18 +2,47 @@
 
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { Constants } from "../../../../../common/Constants";
+import { isWebChatAction } from "../../../interfaces/IWebChatAction";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 import { defaultWebChatStyles } from "../../../common/defaultStyles/defaultWebChatStyles";
 import { getIconText } from "../../../../../common/utils";
 let currentAgentInitials = defaultWebChatStyles.botAvatarInitials;
+let currentAgentName = defaultWebChatStyles.botAvatarInitials;
 
 // Optional external updater (React context dispatch wrapper) set at runtime
 let externalInitialsUpdater;
+const hasTransferTag = activity => {
+  var _activity$channelData;
+  const tags = [...(Array.isArray(activity === null || activity === void 0 || (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : _activity$channelData.tags) ? activity.channelData.tags : []), ...(Array.isArray(activity === null || activity === void 0 ? void 0 : activity.tags) ? activity.tags : [])];
+  return tags.some(tag => typeof tag === "string" && tag.toLowerCase().includes("transfer"));
+};
+const isTransferSystemMessage = activity => {
+  const text = ((activity === null || activity === void 0 ? void 0 : activity.text) || "").toString();
+  return hasTransferTag(activity) || /\btransfer(?:red|ring)?\b/i.test(text);
+};
+const resetCachedAgentName = dispatch => {
+  if (currentAgentName !== defaultWebChatStyles.botAvatarInitials || currentAgentInitials !== defaultWebChatStyles.botAvatarInitials) {
+    var _externalInitialsUpda;
+    currentAgentName = defaultWebChatStyles.botAvatarInitials;
+    currentAgentInitials = defaultWebChatStyles.botAvatarInitials;
+    (_externalInitialsUpda = externalInitialsUpdater) === null || _externalInitialsUpda === void 0 || _externalInitialsUpda(currentAgentInitials || "");
+    BroadcastService.postMessage({
+      eventName: "BotAvatarInitialsUpdated",
+      payload: {
+        initials: currentAgentInitials
+      }
+    });
+    dispatch({
+      type: "__BOT_INITIALS_UPDATED__"
+    });
+  }
+};
 export const localizedStringsBotInitialsMiddleware = onInitialsChange => _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
+    if (!isWebChatAction(action)) {
+      return next(action);
+    }
     if (onInitialsChange && !externalInitialsUpdater) {
       externalInitialsUpdater = onInitialsChange; // capture once
     }
@@ -21,16 +50,31 @@ export const localizedStringsBotInitialsMiddleware = onInitialsChange => _ref =>
       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$tags;
+        var _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 || (_activity$channelData = _activity$channelData.tags) === null || _activity$channelData === void 0 ? void 0 : _activity$channelData.includes(Constants.systemMessageTag)) || ((_activity$tags = activity.tags) === null || _activity$tags === void 0 ? void 0 : _activity$tags.includes(Constants.systemMessageTag));
-        if (!isSystemMessage && agentName) {
+        const isSystemMessage = agentName === "__agent__" || agentName.startsWith("__") || ((_activity$channelData2 = activity.channelData) === null || _activity$channelData2 === void 0 || (_activity$channelData2 = _activity$channelData2.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) {
+          // transfer-stale-bot-name: when a transfer system message indicates the
+          // conversation has been routed to a different agent, the
+          // previously-cached agent name must NOT linger. Otherwise the
+          // next non-system activity (e.g. typing indicator, welcome
+          // message, or the new agent's first turn before their name
+          // is observed) is announced to screen readers as the OLD
+          // agent. Reset to defaults so the next observed name takes
+          // effect cleanly.
+          if (isTransferSystemMessage(activity)) {
+            resetCachedAgentName(dispatch);
+          }
+        } else if (agentName) {
           const newInitials = getIconText(agentName) || currentAgentInitials;
-          if (newInitials !== currentAgentInitials) {
-            var _externalInitialsUpda;
+          const hasInitialsChanged = newInitials !== currentAgentInitials;
+          const hasNameChanged = agentName !== currentAgentName;
+          currentAgentName = agentName;
+          if (hasInitialsChanged) {
+            var _externalInitialsUpda2;
             currentAgentInitials = newInitials;
             // Notify external React context if provided
-            (_externalInitialsUpda = externalInitialsUpdater) === null || _externalInitialsUpda === void 0 || _externalInitialsUpda(currentAgentInitials || "");
+            (_externalInitialsUpda2 = externalInitialsUpdater) === null || _externalInitialsUpda2 === void 0 || _externalInitialsUpda2(currentAgentInitials || "");
             // Broadcast (optional) for multi-tab sync without forcing consumers
             BroadcastService.postMessage({
               eventName: "BotAvatarInitialsUpdated",
@@ -38,6 +82,8 @@ export const localizedStringsBotInitialsMiddleware = onInitialsChange => _ref =>
                 initials: currentAgentInitials
               }
             });
+          }
+          if (hasInitialsChanged || hasNameChanged) {
             // Also dispatch a no-op action into WebChat store to encourage re-render (cheap)
             dispatch({
               type: "__BOT_INITIALS_UPDATED__"
@@ -57,10 +103,10 @@ export const getOverriddenLocalizedStrings = 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:`;
+      result.ACTIVITY_BOT_SAID_ALT = `${currentAgentName} said:`;
     }
     if (!(existingOverrides !== null && existingOverrides !== void 0 && existingOverrides.ACTIVITY_BOT_ATTACHED_ALT)) {
-      result.ACTIVITY_BOT_ATTACHED_ALT = `${currentAgentInitials} attached:`;
+      result.ACTIVITY_BOT_ATTACHED_ALT = `${currentAgentName} attached:`;
     }
     return result;
   };

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

@@ -4,17 +4,19 @@
  * Enforces a max character limit that the sender can send to comply to Omnichannel chat services' limitation.
  ******/
 
+import { isWebChatAction } from "../../../interfaces/IWebChatAction";
 import { NotificationHandler } from "../../notification/NotificationHandler";
 import { NotificationScenarios } from "../../enums/NotificationScenarios";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 import { WebChatMiddlewareConstants } from "../../../../../common/Constants";
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const createMaxMessageSizeValidator = localizedTexts => _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
+    if (!isWebChatAction(action)) {
+      return next(action);
+    }
     if (action.type === WebChatActionType.WEB_CHAT_SET_SEND_BOX) {
       var _action$payload;
       const textLength = ((_action$payload = action.payload) === null || _action$payload === void 0 || (_action$payload = _action$payload.text) === null || _action$payload === void 0 ? void 0 : _action$payload.length) || 0;

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

@@ -4,41 +4,35 @@
  * Adds necessary fields for the activity for the other middlewares to function as expected.
  ******/
 
+import { isWebChatAction } from "../../../interfaces/IWebChatAction";
 import { Constants } from "../../../../../common/Constants";
 import { WebChatActionType } from "../../enums/WebChatActionType";
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
-const preProcessingMiddleware = _ref => {
-  let {
-    dispatch
-  } = _ref;
-  return next => async action => {
-    if (action.type === WebChatActionType.DIRECT_LINE_POST_ACTIVITY) {
-      const {
-        activity
-      } = action.payload;
-      if (!activity.from || activity.from.role === Constants.userMessageTag) {
-        action = {
-          ...action,
-          payload: {
-            ...action.payload,
-            activity: {
-              ...action.payload.activity,
-              textFormat: Constants.markdown
-            }
+const preProcessingMiddleware = () => next => async action => {
+  if (!isWebChatAction(action)) {
+    return next(action);
+  }
+  let currentAction = action;
+  if (currentAction.type === WebChatActionType.DIRECT_LINE_POST_ACTIVITY) {
+    const activity = currentAction.payload.activity;
+    if (!activity.from || activity.from.role === Constants.userMessageTag) {
+      currentAction = {
+        ...currentAction,
+        payload: {
+          ...currentAction.payload,
+          activity: {
+            ...currentAction.payload.activity,
+            textFormat: Constants.markdown
           }
-        };
-      }
+        }
+      };
     }
-    if (action.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
-      const {
-        activity
-      } = action.payload;
-      if (activity) {
-        action.payload.activity[Constants.actionType] = WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY;
-      }
+  }
+  if (currentAction.type === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
+    const activity = currentAction.payload.activity;
+    if (activity) {
+      currentAction.payload.activity[Constants.actionType] = WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY;
     }
-    return next(action);
-  };
+  }
+  return next(currentAction);
 };
 export default preProcessingMiddleware;

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

@@ -1,16 +1,16 @@
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+import { isWebChatAction } from "../../../interfaces/IWebChatAction";
 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
-  });
+  const _executeReducer = executeReducer(state, {
+      type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: undefined
+    }),
+    appStates = _executeReducer.appStates;
   if (!appStates.chatDisconnectEventReceived) {
     dispatch({
       type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
@@ -24,7 +24,10 @@ const queueOverflowHandlingHelper = async (state, dispatch) => {
 };
 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) {
+  if (!isWebChatAction(action)) {
+    return next(action);
+  }
+  if (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, {

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

@@ -7,14 +7,16 @@
 import DOMPurify from "dompurify";
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
+import { isWebChatAction } from "../../../interfaces/IWebChatAction";
 import { WebChatActionType } from "../../enums/WebChatActionType";
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const sanitizationMiddleware = _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
+    if (!isWebChatAction(action)) {
+      return next(action);
+    }
     if (action.type === WebChatActionType.WEB_CHAT_SEND_MESSAGE) {
       try {
         var _action$payload;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/notification/NotificationHandler.js

@@ -1,6 +1,7 @@
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { HtmlClassNames, HtmlIdNames } from "../../../../common/Constants";
@@ -10,6 +11,8 @@ import { WebChatStoreLoader } from "../WebChatStoreLoader";
 import { setFocusOnSendBox } from "../../../../common/utils";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { BroadcastEvent } from "../../../../common/telemetry/TelemetryConstants";
+const LIVE_REGION_ID = "oc-lcw-notification-live-region";
+const LIVE_REGION_CLEAR_DELAY_MS = 1000;
 export let NotificationHandler = /*#__PURE__*/function () {
   function NotificationHandler() {
     _classCallCheck(this, NotificationHandler);
@@ -26,9 +29,59 @@ export let NotificationHandler = /*#__PURE__*/function () {
             message
           }
         });
+        NotificationHandler.announceToScreenReader(message);
         NotificationHandler.setFocusOnNotificationCloseButton();
       }
     }
+
+    /**
+     * Announces a message immediately to screen readers via an aria-live="assertive" region.
+     * This ensures notifications interrupt the current screen reader output
+     * instead of waiting for it to finish reading other content.
+     */
+  }, {
+    key: "announceToScreenReader",
+    value: function announceToScreenReader(message) {
+      let liveRegion = document.getElementById(LIVE_REGION_ID);
+      if (!liveRegion) {
+        liveRegion = document.createElement("div");
+        liveRegion.id = LIVE_REGION_ID;
+        liveRegion.setAttribute("aria-live", "assertive");
+        liveRegion.setAttribute("role", "alert");
+        liveRegion.setAttribute("aria-atomic", "true");
+        // Visually hidden but accessible to screen readers
+        liveRegion.style.position = "absolute";
+        liveRegion.style.width = "1px";
+        liveRegion.style.height = "1px";
+        liveRegion.style.overflow = "hidden";
+        liveRegion.style.clip = "rect(0 0 0 0)";
+        liveRegion.style.clipPath = "inset(50%)";
+        liveRegion.style.whiteSpace = "nowrap";
+        const widgetContainer = document.getElementById(HtmlIdNames.MSLiveChatWidget);
+        (widgetContainer || document.body).appendChild(liveRegion);
+      }
+
+      // Clear first, then set after a microtask so the browser detects the change
+      // even when the same message is announced consecutively.
+      liveRegion.textContent = "";
+      requestAnimationFrame(() => {
+        if (liveRegion) {
+          liveRegion.textContent = message;
+        }
+      });
+
+      // Cancel any previous clear timer to avoid prematurely clearing a newer message
+      if (NotificationHandler.clearTimeoutId) {
+        clearTimeout(NotificationHandler.clearTimeoutId);
+      }
+
+      // Clear the live region after a delay so repeated identical messages still trigger
+      NotificationHandler.clearTimeoutId = setTimeout(() => {
+        if (liveRegion) {
+          liveRegion.textContent = "";
+        }
+      }, LIVE_REGION_CLEAR_DELAY_MS);
+    }
   }, {
     key: "dismissNotification",
     value: function dismissNotification(id) {
@@ -101,4 +154,5 @@ export let NotificationHandler = /*#__PURE__*/function () {
       };
     }
   }]);
-}();
+}();
+_defineProperty(NotificationHandler, "clearTimeoutId", void 0);

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger.js

@@ -4,10 +4,8 @@ export function createWebChatTelemetry() {
   let isInitEventLogged = false;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleTelemetry = event => {
-    const {
-      level,
-      name
-    } = event;
+    const level = event.level,
+      name = event.name;
     const loglevel = level ? level.toUpperCase() : "";
     if ((name === null || name === void 0 ? void 0 : name.toLowerCase()) === "init" && isInitEventLogged) return;
     switch (loglevel) {

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

@@ -257,5 +257,10 @@ export let LiveChatWidgetActionType = /*#__PURE__*/function (LiveChatWidgetActio
       string: Sets/updates current bot avatar initials (used for dynamic refresh of persistent messages)
   */
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_BOT_AVATAR_INITIALS"] = 49] = "SET_BOT_AVATAR_INITIALS";
+  /*
+      Parameters:
+      true/false: Tracks if user has authenticated (pre-auth or mid-conversation) for reconnect support
+  */
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_USER_AUTHENTICATED"] = 50] = "SET_USER_AUTHENTICATED";
   return LiveChatWidgetActionType;
 }({});

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

@@ -38,6 +38,21 @@ export const getLiveChatWidgetContextInitialState = props => {
     if (!initialStateFromCache.domainStates.botAvatarInitials) {
       initialStateFromCache.domainStates.botAvatarInitials = defaultWebChatStyles.botAvatarInitials;
     }
+    // Default isUserAuthenticated to false if not present in cache
+    if (initialStateFromCache.appStates.isUserAuthenticated === undefined) {
+      initialStateFromCache.appStates.isUserAuthenticated = false;
+    }
+    // internal tracking: transient modal pane visibility must NOT survive a page
+    // reload. If `showConfirmationPane` / `showEmailTranscriptPane` are
+    // restored as `true`, the corresponding pane re-mounts and installs
+    // its focus trap (and sets sibling tabindex=-1). The user has no
+    // context for why the modal appeared and Tab from the host page can
+    // no longer traverse out of the widget. Always start cold for these
+    // ephemeral UI flags.
+    if (initialStateFromCache.uiStates) {
+      initialStateFromCache.uiStates.showConfirmationPane = false;
+      initialStateFromCache.uiStates.showEmailTranscriptPane = false;
+    }
     return initialStateFromCache;
   }
   const LiveChatWidgetContextInitialState = {
@@ -87,7 +102,8 @@ export const getLiveChatWidgetContextInitialState = props => {
       selectedSurveyMode: null,
       postChatParticipantType: undefined,
       isConversationalSurvey: false,
-      isConversationalSurveyEnabled: false
+      isConversationalSurveyEnabled: false,
+      isUserAuthenticated: false
     },
     uiStates: {
       showConfirmationPane: false,

package/lib/esm/contexts/createReducer.js

@@ -708,6 +708,21 @@ const reducer = (state, action) => {
           isConversationalSurvey: action.payload
         }
       };
+    case LiveChatWidgetActionType.SET_USER_AUTHENTICATED:
+      inMemory = {
+        ...inMemory,
+        appStates: {
+          ...inMemory.appStates,
+          isUserAuthenticated: action.payload
+        }
+      };
+      return {
+        ...state,
+        appStates: {
+          ...state.appStates,
+          isUserAuthenticated: action.payload
+        }
+      };
     case LiveChatWidgetActionType.GET_IN_MEMORY_STATE:
       return inMemory;
     default:

package/lib/esm/controller/componentController.js

@@ -1,4 +1,5 @@
 import { ConversationState } from "../contexts/common/ConversationState";
+import { shouldLoadPersistentChatHistory } from "../components/livechatwidget/common/liveChatConfigUtils";
 export const shouldShowChatButton = state => {
   var _state$appStates;
   return (state.appStates.isMinimized || state.appStates.conversationState === ConversationState.Closed) && (state === null || state === void 0 || (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.hideStartChatButton) === false; // Do not show chat button in case of popout
@@ -16,7 +17,18 @@ export const shouldShowEmailTranscriptPane = state => {
   return state.uiStates.showEmailTranscriptPane;
 };
 export const shouldShowWebChatContainer = state => {
-  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive || state.appStates.conversationState === ConversationState.Postchat && state.appStates.isConversationalSurveyEnabled && state.appStates.isConversationalSurvey;
+  var _state$domainStates;
+  const extendedChatConfig = state === null || state === void 0 || (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.liveChatConfig;
+  const persistentHistoryEnabled = shouldLoadPersistentChatHistory(extendedChatConfig);
+  const isActiveOrInactive = state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive;
+  const isPostchatSurvey = state.appStates.conversationState === ConversationState.Postchat && state.appStates.isConversationalSurveyEnabled && state.appStates.isConversationalSurvey;
+  if (persistentHistoryEnabled) {
+    // Keep WebChat in DOM even when minimized (CSS hides it via visibility)
+    // This preserves scroll position across minimize/maximize cycles
+    return isActiveOrInactive || isPostchatSurvey;
+  }
+  // Original behavior - hide WebChat when minimized
+  return !state.appStates.isMinimized && (isActiveOrInactive || isPostchatSurvey);
 };
 export const shouldShowLoadingPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Loading;

package/lib/esm/hooks/useWindowDimensions.js

@@ -1,10 +1,15 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useState, useEffect } from "react";
 import useDebounce from "./useDebounce";
 function getWindowDimensions() {
-  const {
-    innerWidth: width,
-    innerHeight: height
-  } = window;
+  const _window = window,
+    width = _window.innerWidth,
+    height = _window.innerHeight;
   return {
     width,
     height
@@ -12,7 +17,10 @@ function getWindowDimensions() {
 }
 export default function useWindowDimensions() {
   let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
-  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+  const _useState = useState(getWindowDimensions()),
+    _useState2 = _slicedToArray(_useState, 2),
+    windowDimensions = _useState2[0],
+    setWindowDimensions = _useState2[1];
   const handleResize = () => setWindowDimensions(getWindowDimensions());
   const debouncedHandleResize = useDebounce(handleResize, delay);
   useEffect(() => {

package/lib/esm/plugins/createChatTranscript.js

@@ -718,10 +718,9 @@ const createChatTranscript = async function (transcript, facadeChatSDK) {
   if (renderAttachments) {
     messages = await Promise.all(transcriptMessages.map(async message => {
       // eslint-disable-line @typescript-eslint/no-explicit-any
-      const {
-        amsReferences = message.amsreferences,
-        amsMetadata
-      } = message;
+      const _message$amsReference = message.amsReferences,
+        amsReferences = _message$amsReference === void 0 ? message.amsreferences : _message$amsReference,
+        amsMetadata = message.amsMetadata;
       if (amsReferences && amsMetadata) {
         const references = JSON.parse(amsReferences);
         const metadata = JSON.parse(amsMetadata);

package/lib/esm/plugins/newMessageEventHandler.js

@@ -14,6 +14,8 @@ export const createOnNewAdapterActivityHandler = (chatId, userId, startTime) =>
   // this is a workaround for the fact that we dont have a way to identify if a message is history or new, and it will provide consistency across different scenarios
 
   let isHistoryMessageReceivedEventRaised = false;
+  let isInQueue = false;
+  let agentJoinLogged = false;
   const onNewAdapterActivityHandler = activity => {
     raiseMessageEvent(activity);
   };
@@ -35,9 +37,14 @@ export const createOnNewAdapterActivityHandler = (chatId, userId, startTime) =>
     });
   };
   const systemMessageStrategy = activity => {
-    var _TelemetryManager$Int3;
+    var _activity$channelData, _TelemetryManager$Int3;
     const payload = buildMessagePayload(activity, userId);
     payload.messageType = Constants.systemMessageTag;
+
+    // Track queue entry for agent-join detection
+    if (activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData = _activity$channelData.tags) !== null && _activity$channelData !== void 0 && _activity$channelData.includes(Constants.queuePositionMessageTag)) {
+      isInQueue = true;
+    }
     if (isHistoryMessage(activity, startTime)) {
       var _TelemetryManager$Int2;
       historyMessageStrategy(polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int2 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.conversationId));
@@ -70,11 +77,11 @@ export const createOnNewAdapterActivityHandler = (chatId, userId, startTime) =>
     }
   };
   const isValidMessage = activity => {
-    var _activity$channelData, _activity$channelData2;
+    var _activity$channelData2, _activity$channelData3;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const messageHasNoText = !(activity !== null && activity !== void 0 && activity.text);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const messageHasNoTags = !(activity !== null && activity !== void 0 && activity.channelData) || !(activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && _activity$channelData.tags) || (activity === null || activity === void 0 || (_activity$channelData2 = activity.channelData) === null || _activity$channelData2 === void 0 || (_activity$channelData2 = _activity$channelData2.tags) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.length) === 0;
+    const messageHasNoTags = !(activity !== null && activity !== void 0 && activity.channelData) || !(activity !== null && activity !== void 0 && (_activity$channelData2 = activity.channelData) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.tags) || (activity === null || activity === void 0 || (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 || (_activity$channelData3 = _activity$channelData3.tags) === null || _activity$channelData3 === void 0 ? void 0 : _activity$channelData3.length) === 0;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const messageHasNoAttachments = !(activity !== null && activity !== void 0 && activity.attachments) || (activity === null || activity === void 0 ? void 0 : activity.attachments.length) === 0;
     if (messageHasNoTags && messageHasNoText && messageHasNoAttachments) {
@@ -96,6 +103,16 @@ export const createOnNewAdapterActivityHandler = (chatId, userId, startTime) =>
       historyMessageStrategy(polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int4 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId));
       return;
     }
+
+    // Log agent joining when first non-history message is received after queue
+    if (isInQueue && !agentJoinLogged) {
+      agentJoinLogged = true;
+      isInQueue = false;
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.AgentJoinedConversation,
+        Description: "First message received from agent after queue"
+      });
+    }
     firstResponseLatencyTracker.stopClock(payload);
     const newMessageReceivedEvent = {
       eventName: BroadcastEvent.NewMessageReceived,

package/lib/types/common/Constants.d.ts

@@ -58,6 +58,8 @@ export declare class Constants {
     static readonly videoMediaRegex: RegExp;
     static readonly chromeSupportedInlineMediaRegex: RegExp;
     static readonly firefoxSupportedInlineMediaRegex: RegExp;
+    static readonly AdaptiveCardType = "adaptivecard";
+    static readonly SuggestedActionsType = "suggestedactions";
     static readonly CallAdded = "callAdded";
     static readonly LocalVideoStreamAdded = "localVideoStreamAdded";
     static readonly LocalVideoStreamRemoved = "localVideoStreamRemoved";
@@ -108,6 +110,8 @@ export declare class Constants {
     static readonly Hidden = "Hidden";
     static readonly EndConversationDueToOverflow = "endconversationduetooverflow";
     static readonly SkipSessionCloseForPersistentChatFlag = "skipSessionCloseForPersistentChat";
+    static readonly minInputFontSizePx = 16;
+    static readonly minInputFontSize = "16px";
 }
 export declare const Regex: {
     new (): {};