@microsoft/omnichannel-chat-widget 1.7.2-main.f7a7d61 → 1.7.3-main.0ecdb73

package/lib/cjs/common/Constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WidgetLoadTelemetryMessage = exports.WidgetLoadCustomErrorString = exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.StorageType = exports.StartChatErrorPaneConstants = exports.Regex = exports.PrepareEndChatDescriptionConstants = exports.ParticipantType = exports.NotificationPaneConstants = exports.MimeTypes = exports.LocaleConstants = exports.LiveWorkItemState = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.E2VVOptions = exports.ConversationMode = exports.ConversationEndEntity = exports.Constants = exports.ConfirmationState = exports.AriaTelemetryConstants = exports.AMSConstants = void 0;
+exports.WidgetLoadTelemetryMessage = exports.WidgetLoadCustomErrorString = exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.StorageType = exports.StartChatErrorPaneConstants = exports.Regex = exports.PrepareEndChatDescriptionConstants = exports.PostChatSurveyTelemetryMessage = exports.ParticipantType = exports.NotificationPaneConstants = exports.MimeTypes = exports.LocaleConstants = exports.LiveWorkItemState = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.E2VVOptions = exports.ConversationMode = exports.ConversationEndEntity = exports.Constants = exports.ConfirmationState = exports.AriaTelemetryConstants = exports.AMSConstants = void 0;
 var _class;
 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); }
@@ -318,4 +318,8 @@ _defineProperty(PrepareEndChatDescriptionConstants, "InitiateEndChatReceived", "
 _defineProperty(PrepareEndChatDescriptionConstants, "EndChatReceivedFromOtherTabs", "Received EndChat BroadcastEvent from other tabs. Closing this chat.");
 _defineProperty(PrepareEndChatDescriptionConstants, "CustomerCloseChatOnFailureOrPostChat", "Customer is trying to close chat widget on start chat failure or post chat pane.");
 _defineProperty(PrepareEndChatDescriptionConstants, "CustomerCloseInactiveChat", "Chat was Inactive and customer is trying to close chat widget or refreshing the page.");
-_defineProperty(PrepareEndChatDescriptionConstants, "BrowserUnload", "Browser unload event received. Ending chat.");
+_defineProperty(PrepareEndChatDescriptionConstants, "BrowserUnload", "Browser unload event received. Ending chat.");
+class PostChatSurveyTelemetryMessage {}
+exports.PostChatSurveyTelemetryMessage = PostChatSurveyTelemetryMessage;
+_defineProperty(PostChatSurveyTelemetryMessage, "PostChatContextCallFailed", "Failed to get post chat context.");
+_defineProperty(PostChatSurveyTelemetryMessage, "PostChatContextCallSucceed", "Postchat context call succeed.");

package/lib/cjs/common/telemetry/TelemetryConstants.js

@@ -101,6 +101,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["GetConversationDetailsCallStarted"] = "GetConversationDetailsCallStarted";
   TelemetryEvent["GetConversationDetailsCallFailed"] = "GetConversationDetailsCallFailed";
   TelemetryEvent["EndChatSDKCallFailed"] = "EndChatSDKCallFailed";
+  TelemetryEvent["DisconnectEndChatSDKCallFailed"] = "DisconnectEndChatSDKCallFailed";
   TelemetryEvent["GetChatReconnectContextSDKCallStarted"] = "GetChatReconnectContextSDKCallStarted";
   TelemetryEvent["GetChatReconnectContextSDKCallFailed"] = "GetChatReconnectContextSDKCallFailed";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";

package/lib/cjs/components/livechatwidget/common/createMarkdown.js

@@ -38,6 +38,8 @@ const createMarkdown = (disableMarkdownMessageFormatting, disableNewLineMarkdown
     ]);
   }
 
+  markdown.disable(["strikethrough"]);
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   markdown.use(_markdownItForInline.default, "url_new_win", "link_open", function (tokens, idx, env) {
     const targetAttrIndex = tokens[idx].attrIndex(_Constants.Constants.Target);

package/lib/cjs/components/livechatwidget/common/endChat.js

@@ -141,12 +141,27 @@ const endChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatSt
       await (0, _authHelper.handleAuthentication)(chatSDK, props.chatConfig, props.getAuthToken);
       await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat());
     } catch (ex) {
-      _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
-        Event: _TelemetryConstants.TelemetryEvent.EndChatSDKCallFailed,
-        ExceptionDetails: {
-          exception: ex
-        }
+      var _inMemoryState$appSta;
+      const inMemoryState = (0, _createReducer.executeReducer)(state, {
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+        payload: null
       });
+      // if the chat was disconnected or ended by the agent, we don't want to log the error
+      if (!(inMemoryState !== null && inMemoryState !== void 0 && (_inMemoryState$appSta = inMemoryState.appStates) !== null && _inMemoryState$appSta !== void 0 && _inMemoryState$appSta.chatDisconnectEventReceived)) {
+        _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.EndChatSDKCallFailed,
+          ExceptionDetails: {
+            exception: ex
+          }
+        });
+      } else {
+        _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.WARN, {
+          Event: _TelemetryConstants.TelemetryEvent.DisconnectEndChatSDKCallFailed,
+          ExceptionDetails: {
+            exception: ex
+          }
+        });
+      }
       postMessageToOtherTab = false;
     } finally {
       await endChatStateCleanUp(dispatch);
@@ -179,6 +194,10 @@ const endChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatSt
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
         payload: 0
       });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
+        payload: undefined
+      });
       // Always allow to close the chat for embedded mode irrespective of end chat errors
       closeChatWidget(dispatch, props, state);
     }

