@microsoft/omnichannel-chat-widget 1.7.8-main.bd4de53 → 1.7.8-main.d71f599

package/lib/cjs/common/facades/FacadeChatSDK.js

@@ -148,9 +148,20 @@ class FacadeChatSDK {
       }
     }
   }
+  async corroborateTokenIsSet(chatSDK) {
+    var _chatSDK$chatSDKConfi;
+    // if getAuthToken is not set, it's because handleAuthentication hasnt being called
+    // so we need to call it 
+    if (this.isAuthenticated && (chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$chatSDKConfi = chatSDK.chatSDKConfig) === null || _chatSDK$chatSDKConfi === void 0 ? void 0 : _chatSDK$chatSDKConfi.getAuthToken) === undefined) {
+      (0, _authHelper.handleAuthentication)(this.chatSDK, this.chatConfig, this.getAuthToken);
+    }
+  }
   async tokenRing() {
     var _this$chatSDK$chatSDK;
     if (this.disableReauthentication === true) {
+      // Since we are not validating the token anymore, we at least need to check if the token is set
+      // no need to validate anything other that the token is set
+      await this.corroborateTokenIsSet(this.chatSDK);
       // facade feature is disabled, so we are bypassing the re authentication and let it fail.
       return {
         result: true,
@@ -194,7 +205,7 @@ class FacadeChatSDK {
     this.expiration = 0;
     try {
       const ring = await (0, _authHelper.handleAuthentication)(this.chatSDK, this.chatConfig, this.getAuthToken);
-      if (ring.result === true && ring.token) {
+      if ((ring === null || ring === void 0 ? void 0 : ring.result) === true && ring !== null && ring !== void 0 && ring.token) {
         await this.setToken(ring.token);
         _TelemetryHelper.TelemetryHelper.logFacadeChatSDKEvent(_TelemetryConstants.LogLevel.INFO, {
           Event: _TelemetryConstants.TelemetryEvent.NewTokenSuccess,
@@ -211,12 +222,12 @@ class FacadeChatSDK {
         var _ring$error, _ring$error2;
         _TelemetryHelper.TelemetryHelper.logFacadeChatSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
           Event: _TelemetryConstants.TelemetryEvent.NewTokenFailed,
-          Description: (_ring$error = ring.error) === null || _ring$error === void 0 ? void 0 : _ring$error.message,
-          ExceptionDetails: ring.error
+          Description: ring === null || ring === void 0 ? void 0 : (_ring$error = ring.error) === null || _ring$error === void 0 ? void 0 : _ring$error.message,
+          ExceptionDetails: ring === null || ring === void 0 ? void 0 : ring.error
         });
         return {
           result: false,
-          message: ((_ring$error2 = ring.error) === null || _ring$error2 === void 0 ? void 0 : _ring$error2.message) || "Failed to get token"
+          message: (ring === null || ring === void 0 ? void 0 : (_ring$error2 = ring.error) === null || _ring$error2 === void 0 ? void 0 : _ring$error2.message) || "Failed to get token"
         };
       }
     } catch (e) {

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

@@ -66,6 +66,8 @@ exports.BroadcastEvent = BroadcastEvent;
   BroadcastEvent["ContactIdNotFound"] = "ContactIdNotFound";
   BroadcastEvent["SyncMinimize"] = "SyncMinimize";
   BroadcastEvent["OnWidgetError"] = "OnWidgetError";
+  BroadcastEvent["FMLTrackingCompletedAck"] = "FMLTrackingCompletedAck";
+  BroadcastEvent["FMLTrackingCompleted"] = "FMLTrackingCompleted";
 })(BroadcastEvent || (exports.BroadcastEvent = BroadcastEvent = {}));
 let TelemetryEvent;
 exports.TelemetryEvent = TelemetryEvent;
@@ -206,6 +208,8 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["MessageSent"] = "MessageSent";
   TelemetryEvent["MessageReceived"] = "MessageReceived";
   TelemetryEvent["MessageLapTrack"] = "MessageLapTrack";
+  TelemetryEvent["BotFirstMessageLapTrack"] = "BotFirstMessageLapTrack";
+  TelemetryEvent["BotFirstMessageLapTrackError"] = "BotFirstMessageLapTrackError";
   TelemetryEvent["MessageStartLapTrackError"] = "MessageStartLapTrackError";
   TelemetryEvent["MessageStopLapTrackError"] = "MessageStopLapTrackError";
   TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";

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

@@ -67,11 +67,6 @@ const getChatReconnectContext = async (facadeChatSDK, chatConfig, props, isAuthe
     const chatReconnectOptionalParams = {
       reconnectId: (_props$reconnectChatP4 = props.reconnectChatPaneProps) === null || _props$reconnectChatP4 === void 0 ? void 0 : _props$reconnectChatP4.reconnectId
     };
-    // Get auth token for getting chat reconnect context
-    if (isAuthenticatedChat) {
-      // handle authentication will throw error if auth token is not available, so no need to check for response
-      await (0, _authHelper.handleAuthentication)(facadeChatSDK.getChatSDK(), chatConfig, props.getAuthToken);
-    }
     const reconnectChatContext = await (facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.getChatReconnectContext(chatReconnectOptionalParams));
     if (isAuthenticatedChat) {
       // remove auth token after reconnectId is fetched

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

@@ -7,7 +7,6 @@ exports.setPreChatAndInitiateChat = exports.prepareStartChat = exports.initStart
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _Constants = require("../../../common/Constants");
 var _utils = require("../../../common/utils");
-var _authHelper = require("./authHelper");
 var _reconnectChatHelper = require("./reconnectChatHelper");
 var _startChatErrorHandler = require("./startChatErrorHandler");
 var _ActivityStreamHandler = require("./ActivityStreamHandler");
@@ -19,6 +18,7 @@ var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
 var _endChat = require("./endChat");
 var _createAdapter = require("./createAdapter");
 var _newMessageEventHandler = require("../../../plugins/newMessageEventHandler");
+var _FirstMessageTrackerFromBot = require("../../../firstresponselatency/FirstMessageTrackerFromBot");
 var _liveChatConfigUtils = require("./liveChatConfigUtils");
 var _setPostChatContextAndLoadSurvey = require("./setPostChatContextAndLoadSurvey");
 var _persistentChatHelper = require("./persistentChatHelper");
@@ -30,20 +30,6 @@ let widgetInstanceId;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let popoutWidgetInstanceId;
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setAuthenticationIfApplicable = async (props, facadeChatSDK) => {
-  const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
-  const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
-  const authClientFunction = (0, _authHelper.getAuthClientFunction)(chatConfig);
-  if (getAuthToken && authClientFunction) {
-    // set auth token to chat sdk before start chat
-    const authSuccess = await (0, _authHelper.handleAuthentication)(facadeChatSDK.getChatSDK(), chatConfig, getAuthToken);
-    if (!authSuccess.result) {
-      throw new Error(_Constants.WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
-    }
-  }
-};
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareStartChat = async (props, facadeChatSDK, state, dispatch, setAdapter) => {
   optionalParams = {}; //Resetting to ensure no stale values
@@ -71,11 +57,6 @@ const prepareStartChat = async (props, facadeChatSDK, state, dispatch, setAdapte
   const isProactiveChat = state.appStates.conversationState === _ConversationState.ConversationState.ProactiveChat;
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
 
-  // Setting auth settings to OC API to retrieve existing persistent chat session before start chat if any
-  if ((0, _reconnectChatHelper.isPersistentEnabled)(props.chatConfig)) {
-    await setAuthenticationIfApplicable(props, facadeChatSDK);
-  }
-
   //Setting PreChat and intiate chat
   await setPreChatAndInitiateChat(facadeChatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
 };
@@ -151,6 +132,7 @@ const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, is
   const optionalParams = {
     isProactiveChat
   };
+  (0, _FirstMessageTrackerFromBot.createTrackingForFirstMessage)();
   await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
@@ -179,9 +161,6 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
       Description: "Widget loading started"
     });
 
-    // Auth token retrieval needs to happen during start chat to support pop-out chat
-    await setAuthenticationIfApplicable(props, facadeChatSDK);
-
     //Check if chat retrieved from cache
     if (persistedState || params !== null && params !== void 0 && params.liveChatContext) {
       var _persistedState$domai, _persistedState$domai2, _persistedState$domai3, _persistedState$domai4, _persistedState$domai5;

package/lib/cjs/firstresponselatency/FirstMessageTrackerFromBot.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTrackingForFirstMessage = void 0;
+var _TelemetryConstants = require("../common/telemetry/TelemetryConstants");
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _TelemetryHelper = require("../common/telemetry/TelemetryHelper");
+var _util = require("./util");
+// This tracker is event based, this is since we are tracking events coming from different sources
+//  with different timeline, therefore this is a functional approach to track the events, instead of a class based approach
+const createTrackingForFirstMessage = () => {
+  // Reset the tracking variables
+  let startTracking = false;
+  let stopTracking = false;
+  let startTime = 0;
+  let stopTime = 0;
+  let stopTrackingMessage;
+  let flag = false;
+  const isMessageFromValidSender = payload => {
+    var _payload$tags;
+    // agent scenario
+    if (payload !== null && payload !== void 0 && (_payload$tags = payload.tags) !== null && _payload$tags !== void 0 && _payload$tags.includes("public")) {
+      return false;
+    }
+    return true;
+  };
+  const widgetLoadListener = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.TelemetryEvent.WidgetLoadComplete).subscribe(() => {
+    if (startTracking) return;
+    startTracking = true;
+    startTime = new Date().getTime();
+  });
+  const newMessageListener = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.NewMessageReceived).subscribe(message => {
+    const payload = message.payload;
+
+    // we only care for bot, so we need to check if the message is from the bot
+    // pending to add typing message indicator signal detection
+
+    if (isMessageFromValidSender(payload)) {
+      if (startTracking && !stopTracking) {
+        stopTime = new Date().getTime();
+        const elapsedTime = stopTime - startTime;
+        stopTracking = true;
+        stopTrackingMessage = (0, _util.createTrackingMessage)(payload, "botMessage");
+        notifyFMLTrackingCompleted();
+        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+          Event: _TelemetryConstants.TelemetryEvent.BotFirstMessageLapTrack,
+          Description: "First Message from Bot latency tracking",
+          CustomProperties: {
+            elapsedTime,
+            widgetLoadedAt: startTime,
+            botMessage: stopTrackingMessage
+          }
+        });
+      }
+    }
+
+    // this track only first message, if coming from the bot or not
+    // the only difference is that it logs only those from bot
+    disconnectListener();
+  });
+  const notifyFMLTrackingCompleted = () => {
+    ackListener();
+    // Retry sending until flag is true, but do not block the main thread
+    const interval = setInterval(() => {
+      if (flag) {
+        clearInterval(interval);
+      } else {
+        _omnichannelChatComponents.BroadcastService.postMessage({
+          eventName: _TelemetryConstants.BroadcastEvent.FMLTrackingCompleted,
+          payload: null
+        });
+      }
+    }, 100);
+  };
+  const ackListener = () => {
+    const listen = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.FMLTrackingCompletedAck).subscribe(() => {
+      flag = true;
+      listen.unsubscribe();
+    });
+  };
+
+  // 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 = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.TelemetryEvent.RehydrateMessageReceived).subscribe(() => {
+    startTracking = false;
+    stopTracking = false;
+    disconnectListener();
+  });
+
+  // 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 historyListener = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.HistoryMessageReceived).subscribe(() => {
+    startTracking = false;
+    stopTracking = false;
+    disconnectListener();
+  });
+  const offlineNetworkListener = _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.TelemetryEvent.NetworkDisconnected).subscribe(() => {
+    startTracking = false;
+    stopTracking = false;
+    disconnectListener();
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.BotFirstMessageLapTrackError,
+      Description: "Tracker Stopped due to network disconnection"
+    });
+  });
+
+  // this is to ensure that we are not tracking messages that are not part of the current conversation
+  const disconnectListener = () => {
+    historyListener.unsubscribe();
+    rehydrateListener.unsubscribe();
+    newMessageListener.unsubscribe();
+    widgetLoadListener.unsubscribe();
+    offlineNetworkListener.unsubscribe();
+  };
+};
+exports.createTrackingForFirstMessage = createTrackingForFirstMessage;

