@stokr/components-library 0.5.5 → 0.5.7

package/dist/components/LearnMoreSection/LearnMoreItem.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LearnMoreItemVideo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LearnMoreItem = require("./LearnMoreItem");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import { ComponentWrapper } from '../ComponentWrapper/ComponentWrapper.styles'
+var _default = {
+  title: 'Components Library/LearnMoreSection/LearnMoreItem',
+  component: _LearnMoreItem.LearnMoreItem,
+  argTypes: {
+    title: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    content: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    link: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    coverSrc: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    postType: {
+      type: 'string',
+      defaultValue: '',
+      required: true
+    },
+    onClick: {
+      type: 'function',
+      action: 'onClick navigate to link'
+    }
+  }
+};
+exports.default = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_LearnMoreItem.LearnMoreItem, args);
+};
+var LearnMoreItemVideo = Template.bind({});
+exports.LearnMoreItemVideo = LearnMoreItemVideo;
+LearnMoreItemVideo.args = {
+  title: 'A Title',
+  content: 'Some Content',
+  link: 'www.link.com',
+  coverSrc: 'https://www.videoconverterfactory.com/glossary/imgs/video.jpg',
+  postType: 'video'
+};
+
+// doublecheck:
+// add video to coverSrc
+//ad version with text to coverSrc

package/dist/components/LearnMoreSection/LearnMoreItem.styles.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = exports.PlayIcon = exports.Play = exports.Cover = exports.Content = exports.Container = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactRouterDom = require("react-router-dom");
+var _Background = require("components/Background/Background.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Container = _styledComponents.default.div.withConfig({
+  displayName: "LearnMoreItemstyles__Container",
+  componentId: "sc-mqjc7z-0"
+})(["height:100%;"]);
+exports.Container = Container;
+var Cover = _styledComponents.default.div.withConfig({
+  displayName: "LearnMoreItemstyles__Cover",
+  componentId: "sc-mqjc7z-1"
+})(["width:100%;", "{width:100%;padding-top:56.25%;}", "{position:absolute;top:50%;left:50%;width:auto;transform:translateY(-50%) translateX(-50%);}"], _Background.Container, _Background.Content);
+exports.Cover = Cover;
+var Play = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
+  displayName: "LearnMoreItemstyles__Play",
+  componentId: "sc-mqjc7z-2"
+})(["width:48px;height:48px;color:", ";background:", ";border-radius:50%;display:flex;align-items:center;justify-content:center;transition:0.3s background;&:hover{color:", ";background:", ";}"], function (props) {
+  return props.theme.cWhite;
+}, function (props) {
+  return props.theme.cWarning;
+}, function (props) {
+  return props.theme.cWhite;
+}, function (props) {
+  return props.theme.cWarningDark;
+});
+exports.Play = Play;
+var PlayIcon = _styledComponents.default.i.attrs({
+  className: 'ion ion-md-play'
+}).withConfig({
+  displayName: "LearnMoreItemstyles__PlayIcon",
+  componentId: "sc-mqjc7z-3"
+})(["font-size:16px;"]);
+exports.PlayIcon = PlayIcon;
+var Title = _styledComponents.default.div.withConfig({
+  displayName: "LearnMoreItemstyles__Title",
+  componentId: "sc-mqjc7z-4"
+})(["font-size:16px;font-weight:600;"]);
+exports.Title = Title;
+var Content = _styledComponents.default.div.withConfig({
+  displayName: "LearnMoreItemstyles__Content",
+  componentId: "sc-mqjc7z-5"
+})(["font-size:16px;font-weight:300;line-height:1.5;letter-spacing:0.6px;min-height:100px;"]);
+exports.Content = Content;