package/lib/cjs/components/livechatwidget/common/liveChatConfigUtils.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPostChatSurveyEnabled = exports.isPersistentChatEnabled = void 0;
+var _Constants = require("../../../common/Constants");
+var _utils = require("../../../common/utils");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isPostChatSurveyEnabled = async chatSDK => {
+  var _chatConfig$LiveWSAnd;
+  const chatConfig = await chatSDK.getLiveChatConfig();
+  const postChatEnabled = (_chatConfig$LiveWSAnd = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd === void 0 ? void 0 : _chatConfig$LiveWSAnd.msdyn_postconversationsurveyenable.toString().toLowerCase();
+  return postChatEnabled === "true";
+};
+exports.isPostChatSurveyEnabled = isPostChatSurveyEnabled;
+const isPersistentChatEnabled = async conversationMode => {
+  if ((0, _utils.isNullOrUndefined)(conversationMode)) {
+    return false;
+  }
+  return (conversationMode === null || conversationMode === void 0 ? void 0 : conversationMode.toString().toLowerCase()) === _Constants.ConversationMode.Persistent;
+};
+exports.isPersistentChatEnabled = isPersistentChatEnabled;

package/lib/cjs/components/livechatwidget/common/persistentChatHelper.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldSetPreChatIfPersistentChat = void 0;
+var _liveChatConfigUtils = require("./liveChatConfigUtils");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const shouldSetPreChatIfPersistentChat = async (chatSDK, conversationMode, showPreChat) => {
+  const persistentEnabled = await (0, _liveChatConfigUtils.isPersistentChatEnabled)(conversationMode);
+  let skipPreChat = false;
+  if (persistentEnabled) {
+    const reconnectableChatsParams = {
+      authenticatedUserToken: chatSDK.authenticatedUserToken
+    };
+    try {
+      const reconnectableChatsResponse = await chatSDK.OCClient.getReconnectableChats(reconnectableChatsParams);
+      if (reconnectableChatsResponse && reconnectableChatsResponse.reconnectid) {
+        // Skip rendering prechat on existing persistent chat session
+        skipPreChat = true;
+      }
+    } catch {
+      // eslint-disable-line no-empty
+    }
+  }
+  return showPreChat && !skipPreChat;
+};
+exports.shouldSetPreChatIfPersistentChat = shouldSetPreChatIfPersistentChat;

package/lib/cjs/components/livechatwidget/common/renderSurveyHelpers.js

@@ -11,6 +11,7 @@ var _utils = require("../../../common/utils");
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _PostChatSurveyMode = require("../../postchatsurveypanestateful/enums/PostChatSurveyMode");
+var _liveChatConfigUtils = require("./liveChatConfigUtils");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let conversationDetails = undefined;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -108,24 +109,27 @@ const isPostChatEnabled = (props, state) => {
 exports.checkPostChatEnabled = isPostChatEnabled;
 const getPostChatContext = async (chatSDK, state, dispatch) => {
   try {
-    var _state$domainStates2;
-    if ((state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.postChatContext) === undefined) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const context = await chatSDK.getPostChatSurveyContext();
-      _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
-        Event: _TelemetryConstants.TelemetryEvent.PostChatContextCallSucceed,
-        Description: "Postchat context call succeed."
-      });
-      dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-        payload: context
-      });
-      return context;
+    const postChatEnabled = await (0, _liveChatConfigUtils.isPostChatSurveyEnabled)(chatSDK);
+    if (postChatEnabled) {
+      var _state$domainStates2;
+      if ((state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.postChatContext) === undefined) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const context = await chatSDK.getPostChatSurveyContext();
+        _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.PostChatContextCallSucceed,
+          Description: _Constants.PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
+        });
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
+          payload: context
+        });
+        return context;
+      }
     }
   } catch (error) {
-    _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
+    _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
       Event: _TelemetryConstants.TelemetryEvent.PostChatContextCallFailed,
-      Description: "Failed to get post chat context."
+      Description: _Constants.PostChatSurveyTelemetryMessage.PostChatContextCallFailed
     });
   }
 };

package/lib/cjs/components/livechatwidget/common/setPostChatContextAndLoadSurvey.js

@@ -9,20 +9,25 @@ var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _Constants = require("../../../common/Constants");
+var _liveChatConfigUtils = require("./liveChatConfigUtils");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setPostChatContextAndLoadSurvey = async (chatSDK, dispatch, persistedChat) => {
   try {
-    if (!persistedChat) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const context = await chatSDK.getPostChatSurveyContext();
-      _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
-        Event: _TelemetryConstants.TelemetryEvent.PostChatContextCallSucceed,
-        Description: "Postchat context call succeed."
-      });
-      dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-        payload: context
-      });
+    const postChatEnabled = await (0, _liveChatConfigUtils.isPostChatSurveyEnabled)(chatSDK);
+    if (postChatEnabled) {
+      if (!persistedChat) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const context = await chatSDK.getPostChatSurveyContext();
+        _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.PostChatContextCallSucceed,
+          Description: _Constants.PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
+        });
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
+          payload: context
+        });
+      }
     }
   } catch (ex) {
     _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
@@ -32,7 +37,6 @@ const setPostChatContextAndLoadSurvey = async (chatSDK, dispatch, persistedChat)
       }
     });
   }
