@microsoft/omnichannel-chat-widget 1.6.3-main.25307f2 → 1.6.3-main.28c9415

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

@@ -64,6 +64,7 @@ exports.BroadcastEvent = BroadcastEvent;
   BroadcastEvent["UpdateSessionDataForTelemetry"] = "UpdateSessionDataForTelemetry";
   BroadcastEvent["UpdateConversationDataForTelemetry"] = "UpdateConversationDataForTelemetry";
   BroadcastEvent["ContactIdNotFound"] = "ContactIdNotFound";
+  BroadcastEvent["SyncMinimize"] = "SyncMinimize";
 })(BroadcastEvent || (exports.BroadcastEvent = BroadcastEvent = {}));
 let TelemetryEvent;
 exports.TelemetryEvent = TelemetryEvent;

package/lib/cjs/common/utils.js

@@ -383,15 +383,20 @@ const debounceLeading = function (fn) {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.debounceLeading = debounceLeading;
-const getConversationDetailsCall = async chatSDK => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let conversationDetails = undefined;
+const getConversationDetailsCall = async function (chatSDK) {
+  let liveChatContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  let conversationDetails = undefined; // eslint-disable-line @typescript-eslint/no-explicit-any
+  const optionalParams = {}; // eslint-disable-line @typescript-eslint/no-explicit-any
+
+  if (liveChatContext !== null && liveChatContext !== void 0 && liveChatContext.requestId && liveChatContext !== null && liveChatContext !== void 0 && liveChatContext.chatToken) {
+    optionalParams.liveChatContext = liveChatContext;
+  }
   try {
     _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.GetConversationDetailsCallStarted,
       Description: "Conversation details call started"
     });
-    conversationDetails = await chatSDK.getConversationDetails();
+    conversationDetails = await chatSDK.getConversationDetails(optionalParams);
   } catch (error) {
     checkContactIdError(error);
     _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {

package/lib/cjs/components/emailtranscriptpanestateful/EmailTranscriptPaneStateful.js

@@ -45,33 +45,38 @@ const EmailTranscriptPaneStateful = props => {
     });
     (0, _utils.setTabIndices)(elements, initialTabIndexMap, true);
   };
+  const onSend = (0, _react.useCallback)(async email => {
+    var _state$domainStates;
+    const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.liveChatContext;
+    closeEmailTranscriptPane();
+    const chatTranscriptBody = {
+      emailAddress: email,
+      attachmentMessage: (props === null || props === void 0 ? void 0 : props.attachmentMessage) ?? "The following attachment was uploaded during the conversation:"
+    };
+    try {
+      await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.emailLiveChatTranscript(chatTranscriptBody, {
+        liveChatContext
+      }));
+      _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.NotificationScenarios.EmailAddressSaved, _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts === null || _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts === void 0 ? void 0 : _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS);
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.EmailTranscriptSent,
+        Description: "Transcript sent to email successfully."
+      });
+    } catch (ex) {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+        Event: _TelemetryConstants.TelemetryEvent.EmailTranscriptFailed,
+        ExceptionDetails: {
+          exception: ex
+        }
+      });
+      const message = (0, _utils.formatTemplateString)(_defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR, [email]);
+      _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.EmailTranscriptError, (props === null || props === void 0 ? void 0 : props.bannerMessageOnError) ?? message);
+    }
+  }, [props.attachmentMessage, props.bannerMessageOnError, chatSDK, state.domainStates.liveChatContext]);
   const controlProps = {
     id: "oclcw-emailTranscriptDialogContainer",
     dir: state.domainStates.globalDir,
-    onSend: async email => {
-      closeEmailTranscriptPane();
-      const chatTranscriptBody = {
-        emailAddress: email,
-        attachmentMessage: (props === null || props === void 0 ? void 0 : props.attachmentMessage) ?? "The following attachment was uploaded during the conversation:"
-      };
-      try {
-        await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.emailLiveChatTranscript(chatTranscriptBody));
-        _NotificationHandler.NotificationHandler.notifySuccess(_NotificationScenarios.NotificationScenarios.EmailAddressSaved, _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts === null || _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts === void 0 ? void 0 : _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS);
-        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-          Event: _TelemetryConstants.TelemetryEvent.EmailTranscriptSent,
-          Description: "Transcript sent to email successfully."
-        });
-      } catch (ex) {
-        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-          Event: _TelemetryConstants.TelemetryEvent.EmailTranscriptFailed,
-          ExceptionDetails: {
-            exception: ex
-          }
-        });
-        const message = (0, _utils.formatTemplateString)(_defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR, [email]);
-        _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.EmailTranscriptError, (props === null || props === void 0 ? void 0 : props.bannerMessageOnError) ?? message);
-      }
-    },
+    onSend,
     onCancel: () => {
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.EmailTranscriptCancelButtonClicked,

package/lib/cjs/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.js

@@ -12,6 +12,8 @@ var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants"
 var _createChatTranscript = _interopRequireDefault(require("../../../plugins/createChatTranscript"));
 var _dompurify = _interopRequireDefault(require("dompurify"));
 var _utils = require("../../../common/utils");
+var _createReducer = require("../../../contexts/createReducer");
+var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const processDisplayName = displayName => {
   // if displayname matches "teamsvisitor:<some alphanumeric string>", we replace it with "Customer"
@@ -164,12 +166,16 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const downloadTranscript = async (chatSDK, downloadTranscriptProps, state) => {
-  var _state$domainStates, _state$domainStates2, _state$domainStates2$;
-  // Need to keep existing request id for scenarios when trnascript is downloaded after endchat
-  const liveChatContext = {
-    chatToken: state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.chatToken,
-    requestId: state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.chatToken) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.requestId
-  };
+  var _state$domainStates;
+  // Need to keep existing live chat context for scenarios when transcript is downloaded after endchat
+  let liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.liveChatContext;
+  if (!liveChatContext) {
+    const inMemoryState = (0, _createReducer.executeReducer)(state, {
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
+    liveChatContext = inMemoryState.domainStates.liveChatContext;
+  }
   let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript({
     liveChatContext
   }));

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

@@ -200,10 +200,6 @@ const callingStateCleanUp = dispatch => {
 exports.callingStateCleanUp = callingStateCleanUp;
 const endChatStateCleanUp = dispatch => {
   // Need to clear these states immediately when chat ended from OC.
-  dispatch({
-    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-    payload: undefined
-  });
   dispatch({
     type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_RECONNECT_ID,
     payload: undefined
@@ -248,6 +244,12 @@ const closeChatStateCleanUp = dispatch => {
       proactiveChatInNewWindow: false
     }
   });
+
+  // Clear live chat context only if chat widget is fully closed to support transcript calls after sessionclose is called
+  dispatch({
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+    payload: undefined
+  });
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -315,10 +317,8 @@ const chatTokenCleanUp = async dispatch => {
     type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_TOKEN,
     payload: undefined
   });
-  dispatch({
-    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-    payload: undefined
-  });
+
+  // Need to keep liveChatContext until chat is fully closed to for transcript download/email
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -32,7 +32,6 @@ let popoutWidgetInstanceId;
 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);
@@ -83,6 +82,7 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
       });
       return;
     } else {
+      var _state$appStates;
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE,
         payload: preChatSurveyResponse
@@ -91,6 +91,24 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: _ConversationState.ConversationState.Prechat
       });
