@microsoft/omnichannel-chat-widget 0.1.0-main.01a30be

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+export class BotMagicCodeStore {}
+_defineProperty(BotMagicCodeStore, "botOAuthSignInId", "");

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

@@ -0,0 +1,5 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+export class WebChatStoreLoader {}
+_defineProperty(WebChatStoreLoader, "store", void 0);

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

@@ -0,0 +1,10 @@
+export let 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 || (BrowserVendor = {}));

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

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

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

@@ -0,0 +1,6 @@
+export let DirectLineSenderRole;
+(function (DirectLineSenderRole) {
+  DirectLineSenderRole["User"] = "user";
+  DirectLineSenderRole["Bot"] = "bot";
+  DirectLineSenderRole["Channel"] = "channel";
+})(DirectLineSenderRole || (DirectLineSenderRole = {}));

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

@@ -0,0 +1,12 @@
+export let 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 || (MessageTypes = {}));

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

@@ -0,0 +1,7 @@
+export let NotificationLevel;
+(function (NotificationLevel) {
+  NotificationLevel["Success"] = "success";
+  NotificationLevel["Info"] = "info";
+  NotificationLevel["Warning"] = "warn";
+  NotificationLevel["Error"] = "error";
+})(NotificationLevel || (NotificationLevel = {}));

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

@@ -0,0 +1,9 @@
+export let 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 || (NotificationScenarios = {}));

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

@@ -0,0 +1,6 @@
+export let SendStatus;
+(function (SendStatus) {
+  SendStatus["Sending"] = "sending";
+  SendStatus["SendFailed"] = "send failed";
+  SendStatus["Sent"] = "sent";
+})(SendStatus || (SendStatus = {}));

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

@@ -0,0 +1,24 @@
+export let 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 || (WebChatActionType = {}));

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

@@ -0,0 +1,32 @@
+import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+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) {
+        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.logActionEvent(LogLevel.ERROR, {
+            Event: TelemetryEvent.FormatTagsMiddlewareJSONStringifyFailed,
+            ExceptionDetails: {
+              exception: exception
+            }
+          });
+        }
+      }
+    }
+  }
+  return next(activity_instance);
+};
+export default FormatEgressTagsMiddleware;

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

@@ -0,0 +1,21 @@
+// 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);
+};
+export default formatTagsIngressMiddleware;

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

@@ -0,0 +1,108 @@
+/******
+ * 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
+ ******/
+
+import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
+import { Constants } from "../../../../../common/Constants";
+import { DirectLineActivityType } from "../../enums/DirectLineActivityType";
+import { DirectLineSenderRole } from "../../enums/DirectLineSenderRole";
+import { MessageTypes } from "../../enums/MessageType";
+import React from "react";
+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 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,
+    ...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,
+      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.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,
+      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.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
+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) {
+      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,
+        ...userMessageStyleProps
+      };
+      // 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,
+          style: userMessageStyles,
+          "aria-hidden": "true"
+        }, next(...args)(...arguments));
+      };
+    }
+  }
+  return next(...args);
+};

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

@@ -0,0 +1,64 @@
+import { Constants, WebChatMiddlewareConstants } from "../../../../../common/Constants";
+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
+export const activityStatusMiddleware = () => next => args => {
+  const {
+    activity: {
+      channelData: {
+        tags
+      },
+      from: {
+        name,
+        role
+      },
+      timestamp
+    },
+    sendState,
+    sameTimestampGroup
+  } = args;
+  const current_tags = tags,
+    current_name = name,
+    current_role = role,
+    current_timestamp = timestamp;
+  let sameTimestampGroupTemp = sameTimestampGroup;
+  if (args[WebChatMiddlewareConstants.nextVisibleActivity]) {
+    const {
+      nextVisibleActivity: {
+        from: {
+          name
+        },
+        timestamp
+      }
+    } = args;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const next_name = name,
+      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 {
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        padding: "2px"
+      }
+    }, sendState === SendStatus.Sending && /*#__PURE__*/React.createElement(SendingTimestamp, null), sendState === SendStatus.SendFailed && /*#__PURE__*/React.createElement(NotDeliveredTimestamp, {
+      args: args
+    }), sendState === SendStatus.Sent && /*#__PURE__*/React.createElement(DeliveredTimestamp, {
+      args: args,
+      role: current_role,
+      name: current_name
+    }))
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ;
+  }
+};

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

