@microsoft/omnichannel-chat-widget 0.1.0-main.bcfe8a3 → 0.1.0-main.c1dcc1d

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

@@ -4,11 +4,7 @@ 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

@@ -4,11 +4,7 @@ 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

@@ -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,83 +23,73 @@ 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
-
+};
 
+// 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
 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) {
@@ -119,11 +97,11 @@ const createActivityMiddleware = (systemMessageStyleProps, userMessageStyleProps
         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,
@@ -133,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 {
@@ -76,8 +65,9 @@ const activityStatusMiddleware = () => next => args => {
       args: args,
       role: current_role,
       name: current_name
-    }));
+    }))
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ;
   }
 };
-
 exports.activityStatusMiddleware = activityStatusMiddleware;

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

@@ -4,55 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Constants = require("../../../../../common/Constants");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _FileAttachmentIconManager = require("../../../common/utils/FileAttachmentIconManager");
-
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _WebChatActionType = require("../../enums/WebChatActionType");
-
 var _defaultAtttachmentAdaptiveCardStyles = require("./defaultStyles/defaultAtttachmentAdaptiveCardStyles");
-
 var _defaultAttachmentContentStyles = require("./defaultStyles/defaultAttachmentContentStyles");
-
 var _defaultAttachmentDividerStyles = require("./defaultStyles/defaultAttachmentDividerStyles");
-
 var _defaultAttachmentDownloadIconStyles = require("./defaultStyles/defaultAttachmentDownloadIconStyles");
-
 var _defaultAttachmentFileNameStyles = require("./defaultStyles/defaultAttachmentFileNameStyles");
-
 var _defaultAtttachmentIconStyles = require("./defaultStyles/defaultAtttachmentIconStyles");
-
 var _defaultAttachmentProps = require("../../../common/defaultProps/defaultAttachmentProps");
-
 var _defaultAttachmentSizeStyles = require("./defaultStyles/defaultAttachmentSizeStyles");
-
 var _defaultAtttachmentStyles = require("./defaultStyles/defaultAtttachmentStyles");
-
 var _ = require("../../../../..");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
-
 /******
  * AttachmentMiddleware
  * 
  * Handles attachment downloading.
  ******/
+
 const AttachmentContent = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     id: props.id,
     style: props.style
   }, props.children);
 };
-
 const AttachmentIcon = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     id: props.id,
@@ -61,10 +42,8 @@ const AttachmentIcon = props => {
     src: props.src ?? (0, _FileAttachmentIconManager.getFileAttachmentIconData)("txt")
   }));
 };
-
 const Attachment = props => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _state$domainStates$r4, _state$domainStates$r5, _state$domainStates$r6, _state$domainStates$r7, _state$domainStates$r8, _state$domainStates$r9;