+
+      // 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$;
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
+          payload: false
+        });
+
+        // this event will notify the upper layer to maximize the widget, an event missing during multi-tab scenario.
+        _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
+          }
+        });
+      }
       return;
     }
   }
@@ -117,9 +135,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
     (0, _endChat.chatSDKStateCleanUp)(chatSDK);
   }
   try {
-    var _state$appStates, _newAdapter$activity$;
+    var _state$appStates2, _newAdapter$activity$;
     // Clear disconnect state on start chat
-    (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.chatDisconnectEventReceived) && dispatch({
+    (state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.chatDisconnectEventReceived) && dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
       payload: false
     });
@@ -214,7 +232,6 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       payload: liveChatContext
     });
     (0, _startChatErrorHandler.logWidgetLoadComplete)();
-
     // Set post chat context in state
     // Commenting this for now as post chat context is fetched during end chat
     await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch);
@@ -232,9 +249,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.initStartChat = initStartChat;
 const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
-  var _state$appStates2, _persistedState$domai6, _persistedState$appSt;
+  var _state$appStates3, _persistedState$domai6, _persistedState$appSt;
   // By pass this function in case of popout chat
-  if ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.hideStartChatButton) === true) {
+  if ((state === null || state === void 0 ? void 0 : (_state$appStates3 = state.appStates) === null || _state$appStates3 === void 0 ? void 0 : _state$appStates3.hideStartChatButton) === true) {
     return false;
   }
   const persistedState = (0, _utils.getStateFromCache)((0, _utils.getWidgetCacheIdfromProps)(props));
@@ -257,17 +274,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$domainStates2, _persistedState$domai8;
+  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates4, _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$domainStates2 = state.domainStates) !== null && _state$domainStates2 !== void 0 && _state$domainStates2.customContext) {
-    var _state$domainStates3;
+  if (state !== null && state !== void 0 && (_state$domainStates4 = state.domainStates) !== null && _state$domainStates4 !== void 0 && _state$domainStates4.customContext) {
+    var _state$domainStates5;
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : _state$domainStates3.customContext))
+      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))
     });
     return;
   }
@@ -315,12 +332,14 @@ const canStartPopoutChat = async props => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
-  var _state$domainStates4, _state$domainStates4$;
-  const requestIdFromCache = (_state$domainStates4 = state.domainStates) === null || _state$domainStates4 === void 0 ? void 0 : (_state$domainStates4$ = _state$domainStates4.liveChatContext) === null || _state$domainStates4$ === void 0 ? void 0 : _state$domainStates4$.requestId;
+  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;
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
 
