@microsoft/omnichannel-chat-widget 1.7.8-main.270960e → 1.7.8-main.2bcb0b6

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer.js

@@ -7,58 +7,72 @@ exports.default = void 0;
 var _dompurify = _interopRequireDefault(require("dompurify"));
 var _Constants = require("../../../../common/Constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 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); }
-class HyperlinkTextOverrideRenderer {
-  constructor(hyperlinkTextOverride) {
+let HyperlinkTextOverrideRenderer = /*#__PURE__*/function () {
+  function HyperlinkTextOverrideRenderer(hyperlinkTextOverride) {
+    _classCallCheck(this, HyperlinkTextOverrideRenderer);
     _defineProperty(this, "hyperlinkTextOverride", void 0);
     this.hyperlinkTextOverride = hyperlinkTextOverride;
   }
-  convertTextToHtmlNode(text) {
-    const htmlNode = document.createElement(_Constants.HtmlAttributeNames.div);
-    try {
-      text = _dompurify.default.sanitize(text, {
-        ADD_ATTR: ["target"]
-      });
-      htmlNode.innerHTML = text;
-    } catch {
+  _createClass(HyperlinkTextOverrideRenderer, [{
+    key: "convertTextToHtmlNode",
+    value: function convertTextToHtmlNode(text) {
+      const htmlNode = document.createElement(_Constants.HtmlAttributeNames.div);
+      try {
+        text = _dompurify.default.sanitize(text, {
+          ADD_ATTR: ["target"]
+        });
+        htmlNode.innerHTML = text;
+      } catch {
+        return htmlNode;
+      }
       return htmlNode;
     }
-    return htmlNode;
-  }
-  processANode(htmlNode) {
-    // eslint-disable-line @typescript-eslint/no-explicit-any
-    const aTags = htmlNode.getElementsByTagName(_Constants.HtmlAttributeNames.aTagName);
-    for (let index = 0; index < aTags.length; index++) {
-      const aNode = aTags[index];
-      if (!aNode || !aNode.tagName || aNode.tagName.toLowerCase() !== _Constants.HtmlAttributeNames.aTagName || !aNode.href) continue;
-      if (aNode.href !== aNode.text.trim()) {
-        aNode.text = aNode.href;
+  }, {
+    key: "processANode",
+    value: function processANode(htmlNode) {
+      // eslint-disable-line @typescript-eslint/no-explicit-any
+      const aTags = htmlNode.getElementsByTagName(_Constants.HtmlAttributeNames.aTagName);
+      for (let index = 0; index < aTags.length; index++) {
+        const aNode = aTags[index];
+        if (!aNode || !aNode.tagName || aNode.tagName.toLowerCase() !== _Constants.HtmlAttributeNames.aTagName || !aNode.href) continue;
+        if (aNode.href !== aNode.text.trim()) {
+          aNode.text = aNode.href;
+        }
       }
     }
-  }
-  applicable(text) {
-    if (!this.hyperlinkTextOverride) {
-      return false;
+  }, {
+    key: "applicable",
+    value: function applicable(text) {
+      if (!this.hyperlinkTextOverride) {
+        return false;
+      }
+      try {
+        const htmlNode = this.convertTextToHtmlNode(text);
+        const aNodes = htmlNode.getElementsByTagName(_Constants.HtmlAttributeNames.aTagName);
+        return !!aNodes && aNodes.length && aNodes.length > 0;
+      } catch {
+        return false;
+      }
     }
-    try {
+  }, {
+    key: "render",
+    value: function render(text) {
+      if (!this.applicable(text)) {
+        return text;
+      }
       const htmlNode = this.convertTextToHtmlNode(text);
-      const aNodes = htmlNode.getElementsByTagName(_Constants.HtmlAttributeNames.aTagName);
-      return !!aNodes && aNodes.length && aNodes.length > 0;
-    } catch {
-      return false;
-    }
-  }
-  render(text) {
-    if (!this.applicable(text)) {
+      this.processANode(htmlNode);
+      text = htmlNode.innerHTML;
       return text;
     }
-    const htmlNode = this.convertTextToHtmlNode(text);
-    this.processANode(htmlNode);
-    text = htmlNode.innerHTML;
-    return text;
-  }
-}
+  }]);
+  return HyperlinkTextOverrideRenderer;
+}();
 var _default = HyperlinkTextOverrideRenderer;
 exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -41,6 +41,10 @@ const DeliveredTimestamp = _ref => {
       return /*#__PURE__*/_react.default.createElement("span", {
         dir: "ltr"
       }, (0, _utils.getTimestampHourMinute)(timestamp));
+    } else {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        dir: dir
+      }, (0, _utils.getTimestampHourMinute)(timestamp));
     }
     return timeString;
   };

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/notification/NotificationHandler.js

@@ -11,74 +11,102 @@ var _WebChatStoreLoader = require("../WebChatStoreLoader");
 var _utils = require("../../../../common/utils");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _TelemetryConstants = require("../../../../common/telemetry/TelemetryConstants");
-class NotificationHandler {
-  static notify(id, level, message) {
-    if (_WebChatStoreLoader.WebChatStoreLoader.store) {
-      _WebChatStoreLoader.WebChatStoreLoader.store.dispatch({
-        type: _WebChatActionType.WebChatActionType.WEB_CHAT_SET_NOTIFICATION,
-        payload: {
-          id,
-          level,
-          message
-        }
-      });
-      NotificationHandler.setFocusOnNotificationCloseButton();
-    }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
+let NotificationHandler = /*#__PURE__*/function () {
+  function NotificationHandler() {
+    _classCallCheck(this, NotificationHandler);
   }
-  static dismissNotification(id) {
-    if (_WebChatStoreLoader.WebChatStoreLoader.store) {
-      _WebChatStoreLoader.WebChatStoreLoader.store.dispatch({
-        type: _WebChatActionType.WebChatActionType.WEB_CHAT_DISMISS_NOTIFICATION,
+  _createClass(NotificationHandler, null, [{
+    key: "notify",
+    value: function notify(id, level, message) {
+      if (_WebChatStoreLoader.WebChatStoreLoader.store) {
+        _WebChatStoreLoader.WebChatStoreLoader.store.dispatch({
+          type: _WebChatActionType.WebChatActionType.WEB_CHAT_SET_NOTIFICATION,
+          payload: {
+            id,
+            level,
+            message
+          }
+        });
+        NotificationHandler.setFocusOnNotificationCloseButton();
+      }
+    }
+  }, {
+    key: "dismissNotification",
+    value: function dismissNotification(id) {
+      if (_WebChatStoreLoader.WebChatStoreLoader.store) {
+        _WebChatStoreLoader.WebChatStoreLoader.store.dispatch({
+          type: _WebChatActionType.WebChatActionType.WEB_CHAT_DISMISS_NOTIFICATION,
+          payload: {
+            id
+          }
+        });
+      }
+    }
+  }, {
+    key: "notifyError",
+    value: function notifyError(id, message) {
+      _omnichannelChatComponents.BroadcastService.postMessage({
+        eventName: _TelemetryConstants.BroadcastEvent.OnWidgetError,
         payload: {
-          id
+          errorMessage: message
         }
       });
+      this.notify(id, _NotificationLevel.NotificationLevel.Error, message);
     }
-  }
-  static notifyError(id, message) {
-    _omnichannelChatComponents.BroadcastService.postMessage({
-      eventName: _TelemetryConstants.BroadcastEvent.OnWidgetError,
-      payload: {
-        errorMessage: message
+  }, {
+    key: "notifyWarning",
+    value: function notifyWarning(id, message) {
+      this.notify(id, _NotificationLevel.NotificationLevel.Warning, message);
+    }
+  }, {
+    key: "notifyInfo",
+    value: function notifyInfo(id, message) {
+      this.notify(id, _NotificationLevel.NotificationLevel.Info, message);
+    }
+  }, {
+    key: "notifySuccess",
+    value: function notifySuccess(id, message) {
+      this.notify(id, _NotificationLevel.NotificationLevel.Success, message);
+    }
+  }, {
+    key: "notifyWithLevel",
+    value: function notifyWithLevel(id, message, level) {
+      if (!level) {
+        this.notifyInfo(id, message);
+      } else {
+        this.notify(id, level, message);
       }
-    });
-    this.notify(id, _NotificationLevel.NotificationLevel.Error, message);
-  }
-  static notifyWarning(id, message) {
-    this.notify(id, _NotificationLevel.NotificationLevel.Warning, message);
-  }
-  static notifyInfo(id, message) {
-    this.notify(id, _NotificationLevel.NotificationLevel.Info, message);
-  }
-  static notifySuccess(id, message) {
-    this.notify(id, _NotificationLevel.NotificationLevel.Success, message);
-  }
-  static notifyWithLevel(id, message, level) {
-    if (!level) {
-      this.notifyInfo(id, message);
-    } else {
-      this.notify(id, level, message);
     }
-  }
 
-  /* Bypass WebChat behavior and focus on banner close button */
-  static setFocusOnNotificationCloseButton() {
-    const expandButton = document.querySelector(`#${_Constants.HtmlIdNames.MSLiveChatWidget} .${_Constants.HtmlClassNames.webChatBannerExpandButton}`);
-    if (expandButton) {
-      expandButton.focus();
-      return;
+    /* Bypass WebChat behavior and focus on banner close button */
+  }, {
+    key: "setFocusOnNotificationCloseButton",
+    value: function setFocusOnNotificationCloseButton() {
+      const expandButton = document.querySelector(`#${_Constants.HtmlIdNames.MSLiveChatWidget} .${_Constants.HtmlClassNames.webChatBannerExpandButton}`);
+      if (expandButton) {
+        expandButton.focus();
+        return;
+      }
+      const closeButton = document.querySelector(`#${_Constants.HtmlIdNames.MSLiveChatWidget} .${_Constants.HtmlClassNames.webChatBannerCloseButton}`);
+      if (closeButton) {
+        closeButton.focus();
+        NotificationHandler.registerOnCloseEvent(closeButton);
+        return;
+      }
     }
-    const closeButton = document.querySelector(`#${_Constants.HtmlIdNames.MSLiveChatWidget} .${_Constants.HtmlClassNames.webChatBannerCloseButton}`);
-    if (closeButton) {
-      closeButton.focus();
-      NotificationHandler.registerOnCloseEvent(closeButton);
-      return;
+  }, {
+    key: "registerOnCloseEvent",
+    value: function registerOnCloseEvent(button) {
+      button.onclick = () => {
+        (0, _utils.setFocusOnSendBox)();
+      };
     }
-  }
-  static registerOnCloseEvent(button) {
-    button.onclick = () => {
-      (0, _utils.setFocusOnSendBox)();
-    };
-  }
-}
+  }]);
+  return NotificationHandler;
+}();
 exports.NotificationHandler = NotificationHandler;

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

@@ -4,14 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLiveChatWidgetContextInitialState = void 0;
-var _ConversationState = require("./ConversationState");
-var _defaultMiddlewareLocalizedTexts = require("../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
-var _utils = require("../../common/utils");
-var _defaultClientDataStoreProvider = require("../../common/storage/default/defaultClientDataStoreProvider");
 var _Constants = require("../../common/Constants");
+var _utils = require("../../common/utils");
+var _ConversationState = require("./ConversationState");
 var _StartChatFailureType = require("./StartChatFailureType");
+var _defaultClientDataStoreProvider = require("../../common/storage/default/defaultClientDataStoreProvider");
+var _defaultMiddlewareLocalizedTexts = require("../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts");
 const getLiveChatWidgetContextInitialState = props => {
   var _props$controlProps, _props$webChatContain;
+  const isOutsideOperatingHours = () => {
+    var _props$chatConfig, _props$chatConfig$Liv, _props$chatConfig$Liv2;
+    return ((_props$chatConfig = props.chatConfig) === null || _props$chatConfig === void 0 ? void 0 : (_props$chatConfig$Liv = _props$chatConfig.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig$Liv === void 0 ? void 0 : (_props$chatConfig$Liv2 = _props$chatConfig$Liv.OutOfOperatingHours) === null || _props$chatConfig$Liv2 === void 0 ? void 0 : _props$chatConfig$Liv2.toString().toLowerCase()) === "true";
+  };
   const widgetCacheId = (0, _utils.getWidgetCacheIdfromProps)(props);
   const cacheTtlInMins = (props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.cacheTtlInMins) ?? _Constants.Constants.CacheTtlInMinutes;
   const storageType = (props === null || props === void 0 ? void 0 : props.useSessionStorage) === true ? _Constants.StorageType.sessionStorage : _Constants.StorageType.localStorage;
@@ -28,6 +32,14 @@ const getLiveChatWidgetContextInitialState = props => {
     if (initialStateFromCache.appStates.conversationState === _ConversationState.ConversationState.Prechat) {
       initialStateFromCache.appStates.conversationState = _ConversationState.ConversationState.Closed;
     }
+
+    // we are always setting the chatConfig from the props to avoid any issues with the cache
+    initialStateFromCache.domainStates.liveChatConfig = props.chatConfig;
+
+    // Cache the result of isOutsideOperatingHours() to ensure consistency
+    const outsideOperatingHours = isOutsideOperatingHours();
+    initialStateFromCache.appStates.outsideOperatingHours = outsideOperatingHours;
+    initialStateFromCache.appStates.conversationState = outsideOperatingHours ? _ConversationState.ConversationState.OutOfOffice : initialStateFromCache.appStates.conversationState;
     return initialStateFromCache;
   }
   const LiveChatWidgetContextInitialState = {
@@ -52,11 +64,11 @@ const getLiveChatWidgetContextInitialState = props => {
       startChatFailureType: _StartChatFailureType.StartChatFailureType.Generic
     },
     appStates: {
-      conversationState: _ConversationState.ConversationState.Closed,
+      conversationState: isOutsideOperatingHours() ? _ConversationState.ConversationState.OutOfOffice : _ConversationState.ConversationState.Closed,
       isMinimized: undefined,
       previousElementIdOnFocusBeforeModalOpen: null,
       startChatFailed: false,
-      outsideOperatingHours: false,
+      outsideOperatingHours: isOutsideOperatingHours(),
       preChatResponseEmail: "",
       isAudioMuted: null,
       newMessage: false,

package/lib/cjs/firstresponselatency/Constants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScenarioType = void 0;
+let ScenarioType;
+exports.ScenarioType = ScenarioType;
+(function (ScenarioType) {
+  ScenarioType["UserSendMessageStrategy"] = "UserSendMessageStrategy";
+  ScenarioType["SystemMessageStrategy"] = "SystemMessageStrategy";
+  ScenarioType["ReceivedMessageStrategy"] = "ReceivedMessageStrategy";
+})(ScenarioType || (exports.ScenarioType = ScenarioType = {}));

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;