@stokr/components-library 0.5.6 → 0.5.7

package/dist/Header/Header.js

@@ -1,369 +0,0 @@
-import React, { useState, useEffect, useRef, Fragment } from 'react';
-import PropTypes from 'prop-types';
-import { Link } from '@reach/router';
-import Button from 'components/Button/Button.styles';
-import { LogoSvg } from 'components/SvgIcons';
-import MenuNav from 'components/MenuNav/MenuNav.styles';
-//import { Wrapper } from 'components/Input/Input.styles'
-import MainMenu from 'components/MainMenu/MainMenu';
-import StepsProgress, { StepsProgressHeader, StepsProgressSignup } from 'components/StepsProgress/StepsProgress';
-import NotificationCounter from 'components/NotificationCounter/NotificationCounter.styles';
-import avatarPlaceholder from 'static/images/avatar-placeholder.png';
-import { StyledHeader, HeaderInner, MainNavWrap, ProgressWrap, QuickNavWrap, Logo, HeaderMainNav, HeaderQuickNav, MobileMenuToggler, MobileMenu, MobileMenuItem, MobileMenuPart, UserAccount, UserButton, UserAvatar, StyledSubMenu, LoginButton, SignupButton, CTAContainer, SidebarToggle, HamburgerIcon } from './Header.styles';
-import DynamicMainMenu from 'components/MainMenu/DynamicMainMenu';
-import { ArrowDown, SocialLink } from 'components/Footer/FooterMenu.styles';
-import { Collapse } from 'react-collapse';
-import { usePrevious } from 'utils/customHooks';
-import Breakdown from 'components/breakdown';
-import { footerGroups } from 'components/Footer/FooterLayout';
-import { socialSvg } from 'components/Footer/FooterMenu';
-import { Wrapper } from 'components/Grid/Grid.styles';
-export const platformDomain = 'stokr.info';
-const platformURL = 'https://' + platformDomain;
-const productMenuItems = [{
-  name: 'SME Fundraising',
-  onClick: () => window.location.href = 'https://stokr.info/products/sme-fundraising',
-  link: '/products/sme-fundraising'
-}, {
-  name: 'Asset Tokenisation',
-  onClick: () => window.location.href = 'https://stokr.info/products/asset-tokenisation',
-  link: '/products/asset-tokenisation'
-}, {
-  name: 'Fund Tokenisation',
-  onClick: () => window.location.href = 'https://stokr.info/products/fund-tokenisation',
-  link: '/products/fund-tokenisation'
-}];
-const mediaMenuItems = [{
-  name: 'Press Releases',
-  onClick: () => window.location.href = 'https://stokr.info/press-releases',
-  link: '/products/press-releases'
-}, {
-  name: 'Stoke Post',
-  onClick: () => window.location.href = 'https://stokr.info/stoke-post',
-  link: '/products/stoke-post'
-}];
-const investorMenuItems = [{
-  title: 'Dashboard',
-  link: '/checklist'
-}];
-const UserAvatarComponent = ({
-  avatar
-}) => {
-  const [photo, setphoto] = useState(avatarPlaceholder);
-  const prevProps = usePrevious({
-    avatar
-  });
-  useEffect(() => {
-    checkUserPhoto(avatar);
-  }, []);
-  useEffect(() => {
-    if (avatar != prevProps?.avatar) {
-      checkUserPhoto(avatar);
-    }
-    return () => {
-      if (prevProps != null) {
-        prevProps.avatar = avatar;
-      }
-    };
-  }, [avatar]);
-  const checkUserPhoto = avatar => {
-    try {
-      const http = new XMLHttpRequest();
-      http.open('HEAD', avatar, true);
-      http.send();
-      if (http.status !== 404) {
-        setphoto(avatar);
-      }
-    } catch (error) {
-      console.log('error: ', error);
-    }
-  };
-  return /*#__PURE__*/React.createElement(UserAvatar, {
-    src: photo
-  });
-};
-const RenderSubMenu = ({
-  title,
-  isActive,
-  subMenuItems = [],
-  onClick = () => {},
-  platformURL = ''
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MobileMenuItem, {
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(StyledSubMenu, null, /*#__PURE__*/React.createElement("a", null, title), /*#__PURE__*/React.createElement(ArrowDown, {
-    displayAlways: true,
-    isOpened: isActive,
-    style: {
-      right: '-2em',
-      position: 'absolute'
-    }
-  }))), /*#__PURE__*/React.createElement(Collapse, {
-    isOpened: isActive
-  }, subMenuItems.map(item => /*#__PURE__*/React.createElement(MobileMenuItem, {
-    key: item.name,
-    red: true
-  }, /*#__PURE__*/React.createElement("a", {
-    href: platformURL + item.link
-  }, item.name)))));
-};
-
-//social links to render in mobile menu
-const socialLinks = footerGroups.filter(group => group.social)[0].items || [];
-export const Header = ({
-  activeMenu = null,
-  activateMenu = () => {},
-  user = {},
-  userPhoto = '',
-  logoutUser = () => {},
-  onLoginClick = () => {},
-  onSignUpClick = () => {},
-  useRelativePathForMenu = false,
-  useRelativePathForUserMenu = false,
-  progress = null,
-  withSidebar = false,
-  isSidebarExpanded = false,
-  sidebarHandler = () => {},
-  signupFlow = false,
-  ...props
-}) => {
-  const [currentActiveMenu, setcurrentActiveMenu] = useState(null);
-  const [currentActiveSubMenu, setcurrentActiveSubMenu] = useState(null);
-  const prevAmount = usePrevious({
-    activeMenu
-  });
-  useEffect(() => {
-    //this is used when clicked outside the header
-    if (prevAmount?.activeMenu !== activeMenu) {
-      if (activeMenu !== null) {
-        setcurrentActiveMenu(null);
-        activateMenu();
-      }
-    }
-    return () => {
-      if (prevAmount != null) {
-        prevAmount.activeMenu = activeMenu;
-      }
-    };
-  }, [activeMenu, activateMenu]);
-  const toggleMenu = (type, mobile = false) => {
-    if (activeMenu === false) {
-      setcurrentActiveMenu(null);
-    }
-    if (window.innerWidth <= 767) {
-      if (currentActiveMenu) {
-        document.body.style.overflowY = 'unset';
-      } else {
-        document.body.style.overflowY = 'hidden';
-      }
-    }
-    if (mobile && type !== 'main') {
-      setcurrentActiveSubMenu(currentActiveSubMenu === type ? null : type);
-    } else {
-      setcurrentActiveMenu(currentActiveMenu === type ? null : type);
-    }
-    activateMenu();
-  };
-  const userType = user && user.user_type;
-  const isAdmin = userType === 'company_pa' || userType === 'company_sa' || userType === 'sa';
-
-  //currently we have sidebar only in venture dashboard
-  const isVentureDashboard = withSidebar;
-  const newPlatformUrl = useRelativePathForMenu ? '' : platformURL;
-  const newPlatformUrlForUserMenu = useRelativePathForUserMenu ? '' : `https://dashboard.${platformDomain}`;
-  return /*#__PURE__*/React.createElement(StyledHeader, null, /*#__PURE__*/React.createElement(Wrapper, {
-    flex: withSidebar
-  }, withSidebar && /*#__PURE__*/React.createElement(SidebarToggle, {
-    isSidebarExpanded: isSidebarExpanded,
-    onClick: sidebarHandler
-  }, /*#__PURE__*/React.createElement(HamburgerIcon, null)), /*#__PURE__*/React.createElement(HeaderInner, {
-    withSidebar: withSidebar
-  }, /*#__PURE__*/React.createElement(MainNavWrap, {
-    hasProgress: progress
-  }, /*#__PURE__*/React.createElement(Logo, {
-    isHighlight: currentActiveMenu === 'main'
-  }, /*#__PURE__*/React.createElement("a", {
-    href: platformURL
-  }, /*#__PURE__*/React.createElement(LogoSvg, null))), !progress && /*#__PURE__*/React.createElement(HeaderMainNav, null, /*#__PURE__*/React.createElement(MenuNav, null, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
-    href: newPlatformUrl + '/featured-assets'
-  }, "Invest")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
-    onClick: () => toggleMenu('products')
-  }, "Products")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
-    onClick: () => toggleMenu('media')
-  }, "Media")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
-    href: newPlatformUrl + '/team'
-  }, "Team")))))), progress && /*#__PURE__*/React.createElement(React.Fragment, null, signupFlow ? /*#__PURE__*/React.createElement(StepsProgressSignup, null) : /*#__PURE__*/React.createElement(ProgressWrap, null, /*#__PURE__*/React.createElement(StepsProgressHeader, {
-    items: progress.items,
-    doneIndex: progress.doneIndex,
-    activeIndex: progress.activeIndex
-  }))), /*#__PURE__*/React.createElement(QuickNavWrap, {
-    hasProgress: progress
-  }, /*#__PURE__*/React.createElement(MobileMenuToggler, {
-    isActive: currentActiveMenu === 'main',
-    onClick: () => toggleMenu('main'),
-    withSidebar: withSidebar
-  }, /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("span", null)), checkTodoStatus(user) > 0 && !signupFlow && /*#__PURE__*/React.createElement(NotificationCounter, {
-    avatar: true,
-    MobileMenuToggler: true,
-    isActive: currentActiveMenu === 'main'
-  }, checkTodoStatus(user)), /*#__PURE__*/React.createElement(HeaderQuickNav, {
-    isUserLogged: user._id
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, user._id ? /*#__PURE__*/React.createElement(React.Fragment, null, signupFlow ? /*#__PURE__*/React.createElement(Button, {
-    onClick: logoutUser
-  }, "Log Out") : /*#__PURE__*/React.createElement(UserAccount, null, /*#__PURE__*/React.createElement(UserButton, {
-    onClick: () => toggleMenu('main')
-  }, /*#__PURE__*/React.createElement(UserAvatarComponent, {
-    avatar: userPhoto
-  })), checkTodoStatus(user) > 0 && /*#__PURE__*/React.createElement(NotificationCounter, {
-    avatar: true
-  }, checkTodoStatus(user)))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Breakdown, null, /*#__PURE__*/React.createElement(LoginButton, {
-    onClick: onLoginClick
-  }, "Log in")), /*#__PURE__*/React.createElement(SignupButton, {
-    onClick: onSignUpClick
-  }, "Sign Up"))))), /*#__PURE__*/React.createElement(MobileMenu, {
-    isActive: currentActiveMenu === 'main',
-    withSidebar: withSidebar
-  }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MobileMenuPart, {
-    withPadding: true
-  }, /*#__PURE__*/React.createElement(MenuNav, {
-    mobile: true
-  }, /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement("a", {
-    href: newPlatformUrl + '/featured-assets'
-  }, "Invest")), /*#__PURE__*/React.createElement(RenderSubMenu, {
-    title: "products",
-    isActive: currentActiveSubMenu === 'products',
-    subMenuItems: productMenuItems,
-    platformURL: newPlatformUrl,
-    onClick: () => {
-      toggleMenu('products', true);
-    }
-  }), /*#__PURE__*/React.createElement(RenderSubMenu, {
-    title: "media",
-    isActive: currentActiveSubMenu === 'media',
-    subMenuItems: mediaMenuItems,
-    platformURL: newPlatformUrl,
-    onClick: () => {
-      toggleMenu('media', true);
-    }
-  }), /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement("a", {
-    href: newPlatformUrl + '/team'
-  }, "Team")))))), user._id ? /*#__PURE__*/React.createElement(Fragment, null, !signupFlow && /*#__PURE__*/React.createElement(MobileMenuPart, {
-    withPadding: true,
-    flexColumnt: true,
-    borderTop: true
-  }, /*#__PURE__*/React.createElement(MenuNav, {
-    mobile: true
-  }, /*#__PURE__*/React.createElement("ul", null, isAdmin ? /*#__PURE__*/React.createElement(React.Fragment, null, isVentureDashboard ? /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement("a", {
-    href: '/settings'
-  }, "Settings")) : /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement(Link, {
-    to: 'https://admin.' + platformDomain,
-    onClick: () => toggleMenu('main')
-  }, "Dashboard"))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement(Link, {
-    to: checkTodoStatus(user) > 0 ? `${newPlatformUrlForUserMenu}/checklist` : `${newPlatformUrlForUserMenu}/`,
-    onClick: () => toggleMenu('main')
-  }, "Dashboard"), checkTodoStatus(user) > 0 && /*#__PURE__*/React.createElement(NotificationCounter, {
-    avatar: true,
-    mobileMenu: true
-  }, checkTodoStatus(user))), /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement(Link, {
-    to: `${newPlatformUrlForUserMenu}/settings/profile-and-privacy`,
-    onClick: () => toggleMenu('main')
-  }, "Profile and Privacy")), /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement(Link, {
-    to: `${newPlatformUrlForUserMenu}/settings/ethereum-address`,
-    onClick: () => toggleMenu('main')
-  }, "Ethereum Addresses")), /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement(Link, {
-    to: `${newPlatformUrlForUserMenu}/settings/liquid-address`,
-    onClick: () => toggleMenu('main')
-  }, "Liquid Securities Account")), /*#__PURE__*/React.createElement(MobileMenuItem, null, /*#__PURE__*/React.createElement(Link, {
-    to: `${newPlatformUrlForUserMenu}/settings/algorand-address`,
-    onClick: () => toggleMenu('main')
-  }, "Algorand Addresses")))))), /*#__PURE__*/React.createElement(MobileMenuPart, {
-    withPadding: true,
-    flexColumnt: true,
-    noPaddingTop: !signupFlow,
-    borderTop: signupFlow
-  }, /*#__PURE__*/React.createElement(Button, {
-    minWidth: "160px",
-    secondary: true,
-    onClick: () => logoutUser()
-  }, "log out"))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Breakdown, {
-    alignCenter: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: onLoginClick,
-    secondary: true,
-    isLoginMobile: true
-  }, "Log in")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center',
-      paddingBottom: 30
-    }
-  }, /*#__PURE__*/React.createElement(SignupButton, {
-    onClick: onSignUpClick,
-    isMobile: true
-  }, "Sign Up")), socialLinks.length > 0 && /*#__PURE__*/React.createElement(CTAContainer, null, /*#__PURE__*/React.createElement("span", null, "FOLLOW US"), /*#__PURE__*/React.createElement("div", null, socialLinks.map(item => /*#__PURE__*/React.createElement(SocialLink, {
-    key: item.name,
-    href: item.url,
-    icon: item.name,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, socialSvg[item.name])))))), /*#__PURE__*/React.createElement(DynamicMainMenu, {
-    isMenuActive: currentActiveMenu === 'products',
-    options: productMenuItems
-  }), /*#__PURE__*/React.createElement(DynamicMainMenu, {
-    isMenuActive: currentActiveMenu === 'media',
-    options: mediaMenuItems
-  }), /*#__PURE__*/React.createElement(MainMenu, {
-    isMenuActive: currentActiveMenu === 'main',
-    logoutUser: logoutUser,
-    user: user,
-    isAdmin: isAdmin,
-    notifications: checkTodoStatus(user),
-    isVentureDashboard: isVentureDashboard,
-    platformUrlForUserMenu: newPlatformUrlForUserMenu
-  }))));
-};
-const checkTodoStatus = user => {
-  const isFromAllowedCountry = user.country && user.countryObj.isAllowed;
-  let count = 0;
-
-  // Country
-  if (isFromAllowedCountry && (user.user_type === 'investor' || user.user_type === 'investor-entity')) {
-    //wallet
-    !user.investor_algo_addresses && !user.liquid_network && count++;
-    // Risk Questionnaire
-    !user.is_risk_questionnaire_finished && count++
-    // KYC
-    ;
-    (!user.kyc_status || user.kyc_status.toUpperCase() === 'DRAFT' || user.kyc_status.toUpperCase() === 'REAPPLY') && count++;
-  }
-  return count;
-};
-Header.propTypes = {
-  progress: PropTypes.shape({
-    items: PropTypes.arrayOf(PropTypes.object).isRequired,
-    doneIndex: PropTypes.number,
-    activeIndex: PropTypes.number
-  }),
-  signupFlow: PropTypes.bool,
-  loginHandler: PropTypes.func,
-  signupHandler: PropTypes.func,
-  activeMenu: PropTypes.any,
-  activateMenu: PropTypes.func,
-  user: PropTypes.object,
-  userPhoto: PropTypes.string,
-  logoutUser: PropTypes.func,
-  onLoginClick: PropTypes.func,
-  onSignUpClick: PropTypes.func,
-  useRelativePathForMenu: PropTypes.bool,
-  useRelativePathForUserMenu: PropTypes.bool,
-  withSidebar: PropTypes.bool,
-  isSidebarExpanded: PropTypes.bool,
-  sidebarHandler: PropTypes.func
-};
-Header.defaultProps = {
-  progress: null,
-  signupFlow: false,
-  loginHandler: () => {},
-  signupHandler: () => {}
-};
-export default Header;

