@microsoft/omnichannel-chat-widget 1.0.3-main.527f8c3 → 1.0.3-main.8b82e52

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

@@ -3,19 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setPostChatContextAndLoadSurvey = exports.initiatePostChat = exports.checkPostChatEnabled = void 0;
+exports.setPostChatContextAndLoadSurvey = void 0;
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 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 _endChat = require("./endChat");
-var _PostChatSurveyMode = require("../../postchatsurveypanestateful/enums/PostChatSurveyMode");
-var _utils = require("../../../common/utils");
-var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
-var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
-var _ConversationEndEntity = require("../../../contexts/common/ConversationEndEntity");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setPostChatContextAndLoadSurvey = async (chatSDK, dispatch, persistedChat) => {
   try {
@@ -48,250 +41,4 @@ const setPostChatContextAndLoadSurvey = async (chatSDK, dispatch, persistedChat)
     });
   });
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-exports.setPostChatContextAndLoadSurvey = setPostChatContextAndLoadSurvey;
-const checkPostChatEnabled = (props, state) => {
-  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates$l, _state$domainStates$l2;
-  const isPostChatEnabled = ((_props$chatConfig = props.chatConfig) === null || _props$chatConfig === void 0 ? void 0 : (_props$chatConfig$Liv = _props$chatConfig.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig$Liv === void 0 ? void 0 : _props$chatConfig$Liv.msdyn_postconversationsurveyenable) ?? ((_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_postconversationsurveyenable);
-  return isPostChatEnabled === _Constants.Constants.true;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-exports.checkPostChatEnabled = checkPostChatEnabled;
-const initiatePostChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state) => {
-  // Check if Postchat already in progress and handle case where chat is ended by customer
-  if (state.appStates.postChatWorkflowInProgress && state.appStates.conversationEndedBy === _ConversationEndEntity.ConversationEndEntity.Customer) {
-    await (0, _endChat.endChat)(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, false, false, true);
-    return;
-  }
-
-  // Conversation Details call required by customer as well as agent 
-  const conversationDetails = await getConversationDetailsCall(chatSDK);
-  // Start Postchat workflow
-  dispatch({
-    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_WORKFLOW_IN_PROGRESS,
-    payload: true
-  });
-
-  // Below logic checks if agent or bot or noone joins conversation and handles them separately
-  if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.participantType) === _Constants.Constants.userParticipantTypeTag) {
-    if (state.appStates.conversationEndedBy === _ConversationEndEntity.ConversationEndEntity.Customer) {
-      // Set use bot settings to false
-      await postChatInitiatedByCustomer(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state, conversationDetails, false);
-    } else if (state.appStates.conversationEndedBy === _ConversationEndEntity.ConversationEndEntity.Agent) {
-      await postChatInitiatedByAgent(props, setWebChatStyles, dispatch, state);
-    } else {
-      const error = `Conversation was Ended after agent joined but App State was not set correctly: conversationEndedBy = ${state.appStates.conversationEndedBy}`;
-      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-        Event: _TelemetryConstants.TelemetryEvent.AppStatesException,
-        ExceptionDetails: {
-          exception: error
-        }
-      });
-      throw new Error(error);
-    }
-  } else if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.participantType) === _Constants.Constants.botParticipantTypeTag) {
-    // Set Use bot survey to true
-    dispatch({
-      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOULD_USE_BOT_SURVEY,
-      payload: true
-    });
-    if (state.appStates.conversationEndedBy === _ConversationEndEntity.ConversationEndEntity.Customer) {
-      // Set use bot settings to true
-      await postChatInitiatedByCustomer(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state, conversationDetails, true);
-    } else if (state.appStates.conversationEndedBy === _ConversationEndEntity.ConversationEndEntity.Agent) {
-      await postChatInitiatedByBot(props, setWebChatStyles, dispatch, state);
-    } else {
-      const error = `Conversation was Ended after bot joined but App State was not set correctly: conversationEndedBy = ${state.appStates.conversationEndedBy}`;
-      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-        Event: _TelemetryConstants.TelemetryEvent.AppStatesException,
-        ExceptionDetails: {
-          exception: error
-        }
-      });
-      throw new Error(error);
-    }
-  } else {
-    if (state.appStates.conversationEndedBy === _ConversationEndEntity.ConversationEndEntity.Customer) {
-      // No one has joined chat will be handled by postChat customer
-      await postChatInitiatedByCustomer(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state, conversationDetails, false);
-    } else {
-      const error = `ConversationDetails and App state was not set correctly: conversationDetails = ${JSON.stringify(conversationDetails)} , conversationEndedBy = ${state.appStates.conversationEndedBy}`;
-      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-        Event: _TelemetryConstants.TelemetryEvent.AppStatesException,
-        ExceptionDetails: {
-          exception: error
-        }
-      });
-      throw new Error(error);
-    }
-  }
-};
-
-// Function for link mode postchat workflow which is essentially same for both customer and agent
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-exports.initiatePostChat = initiatePostChat;
-const linkModePostChatWorkflow = (props, dispatch, setWebChatStyles) => {
-  var _props$webChatContain, _props$webChatContain2;
-  _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-    Event: _TelemetryConstants.TelemetryEvent.LinkModePostChatWorkflowStarted
-  });
-  dispatch({
-    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-    payload: _ConversationState.ConversationState.InActive
-  });
-
-  // Disable SendBox
-  if ((props === null || props === void 0 ? void 0 : (_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : (_props$webChatContain2 = _props$webChatContain.renderingMiddlewareProps) === null || _props$webChatContain2 === void 0 ? void 0 : _props$webChatContain2.hideSendboxOnConversationEnd) !== false) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    setWebChatStyles(styles => {
-      return {
-        ...styles,
-        hideSendBox: true
-      };
-    });
-  }
-};
-
-// Function for embed mode postchat workflow which is essentially same for both customer and agent
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const embedModePostChatWorkflow = async (dispatch, state) => {
-  _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-    Event: _TelemetryConstants.TelemetryEvent.EmbedModePostChatWorkflowStarted
-  });
-  if (state.domainStates.postChatContext) {
-    dispatch({
-      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-      payload: _ConversationState.ConversationState.PostchatLoading
-    });
-    await (0, _utils.addDelayInMs)(_Constants.Constants.PostChatLoadingDurationInMs);
-    const loadPostChatEvent = {
-      eventName: _TelemetryConstants.BroadcastEvent.LoadPostChatSurvey
-    };
-    _omnichannelChatComponents.BroadcastService.postMessage(loadPostChatEvent);
-  } else {
-    const error = `Conversation was Ended but App State was not set correctly: postChatContext = ${state.domainStates.postChatContext}`;
-    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-      Event: _TelemetryConstants.TelemetryEvent.AppStatesException,
-      ExceptionDetails: {
-        exception: error
-      }
-    });
-    throw new Error(error);
-  }
-};
-
-// Function will handle only postchat cases initiated by customer
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const postChatInitiatedByCustomer = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state, conversationDetails, shouldUseBotSetting) => {
-  let postChatSurveyMode = "";
-  if (shouldUseBotSetting) {
-    var _props$chatConfig2, _props$chatConfig2$Li, _state$domainStates$l3, _state$domainStates$l4;
-    postChatSurveyMode = ((_props$chatConfig2 = props.chatConfig) === null || _props$chatConfig2 === void 0 ? void 0 : (_props$chatConfig2$Li = _props$chatConfig2.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig2$Li === void 0 ? void 0 : _props$chatConfig2$Li.msdyn_postconversationsurveybotsurveymode) ?? ((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : (_state$domainStates$l4 = _state$domainStates$l3.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l4 === void 0 ? void 0 : _state$domainStates$l4.msdyn_postconversationsurveybotsurveymode);
-  } else {
-    var _props$chatConfig3, _props$chatConfig3$Li, _state$domainStates$l5, _state$domainStates$l6;
-    postChatSurveyMode = ((_props$chatConfig3 = props.chatConfig) === null || _props$chatConfig3 === void 0 ? void 0 : (_props$chatConfig3$Li = _props$chatConfig3.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig3$Li === void 0 ? void 0 : _props$chatConfig3$Li.msdyn_postconversationsurveymode) ?? ((_state$domainStates$l5 = state.domainStates.liveChatConfig) === null || _state$domainStates$l5 === void 0 ? void 0 : (_state$domainStates$l6 = _state$domainStates$l5.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l6 === void 0 ? void 0 : _state$domainStates$l6.msdyn_postconversationsurveymode);
-  }
-  // Check if agent or bot has joined conversation
-  if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.canRenderPostChat) === _Constants.Constants.truePascal) {
-    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-      Event: _TelemetryConstants.TelemetryEvent.PostChatWorkflowFromCustomer,
-      Description: shouldUseBotSetting ? "PostChat Workflow was started by customer using bot settings" : "PostChat Workflow was started by customer using agent settings"
-    });
-    const chatSession = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
-    // End chat call to end chatsdk but not close chat, only if chat ended by customer
-    await (0, _endChat.endChat)(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, false, true, false);
-    // Saving request Id below for chat transcript calls
-    if (chatSession) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      chatSDK.chatToken = chatSession.chatToken ?? {};
-      chatSDK.requestId = chatSession.requestId;
-    }
-    if (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Embed) {
-      await embedModePostChatWorkflow(dispatch, state);
-    } else if (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Link) {
-      linkModePostChatWorkflow(props, dispatch, setWebChatStyles);
-    } else {
-      const error = `Conversation was Ended but App State was not set correctly: msdyn_postconversationsurveymode = ${postChatSurveyMode}`;
-      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-        Event: _TelemetryConstants.TelemetryEvent.AppStatesException,
-        ExceptionDetails: {
-          exception: error
-        }
-      });
-      throw new Error(error);
-    }
-  } else {
-    // Agent did not join chat so end chat normally
-    await (0, _endChat.endChat)(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, false, false, true);
-  }
-};
-
-// Function will handle only postchat cases initiated by agent
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const postChatInitiatedByAgent = async (props, setWebChatStyles, dispatch, state) => {
-  var _props$chatConfig4, _props$chatConfig4$Li, _state$domainStates$l7, _state$domainStates$l8;
-  const postChatSurveyMode = ((_props$chatConfig4 = props.chatConfig) === null || _props$chatConfig4 === void 0 ? void 0 : (_props$chatConfig4$Li = _props$chatConfig4.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig4$Li === void 0 ? void 0 : _props$chatConfig4$Li.msdyn_postconversationsurveymode) ?? ((_state$domainStates$l7 = state.domainStates.liveChatConfig) === null || _state$domainStates$l7 === void 0 ? void 0 : (_state$domainStates$l8 = _state$domainStates$l7.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l8 === void 0 ? void 0 : _state$domainStates$l8.msdyn_postconversationsurveymode);
-  _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-    Event: _TelemetryConstants.TelemetryEvent.PostChatWorkflowFromAgent,
-    Description: "PostChat Workflow was started by agent"
-  });
-  if (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Embed) {
-    await embedModePostChatWorkflow(dispatch, state);
-  } else if (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Link) {
-    linkModePostChatWorkflow(props, dispatch, setWebChatStyles);
-  } else {
-    const error = `Conversation was Ended but App State was not set correctly: msdyn_postconversationsurveymode = ${postChatSurveyMode}`;
-    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-      Event: _TelemetryConstants.TelemetryEvent.AppStatesException,
-      ExceptionDetails: {
-        exception: error
-      }
-    });
-    throw new Error(error);
-  }
-};
-
-// Function will handle only postchat cases initiated by bot
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const postChatInitiatedByBot = async (props, setWebChatStyles, dispatch, state) => {
-  var _props$chatConfig5, _props$chatConfig5$Li, _state$domainStates$l9, _state$domainStates$l10;
-  const postChatSurveyMode = ((_props$chatConfig5 = props.chatConfig) === null || _props$chatConfig5 === void 0 ? void 0 : (_props$chatConfig5$Li = _props$chatConfig5.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig5$Li === void 0 ? void 0 : _props$chatConfig5$Li.msdyn_postconversationsurveybotsurveymode) ?? ((_state$domainStates$l9 = state.domainStates.liveChatConfig) === null || _state$domainStates$l9 === void 0 ? void 0 : (_state$domainStates$l10 = _state$domainStates$l9.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l10 === void 0 ? void 0 : _state$domainStates$l10.msdyn_postconversationsurveybotsurveymode);
-  _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-    Event: _TelemetryConstants.TelemetryEvent.PostChatWorkflowFromBot,
-    Description: "PostChat Workflow was started by bot"
-  });
-  if (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Embed) {
-    await embedModePostChatWorkflow(dispatch, state);
-  } else if (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Link) {
-    linkModePostChatWorkflow(props, dispatch, setWebChatStyles);
-  } else {
-    const error = `Conversation was Ended but App State was not set correctly: msdyn_postconversationsurveybotsurveymode = ${postChatSurveyMode}`;
-    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
-      Event: _TelemetryConstants.TelemetryEvent.AppStatesException,
-      ExceptionDetails: {
-        exception: error
-      }
-    });
-    throw new Error(error);
-  }
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getConversationDetailsCall = async chatSDK => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let conversationDetails = undefined;
-  try {
-    conversationDetails = await chatSDK.getConversationDetails();
-  } catch (error) {
-    _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
-      Event: _TelemetryConstants.TelemetryEvent.GetConversationDetailsCallFailed,
-      ExceptionDetails: {
-        exception: `Get Conversation Details Call Failed : ${error}`
-      }
-    });
-    _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.Connection, "Get Conversation Details Call Failed: " + error);
-  }
-  return conversationDetails;
-};
+exports.setPostChatContextAndLoadSurvey = setPostChatContextAndLoadSurvey;

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