-
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _omnichannelChatComponents.BroadcastService.getMessageByEventName("LoadPostChatSurvey").subscribe(msg => {
     dispatch({

package/lib/cjs/components/livechatwidget/common/startChat.js

@@ -21,6 +21,8 @@ var _setPostChatContextAndLoadSurvey = require("./setPostChatContextAndLoadSurve
 var _updateSessionDataForTelemetry = require("./updateSessionDataForTelemetry");
 var _startChatErrorHandler = require("./startChatErrorHandler");
 var _endChat = require("./endChat");
+var _liveChatConfigUtils = require("./liveChatConfigUtils");
+var _persistentChatHelper = require("./persistentChatHelper");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let optionalParams = {};
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -28,10 +30,25 @@ let widgetInstanceId;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let popoutWidgetInstanceId;
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const setAuthenticationIfApplicable = async (props, chatSDK) => {
+  const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
+  const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
+  const authClientFunction = (0, _authHelper.getAuthClientFunction)(chatConfig);
+  if (getAuthToken && authClientFunction) {
+    // set auth token to chat sdk before start chat
+    const authSuccess = await (0, _authHelper.handleAuthentication)(chatSDK, chatConfig, getAuthToken);
+    if (!authSuccess) {
+      throw new Error(_Constants.WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
+    }
+  }
+};
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
   optionalParams = {}; //Resetting to ensure no stale values
   widgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props);
+
   // reconnect > chat from cache
   if ((0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig) === true && !(0, _reconnectChatHelper.isPersistentEnabled)(props.chatConfig)) {
     const shouldStartChatNormally = await (0, _reconnectChatHelper.handleChatReconnect)(chatSDK, props, dispatch, setAdapter, initStartChat, state);
@@ -54,6 +71,11 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   const isProactiveChat = state.appStates.conversationState === _ConversationState.ConversationState.ProactiveChat;
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
 
+  // Setting auth settings to OC API to retrieve existing persistent chat session before start chat if any
+  if ((0, _reconnectChatHelper.isPersistentEnabled)(props.chatConfig)) {
+    await setAuthenticationIfApplicable(props, chatSDK);
+  }
+
   //Setting PreChat and intiate chat
   await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
 };
@@ -61,16 +83,17 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.prepareStartChat = prepareStartChat;
 const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProactiveChat, proactiveChatEnablePrechatState, state, props) => {
-  var _props$preChatSurveyP, _props$preChatSurveyP2, _props$controlProps;
+  var _props$preChatSurveyP, _props$preChatSurveyP2, _props$controlProps, _state$domainStates, _state$domainStates$l, _state$domainStates$l2;
   //Handle reconnect scenario
 
   // Getting prechat Survey Context
   const parseToJson = false;
   const preChatSurveyResponse = (props === null || props === void 0 ? void 0 : (_props$preChatSurveyP = props.preChatSurveyPaneProps) === null || _props$preChatSurveyP === void 0 ? void 0 : (_props$preChatSurveyP2 = _props$preChatSurveyP.controlProps) === null || _props$preChatSurveyP2 === void 0 ? void 0 : _props$preChatSurveyP2.payload) ?? (await chatSDK.getPreChatSurvey(parseToJson));
-  const showPrechat = isProactiveChat ? preChatSurveyResponse && proactiveChatEnablePrechatState : preChatSurveyResponse && !(props !== null && props !== void 0 && (_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hidePreChatSurveyPane);
+  let showPrechat = isProactiveChat ? preChatSurveyResponse && proactiveChatEnablePrechatState : preChatSurveyResponse && !(props !== null && props !== void 0 && (_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hidePreChatSurveyPane);
+  showPrechat = await (0, _persistentChatHelper.shouldSetPreChatIfPersistentChat)(chatSDK, state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_conversationmode, showPrechat);
   if (showPrechat) {
-    var _state$domainStates, _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3;
-    const isOutOfOperatingHours = (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : (_state$domainStates$l3 = _state$domainStates$l2.OutOfOperatingHours) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.toLowerCase()) === "true";
+    var _state$domainStates2, _state$domainStates2$, _state$domainStates2$2, _state$domainStates2$3;
+    const isOutOfOperatingHours = (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.liveChatConfig) === null || _state$domainStates2$ === void 0 ? void 0 : (_state$domainStates2$2 = _state$domainStates2$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates2$2 === void 0 ? void 0 : (_state$domainStates2$3 = _state$domainStates2$2.OutOfOperatingHours) === null || _state$domainStates2$3 === void 0 ? void 0 : _state$domainStates2$3.toLowerCase()) === "true";
     if (isOutOfOperatingHours) {
       (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
@@ -94,7 +117,7 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
 
       // If minimized, maximize the chat, if the state is missing, consider it as minimized
       if ((state === null || state === void 0 ? void 0 : state.appStates.isMinimized) == undefined || (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.isMinimized) === true) {
-        var _state$domainStates2, _state$domainStates2$, _state$domainStates3, _state$domainStates3$;
+        var _state$domainStates3, _state$domainStates3$, _state$domainStates4, _state$domainStates4$;
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -104,8 +127,8 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
         _omnichannelChatComponents.BroadcastService.postMessage({
           eventName: _TelemetryConstants.BroadcastEvent.MaximizeChat,
           payload: {
-            height: state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.widgetSize) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.height,
-            width: state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : (_state$domainStates3$ = _state$domainStates3.widgetSize) === null || _state$domainStates3$ === void 0 ? void 0 : _state$domainStates3$.width
+            height: state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : (_state$domainStates3$ = _state$domainStates3.widgetSize) === null || _state$domainStates3$ === void 0 ? void 0 : _state$domainStates3$.height,
+            width: state === null || state === void 0 ? void 0 : (_state$domainStates4 = state.domainStates) === null || _state$domainStates4 === void 0 ? void 0 : (_state$domainStates4$ = _state$domainStates4.widgetSize) === null || _state$domainStates4$ === void 0 ? void 0 : _state$domainStates4$.width
           }
         });
       }
@@ -127,9 +150,9 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.setPreChatAndInitiateChat = setPreChatAndInitiateChat;
 const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
+  var _state$domainStates5, _state$domainStates5$, _state$domainStates5$2;
   let isStartChatSuccessful = false;
-  const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
-  const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
+  const persistentChatEnabled = await (0, _liveChatConfigUtils.isPersistentChatEnabled)(state === null || state === void 0 ? void 0 : (_state$domainStates5 = state.domainStates) === null || _state$domainStates5 === void 0 ? void 0 : (_state$domainStates5$ = _state$domainStates5.liveChatConfig) === null || _state$domainStates5$ === void 0 ? void 0 : (_state$domainStates5$2 = _state$domainStates5$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates5$2 === void 0 ? void 0 : _state$domainStates5$2.msdyn_conversationmode);
   if ((state === null || state === void 0 ? void 0 : state.appStates.conversationState) === _ConversationState.ConversationState.Closed) {
     // Preventive reset to avoid starting chat with previous requestId which could potentially cause problems
     (0, _endChat.chatSDKStateCleanUp)(chatSDK);
@@ -148,14 +171,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       Event: _TelemetryConstants.TelemetryEvent.WidgetLoadStarted,
       Description: "Widget loading started"
     });
-    const authClientFunction = (0, _authHelper.getAuthClientFunction)(chatConfig);
-    if (getAuthToken && authClientFunction) {
-      // set auth token to chat sdk before start chat
-      const authSuccess = await (0, _authHelper.handleAuthentication)(chatSDK, chatConfig, getAuthToken);
-      if (!authSuccess) {
-        throw new Error(_Constants.WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
-      }
-    }
+
+    // Auth token retrieval needs to happen during start chat to support pop-out chat
+    await setAuthenticationIfApplicable(props, chatSDK);
 
     //Check if chat retrieved from cache
     if (persistedState || params !== null && params !== void 0 && params.liveChatContext) {
@@ -227,10 +245,14 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const liveChatContext = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
-    dispatch({
-      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-      payload: liveChatContext
-    });
+
+    // Persistent Chat relies on the `reconnectId` retrieved from reconnectablechats API to reconnect upon start chat and not `liveChatContext`
+    if (!persistentChatEnabled) {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+        payload: liveChatContext
+      });
+    }
     (0, _startChatErrorHandler.logWidgetLoadComplete)();
     // Set post chat context in state
     // Commenting this for now as post chat context is fetched during end chat
@@ -274,17 +296,17 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setCustomContextParams = async (state, props) => {
-  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates4, _persistedState$domai8;
+  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates6, _persistedState$domai8;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const isAuthenticatedChat = props !== null && props !== void 0 && (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
   //Should not set custom context for auth chat
   if (isAuthenticatedChat) {
     return;
   }
-  if (state !== null && state !== void 0 && (_state$domainStates4 = state.domainStates) !== null && _state$domainStates4 !== void 0 && _state$domainStates4.customContext) {
-    var _state$domainStates5;
+  if (state !== null && state !== void 0 && (_state$domainStates6 = state.domainStates) !== null && _state$domainStates6 !== void 0 && _state$domainStates6.customContext) {
+    var _state$domainStates7;
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : (_state$domainStates5 = state.domainStates) === null || _state$domainStates5 === void 0 ? void 0 : _state$domainStates5.customContext))
+      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : (_state$domainStates7 = state.domainStates) === null || _state$domainStates7 === void 0 ? void 0 : _state$domainStates7.customContext))
     });
     return;
   }
@@ -332,9 +354,9 @@ const canStartPopoutChat = async props => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
-  var _state$domainStates6, _state$domainStates6$, _state$domainStates7;
-  const requestIdFromCache = (_state$domainStates6 = state.domainStates) === null || _state$domainStates6 === void 0 ? void 0 : (_state$domainStates6$ = _state$domainStates6.liveChatContext) === null || _state$domainStates6$ === void 0 ? void 0 : _state$domainStates6$.requestId;
-  const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates7 = state.domainStates) === null || _state$domainStates7 === void 0 ? void 0 : _state$domainStates7.liveChatContext;
+  var _state$domainStates8, _state$domainStates8$, _state$domainStates9;
+  const requestIdFromCache = (_state$domainStates8 = state.domainStates) === null || _state$domainStates8 === void 0 ? void 0 : (_state$domainStates8$ = _state$domainStates8.liveChatContext) === null || _state$domainStates8$ === void 0 ? void 0 : _state$domainStates8$.requestId;
+  const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates9 = state.domainStates) === null || _state$domainStates9 === void 0 ? void 0 : _state$domainStates9.liveChatContext;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;

package/lib/cjs/components/livechatwidget/common/startChatErrorHandler.js

@@ -58,6 +58,10 @@ const handleStartChatError = (dispatch, chatSDK, props, ex, isStartChatSuccessfu
       case _omnichannelChatSdk.ChatSDKErrorName.UninitializedChatSDK:
         handleUninitializedChatSDK(ex);
         break;
+      // Handle the case indicating failure to retrieve an authenticated chat conversation 
+      case _omnichannelChatSdk.ChatSDKErrorName.AuthenticatedChatConversationRetrievalFailure:
+        logWidgetLoadCompleteWithError(ex);
+        break;
       case _omnichannelChatSdk.ChatSDKErrorName.InvalidConversation:
       case _omnichannelChatSdk.ChatSDKErrorName.ClosedConversation:
         handleInvalidOrClosedConversation(dispatch, chatSDK, props, ex);

package/lib/cjs/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -218,6 +218,9 @@ const WebChatContainerStateful = props => {
         .webchat__stacked-layout_container>div {
             background: ${(props === null || props === void 0 ? void 0 : (_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : (_props$webChatContain10 = _props$webChatContain9.containerStyles) === null || _props$webChatContain10 === void 0 ? void 0 : _props$webChatContain10.background) ?? ""}
         }
+        .webchat__toaster__expandText {
+            display: flex;
+        }
         `), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     styles: containerStyles,
     className: "webchat__stacked-layout_container"

package/lib/cjs/components/webchatcontainerstateful/common/mockchatsdk.js

@@ -63,5 +63,16 @@ class MockChatSDK {
   getVoiceVideoCalling() {
     return null;
   }
+  getLiveChatConfig() {
+    return {
+      LiveWSAndLiveChatEngJoin: {
+        msdyn_postconversationsurveyenable: "true",
+        msdyn_conversationmode: "192350000"
+      }
+    };
+  }
+  sendTypingEvent() {
+    return null;
+  }
 }
 exports.MockChatSDK = MockChatSDK;

package/lib/esm/common/Constants.js

@@ -286,4 +286,7 @@ _defineProperty(PrepareEndChatDescriptionConstants, "InitiateEndChatReceived", "
 _defineProperty(PrepareEndChatDescriptionConstants, "EndChatReceivedFromOtherTabs", "Received EndChat BroadcastEvent from other tabs. Closing this chat.");
 _defineProperty(PrepareEndChatDescriptionConstants, "CustomerCloseChatOnFailureOrPostChat", "Customer is trying to close chat widget on start chat failure or post chat pane.");
 _defineProperty(PrepareEndChatDescriptionConstants, "CustomerCloseInactiveChat", "Chat was Inactive and customer is trying to close chat widget or refreshing the page.");
-_defineProperty(PrepareEndChatDescriptionConstants, "BrowserUnload", "Browser unload event received. Ending chat.");
+_defineProperty(PrepareEndChatDescriptionConstants, "BrowserUnload", "Browser unload event received. Ending chat.");
+export class PostChatSurveyTelemetryMessage {}
+_defineProperty(PostChatSurveyTelemetryMessage, "PostChatContextCallFailed", "Failed to get post chat context.");
+_defineProperty(PostChatSurveyTelemetryMessage, "PostChatContextCallSucceed", "Postchat context call succeed.");

package/lib/esm/common/telemetry/TelemetryConstants.js

@@ -95,6 +95,7 @@ export let TelemetryEvent;
   TelemetryEvent["GetConversationDetailsCallStarted"] = "GetConversationDetailsCallStarted";
   TelemetryEvent["GetConversationDetailsCallFailed"] = "GetConversationDetailsCallFailed";
   TelemetryEvent["EndChatSDKCallFailed"] = "EndChatSDKCallFailed";
+  TelemetryEvent["DisconnectEndChatSDKCallFailed"] = "DisconnectEndChatSDKCallFailed";
   TelemetryEvent["GetChatReconnectContextSDKCallStarted"] = "GetChatReconnectContextSDKCallStarted";
   TelemetryEvent["GetChatReconnectContextSDKCallFailed"] = "GetChatReconnectContextSDKCallFailed";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";

package/lib/esm/components/livechatwidget/common/createMarkdown.js

@@ -32,6 +32,8 @@ export const createMarkdown = (disableMarkdownMessageFormatting, disableNewLineM
     ]);
   }
 
+  markdown.disable(["strikethrough"]);
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   markdown.use(MarkdownItForInline, "url_new_win", "link_open", function (tokens, idx, env) {
     const targetAttrIndex = tokens[idx].attrIndex(Constants.Target);

package/lib/esm/components/livechatwidget/common/endChat.js

@@ -135,12 +135,27 @@ const endChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatSt
       await handleAuthentication(chatSDK, props.chatConfig, props.getAuthToken);
       await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat());
     } catch (ex) {
-      TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
-        Event: TelemetryEvent.EndChatSDKCallFailed,
-        ExceptionDetails: {
-          exception: ex
-        }
+      var _inMemoryState$appSta;
+      const inMemoryState = executeReducer(state, {
+        type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+        payload: null
       });
+      // if the chat was disconnected or ended by the agent, we don't want to log the error
+      if (!(inMemoryState !== null && inMemoryState !== void 0 && (_inMemoryState$appSta = inMemoryState.appStates) !== null && _inMemoryState$appSta !== void 0 && _inMemoryState$appSta.chatDisconnectEventReceived)) {
+        TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.EndChatSDKCallFailed,
+          ExceptionDetails: {
+            exception: ex
+          }
+        });
+      } else {
+        TelemetryHelper.logSDKEvent(LogLevel.WARN, {
+          Event: TelemetryEvent.DisconnectEndChatSDKCallFailed,
+          ExceptionDetails: {
+            exception: ex
+          }
+        });
+      }
       postMessageToOtherTab = false;
     } finally {
       await endChatStateCleanUp(dispatch);
@@ -173,6 +188,10 @@ const endChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatSt
         type: LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
         payload: 0
       });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
+        payload: undefined
+      });
       // Always allow to close the chat for embedded mode irrespective of end chat errors
       closeChatWidget(dispatch, props, state);
     }

package/lib/esm/components/livechatwidget/common/liveChatConfigUtils.js

@@ -0,0 +1,16 @@
+import { ConversationMode } from "../../../common/Constants";
+import { isNullOrUndefined } from "../../../common/utils";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const isPostChatSurveyEnabled = async chatSDK => {
+  var _chatConfig$LiveWSAnd;
+  const chatConfig = await chatSDK.getLiveChatConfig();
+  const postChatEnabled = (_chatConfig$LiveWSAnd = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd === void 0 ? void 0 : _chatConfig$LiveWSAnd.msdyn_postconversationsurveyenable.toString().toLowerCase();
+  return postChatEnabled === "true";
+};
+export const isPersistentChatEnabled = async conversationMode => {
+  if (isNullOrUndefined(conversationMode)) {
+    return false;
+  }
+  return (conversationMode === null || conversationMode === void 0 ? void 0 : conversationMode.toString().toLowerCase()) === ConversationMode.Persistent;
+};

package/lib/esm/components/livechatwidget/common/persistentChatHelper.js

@@ -0,0 +1,22 @@
+import { isPersistentChatEnabled } from "./liveChatConfigUtils";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const shouldSetPreChatIfPersistentChat = async (chatSDK, conversationMode, showPreChat) => {
+  const persistentEnabled = await isPersistentChatEnabled(conversationMode);
+  let skipPreChat = false;
+  if (persistentEnabled) {
+    const reconnectableChatsParams = {
+      authenticatedUserToken: chatSDK.authenticatedUserToken
+    };
+    try {
+      const reconnectableChatsResponse = await chatSDK.OCClient.getReconnectableChats(reconnectableChatsParams);
+      if (reconnectableChatsResponse && reconnectableChatsResponse.reconnectid) {
+        // Skip rendering prechat on existing persistent chat session
+        skipPreChat = true;
+      }
+    } catch {
+      // eslint-disable-line no-empty
+    }
+  }
+  return showPreChat && !skipPreChat;
+};

package/lib/esm/components/livechatwidget/common/renderSurveyHelpers.js

@@ -1,10 +1,12 @@
-import { Constants, ParticipantType } from "../../../common/Constants";
+import { Constants, ParticipantType, PostChatSurveyTelemetryMessage } from "../../../common/Constants";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { addDelayInMs } from "../../../common/utils";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { PostChatSurveyMode } from "../../postchatsurveypanestateful/enums/PostChatSurveyMode";
+import { isPostChatSurveyEnabled } from "./liveChatConfigUtils";
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let conversationDetails = undefined;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -100,24 +102,27 @@ const isPostChatEnabled = (props, state) => {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getPostChatContext = async (chatSDK, state, dispatch) => {
   try {
-    var _state$domainStates2;
-    if ((state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.postChatContext) === undefined) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const context = await chatSDK.getPostChatSurveyContext();
-      TelemetryHelper.logSDKEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.PostChatContextCallSucceed,
-        Description: "Postchat context call succeed."
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-        payload: context
-      });
-      return context;
+    const postChatEnabled = await isPostChatSurveyEnabled(chatSDK);
+    if (postChatEnabled) {
+      var _state$domainStates2;
+      if ((state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.postChatContext) === undefined) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const context = await chatSDK.getPostChatSurveyContext();
+        TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.PostChatContextCallSucceed,
+          Description: PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
+        });
+        dispatch({
+          type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
+          payload: context
+        });
+        return context;
+      }
     }
   } catch (error) {
-    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.PostChatContextCallFailed,
-      Description: "Failed to get post chat context."
+      Description: PostChatSurveyTelemetryMessage.PostChatContextCallFailed
     });
   }
 };

package/lib/esm/components/livechatwidget/common/setPostChatContextAndLoadSurvey.js

@@ -3,21 +3,26 @@ import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { PostChatSurveyTelemetryMessage } from "../../../common/Constants";
+import { isPostChatSurveyEnabled } from "./liveChatConfigUtils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const setPostChatContextAndLoadSurvey = async (chatSDK, dispatch, persistedChat) => {
   try {
-    if (!persistedChat) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const context = await chatSDK.getPostChatSurveyContext();
-      TelemetryHelper.logSDKEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.PostChatContextCallSucceed,
-        Description: "Postchat context call succeed."
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-        payload: context
-      });
+    const postChatEnabled = await isPostChatSurveyEnabled(chatSDK);
+    if (postChatEnabled) {
+      if (!persistedChat) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const context = await chatSDK.getPostChatSurveyContext();
+        TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.PostChatContextCallSucceed,
+          Description: PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
+        });
+        dispatch({
+          type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
+          payload: context
+        });
+      }
     }
   } catch (ex) {
     TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
@@ -27,7 +32,6 @@ export const setPostChatContextAndLoadSurvey = async (chatSDK, dispatch, persist
       }
     });
   }
-
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   BroadcastService.getMessageByEventName("LoadPostChatSurvey").subscribe(msg => {
     dispatch({

package/lib/esm/components/livechatwidget/common/startChat.js

@@ -15,6 +15,8 @@ import { setPostChatContextAndLoadSurvey } from "./setPostChatContextAndLoadSurv
 import { updateSessionDataForTelemetry } from "./updateSessionDataForTelemetry";
 import { logWidgetLoadComplete, handleStartChatError } from "./startChatErrorHandler";
 import { chatSDKStateCleanUp } from "./endChat";
+import { isPersistentChatEnabled } from "./liveChatConfigUtils";
+import { shouldSetPreChatIfPersistentChat } from "./persistentChatHelper";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let optionalParams = {};
@@ -23,10 +25,25 @@ let widgetInstanceId;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let popoutWidgetInstanceId;
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const setAuthenticationIfApplicable = async (props, chatSDK) => {
+  const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
+  const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
+  const authClientFunction = getAuthClientFunction(chatConfig);
+  if (getAuthToken && authClientFunction) {
+    // set auth token to chat sdk before start chat
+    const authSuccess = await handleAuthentication(chatSDK, chatConfig, getAuthToken);
+    if (!authSuccess) {
+      throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
+    }
+  }
+};
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
   optionalParams = {}; //Resetting to ensure no stale values
   widgetInstanceId = getWidgetCacheIdfromProps(props);
+
   // reconnect > chat from cache
   if (isReconnectEnabled(props.chatConfig) === true && !isPersistentEnabled(props.chatConfig)) {
     const shouldStartChatNormally = await handleChatReconnect(chatSDK, props, dispatch, setAdapter, initStartChat, state);
@@ -49,22 +66,28 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   const isProactiveChat = state.appStates.conversationState === ConversationState.ProactiveChat;
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
 
+  // Setting auth settings to OC API to retrieve existing persistent chat session before start chat if any
+  if (isPersistentEnabled(props.chatConfig)) {
+    await setAuthenticationIfApplicable(props, chatSDK);
+  }
+
   //Setting PreChat and intiate chat
   await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProactiveChat, proactiveChatEnablePrechatState, state, props) => {
-  var _props$preChatSurveyP, _props$preChatSurveyP2, _props$controlProps;
+  var _props$preChatSurveyP, _props$preChatSurveyP2, _props$controlProps, _state$domainStates, _state$domainStates$l, _state$domainStates$l2;
   //Handle reconnect scenario
 
   // Getting prechat Survey Context
   const parseToJson = false;
   const preChatSurveyResponse = (props === null || props === void 0 ? void 0 : (_props$preChatSurveyP = props.preChatSurveyPaneProps) === null || _props$preChatSurveyP === void 0 ? void 0 : (_props$preChatSurveyP2 = _props$preChatSurveyP.controlProps) === null || _props$preChatSurveyP2 === void 0 ? void 0 : _props$preChatSurveyP2.payload) ?? (await chatSDK.getPreChatSurvey(parseToJson));
-  const showPrechat = isProactiveChat ? preChatSurveyResponse && proactiveChatEnablePrechatState : preChatSurveyResponse && !(props !== null && props !== void 0 && (_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hidePreChatSurveyPane);
+  let showPrechat = isProactiveChat ? preChatSurveyResponse && proactiveChatEnablePrechatState : preChatSurveyResponse && !(props !== null && props !== void 0 && (_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hidePreChatSurveyPane);
+  showPrechat = await shouldSetPreChatIfPersistentChat(chatSDK, state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_conversationmode, showPrechat);
   if (showPrechat) {
-    var _state$domainStates, _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3;
-    const isOutOfOperatingHours = (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : (_state$domainStates$l3 = _state$domainStates$l2.OutOfOperatingHours) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.toLowerCase()) === "true";
+    var _state$domainStates2, _state$domainStates2$, _state$domainStates2$2, _state$domainStates2$3;
+    const isOutOfOperatingHours = (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.liveChatConfig) === null || _state$domainStates2$ === void 0 ? void 0 : (_state$domainStates2$2 = _state$domainStates2$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates2$2 === void 0 ? void 0 : (_state$domainStates2$3 = _state$domainStates2$2.OutOfOperatingHours) === null || _state$domainStates2$3 === void 0 ? void 0 : _state$domainStates2$3.toLowerCase()) === "true";
     if (isOutOfOperatingHours) {
       (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
         type: LiveChatWidgetActionType.SET_MINIMIZED,
@@ -88,7 +111,7 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
 
       // If minimized, maximize the chat, if the state is missing, consider it as minimized
       if ((state === null || state === void 0 ? void 0 : state.appStates.isMinimized) == undefined || (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.isMinimized) === true) {
-        var _state$domainStates2, _state$domainStates2$, _state$domainStates3, _state$domainStates3$;
+        var _state$domainStates3, _state$domainStates3$, _state$domainStates4, _state$domainStates4$;
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -98,8 +121,8 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
         BroadcastService.postMessage({
           eventName: BroadcastEvent.MaximizeChat,
           payload: {
-            height: state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.widgetSize) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.height,
-            width: state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : (_state$domainStates3$ = _state$domainStates3.widgetSize) === null || _state$domainStates3$ === void 0 ? void 0 : _state$domainStates3$.width
+            height: state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : (_state$domainStates3$ = _state$domainStates3.widgetSize) === null || _state$domainStates3$ === void 0 ? void 0 : _state$domainStates3$.height,
+            width: state === null || state === void 0 ? void 0 : (_state$domainStates4 = state.domainStates) === null || _state$domainStates4 === void 0 ? void 0 : (_state$domainStates4$ = _state$domainStates4.widgetSize) === null || _state$domainStates4$ === void 0 ? void 0 : _state$domainStates4$.width
           }
         });
       }
@@ -120,9 +143,9 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
+  var _state$domainStates5, _state$domainStates5$, _state$domainStates5$2;
   let isStartChatSuccessful = false;
-  const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
-  const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
+  const persistentChatEnabled = await isPersistentChatEnabled(state === null || state === void 0 ? void 0 : (_state$domainStates5 = state.domainStates) === null || _state$domainStates5 === void 0 ? void 0 : (_state$domainStates5$ = _state$domainStates5.liveChatConfig) === null || _state$domainStates5$ === void 0 ? void 0 : (_state$domainStates5$2 = _state$domainStates5$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates5$2 === void 0 ? void 0 : _state$domainStates5$2.msdyn_conversationmode);
   if ((state === null || state === void 0 ? void 0 : state.appStates.conversationState) === ConversationState.Closed) {
     // Preventive reset to avoid starting chat with previous requestId which could potentially cause problems
     chatSDKStateCleanUp(chatSDK);
@@ -141,14 +164,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       Event: TelemetryEvent.WidgetLoadStarted,
       Description: "Widget loading started"
     });
-    const authClientFunction = getAuthClientFunction(chatConfig);
-    if (getAuthToken && authClientFunction) {
-      // set auth token to chat sdk before start chat
-      const authSuccess = await handleAuthentication(chatSDK, chatConfig, getAuthToken);
-      if (!authSuccess) {
-        throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
-      }
-    }
+
+    // Auth token retrieval needs to happen during start chat to support pop-out chat
+    await setAuthenticationIfApplicable(props, chatSDK);
 
     //Check if chat retrieved from cache
     if (persistedState || params !== null && params !== void 0 && params.liveChatContext) {
@@ -220,10 +238,14 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const liveChatContext = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
-    dispatch({
-      type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-      payload: liveChatContext
-    });
+
+    // Persistent Chat relies on the `reconnectId` retrieved from reconnectablechats API to reconnect upon start chat and not `liveChatContext`
+    if (!persistentChatEnabled) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+        payload: liveChatContext
+      });
+    }
     logWidgetLoadComplete();
     // Set post chat context in state
     // Commenting this for now as post chat context is fetched during end chat
@@ -266,17 +288,17 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setCustomContextParams = async (state, props) => {
-  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates4, _persistedState$domai8;
+  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates6, _persistedState$domai8;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const isAuthenticatedChat = props !== null && props !== void 0 && (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
   //Should not set custom context for auth chat
   if (isAuthenticatedChat) {
     return;
   }
-  if (state !== null && state !== void 0 && (_state$domainStates4 = state.domainStates) !== null && _state$domainStates4 !== void 0 && _state$domainStates4.customContext) {
-    var _state$domainStates5;
+  if (state !== null && state !== void 0 && (_state$domainStates6 = state.domainStates) !== null && _state$domainStates6 !== void 0 && _state$domainStates6.customContext) {
+    var _state$domainStates7;
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : (_state$domainStates5 = state.domainStates) === null || _state$domainStates5 === void 0 ? void 0 : _state$domainStates5.customContext))
+      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : (_state$domainStates7 = state.domainStates) === null || _state$domainStates7 === void 0 ? void 0 : _state$domainStates7.customContext))
     });
     return;
   }
@@ -324,9 +346,9 @@ const canStartPopoutChat = async props => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
-  var _state$domainStates6, _state$domainStates6$, _state$domainStates7;
-  const requestIdFromCache = (_state$domainStates6 = state.domainStates) === null || _state$domainStates6 === void 0 ? void 0 : (_state$domainStates6$ = _state$domainStates6.liveChatContext) === null || _state$domainStates6$ === void 0 ? void 0 : _state$domainStates6$.requestId;
-  const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates7 = state.domainStates) === null || _state$domainStates7 === void 0 ? void 0 : _state$domainStates7.liveChatContext;
+  var _state$domainStates8, _state$domainStates8$, _state$domainStates9;
+  const requestIdFromCache = (_state$domainStates8 = state.domainStates) === null || _state$domainStates8 === void 0 ? void 0 : (_state$domainStates8$ = _state$domainStates8.liveChatContext) === null || _state$domainStates8$ === void 0 ? void 0 : _state$domainStates8$.requestId;
+  const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates9 = state.domainStates) === null || _state$domainStates9 === void 0 ? void 0 : _state$domainStates9.liveChatContext;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;

package/lib/esm/components/livechatwidget/common/startChatErrorHandler.js

@@ -53,6 +53,10 @@ export const handleStartChatError = (dispatch, chatSDK, props, ex, isStartChatSu
       case ChatSDKErrorName.UninitializedChatSDK:
         handleUninitializedChatSDK(ex);
         break;
+      // Handle the case indicating failure to retrieve an authenticated chat conversation 
+      case ChatSDKErrorName.AuthenticatedChatConversationRetrievalFailure:
+        logWidgetLoadCompleteWithError(ex);
+        break;
       case ChatSDKErrorName.InvalidConversation:
       case ChatSDKErrorName.ClosedConversation:
         handleInvalidOrClosedConversation(dispatch, chatSDK, props, ex);

package/lib/esm/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -210,6 +210,9 @@ export const WebChatContainerStateful = props => {
         .webchat__stacked-layout_container>div {
             background: ${(props === null || props === void 0 ? void 0 : (_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : (_props$webChatContain10 = _props$webChatContain9.containerStyles) === null || _props$webChatContain10 === void 0 ? void 0 : _props$webChatContain10.background) ?? ""}
         }
+        .webchat__toaster__expandText {
+            display: flex;
+        }
         `), /*#__PURE__*/React.createElement(Stack, {
     styles: containerStyles,
     className: "webchat__stacked-layout_container"

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

@@ -56,4 +56,15 @@ export class MockChatSDK {
   getVoiceVideoCalling() {
     return null;
   }
+  getLiveChatConfig() {
+    return {
+      LiveWSAndLiveChatEngJoin: {
+        msdyn_postconversationsurveyenable: "true",
+        msdyn_conversationmode: "192350000"
+      }
+    };
+  }
+  sendTypingEvent() {
+    return null;
+  }
 }

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

@@ -267,3 +267,7 @@ export declare class PrepareEndChatDescriptionConstants {
     static readonly CustomerCloseInactiveChat = "Chat was Inactive and customer is trying to close chat widget or refreshing the page.";
     static readonly BrowserUnload = "Browser unload event received. Ending chat.";
 }
+export declare class PostChatSurveyTelemetryMessage {
+    static readonly PostChatContextCallFailed = "Failed to get post chat context.";
+    static readonly PostChatContextCallSucceed = "Postchat context call succeed.";
+}

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -88,6 +88,7 @@ export declare enum TelemetryEvent {
     GetConversationDetailsCallStarted = "GetConversationDetailsCallStarted",
     GetConversationDetailsCallFailed = "GetConversationDetailsCallFailed",
     EndChatSDKCallFailed = "EndChatSDKCallFailed",
+    DisconnectEndChatSDKCallFailed = "DisconnectEndChatSDKCallFailed",
     GetChatReconnectContextSDKCallStarted = "GetChatReconnectContextSDKCallStarted",
     GetChatReconnectContextSDKCallFailed = "GetChatReconnectContextSDKCallFailed",
     ParseAdaptiveCardFailed = "ParseAdaptiveCardFailed",

package/lib/types/components/livechatwidget/common/liveChatConfigUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const isPostChatSurveyEnabled: (chatSDK: any) => Promise<boolean>;
+export declare const isPersistentChatEnabled: (conversationMode: string | undefined) => Promise<boolean>;

package/lib/types/components/livechatwidget/common/persistentChatHelper.d.ts

@@ -0,0 +1 @@
+export declare const shouldSetPreChatIfPersistentChat: (chatSDK: any, conversationMode: string, showPreChat: boolean) => Promise<boolean>;

package/lib/types/components/webchatcontainerstateful/common/mockchatsdk.d.ts

@@ -28,4 +28,11 @@ export declare class MockChatSDK {
         reconnectId: string;
     };
     getVoiceVideoCalling(): null;
+    getLiveChatConfig(): {
+        LiveWSAndLiveChatEngJoin: {
+            msdyn_postconversationsurveyenable: string;
+            msdyn_conversationmode: string;
+        };
+    };
+    sendTypingEvent(): null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.2-main.f7a7d61",
+  "version": "1.7.3-main.0ecdb73",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -75,9 +75,9 @@
   },
   "dependencies": {
     "@microsoft/omnichannel-chat-components": "1.1.5",
-    "@microsoft/omnichannel-chat-sdk": "^1.9.1",
+    "@microsoft/omnichannel-chat-sdk": "^1.9.6",
     "abort-controller-es5": "^2.0.1",
-    "dompurify": "^2.3.4",
+    "dompurify": "^2.5.4",
     "markdown-it": "^12.3.2",
     "markdown-it-attrs": "^4.1.6",
     "markdown-it-attrs-es5": "^2.0.2",
@@ -101,6 +101,7 @@
     "test:all": "yarn test:unit && yarn test:visual",
     "build:esm": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
     "build:cjs": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
+    "build:umd": "webpack --config ./webpack.umd.config.cjs",
     "verify": "yarn install && yarn build-storybook && yarn test:all && yarn build && yarn storybook",
     "testpack": "yarn build && yarn pack",
     "build-sample": "yarn build && webpack --config ./webpack.config.cjs",