package/dist/components/LoginModal/LoginModal.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LoginModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRouterDom = require("react-router-dom");
+var _formik = require("formik");
+var Yup = _interopRequireWildcard(require("yup"));
+var _Modal = require("components/Modal/Modal");
+var _Form = _interopRequireWildcard(require("components/Form/Form"));
+var _Text = _interopRequireDefault(require("components/Text/Text.styles"));
+var _Input = _interopRequireDefault(require("components/Input/Input"));
+var _InputPassword = _interopRequireDefault(require("components/Input/InputPassword"));
+var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _TextLink = _interopRequireDefault(require("components/TextLink/TextLink.styles"));
+var _Grid = require("components/Grid/Grid.styles");
+var _ComponentWrapper = _interopRequireDefault(require("components/ComponentWrapper/ComponentWrapper.styles"));
+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 _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); }
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var LoginModal = /*#__PURE__*/function (_PureComponent) {
+  _inherits(LoginModal, _PureComponent);
+  var _super = _createSuper(LoginModal);
+  function LoginModal() {
+    var _this;
+    _classCallCheck(this, LoginModal);
+    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));
+    _defineProperty(_assertThisInitialized(_this), "initialValues", {
+      email: '',
+      password: ''
+    });
+    _defineProperty(_assertThisInitialized(_this), "validationSchema", Yup.object().shape({
+      email: Yup.string().email('Email is not valid').required('Email is required'),
+      password: Yup.string().required('Password is required')
+    }));
+    return _this;
+  }
+  _createClass(LoginModal, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        isModalOpen = _this$props.isModalOpen,
+        onModalClose = _this$props.onModalClose,
+        onFormSend = _this$props.onFormSend,
+        onModalSwitch = _this$props.onModalSwitch,
+        onForgotPassword = _this$props.onForgotPassword;
+      return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+        isOpen: isModalOpen,
+        onClose: onModalClose
+      }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+        part: 8
+      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+        modalTop: true
+      }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Log in"), /*#__PURE__*/_react.default.createElement("p", null, 'Please log in to engage in our community & invest in exciting opportunities.'))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+        modalBot: true
+      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, "Don't have an account yet? ", /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
+        as: "button",
+        onClick: onModalSwitch
+      }, "Sign up")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+        part: 8
+      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
+        initialValues: this.initialValues,
+        validationSchema: this.validationSchema,
+        onSubmit: onFormSend
+      }, function (_ref) {
+        var values = _ref.values,
+          errors = _ref.errors,
+          touched = _ref.touched,
+          handleChange = _ref.handleChange,
+          handleBlur = _ref.handleBlur,
+          setFieldValue = _ref.setFieldValue,
+          setFieldTouched = _ref.setFieldTouched;
+        var onChangeWithTouch = function onChangeWithTouch(e) {
+          var field = e.target;
+          setFieldValue(field.name, field.value, false);
+          setFieldTouched(field.name);
+        };
+        var submitDisabled = !touched.email || !touched.password || !!errors.email || !!errors.password;
+        return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+          noPadding: true
+        }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
+          id: "sign-up-email",
+          name: "email",
+          type: "email",
+          label: "Your email",
+          value: values.email,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          error: !!errors.email,
+          touched: !!touched.email
+        }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+          show: errors.email && touched.email
+        }, errors.email))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+          noPaddingBottom: true,
+          noPaddingHorizontal: true
+        }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_InputPassword.default, {
+          id: "sign-up-password",
+          name: "password",
+          type: "password",
+          label: "Password",
+          value: values.password,
+          onChange: onChangeWithTouch,
+          onBlur: handleBlur,
+          error: !!errors.password,
+          touched: !!touched.password
+        }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+          show: errors.password && touched.password
+        }, errors.password))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+          noPaddingBottom: true,
+          noPaddingHorizontal: true
+        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+          type: "submit",
+          fluid: true,
+          disabled: submitDisabled
+        }, "Login")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+          noPaddingBottom: true,
+          noPaddingHorizontal: true
+        }, /*#__PURE__*/_react.default.createElement(_TextLink.default, {
+          as: "button",
+          onClick: onForgotPassword
+        }, "Forgot password?")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+          noPaddingBottom: true,
+          noPaddingHorizontal: true
+        }, /*#__PURE__*/_react.default.createElement(_Form.FormInfo, {
+          center: true
+        }, 'By signing up for STOKR, you agree to our ', /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+          to: "#"
+        }, "Terms of Service."))));
+      })))));
+    }
+  }]);
+  return LoginModal;
+}(_react.PureComponent);
+exports.LoginModal = LoginModal;
+LoginModal.propTypes = {
+  isModalOpen: _propTypes.default.bool.isRequired,
+  onModalClose: _propTypes.default.func.isRequired,
+  onFormSend: _propTypes.default.func.isRequired,
+  onModalSwitch: _propTypes.default.func.isRequired,
+  onForgotPassword: _propTypes.default.func.isRequired
+};
+var _default = LoginModal;
+exports.default = _default;

