@kineticdata/react 5.1.2 → 6.0.0

package/lib/components/discussions/Discussion.js

@@ -1,202 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { is } from 'immutable';
-import { MessagesList } from './MessagesList';
-import { ScrollHelper } from './ScrollHelper';
-import { ChatInputForm } from './ChatInputForm';
-import { MoreMessagesBanner } from './MoreMessagesBanner';
-import canManage from '../../helpers/discussions/canManage';
-import { JOIN_DISCUSSION, LEAVE_DISCUSSION, FETCH_MORE_MESSAGES } from './redux';
-import './sagas';
-import { connect, dispatch } from '../../store';
-import { SOCKET_STATUS } from '../../apis/socket/socket';
-export var DiscussionComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(DiscussionComponent, _React$Component);
-
-  var _super = _createSuper(DiscussionComponent);
-
-  function DiscussionComponent(props) {
-    var _this;
-
-    _classCallCheck(this, DiscussionComponent);
-
-    _this = _super.call(this, props);
-
-    _this.handleScrollTo = function (event) {
-      _this.setState({
-        scrolledToBottom: event === 'bottom'
-      });
-
-      if (event === 'bottom') {
-        _this.setState({
-          hasUnreadMessages: false
-        });
-      }
-
-      if (event === 'top' && _this.props.hasMoreMessages) {
-        dispatch(FETCH_MORE_MESSAGES, _this.props.id);
-      }
-    };
-
-    _this.editMessage = function (message) {
-      _this.setState({
-        editingMessage: message,
-        replyingToMessage: null
-      });
-
-      if (message) _this.chatInput.editMessage(message);
-    };
-
-    _this.replyToMessage = function (message) {
-      _this.setState({
-        editingMessage: null,
-        replyingToMessage: message
-      });
-
-      if (message) _this.chatInput.focus();
-    };
-
-    _this.buildMessageActions = function () {
-      return {
-        editing: _this.state.editingMessage,
-        replying: _this.state.replyingToMessage,
-        edit: _this.editMessage,
-        reply: _this.replyToMessage,
-        history: _this.props.toggleMessageHistory
-      };
-    };
-
-    _this.state = {
-      scrolledToBottom: true,
-      hasUnreadMessages: false,
-      editingMessage: null,
-      replyingToMessage: null
-    };
-    return _this;
-  }
-
-  _createClass(DiscussionComponent, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      dispatch(JOIN_DISCUSSION, {
-        id: this.props.id,
-        invitationToken: this.props.invitationToken
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      if (this.props.id !== prevProps.id) {
-        dispatch(LEAVE_DISCUSSION, this.props.id);
-        dispatch(JOIN_DISCUSSION, {
-          id: this.props.id,
-          invitationToken: this.props.invitationToken
-        });
-      }
-
-      var messages = this.props.discussion && this.props.discussion.messages;
-      var prevMessages = prevProps.discussion && prevProps.discussion.messages;
-
-      if (!is(messages, prevMessages)) {
-        if (!this.state.scrolledToBottom && messages // get the messages that are newer than the messages we previously
-        // had, we do not care about older messages being loaded above only
-        // new messages below
-        .slice(0, messages.indexOf(prevMessages.first())) // if any of the new messages were not sent by the current user we
-        // consider them to be unread
-        .some(function (message) {
-          return message.createdBy.email !== _this2.props.profile.email;
-        })) {
-          this.setState({
-            hasUnreadMessages: true
-          });
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      dispatch(LEAVE_DISCUSSION, this.props.id);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var DiscussionError = this.props.components.DiscussionError;
-
-      if (this.props.socketStatus !== SOCKET_STATUS.RECONNECTING && this.props.socketStatus !== SOCKET_STATUS.IDENTIFIED) {
-        return /*#__PURE__*/React.createElement(DiscussionError, {
-          error: "Real-time connection to this server has been interrupted. Please refresh and try again"
-        });
-      } else if (this.props.error) {
-        return /*#__PURE__*/React.createElement(DiscussionError, {
-          error: this.props.error
-        });
-      } else if (this.props.discussion && !this.props.loading) {
-        var messageActions = this.buildMessageActions();
-        return this.props.render({
-          error: this.props.error,
-          discussion: this.props.discussion,
-          canManage: canManage(this.props.discussion, this.props.profile),
-          elements: {
-            messages: /*#__PURE__*/React.createElement(ScrollHelper, {
-              onScrollTo: this.handleScrollTo,
-              ref: function ref(el) {
-                return _this3.scrollHelper = el;
-              }
-            }, /*#__PURE__*/React.createElement(MoreMessagesBanner, {
-              hasMore: this.props.hasMoreMessages,
-              loading: this.props.loadingMoreMessages
-            }), /*#__PURE__*/React.createElement(MessagesList, {
-              discussion: this.props.discussion,
-              profile: this.props.profile,
-              messages: this.props.discussion.messages.reverse(),
-              actions: messageActions
-            })),
-            chatInput: /*#__PURE__*/React.createElement(ChatInputForm, {
-              discussion: this.props.discussion,
-              messageActions: messageActions,
-              registerChatInput: function registerChatInput(el) {
-                return _this3.chatInput = el;
-              },
-              toggleInvitationForm: this.props.toggleInvitationForm
-            }),
-            viewUnreadButton: this.state.hasUnreadMessages ? /*#__PURE__*/React.createElement("button", {
-              type: "button",
-              className: "btn btn-primary btn--banner",
-              onClick: this.scrollHelper && this.scrollHelper.scrollToBottom
-            }, "New messages", /*#__PURE__*/React.createElement("i", {
-              className: "fa fa-fw fa-arrow-down",
-              "aria-hidden": "true"
-            })) : null
-          }
-        });
-      }
-
-      return this.props.loader ? this.props.loader() : null;
-    }
-  }]);
-
-  return DiscussionComponent;
-}(React.Component);
-DiscussionComponent.displayName = 'Discussion';
-var ConnectedDiscussionComponent = connect(function (state, props) {
-  var path = ['discussions', props.id];
-  return {
-    socketStatus: state.get('socketStatus'),
-    discussion: state.getIn(path),
-    loading: state.getIn([].concat(path, ['loading'])),
-    error: state.getIn([].concat(path, ['error'])),
-    hasMoreMessages: state.getIn([].concat(path, ['nextPageToken'])) !== null,
-    loadingMoreMessaes: state.getIn([].concat(path, ['loadingMoreMessages']))
-  };
-})(DiscussionComponent);
-export var Discussion = function Discussion(props) {
-  return /*#__PURE__*/React.createElement(ConnectedDiscussionComponent, props);
-};
-export default Discussion;