@@ -25,21 +25,26 @@ var _updateSessionDataForTelemetry = require("./updateSessionDataForTelemetry");
 let optionalParams = {};
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let widgetInstanceId;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let popoutWidgetInstanceId;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
-  var _props$controlProps;
   optionalParams = {}; //Resetting to ensure no stale values
-  widgetInstanceId = props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId;
+  widgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props);
 
   // reconnect > chat from cache
   await (0, _reconnectChatHelper.handleChatReconnect)(chatSDK, props, dispatch, setAdapter, initStartChat, state);
-
   // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
   if (state.appStates.conversationState === _ConversationState.ConversationState.Active || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat) {
     return;
   }
 
+  // Check if there is any active popout chats in cache
+  if (await canStartPopoutChat(props)) {
+    return;
+  }
+
   // Can connect to existing chat session
   if (await canConnectToExistingChat(props, chatSDK, state, dispatch, setAdapter)) {
     return;
@@ -50,20 +55,13 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
 
   //Setting PreChat and intiate chat
-  setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, undefined, props);
+  await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, undefined, props);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.prepareStartChat = prepareStartChat;
 const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProactiveChat, proactiveChatEnablePrechatState, state, props) => {
   //Handle reconnect scenario
-  if (state) {
-    await (0, _reconnectChatHelper.handleChatReconnect)(chatSDK, props, dispatch, setAdapter, initStartChat, state);
-    // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
-    if (state.appStates.conversationState === _ConversationState.ConversationState.Active || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat) {
-      return;
-    }
-  }
 
   // Getting prechat Survey Context
   const parseToJson = false;
@@ -95,11 +93,11 @@ 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, props, params, persistedState) => {
-  var _props$controlProps2;
+  var _props$controlProps;
   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 hideErrorUIPane = props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.hideErrorUIPane;
+  const hideErrorUIPane = props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.hideErrorUIPane;
   try {
     var _newAdapter$activity$, _TelemetryTimers$Widg;
     //Start widget load timer
@@ -113,11 +111,8 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
       // set auth token to chat sdk before start chat
       const authSuccess = await (0, _authHelper.handleAuthentication)(chatSDK, chatConfig, getAuthToken);
       if (!authSuccess) {
-        dispatch({
-          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-          payload: _ConversationState.ConversationState.Closed
-        });
-        return;
+        // Replacing with error ui
+        throw new Error("Authentication was not successful");
       }
     }
 
@@ -135,7 +130,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     try {
       var _window$Microsoft, _window$Microsoft$Dyn, _window$Microsoft$Dyn2, _window$Microsoft$Dyn3;
       // Set custom context params
-      setCustomContextParams(chatSDK);
+      setCustomContextParams();
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -164,21 +159,6 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
       payload: chatToken
     });
     newAdapter === null || newAdapter === void 0 ? void 0 : (_newAdapter$activity$ = newAdapter.activity$) === null || _newAdapter$activity$ === void 0 ? void 0 : _newAdapter$activity$.subscribe((0, _newMessageEventHandler.createOnNewAdapterActivityHandler)(chatToken === null || chatToken === void 0 ? void 0 : chatToken.chatId, chatToken === null || chatToken === void 0 ? void 0 : chatToken.visitorId));
