@microsoft/omnichannel-chat-widget 0.1.0-main.d5846c0 → 0.1.0-main.d5e0dfe

package/lib/cjs/components/webchatcontainerstateful/common/utils/BrowserInfo.js

@@ -4,85 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isChromiumEdge = exports.getUserAgent = exports.getBrowserVersion = exports.getBrowserName = void 0;
-
 var _BrowserVendor = require("../../webchatcontroller/enums/BrowserVendor");
-
 const REGEX_VERSION = "([\\d,.]+)";
 const UNKNOWN_VERSION = "U";
 let userAgent = undefined;
-
 const getUserAgent = () => {
   if (!userAgent) {
     userAgent = window.navigator.userAgent;
   }
-
   return userAgent;
 };
-
 exports.getUserAgent = getUserAgent;
-
 const userAgentContainsString = searchString => {
   const userAgent = getUserAgent();
   return userAgent.indexOf(searchString) > -1;
 };
-
 const isEdge = () => {
   return userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE) || userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE_CHROMIUM);
 };
-
 const isChromiumEdge = () => {
   return userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE_CHROMIUM) && !userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE);
 };
-
 exports.isChromiumEdge = isChromiumEdge;
-
 const isOpera = () => {
   return userAgentContainsString("OPR/");
 };
-
 const getBrowserName = () => {
   if (isOpera()) {
     return _BrowserVendor.BrowserVendor.OPERA;
   }
-
   if (isEdge()) {
     return _BrowserVendor.BrowserVendor.EDGE;
   }
-
   if (userAgentContainsString(_BrowserVendor.BrowserVendor.CHROME)) {
     return _BrowserVendor.BrowserVendor.CHROME;
   }
-
   if (userAgentContainsString(_BrowserVendor.BrowserVendor.FIREFOX)) {
     return _BrowserVendor.BrowserVendor.FIREFOX;
   }
-
   if (userAgentContainsString(_BrowserVendor.BrowserVendor.SAFARI)) {
     return _BrowserVendor.BrowserVendor.SAFARI;
   }
-
   return _BrowserVendor.BrowserVendor.UNKNOWN;
 };
-
 exports.getBrowserName = getBrowserName;
-
 const getBrowserVersion = () => {
   let browserString = getBrowserName();
   const browserVersion = UNKNOWN_VERSION;
   let matches;
-
   if (browserString === _BrowserVendor.BrowserVendor.SAFARI) {
     browserString = "Version";
-  } // eslint-disable-next-line prefer-const
-
+  }
 
+  // eslint-disable-next-line prefer-const
   matches = getUserAgent().match(new RegExp(browserString + "/" + REGEX_VERSION));
-
   if (matches) {
     return matches[1];
   }
-
   return browserVersion;
 };
-
 exports.getBrowserVersion = getBrowserVersion;

package/lib/cjs/components/webchatcontainerstateful/common/utils/FileAttachmentIconManager.js

@@ -4,19 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isInlineMediaSupported = exports.getFileAttachmentIconData = void 0;
-
 var _Icons = require("../../../../assets/Icons");
-
 var _BrowserInfo = require("./BrowserInfo");
-
 var _BrowserVendor = require("../../webchatcontroller/enums/BrowserVendor");
-
 var _Constants = require("../../../../common/Constants");