-  //Preserve current requestId
+  // Preserve current requestId
   const currentRequestId = chatSDK.requestId ?? "";
   dispatch({
     type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_INITIAL_CHAT_SDK_REQUEST_ID,
@@ -328,9 +347,8 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
   });
   try {
     chatSDK.requestId = requestIdFromCache;
-    conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK);
+    conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK, liveChatContext);
     if (Object.keys(conversationDetails).length === 0) {
-      chatSDK.requestId = currentRequestId;
       return false;
     }
     if (conversationDetails.state === _Constants.LiveWorkItemState.Closed || conversationDetails.state === _Constants.LiveWorkItemState.WrapUp) {
@@ -338,18 +356,16 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
         payload: undefined
       });
-      chatSDK.requestId = currentRequestId;
       return false;
     }
     return true;
-  } catch (erorr) {
+  } catch (error) {
     _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
       Event: _TelemetryConstants.TelemetryEvent.GetConversationDetailsException,
       ExceptionDetails: {
-        exception: `Conversation is not valid: ${erorr}`
+        exception: `Conversation is not valid: ${error}`
       }
     });
-    chatSDK.requestId = currentRequestId;
     return false;
   }
 };

package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -144,9 +144,6 @@ const LiveChatWidgetStateful = props => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: _ConversationState.ConversationState.Loading
       });
-      if (localState) {
-        localState.appStates.conversationState = _ConversationState.ConversationState.Loading;
-      }
 
       //Check if conversation state is not in wrapup or closed state
       isChatValid = await (0, _startChat.checkIfConversationStillValid)(chatSDK, dispatch, state);
@@ -163,7 +160,11 @@ const LiveChatWidgetStateful = props => {
         // adding the reconnect logic for the case when customer tries to reconnect from a new browser or InPrivate browser
         const reconnectTriggered = await isReconnectTriggered();
         if (!reconnectTriggered) {
-          await (0, _startChat.setPreChatAndInitiateChat)(chatSDK, dispatch, setAdapter, undefined, undefined, localState, props);
+          const inMemoryState = (0, _createReducer.executeReducer)(state, {
+            type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+            payload: null
+          });
+          await (0, _startChat.setPreChatAndInitiateChat)(chatSDK, dispatch, setAdapter, undefined, undefined, inMemoryState, props);
         }
         return;
       } else {
@@ -343,31 +344,35 @@ const LiveChatWidgetStateful = props => {
       }
     });
 
+    /**
+     * This will allow to sync multiple tabs to handle minimize and maximize state, 
+     * the event is expected to be emitted from scripting layer.
+     */
+    _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.SyncMinimize).subscribe(msg => {
+      var _msg$payload4;
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
+        payload: msg === null || msg === void 0 ? void 0 : (_msg$payload4 = msg.payload) === null || _msg$payload4 === void 0 ? void 0 : _msg$payload4.minimized
+      });
+    });
+
     // Start chat from SDK Event
     _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.StartChat).subscribe(msg => {
-      var _msg$payload4, _msg$payload5, _msg$payload6, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
+      var _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
       // If the startChat event is not initiated by the same tab. Ignore the call
-      if (!(0, _utils.isNullOrUndefined)(msg === null || msg === void 0 ? void 0 : (_msg$payload4 = msg.payload) === null || _msg$payload4 === void 0 ? void 0 : _msg$payload4.runtimeId) && (msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.runtimeId) !== _TelemetryManager.TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
+      if (!(0, _utils.isNullOrUndefined)(msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.runtimeId) && (msg === null || msg === void 0 ? void 0 : (_msg$payload6 = msg.payload) === null || _msg$payload6 === void 0 ? void 0 : _msg$payload6.runtimeId) !== _TelemetryManager.TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         return;
       }
-      let stateWithUpdatedContext = state;
-      if (msg !== null && msg !== void 0 && (_msg$payload6 = msg.payload) !== null && _msg$payload6 !== void 0 && _msg$payload6.customContext) {
-        var _msg$payload7, _msg$payload8;
+      if (msg !== null && msg !== void 0 && (_msg$payload7 = msg.payload) !== null && _msg$payload7 !== void 0 && _msg$payload7.customContext) {
+        var _msg$payload8;
         _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
           Event: _TelemetryConstants.TelemetryEvent.CustomContextReceived,
           Description: "CustomContext received through startChat event."
         });
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
-          payload: msg === null || msg === void 0 ? void 0 : (_msg$payload7 = msg.payload) === null || _msg$payload7 === void 0 ? void 0 : _msg$payload7.customContext
+          payload: msg === null || msg === void 0 ? void 0 : (_msg$payload8 = msg.payload) === null || _msg$payload8 === void 0 ? void 0 : _msg$payload8.customContext
         });
-        stateWithUpdatedContext = {
-          ...state,
-          domainStates: {
-            ...state.domainStates,
-            customContext: msg === null || msg === void 0 ? void 0 : (_msg$payload8 = msg.payload) === null || _msg$payload8 === void 0 ? void 0 : _msg$payload8.customContext
-          }
-        };
       }
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.StartChatEventRecevied,
@@ -377,13 +382,14 @@ const LiveChatWidgetStateful = props => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
         payload: null
       });