-    if (persistedState) {
-      dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_STATE,
-        payload: persistedState
-      });
-      (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, true);
-      return;
-    }
-
-    // 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
-    });
 
     // Set app state to Active
     if (isStartChatSuccessful) {
@@ -193,14 +173,30 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
         payload: _ConversationState.ConversationState.Active
       });
     }
+    if (persistedState) {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_STATE,
+        payload: persistedState
+      });
+      await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, true);
+      return;
+    }
+
+    // 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
+    });
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.WidgetLoadComplete,
       Description: "Widget load complete",
       ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
     });
 
-    // Set post chat context in state, no survey load
-    (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch);
+    // 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);
 
     // Updating chat session detail for telemetry
     await (0, _updateSessionDataForTelemetry.updateSessionDataForTelemetry)(chatSDK, dispatch);
@@ -224,12 +220,12 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
       });
       return;
     }
+    dispatch({
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_START_CHAT_FAILING,
+      payload: true
+    });
     if (!hideErrorUIPane) {
       // Set app state to failing start chat if hideErrorUI is not turned on
-      dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_START_CHAT_FAILING,
-        payload: true
-      });
       _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.ErrorUIPaneLoaded,
         Description: "Error UI Pane Loaded"
@@ -266,15 +262,15 @@ const forceEndChat = async chatSDK => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
-  var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps3, _persistedState$domai6;
+  var _state$appStates, _persistedState$domai6, _persistedState$appSt;
   // By pass this function in case of popout chat
