@stokr/components-library 3.0.16 → 3.0.18

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

@@ -0,0 +1,212 @@
+import styled from "styled-components";
+import grid from "../../styles/grid.js";
+import rwd from "../../styles/rwd.js";
+import theme from "../../styles/theme.js";
+import spacing from "../../styles/spacing.js";
+const Wrapper = styled.div.withConfig({
+  shouldForwardProp: (props) => !["flex"].includes(props)
+})`
+  height: 100%;
+
+  ${(props) => props.flex && `
+    display:flex;
+  `}
+`;
+const Row = styled.div.withConfig({
+  shouldForwardProp: (props) => ![
+    "center",
+    "right",
+    "spaceBetween",
+    "stretch",
+    "dashboard",
+    "nowrap",
+    "fullWidth",
+    "main",
+    "isConfirmModal"
+  ].includes(props)
+})`
+  display: flex;
+  flex-wrap: wrap;
+  text-align: left;
+
+  ${(props) => props.center && `
+    justify-content: center;
+  `}
+
+  ${(props) => props.right && `
+    justify-content: right;
+  `}
+
+  ${(props) => props.spaceBetween && `
+    justify-content: space-between;
+  `}
+
+  ${(props) => props.stretch && `
+    height: 100%;
+    align-items: stretch;
+  `}
+
+  ${(props) => props.dashboard && `
+    margin: -16px;
+  `}
+
+  ${(props) => props.nowrap && `
+    flex-wrap: nowrap;
+  `}
+
+  ${(props) => props.fullWidth && `
+    width: 100%;
+  `}
+
+  ${rwd.MLarge`
+    ${(props) => props.main && `
+      z-index: 0;
+      min-height: calc(100vh - ${spacing.footerHeight}px);
+      padding-top: ${spacing.headerHeight}px;
+    `}
+  `}
+
+   height: ${({ isConfirmModal }) => isConfirmModal && "400px"};
+`;
+const Column = styled.div.withConfig({
+  shouldForwardProp: (props) => ![
+    "halfWidth",
+    "textAlignHopper",
+    "center",
+    "alignCenter",
+    "alignRight",
+    "spaceBetween",
+    "flexEnd",
+    "mainRelative",
+    "isConfirmModal",
+    "part",
+    "full",
+    "mainFixed",
+    "withBorder"
+  ].includes(props)
+})`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  ${(props) => props.halfWidth && `
+    width: 50%;
+
+    @media screen and (max-width: 500px) {
+      width: 100%;
+    }
+
+  `}
+
+  ${(props) => props.textAlignHopper && `
+    > div:last-child {
+      text-align:right;
+    }
+
+    @media screen and (max-width: 767px) {
+      > div:last-child {
+        text-align:left;
+      }
+    }
+
+    @media screen and (max-width: 500px) {
+      > div > div {
+        justify-content: left;
+        margin-top: 1rem;
+      }
+    }
+
+  `}
+
+  ${(props) => props.center && `
+    justify-content: center;
+  `}
+
+  ${(props) => props.alignCenter && `
+    align-items: center;
+  `}
+
+   ${(props) => props.alignRight && `
+    text-align: right;
+    align-items: center;
+  `}
+
+  ${(props) => props.spaceBetween && `
+    justify-content: space-between;
+  `}
+
+  ${(props) => props.flexEnd && `
+    justify-content: flex-end;
+  `}
+
+  ${(props) => props.mainRelative && `
+    padding: 18px 0 28px;
+  `}
+
+    ${(props) => props.isConfirmModal && `
+    justify-content: center;
+    overflow: hidden;
+
+    @media screen and (max-width: 767px) {
+      height: 100vh;
+    }
+  `}
+
+  ${rwd.Medium`
+    ${(props) => props.part && `
+      width: ${grid(props.part, props.full || 16)};
+    `}
+
+    ${(props) => props.mainFixed && `
+      position: fixed;
+      top: ${spacing.headerHeight}px;
+      left: 0;
+      height: calc(100% - ${spacing.headerHeight}px);
+    `}
+
+    ${(props) => props.mainRelative && `
+      position: relative;
+      margin-left: ${grid((props.full || 16) - props.part, props.full || 16)};
+      border-left: 1px solid ${theme.cLightGrey};
+      //padding: 54px 0 42px;
+    `}
+
+    ${(props) => props.withBorder && `
+      border-left: 1px solid ${theme.cLightGrey};
+    `}
+  `}
+`;
+const PageWrapper = styled.div`
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  ${Row} {
+    flex-grow: 1;
+  }
+`;
+const FlexContainer = styled.div.withConfig({
+  shouldForwardProp: (props) => !["itemsCenter"].includes(props)
+})`
+  display: flex;
+
+  ${(props) => props.itemsCenter && `align-items:center;`}
+`;
+const FlexGrid = styled.div.withConfig({
+  shouldForwardProp: (props) => !["borderBottom"].includes(props)
+})`
+  display: flex;
+  flex-wrap: wrap;
+
+  ${(props) => props.borderBottom && `
+    border-bottom: 1px solid #e1e1e1;
+  `}
+`;
+export {
+  Column,
+  FlexContainer,
+  FlexGrid,
+  PageWrapper,
+  Row,
+  Wrapper
+};