+      inMemoryState.domainStates.customContext = msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.customContext;
 
       // Only initiate new chat if widget runtime state is one of the followings
       if (((_inMemoryState$appSta = inMemoryState.appStates) === null || _inMemoryState$appSta === void 0 ? void 0 : _inMemoryState$appSta.conversationState) === _ConversationState.ConversationState.Closed || ((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === _ConversationState.ConversationState.InActive || ((_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.conversationState) === _ConversationState.ConversationState.Postchat) {
         _omnichannelChatComponents.BroadcastService.postMessage({
           eventName: _TelemetryConstants.BroadcastEvent.ChatInitiated
         });
-        (0, _startChat.prepareStartChat)(props, chatSDK, stateWithUpdatedContext, dispatch, setAdapter);
+        (0, _startChat.prepareStartChat)(props, chatSDK, inMemoryState, dispatch, setAdapter);
         return;
       }
 
@@ -450,8 +456,8 @@ const LiveChatWidgetStateful = props => {
     // Listen to end chat event from other tabs
     const endChatEventName = (0, _utils.getWidgetEndChatEventName)(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC3 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC3 === void 0 ? void 0 : _chatSDK$omnichannelC3.widgetId, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.widgetInstanceId) ?? "");
     _omnichannelChatComponents.BroadcastService.getMessageByEventName(endChatEventName).subscribe(msg => {
-      var _msg$payload9;
-      if ((msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.runtimeId) !== _TelemetryManager.TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
+      var _msg$payload10;
+      if ((msg === null || msg === void 0 ? void 0 : (_msg$payload10 = msg.payload) === null || _msg$payload10 === void 0 ? void 0 : _msg$payload10.runtimeId) !== _TelemetryManager.TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
           Event: _TelemetryConstants.TelemetryEvent.PrepareEndChat,
           Description: "Received EndChat BroadcastEvent from other tabs. Closing this chat."

package/lib/cjs/components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts.js

@@ -31,7 +31,7 @@ const defaultMiddlewareLocalizedTexts = {
   MIDDLEWARE_MESSAGE_NOT_DELIVERED: "Not Delivered",
   MIDDLEWARE_MESSAGE_RETRY: "Retry",
   MIDDLEWARE_BANNER_CHAT_DISCONNECT: "Your conversation has been disconnected. For additional assistance, please start a new chat.",
-  THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE: "Third party cookies are blocked. Reloading this page will start a new conversation.",
+  THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE: "Allow sites to save/read cookies in browser settings. Reloading page starts a new chat.",
   MIDDLEWARE_BANNER_FILE_IS_MALICIOUS: "{0} has been blocked because the file may contain a malware.",
   MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS: "Email will be sent after chat ends!",
   MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR: "Email {0} could not be saved, try again later."

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

@@ -18,6 +18,16 @@ const getLiveChatWidgetContextInitialState = props => {
   const initialState = (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)(cacheTtlInMins, storageType).getData(widgetCacheId);
   if (!(0, _utils.isNullOrUndefined)(initialState)) {
     const initialStateFromCache = JSON.parse(initialState);
+
+    /*
+    * this step is needed to avoid the pre-chat pane to be injected in the DOM when the widget is reloaded, because wont be visible
+    * and it will be blocking all elements behind it
+    * as part of the flow, the pre-chat will be detected and then it will be displayed properly 
+    * this case is only and only for pre-chat pane.
+    * **/
+    if (initialStateFromCache.appStates.conversationState === _ConversationState.ConversationState.Prechat) {
+      initialStateFromCache.appStates.conversationState = _ConversationState.ConversationState.Closed;
+    }
     return initialStateFromCache;
   }
   const LiveChatWidgetContextInitialState = {

package/lib/cjs/contexts/createReducer.js

@@ -89,7 +89,7 @@ const reducer = (state, action) => {
       inMemory = {
         ...inMemory,
         appStates: {
-          ...state.appStates,
+          ...inMemory.appStates,
           isMinimized: action.payload
         }
       };

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

@@ -59,6 +59,7 @@ export let BroadcastEvent;
   BroadcastEvent["UpdateSessionDataForTelemetry"] = "UpdateSessionDataForTelemetry";
   BroadcastEvent["UpdateConversationDataForTelemetry"] = "UpdateConversationDataForTelemetry";
   BroadcastEvent["ContactIdNotFound"] = "ContactIdNotFound";
+  BroadcastEvent["SyncMinimize"] = "SyncMinimize";
 })(BroadcastEvent || (BroadcastEvent = {}));
 export let TelemetryEvent;
 (function (TelemetryEvent) {

package/lib/esm/common/utils.js

@@ -351,15 +351,20 @@ export const debounceLeading = function (fn) {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const getConversationDetailsCall = async chatSDK => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let conversationDetails = undefined;
+export const getConversationDetailsCall = async function (chatSDK) {
+  let liveChatContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  let conversationDetails = undefined; // eslint-disable-line @typescript-eslint/no-explicit-any
+  const optionalParams = {}; // eslint-disable-line @typescript-eslint/no-explicit-any
+
+  if (liveChatContext !== null && liveChatContext !== void 0 && liveChatContext.requestId && liveChatContext !== null && liveChatContext !== void 0 && liveChatContext.chatToken) {
+    optionalParams.liveChatContext = liveChatContext;
+  }
   try {
     TelemetryHelper.logSDKEvent(LogLevel.INFO, {
       Event: TelemetryEvent.GetConversationDetailsCallStarted,
       Description: "Conversation details call started"
     });
-    conversationDetails = await chatSDK.getConversationDetails();
+    conversationDetails = await chatSDK.getConversationDetails(optionalParams);
   } catch (error) {
     checkContactIdError(error);
     TelemetryHelper.logSDKEvent(LogLevel.ERROR, {

package/lib/esm/components/emailtranscriptpanestateful/EmailTranscriptPaneStateful.js

@@ -1,5 +1,5 @@
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
-import React, { useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import { findAllFocusableElement, findParentFocusableElementsWithoutChildContainer, formatTemplateString, preventFocusToMoveOutOfElement, setFocusOnElement, setFocusOnSendBox, setTabIndices } from "../../common/utils";
 import { DimLayer } from "../dimlayer/DimLayer";
 import { InputValidationPane } from "@microsoft/omnichannel-chat-components";
@@ -36,33 +36,38 @@ export const EmailTranscriptPaneStateful = props => {
     });
     setTabIndices(elements, initialTabIndexMap, true);
   };
+  const onSend = useCallback(async email => {
+    var _state$domainStates;
+    const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.liveChatContext;
+    closeEmailTranscriptPane();
+    const chatTranscriptBody = {
+      emailAddress: email,
+      attachmentMessage: (props === null || props === void 0 ? void 0 : props.attachmentMessage) ?? "The following attachment was uploaded during the conversation:"
+    };
+    try {
+      await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.emailLiveChatTranscript(chatTranscriptBody, {
+        liveChatContext
+      }));
+      NotificationHandler.notifySuccess(NotificationScenarios.EmailAddressSaved, defaultMiddlewareLocalizedTexts === null || defaultMiddlewareLocalizedTexts === void 0 ? void 0 : defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS);
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.EmailTranscriptSent,
+        Description: "Transcript sent to email successfully."
+      });
+    } catch (ex) {
+      TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.EmailTranscriptFailed,
+        ExceptionDetails: {
+          exception: ex
+        }
+      });
+      const message = formatTemplateString(defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR, [email]);
+      NotificationHandler.notifyError(NotificationScenarios.EmailTranscriptError, (props === null || props === void 0 ? void 0 : props.bannerMessageOnError) ?? message);
+    }
+  }, [props.attachmentMessage, props.bannerMessageOnError, chatSDK, state.domainStates.liveChatContext]);
   const controlProps = {
     id: "oclcw-emailTranscriptDialogContainer",
     dir: state.domainStates.globalDir,
-    onSend: async email => {
-      closeEmailTranscriptPane();
-      const chatTranscriptBody = {
-        emailAddress: email,
-        attachmentMessage: (props === null || props === void 0 ? void 0 : props.attachmentMessage) ?? "The following attachment was uploaded during the conversation:"
-      };
-      try {
-        await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.emailLiveChatTranscript(chatTranscriptBody));
-        NotificationHandler.notifySuccess(NotificationScenarios.EmailAddressSaved, defaultMiddlewareLocalizedTexts === null || defaultMiddlewareLocalizedTexts === void 0 ? void 0 : defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS);
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.EmailTranscriptSent,
-          Description: "Transcript sent to email successfully."
-        });
-      } catch (ex) {
-        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.EmailTranscriptFailed,
-          ExceptionDetails: {
-            exception: ex
-          }
-        });
-        const message = formatTemplateString(defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR, [email]);
-        NotificationHandler.notifyError(NotificationScenarios.EmailTranscriptError, (props === null || props === void 0 ? void 0 : props.bannerMessageOnError) ?? message);
-      }
-    },
+    onSend,
     onCancel: () => {
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.EmailTranscriptCancelButtonClicked,

package/lib/esm/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.js

@@ -6,6 +6,8 @@ import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryCon
 import createChatTranscript from "../../../plugins/createChatTranscript";
 import DOMPurify from "dompurify";
 import { createFileAndDownload, isNullOrUndefined } from "../../../common/utils";
+import { executeReducer } from "../../../contexts/createReducer";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 const processDisplayName = displayName => {
   // if displayname matches "teamsvisitor:<some alphanumeric string>", we replace it with "Customer"
   const displayNameRegex = ".+:.+";
@@ -157,12 +159,16 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const downloadTranscript = async (chatSDK, downloadTranscriptProps, state) => {
-  var _state$domainStates, _state$domainStates2, _state$domainStates2$;
-  // Need to keep existing request id for scenarios when trnascript is downloaded after endchat
-  const liveChatContext = {
-    chatToken: state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.chatToken,
-    requestId: state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.chatToken) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.requestId
-  };
+  var _state$domainStates;
+  // Need to keep existing live chat context for scenarios when transcript is downloaded after endchat
+  let liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.liveChatContext;
+  if (!liveChatContext) {
+    const inMemoryState = executeReducer(state, {
+      type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
+    liveChatContext = inMemoryState.domainStates.liveChatContext;
+  }
   let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript({
     liveChatContext
   }));

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

@@ -192,10 +192,6 @@ export const callingStateCleanUp = dispatch => {
 };
 export const endChatStateCleanUp = dispatch => {
   // Need to clear these states immediately when chat ended from OC.
-  dispatch({
-    type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-    payload: undefined
-  });
   dispatch({
     type: LiveChatWidgetActionType.SET_RECONNECT_ID,
     payload: undefined
@@ -239,6 +235,12 @@ export const closeChatStateCleanUp = dispatch => {
       proactiveChatInNewWindow: false
     }
   });
+
+  // Clear live chat context only if chat widget is fully closed to support transcript calls after sessionclose is called
+  dispatch({
+    type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+    payload: undefined
+  });
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -303,10 +305,8 @@ const chatTokenCleanUp = async dispatch => {
     type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
     payload: undefined
   });
-  dispatch({
-    type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-    payload: undefined
-  });
+
+  // Need to keep liveChatContext until chat is fully closed to for transcript download/email
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -27,7 +27,6 @@ let popoutWidgetInstanceId;
 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);
@@ -77,6 +76,7 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
       });
       return;
     } else {
+      var _state$appStates;
       dispatch({
         type: LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE,
         payload: preChatSurveyResponse
@@ -85,6 +85,24 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.Prechat
       });
+
+      // 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$;
+        dispatch({
+          type: LiveChatWidgetActionType.SET_MINIMIZED,
+          payload: false
+        });
+
+        // this event will notify the upper layer to maximize the widget, an event missing during multi-tab scenario.
+        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
+          }
+        });
+      }
       return;
     }
   }
