@microsoft/omnichannel-chat-widget 1.7.4-main.562254b → 1.7.4-main.8d43b20

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

@@ -26,27 +26,27 @@ let widgetInstanceId;
 let popoutWidgetInstanceId;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setAuthenticationIfApplicable = async (props, chatSDK) => {
+const setAuthenticationIfApplicable = async (props, facadeChatSDK) => {
   const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
   const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
   const authClientFunction = getAuthClientFunction(chatConfig);
   if (getAuthToken && authClientFunction) {
     // set auth token to chat sdk before start chat
-    const authSuccess = await handleAuthentication(chatSDK, chatConfig, getAuthToken);
-    if (!authSuccess) {
+    const authSuccess = await handleAuthentication(facadeChatSDK.getChatSDK(), chatConfig, getAuthToken);
+    if (!authSuccess.result) {
       throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
     }
   }
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
+const prepareStartChat = async (props, facadeChatSDK, 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);
+    const shouldStartChatNormally = await handleChatReconnect(facadeChatSDK, props, dispatch, setAdapter, initStartChat, state);
     if (!shouldStartChatNormally) {
       return;
     }
@@ -58,7 +58,7 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
   }
 
   // Can connect to existing chat session
-  if (await canConnectToExistingChat(props, chatSDK, state, dispatch, setAdapter)) {
+  if (await canConnectToExistingChat(props, facadeChatSDK, state, dispatch, setAdapter)) {
     return;
   }
 
@@ -68,26 +68,30 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
 
   // Setting auth settings to OC API to retrieve existing persistent chat session before start chat if any
   if (isPersistentEnabled(props.chatConfig)) {
-    await setAuthenticationIfApplicable(props, chatSDK);
+    await setAuthenticationIfApplicable(props, facadeChatSDK);
   }
 
   //Setting PreChat and intiate chat
-  await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
+  await setPreChatAndInitiateChat(facadeChatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProactiveChat, proactiveChatEnablePrechatState, state, props) => {
+const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, isProactiveChat, proactiveChatEnablePrechatState, state, props) => {
   var _props$preChatSurveyP, _props$preChatSurveyP2, _props$controlProps, _state$domainStates, _state$domainStates$l, _state$domainStates$l2;
-  //Handle reconnect scenario
+  // This reset needs to be done before to load prechat, because the conversation state changes from close to prechat
+  if ((state === null || state === void 0 ? void 0 : state.appStates.conversationState) === ConversationState.Closed) {
+    // Preventive reset to avoid starting chat with previous requestId which could potentially cause problems
+    chatSDKStateCleanUp(facadeChatSDK.getChatSDK());
+  }
 
   // Getting prechat Survey Context
   const parseToJson = false;
-  const preChatSurveyResponse = (props === null || props === void 0 ? void 0 : (_props$preChatSurveyP = props.preChatSurveyPaneProps) === null || _props$preChatSurveyP === void 0 ? void 0 : (_props$preChatSurveyP2 = _props$preChatSurveyP.controlProps) === null || _props$preChatSurveyP2 === void 0 ? void 0 : _props$preChatSurveyP2.payload) ?? (await chatSDK.getPreChatSurvey(parseToJson));
+  const preChatSurveyResponse = (props === null || props === void 0 ? void 0 : (_props$preChatSurveyP = props.preChatSurveyPaneProps) === null || _props$preChatSurveyP === void 0 ? void 0 : (_props$preChatSurveyP2 = _props$preChatSurveyP.controlProps) === null || _props$preChatSurveyP2 === void 0 ? void 0 : _props$preChatSurveyP2.payload) ?? (await facadeChatSDK.getPreChatSurvey(parseToJson));
   let showPrechat = isProactiveChat ? preChatSurveyResponse && proactiveChatEnablePrechatState : preChatSurveyResponse && !(props !== null && props !== void 0 && (_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hidePreChatSurveyPane);
-  showPrechat = await shouldSetPreChatIfPersistentChat(chatSDK, state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_conversationmode, showPrechat);
+  showPrechat = await shouldSetPreChatIfPersistentChat(facadeChatSDK.getChatSDK(), state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_conversationmode, showPrechat);
   if (showPrechat) {
     var _state$domainStates2, _state$domainStates2$, _state$domainStates2$2, _state$domainStates2$3;
-    const isOutOfOperatingHours = (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.liveChatConfig) === null || _state$domainStates2$ === void 0 ? void 0 : (_state$domainStates2$2 = _state$domainStates2$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates2$2 === void 0 ? void 0 : (_state$domainStates2$3 = _state$domainStates2$2.OutOfOperatingHours) === null || _state$domainStates2$3 === void 0 ? void 0 : _state$domainStates2$3.toLowerCase()) === "true";
+    const isOutOfOperatingHours = (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.liveChatConfig) === null || _state$domainStates2$ === void 0 ? void 0 : (_state$domainStates2$2 = _state$domainStates2$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates2$2 === void 0 ? void 0 : (_state$domainStates2$3 = _state$domainStates2$2.OutOfOperatingHours) === null || _state$domainStates2$3 === void 0 ? void 0 : _state$domainStates2$3.toString().toLowerCase()) === "true";
     if (isOutOfOperatingHours) {
       (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
         type: LiveChatWidgetActionType.SET_MINIMIZED,
@@ -138,17 +142,17 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
   const optionalParams = {
     isProactiveChat
   };
-  await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams);
+  await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
+const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
   var _state$domainStates5, _state$domainStates5$, _state$domainStates5$2;
   let isStartChatSuccessful = false;
   const persistentChatEnabled = await isPersistentChatEnabled(state === null || state === void 0 ? void 0 : (_state$domainStates5 = state.domainStates) === null || _state$domainStates5 === void 0 ? void 0 : (_state$domainStates5$ = _state$domainStates5.liveChatConfig) === null || _state$domainStates5$ === void 0 ? void 0 : (_state$domainStates5$2 = _state$domainStates5$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates5$2 === void 0 ? void 0 : _state$domainStates5$2.msdyn_conversationmode);
   if ((state === null || state === void 0 ? void 0 : state.appStates.conversationState) === ConversationState.Closed) {
     // Preventive reset to avoid starting chat with previous requestId which could potentially cause problems
-    chatSDKStateCleanUp(chatSDK);
+    chatSDKStateCleanUp(facadeChatSDK.getChatSDK());
   }
   try {
     var _state$appStates2;
@@ -166,7 +170,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
     });
 
     // Auth token retrieval needs to happen during start chat to support pop-out chat
-    await setAuthenticationIfApplicable(props, chatSDK);
+    await setAuthenticationIfApplicable(props, facadeChatSDK);
 
     //Check if chat retrieved from cache
     if (persistedState || params !== null && params !== void 0 && params.liveChatContext) {
@@ -189,7 +193,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
         portalContactId: (_window$Microsoft = window.Microsoft) === null || _window$Microsoft === void 0 ? void 0 : (_window$Microsoft$Dyn = _window$Microsoft.Dynamic365) === null || _window$Microsoft$Dyn === void 0 ? void 0 : (_window$Microsoft$Dyn2 = _window$Microsoft$Dyn.Portal) === null || _window$Microsoft$Dyn2 === void 0 ? void 0 : (_window$Microsoft$Dyn3 = _window$Microsoft$Dyn2.User) === null || _window$Microsoft$Dyn3 === void 0 ? void 0 : _window$Microsoft$Dyn3.contactId
       };
       const startChatOptionalParams = Object.assign({}, params, optionalParams, defaultOptionalParams);
-      await chatSDK.startChat(startChatOptionalParams);
+      await facadeChatSDK.startChat(startChatOptionalParams);
       isStartChatSuccessful = true;
     } catch (error) {
       checkContactIdError(error);
@@ -208,7 +212,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       isStartChatSuccessful = false;
       throw error;
     }
-    await createAdapterAndSubscribe(chatSDK, dispatch, setAdapter, props);
+    await createAdapterAndSubscribe(facadeChatSDK, dispatch, setAdapter, props);
 
     // Set app state to Active
     if (isStartChatSuccessful) {
@@ -230,14 +234,14 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       });
       logWidgetLoadComplete(WidgetLoadTelemetryMessage.PersistedStateRetrievedMessage);
       // Set post chat context in state, load in background to do not block the load
-      setPostChatContextAndLoadSurvey(chatSDK, dispatch, true);
+      setPostChatContextAndLoadSurvey(facadeChatSDK, dispatch, true);
       return;
     }
 
     // Persistent Chat relies on the `reconnectId` retrieved from reconnectablechats API to reconnect upon start chat and not `liveChatContext`
     if (!persistentChatEnabled) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const liveChatContext = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
+      const liveChatContext = await (facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.getCurrentLiveChatContext());
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       dispatch({
         type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
@@ -246,11 +250,11 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
     }
     logWidgetLoadComplete();
     // Set post chat context in state, load in background to do not block the load
-    setPostChatContextAndLoadSurvey(chatSDK, dispatch);
+    setPostChatContextAndLoadSurvey(facadeChatSDK, dispatch);
     // Updating chat session detail for telemetry
-    await updateTelemetryData(chatSDK, dispatch);
+    await updateTelemetryData(facadeChatSDK, dispatch);
   } catch (ex) {
-    handleStartChatError(dispatch, chatSDK, props, ex, isStartChatSuccessful);
+    handleStartChatError(dispatch, facadeChatSDK, props, ex, isStartChatSuccessful);
   } finally {
     optionalParams = {};
     widgetInstanceId = "";
@@ -258,20 +262,22 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const createAdapterAndSubscribe = async (chatSDK, dispatch, setAdapter, props) => {
-  var _newAdapter$activity$;
+const createAdapterAndSubscribe = async (facadeChatSDK, dispatch, setAdapter, props) => {
   // New adapter creation
-  const newAdapter = await createAdapter(chatSDK, props);
+  const newAdapter = await createAdapter(facadeChatSDK, props);
   setAdapter(newAdapter);
-  const chatToken = await chatSDK.getChatToken();
+  const chatToken = await (facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.getChatToken());
   dispatch({
     type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
     payload: chatToken
   });
-  newAdapter === null || newAdapter === void 0 ? void 0 : (_newAdapter$activity$ = newAdapter.activity$) === null || _newAdapter$activity$ === void 0 ? void 0 : _newAdapter$activity$.subscribe(createOnNewAdapterActivityHandler(chatToken === null || chatToken === void 0 ? void 0 : chatToken.chatId, chatToken === null || chatToken === void 0 ? void 0 : chatToken.visitorId));
+  if (chatToken !== null && chatToken !== void 0 && chatToken.chatId && chatToken !== null && chatToken !== void 0 && chatToken.visitorId) {
+    var _newAdapter$activity$;
+    newAdapter === null || newAdapter === void 0 ? void 0 : (_newAdapter$activity$ = newAdapter.activity$) === null || _newAdapter$activity$ === void 0 ? void 0 : _newAdapter$activity$.subscribe(createOnNewAdapterActivityHandler(chatToken.chatId, chatToken.visitorId));
+  }
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
+const canConnectToExistingChat = async (props, facadeChatSDK, state, dispatch, setAdapter) => {
   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$appStates3 = state.appStates) === null || _state$appStates3 === void 0 ? void 0 : _state$appStates3.hideStartChatButton) === true) {
@@ -289,7 +295,7 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
     const optionalParams = {
       liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai7 = persistedState.domainStates) === null || _persistedState$domai7 === void 0 ? void 0 : _persistedState$domai7.liveChatContext
     };
-    await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
+    await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
     return true;
   }
   return false;
@@ -354,28 +360,28 @@ const canStartPopoutChat = async props => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const checkIfConversationStillValid = async (chatSDK, dispatch, state) => {
+const checkIfConversationStillValid = async (facadeChatSDK, dispatch, state) => {
   var _state$domainStates8, _state$domainStates8$, _state$domainStates9;
   const requestIdFromCache = (_state$domainStates8 = state.domainStates) === null || _state$domainStates8 === void 0 ? void 0 : (_state$domainStates8$ = _state$domainStates8.liveChatContext) === null || _state$domainStates8$ === void 0 ? void 0 : _state$domainStates8$.requestId;
   const liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates9 = state.domainStates) === null || _state$domainStates9 === void 0 ? void 0 : _state$domainStates9.liveChatContext;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
   // Preserve current requestId
-  const currentRequestId = chatSDK.requestId ?? "";
+  const currentRequestId = facadeChatSDK.getChatSDK().requestId ?? "";
   dispatch({
     type: LiveChatWidgetActionType.SET_INITIAL_CHAT_SDK_REQUEST_ID,
     payload: currentRequestId
   });
   try {
-    chatSDK.requestId = requestIdFromCache;
-    conversationDetails = await getConversationDetailsCall(chatSDK, liveChatContext);
+    facadeChatSDK.getChatSDK().requestId = requestIdFromCache;
+    conversationDetails = await getConversationDetailsCall(facadeChatSDK, liveChatContext);
     if (Object.keys(conversationDetails).length === 0 || isNullOrUndefined(conversationDetails.state) || conversationDetails.state === LiveWorkItemState.Closed || conversationDetails.state === LiveWorkItemState.WrapUp) {
       dispatch({
         type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
         payload: undefined
       });
       if (currentRequestId) {
-        chatSDK.requestId = currentRequestId;
+        facadeChatSDK.getChatSDK().requestId = currentRequestId;
       }
       return false;
     }

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

@@ -11,7 +11,7 @@ import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
 import { getWidgetCacheIdfromProps } from "../../../common/utils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const handleStartChatError = (dispatch, chatSDK, props, ex, isStartChatSuccessful) => {
+export const handleStartChatError = (dispatch, facadeChatSDK, props, ex, isStartChatSuccessful) => {
   var _props$controlProps;
   if (!ex) {
     logWidgetLoadFailed();
@@ -59,7 +59,7 @@ export const handleStartChatError = (dispatch, chatSDK, props, ex, isStartChatSu
         break;
       case ChatSDKErrorName.InvalidConversation:
       case ChatSDKErrorName.ClosedConversation:
-        handleInvalidOrClosedConversation(dispatch, chatSDK, props, ex);
+        handleInvalidOrClosedConversation(dispatch, facadeChatSDK, props, ex);
         return;
       default:
         logWidgetLoadFailed(ex);
@@ -94,7 +94,7 @@ export const handleStartChatError = (dispatch, chatSDK, props, ex, isStartChatSu
   // If sessionInit was successful but LCW startchat failed due to some reason e.g adapter didn't load
   // we need to directly endChat to avoid leaving ghost chats in OC, not disturbing any other UI state
   if (isStartChatSuccessful === true) {
-    forceEndChat(chatSDK);
+    forceEndChat(facadeChatSDK);
   }
 };
 const logWidgetLoadFailed = ex => {
@@ -142,7 +142,7 @@ const logWidgetLoadCompleteWithError = ex => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const forceEndChat = chatSDK => {
+const forceEndChat = facadeChatSDK => {
   TelemetryHelper.logSDKEvent(LogLevel.INFO, {
     Event: TelemetryEvent.PrepareEndChat,
     Description: PrepareEndChatDescriptionConstants.WidgetLoadFailedAfterSessionInit
@@ -150,7 +150,7 @@ const forceEndChat = chatSDK => {
   TelemetryHelper.logSDKEvent(LogLevel.INFO, {
     Event: TelemetryEvent.EndChatSDKCall
   });
-  chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat();
+  facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.getChatSDK().endChat();
 };
 const handleWidgetUseOutsideOperatingHour = dispatch => {
   dispatch({
@@ -203,7 +203,7 @@ const handleUninitializedChatSDK = ex => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const handleInvalidOrClosedConversation = (dispatch, chatSDK, props, ex) => {
+const handleInvalidOrClosedConversation = (dispatch, facadeChatSDK, props, ex) => {
   var _DataStoreManager$cli;
   logWidgetLoadCompleteWithError(ex);
 
@@ -211,7 +211,7 @@ const handleInvalidOrClosedConversation = (dispatch, chatSDK, props, ex) => {
   callingStateCleanUp(dispatch);
   endChatStateCleanUp(dispatch);
   closeChatStateCleanUp(dispatch);
-  chatSDKStateCleanUp(chatSDK);
+  chatSDKStateCleanUp(facadeChatSDK.getChatSDK());
   (_DataStoreManager$cli = DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.removeData(getWidgetCacheIdfromProps(props));
 
   // Starts new chat

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

@@ -6,16 +6,16 @@ import { TelemetryManager } from "../../../common/telemetry/TelemetryManager";
 import { getConversationDetailsCall } from "../../../common/utils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const updateTelemetryData = async (chatSDK, dispatch) => {
+export const updateTelemetryData = async (facadeChatSDK, dispatch) => {
   // load it concurrently, this will reduce the load time
-  await Promise.all([updateSessionDataForTelemetry(chatSDK, dispatch), updateConversationDataForTelemetry(chatSDK, dispatch)]);
+  await Promise.all([updateSessionDataForTelemetry(facadeChatSDK, dispatch), updateConversationDataForTelemetry(facadeChatSDK, dispatch)]);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
-  if (chatSDK) {
+const updateSessionDataForTelemetry = async (facadeChatSDK, dispatch) => {
+  if (facadeChatSDK && facadeChatSDK.getChatSDK()) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const chatSession = await chatSDK.getCurrentLiveChatContext();
+    const chatSession = await facadeChatSDK.getCurrentLiveChatContext();
     const telemetryData = TelemetryHelper.addSessionDataToTelemetry(chatSession, TelemetryManager.InternalTelemetryData);
     dispatch({
       type: LiveChatWidgetActionType.SET_TELEMETRY_DATA,
@@ -31,10 +31,10 @@ const updateSessionDataForTelemetry = async (chatSDK, dispatch) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const updateConversationDataForTelemetry = async (chatSDK, dispatch) => {
-  if (chatSDK) {
+const updateConversationDataForTelemetry = async (facadeChatSDK, dispatch) => {
+  if (facadeChatSDK && facadeChatSDK.getChatSDK()) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const liveWorkItem = await getConversationDetailsCall(chatSDK);
+    const liveWorkItem = await getConversationDetailsCall(facadeChatSDK);
     const telemetryData = TelemetryHelper.addConversationDataToTelemetry(liveWorkItem, TelemetryManager.InternalTelemetryData);
     dispatch({
       type: LiveChatWidgetActionType.SET_TELEMETRY_DATA,

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

@@ -53,7 +53,7 @@ import { setPostChatContextAndLoadSurvey } from "../common/setPostChatContextAnd
 import { startProactiveChat } from "../common/startProactiveChat";
 import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../../hooks/useChatContextStore";
-import useChatSDKStore from "../../../hooks/useChatSDKStore";
+import useFacadeSDKStore from "../../../hooks/useFacadeChatSDKStore";
 export const LiveChatWidgetStateful = props => {
   var _props$webChatContain, _props$styleProps, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain7, _props$webChatContain8, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _props$webChatContain9, _props$webChatContain10, _props$webChatContain11, _props$webChatContain12, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
   const [state, dispatch] = useChatContextStore();
@@ -64,7 +64,7 @@ export const LiveChatWidgetStateful = props => {
     ...((_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : _props$webChatContain.webChatStyles)
   });
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const chatSDK = useChatSDKStore();
+  const [facadeChatSDK] = useFacadeSDKStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [voiceVideoCallingSDK, setVoiceVideoCallingSDK] = useState(undefined);
   const {
@@ -82,8 +82,8 @@ export const LiveChatWidgetStateful = props => {
 
   // In case the broadcast channel is already initialized elsewhere; One tab can only hold 1 instance
   if ((props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.skipBroadcastChannelInit) !== true) {
-    var _chatSDK$omnichannelC, _props$controlProps2;
-    const broadcastServiceChannelName = getBroadcastChannelName(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.widgetId, ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.widgetInstanceId) ?? "");
+    var _facadeChatSDK$getCha, _facadeChatSDK$getCha2, _props$controlProps2;
+    const broadcastServiceChannelName = getBroadcastChannelName((_facadeChatSDK$getCha = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha === void 0 ? void 0 : (_facadeChatSDK$getCha2 = _facadeChatSDK$getCha.omnichannelConfig) === null || _facadeChatSDK$getCha2 === void 0 ? void 0 : _facadeChatSDK$getCha2.widgetId, ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.widgetInstanceId) ?? "");
     BroadcastServiceInitialize(broadcastServiceChannelName);
   }
   TelemetryTimers.LcwLoadToChatButtonTimer = createTimer();
@@ -118,7 +118,7 @@ export const LiveChatWidgetStateful = props => {
   const startChat = async (props, localState) => {
     const isReconnectTriggered = async () => {
       if (isReconnectEnabled(props.chatConfig) === true && !isPersistentEnabled(props.chatConfig)) {
-        const noValidReconnectId = await handleChatReconnect(chatSDK, props, dispatch, setAdapter, initStartChat, state);
+        const noValidReconnectId = await handleChatReconnect(facadeChatSDK, props, dispatch, setAdapter, initStartChat, state);
         const inMemoryState = executeReducer(state, {
           type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
           payload: null
@@ -139,11 +139,11 @@ export const LiveChatWidgetStateful = props => {
       });
 
       //Check if conversation state is not in wrapup or closed state
-      isChatValid = await checkIfConversationStillValid(chatSDK, dispatch, state);
+      isChatValid = await checkIfConversationStillValid(facadeChatSDK, dispatch, state);
       if (isChatValid === true) {
         const reconnectTriggered = await isReconnectTriggered();
         if (!reconnectTriggered) {
-          await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams);
+          await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams);
         }
         return;
       }
@@ -163,7 +163,7 @@ export const LiveChatWidgetStateful = props => {
             type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
             payload: null
           });
-          await setPreChatAndInitiateChat(chatSDK, dispatch, setAdapter, undefined, undefined, inMemoryState, props);
+          await setPreChatAndInitiateChat(facadeChatSDK, dispatch, setAdapter, undefined, undefined, inMemoryState, props);
         }
         return;
       } else {
@@ -233,7 +233,7 @@ export const LiveChatWidgetStateful = props => {
       });
     }
     if (((_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_callingoptions) !== E2VVOptions.NoCalling) {
-      initCallingSdk(chatSDK, setVoiceVideoCallingSDK).then(sdkCreated => {
+      initCallingSdk(facadeChatSDK, setVoiceVideoCallingSDK).then(sdkCreated => {
         sdkCreated && dispatch({
           type: LiveChatWidgetActionType.SET_E2VV_ENABLED,
           payload: true
@@ -265,9 +265,9 @@ export const LiveChatWidgetStateful = props => {
   useEffect(() => {
     var _state$appStates6;
     if ((state === null || state === void 0 ? void 0 : (_state$appStates6 = state.appStates) === null || _state$appStates6 === void 0 ? void 0 : _state$appStates6.hideStartChatButton) === true) {
-      var _props$chatConfig3, _props$chatConfig3$Li;
+      var _props$chatConfig3, _props$chatConfig3$Li, _props$chatConfig4, _props$chatConfig4$Li;
       //handle OOH pane
-      if ((props === null || props === void 0 ? void 0 : (_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.OutOfOperatingHours.toLowerCase()) === "true") {
+      if (typeof (props === null || props === void 0 ? void 0 : (_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.OutOfOperatingHours) === "string" && (props === null || props === void 0 ? void 0 : (_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.OutOfOperatingHours.toLowerCase()) === "true") {
         dispatch({
           type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
           payload: ConversationState.OutOfOffice
@@ -290,7 +290,7 @@ export const LiveChatWidgetStateful = props => {
 
   // useEffect for custom context
   useEffect(() => {
-    var _chatSDK$omnichannelC2, _chatSDK$omnichannelC3, _props$controlProps11;
+    var _facadeChatSDK$getCha3, _facadeChatSDK$getCha4, _facadeChatSDK$getCha5, _facadeChatSDK$getCha6, _props$controlProps11;
     // Add the custom context on receiving the SetCustomContext event
     BroadcastService.getMessageByEventName(BroadcastEvent.SetCustomContext).subscribe(msg => {
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
@@ -343,7 +343,7 @@ export const LiveChatWidgetStateful = props => {
         if (callInProgress.current === false && dateNow - lastLWICheckTimeRef.current > Constants.LWICheckOnVisibilityTimeout) {
           lastLWICheckTimeRef.current = dateNow;
           callInProgress.current = true;
-          const conversationDetails = await getConversationDetailsCall(chatSDK);
+          const conversationDetails = await getConversationDetailsCall(facadeChatSDK);
           if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.state) === LiveWorkItemState.WrapUp || (conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.state) === LiveWorkItemState.Closed) {
             dispatch({
               type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
@@ -359,11 +359,15 @@ export const LiveChatWidgetStateful = props => {
       }
     });
     BroadcastService.getMessageByEventName(BroadcastEvent.NetworkReconnected).subscribe(async () => {
-      var _window2, _window2$location;
-      if (isThisSessionPopout((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$location = _window2.location) === null || _window2$location === void 0 ? void 0 : _window2$location.href)) {
+      var _window2, _window2$location, _inMemoryState$appSta;
+      const inMemoryState = executeReducer(state, {
+        type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+        payload: null
+      });
+      if (isThisSessionPopout((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$location = _window2.location) === null || _window2$location === void 0 ? void 0 : _window2$location.href) || (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta = inMemoryState.appStates) === null || _inMemoryState$appSta === void 0 ? void 0 : _inMemoryState$appSta.conversationState) !== ConversationState.Active) {
         return;
       }
-      const conversationDetails = await getConversationDetailsCall(chatSDK);
+      const conversationDetails = await getConversationDetailsCall(facadeChatSDK);
       if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.state) === LiveWorkItemState.WrapUp || (conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.state) === LiveWorkItemState.Closed) {
         dispatch({
           type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
@@ -397,9 +401,9 @@ export const LiveChatWidgetStateful = props => {
 
     // Start chat from SDK Event
     BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
-      var _props$chatConfig4, _props$chatConfig4$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
+      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4, _inMemoryState$appSta5;
       // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
-      if ((props === null || props === void 0 ? void 0 : (_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.OutOfOperatingHours.toLowerCase()) === "true") {
+      if (typeof (props === null || props === void 0 ? void 0 : (_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.OutOfOperatingHours) === "string" && (props === null || props === void 0 ? void 0 : (_props$chatConfig6 = props.chatConfig) === null || _props$chatConfig6 === void 0 ? void 0 : (_props$chatConfig6$Li = _props$chatConfig6.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig6$Li === void 0 ? void 0 : _props$chatConfig6$Li.OutOfOperatingHours.toLowerCase()) === "true") {
         (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -436,16 +440,16 @@ export const LiveChatWidgetStateful = props => {
       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) {
+      if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === ConversationState.Closed || ((_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.conversationState) === ConversationState.InActive || ((_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === ConversationState.Postchat) {
         BroadcastService.postMessage({
           eventName: BroadcastEvent.ChatInitiated
         });
-        prepareStartChat(props, chatSDK, inMemoryState, dispatch, setAdapter);
+        prepareStartChat(props, facadeChatSDK, inMemoryState, dispatch, setAdapter);
         return;
       }
 
       // If minimized, maximize the chat
-      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.isMinimized) === true) {
+      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.isMinimized) === true) {
         var _inMemoryState$domain, _inMemoryState$domain2, _inMemoryState$domain3, _inMemoryState$domain4;
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
@@ -492,7 +496,7 @@ export const LiveChatWidgetStateful = props => {
           Event: TelemetryEvent.PrepareEndChat,
           Description: PrepareEndChatDescriptionConstants.InitiateEndChatReceived
         });
-        endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat);
+        endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat);
       }
       BroadcastService.postMessage({
         eventName: BroadcastEvent.CloseChat
@@ -505,7 +509,7 @@ 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) ?? "");
+    const endChatEventName = getWidgetEndChatEventName((_facadeChatSDK$getCha3 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha3 === void 0 ? void 0 : (_facadeChatSDK$getCha4 = _facadeChatSDK$getCha3.omnichannelConfig) === null || _facadeChatSDK$getCha4 === void 0 ? void 0 : _facadeChatSDK$getCha4.orgId, (_facadeChatSDK$getCha5 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha5 === void 0 ? void 0 : (_facadeChatSDK$getCha6 = _facadeChatSDK$getCha5.omnichannelConfig) === null || _facadeChatSDK$getCha6 === void 0 ? void 0 : _facadeChatSDK$getCha6.widgetId, ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.widgetInstanceId) ?? "");
     BroadcastService.getMessageByEventName(endChatEventName).subscribe(msg => {
       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) {
@@ -513,9 +517,9 @@ export const LiveChatWidgetStateful = props => {
           Event: TelemetryEvent.PrepareEndChat,
           Description: "Received EndChat BroadcastEvent from other tabs. Closing this chat."
         });
-        endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, false);
+        endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, false);
         endChatStateCleanUp(dispatch);
-        chatSDKStateCleanUp(chatSDK);
+        chatSDKStateCleanUp(facadeChatSDK.getChatSDK());
         return;
       }
     });
@@ -557,7 +561,7 @@ export const LiveChatWidgetStateful = props => {
   useEffect(() => {
     // On new message
     if (state.appStates.conversationState === ConversationState.Active) {
-      chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.onNewMessage(() => {
+      facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.onNewMessage(() => {
         // Track the message count
         currentMessageCountRef.current++;
         dispatch({
@@ -645,7 +649,7 @@ export const LiveChatWidgetStateful = props => {
         Event: TelemetryEvent.PrepareEndChat,
         Description: PrepareEndChatDescriptionConstants.CustomerCloseChatOnFailureOrPostChat
       });
-      endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true);
+      endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true);
       return;
     }
 
@@ -655,7 +659,7 @@ export const LiveChatWidgetStateful = props => {
         Event: TelemetryEvent.PrepareEndChat,
         Description: PrepareEndChatDescriptionConstants.CustomerCloseInactiveChat
       });
-      endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
+      endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
       return;
     }
     if ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === ConversationEndEntity.Bot) {
@@ -666,7 +670,7 @@ export const LiveChatWidgetStateful = props => {
     }
 
     // All other cases
-    prepareEndChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter);
+    prepareEndChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter);
   }, [state === null || state === void 0 ? void 0 : (_state$appStates14 = state.appStates) === null || _state$appStates14 === void 0 ? void 0 : _state$appStates14.conversationEndedBy]);
 
   // Publish chat widget state
@@ -699,13 +703,13 @@ export const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   useEffect(() => {
-    var _inMemoryState$appSta5;
+    var _inMemoryState$appSta6;
     const inMemoryState = executeReducer(state, {
       type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
     handleChatDisconnect(props, inMemoryState, setWebChatStyles);
-    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.chatDisconnectEventReceived;
+    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta6 = inMemoryState.appStates) === null || _inMemoryState$appSta6 === void 0 ? void 0 : _inMemoryState$appSta6.chatDisconnectEventReceived;
     if (chatDisconnectState && adapter) {
       try {
         adapter.end();
@@ -737,7 +741,7 @@ export const LiveChatWidgetStateful = props => {
       Event: TelemetryEvent.PrepareEndChat,
       Description: PrepareEndChatDescriptionConstants.BrowserUnload
     });
-    endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, false);
+    endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, false);
     // Clean local storage
     (_DataStoreManager$cli = DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.removeData(widgetStateEventId);
 
@@ -750,16 +754,16 @@ export const LiveChatWidgetStateful = props => {
       eventName: BroadcastEvent.ClosePopoutWindow
     });
   };
-  const setPostChatContextRelay = () => setPostChatContextAndLoadSurvey(chatSDK, dispatch);
+  const setPostChatContextRelay = () => setPostChatContextAndLoadSurvey(facadeChatSDK, dispatch);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const endChatRelay = (adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) => endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab);
-  const prepareStartChatRelay = () => prepareStartChat(props, chatSDK, state, dispatch, setAdapter);
+  const endChatRelay = (adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) => endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab);
+  const prepareStartChatRelay = () => prepareStartChat(props, facadeChatSDK, state, dispatch, setAdapter);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const initStartChatRelay = (optionalParams, persistedState) => initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
+  const initStartChatRelay = (optionalParams, persistedState) => initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
   const confirmationPaneProps = initConfirmationPropsComposer(props);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const prepareEndChatRelay = () => prepareEndChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter);
-  const webChatProps = initWebChatComposer(props, state, dispatch, chatSDK, endChatRelay);
+  const prepareEndChatRelay = () => prepareEndChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter);
+  const webChatProps = initWebChatComposer(props, state, dispatch, facadeChatSDK, endChatRelay);
   const downloadTranscriptProps = createDownloadTranscriptProps(props.downloadTranscriptProps, {
     ...(defaultWebChatContainerStatefulProps === null || defaultWebChatContainerStatefulProps === void 0 ? void 0 : defaultWebChatContainerStatefulProps.webChatStyles),
     ...((_props$webChatContain8 = props.webChatContainerProps) === null || _props$webChatContain8 === void 0 ? void 0 : _props$webChatContain8.webChatStyles)
@@ -785,7 +789,7 @@ export const LiveChatWidgetStateful = props => {
   };
 
   // Add 'omnichannel-chat-widget' OC User Agent if not already set
-  setOcUserAgent(chatSDK);
+  setOcUserAgent(facadeChatSDK.getChatSDK());
   const directLine = ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? defaultWebChatContainerStatefulProps.directLine;
   const userID = directLine.getState ? directLine === null || directLine === void 0 ? void 0 : directLine.getState("acs.userId") : "teamsvisitor";
 

package/lib/esm/components/reconnectchatpanestateful/ReconnectChatPaneStateful.js

@@ -6,11 +6,13 @@ import { ReconnectChatPane } from "@microsoft/omnichannel-chat-components";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { setFocusOnElement } from "../../common/utils";
 import useChatContextStore from "../../hooks/useChatContextStore";
-import useChatSDKStore from "../../hooks/useChatSDKStore";
+import useFacadeChatSDKStore from "../../hooks/useFacadeChatSDKStore";
 export const ReconnectChatPaneStateful = props => {
   const [state, dispatch] = useChatContextStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const chatSDK = useChatSDKStore();
+  //const chatSDK: any = useChatSDKStore();
+  const [facadeChatSDK] = useFacadeChatSDKStore();
+  const chatSDK = facadeChatSDK.getChatSDK();
   const {
     reconnectChatProps,
     initStartChat