package/lib/components/discussions/DiscussionForm.js

@@ -1,227 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Fragment } from 'react';
-import { fetchSecurityPolicyDefinitions } from '../../apis/core/securityPolicyDefinitions';
-export var DiscussionForm = /*#__PURE__*/function (_React$Component) {
-  _inherits(DiscussionForm, _React$Component);
-
-  var _super = _createSuper(DiscussionForm);
-
-  function DiscussionForm(props) {
-    var _this;
-
-    _classCallCheck(this, DiscussionForm);
-
-    _this = _super.call(this, props);
-
-    _this.validate = function (values) {
-      var result = {};
-
-      if (values.title === null || values.title === '') {
-        result.title = 'Title must not be empty';
-      }
-
-      return result;
-    };
-
-    _this.submit = function (event) {
-      event && event.preventDefault && event.preventDefault();
-
-      _this.setState({
-        dirty: false,
-        saving: true
-      });
-
-      if (typeof _this.props.onSubmit === 'function') {
-        _this.props.onSubmit(_this.state.values, function () {
-          return _this.setState({
-            saving: false
-          });
-        });
-      }
-    };
-
-    _this.handleChange = function (event) {
-      var field = event.target.id;
-      var value = event.target.type === 'checkbox' ? event.target.checked : event.target.value;
-
-      _this.setState(function (state) {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          values: _objectSpread(_objectSpread({}, state.values), {}, _defineProperty({}, field, value)),
-          dirty: true
-        });
-      });
-    };
-
-    _this.handleBlur = function (event) {
-      var field = event.target.id;
-
-      _this.setState(function (state) {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          touched: _objectSpread(_objectSpread({}, state.touched), {}, _defineProperty({}, field, true))
-        });
-      });
-    };
-
-    _this.handleJoinPolicyChange = function (event) {
-      var name = event.target.value;
-
-      _this.setState(function (state) {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          values: _objectSpread(_objectSpread({}, state.values), {}, {
-            joinPolicy: name ? {
-              name: name
-            } : null
-          }),
-          dirty: true
-        });
-      });
-    };
-
-    _this.state = {
-      values: props.discussion ? {
-        title: props.discussion.title,
-        description: props.discussion.description,
-        isPrivate: props.discussion.isPrivate,
-        joinPolicy: props.discussion.joinPolicy,
-        owningUsers: props.discussion.owningUsers.toJS(),
-        owningTeams: props.discussion.owningTeams.toJS(),
-        isArchived: props.discussion.isArchived
-      } : {
-        title: props.defaults && props.defaults.title || '',
-        description: props.defaults && props.defaults.description || '',
-        isPrivate: false,
-        joinPolicy: null,
-        owningUsers: props.defaults && props.defaults.owningUsers || [],
-        owningTeams: [],
-        isArchived: false
-      },
-      touched: {},
-      dirty: false,
-      saving: false,
-      editing: !!props.discussion,
-      securityPolicyDefinitions: []
-    };
-    return _this;
-  }
-
-  _createClass(DiscussionForm, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      fetchSecurityPolicyDefinitions().then(function (_ref) {
-        var securityPolicyDefinitions = _ref.securityPolicyDefinitions;
-        return _this2.setState({
-          securityPolicyDefinitions: securityPolicyDefinitions
-        });
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var OwningUsersInput = this.props.renderOwningUsersInput;
-      var OwningTeamsInput = this.props.renderOwningTeamsInput;
-      var validations = this.validate(this.state.values);
-      return this.props.render({
-        formElement: /*#__PURE__*/React.createElement("form", {
-          onSubmit: this.submit
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "form-group required ".concat(validations.title && this.state.touched.title ? 'has-error' : '')
-        }, /*#__PURE__*/React.createElement("label", {
-          htmlFor: "title"
-        }, "Title"), /*#__PURE__*/React.createElement("input", {
-          id: "title",
-          type: "text",
-          value: this.state.values.title,
-          onChange: this.handleChange,
-          onBlur: this.handleBlur
-        }), validations.title && this.state.touched.title && /*#__PURE__*/React.createElement("p", {
-          className: "text-danger"
-        }, validations.title)), /*#__PURE__*/React.createElement("div", {
-          className: "form-group"
-        }, /*#__PURE__*/React.createElement("label", {
-          htmlFor: "description"
-        }, "Description"), /*#__PURE__*/React.createElement("textarea", {
-          id: "description",
-          value: this.state.values.description,
-          onChange: this.handleChange
-        })), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
-          className: "form-group"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "form-check-inline"
-        }, /*#__PURE__*/React.createElement("input", {
-          className: "form-check-input",
-          id: "isPrivate",
-          type: "checkbox",
-          checked: this.state.values.isPrivate,
-          onChange: this.handleChange
-        }), /*#__PURE__*/React.createElement("label", {
-          className: "form-check-label",
-          htmlFor: "isPrivate"
-        }, "Private?")), /*#__PURE__*/React.createElement("small", {
-          className: "form-text text-muted"
-        }, "Private discussions require explicit invitations to join")), !this.state.values.isPrivate && /*#__PURE__*/React.createElement("div", {
-          className: "form-group"
-        }, /*#__PURE__*/React.createElement("label", {
-          htmlFor: "joinPolicy"
-        }, "Join Policy"), /*#__PURE__*/React.createElement("select", {
-          id: "joinPolicy",
-          value: this.state.values.joinPolicy ? this.state.values.joinPolicy.name : '',
-          onChange: this.handleJoinPolicyChange
-        }, /*#__PURE__*/React.createElement("option", null), this.state.securityPolicyDefinitions.map(function (definition) {
-          return /*#__PURE__*/React.createElement("option", {
-            value: definition.name,
-            key: definition.name
-          }, definition.name);
-        }))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
-          className: "form-group"
-        }, /*#__PURE__*/React.createElement("label", {
-          htmlFor: "owningUsers"
-        }, "Owning Users"), /*#__PURE__*/React.createElement(OwningUsersInput, {
-          id: "owningUsers",
-          value: this.state.values.owningUsers,
-          onChange: this.handleChange
-        })), /*#__PURE__*/React.createElement("div", {
-          className: "form-group"
-        }, /*#__PURE__*/React.createElement("label", {
-          htmlFor: "owningTeams"
-        }, "Owning Teams"), /*#__PURE__*/React.createElement(OwningTeamsInput, {
-          id: "owningTeams",
-          value: this.state.values.owningTeams,
-          onChange: this.handleChange
-        }), /*#__PURE__*/React.createElement("small", {
-          className: "form-text text-muted"
-        }, "Owning users and teams are able to make changes to the discussion")), /*#__PURE__*/React.createElement("hr", null), this.state.editing && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: "form-group"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "form-check-inline"
-        }, /*#__PURE__*/React.createElement("input", {
-          className: "form-check-input",
-          id: "isArchived",
-          type: "checkbox",
-          checked: this.state.values.isArchived,
-          onChange: this.handleChange
-        }), /*#__PURE__*/React.createElement("label", {
-          className: "form-check-label",
-          htmlFor: "isArchived"
-        }, "Archived?")), /*#__PURE__*/React.createElement("small", {
-          className: "form-text text-danger"
-        }, "While archived, users are not able to send any messages")))),
-        submit: this.submit,
-        dirty: this.state.dirty,
-        invalid: Object.keys(validations).length > 0,
-        buttonProps: {
-          onClick: this.submit,
-          disabled: !this.state.dirty || this.state.saving || Object.keys(validations).length > 0
-        }
-      });
-    }
-  }]);
-
-  return DiscussionForm;
-}(React.Component);