@@ -110,9 +128,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
     chatSDKStateCleanUp(chatSDK);
   }
   try {
-    var _state$appStates, _newAdapter$activity$;
+    var _state$appStates2, _newAdapter$activity$;
     // Clear disconnect state on start chat
-    (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.chatDisconnectEventReceived) && dispatch({
+    (state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.chatDisconnectEventReceived) && dispatch({
       type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
       payload: false
     });
@@ -207,7 +225,6 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       payload: liveChatContext
     });
     logWidgetLoadComplete();
-
     // Set post chat context in state
     // Commenting this for now as post chat context is fetched during end chat
     await setPostChatContextAndLoadSurvey(chatSDK, dispatch);
@@ -224,9 +241,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
-  var _state$appStates2, _persistedState$domai6, _persistedState$appSt;
+  var _state$appStates3, _persistedState$domai6, _persistedState$appSt;
   // By pass this function in case of popout chat
-  if ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.hideStartChatButton) === true) {
+  if ((state === null || state === void 0 ? void 0 : (_state$appStates3 = state.appStates) === null || _state$appStates3 === void 0 ? void 0 : _state$appStates3.hideStartChatButton) === true) {
     return false;
   }
   const persistedState = getStateFromCache(getWidgetCacheIdfromProps(props));
@@ -249,17 +266,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$domainStates2, _persistedState$domai8;
+  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates4, _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$domainStates2 = state.domainStates) !== null && _state$domainStates2 !== void 0 && _state$domainStates2.customContext) {
-    var _state$domainStates3;
+  if (state !== null && state !== void 0 && (_state$domainStates4 = state.domainStates) !== null && _state$domainStates4 !== void 0 && _state$domainStates4.customContext) {
+    var _state$domainStates5;
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : _state$domainStates3.customContext))
+      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))
     });
     return;
   }
