@microsoft/omnichannel-chat-widget 1.8.4-main.7bdb634 → 1.8.4-main.c687f88

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

@@ -30,7 +30,7 @@ let PersistentConversationHandler = /*#__PURE__*/function () {
     _defineProperty(this, "facadeChatSDK", void 0);
     _defineProperty(this, "lastMessage", null);
     _defineProperty(this, "count", 0);
-    _defineProperty(this, "pageSize", 4);
+    _defineProperty(this, "pageSize", defaultPersistentChatHistoryProps.pageSize);
     _defineProperty(this, "isCurrentlyPulling", false);
     _defineProperty(this, "pageTokenInTransitSet", new Set());
     _defineProperty(this, "resetEventListener", BroadcastService.getMessageByEventName(BroadcastEvent.PersistentConversationReset).subscribe(() => {
@@ -42,18 +42,21 @@ let PersistentConversationHandler = /*#__PURE__*/function () {
       Event: TelemetryEvent.LCWPersistentConversationHandlerInitialized,
       Description: "PersistentConversationHandler initialized",
       CustomProperties: {
-        pageSize: this.pageSize
+        pageSize: defaultPersistentChatHistoryProps.pageSize
       }
     });
   }
   _createClass(PersistentConversationHandler, [{
     key: "appliedPropsHandler",
     value: function appliedPropsHandler(props) {
+      var _this$appliedProps;
       this.appliedProps = {
         ...defaultPersistentChatHistoryProps,
         ...props
       };
-      this.pageSize = this.appliedProps.pageSize || 4;
+
+      // if the props is not existent or is not a number then default to defaultPersistentChatHistoryProps.pageSize
+      this.pageSize = ((_this$appliedProps = this.appliedProps) === null || _this$appliedProps === void 0 ? void 0 : _this$appliedProps.pageSize) !== undefined && !isNaN(this.appliedProps.pageSize) ? this.appliedProps.pageSize : defaultPersistentChatHistoryProps.pageSize;
     }
   }, {
     key: "reset",
@@ -98,12 +101,23 @@ let PersistentConversationHandler = /*#__PURE__*/function () {
       try {
         var _ref;
         const messages = await this.fetchHistoryMessages();
-        if (messages === null || (messages === null || messages === void 0 ? void 0 : messages.length) === 0) {
+
+        // Handle error case - null indicates an error occurred
+        // Don't mark as last pull to allow retry on next attempt
+        if (messages == null) {
+          TelemetryHelper.logActionEvent(LogLevel.WARN, {
+            Event: TelemetryEvent.LCWPersistentHistoryReturnedNull,
+            Description: "History pull returned null - Possible error occurred, will retry on next scroll",
+            ElapsedTimeInMilliseconds: pullTimer.milliSecondsElapsed
+          });
+          return;
+        }
+
+        // Handle legitimate end of history - empty array
+        if (messages.length === 0) {
           this.isLastPull = true;
           // Dispatch event to notify UI that no more history is available
           dispatchCustomEvent(ChatWidgetEvents.NO_MORE_HISTORY_AVAILABLE);
-          // Also hide the loading banner
-          dispatchCustomEvent(ChatWidgetEvents.HIDE_LOADING_BANNER);
           TelemetryHelper.logActionEvent(LogLevel.INFO, {
             Event: TelemetryEvent.LCWPersistentHistoryPullCompleted,
             Description: "History pull completed - no more messages",
@@ -113,9 +127,6 @@ let PersistentConversationHandler = /*#__PURE__*/function () {
         }
         const messagesDescOrder = (_ref = [...messages]) === null || _ref === void 0 ? void 0 : _ref.reverse();
         this.processHistoryMessages(messagesDescOrder);
-
-        // Dispatch event to hide the loading banner after messages are processed
-        dispatchCustomEvent(ChatWidgetEvents.HIDE_LOADING_BANNER);
         TelemetryHelper.logActionEvent(LogLevel.INFO, {
           Event: TelemetryEvent.LCWPersistentHistoryPullCompleted,
           Description: "History pull completed successfully",
@@ -171,7 +182,6 @@ let PersistentConversationHandler = /*#__PURE__*/function () {
       if (!this.shouldPull()) {
         // Dispatch event to ensure banner is hidden when no more pulls are needed
         dispatchCustomEvent(ChatWidgetEvents.NO_MORE_HISTORY_AVAILABLE);
-        dispatchCustomEvent(ChatWidgetEvents.HIDE_LOADING_BANNER);
         return [];
       }
       const options = {
@@ -197,24 +207,20 @@ let PersistentConversationHandler = /*#__PURE__*/function () {
           this.isLastPull = true;
           // Dispatch event when we reach the end of available history
           dispatchCustomEvent(ChatWidgetEvents.NO_MORE_HISTORY_AVAILABLE);
-          // Also hide the loading banner
-          dispatchCustomEvent(ChatWidgetEvents.HIDE_LOADING_BANNER);
           return [];
         }
-        dispatchCustomEvent(ChatWidgetEvents.HIDE_LOADING_BANNER);
         return messages;
       } catch (error) {
         TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.FetchPersistentChatHistoryFailed,
           ExceptionDetails: error
         });
-        this.isLastPull = true;
-        this.pageToken = null;
-        // Dispatch event when there's an error to stop loading banner
-        dispatchCustomEvent(ChatWidgetEvents.NO_MORE_HISTORY_AVAILABLE);
-        // Also hide the loading banner
-        dispatchCustomEvent(ChatWidgetEvents.HIDE_LOADING_BANNER);
-        return [];
+
+        // On error, dispatch HISTORY_LOAD_ERROR to hide loading banner without marking conversation as ended
+        // This allows recovery on the next attempt (e.g., transient network errors)
+        // Return null to distinguish error from legitimate empty history
+        dispatchCustomEvent(ChatWidgetEvents.HISTORY_LOAD_ERROR);
+        return null;
       }
     }
   }, {

package/lib/esm/components/livechatwidget/common/defaultProps/defaultPersistentChatHistoryProps.js

@@ -1,6 +1,5 @@
 export const defaultPersistentChatHistoryProps = {
-  persistentChatHistoryEnabled: true,
-  pageSize: 4,
+  pageSize: 10,
   dividerActivityStyle: {
     border: "1px solid rgb(96, 94, 92, 0.5)",
     margin: "10px 20%"

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

@@ -6,6 +6,8 @@ import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LazyLoadHandler } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/LazyLoadActivity";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { NotificationHandler } from "../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
+import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { TelemetryManager } from "../../../common/telemetry/TelemetryManager";
 import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
@@ -195,6 +197,18 @@ const endChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWeb
       facadeChatSDK.destroy();
     }
   }
+
+  //moving logic below to before processing skipCloseChat logic to avoid race conditions of postMessage for endChatEvent for other tabs vs postMessage for CloseChat
+  //TODO: clarify if this postMessageToOtherTab actually works in production.
+  if (postMessageToOtherTab) {
+    const endChatEventName = await getEndChatEventName(facadeChatSDK, props);
+    BroadcastService.postMessage({
+      eventName: endChatEventName,
+      payload: {
+        runtimeId: TelemetryManager.InternalTelemetryData.lcwRuntimeId
+      }
+    });
+  }
   if (!skipCloseChat) {
     try {
       var _props$webChatContain;
@@ -234,17 +248,17 @@ const endChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWeb
       });
       closeChatWidget(dispatch, setWebChatStyles, props);
       facadeChatSDK.destroy();
+
+      //always post the close chat event after chat closed and cleanup completed
+      BroadcastService.postMessage({
+        eventName: BroadcastEvent.CloseChat
+      });
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.CloseChatCall,
+        Description: "Broadcasted close chat event"
+      });
     }
   }
-  if (postMessageToOtherTab) {
-    const endChatEventName = await getEndChatEventName(facadeChatSDK, props);
-    BroadcastService.postMessage({
-      eventName: endChatEventName,
-      payload: {
-        runtimeId: TelemetryManager.InternalTelemetryData.lcwRuntimeId
-      }
-    });
-  }
 };
 export const callingStateCleanUp = dispatch => {
   dispatch({
@@ -322,6 +336,9 @@ export const closeChatStateCleanUp = dispatch => {
     payload: {}
   });
 
+  // Dismiss the chat disconnect notification banner if it was shown
+  NotificationHandler.dismissNotification(NotificationScenarios.ChatDisconnect);
+
   // Clear live chat context only if chat widget is fully closed to support transcript calls after sessionclose is called
   dispatch({
     type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,

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

@@ -120,7 +120,14 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
     };
     webChatStore = createStore({},
     //initial state
-    preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), createCustomEventMiddleware(BroadcastService), createQueueOverflowMiddleware(state, dispatch), channelDataMiddleware(addConversationalSurveyTagsCallback), createConversationEndMiddleware(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, createMessageSequenceIdOverrideMiddleware, createCitationsMiddleware(state, dispatch), gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware, createCallActionMiddleware(), localizedStringsBotInitialsMiddleware(),
+    preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), createCustomEventMiddleware(BroadcastService), createQueueOverflowMiddleware(state, dispatch), channelDataMiddleware(addConversationalSurveyTagsCallback), createConversationEndMiddleware(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, createMessageSequenceIdOverrideMiddleware, createCitationsMiddleware(state, dispatch), gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware, createCallActionMiddleware(),
+    // Pass a callback so middleware can push initials into React context for reactivity
+    localizedStringsBotInitialsMiddleware(initials => {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_BOT_AVATAR_INITIALS,
+        payload: initials
+      });
+    }),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ...(((_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.storeMiddlewares) ?? []));
     WebChatStoreLoader.store = webChatStore;
@@ -163,7 +170,7 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
     dir: state.domainStates.globalDir,
     locale: changeLanguageCodeFormatForWebChat(getLocaleStringFromId((_state$domainStates$l4 = state.domainStates.liveChatConfig) === null || _state$domainStates$l4 === void 0 ? void 0 : (_state$domainStates$l5 = _state$domainStates$l4.ChatWidgetLanguage) === null || _state$domainStates$l5 === void 0 ? void 0 : _state$domainStates$l5.msdyn_localeid)),
     store: webChatStore,
-    activityMiddleware: (_props$webChatContain11 = props.webChatContainerProps) !== null && _props$webChatContain11 !== void 0 && (_props$webChatContain12 = _props$webChatContain11.renderingMiddlewareProps) !== null && _props$webChatContain12 !== void 0 && _props$webChatContain12.disableActivityMiddleware ? undefined : createActivityMiddleware(renderMarkdown, (_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.systemMessageStyleProps, (_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.userMessageStyleProps),
+    activityMiddleware: (_props$webChatContain11 = props.webChatContainerProps) !== null && _props$webChatContain11 !== void 0 && (_props$webChatContain12 = _props$webChatContain11.renderingMiddlewareProps) !== null && _props$webChatContain12 !== void 0 && _props$webChatContain12.disableActivityMiddleware ? undefined : createActivityMiddleware(renderMarkdown, (_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.systemMessageStyleProps, (_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.userMessageStyleProps, localizedTexts),
     attachmentMiddleware: (_props$webChatContain13 = props.webChatContainerProps) !== null && _props$webChatContain13 !== void 0 && (_props$webChatContain14 = _props$webChatContain13.renderingMiddlewareProps) !== null && _props$webChatContain14 !== void 0 && _props$webChatContain14.disableAttachmentMiddleware ? undefined : createAttachmentMiddleware(((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : (_state$domainStates$r4 = _state$domainStates$r3.attachmentProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.enableInlinePlaying) ?? defaultAttachmentProps.enableInlinePlaying),
     activityStatusMiddleware: (_props$webChatContain15 = props.webChatContainerProps) !== null && _props$webChatContain15 !== void 0 && (_props$webChatContain16 = _props$webChatContain15.renderingMiddlewareProps) !== null && _props$webChatContain16 !== void 0 && _props$webChatContain16.disableActivityStatusMiddleware ? undefined : createActivityStatusMiddleware(getLocaleStringFromId((_state$domainStates$l6 = state.domainStates.liveChatConfig) === null || _state$domainStates$l6 === void 0 ? void 0 : (_state$domainStates$l7 = _state$domainStates$l6.ChatWidgetLanguage) === null || _state$domainStates$l7 === void 0 ? void 0 : _state$domainStates$l7.msdyn_localeid)),
     toastMiddleware: (_props$webChatContain17 = props.webChatContainerProps) !== null && _props$webChatContain17 !== void 0 && (_props$webChatContain18 = _props$webChatContain17.renderingMiddlewareProps) !== null && _props$webChatContain18 !== void 0 && _props$webChatContain18.disableToastMiddleware ? undefined : createToastMiddleware(props.notificationPaneProps, endChat),

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

@@ -1,11 +1,13 @@
+import { isNullOrUndefined, parseBooleanFromConfig } from "../../../common/utils";
 import { ConversationMode } from "../../../common/Constants";
-import { isNullOrUndefined } from "../../../common/utils";
 export const isPostChatSurveyEnabled = async facadeChatSDK => {
   var _chatConfig$LiveWSAnd;
   const chatConfig = await facadeChatSDK.getLiveChatConfig();
   const postChatEnabled = (_chatConfig$LiveWSAnd = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd === void 0 ? void 0 : _chatConfig$LiveWSAnd.msdyn_postconversationsurveyenable.toString().toLowerCase();
   return postChatEnabled === "true";
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const getPostChatSurveyConfig = async facadeChatSDK => {
   var _chatConfig$LiveWSAnd2, _chatConfig$LiveWSAnd3, _chatConfig$LiveWSAnd4, _chatConfig$LiveWSAnd5, _chatConfig$LiveWSAnd6, _chatConfig$LiveWSAnd7, _chatConfig$LiveWSAnd8, _chatConfig$LiveWSAnd9, _chatConfig$LiveWSAnd10;
   const chatConfig = await facadeChatSDK.getLiveChatConfig();
@@ -26,5 +28,34 @@ export const isPersistentChatEnabled = conversationMode => {
   if (isNullOrUndefined(conversationMode)) {
     return false;
   }
-  return (conversationMode === null || conversationMode === void 0 ? void 0 : conversationMode.toString().toLowerCase()) === ConversationMode.Persistent;
+  return (conversationMode === null || conversationMode === void 0 ? void 0 : conversationMode.toString()) === ConversationMode.Persistent;
+};
+
+/**
+ * Determines if persistent chat history should be loaded based on all required conditions.
+ * 
+ * @param extendedChatConfig - The extended chat configuration object
+ * @returns true if ALL conditions are met:
+ *   1. Conversation mode must be Persistent ("192350001")
+ *   2. History is enabled in admin config (msdyn_enablepersistentchatpreviousconversations)
+ *   3. History is enabled via feature flag (lcwPersistentChatHistoryEnabled)
+ */
+export const shouldLoadPersistentChatHistory = extendedChatConfig => {
+  var _extendedChatConfig$L, _extendedChatConfig$L2, _extendedChatConfig$L3;
+  // CRITICAL: First check if conversation mode is persistent
+  // Only persistent mode ("192350001") should allow history loading
+  const isPersistentChatEnabledForWidget = isPersistentChatEnabled(extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L = extendedChatConfig.LiveWSAndLiveChatEngJoin) === null || _extendedChatConfig$L === void 0 ? void 0 : _extendedChatConfig$L.msdyn_conversationmode);
+  if (!isPersistentChatEnabledForWidget) {
+    return false;
+  }
+
+  // Check if history is enabled in admin config (handles both boolean and string "true"/"false")
+  const isHistoryEnabledInConfig = parseBooleanFromConfig(extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L2 = extendedChatConfig.LiveWSAndLiveChatEngJoin) === null || _extendedChatConfig$L2 === void 0 ? void 0 : _extendedChatConfig$L2.msdyn_enablepersistentchatpreviousconversations);
+  if (!isHistoryEnabledInConfig) {
+    return false;
+  }
+
+  // Check if history is enabled via feature flag (handles both boolean and string "true"/"false")
+  const isHistoryEnabledViaFCB = parseBooleanFromConfig(extendedChatConfig === null || extendedChatConfig === void 0 ? void 0 : (_extendedChatConfig$L3 = extendedChatConfig.LcwFcbConfiguration) === null || _extendedChatConfig$L3 === void 0 ? void 0 : _extendedChatConfig$L3.lcwPersistentChatHistoryEnabled);
+  return isHistoryEnabledViaFCB;
 };

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

@@ -24,7 +24,10 @@ export const registerTelemetryLoggers = (props, dispatch) => {
       appInsightsConfig: Object.assign({}, defaultAppInsightsConfig, props.appInsightsConfig)
     };
     if (props.chatConfig) {
+      var _props$chatConfig$Liv;
       telemetryData = TelemetryHelper.addChatConfigDataToTelemetry(props === null || props === void 0 ? void 0 : props.chatConfig, telemetryData);
+      //store AppInsights instrumentation key from chatConfig if present
+      telemetryData.chatConfigAppInsightsKey = (_props$chatConfig$Liv = props.chatConfig.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig$Liv === void 0 ? void 0 : _props$chatConfig$Liv.AppInsightsInstrumentationKey;
     }
     if (!((_props$chatSDK = props.chatSDK) !== null && _props$chatSDK !== void 0 && (_props$chatSDK$omnich = _props$chatSDK.omnichannelConfig) !== null && _props$chatSDK$omnich !== void 0 && _props$chatSDK$omnich.orgId) || ((_props$chatSDK2 = props.chatSDK) === null || _props$chatSDK2 === void 0 ? void 0 : (_props$chatSDK2$omnic = _props$chatSDK2.omnichannelConfig) === null || _props$chatSDK2$omnic === void 0 ? void 0 : _props$chatSDK2$omnic.orgId.trim().length) === 0) {
       throw new Error("orgId is undefined in ChatSDK");

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

@@ -149,7 +149,7 @@ const getPostChatContext = async (facadeChatSDK, state, dispatch) => {
       if ((state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.postChatContext) === undefined) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const context = await facadeChatSDK.getPostChatSurveyContext();
-        TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+        TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PostChatContextCallSucceed,
           Description: PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
         });
@@ -167,7 +167,7 @@ const getPostChatContext = async (facadeChatSDK, state, dispatch) => {
       }
     }
   } catch (error) {
-    TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.ERROR, {
+    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.PostChatContextCallFailed,
       Description: PostChatSurveyTelemetryMessage.PostChatContextCallFailed,
       ExceptionDetails: {

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

@@ -19,13 +19,13 @@ export const setPostChatContextAndLoadSurvey = async (facadeChatSDK, dispatch, p
     const postChatEnabled = postChatConfig.postChatEnabled;
     if (postChatEnabled) {
       if (!persistedChat) {
-        TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+        TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PostChatContextCallStarted,
           Description: PostChatSurveyTelemetryMessage.PostChatContextCallStarted
         });
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const context = await facadeChatSDK.getPostChatSurveyContext();
-        TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
+        TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PostChatContextCallSucceed,
           Description: PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
         });
@@ -42,7 +42,7 @@ export const setPostChatContextAndLoadSurvey = async (facadeChatSDK, dispatch, p
       }
     }
   } catch (ex) {
-    TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.ERROR, {
+    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
       Event: TelemetryEvent.PostChatContextCallFailed,
       Description: PostChatSurveyTelemetryMessage.PostChatContextCallFailed,
       ExceptionDetails: {

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

@@ -1,9 +1,9 @@
-import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { BroadcastEvent, ConversationStage, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { Constants, LiveWorkItemState, WidgetLoadTelemetryMessage } from "../../../common/Constants";
 import { TelemetryManager, TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
 import { checkContactIdError, createTimer, getConversationDetailsCall, getStateFromCache, getWidgetCacheIdfromProps, isNullOrEmptyString, isNullOrUndefined, isUndefinedOrEmpty } from "../../../common/utils";
 import { handleChatReconnect, isPersistentEnabled, isReconnectEnabled } from "./reconnectChatHelper";
-import { handleStartChatError, logWidgetLoadComplete } from "./startChatErrorHandler";
+import { handleStartChatError, logStartChatComplete, logWidgetLoadComplete } from "./startChatErrorHandler";
 import { ActivityStreamHandler } from "./ActivityStreamHandler";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
@@ -174,7 +174,10 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
     TelemetryTimers.WidgetLoadTimer = createTimer();
     TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
       Event: TelemetryEvent.WidgetLoadStarted,
-      Description: "Widget start chat started."
+      Description: "Widget start chat started.",
+      CustomProperties: {
+        ConversationStage: ConversationStage.Initialization
+      }
     });
 
     //Check if chat retrieved from cache
@@ -202,6 +205,7 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
       const startTime = new Date().getTime();
       createTrackingForFirstMessage();
       await facadeChatSDK.startChat(startChatOptionalParams);
+      logStartChatComplete();
       isStartChatSuccessful = true;
       await createAdapterAndSubscribe(facadeChatSDK, dispatch, setAdapter, startTime, props);
     } catch (error) {

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

@@ -1,5 +1,5 @@
 import { ChatSDKError, ChatSDKErrorName } from "@microsoft/omnichannel-chat-sdk";
-import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { ConversationStage, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { PrepareEndChatDescriptionConstants, WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
 import { callingStateCleanUp, chatSDKStateCleanUp, closeChatStateCleanUp, endChatStateCleanUp } from "./endChat";
 import { ConversationState } from "../../../contexts/common/ConversationState";
@@ -118,7 +118,10 @@ const logWidgetLoadFailed = ex => {
     Event: TelemetryEvent.WidgetLoadFailed,
     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
+    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed,
+    CustomProperties: {
+      ConversationStage: ConversationStage.Initialization
+    }
   });
 };
 export const logWidgetLoadComplete = additionalMessage => {
@@ -133,6 +136,16 @@ export const logWidgetLoadComplete = additionalMessage => {
     ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg2 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg2 === void 0 ? void 0 : _TelemetryTimers$Widg2.milliSecondsElapsed
   });
 };
+export const logStartChatComplete = additionalMessage => {
+  let descriptionString = "Start chat complete";
+  if (additionalMessage) {
+    descriptionString += `. ${additionalMessage}`;
+  }
+  TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+    Event: TelemetryEvent.StartChatComplete,
+    Description: descriptionString
+  });
+};
 const logWidgetLoadCompleteWithError = ex => {
   var _TelemetryTimers$Widg3;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -149,7 +162,10 @@ const logWidgetLoadCompleteWithError = ex => {
     Event: TelemetryEvent.WidgetLoadFailed,
     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
+    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed,
+    CustomProperties: {
+      ConversationStage: ConversationStage.Initialization
+    }
   });
 };
 export const logWidgetLoadWithUnexpectedError = ex => {
@@ -177,7 +193,10 @@ export const logWidgetLoadWithUnexpectedError = ex => {
     Event: TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load with unexpected error",
     ExceptionDetails: exDetails,
-    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed
+    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed,
+    CustomProperties: {
+      ConversationStage: ConversationStage.Initialization
+    }
   });
 };