@r3l/app/lib/modules/admin/web/communityAdminForm.component.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactRouter = require("react-router");

var _redux = require("redux");

var _utils = require("../../../utils");

var _reactRedux = require("react-redux");

var _community = require("../../community/community.actions");

var _selectField = _interopRequireDefault(require("../../form/selectField.component"));

var _createSelectField = _interopRequireDefault(require("../../form/createSelectField.component"));

var _asyncAdminField = _interopRequireDefault(require("../../form/asyncAdminField.component"));

var _reduxformimageupload = _interopRequireDefault(require("../../styled/form/reduxformimageupload.component"));

var _reduxformfield = _interopRequireDefault(require("../../styled/form/reduxformfield.component"));

var _textarea = require("../../styled/form/textarea");

var _checkbox = _interopRequireDefault(require("../../styled/form/checkbox"));

var _reduxForm = require("redux-form");

var _web = require("../../styled/web");

var _styled = require("../../styled");

var _validators = require("../../form/validators");

var _styles = require("../../../styles");

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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

var CommunityAdminForm = /*#__PURE__*/function (_Component) {
  (0, _inherits2.default)(CommunityAdminForm, _Component);

  var _super = _createSuper(CommunityAdminForm);

  function CommunityAdminForm() {
    var _this;

    (0, _classCallCheck2.default)(this, CommunityAdminForm);

    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));
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "deleteCommunity", /*#__PURE__*/function () {
      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
        var _this$props, initialValues, close, success;

        return _regenerator.default.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                e.preventDefault();
                _this$props = _this.props, initialValues = _this$props.initialValues, close = _this$props.close;

                if (! // eslint-disable-next-line
                window.confirm("Are you sure you want to delete this community: ".concat(initialValues.name, "?"))) {
                  _context.next = 7;
                  break;
                }

                _context.next = 5;
                return _this.props.actions.deleteCommunity(initialValues);

              case 5:
                success = _context.sent;
                if (success && close) close();

              case 7:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      }));

      return function (_x) {
        return _ref.apply(this, arguments);
      };
    }());
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "submit", /*#__PURE__*/function () {
      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(values) {
        var history, community, imageUrl, isUpdate;
        return _regenerator.default.wrap(function _callee2$(_context2) {
          while (1) {
            switch (_context2.prev = _context2.next) {
              case 0:
                history = _this.props.history;
                _context2.prev = 1;
                community = _objectSpread({}, values);

                if (!(community.image && community.image.preview && community.image.fileName)) {
                  _context2.next = 8;
                  break;
                }

                _context2.next = 6;
                return _utils.s3.uploadFile(community.image.preview, community.image.fileType);

              case 6:
                imageUrl = _context2.sent;
                community.image = imageUrl;

              case 8:
                isUpdate = _this.props.isUpdate;

                if (!isUpdate) {
                  _context2.next = 13;
                  break;
                }

                _this.props.actions.updateCommunity(community);

                _context2.next = 16;
                break;

              case 13:
                _context2.next = 15;
                return _this.props.actions.createCommunity(community);

              case 15:
                history.push("/".concat(community.slug, "/new"));

              case 16:
                _context2.next = 20;
                break;

              case 18:
                _context2.prev = 18;
                _context2.t0 = _context2["catch"](1);

              case 20:
              case "end":
                return _context2.stop();
            }
          }
        }, _callee2, null, [[1, 18]]);
      }));

      return function (_x2) {
        return _ref2.apply(this, arguments);
      };
    }());
    return _this;
  }

  (0, _createClass2.default)(CommunityAdminForm, [{
    key: "render",
    value: function render() {
      var _this$props2 = this.props,
          handleSubmit = _this$props2.handleSubmit,
          initialValues = _this$props2.initialValues;
      var customFields = initialValues.customParams ? [{
        name: 'customParams.auth.points',
        label: 'REQUIRED FOR POSTING: Added Points of Interest',
        component: _reduxformfield.default,
        type: 'number'
      }, {
        name: 'customParams.auth.tokens',
        label: 'REQUIRED FOR POSTING: FOAM token balance',
        component: _reduxformfield.default,
        type: 'number'
      }] : [];
      var FORM_FIELDS = [{
        name: 'image',
        component: _reduxformimageupload.default,
        placeholder: '/img/blueR.png',
        imageComponent: /*#__PURE__*/_react.default.createElement(_styled.Image, {
          sx: {
            mt: 1,
            bg: 'blue',
            p: 2,
            width: 10,
            height: 10,
            borderRadius: '50%'
          }
        }),
        type: 'file-upload',
        label: 'Community Image',
        validate: []
      }, {
        name: 'name',
        label: 'Name',
        component: _reduxformfield.default,
        type: 'text',
        validate: [_validators.required]
      }, // {
      //   name: 'private',
      //   label: 'Private',
      //   component: Checkbox,
      //   type: 'checkbox'
      // },
      {
        name: 'slug',
        label: /*#__PURE__*/_react.default.createElement(_styled.View, null, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
          sx: {
            color: 'black'
          }
        }, "Slug (cannot be changed in the future)"), /*#__PURE__*/_react.default.createElement(_styled.SecondaryText, null, "Determines the url of the community, ex: relevant.community/", '<slug>')),
        placeholder: 'slug',
        component: _reduxformfield.default,
        type: 'text',
        validate: [_validators.required]
      }, {
        name: 'description',
        component: _textarea.ReduxFormTextArea,
        type: 'text',
        label: 'Description',
        validate: [_validators.required]
      }, {
        name: 'topics',
        component: _createSelectField.default,
        type: 'text',
        label: 'Tags',
        validate: []
      }, {
        name: 'sectionTitle',
        text: 'Admins & Moderators'
      }, {
        name: 'superAdmins',
        component: _asyncAdminField.default,
        type: 'text',
        label: /*#__PURE__*/_react.default.createElement(_styled.View, null, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
          sx: {
            color: 'black'
          }
        }, "Admins"), /*#__PURE__*/_react.default.createElement(_styled.SecondaryText, null, "Users with admin priveleges (ability to edit community parameters and add or remove moderators)")),
        validate: []
      }, {
        name: 'admins',
        component: _asyncAdminField.default,
        type: 'text',
        label: /*#__PURE__*/_react.default.createElement(_styled.View, null, /*#__PURE__*/_react.default.createElement(_styled.LinkFont, {
          sx: {
            color: 'black'
          }
        }, "Moderators"), /*#__PURE__*/_react.default.createElement(_styled.SecondaryText, null, "Users that will have high reputation by default (but not necessarily admin priveleges)',")),
        validate: []
      }, {
        name: 'sectionTitle',
        text: 'Community Settings'
      }, {
        name: 'defaultPost',
        label: 'Default Post Type',
        component: _selectField.default,
        // input: { value: [] },
        // value: 'link',
        options: ['link', 'text']
      }].concat(customFields, [{
        name: 'betEnabled',
        label: 'Enable Betting',
        component: _checkbox.default,
        type: 'checkbox'
      }, {
        name: 'allowImages',
        label: 'Allow Images - users are allowed to post image posts',
        component: _checkbox.default,
        type: 'checkbox'
      }, {
        name: 'hidden',
        label: 'Unlisted (anyone with link can still see and join the community)',
        component: _checkbox.default,
        type: 'checkbox'
      }]);
      return /*#__PURE__*/_react.default.createElement(_styled.View, {
        sx: {
          mx: 4,
          mb: 8 * 8
        }
      }, /*#__PURE__*/_react.default.createElement(_web.Form, {
        onSubmit: handleSubmit(this.submit),
        fdirection: "column",
        key: "community-admin-form"
      }, FORM_FIELDS.map(function (field, index) {
        if (field.name === 'sectionTitle') return /*#__PURE__*/_react.default.createElement(_styled.Box, {
          sx: {
            mt: 4
          },
          key: field.text + index
        }, /*#__PURE__*/_react.default.createElement(_styled.Title, null, field.text));
        return /*#__PURE__*/_react.default.createElement(_reduxForm.Field, (0, _extends2.default)({}, field, {
          key: index
        }));
      }), /*#__PURE__*/_react.default.createElement(_styled.Row, {
        sx: {
          justifyContent: 'flex-end',
          mt: 6
        }
      }, initialValues._id ? /*#__PURE__*/_react.default.createElement(_web.Button, {
        type: "button",
        sx: {
          ml: 2,
          bg: 'red'
        },
        onClick: this.deleteCommunity
      }, "Delete") : null, /*#__PURE__*/_react.default.createElement(_web.Button, {
        sx: {
          ml: 2
        },
        type: "submit"
      }, "Submit"))));
    }
  }]);
  return CommunityAdminForm;
}(_react.Component);