package/lib/components/discussions/InvitationForm.js

@@ -1,107 +0,0 @@
-import React from 'react';
-import { compose, withHandlers, withProps, withState } from 'recompose';
-import { List, Map } from 'immutable';
-export var InvitationFormComponent = function InvitationFormComponent(props) {
-  var InviteesInput = props.renderInviteesInput;
-  return props.render({
-    formElement: /*#__PURE__*/React.createElement("form", {
-      className: "invitation-form",
-      onSubmit: props.handleSubmit
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form-group required"
-    }, /*#__PURE__*/React.createElement("label", null, "Invitees"), /*#__PURE__*/React.createElement(InviteesInput, {
-      id: "invitees",
-      onChange: props.handleUserChange,
-      value: props.values.get('invitees'),
-      disabledFn: props.disabledFn
-    }), /*#__PURE__*/React.createElement("small", {
-      className: "form-text text-muted"
-    }, "Enter a valid email address to invite a new user")), /*#__PURE__*/React.createElement("div", {
-      className: "form-group"
-    }, /*#__PURE__*/React.createElement("label", {
-      htmlFor: "message"
-    }, "Message for Invitees"), /*#__PURE__*/React.createElement("textarea", {
-      name: "message",
-      id: "message",
-      onChange: props.handleChange,
-      value: props.values.get('message')
-    }), /*#__PURE__*/React.createElement("small", {
-      className: "form-text text-muted"
-    }, "This note will be sent as part of the invitation and visible to all members inside the discussion"))),
-    invalid: props.required && props.values.get('invitees').size === 0,
-    submit: props.handleSubmit,
-    buttonProps: {
-      onClick: props.handleSubmit,
-      disabled: props.saving || props.required && props.values.get('invitees').size === 0
-    }
-  });
-};
-
-var mapProps = function mapProps(props) {
-  return {
-    associatedUsers: props.discussion ? props.discussion.participants.concat(props.discussion.invitations.filter(function (invitation) {
-      return invitation.user;
-    })).map(function (involvement) {
-      return involvement.user.username;
-    }) : List([props.profile.username]),
-    associatedEmails: props.discussion ? props.discussion.invitations.filter(function (invitation) {
-      return invitation.email;
-    }).map(function (invitation) {
-      return invitation.email;
-    }) : List()
-  };
-};
-
-var handleChange = function handleChange(props) {
-  return function (event) {
-    var field = event.target.id;
-    var value = event.target.value;
-    props.setValues(function (values) {
-      return values.set(field, value);
-    });
-  };
-};
-
-var handleUserChange = function handleUserChange(props) {
-  return function (user) {
-    props.setValues(function (values) {
-      return values.set('invitees', user ? user : List());
-    });
-  };
-};
-
-var handleSubmit = function handleSubmit(props) {
-  return function (event) {
-    event && event.preventDefault && event.preventDefault();
-    props.setSaving(true);
-
-    if (typeof props.onSubmit === 'function') {
-      props.onSubmit(props.values, function () {
-        return props.setSaving(false);
-      });
-    }
-  };
-};
-
-var disabledFn = function disabledFn(props) {
-  return function (option) {
-    if (option.user) {
-      return props.associatedUsers.contains(option.user.username) && 'Already involved';
-    } else if (option.customOption) {
-      return props.associatedEmails.contains(option.label) && 'Already invited';
-    }
-
-    return false;
-  };
-};
-
-export var InvitationForm = compose(withProps(mapProps), withState('saving', 'setSaving', false), withState('values', 'setValues', Map({
-  invitees: List(),
-  message: ''
-})), withHandlers({
-  handleChange: handleChange,
-  handleUserChange: handleUserChange,
-  handleSubmit: handleSubmit,
-  disabledFn: disabledFn
-}))(InvitationFormComponent);
-export default InvitationForm;

