@microsoft/omnichannel-chat-widget 1.7.8-main.7a07fc5 → 1.7.8-main.8428c08

package/lib/esm/plugins/newMessageEventHandler.js

@@ -1,100 +1,114 @@
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../common/telemetry/TelemetryConstants";
+import { ScenarioType } from "../firstresponselatency/Constants";
+import { buildMessagePayload, getScenarioType, isHistoryMessage, polyfillMessagePayloadForEvent } from "../firstresponselatency/util";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { Constants } from "../common/Constants";
+import { FirstResponseLatencyTracker } from "../firstresponselatency/FirstResponseLatencyTracker";
 import { TelemetryHelper } from "../common/telemetry/TelemetryHelper";
 import { TelemetryManager } from "../common/telemetry/TelemetryManager";
 export const createOnNewAdapterActivityHandler = (chatId, userId) => {
+  // Hooking the message tracker in the listener, a bit invasive but easier to control.
+  const firstResponseLatencyTracker = new FirstResponseLatencyTracker();
+  // epoch time in utc for when start to listen.
+  // We dont longer have a mechanism to know if a message is history or new, so any message older than the time we start listening will be considered a history message.
+  // this is a workaround for the fact that we dont have a way to identify if a message is history or new, and it will provide consistency across different scenarios
+  const startTime = new Date().getTime();
+  let isHistoryMessageReceivedEventRaised = false;
   const onNewAdapterActivityHandler = activity => {
-    var _activity$channelData, _activity$channelData2, _activity$channelData3;
-    const isActivityMessage = (activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message;
-    const isHistoryMessage = isActivityMessage && ((activity === null || activity === void 0 ? void 0 : (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : (_activity$channelData2 = _activity$channelData.tags) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.includes(Constants.historyMessageTag)) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 ? void 0 : _activity$channelData3.fromList));
-    raiseMessageEvent(activity, isHistoryMessage);
+    raiseMessageEvent(activity);
   };
-  let isHistoryMessageReceivedEventRasied = false;
-  const raiseMessageEvent = (activity, isHistoryMessage) => {
+  const userSendMessageStrategy = activity => {
+    var _TelemetryManager$Int;
+    const payload = buildMessagePayload(activity, userId);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const polyfillMessagePayloadForEvent = payload => {
-      var _activity$conversatio, _TelemetryManager$Int, _attachments;
-      return {
-        ...payload,
-        channelData: activity === null || activity === void 0 ? void 0 : activity.channelData,
-        chatId: activity === null || activity === void 0 ? void 0 : (_activity$conversatio = activity.conversation) === null || _activity$conversatio === void 0 ? void 0 : _activity$conversatio.id,
-        conversationId: (_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.conversationId,
-        id: activity === null || activity === void 0 ? void 0 : activity.id,
-        isChatComplete: false,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        text: activity === null || activity === void 0 ? void 0 : activity.text,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        attachment: (activity === null || activity === void 0 ? void 0 : (_attachments = activity.attachments) === null || _attachments === void 0 ? void 0 : _attachments.length) >= 1 ? activity === null || activity === void 0 ? void 0 : activity.attachments : []
-      };
+    payload.messageType = Constants.userMessageTag;
+    const newMessageSentEvent = {
+      eventName: BroadcastEvent.NewMessageSent,
+      payload: polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.conversationId)
     };
+    BroadcastService.postMessage(newMessageSentEvent);
+    if (!isHistoryMessage(activity, startTime)) {
+      firstResponseLatencyTracker.startClock(payload);
+    }
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.MessageSentCompleted,
+      Description: "New message sent"
+    });
+  };
+  const systemMessageStrategy = activity => {
+    const payload = buildMessagePayload(activity, userId);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    payload.messageType = Constants.systemMessageTag;
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.SystemMessageReceivedCompleted,
+      Description: "System message received"
+    });
+  };
+  const historyMessageStrategy = payload => {
+    const newMessageReceivedEvent = {
+      eventName: BroadcastEvent.HistoryMessageReceived,
+      payload: payload
+    };
+    BroadcastService.postMessage(newMessageReceivedEvent);
+    if (!isHistoryMessageReceivedEventRaised) {
+      // this is needed for reload scenarios, it helps to identify the last message received before the reload
+      isHistoryMessageReceivedEventRaised = true;
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.RehydrateMessageReceivedCompleted,
+        Description: "History message received",
+        CustomProperties: payload
+      });
+    }
+  };
+  const isValidMessage = activity => {
+    var _activity$channelData, _activity$channelData2, _activity$channelData3;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const messageHasNoText = !(activity !== null && activity !== void 0 && activity.text);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const messageHasNoTags = !(activity !== null && activity !== void 0 && activity.channelData) || !(activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && _activity$channelData.tags) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData2 = activity.channelData) === null || _activity$channelData2 === void 0 ? void 0 : (_activity$channelData3 = _activity$channelData2.tags) === null || _activity$channelData3 === void 0 ? void 0 : _activity$channelData3.length) === 0;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const messageHasNoAttachments = !(activity !== null && activity !== void 0 && activity.attachments) || (activity === null || activity === void 0 ? void 0 : activity.attachments.length) === 0;
+    if (messageHasNoTags && messageHasNoText && messageHasNoAttachments) {
+      return false;
+    }
+    return true;
+  };
+  const receivedMessageStrategy = activity => {
+    var _TelemetryManager$Int3;
+    if (!isValidMessage(activity)) return;
+    const isHistoryMessageReceived = isHistoryMessage(activity, startTime);
+    const payload = buildMessagePayload(activity, userId);
+    payload.messageType = Constants.userMessageTag;
+    if (isHistoryMessageReceived) {
+      var _TelemetryManager$Int2;
+      historyMessageStrategy(polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int2 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.conversationId));
+      return;
+    }
+    firstResponseLatencyTracker.stopClock(payload);
+    const newMessageReceivedEvent = {
+      eventName: BroadcastEvent.NewMessageReceived,
+      payload: polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int3 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId)
+    };
+    BroadcastService.postMessage(newMessageReceivedEvent);
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.MessageReceivedCompleted,
+      Description: "New message received",
+      CustomProperties: payload
+    });
+  };
+  const raiseMessageEvent = activity => {
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message) {
-      var _text, _text2, _activity$channelData4, _activity$from;
-      const payload = {
-        // To identify hidden contents vs empty content
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        text: (activity === null || activity === void 0 ? void 0 : (_text = activity.text) === null || _text === void 0 ? void 0 : _text.length) >= 1 ? `*contents hidden (${activity === null || activity === void 0 ? void 0 : (_text2 = activity.text) === null || _text2 === void 0 ? void 0 : _text2.length} chars)*` : "",
-        type: activity === null || activity === void 0 ? void 0 : activity.type,
-        timestamp: activity === null || activity === void 0 ? void 0 : activity.timestamp,
-        userId: userId,
-        tags: activity === null || activity === void 0 ? void 0 : (_activity$channelData4 = activity.channelData) === null || _activity$channelData4 === void 0 ? void 0 : _activity$channelData4.tags,
-        messageType: ""
-      };
-      if ((activity === null || activity === void 0 ? void 0 : (_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) === Constants.userMessageTag) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        payload.messageType = Constants.userMessageTag;
-        const newMessageSentEvent = {
-          eventName: BroadcastEvent.NewMessageSent,
-          payload: polyfillMessagePayloadForEvent(payload)
-        };
-        BroadcastService.postMessage(newMessageSentEvent);
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.MessageSent,
-          Description: "New message sent"
-        });
-      } else {
-        var _activity$channelData5, _activity$channelData6;
-        if (activity !== null && activity !== void 0 && (_activity$channelData5 = activity.channelData) !== null && _activity$channelData5 !== void 0 && (_activity$channelData6 = _activity$channelData5.tags) !== null && _activity$channelData6 !== void 0 && _activity$channelData6.includes(Constants.systemMessageTag)) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          payload.messageType = Constants.systemMessageTag;
-          TelemetryHelper.logActionEvent(LogLevel.INFO, {
-            Event: TelemetryEvent.SystemMessageReceived,
-            Description: "System message received"
-          });
-        } else {
-          var _activity$channelData7, _activity$channelData8, _activity$channelData9;
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const messageHasNoText = !(activity !== null && activity !== void 0 && activity.text);
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const messageHasNoTags = !(activity !== null && activity !== void 0 && activity.channelData) || !(activity !== null && activity !== void 0 && (_activity$channelData7 = activity.channelData) !== null && _activity$channelData7 !== void 0 && _activity$channelData7.tags) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData8 = activity.channelData) === null || _activity$channelData8 === void 0 ? void 0 : (_activity$channelData9 = _activity$channelData8.tags) === null || _activity$channelData9 === void 0 ? void 0 : _activity$channelData9.length) === 0;
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const messageHasNoAttachments = !(activity !== null && activity !== void 0 && activity.attachments) || (activity === null || activity === void 0 ? void 0 : activity.attachments.length) === 0;
-          if (messageHasNoTags && messageHasNoText && messageHasNoAttachments) {
-            return;
-          }
-          payload.messageType = Constants.userMessageTag;
-        }
-        const newMessageReceivedEvent = {
-          eventName: isHistoryMessage ? BroadcastEvent.HistoryMessageReceived : BroadcastEvent.NewMessageReceived,
-          payload: polyfillMessagePayloadForEvent(payload)
-        };
-        BroadcastService.postMessage(newMessageReceivedEvent);
-        if (!isHistoryMessage) {
-          TelemetryHelper.logActionEvent(LogLevel.INFO, {
-            Event: TelemetryEvent.MessageReceived,
-            Description: "New message received",
-            CustomProperties: payload
-          });
-        } else {
-          if (!isHistoryMessageReceivedEventRasied) {
-            isHistoryMessageReceivedEventRasied = true;
-            TelemetryHelper.logActionEvent(LogLevel.INFO, {
-              Event: TelemetryEvent.RehydrateMessageReceived,
-              Description: "History message received",
-              CustomProperties: payload
-            });
-          }
-        }
+      const scenarioType = getScenarioType(activity);
+      switch (scenarioType) {
+        case ScenarioType.UserSendMessageStrategy:
+          userSendMessageStrategy(activity);
+          break;
+        case ScenarioType.SystemMessageStrategy:
+          systemMessageStrategy(activity);
+          break;
+        case ScenarioType.ReceivedMessageStrategy:
+          receivedMessageStrategy(activity);
+          break;
       }
     }
   };