-
   const {
     iconData,
     imageCard,
@@ -73,34 +52,41 @@ const Attachment = props => {
   } = props;
   const [state] = (0, _.useChatContextStore)();
   const attachmentId = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : (_state$domainStates$r2 = _state$domainStates$r.attachmentProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.webChatAttachmentId) ?? _defaultAttachmentProps.defaultAttachmentProps.webChatAttachmentId;
-  const attachmentDividerStyles = { ..._defaultAttachmentDividerStyles.defaultAttachmentDividerStyles,
+  const attachmentDividerStyles = {
+    ..._defaultAttachmentDividerStyles.defaultAttachmentDividerStyles,
     ...((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : _state$domainStates$r3.attachmentDividerStyles)
   };
-  const attachmentIconStyles = { ..._defaultAtttachmentIconStyles.defaultAttachmentIconStyles,
+  const attachmentIconStyles = {
+    ..._defaultAtttachmentIconStyles.defaultAttachmentIconStyles,
     ...((_state$domainStates$r4 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.attachmentIconStyles)
   };
-  const attachmentStyles = { ..._defaultAtttachmentStyles.defaultAttachmentStyles,
+  const attachmentStyles = {
+    ..._defaultAtttachmentStyles.defaultAttachmentStyles,
     ...((_state$domainStates$r5 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r5 === void 0 ? void 0 : _state$domainStates$r5.attachmentStyles)
   };
-  const attachmentSizeStylesString = Object.entries({ ..._defaultAttachmentSizeStyles.defaultAttachmentSizeStyles,
+  const attachmentSizeStylesString = Object.entries({
+    ..._defaultAttachmentSizeStyles.defaultAttachmentSizeStyles,
     ...((_state$domainStates$r6 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r6 === void 0 ? void 0 : _state$domainStates$r6.attachmentSizeStyles)
   }).map(_ref => {
     let [k, v] = _ref;
     return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
   }).join(";");
-  const attachmentContentStylesString = Object.entries({ ..._defaultAttachmentContentStyles.defaultAttachmentContentStyles,
+  const attachmentContentStylesString = Object.entries({
+    ..._defaultAttachmentContentStyles.defaultAttachmentContentStyles,
     ...((_state$domainStates$r7 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r7 === void 0 ? void 0 : _state$domainStates$r7.attachmentContentStyles)
   }).map(_ref2 => {
     let [k, v] = _ref2;
     return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
   }).join(";");
-  const attachmentFileNameStylesString = Object.entries({ ..._defaultAttachmentFileNameStyles.defaultAttachmentFileNameStyles,
+  const attachmentFileNameStylesString = Object.entries({
+    ..._defaultAttachmentFileNameStyles.defaultAttachmentFileNameStyles,
     ...((_state$domainStates$r8 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r8 === void 0 ? void 0 : _state$domainStates$r8.attachmentFileNameStyles)
   }).map(_ref3 => {
     let [k, v] = _ref3;
     return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
   }).join(";");
-  const attachmentDownloadIconStylesString = Object.entries({ ..._defaultAttachmentDownloadIconStyles.defaultAttachmentDownloadIconStyles,
+  const attachmentDownloadIconStylesString = Object.entries({
+    ..._defaultAttachmentDownloadIconStyles.defaultAttachmentDownloadIconStyles,
     ...((_state$domainStates$r9 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r9 === void 0 ? void 0 : _state$domainStates$r9.attachmentDownloadIconStyles)
   }).map(_ref4 => {
     let [k, v] = _ref4;
@@ -126,13 +112,12 @@ const Attachment = props => {
     style: attachmentIconStyles
   }), textCard && renderer(textCard))));
 };
+
 /**
 * Patch card with different attachment data.
 * @param card
 * @param newAttachment
 */
-
-
 const patchAttachment = (card, newAttachment) => {
   const {
     activity,
@@ -149,7 +134,6 @@ const patchAttachment = (card, newAttachment) => {
     attachment: patchedAttachment
   };
 };
-
 const genPreviewCardWithAttachment = (card, iconData, next) => {
   const patchedTextCard = patchAttachment(card, {
     contentType: _Constants.MimeTypes.UnknownFileType,
@@ -162,35 +146,30 @@ const genPreviewCardWithAttachment = (card, iconData, next) => {
     renderer: next
   });
 };
-
 const createAttachmentMiddleware = enableInlinePlaying => {
   // eslint-disable-next-line react/display-name   
   const attachmentMiddleware = () => next => function () {
     var _state$domainStates$r10, _state$domainStates$r11, _state$domainStates$r12, _card$activity$channe;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     const [card] = args;
-
     if (!(card !== null && card !== void 0 && card.activity)) {
       return next(...args);
     }
-
     const {
       activity: {
         attachments
       },
       attachment
-    } = card; // No attachment
-
+    } = card;
+    // No attachment
     if (!attachments || !attachments.length || !attachment) {
       return next(...args);
-    } // Check for Adaptive cards
-    // eslint-disable-next-line prefer-const
-
+    }
 
+    // Check for Adaptive cards
+    // eslint-disable-next-line prefer-const
     let {
       content,
       contentType
@@ -203,7 +182,6 @@ const createAttachmentMiddleware = enableInlinePlaying => {
     } = content || {
       type: ""
     };
-
     if (!type && content && _Constants.Constants.supportedAdaptiveCardContentTypes.indexOf(contentType) >= 0) {
       try {
         content = JSON.parse(content);
@@ -211,7 +189,6 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         card.attachment.content = content;
       } catch (e) {
         const errorData = "Unable to parse the adaptive card format";
-
         _omnichannelChatComponents.BroadcastService.postMessage({
           eventName: _TelemetryConstants.BroadcastEvent.InvalidAdaptiveCardFormat,
           payload: {
@@ -221,45 +198,35 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         });
       }
     }
-
     const [state] = (0, _.useChatContextStore)();
     const attachmentId = ((_state$domainStates$r10 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r10 === void 0 ? void 0 : (_state$domainStates$r11 = _state$domainStates$r10.attachmentProps) === null || _state$domainStates$r11 === void 0 ? void 0 : _state$domainStates$r11.adaptiveCardAttachmentId) ?? _defaultAttachmentProps.defaultAttachmentProps.adaptiveCardAttachmentId;
-    const atttachmentAdaptiveCardStyles = { ..._defaultAtttachmentAdaptiveCardStyles.defaultAttachmentAdaptiveCardStyles,
+    const atttachmentAdaptiveCardStyles = {
+      ..._defaultAtttachmentAdaptiveCardStyles.defaultAttachmentAdaptiveCardStyles,
       ...((_state$domainStates$r12 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r12 === void 0 ? void 0 : _state$domainStates$r12.attachmentAdaptiveCardStyles)
     };
-
     if (type === _Constants.WebChatMiddlewareConstants.adaptiveCard || _Constants.Constants.supportedAdaptiveCardContentTypes.indexOf(contentType) >= 0) {
       return /*#__PURE__*/_react.default.createElement("div", {
         id: attachmentId,
         style: atttachmentAdaptiveCardStyles
       }, next(...args));
     }
-
     if ((_card$activity$channe = card.activity.channelData) !== null && _card$activity$channe !== void 0 && _card$activity$channe.middlewareData) {
       attachment.contentUrl = card.activity.channelData.middlewareData[attachment.name];
     } else if (attachment !== null && attachment !== void 0 && attachment.tempContentUrl) {
       attachment.contentUrl = attachment.tempContentUrl;
     }
-
     const fileExtension = attachment.name.substring(attachment.name.lastIndexOf(".") + 1, attachment.name.length) || attachment.name;
-
     const imageExtension = _Constants.Constants.imageRegex.test(attachment.name);
-
     const audioExtension = _Constants.Constants.audioMediaRegex.test(attachment.name);
-
     const videoExtension = _Constants.Constants.videoMediaRegex.test(attachment.name);
-
     const iconData = (0, _FileAttachmentIconManager.getFileAttachmentIconData)(fileExtension);
-
     if (imageExtension) {
       return genPreviewCardWithAttachment(card, iconData, next);
     }
-
     if (audioExtension || videoExtension) {
       if (enableInlinePlaying && card.activity.actionType && card.activity.actionType === _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (0, _FileAttachmentIconManager.isInlineMediaSupported)(attachment.name)) {
         return genPreviewCardWithAttachment(card, iconData, next);
       }
-
       return /*#__PURE__*/_react.default.createElement(Attachment, {
         iconData: iconData,
         textCard: patchAttachment(card, {
@@ -269,7 +236,6 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         renderer: next
       });
     }
-
     if (fileExtension === "txt") {
       return /*#__PURE__*/_react.default.createElement(Attachment, {
         iconData: iconData,
@@ -280,16 +246,13 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         renderer: next
       });
     }
-
     return /*#__PURE__*/_react.default.createElement(Attachment, {
       iconData: iconData,
       textCard: card,
       renderer: next
     });
   };
-
   return attachmentMiddleware;
 };
-
 var _default = createAttachmentMiddleware;
 exports.default = _default;