@microsoft/omnichannel-chat-widget 1.7.8-main.9e74278 → 1.7.8-main.d38af40

package/lib/cjs/plugins/newMessageEventHandler.js

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

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

@@ -199,6 +199,9 @@ export let TelemetryEvent;
   TelemetryEvent["ReconnectChatMinimize"] = "ReconnectChatMinimize";
   TelemetryEvent["MessageSent"] = "MessageSent";
   TelemetryEvent["MessageReceived"] = "MessageReceived";
+  TelemetryEvent["MessageLapTrack"] = "MessageLapTrack";
+  TelemetryEvent["MessageStartLapTrackError"] = "MessageStartLapTrackError";
+  TelemetryEvent["MessageStopLapTrackError"] = "MessageStopLapTrackError";
   TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";
   TelemetryEvent["RehydrateMessageReceived"] = "RehydrateMessageReceived";
   TelemetryEvent["CustomContextReceived"] = "CustomContextReceived";
@@ -213,6 +216,8 @@ export let TelemetryEvent;
   TelemetryEvent["PostChatContextCallFailed"] = "PostChatContextCallFailed";
   TelemetryEvent["PostChatSurveyLoadingPaneLoaded"] = "PostChatSurveyLoadingPaneLoaded";
   TelemetryEvent["PostChatSurveyLoaded"] = "PostChatSurveyLoaded";
+  TelemetryEvent["PostChatSurveyUrlValidationCompleted"] = "PostChatSurveyUrlValidationCompleted";
+  TelemetryEvent["PostChatSurveyUrlValidationFailed"] = "PostChatSurveyUrlValidationFailed";
   TelemetryEvent["ChatDisconnectThreadEventReceived"] = "ChatDisconnectThreadEventReceived";
   TelemetryEvent["HiddenAdaptiveCardMessageReceived"] = "HiddenAdaptiveCardMessageReceived";
   TelemetryEvent["EndingAdapterAfterDisconnectionError"] = "EndingAdapterAfterDisconnectionError";

package/lib/esm/components/livechatwidget/common/ActivitySubscriber/BotAuthActivitySubscriber.js

@@ -6,6 +6,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../../common/telemetry/TelemetryHelper";
+import { TelemetryManager } from "../../../../common/telemetry/TelemetryManager";
 const supportedSignInCardContentTypes = ["application/vnd.microsoft.card.signin", "application/vnd.microsoft.card.oauth"];
 const botOauthUrlRegex = /[\S]+.botframework.com\/api\/oauth\/signin\?signin=([\S]+)/;
 const delay = t => new Promise(resolve => setTimeout(resolve, t));
@@ -83,6 +84,7 @@ export class BotAuthActivitySubscriber {
     return (activity === null || activity === void 0 ? void 0 : (_activity$attachments = activity.attachments) === null || _activity$attachments === void 0 ? void 0 : _activity$attachments.length) > 0 && activity.attachments[0] && supportedSignInCardContentTypes.indexOf(activity.attachments[0].contentType) >= 0;
   }
   async apply(activity) {
+    var _TelemetryManager$Int;
     this.observer.next(false); // Hides card
     const attachment = activity.attachments[0];
     const signInUrl = attachment.content.buttons[0].value;
@@ -102,7 +104,8 @@ export class BotAuthActivitySubscriber {
     const event = {
       eventName: BroadcastEvent.SigninCardReceived,
       payload: {
-        sasUrl
+        sasUrl,
+        conversationId: (_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.conversationId
       }
     };
     if (!sasUrl) {

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

@@ -203,7 +203,7 @@ const endChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWeb
         payload: undefined
       });
       // Always allow to close the chat for embedded mode irrespective of end chat errors
-      closeChatWidget(dispatch, props, state);
+      closeChatWidget(dispatch);
       facadeChatSDK.destroy();
     }
   }
@@ -327,21 +327,7 @@ export const endVoiceVideoCallIfOngoing = async (facadeChatSDK, dispatch) => {
     }, callId);
   }
 };
