@microsoft/omnichannel-chat-widget 0.1.0-main.7a3ed6a → 0.1.0-main.861673e

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

@@ -123,6 +123,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["ReconnectChatContinueConversation"] = "ReconnectChatContinueConversation";
   TelemetryEvent["ReconnectChatStartNewConversation"] = "ReconnectChatStartNewConversation";
   TelemetryEvent["ReconnectChatMinimize"] = "ReconnectChatMinimize";
+  TelemetryEvent["ChatWidgetStateChanged"] = "ChatWidgetStateChanged";
 })(TelemetryEvent || (exports.TelemetryEvent = TelemetryEvent = {}));
 
 class TelemetryConstants {

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

@@ -109,6 +109,8 @@ 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;
@@ -116,16 +118,19 @@ class TelemetryHelper {
       event.ChatType = payload.ChatType;
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
+      event.OCChatSDKVersion = ((_TelemetryManager$Int11 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int11 === void 0 ? void 0 : _TelemetryManager$Int11.OCChatSDKVersion) ?? "";
+      event.OCChatWidgetVersion = ((_TelemetryManager$Int12 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int12 === void 0 ? void 0 : _TelemetryManager$Int12.chatWidgetVersion) ?? "";
+      event.OCChatComponentsVersion = ((_TelemetryManager$Int13 = _TelemetryManager.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.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int11 === void 0 ? void 0 : _TelemetryManager$Int11.IC3ClientVersion;
+      event.IC3ClientVersion = (_TelemetryManager$Int14 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int14 === void 0 ? void 0 : _TelemetryManager$Int14.IC3ClientVersion;
       event.SubscriptionId = payload.SubscriptionId;
       event.EndpointUrl = payload.EndpointUrl;
       event.EndpointId = payload.EndpointId;
@@ -249,14 +254,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: (0, _utils.newGuid)(),
-      RequestId: (_TelemetryManager$Int12 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int12 === void 0 ? void 0 : _TelemetryManager$Int12.currentRequestId
+      RequestId: (_TelemetryManager$Int15 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int15 === void 0 ? void 0 : _TelemetryManager$Int15.currentRequestId
     }
   };
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TelemetryTimers = exports.TelemetryManager = exports.RegisterLoggers = void 0;
+exports.disposeLoggers = exports.TelemetryTimers = exports.TelemetryManager = exports.RegisterLoggers = void 0;
 
 var _TelemetryConstants = require("./TelemetryConstants");
 
@@ -31,15 +31,23 @@ exports.TelemetryManager = TelemetryManager;
 
 _defineProperty(TelemetryManager, "InternalTelemetryData", void 0);
 
-const RegisterLoggers = () => {
-  const loggers = [];
+const loggers = [];
+
+const disposeLoggers = () => {
+  loggers.map(logger => {
+    logger.dispose();
+  });
+};
 
+exports.disposeLoggers = disposeLoggers;
+
+const RegisterLoggers = () => {
   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)) {
       _omnichannelChatComponents.BroadcastService.getAnyMessage().subscribe(event => {
-        if (event.payload) {
+        if (event.payload && event.eventName !== _TelemetryConstants.TelemetryEvent.ChatWidgetStateChanged) {
           logTelemetry(event);
         }
       });

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultAriaConfig = void 0;
 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
 };
 exports.defaultAriaConfig = defaultAriaConfig;

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

@@ -32,7 +32,15 @@ const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUr
         configuration.collectorUri = collectiorUriForTelemetry;
       }
 
-      _logger = _AWTLogManager.default.initialize(ariaTelemetryKey, configuration);
+      try {
+        _logger = _AWTLogManager.default.initialize(ariaTelemetryKey, configuration);
+
+        if (_logger === undefined) {
+          _logger = _AWTLogManager.default.getLogger(ariaTelemetryKey);
+        }
+      } catch (error) {
+        console.log(error);
+      }
     }
 
     return _logger;
@@ -54,6 +62,11 @@ const ariaTelemetryLogger = (ariaTelemetryKey, disabledCookieUsage, collectiorUr
 
       eventProperties.setPropertyWithPii(ariaTelemetryApplicationName, _Constants.Constants.LiveChatWidget, _Enums.AWTPiiKind.GenericData);
       logger() ? logger().logEvent(eventProperties) : console.log("Unable to initialize aria logger");
+    },
+    dispose: () => {
+      _AWTLogManager.default.flush(function () {
+        console.log("Aria logger disposed");
+      });
     }
   };
   return ariaLogger;

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

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

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

@@ -98,7 +98,14 @@ const ChatButtonStateful = props => {
       ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed
     });
 
-    (0, _utils.setFocusOnElement)(document.getElementById((controlProps === null || controlProps === void 0 ? void 0 : controlProps.id) ?? "oc-lcw-chat-button"));
+    if (state.uiStates.focusChatButton) {
+      (0, _utils.setFocusOnElement)(document.getElementById((controlProps === null || controlProps === void 0 ? void 0 : controlProps.id) ?? "oc-lcw-chat-button"));
+    } else {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON,
+        payload: true
+      });
+    }
   }, []);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.ChatButton, {
     componentOverrides: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.componentOverrides,

package/lib/cjs/components/livechatwidget/common/defaultProps/dummyDefaultProps.js

@@ -150,7 +150,7 @@ const dummyDefaultProps = {
           id: "oc-lcw-CurrentCall-timer",
           showHours: false,
           timerStyles: {
-            color: "white",
+            color: "#FFFFFF",
             textAlign: "center",
             backgroundColor: "#3d3c3c",
             height: "45px",
@@ -181,8 +181,8 @@ const dummyDefaultProps = {
         },
         audioCallButtonStyleProps: {
           borderRadius: "50%",
-          color: "white",
-          backgroundColor: "green",
+          color: "#FFFFFF",
+          backgroundColor: "#008000",
           lineHeight: "40px",
           height: "40px",
           width: "40px",
@@ -193,8 +193,8 @@ const dummyDefaultProps = {
         },
         videoCallButtonStyleProps: {
           borderRadius: "50%",
-          color: "white",
-          backgroundColor: "green",
+          color: "#FFFFFF",
+          backgroundColor: "#008000",
           lineHeight: "40px",
           height: "40px",
           width: "40px",
@@ -209,8 +209,8 @@ const dummyDefaultProps = {
         },
         declineCallButtonStyleProps: {
           borderRadius: "50%",
-          color: "white",
-          backgroundColor: "red",
+          color: "#FFFFFF",
+          backgroundColor: "#DC0000",
           lineHeight: "40px",
           height: "40px",
           width: "40px",
@@ -219,12 +219,12 @@ const dummyDefaultProps = {
         },
         incomingCallTitleStyleProps: {
           margin: "0 5px",
-          color: "white",
+          color: "#FFFFFF",
           fontSize: 12,
           fontFamily: "Segoe UI, Arial, sans-serif"
         },
         itemFocusStyleProps: {
-          outline: "2px solid white"
+          outline: "2px solid #FFFFFF"
         }
       },
       currentCallStyleProps: {
@@ -236,7 +236,7 @@ const dummyDefaultProps = {
         },
         micButtonStyleProps: {
           borderRadius: "2px",
-          color: "white",
+          color: "#FFFFFF",
           backgroundColor: "#3d3c3c",
           height: "45px",
           width: "50px",
@@ -247,7 +247,7 @@ const dummyDefaultProps = {
         },
         videoOffButtonStyleProps: {
           borderRadius: "2px",
-          color: "white",
+          color: "#FFFFFF",
           backgroundColor: "#3d3c3c",
           height: "45px",
           width: "50px",
@@ -261,8 +261,8 @@ const dummyDefaultProps = {
         },
         endCallButtonStyleProps: {
           borderRadius: "2px",
-          color: "white",
-          backgroundColor: "red",
+          color: "#FFFFFF",
+          backgroundColor: "#DC0000",
           lineHeight: "50px",
           height: "45px",
           width: "50px",
@@ -271,7 +271,7 @@ const dummyDefaultProps = {
         currentCallTimerStyleProps: {
           borderRadius: "2px",
           margin: "1px",
-          color: "white",
+          color: "#FFFFFF",
           paddingTop: "18px",
           fontSize: 12,
           fontFamily: "Segoe UI, Arial, sans-serif",
@@ -493,7 +493,7 @@ const dummyDefaultProps = {
     },
     styleProps: {
       generalStyleProps: {
-        backgroundColor: "white",
+        backgroundColor: "#FFFFFF",
         borderRadius: "2px",
         color: "black",
         fontFamily: "Segoe UI, Arial, sans-serif",
@@ -535,7 +535,7 @@ const dummyDefaultProps = {
       },
       confirmButtonStyleProps: {
         backgroundColor: "rgba(9,72,159,1)",
-        color: "white",
+        color: "#FFFFFF",
         fontFamily: "Segoe UI, Arial, sans-serif",
         fontSize: "14px",
         fontWeight: "500",
@@ -549,7 +549,7 @@ const dummyDefaultProps = {
         border: "2px dotted #000"
       },
       cancelButtonStyleProps: {
-        backgroundColor: "white",
+        backgroundColor: "#FFFFFF",
         fontFamily: "Segoe UI, Arial, sans-serif",
         fontSize: "14px",
         fontWeight: "500",
@@ -934,16 +934,16 @@ const dummyDefaultProps = {
         fontSize: 16,
         fontFamily: "Segoe UI, Arial, sans-serif",
         fontWeight: "450",
-        color: "white",
+        color: "#FFFFFF",
         padding: "3px 0"
       },
       minimizeButtonStyleProps: {
-        color: "white",
+        color: "#FFFFFF",
         margin: "5px 0",
         fontSize: "12px"
       },
       closeButtonStyleProps: {
-        color: "white",
+        color: "#FFFFFF",
         margin: "5px 0",
         fontSize: "12px"
       },
@@ -1105,7 +1105,7 @@ const dummyDefaultProps = {
       titleStyleProps: {
         // ...[Existing chat button title style props]
         margin: "0 0 0 10px",
-        color: "White"
+        color: "#FFFFFF"
       }
     }
   },
@@ -1471,7 +1471,7 @@ const dummyDefaultProps = {
       bubbleBackground: "#315FA2",
       bubbleBorderRadius: 4,
       bubbleBorderWidth: 0,
-      bubbleFromUserBackground: "White",
+      bubbleFromUserBackground: "#FFFFFF",
       bubbleFromUserBorderRadius: 4,
       bubbleFromUserBorderWidth: 1,
       bubbleFromUserTextColor: "Black",
@@ -1479,7 +1479,7 @@ const dummyDefaultProps = {
       bubbleMaxWidth: 250,
       bubbleMinHeight: 34,
       bubbleMinWidth: 20,
-      bubbleTextColor: "White",
+      bubbleTextColor: "#FFFFFF",
       hideSendBox: false,
       hideUploadButton: true,
       primaryFont: "Segoe UI, Arial, sans-serif",
@@ -1488,7 +1488,7 @@ const dummyDefaultProps = {
       sendBoxTextWrap: true,
       sendBoxHeight: 60,
       sendBoxMaxHeight: 96,
-      sendBoxBackground: "White",
+      sendBoxBackground: "#FFFFFF",
       showAvatarInGroup: true,
       suggestedActionsStackedHeight: 125,
       suggestedActionsStackedOverflow: "scroll",
@@ -1599,7 +1599,7 @@ const dummyDefaultProps = {
         fontWeight: 600,
         fontSize: "13px",
         lineHeight: "18px",
-        color: "white",
+        color: "#FFFFFF",
         paddingTop: "7px",
         WebkitUserSelect: "none",
         MozUserSelect: "none",
@@ -1703,6 +1703,7 @@ const dummyDefaultProps = {
       PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE: "{0} field is required",
       MARKDOWN_EXTERNAL_LINK_ALT: "Opens in a new window; external."
     }
-  }
+  },
+  telemetryConfig: undefined
 };
 exports.dummyDefaultProps = dummyDefaultProps;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.disposeTelemetryLoggers = void 0;
+
+var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
+
+const disposeTelemetryLoggers = () => {
+  (0, _TelemetryManager.disposeLoggers)();
+};
+
+exports.disposeTelemetryLoggers = disposeTelemetryLoggers;

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

@@ -43,6 +43,10 @@ const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, a
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
       payload: _ConversationState.ConversationState.Closed
     });
+    dispatch({
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT,
+      payload: false
+    });
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_RECONNECT_ID,
       payload: undefined

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

@@ -98,6 +98,11 @@ const initWebChatComposer = (props, chatSDK, state, dispatch, setWebChatStyles)
           payload: _ConversationState.ConversationState.Loading
         });
         await (0, _setPostChatContextAndLoadSurvey.setPostChatContextAndLoadSurvey)(chatSDK, dispatch, true);
+      } else {
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT,
+          payload: true
+        });
       }
 
       dispatch({

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

@@ -17,10 +17,6 @@ var _defaultTelemetryInternalData = require("../../../common/telemetry/defaultCo
 
 var _defaultTelemetryConfiguration = require("../../../common/telemetry/defaultConfigs/defaultTelemetryConfiguration");
 
-var _package = _interopRequireDefault(require("@microsoft/omnichannel-chat-sdk/package.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const registerTelemetryLoggers = (props, dispatch) => {
   var _props$liveChatContex, _props$liveChatContex2;
 
@@ -43,7 +39,9 @@ const registerTelemetryLoggers = (props, dispatch) => {
     }
 
     telemetryData = _TelemetryHelper.TelemetryHelper.addWidgetDataToTelemetry(telemetryConfig, telemetryData);
-    telemetryData.OCChatSDKVersion = _package.default.version;
+    telemetryData.OCChatSDKVersion = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.OCChatSDKVersion;
+    telemetryData.chatComponentVersion = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.chatComponentVersion;
+    telemetryData.chatWidgetVersion = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.chatWidgetVersion;
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_TELEMETRY_DATA,
       payload: telemetryData

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

@@ -81,6 +81,10 @@ 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); }
@@ -194,11 +198,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(() => {
@@ -267,7 +277,7 @@ const LiveChatWidgetStateful = props => {
   const confirmationPaneProps = (0, _initConfirmationPropsComposer.initConfirmationPropsComposer)(props); // publish chat widget state
 
   const chatWidgetStateChangeEvent = {
-    eventName: "ChatWidgetStateChanged",
+    eventName: _TelemetryConstants.TelemetryEvent.ChatWidgetStateChanged,
     payload: { ...state
     }
   };

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

@@ -35,4 +35,6 @@ 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 || (exports.LiveChatWidgetActionType = LiveChatWidgetActionType = {}));

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

@@ -41,7 +41,8 @@ const getLiveChatWidgetContextInitialState = props => {
         proactiveChatInNewWindow: false
       },
       e2vvEnabled: false,
-      unreadMessageCount: 0
+      unreadMessageCount: 0,
+      conversationEndedByAgent: false
     },
     uiStates: {
       showConfirmationPane: false,
@@ -50,7 +51,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,
@@ -210,6 +217,13 @@ const createReducer = () => {
           }
         };
 
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT:
+        return { ...state,
+          appStates: { ...state.appStates,
+            conversationEndedByAgent: action.payload
+          }
+        };
+
       default:
         return state;
     }

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/livechatwidget/common/defaultProps/dummyDefaultProps.js

@@ -7,8 +7,8 @@ import createAttachmentMiddleware from "../../../webchatcontainerstateful/webcha
 import { createAvatarMiddleware } from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware";
 import { createMarkdown } from "../createMarkdown";
 import { groupActivitiesMiddleware } from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/groupActivitiesMiddleware";
-import { typingIndicatorMiddleware } from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware"; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+import { typingIndicatorMiddleware } from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const dummyDefaultProps = {
   audioNotificationProps: {
     audioSrc: "assets/audios/newMessageNotification.mp3"
@@ -132,7 +132,7 @@ export const dummyDefaultProps = {
           id: "oc-lcw-CurrentCall-timer",
           showHours: false,
           timerStyles: {
-            color: "white",
+            color: "#FFFFFF",
             textAlign: "center",
             backgroundColor: "#3d3c3c",
             height: "45px",
@@ -163,8 +163,8 @@ export const dummyDefaultProps = {
         },
         audioCallButtonStyleProps: {
           borderRadius: "50%",
-          color: "white",
-          backgroundColor: "green",
+          color: "#FFFFFF",
+          backgroundColor: "#008000",
           lineHeight: "40px",
           height: "40px",
           width: "40px",
@@ -175,8 +175,8 @@ export const dummyDefaultProps = {
         },
         videoCallButtonStyleProps: {
           borderRadius: "50%",
-          color: "white",
-          backgroundColor: "green",
+          color: "#FFFFFF",
+          backgroundColor: "#008000",
           lineHeight: "40px",
           height: "40px",
           width: "40px",
@@ -191,8 +191,8 @@ export const dummyDefaultProps = {
         },
         declineCallButtonStyleProps: {
           borderRadius: "50%",
-          color: "white",
-          backgroundColor: "red",
+          color: "#FFFFFF",
+          backgroundColor: "#DC0000",
           lineHeight: "40px",
           height: "40px",
           width: "40px",
@@ -201,12 +201,12 @@ export const dummyDefaultProps = {
         },
         incomingCallTitleStyleProps: {
           margin: "0 5px",
-          color: "white",
+          color: "#FFFFFF",
           fontSize: 12,
           fontFamily: "Segoe UI, Arial, sans-serif"
         },
         itemFocusStyleProps: {
-          outline: "2px solid white"
+          outline: "2px solid #FFFFFF"
         }
       },
       currentCallStyleProps: {
@@ -218,7 +218,7 @@ export const dummyDefaultProps = {
         },
         micButtonStyleProps: {
           borderRadius: "2px",
-          color: "white",
+          color: "#FFFFFF",
           backgroundColor: "#3d3c3c",
           height: "45px",
           width: "50px",
@@ -229,7 +229,7 @@ export const dummyDefaultProps = {
         },
         videoOffButtonStyleProps: {
           borderRadius: "2px",
-          color: "white",
+          color: "#FFFFFF",
           backgroundColor: "#3d3c3c",
           height: "45px",
           width: "50px",
@@ -243,8 +243,8 @@ export const dummyDefaultProps = {
         },
         endCallButtonStyleProps: {
           borderRadius: "2px",
-          color: "white",
-          backgroundColor: "red",
+          color: "#FFFFFF",
+          backgroundColor: "#DC0000",
           lineHeight: "50px",
           height: "45px",
           width: "50px",
@@ -253,7 +253,7 @@ export const dummyDefaultProps = {
         currentCallTimerStyleProps: {
           borderRadius: "2px",
           margin: "1px",
-          color: "white",
+          color: "#FFFFFF",
           paddingTop: "18px",
           fontSize: 12,
           fontFamily: "Segoe UI, Arial, sans-serif",
@@ -475,7 +475,7 @@ export const dummyDefaultProps = {
     },
     styleProps: {
       generalStyleProps: {
-        backgroundColor: "white",
+        backgroundColor: "#FFFFFF",
         borderRadius: "2px",
         color: "black",
         fontFamily: "Segoe UI, Arial, sans-serif",
@@ -517,7 +517,7 @@ export const dummyDefaultProps = {
       },
       confirmButtonStyleProps: {
         backgroundColor: "rgba(9,72,159,1)",
-        color: "white",
+        color: "#FFFFFF",
         fontFamily: "Segoe UI, Arial, sans-serif",
         fontSize: "14px",
         fontWeight: "500",
@@ -531,7 +531,7 @@ export const dummyDefaultProps = {
         border: "2px dotted #000"
       },
       cancelButtonStyleProps: {
-        backgroundColor: "white",
+        backgroundColor: "#FFFFFF",
         fontFamily: "Segoe UI, Arial, sans-serif",
         fontSize: "14px",
         fontWeight: "500",
@@ -916,16 +916,16 @@ export const dummyDefaultProps = {
         fontSize: 16,
         fontFamily: "Segoe UI, Arial, sans-serif",
         fontWeight: "450",
-        color: "white",
+        color: "#FFFFFF",
         padding: "3px 0"
       },
       minimizeButtonStyleProps: {
-        color: "white",
+        color: "#FFFFFF",
         margin: "5px 0",
         fontSize: "12px"
       },
       closeButtonStyleProps: {
-        color: "white",
+        color: "#FFFFFF",
         margin: "5px 0",
         fontSize: "12px"
       },
@@ -1087,7 +1087,7 @@ export const dummyDefaultProps = {
       titleStyleProps: {
         // ...[Existing chat button title style props]
         margin: "0 0 0 10px",
-        color: "White"
+        color: "#FFFFFF"
       }
     }
   },
@@ -1453,7 +1453,7 @@ export const dummyDefaultProps = {
       bubbleBackground: "#315FA2",
       bubbleBorderRadius: 4,
       bubbleBorderWidth: 0,
-      bubbleFromUserBackground: "White",
+      bubbleFromUserBackground: "#FFFFFF",
       bubbleFromUserBorderRadius: 4,
       bubbleFromUserBorderWidth: 1,
       bubbleFromUserTextColor: "Black",
@@ -1461,7 +1461,7 @@ export const dummyDefaultProps = {
       bubbleMaxWidth: 250,
       bubbleMinHeight: 34,
       bubbleMinWidth: 20,
-      bubbleTextColor: "White",
+      bubbleTextColor: "#FFFFFF",
       hideSendBox: false,
       hideUploadButton: true,
       primaryFont: "Segoe UI, Arial, sans-serif",
@@ -1470,7 +1470,7 @@ export const dummyDefaultProps = {
       sendBoxTextWrap: true,
       sendBoxHeight: 60,
       sendBoxMaxHeight: 96,
-      sendBoxBackground: "White",
+      sendBoxBackground: "#FFFFFF",
       showAvatarInGroup: true,
       suggestedActionsStackedHeight: 125,
       suggestedActionsStackedOverflow: "scroll",
@@ -1581,7 +1581,7 @@ export const dummyDefaultProps = {
         fontWeight: 600,
         fontSize: "13px",
         lineHeight: "18px",
-        color: "white",
+        color: "#FFFFFF",
         paddingTop: "7px",
         WebkitUserSelect: "none",
         MozUserSelect: "none",
@@ -1685,5 +1685,6 @@ export const dummyDefaultProps = {
       PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE: "{0} field is required",
       MARKDOWN_EXTERNAL_LINK_ALT: "Opens in a new window; external."
     }
-  }
+  },
+  telemetryConfig: undefined
 };

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

@@ -0,0 +1,4 @@
+import { disposeLoggers } from "../../../common/telemetry/TelemetryManager";
+export const disposeTelemetryLoggers = () => {
+  disposeLoggers();
+};

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

@@ -26,6 +26,10 @@ export const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, disp
       type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
       payload: ConversationState.Closed
     });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT,
+      payload: false
+    });
     dispatch({
       type: LiveChatWidgetActionType.SET_RECONNECT_ID,
       payload: undefined

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

@@ -63,6 +63,11 @@ export const initWebChatComposer = (props, chatSDK, state, dispatch, setWebChatS
           payload: ConversationState.Loading
         });
         await setPostChatContextAndLoadSurvey(chatSDK, dispatch, true);
+      } else {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT,
+          payload: true
+        });
       }
 
       dispatch({

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

@@ -4,7 +4,6 @@ import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { defaultAriaConfig } from "../../../common/telemetry/defaultConfigs/defaultAriaConfig";
 import { defaultInternalTelemetryData } from "../../../common/telemetry/defaultConfigs/defaultTelemetryInternalData";
 import { defaultTelemetryConfiguration } from "../../../common/telemetry/defaultConfigs/defaultTelemetryConfiguration";
-import packageInfo from "@microsoft/omnichannel-chat-sdk/package.json";
 export const registerTelemetryLoggers = (props, dispatch) => {
   var _props$liveChatContex, _props$liveChatContex2;
 
@@ -27,7 +26,9 @@ export const registerTelemetryLoggers = (props, dispatch) => {
     }
 
     telemetryData = TelemetryHelper.addWidgetDataToTelemetry(telemetryConfig, telemetryData);
-    telemetryData.OCChatSDKVersion = packageInfo.version;
+    telemetryData.OCChatSDKVersion = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.OCChatSDKVersion;
+    telemetryData.chatComponentVersion = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.chatComponentVersion;
+    telemetryData.chatWidgetVersion = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.chatWidgetVersion;
     dispatch({
       type: LiveChatWidgetActionType.SET_TELEMETRY_DATA,
       payload: telemetryData

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

@@ -39,6 +39,8 @@ import { startProactiveChat } from "../common/startProactiveChat";
 import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../../hooks/useChatContextStore";
 import useChatSDKStore from "../../../hooks/useChatSDKStore";
+import { TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { disposeTelemetryLoggers } from "../common/disposeTelemetryLoggers";
 export const LiveChatWidgetStateful = props => {
   var _props$webChatContain, _props$styleProps, _props$controlProps, _props$webChatContain3, _props$webChatContain4, _props$styleProps2, _props$controlProps5, _props$componentOverr, _props$controlProps6, _props$componentOverr2, _props$controlProps7, _props$componentOverr3, _props$controlProps8, _props$componentOverr4, _props$controlProps9, _props$componentOverr5, _props$controlProps10, _props$componentOverr6, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$componentOverr7, _props$controlProps14, _props$componentOverr8, _props$controlProps15, _props$componentOverr9, _props$componentOverr10, _props$componentOverr11;
 
@@ -144,11 +146,16 @@ export const LiveChatWidgetStateful = props => {
         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 => {
+      disposeTelemetryLoggers();
+    });
+
+    if (state.appStates.conversationEndedByAgent) {
+      endChat(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter);
+    }
   }, []);
   useEffect(() => {
-    if (state.appStates.conversationState !== ConversationState.Closed) {
-      canStartProactiveChat.current = false;
-    }
+    canStartProactiveChat.current = state.appStates.conversationState === ConversationState.Closed;
 
     if (state.appStates.conversationState === ConversationState.Active) {
       chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.onNewMessage(() => {
@@ -215,7 +222,7 @@ export const LiveChatWidgetStateful = props => {
   const confirmationPaneProps = initConfirmationPropsComposer(props); // publish chat widget state
 
   const chatWidgetStateChangeEvent = {
-    eventName: "ChatWidgetStateChanged",
+    eventName: TelemetryEvent.ChatWidgetStateChanged,
     payload: { ...state
     }
   };

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

@@ -28,4 +28,6 @@ export let 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 = {}));

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

@@ -32,7 +32,8 @@ export const getLiveChatWidgetContextInitialState = props => {
         proactiveChatInNewWindow: false
       },
       e2vvEnabled: false,
-      unreadMessageCount: 0
+      unreadMessageCount: 0,
+      conversationEndedByAgent: false
     },
     uiStates: {
       showConfirmationPane: false,
@@ -41,7 +42,8 @@ export const getLiveChatWidgetContextInitialState = props => {
       isIncomingCall: true,
       disableVideoCall: true,
       disableRemoteVideo: true,
-      disableSelfVideo: true
+      disableSelfVideo: true,
+      focusChatButton: false
     }
   };
   return props.liveChatContextFromCache ?? LiveChatWidgetContextInitialState;

package/lib/esm/contexts/createReducer.js

@@ -105,6 +105,13 @@ export const createReducer = () => {
           }
         };
 
+      case LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON:
+        return { ...state,
+          uiStates: { ...state.uiStates,
+            focusChatButton: action.payload
+          }
+        };
+
       case LiveChatWidgetActionType.DISABLE_VIDEO_CALL:
         return { ...state,
           uiStates: { ...state.uiStates,
@@ -201,6 +208,13 @@ export const createReducer = () => {
           }
         };
 
+      case LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT:
+        return { ...state,
+          appStates: { ...state.appStates,
+            conversationEndedByAgent: action.payload
+          }
+        };
+
       default:
         return state;
     }

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

@@ -106,7 +106,8 @@ export declare enum TelemetryEvent {
     ProactiveChatClosed = "ProactiveChatClosed",
     ReconnectChatContinueConversation = "ReconnectChatContinueConversation",
     ReconnectChatStartNewConversation = "ReconnectChatStartNewConversation",
-    ReconnectChatMinimize = "ReconnectChatMinimize"
+    ReconnectChatMinimize = "ReconnectChatMinimize",
+    ChatWidgetStateChanged = "ChatWidgetStateChanged"
 }
 export interface TelemetryInput {
     scenarioType: ScenarioType;

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

@@ -8,4 +8,5 @@ export declare class TelemetryTimers {
 export declare class TelemetryManager {
     static InternalTelemetryData: IInternalTelemetryData;
 }
+export declare const disposeLoggers: () => void;
 export declare const RegisterLoggers: () => void;

package/lib/types/common/telemetry/definitions/Contracts.d.ts

@@ -24,6 +24,9 @@ export interface LoadContract extends BaseContract {
     WidgetState?: string;
     ChatState?: string;
     ChatType?: string;
+    OCChatSDKVersion: string;
+    OCChatWidgetVersion: string;
+    OCChatComponentsVersion: string;
 }
 export interface ActionsContract extends BaseContract {
     Event?: string;

package/lib/types/common/telemetry/definitions/Payload.d.ts

@@ -16,6 +16,9 @@ export interface LoadTelemetryData {
     ChatState?: string;
     ChatType?: string;
     ExceptionDetails?: object;
+    OCChatSDKVersion?: string;
+    OCChatWidgetVersion?: string;
+    OCChatComponentsVersion?: string;
 }
 export interface MessageProcessingErrorData {
     Event: string;

package/lib/types/common/telemetry/interfaces/IChatSDKLogger.d.ts

@@ -1,4 +1,5 @@
 import { LogLevel, TelemetryInput } from "../TelemetryConstants";
 export interface IChatSDKLogger {
     log: (logLevel: LogLevel, telemetryInput: TelemetryInput) => void;
+    dispose: () => void;
 }

package/lib/types/common/telemetry/interfaces/IInternalTelemetryData.d.ts

@@ -16,4 +16,6 @@ export interface IInternalTelemetryData {
     orgUrl?: string;
     lcwRuntimeId?: string;
     channelId?: string;
+    chatWidgetVersion?: string;
+    chatComponentVersion?: string;
 }

package/lib/types/common/telemetry/interfaces/ITelemetryConfig.d.ts

@@ -29,4 +29,16 @@ export interface ITelemetryConfig {
     * custom loggers list
     */
     telemetryLoggers?: IChatSDKLogger[];
+    /**
+    * Omnichannel chat widget version
+    */
+    chatWidgetVersion?: string;
+    /**
+    * Omnichannel chat components version
+    */
+    chatComponentVersion?: string;
+    /**
+    * Omnichannel Chat SDK Version
+    */
+    OCChatSDKVersion?: string;
 }

package/lib/types/components/livechatwidget/common/disposeTelemetryLoggers.d.ts

@@ -0,0 +1 @@
+export declare const disposeTelemetryLoggers: () => void;

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetProps.d.ts

@@ -44,7 +44,7 @@ export interface ILiveChatWidgetProps {
     proactiveChatPaneProps?: IProactiveChatPaneStatefulProps;
     reconnectChatPaneProps?: IReconnectChatPaneStatefulProps;
     styleProps?: ILiveChatWidgetStyleProps;
-    telemetryConfig?: ITelemetryConfig;
+    telemetryConfig: ITelemetryConfig;
     webChatContainerProps?: IWebChatContainerStatefulProps;
     liveChatContextFromCache?: ILiveChatWidgetContext;
 }

package/lib/types/contexts/common/ILiveChatWidgetContext.d.ts

@@ -33,6 +33,7 @@ export interface ILiveChatWidgetContext {
         };
         e2vvEnabled: boolean;
         unreadMessageCount: number;
+        conversationEndedByAgent: boolean;
     };
     uiStates: {
         showConfirmationPane: boolean;
@@ -42,5 +43,6 @@ export interface ILiveChatWidgetContext {
         disableRemoteVideo: boolean;
         disableSelfVideo: boolean;
         isIncomingCall: boolean;
+        focusChatButton: boolean;
     };
 }

package/lib/types/contexts/common/LiveChatWidgetActionType.d.ts

@@ -25,5 +25,7 @@ export declare enum LiveChatWidgetActionType {
     SET_PROACTIVE_CHAT_PARAMS = 23,
     SET_TELEMETRY_DATA = 24,
     SET_RECONNECT_ID = 25,
-    SET_UNREAD_MESSAGE_COUNT = 26
+    SET_UNREAD_MESSAGE_COUNT = 26,
+    SET_FOCUS_CHAT_BUTTON = 27,
+    SET_CONVERSATION_ENDED_BY_AGENT = 28
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "0.1.0-main.7a3ed6a",
+  "version": "0.1.0-main.861673e",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",