@stokr/components-library 2.3.56 → 2.3.58-beta.10

package/dist/components/Grid/Grid.styles.js

@@ -10,86 +10,35 @@ var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _spacing = _interopRequireDefault(require("../../styles/spacing"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__Wrapper",
   componentId: "sc-1jreazl-0"
-})(["height:100%;", ""], function (props) {
-  return props.flex && "\n    display:flex;\n  ";
-});
-exports.Wrapper = Wrapper;
-var Row = _styledComponents.default.div.withConfig({
+})(["height:100%;", ""], props => props.flex && "\n    display:flex;\n  ");
+const Row = exports.Row = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__Row",
   componentId: "sc-1jreazl-1"
-})(["display:flex;flex-wrap:wrap;text-align:left;", " ", " ", " ", " ", " ", " ", " ", " height:", ";"], function (props) {
-  return props.center && "\n    justify-content: center;\n  ";
-}, function (props) {
-  return props.right && "\n    justify-content: right;\n  ";
-}, function (props) {
-  return props.spaceBetween && "\n    justify-content: space-between;\n  ";
-}, function (props) {
-  return props.stretch && "\n    height: 100%;\n    align-items: stretch;\n  ";
-}, function (props) {
-  return props.dashboard && "\n    margin: -16px;\n  ";
-}, function (props) {
-  return props.nowrap && "\n    flex-wrap: nowrap;\n  ";
-}, function (props) {
-  return props.fullWidth && "\n    width: 100%;\n  ";
-}, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
-  return props.main && "\n      z-index: 0;\n      min-height: calc(100vh - ".concat(_spacing.default.footerHeight, "px);\n      padding-top: ").concat(_spacing.default.headerHeight, "px;\n    ");
-}), function (_ref) {
-  var isConfirmModal = _ref.isConfirmModal;
+})(["display:flex;flex-wrap:wrap;text-align:left;", " ", " ", " ", " ", " ", " ", " ", " height:", ";"], props => props.center && "\n    justify-content: center;\n  ", props => props.right && "\n    justify-content: right;\n  ", props => props.spaceBetween && "\n    justify-content: space-between;\n  ", props => props.stretch && "\n    height: 100%;\n    align-items: stretch;\n  ", props => props.dashboard && "\n    margin: -16px;\n  ", props => props.nowrap && "\n    flex-wrap: nowrap;\n  ", props => props.fullWidth && "\n    width: 100%;\n  ", _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), props => props.main && "\n      z-index: 0;\n      min-height: calc(100vh - ".concat(_spacing.default.footerHeight, "px);\n      padding-top: ").concat(_spacing.default.headerHeight, "px;\n    ")), _ref => {
+  let {
+    isConfirmModal
+  } = _ref;
   return isConfirmModal && '400px';
 }); // ID has padding-top as 85px instead of headerHeight (which is set to 96px)