package/dist/components/MainMenu/DynamicMainMenu.js

@@ -0,0 +1,50 @@
+"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 = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactCollapse = require("react-collapse");
+var _MainMenu = require("./MainMenu.styles");
+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; }
+//import ReactDOM from 'react-dom'
+
+var DynamicMainMenu = function DynamicMainMenu(props) {
+  var spanStyleForMenu = {
+    letterSpacing: '2px',
+    cursor: 'pointer'
+  };
+  var options = props.options,
+    isMenuActive = props.isMenuActive;
+  return /*#__PURE__*/_react.default.createElement(_MainMenu.StyledMainMenu, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+    isOpened: isMenuActive
+  }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, options.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+      as: "button",
+      button: true,
+      onClick: item.onClick,
+      noBorder: true
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, item.name));
+  })))));
+};
+var optionsShape = _propTypes.default.shape({
+  name: _propTypes.default.string.isRequired,
+  onClick: _propTypes.default.func.isRequired
+});
+DynamicMainMenu.propTypes = {
+  isMenuActive: _propTypes.default.bool.isRequired,
+  options: optionsShape
+};
+DynamicMainMenu.defaultProps = {
+  isMenuActive: false,
+  options: []
+};
+var _default = DynamicMainMenu;
+exports.default = _default;

