moose-remote-components
Version:
Figuring out how to export components onto npm, to be used in other projects
124 lines (93 loc) • 10.8 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.UserModal = void 0;
var _react = _interopRequireWildcard(require("react"));
var _Modal = _interopRequireDefault(require("react-bootstrap/Modal"));
var _ListGroup = _interopRequireDefault(require("react-bootstrap/ListGroup"));
var _auth = _interopRequireDefault(require("../utils/auth"));
require("./UserModal.css");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
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 UserModal =
/*#__PURE__*/
function (_Component) {
_inherits(UserModal, _Component);
function UserModal() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, UserModal);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(UserModal)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_this), "state", {
variant: _this.props.Variant
});
return _this;
}
_createClass(UserModal, [{
key: "componentDidUpdate",
value: function componentDidUpdate(oldProps) {
if (oldProps.Variant !== this.props.Variant) this.setState({
variant: this.props.Variant
});
}
}, {
key: "render",
value: function render() {
var _this2 = this;
var user = _auth["default"].getCachedUser();
return _react["default"].createElement(_Modal["default"], {
size: "lg",
show: this.props.show,
onHide: this.props.onHide,
centered: true
}, _react["default"].createElement(_Modal["default"].Body, {
className: "body-styles"
}, _react["default"].createElement("div", {
style: {
marginBottom: "2em"
}
}, _react["default"].createElement("img", {
className: "profile-image",
src: user.image,
alt: "profile"
}), _react["default"].createElement("h1", null, user.firstname, " ", user.lastname), _react["default"].createElement("b", null, "Email: "), _react["default"].createElement("span", null, user.email), _react["default"].createElement("br", null), _react["default"].createElement("b", null, "Phone: "), _react["default"].createElement("span", null, user.phone)), _react["default"].createElement(_ListGroup["default"], {
variant: "flush"
}, _react["default"].createElement(_ListGroup["default"].Item, {
action: true,
className: "list-item",
onClick: function onClick() {
return _this2.props.history.push("/account");
}
}, "Account Settings"), _react["default"].createElement(_ListGroup["default"].Item, {
action: true,
className: "list-item",
onClick: function onClick() {
return _this2.props.history.push("/giggz");
}
}, "My Giggz"), _react["default"].createElement(_ListGroup["default"].Item, {
action: true,
className: "list-item ".concat(this.state.variant),
onClick: this.props.logout
}, "Logout"), _react["default"].createElement("hr", null))));
}
}]);
return UserModal;
}(_react.Component);
exports.UserModal = UserModal;
var _default = UserModal;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbHMvVXNlck1vZGFsLmpzIl0sIm5hbWVzIjpbIlVzZXJNb2RhbCIsInZhcmlhbnQiLCJwcm9wcyIsIlZhcmlhbnQiLCJvbGRQcm9wcyIsInNldFN0YXRlIiwidXNlciIsImF1dGgiLCJnZXRDYWNoZWRVc2VyIiwic2hvdyIsIm9uSGlkZSIsIm1hcmdpbkJvdHRvbSIsImltYWdlIiwiZmlyc3RuYW1lIiwibGFzdG5hbWUiLCJlbWFpbCIsInBob25lIiwiaGlzdG9yeSIsInB1c2giLCJzdGF0ZSIsImxvZ291dCIsIkNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQUVhQSxTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7NERBRUo7QUFDUEMsTUFBQUEsT0FBTyxFQUFFLE1BQUtDLEtBQUwsQ0FBV0M7QUFEYixLOzs7Ozs7O3VDQUlXQyxRLEVBQVU7QUFDNUIsVUFBSUEsUUFBUSxDQUFDRCxPQUFULEtBQXFCLEtBQUtELEtBQUwsQ0FBV0MsT0FBcEMsRUFDQyxLQUFLRSxRQUFMLENBQWM7QUFBQ0osUUFBQUEsT0FBTyxFQUFFLEtBQUtDLEtBQUwsQ0FBV0M7QUFBckIsT0FBZDtBQUNEOzs7NkJBRVE7QUFBQTs7QUFDUixVQUFJRyxJQUFJLEdBQUdDLGlCQUFLQyxhQUFMLEVBQVg7O0FBQ0EsYUFDQyxnQ0FBQyxpQkFBRDtBQUFPLFFBQUEsSUFBSSxFQUFDLElBQVo7QUFBaUIsUUFBQSxJQUFJLEVBQUUsS0FBS04sS0FBTCxDQUFXTyxJQUFsQztBQUF3QyxRQUFBLE1BQU0sRUFBRSxLQUFLUCxLQUFMLENBQVdRLE1BQTNEO0FBQW1FLFFBQUEsUUFBUTtBQUEzRSxTQUNDLGdDQUFDLGlCQUFELENBQU8sSUFBUDtBQUFZLFFBQUEsU0FBUyxFQUFDO0FBQXRCLFNBQ0M7QUFBSyxRQUFBLEtBQUssRUFBRTtBQUFFQyxVQUFBQSxZQUFZLEVBQUU7QUFBaEI7QUFBWixTQUNDO0FBQ0MsUUFBQSxTQUFTLEVBQUMsZUFEWDtBQUVDLFFBQUEsR0FBRyxFQUFFTCxJQUFJLENBQUNNLEtBRlg7QUFHQyxRQUFBLEdBQUcsRUFBQztBQUhMLFFBREQsRUFNQyw0Q0FBS04sSUFBSSxDQUFDTyxTQUFWLE9BQXNCUCxJQUFJLENBQUNRLFFBQTNCLENBTkQsRUFPQyxxREFQRCxFQU9lLDhDQUFPUixJQUFJLENBQUNTLEtBQVosQ0FQZixFQU93QywyQ0FQeEMsRUFRQyxxREFSRCxFQVFlLDhDQUFPVCxJQUFJLENBQUNVLEtBQVosQ0FSZixDQURELEVBV0MsZ0NBQUMscUJBQUQ7QUFBVyxRQUFBLE9BQU8sRUFBQztBQUFuQixTQUNDLGdDQUFDLHFCQUFELENBQVcsSUFBWDtBQUFnQixRQUFBLE1BQU0sTUFBdEI7QUFBdUIsUUFBQSxTQUFTLEVBQUMsV0FBakM7QUFBNkMsUUFBQSxPQUFPLEVBQUU7QUFBQSxpQkFBTSxNQUFJLENBQUNkLEtBQUwsQ0FBV2UsT0FBWCxDQUFtQkMsSUFBbkIsQ0FBd0IsVUFBeEIsQ0FBTjtBQUFBO0FBQXRELDRCQURELEVBRUMsZ0NBQUMscUJBQUQsQ0FBVyxJQUFYO0FBQWdCLFFBQUEsTUFBTSxNQUF0QjtBQUF1QixRQUFBLFNBQVMsRUFBQyxXQUFqQztBQUE2QyxRQUFBLE9BQU8sRUFBRTtBQUFBLGlCQUFNLE1BQUksQ0FBQ2hCLEtBQUwsQ0FBV2UsT0FBWCxDQUFtQkMsSUFBbkIsQ0FBd0IsUUFBeEIsQ0FBTjtBQUFBO0FBQXRELG9CQUZELEVBR0MsZ0NBQUMscUJBQUQsQ0FBVyxJQUFYO0FBQWdCLFFBQUEsTUFBTSxNQUF0QjtBQUF1QixRQUFBLFNBQVMsc0JBQWUsS0FBS0MsS0FBTCxDQUFXbEIsT0FBMUIsQ0FBaEM7QUFBcUUsUUFBQSxPQUFPLEVBQUUsS0FBS0MsS0FBTCxDQUFXa0I7QUFBekYsa0JBSEQsRUFJQywyQ0FKRCxDQVhELENBREQsQ0FERDtBQXNCQTs7OztFQW5DNkJDLGdCOzs7ZUFzQ2hCckIsUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgTW9kYWwgZnJvbSAncmVhY3QtYm9vdHN0cmFwL01vZGFsJ1xuaW1wb3J0IExpc3RHcm91cCBmcm9tIFwicmVhY3QtYm9vdHN0cmFwL0xpc3RHcm91cFwiXG5pbXBvcnQgYXV0aCBmcm9tICcuLi91dGlscy9hdXRoJztcbmltcG9ydCBcIi4vVXNlck1vZGFsLmNzc1wiO1xuXG5leHBvcnQgY2xhc3MgVXNlck1vZGFsIGV4dGVuZHMgQ29tcG9uZW50IHtcblxuXHRzdGF0ZSA9IHtcblx0XHR2YXJpYW50OiB0aGlzLnByb3BzLlZhcmlhbnQsXG5cdH1cblxuXHRjb21wb25lbnREaWRVcGRhdGUob2xkUHJvcHMpIHtcblx0XHRpZiAob2xkUHJvcHMuVmFyaWFudCAhPT0gdGhpcy5wcm9wcy5WYXJpYW50KVxuXHRcdFx0dGhpcy5zZXRTdGF0ZSh7dmFyaWFudDogdGhpcy5wcm9wcy5WYXJpYW50fSk7XG5cdH1cblxuXHRyZW5kZXIoKSB7XG5cdFx0bGV0IHVzZXIgPSBhdXRoLmdldENhY2hlZFVzZXIoKTtcblx0XHRyZXR1cm4gKFxuXHRcdFx0PE1vZGFsIHNpemU9XCJsZ1wiIHNob3c9e3RoaXMucHJvcHMuc2hvd30gb25IaWRlPXt0aGlzLnByb3BzLm9uSGlkZX0gY2VudGVyZWQ+XG5cdFx0XHRcdDxNb2RhbC5Cb2R5IGNsYXNzTmFtZT1cImJvZHktc3R5bGVzXCI+XG5cdFx0XHRcdFx0PGRpdiBzdHlsZT17eyBtYXJnaW5Cb3R0b206IFwiMmVtXCIgfX0+XG5cdFx0XHRcdFx0XHQ8aW1nXG5cdFx0XHRcdFx0XHRcdGNsYXNzTmFtZT1cInByb2ZpbGUtaW1hZ2VcIlxuXHRcdFx0XHRcdFx0XHRzcmM9e3VzZXIuaW1hZ2V9XG5cdFx0XHRcdFx0XHRcdGFsdD1cInByb2ZpbGVcIlxuXHRcdFx0XHRcdFx0Lz5cblx0XHRcdFx0XHRcdDxoMT57dXNlci5maXJzdG5hbWV9IHt1c2VyLmxhc3RuYW1lfTwvaDE+XG5cdFx0XHRcdFx0XHQ8Yj5FbWFpbDogPC9iPjxzcGFuPnt1c2VyLmVtYWlsfTwvc3Bhbj48YnIgLz5cblx0XHRcdFx0XHRcdDxiPlBob25lOiA8L2I+PHNwYW4+e3VzZXIucGhvbmV9PC9zcGFuPlxuXHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdDxMaXN0R3JvdXAgdmFyaWFudD1cImZsdXNoXCI+XG5cdFx0XHRcdFx0XHQ8TGlzdEdyb3VwLkl0ZW0gYWN0aW9uIGNsYXNzTmFtZT1cImxpc3QtaXRlbVwiIG9uQ2xpY2s9eygpID0+IHRoaXMucHJvcHMuaGlzdG9yeS5wdXNoKFwiL2FjY291bnRcIil9PkFjY291bnQgU2V0dGluZ3M8L0xpc3RHcm91cC5JdGVtPlxuXHRcdFx0XHRcdFx0PExpc3RHcm91cC5JdGVtIGFjdGlvbiBjbGFzc05hbWU9XCJsaXN0LWl0ZW1cIiBvbkNsaWNrPXsoKSA9PiB0aGlzLnByb3BzLmhpc3RvcnkucHVzaChcIi9naWdnelwiKX0+TXkgR2lnZ3o8L0xpc3RHcm91cC5JdGVtPlxuXHRcdFx0XHRcdFx0PExpc3RHcm91cC5JdGVtIGFjdGlvbiBjbGFzc05hbWU9e2BsaXN0LWl0ZW0gJHt0aGlzLnN0YXRlLnZhcmlhbnR9YH0gb25DbGljaz17dGhpcy5wcm9wcy5sb2dvdXR9PkxvZ291dDwvTGlzdEdyb3VwLkl0ZW0+XG5cdFx0XHRcdFx0XHQ8aHIgLz5cblx0XHRcdFx0XHQ8L0xpc3RHcm91cD5cblx0XHRcdFx0PC9Nb2RhbC5Cb2R5PlxuXHRcdFx0PC9Nb2RhbD5cblx0XHQpXG5cdH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgVXNlck1vZGFsOyJdfQ==