package/dist/Header/Header.stories.js

@@ -1,172 +0,0 @@
-import React from 'react';
-import Header from './Header';
-// import Avatar from 'static/images/avatar.png'
-
-export default {
-  title: 'Components Library/Header',
-  component: Header,
-  argTypes: {
-    user: {
-      name: '',
-      country: '',
-      kyc_status: '',
-      KYCDocuments: '',
-      entity_name: '',
-      investor_eth_addresses: [],
-      is_risk_questionnaire_finished: true
-    },
-    progress: {
-      type: 'object',
-      defaultValue: null
-    },
-    signupFlow: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    withSidebar: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    isSidebarExpanded: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    loginHandler: {
-      type: 'function',
-      action: 'loginHandler'
-    },
-    signupHandler: {
-      type: 'function',
-      action: 'signupHandler'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/React.createElement(Header, args);
-const userDev = {
-  _id: '61851acd5b9a890013297b12',
-  email: 'user-dev@email.com',
-  user_type: 'investor',
-  name: 'bilal',
-  lastname: 'dev',
-  username: 'user-dev',
-  entity_name: '',
-  active: true,
-  country: 'Germany',
-  is_risk_questionnaire_finished: true,
-  kyc_status: 'Accepted',
-  investor_algo_addresses: [{
-    name: 'another test',
-    address: 'TVNC3QHY5LXKBMX7RGJG3B25EJPW73V5WMMEMUB33V2HEPEA2H77UPOYTQ',
-    whitelistedAssets: ['20918100']
-  }, {
-    name: 'my algo test',
-    address: 'YFQD2RZIIZQSO67F6MG3DJVXLMF2QU4EKGBPVXVIF3XTLKGWUZ36WMG56A',
-    whitelistedAssets: ['20918100', '20013569', '92363258']
-  }, {
-    name: 'test algosigner',
-    address: 'Y4UGMCSV3B43Y7QAM2VUVPETDDO5JVHDRB3ZC5MBF2VTUTCP4X437A65JU',
-    whitelistedAssets: ['20918100', '20013569', '92363258']
-  }, {
-    name: 'test new address',
-    address: 'B36KBEDYKBUSEMNRITZFFE7VINEPMP5MJTNUCRM5S5AP6GNWMWW4B5PEQI',
-    whitelistedAssets: ['20918100', '92363258']
-  }, {
-    address: 'E3Q6B5Q7JHFCEWBGGXJGEMXVAL6MSJBUHCGURZRMASRTJFDD6RQTJHPF4A',
-    whitelistedAssets: ['20918100', '20013569']
-  }, {
-    name: 'test 30/05',
-    address: 'RTQWXHRWZCBT5FF474T4DTL3VRVHERY3Q6LWLMPP24IXNOYIXBDQXJ2Z6M',
-    whitelistedAssets: ['20918100']
-  }, {
-    name: 'test info 01/06',
-    address: 'U4EIZEMPRGC77P6HJSFCLWYE4NUMNILU5DBZCKV44QMJ3TQOADRETVVAZU',
-    whitelistedAssets: ['20918100', '92363258']
-  }],
-  liquid_network: {
-    GAID: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-    dt: '2021-11-19T16:19:33.390Z',
-    '2812e39a-ad94-4368-9db4-9d98c1c00f38': {
-      id: 6020,
-      GAID: 'GA2wpGUWe8uDz9VEdNXJ5v17UwD25f',
-      is_company: false,
-      name: '61851acd5b9a890013297b12',
-      categories: [3],
-      creator: 22,
-      whitelisted_gaids: ['GA2wpGUWe8uDz9VEdNXJ5v17UwD25f']
-    },
-    whitelisted_gaids: ['GA2wpGUWe8uDz9VEdNXJ5v17UwD25f', 'GA2skwb5v5nKaaAKNd61knuRJC47Jr', 'GA2skwb5v5nKaaAKNd61knuRJC47Jr'],
-    '35c3c8ed-59a3-4a87-9612-b48236aeab3b': {
-      id: 273,
-      GAID: 'GA2skwb5v5nKaaAKNd61knuRJC47Jr',
-      is_company: false,
-      name: '61851acd5b9a890013297b12',
-      categories: [24],
-      creator: 62,
-      whitelisted_gaids: ['GA2skwb5v5nKaaAKNd61knuRJC47Jr']
-    }
-  },
-  pass_reset: '',
-  taxId: '4355',
-  countryObj: {
-    _id: '630e0361b8d1fb0007929bc4',
-    name: 'Germany',
-    ISO2: 'DE',
-    ISO3: 'DEU',
-    isAllowed: true,
-    SEPA: true,
-    'infinite-fleet': true,
-    'la-boulangerie': true
-  }
-};
-export const HeaderWithUser = Template.bind({});
-HeaderWithUser.args = {
-  user: userDev
-};
-export const HeaderWithAdminUser = Template.bind({});
-HeaderWithAdminUser.args = {
-  user: {
-    ...userDev,
-    user_type: 'company_sa'
-  }
-};
-export const HeaderWitouthUser = Template.bind({});
-HeaderWitouthUser.args = {
-  user: {}
-};
-export const HeaderWithProgress = Template.bind({});
-HeaderWithProgress.args = {
-  user: userDev,
-  progress: {
-    items: [{
-      id: 'select-address',
-      handleClick: () => {}
-    }, {
-      id: 'order-tokens',
-      handleClick: () => {}
-    }, {
-      id: 'confirm',
-      handleClick: () => {}
-    }],
-    doneIndex: 1,
-    activeIndex: 2
-  }
-};
-export const HeaderWithProgressSignup = Template.bind({});
-HeaderWithProgressSignup.args = {
-  user: {
-    ...userDev,
-    is_risk_questionnaire_finished: false
-  },
-  progress: {},
-  signupFlow: true
-};
-export const HeaderWithSidebar = Template.bind({});
-HeaderWithSidebar.args = {
-  user: {
-    ...userDev,
-    user_type: 'company_sa'
-  },
-  // progress: {},
-  withSidebar: true,
-  isSidebarExpanded: true
-};