@zohoim/chat-components 1.1.4 → 1.1.6-beta.1

package/lib/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css

@@ -0,0 +1,39 @@
+.varClass {
+  --attachmentBubbleInfo-fileName_font_size: 15px;
+  --attachmentBubbleInfo-fileName_font_family: var(--zd_semibold);
+  --attachmentBubbleInfo-fileSize_font_size: 13px;
+}
+
+.fileName {
+  composes: varClass;
+  font-size: var(--attachmentBubbleInfo-fileName_font_size);
+  font-family: var(--attachmentBubbleInfo-fileName_font_family);
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileName_color);
+}
+
+.failedAttachmentBubbleInfo .fileName{
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileName_color_failed);
+}
+
+.fileSize {
+  composes: varClass;
+  font-size: var(--attachmentBubbleInfo-fileSize_font_size);
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileSize_color);
+  margin-top: var(--zd_size5) ;
+}
+
+.failedAttachmentBubbleInfo .fileSize{
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileSize_color_failed);
+}
+
+.fileName,
+.fileSize {
+  composes: dotted from "../../css/common.module.css";
+}
+
+.attachmentBubbleInfo {
+  width: 100% ;
+  line-height: normal;
+  /* Use this class name for css customization */
+}
+

package/lib/AttachmentBubbleInfo/css/cssJSLogic.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _utils = require("@zohodesk/utils");
+
+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; }
+
+function cssJSLogic(props, style) {
+  var _compileClassNames;
+
+  var isFailed = props.isFailed;
+  var attachmentBubbleInfoClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.attachmentBubbleInfo, true), _defineProperty(_compileClassNames, style.failedAttachmentBubbleInfo, isFailed), _compileClassNames));
+  return {
+    attachmentBubbleInfoClass: attachmentBubbleInfoClass
+  };
+}

package/lib/AttachmentBubbleInfo/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AttachmentBubbleInfo", {
+  enumerable: true,
+  get: function get() {
+    return _AttachmentBubbleInfo["default"];
+  }
+});
+
+var _AttachmentBubbleInfo = _interopRequireDefault(require("./AttachmentBubbleInfo"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/AttachmentBubbleInfo/props/defaultProps.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var attachmentBubbleInfoDefaultProps = {
+  customStyle: _emptyConstants.dummyObject
+};
+var _default = attachmentBubbleInfoDefaultProps;
+exports["default"] = _default;

package/lib/AttachmentBubbleInfo/props/propTypes.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var attachmentBubbleInfoPropTypes = {
+  fileName: _propTypes["default"].string.isRequired,
+  fileSize: _propTypes["default"].string.isRequired,
+  customStyle: _propTypes["default"].object,
+  isFailed: _propTypes["default"].bool
+};
+var _default = attachmentBubbleInfoPropTypes;
+exports["default"] = _default;

package/lib/AttachmentHandler/AttachmentHandler.js

@@ -0,0 +1,104 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AttachmentHandler;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@zohodesk/dot/es/IconButton/IconButton"));
+
+var _Layout = require("@zohodesk/components/es/Layout");
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _useAttachmentHandler2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/AttachmentHandler/useAttachmentHandler"));
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
+
+var _AttachmentHandlerModule = _interopRequireDefault(require("./css/AttachmentHandler.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function AttachmentHandler(props) {
+  var customStyle = props.customStyle,
+      iconName = props.iconName,
+      iconSize = props.iconSize,
+      iconTitle = props.iconTitle,
+      renderCustomIcon = props.renderCustomIcon,
+      propGetRef = props.getRef,
+      supportedFileTypes = props.supportedFileTypes,
+      isMultiAttachment = props.isMultiAttachment,
+      propOnAttach = props.onAttach,
+      _props$customProps = props.customProps,
+      customProps = _props$customProps === void 0 ? _emptyConstants.dummyObject : _props$customProps;
+  var _customProps$inputPro = customProps.inputProps,
+      inputProps = _customProps$inputPro === void 0 ? _emptyConstants.dummyObject : _customProps$inputPro;
+
+  var _useAttachmentHandler = (0, _useAttachmentHandler2["default"])({
+    onAttach: propOnAttach,
+    getRef: propGetRef
+  }),
+      onAttach = _useAttachmentHandler.onAttach,
+      onAttachmentClick = _useAttachmentHandler.onAttachmentClick,
+      getRef = _useAttachmentHandler.getRef;
+  /* External customization */
+
+
+  var newStyle = (0, _useMergeStyle["default"])(_AttachmentHandlerModule["default"], customStyle);
+  var inputEl = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("input", _extends({
+      ref: getRef,
+      accept: supportedFileTypes,
+      hidden: true,
+      multiple: isMultiAttachment,
+      onChange: onAttach,
+      size: "1",
+      type: "file"
+    }, inputProps));
+  }, [supportedFileTypes, getRef, onAttach, isMultiAttachment, inputProps]);
+  var customIcon = (0, _react.useMemo)(function () {
+    /* Render Custom Icon */
+    var icon = (0, _renderHandler["default"])(renderCustomIcon)({
+      onClick: onAttachmentClick
+    });
+
+    if (icon) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon, inputEl);
+    }
+
+    return null;
+  }, [renderCustomIcon, onAttachmentClick, inputEl]);
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "column"
+  }, customIcon || /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    a11y: {
+      ariaLabel: iconTitle
+    },
+    className: newStyle.iconButton,
+    iconClass: newStyle.icon,
+    iconName: iconName,
+    iconSize: iconSize,
+    onClick: onAttachmentClick,
+    title: iconTitle
+  }, inputEl));
+}
+
+AttachmentHandler.propTypes = _propTypes["default"];
+AttachmentHandler.defaultProps = _defaultProps["default"];
+AttachmentHandler.displayName = 'AttachmentHandler';