-  if (state.appStates.hideStartChatButton === true) {
+  if ((state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.hideStartChatButton) === true) {
     return false;
   }
-  const persistedState = (0, _utils.getStateFromCache)(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.widgetInstanceId) ?? "");
+  const persistedState = (0, _utils.getStateFromCache)((0, _utils.getWidgetCacheIdfromProps)(props));
 
   //Connect to only active chat session
-  if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai6 = persistedState.domainStates) === null || _persistedState$domai6 === void 0 ? void 0 : _persistedState$domai6.liveChatContext)) {
+  if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai6 = persistedState.domainStates) === null || _persistedState$domai6 === void 0 ? void 0 : _persistedState$domai6.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.conversationState) === _ConversationState.ConversationState.Active) {
     var _persistedState$domai7;
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
@@ -285,16 +281,15 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
     };
     await initStartChat(chatSDK, dispatch, setAdapter, props, optionalParams, persistedState);
     return true;
-  } else {
-    return false;
   }
+  return false;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setCustomContextParams = chatSDK => {
-  var _chatSDK$omnichannelC3, _chatSDK$omnichannelC4, _persistedState$domai8;
+const setCustomContextParams = () => {
+  var _persistedState$domai8;
   // Add custom context only for unauthenticated chat
-  const persistedState = (0, _utils.getStateFromCache)(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC3 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC3 === void 0 ? void 0 : _chatSDK$omnichannelC3.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC4 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC4 === void 0 ? void 0 : _chatSDK$omnichannelC4.widgetId, widgetInstanceId ?? "");
+  const persistedState = (0, _utils.getStateFromCache)(widgetInstanceId);
   if (!(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai8 = persistedState.domainStates) === null || _persistedState$domai8 === void 0 ? void 0 : _persistedState$domai8.customContext)) {
     var _persistedState$domai9, _persistedState$domai10;
     if (persistedState !== null && persistedState !== void 0 && (_persistedState$domai9 = persistedState.domainStates.liveChatConfig) !== null && _persistedState$domai9 !== void 0 && _persistedState$domai9.LiveChatConfigAuthSettings) {
@@ -312,25 +307,43 @@ const setCustomContextParams = chatSDK => {
     });
   }
 };
