@microsoft/omnichannel-chat-widget 1.7.8-main.50111af → 1.7.8-main.8428c08

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

@@ -106,8 +106,9 @@ const logWidgetLoadFailed = ex => {
   if (ex !== null && ex !== void 0 && ex.httpResponseStatusCode) {
     exDetails.HttpResponseStatusCode = ex.httpResponseStatusCode;
   }
-  TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
-    Event: TelemetryEvent.WidgetLoadFailed,
+  TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.ERROR, {
+    Event: TelemetryEvent.WidgetStartChatFailed,
+    Description: "Widget load complete with error",
     ExceptionDetails: exDetails,
     ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
   });
@@ -118,8 +119,8 @@ export const logWidgetLoadComplete = additionalMessage => {
   if (additionalMessage) {
     descriptionString += `. ${additionalMessage}`;
   }
-  TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-    Event: TelemetryEvent.WidgetLoadComplete,
+  TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+    Event: TelemetryEvent.WidgetStartChatCompleted,
     Description: descriptionString,
     ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg2 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg2 === void 0 ? void 0 : _TelemetryTimers$Widg2.milliSecondsElapsed
   });
@@ -133,8 +134,8 @@ const logWidgetLoadCompleteWithError = ex => {
   if (ex !== null && ex !== void 0 && ex.httpResponseStatusCode) {
     exDetails.HttpResponseStatusCode = ex.httpResponseStatusCode;
   }
-  TelemetryHelper.logLoadingEvent(LogLevel.WARN, {
-    Event: TelemetryEvent.WidgetLoadComplete,
+  TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.ERROR, {
+    Event: TelemetryEvent.WidgetStartChatFailed,
     Description: "Widget load complete with error",
     ExceptionDetails: exDetails,
     ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed

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

@@ -59,8 +59,9 @@ export const LiveChatWidgetStateful = props => {
   var _props$webChatContain, _props$styleProps, _props$webChatContain2, _props$webChatContain3, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain7, _state$appStates14, _props$webChatContain9, _props$webChatContain10, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _props$webChatContain11, _props$webChatContain12, _props$webChatContain13, _props$webChatContain14, _props$webChatContain15, _props$webChatContain16, _props$webChatContain17, _props$webChatContain18, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXLivechatwidgetStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXLiveChatWidgetStart,
+      Description: "Live chat widget loading started."
     });
   }, []);
   const [state, dispatch] = useChatContextStore();
@@ -311,7 +312,7 @@ export const LiveChatWidgetStateful = props => {
       });
     });
     BroadcastService.getMessageByEventName(BroadcastEvent.StartProactiveChat).subscribe(msg => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.StartProactiveChatEventReceived,
         Description: "Start proactive chat event received."
       });
@@ -428,7 +429,7 @@ export const LiveChatWidgetStateful = props => {
       }
       if (msg !== null && msg !== void 0 && (_msg$payload7 = msg.payload) !== null && _msg$payload7 !== void 0 && _msg$payload7.customContext) {
         var _msg$payload8;
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
           Event: TelemetryEvent.CustomContextReceived,
           Description: "CustomContext received through startChat event."
         });
@@ -437,8 +438,8 @@ export const LiveChatWidgetStateful = props => {
           payload: msg === null || msg === void 0 ? void 0 : (_msg$payload8 = msg.payload) === null || _msg$payload8 === void 0 ? void 0 : _msg$payload8.customContext
         });
       }
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.StartChatEventRecevied,
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.StartChatEventReceived,
         Description: "Start chat event received."
       });
       const inMemoryState = executeReducer(state, {
@@ -482,7 +483,7 @@ export const LiveChatWidgetStateful = props => {
 
     // End chat
     BroadcastService.getMessageByEventName(BroadcastEvent.InitiateEndChat).subscribe(async () => {
-      TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+      TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.EndChatEventReceived,
         Description: "Received InitiateEndChat BroadcastEvent."
       });
@@ -768,8 +769,9 @@ export const LiveChatWidgetStateful = props => {
     });
   }, [(_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : _props$webChatContain9.renderingMiddlewareProps]);
   useEffect(() => {
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXLivechatwidgetCompleted,
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXLiveChatWidgetCompleted,
+      Description: "Live chat widget loading completed.",
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);

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

@@ -11,8 +11,9 @@ export const OutOfOfficeHoursPaneStateful = props => {
   var _props$styleProps;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXOOHPaneStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXOutOfOfficeHoursPaneStart,
+      Description: "Out of office hours pane loading started."
     });
   }, []);
   const [state] = useChatContextStore();
@@ -38,8 +39,9 @@ export const OutOfOfficeHoursPaneStateful = props => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.OutOfOfficePaneLoaded
     });
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXOOHPaneCompleted,
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXOutOfOfficeHoursPaneCompleted,
+      Description: "Out of office hours pane loading completed.",
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);