-const closeChatWidget = (dispatch, props, state) => {
-  var _state$appStates5;
-  if (state !== null && state !== void 0 && (_state$appStates5 = state.appStates) !== null && _state$appStates5 !== void 0 && _state$appStates5.hideStartChatButton) {
-    var _props$controlProps2, _props$controlProps3;
-    // Only close chat if header is enabled for popout
-    // TODO : This condition needs to be removed eventually when the filler UX is ready for popout, removing this condition would show a blank screen for OOB Widget
-    if ((props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.hideHeader) === undefined || (props === null || props === void 0 ? void 0 : (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.hideHeader) === false) {
-      dispatch({
-        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-        payload: ConversationState.Closed
-      });
-    }
-    return;
-  }
-
+const closeChatWidget = dispatch => {
   // Embedded chat
   dispatch({
     type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
@@ -361,7 +347,7 @@ const chatTokenCleanUp = async dispatch => {
 };
 
 const getEndChatEventName = async (facadeChatSDK, props) => {
-  var _facadeChatSDK$getCha2, _facadeChatSDK$getCha3, _facadeChatSDK$getCha4, _facadeChatSDK$getCha5, _props$controlProps4;
-  return getWidgetEndChatEventName((_facadeChatSDK$getCha2 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha2 === void 0 ? void 0 : (_facadeChatSDK$getCha3 = _facadeChatSDK$getCha2.omnichannelConfig) === null || _facadeChatSDK$getCha3 === void 0 ? void 0 : _facadeChatSDK$getCha3.orgId, (_facadeChatSDK$getCha4 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha4 === void 0 ? void 0 : (_facadeChatSDK$getCha5 = _facadeChatSDK$getCha4.omnichannelConfig) === null || _facadeChatSDK$getCha5 === void 0 ? void 0 : _facadeChatSDK$getCha5.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.widgetInstanceId) ?? "");
+  var _facadeChatSDK$getCha2, _facadeChatSDK$getCha3, _facadeChatSDK$getCha4, _facadeChatSDK$getCha5, _props$controlProps2;
+  return getWidgetEndChatEventName((_facadeChatSDK$getCha2 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha2 === void 0 ? void 0 : (_facadeChatSDK$getCha3 = _facadeChatSDK$getCha2.omnichannelConfig) === null || _facadeChatSDK$getCha3 === void 0 ? void 0 : _facadeChatSDK$getCha3.orgId, (_facadeChatSDK$getCha4 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha4 === void 0 ? void 0 : (_facadeChatSDK$getCha5 = _facadeChatSDK$getCha4.omnichannelConfig) === null || _facadeChatSDK$getCha5 === void 0 ? void 0 : _facadeChatSDK$getCha5.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.widgetInstanceId) ?? "");
 };
 export { prepareEndChat, endChat };

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

@@ -409,7 +409,7 @@ export const LiveChatWidgetStateful = props => {
 
     // Start chat from SDK Event
     BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
-      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4, _inMemoryState$appSta5;
+      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3;
       // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
       if (typeof (props === null || props === void 0 ? void 0 : (_props$chatConfig5 = props.chatConfig) === null || _props$chatConfig5 === void 0 ? void 0 : (_props$chatConfig5$Li = _props$chatConfig5.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig5$Li === void 0 ? void 0 : _props$chatConfig5$Li.OutOfOperatingHours) === "string" && (props === null || props === void 0 ? void 0 : (_props$chatConfig6 = props.chatConfig) === null || _props$chatConfig6 === void 0 ? void 0 : (_props$chatConfig6$Li = _props$chatConfig6.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig6$Li === void 0 ? void 0 : _props$chatConfig6$Li.OutOfOperatingHours.toLowerCase()) === "true") {
         (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
@@ -447,8 +447,14 @@ export const LiveChatWidgetStateful = props => {
       });
       inMemoryState.domainStates.customContext = msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.customContext;
 
-      // Only initiate new chat if widget runtime state is one of the followings
-      if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === ConversationState.Closed || ((_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.conversationState) === ConversationState.InActive || ((_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === ConversationState.Postchat) {
+      /*
+      * If the conversation is in closed state then we start a new chat, 
+      * else if the conversation is in active state then we maximize the chat
+      *  If the conversation is in inactive or postchat state then we maximize the chat.
+      * 
+      * To start a new chat, it needs to be called via the close button or close chat via SDK.
+      **/
+      if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === ConversationState.Closed) {
         BroadcastService.postMessage({
           eventName: BroadcastEvent.ChatInitiated
         });
@@ -457,7 +463,7 @@ export const LiveChatWidgetStateful = props => {
       }
 
       // If minimized, maximize the chat
-      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.isMinimized) === true) {
+      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.isMinimized) === true) {
         var _inMemoryState$domain, _inMemoryState$domain2, _inMemoryState$domain3, _inMemoryState$domain4;
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
@@ -585,12 +591,12 @@ export const LiveChatWidgetStateful = props => {
         disablePolling: true
       });
       facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.onAgentEndSession(event => {
-        var _inMemoryState$appSta6;
+        var _inMemoryState$appSta4;
         const inMemoryState = executeReducer(state, {
           type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
           payload: null
         });
-        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta6 = inMemoryState.appStates) === null || _inMemoryState$appSta6 === void 0 ? void 0 : _inMemoryState$appSta6.conversationState) === ConversationState.Active) {
+        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === ConversationState.Active) {
           setWebChatStyles(styles => {
             return {
               ...styles,
@@ -733,13 +739,13 @@ export const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   useEffect(() => {
-    var _inMemoryState$appSta7;
+    var _inMemoryState$appSta5;
     const inMemoryState = executeReducer(state, {
       type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
     handleChatDisconnect(props, inMemoryState, setWebChatStyles);
-    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta7 = inMemoryState.appStates) === null || _inMemoryState$appSta7 === void 0 ? void 0 : _inMemoryState$appSta7.chatDisconnectEventReceived;
+    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.chatDisconnectEventReceived;
     if (chatDisconnectState && adapter) {
       try {
         adapter.end();

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

@@ -5,6 +5,7 @@ import { OutOfOfficeHoursPane } from "@microsoft/omnichannel-chat-components";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultGeneralStyleProps } from "./common/defaultStyleProps/defaultgeneralOOOHPaneStyleProps";
 import useChatContextStore from "../../hooks/useChatContextStore";
+import DOMPurify from "dompurify";
 let uiTimer;
 export const OutOfOfficeHoursPaneStateful = props => {
   var _props$styleProps;
@@ -40,6 +41,9 @@ export const OutOfOfficeHoursPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+  if (controlProps !== null && controlProps !== void 0 && controlProps.titleText) {
+    controlProps.titleText = DOMPurify.sanitize(controlProps.titleText);
+  }
   return /*#__PURE__*/React.createElement(OutOfOfficeHoursPane, {
     componentOverrides: props.componentOverrides,
     controlProps: controlProps,

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

@@ -8,14 +8,16 @@ import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultGeneralPostChatSurveyPaneStyleProps } from "./common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps";
 import { findAllFocusableElement } from "../../common/utils";
 import useChatContextStore from "../../hooks/useChatContextStore";
+import isValidSurveyUrl from "./common/isValidSurveyUrl";
 const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact) {
   let showMultiLingual = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  const surveyLink = `${surveyInviteLink}
-            &embed=${isEmbed.toString()}
-            &compact=${compact.toString() ?? "true"}
-            &lang=${locale ?? "en-us"}
-            &showmultilingual=${showMultiLingual.toString() ?? "false"}`;
-  return surveyLink;
+  const surveyLinkParams = new URLSearchParams({
+    embed: isEmbed.toString(),
+    compact: (compact ?? true).toString(),
+    lang: locale ?? "en-us",
+    showmultilingual: (showMultiLingual ?? false).toString()
+  });
+  return `${surveyInviteLink}&${surveyLinkParams.toString()}`;
 };
 export const PostChatSurveyPaneStateful = props => {
   var _props$styleProps, _state$appStates, _props$controlProps;
@@ -45,6 +47,20 @@ export const PostChatSurveyPaneStateful = props => {
     surveyURL: ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.surveyURL) ?? surveyInviteLink,
     ...props.controlProps
   };
+  if (controlProps.surveyURL) {
+    if (!isValidSurveyUrl(controlProps.surveyURL)) {
+      TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.PostChatSurveyUrlValidationFailed,
+        Description: `${controlProps.surveyURL} is not a valid Survey URL`
+      });
+      controlProps.surveyURL = "";
+    } else {
+      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.PostChatSurveyUrlValidationCompleted,
+        Description: `${controlProps.surveyURL} is a valid Survey URL`
+      });
+    }
+  }
 
   // Move focus to the first button
   useEffect(() => {

package/lib/esm/components/postchatsurveypanestateful/common/isValidSurveyUrl.js

@@ -0,0 +1,21 @@
+import { isNullOrEmptyString } from "../../../common/utils";
+const validRootDomains = ["microsoft.com", "microsoft.us", "appsplatform.us", "powervirtualagents.cn"];
+const isValidSurveyUrl = url => {
+  if (isNullOrEmptyString(url)) {
+    return false;
+  }
+  try {
+    const objectUrl = new URL(url);
+    if (!objectUrl.origin || objectUrl.origin === "null") {
+      return false;
+    }
+    const validDomain = validRootDomains.find(domain => objectUrl.origin.endsWith(domain));
+    if (validDomain) {
+      return true;
+    }
+  } catch (error) {
+    return false;
+  }
+  return false;
+};
+export default isValidSurveyUrl;

package/lib/esm/contexts/common/LiveChatWidgetContextInitialState.js

@@ -1,9 +1,9 @@
-import { ConversationState } from "./ConversationState";
-import { defaultMiddlewareLocalizedTexts } from "../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
-import { getWidgetCacheIdfromProps, isNullOrUndefined } from "../../common/utils";
-import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
 import { ConfirmationState, Constants, ConversationEndEntity, StorageType } from "../../common/Constants";
+import { getWidgetCacheIdfromProps, isNullOrUndefined } from "../../common/utils";
+import { ConversationState } from "./ConversationState";
 import { StartChatFailureType } from "./StartChatFailureType";
+import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
+import { defaultMiddlewareLocalizedTexts } from "../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
 export const getLiveChatWidgetContextInitialState = props => {
   var _props$controlProps, _props$webChatContain;
   const widgetCacheId = getWidgetCacheIdfromProps(props);

package/lib/esm/firstresponselatency/Constants.js

@@ -0,0 +1,6 @@
+export let ScenarioType;
+(function (ScenarioType) {
+  ScenarioType["UserSendMessageStrategy"] = "UserSendMessageStrategy";
+  ScenarioType["SystemMessageStrategy"] = "SystemMessageStrategy";
+  ScenarioType["ReceivedMessageStrategy"] = "ReceivedMessageStrategy";
+})(ScenarioType || (ScenarioType = {}));

package/lib/esm/firstresponselatency/FirstResponseLatencyTracker.js

@@ -0,0 +1,145 @@
+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 { TelemetryHelper } from "../common/telemetry/TelemetryHelper";
+export class FirstResponseLatencyTracker {
+  constructor() {
+    _defineProperty(this, "isABotConversation", false);
+    _defineProperty(this, "isStarted", false);
+    _defineProperty(this, "isEnded", false);
+    _defineProperty(this, "startTrackingMessage", void 0);
+    _defineProperty(this, "stopTrackingMessage", void 0);
+    // 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;
+  }
+  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()
+    };
+  }
+
+  // Tracking Functions
+  startTracking(payload) {
+    //  this prevents to initiate tracking for multiple incoming messages
+    if (this.isStarted) {
+      return;
+    }
+    // this is to ensure we track only messages where bot is engaged
+    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");
+  }
+  handleAgentMessage(payload) {
+    var _payload$tags;
+    // this tag so far is only present in agent messages
+    if (payload !== null && payload !== void 0 && (_payload$tags = payload.tags) !== null && _payload$tags !== void 0 && _payload$tags.includes("public")) {
+      this.deregister();
+    }
+  }
+  stopTracking(payload) {
+    var _this$stopTrackingMes, _this$startTrackingMe;
+    // this prevents execution for multiple incoming messages from the bot.
+    if (this.isEnded && !this.isStarted) {
+      return;
+    }
+
+    // control of states to prevent clashing of messages
+    this.isEnded = true;
+    this.isStarted = false;
+
+    // The idea  of using types is to enrich telemetry data 
+    this.stopTrackingMessage = this.createTrackingMessage(payload, "botMessage");
+    // calculating elapsed time
+    const elapsedTime = (((_this$stopTrackingMes = this.stopTrackingMessage) === null || _this$stopTrackingMes === void 0 ? void 0 : _this$stopTrackingMes.checkTime) ?? 0) - (((_this$startTrackingMe = this.startTrackingMessage) === null || _this$startTrackingMe === void 0 ? void 0 : _this$startTrackingMe.checkTime) ?? 0);
+    TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.MessageLapTrack,
+      Description: "First response latency tracking",
+      CustomProperties: {
+        elapsedTime,
+        userMessage: this.startTrackingMessage,
+        botMessage: this.stopTrackingMessage
+      }
+    });
+  }
+
+  // mechanism to ensure we track only allowed conversations
+  isMessageFromValidSender(payload) {
+    var _payload$tags2;
+    // agent scenario
+    if (payload !== null && payload !== void 0 && (_payload$tags2 = payload.tags) !== null && _payload$tags2 !== void 0 && _payload$tags2.includes("public")) {
+      this.handleAgentMessage(payload);
+      return false;
+    }
+    return true;
+  }
+  startClock(payload) {
+    try {
+      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, {
+        Event: TelemetryEvent.MessageStartLapTrackError,
+        Description: "Error while starting the clock",
+        ExceptionDetails: e,
+        CustomProperties: {
+          payload: payload
+        }
+      });
+    }
+  }
+  stopClock(payload) {
+    try {
+      if (!payload || !payload.Id) {
+        throw new Error("Invalid payload");
+      }
+      if (!this.isMessageFromValidSender(payload)) return;
+      if (this.isABotConversation && this.isStarted) {
+        this.stopTracking(payload);
+      }
+    } catch (e) {
+      console.error("FRL : error while trying to stop the tracker", e);
+      TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.MessageStopLapTrackError,
+        Description: "Error while stopping the clock",
+        ExceptionDetails: e,
+        CustomProperties: {
+          payload: payload
+        }
+      });
+      //reset state
+      this.startTrackingMessage = undefined;
+      this.stopTrackingMessage = undefined;
+      this.isStarted = false;
+      this.isEnded = false;
+    }
+  }
+  deregister() {
+    // Reset State
+    this.isABotConversation = false;
+    this.isStarted = false;
+    this.isEnded = false;
+    this.startTrackingMessage = undefined;
+    this.stopTrackingMessage = undefined;
+  }
+}