@zohoim/chat-components 1.1.2-beta.2 → 1.1.2-beta.3

package/lib/AttachmentIcon/utils/getAttachmentIconComponent.js

@@ -1,78 +0,0 @@
-"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
-  };
-}

package/lib/AttachmentPreview/AttachmentPreview.js

@@ -1,144 +0,0 @@
-"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"] = AttachmentPreview;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _AttachmentPreviewHeader = _interopRequireDefault(require("../AttachmentPreviewHeader/AttachmentPreviewHeader"));
-
-var _AttachmentPreviewBody = _interopRequireDefault(require("../AttachmentPreviewBody/AttachmentPreviewBody"));
-
-var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _useAttachmentPreview3 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/AttachmentPreview/useAttachmentPreview"));
-
-var _useAttachmentPreviewEditor = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/AttachmentPreview/useAttachmentPreviewEditor"));
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-var _messageConstants = require("@zohoim/chat-components-utils/es/constants/messageConstants");
-
-var _AttachmentPreviewModule = _interopRequireDefault(require("./css/AttachmentPreview.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); }
-
-var IMAGE = _messageConstants.mediaTypes.IMAGE;
-
-function AttachmentPreview(props) {
-  var customStyle = props.customStyle,
-      isDescriptionNeeded = props.isDescriptionNeeded,
-      files = props.files,
-      customProps = props.customProps,
-      onSubmit = props.onSubmit,
-      onCancel = props.onCancel,
-      texts = props.texts,
-      descriptionDetails = props.descriptionDetails,
-      propOnDescriptionChange = props.onDescriptionChange,
-      needCloseOnEscape = props.needCloseOnEscape,
-      needUploadOnEnter = props.needUploadOnEnter,
-      needAutoZindex = props.needAutoZindex;
-
-  var _ref = customProps || _emptyConstants.dummyObject,
-      _ref$editorProps = _ref.editorProps,
-      editorProps = _ref$editorProps === void 0 ? _emptyConstants.dummyObject : _ref$editorProps,
-      _ref$attachmentPrevie = _ref.attachmentPreviewHeaderProps,
-      attachmentPreviewHeaderProps = _ref$attachmentPrevie === void 0 ? _emptyConstants.dummyObject : _ref$attachmentPrevie,
-      _ref$attachmentPrevie2 = _ref.attachmentPreviewBodyProps,
-      attachmentPreviewBodyProps = _ref$attachmentPrevie2 === void 0 ? _emptyConstants.dummyObject : _ref$attachmentPrevie2;
-
-  var _ref2 = texts || _emptyConstants.dummyObject,
-      _ref2$submitText = _ref2.submitText,
-      submitText = _ref2$submitText === void 0 ? 'Submit' : _ref2$submitText,
-      _ref2$cancelText = _ref2.cancelText,
-      cancelText = _ref2$cancelText === void 0 ? 'Cancel' : _ref2$cancelText,
-      _ref2$placeHolder = _ref2.placeHolder,
-      placeHolder = _ref2$placeHolder === void 0 ? 'Add a description for the image' : _ref2$placeHolder;
-  /* External customization */
-
-
-  var newStyle = (0, _useMergeStyle["default"])(_AttachmentPreviewModule["default"], customStyle);
-  var getNextIndex = (0, _ZindexProvider.useZIndex)();
-
-  var _useAttachmentPreview = (0, _useAttachmentPreview3["default"])({
-    files: files,
-    onDescriptionChange: propOnDescriptionChange,
-    descriptionDetails: descriptionDetails,
-    needCloseOnEscape: needCloseOnEscape,
-    onCancel: onCancel
-  }),
-      selectedFile = _useAttachmentPreview.selectedFile,
-      isShow = _useAttachmentPreview.isShow,
-      description = _useAttachmentPreview.description,
-      onDescriptionChange = _useAttachmentPreview.onDescriptionChange,
-      onEscape = _useAttachmentPreview.onEscape;
-
-  var _useAttachmentPreview2 = (0, _useAttachmentPreviewEditor["default"])({
-    editorProps: editorProps,
-    onPreviewPopupKeyDown: onEscape,
-    needUploadOnEnter: needUploadOnEnter,
-    onSubmit: onSubmit
-  }),
-      onEditorKeyDown = _useAttachmentPreview2.onEditorKeyDown;
-
-  var fileName = selectedFile.fileName,
-      fileSize = selectedFile.formattedFileSize,
-      attachmentURL = selectedFile.attachmentURL,
-      fileFormat = selectedFile.fileFormat,
-      mediaType = selectedFile.mediaType,
-      attachmentId = selectedFile.attachmentId;
-  var isImageFile = (0, _react.useMemo)(function () {
-    return mediaType === IMAGE;
-  }, [mediaType]);
-  return isShow ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "both",
-    alignBox: "column",
-    className: newStyle.attachmentPreview,
-    style: needAutoZindex ? {
-      zIndex: "".concat(getNextIndex())
-    } : {}
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: newStyle.uploadPrev
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_AttachmentPreviewHeader["default"], _extends({
-    cancelText: cancelText,
-    fileName: fileName,
-    fileSize: fileSize,
-    onCancel: onCancel,
-    onSubmit: onSubmit,
-    submitText: submitText
-  }, attachmentPreviewHeaderProps))), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_AttachmentPreviewBody["default"], _extends({
-    attachmentId: attachmentId,
-    attachmentURL: attachmentURL,
-    description: description,
-    editorProps: editorProps,
-    fileFormat: fileFormat,
-    isDescriptionNeeded: isDescriptionNeeded,
-    isImageFile: isImageFile,
-    mediaType: mediaType,
-    onDescriptionChange: onDescriptionChange,
-    onEditorKeyDown: onEditorKeyDown,
-    placeHolder: placeHolder
-  }, attachmentPreviewBodyProps))))) : null;
-}
-
-AttachmentPreview.propTypes = _propTypes["default"];
-AttachmentPreview.defaultProps = _defaultProps["default"];
-AttachmentPreview.displayName = 'AttachmentPreview';