@@ -307,12 +324,14 @@ const canStartPopoutChat = async props => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
-  var _state$domainStates4, _state$domainStates4$;
-  const requestIdFromCache = (_state$domainStates4 = state.domainStates) === null || _state$domainStates4 === void 0 ? void 0 : (_state$domainStates4$ = _state$domainStates4.liveChatContext) === null || _state$domainStates4$ === void 0 ? void 0 : _state$domainStates4$.requestId;
+  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;
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
 
-  //Preserve current requestId
+  // Preserve current requestId
   const currentRequestId = chatSDK.requestId ?? "";
   dispatch({
     type: LiveChatWidgetActionType.SET_INITIAL_CHAT_SDK_REQUEST_ID,
@@ -320,9 +339,8 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
   });
   try {
     chatSDK.requestId = requestIdFromCache;
-    conversationDetails = await getConversationDetailsCall(chatSDK);
+    conversationDetails = await getConversationDetailsCall(chatSDK, liveChatContext);
     if (Object.keys(conversationDetails).length === 0) {
-      chatSDK.requestId = currentRequestId;
       return false;
     }
     if (conversationDetails.state === LiveWorkItemState.Closed || conversationDetails.state === LiveWorkItemState.WrapUp) {
@@ -330,18 +348,16 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
         type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
         payload: undefined
       });
-      chatSDK.requestId = currentRequestId;
       return false;
     }
     return true;
-  } catch (erorr) {
+  } catch (error) {
     TelemetryHelper.logActionEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.GetConversationDetailsException,
       ExceptionDetails: {
-        exception: `Conversation is not valid: ${erorr}`
+        exception: `Conversation is not valid: ${error}`
       }
     });