package/lib/components/discussions/MessageHistory.js

@@ -1,110 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component, Fragment } from 'react';
-import { List } from 'immutable';
-import moment from 'moment';
-import { fetchMessageHistory } from '../../apis/discussions';
-import { UserMessageGroup } from './UserMessageGroup';
-export var MessageHistory = /*#__PURE__*/function (_Component) {
-  _inherits(MessageHistory, _Component);
-
-  var _super = _createSuper(MessageHistory);
-
-  function MessageHistory() {
-    var _this;
-
-    _classCallCheck(this, MessageHistory);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
-      versions: null,
-      index: null
-    };
-    return _this;
-  }
-
-  _createClass(MessageHistory, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      fetchMessageHistory({
-        discussionId: this.props.discussion.id,
-        id: this.props.message.id
-      }).then(function (response) {
-        var versions = response.messages.reverse();
-        var index = versions.findIndex(function (m) {
-          return m.versionId === _this2.props.message.versionId;
-        });
-
-        _this2.setState({
-          versions: versions,
-          index: index !== -1 ? index : versions.length - 1
-        });
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      if (this.state.versions) {
-        var currentVersion = this.state.versions[this.state.index];
-        return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: "message-versions-controls"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "timestamp"
-        }, "Changed on", ' ', moment(currentVersion.updatedAt).format(this.props.timeFormat)), /*#__PURE__*/React.createElement("div", {
-          className: "page-info"
-        }, this.state.index + 1, " of ", this.state.versions.length), /*#__PURE__*/React.createElement("div", {
-          className: "btn-group"
-        }, /*#__PURE__*/React.createElement("button", {
-          type: "button",
-          className: "btn btn-sm btn-inverse",
-          disabled: this.state.index <= 0,
-          onClick: function onClick() {
-            return _this3.setState(function (state) {
-              return {
-                index: state.index - 1
-              };
-            });
-          }
-        }, /*#__PURE__*/React.createElement("i", {
-          className: "fa fa-fw fa-caret-left"
-        })), /*#__PURE__*/React.createElement("button", {
-          type: "button",
-          className: "btn btn-sm btn-inverse",
-          disabled: this.state.index >= this.state.versions.length - 1,
-          onClick: function onClick() {
-            return _this3.setState(function (state) {
-              return {
-                index: state.index + 1
-              };
-            });
-          }
-        }, /*#__PURE__*/React.createElement("i", {
-          className: "fa fa-fw fa-caret-right"
-        })))), /*#__PURE__*/React.createElement("div", {
-          className: "message-versions"
-        }, /*#__PURE__*/React.createElement(UserMessageGroup, {
-          discussion: this.props.discussion,
-          profile: this.props.profile,
-          messages: List([currentVersion])
-        })));
-      }
-
-      return null;
-    }
-  }]);
-
-  return MessageHistory;
-}(Component);
-MessageHistory.defaultProps = {
-  timeFormat: 'MMMM D, YYYY h:mm A'
-};

