@microsoft/omnichannel-chat-widget 0.1.0-main.3d1c026 → 0.1.0-main.47ede4d

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

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.prepareStartChat = exports.initStartChat = void 0;
 
-var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
-
 var _Constants = require("../../../common/Constants");
 
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+
 var _ConversationState = require("../../../contexts/common/ConversationState");
 
+var _DataStoreManager = require("../../../common/contextDataStore/DataStoreManager");
+
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 
 var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
@@ -23,17 +25,23 @@ var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
 
 var _createAdapter = require("./createAdapter");
 
+var _newMessageEventHandler = require("../../../plugins/newMessageEventHandler");
+
 var _utils = require("../../../common/utils");
 
 var _reconnectChatHelper = require("./reconnectChatHelper");
 
-var _updateSessionDataForTelemetry = require("./updateSessionDataForTelemetry");
-
 var _setPostChatContextAndLoadSurvey = require("./setPostChatContextAndLoadSurvey");
 
+var _updateSessionDataForTelemetry = require("./updateSessionDataForTelemetry");
+
 // 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,19 +78,20 @@ 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;
+    var _newAdapter$activity$, _TelemetryTimers$Widg;
 
     try {
-      _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.INFO, {
+      _TelemetryManager.TelemetryTimers.WidgetLoadTimer = (0, _utils.createTimer)();
+
+      _TelemetryHelper.TelemetryHelper.logSDKEvent(_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, {
+      _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
         Event: _TelemetryConstants.TelemetryEvent.StartChatMethodException,
         ExceptionDetails: {
           exception: `Failed to setup startChat: ${error}`
@@ -91,24 +100,41 @@ 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);
+    const chatToken = await chatSDK.getChatToken();
+    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 (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);
+      await (0, _updateSessionDataForTelemetry.updateSessionDataForTelemetry)(chatSDK, dispatch); // Set app state to Active
 
-    await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, false);
-    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,
@@ -117,9 +143,9 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, params) => {
     });
   } catch (ex) {
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.ERROR, {
-      Event: _TelemetryConstants.TelemetryEvent.StartChatFailed,
+      Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
       ExceptionDetails: {
-        Exception: `Start Chat Failed: ${ex}`
+        Exception: `Widget load Failed: ${ex}`
       }
     });
 
@@ -137,6 +163,30 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, params) => {
       });
     }
   }
-};
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 
-exports.initStartChat = initStartChat;
+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;
+
+  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/common/startProactiveChat.js

@@ -16,12 +16,12 @@ var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
 
 // Defines startProactiveChat callback
