@stokr/components-library 2.3.58-beta.5 → 2.3.58-beta.7

package/dist/components/MainMenu/MainMenu.js

@@ -7,59 +7,40 @@ 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 _MainMenu2 = require("./MainMenu.styles");
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _globalVariables = require("../../constants/globalVariables");
 var _withRouter = require("../../utils/withRouter");
-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(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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); } // import { navigate } from 'react-router-dom'
-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", {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // import { navigate } from 'react-router-dom'
+class MainMenu extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       isSettingsActive: false,
       isScrollDown: false,
       lastScroll: 0,
       overrideHeightNeeded: true
     });
-    _defineProperty(_assertThisInitialized(_this), "toggleSettings", function () {
-      _this.setState(function (prevState) {
-        return {
-          isSettingsActive: !prevState.isSettingsActive
-        };
-      });
+    _defineProperty(this, "toggleSettings", () => {
+      this.setState(prevState => ({
+        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 = {
+    _defineProperty(this, "onScroll", () => {
+      const {
+        lastScroll,
+        isScrollDown,
+        overrideHeightNeeded
+      } = this.state;
+      const {
+        scrollY
+      } = window;
+      const newScrollDown = scrollY > lastScroll;
+      const newState = {
         lastScroll: scrollY
       };
       if (newScrollDown !== isScrollDown) {
@@ -68,155 +49,142 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
       if (overrideHeightNeeded) {
         newState.overrideHeightNeeded = false;
       }
-      _this.setState(newState);
+      this.setState(newState);
     });
-    _defineProperty(_assertThisInitialized(_this), "setScrollUp", function () {
-      _this.setState({
+    _defineProperty(this, "setScrollUp", () => {
+      this.setState({
         isScrollDown: false
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "checkActive", function (url) {
-      return window.location.href.split('/').indexOf(url) > 0;
-    });
-    return _this;
+    _defineProperty(this, "checkActive", url => window.location.href.split('/').indexOf(url) > 0);
   }
-  _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 !== null && user !== void 0 && user._id) || (user === null || user === void 0 ? void 0 : user.uid);
-      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 || isVentureDashboard,
-        style: overrideHeightNeeded ? {
-          height: 'auto'
-        } : {},
-        hasNestedCollapse: true
-      }, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOptions, null, !isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
-        as: "button",
-        button: true,
-        nameOption: true,
-        isVenture: isAdmin,
-        onClick: function onClick() {
-          isAdmin ? window.location.href = "https://admin.".concat(_globalVariables.platformDomain) : window.location.href = "".concat(platformUrlForUserMenu, "/overview");
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Dashboard")), isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
-        as: "button",
-        button: true,
-        onClick: function onClick() {
-          _this2.props.navigate('/settings');
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Settings"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MainMenu.MainMenuOption, {
-        as: "button",
-        button: true,
-        isOpened: isSettingsActive,
-        onClick: this.toggleSettings,
-        isSettings: true
-        //isDashboard
-      }, /*#__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('liquid-address'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/liquid-address"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
-        isActive: this.checkActive('investment-eligibility'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/investment-eligibility"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Investment eligibility")))))), !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('liquid-address'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/liquid-address"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
-        scrollDown: true,
-        isActive: this.checkActive('investment-eligibility'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/investment-eligibility"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Investment eligiblity")), /*#__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);
+  componentDidMount() {
+    // window.addEventListener('scroll', this.onScroll, true)
+  }
+  componentWillUnmount() {
+    // window.removeEventListener('scroll', this.onScroll, true)
+  }
+  render() {
+    const {
+      isSettingsActive,
+      isScrollDown,
+      overrideHeightNeeded
+    } = this.state;
+    const {
+      isMenuActive,
+      user,
+      notifications = 0,
+      logoutUser,
+      isAdmin,
+      platformUrlForUserMenu,
+      isVentureDashboard
+    } = this.props;
+    const spanStyleForMenu = {
+      letterSpacing: '1.5px',
+      cursor: 'pointer'
+    };
+    const isUserLogged = !!(user !== null && user !== void 0 && user._id) || (user === null || user === void 0 ? void 0 : user.uid);
+    return /*#__PURE__*/_react.default.createElement(_MainMenu2.StyledMainMenu, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+      isOpened: isMenuActive && isUserLogged,
+      hasNestedCollapse: true
+    }, /*#__PURE__*/_react.default.createElement(_MainMenu2.MainMenuContainer, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+      isOpened: !isScrollDown || isVentureDashboard,
+      style: overrideHeightNeeded ? {
+        height: 'auto'
+      } : {},
+      hasNestedCollapse: true
+    }, /*#__PURE__*/_react.default.createElement(_MainMenu2.MainMenuOptions, null, !isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu2.MainMenuOption, {
+      as: "button",
+      button: true,
+      nameOption: true,
+      isVenture: isAdmin,
+      onClick: () => {
+        isAdmin ? window.location.href = "https://admin.".concat(_globalVariables.platformDomain) : window.location.href = "".concat(platformUrlForUserMenu, "/overview");
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Dashboard")), isAdmin ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isVentureDashboard && /*#__PURE__*/_react.default.createElement(_MainMenu2.MainMenuOption, {
+      as: "button",
+      button: true,
+      onClick: () => {
+        this.props.navigate('/settings');
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Settings"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MainMenu2.MainMenuOption, {
+      as: "button",
+      button: true,
+      isOpened: isSettingsActive,
+      onClick: this.toggleSettings,
+      isSettings: true
+      //isDashboard
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Settings"), /*#__PURE__*/_react.default.createElement(_MainMenu2.ExpandArrow, {
+      isOpened: isSettingsActive
+    }))), /*#__PURE__*/_react.default.createElement(_MainMenu2.MainMenuOption, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      negative: true,
+      onClick: () => logoutUser()
+    }, "log out"))), !isAdmin && /*#__PURE__*/_react.default.createElement(_MainMenu2.Settings, null, /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+      isOpened: isSettingsActive
+    }, /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOptions, null, /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOption, {
+      isActive: this.checkActive('profile-and-privacy'),
+      onClick: () => {
+        window.location.replace("".concat(platformUrlForUserMenu, "/settings/profile-and-privacy"));
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Profile & Privacy")), /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOption, {
+      isActive: this.checkActive('liquid-address'),
+      onClick: () => {
+        window.location.replace("".concat(platformUrlForUserMenu, "/settings/liquid-address"));
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOption, {
+      isActive: this.checkActive('investment-eligibility'),
+      onClick: () => {
+        window.location.replace("".concat(platformUrlForUserMenu, "/settings/investment-eligibility"));
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Investment eligibility")))))), !isAdmin && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+      isOpened: isScrollDown,
+      hasNestedCollapse: true
+    }, /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOptions, null, /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOption, {
+      scrollDown: true,
+      isActive: this.checkActive('profile-and-privacy'),
+      onClick: () => {
+        window.location.replace("".concat(platformUrlForUserMenu, "/settings/profile-and-privacy"));
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Profile & Privacy")), /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOption, {
+      scrollDown: true,
+      isActive: this.checkActive('liquid-address'),
+      onClick: () => {
+        window.location.replace("".concat(platformUrlForUserMenu, "/settings/liquid-address"));
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOption, {
+      scrollDown: true,
+      isActive: this.checkActive('investment-eligibility'),
+      onClick: () => {
+        window.location.replace("".concat(platformUrlForUserMenu, "/settings/investment-eligibility"));
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "Investment eligiblity")), /*#__PURE__*/_react.default.createElement(_MainMenu2.SettingsOption, {
+      scrollDown: true,
+      onClick: () => {
+        this.setScrollUp();
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: spanStyleForMenu
+    }, "More")))))));
+  }
+}
 MainMenu.propTypes = {
   isMenuActive: _propTypes.default.bool.isRequired,
   admin: _propTypes.default.bool,
@@ -226,5 +194,4 @@ MainMenu.defaultProps = {
   admin: false,
   userName: ''
 };
-var _default = (0, _withRouter.withRouter)(MainMenu);
-exports.default = _default;
+var _default = exports.default = (0, _withRouter.withRouter)(MainMenu);

package/dist/components/MainMenu/MainMenu.styles.js

@@ -1,125 +1,84 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserName = exports.StyledMainMenu = exports.SettingsOptions = exports.SettingsOption = exports.Settings = exports.Notifications = exports.MainMenuOptions = exports.MainMenuOption = exports.MainMenuMobileSettings = exports.MainMenuContainer = exports.ExpandArrow = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
 /*  */
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledMainMenu = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const StyledMainMenu = exports.StyledMainMenu = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__StyledMainMenu",
   componentId: "sc-1cw1nhj-0"
-})(["display:none;z-index:10;background:white;", " @media screen and (max-width:991px){display:none;}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n    width: 100%;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    overflow: hidden;\n    margin-top: -1px;\n    border-bottom: 1px solid #e1e1e1;\n    // box-shadow: inset 0 -1px 0 0 #e1e1e1;\n\n    ", "\n  "])), function (props) {
-  return props.admin && "\n      padding-left: 100px;\n    ";
-}));
-exports.StyledMainMenu = StyledMainMenu;
-var MainMenuContainer = _styledComponents.default.div.withConfig({
+})(["display:none;z-index:10;background:white;", " @media screen and (max-width:991px){display:none;}"], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n    width: 100%;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    overflow: hidden;\n    margin-top: -1px;\n    border-bottom: 1px solid #e1e1e1;\n    // box-shadow: inset 0 -1px 0 0 #e1e1e1;\n\n    ", "\n  "])), props => props.admin && "\n      padding-left: 100px;\n    "));
+const MainMenuContainer = exports.MainMenuContainer = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__MainMenuContainer",
   componentId: "sc-1cw1nhj-1"
-})(["display:block;background-color:", ";border-top:1px solid #e1e1e1;"], function (props) {
-  return props.theme.cWhite;
-});
-exports.MainMenuContainer = MainMenuContainer;
-var MainMenuOptions = _styledComponents.default.div.withConfig({
+})(["display:block;background-color:", ";border-top:1px solid #e1e1e1;"], props => props.theme.cWhite);
+const MainMenuOptions = exports.MainMenuOptions = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__MainMenuOptions",
   componentId: "sc-1cw1nhj-2"
 })(["display:flex;flex-direction:column;height:100%;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex-direction: row;\n    height: 92px;\n  "]))));
-exports.MainMenuOptions = MainMenuOptions;
-var MainMenuOption = _styledComponents.default.div.withConfig({
+const MainMenuOption = exports.MainMenuOption = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__MainMenuOption",
   componentId: "sc-1cw1nhj-3"
-})(["background-color:white !important;position:relative;display:flex;flex-basis:33.3333%;justify-content:center;align-items:center;width:100%;padding:4px 16px;outline:none;&:hover{font-weight:bold;}", " ", " & + &{border-top:1px solid #e1e1e1;}", " ", " ", " ", " ", " span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}button{color:#ee220d;border-color:#ee220d;background-color:white;&:hover{color:#be1b09;border-color:#be1b09;}}"], function (_ref) {
-  var isDashboard = _ref.isDashboard;
-  return isDashboard && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      border-color: #e1e1e1 !important;\n    "])));
-}, function (_ref2) {
-  var isSettings = _ref2.isSettings;
-  return isSettings && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      border-right: none !important;\n    "])));
-}, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: 10px;\n    border-bottom: 1px solid #e1e1e1;\n    margin-bottom: -1px;\n    transition: border-bottom-color .2s;\n\n    & + & {\n      border-top: 0;\n      border-left: 1px solid #e1e1e1;\n\n       ", "\n    }\n\n    ", ";\n\n    ", "\n\n      ", "\n\n  "])), function (_ref3) {
-  var isDashboard = _ref3.isDashboard;
-  return isDashboard && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n           border-right: 1px solid #e1e1e1;\n         "])));
-}, function (props) {
-  return props.isOpened && "\n      border-bottom-color: transparent;\n    ";
-}, function (_ref4) {
-  var isVenture = _ref4.isVenture;
-  return isVenture && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        flex-basis: 66.6%;\n      "])));
-}, function (props) {
-  return props.nameOption && "\n    display: flex;\n  ";
-}), function (props) {
-  return props.nameOption && "\n    display: none;\n  ";
-}, _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\n     ", "\n\n    ", ";\n  "])), function (_ref5) {
-  var isVenture = _ref5.isVenture;
-  return isVenture && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n         flex-basis: 75.5%;\n       "])));
-}, function (props) {
-  return props.nameOption && "\n      display: flex;\n    ";
-}), function (props) {
-  return props.noBorder && "\n    border: none !important;\n  ";
-}, function (props) {
-  return props.button && "\n    cursor: pointer;\n    transition: color .2s;\n    outline: 0;\n    \n    & > span {\n      display: inline-block;\n      vertical-align: middle;\n      text-transform: uppercase;\n      font-size: 11px;\n      line-height: 20px;\n    }\n\n    &:hover {\n      color: ".concat(props.theme.cPrimary, ";\n    }\n  ");
-});
-exports.MainMenuOption = MainMenuOption;
-var UserName = _styledComponents.default.h3.withConfig({
+})(["background-color:white !important;position:relative;display:flex;flex-basis:33.3333%;justify-content:center;align-items:center;width:100%;padding:4px 16px;outline:none;&:hover{font-weight:bold;}", " ", " & + &{border-top:1px solid #e1e1e1;}", " ", " ", " ", " ", " span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}button{color:#ee220d;border-color:#ee220d;background-color:white;&:hover{color:#be1b09;border-color:#be1b09;}}"], _ref => {
+  let {
+    isDashboard
+  } = _ref;
+  return isDashboard && (0, _styledComponents.css)(["border-color:#e1e1e1 !important;"]);
+}, _ref2 => {
+  let {
+    isSettings
+  } = _ref2;
+  return isSettings && (0, _styledComponents.css)(["border-right:none !important;"]);
+}, _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 10px;\n    border-bottom: 1px solid #e1e1e1;\n    margin-bottom: -1px;\n    transition: border-bottom-color .2s;\n\n    & + & {\n      border-top: 0;\n      border-left: 1px solid #e1e1e1;\n\n       ", "\n    }\n\n    ", ";\n\n    ", "\n\n      ", "\n\n  "])), _ref3 => {
+  let {
+    isDashboard
+  } = _ref3;
+  return isDashboard && (0, _styledComponents.css)(["border-right:1px solid #e1e1e1;"]);
+}, props => props.isOpened && "\n      border-bottom-color: transparent;\n    ", _ref4 => {
+  let {
+    isVenture
+  } = _ref4;
+  return isVenture && (0, _styledComponents.css)(["flex-basis:66.6%;"]);
+}, props => props.nameOption && "\n    display: flex;\n  "), props => props.nameOption && "\n    display: none;\n  ", _rwd.default.Large(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\n     ", "\n\n    ", ";\n  "])), _ref5 => {
+  let {
+    isVenture
+  } = _ref5;
+  return isVenture && (0, _styledComponents.css)(["flex-basis:75.5%;"]);
+}, props => props.nameOption && "\n      display: flex;\n    "), props => props.noBorder && "\n    border: none !important;\n  ", props => props.button && "\n    cursor: pointer;\n    transition: color .2s;\n    outline: 0;\n    \n    & > span {\n      display: inline-block;\n      vertical-align: middle;\n      text-transform: uppercase;\n      font-size: 11px;\n      line-height: 20px;\n    }\n\n    &:hover {\n      color: ".concat(props.theme.cPrimary, ";\n    }\n  "));
+const UserName = exports.UserName = _styledComponents.default.h3.withConfig({
   displayName: "MainMenustyles__UserName",
   componentId: "sc-1cw1nhj-4"
 })(["font-weight:600;font-size:16px;line-height:24px;text-transform:initial;margin:0;&:hover{color:initial;}"]);