-exports.Row = Row;
-var Column = _styledComponents.default.div.withConfig({
+
+const Column = exports.Column = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__Column",
   componentId: "sc-1jreazl-2"
-})(["display:flex;flex-direction:column;width:100%;", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (props) {
-  return props.halfWidth && "\n    width: 50%;\n\n    @media screen and (max-width: 500px) {\n      width: 100%;\n    }\n\n  ";
-}, function (props) {
-  return props.textAlignHopper && "\n    > div:last-child {\n      text-align:right;\n    }\n\n    @media screen and (max-width: 767px) {\n      > div:last-child {\n        text-align:left;\n      }\n    }\n\n    @media screen and (max-width: 500px) {\n      > div > div {\n        justify-content: left;\n        margin-top: 1rem;\n      }\n    }\n\n  ";
-}, function (props) {
-  return props.center && "\n    justify-content: center;\n  ";
-}, function (props) {
-  return props.alignCenter && "\n    align-items: center;\n  ";
-}, function (props) {
-  return props.alignRight && "\n    text-align: right;\n    align-items: center;\n  ";
-}, function (props) {
-  return props.spaceBetween && "\n    justify-content: space-between;\n  ";
-}, function (props) {
-  return props.flexEnd && "\n    justify-content: flex-end;\n  ";
-}, function (props) {
-  return props.mainRelative && "\n    padding: 18px 0 28px;\n  ";
-}, function (props) {
-  return props.isConfirmModal && "\n    justify-content: center;\n    overflow: hidden;\n\n    @media screen and (max-width: 767px) {\n      height: 100vh;\n    }\n  ";
-}, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), function (props) {
-  return props.part && "\n      width: ".concat((0, _grid.default)(props.part, props.full), ";\n    ");
-}, function (props) {
-  return props.mainFixed && "\n      position: fixed;\n      top: ".concat(_spacing.default.headerHeight, "px;\n      left: 0;\n      height: calc(100% - ").concat(_spacing.default.headerHeight, "px);\n    ");
-}, function (props) {
-  return props.mainRelative && "\n      position: relative;\n      margin-left: ".concat((0, _grid.default)((props.full || 16) - props.part, props.full), ";\n      border-left: 1px solid ").concat(_theme.default.cLightGrey, ";\n      //padding: 54px 0 42px;\n    ");
-}, function (props) {
-  return props.withBorder && "\n      border-left: 1px solid ".concat(_theme.default.cLightGrey, ";\n    ");
-}));
-exports.Column = Column;
-var PageWrapper = _styledComponents.default.div.withConfig({
+})(["display:flex;flex-direction:column;width:100%;", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], props => props.halfWidth && "\n    width: 50%;\n\n    @media screen and (max-width: 500px) {\n      width: 100%;\n    }\n\n  ", props => props.textAlignHopper && "\n    > div:last-child {\n      text-align:right;\n    }\n\n    @media screen and (max-width: 767px) {\n      > div:last-child {\n        text-align:left;\n      }\n    }\n\n    @media screen and (max-width: 500px) {\n      > div > div {\n        justify-content: left;\n        margin-top: 1rem;\n      }\n    }\n\n  ", props => props.center && "\n    justify-content: center;\n  ", props => props.alignCenter && "\n    align-items: center;\n  ", props => props.alignRight && "\n    text-align: right;\n    align-items: center;\n  ", props => props.spaceBetween && "\n    justify-content: space-between;\n  ", props => props.flexEnd && "\n    justify-content: flex-end;\n  ", props => props.mainRelative && "\n    padding: 18px 0 28px;\n  ", props => props.isConfirmModal && "\n    justify-content: center;\n    overflow: hidden;\n\n    @media screen and (max-width: 767px) {\n      height: 100vh;\n    }\n  ", _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), props => props.part && "\n      width: ".concat((0, _grid.default)(props.part, props.full), ";\n    "), props => props.mainFixed && "\n      position: fixed;\n      top: ".concat(_spacing.default.headerHeight, "px;\n      left: 0;\n      height: calc(100% - ").concat(_spacing.default.headerHeight, "px);\n    "), props => props.mainRelative && "\n      position: relative;\n      margin-left: ".concat((0, _grid.default)((props.full || 16) - props.part, props.full), ";\n      border-left: 1px solid ").concat(_theme.default.cLightGrey, ";\n      //padding: 54px 0 42px;\n    "), props => props.withBorder && "\n      border-left: 1px solid ".concat(_theme.default.cLightGrey, ";\n    ")));
+const PageWrapper = exports.PageWrapper = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__PageWrapper",
   componentId: "sc-1jreazl-3"
 })(["min-height:100vh;display:flex;flex-direction:column;", "{flex-grow:1;}"], Row);
-exports.PageWrapper = PageWrapper;
-var FlexContainer = _styledComponents.default.div.withConfig({
+const FlexContainer = exports.FlexContainer = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__FlexContainer",
   componentId: "sc-1jreazl-4"
-})(["display:flex;", ""], function (props) {
-  return props.itemsCenter && "align-items:center;";
-});
-exports.FlexContainer = FlexContainer;
-var FlexGrid = _styledComponents.default.div.withConfig({
+})(["display:flex;", ""], props => props.itemsCenter && "align-items:center;");
+const FlexGrid = exports.FlexGrid = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__FlexGrid",
   componentId: "sc-1jreazl-5"
-})(["display:flex;flex-wrap:wrap;", ""], function (props) {
-  return props.borderBottom && "\n    border-bottom: 1px solid #e1e1e1;\n  ";
-});
-exports.FlexGrid = FlexGrid;
+})(["display:flex;flex-wrap:wrap;", ""], props => props.borderBottom && "\n    border-bottom: 1px solid #e1e1e1;\n  ");

package/dist/components/Header/Header.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -26,73 +25,57 @@ var _Grid = require("../Grid/Grid.styles");
 var _FooterLayout = require("../Footer/FooterLayout");
 var _globalVariables = require("../../constants/globalVariables");
 var _rwd = require("../../styles/rwd");