package/lib/cjs/firstresponselatency/FirstResponseLatencyTracker.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FirstResponseLatencyTracker = void 0;
 var _TelemetryConstants = require("../common/telemetry/TelemetryConstants");
+var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _TelemetryHelper = require("../common/telemetry/TelemetryHelper");
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
@@ -16,6 +17,32 @@ class FirstResponseLatencyTracker {
     _defineProperty(this, "isEnded", false);
     _defineProperty(this, "startTrackingMessage", void 0);
     _defineProperty(this, "stopTrackingMessage", void 0);
+    _defineProperty(this, "isReady", false);
+    _defineProperty(this, "offlineNetworkListener", _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.TelemetryEvent.NetworkDisconnected).subscribe(() => {
+      this.isStarted = false;
+      this.isEnded = false;
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.MessageStopLapTrackError,
+        Description: "Tracker Stopped due to network disconnection"
+      });
+    }));
+    _defineProperty(this, "fmltrackingListener", _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.FMLTrackingCompleted).subscribe(() => {
+      this.isReady = true;
+      _omnichannelChatComponents.BroadcastService.postMessage({
+        eventName: _TelemetryConstants.BroadcastEvent.FMLTrackingCompletedAck,
+        payload: null
+      });
+    }));
+    // 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", _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.TelemetryEvent.RehydrateMessageReceived).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
+    // No need to keep listerning for tracking, enforcing disconnection for the listners
+    _defineProperty(this, "historyListener", _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.HistoryMessageReceived).subscribe(() => {
+      this.isReady = true;
+    }));
     // this is a workaround to ensure in reload we track effectively the messages
     // we do have a mechanism in place to prevent log agent messages.
     this.isABotConversation = true;
