@microsoft/omnichannel-chat-widget 0.1.0-main.dbc1afa → 0.1.0-main.df142b8

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps.js

@@ -2,11 +2,13 @@ import MockAdapter from "../mockadapter";
 import { defaultWebChatStatefulContainerStyles } from "../defaultStyles/defaultWebChatStatefulContainerStyles";
 import { defaultWebChatStatefulProps } from "./defaultWebChatStatefulProps";
 import { defaultWebChatStatefulStyles } from "../defaultStyles/defaultWebChatContainerStatefulStyles";
+import { defaultAdaptiveCardStyles } from "../defaultStyles/defaultAdaptiveCardStyles";
 export const defaultWebChatContainerStatefulProps = {
   webChatStyles: defaultWebChatStatefulStyles,
   webChatProps: defaultWebChatStatefulProps,
   containerStyles: defaultWebChatStatefulContainerStyles,
   disableNewLineMarkdownSupport: false,
   disableMarkdownMessageFormatting: false,
-  directLine: new MockAdapter()
+  directLine: new MockAdapter(),
+  adaptiveCardStyles: defaultAdaptiveCardStyles
 };

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultWebChatStatefulProps.js

@@ -7,6 +7,6 @@ export const defaultWebChatStatefulProps = {
   // avatarMiddleware: avatarMiddleware, - this is implemented elsewhere and can be customized
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   groupActivitiesMiddleware: groupActivitiesMiddleware,
-  typingIndicatorMiddleware: typingIndicatorMiddleware // attachmentMiddleware: createAttachmentMiddleware(false), - this is implemented elsewhere and can be customized
-
+  typingIndicatorMiddleware: typingIndicatorMiddleware
+  // attachmentMiddleware: createAttachmentMiddleware(false), - this is implemented elsewhere and can be customized
 };

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultAdaptiveCardStyles.js

@@ -0,0 +1,4 @@
+export const defaultAdaptiveCardStyles = {
+  background: "white",
+  color: "black"
+};

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

@@ -1,5 +1,4 @@
 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; }
-
 import "rxjs/add/operator/share";
 import "rxjs/add/observable/of";
 import { ConnectionStatus } from "botframework-directlinejs";
@@ -9,16 +8,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 +25,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 +55,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 +74,7 @@ export default class MockAdapter {
 
     return Observable.of(activity.id || "");
   }
-
   end() {
     return;
   }
-
 }

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

@@ -1,51 +1,42 @@
 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; }
-
 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

@@ -52,30 +52,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/interfaces/IAdaptiveCardStyles.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -1,5 +1,3 @@
 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; }
-
 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,55 +40,61 @@ 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
+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
 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, _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.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 ((_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.systemMessageTag)) {
+    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) {
       if (!card.activity.channelData.isHtmlEncoded && card.activity.channelId === Constants.webchatChannelId) {
         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,
@@ -98,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 {
@@ -61,6 +59,8 @@ export const activityStatusMiddleware = () => next => args => {
       args: args,
       role: current_role,
       name: current_name
-    }));
+    }))
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ;
   }
 };