-var _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition", "withoutLoginSignupButton"];
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } //import { Wrapper } from '../Input/Input.styles'
-var productMenuItems = [{
+const _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition", "withoutLoginSignupButton"]; //import { Wrapper } from '../Input/Input.styles'
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const productMenuItems = [{
   name: 'End-to-End Tokenization',
-  onClick: function onClick() {
-    return window.location.href = "".concat(_globalVariables.platformURL, "/solutions/asset-tokenization");
-  },
+  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/solutions/asset-tokenization"),
   link: '/solutions/asset-tokenization'
 }, {
   name: 'Tokenization-as-a-Service',
-  onClick: function onClick() {
-    return window.location.href = "".concat(_globalVariables.platformURL, "/solutions/tokenization-as-service");
-  },
+  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/solutions/tokenization-as-service"),
   link: '/solutions/tokenization-as-service'
 }];
-var mediaMenuItems = [{
+const mediaMenuItems = [{
   name: 'Press Releases',
-  onClick: function onClick() {
-    return window.location.href = "".concat(_globalVariables.platformURL, "/press-releases");
-  },
+  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/press-releases"),
   link: '/press-releases'
 }, {
   name: 'Stoke Post',
-  onClick: function onClick() {
-    return window.location.href = "".concat(_globalVariables.platformURL, "/stoke-post");
-  },
+  onClick: () => window.location.href = "".concat(_globalVariables.platformURL, "/stoke-post"),
   link: '/stoke-post'
 }];
-var investorMenuItems = [{
+const investorMenuItems = [{
   title: 'Dashboard',
   link: '/checklist'
 }];
-var UserAvatarComponent = function UserAvatarComponent(_ref) {
-  var avatar = _ref.avatar;
-  var _useState = (0, _react.useState)(_avatarPlaceholder.default),
-    _useState2 = _slicedToArray(_useState, 2),
-    photo = _useState2[0],
-    setphoto = _useState2[1];
-  var prevProps = (0, _customHooks.usePrevious)({
-    avatar: avatar
+const UserAvatarComponent = _ref => {
+  let {
+    avatar
+  } = _ref;
+  const [photo, setphoto] = (0, _react.useState)(_avatarPlaceholder.default);
+  const prevProps = (0, _customHooks.usePrevious)({
+    avatar
   });
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     checkUserPhoto(avatar);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (avatar != (prevProps === null || prevProps === void 0 ? void 0 : prevProps.avatar)) {
       checkUserPhoto(avatar);
     }
-    return function () {
+    return () => {
       if (prevProps != null) {
         prevProps.avatar = avatar;
       }
     };
   }, [avatar]);
-  var checkUserPhoto = function checkUserPhoto(avatar) {
+  const checkUserPhoto = avatar => {
     try {
-      var http = new XMLHttpRequest();
+      const http = new XMLHttpRequest();
       http.open('HEAD', avatar, true);
       http.send();
       if (http.status !== 404) {
@@ -106,15 +89,14 @@ var UserAvatarComponent = function UserAvatarComponent(_ref) {
     src: photo
   });
 };
-var RenderSubMenu = function RenderSubMenu(_ref2) {
-  var title = _ref2.title,
-    isActive = _ref2.isActive,
-    _ref2$subMenuItems = _ref2.subMenuItems,
-    subMenuItems = _ref2$subMenuItems === void 0 ? [] : _ref2$subMenuItems,
-    _ref2$onClick = _ref2.onClick,
-    onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
-    _ref2$platformURL = _ref2.platformURL,
-    platformURL = _ref2$platformURL === void 0 ? '' : _ref2$platformURL;
+const RenderSubMenu = _ref2 => {
+  let {
+    title,
+    isActive,
+    subMenuItems = [],
+    onClick = () => {},
+    platformURL = ''
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_Header.MobileMenuWrapper, {
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_Header.StyledSubMenu, null, /*#__PURE__*/_react.default.createElement("a", null, title), /*#__PURE__*/_react.default.createElement(_FooterMenu.ArrowDown, {
@@ -126,67 +108,52 @@ var RenderSubMenu = function RenderSubMenu(_ref2) {
     }
   }))), /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
     isOpened: isActive
-  }, subMenuItems.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, {
-      key: item.name,
-      red: true
-    }, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuLink, {
-      href: platformURL + item.link
-    }, item.name));
-  })));
+  }, subMenuItems.map(item => /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, {
+    key: item.name,
+    red: true
+  }, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuLink, {
+    href: platformURL + item.link
+  }, item.name)))));
 };
 
 //social links to render in mobile menu