(0, _defineProperty2.default)(CommunityAdminForm, "propTypes", {
  actions: _propTypes.default.object,
  handleSubmit: _propTypes.default.func,
  isUpdate: _propTypes.default.bool,
  initialValues: _propTypes.default.object,
  close: _propTypes.default.func,
  history: _propTypes.default.object
});

var mapStateToProps = function mapStateToProps(state, ownProps) {
  var _ownProps$match, _ownProps$match$param, _ownProps$match2, _ownProps$match3, _state$community, _state$community$comm, _community$admins, _community$superAdmin;

  var close = ownProps.close,
      history = ownProps.history;
  var slug = (ownProps === null || ownProps === void 0 ? void 0 : (_ownProps$match = ownProps.match) === null || _ownProps$match === void 0 ? void 0 : (_ownProps$match$param = _ownProps$match.params) === null || _ownProps$match$param === void 0 ? void 0 : _ownProps$match$param.slug) || state.auth.community;
  if ((ownProps === null || ownProps === void 0 ? void 0 : (_ownProps$match2 = ownProps.match) === null || _ownProps$match2 === void 0 ? void 0 : _ownProps$match2.path) === '/admin/community/new') slug = null;
  if ((ownProps === null || ownProps === void 0 ? void 0 : (_ownProps$match3 = ownProps.match) === null || _ownProps$match3 === void 0 ? void 0 : _ownProps$match3.path) === '/communities/new') slug = null;
  var community = ((_state$community = state.community) === null || _state$community === void 0 ? void 0 : (_state$community$comm = _state$community.communities) === null || _state$community$comm === void 0 ? void 0 : _state$community$comm[slug]) || {};
  var isUpdate = !!Object.keys(community).length;
  var admins = (community === null || community === void 0 ? void 0 : (_community$admins = community.admins) === null || _community$admins === void 0 ? void 0 : _community$admins.map(function (m) {
    return m.embeddedUser.handle;
  })) || [];
  var superAdmins = (community === null || community === void 0 ? void 0 : (_community$superAdmin = community.superAdmins) === null || _community$superAdmin === void 0 ? void 0 : _community$superAdmin.map(function (m) {
    return m.embeddedUser.handle;
  })) || [];

  var initialValues = _objectSpread(_objectSpread({}, community), {}, {
    admins: admins,
    superAdmins: superAdmins
  });

  return {
    routing: state.routing,
    community: state.community,
    isUpdate: isUpdate,
    initialValues: initialValues,
    enableReinitialize: true,
    close: close,
    history: history
  };
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  return {
    actions: (0, _redux.bindActionCreators)({
      updateCommunity: _community.updateCommunity,
      createCommunity: _community.createCommunity,
      deleteCommunity: _community.deleteCommunity
    }, dispatch)
  };
};

var _default = (0, _reactRouter.withRouter)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _reduxForm.reduxForm)({
  form: 'communityAdmin'
})(CommunityAdminForm)));

exports.default = _default;
//# sourceMappingURL=communityAdminForm.component.js.map