package/lib/AttachmentPreview/css/AttachmentPreview.module.css

@@ -1,39 +0,0 @@
-/** ** Styles *** */
-.attachmentPreview {
-  position: fixed;
-  top: 0 ;
-  bottom: 0 ;
-  z-index: 2;
-  overflow: hidden;
-  background-color: rgba(42, 45, 54, 0.94);
-}
-[dir=ltr] .attachmentPreview {
-  animation: scaleIn 0.3s ease;
-  right: 0 ;
-  left: 0 ;
-}
-[dir=rtl] .attachmentPreview {
-  animation: scaleIn 0.3s ease;
-  left: 0 ;
-  right: 0 ;
-}
-
-@keyframes scaleIn {
-  0% {
-      -webkit-transform: scale(0.9);
-      transform: scale(0.9);
-      opacity: .7
-  }
-
-  100% {
-      -webkit-transform: scale(1);
-      transform: scale(1);
-      opacity: 1
-  }
-}
-
-.uploadPrev {
-  width: 100% ;
-  max-width: 43.75rem;
-  border-radius: 5px;
-}

package/lib/AttachmentPreview/index.js

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

package/lib/AttachmentPreview/props/defaultProps.js

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

package/lib/AttachmentPreview/props/propTypes.js

@@ -1,44 +0,0 @@
-"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 attachmentPreviewPropTypes = {
-  customStyle: _propTypes["default"].object,
-  isDescriptionNeeded: _propTypes["default"].bool,
-  files: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    name: _propTypes["default"].string,
-    size: _propTypes["default"].string,
-    type: _propTypes["default"].string,
-    url: _propTypes["default"].string
-  })).isRequired,
-  customProps: _propTypes["default"].shape({
-    attachmentIconProps: _propTypes["default"].object,
-    cancelButtonProps: _propTypes["default"].object,
-    editorProps: _propTypes["default"].object,
-    submitButtonProps: _propTypes["default"].object
-  }),
-  onSubmit: _propTypes["default"].func,
-  onCancel: _propTypes["default"].func,
-  texts: _propTypes["default"].shape({
-    cancelText: _propTypes["default"].string,
-    editText: _propTypes["default"].string,
-    placeHolder: _propTypes["default"].string,
-    submitText: _propTypes["default"].string
-  }).isRequired,
-  descriptionDetails: _propTypes["default"].object,
-  onDescriptionChange: _propTypes["default"].func,
-  needCloseOnEscape: _propTypes["default"].bool,
-  needUploadOnEnter: _propTypes["default"].bool,
-  needAutoZindex: _propTypes["default"].bool
-};
-var _default = attachmentPreviewPropTypes;
-exports["default"] = _default;