package/dist/components/MainMenu/MainMenu.js

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactCollapse = require("react-collapse");
+var _MainMenu = require("./MainMenu.styles");
+var _Button = _interopRequireDefault(require("components/Button/Button.styles"));
+var _Header = require("components/Header/Header");
+var _reactRouterDom = require("react-router-dom");
+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 _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); }
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var MainMenu = /*#__PURE__*/function (_PureComponent) {
+  _inherits(MainMenu, _PureComponent);
+  var _super = _createSuper(MainMenu);
+  function MainMenu() {
+    var _this;
+    _classCallCheck(this, MainMenu);
+    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));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      isSettingsActive: false,
+      isScrollDown: false,
+      lastScroll: 0,
+      overrideHeightNeeded: true
+    });
+    _defineProperty(_assertThisInitialized(_this), "toggleSettings", function () {
+      _this.setState(function (prevState) {
+        return {
+          isSettingsActive: !prevState.isSettingsActive
+        };
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onScroll", function () {
+      var _this$state = _this.state,
+        lastScroll = _this$state.lastScroll,
+        isScrollDown = _this$state.isScrollDown,
+        overrideHeightNeeded = _this$state.overrideHeightNeeded;
+      var _window = window,
+        scrollY = _window.scrollY;
+      var newScrollDown = scrollY > lastScroll;
+      var newState = {
+        lastScroll: scrollY
+      };
+      if (newScrollDown !== isScrollDown) {
+        newState.isScrollDown = newScrollDown;
+      }
+      if (overrideHeightNeeded) {
+        newState.overrideHeightNeeded = false;
+      }
+      _this.setState(newState);
+    });
+    _defineProperty(_assertThisInitialized(_this), "setScrollUp", function () {
+      _this.setState({
+        isScrollDown: false
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "checkActive", function (url) {
+      return window.location.href.split('/').indexOf(url) > 0;
+    });
+    return _this;
+  }
+  _createClass(MainMenu, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      window.addEventListener('scroll', this.onScroll, true);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('scroll', this.onScroll, true);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$state2 = this.state,
+        isSettingsActive = _this$state2.isSettingsActive,
+        isScrollDown = _this$state2.isScrollDown,
+        overrideHeightNeeded = _this$state2.overrideHeightNeeded;
+      var _this$props = this.props,
+        isMenuActive = _this$props.isMenuActive,
+        user = _this$props.user,
+        _this$props$notificat = _this$props.notifications,
+        notifications = _this$props$notificat === void 0 ? 0 : _this$props$notificat,
+        logoutUser = _this$props.logoutUser,
+        isAdmin = _this$props.isAdmin,
+        platformUrlForUserMenu = _this$props.platformUrlForUserMenu,
+        isVentureDashboard = _this$props.isVentureDashboard;
+      var spanStyleForMenu = {
+        letterSpacing: '1.5px',
+        cursor: 'pointer'
+      };
+      var isUserLogged = !!user._id;
+      return /*#__PURE__*/_react.default.createElement(_MainMenu.StyledMainMenu, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+        isOpened: isMenuActive && isUserLogged,
+        hasNestedCollapse: true
+      }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+        isOpened: !isScrollDown,
+        style: overrideHeightNeeded ? {
+          height: 'auto'
+        } : {},
+        hasNestedCollapse: true
+      }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, !isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+        nameOption: true,
+        isVenture: isAdmin
+      }, /*#__PURE__*/_react.default.createElement(_MainMenu.UserName, {
+        style: spanStyleForMenu,
+        onClick: function onClick() {
+          return isAdmin ? window.location.href = "https://admin.".concat(_Header.platformDomain) : window.location.href = "".concat(platformUrlForUserMenu, "/settings/profile-and-privacy");
+        }
+      }, user.username ? user.username : user.email)), isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard ? /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+        as: "button",
+        button: true,
+        onClick: function onClick() {
+          var navigate = (0, _reactRouterDom.useNavigate)();
+          navigate('/settings');
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Settings")) : /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+        isDashboard: true,
+        isVenture: true,
+        as: "button",
+        button: true,
+        onClick: function onClick() {
+          return window.location.replace("https://admin.".concat(_Header.platformDomain));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Dashboard"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+        isDashboard: true,
+        as: "button",
+        button: true,
+        onClick: function onClick() {
+          return notifications > 0 ? window.location.href = "".concat(platformUrlForUserMenu, "/checklist") : window.location.href = "".concat(platformUrlForUserMenu, "/");
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Dashboard"), notifications > 0 && /*#__PURE__*/_react.default.createElement(_MainMenu.Notifications, null, notifications)), /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
+        as: "button",
+        button: true,
+        isOpened: isSettingsActive,
+        onClick: this.toggleSettings,
+        isSettings: true
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Settings"), /*#__PURE__*/_react.default.createElement(_MainMenu.ExpandArrow, {
+        isOpened: isSettingsActive
+      }))), /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        negative: true,
+        onClick: function onClick() {
+          return logoutUser();
+        }
+      }, "log out"))), !isAdmin && /*#__PURE__*/_react.default.createElement(_MainMenu.Settings, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+        isOpened: isSettingsActive
+      }, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOptions, null, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        isActive: this.checkActive('profile-and-privacy'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/profile-and-privacy"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Profile & Privacy")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        isActive: this.checkActive('ethereum-address'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        isActive: this.checkActive('liquid-address'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/liquid-address"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Liquid Securities Account")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        isActive: this.checkActive('algorand-address'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/algorand-address"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Algorand Addresses")))))), !isAdmin && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+        isOpened: isScrollDown,
+        hasNestedCollapse: true
+      }, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOptions, null, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        scrollDown: true,
+        isActive: this.checkActive('profile-and-privacy'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/profile-and-privacy"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Profile & Privacy")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        scrollDown: true,
+        isActive: this.checkActive('ethereum-address'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        scrollDown: true,
+        isActive: this.checkActive('liquid-address'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/liquid-address"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Liquid Securities Account")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        scrollDown: true,
+        isActive: this.checkActive('algorand-address'),
+        onClick: function onClick() {
+          window.location.replace("".concat(platformUrlForUserMenu, "/settings/algorand-address"));
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "Algorand Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
+        scrollDown: true,
+        onClick: function onClick() {
+          _this2.setScrollUp();
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: spanStyleForMenu
+      }, "More")))))));
+    }
+  }]);
+  return MainMenu;
+}(_react.PureComponent);
+MainMenu.propTypes = {
+  isMenuActive: _propTypes.default.bool.isRequired,
+  admin: _propTypes.default.bool,
+  userName: _propTypes.default.string
+};
+MainMenu.defaultProps = {
+  admin: false,
+  userName: ''
+};
+var _default = MainMenu;
+exports.default = _default;