package/lib/types/common/Constants.d.ts

@@ -274,4 +274,9 @@ export declare class PrepareEndChatDescriptionConstants {
 export declare class PostChatSurveyTelemetryMessage {
     static readonly PostChatContextCallFailed = "Failed to get post chat context.";
     static readonly PostChatContextCallSucceed = "Postchat context call succeed.";
+    static readonly PostChatContextCallStarted = "Postchat context call started.";
+}
+export declare class AppInsightsTelemetryMessage {
+    static readonly AppInsightsInitialized = "Application Insights initialized successfully.";
+    static readonly AppInsightsInitError = "Error initializing Application Insights";
 }

package/lib/types/common/facades/FacadeChatSDK.d.ts

@@ -43,6 +43,7 @@ export declare class FacadeChatSDK {
     private enforceBase64Encoding;
     private extractExpFromToken;
     private setToken;
+    private corroborateTokenIsSet;
     private tokenRing;
     private validateAndExecuteCall;
     initialize(optionalParams?: InitializeOptionalParams): Promise<ChatConfig>;

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

@@ -0,0 +1,19 @@
+declare class ScenarioMarker {
+    /**
+   * Formats the event name for the "Started" state of a scenario.
+   */
+    static startScenario(event: string): string;
+    /**
+   * Formats the event name for the "Failed" state of a scenario.
+   */
+    static failScenario(event: string): string;
+    /**
+   * Formats the event name for the "Completed" state of a scenario.
+   */
+    static completeScenario(event: string): string;
+    /**
+   * Formats the event name for the "Warn" state of a scenario.
+   */
+    static warnScenario(event: string): string;
+}
+export default ScenarioMarker;

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

@@ -54,7 +54,9 @@ export declare enum BroadcastEvent {
     UpdateConversationDataForTelemetry = "UpdateConversationDataForTelemetry",
     ContactIdNotFound = "ContactIdNotFound",
     SyncMinimize = "SyncMinimize",
-    OnWidgetError = "OnWidgetError"
+    OnWidgetError = "OnWidgetError",
+    FMLTrackingCompletedAck = "FMLTrackingCompletedAck",
+    FMLTrackingCompleted = "FMLTrackingCompleted"
 }
 export declare enum TelemetryEvent {
     CallAdded = "CallAdded",
@@ -100,28 +102,27 @@ export declare enum TelemetryEvent {
     EndChatFailed = "EndChatFailed",
     SettingCustomContext = "SettingCustomContext",
     WebChatLoaded = "WebChatLoaded",
-    LCWChatButtonClicked = "LCWChatButtonClicked",
+    LCWChatButtonActionCompleted = "LCWChatButtonActionCompleted",
+    LCWChatButtonActionStarted = "LCWChatButtonActionStarted",
     LCWChatButtonShow = "LCWChatButtonShow",
-    WidgetLoadStarted = "WidgetLoadStarted",
-    WidgetLoadComplete = "WidgetLoadComplete",
-    WidgetLoadFailed = "WidgetLoadFailed",
+    WidgetStartChatStarted = "WidgetStartChatStarted",
+    WidgetStartChatCompleted = "WidgetStartChatCompleted",
+    WidgetStartChatFailed = "WidgetStartChatFailed",
     StartChatMethodException = "StartChatMethodException",
     CloseChatCall = "CloseChatCall",
     CloseChatMethodException = "CloseChatMethodException",
     PrechatSurveyLoaded = "PrechatSurveyLoaded",
     PrechatSurveyExpected = "PrechatSurveyExpected",
-    PrechatSubmitted = "PrechatSubmitted",
+    PrechatSubmitCompleted = "PrechatSubmitCompleted",
     StartChatSDKCall = "StartChatCall",
-    StartChatEventRecevied = "StartChatEventReceived",
+    StartChatEventReceived = "StartChatEventReceivedCompleted",
     EndChatSDKCall = "EndChatSDKCall",
     PrepareEndChat = "PrepareEndChat",
-    EndChatEventReceived = "EndChatEventReceived",
+    EndChatEventReceived = "EndChatEventReceivedCompleted",
     WindowClosed = "WindowClosed",
     OnNewMessageFailed = "OnNewMessageFailed",
     OnNewMessageAudioNotificationFailed = "OnNewMessageAudioNotificationFailed",
     DownloadTranscriptResponseNullOrUndefined = "DownloadTranscriptResponseNullOrUndefined",
-    EmailTranscriptSent = "EmailTranscriptSent",
-    EmailTranscriptFailed = "EmailTranscriptFailed",
     ErrorUIPaneLoaded = "ErrorUIPaneLoaded",
     DownloadTranscriptFailed = "DownloadTranscriptFailed",
     StartChatFailed = "StartChatFailed",
@@ -135,12 +136,18 @@ export declare enum TelemetryEvent {
     ConfirmationPaneLoaded = "ConfirmationPaneLoaded",
     ProactiveChatPaneLoaded = "ProactiveChatPaneLoaded",
     ReconnectChatPaneLoaded = "ReconnectChatPaneLoaded",
-    HeaderCloseButtonClicked = "HeaderCloseButtonClicked",
-    HeaderMinimizeButtonClicked = "HeaderMinimizeButtonClicked",
+    CloseChatActionStarted = "CloseChatActionStarted",
+    CloseChatActionCompleted = "CloseChatActionCompleted",
+    MinimizeChatActionStarted = "MinimizeChatActionStarted",
+    MinimizeChatActionCompleted = "MinimizeChatActionCompleted",
     NotificationCloseChatButtonClicked = "NotificationCloseChatButtonClicked",
     NotificationDismissButtonClicked = "NotificationDismissButtonClicked",
-    DownloadTranscriptButtonClicked = "DownloadTranscriptButtonClicked",
-    EmailTranscriptButtonClicked = "EmailTranscriptButtonClicked",
+    DownloadTranscriptActionStarted = "DownloadTranscriptActionStarted",
+    DownloadTranscriptActionCompleted = "DownloadTranscriptActionCompleted",
+    DownloadTranscriptActionFailed = "DownloadTranscriptActionFailed",
+    EmailTranscriptActionStarted = "EmailTranscriptActionStarted",
+    EmailTranscriptActionCompleted = "EmailTranscriptActionCompleted",
+    EmailTranscriptActionFailed = "EmailTranscriptActionFailed",
     EmailTranscriptCancelButtonClicked = "EmailTranscriptCancelButtonClicked",
     AudioToggleButtonClicked = "AudioToggleButtonClicked",
     SuppressBotMagicCodeSucceeded = "SuppressBotMagicCodeSucceeded",
@@ -152,7 +159,7 @@ export declare enum TelemetryEvent {
     GetAuthTokenFailed = "GetAuthTokenFailed",
     ReceivedNullOrEmptyToken = "ReceivedNullOrEmptyToken",
     CustomerVoiceResponsePageLoaded = "CustomerVoiceResponsePageLoaded",
-    CustomerVoiceFormResponseSubmitted = "CustomerVoiceFormResponseSubmitted",
+    CustomerVoiceFormResponseSubmitted = "CustomerVoiceFormResponseSubmitCompleted",
     CustomerVoiceFormResponseError = "CustomerVoiceFormResponseError",
     BotAuthActivityEmptySasUrl = "BotAuthActivityEmptySasUrl",
     SetBotAuthProviderFetchConfig = "SetBotAuthProviderFetchConfig",
@@ -181,20 +188,25 @@ export declare enum TelemetryEvent {
     FacadeChatSDKEvent = "FacadeChatSDKEvent",
     PreChatSurveyStartChatMethodFailed = "PreChatSurveyStartChatMethodFailed",
     ChatAlreadyTriggered = "ChatAlreadyTriggered",
-    StartProactiveChatEventReceived = "StartProactiveChatEventReceived",
+    StartProactiveChatEventReceived = "StartProactiveChatEventReceivedCompleted",
     StartProactiveChatMethodFailed = "StartProactiveChatMethodFailed",
     ProactiveChatAccepted = "ProactiveChatAccepted",
-    ProactiveChatRejected = "ProactiveChatRejected",
+    ProactiveChatTimeOutCompleted = "ProactiveChatTimeOutCompleted",
     IncomingProactiveChatScreenLoaded = "IncomingProactiveChatScreenLoaded",
     ProactiveChatClosed = "ProactiveChatClosed",
     ReconnectChatContinueConversation = "ReconnectChatContinueConversation",
     ReconnectChatStartNewConversation = "ReconnectChatStartNewConversation",
     ReconnectChatMinimize = "ReconnectChatMinimize",
-    MessageSent = "MessageSent",
-    MessageReceived = "MessageReceived",
-    SystemMessageReceived = "SystemMessageReceived",
-    RehydrateMessageReceived = "RehydrateMessageReceived",
-    CustomContextReceived = "CustomContextReceived",
+    MessageSentCompleted = "MessageSentCompleted",
+    MessageReceivedCompleted = "MessageReceivedCompleted",
+    MessageLapTrack = "MessageLapTrack",
+    BotFirstMessageLapTrack = "BotFirstMessageLapTrack",
+    BotFirstMessageLapTrackError = "BotFirstMessageLapTrackError",
+    MessageStartLapTrackError = "MessageStartLapTrackError",
+    MessageStopLapTrackError = "MessageStopLapTrackError",
+    SystemMessageReceivedCompleted = "SystemMessageReceivedCompleted",
+    RehydrateMessageReceivedCompleted = "RehydrateMessageReceivedCompleted",
+    CustomContextReceived = "CustomContextReceivedCompleted",
     NetworkDisconnected = "NetworkDisconnected",
     NetworkReconnected = "NetworkReconnected",
     LinkModePostChatWorkflowStarted = "LinkModePostChatWorkflowStarted",
@@ -202,16 +214,19 @@ export declare enum TelemetryEvent {
     PostChatWorkflowFromCustomer = "PostChatWorkflowFromCustomer",
     PostChatWorkflowFromAgent = "PostChatWorkflowFromAgent",
     PostChatWorkflowFromBot = "PostChatWorkflowFromBot",
-    PostChatContextCallSucceed = "PostChatContextCallSucceed",
+    PostChatContextCallStarted = "PostChatContextCallStarted",
+    PostChatContextCallCompleted = "PostChatContextCallCompleted",
     PostChatContextCallFailed = "PostChatContextCallFailed",
     PostChatSurveyLoadingPaneLoaded = "PostChatSurveyLoadingPaneLoaded",
     PostChatSurveyLoaded = "PostChatSurveyLoaded",
+    PostChatSurveyUrlValidationCompleted = "PostChatSurveyUrlValidationCompleted",
+    PostChatSurveyUrlValidationFailed = "PostChatSurveyUrlValidationFailed",
     ChatDisconnectThreadEventReceived = "ChatDisconnectThreadEventReceived",
     HiddenAdaptiveCardMessageReceived = "HiddenAdaptiveCardMessageReceived",
     EndingAdapterAfterDisconnectionError = "EndingAdapterAfterDisconnectionError",
-    NewTokenSuccess = "NewTokenSuccess",
-    NewTokenFailed = "NewTokenFailed",
-    NewTokenExpired = "NewTokenExpired",
+    NewTokenValidationStarted = "NewTokenValidationStarted",
+    NewTokenValidationCompleted = "NewTokenValidationCompleted",
+    NewTokenValidationFailed = "NewTokenValidationFailed",
     TokenEmptyOrSame = "TokenEmptyOrSame",
     UXFooterStart = "UXFooterStart",
     UXFooterCompleted = "UXFooterCompleted",
@@ -221,14 +236,14 @@ export declare enum TelemetryEvent {
     UXLoadingPaneCompleted = "UXLoadingPaneCompleted",
     UXNotificationPaneStart = "UXNotificationPaneStart",
     UXNotificationPaneCompleted = "UXNotificationPaneCompleted",
-    UXOOHPaneStart = "UXOOHPaneStart",
-    UXOOHPaneCompleted = "UXOOHPaneCompleted",
+    UXOutOfOfficeHoursPaneStart = "UXOutOfOfficeHoursPaneStart",
+    UXOutOfOfficeHoursPaneCompleted = "UXOutOfOfficeHoursPaneCompleted",
     UXPostChatLoadingPaneStart = "UXPostChatLoadingPaneStart",
     UXPostChatLoadingPaneCompleted = "UXPostChatLoadingPaneCompleted",
     UXPrechatPaneStart = "UXPrechatPaneStart",
     UXPrechatPaneCompleted = "UXPrechatPaneCompleted",
     UXProactiveChatPaneStart = "UXProactiveChatPaneStart",
-    UXProactiveChatCompleted = "UXProactiveChatCompleted",
+    UXProactiveChatPaneCompleted = "UXProactiveChatPaneCompleted",
     UXReconnectChatPaneStart = "UXReconnectChatPaneStart",
     UXReconnectChatCompleted = "UXReconnectChatCompleted",
     UXStartChatErrorPaneStart = "UXStartChatErrorPaneStart",
@@ -237,12 +252,14 @@ export declare enum TelemetryEvent {
     UXEmailTranscriptPaneCompleted = "UXEmailTranscriptPaneCompleted",
     UXWebchatContainerStart = "UXWebchatContainerStart",
     UXWebchatContainerCompleted = "UXWebchatContainerCompleted",
-    UXLCWChatButtonStart = "UXLCWChatButtonStart",
-    UXLCWChatButtonCompleted = "UXLCWChatButtonCompleted",
+    UXLCWChatButtonLoadingStart = "UXLCWChatButtonLoadingStart",
+    UXLCWChatButtonLoadingCompleted = "UXLCWChatButtonLoadingCompleted",
     UXConfirmationPaneStart = "UXConfirmationPaneStart",
     UXConfirmationPaneCompleted = "UXConfirmationPaneCompleted",
-    UXLivechatwidgetStart = "UXLivechatwidgetStart",
-    UXLivechatwidgetCompleted = "UXLivechatwidgetCompleted"
+    UXLiveChatWidgetStart = "UXLiveChatWidgetStart",
+    UXLiveChatWidgetCompleted = "UXLiveChatWidgetCompleted",
+    AppInsightsInitialized = "AppInsightsInitialized",
+    AppInsightsInitFailed = "AppInsightsInitFailed"
 }
 export interface TelemetryInput {
     scenarioType: ScenarioType;

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

@@ -32,6 +32,7 @@ export declare class TelemetryHelper {
     static addWidgetDataToTelemetry(telemetryConfig: ITelemetryConfig, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
     static addSessionDataToTelemetry(chatSession: LiveChatContext, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
     static addConversationDataToTelemetry(liveWorkItem: LiveWorkItemDetails, telemetryInternalData: IInternalTelemetryData): IInternalTelemetryData;
+    private static postTelemetryEvent;
     static logCallingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper, callId?: string) => void;
     static logLoadingEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
     static logUIEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
@@ -40,4 +41,8 @@ export declare class TelemetryHelper {
     static logConfigDataEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
     static logWebChatEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
     static logFacadeChatSDKEvent: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
+    static logLoadingEventToAllTelemetry: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
+    static logActionEventToAllTelemetry: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
+    static logFacadeChatSDKEventToAllTelemetry: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
+    static logSDKEventToAllTelemetry: (logLevel: LogLevel, payload: TelemetryEventWrapper) => void;
 }

package/lib/types/common/telemetry/defaultConfigs/defaultAppInsightsConfig.d.ts

@@ -0,0 +1,2 @@
+import { IAppInsightsConfig } from "../interfaces/IAppInsightsConfig";
+export declare const defaultAppInsightsConfig: IAppInsightsConfig;

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

@@ -0,0 +1,4 @@
+export interface IAppInsightsConfig {
+    appInsightsDisabled?: boolean;
+    appInsightsKey?: string;
+}

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

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

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

@@ -1,8 +1,10 @@
+import { IAppInsightsConfig } from "./IAppInsightsConfig";
 import { IAriaConfigurations } from "./IAriaConfigurations";
 import { ITelemetryConfig } from "./ITelemetryConfig";
 export interface IInternalTelemetryData {
     telemetryConfig?: ITelemetryConfig;
     ariaConfig?: IAriaConfigurations;
+    appInsightsConfig?: IAppInsightsConfig;
     widgetId?: string;
     chatId?: string;
     conversationId?: string;

package/lib/types/common/telemetry/loggers/appInsightsLogger.d.ts

@@ -0,0 +1,5 @@
+import { IChatSDKLogger } from "../interfaces/IChatSDKLogger";
+export declare const appInsightsLogger: (appInsightsKey: string, disableCookiesUsage: boolean) => IChatSDKLogger;
+export interface ICustomProperties {
+    [key: string]: any;
+}

package/lib/types/components/callingcontainerstateful/CallingContainerStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ICallingContainerStatefulProps } from "./ICallingContainerStatefulProps";
-export declare const CallingContainerStateful: (props: ICallingContainerStatefulProps) => JSX.Element;
+export declare const CallingContainerStateful: (props: ICallingContainerStatefulProps) => React.JSX.Element;
 export default CallingContainerStateful;

package/lib/types/components/chatbuttonstateful/ChatButtonStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IChatButtonStatefulParams } from "./interfaces/IChatButtonStatefulParams";
-export declare const ChatButtonStateful: (props: IChatButtonStatefulParams) => JSX.Element;
+export declare const ChatButtonStateful: (props: IChatButtonStatefulParams) => React.JSX.Element;
 export default ChatButtonStateful;

package/lib/types/components/confirmationpanestateful/ConfirmationPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IConfirmationPaneStatefulParams } from "./interfaces/IConfirmationPaneStatefulParams";
-export declare const ConfirmationPaneStateful: (props: IConfirmationPaneStatefulParams) => JSX.Element;
+export declare const ConfirmationPaneStateful: (props: IConfirmationPaneStatefulParams) => React.JSX.Element;
 export default ConfirmationPaneStateful;

package/lib/types/components/dimlayer/DimLayer.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 interface DimLayerInterface {
     brightness: string;
 }
-export declare const DimLayer: ({ brightness }: DimLayerInterface) => JSX.Element;
+export declare const DimLayer: ({ brightness }: DimLayerInterface) => React.JSX.Element;
 export {};

package/lib/types/components/draggable/DraggableChatWidget.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface IDraggableChatWidgetInternalProps {
     disabled?: boolean;
     channel?: string;
     elementId: string;
     children: ReactNode;
 }
-declare const DraggableChatWidget: (props: IDraggableChatWidgetInternalProps) => JSX.Element;
+declare const DraggableChatWidget: (props: IDraggableChatWidgetInternalProps) => React.JSX.Element;
 export default DraggableChatWidget;

package/lib/types/components/draggable/DraggableEventEmitter.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface IDraggableEventEmitterProps {
     /**
      * Unique channel name to send/receive draggable events to prevent event collisions
@@ -23,5 +23,5 @@ interface IDraggableEventEmitterProps {
  * @param props IDraggableEventEmitterProps
  * @returns
  */
-declare const DraggableEventEmitter: (props: IDraggableEventEmitterProps) => JSX.Element;
+declare const DraggableEventEmitter: (props: IDraggableEventEmitterProps) => React.JSX.Element;
 export default DraggableEventEmitter;

package/lib/types/components/draggable/DraggableEventReceiver.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import IDraggableEvent from "./IDraggableEvent";
 interface IDraggableEventReceiverProps {
     /**
@@ -23,5 +23,5 @@ interface IDraggableEventReceiverProps {
  * @param props IDraggableEventReceiverProps
  * @returns
  */
-declare const DraggableEventReceiver: (props: IDraggableEventReceiverProps) => JSX.Element;
+declare const DraggableEventReceiver: (props: IDraggableEventReceiverProps) => React.JSX.Element;
 export default DraggableEventReceiver;

package/lib/types/components/emailtranscriptpanestateful/EmailTranscriptPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IEmailTranscriptPaneProps } from "./interfaces/IEmailTranscriptPaneProps";
-export declare const EmailTranscriptPaneStateful: (props: IEmailTranscriptPaneProps) => JSX.Element;
+export declare const EmailTranscriptPaneStateful: (props: IEmailTranscriptPaneProps) => React.JSX.Element;
 export default EmailTranscriptPaneStateful;

package/lib/types/components/footerstateful/FooterStateful.d.ts

@@ -1,2 +1,3 @@
-export declare const FooterStateful: (props: any) => JSX.Element;
+import React from "react";
+export declare const FooterStateful: (props: any) => React.JSX.Element;
 export default FooterStateful;

package/lib/types/components/footerstateful/audionotificationstateful/AudioNotificationStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IAudioNotificationStatefulParams } from "./interfaces/IAudioNotificationStatefulParams";
-export declare const AudioNotificationStateful: (props: IAudioNotificationStatefulParams) => JSX.Element;
+export declare const AudioNotificationStateful: (props: IAudioNotificationStatefulParams) => React.JSX.Element;
 export default AudioNotificationStateful;

package/lib/types/components/headerstateful/HeaderStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IHeaderStatefulParams } from "./interfaces/IHeaderStatefulParams";
-export declare const HeaderStateful: (props: IHeaderStatefulParams) => JSX.Element;
+export declare const HeaderStateful: (props: IHeaderStatefulParams) => React.JSX.Element;
 export default HeaderStateful;

package/lib/types/components/livechatwidget/LiveChatWidget.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ILiveChatWidgetProps } from "./interfaces/ILiveChatWidgetProps";
-export declare const LiveChatWidget: (props: ILiveChatWidgetProps) => JSX.Element;
+export declare const LiveChatWidget: (props: ILiveChatWidgetProps) => React.JSX.Element;
 export default LiveChatWidget;

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

@@ -1,3 +1,4 @@
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
-export declare const createFooter: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext) => {};
+import React from "react";
+export declare const createFooter: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext) => string | number | true | Iterable<React.ReactNode> | React.JSX.Element;

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

@@ -27,6 +27,7 @@ import { IStartChatErrorPaneProps } from "../../startchaterrorpanestateful/inter
 import { ITelemetryConfig } from "../../../common/telemetry/interfaces/ITelemetryConfig";
 import { IWebChatContainerStatefulProps } from "../../webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps";
 import { OmnichannelChatSDK } from "@microsoft/omnichannel-chat-sdk";
+import { IAppInsightsConfig } from "../../../common/telemetry/interfaces/IAppInsightsConfig";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -65,4 +66,5 @@ export interface ILiveChatWidgetProps {
     draggableChatWidgetProps?: IDraggableChatWidgetProps;
     mock?: IMockProps;
     featureConfigProps?: IFeatureConfigProps;
+    appInsightsConfig?: IAppInsightsConfig;
 }

package/lib/types/components/loadingpanestateful/LoadingPaneStateful.d.ts

@@ -1,2 +1,3 @@
-export declare const LoadingPaneStateful: (props: any) => JSX.Element;
+import React from "react";
+export declare const LoadingPaneStateful: (props: any) => React.JSX.Element;
 export default LoadingPaneStateful;

package/lib/types/components/notificationpanestateful/NotificationPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { INotificationPaneStatefulProps } from "./interfaces/INotificationPaneStatefulProps";
-export declare const NotificationPaneStateful: (props: INotificationPaneStatefulProps) => JSX.Element;
+export declare const NotificationPaneStateful: (props: INotificationPaneStatefulProps) => React.JSX.Element;
 export default NotificationPaneStateful;

package/lib/types/components/ooohpanestateful/OOOHPaneStateful.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IOOOHPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/outofofficehourspane/interfaces/IOOOHPaneProps";
-export declare const OutOfOfficeHoursPaneStateful: (props: IOOOHPaneProps) => JSX.Element;
+export declare const OutOfOfficeHoursPaneStateful: (props: IOOOHPaneProps) => React.JSX.Element;
 export default OutOfOfficeHoursPaneStateful;