package/lib/components/discussions/MessagesByDate.js

@@ -1,40 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import React, { Fragment } from 'react';
-import { DateBanner } from './DateBanner';
-import { partitionListBy } from '../../helpers';
-import { SystemMessageGroup } from './SystemMessageGroup';
-import { UserMessageGroup } from './UserMessageGroup';
-
-var differentAuthor = function differentAuthor(m1, m2) {
-  return m1.type !== m2.type || m1.type === 'User' && m1.createdBy.username !== m2.createdBy.username;
-};
-
-var Default = function Default(_ref) {
-  var dateBanner = _ref.dateBanner,
-      messageGroups = _ref.messageGroups;
-  return /*#__PURE__*/React.createElement(Fragment, null, dateBanner, messageGroups);
-};
-
-export var MessagesByDate = function MessagesByDate(props) {
-  var Component = props.renderMessagesByDate || Default;
-  return /*#__PURE__*/React.createElement(Component, {
-    dateBanner: /*#__PURE__*/React.createElement(DateBanner, {
-      date: props.messages.first().createdAt
-    }),
-    messageGroups: partitionListBy(differentAuthor, props.messages).map(function (messages) {
-      return {
-        discussion: props.discussion,
-        profile: props.profile,
-        messages: messages,
-        actions: props.actions,
-        key: messages.first().id,
-        Component: messages.first().type === 'User' ? UserMessageGroup : SystemMessageGroup
-      };
-    }).map(function (_ref2) {
-      var Component = _ref2.Component,
-          props = _objectWithoutProperties(_ref2, ["Component"]);
-
-      return /*#__PURE__*/React.createElement(Component, props);
-    })
-  });
-};