-exports.UserName = UserName;
-var ExpandArrow = _styledComponents.default.i.attrs({
+const ExpandArrow = exports.ExpandArrow = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "MainMenustyles__ExpandArrow",
   componentId: "sc-1cw1nhj-5"
-})(["position:absolute;top:50%;right:32px;display:block;margin-top:-8px;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;", " ", ""], function (props) {
-  return props.isOpened && "\n    transform: rotate(180deg);\n  ";
-}, _rwd.default.Medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: 20px;\n    margin-top: 0;\n    position: relative;\n    top: 0;\n    right: auto;\n  "]))));
-exports.ExpandArrow = ExpandArrow;
-var Settings = _styledComponents.default.div.withConfig({
+})(["position:absolute;top:50%;right:32px;display:block;margin-top:-8px;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;", " ", ""], props => props.isOpened && "\n    transform: rotate(180deg);\n  ", _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: 20px;\n    margin-top: 0;\n    position: relative;\n    top: 0;\n    right: auto;\n  "]))));
+const Settings = exports.Settings = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__Settings",
   componentId: "sc-1cw1nhj-6"
 })(["overflow:hidden;"]);
-exports.Settings = Settings;
-var SettingsOptions = _styledComponents.default.div.withConfig({
+const SettingsOptions = exports.SettingsOptions = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__SettingsOptions",
   componentId: "sc-1cw1nhj-7"
-})(["display:flex;flex-direction:column;height:100%;", " button{border:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;}"], _rwd.default.Medium(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    flex-wrap: wrap;\n    padding: 27px 64px;\n    flex-direction: row;\n    height: auto;\n  "]))));
-exports.SettingsOptions = SettingsOptions;
-var SettingsOption = _styledComponents.default.button.withConfig({
+})(["display:flex;flex-direction:column;height:100%;", " button{border:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;}"], _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    flex-wrap: wrap;\n    padding: 27px 64px;\n    flex-direction: row;\n    height: auto;\n  "]))));
+const SettingsOption = exports.SettingsOption = _styledComponents.default.button.withConfig({
   displayName: "MainMenustyles__SettingsOption",
   componentId: "sc-1cw1nhj-8"
-})(["position:relative;flex-grow:1;cursor:pointer;transition:font-weight 0.2s;color:", ";background-color:", ";border-top:1px solid ", ";outline:0;", ";", " ", " & > span{position:relative;display:inline-block;font-size:11px;line-height:20px;text-transform:uppercase;transition:font-weight 0.2s;", "}", " ", " &:hover{& > span{font-weight:bold;}}"], function (props) {
-  return props.theme.cWhite;
-}, function (props) {
-  return props.theme.cWarning;
-}, function (props) {
-  return props.theme.cWarningDark;
-}, function (props) {
-  return props.back && "\n    color: ".concat(props.theme.cBlack, ";\n    background-color: transparent;\n    border-top: 0;\n    \n    ").concat(props.isActive && "\n      color: ".concat(props.theme.cBlack, ";\n      background-color: transparent;\n    "), "\n\n    ").concat(_rwd.default.Medium(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      background-color: transparent;\n      \n      ", "\n    "])), props.isActive && "\n        background-color: transparent;\n      "), "\n  ");
-}, _rwd.default.Medium(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    flex-grow: 0;\n    text-align: left;\n    flex-basis: 33.3333%;\n    color: ", ";\n    background-color: transparent;\n    border-top: 0;\n  "])), function (props) {
-  return props.theme.cBlack;
-}), _rwd.default.Large(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    flex-basis: 25%;\n\n    ", "\n  "])), function (props) {
-  return props.scrollDown && "\n      flex-basis: 20%;\n    ";
-}), _rwd.default.Medium(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      padding: 7px 0;\n      margin: 3px 0;\n    "]))), function (props) {
-  return props.isActive && "\n    background-color: ".concat(props.theme.cPrimary, ";\n\n    & > span {\n      font-weight: bold;\n    }\n  ");
-}, _rwd.default.Medium(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
-  return props.isActive && "   \n      background-color: transparent;\n\n      & > span {\n        &:before {\n          content: '';\n          display: block;\n          height: 4px;\n          width: 100%;\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          background-color: ".concat(props.theme.cPrimary, ";\n        }\n      }\n    ");
-}));
-exports.SettingsOption = SettingsOption;
-var MainMenuMobileSettings = _styledComponents.default.div.withConfig({
+})(["position:relative;flex-grow:1;cursor:pointer;transition:font-weight 0.2s;color:", ";background-color:", ";border-top:1px solid ", ";outline:0;", ";", " ", " & > span{position:relative;display:inline-block;font-size:11px;line-height:20px;text-transform:uppercase;transition:font-weight 0.2s;", "}", " ", " &:hover{& > span{font-weight:bold;}}"], props => props.theme.cWhite, props => props.theme.cWarning, props => props.theme.cWarningDark, props => props.back && "\n    color: ".concat(props.theme.cBlack, ";\n    background-color: transparent;\n    border-top: 0;\n    \n    ").concat(props.isActive && "\n      color: ".concat(props.theme.cBlack, ";\n      background-color: transparent;\n    "), "\n\n    ").concat(_rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      background-color: transparent;\n      \n      ", "\n    "])), props.isActive && "\n        background-color: transparent;\n      "), "\n  "), _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex-grow: 0;\n    text-align: left;\n    flex-basis: 33.3333%;\n    color: ", ";\n    background-color: transparent;\n    border-top: 0;\n  "])), props => props.theme.cBlack), _rwd.default.Large(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex-basis: 25%;\n\n    ", "\n  "])), props => props.scrollDown && "\n      flex-basis: 20%;\n    "), _rwd.default.Medium(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n      padding: 7px 0;\n      margin: 3px 0;\n    "]))), props => props.isActive && "\n    background-color: ".concat(props.theme.cPrimary, ";\n\n    & > span {\n      font-weight: bold;\n    }\n  "), _rwd.default.Medium(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n    ", "\n  "])), props => props.isActive && "   \n      background-color: transparent;\n\n      & > span {\n        &:before {\n          content: '';\n          display: block;\n          height: 4px;\n          width: 100%;\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          background-color: ".concat(props.theme.cPrimary, ";\n        }\n      }\n    ")));
+const MainMenuMobileSettings = exports.MainMenuMobileSettings = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__MainMenuMobileSettings",
   componentId: "sc-1cw1nhj-9"
-})(["display:block;visibility:hidden;opacity:0;z-index:5;position:absolute;top:64px;left:0;width:100%;height:calc(100% - 64px);background-color:", ";border-top:1px solid #e1e1e1;transition:opacity 0.2s,visibility 0.2s;", ""], function (props) {
-  return props.theme.cWhite;
-}, function (props) {
-  return props.isActive && "\n    visibility: visible;\n    opacity: 1;\n  ";
-});
-exports.MainMenuMobileSettings = MainMenuMobileSettings;
-var Notifications = _styledComponents.default.div.withConfig({
+})(["display:block;visibility:hidden;opacity:0;z-index:5;position:absolute;top:64px;left:0;width:100%;height:calc(100% - 64px);background-color:", ";border-top:1px solid #e1e1e1;transition:opacity 0.2s,visibility 0.2s;", ""], props => props.theme.cWhite, props => props.isActive && "\n    visibility: visible;\n    opacity: 1;\n  ");
+const Notifications = exports.Notifications = _styledComponents.default.div.withConfig({
   displayName: "MainMenustyles__Notifications",
   componentId: "sc-1cw1nhj-10"
-})(["position:relative;top:-1px;right:-5px;width:16px;height:16px;color:#ffffff;font-size:11px;font-weight:700;line-height:16px;text-align:center;background-color:#ee220d;border-radius:50%;@media screen and (max-width:991px){display:none;}"]);
-exports.Notifications = Notifications;
+})(["position:relative;top:-1px;right:-5px;width:16px;height:16px;color:#ffffff;font-size:11px;font-weight:700;line-height:16px;text-align:center;background-color:#ee220d;border-radius:50%;@media screen and (max-width:991px){display:none;}"]);