@selfcommunity/react-ui 0.1.2-alpha.0

package/lib/esm/components/MessageEditor/MessageEditor.js

@@ -0,0 +1,223 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = MessageEditor;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _material = require("@mui/material");
+
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
+
+var _emojiPickerReact = _interopRequireDefault(require("emoji-picker-react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactCore = require("@selfcommunity/react-core");
+
+var _index = _interopRequireDefault(require("./MessageMediaUploader/index"));
+
+var _reactIntl = require("react-intl");
+
+var _useThemeProps = _interopRequireDefault(require("@mui/material/styles/useThemeProps"));
+
+const _excluded = ["autoHide", "className", "send", "isSending", "getMessage", "getMessageFile"];
+
+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 (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 || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const PREFIX = 'SCMessageEditor';
+const classes = {
+  root: `${PREFIX}-root`,
+  messageInput: `${PREFIX}-message-input`,
+  sendMediaSection: `${PREFIX}-send-media-section`
+};
+const Root = (0, _styles.styled)(_material.Box, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  width: '100%',
+  display: 'inline-block',
+  [`& .${classes.messageInput}`]: {
+    width: '100%',
+    '& .MuiOutlinedInput-root': {
+      borderRadius: '20px'
+    }
+  },
+  [`& .${classes.sendMediaSection}`]: {
+    backgroundColor: theme.palette.grey['A200'],
+    display: 'flex',
+    justifyContent: 'center'
+  }
+}));
+
+/**
+ *
+ > API documentation for the Community-UI Message Editor component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {MessageEditor} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCMessageEditor` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCMessageEditor-root|Styles applied to the root element.|
+ |messageInput|.SCMessageEditor-card|Styles applied to the message input element.|
+ |sendMediaSection|.SCMessageEditor-send-media-section|Styles applied to the send media section.|
+
+ * @param inProps
+ */
+function MessageEditor(inProps) {
+  // PROPS
+  const props = (0, _useThemeProps.default)({
+    props: inProps,
+    name: PREFIX
+  });
+
+  const {
+    autoHide = null,
+    className = null,
+    send = null,
+    isSending = null,
+    getMessage = null,
+    getMessageFile = null
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, _excluded); // STATE
+
+
+  const [message, setMessage] = (0, _react.useState)('');
+  const [messageFile, setMessageFile] = (0, _react.useState)(null);
+  const [show, setShow] = (0, _react.useState)(false);
+
+  const [emojiAnchorEl, setEmojiAnchorEl] = _react.default.useState(null);
+
+  const [anchorEl, setAnchorEl] = _react.default.useState(null);
+
+  const open = Boolean(anchorEl);
+  const [openMediaSection, setOpenMediaSection] = (0, _react.useState)(false); // CONTEXT
+
+  const scContext = (0, _react.useContext)(_reactCore.SCContext); // REF
+
+  const ref = (0, _react.useRef)(null); // HANDLERS
+
+  const handleMediaSectionClose = () => {
+    setOpenMediaSection(false);
+    setShow(false);
+  };
+
+  const handleMessageFile = f => {
+    setMessageFile(f);
+    getMessageFile(f);
+  };
+
+  const handleMessageSend = () => {
+    send();
+    setMessage('');
+    setOpenMediaSection(false);
+    setShow(false);
+  };
+
+  const handleMessageInput = event => {
+    setMessage(event.target.value);
+    setShow(true);
+    getMessage(event.target.value);
+  };
+
+  const handleToggleEmoji = event => {
+    setEmojiAnchorEl(emojiAnchorEl ? null : event.currentTarget);
+  };
+
+  const handleEmojiClick = (event, emojiObject) => {
+    const cursor = ref.current.selectionStart;
+    const text = message.slice(0, cursor) + emojiObject.emoji;
+    setMessage(text);
+    getMessage(text);
+    setShow(true);
+  };
+
+  if (!autoHide) {
+    return /*#__PURE__*/_react.default.createElement(Root, _extends({}, rest, {
+      className: (0, _classnames.default)(classes.root, className)
+    }), openMediaSection ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
+      className: classes.sendMediaSection
+    }, show && /*#__PURE__*/_react.default.createElement(_material.Button, {
+      disabled: !messageFile,
+      onClick: handleMessageSend,
+      variant: "outlined"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "ui.messageEditor.button.send",
+      defaultMessage: "ui.messageEditor.button.send"
+    }))), /*#__PURE__*/_react.default.createElement(_index.default, {
+      open: openMediaSection,
+      onClose: handleMediaSectionClose,
+      forwardMessageFile: handleMessageFile,
+      onFileUploaded: () => setShow(true),
+      onFileCleared: () => setShow(false)
+    })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, {
+      size: "small",
+      ref: ref,
+      className: classes.messageInput,
+      multiline: true,
+      placeholder: "Aa",
+      value: message,
+      onChange: handleMessageInput,
+      InputProps: {
+        endAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
+          position: "end"
+        }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+          onClick: () => setOpenMediaSection(true)
+        }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "attach_file"))), /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
+          position: "end"
+        }, /*#__PURE__*/_react.default.createElement(_material.Stack, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+          size: "small",
+          onClick: handleToggleEmoji
+        }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "sentiment_satisfied_alt")), /*#__PURE__*/_react.default.createElement(_material.Popover, {
+          open: Boolean(emojiAnchorEl),
+          anchorEl: emojiAnchorEl,
+          onClose: handleToggleEmoji,
+          anchorOrigin: {
+            vertical: 'top',
+            horizontal: 'right'
+          },
+          transformOrigin: {
+            vertical: 'bottom',
+            horizontal: 'left'
+          },
+          sx: theme => {
+            return {
+              zIndex: theme.zIndex.tooltip
+            };
+          }
+        }, /*#__PURE__*/_react.default.createElement(_emojiPickerReact.default, {
+          onEmojiClick: handleEmojiClick
+        })))), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+          disabled: isSending,
+          onClick: handleMessageSend
+        }, show && /*#__PURE__*/_react.default.createElement(_Icon.default, null, "send"))))
+      }
+    })));
+  }
+
+  return null;
+}