@@ -0,0 +1,251 @@
+/* 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";
+import { BroadcastEvent } from "../../../../../common/telemetry/TelemetryConstants";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { WebChatActionType } from "../../enums/WebChatActionType";
+import { defaultAttachmentAdaptiveCardStyles } from "./defaultStyles/defaultAtttachmentAdaptiveCardStyles";
+import { defaultAttachmentContentStyles } from "./defaultStyles/defaultAttachmentContentStyles";
+import { defaultAttachmentDividerStyles } from "./defaultStyles/defaultAttachmentDividerStyles";
+import { defaultAttachmentDownloadIconStyles } from "./defaultStyles/defaultAttachmentDownloadIconStyles";
+import { defaultAttachmentFileNameStyles } from "./defaultStyles/defaultAttachmentFileNameStyles";
+import { defaultAttachmentIconStyles } from "./defaultStyles/defaultAtttachmentIconStyles";
+import { defaultAttachmentProps } from "../../../common/defaultProps/defaultAttachmentProps";
+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,
+    style: props.style
+  }, /*#__PURE__*/React.createElement("img", {
+    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,
+    textCard,
+    renderer
+  } = 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,
+    ...((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : _state$domainStates$r3.attachmentDividerStyles)
+  };
+  const attachmentIconStyles = {
+    ...defaultAttachmentIconStyles,
+    ...((_state$domainStates$r4 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.attachmentIconStyles)
+  };
+  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,
+    ...((_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,
+    ...((_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,
+    ...((_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,
+    ...((_state$domainStates$r9 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r9 === void 0 ? void 0 : _state$domainStates$r9.attachmentDownloadIconStyles)
+  }).map(_ref4 => {
+    let [k, v] = _ref4;
+    return `${k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)}:${v}`;
+  }).join(";");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
+            .webchat__fileContent__size { ${attachmentSizeStylesString} }
+            .webchat__fileContent { ${attachmentContentStylesString} }
+            .webchat__fileContent__fileName { ${attachmentFileNameStylesString} }
+            .webchat__fileContent__downloadIcon { ${attachmentDownloadIconStylesString} }
+        `), /*#__PURE__*/React.createElement("div", {
+    dir: state.domainStates.globalDir
+  }, imageCard && renderer(imageCard), imageCard && /*#__PURE__*/React.createElement("hr", {
+    id: attachmentId + "-divider",
+    style: attachmentDividerStyles
+  }), /*#__PURE__*/React.createElement(AttachmentContent, {
+    attachment: textCard.attachment,
+    id: attachmentId,
+    style: attachmentStyles
+  }, /*#__PURE__*/React.createElement(AttachmentIcon, {
+    src: iconData,
+    id: attachmentId + "-icon",
+    style: attachmentIconStyles
+  }), textCard && renderer(textCard))));
+};
+
+/**
+* Patch card with different attachment data.
+* @param card
+* @param newAttachment
+*/
+const patchAttachment = (card, newAttachment) => {
+  const {
+    activity,
+    attachment
+  } = card;
+  const patchedAttachment = Object.assign({}, attachment);
+  patchedAttachment.contentType = newAttachment.contentType;
+  patchedAttachment.thumbnailUrl = newAttachment.thumbnailUrl;
+  const patchedAttachments = activity.attachments.map(target => target === attachment ? patchedAttachment : target);
+  const patchedActivity = Object.assign({}, activity);
+  patchedActivity.attachments = patchedAttachments;
+  return {
+    activity: patchedActivity,
+    attachment: patchedAttachment
+  };
+};
+const genPreviewCardWithAttachment = (card, iconData, next) => {
+  const patchedTextCard = patchAttachment(card, {
+    contentType: MimeTypes.UnknownFileType,
+    thumbnailUrl: undefined
+  });
+  return /*#__PURE__*/React.createElement(Attachment, {
+    iconData: iconData,
+    imageCard: card,
+    textCard: patchedTextCard,
+    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
+    if (!attachments || !attachments.length || !attachment) {
+      return next(...args);
+    }
+
+    // Check for Adaptive cards
+    // eslint-disable-next-line prefer-const
+    let {
+      content,
+      contentType
+    } = attachment || {
+      content: "",
+      contentType: ""
+    };
+    let {
+      type
+    } = content || {
+      type: ""
+    };
+    if (!type && content && Constants.supportedAdaptiveCardContentTypes.indexOf(contentType) >= 0) {
+      try {
+        content = JSON.parse(content);
+        type = content.type;
+        card.attachment.content = content;
+      } catch (e) {
+        const errorData = "Unable to parse the adaptive card format";
+        BroadcastService.postMessage({
+          eventName: BroadcastEvent.InvalidAdaptiveCardFormat,
+          payload: {
+            Message: errorData,
+            ExceptionDetails: e
+          }
+        });
+      }
+    }
+    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,
+      ...((_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, {
+          contentType: MimeTypes.UnknownFileType,
+          thumbnailUrl: undefined
+        }),
+        renderer: next
+      });
+    }
+    const isUnknownImageObject = contentType.toLowerCase().includes("image") && !imageExtension;
+    if (fileExtension === "txt" || isUnknownImageObject) {
+      return /*#__PURE__*/React.createElement(Attachment, {
+        iconData: iconData,
+        textCard: patchAttachment(card, {
+          contentType: MimeTypes.UnknownFileType,
+          thumbnailUrl: undefined
+        }),
+        renderer: next
+      });
+    }
+    return /*#__PURE__*/React.createElement(Attachment, {
+      iconData: iconData,
+      textCard: card,
+      renderer: next
+    });
+  };
+  return attachmentMiddleware;
+};
+export default createAttachmentMiddleware;