@@ -35,6 +62,7 @@ class FirstResponseLatencyTracker {
 
   // Tracking Functions
   startTracking(payload) {
+    if (!this.isReady) return;
     //  this prevents to initiate tracking for multiple incoming messages
     if (this.isStarted) {
       return;
@@ -43,11 +71,9 @@ class FirstResponseLatencyTracker {
     if (!this.isABotConversation) {
       return;
     }
-
     // control of states to prevent clashing of messages
     this.isStarted = true;
     this.isEnded = false;
-
     // The idea  of using types is to enrich telemetry data 
     this.startTrackingMessage = this.createTrackingMessage(payload, "userMessage");
   }
@@ -99,9 +125,6 @@ class FirstResponseLatencyTracker {
       if (!payload || !payload.Id) {
         throw new Error("Invalid payload");
       }
-      // in the case of a reload, tracker will be paused, until last history message is received
-      // this is because we dont have a way to identidy send messages as part of the history
-      //if (this.inPause) return;
       this.startTracking(payload);
     } catch (e) {
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
@@ -147,6 +170,10 @@ class FirstResponseLatencyTracker {
     this.isEnded = false;
     this.startTrackingMessage = undefined;
     this.stopTrackingMessage = undefined;
+    this.offlineNetworkListener.unsubscribe();
+    this.fmltrackingListener.unsubscribe();
+    this.rehydrateListener.unsubscribe();
+    this.historyListener.unsubscribe();
   }
 }
 exports.FirstResponseLatencyTracker = FirstResponseLatencyTracker;

package/lib/cjs/firstresponselatency/util.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.polyfillMessagePayloadForEvent = exports.isHistoryMessage = exports.getScenarioType = exports.buildMessagePayload = void 0;
+exports.polyfillMessagePayloadForEvent = exports.isHistoryMessage = exports.getScenarioType = exports.createTrackingMessage = exports.buildMessagePayload = void 0;
 var _Constants = require("./Constants");
 var _Constants2 = require("../common/Constants");
 const isHistoryMessage = (activity, startTime) => {
@@ -82,4 +82,17 @@ const getScenarioType = activity => {
   }
   return _Constants.ScenarioType.ReceivedMessageStrategy;
 };
-exports.getScenarioType = getScenarioType;
+exports.getScenarioType = getScenarioType;
+const createTrackingMessage = (payload, type) => {
+  return {
+    Id: payload.Id,
+    role: payload.role,
+    timestamp: payload === null || payload === void 0 ? void 0 : payload.timestamp,
+    tags: payload.tags,
+    messageType: payload.messageType,
+    text: payload.text,
+    type: type,
+    checkTime: new Date().getTime()
+  };
+};
+exports.createTrackingMessage = createTrackingMessage;

package/lib/esm/common/facades/FacadeChatSDK.js

@@ -142,9 +142,20 @@ export class FacadeChatSDK {
       }
     }
   }
+  async corroborateTokenIsSet(chatSDK) {
+    var _chatSDK$chatSDKConfi;
+    // if getAuthToken is not set, it's because handleAuthentication hasnt being called
+    // so we need to call it 
+    if (this.isAuthenticated && (chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$chatSDKConfi = chatSDK.chatSDKConfig) === null || _chatSDK$chatSDKConfi === void 0 ? void 0 : _chatSDK$chatSDKConfi.getAuthToken) === undefined) {
+      handleAuthentication(this.chatSDK, this.chatConfig, this.getAuthToken);
+    }
+  }
   async tokenRing() {
     var _this$chatSDK$chatSDK;
     if (this.disableReauthentication === true) {
+      // Since we are not validating the token anymore, we at least need to check if the token is set
+      // no need to validate anything other that the token is set
+      await this.corroborateTokenIsSet(this.chatSDK);
       // facade feature is disabled, so we are bypassing the re authentication and let it fail.
       return {
         result: true,
@@ -188,7 +199,7 @@ export class FacadeChatSDK {
     this.expiration = 0;
     try {
       const ring = await handleAuthentication(this.chatSDK, this.chatConfig, this.getAuthToken);
-      if (ring.result === true && ring.token) {
+      if ((ring === null || ring === void 0 ? void 0 : ring.result) === true && ring !== null && ring !== void 0 && ring.token) {
         await this.setToken(ring.token);
         TelemetryHelper.logFacadeChatSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.NewTokenSuccess,
@@ -205,12 +216,12 @@ export class FacadeChatSDK {
         var _ring$error, _ring$error2;
         TelemetryHelper.logFacadeChatSDKEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.NewTokenFailed,
-          Description: (_ring$error = ring.error) === null || _ring$error === void 0 ? void 0 : _ring$error.message,
-          ExceptionDetails: ring.error
+          Description: ring === null || ring === void 0 ? void 0 : (_ring$error = ring.error) === null || _ring$error === void 0 ? void 0 : _ring$error.message,
+          ExceptionDetails: ring === null || ring === void 0 ? void 0 : ring.error
         });
         return {
           result: false,
-          message: ((_ring$error2 = ring.error) === null || _ring$error2 === void 0 ? void 0 : _ring$error2.message) || "Failed to get token"
+          message: (ring === null || ring === void 0 ? void 0 : (_ring$error2 = ring.error) === null || _ring$error2 === void 0 ? void 0 : _ring$error2.message) || "Failed to get token"
         };
       }
     } catch (e) {

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

@@ -61,6 +61,8 @@ export let BroadcastEvent;
   BroadcastEvent["ContactIdNotFound"] = "ContactIdNotFound";
   BroadcastEvent["SyncMinimize"] = "SyncMinimize";
   BroadcastEvent["OnWidgetError"] = "OnWidgetError";
+  BroadcastEvent["FMLTrackingCompletedAck"] = "FMLTrackingCompletedAck";
+  BroadcastEvent["FMLTrackingCompleted"] = "FMLTrackingCompleted";
 })(BroadcastEvent || (BroadcastEvent = {}));
 export let TelemetryEvent;
 (function (TelemetryEvent) {
@@ -200,6 +202,8 @@ export let TelemetryEvent;
   TelemetryEvent["MessageSent"] = "MessageSent";
   TelemetryEvent["MessageReceived"] = "MessageReceived";
   TelemetryEvent["MessageLapTrack"] = "MessageLapTrack";
+  TelemetryEvent["BotFirstMessageLapTrack"] = "BotFirstMessageLapTrack";
+  TelemetryEvent["BotFirstMessageLapTrackError"] = "BotFirstMessageLapTrackError";
   TelemetryEvent["MessageStartLapTrackError"] = "MessageStartLapTrackError";
   TelemetryEvent["MessageStopLapTrackError"] = "MessageStopLapTrackError";
   TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";

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

@@ -2,7 +2,7 @@ import "regenerator-runtime/runtime";
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { ConversationMode, WidgetLoadCustomErrorString } from "../../../common/Constants";
 import { checkContactIdError, isNullOrEmptyString, isNullOrUndefined } from "../../../common/utils";
-import { handleAuthentication, removeAuthTokenProvider } from "./authHelper";
+import { removeAuthTokenProvider } from "./authHelper";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
@@ -61,11 +61,6 @@ const getChatReconnectContext = async (facadeChatSDK, chatConfig, props, isAuthe
     const chatReconnectOptionalParams = {
       reconnectId: (_props$reconnectChatP4 = props.reconnectChatPaneProps) === null || _props$reconnectChatP4 === void 0 ? void 0 : _props$reconnectChatP4.reconnectId
     };
-    // Get auth token for getting chat reconnect context
-    if (isAuthenticatedChat) {
-      // handle authentication will throw error if auth token is not available, so no need to check for response
-      await handleAuthentication(facadeChatSDK.getChatSDK(), chatConfig, props.getAuthToken);
-    }
     const reconnectChatContext = await (facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.getChatReconnectContext(chatReconnectOptionalParams));
     if (isAuthenticatedChat) {
       // remove auth token after reconnectId is fetched

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

@@ -1,7 +1,6 @@
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
-import { Constants, LiveWorkItemState, WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
+import { Constants, LiveWorkItemState, WidgetLoadTelemetryMessage } from "../../../common/Constants";
 import { checkContactIdError, createTimer, getConversationDetailsCall, getStateFromCache, getWidgetCacheIdfromProps, isNullOrEmptyString, isNullOrUndefined, isUndefinedOrEmpty } from "../../../common/utils";
-import { getAuthClientFunction, handleAuthentication } from "./authHelper";
 import { handleChatReconnect, isPersistentEnabled, isReconnectEnabled } from "./reconnectChatHelper";
 import { handleStartChatError, logWidgetLoadComplete } from "./startChatErrorHandler";
 import { ActivityStreamHandler } from "./ActivityStreamHandler";
@@ -13,6 +12,7 @@ import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
 import { chatSDKStateCleanUp } from "./endChat";
 import { createAdapter } from "./createAdapter";
 import { createOnNewAdapterActivityHandler } from "../../../plugins/newMessageEventHandler";
+import { createTrackingForFirstMessage } from "../../../firstresponselatency/FirstMessageTrackerFromBot";
 import { isPersistentChatEnabled } from "./liveChatConfigUtils";
 import { setPostChatContextAndLoadSurvey } from "./setPostChatContextAndLoadSurvey";
 import { shouldSetPreChatIfPersistentChat } from "./persistentChatHelper";
@@ -25,20 +25,6 @@ let widgetInstanceId;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let popoutWidgetInstanceId;
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setAuthenticationIfApplicable = async (props, facadeChatSDK) => {
-  const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
-  const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
-  const authClientFunction = getAuthClientFunction(chatConfig);
-  if (getAuthToken && authClientFunction) {
-    // set auth token to chat sdk before start chat
-    const authSuccess = await handleAuthentication(facadeChatSDK.getChatSDK(), chatConfig, getAuthToken);
-    if (!authSuccess.result) {
-      throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
-    }
-  }
-};
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareStartChat = async (props, facadeChatSDK, state, dispatch, setAdapter) => {
   optionalParams = {}; //Resetting to ensure no stale values
@@ -66,11 +52,6 @@ const prepareStartChat = async (props, facadeChatSDK, state, dispatch, setAdapte
   const isProactiveChat = state.appStates.conversationState === ConversationState.ProactiveChat;
   const isPreChatEnabledInProactiveChat = state.appStates.proactiveChatStates.proactiveChatEnablePrechat;
 
-  // Setting auth settings to OC API to retrieve existing persistent chat session before start chat if any
-  if (isPersistentEnabled(props.chatConfig)) {
-    await setAuthenticationIfApplicable(props, facadeChatSDK);
-  }
-
   //Setting PreChat and intiate chat
   await setPreChatAndInitiateChat(facadeChatSDK, dispatch, setAdapter, isProactiveChat, isPreChatEnabledInProactiveChat, state, props);
 };
@@ -145,6 +126,7 @@ const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, is
   const optionalParams = {
     isProactiveChat
   };
+  createTrackingForFirstMessage();
   await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
@@ -172,9 +154,6 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
       Description: "Widget loading started"
     });
 
-    // Auth token retrieval needs to happen during start chat to support pop-out chat
-    await setAuthenticationIfApplicable(props, facadeChatSDK);
-
     //Check if chat retrieved from cache
     if (persistedState || params !== null && params !== void 0 && params.liveChatContext) {
       var _persistedState$domai, _persistedState$domai2, _persistedState$domai3, _persistedState$domai4, _persistedState$domai5;

package/lib/esm/firstresponselatency/FirstMessageTrackerFromBot.js

@@ -0,0 +1,112 @@
+import { BroadcastEvent, LogLevel, TelemetryEvent } from "../common/telemetry/TelemetryConstants";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { TelemetryHelper } from "../common/telemetry/TelemetryHelper";
+import { createTrackingMessage } from "./util";
+
+// This tracker is event based, this is since we are tracking events coming from different sources
+//  with different timeline, therefore this is a functional approach to track the events, instead of a class based approach
+export const createTrackingForFirstMessage = () => {
+  // Reset the tracking variables
+  let startTracking = false;
+  let stopTracking = false;
+  let startTime = 0;
+  let stopTime = 0;
+  let stopTrackingMessage;
+  let flag = false;
+  const isMessageFromValidSender = payload => {
+    var _payload$tags;
+    // agent scenario
+    if (payload !== null && payload !== void 0 && (_payload$tags = payload.tags) !== null && _payload$tags !== void 0 && _payload$tags.includes("public")) {
+      return false;
+    }
+    return true;
+  };
+  const widgetLoadListener = BroadcastService.getMessageByEventName(TelemetryEvent.WidgetLoadComplete).subscribe(() => {
+    if (startTracking) return;
+    startTracking = true;
+    startTime = new Date().getTime();
+  });
+  const newMessageListener = BroadcastService.getMessageByEventName(BroadcastEvent.NewMessageReceived).subscribe(message => {
+    const payload = message.payload;
+
+    // we only care for bot, so we need to check if the message is from the bot
+    // pending to add typing message indicator signal detection
+
+    if (isMessageFromValidSender(payload)) {
+      if (startTracking && !stopTracking) {
+        stopTime = new Date().getTime();
+        const elapsedTime = stopTime - startTime;
+        stopTracking = true;
+        stopTrackingMessage = createTrackingMessage(payload, "botMessage");
+        notifyFMLTrackingCompleted();
+        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.BotFirstMessageLapTrack,
+          Description: "First Message from Bot latency tracking",
+          CustomProperties: {
+            elapsedTime,
+            widgetLoadedAt: startTime,
+            botMessage: stopTrackingMessage
+          }
+        });
+      }
+    }
+
+    // this track only first message, if coming from the bot or not
+    // the only difference is that it logs only those from bot
+    disconnectListener();
+  });
+  const notifyFMLTrackingCompleted = () => {
+    ackListener();
+    // Retry sending until flag is true, but do not block the main thread
+    const interval = setInterval(() => {
+      if (flag) {
+        clearInterval(interval);
+      } else {
+        BroadcastService.postMessage({
+          eventName: BroadcastEvent.FMLTrackingCompleted,
+          payload: null
+        });
+      }
+    }, 100);
+  };
+  const ackListener = () => {
+    const listen = BroadcastService.getMessageByEventName(BroadcastEvent.FMLTrackingCompletedAck).subscribe(() => {
+      flag = true;
+      listen.unsubscribe();
+    });
+  };
+
+  // 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(() => {
+    startTracking = false;
+    stopTracking = false;
+    disconnectListener();
+  });
+
+  // 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 historyListener = BroadcastService.getMessageByEventName(BroadcastEvent.HistoryMessageReceived).subscribe(() => {
+    startTracking = false;
+    stopTracking = false;
+    disconnectListener();
+  });
+  const offlineNetworkListener = BroadcastService.getMessageByEventName(TelemetryEvent.NetworkDisconnected).subscribe(() => {
+    startTracking = false;
+    stopTracking = false;
+    disconnectListener();
+    TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.BotFirstMessageLapTrackError,
+      Description: "Tracker Stopped due to network disconnection"
+    });
+  });
+
+  // this is to ensure that we are not tracking messages that are not part of the current conversation
+  const disconnectListener = () => {
+    historyListener.unsubscribe();
+    rehydrateListener.unsubscribe();
+    newMessageListener.unsubscribe();
+    widgetLoadListener.unsubscribe();
+    offlineNetworkListener.unsubscribe();
+  };
+};