-    chatSDK.requestId = currentRequestId;
     return false;
   }
 };

package/lib/esm/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -136,9 +136,6 @@ export const LiveChatWidgetStateful = props => {
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.Loading
       });
-      if (localState) {
-        localState.appStates.conversationState = ConversationState.Loading;
-      }
 
       //Check if conversation state is not in wrapup or closed state
       isChatValid = await checkIfConversationStillValid(chatSDK, dispatch, state);
@@ -155,7 +152,11 @@ export const LiveChatWidgetStateful = props => {
         // adding the reconnect logic for the case when customer tries to reconnect from a new browser or InPrivate browser
         const reconnectTriggered = await isReconnectTriggered();
         if (!reconnectTriggered) {
-          await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, undefined, undefined, localState, props);
+          const inMemoryState = executeReducer(state, {
+            type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+            payload: null
+          });
+          await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, undefined, undefined, inMemoryState, props);
         }
         return;
       } else {
@@ -335,31 +336,35 @@ export const LiveChatWidgetStateful = props => {
       }
     });
 
+    /**
+     * This will allow to sync multiple tabs to handle minimize and maximize state, 
+     * the event is expected to be emitted from scripting layer.
+     */
+    BroadcastService.getMessageByEventName(BroadcastEvent.SyncMinimize).subscribe(msg => {
+      var _msg$payload4;
+      dispatch({
+        type: LiveChatWidgetActionType.SET_MINIMIZED,
+        payload: msg === null || msg === void 0 ? void 0 : (_msg$payload4 = msg.payload) === null || _msg$payload4 === void 0 ? void 0 : _msg$payload4.minimized
+      });
+    });
+
     // Start chat from SDK Event
     BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
-      var _msg$payload4, _msg$payload5, _msg$payload6, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
+      var _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
       // If the startChat event is not initiated by the same tab. Ignore the call