package/lib/AttachmentHandler/css/AttachmentHandler.module.css

@@ -0,0 +1,27 @@
+/** ** Styles *** */
+
+.attachmentHandler {
+  /** ** Use this class for css customisation *** */
+}
+
+[dir=ltr] .iconButton {
+  margin-right: var(--zd_size5) ;
+}
+
+[dir=rtl] .iconButton {
+  margin-left: var(--zd_size5) ;
+}
+
+.icon {
+  color: initial;
+}
+
+
+.icon :global .path1:before {
+  color: var(--imlib_chat_components_twotone_icon_bg) !important;
+  opacity: 1;
+}
+
+.icon :global .path2:before {
+  color: var(--imlib_chat_components_twotone_icon_border) !important;
+}

package/lib/AttachmentHandler/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AttachmentHandler", {
+  enumerable: true,
+  get: function get() {
+    return _AttachmentHandler["default"];
+  }
+});
+
+var _AttachmentHandler = _interopRequireDefault(require("./AttachmentHandler"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/AttachmentHandler/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var attachmentHandlerDefaultProps = {
+  customStyle: _emptyConstants.dummyObject,
+  iconName: 'ZD-TT-image',
+  iconSize: '14',
+  iconTitle: 'Upload',
+  isMultiAttachment: false
+};
+var _default = attachmentHandlerDefaultProps;
+exports["default"] = _default;

package/lib/AttachmentHandler/props/propTypes.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var attachmentHandlerPropTypes = {
+  customStyle: _propTypes["default"].object,
+  iconName: _propTypes["default"].string.isRequired,
+  iconSize: _propTypes["default"].number,
+  iconTitle: _propTypes["default"].string,
+  renderCustomIcon: _propTypes["default"].func,
+  getRef: _propTypes["default"].func,
+  supportedFileTypes: _propTypes["default"].string,
+  isMultiAttachment: _propTypes["default"].bool,
+  onAttach: _propTypes["default"].func.isRequired,
+  customProps: _propTypes["default"].shape({
+    inputProps: _propTypes["default"].object
+  })
+};
+var _default = attachmentHandlerPropTypes;
+exports["default"] = _default;

package/lib/AttachmentIcon/AttachmentIcon.js

@@ -0,0 +1,84 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AttachmentIcon;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
+
+var _getAttachmentIconComponent = _interopRequireDefault(require("./utils/getAttachmentIconComponent"));
+
+var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
+
+var _AttachmentIconModule = _interopRequireDefault(require("./css/AttachmentIcon.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** ** Libraries *** */
+
+/** ** Hooks *** */
+
+/** ** Constants *** */
+
+/** ** Methods *** */
+
+/** ** Styles *** */
+function AttachmentIcon(props) {
+  var customStyle = props.customStyle,
+      fileFormat = props.fileFormat,
+      mediaType = props.mediaType,
+      isDisabled = props.isDisabled,
+      renderCustomIcon = props.renderCustomIcon,
+      isValidAttachment = props.isValidAttachment;
+  /* External CSS Customization */
+
+  var newStyle = (0, _useMergeStyle["default"])(_AttachmentIconModule["default"], customStyle);
+  /* css classnames added based on logic */
+
+  var _cssJSLogic = (0, _cssJSLogic2["default"])({
+    isDisabled: isDisabled
+  }, newStyle),
+      iconStyleClass = _cssJSLogic.iconStyleClass;
+
+  var iconCustomStyle = (0, _react.useMemo)(function () {
+    return {
+      base: iconStyleClass
+    };
+  }, [iconStyleClass]);
+  /* Custom Icon Renderer */
+
+  if (renderCustomIcon) {
+    var fileIcon = (0, _renderHandler["default"])(renderCustomIcon)();
+    return fileIcon;
+  }
+
+  var _getAttachmentIconCom = (0, _getAttachmentIconComponent["default"])({
+    fileFormat: fileFormat,
+    mediaType: mediaType,
+    isValidAttachment: isValidAttachment
+  }),
+      IconComponent = _getAttachmentIconCom.IconComponent;
+
+  return IconComponent ? /*#__PURE__*/_react["default"].createElement(IconComponent, {
+    customStyle: iconCustomStyle
+  }) : null;
+}
+
+AttachmentIcon.propTypes = _propTypes["default"];
+AttachmentIcon.defaultProps = _defaultProps["default"];
+AttachmentIcon.displayName = 'AttachmentIcon';

package/lib/AttachmentIcon/css/AttachmentIcon.module.css

@@ -0,0 +1,8 @@
+.icon {
+  width: var(--zd_size20)  !important;
+  height: var(--zd_size20)  !important;
+}
+
+.disabledIcon {
+  cursor: not-allowed !important;
+}

package/lib/AttachmentIcon/css/cssJSLogic.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _utils = require("@zohodesk/utils");
+
+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; }
+
+function cssJSLogic(props, style) {
+  var _compileClassNames;
+
+  var isDisabled = props.isDisabled;
+  var iconStyleClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.icon, true), _defineProperty(_compileClassNames, style.disabledIcon, isDisabled), _compileClassNames));
+  return {
+    iconStyleClass: iconStyleClass
+  };
+}

