@microsoft/omnichannel-chat-widget 0.1.0-main.02fa07b

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

@@ -0,0 +1,88 @@
+"use strict";
+
+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
+
+
+  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

@@ -0,0 +1,100 @@
+"use strict";
+
+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,
+  "avchd": _Icons.VideoIcon,
+  "avi": _Icons.VideoIcon,
+  "bmp": _Icons.ImageIcon,
+  "doc": _Icons.WordIcon,
+  "docx": _Icons.WordIcon,
+  "flac": _Icons.AudioIcon,
+  "flv": _Icons.VideoIcon,
+  "gif": _Icons.ImageIcon,
+  "jiff": _Icons.ImageIcon,
+  "jpeg": _Icons.ImageIcon,
+  "jpg": _Icons.ImageIcon,
+  "mpe": _Icons.VideoIcon,
+  "mpeg": _Icons.VideoIcon,
+  "mpg": _Icons.VideoIcon,
+  "mpv": _Icons.VideoIcon,
+  "mp2": _Icons.AudioIcon,
+  "mp3": _Icons.AudioIcon,
+  "mp4": _Icons.VideoIcon,
+  "m4p": _Icons.VideoIcon,
+  "m4v": _Icons.VideoIcon,
+  "mov": _Icons.VideoIcon,
+  "one": _Icons.OneNoteIcon,
+  "pcm": _Icons.AudioIcon,
+  "pdf": _Icons.PDFIcon,
+  "png": _Icons.ImageIcon,
+  "ppt": _Icons.PowerpointIcon,
+  "pptx": _Icons.PowerpointIcon,
+  "qt": _Icons.VideoIcon,
+  "rar": _Icons.ArchiveIcon,
+  "swf": _Icons.VideoIcon,
+  "tar": _Icons.ArchiveIcon,
+  "tar.gz": _Icons.ArchiveIcon,
+  "tgz": _Icons.ArchiveIcon,
+  "txt": _Icons.BlankIcon,
+  "vsd": _Icons.VisioIcon,
+  "vsdx": _Icons.VisioIcon,
+  "wav": _Icons.AudioIcon,
+  "webm": _Icons.VideoIcon,
+  "wma": _Icons.AudioIcon,
+  "wmv": _Icons.VideoIcon,
+  "xls": _Icons.ExcelIcon,
+  "xlsx": _Icons.ExcelIcon,
+  "zip": _Icons.ArchiveIcon,
+  "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
+
+
+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

