@microsoft/omnichannel-chat-widget 0.1.0-main.8b6c0d8 → 0.1.0-main.cf54410

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

@@ -31,9 +31,15 @@ var _updateSessionDataForTelemetry = require("./updateSessionDataForTelemetry");
 
 var _setPostChatContextAndLoadSurvey = require("./setPostChatContextAndLoadSurvey");
 
+var _DataStoreManager = require("../../../common/contextDataStore/DataStoreManager");
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
-  // Getting PreChat Survey Context
+  if (await canConnectToExistingChat(props, chatSDK, state, dispatch, setAdapter)) {
+    return;
+  } // Getting PreChat Survey Context
+
+
   const parseToJson = false;
   const preChatSurveyResponse = await chatSDK.getPreChatSurvey(parseToJson);
   const showPrechat = state.appStates.conversationState === _ConversationState.ConversationState.ProactiveChat ? preChatSurveyResponse && state.appStates.proactiveChatStates.proactiveChatEnablePrechat : preChatSurveyResponse; // Getting reconnectId for authenticated chat
@@ -70,17 +76,18 @@ const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) =>
 
 exports.prepareStartChat = prepareStartChat;
 
-const initStartChat = async (chatSDK, dispatch, setAdapter, params) => {
+const initStartChat = async (chatSDK, dispatch, setAdapter, params, persistedState) => {
   try {
     var _TelemetryTimers$Widg;
 
     try {
+      _TelemetryManager.TelemetryTimers.WidgetLoadTimer = (0, _utils.createTimer)();
+
       _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.StartChatSDKCall
       });
 
       await chatSDK.startChat(params);
-      _TelemetryManager.TelemetryTimers.WidgetLoadTimer = (0, _utils.createTimer)();
     } catch (error) {
       _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.ERROR, {
         Event: _TelemetryConstants.TelemetryEvent.StartChatMethodException,
@@ -91,24 +98,39 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, params) => {
     }
 
     const newAdapter = await (0, _createAdapter.createAdapter)(chatSDK);
-    setAdapter(newAdapter); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setAdapter(newAdapter);
 
-    if (chatSDK !== null && chatSDK !== void 0 && chatSDK.getVoiceVideoCalling) {
+    if (!persistedState) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const chatToken = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getChatToken());
+      if (chatSDK !== null && chatSDK !== void 0 && chatSDK.getVoiceVideoCalling) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const chatToken = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getChatToken());
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_TOKEN,
+          payload: chatToken
+        });
+      } // 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_CHAT_TOKEN,
-        payload: chatToken
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+        payload: liveChatContext
       });
-    }
-
-    await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, false);
-    await (0, _updateSessionDataForTelemetry.updateSessionDataForTelemetry)(chatSDK, dispatch); // Set app state to Active
+      await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch);
+      await (0, _updateSessionDataForTelemetry.updateSessionDataForTelemetry)(chatSDK, dispatch); // Set app state to Active
 
-    dispatch({
-      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-      payload: _ConversationState.ConversationState.Active
-    });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: _ConversationState.ConversationState.Active
+      });
+    } else {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_STATE,
+        payload: persistedState
+      });
+      await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, true);
+    }
 
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.WidgetLoadComplete,
@@ -137,6 +159,30 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, params) => {
       });
     }
   }
-};
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+exports.initStartChat = initStartChat;
+
+const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
+  var _DataStoreManager$cli, _persistedState$domai;
+
+  const widgetStateFromCache = (_DataStoreManager$cli = _DataStoreManager.DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(_Constants.Constants.widgetStateDataKey, "localStorage");
+  const persistedState = widgetStateFromCache ? JSON.parse(widgetStateFromCache) : undefined;
 
-exports.initStartChat = initStartChat;
+  if (persistedState !== null && persistedState !== void 0 && (_persistedState$domai = persistedState.domainStates) !== null && _persistedState$domai !== void 0 && _persistedState$domai.liveChatContext) {
+    var _persistedState$domai2;
+
+    dispatch({
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: _ConversationState.ConversationState.Loading
+    });
+    const optionalParams = {
+      liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai2 = persistedState.domainStates) === null || _persistedState$domai2 === void 0 ? void 0 : _persistedState$domai2.liveChatContext
+    };
+    await initStartChat(chatSDK, dispatch, setAdapter, optionalParams, persistedState);
+    return true;
+  } else {
+    return false;
+  }
+};

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