+const canStartPopoutChat = async props => {
+  if (props.allowSdkChatSupport === false) {
+    return false;
+  }
+  popoutWidgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props, true);
+  if (!(0, _utils.isNullOrEmptyString)(popoutWidgetInstanceId)) {
+    var _persistedState$domai11, _persistedState$appSt2;
+    const persistedState = (0, _utils.getStateFromCache)(popoutWidgetInstanceId);
+    if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai11 = persistedState.domainStates) === null || _persistedState$domai11 === void 0 ? void 0 : _persistedState$domai11.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt2 = persistedState.appStates) === null || _persistedState$appSt2 === void 0 ? void 0 : _persistedState$appSt2.conversationState) === _ConversationState.ConversationState.Active) {
+      // Initiate popout chat
+      _omnichannelChatComponents.BroadcastService.postMessage({
+        eventName: _TelemetryConstants.BroadcastEvent.InitiateStartChatInPopoutMode
+      });
+      return true;
+    }
+  }
+  return false;
+};
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
   var _state$domainStates, _state$domainStates$l;
-  const requestId = (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatContext) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.requestId;
+  const requestIdFromCache = (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatContext) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.requestId;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
 
-  //Preserve old requestId
-  const oldRequestId = chatSDK.requestId ?? "";
+  //Preserve current requestId
+  const currentRequestId = chatSDK.requestId ?? "";
   dispatch({
     type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_INITIAL_CHAT_SDK_REQUEST_ID,
-    payload: oldRequestId
+    payload: currentRequestId
   });
   try {
-    chatSDK.requestId = requestId;
+    chatSDK.requestId = requestIdFromCache;
     conversationDetails = await chatSDK.getConversationDetails();
     if (Object.keys(conversationDetails).length === 0) {
-      chatSDK.requestId = oldRequestId;
+      chatSDK.requestId = currentRequestId;
       return false;
     }
     if (conversationDetails.state === _Constants.LiveWorkItemState.Closed || conversationDetails.state === _Constants.LiveWorkItemState.WrapUp) {
@@ -338,7 +351,7 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
         payload: undefined
       });
-      chatSDK.requestId = oldRequestId;
+      chatSDK.requestId = currentRequestId;
       return false;
     }
     return true;
@@ -349,7 +362,7 @@ const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
         exception: `Conversation is not valid: ${erorr}`
       }
     });
-    chatSDK.requestId = oldRequestId;
+    chatSDK.requestId = currentRequestId;
     return false;
   }
 };