@@ -0,0 +1,27 @@
+"use strict";
+
+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 ((_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)
+
+
+  return true;
+};
+
+exports.isMaskingforCustomer = isMaskingforCustomer;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+
+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; }
+
+class WebChatStoreLoader {}
+
+exports.WebChatStoreLoader = WebChatStoreLoader;
+
+_defineProperty(WebChatStoreLoader, "store", void 0);

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BrowserVendor = void 0;
+let BrowserVendor;
+exports.BrowserVendor = BrowserVendor;
+
+(function (BrowserVendor) {
+  BrowserVendor["CHROME"] = "Chrome";
+  BrowserVendor["FIREFOX"] = "Firefox";
+  BrowserVendor["SAFARI"] = "Safari";
+  BrowserVendor["EDGE"] = "Edge";
+  BrowserVendor["EDGE_CHROMIUM"] = "Edg";
+  BrowserVendor["OPERA"] = "Opera";
+  BrowserVendor["UNKNOWN"] = "Unknown";
+})(BrowserVendor || (exports.BrowserVendor = BrowserVendor = {}));

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DirectLineActivityType = void 0;
+let DirectLineActivityType;
+exports.DirectLineActivityType = DirectLineActivityType;
+
+(function (DirectLineActivityType) {
+  DirectLineActivityType["Message"] = "message";
+  DirectLineActivityType["Typing"] = "typing";
+})(DirectLineActivityType || (exports.DirectLineActivityType = DirectLineActivityType = {}));

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DirectLineSenderRole = void 0;
+let DirectLineSenderRole;
+exports.DirectLineSenderRole = DirectLineSenderRole;
+
+(function (DirectLineSenderRole) {
+  DirectLineSenderRole["User"] = "user";
+  DirectLineSenderRole["Bot"] = "bot";
+  DirectLineSenderRole["Channel"] = "channel";
+})(DirectLineSenderRole || (exports.DirectLineSenderRole = DirectLineSenderRole = {}));

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageTypes = void 0;
+let MessageTypes;
+exports.MessageTypes = MessageTypes;
+
+(function (MessageTypes) {
+  MessageTypes["User"] = "UserMessage";
+  MessageTypes["Swift"] = "SwiftCard";
+  MessageTypes["System"] = "SystemMessage";
+  MessageTypes["Welcome"] = "Welcome";
+  MessageTypes["Translate"] = "Translate";
+  MessageTypes["Image"] = "LwcImage";
+  MessageTypes["File"] = "LwcFile";
+  MessageTypes["AdaptiveCard"] = "card";
+  MessageTypes["Thread"] = "Thread";
+})(MessageTypes || (exports.MessageTypes = MessageTypes = {}));

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationLevel = void 0;
+let NotificationLevel;
+exports.NotificationLevel = NotificationLevel;
+
+(function (NotificationLevel) {
+  NotificationLevel["Success"] = "success";
+  NotificationLevel["Info"] = "info";
+  NotificationLevel["Warning"] = "warn";
+  NotificationLevel["Error"] = "error";
+})(NotificationLevel || (exports.NotificationLevel = NotificationLevel = {}));

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationScenarios = void 0;
+let NotificationScenarios;
+exports.NotificationScenarios = NotificationScenarios;
+
+(function (NotificationScenarios) {
+  NotificationScenarios["Connection"] = "connection";
+  NotificationScenarios["DownloadTranscriptError"] = "download transcript";
+  NotificationScenarios["EmailTranscriptError"] = "email transcript";
+  NotificationScenarios["AttachmentError"] = "attachment";
+  NotificationScenarios["InternetConnection"] = "internet connection";
+  NotificationScenarios["MaxSizeError"] = "max size";
+})(NotificationScenarios || (exports.NotificationScenarios = NotificationScenarios = {}));

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SendStatus = void 0;
+let SendStatus;
+exports.SendStatus = SendStatus;
+
+(function (SendStatus) {
+  SendStatus["Sending"] = "sending";
+  SendStatus["SendFailed"] = "send failed";
+  SendStatus["Sent"] = "sent";
+})(SendStatus || (exports.SendStatus = SendStatus = {}));

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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";
+  WebChatActionType["DIRECT_LINE_CONNECT_PENDING"] = "DIRECT_LINE/CONNECT_PENDING";
+  WebChatActionType["DIRECT_LINE_UPDATE_CONNECTION_STATUS"] = "DIRECT_LINE/UPDATE_CONNECTION_STATUS";
+  WebChatActionType["DIRECT_LINE_CONNECT_FULFILLING"] = "DIRECT_LINE/CONNECT_FULFILLING";
+  WebChatActionType["DIRECT_LINE_POST_ACTIVITY"] = "DIRECT_LINE/POST_ACTIVITY";
+  WebChatActionType["DIRECT_LINE_POST_ACTIVITY_PENDING"] = "DIRECT_LINE/POST_ACTIVITY_PENDING";
+  WebChatActionType["DIRECT_LINE_POST_ACTIVITY_FULFILLED"] = "DIRECT_LINE/POST_ACTIVITY_FULFILLED";
+  WebChatActionType["DIRECT_LINE_INCOMING_ACTIVITY"] = "DIRECT_LINE/INCOMING_ACTIVITY";
+  WebChatActionType["WEB_CHAT_SET_LANGUAGE"] = "WEB_CHAT/SET_LANGUAGE";
+  WebChatActionType["WEB_CHAT_SEND_MESSAGE"] = "WEB_CHAT/SEND_MESSAGE";
+  WebChatActionType["WEB_CHAT_SET_SEND_TIMEOUT"] = "WEB_CHAT/SET_SEND_TIMEOUT";
+  WebChatActionType["WEB_CHAT_SET_SEND_TYPING_INDICATOR"] = "WEB_CHAT/SET_SEND_TYPING_INDICATOR";
+  WebChatActionType["WEB_CHAT_SET_SUGGESTED_ACTIONS"] = "WEB_CHAT/SET_SUGGESTED_ACTIONS";
+  WebChatActionType["WEB_CHAT_STOP_DICTATE"] = "WEB_CHAT/STOP_DICTATE";
+  WebChatActionType["WEB_CHAT_STOP_SPEAKING"] = "WEB_CHAT/STOP_SPEAKING";
+  WebChatActionType["WEB_CHAT_SEND_EVENT"] = "WEB_CHAT/SEND_EVENT";
+  WebChatActionType["WEB_CHAT_SET_NOTIFICATION"] = "WEB_CHAT/SET_NOTIFICATION";
+  WebChatActionType["WEB_CHAT_DISMISS_NOTIFICATION"] = "WEB_CHAT/DISMISS_NOTIFICATION";
+  WebChatActionType["WEB_CHAT_SET_SEND_BOX"] = "WEB_CHAT/SET_SEND_BOX";
+  WebChatActionType["WEB_CHAT_SEND_FILES"] = "WEB_CHAT/SEND_FILES";
+})(WebChatActionType || (exports.WebChatActionType = WebChatActionType = {}));

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

@@ -0,0 +1,45 @@
+"use strict";
+
+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) {
+        activity_instance.channelData.tags = tags.toString();
+      } else if (typeof activity_instance.channelData.tags === "object") {
+        try {
+          activity_instance.channelData.tags = JSON.stringify(tags);
+        } catch (exception) {
+          _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
+            Event: _TelemetryConstants.TelemetryEvent.FormatTagsMiddlewareJSONStringifyFailed,
+            ExceptionDetails: {
+              exception: exception
+            }
+          });
+        }
+      }
+    }
+  }
+
+  return next(activity_instance);
+};
+
+var _default = FormatEgressTagsMiddleware;
+exports.default = _default;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+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)
+          activity_instance.channelData.tags = JSON.parse(tags);
+        } catch {
+          activity_instance.channelData.tags = tags.split(",");
+        }
+      }
+    }
+  }
+
+  return next(activity_instance);
+};
+
+var _default = formatTagsIngressMiddleware;
+exports.default = _default;

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

@@ -0,0 +1,140 @@
+"use strict";
+
+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
+ * 
+ * This middleware handles each message bubble in a default Microsoft LiveChatWidget approach. It does the following processing:
+ * 1. Renders system messages differently, according to Microsoft LiveChatWidget styles
+ * 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 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,
+    ...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
+
+
+  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
+
+
+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;
+
+    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 (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,
+        ...userMessageStyleProps
+      }; // 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,
+          style: userMessageStyles,
+          "aria-hidden": "true"
+        }, next(...args)(...arguments));
+      };
+    }
+  }
+
+  return next(...args);
+};
+
+exports.createActivityMiddleware = createActivityMiddleware;