@@ -81,6 +81,12 @@ var _useChatContextStore = _interopRequireDefault(require("../../../hooks/useCha
 
 var _useChatSDKStore = _interopRequireDefault(require("../../../hooks/useChatSDKStore"));
 
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+
+var _disposeTelemetryLoggers = require("../common/disposeTelemetryLoggers");
+
+var _DataStoreManager = require("../../../common/contextDataStore/DataStoreManager");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -117,6 +123,7 @@ const LiveChatWidgetStateful = props => {
 
     (0, _registerTelemetryLoggers.registerTelemetryLoggers)(props, dispatch);
     (0, _createInternetConnectionChangeHandler.createInternetConnectionChangeHandler)();
+    _DataStoreManager.DataStoreManager.clientDataStore = props.contextDataStore ?? undefined;
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_ELEMENT_ID,
       payload: widgetElementId
@@ -194,11 +201,17 @@ const LiveChatWidgetStateful = props => {
         (0, _startProactiveChat.startProactiveChat)(dispatch, msg === null || msg === void 0 ? void 0 : (_msg$payload = msg.payload) === null || _msg$payload === void 0 ? void 0 : _msg$payload.bodyTitle, msg === null || msg === void 0 ? void 0 : (_msg$payload2 = msg.payload) === null || _msg$payload2 === void 0 ? void 0 : _msg$payload2.showPrechat, msg === null || msg === void 0 ? void 0 : (_msg$payload3 = msg.payload) === null || _msg$payload3 === void 0 ? void 0 : _msg$payload3.inNewWindow);
       }
     });
+
+    window.addEventListener("beforeunload", event => {
+      (0, _disposeTelemetryLoggers.disposeTelemetryLoggers)();
+    });
+
+    if (state.appStates.conversationEndedByAgent) {
+      (0, _endChat.endChat)(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter);
+    }
   }, []);
   (0, _react2.useEffect)(() => {
-    if (state.appStates.conversationState !== _ConversationState.ConversationState.Closed) {
-      canStartProactiveChat.current = false;
-    }
+    canStartProactiveChat.current = state.appStates.conversationState === _ConversationState.ConversationState.Closed;
 
     if (state.appStates.conversationState === _ConversationState.ConversationState.Active) {
       chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.onNewMessage(() => {
@@ -209,7 +222,7 @@ const LiveChatWidgetStateful = props => {
     } // Track the message count
 
 
-    if (state.appStates.conversationState == _ConversationState.ConversationState.Active) {
+    if (state.appStates.conversationState === _ConversationState.ConversationState.Active) {
       chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.onNewMessage(() => {
         currentMessageCountRef.current++;
         dispatch({
@@ -255,25 +268,26 @@ const LiveChatWidgetStateful = props => {
   }, [(_props$webChatContain3 = props.webChatContainerProps) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.webChatStyles]);
   const webChatProps = (0, _initWebChatComposer.initWebChatComposer)(props, chatSDK, state, dispatch, setWebChatStyles);
 
-  const setPostChatContextRelay = () => (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, true);
+  const setPostChatContextRelay = () => (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch);
 
   const endChatRelay = () => (0, _endChat.endChat)(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter);
 
   const prepareStartChatRelay = () => (0, _startChat.prepareStartChat)(props, chatSDK, state, dispatch, setAdapter); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
-  const initStartChatRelay = optionalParams => (0, _startChat.initStartChat)(chatSDK, dispatch, setAdapter, optionalParams);
+  const initStartChatRelay = (optionalParams, persistedState) => (0, _startChat.initStartChat)(chatSDK, dispatch, setAdapter, optionalParams, persistedState);
 
   const confirmationPaneProps = (0, _initConfirmationPropsComposer.initConfirmationPropsComposer)(props); // publish chat widget state
 
-  const chatWidgetStateChangeEvent = {
-    eventName: "ChatWidgetStateChanged",
-    payload: { ...state
-    }
-  };
-
-  _omnichannelChatComponents.BroadcastService.postMessage(chatWidgetStateChangeEvent);
+  (0, _react2.useEffect)(() => {
+    const chatWidgetStateChangeEvent = {
+      eventName: _TelemetryConstants.TelemetryEvent.ChatWidgetStateChanged,
+      payload: { ...state
+      }
+    };
 
+    _omnichannelChatComponents.BroadcastService.postMessage(chatWidgetStateChangeEvent);
+  }, [state]);
   return /*#__PURE__*/_react2.default.createElement(Composer, _extends({}, webChatProps, {
     styleOptions: webChatStyles,
     directLine: ((_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : _props$webChatContain4.directLine) ?? adapter ?? _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.directLine

package/lib/cjs/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -27,6 +27,8 @@ var _defaultPreChatSurveyLocalizedTexts = require("./common/defaultProps/default
 
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
 
+var _DataStoreManager = require("../../common/contextDataStore/DataStoreManager");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -91,14 +93,29 @@ const PreChatSurveyPaneStateful = props => {
       });
 
       try {
-        const prechatResponseValues = (0, _utils.extractPreChatSurveyResponseValues)(state.domainStates.preChatSurveyResponse, values);
-        const optionalParams = {
-          initContext: {
-            preChatResponse: prechatResponseValues
-          }
-        };
-        setPreChatResponseEmail(values);
-        await initStartChat(optionalParams);
+        var _DataStoreManager$cli, _persistedState$domai;
+
+        const widgetStateFromCache = (_DataStoreManager$cli = _DataStoreManager.DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(_Constants.Constants.widgetStateDataKey, "localStorage");
+        const persistedState = widgetStateFromCache ? JSON.parse(widgetStateFromCache) : undefined;
+        let optionalParams = {};
+
+        if (persistedState !== null && persistedState !== void 0 && (_persistedState$domai = persistedState.domainStates) !== null && _persistedState$domai !== void 0 && _persistedState$domai.liveChatContext) {
+          var _persistedState$domai2;
+
+          optionalParams = {
+            liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai2 = persistedState.domainStates) === null || _persistedState$domai2 === void 0 ? void 0 : _persistedState$domai2.liveChatContext
+          };
+          await initStartChat(optionalParams, persistedState);
+        } else {
+          const prechatResponseValues = (0, _utils.extractPreChatSurveyResponseValues)(state.domainStates.preChatSurveyResponse, values);
+          optionalParams = {
+            initContext: {
+              preChatResponse: prechatResponseValues
+            }
+          };
+          setPreChatResponseEmail(values);
+          await initStartChat(optionalParams);
+        }
       } catch (ex) {
         _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
           Event: _TelemetryConstants.TelemetryEvent.PreChatSurveyStartChatMethodFailed,

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

@@ -35,4 +35,8 @@ exports.LiveChatWidgetActionType = LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_TELEMETRY_DATA"] = 24] = "SET_TELEMETRY_DATA";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_RECONNECT_ID"] = 25] = "SET_RECONNECT_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_UNREAD_MESSAGE_COUNT"] = 26] = "SET_UNREAD_MESSAGE_COUNT";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_FOCUS_CHAT_BUTTON"] = 27] = "SET_FOCUS_CHAT_BUTTON";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONVERSATION_ENDED_BY_AGENT"] = 28] = "SET_CONVERSATION_ENDED_BY_AGENT";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_STATE"] = 29] = "SET_WIDGET_STATE";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_LIVE_CHAT_CONTEXT"] = 30] = "SET_LIVE_CHAT_CONTEXT";
 })(LiveChatWidgetActionType || (exports.LiveChatWidgetActionType = LiveChatWidgetActionType = {}));

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

@@ -22,7 +22,8 @@ const getLiveChatWidgetContextInitialState = props => {
       chatToken: undefined,
       postChatContext: undefined,
       telemetryInternalData: {},
-      globalDir: "ltr"
+      globalDir: "ltr",
+      liveChatContext: undefined
     },
     appStates: {
       conversationState: _ConversationState.ConversationState.Closed,
@@ -41,7 +42,8 @@ const getLiveChatWidgetContextInitialState = props => {
         proactiveChatInNewWindow: false
       },
       e2vvEnabled: false,
-      unreadMessageCount: 0
+      unreadMessageCount: 0,
+      conversationEndedByAgent: false
     },
     uiStates: {
       showConfirmationPane: false,
@@ -50,7 +52,8 @@ const getLiveChatWidgetContextInitialState = props => {
       isIncomingCall: true,
       disableVideoCall: true,
       disableRemoteVideo: true,
-      disableSelfVideo: true
+      disableSelfVideo: true,
+      focusChatButton: false
     }
   };
   return props.liveChatContextFromCache ?? LiveChatWidgetContextInitialState;

package/lib/cjs/contexts/createReducer.js

@@ -114,6 +114,13 @@ const createReducer = () => {
           }
         };
 
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            focusChatButton: action.payload
+          }
+        };
+
       case _LiveChatWidgetActionType.LiveChatWidgetActionType.DISABLE_VIDEO_CALL:
         return { ...state,
           uiStates: { ...state.uiStates,
@@ -138,6 +145,7 @@ const createReducer = () => {
       case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_TOKEN:
         return { ...state,
           domainStates: { ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             chatToken: action.payload
           }
         };
@@ -210,6 +218,25 @@ const createReducer = () => {
           }
         };
 
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT:
+        return { ...state,
+          domainStates: { ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            liveChatContext: action.payload
+          }
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_STATE:
+        return { ...action.payload
+        };
+
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT:
+        return { ...state,
+          appStates: { ...state.appStates,
+            conversationEndedByAgent: action.payload
+          }
+        };
+
       default:
         return state;
     }

package/lib/esm/common/Constants.js

@@ -32,6 +32,8 @@ _defineProperty(Constants, "false", "false");
 
 _defineProperty(Constants, "maximumUnreadMessageCount", 99);
 
+_defineProperty(Constants, "widgetStateDataKey", "LcwChatWidgetState");
+
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
 
 _defineProperty(Constants, "ChannelId", "lcw");

package/lib/esm/common/contextDataStore/DataStoreManager.js

@@ -0,0 +1,5 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export class DataStoreManager {}
+
+_defineProperty(DataStoreManager, "clientDataStore", void 0);

package/lib/esm/common/interfaces/IContextDataStore.js

@@ -0,0 +1 @@
+export {};

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

@@ -114,6 +114,7 @@ export let TelemetryEvent;
   TelemetryEvent["ReconnectChatContinueConversation"] = "ReconnectChatContinueConversation";
   TelemetryEvent["ReconnectChatStartNewConversation"] = "ReconnectChatStartNewConversation";
   TelemetryEvent["ReconnectChatMinimize"] = "ReconnectChatMinimize";
+  TelemetryEvent["ChatWidgetStateChanged"] = "ChatWidgetStateChanged";
 })(TelemetryEvent || (TelemetryEvent = {}));
 
 export class TelemetryConstants {

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

@@ -98,6 +98,8 @@ export class TelemetryHelper {
   static conformToLoadContract(level, input) {
     const payload = input.payload;
     return TelemetryHelper.populate(level, payload, event => {
+      var _TelemetryManager$Int11, _TelemetryManager$Int12, _TelemetryManager$Int13;
+
       event.Event = payload.Event;
       event.ResourcePath = payload.ResourcePath;
       event.WidgetState = payload.WidgetState;
@@ -105,16 +107,19 @@ export class TelemetryHelper {
       event.ChatType = payload.ChatType;
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
+      event.OCChatSDKVersion = ((_TelemetryManager$Int11 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int11 === void 0 ? void 0 : _TelemetryManager$Int11.OCChatSDKVersion) ?? "";
+      event.OCChatWidgetVersion = ((_TelemetryManager$Int12 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int12 === void 0 ? void 0 : _TelemetryManager$Int12.chatWidgetVersion) ?? "";
+      event.OCChatComponentsVersion = ((_TelemetryManager$Int13 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int13 === void 0 ? void 0 : _TelemetryManager$Int13.chatComponentVersion) ?? "";
     });
   }
 
   static conformToIC3ClientContract(level, input) {
     const payload = input.payload;
     return TelemetryHelper.populate(level, payload, event => {
-      var _TelemetryManager$Int11;
+      var _TelemetryManager$Int14;
 
       event.Event = payload.Event;
-      event.IC3ClientVersion = (_TelemetryManager$Int11 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int11 === void 0 ? void 0 : _TelemetryManager$Int11.IC3ClientVersion;
+      event.IC3ClientVersion = (_TelemetryManager$Int14 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int14 === void 0 ? void 0 : _TelemetryManager$Int14.IC3ClientVersion;
       event.SubscriptionId = payload.SubscriptionId;
       event.EndpointUrl = payload.EndpointUrl;
       event.EndpointId = payload.EndpointId;
@@ -233,14 +238,14 @@ _defineProperty(TelemetryHelper, "logActionEvent", (logLevel, payload) => {
 });
 
 _defineProperty(TelemetryHelper, "logSDKEvent", (logLevel, payload) => {
-  var _TelemetryManager$Int12;
+  var _TelemetryManager$Int15;
 
   const telemetryEvent = {
     eventName: (payload === null || payload === void 0 ? void 0 : payload.Event) ?? "",
     logLevel: logLevel,
     payload: { ...payload,
       TransactionId: newGuid(),
-      RequestId: (_TelemetryManager$Int12 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int12 === void 0 ? void 0 : _TelemetryManager$Int12.currentRequestId
+      RequestId: (_TelemetryManager$Int15 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int15 === void 0 ? void 0 : _TelemetryManager$Int15.currentRequestId
     }
   };
   BroadcastService.postMessage(telemetryEvent);

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

@@ -1,6 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { LogLevel, ScenarioType, TelemetryConstants } from "./TelemetryConstants";
+import { LogLevel, ScenarioType, TelemetryConstants, TelemetryEvent } from "./TelemetryConstants";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ariaTelemetryLogger } from "./loggers/ariaTelemetryLogger";
 import { consoleLogger } from "./loggers/consoleLogger";
@@ -16,15 +16,19 @@ export class TelemetryManager {}
 
 _defineProperty(TelemetryManager, "InternalTelemetryData", void 0);
 
+const loggers = [];
+export const disposeLoggers = () => {
+  loggers.map(logger => {
+    logger.dispose();
+  });
+};
 export const RegisterLoggers = () => {
-  const loggers = [];
-
   const registerLoggers = () => {
     var _TelemetryManager$Int, _TelemetryManager$Int2, _TelemetryManager$Int3, _TelemetryManager$Int4, _TelemetryManager$Int5, _TelemetryManager$Int6, _TelemetryManager$Int7, _TelemetryManager$Int8;
 
     if (!((_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) !== null && _TelemetryManager$Int !== void 0 && (_TelemetryManager$Int2 = _TelemetryManager$Int.telemetryConfig) !== null && _TelemetryManager$Int2 !== void 0 && _TelemetryManager$Int2.disableConsoleLog) || !((_TelemetryManager$Int3 = TelemetryManager.InternalTelemetryData) !== null && _TelemetryManager$Int3 !== void 0 && (_TelemetryManager$Int4 = _TelemetryManager$Int3.telemetryConfig) !== null && _TelemetryManager$Int4 !== void 0 && _TelemetryManager$Int4.telemetryDisabled)) {
       BroadcastService.getAnyMessage().subscribe(event => {
-        if (event.payload) {
+        if (event.payload && event.eventName !== TelemetryEvent.ChatWidgetStateChanged) {
           logTelemetry(event);
         }
       });

package/lib/esm/common/telemetry/defaultConfigs/defaultAriaConfig.js

@@ -1,6 +1,6 @@
 export const defaultAriaConfig = {
-  collectorUriForTelemetry: "https://browser.pipe.aria.microsoft.com/Collector/3.0/",
-  ariaTelemetryKey: "1574efd98545488983328fac0c9bcb59-45c2ff50-ebcc-473d-949d-e3134ef2189e-6906",
-  ariaTelemetryApplicationName: "D365_Omnichannel_Client_Sandbox",
+  collectorUriForTelemetry: "",
+  ariaTelemetryKey: "c7655518acf1403f93ff6b9f77942f0a-d01a02fd-6b50-4de3-a566-62eda11f93bc-7083",
+  ariaTelemetryApplicationName: "",
   disableCookieUsage: true
 };

package/lib/esm/common/telemetry/loggers/ariaTelemetryLogger.js

@@ -17,7 +17,15 @@ export const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, colle
         configuration.collectorUri = collectiorUriForTelemetry;
       }
 
-      _logger = AWTLogManager.initialize(ariaTelemetryKey, configuration);
+      try {
+        _logger = AWTLogManager.initialize(ariaTelemetryKey, configuration);
+
+        if (_logger === undefined) {
+          _logger = AWTLogManager.getLogger(ariaTelemetryKey);
+        }
+      } catch (error) {
+        console.log(error);
+      }
     }
 
     return _logger;
@@ -37,6 +45,11 @@ export const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, colle
 
       eventProperties.setPropertyWithPii(ariaTelemetryApplicationName, Constants.LiveChatWidget, AWTPiiKind.GenericData);
       logger() ? logger().logEvent(eventProperties) : console.log("Unable to initialize aria logger");
+    },
+    dispose: () => {
+      AWTLogManager.flush(function () {
+        console.log("Aria logger disposed");
+      });
     }
   };
   return ariaLogger;

package/lib/esm/common/telemetry/loggers/consoleLogger.js

@@ -30,6 +30,9 @@ export const consoleLogger = () => {
       } catch (ex) {
         console.error("An unexpected error occurred in the Telemetry client: " + ex);
       }
+    },
+    dispose: () => {
+      console.log("disposing loggers");
     }
   };
   return consoleLogger;

package/lib/esm/components/chatbuttonstateful/ChatButtonStateful.js

@@ -73,7 +73,15 @@ export const ChatButtonStateful = props => {
       Event: TelemetryEvent.LCWChatButtonShow,
       ElapsedTimeInMilliseconds: TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed
     });
-    setFocusOnElement(document.getElementById((controlProps === null || controlProps === void 0 ? void 0 : controlProps.id) ?? "oc-lcw-chat-button"));
+
+    if (state.uiStates.focusChatButton) {
+      setFocusOnElement(document.getElementById((controlProps === null || controlProps === void 0 ? void 0 : controlProps.id) ?? "oc-lcw-chat-button"));
+    } else {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON,
+        payload: true
+      });
+    }
   }, []);
   return /*#__PURE__*/React.createElement(ChatButton, {
     componentOverrides: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.componentOverrides,

package/lib/esm/components/confirmationpanestateful/ConfirmationPaneStateful.js

@@ -1,9 +1,7 @@
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
 import { findAllFocusableElement, findParentFocusableElementsWithoutChildContainer, preventFocusToMoveOutOfElement, setFocusOnElement, setFocusOnSendBox, setTabIndices } from "../../common/utils";
-import { ConfirmationPane } from "@microsoft/omnichannel-chat-components";
-import { Constants } from "../../common/Constants";
-import { ConversationState } from "../../contexts/common/ConversationState";
+import { BroadcastService, ConfirmationPane } from "@microsoft/omnichannel-chat-components";
 import { DimLayer } from "../dimlayer/DimLayer";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { NotificationHandler } from "../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
@@ -12,20 +10,21 @@ import { PostChatSurveyMode } from "../postchatsurveypanestateful/enums/PostChat
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import useChatAdapterStore from "../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../hooks/useChatContextStore";
-import useChatSDKStore from "../../hooks/useChatSDKStore"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import useChatSDKStore from "../../hooks/useChatSDKStore";
+import { Constants } from "../../common/Constants"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 export const ConfirmationPaneStateful = props => {
   var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _state$domainStates$l4;
 
   const initialTabIndexMap = new Map();
-  let elements = [];
+  let elements = []; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  const chatSDK = useChatSDKStore();
   const [state, dispatch] = useChatContextStore();
   const {
-    setPostChatContext,
     endChat
   } = props; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-  const chatSDK = useChatSDKStore(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   const [adapter] = useChatAdapterStore();
   const isPostChatEnabled = (_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;
@@ -44,26 +43,14 @@ export const ConfirmationPaneStateful = props => {
       });
 
       try {
-        //ToDo: End Chat before PostChat Context and conversation Details is set once the getPostChatContext request ID fetch issue is fixed
-        const conversationDetails = await chatSDK.getConversationDetails(); // ToDo: Replace with CanRenderPostChat once available in conversationDetails API response 
+        // check agent has joined conversation
+        const conversationDetails = await chatSDK.getConversationDetails();
 
         if (isPostChatEnabled === "true" && postChatSurveyMode === PostChatSurveyMode.Embed && conversationDetails.canRenderPostChat === Constants.truePascal) {
-          dispatch({
-            type: LiveChatWidgetActionType.SET_SHOULD_SHOW_POST_CHAT,
-            payload: true
-          });
-          dispatch({
-            type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-            payload: ConversationState.Loading
-          });
-          await setPostChatContext();
-
-          if (state.domainStates.postChatContext) {
-            dispatch({
-              type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-              payload: ConversationState.Postchat
-            });
-          }
+          const loadPostChatEvent = {
+            eventName: "LoadPostChatSurvey"
+          };
+          BroadcastService.postMessage(loadPostChatEvent);
         } else {
           setTabIndices(elements, initialTabIndexMap, true);