-var socialLinks = (_FooterLayout.footerGroups === null || _FooterLayout.footerGroups === void 0 ? void 0 : _FooterLayout.footerGroups.filter(function (group) {
-  return group.social;
-})[0].items) || [];
-var Header = function Header(_ref3) {
-  var _ref3$activeMenu = _ref3.activeMenu,
-    activeMenu = _ref3$activeMenu === void 0 ? null : _ref3$activeMenu,
-    _ref3$activateMenu = _ref3.activateMenu,
-    activateMenu = _ref3$activateMenu === void 0 ? function () {} : _ref3$activateMenu,
-    _ref3$user = _ref3.user,
-    user = _ref3$user === void 0 ? {} : _ref3$user,
-    _ref3$userPhoto = _ref3.userPhoto,
-    userPhoto = _ref3$userPhoto === void 0 ? _avatarPlaceholder.default : _ref3$userPhoto,
-    _ref3$logoutUser = _ref3.logoutUser,
-    logoutUser = _ref3$logoutUser === void 0 ? function () {} : _ref3$logoutUser,
-    _ref3$onLoginClick = _ref3.onLoginClick,
-    onLoginClick = _ref3$onLoginClick === void 0 ? function () {} : _ref3$onLoginClick,
-    _ref3$onSignUpClick = _ref3.onSignUpClick,
-    onSignUpClick = _ref3$onSignUpClick === void 0 ? function () {} : _ref3$onSignUpClick,
-    _ref3$useRelativePath = _ref3.useRelativePathForMenu,
-    useRelativePathForMenu = _ref3$useRelativePath === void 0 ? false : _ref3$useRelativePath,
-    _ref3$useRelativePath2 = _ref3.useRelativePathForUserMenu,
-    useRelativePathForUserMenu = _ref3$useRelativePath2 === void 0 ? false : _ref3$useRelativePath2,
-    _ref3$progress = _ref3.progress,
-    progress = _ref3$progress === void 0 ? null : _ref3$progress,
-    _ref3$withSidebar = _ref3.withSidebar,
-    withSidebar = _ref3$withSidebar === void 0 ? false : _ref3$withSidebar,
-    _ref3$isSidebarExpand = _ref3.isSidebarExpanded,
-    isSidebarExpanded = _ref3$isSidebarExpand === void 0 ? false : _ref3$isSidebarExpand,
-    _ref3$sidebarHandler = _ref3.sidebarHandler,
-    sidebarHandler = _ref3$sidebarHandler === void 0 ? function () {} : _ref3$sidebarHandler,
-    _ref3$signupFlow = _ref3.signupFlow,
-    signupFlow = _ref3$signupFlow === void 0 ? false : _ref3$signupFlow,
-    _ref3$noFixedPosition = _ref3.noFixedPosition,
-    noFixedPosition = _ref3$noFixedPosition === void 0 ? false : _ref3$noFixedPosition,
-    _ref3$withoutLoginSig = _ref3.withoutLoginSignupButton,
-    withoutLoginSignupButton = _ref3$withoutLoginSig === void 0 ? false : _ref3$withoutLoginSig,
+const socialLinks = (_FooterLayout.footerGroups === null || _FooterLayout.footerGroups === void 0 ? void 0 : _FooterLayout.footerGroups.filter(group => group.social)[0].items) || [];
+const Header = _ref3 => {
+  let {
+      activeMenu = null,
+      activateMenu = () => {},
+      user = {},
+      userPhoto = _avatarPlaceholder.default,
+      logoutUser = () => {},
+      onLoginClick = () => {},
+      onSignUpClick = () => {},
+      useRelativePathForMenu = false,
+      useRelativePathForUserMenu = false,
+      progress = null,
+      withSidebar = false,
+      isSidebarExpanded = false,
+      sidebarHandler = () => {},
+      signupFlow = false,
+      noFixedPosition = false,
+      withoutLoginSignupButton = false
+    } = _ref3,
     props = _objectWithoutProperties(_ref3, _excluded);
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentActiveMenu = _useState4[0],
-    setcurrentActiveMenu = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentActiveSubMenu = _useState6[0],
-    setcurrentActiveSubMenu = _useState6[1];
-  var prevAmount = (0, _customHooks.usePrevious)({
-    activeMenu: activeMenu
+  const [currentActiveMenu, setcurrentActiveMenu] = (0, _react.useState)(null);
+  const [currentActiveSubMenu, setcurrentActiveSubMenu] = (0, _react.useState)(null);
+  const prevAmount = (0, _customHooks.usePrevious)({
+    activeMenu
   });
-  var isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
-  (0, _react.useEffect)(function () {
+  const isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
+  (0, _react.useEffect)(() => {
+    return () => {
+      // Cleanup on unmount
+      document.body.style.overflow = 'unset';
+      document.body.style.position = 'relative';
+      document.body.style.width = 'auto';
+      document.documentElement.style.overflowY = 'unset';
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
     //this is used when clicked outside the header
     if ((prevAmount === null || prevAmount === void 0 ? void 0 : prevAmount.activeMenu) !== activeMenu) {
       if (activeMenu !== null) {
@@ -194,18 +161,18 @@ var Header = function Header(_ref3) {
         activateMenu();
       }
     }
-    return function () {
+    return () => {
       if (prevAmount != null) {
         prevAmount.activeMenu = activeMenu;
       }
     };
   }, [activeMenu, activateMenu]);
-  var toggleMenu = function toggleMenu(type) {
-    var mobile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const toggleMenu = function (type) {
+    let mobile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (activeMenu === false) {
       setcurrentActiveMenu(null);
     }
-    var newActiveMenu = currentActiveMenu === type ? null : type;
+    const newActiveMenu = currentActiveMenu === type ? null : type;
     if (isMobile) {
       if (newActiveMenu) {
         document.body.style.overflowY = 'hidden';
@@ -225,13 +192,13 @@ var Header = function Header(_ref3) {
     }
     activateMenu();
   };
-  var userType = user && user.user_type;
-  var isAdmin = userType === 'company_pa' || userType === 'company_sa' || userType === 'sa';
+  const userType = user && user.user_type;
+  const isAdmin = userType === 'company_pa' || userType === 'company_sa' || userType === 'sa';
 
   //currently we have sidebar only in venture dashboard
-  var isVentureDashboard = withSidebar;
-  var newPlatformUrl = useRelativePathForMenu ? '' : _globalVariables.platformURL;
-  var newPlatformUrlForUserMenu = useRelativePathForUserMenu ? '' : "https://dashboard.".concat(_globalVariables.platformDomain);
+  const isVentureDashboard = withSidebar;
+  const newPlatformUrl = useRelativePathForMenu ? '' : _globalVariables.platformURL;
+  const newPlatformUrlForUserMenu = useRelativePathForUserMenu ? '' : "https://dashboard.".concat(_globalVariables.platformDomain);
   return /*#__PURE__*/_react.default.createElement(_Header.StyledHeader, {
     noFixedPosition: noFixedPosition
   }, /*#__PURE__*/_react.default.createElement(_Grid.Wrapper, {
@@ -252,14 +219,10 @@ var Header = function Header(_ref3) {
     href: newPlatformUrl + '/featured-assets',
     "data-cy": "invest-nav-link"
   }, "Invest")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
-    onClick: function onClick() {
-      return toggleMenu('products');
-    },
+    onClick: () => toggleMenu('products'),
     "data-cy": "products-nav-link"
   }, "Solutions")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
-    onClick: function onClick() {
-      return toggleMenu('media');
-    },
+    onClick: () => toggleMenu('media'),
     "data-cy": "media-nav-link"
   }, "Media")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
     href: newPlatformUrl + '/team',
@@ -274,9 +237,7 @@ var Header = function Header(_ref3) {
     hasProgress: progress
   }, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuToggler, {
     isActive: currentActiveMenu === 'main',
-    onClick: function onClick() {
-      return toggleMenu('main');
-    },
+    onClick: () => toggleMenu('main'),
     withSidebar: withSidebar
   }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), isMobile && (0, _checkTodoStatus.default)(user) > 0 && !signupFlow && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
     mobile: true,
@@ -288,14 +249,12 @@ var Header = function Header(_ref3) {
   }, "Log Out") : /*#__PURE__*/_react.default.createElement(_Grid.FlexContainer, {
     itemsCenter: true
   }, /*#__PURE__*/_react.default.createElement(_breakdown.default, null, /*#__PURE__*/_react.default.createElement(_Header.LoginButton, {
-    onClick: function onClick() {
+    onClick: () => {
       isAdmin ? window.location.href = 'https://admin.' + _globalVariables.platformDomain : window.location.href = "".concat(newPlatformUrlForUserMenu, "/overview");
     },
     "data-cy": "dashboard-nav-link"
   }, "Dashboard")), /*#__PURE__*/_react.default.createElement(_Header.UserAccount, null, /*#__PURE__*/_react.default.createElement(_Header.UserButton, {
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
+    onClick: () => toggleMenu('main')
   }, /*#__PURE__*/_react.default.createElement(UserAvatarComponent, {
     avatar: userPhoto
   })), (0, _checkTodoStatus.default)(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
@@ -321,7 +280,7 @@ var Header = function Header(_ref3) {
     isActive: currentActiveSubMenu === 'products',
     subMenuItems: productMenuItems,
     platformURL: newPlatformUrl,
-    onClick: function onClick() {
+    onClick: () => {
       toggleMenu('products', true);
     }
   }), /*#__PURE__*/_react.default.createElement(RenderSubMenu, {
@@ -329,7 +288,7 @@ var Header = function Header(_ref3) {
     isActive: currentActiveSubMenu === 'media',
     subMenuItems: mediaMenuItems,
     platformURL: newPlatformUrl,
-    onClick: function onClick() {
+    onClick: () => {
       toggleMenu('media', true);
     }
   }), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuLink, {
@@ -344,31 +303,21 @@ var Header = function Header(_ref3) {
     href: '/settings'
   }, "Settings")) : /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: 'https://admin.' + _globalVariables.platformDomain,
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
+    onClick: () => toggleMenu('main')
   }, "Dashboard"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
-    href: (0, _checkTodoStatus.default)(user) > 0 ? "".concat(newPlatformUrlForUserMenu, "/checklist") : "".concat(newPlatformUrlForUserMenu, "/overview"),
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
+    href: "".concat(newPlatformUrlForUserMenu, "/overview"),
+    onClick: () => toggleMenu('main')
   }, "Dashboard"), (0, _checkTodoStatus.default)(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
     mobileMenu: true
   }, (0, _checkTodoStatus.default)(user))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: "".concat(newPlatformUrlForUserMenu, "/settings/profile-and-privacy"),
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
+    onClick: () => toggleMenu('main')
   }, "Profile and Privacy")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: "".concat(newPlatformUrlForUserMenu, "/settings/liquid-address"),
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
+    onClick: () => toggleMenu('main')
   }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: "".concat(newPlatformUrlForUserMenu, "/settings/investment-eligibility"),
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
+    onClick: () => toggleMenu('main')
   }, "Investment eligibility")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
     withPadding: true,
     flexColumnt: true,
@@ -378,9 +327,7 @@ var Header = function Header(_ref3) {
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     minWidth: "160px",
     secondary: true,
-    onClick: function onClick() {
-      return logoutUser();
-    }
+    onClick: () => logoutUser()
   }, "log out"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, withoutLoginSignupButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_breakdown.default, {
     alignCenter: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -398,15 +345,13 @@ var Header = function Header(_ref3) {
     isMobile: true
   }, "Sign Up"))), socialLinks.length > 0 && /*#__PURE__*/_react.default.createElement(_Header.CTAContainer, null, /*#__PURE__*/_react.default.createElement("span", null, "FOLLOW US"), /*#__PURE__*/_react.default.createElement(_Header.SocialLinksContainer, {
     isHeader: true
-  }, socialLinks.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_FooterMenu.SocialLink, {
-      key: item.name,
-      href: item.url,
-      icon: item.name,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, _FooterMenu2.socialSvg[item.name]);
-  }))))), /*#__PURE__*/_react.default.createElement(_DynamicMainMenu.default, {
+  }, socialLinks.map(item => /*#__PURE__*/_react.default.createElement(_FooterMenu.SocialLink, {
+    key: item.name,
+    href: item.url,
+    icon: item.name,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, _FooterMenu2.socialSvg[item.name])))))), /*#__PURE__*/_react.default.createElement(_DynamicMainMenu.default, {
     isMenuActive: currentActiveMenu === 'products',
     options: productMenuItems
   }), /*#__PURE__*/_react.default.createElement(_DynamicMainMenu.default, {
@@ -449,8 +394,7 @@ Header.propTypes = {
 Header.defaultProps = {
   progress: null,
   signupFlow: false,
-  loginHandler: function loginHandler() {},
-  signupHandler: function signupHandler() {}
+  loginHandler: () => {},
+  signupHandler: () => {}
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;