{"version":3,"sources":["components/CustomComponents/CustomHeaderNav/HeaderNavContainer.js","components/CustomComponents/CustomHeaderNav/HeaderNavMenuToggleButton.js","components/CustomComponents/CustomHeaderNav/HeaderNavTopLevel.js","components/CustomComponents/CustomHeaderNav/HeaderNavSubLevel.js","components/CustomComponents/CustomHeaderNav/HeaderNavLink.js","components/CustomComponents/CustomHeaderNav/HeaderNav.js"],"names":["styled","nav","_templateObject","down","css","_templateObject2","thd","props","openMobileMenu","button","HeaderNavMenuToggleButton_templateObject","HeaderNavMenuToggleButton_templateObject2","transparentize","ul","HeaderNavTopLevel_templateObject","up","HeaderNavTopLevel_templateObject2","HeaderNavSubLevel_templateObject","theme","customSubMenuBackground","customHeaderBackground","HeaderNavSubLevel_templateObject2","depth","_templateObject3","NavLink","HeaderNavLink_templateObject","concat","HeaderNavLink_templateObject2","HeaderNavLink_templateObject3","Overlay","div","HeaderNav_templateObject","p","customMobileMenuOverlayBackground","isMobileMenuOpen","SubMenu","_ref","parent","onCloseMobileMenu","react_default","a","createElement","HeaderNavSubLevel","children","map","item","inMenu","menuPath","key","menuId","HeaderNavLink","to","activeClassName","onClick","itemName","length","HeaderNav","_this","Object","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","onMobileMenuToggle","setState","prevState","state","_this2","menu","Fragment","HeaderNavMenuToggleButton","HeaderNavContainer","HeaderNavTopLevel","showLoginInMenu","settingsApp","loginPagePath","exact","HeaderNav_SubMenu","showLogoutInMenu","PrivateComponent","logoutPagePath","Component","defaultProps","undefined","withTheme"],"mappings":"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","file":"static/js/headerNav.86fcc9a2.chunk.js","sourcesContent":["import { css, down, styled, thd } from '@smooth-ui/core-sc';\n\nexport default styled.nav`\n  transition: all 0.3s ease 0s;\n\n  ${down(\n    'lg',\n    css`\n      background-color: ${thd('customMenuBackground', '#fff')};\n      height: 100vh;\n      overflow-y: scroll;\n      position: fixed;\n      right: ${props => (props.openMobileMenu ? '0' : '-240px')};\n      top: 0;\n      visibility: ${props => (props.openMobileMenu ? 'visible' : 'hidden')};\n      width: 240px;\n      z-index: 100;\n    `\n  )};\n`;\n","import { css, down, styled, thd } from '@smooth-ui/core-sc';\nimport { transparentize } from 'polished';\n\nexport default styled.button`\n  display: none;\n\n  ${down(\n    'lg',\n    css`\n      background-color: ${props =>\n        props.openMobileMenu ? transparentize(0.25, '#151d29') : 'transparent'};\n      border: none;\n      display: inline-block;\n      font-size: 0.75rem;\n      height: 54px;\n      position: absolute;\n      right: ${props => (props.openMobileMenu ? '250px' : '10px')};\n      text-transform: uppercase;\n      top: 11px;\n      transition: all 0.3s ease 0s;\n      width: 54px;\n      z-index: ${props => (props.openMobileMenu ? '1' : '0')};\n    `\n  )};\n\n  & > span {\n    background-color: ${props =>\n      props.openMobileMenu ? '' : thd('customMenuColor', '#fff')};\n    display: block;\n    height: 4px;\n    left: 7px;\n    position: absolute;\n    right: 7px;\n    top: 15px;\n\n    &::after,\n    &::before {\n      background-color: ${thd('customMenuColor', '#fff')};\n      content: '';\n      display: block;\n      height: 4px;\n      left: 0;\n      position: absolute;\n      width: 100%;\n    }\n\n    &::before {\n      top: -8px;\n      ${props =>\n        props.openMobileMenu ? 'top: 0; transform: rotate(45deg)' : ''};\n    }\n    &::after {\n      bottom: -8px;\n      ${props =>\n        props.openMobileMenu ? 'bottom: 0; transform: rotate(-45deg)' : ''};\n    }\n  }\n\n  & > div {\n    color: ${thd('customMenuColor', '#fff')};\n    position: absolute;\n    bottom: 4px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n`;\n","import { css, styled, up } from '@smooth-ui/core-sc';\n\nexport default styled.ul`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  position: relative;\n  transition: all 0.3s ease 0s;\n\n  ${up(\n    'lg',\n    css`\n      display: flex;\n      justify-content: center;\n      text-align: center;\n\n      & > li {\n        display: inline-block;\n        position: relative;\n      }\n\n      li > ul {\n        display: none;\n      }\n      li:hover > ul,\n      li > ul:hover {\n        display: block;\n      }\n    `\n  )}\n`;\n","import { css, styled, up } from '@smooth-ui/core-sc';\n\nexport default styled.ul`\n  background-color: ${props =>\n    props.theme.customSubMenuBackground ||\n    props.theme.customHeaderBackground ||\n    '#fff'};\n  display: block;\n  list-style: none;\n  margin: 0;\n  min-width: 180px;\n  padding: 0;\n\n  ${up(\n    'lg',\n    css`\n      box-shadow: rgba(0, 0, 0, 0.15) 0px 0.25rem 2rem;\n      text-align: left;\n      ${props =>\n        props.depth === 2 &&\n        css`\n          position: absolute;\n          top: 100%;\n          z-index: 100;\n        `}\n\n      li {\n        position: relative;\n      }\n    `\n  )}\n`;\n","import { css, styled, thd, up } from '@smooth-ui/core-sc';\nimport { NavLink } from 'react-router-dom';\n\nexport default styled(NavLink)`\n  border-left: 3px solid transparent;\n  color: ${thd('customMenuColor', '#54707c')};\n  display: block;\n  font-size: 20px;\n  font-weight: 600;\n  font-variation-settings: 'wght' 600;\n  padding: 0.5em;\n  ${props =>\n    props.depth && props.depth > 1 && `padding-left: ${props.depth - 1}em;`}\n  text-decoration: none;\n\n  &:hover {\n    color: ${thd('customMenuHighlightColor', '#000')};\n  }\n\n  &:focus,\n  &.menu-active:focus {\n    outline: none;\n    box-shadow: 0 0 0 0.2rem ${thd('customMenuFocus', 'rgba(84,112,124,0.25)')}\n      inset;\n  }\n\n  &.menu-active {\n    border-left-color: ${thd('customMenuHighlightColor', '#54707c')};\n    color: ${thd('customMenuHighlightColor', '#000')};\n    font-weight: bold;\n  }\n\n  ${up(\n    'lg',\n    css`\n      font-size: 14px;\n      ${props =>\n        // If it's the top level\n        (!props.depth || props.depth < 2) &&\n        css`\n          border-left: 0 none;\n          border-bottom: 5px solid transparent;\n          margin-left: 0.7rem;\n          margin-right: 0.7rem;\n          padding: 0.25em 0.2em;\n        `}\n\n      &.menu-active {\n        border-bottom: 5px solid #fff;\n        color: #fff;\n        &:hover {\n          color: ${thd('customMenuHighlightColor', '#000')};\n        }\n      }\n    `\n  )}\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport NavContainer from './HeaderNavContainer';\nimport MenuToggleButton from './HeaderNavMenuToggleButton';\nimport TopLevel from './HeaderNavTopLevel';\nimport SubLevel from './HeaderNavSubLevel';\nimport HeaderNavLink from './HeaderNavLink';\nimport PrivateComponent from '_platform/src/utils/PrivateComponent';\nimport { styled, withTheme } from '@smooth-ui/core-sc';\n\nconst Overlay = styled.div`\n  background-color: ${p =>\n    p.theme.customMobileMenuOverlayBackground || 'rgba(0, 0, 0, 0.5)'};\n  bottom: 0;\n  height: 100vh;\n  left: 0;\n  opacity: ${p => (p.isMobileMenuOpen ? '1' : '0')};\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 0.3s ease 0s;\n  visibility: ${p => (p.isMobileMenuOpen ? 'visible' : 'hidden')};\n  z-index: 1;\n`;\n\nconst SubMenu = ({ depth, parent, onCloseMobileMenu }) => (\n  <SubLevel depth={depth}>\n    {parent.children.map(\n      item =>\n        item.inMenu &&\n        !!item.menuPath && (\n          <li key={item.menuId}>\n            <HeaderNavLink\n              to={item.menuPath}\n              activeClassName=\"menu-active\"\n              depth={depth}\n              onClick={onCloseMobileMenu}\n            >\n              {item.itemName}\n            </HeaderNavLink>\n            {item.children && item.children.length > 0 && (\n              <SubMenu\n                parent={item}\n                depth={depth + 1}\n                onCloseMobileMenu={onCloseMobileMenu}\n              />\n            )}\n          </li>\n        )\n    )}\n  </SubLevel>\n);\n\nSubMenu.propTypes = {\n  depth: PropTypes.number, // eslint-disable-line react/require-default-props\n  onCloseMobileMenu: PropTypes.func.isRequired,\n  parent: PropTypes.object.isRequired,\n};\n\nclass HeaderNav extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isMobileMenuOpen: false,\n    };\n  }\n\n  onMobileMenuToggle = () => {\n    this.setState(prevState => ({\n      isMobileMenuOpen: !prevState.isMobileMenuOpen,\n    }));\n  };\n\n  render() {\n    if (!this.props.menu || this.props.menu.length < 1) {\n      return null;\n    }\n\n    return (\n      <React.Fragment>\n        {/* Keyboard event is handled on the button (enter/space/escape) */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <Overlay\n          isMobileMenuOpen={this.state.isMobileMenuOpen}\n          onClick={() => this.setState({ isMobileMenuOpen: false })}\n        />\n        <MenuToggleButton\n          onClick={this.onMobileMenuToggle}\n          openMobileMenu={this.state.isMobileMenuOpen}\n        >\n          <span />\n          <div>{this.state.isMobileMenuOpen ? 'Close' : 'Menu'}</div>\n        </MenuToggleButton>\n        <NavContainer openMobileMenu={this.state.isMobileMenuOpen}>\n          <TopLevel>\n            {this.props.showLoginInMenu && (\n              <li>\n                <HeaderNavLink\n                  to={this.props.theme.settingsApp.loginPagePath}\n                  activeClassName=\"menu-active\"\n                  onClick={() =>\n                    this.state.isMobileMenuOpen &&\n                    this.setState({ isMobileMenuOpen: false })\n                  }\n                >\n                  Log In\n                </HeaderNavLink>\n              </li>\n            )}\n            {this.props.menu &&\n              this.props.menu.map(\n                item =>\n                  item.inMenu &&\n                  !!item.menuPath && (\n                    <li key={item.menuId}>\n                      <HeaderNavLink\n                        to={item.menuPath}\n                        activeClassName=\"menu-active\"\n                        exact={item.menuPath === '/'}\n                        onClick={() =>\n                          this.state.isMobileMenuOpen &&\n                          this.setState({ isMobileMenuOpen: false })\n                        }\n                      >\n                        {item.itemName}\n                      </HeaderNavLink>\n                      {item.children && item.children.length > 0 && (\n                        <SubMenu\n                          parent={item}\n                          depth={2}\n                          onCloseMobileMenu={() =>\n                            this.state.isMobileMenuOpen &&\n                            this.setState({ isMobileMenuOpen: false })\n                          }\n                        />\n                      )}\n                    </li>\n                  )\n              )}\n            {this.props.showLogoutInMenu && (\n              <PrivateComponent>\n                <li>\n                  <HeaderNavLink\n                    to={this.props.theme.settingsApp.logoutPagePath}\n                    activeClassName=\"menu-active\"\n                    onClick={() =>\n                      this.state.isMobileMenuOpen &&\n                      this.setState({ isMobileMenuOpen: false })\n                    }\n                  >\n                    Logout\n                  </HeaderNavLink>\n                </li>\n              </PrivateComponent>\n            )}\n          </TopLevel>\n        </NavContainer>\n      </React.Fragment>\n    );\n  }\n}\n\nHeaderNav.propTypes = {\n  menu: PropTypes.array,\n  showLoginInMenu: PropTypes.bool,\n  showLogoutInMenu: PropTypes.bool,\n  theme: PropTypes.object.isRequired,\n};\n\nHeaderNav.defaultProps = {\n  menu: undefined,\n  showLoginInMenu: undefined,\n  showLogoutInMenu: undefined,\n};\n\nexport default withTheme(HeaderNav);\n"],"sourceRoot":""}