package/lib/AttachmentIcon/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AttachmentIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AttachmentIcon["default"];
+  }
+});
+
+var _AttachmentIcon = _interopRequireDefault(require("./AttachmentIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/AttachmentIcon/props/defaultProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var attachmentIconDefaultProps = {
+  isDisabled: false,
+  isValidAttachment: true,
+  customStyle: _emptyConstants.dummyObject
+};
+var _default = attachmentIconDefaultProps;
+exports["default"] = _default;

package/lib/AttachmentIcon/props/propTypes.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _attachmentFileTypes = _interopRequireDefault(require("@zohoim/chat-components-utils/es/constants/attachmentFileTypes"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+
+/** ** Constants *** */
+var AUDIO = _attachmentFileTypes["default"].AUDIO,
+    VIDEO = _attachmentFileTypes["default"].VIDEO,
+    IMAGE = _attachmentFileTypes["default"].IMAGE; // Docs - Playground Component Render Issue Fix
+
+var fileFormats = JSON.parse(JSON.stringify(Object.values(_attachmentFileTypes["default"])));
+var attachmentIconPropTypes = {
+  fileFormat: _propTypes["default"].oneOf(fileFormats).isRequired,
+  mediaType: _propTypes["default"].oneOf([AUDIO, VIDEO, IMAGE]).isRequired,
+  isDisabled: _propTypes["default"].bool,
+  customStyle: _propTypes["default"].object,
+  renderCustomIcon: _propTypes["default"].func,
+  isValidAttachment: _propTypes["default"].bool
+};
+var _default = attachmentIconPropTypes;
+exports["default"] = _default;

package/lib/AttachmentIcon/utils/getAttachmentIconComponent.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getAttachmentIconComponent;
+
+var _Audio = _interopRequireDefault(require("../../icons/iconSrc/attachments/Audio"));
+
+var _Code = _interopRequireDefault(require("../../icons/iconSrc/attachments/Code"));
+
+var _Image = _interopRequireDefault(require("../../icons/iconSrc/attachments/Image"));
+
+var _Pdf = _interopRequireDefault(require("../../icons/iconSrc/attachments/Pdf"));
+
+var _Text = _interopRequireDefault(require("../../icons/iconSrc/attachments/Text"));
+
+var _Unknown = _interopRequireDefault(require("../../icons/iconSrc/attachments/Unknown"));
+
+var _Video = _interopRequireDefault(require("../../icons/iconSrc/attachments/Video"));
+
+var _Zip = _interopRequireDefault(require("../../icons/iconSrc/attachments/Zip"));
+
+var _AlertTriangle = _interopRequireDefault(require("../../icons/iconSrc/common/AlertTriangle"));
+
+var _Xls = _interopRequireDefault(require("../../icons/iconSrc/attachments/Xls"));
+
+var _Ppt = _interopRequireDefault(require("../../icons/iconSrc/attachments/Ppt"));
+
+var _attachmentFileTypes = _interopRequireDefault(require("@zohoim/chat-components-utils/es/constants/attachmentFileTypes"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+var SVG = _attachmentFileTypes["default"].SVG,
+    IMAGE = _attachmentFileTypes["default"].IMAGE,
+    PDF = _attachmentFileTypes["default"].PDF,
+    AUDIO = _attachmentFileTypes["default"].AUDIO,
+    VIDEO = _attachmentFileTypes["default"].VIDEO,
+    MP3 = _attachmentFileTypes["default"].MP3,
+    MPEG = _attachmentFileTypes["default"].MPEG,
+    VORBIS = _attachmentFileTypes["default"].VORBIS,
+    OGG = _attachmentFileTypes["default"].OGG,
+    M4A = _attachmentFileTypes["default"].M4A,
+    MP4 = _attachmentFileTypes["default"].MP4,
+    HTML = _attachmentFileTypes["default"].HTML,
+    PSD = _attachmentFileTypes["default"].PSD,
+    CSS = _attachmentFileTypes["default"].CSS,
+    TEXT = _attachmentFileTypes["default"].TEXT,
+    PLAIN = _attachmentFileTypes["default"].PLAIN,
+    XLS = _attachmentFileTypes["default"].XLS,
+    PPT = _attachmentFileTypes["default"].PPT,
+    ZIP = _attachmentFileTypes["default"].ZIP,
+    UNDEFINED = _attachmentFileTypes["default"].UNDEFINED,
+    INVALID = _attachmentFileTypes["default"].INVALID;
+
+function getAttachmentIconComponent(_ref) {
+  var _iconMapping;
+
+  var fileFormat = _ref.fileFormat,
+      mediaType = _ref.mediaType,
+      isValidAttachment = _ref.isValidAttachment;
+  var iconMapping = (_iconMapping = {}, _defineProperty(_iconMapping, SVG, _Code["default"]), _defineProperty(_iconMapping, IMAGE, _Image["default"]), _defineProperty(_iconMapping, PDF, _Pdf["default"]), _defineProperty(_iconMapping, AUDIO, _Audio["default"]), _defineProperty(_iconMapping, VIDEO, _Video["default"]), _defineProperty(_iconMapping, MP3, _Audio["default"]), _defineProperty(_iconMapping, MPEG, _Audio["default"]), _defineProperty(_iconMapping, VORBIS, _Audio["default"]), _defineProperty(_iconMapping, OGG, _Audio["default"]), _defineProperty(_iconMapping, M4A, _Audio["default"]), _defineProperty(_iconMapping, MP4, _Video["default"]), _defineProperty(_iconMapping, HTML, _Code["default"]), _defineProperty(_iconMapping, PSD, _Unknown["default"]), _defineProperty(_iconMapping, CSS, _Code["default"]), _defineProperty(_iconMapping, TEXT, _Text["default"]), _defineProperty(_iconMapping, PLAIN, _Text["default"]), _defineProperty(_iconMapping, XLS, _Xls["default"]), _defineProperty(_iconMapping, PPT, _Ppt["default"]), _defineProperty(_iconMapping, ZIP, _Zip["default"]), _defineProperty(_iconMapping, UNDEFINED, _Unknown["default"]), _defineProperty(_iconMapping, INVALID, _AlertTriangle["default"]), _iconMapping);
+  var IconComponent;
+
+  if (!isValidAttachment) {
+    IconComponent = iconMapping[INVALID];
+  } else if (_attachmentFileTypes["default"][mediaType]) {
+    IconComponent = iconMapping[_attachmentFileTypes["default"][mediaType]];
+  } else {
+    IconComponent = iconMapping[fileFormat] || iconMapping[UNDEFINED];
+  }
+
+  return {
+    IconComponent: IconComponent
+  };
+}