-      if (!isNullOrUndefined(msg === null || msg === void 0 ? void 0 : (_msg$payload4 = msg.payload) === null || _msg$payload4 === void 0 ? void 0 : _msg$payload4.runtimeId) && (msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
+      if (!isNullOrUndefined(msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.runtimeId) && (msg === null || msg === void 0 ? void 0 : (_msg$payload6 = msg.payload) === null || _msg$payload6 === void 0 ? void 0 : _msg$payload6.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         return;
       }
-      let stateWithUpdatedContext = state;
-      if (msg !== null && msg !== void 0 && (_msg$payload6 = msg.payload) !== null && _msg$payload6 !== void 0 && _msg$payload6.customContext) {
-        var _msg$payload7, _msg$payload8;
+      if (msg !== null && msg !== void 0 && (_msg$payload7 = msg.payload) !== null && _msg$payload7 !== void 0 && _msg$payload7.customContext) {
+        var _msg$payload8;
         TelemetryHelper.logActionEvent(LogLevel.INFO, {
           Event: TelemetryEvent.CustomContextReceived,
           Description: "CustomContext received through startChat event."
         });
         dispatch({
           type: LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
-          payload: msg === null || msg === void 0 ? void 0 : (_msg$payload7 = msg.payload) === null || _msg$payload7 === void 0 ? void 0 : _msg$payload7.customContext
+          payload: msg === null || msg === void 0 ? void 0 : (_msg$payload8 = msg.payload) === null || _msg$payload8 === void 0 ? void 0 : _msg$payload8.customContext
         });
-        stateWithUpdatedContext = {
-          ...state,
-          domainStates: {
-            ...state.domainStates,
-            customContext: msg === null || msg === void 0 ? void 0 : (_msg$payload8 = msg.payload) === null || _msg$payload8 === void 0 ? void 0 : _msg$payload8.customContext
-          }
-        };
       }
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.StartChatEventRecevied,
@@ -369,13 +374,14 @@ export const LiveChatWidgetStateful = props => {
         type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
         payload: null
       });
+      inMemoryState.domainStates.customContext = msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.customContext;
 
       // Only initiate new chat if widget runtime state is one of the followings
       if (((_inMemoryState$appSta = inMemoryState.appStates) === null || _inMemoryState$appSta === void 0 ? void 0 : _inMemoryState$appSta.conversationState) === ConversationState.Closed || ((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === ConversationState.InActive || ((_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.conversationState) === ConversationState.Postchat) {
         BroadcastService.postMessage({
           eventName: BroadcastEvent.ChatInitiated
         });
-        prepareStartChat(props, chatSDK, stateWithUpdatedContext, dispatch, setAdapter);
+        prepareStartChat(props, chatSDK, inMemoryState, dispatch, setAdapter);
         return;
       }
 
@@ -442,8 +448,8 @@ export const LiveChatWidgetStateful = props => {
     // Listen to end chat event from other tabs
     const endChatEventName = getWidgetEndChatEventName(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC3 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC3 === void 0 ? void 0 : _chatSDK$omnichannelC3.widgetId, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.widgetInstanceId) ?? "");
     BroadcastService.getMessageByEventName(endChatEventName).subscribe(msg => {
-      var _msg$payload9;
-      if ((msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
+      var _msg$payload10;
+      if ((msg === null || msg === void 0 ? void 0 : (_msg$payload10 = msg.payload) === null || _msg$payload10 === void 0 ? void 0 : _msg$payload10.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PrepareEndChat,
           Description: "Received EndChat BroadcastEvent from other tabs. Closing this chat."

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts.js

@@ -25,7 +25,7 @@ export const defaultMiddlewareLocalizedTexts = {
   MIDDLEWARE_MESSAGE_NOT_DELIVERED: "Not Delivered",
   MIDDLEWARE_MESSAGE_RETRY: "Retry",
   MIDDLEWARE_BANNER_CHAT_DISCONNECT: "Your conversation has been disconnected. For additional assistance, please start a new chat.",
-  THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE: "Third party cookies are blocked. Reloading this page will start a new conversation.",
+  THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE: "Allow sites to save/read cookies in browser settings. Reloading page starts a new chat.",
   MIDDLEWARE_BANNER_FILE_IS_MALICIOUS: "{0} has been blocked because the file may contain a malware.",
   MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_SUCCESS: "Email will be sent after chat ends!",
   MIDDLEWARE_BANNER_FILE_EMAIL_ADDRESS_RECORDED_ERROR: "Email {0} could not be saved, try again later."

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

@@ -12,6 +12,16 @@ export const getLiveChatWidgetContextInitialState = props => {
   const initialState = defaultClientDataStoreProvider(cacheTtlInMins, storageType).getData(widgetCacheId);
   if (!isNullOrUndefined(initialState)) {
     const initialStateFromCache = JSON.parse(initialState);
+
+    /*
+    * this step is needed to avoid the pre-chat pane to be injected in the DOM when the widget is reloaded, because wont be visible
+    * and it will be blocking all elements behind it
+    * as part of the flow, the pre-chat will be detected and then it will be displayed properly 
+    * this case is only and only for pre-chat pane.
+    * **/
+    if (initialStateFromCache.appStates.conversationState === ConversationState.Prechat) {
+      initialStateFromCache.appStates.conversationState = ConversationState.Closed;
+    }
     return initialStateFromCache;
   }
   const LiveChatWidgetContextInitialState = {

package/lib/esm/contexts/createReducer.js

@@ -81,7 +81,7 @@ const reducer = (state, action) => {
       inMemory = {
         ...inMemory,
         appStates: {
-          ...state.appStates,
+          ...inMemory.appStates,
           isMinimized: action.payload
         }
       };

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

@@ -52,7 +52,8 @@ export declare enum BroadcastEvent {
     HideChatVisibilityChangeEvent = "hideChatVisibilityChangeEvent",
     UpdateSessionDataForTelemetry = "UpdateSessionDataForTelemetry",
     UpdateConversationDataForTelemetry = "UpdateConversationDataForTelemetry",
-    ContactIdNotFound = "ContactIdNotFound"
+    ContactIdNotFound = "ContactIdNotFound",
+    SyncMinimize = "SyncMinimize"
 }
 export declare enum TelemetryEvent {
     CallAdded = "CallAdded",

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

@@ -30,7 +30,7 @@ export declare const addDelayInMs: (ms: number) => Promise<void>;
 export declare const getBroadcastChannelName: (widgetId: string, widgetInstanceId: string) => string;
 export declare const getWidgetCacheIdfromProps: (props: any, popoutChat?: boolean) => string;
 export declare const debounceLeading: (fn: any, ms?: number) => (...args: any[]) => void;
-export declare const getConversationDetailsCall: (chatSDK: any) => Promise<any>;
+export declare const getConversationDetailsCall: (chatSDK: any, liveChatContext?: any) => Promise<any>;
 export declare const checkContactIdError: (e: any) => void;
 export declare const createFileAndDownload: (fileName: string, blobData: string, mimeType: string) => void;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.6.3-main.25307f2",
+  "version": "1.6.3-main.28c9415",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -74,8 +74,8 @@
     "webpack-cli": "^4.9.2"
   },
   "dependencies": {
-    "@microsoft/omnichannel-chat-components": "^1.1.1",
-    "@microsoft/omnichannel-chat-sdk": "1.6.3",
+    "@microsoft/omnichannel-chat-components": "^1.1.3",
+    "@microsoft/omnichannel-chat-sdk": "^1.7.2",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",
     "markdown-it": "^12.3.2",
@@ -84,6 +84,7 @@
     "markdown-it-for-inline": "^0.1.1",
     "md5-typescript": "^1.0.5",
     "p-defer-es5": "^2.0.1",
+    "sanitize-html": "2.12.1",
     "slack-markdown-it": "^1.0.5"
   },
   "scripts": {
@@ -110,6 +111,7 @@
     "**/url-parse": "1.5.9",
     "**/p-defer-es5": "^2.0.1",
     "**/abort-controller-es5": "^2.0.1",
-    "**/minimist": "1.2.6"
+    "**/minimist": "1.2.6",
+    "**/sanitize-html": "2.12.1"
   }
 }