@microsoft/omnichannel-chat-widget 0.1.0-main.a27ec4b → 0.1.0-main.a2e5071

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/webchatcontroller/BotMagicCodeStore.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 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,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 {
@@ -61,7 +59,8 @@ export const activityStatusMiddleware = () => next => args => {
       args: args,
       role: current_role,
       name: current_name
-    })) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    }))
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ;
   }
 };

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

@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-
 /******
  * AttachmentMiddleware
  * 
  * Handles attachment downloading.
  ******/
+
 import { Constants, MimeTypes, WebChatMiddlewareConstants } from "../../../../../common/Constants";
 import React from "react";
 import { getFileAttachmentIconData, isInlineMediaSupported } from "../../../common/utils/FileAttachmentIconManager";
@@ -21,14 +21,12 @@ import { defaultAttachmentProps } from "../../../common/defaultProps/defaultAtta
 import { defaultAttachmentSizeStyles } from "./defaultStyles/defaultAttachmentSizeStyles";
 import { defaultAttachmentStyles } from "./defaultStyles/defaultAtttachmentStyles";
 import { useChatContextStore } from "../../../../..";
-
 const AttachmentContent = props => {
   return /*#__PURE__*/React.createElement("div", {
     id: props.id,
     style: props.style
   }, props.children);
 };
-
 const AttachmentIcon = props => {
   return /*#__PURE__*/React.createElement("div", {
     id: props.id,
@@ -37,10 +35,8 @@ const AttachmentIcon = props => {
     src: props.src ?? 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,
@@ -49,34 +45,41 @@ const Attachment = props => {
   } = props;
   const [state] = 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.webChatAttachmentId;
-  const attachmentDividerStyles = { ...defaultAttachmentDividerStyles,
+  const attachmentDividerStyles = {
+    ...defaultAttachmentDividerStyles,
     ...((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : _state$domainStates$r3.attachmentDividerStyles)
   };
-  const attachmentIconStyles = { ...defaultAttachmentIconStyles,
+  const attachmentIconStyles = {
+    ...defaultAttachmentIconStyles,
     ...((_state$domainStates$r4 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.attachmentIconStyles)
   };
-  const attachmentStyles = { ...defaultAttachmentStyles,
+  const attachmentStyles = {
+    ...defaultAttachmentStyles,
     ...((_state$domainStates$r5 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r5 === void 0 ? void 0 : _state$domainStates$r5.attachmentStyles)
   };
-  const attachmentSizeStylesString = Object.entries({ ...defaultAttachmentSizeStyles,
+  const attachmentSizeStylesString = Object.entries({
+    ...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,
+  const attachmentContentStylesString = Object.entries({
+    ...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,
+  const attachmentFileNameStylesString = Object.entries({
+    ...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,
+  const attachmentDownloadIconStylesString = Object.entries({
+    ...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;
@@ -102,13 +105,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,
@@ -125,7 +127,6 @@ const patchAttachment = (card, newAttachment) => {
     attachment: patchedAttachment
   };
 };
-
 const genPreviewCardWithAttachment = (card, iconData, next) => {
   const patchedTextCard = patchAttachment(card, {
     contentType: MimeTypes.UnknownFileType,
@@ -138,35 +139,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
@@ -179,7 +175,6 @@ const createAttachmentMiddleware = enableInlinePlaying => {
     } = content || {
       type: ""
     };
-
     if (!type && content && Constants.supportedAdaptiveCardContentTypes.indexOf(contentType) >= 0) {
       try {
         content = JSON.parse(content);
@@ -196,41 +191,35 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         });
       }
     }
-
     const [state] = 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.adaptiveCardAttachmentId;
-    const atttachmentAdaptiveCardStyles = { ...defaultAttachmentAdaptiveCardStyles,
+    const atttachmentAdaptiveCardStyles = {
+      ...defaultAttachmentAdaptiveCardStyles,
       ...((_state$domainStates$r12 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r12 === void 0 ? void 0 : _state$domainStates$r12.attachmentAdaptiveCardStyles)
     };
-
     if (type === WebChatMiddlewareConstants.adaptiveCard || Constants.supportedAdaptiveCardContentTypes.indexOf(contentType) >= 0) {
       return /*#__PURE__*/React.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.imageRegex.test(attachment.name);
     const audioExtension = Constants.audioMediaRegex.test(attachment.name);
     const videoExtension = Constants.videoMediaRegex.test(attachment.name);
     const iconData = getFileAttachmentIconData(fileExtension);
-
     if (imageExtension) {
       return genPreviewCardWithAttachment(card, iconData, next);
     }
-
     if (audioExtension || videoExtension) {
       if (enableInlinePlaying && card.activity.actionType && card.activity.actionType === WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && isInlineMediaSupported(attachment.name)) {
         return genPreviewCardWithAttachment(card, iconData, next);
       }
-
       return /*#__PURE__*/React.createElement(Attachment, {
         iconData: iconData,
         textCard: patchAttachment(card, {
@@ -240,7 +229,6 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         renderer: next
       });
     }
-
     if (fileExtension === "txt") {
       return /*#__PURE__*/React.createElement(Attachment, {
         iconData: iconData,
@@ -251,15 +239,12 @@ const createAttachmentMiddleware = enableInlinePlaying => {
         renderer: next
       });
     }
-
     return /*#__PURE__*/React.createElement(Attachment, {
       iconData: iconData,
       textCard: card,
       renderer: next
     });
   };
-
   return attachmentMiddleware;
 };
-
 export default createAttachmentMiddleware;