package/lib/esm/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -84,12 +84,17 @@ export const PostChatSurveyPaneStateful = props => {
           Event: TelemetryEvent.CustomerVoiceResponsePageLoaded
         });
       } else if (data === CustomerVoiceEvents.FormResponseSubmitted) {
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.CustomerVoiceFormResponseSubmitted
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+          Event: TelemetryEvent.CustomerVoiceFormResponseSubmitted,
+          Description: "Customer Voice form response submitted."
         });
       } else if (data === CustomerVoiceEvents.FormResponseError) {
-        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.CustomerVoiceFormResponseError
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+          Event: TelemetryEvent.CustomerVoiceFormResponseError,
+          Description: "Customer Voice form response error.",
+          ExceptionDetails: {
+            message: "Customer Voice form response error."
+          }
         });
       }
     });

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

@@ -17,8 +17,9 @@ export const PreChatSurveyPaneStateful = props => {
   var _surveyProps$stylePro, _props$surveyProps, _props$surveyProps$co;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXPrechatPaneStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXPrechatPaneStart,
+      Description: "Prechat survey pane loading started."
     });
   }, []);
 
@@ -67,8 +68,9 @@ export const PreChatSurveyPaneStateful = props => {
     payload: getAdaptiveCardPayload(state.domainStates.preChatSurveyResponse, requiredFieldMissingMessage),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     onSubmit: async values => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.PrechatSubmitted
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.PrechatSubmitCompleted,
+        Description: "Prechat survey submitted."
       });
       dispatch({
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
@@ -139,9 +141,10 @@ export const PreChatSurveyPaneStateful = props => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.PrechatSurveyLoaded
     });
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
       Event: TelemetryEvent.UXPrechatPaneCompleted,
-      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
+      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed,
+      Description: "Prechat survey pane loading completed."
     });
   }, []);
 

package/lib/esm/components/proactivechatpanestateful/ProactiveChatPaneStateful.js

@@ -16,8 +16,9 @@ export const ProactiveChatPaneStateful = props => {
   var _proactiveChatProps$c;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXProactiveChatPaneStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXProactiveChatPaneStart,
+      Description: "Proactive chat pane loading started."
     });
   }, []);
   const [state, dispatch] = useChatContextStore();
@@ -42,8 +43,8 @@ export const ProactiveChatPaneStateful = props => {
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.Closed
       });
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.ProactiveChatRejected,
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.ProactiveChatTimeOutCompleted,
         ElapsedTimeInMilliseconds: TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed,
         Description: "Proactive chat invitation timed out."
       });
@@ -121,9 +122,10 @@ export const ProactiveChatPaneStateful = props => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.ProactiveChatPaneLoaded
     });
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXProactiveChatCompleted,
-      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXProactiveChatPaneCompleted,
+      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed,
+      Description: "Proactive chat pane loading completed."
     });
     return () => {
       clearTimeout(timeoutEvent);

package/lib/esm/firstresponselatency/FirstMessageTrackerFromBot.js

@@ -21,7 +21,7 @@ export const createTrackingForFirstMessage = () => {
     }
     return true;
   };