package/lib/AttachmentPreviewBody/AttachmentPreviewBody.js

@@ -1,120 +0,0 @@
-"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"] = AttachmentPreviewBody;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _ReplyComposer = _interopRequireDefault(require("../im/ReplyComposer/ReplyComposer"));
-
-var _AttachmentIcon = _interopRequireDefault(require("../AttachmentIcon/AttachmentIcon"));
-
-var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
-
-var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
-
-var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
-
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-
-var _AttachmentPreviewBodyModule = _interopRequireDefault(require("./css/AttachmentPreviewBody.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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 AttachmentPreviewBody(props) {
-  var customStyle = props.customStyle,
-      customProps = props.customProps,
-      isImageFile = props.isImageFile,
-      attachmentURL = props.attachmentURL,
-      fileFormat = props.fileFormat,
-      mediaType = props.mediaType,
-      isDescriptionNeeded = props.isDescriptionNeeded,
-      description = props.description,
-      attachmentId = props.attachmentId,
-      onDescriptionChange = props.onDescriptionChange,
-      onEditorKeyDown = props.onEditorKeyDown,
-      placeHolder = props.placeHolder,
-      editorProps = props.editorProps;
-
-  var _ref = customProps || {},
-      _ref$attachmentIconPr = _ref.attachmentIconProps,
-      attachmentIconProps = _ref$attachmentIconPr === void 0 ? _emptyConstants.dummyObject : _ref$attachmentIconPr;
-  /* External customization */
-
-
-  var newStyle = (0, _useMergeStyle["default"])(_AttachmentPreviewBodyModule["default"], customStyle);
-  var iconCustomStyle = (0, _react.useMemo)(function () {
-    return {
-      icon: newStyle.attachmentIcon
-    };
-  }, [newStyle.attachmentIcon]);
-  var modifiedEditorProps = (0, _react.useMemo)(function () {
-    var _ref2 = editorProps || _emptyConstants.dummyObject,
-        customProps = _ref2.customProps,
-        replyComposerCustomStyle = _ref2.customStyle;
-
-    var _ref3 = customProps || _emptyConstants.dummyObject,
-        replyEditorProps = _ref3.replyEditorProps;
-
-    var _ref4 = replyEditorProps || _emptyConstants.dummyObject,
-        _ref4$customStyle = _ref4.customStyle,
-        customStyle = _ref4$customStyle === void 0 ? _emptyConstants.dummyObject : _ref4$customStyle;
-
-    return _objectSpread(_objectSpread({}, editorProps), {}, {
-      customStyle: _objectSpread({
-        replyComposer: newStyle.replyComposer
-      }, replyComposerCustomStyle),
-      customProps: _objectSpread(_objectSpread({}, customProps), {}, {
-        replyEditorProps: _objectSpread(_objectSpread({}, replyEditorProps), {}, {
-          customStyle: _objectSpread({
-            editorWrapper: newStyle.editorWrapper,
-            editableDiv: newStyle.editableDiv
-          }, customStyle)
-        })
-      })
-    });
-  }, [editorProps, newStyle.replyComposer, newStyle.editorWrapper, newStyle.editableDiv]);
-  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    align: "both",
-    alignBox: "column",
-    className: "".concat(newStyle.zoomContent, " ").concat(newStyle.imgContent)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: newStyle.fileContainer
-  }, isImageFile ? /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "",
-    className: newStyle.imgZoomOut,
-    src: attachmentURL
-  }) : /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_AttachmentIcon["default"], _extends({
-    customStyle: iconCustomStyle,
-    fileFormat: fileFormat,
-    mediaType: mediaType
-  }, attachmentIconProps)))), isDescriptionNeeded ? /*#__PURE__*/_react["default"].createElement(_ReplyComposer["default"], _extends({
-    content: description,
-    id: "".concat(attachmentId, "_Attach_Editor"),
-    onChange: onDescriptionChange,
-    onKeyDown: onEditorKeyDown,
-    placeHolder: placeHolder
-  }, modifiedEditorProps)) : null);
-}
-
-AttachmentPreviewBody.propTypes = _propTypes["default"];
-AttachmentPreviewBody.defaultProps = _defaultProps["default"];
-AttachmentPreviewBody.displayName = 'AttachmentPreviewBody';