-
 const FileAttachmentIconMap = {
   "aac": _Icons.AudioIcon,
   "aiff": _Icons.AudioIcon,
   "alac": _Icons.AudioIcon,
+  "amr": _Icons.AudioIcon,
   "avchd": _Icons.VideoIcon,
   "avi": _Icons.VideoIcon,
   "bmp": _Icons.ImageIcon,
@@ -55,6 +51,7 @@ const FileAttachmentIconMap = {
   "vsdx": _Icons.VisioIcon,
   "wav": _Icons.AudioIcon,
   "webm": _Icons.VideoIcon,
+  "webp": _Icons.ImageIcon,
   "wma": _Icons.AudioIcon,
   "wmv": _Icons.VideoIcon,
   "xls": _Icons.ExcelIcon,
@@ -63,38 +60,31 @@ const FileAttachmentIconMap = {
   "zipx": _Icons.ArchiveIcon,
   "7z": _Icons.ArchiveIcon
 };
+
 /**
  * Get file attachment icon image depending on extension.
  *
  * @param extension File extension
 */
-
 const getFileAttachmentIconData = extension => {
   const key = extension.startsWith(".") ? extension.slice(1) : extension || "";
-
   const icon = FileAttachmentIconMap[key.toLowerCase()] || _Icons.BlankIcon;
-
   return icon;
-}; // Check if browser supports inline media playing for current media format
-
+};
 
+// Check if browser supports inline media playing for current media format
 exports.getFileAttachmentIconData = getFileAttachmentIconData;
-
 const isInlineMediaSupported = attachmentName => {
   switch ((0, _BrowserInfo.getBrowserName)()) {
     case _BrowserVendor.BrowserVendor.CHROME:
     case _BrowserVendor.BrowserVendor.OPERA:
       return _Constants.Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
-
     case _BrowserVendor.BrowserVendor.FIREFOX:
       return _Constants.Constants.firefoxSupportedInlineMediaRegex.test(attachmentName);
-
     case _BrowserVendor.BrowserVendor.EDGE:
       return (0, _BrowserInfo.isChromiumEdge)() && _Constants.Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
-
     default:
       return false;
   }
 };
-
 exports.isInlineMediaSupported = isInlineMediaSupported;

package/lib/cjs/components/webchatcontainerstateful/common/utils/isMaskingFromCustomer.js

@@ -4,24 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isMaskingforCustomer = void 0;
-
 const isMaskingforCustomer = maskingInfo => {
   var _maskingInfo$setting;
-
   // If the masking info (containing masking setting and masking rules) is missing or empty, return false.
   // If the masking rules are missing or empty, also return false.
   if (!maskingInfo || Object.keys(maskingInfo).length == 0 || !maskingInfo.dataMaskingRules || Object.keys(maskingInfo.dataMaskingRules).length == 0) {
     return false;
-  } // If the masking rules are provided and;
-  // If the masking setting is NOT null and masking for customer is NOT null, return the configuration
-
+  }
 
+  // If the masking rules are provided and;
+  // If the masking setting is NOT null and masking for customer is NOT null, return the configuration
   if ((_maskingInfo$setting = maskingInfo.setting) !== null && _maskingInfo$setting !== void 0 && _maskingInfo$setting.msdyn_maskforcustomer) {
     return maskingInfo.setting.msdyn_maskforcustomer;
-  } // In all other cases, even if masking setting is missing, return true to apply the masking for backward compatibility (i.e. in old versions, OC does not have masking info settings)
-
+  }
 
+  // In all other cases, even if masking setting is missing, return true to apply the masking for backward compatibility (i.e. in old versions, OC does not have masking info settings)
   return true;
 };
-
 exports.isMaskingforCustomer = isMaskingforCustomer;

package/lib/cjs/components/webchatcontainerstateful/interfaces/IAdaptiveCardStyles.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/webchatcontainerstateful/interfaces/IBotMagicCodeConfig.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/BotMagicCodeStore.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BotMagicCodeStore = void 0;
+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 BotMagicCodeStore {}
+exports.BotMagicCodeStore = BotMagicCodeStore;
+_defineProperty(BotMagicCodeStore, "botOAuthSignInId", "");

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/WebChatStoreLoader.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WebChatStoreLoader = void 0;
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 WebChatStoreLoader {}
-
 exports.WebChatStoreLoader = WebChatStoreLoader;
-
 _defineProperty(WebChatStoreLoader, "store", void 0);

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/BrowserVendor.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.BrowserVendor = void 0;
 let BrowserVendor;
 exports.BrowserVendor = BrowserVendor;