-const startProactiveChat = (dispatch, bodyTitle, showPrechat, inNewWindow) => {
+const startProactiveChat = (dispatch, notificationConfig, enablePreChat, inNewWindow) => {
   dispatch({
     type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS,
     payload: {
-      proactiveChatBodyTitle: bodyTitle ?? "",
-      proactiveChatEnablePrechat: showPrechat ?? false,
+      proactiveChatBodyTitle: notificationConfig && notificationConfig.message ? notificationConfig.message : "",
+      proactiveChatEnablePrechat: enablePreChat ?? false,
       proactiveChatInNewWindow: inNewWindow ?? false
     }
   });

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.LiveChatWidgetStateful = void 0;
 
+var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
+
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 
 var _react = require("@fluentui/react");
@@ -29,6 +31,8 @@ var _ConfirmationPaneStateful = _interopRequireDefault(require("../../confirmati
 
 var _ConversationState = require("../../../contexts/common/ConversationState");
 
+var _DataStoreManager = require("../../../common/contextDataStore/DataStoreManager");
+
 var _EmailTranscriptPaneStateful = _interopRequireDefault(require("../../emailtranscriptpanestateful/EmailTranscriptPaneStateful"));
 
 var _HeaderStateful = _interopRequireDefault(require("../../headerstateful/HeaderStateful"));
@@ -49,6 +53,8 @@ var _ProactiveChatPaneStateful = _interopRequireDefault(require("../../proactive
 
 var _ReconnectChatPaneStateful = _interopRequireDefault(require("../../reconnectchatpanestateful/ReconnectChatPaneStateful"));
 
+var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+
 var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
 
 var _WebChatContainerStateful = _interopRequireDefault(require("../../webchatcontainerstateful/WebChatContainerStateful"));
@@ -59,6 +65,8 @@ var _createInternetConnectionChangeHandler = require("../common/createInternetCo
 
 var _defaultWebChatContainerStatefulProps = require("../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps");
 
+var _disposeTelemetryLoggers = require("../common/disposeTelemetryLoggers");
+
 var _endChat = require("../common/endChat");
 
 var _getGeneralStylesForButton = require("../common/getGeneralStylesForButton");
@@ -81,10 +89,6 @@ var _useChatContextStore = _interopRequireDefault(require("../../../hooks/useCha
 
 var _useChatSDKStore = _interopRequireDefault(require("../../../hooks/useChatSDKStore"));
 
-var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
-
-var _disposeTelemetryLoggers = require("../common/disposeTelemetryLoggers");
-
 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); }
@@ -121,6 +125,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
@@ -192,14 +197,24 @@ const LiveChatWidgetStateful = props => {
   }, [state.appStates.skipChatButtonRendering]);
   (0, _react2.useEffect)(() => {
     _omnichannelChatComponents.BroadcastService.getMessageByEventName("StartProactiveChat").subscribe(msg => {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.StartProactiveChatEventReceived,
+        Description: "Start proactive chat event received."
+      });
+
       if (canStartProactiveChat.current) {
         var _msg$payload, _msg$payload2, _msg$payload3;
 
-        (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);
+        (0, _startProactiveChat.startProactiveChat)(dispatch, msg === null || msg === void 0 ? void 0 : (_msg$payload = msg.payload) === null || _msg$payload === void 0 ? void 0 : _msg$payload.notificationConfig, msg === null || msg === void 0 ? void 0 : (_msg$payload2 = msg.payload) === null || _msg$payload2 === void 0 ? void 0 : _msg$payload2.enablePreChat, msg === null || msg === void 0 ? void 0 : (_msg$payload3 = msg.payload) === null || _msg$payload3 === void 0 ? void 0 : _msg$payload3.inNewWindow);
+      } else {
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.ChatAlreadyTriggered,
+          Description: "Start proactive chat method called, when chat was already triggered."
+        });
       }
     });
 
-    window.addEventListener("beforeunload", event => {
+    window.addEventListener("beforeunload", () => {
       (0, _disposeTelemetryLoggers.disposeTelemetryLoggers)();
     });
 
@@ -213,13 +228,13 @@ const LiveChatWidgetStateful = props => {
     if (state.appStates.conversationState === _ConversationState.ConversationState.Active) {
       chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.onNewMessage(() => {
         _omnichannelChatComponents.BroadcastService.postMessage({
-          eventName: "NewMessageNotification"
+          eventName: _TelemetryConstants.BroadcastEvent.NewMessageNotification
         });
       });
     } // 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({
@@ -238,7 +253,7 @@ const LiveChatWidgetStateful = props => {
     });
     const customEvent = {
       elementType: _omnichannelChatComponents.ElementType.Custom,
-      eventName: "UnreadMessageCount",
+      eventName: _TelemetryConstants.BroadcastEvent.UnreadMessageCount,
       payload: 0
     };
 
@@ -249,7 +264,7 @@ const LiveChatWidgetStateful = props => {
     if (state.appStates.isMinimized && state.appStates.unreadMessageCount > 0) {
       const customEvent = {
         elementType: _omnichannelChatComponents.ElementType.Custom,
-        eventName: "UnreadMessageCount",
+        eventName: _TelemetryConstants.BroadcastEvent.UnreadMessageCount,
         payload: `${state.appStates.unreadMessageCount}`
       };
 
@@ -265,25 +280,27 @@ 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); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 
-  const endChatRelay = () => (0, _endChat.endChat)(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter);
+  const endChatRelay = (adapter, skipEndChatSDK, skipCloseChat) => (0, _endChat.endChat)(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, skipEndChatSDK, skipCloseChat);
 
   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: _TelemetryConstants.TelemetryEvent.ChatWidgetStateChanged,
-    payload: { ...state
-    }
-  };
-
-  _omnichannelChatComponents.BroadcastService.postMessage(chatWidgetStateChangeEvent);
+  (0, _react2.useEffect)(() => {
+    const chatWidgetStateChangeEvent = {
+      eventName: _TelemetryConstants.BroadcastEvent.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/loadingpanestateful/LoadingPaneStateful.js

@@ -46,7 +46,7 @@ const LoadingPaneStateful = props => {
       firstElement[0].focus();
     }
 
-    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.LoadingPaneLoaded,
       Description: "Loading pane loaded."
     });

package/lib/cjs/components/ooohpanestateful/OOOHPaneStateful.js

@@ -5,10 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.OutOfOfficeHoursPaneStateful = void 0;
 
+var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 
+var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
+
 var _defaultgeneralOOOHPaneStyleProps = require("./common/defaultStyleProps/defaultgeneralOOOHPaneStyleProps");
 
 var _utils = require("../../common/utils");
@@ -41,6 +45,10 @@ const OutOfOfficeHoursPaneStateful = props => {
     if (firstElement && firstElement[0]) {
       firstElement[0].focus();
     }
+
+    _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.OutOfOfficePaneLoaded
+    });
   }, []);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.OutOfOfficeHoursPane, {
     componentOverrides: props.componentOverrides,

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.PreChatSurveyPaneStateful = void 0;
 
+var _Constants = require("../../common/Constants");
+
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
 
 var _react = _interopRequireWildcard(require("react"));
@@ -13,12 +15,12 @@ var _utils = require("../../common/utils");
 
 var _ConversationState = require("../../contexts/common/ConversationState");
 
+var _DataStoreManager = require("../../common/contextDataStore/DataStoreManager");
+
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
 
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 
-var _Constants = require("../../common/Constants");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
 
 var _defaultGeneralPreChatSurveyPaneStyleProps = require("./common/defaultStyles/defaultGeneralPreChatSurveyPaneStyleProps");
@@ -63,7 +65,7 @@ const PreChatSurveyPaneStateful = props => {
     try {
       return (0, _utils.parseAdaptiveCardPayload)(payload, requiredFieldMissingMessage);
     } catch (ex) {
-      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.ERROR, {
+      _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
         Event: _TelemetryConstants.TelemetryEvent.ParseAdaptiveCardFailed,
         Description: "Adaptive Card JSON Parse Failed.",
         ExceptionDetails: {
@@ -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/components/proactivechatpanestateful/ProactiveChatPaneStateful.js

@@ -51,7 +51,7 @@ const ProactiveChatPaneStateful = props => {
         payload: _ConversationState.ConversationState.Closed
       });
 
-      _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.ProactiveChatRejected,
         ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed,
         Description: "Proactive chat invitation timed out."
@@ -75,14 +75,14 @@ const ProactiveChatPaneStateful = props => {
       if (state.appStates.proactiveChatStates.proactiveChatInNewWindow) {
         // TODO: BroadcastService: replace with the sdk broadcast service, when in place
         const startPopoutChatEvent = {
-          eventName: "StartPopoutChat"
+          eventName: _TelemetryConstants.BroadcastEvent.ProactiveChatStartPopoutChat
         };
 
         _omnichannelChatComponents.BroadcastService.postMessage(startPopoutChatEvent);
 
         dispatch({
-          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SKIP_CHAT_BUTTON_RENDERING,
-          payload: true
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: _ConversationState.ConversationState.Closed
         });
       } else if (((_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.OutOfOperatingHours) === "True") {
         dispatch({
@@ -94,6 +94,12 @@ const ProactiveChatPaneStateful = props => {
           payload: _ConversationState.ConversationState.OutOfOffice
         });
       } else {
+        const proactiveChatStarted = {
+          eventName: _TelemetryConstants.BroadcastEvent.ProactiveChatStartChat
+        };
+
+        _omnichannelChatComponents.BroadcastService.postMessage(proactiveChatStarted);
+
         await startChat();
       }
     },

package/lib/cjs/components/proactivechatpanestateful/interfaces/IProactiveChatNotificationConfig.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -24,6 +24,10 @@ class MockChatSDK {
     return null;
   }
 
+  getChatToken() {
+    return null;
+  }
+
   createChatAdapter() {
     return new _mockadapter.default();
   } // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/lib/cjs/components/webchatcontainerstateful/common/utils/FileAttachmentIconManager.js

@@ -5,85 +5,63 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isInlineMediaSupported = exports.getFileAttachmentIconData = void 0;
 
-var _BrowserVendor = require("../../webchatcontroller/enums/BrowserVendor");
+var _Icons = require("../../../../assets/Icons");
 
 var _BrowserInfo = require("./BrowserInfo");
 
-var _archiveIcon = _interopRequireDefault(require("../../../../assets/icons/archiveIcon.svg"));
-
-var _audioIcon = _interopRequireDefault(require("../../../../assets/icons/audioIcon.svg"));
-
-var _blankIcon = _interopRequireDefault(require("../../../../assets/icons/blankIcon.svg"));
-
-var _videoIcon = _interopRequireDefault(require("../../../../assets/icons/videoIcon.svg"));
-
-var _imageIcon = _interopRequireDefault(require("../../../../assets/icons/imageIcon.svg"));
-
-var _wordIcon = _interopRequireDefault(require("../../../../assets/icons/wordIcon.svg"));
-
-var _oneNoteIcon = _interopRequireDefault(require("../../../../assets/icons/oneNoteIcon.svg"));
-
-var _powerpointIcon = _interopRequireDefault(require("../../../../assets/icons/powerpointIcon.svg"));
-
-var _visioIcon = _interopRequireDefault(require("../../../../assets/icons/visioIcon.svg"));
-
-var _pdfIcon = _interopRequireDefault(require("../../../../assets/icons/pdfIcon.svg"));
-
-var _excelIcon = _interopRequireDefault(require("../../../../assets/icons/excelIcon.svg"));
+var _BrowserVendor = require("../../webchatcontroller/enums/BrowserVendor");
 
 var _Constants = require("../../../../common/Constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const FileAttachmentIconMap = {
-  "aac": _audioIcon.default,
-  "aiff": _audioIcon.default,
-  "alac": _audioIcon.default,
-  "avchd": _videoIcon.default,
-  "avi": _videoIcon.default,
-  "bmp": _imageIcon.default,
-  "doc": _wordIcon.default,
-  "docx": _wordIcon.default,
-  "flac": _audioIcon.default,
-  "flv": _videoIcon.default,
-  "gif": _imageIcon.default,
-  "jiff": _imageIcon.default,
-  "jpeg": _imageIcon.default,
-  "jpg": _imageIcon.default,
-  "mpe": _videoIcon.default,
-  "mpeg": _videoIcon.default,
-  "mpg": _videoIcon.default,
-  "mpv": _videoIcon.default,
-  "mp2": _audioIcon.default,
-  "mp3": _audioIcon.default,
-  "mp4": _videoIcon.default,
-  "m4p": _videoIcon.default,
-  "m4v": _videoIcon.default,
-  "mov": _videoIcon.default,
-  "one": _oneNoteIcon.default,
-  "pcm": _audioIcon.default,
-  "pdf": _pdfIcon.default,
-  "png": _imageIcon.default,
-  "ppt": _powerpointIcon.default,
-  "pptx": _powerpointIcon.default,
-  "qt": _videoIcon.default,
-  "rar": _archiveIcon.default,
-  "swf": _videoIcon.default,
-  "tar": _archiveIcon.default,
-  "tar.gz": _archiveIcon.default,
-  "tgz": _archiveIcon.default,
-  "txt": _blankIcon.default,
-  "vsd": _visioIcon.default,
-  "vsdx": _visioIcon.default,
-  "wav": _audioIcon.default,
-  "webm": _videoIcon.default,
-  "wma": _audioIcon.default,
-  "wmv": _videoIcon.default,
-  "xls": _excelIcon.default,
-  "xlsx": _excelIcon.default,
-  "zip": _archiveIcon.default,
-  "zipx": _archiveIcon.default,
-  "7z": _archiveIcon.default
+  "aac": _Icons.AudioIcon,
+  "aiff": _Icons.AudioIcon,
+  "alac": _Icons.AudioIcon,
+  "avchd": _Icons.VideoIcon,
+  "avi": _Icons.VideoIcon,
+  "bmp": _Icons.ImageIcon,
+  "doc": _Icons.WordIcon,
+  "docx": _Icons.WordIcon,
+  "flac": _Icons.AudioIcon,
+  "flv": _Icons.VideoIcon,
+  "gif": _Icons.ImageIcon,
+  "jiff": _Icons.ImageIcon,
+  "jpeg": _Icons.ImageIcon,
+  "jpg": _Icons.ImageIcon,
+  "mpe": _Icons.VideoIcon,
+  "mpeg": _Icons.VideoIcon,
+  "mpg": _Icons.VideoIcon,
+  "mpv": _Icons.VideoIcon,
+  "mp2": _Icons.AudioIcon,
+  "mp3": _Icons.AudioIcon,
+  "mp4": _Icons.VideoIcon,
+  "m4p": _Icons.VideoIcon,
+  "m4v": _Icons.VideoIcon,
+  "mov": _Icons.VideoIcon,
+  "one": _Icons.OneNoteIcon,
+  "pcm": _Icons.AudioIcon,
+  "pdf": _Icons.PDFIcon,
+  "png": _Icons.ImageIcon,
+  "ppt": _Icons.PowerpointIcon,
+  "pptx": _Icons.PowerpointIcon,
+  "qt": _Icons.VideoIcon,
+  "rar": _Icons.ArchiveIcon,
+  "swf": _Icons.VideoIcon,
+  "tar": _Icons.ArchiveIcon,
+  "tar.gz": _Icons.ArchiveIcon,
+  "tgz": _Icons.ArchiveIcon,
+  "txt": _Icons.BlankIcon,
+  "vsd": _Icons.VisioIcon,
+  "vsdx": _Icons.VisioIcon,
+  "wav": _Icons.AudioIcon,
+  "webm": _Icons.VideoIcon,
+  "wma": _Icons.AudioIcon,
+  "wmv": _Icons.VideoIcon,
+  "xls": _Icons.ExcelIcon,
+  "xlsx": _Icons.ExcelIcon,
+  "zip": _Icons.ArchiveIcon,
+  "zipx": _Icons.ArchiveIcon,
+  "7z": _Icons.ArchiveIcon
 };
 /**
  * Get file attachment icon image depending on extension.
@@ -94,7 +72,7 @@ const FileAttachmentIconMap = {
 const getFileAttachmentIconData = extension => {
   const key = extension.startsWith(".") ? extension.slice(1) : extension || "";
 
-  const icon = FileAttachmentIconMap[key.toLowerCase()] || _blankIcon.default;
+  const icon = FileAttachmentIconMap[key.toLowerCase()] || _Icons.BlankIcon;
 
   return icon;
 }; // Check if browser supports inline media playing for current media format