package/lib/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css

@@ -1,71 +0,0 @@
-/** ** Styles *** */
-.attachmentIcon {
-  width: var(--zd_size60)  !important;
-  height: var(--zd_size60)  !important;
-}
-
-.replyComposer {
-  width: 100% ;
-}
-
-.editorWrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100% ;
-  width: 100% ;
-  padding: 0 ;
-  margin-top: var(--zd_size40) ;
-}
-
-.editableDiv {
-  min-height: var(--zd_size48)  !important;
-  max-height: var(--zd_size48)  !important;
-  background-color: transparent !important;
-  border: 0 !important;
-  border-bottom: 1px solid var(--zdt_textarea_default_border) !important;
-  padding: 0  !important;
-}
-
-.editableDiv:hover {
-  border-color: var(--zdt_textarea_hover_border) !important;
-}
-
-.editableDiv:focus {
-  border-color: var(--zdt_textarea_focus_border) !important;
-}
-
-.imgContent,
-.zoomContent {
-  overflow: auto;
-  position: relative;
-  box-sizing: border-box;
-}
-
-.imgContent, .zoomContent {
-  background-color: var(--imlib_chat_components_attachmentPreviewBody_bg_color);
-  padding: var(--zd_size40);
-  background-color: var(--imlib_chat_components_attachmentPreview_body_bg_color);
-}
-
-[dir=ltr] .imgContent, [dir=ltr] .zoomContent {
-  border-bottom-left-radius: var(--zd_size5);
-  border-bottom-right-radius: var(--zd_size5);
-}
-
-[dir=rtl] .imgContent, [dir=rtl] .zoomContent {
-  border-bottom-right-radius: var(--zd_size5);
-  border-bottom-left-radius: var(--zd_size5);
-}
-
-.fileContainer {
-  height: var(--zd_size225);
-  composes: dflex from '~@zohodesk/components/es/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/es/common/common.module.css';
-  composes: alignHorizontal from '~@zohodesk/components/es/common/common.module.css';
-}
-
-.imgZoomOut {
-  width: auto ;
-  max-width: 100% ;
-  max-height: 100% ;
-}

package/lib/AttachmentPreviewBody/index.js

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

package/lib/AttachmentPreviewBody/props/defaultProps.js

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

package/lib/AttachmentPreviewBody/props/propTypes.js

@@ -1,31 +0,0 @@
-"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 attachmentPreviewBodyPropTypes = {
-  customStyle: _propTypes["default"].object,
-  customProps: _propTypes["default"].shape({
-    attachmentIconProps: _propTypes["default"].object
-  }),
-  isImageFile: _propTypes["default"].bool,
-  attachmentURL: _propTypes["default"].string,
-  fileFormat: _propTypes["default"].string,
-  mediaType: _propTypes["default"].string,
-  isDescriptionNeeded: _propTypes["default"].bool,
-  description: _propTypes["default"].string,
-  attachmentId: _propTypes["default"].string,
-  onDescriptionChange: _propTypes["default"].func,
-  onEditorKeyDown: _propTypes["default"].func,
-  placeHolder: _propTypes["default"].string,
-  editorProps: _propTypes["default"].object
-};
-var _default = attachmentPreviewBodyPropTypes;
-exports["default"] = _default;