package/dist/components/Header/Header.js

@@ -0,0 +1,425 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { Button } from "../Button/Button.styles.js";
+import stdin_default$1 from "../SvgIcons/LogoSvg.js";
+import "../SvgIcons/SocialInstagram.js";
+import { MenuNav } from "../MenuNav/MenuNav.styles.js";
+import stdin_default$3 from "../MainMenu/MainMenu.js";
+import { StepsProgressSignup, StepsProgressHeader } from "../StepsProgress/StepsProgress.js";
+import { NotificationCounter } from "../NotificationCounter/NotificationCounter.styles.js";
+import avatarPlaceholder from "../../static/images/avatar-placeholder.png.js";
+import { StyledHeader, SidebarToggle, HamburgerIcon, HeaderInner, MainNavWrap, Logo, HeaderMainNav, ProgressWrap, QuickNavWrap, MobileMenuToggler, HeaderQuickNav, LoginButton, UserAccount, UserButton, SignupButton, MobileMenu, MobileMenuPart, MobileMenuItem, MobileMenuLink, CTAContainer, SocialLinksContainer, UserAvatar, MobileMenuWrapper, StyledSubMenu } from "./Header.styles.js";
+import stdin_default$2 from "../MainMenu/DynamicMainMenu.js";
+import { SocialLink, ArrowDown } from "../Footer/FooterMenu.styles.js";
+import { Collapse } from "react-collapse";
+import { usePrevious, useMobileView } from "../../utils/customHooks.js";
+import { checkTodoStatus } from "../../utils/check-todo-status.js";
+import { Breakdown } from "../breakdown/Breakdown.js";
+import { socialSvg } from "../Footer/FooterMenu.js";
+import { Wrapper, FlexContainer } from "../Grid/Grid.styles.js";
+import { footerGroups } from "../Footer/FooterLayout.js";
+import { platformURL, platformDomain } from "../../constants/globalVariables.js";
+import { sizes } from "../../styles/rwd.js";
+import { track } from "../../analytics/index.js";
+const productMenuItems = [
+  {
+    name: "End-to-End Tokenization",
+    onClick: () => {
+      track("header_link_clicked", { link: "end-to-end tokenization" });
+      window.location.href = `${platformURL}/solutions/asset-tokenization`;
+    },
+    link: "/solutions/asset-tokenization"
+  },
+  {
+    name: "Tokenization-as-a-Service",
+    onClick: () => {
+      track("header_link_clicked", { link: "tokenization-as-a-service" });
+      window.location.href = `${platformURL}/solutions/tokenization-as-service`;
+    },
+    link: "/solutions/tokenization-as-service"
+  }
+];
+const mediaMenuItems = [
+  {
+    name: "Press Releases",
+    onClick: () => {
+      track("header_link_clicked", { link: "press releases" });
+      window.location.href = `${platformURL}/press-releases`;
+    },
+    link: "/press-releases"
+  },
+  {
+    name: "Stoke Post",
+    onClick: () => {
+      track("header_link_clicked", { link: "stoke post" });
+      window.location.href = `${platformURL}/stoke-post`;
+    },
+    link: "/stoke-post"
+  }
+];
+const UserAvatarComponent = ({ avatar }) => {
+  const [photo, setphoto] = useState(avatarPlaceholder);
+  const prevAvatar = usePrevious(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);
+    }
+  };
+  useEffect(() => {
+    checkUserPhoto(avatar);
+  }, [avatar]);
+  useEffect(() => {
+    if (avatar != prevAvatar) {
+      checkUserPhoto(avatar);
+    }
+  }, [avatar]);
+  return /* @__PURE__ */ jsx(UserAvatar, { src: photo });
+};
+const RenderSubMenu = ({ title, isActive, subMenuItems = [], onClick = () => {
+}, _platformURL = "" }) => {
+  return /* @__PURE__ */ jsxs(MobileMenuWrapper, { onClick, children: [
+    /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsxs(StyledSubMenu, { children: [
+      /* @__PURE__ */ jsx("a", { children: title }),
+      /* @__PURE__ */ jsx(ArrowDown, { displayAlways: true, isOpened: isActive, style: { right: "-2em", position: "absolute" } })
+    ] }) }),
+    /* @__PURE__ */ jsx(Collapse, { isOpened: isActive, children: subMenuItems.map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { red: true, children: /* @__PURE__ */ jsx(MobileMenuLink, { href: _platformURL + item.link, children: item.name }) }, item.name)) })
+  ] });
+};
+const socialLinks = footerGroups?.filter((group) => group.social)[0].items || [];
+const Header = ({
+  activeMenu = null,
+  activateMenu = () => {
+  },
+  user = {},
+  userPhoto = avatarPlaceholder,
+  logoutUser = () => {
+  },
+  onLoginClick = () => {
+  },
+  onSignUpClick = () => {
+  },
+  useRelativePathForMenu = false,
+  useRelativePathForUserMenu = false,
+  progress = null,
+  withSidebar = false,
+  isSidebarExpanded = false,
+  sidebarHandler = () => {
+  },
+  signupFlow = false,
+  noFixedPosition = false,
+  withoutLoginSignupButton = false
+}) => {
+  const [currentActiveMenu, setcurrentActiveMenu] = useState(null);
+  const [currentActiveSubMenu, setcurrentActiveSubMenu] = useState(null);
+  const prevActiveMenu = usePrevious(activeMenu);
+  const isMobile = useMobileView(sizes.MLarge);
+  useEffect(() => {
+    return () => {
+      document.body.style.overflow = "unset";
+      document.body.style.position = "relative";
+      document.body.style.width = "auto";
+      document.documentElement.style.overflowY = "unset";
+    };
+  }, []);
+  useEffect(() => {
+    if (prevActiveMenu !== activeMenu) {
+      if (activeMenu !== null) {
+        setcurrentActiveMenu(null);
+        activateMenu();
+      }
+    }
+  }, [activeMenu, activateMenu]);
+  const toggleMenu = (type, mobile = false) => {
+    if (activeMenu === false) {
+      setcurrentActiveMenu(null);
+    }
+    const newActiveMenu = currentActiveMenu === type ? null : type;
+    if (isMobile) {
+      if (newActiveMenu) {
+        document.body.style.overflowY = "hidden";
+        document.documentElement.style.overflowY = "hidden";
+        document.body.style.position = "fixed";
+        document.body.style.width = "100%";
+      } else {
+        document.body.style.overflowY = "unset";
+        document.documentElement.style.overflowY = "unset";
+        document.body.style.position = "relative";
+      }
+    }
+    if (mobile && type !== "main") {
+      setcurrentActiveSubMenu(currentActiveSubMenu === type ? null : type);
+    } else {
+      setcurrentActiveMenu(newActiveMenu);
+    }
+    activateMenu();
+  };
+  const userType = user && user.user_type;
+  const isAdmin = userType === "company_pa" || userType === "company_sa" || userType === "sa";
+  const isVentureDashboard = withSidebar;
+  const newPlatformUrl = useRelativePathForMenu ? "" : platformURL;
+  const newPlatformUrlForUserMenu = useRelativePathForUserMenu ? "" : `https://dashboard.${platformDomain}`;
+  return /* @__PURE__ */ jsx(StyledHeader, { noFixedPosition, children: /* @__PURE__ */ jsxs(Wrapper, { flex: withSidebar, children: [
+    withSidebar && /* @__PURE__ */ jsx(SidebarToggle, { isSidebarExpanded, onClick: sidebarHandler, children: /* @__PURE__ */ jsx(HamburgerIcon, {}) }),
+    /* @__PURE__ */ jsxs(HeaderInner, { withSidebar, children: [
+      /* @__PURE__ */ jsxs(MainNavWrap, { hasProgress: progress, children: [
+        /* @__PURE__ */ jsx(Logo, { isHighlight: currentActiveMenu === "main", children: /* @__PURE__ */ jsx("a", { href: platformURL, "data-cy": "logo-nav-link", children: /* @__PURE__ */ jsx(stdin_default$1, {}) }) }),
+        !progress && /* @__PURE__ */ jsx(HeaderMainNav, { children: /* @__PURE__ */ jsx(MenuNav, { children: /* @__PURE__ */ jsxs("ul", { children: [
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: newPlatformUrl + "/featured-assets",
+              "data-cy": "invest-nav-link",
+              onClick: () => track("header_link_clicked", { link: "invest" }),
+              children: "Invest"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              onClick: () => {
+                track("header_link_clicked", { link: "solutions" });
+                toggleMenu("products");
+              },
+              "data-cy": "products-nav-link",
+              children: "Solutions"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              onClick: () => {
+                track("header_link_clicked", { link: "media" });
+                toggleMenu("media");
+              },
+              "data-cy": "media-nav-link",
+              children: "Media"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: newPlatformUrl + "/team",
+              "data-cy": "team-nav-link",
+              onClick: () => track("header_link_clicked", { link: "team" }),
+              children: "Team"
+            }
+          ) })
+        ] }) }) })
+      ] }),
+      progress && /* @__PURE__ */ jsx(Fragment, { children: signupFlow ? /* @__PURE__ */ jsx(StepsProgressSignup, { user }) : /* @__PURE__ */ jsx(ProgressWrap, { children: /* @__PURE__ */ jsx(
+        StepsProgressHeader,
+        {
+          items: progress.items,
+          doneIndex: progress.doneIndex,
+          activeIndex: progress.activeIndex
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxs(QuickNavWrap, { hasProgress: progress, children: [
+        /* @__PURE__ */ jsxs(
+          MobileMenuToggler,
+          {
+            isActive: currentActiveMenu === "main",
+            onClick: () => toggleMenu("main"),
+            withSidebar,
+            children: [
+              /* @__PURE__ */ jsx("span", {}),
+              /* @__PURE__ */ jsx("span", {}),
+              /* @__PURE__ */ jsx("span", {})
+            ]
+          }
+        ),
+        isMobile && checkTodoStatus(user) > 0 && !signupFlow && /* @__PURE__ */ jsx(NotificationCounter, { mobile: true, isActive: currentActiveMenu === "main", children: checkTodoStatus(user) }),
+        /* @__PURE__ */ jsx(HeaderQuickNav, { isUserLogged: user?._id || user?.uid, children: /* @__PURE__ */ jsx(Fragment, { children: user?._id || user?.uid ? /* @__PURE__ */ jsx(Fragment, { children: signupFlow ? /* @__PURE__ */ jsx(Button, { onClick: logoutUser, children: "Log Out" }) : /* @__PURE__ */ jsxs(FlexContainer, { itemsCenter: true, children: [
+          /* @__PURE__ */ jsx(Breakdown, { children: /* @__PURE__ */ jsx(
+            LoginButton,
+            {
+              onClick: () => {
+                isAdmin ? window.location.href = "https://admin." + platformDomain : window.location.href = `${newPlatformUrlForUserMenu}/overview`;
+              },
+              "data-cy": "dashboard-nav-link",
+              children: "Dashboard"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(UserAccount, { children: [
+            /* @__PURE__ */ jsx(UserButton, { onClick: () => toggleMenu("main"), children: /* @__PURE__ */ jsx(UserAvatarComponent, { avatar: userPhoto }) }),
+            checkTodoStatus(user) > 0 && /* @__PURE__ */ jsx(NotificationCounter, { avatar: true, children: checkTodoStatus(user) })
+          ] })
+        ] }) }) : /* @__PURE__ */ jsx(Fragment, { children: withoutLoginSignupButton ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Breakdown, { children: /* @__PURE__ */ jsx(
+            LoginButton,
+            {
+              onClick: () => {
+                track("header_link_clicked", { link: "login" });
+                onLoginClick();
+              },
+              "data-cy": "login-nav-button",
+              children: "Log in"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            SignupButton,
+            {
+              onClick: () => {
+                track("signup_cta_clicked");
+                onSignUpClick();
+              },
+              "data-cy": "signup-nav-button",
+              children: "Sign Up"
+            }
+          )
+        ] }) }) }) })
+      ] }),
+      /* @__PURE__ */ jsxs(MobileMenu, { isActive: currentActiveMenu === "main", withSidebar, children: [
+        /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsxs("ul", { children: [
+          /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { href: newPlatformUrl + "/featured-assets", "data-cy": "invest-nav-link", children: "Invest" }) }),
+          /* @__PURE__ */ jsx(
+            RenderSubMenu,
+            {
+              title: "solutions",
+              isActive: currentActiveSubMenu === "products",
+              subMenuItems: productMenuItems,
+              platformURL: newPlatformUrl,
+              onClick: () => {
+                toggleMenu("products", true);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RenderSubMenu,
+            {
+              title: "media",
+              isActive: currentActiveSubMenu === "media",
+              subMenuItems: mediaMenuItems,
+              platformURL: newPlatformUrl,
+              onClick: () => {
+                toggleMenu("media", true);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { href: newPlatformUrl + "/team", children: "Team" }) })
+        ] }) }) }) }),
+        user?._id || user?.uid ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          !signupFlow && /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, flexColumn: true, borderTop: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsx("ul", { children: isAdmin ? /* @__PURE__ */ jsx(Fragment, { children: isVentureDashboard ? /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx("a", { href: "/settings", children: "Settings" }) }) : /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx("a", { href: "https://admin." + platformDomain, onClick: () => toggleMenu("main"), children: "Dashboard" }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(MobileMenuItem, { children: [
+              /* @__PURE__ */ jsx("a", { href: `${newPlatformUrlForUserMenu}/overview`, onClick: () => toggleMenu("main"), children: "Dashboard" }),
+              checkTodoStatus(user) > 0 && /* @__PURE__ */ jsx(NotificationCounter, { mobileMenu: true, children: checkTodoStatus(user) })
+            ] }),
+            /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `${newPlatformUrlForUserMenu}/settings/profile-and-privacy`,
+                onClick: () => toggleMenu("main"),
+                children: "Profile and Privacy"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `${newPlatformUrlForUserMenu}/settings/liquid-address`,
+                onClick: () => toggleMenu("main"),
+                children: "Liquid Addresses"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `${newPlatformUrlForUserMenu}/settings/investment-eligibility`,
+                onClick: () => toggleMenu("main"),
+                children: "Investment eligibility"
+              }
+            ) })
+          ] }) }) }) }),
+          /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, flexColumn: true, noPaddingTop: !signupFlow, borderTop: signupFlow, isLast: true, children: /* @__PURE__ */ jsx(Button, { minWidth: "160px", secondary: true, onClick: () => logoutUser(), children: "log out" }) })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          withoutLoginSignupButton ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Breakdown, { alignCenter: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => {
+                  track("header_link_clicked", { link: "login" });
+                  onLoginClick();
+                },
+                secondary: true,
+                isLoginMobile: true,
+                children: "Log in"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "center",
+                  paddingBottom: 30
+                },
+                children: /* @__PURE__ */ jsx(
+                  SignupButton,
+                  {
+                    onClick: () => {
+                      track("signup_cta_clicked");
+                      onSignUpClick();
+                    },
+                    isMobile: true,
+                    children: "Sign Up"
+                  }
+                )
+              }
+            )
+          ] }),
+          socialLinks.length > 0 && /* @__PURE__ */ jsxs(CTAContainer, { children: [
+            /* @__PURE__ */ jsx("span", { children: "FOLLOW US" }),
+            /* @__PURE__ */ jsx(SocialLinksContainer, { isHeader: true, children: socialLinks.map((item) => /* @__PURE__ */ jsx(SocialLink, { href: item.url, target: "_blank", rel: "noopener noreferrer", children: socialSvg[item.name] }, item.name)) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(stdin_default$2, { isMenuActive: currentActiveMenu === "products", options: productMenuItems }),
+      /* @__PURE__ */ jsx(stdin_default$2, { isMenuActive: currentActiveMenu === "media", options: mediaMenuItems }),
+      /* @__PURE__ */ jsx(
+        stdin_default$3,
+        {
+          isMenuActive: currentActiveMenu === "main",
+          logoutUser,
+          user,
+          isAdmin,
+          notifications: checkTodoStatus(user),
+          isVentureDashboard,
+          platformUrlForUserMenu: newPlatformUrlForUserMenu
+        }
+      )
+    ] })
+  ] }) });
+};
+Header.propTypes = {
+  progress: PropTypes.shape({
+    items: PropTypes.arrayOf(PropTypes.object).isRequired,
+    doneIndex: PropTypes.number,
+    activeIndex: PropTypes.number
+  }),
+  signupFlow: PropTypes.bool,
+  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,
+  noFixedPosition: PropTypes.bool
+};
+var stdin_default = Header;
+export {
+  Header,
+  stdin_default as default
+};