@microsoft/omnichannel-chat-widget 0.1.0-main.fdf1fdf → 1.0.1-main.068a14e

package/lib/esm/components/webchatcontainerstateful/common/mockadapter.js

@@ -1,5 +1,6 @@
-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); }
 import "rxjs/add/operator/share";
 import "rxjs/add/observable/of";
 import { ConnectionStatus } from "botframework-directlinejs";
@@ -9,16 +10,12 @@ import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
 export default class MockAdapter {
   constructor() {
     _defineProperty(this, "activityObserver", void 0);
-
     _defineProperty(this, "activity$", void 0);
-
     _defineProperty(this, "connectionStatus$", new BehaviorSubject(ConnectionStatus.Uninitialized));
-
     this.activity$ = new Observable(observer => {
       this.activityObserver = observer;
       Promise.resolve().then(async () => {
         this.connectionStatus$.next(ConnectionStatus.Online);
-
         try {
           if (this.connectionStatus$) {
             this.connectionStatus$.next(ConnectionStatus.Online);
@@ -30,22 +27,20 @@ export default class MockAdapter {
       });
     }).share();
   }
-
   postActivity(activity) {
     if (activity) {
       var _activity$text;
-
       let modActivity;
       let typingActivity;
       const userId = "userId",
-            botId = "botId";
-
+        botId = "botId";
       if ((_activity$text = activity.text) !== null && _activity$text !== void 0 && _activity$text.startsWith(":")) {
         var _this$activityObserve, _this$activityObserve2;
-
-        modActivity = { ...activity,
+        modActivity = {
+          ...activity,
           id: uuidv4(),
-          from: { ...activity.from,
+          from: {
+            ...activity.from,
             id: botId,
             name: "Bot",
             role: "bot"
@@ -62,14 +57,14 @@ export default class MockAdapter {
           type: "typing"
         };
         (_this$activityObserve = this.activityObserver) === null || _this$activityObserve === void 0 ? void 0 : _this$activityObserve.next(modActivity); // mock echo message
-
         (_this$activityObserve2 = this.activityObserver) === null || _this$activityObserve2 === void 0 ? void 0 : _this$activityObserve2.next(typingActivity); // mock typing
       } else {
         var _this$activityObserve3;
-
-        modActivity = { ...activity,
+        modActivity = {
+          ...activity,
           id: uuidv4(),
-          from: { ...activity.from,
+          from: {
+            ...activity.from,
             id: userId,
             name: "User",
             role: "user"
@@ -81,9 +76,7 @@ export default class MockAdapter {
 
     return Observable.of(activity.id || "");
   }
-
   end() {
     return;
   }
-
 }

package/lib/esm/components/webchatcontainerstateful/common/mockchatsdk.js

@@ -1,53 +1,44 @@
-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); }
 import MockAdapter from "./mockadapter";
 export class MockChatSDK {
   constructor() {
     _defineProperty(this, "sleep", ms => new Promise(r => setTimeout(r, ms)));
-
     _defineProperty(this, "isMockModeOn", true);
   }
-
   async startChat() {
     await this.sleep(1000);
   }
-
   endChat() {
     return null;
   }
-
   getChatToken() {
     return null;
   }
-
   createChatAdapter() {
     return new MockAdapter();
-  } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getPreChatSurvey(parseToJson) {
     return "";
   }
-
   getConversationDetails() {
     return {};
   }
-
   getCurrentLiveChatContext() {
     return {
       chatToken: {},
       requestId: ""
     };
   }
-
   onNewMessage() {
     return null;
   }
-
   getChatReconnectContext() {
     return {
       reconnectId: "123"
     };
   }
-
 }

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

@@ -6,65 +6,51 @@ export const getUserAgent = () => {
   if (!userAgent) {
     userAgent = window.navigator.userAgent;
   }
-
   return userAgent;
 };
-
 const userAgentContainsString = searchString => {
   const userAgent = getUserAgent();
   return userAgent.indexOf(searchString) > -1;
 };
-
 const isEdge = () => {
   return userAgentContainsString(BrowserVendor.EDGE) || userAgentContainsString(BrowserVendor.EDGE_CHROMIUM);
 };
-
 export const isChromiumEdge = () => {
   return userAgentContainsString(BrowserVendor.EDGE_CHROMIUM) && !userAgentContainsString(BrowserVendor.EDGE);
 };
-
 const isOpera = () => {
   return userAgentContainsString("OPR/");
 };
-
 export const getBrowserName = () => {
   if (isOpera()) {
     return BrowserVendor.OPERA;
   }
-
   if (isEdge()) {
     return BrowserVendor.EDGE;
   }
-
   if (userAgentContainsString(BrowserVendor.CHROME)) {
     return BrowserVendor.CHROME;
   }
-
   if (userAgentContainsString(BrowserVendor.FIREFOX)) {
     return BrowserVendor.FIREFOX;
   }
-
   if (userAgentContainsString(BrowserVendor.SAFARI)) {
     return BrowserVendor.SAFARI;
   }
-
   return BrowserVendor.UNKNOWN;
 };
 export const getBrowserVersion = () => {
   let browserString = getBrowserName();
   const browserVersion = UNKNOWN_VERSION;
   let matches;
-
   if (browserString === 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;
 };

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

@@ -6,6 +6,7 @@ const FileAttachmentIconMap = {
   "aac": AudioIcon,
   "aiff": AudioIcon,
   "alac": AudioIcon,
+  "amr": AudioIcon,
   "avchd": VideoIcon,
   "avi": VideoIcon,
   "bmp": ImageIcon,
@@ -44,6 +45,7 @@ const FileAttachmentIconMap = {
   "vsdx": VisioIcon,
   "wav": AudioIcon,
   "webm": VideoIcon,
+  "webp": ImageIcon,
   "wma": AudioIcon,
   "wmv": VideoIcon,
   "xls": ExcelIcon,
@@ -52,30 +54,28 @@ const FileAttachmentIconMap = {
   "zipx": ArchiveIcon,
   "7z": ArchiveIcon
 };
+
 /**
  * Get file attachment icon image depending on extension.
  *
  * @param extension File extension
 */
-
 export const getFileAttachmentIconData = extension => {
   const key = extension.startsWith(".") ? extension.slice(1) : extension || "";
   const icon = FileAttachmentIconMap[key.toLowerCase()] || 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
 export const isInlineMediaSupported = attachmentName => {
   switch (getBrowserName()) {
     case BrowserVendor.CHROME:
     case BrowserVendor.OPERA:
       return Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
-
     case BrowserVendor.FIREFOX:
       return Constants.firefoxSupportedInlineMediaRegex.test(attachmentName);
-
     case BrowserVendor.EDGE:
       return isChromiumEdge() && Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
-
     default:
       return false;
   }

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

@@ -1,18 +1,17 @@
 export 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;
 };

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

@@ -1,5 +1,5 @@
-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); }
 export class BotMagicCodeStore {}
-
 _defineProperty(BotMagicCodeStore, "botOAuthSignInId", "");

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

@@ -1,5 +1,5 @@
-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); }
 export class WebChatStoreLoader {}
-
 _defineProperty(WebChatStoreLoader, "store", void 0);

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

@@ -1,5 +1,4 @@
 export let BrowserVendor;
-
 (function (BrowserVendor) {
   BrowserVendor["CHROME"] = "Chrome";
   BrowserVendor["FIREFOX"] = "Firefox";

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

@@ -1,5 +1,4 @@
 export let DirectLineActivityType;
-
 (function (DirectLineActivityType) {
   DirectLineActivityType["Message"] = "message";
   DirectLineActivityType["Typing"] = "typing";

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

@@ -1,5 +1,4 @@
 export let DirectLineSenderRole;
-
 (function (DirectLineSenderRole) {
   DirectLineSenderRole["User"] = "user";
   DirectLineSenderRole["Bot"] = "bot";

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

@@ -1,5 +1,4 @@
 export let MessageTypes;
-
 (function (MessageTypes) {
   MessageTypes["User"] = "UserMessage";
   MessageTypes["Swift"] = "SwiftCard";

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

@@ -1,5 +1,4 @@
 export let NotificationLevel;
-
 (function (NotificationLevel) {
   NotificationLevel["Success"] = "success";
   NotificationLevel["Info"] = "info";

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

@@ -1,5 +1,4 @@
 export let NotificationScenarios;
-
 (function (NotificationScenarios) {
   NotificationScenarios["Connection"] = "connection";
   NotificationScenarios["DownloadTranscriptError"] = "download transcript";

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

@@ -1,5 +1,4 @@
 export let SendStatus;
-
 (function (SendStatus) {
   SendStatus["Sending"] = "sending";
   SendStatus["SendFailed"] = "send failed";

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

@@ -1,5 +1,4 @@
 export let WebChatActionType;
-
 (function (WebChatActionType) {
   WebChatActionType["DIRECT_LINE_CONNECT_FULFILLED"] = "DIRECT_LINE/CONNECT_FULFILLED";
   WebChatActionType["DIRECT_LINE_CONNECT"] = "DIRECT_LINE/CONNECT";

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

@@ -1,15 +1,14 @@
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
-import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { TelemetryHelper } from "../../../../../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) {
@@ -28,8 +27,6 @@ const FormatEgressTagsMiddleware = () => next => activity => {
       }
     }
   }
-
   return next(activity_instance);
 };
-
 export default FormatEgressTagsMiddleware;

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

@@ -1,13 +1,11 @@
 // 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)
@@ -18,8 +16,6 @@ const formatTagsIngressMiddleware = () => next => activity => {
       }
     }
   }
-
   return next(activity_instance);
 };
-
 export default formatTagsIngressMiddleware;

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

@@ -6,6 +6,7 @@
  * 2. Changes the font size of user messages
  * 3. Decodes certain html characters that came through from chat services
  ******/
+
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
 import { Constants } from "../../../../../common/Constants";
 import { DirectLineActivityType } from "../../enums/DirectLineActivityType";
@@ -16,15 +17,15 @@ import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper
 import { defaultSystemMessageStyles } from "./defaultStyles/defaultSystemMessageStyles";
 import { defaultUserMessageStyles } from "./defaultStyles/defaultUserMessageStyles";
 import { escapeHtml } from "../../../../../common/utils";
-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,
+  const systemMessageStyles = {
+    ...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.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.logActionEvent(LogLevel.INFO, {
       Event: TelemetryEvent.AverageWaitTimeMessageRecieved,
@@ -32,7 +33,6 @@ const handleSystemMessage = (next, args, card, systemMessageStyleProps) => {
     });
     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.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.logActionEvent(LogLevel.INFO, {
       Event: TelemetryEvent.QueuePositionMessageRecieved,
@@ -40,57 +40,49 @@ const handleSystemMessage = (next, args, card, systemMessageStyleProps) => {
     });
     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.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
-
+};
 
+// 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
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export 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;
-
     if (((_card$activity$from = card.activity.from) === null || _card$activity$from === void 0 ? void 0 : _card$activity$from.role) === 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) === MessageTypes.Thread) {
         TelemetryHelper.logActionEvent(LogLevel.INFO, {
           Event: TelemetryEvent.IC3ThreadUpdateEventReceived,
           Description: "IC3 ThreadUpdateEvent Received"
         });
       }
-
       return () => false;
     }
-
     if (isTagIncluded(card, Constants.hiddenTag)) {
       return () => false;
     }
-
     if (isTagIncluded(card, Constants.systemMessageTag)) {
       return handleSystemMessage(next, args, card, systemMessageStyleProps);
     } else if (card.activity.text && card.activity.type === DirectLineActivityType.Message) {
@@ -98,11 +90,11 @@ export const createActivityMiddleware = (systemMessageStyleProps, userMessageSty
         card.activity.text = escapeHtml(card.activity.text);
         card.activity.channelData.isHtmlEncoded = true;
       }
-
-      const userMessageStyles = { ...defaultUserMessageStyles,
+      const userMessageStyles = {
+        ...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.createElement("div", {
           className: card.activity.from.role === DirectLineSenderRole.User ? Constants.sentMessageClassName : Constants.receivedMessageClassName,
@@ -112,6 +104,5 @@ export const createActivityMiddleware = (systemMessageStyleProps, userMessageSty
       };
     }
   }
-
   return next(...args);
 };

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

@@ -3,8 +3,9 @@ import { DeliveredTimestamp } from "./timestamps/DeliveredTimestamp";
 import { NotDeliveredTimestamp } from "./timestamps/NotDeliveredTimestamp";
 import React from "react";
 import { SendStatus } from "../../enums/SendStatus";
-import { SendingTimestamp } from "./timestamps/SendingTimestamp"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name, @typescript-eslint/no-unused-vars
+import { SendingTimestamp } from "./timestamps/SendingTimestamp";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name, @typescript-eslint/no-unused-vars
 export const activityStatusMiddleware = () => next => args => {
   const {
     activity: {
@@ -21,11 +22,10 @@ export 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[WebChatMiddlewareConstants.nextVisibleActivity]) {
     const {
       nextVisibleActivity: {
@@ -34,18 +34,16 @@ export 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 > WebChatMiddlewareConstants.timeBetweenTimestampGroups) {
       sameTimestampGroupTemp = false;
     }
   }
-
   if (current_tags && current_tags.includes(Constants.systemMessageTag) || sameTimestampGroupTemp && sendState === SendStatus.Sent) {
     return;
   } else {
@@ -53,14 +51,14 @@ export const activityStatusMiddleware = () => next => args => {
       style: {
         padding: "2px"
       }
-    }, sendState === SendStatus.Sending && /*#__PURE__*/React.createElement(SendingTimestamp, {
-      args: args
-    }), sendState === SendStatus.SendFailed && /*#__PURE__*/React.createElement(NotDeliveredTimestamp, {
+    }, sendState === SendStatus.Sending && /*#__PURE__*/React.createElement(SendingTimestamp, null), sendState === SendStatus.SendFailed && /*#__PURE__*/React.createElement(NotDeliveredTimestamp, {
       args: args
     }), sendState === SendStatus.Sent && /*#__PURE__*/React.createElement(DeliveredTimestamp, {
       args: args,
       role: current_role,
       name: current_name
-    }));
+    }))
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ;
   }
 };