@microsoft/omnichannel-chat-widget 0.1.0-main.eb80fb1 → 0.1.0-main.f514612

package/README.md

@@ -11,8 +11,9 @@
 1. [Installation](#installation)
 1. [Example Usage](#example-usage)
 1. [Components](#components)
-1. [Telemetry](#telemetry)
-1. [Features](#features)
+1. [Common Scenarios](#common-scenarios)
+    - [Disable Bot Magic Code](#disable-bot-magic-code)
+1. [See Also](#see-also)
 
 ## Introduction
 
@@ -84,15 +85,7 @@ const render = async () => {
             }
         },
         chatSDK: chatSDK, // mandatory
-        chatConfig: chatConfig, // mandatory
-        telemetryConfig: { //mandatory
-            orgId: omnichannelConfig.orgId,
-            orgUrl: omnichannelConfig.orgUrl,
-            appId: omnichannelConfig.widgetId,
-            OCChatSDKVersion: chatSdkVersion,
-            chatComponentVersion: chatComponentVersion,
-            chatWidgetVersion: chatWidgetVersion
-        }
+        chatConfig: chatConfig // mandatory
     };
 
     ReactDOM.render(
@@ -134,6 +127,7 @@ These are components that are included in the ```@microsoft/omnichannel-chat-com
 
 | Component | Default Usage | Interface |
 | ----- | -------- | ----- |
+| WebChatContainer | The default wrapper around BotFramework's [WebChat](https://github.com/microsoft/BotFramework-WebChat), which is the message container we are using | [IWebChatContainerStatefulProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps.ts) |
 | LiveChatWidget | The default widget that stitches the UI components with Chat SDK | [ILiveChatWidgetProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/livechatwidget/interfaces/ILiveChatWidgetProps.ts) |
 
 Some of the interfaces listed in the Stateless table have Stateful counterparts defined in the ```@microsoft/omnichannel-chat-widget``` package. For example, [IConfirmationPaneStatefulProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/confirmationpanestateful/interfaces/IConfirmationPaneStatefulProps.ts) extends [IConfirmationPaneProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-components/src/components/confirmationpane/interfaces/IConfirmationPaneProps.ts) with additional attributes that only makes sense in the stateful context.
@@ -226,6 +220,36 @@ const customizedFooterProp: IFooterProps = {
 
 > :pushpin: Note that [WebChat hooks](https://github.com/microsoft/BotFramework-WebChat/blob/main/docs/HOOKS.md) can also be used in any custom components.
 
+## Common Scenarios
+
+### Disable Bot Magic Code
+
+Configuration to disable the default behaviour of having to type the magic code in the conversation to complete the sign-in proccess with a bot. Instead, the magic code will be sent to the bot behind the scenes.
+
+1. Add [MagicCodeForwarder.html](sample/MagicCodeForwarder.html) in the same location as the chat widget
+
+2. Add `botMagicCode` configuration to disable default magic code feature
+
+> :exclamation: `fwdUrl` **MUST** have the same `origin` as the chat widget URL
+
+```js
+const liveChatWidgetProps = {
+    chatSDK: chatSDK, // mandatory
+    chatConfig: chatConfig, // mandatory
+    webChatContainerProps: {
+        botMagicCode: {
+            disabled: true, 
+            fwdUrl: 'http://localhost:8000/sample/MagicCodeForwarder.html'
+        }
+    },    
+};
+
+ReactDOM.render(
+    <LiveChatWidget {...liveChatWidgetProps}/>,
+    document.getElementById("my-container")
+);
+```
+
 ## See Also
 
 [Telemetry](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/Telemetry.md)\

package/lib/cjs/common/Constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.Regex = exports.MimeTypes = exports.LocaleConstants = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.ElementType = exports.Constants = exports.ChatSDKError = void 0;
+exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.Regex = exports.MimeTypes = exports.LocaleConstants = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.Constants = exports.ChatSDKError = exports.AriaTelemetryConstants = void 0;
 
 var _class;
 
@@ -13,12 +13,20 @@ class Constants {}
 
 exports.Constants = Constants;
 
+_defineProperty(Constants, "magicCodeBroadcastChannel", "MagicCodeChannel");
+
+_defineProperty(Constants, "magicCodeResponseBroadcastChannel", "MagicCodeResponseChannel");
+
 _defineProperty(Constants, "systemMessageTag", "system");
 
 _defineProperty(Constants, "userMessageTag", "user");
 
+_defineProperty(Constants, "historyMessageTag", "history");
+
 _defineProperty(Constants, "agentEndConversationMessageTag", "agentendconversation");
 
+_defineProperty(Constants, "supervisorForceCloseMessageTag", "supervisorforceclosedconversation");
+
 _defineProperty(Constants, "receivedMessageClassName", "ms_lcw_webchat_received_message");
 
 _defineProperty(Constants, "sentMessageClassName", "ms_lcw_webchat_sent_message");
@@ -41,8 +49,6 @@ _defineProperty(Constants, "false", "false");
 
 _defineProperty(Constants, "maximumUnreadMessageCount", 99);
 
-_defineProperty(Constants, "widgetStateDataKey", "LcwChatWidgetState");
-
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
 
 _defineProperty(Constants, "ChannelId", "lcw");
@@ -77,6 +83,14 @@ _defineProperty(Constants, "averageWaitTimeMessageTag", "averagewaittime");
 
 _defineProperty(Constants, "message", "message");
 
+_defineProperty(Constants, "hiddenTag", "Hidden");
+
+_defineProperty(Constants, "prefixTimestampTag", "ServerMessageTimestamp_");
+
+_defineProperty(Constants, "acsChannel", "ACS_CHANNEL");
+
+_defineProperty(Constants, "publicMessageTag", "public");
+
 _defineProperty(Constants, "supportedAdaptiveCardContentTypes", ["application/vnd.microsoft.card.adaptive", "application/vnd.microsoft.card.audio", "application/vnd.microsoft.card.hero", "application/vnd.microsoft.card.receipt", "application/vnd.microsoft.card.thumbnail", "application/vnd.microsoft.card.signin", "application/vnd.microsoft.card.oauth"]);
 
 _defineProperty(Constants, "maxUploadFileSize", "500000");
@@ -127,8 +141,6 @@ _defineProperty(Constants, "InputSubmit", "InputSubmit");
 
 _defineProperty(Constants, "ReconnectIdAttributeName", "oc.reconnectid");
 
-_defineProperty(Constants, "redirectPageRequest", "redirectPageRequest");
-
 _defineProperty(Constants, "LiveChatWidget", "LiveChatWidgetNew");
 
 _defineProperty(Constants, "GuidPattern", "xx-x-4m-ym-xxx");
@@ -153,6 +165,12 @@ _defineProperty(Constants, "internetConnectionTestUrl", "https://ocsdk-prod.azur
 
 _defineProperty(Constants, "internetConnectionTestUrlText", "Omnichannel Connect Test");
 
+_defineProperty(Constants, "ChatWidgetStateChangedPrefix", "ChatWidgetStateChanged");
+
+_defineProperty(Constants, "PostChatLoadingDurationInMs", 2000);
+
+_defineProperty(Constants, "BrowserUnloadConfirmationMessage", "Do you want to leave chat?");
+
 const Regex = (_class = class Regex {}, _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
 exports.Regex = Regex;
 
@@ -280,6 +298,16 @@ exports.ChatSDKError = ChatSDKError;
   ChatSDKError["WidgetUseOutsideOperatingHour"] = "WidgetUseOutsideOperatingHour";
 })(ChatSDKError || (exports.ChatSDKError = ChatSDKError = {}));
 
+let EnvironmentVersion;
+exports.EnvironmentVersion = EnvironmentVersion;
+
+(function (EnvironmentVersion) {
+  EnvironmentVersion["prod"] = "prod";
+  EnvironmentVersion["dogfood"] = "df";
+  EnvironmentVersion["int"] = "int";
+  EnvironmentVersion["test"] = "test";
+})(EnvironmentVersion || (exports.EnvironmentVersion = EnvironmentVersion = {}));
+
 class TranscriptConstants {}
 
 exports.TranscriptConstants = TranscriptConstants;
@@ -302,4 +330,24 @@ _defineProperty(TranscriptConstants, "InternalMode", "internal");
 
 _defineProperty(TranscriptConstants, "AgentDialogColor", "#2266E3");
 
-_defineProperty(TranscriptConstants, "AgentFontColor", "white");
+_defineProperty(TranscriptConstants, "AgentFontColor", "white");
+
+class AriaTelemetryConstants {}
+
+exports.AriaTelemetryConstants = AriaTelemetryConstants;
+
+_defineProperty(AriaTelemetryConstants, "GERMANY_ENDPOINT", "https://de.pipe.aria.microsoft.com/Collector/3.0/");
+
+_defineProperty(AriaTelemetryConstants, "GCCH_ENDPOINT", "https://tb.pipe.aria.microsoft.com/Collector/3.0/");
+
+_defineProperty(AriaTelemetryConstants, "DOD_ENDPOINT", "https://pf.pipe.aria.microsoft.com/Collector/3.0");
+
+_defineProperty(AriaTelemetryConstants, "EUROPE_ENDPOINT", "https://eu-mobile.events.data.microsoft.com/Collector/3.0/");
+
+_defineProperty(AriaTelemetryConstants, "MOONCAKE_ENDPOINT", "");
+
+_defineProperty(AriaTelemetryConstants, "Public", "Public");
+
+_defineProperty(AriaTelemetryConstants, "EU", "Europe");
+
+_defineProperty(AriaTelemetryConstants, "lcwEUDomainNames", ["crm4.omnichannelengagementhub.com", "crm12.omnichannelengagementhub.com", "crm16.omnichannelengagementhub.com", "crm17.omnichannelengagementhub.com", "crm19.omnichannelengagementhub.com"]);

package/lib/cjs/common/storage/default/defaultCacheManager.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerBroadcastServiceForLocalStorage = exports.defaultCacheManager = void 0;
+
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+
+var _utils = require("../../utils");
+
+var _defaultClientDataStoreProvider = require("./defaultClientDataStoreProvider");
+
+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; }
+
+class defaultCacheManager {}
+
+exports.defaultCacheManager = defaultCacheManager;
+
+_defineProperty(defaultCacheManager, "InternalCache", {});
+
+const registerBroadcastServiceForLocalStorage = (orgid, widgetId, widgetInstanceId) => {
+  const widgetCacheId = (0, _utils.getWidgetCacheId)(orgid, widgetId, widgetInstanceId);
+
+  _omnichannelChatComponents.BroadcastService.getMessageByEventName(widgetCacheId).subscribe(msg => {
+    try {
+      (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)().setData(widgetCacheId, JSON.stringify(msg.payload), "localStorage");
+    } catch (error) {
+      console.error("Error in setting data to localstorage", error);
+    }
+  });
+};
+
+exports.registerBroadcastServiceForLocalStorage = registerBroadcastServiceForLocalStorage;

package/lib/cjs/common/storage/default/defaultClientDataStoreProvider.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultClientDataStoreProvider = void 0;
+
+var _defaultInMemoryDataStore = require("./defaultInMemoryDataStore");
+
+var _TelemetryHelper = require("../../telemetry/TelemetryHelper");
+
+var _TelemetryConstants = require("../../telemetry/TelemetryConstants");
+
+const defaultClientDataStoreProvider = () => {
+  const isCookieAllowed = () => {
+    try {
+      localStorage;
+      sessionStorage;
+      return true;
+    } catch (error) {
+      console.error("Third party cookie blocked");
+      return false;
+    }
+  };
+
+  const TtlInMs = 15 * 60 * 1000; // 15 mins
+
+  const dataStoreProvider = {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setData: (key, data, type) => {
+      if (isCookieAllowed()) {
+        try {
+          if (key) {
+            const now = new Date();
+            const item = {
+              data: data,
+              expiry: now.getTime() + TtlInMs
+            };
+            const strItem = JSON.stringify(item);
+
+            if (type === "localStorage") {
+              localStorage.setItem(key, strItem);
+            } else {
+              sessionStorage.setItem(key, strItem);
+            }
+          }
+        } catch (error) {
+          _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+            Event: _TelemetryConstants.TelemetryEvent.ClientDataStoreProviderFailed,
+            ExceptionDetails: error,
+            Description: "Unable to store data in localStorage."
+          });
+        }
+      } else {
+        const dataToCache = {
+          key: key,
+          data: data,
+          type: type
+        };
+        parent.postMessage(dataToCache, "*");
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getData: (key, type) => {
+      if (isCookieAllowed()) {
+        let item;
+
+        if (type === "localStorage") {
+          item = localStorage.getItem(key);
+        } else {
+          item = sessionStorage.getItem(key);
+        } //Return item if not expired
+
+
+        let itemInJson = undefined;
+
+        if (item !== null) {
+          itemInJson = JSON.parse(item);
+          const now = new Date(); // compare the expiry time of the item with the current time
+
+          if (now.getTime() > itemInJson.expiry) {
+            // If the item is expired, delete the item from storage
+            // and return null
+            localStorage.removeItem(key);
+            return null;
+          }
+
+          return itemInJson.data;
+        }
+      } else {
+        // get data from in memory db when cookie is disabled
+        return (0, _defaultInMemoryDataStore.inMemoryDataStore)().getData(key);
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    removeData: (key, type) => {
+      if (isCookieAllowed()) {
+        if (key) {
+          if (type === "localStorage") {
+            return localStorage.removeItem(key);
+          } else {
+            return sessionStorage.removeItem(key);
+          }
+        }
+      } else {
+        // get data from in memory db when cookie is disabled
+        return (0, _defaultInMemoryDataStore.inMemoryDataStore)().removeData(key);
+      }
+    }
+  };
+  return dataStoreProvider;
+};
+
+exports.defaultClientDataStoreProvider = defaultClientDataStoreProvider;

package/lib/cjs/common/storage/default/defaultInMemoryDataStore.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inMemoryDataStore = exports.defaultInitializeInMemoryDataStore = void 0;
+
+var _TelemetryConstants = require("../../telemetry/TelemetryConstants");
+
+var _TelemetryHelper = require("../../telemetry/TelemetryHelper");
+
+var _defaultCacheManager = require("./defaultCacheManager");
+
+const defaultInitializeInMemoryDataStore = widgetId => {
+  try {
+    localStorage;
+  } catch (error) {
+    // Register below events when localStorage is not accessible
+    // Listening to event raised from client browser
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    window.addEventListener("message", function (e) {
+      try {
+        if (e.data.key) {
+          const browserData = e.data;
+
+          if (_defaultCacheManager.defaultCacheManager.InternalCache[browserData.key]) {
+            delete _defaultCacheManager.defaultCacheManager.InternalCache[browserData.key];
+          }
+
+          _defaultCacheManager.defaultCacheManager.InternalCache[browserData.key] = browserData.data;
+        }
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.InMemoryDataStoreFailed,
+          ExceptionDetails: error,
+          Description: "Unable to register default in-memory cache."
+        });
+      }
+    }); // send cache initialize message to client
+
+    if (_defaultCacheManager.defaultCacheManager.InternalCache === undefined || {}) {
+      parent.postMessage({
+        data: "cacheinitialize",
+        widgetId: widgetId
+      }, "*");
+    }
+  }
+};
+
+exports.defaultInitializeInMemoryDataStore = defaultInitializeInMemoryDataStore;
+
+const inMemoryDataStore = () => {
+  const dataStoreProvider = {
+    getData: key => {
+      if (_defaultCacheManager.defaultCacheManager.InternalCache && _defaultCacheManager.defaultCacheManager.InternalCache[key]) {
+        return _defaultCacheManager.defaultCacheManager.InternalCache[key];
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setData: (key, data) => {
+      try {
+        _defaultCacheManager.defaultCacheManager.InternalCache[key] = data;
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.InMemoryDataStoreFailed,
+          ExceptionDetails: error,
+          Description: "Unable to set data in default in-memory cache."
+        });
+      }
+    },
+    removeData: key => {
+      try {
+        _defaultCacheManager.defaultCacheManager.InternalCache[key] = {};
+      } catch (error) {
+        _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+          Event: _TelemetryConstants.TelemetryEvent.InMemoryDataStoreFailed,
+          ExceptionDetails: error,
+          Description: "Unable to remove data from default in-memory cache."
+        });
+      }
+    }
+  };
+  return dataStoreProvider;
+};
+
+exports.inMemoryDataStore = inMemoryDataStore;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TelemetryEvent = exports.TelemetryConstants = exports.ScenarioType = exports.LogLevel = void 0;
+exports.TelemetryEvent = exports.TelemetryConstants = exports.ScenarioType = exports.LogLevel = exports.BroadcastEvent = void 0;
 let ScenarioType;
 exports.ScenarioType = ScenarioType;
 
@@ -20,7 +20,8 @@ exports.ScenarioType = ScenarioType;
   ScenarioType["ACS_ADAPTER"] = "LCW_ACSAdapterEvents";
 })(ScenarioType || (exports.ScenarioType = ScenarioType = {}));
 
-let LogLevel;
+let LogLevel; // Events used in certain functionalities that are not being logged
+
 exports.LogLevel = LogLevel;
 
 (function (LogLevel) {
@@ -30,6 +31,37 @@ exports.LogLevel = LogLevel;
   LogLevel["ERROR"] = "ERROR";
 })(LogLevel || (exports.LogLevel = LogLevel = {}));
 
+let BroadcastEvent; // Events being logged
+
+exports.BroadcastEvent = BroadcastEvent;
+
+(function (BroadcastEvent) {
+  BroadcastEvent["LoadPostChatSurvey"] = "LoadPostChatSurvey";
+  BroadcastEvent["ChatEnded"] = "ChatEnded";
+  BroadcastEvent["NewMessageNotification"] = "NewMessageNotification";
+  BroadcastEvent["UnreadMessageCount"] = "UnreadMessageCount";
+  BroadcastEvent["StartProactiveChat"] = "StartProactiveChat";
+  BroadcastEvent["ProactiveChatStartChat"] = "ProactiveChatStartChat";
+  BroadcastEvent["ProactiveChatStartPopoutChat"] = "ProactiveChatStartPopoutChat";
+  BroadcastEvent["ProactiveChatIsInPopoutMode"] = "ProactiveChatIsInPopoutMode";
+  BroadcastEvent["ResetProactiveChatParams"] = "ResetProactiveChatParams";
+  BroadcastEvent["InvalidAdaptiveCardFormat"] = "InvalidAdaptiveCardFormat";
+  BroadcastEvent["NewMessageSent"] = "NewMessageSent";
+  BroadcastEvent["NewMessageReceived"] = "NewMessageReceived";
+  BroadcastEvent["RedirectPageRequest"] = "RedirectPageRequest";
+  BroadcastEvent["StartChat"] = "StartChat";
+  BroadcastEvent["StartChatSkippingChatButtonRendering"] = "StartChatSkippingChatButtonRendering";
+  BroadcastEvent["StartUnauthenticatedReconnectChat"] = "StartUnauthenticatedReconnectChat";
+  BroadcastEvent["InitiateEndChat"] = "InitiateEndChat";
+  BroadcastEvent["SetCustomContext"] = "SetCustomContext";
+  BroadcastEvent["ChatRetrievedFromCache"] = "ChatRetrievedFromCache";
+  BroadcastEvent["MaximizeChat"] = "MaximizeChat";
+  BroadcastEvent["ChatInitiated"] = "ChatInitiated";
+  BroadcastEvent["CloseChat"] = "CloseChat";
+  BroadcastEvent["InitiateEndChatOnBrowserUnload"] = "InitiateEndChatOnBrowserUnload";
+  BroadcastEvent["ClosePopoutWindow"] = "ClosePopoutWindow";
+})(BroadcastEvent || (exports.BroadcastEvent = BroadcastEvent = {}));
+
 let TelemetryEvent;
 exports.TelemetryEvent = TelemetryEvent;
 
@@ -69,6 +101,8 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["PostChatContextCallSucceed"] = "PostChatContextCallSucceed";
   TelemetryEvent["PostChatContextCallFailed"] = "PostChatContextCallFailed";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";
+  TelemetryEvent["ClientDataStoreProviderFailed"] = "ClientDataStoreProviderFailed";
+  TelemetryEvent["InMemoryDataStoreFailed"] = "InMemoryDataStoreFailed";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";
@@ -79,7 +113,10 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["PrechatSurveyLoaded"] = "PrechatSurveyLoaded";
   TelemetryEvent["PrechatSubmitted"] = "PrechatSubmitted";
   TelemetryEvent["StartChatSDKCall"] = "StartChatCall";
-  TelemetryEvent["EndChatSDKCall"] = "EndChatCall";
+  TelemetryEvent["StartChatEventRecevied"] = "StartChatEventReceived";
+  TelemetryEvent["EndChatSDKCall"] = "EndChatSDKCall";
+  TelemetryEvent["EndChatEventReceived"] = "EndChatEventReceived";
+  TelemetryEvent["WindowClosed"] = "WindowClosed";
   TelemetryEvent["OnNewMessageFailed"] = "OnNewMessageFailed";
   TelemetryEvent["OnNewMessageAudioNotificationFailed"] = "OnNewMessageAudioNotificationFailed";
   TelemetryEvent["DownloadTranscriptResponseNullOrUndefined"] = "DownloadTranscriptResponseNullOrUndefined";
@@ -93,6 +130,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["LoadingPaneLoaded"] = "LoadingPaneLoaded";
   TelemetryEvent["EmailTranscriptLoaded"] = "EmailTranscriptLoaded";
   TelemetryEvent["OutOfOfficePaneLoaded"] = "OutOfOfficePaneLoaded";
+  TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
   TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
   TelemetryEvent["ConfirmationPaneLoaded"] = "ConfirmationPaneLoaded";
   TelemetryEvent["ProactiveChatPaneLoaded"] = "ProactiveChatPaneLoaded";
@@ -103,6 +141,12 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["EmailTranscriptButtonClicked"] = "EmailTranscriptButtonClicked";
   TelemetryEvent["EmailTranscriptCancelButtonClicked"] = "EmailTranscriptCancelButtonClicked";
   TelemetryEvent["AudioToggleButtonClicked"] = "AudioToggleButtonClicked";
+  TelemetryEvent["SuppressBotMagicCodeSucceeded"] = "SuppressBotMagicCodeSucceeded";
+  TelemetryEvent["SuppressBotMagicCodeFailed"] = "SuppressBotMagicCodeFailed";
+  TelemetryEvent["GetConversationDetailsException"] = "GetConversationDetailsException";
+  TelemetryEvent["BrowserUnloadEventStarted"] = "BrowserUnloadEventStarted";
+  TelemetryEvent["GetAuthTokenCalled"] = "GetAuthTokenCalled";
+  TelemetryEvent["ReceivedNullOrEmptyToken"] = "ReceivedNullOrEmptyToken";
   TelemetryEvent["ProcessingHTMLTextMiddlewareFailed"] = "ProcessingHTMLTextMiddlewareFailed";
   TelemetryEvent["ProcessingSanitizationMiddlewareFailed"] = "ProcessingSanitizationMiddlewareFailed";
   TelemetryEvent["FormatTagsMiddlewareJSONStringifyFailed"] = "FormatTagsMiddlewareJSONStringifyFailed";
@@ -114,6 +158,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["InvalidConfiguration"] = "InvalidConfiguration";
   TelemetryEvent["SendTypingIndicatorSucceeded"] = "SendTypingIndicatorSucceeded";
   TelemetryEvent["SendTypingIndicatorFailed"] = "SendTypingIndicatorFailed";
+  TelemetryEvent["WebChatEvent"] = "WebChatEvent";
   TelemetryEvent["PreChatSurveyStartChatMethodFailed"] = "PreChatSurveyStartChatMethodFailed";
   TelemetryEvent["ChatAlreadyTriggered"] = "ChatAlreadyTriggered";
   TelemetryEvent["StartProactiveChatEventReceived"] = "StartProactiveChatEventReceived";
@@ -122,12 +167,14 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["ProactiveChatRejected"] = "ProactiveChatRejected";
   TelemetryEvent["IncomingProactiveChatScreenLoaded"] = "IncomingProactiveChatScreenLoaded";
   TelemetryEvent["ProactiveChatClosed"] = "ProactiveChatClosed";
-  TelemetryEvent["ProactiveChatStartChat"] = "ProactiveChatStartChat";
-  TelemetryEvent["ProactiveChatStartPopoutChat"] = "ProactiveChatStartPopoutChat";
   TelemetryEvent["ReconnectChatContinueConversation"] = "ReconnectChatContinueConversation";
   TelemetryEvent["ReconnectChatStartNewConversation"] = "ReconnectChatStartNewConversation";
   TelemetryEvent["ReconnectChatMinimize"] = "ReconnectChatMinimize";
-  TelemetryEvent["ChatWidgetStateChanged"] = "ChatWidgetStateChanged";
+  TelemetryEvent["MessageSent"] = "MessageSent";
+  TelemetryEvent["MessageReceived"] = "MessageReceived";
+  TelemetryEvent["CustomContextReceived"] = "CustomContextReceived";
+  TelemetryEvent["NetworkDisconnected"] = "NetworkDisconnected";
+  TelemetryEvent["NetworkReconnected"] = "NetworkReconnected";
 })(TelemetryEvent || (exports.TelemetryEvent = TelemetryEvent = {}));
 
 class TelemetryConstants {
@@ -143,6 +190,7 @@ class TelemetryConstants {
       case TelemetryEvent.LCWChatButtonShow:
       case TelemetryEvent.PrechatSurveyLoaded:
       case TelemetryEvent.LoadingPaneLoaded:
+      case TelemetryEvent.PostChatSurveyLoadingPaneLoaded:
       case TelemetryEvent.PostChatSurveyLoaded:
       case TelemetryEvent.EmailTranscriptLoaded:
       case TelemetryEvent.OutOfOfficePaneLoaded:
@@ -169,15 +217,25 @@ class TelemetryConstants {
       case TelemetryEvent.PreChatSurveyStartChatMethodFailed:
       case TelemetryEvent.HeaderCloseButtonClicked:
       case TelemetryEvent.HeaderMinimizeButtonClicked:
+      case TelemetryEvent.MessageSent:
+      case TelemetryEvent.MessageReceived:
+      case TelemetryEvent.CustomContextReceived:
+      case TelemetryEvent.BrowserUnloadEventStarted:
+      case TelemetryEvent.NetworkDisconnected:
+      case TelemetryEvent.NetworkReconnected:
         return ScenarioType.ACTIONS;
 
       case TelemetryEvent.StartChatSDKCall:
+      case TelemetryEvent.StartChatEventRecevied:
       case TelemetryEvent.StartChatMethodException:
       case TelemetryEvent.CloseChatMethodException:
+      case TelemetryEvent.StartProactiveChatEventReceived:
       case TelemetryEvent.StartProactiveChatMethodFailed:
       case TelemetryEvent.OnNewMessageFailed:
       case TelemetryEvent.OnNewMessageAudioNotificationFailed:
       case TelemetryEvent.GetConversationDetailsCallFailed:
+      case TelemetryEvent.EndChatSDKCall:
+      case TelemetryEvent.EndChatEventReceived:
       case TelemetryEvent.EndChatSDKCallFailed:
       case TelemetryEvent.PostChatContextCallFailed:
       case TelemetryEvent.PostChatContextCallSucceed:

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

@@ -276,5 +276,18 @@ _defineProperty(TelemetryHelper, "logConfigDataEvent", (logLevel, payload) => {
     }
   };
 
+  _omnichannelChatComponents.BroadcastService.postMessage(telemetryEvent);
+});
+
+_defineProperty(TelemetryHelper, "logWebChatEvent", (logLevel, payload) => {
+  const telemetryEvent = {
+    eventName: _TelemetryConstants.TelemetryEvent.WebChatEvent,
+    logLevel: logLevel,
+    payload: { ...payload,
+      type: _TelemetryConstants.TelemetryEvent.WebChatEvent,
+      scenarioType: _TelemetryConstants.ScenarioType.WEBCHAT
+    }
+  };
+
   _omnichannelChatComponents.BroadcastService.postMessage(telemetryEvent);
 });