package/lib/esm/firstresponselatency/FirstResponseLatencyTracker.js

@@ -1,7 +1,8 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { LogLevel, TelemetryEvent } from "../common/telemetry/TelemetryConstants";
+import { BroadcastEvent, LogLevel, TelemetryEvent } from "../common/telemetry/TelemetryConstants";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { TelemetryHelper } from "../common/telemetry/TelemetryHelper";
 export class FirstResponseLatencyTracker {
   constructor() {
@@ -10,6 +11,32 @@ export class FirstResponseLatencyTracker {
     _defineProperty(this, "isEnded", false);
     _defineProperty(this, "startTrackingMessage", void 0);
     _defineProperty(this, "stopTrackingMessage", void 0);
+    _defineProperty(this, "isReady", false);
+    _defineProperty(this, "offlineNetworkListener", BroadcastService.getMessageByEventName(TelemetryEvent.NetworkDisconnected).subscribe(() => {
+      this.isStarted = false;
+      this.isEnded = false;
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.MessageStopLapTrackError,
+        Description: "Tracker Stopped due to network disconnection"
+      });
+    }));
+    _defineProperty(this, "fmltrackingListener", BroadcastService.getMessageByEventName(BroadcastEvent.FMLTrackingCompleted).subscribe(() => {
+      this.isReady = true;
+      BroadcastService.postMessage({
+        eventName: BroadcastEvent.FMLTrackingCompletedAck,
+        payload: null
+      });
+    }));
+    // 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(() => {
+      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
+    // No need to keep listerning for tracking, enforcing disconnection for the listners
+    _defineProperty(this, "historyListener", BroadcastService.getMessageByEventName(BroadcastEvent.HistoryMessageReceived).subscribe(() => {
+      this.isReady = true;
+    }));
     // this is a workaround to ensure in reload we track effectively the messages
     // we do have a mechanism in place to prevent log agent messages.
     this.isABotConversation = true;
@@ -29,6 +56,7 @@ export class FirstResponseLatencyTracker {
 
   // Tracking Functions
   startTracking(payload) {
+    if (!this.isReady) return;
     //  this prevents to initiate tracking for multiple incoming messages
     if (this.isStarted) {
       return;
@@ -37,11 +65,9 @@ export class FirstResponseLatencyTracker {
     if (!this.isABotConversation) {
       return;
     }
-
     // control of states to prevent clashing of messages
     this.isStarted = true;
     this.isEnded = false;
-
     // The idea  of using types is to enrich telemetry data 
     this.startTrackingMessage = this.createTrackingMessage(payload, "userMessage");
   }
@@ -93,9 +119,6 @@ export class FirstResponseLatencyTracker {
       if (!payload || !payload.Id) {
         throw new Error("Invalid payload");
       }
-      // in the case of a reload, tracker will be paused, until last history message is received
-      // this is because we dont have a way to identidy send messages as part of the history
-      //if (this.inPause) return;
       this.startTracking(payload);
     } catch (e) {
       TelemetryHelper.logActionEvent(LogLevel.ERROR, {
@@ -141,5 +164,9 @@ export class FirstResponseLatencyTracker {
     this.isEnded = false;
     this.startTrackingMessage = undefined;
     this.stopTrackingMessage = undefined;
+    this.offlineNetworkListener.unsubscribe();
+    this.fmltrackingListener.unsubscribe();
+    this.rehydrateListener.unsubscribe();
+    this.historyListener.unsubscribe();
   }
 }

package/lib/esm/firstresponselatency/util.js

@@ -72,4 +72,16 @@ export const getScenarioType = activity => {
     return ScenarioType.SystemMessageStrategy;
   }
   return ScenarioType.ReceivedMessageStrategy;
+};
+export const createTrackingMessage = (payload, type) => {
+  return {
+    Id: payload.Id,
+    role: payload.role,
+    timestamp: payload === null || payload === void 0 ? void 0 : payload.timestamp,
+    tags: payload.tags,
+    messageType: payload.messageType,
+    text: payload.text,
+    type: type,
+    checkTime: new Date().getTime()
+  };
 };

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/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",
@@ -193,6 +195,8 @@ export declare enum TelemetryEvent {
     MessageSent = "MessageSent",
     MessageReceived = "MessageReceived",
     MessageLapTrack = "MessageLapTrack",
+    BotFirstMessageLapTrack = "BotFirstMessageLapTrack",
+    BotFirstMessageLapTrackError = "BotFirstMessageLapTrackError",
     MessageStartLapTrackError = "MessageStartLapTrackError",
     MessageStopLapTrackError = "MessageStopLapTrackError",
     SystemMessageReceived = "SystemMessageReceived",

package/lib/types/firstresponselatency/FirstMessageTrackerFromBot.d.ts

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

package/lib/types/firstresponselatency/FirstResponseLatencyTracker.d.ts

@@ -5,6 +5,7 @@ export declare class FirstResponseLatencyTracker {
     private isEnded;
     private startTrackingMessage?;
     private stopTrackingMessage?;
+    private isReady;
     constructor();
     private createTrackingMessage;
     private startTracking;
@@ -13,5 +14,9 @@ export declare class FirstResponseLatencyTracker {
     private isMessageFromValidSender;
     startClock(payload: MessagePayload): void;
     stopClock(payload: MessagePayload): void;
+    private offlineNetworkListener;
+    private fmltrackingListener;
+    private rehydrateListener;
+    private historyListener;
     private deregister;
 }

package/lib/types/firstresponselatency/util.d.ts

@@ -1,6 +1,7 @@
-import { MessagePayload, ScenarioType } from "./Constants";
+import { MessagePayload, ScenarioType, TrackingMessage } from "./Constants";
 import { IActivity } from "botframework-directlinejs";
 export declare const isHistoryMessage: (activity: IActivity, startTime: number) => boolean;
 export declare const buildMessagePayload: (activity: IActivity, userId: string) => MessagePayload;
 export declare const polyfillMessagePayloadForEvent: (activity: IActivity, payload: MessagePayload, conversationId?: string) => MessagePayload;
 export declare const getScenarioType: (activity: IActivity) => ScenarioType;
+export declare const createTrackingMessage: (payload: MessagePayload, type: string) => TrackingMessage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.8-main.bd4de53",
+  "version": "1.7.8-main.d71f599",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -47,6 +47,7 @@
     "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.3",
     "botframework-directlinejs": "^0.15.0",
+    "concurrently": "^9.1.2",
     "copyfiles": "^2.4.1",
     "eslint": "^7.32.0",
     "eslint-config-standard": "^16.0.3",
@@ -56,10 +57,12 @@
     "eslint-plugin-react": "^7.26.1",
     "eslint-plugin-storybook": "^0.5.3",
     "file-loader": "^6.2.0",
+    "husky": "^9.1.7",
     "jest": "^27.3.1",
     "jest-dom": "^4.0.0",
     "jest-image-snapshot": "^4.5.1",
     "json": "^11.0.0",
+    "lint-staged": "^15.5.2",
     "p-defer": "^4.0.1",
     "playwright": "^1.20.0",
     "postcss": "^8.3.9",
@@ -67,9 +70,11 @@
     "react-docgen-typescript-plugin": "^1.0.8",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
+    "rimraf": "^6.0.1",
     "storybook-addon-playwright": "^4.9.2",
     "swiper": "^9.0.5",
     "terser-webpack-plugin": "^4.2.3",
+    "thread-loader": "^2.1.3",
     "ts-loader": "^9.2.6",
     "typescript": "4.9.5",
     "webpack": "^4.44.2",
@@ -97,7 +102,7 @@
     "compose-storybook": "start-storybook -c stories/.storybook -p 9009",
     "build-composite-storybook": "build-storybook -c stories/.storybook -o storybook-build",
     "build-storybook": "build-storybook",
-    "build": "yarn lint && yarn build:esm && yarn build:cjs && tsc",
+    "build": "yarn clean yarn lint && yarn build:esm && yarn build:cjs && tsc",
     "test:unit": "jest -c jest.config.unit.cjs --env=jsdom --runInBand --force-exit",
     "test:e2e": "cd automation_tests && yarn test",
     "test:e2e:build": "yarn build-sample && cd automation_tests && yarn test",
@@ -105,6 +110,8 @@
     "test:all": "yarn test:unit && yarn test:visual",
     "build:esm": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
     "build:cjs": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
+    "build:esm:watch": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --watch --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
+    "build:cjs:watch": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --watch --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx,**/*.spec.ts,**/*.spec.tsx",
     "build:umd": "webpack --config ./webpack.umd.config.cjs",
     "verify": "yarn install && yarn build-storybook && yarn test:all && yarn build && yarn storybook",
     "testpack": "yarn build && yarn pack",
@@ -112,7 +119,10 @@
     "build-sample:dev": "yarn build && webpack --config ./webpack.dev.config.cjs",
     "test:visual:build": "yarn build-storybook && yarn test:visual",
     "lint": "yarn eslint . --max-warnings=0",
-    "pretest:visual": "yarn playwright install"
+    "pretest:visual": "yarn playwright install",
+    "prepare": "husky install",
+    "clean": "rimraf lib",
+    "dev": "concurrently \"yarn build:esm:watch\" \"webpack --config ./webpack.config.cjs --watch\""
   },
   "resolutions": {
     "**/url-parse": "1.5.9",