-
 (function (BrowserVendor) {
   BrowserVendor["CHROME"] = "Chrome";
   BrowserVendor["FIREFOX"] = "Firefox";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/DirectLineActivityType.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.DirectLineActivityType = void 0;
 let DirectLineActivityType;
 exports.DirectLineActivityType = DirectLineActivityType;
-
 (function (DirectLineActivityType) {
   DirectLineActivityType["Message"] = "message";
   DirectLineActivityType["Typing"] = "typing";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/DirectLineSenderRole.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.DirectLineSenderRole = void 0;
 let DirectLineSenderRole;
 exports.DirectLineSenderRole = DirectLineSenderRole;
-
 (function (DirectLineSenderRole) {
   DirectLineSenderRole["User"] = "user";
   DirectLineSenderRole["Bot"] = "bot";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/MessageType.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageTypes = void 0;
 let MessageTypes;
 exports.MessageTypes = MessageTypes;
-
 (function (MessageTypes) {
   MessageTypes["User"] = "UserMessage";
   MessageTypes["Swift"] = "SwiftCard";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/NotificationLevel.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.NotificationLevel = void 0;
 let NotificationLevel;
 exports.NotificationLevel = NotificationLevel;
-
 (function (NotificationLevel) {
   NotificationLevel["Success"] = "success";
   NotificationLevel["Info"] = "info";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.NotificationScenarios = void 0;
 let NotificationScenarios;
 exports.NotificationScenarios = NotificationScenarios;
-
 (function (NotificationScenarios) {
   NotificationScenarios["Connection"] = "connection";
   NotificationScenarios["DownloadTranscriptError"] = "download transcript";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/SendStatus.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.SendStatus = void 0;
 let SendStatus;
 exports.SendStatus = SendStatus;
-
 (function (SendStatus) {
   SendStatus["Sending"] = "sending";
   SendStatus["SendFailed"] = "send failed";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/enums/WebChatActionType.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.WebChatActionType = void 0;
 let WebChatActionType;
 exports.WebChatActionType = WebChatActionType;
-
 (function (WebChatActionType) {
   WebChatActionType["DIRECT_LINE_CONNECT_FULFILLED"] = "DIRECT_LINE/CONNECT_FULFILLED";
   WebChatActionType["DIRECT_LINE_CONNECT"] = "DIRECT_LINE/CONNECT";

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/adaptermiddlewares/formatTagsEgressMiddleware.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
-
 var _TelemetryHelper = require("../../../../../common/telemetry/TelemetryHelper");
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const FormatEgressTagsMiddleware = () => next => activity => {
   const activity_instance = JSON.parse(JSON.stringify(activity));
-
   if (activity_instance) {
     if (activity_instance.channelData && activity_instance.channelData.tags) {
       const {
         tags
       } = activity_instance.channelData;
-
       if (typeof tags === "string") {
         return next(activity);
       } else if (tags instanceof Array) {
@@ -37,9 +32,7 @@ const FormatEgressTagsMiddleware = () => next => activity => {
       }
     }
   }
-
   return next(activity_instance);
 };
-
 var _default = FormatEgressTagsMiddleware;
 exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/adaptermiddlewares/formatTagsIngressMiddleware.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const formatTagsIngressMiddleware = () => next => activity => {
   const activity_instance = JSON.parse(JSON.stringify(activity));
-
   if (activity_instance) {
     if (activity_instance.channelData && activity_instance.channelData.tags) {
       const {
         tags
       } = activity_instance.channelData;
-
       if (typeof tags === "string") {
         try {
           //If it is json format, parse the tags. Catch block will convert string to array.(We do not need to log anything since its not an error)
@@ -25,9 +22,7 @@ const formatTagsIngressMiddleware = () => next => activity => {
       }
     }
   }
-
   return next(activity_instance);
 };
-
 var _default = formatTagsIngressMiddleware;
 exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createActivityMiddleware = void 0;
-
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
-
 var _Constants = require("../../../../../common/Constants");
-
 var _DirectLineActivityType = require("../../enums/DirectLineActivityType");
-
 var _DirectLineSenderRole = require("../../enums/DirectLineSenderRole");
-
 var _MessageType = require("../../enums/MessageType");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TelemetryHelper = require("../../../../../common/telemetry/TelemetryHelper");
-
 var _defaultSystemMessageStyles = require("./defaultStyles/defaultSystemMessageStyles");
-
 var _defaultUserMessageStyles = require("./defaultStyles/defaultUserMessageStyles");
-
 var _utils = require("../../../../../common/utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /******
  * ActivityMiddleware
  * 
@@ -35,81 +23,85 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 2. Changes the font size of user messages
  * 3. Decodes certain html characters that came through from chat services
  ******/
-const loggedSystemMessages = new Array(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
+const loggedSystemMessages = new Array();
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleSystemMessage = (next, args, card, systemMessageStyleProps) => {
   var _card$activity, _card$activity$channe, _card$activity$channe2, _card$activity2, _card$activity2$chann, _card$activity3, _card$activity3$chann, _card$activity3$chann2, _card$activity4, _card$activity4$chann, _card$activity5, _card$activity5$chann, _card$nextVisibleActi, _card$nextVisibleActi2, _card$activity6, _card$activity6$chann, _card$activity7, _card$nextVisibleActi3, _card$activity8;
-
-  const systemMessageStyles = { ..._defaultSystemMessageStyles.defaultSystemMessageStyles,
+  const systemMessageStyles = {
+    ..._defaultSystemMessageStyles.defaultSystemMessageStyles,
     ...systemMessageStyleProps
   };
-
   if ((_card$activity = card.activity) !== null && _card$activity !== void 0 && (_card$activity$channe = _card$activity.channelData) !== null && _card$activity$channe !== void 0 && (_card$activity$channe2 = _card$activity$channe.tags) !== null && _card$activity$channe2 !== void 0 && _card$activity$channe2.includes(_Constants.Constants.averageWaitTimeMessageTag) && loggedSystemMessages.indexOf((_card$activity2 = card.activity) === null || _card$activity2 === void 0 ? void 0 : (_card$activity2$chann = _card$activity2.channelData) === null || _card$activity2$chann === void 0 ? void 0 : _card$activity2$chann.clientmessageid) < 0) {
     _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.AverageWaitTimeMessageRecieved,
       Description: "Average wait time message was received"
     });
-
     loggedSystemMessages.push(card.activity.channelData.clientmessageid);
   }
-
   if ((_card$activity3 = card.activity) !== null && _card$activity3 !== void 0 && (_card$activity3$chann = _card$activity3.channelData) !== null && _card$activity3$chann !== void 0 && (_card$activity3$chann2 = _card$activity3$chann.tags) !== null && _card$activity3$chann2 !== void 0 && _card$activity3$chann2.includes(_Constants.Constants.queuePositionMessageTag) && loggedSystemMessages.indexOf((_card$activity4 = card.activity) === null || _card$activity4 === void 0 ? void 0 : (_card$activity4$chann = _card$activity4.channelData) === null || _card$activity4$chann === void 0 ? void 0 : _card$activity4$chann.clientmessageid) < 0) {
     _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.QueuePositionMessageRecieved,
       Description: "Queue position message was received"
     });
-
     loggedSystemMessages.push(card.activity.channelData.clientmessageid);
   }
-
   if ((_card$activity5 = card.activity) !== null && _card$activity5 !== void 0 && (_card$activity5$chann = _card$activity5.channelData) !== null && _card$activity5$chann !== void 0 && _card$activity5$chann.clientmessageid && ((_card$nextVisibleActi = card.nextVisibleActivity) === null || _card$nextVisibleActi === void 0 ? void 0 : (_card$nextVisibleActi2 = _card$nextVisibleActi.channelData) === null || _card$nextVisibleActi2 === void 0 ? void 0 : _card$nextVisibleActi2.clientmessageid) === ((_card$activity6 = card.activity) === null || _card$activity6 === void 0 ? void 0 : (_card$activity6$chann = _card$activity6.channelData) === null || _card$activity6$chann === void 0 ? void 0 : _card$activity6$chann.clientmessageid) || (_card$activity7 = card.activity) !== null && _card$activity7 !== void 0 && _card$activity7.messageid && ((_card$nextVisibleActi3 = card.nextVisibleActivity) === null || _card$nextVisibleActi3 === void 0 ? void 0 : _card$nextVisibleActi3.messageid) === ((_card$activity8 = card.activity) === null || _card$activity8 === void 0 ? void 0 : _card$activity8.messageid)) {
     return () => false;
-  } // eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
-
+  }
 
+  // eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
   return () => /*#__PURE__*/_react.default.createElement("div", {
     key: card.activity.id,
     style: systemMessageStyles,
     "aria-hidden": "true"
   }, card.activity.text);
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isTagIncluded = (card, tag) => {
+  return isDataTagsPresent(card) && card.activity.channelData.tags.includes(tag);
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isDataTagsPresent = card => {
+  return card && card.activity && card.activity.channelData && card.activity.channelData.tags && card.activity.channelData.tags.length > 0;
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const createActivityMiddleware = (systemMessageStyleProps, userMessageStyleProps) => () => next => function () {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   const [card] = args;
-
   if (card.activity) {
-    var _card$activity$from, _card$activity$channe4, _card$activity$channe5;
-
+    var _card$activity$from;
     if (((_card$activity$from = card.activity.from) === null || _card$activity$from === void 0 ? void 0 : _card$activity$from.role) === _DirectLineSenderRole.DirectLineSenderRole.Channel) {
       var _card$activity$channe3;
-
       if (((_card$activity$channe3 = card.activity.channelData) === null || _card$activity$channe3 === void 0 ? void 0 : _card$activity$channe3.type) === _MessageType.MessageTypes.Thread) {
         _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
           Event: _TelemetryConstants.TelemetryEvent.IC3ThreadUpdateEventReceived,
           Description: "IC3 ThreadUpdateEvent Received"
         });
       }
-
       return () => false;
     }
-
-    if ((_card$activity$channe4 = card.activity.channelData) !== null && _card$activity$channe4 !== void 0 && (_card$activity$channe5 = _card$activity$channe4.tags) !== null && _card$activity$channe5 !== void 0 && _card$activity$channe5.includes(_Constants.Constants.systemMessageTag)) {
+    if (isTagIncluded(card, _Constants.Constants.hiddenTag)) {
+      return () => false;
+    }
+    if (isTagIncluded(card, _Constants.Constants.systemMessageTag)) {
       return handleSystemMessage(next, args, card, systemMessageStyleProps);
     } else if (card.activity.text && card.activity.type === _DirectLineActivityType.DirectLineActivityType.Message) {
       if (!card.activity.channelData.isHtmlEncoded && card.activity.channelId === _Constants.Constants.webchatChannelId) {
         card.activity.text = (0, _utils.escapeHtml)(card.activity.text);
         card.activity.channelData.isHtmlEncoded = true;
       }
-
-      const userMessageStyles = { ..._defaultUserMessageStyles.defaultUserMessageStyles,
+      const userMessageStyles = {
+        ..._defaultUserMessageStyles.defaultUserMessageStyles,
         ...userMessageStyleProps
-      }; // eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
-
+      };
+      // eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
       return function () {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: card.activity.from.role === _DirectLineSenderRole.DirectLineSenderRole.User ? _Constants.Constants.sentMessageClassName : _Constants.Constants.receivedMessageClassName,
@@ -119,8 +111,6 @@ const createActivityMiddleware = (systemMessageStyleProps, userMessageStyleProps
       };
     }
   }
-
   return next(...args);
 };
-
 exports.createActivityMiddleware = createActivityMiddleware;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.activityStatusMiddleware = void 0;
-
 var _Constants = require("../../../../../common/Constants");
-
 var _DeliveredTimestamp = require("./timestamps/DeliveredTimestamp");
-
 var _NotDeliveredTimestamp = require("./timestamps/NotDeliveredTimestamp");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _SendStatus = require("../../enums/SendStatus");
-
 var _SendingTimestamp = require("./timestamps/SendingTimestamp");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name, @typescript-eslint/no-unused-vars
 const activityStatusMiddleware = () => next => args => {
   const {
@@ -36,11 +28,10 @@ const activityStatusMiddleware = () => next => args => {
     sameTimestampGroup
   } = args;
   const current_tags = tags,
-        current_name = name,
-        current_role = role,
-        current_timestamp = timestamp;
+    current_name = name,
+    current_role = role,
+    current_timestamp = timestamp;
   let sameTimestampGroupTemp = sameTimestampGroup;
-
   if (args[_Constants.WebChatMiddlewareConstants.nextVisibleActivity]) {
     const {
       nextVisibleActivity: {
@@ -49,18 +40,16 @@ const activityStatusMiddleware = () => next => args => {
         },
         timestamp
       }
-    } = args; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+    } = args;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const next_name = name,
-          next_timestamp = timestamp;
+      next_timestamp = timestamp;
     const timestampCurrentInMillisecond = Date.parse(current_timestamp);
     const timestampNextInMillisecond = Date.parse(next_timestamp);
-
     if (current_name !== next_name || timestampNextInMillisecond - timestampCurrentInMillisecond > _Constants.WebChatMiddlewareConstants.timeBetweenTimestampGroups) {
       sameTimestampGroupTemp = false;
     }
   }
-
   if (current_tags && current_tags.includes(_Constants.Constants.systemMessageTag) || sameTimestampGroupTemp && sendState === _SendStatus.SendStatus.Sent) {
     return;
   } else {
@@ -68,16 +57,15 @@ const activityStatusMiddleware = () => next => args => {
       style: {
         padding: "2px"
       }
-    }, sendState === _SendStatus.SendStatus.Sending && /*#__PURE__*/_react.default.createElement(_SendingTimestamp.SendingTimestamp, {
-      args: args
-    }), sendState === _SendStatus.SendStatus.SendFailed && /*#__PURE__*/_react.default.createElement(_NotDeliveredTimestamp.NotDeliveredTimestamp, {
+    }, sendState === _SendStatus.SendStatus.Sending && /*#__PURE__*/_react.default.createElement(_SendingTimestamp.SendingTimestamp, null), sendState === _SendStatus.SendStatus.SendFailed && /*#__PURE__*/_react.default.createElement(_NotDeliveredTimestamp.NotDeliveredTimestamp, {
       args: args
     }), sendState === _SendStatus.SendStatus.Sent && /*#__PURE__*/_react.default.createElement(_DeliveredTimestamp.DeliveredTimestamp, {
       args: args,
       role: current_role,
       name: current_name
-    }));
+    }))
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ;
   }
 };
-
 exports.activityStatusMiddleware = activityStatusMiddleware;