-  const widgetLoadListener = BroadcastService.getMessageByEventName(TelemetryEvent.WidgetLoadComplete).subscribe(() => {
+  const widgetLoadListener = BroadcastService.getMessageByEventName(TelemetryEvent.WidgetStartChatCompleted).subscribe(() => {
     if (startTracking) return;
     startTracking = true;
     startTime = new Date().getTime();
@@ -78,7 +78,7 @@ export const createTrackingForFirstMessage = () => {
 
   // Rehydrate message is received when the widget is reloaded, this is to ensure that we are not tracking messages that are not part of the current conversation
   // No need to keep listerning for tracking, enforcing disconnection for the listners
-  const rehydrateListener = BroadcastService.getMessageByEventName(TelemetryEvent.RehydrateMessageReceived).subscribe(() => {
+  const rehydrateListener = BroadcastService.getMessageByEventName(TelemetryEvent.RehydrateMessageReceivedCompleted).subscribe(() => {
     startTracking = false;
     stopTracking = false;
     disconnectListener();

package/lib/esm/firstresponselatency/FirstResponseLatencyTracker.js

@@ -33,7 +33,7 @@ export let FirstResponseLatencyTracker = /*#__PURE__*/function () {
     }));
     // Rehydrate message is received when the widget is reloaded, this is to ensure that we are not tracking messages that are not part of the current conversation
     // No need to keep listerning for tracking, enforcing disconnection for the listners
-    _defineProperty(this, "rehydrateListener", BroadcastService.getMessageByEventName(TelemetryEvent.RehydrateMessageReceived).subscribe(() => {
+    _defineProperty(this, "rehydrateListener", BroadcastService.getMessageByEventName(TelemetryEvent.RehydrateMessageReceivedCompleted).subscribe(() => {
       this.isReady = true;
     }));
     // Rehydrate message is received when the widget is reloaded, this is to ensure that we are not tracking messages that are not part of the current conversation

package/lib/esm/plugins/newMessageEventHandler.js

@@ -30,8 +30,8 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
     if (!isHistoryMessage(activity, startTime)) {
       firstResponseLatencyTracker.startClock(payload);
     }
-    TelemetryHelper.logActionEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.MessageSent,
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.MessageSentCompleted,
       Description: "New message sent"
     });
   };
@@ -39,8 +39,8 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
     const payload = buildMessagePayload(activity, userId);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     payload.messageType = Constants.systemMessageTag;
-    TelemetryHelper.logActionEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.SystemMessageReceived,
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.SystemMessageReceivedCompleted,
       Description: "System message received"
     });
   };
@@ -53,8 +53,8 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
     if (!isHistoryMessageReceivedEventRaised) {
       // this is needed for reload scenarios, it helps to identify the last message received before the reload
       isHistoryMessageReceivedEventRaised = true;
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.RehydrateMessageReceived,
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.RehydrateMessageReceivedCompleted,
         Description: "History message received",
         CustomProperties: payload
       });
@@ -90,8 +90,8 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
       payload: polyfillMessagePayloadForEvent(activity, payload, (_TelemetryManager$Int3 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId)
     };
     BroadcastService.postMessage(newMessageReceivedEvent);
-    TelemetryHelper.logActionEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.MessageReceived,
+    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.MessageReceivedCompleted,
       Description: "New message received",
       CustomProperties: payload
     });

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/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

@@ -102,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",
@@ -137,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",
@@ -154,7 +159,7 @@ export declare enum TelemetryEvent {
     GetAuthTokenFailed = "GetAuthTokenFailed",
     ReceivedNullOrEmptyToken = "ReceivedNullOrEmptyToken",
     CustomerVoiceResponsePageLoaded = "CustomerVoiceResponsePageLoaded",
-    CustomerVoiceFormResponseSubmitted = "CustomerVoiceFormResponseSubmitted",
+    CustomerVoiceFormResponseSubmitted = "CustomerVoiceFormResponseSubmitCompleted",
     CustomerVoiceFormResponseError = "CustomerVoiceFormResponseError",
     BotAuthActivityEmptySasUrl = "BotAuthActivityEmptySasUrl",
     SetBotAuthProviderFetchConfig = "SetBotAuthProviderFetchConfig",
@@ -183,25 +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",
+    MessageSentCompleted = "MessageSentCompleted",
+    MessageReceivedCompleted = "MessageReceivedCompleted",
     MessageLapTrack = "MessageLapTrack",
     BotFirstMessageLapTrack = "BotFirstMessageLapTrack",
     BotFirstMessageLapTrackError = "BotFirstMessageLapTrackError",
     MessageStartLapTrackError = "MessageStartLapTrackError",
     MessageStopLapTrackError = "MessageStopLapTrackError",
-    SystemMessageReceived = "SystemMessageReceived",
-    RehydrateMessageReceived = "RehydrateMessageReceived",
-    CustomContextReceived = "CustomContextReceived",
+    SystemMessageReceivedCompleted = "SystemMessageReceivedCompleted",
+    RehydrateMessageReceivedCompleted = "RehydrateMessageReceivedCompleted",
+    CustomContextReceived = "CustomContextReceivedCompleted",
     NetworkDisconnected = "NetworkDisconnected",
     NetworkReconnected = "NetworkReconnected",
     LinkModePostChatWorkflowStarted = "LinkModePostChatWorkflowStarted",
@@ -209,7 +214,8 @@ export declare enum TelemetryEvent {
     PostChatWorkflowFromCustomer = "PostChatWorkflowFromCustomer",
     PostChatWorkflowFromAgent = "PostChatWorkflowFromAgent",
     PostChatWorkflowFromBot = "PostChatWorkflowFromBot",
-    PostChatContextCallSucceed = "PostChatContextCallSucceed",
+    PostChatContextCallStarted = "PostChatContextCallStarted",
+    PostChatContextCallCompleted = "PostChatContextCallCompleted",
     PostChatContextCallFailed = "PostChatContextCallFailed",
     PostChatSurveyLoadingPaneLoaded = "PostChatSurveyLoadingPaneLoaded",
     PostChatSurveyLoaded = "PostChatSurveyLoaded",
@@ -218,9 +224,9 @@ export declare enum TelemetryEvent {
     ChatDisconnectThreadEventReceived = "ChatDisconnectThreadEventReceived",
     HiddenAdaptiveCardMessageReceived = "HiddenAdaptiveCardMessageReceived",
     EndingAdapterAfterDisconnectionError = "EndingAdapterAfterDisconnectionError",
-    NewTokenSuccess = "NewTokenSuccess",
-    NewTokenFailed = "NewTokenFailed",
-    NewTokenExpired = "NewTokenExpired",
+    NewTokenValidationStarted = "NewTokenValidationStarted",
+    NewTokenValidationCompleted = "NewTokenValidationCompleted",
+    NewTokenValidationFailed = "NewTokenValidationFailed",
     TokenEmptyOrSame = "TokenEmptyOrSame",
     UXFooterStart = "UXFooterStart",
     UXFooterCompleted = "UXFooterCompleted",
@@ -230,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",
@@ -246,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;