package/lib/esm/components/MessageEditor/MessageEditorSkeleton.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.Base = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+var _default = {
+  title: 'Design System/SC UI/Skeleton/MessageEditor',
+  component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+
+}; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    width: 400
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.default, args));
+
+const Base = Template.bind({});
+exports.Base = Base;
+Base.args = {
+  contained: true
+};

package/lib/esm/components/MessageEditor/MessageMediaUploader/index.js

@@ -0,0 +1,251 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = MessageMediaUploader;
+
+var _uploadButton = require("@rpldy/upload-button");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _material = require("@mui/material");
+
+var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
+
+var _chunkedUploady = _interopRequireDefault(require("@rpldy/chunked-uploady"));
+
+var _types = require("@selfcommunity/types");
+
+var _apiServices = require("@selfcommunity/api-services");
+
+var _reactCore = require("@selfcommunity/react-core");
+
+var _styles = require("@mui/material/styles");
+
+var _Widget = _interopRequireDefault(require("../../Widget"));
+
+var _MessageChunkUploader = _interopRequireDefault(require("../../../shared/MessageChunkUploader"));
+
+var _uploadPreview = _interopRequireDefault(require("@rpldy/upload-preview"));
+
+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 (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 || 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); }
+
+const UploadButton = (0, _uploadButton.asUploadButton)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_material.IconButton, _extends({}, props, {
+  ref: ref
+}), /*#__PURE__*/_react.default.createElement(_Icon.default, null, "upload"))));
+const PREFIX = 'SCMessageMediaUploader';
+const classes = {
+  previewContainer: `${PREFIX}-preview-container`,
+  mediaUploadSection: `${PREFIX}-media-upload-section`,
+  uploadButton: `${PREFIX}-upload-button`,
+  docPreview: `${PREFIX}-doc-preview`,
+  docLoadingPreview: `${PREFIX}-doc-loading-preview`,
+  progress: `${PREFIX}-progress`,
+  clearMedia: `${PREFIX}-clear-media`
+};
+const Root = (0, _styles.styled)(_material.Box, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  [`& .${classes.previewContainer}`]: {
+    display: 'flex',
+    justifyContent: 'center',
+    img: {
+      maxWidth: '50%'
+    },
+    video: {
+      maxWidth: '40%'
+    }
+  },
+  [`& .${classes.mediaUploadSection}`]: {
+    backgroundColor: theme.palette.grey['A200']
+  },
+  [`& .${classes.uploadButton}`]: {
+    backgroundColor: theme.palette.common.white
+  },
+  [`& .${classes.docPreview}`]: {
+    height: 200,
+    width: 400,
+    position: 'relative'
+  },
+  [`& .${classes.docLoadingPreview}`]: {
+    backgroundColor: theme.palette.background.default,
+    height: 100,
+    width: 200,
+    position: 'relative',
+    '& .MuiCircularProgress-root': {
+      position: 'absolute',
+      top: '40%',
+      left: '45%'
+    },
+    [`& .${classes.progress}`]: {
+      display: 'flex',
+      justifyContent: 'center'
+    },
+    [`& .${classes.clearMedia}`]: {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  }
+}));
+
+function MessageMediaUploader(props) {
+  //PROPS
+  const {
+    forwardMessageFile,
+    onClose,
+    onFileUploaded,
+    onFileCleared
+  } = props; // STATE
+
+  const [file, setFile] = (0, _react.useState)(null);
+  const [fileType, setFileType] = (0, _react.useState)(null);
+  const [uploading, setUploading] = (0, _react.useState)({});
+  const previewMethodsRef = (0, _react.useRef)();
+  const [previews, setPreviews] = (0, _react.useState)([]);
+  const [loaded, setLoaded] = (0, _react.useState)(false);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [errors, setErrors] = (0, _react.useState)({}); // CONTEXT
+
+  const scContext = (0, _react.useContext)(_reactCore.SCContext); // Chunk Upload handlers
+
+  const onPreviewsChanged = (0, _react.useCallback)(previews => {
+    setPreviews(previews);
+  }, []);
+  const onClear = (0, _react.useCallback)(() => {
+    var _previewMethodsRef$cu;
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+    // @ts-ignore
+    if ((_previewMethodsRef$cu = previewMethodsRef.current) != null && _previewMethodsRef$cu.clear) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+      // @ts-ignore
+      previewMethodsRef.current.clear();
+    }
+
+    setPreviews([]);
+    setFile(null);
+    setFileType(null);
+    forwardMessageFile(null);
+    setLoaded(false);
+    onFileCleared();
+  }, [previewMethodsRef]);
+
+  const handleSuccess = media => {
+    setLoaded(true);
+    setLoading(false);
+    setFile(media);
+    forwardMessageFile(media.file_uuid);
+    onFileUploaded();
+  };
+
+  const handleProgress = chunks => {
+    setLoading(true);
+    setUploading(Object.assign({}, chunks));
+  };
+
+  const handleStart = type => {
+    setFileType(type);
+  };
+
+  const handleError = (chunk, error) => {
+    setErrors(Object.assign({}, errors, {
+      [chunk.id]: Object.assign({}, chunk, {
+        error
+      })
+    }));
+    onClear();
+  };
+
+  const handleRemoveErrors = id => {
+    return () => {
+      delete errors[id];
+      setErrors(Object.assign({}, errors));
+      setFile(null);
+      setLoading(false);
+    };
+  };
+  /**
+   * Renders root object
+   */
+
+
+  return /*#__PURE__*/_react.default.createElement(Root, null, /*#__PURE__*/_react.default.createElement(_Widget.default, {
+    className: classes.mediaUploadSection
+  }, /*#__PURE__*/_react.default.createElement(_material.CardHeader, {
+    action: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      onClick: onClose
+    }, "close")
+  }), /*#__PURE__*/_react.default.createElement(_material.CardContent, null, /*#__PURE__*/_react.default.createElement(_material.Box, null, Object.keys(errors).map(id => /*#__PURE__*/_react.default.createElement(_material.Fade, {
+    in: true,
+    key: id
+  }, /*#__PURE__*/_react.default.createElement(_material.Alert, {
+    severity: "error",
+    onClose: handleRemoveErrors(id)
+  }, /*#__PURE__*/_react.default.createElement(_material.AlertTitle, null, errors[id].name), errors[id].error)))), /*#__PURE__*/_react.default.createElement(_chunkedUploady.default, {
+    destination: {
+      url: `${scContext.settings.portal}${_apiServices.Endpoints.PrivateMessageUploadMediaInChunks.url()}`,
+      headers: {
+        Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}`
+      },
+      method: _apiServices.Endpoints.PrivateMessageUploadMediaInChunks.method
+    },
+    chunkSize: 2142880,
+    chunked: true
+  }, /*#__PURE__*/_react.default.createElement(_MessageChunkUploader.default, {
+    onStart: handleStart,
+    onSuccess: handleSuccess,
+    onProgress: handleProgress,
+    onError: handleError
+  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    display: "grid"
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    gridColumn: "span 12",
+    className: classes.progress
+  }, Object.values(uploading).map((chunk, index) => /*#__PURE__*/_react.default.createElement("div", {
+    key: index
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    align: "center"
+  }, `${Math.round(chunk.completed)}%`)))), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    gridColumn: "span 12",
+    sx: {
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, !file && !loading && /*#__PURE__*/_react.default.createElement(UploadButton, {
+    className: classes.uploadButton,
+    inputFieldName: "qqfile"
+  })), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    gridColumn: "span 12",
+    className: classes.clearMedia
+  }, previews.length && loaded ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+    onClick: onClear
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "close")) : null)), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    className: classes.previewContainer
+  }, fileType && fileType.startsWith(_types.SCMessageFileType.DOCUMENT) ? /*#__PURE__*/_react.default.createElement(_material.Box, {
+    className: loaded ? classes.docPreview : classes.docLoadingPreview
+  }, file && loaded ? /*#__PURE__*/_react.default.createElement("iframe", {
+    src: file.file_url,
+    title: "file",
+    width: "100%",
+    height: "100%",
+    style: {
+      resize: 'both'
+    },
+    loading: "lazy"
+  }) : /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
+    size: 30
+  })) : /*#__PURE__*/_react.default.createElement(_uploadPreview.default, {
+    rememberPreviousBatches: true,
+    previewMethodsRef: previewMethodsRef,
+    onPreviewsChanged: onPreviewsChanged
+  }))))));
+}

package/lib/esm/components/MessageEditor/Skeleton.js

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = MessageEditorSkeleton;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Skeleton = require("../Skeleton");
+
+var _styles = require("@mui/material/styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PREFIX = 'SCMessageEditorSkeleton';
+const classes = {
+  root: `${PREFIX}-root`
+};
+const Root = (0, _styles.styled)(_Skeleton.GenericSkeleton, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({}));
+/**
+ * > API documentation for the Community-UI Message Editor Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {MessageEditorSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCMessageEditorSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCMessageEditorSkeleton-root|Styles applied to the root element.|
+ *
+ */
+
+function MessageEditorSkeleton() {
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    className: classes.root
+  });
+}

package/lib/esm/components/MessageEditor/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _MessageEditor = _interopRequireWildcard(require("./MessageEditor"));
+
+exports.MessageEditorProps = _MessageEditor.MessageEditorProps;
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+exports.MessageEditorSkeleton = _Skeleton.default;
+
+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 (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; }
+
+var _default = _MessageEditor.default;
+exports.default = _default;