{"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","_platform/src/components/MessageBox/MessageBox.js","../node_modules/memoize-one/dist/memoize-one.esm.js","_platform/src/utils/checkPermissions.js","_platform/src/utils/checkRoles.js","_platform/src/utils/PrivateComponent.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","StyledAlert","Alert","Title","Multiline","MessageBox","_ref$title","title","_ref$variant","variant","react__WEBPACK_IMPORTED_MODULE_1___default","areInputsEqual","newInputs","lastInputs","i","__webpack_exports__","resultFn","isEqual","lastThis","lastResult","lastArgs","calledOnce","_len","arguments","newArgs","Array","_key","apply","checkPermissions","currentUser","requiredPermissions","isArray","permissions","some","indexOf","propTypes","PropTypes","object","isRequired","array","checkPermissionsMemoized","memoizeOne","checkRoles","requiredRoles","roles","checkRolesMemoized","_this$props","deniedPermissions","deniedRoles","displayError","errorMessage","publicOnly","redirectOnError","tempAuthAllowed","user","_this$props2","currentUserTemp","UnauthorisedComponent","RedirectOnErrorComponent","react_router","push","userObject","token","userId","mapStateToProps","createStructuredSelector","selectCurrentUser","selectCurrentUserTemp","connect"],"mappings":"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","file":"static/js/headerNav.026aa1e7.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: flex-end;\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: #fff;\n  display: block;\n  font-size: 20px;\n  font-weight: normal;\n  //font-variation-settings: 'wght' 550;\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  &:visited {\n    color: ${thd('customMenuHighlightColor', '#000')};\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: 18px;\n      font-weight: normal;\n      color: #fff;\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: 1.2rem;\n          margin-right: 1.2rem;\n          padding: 0.25em 0.2em;\n        `}\n\n      &:hover {\n        border-bottom: 5px solid #fff;\n      }\n\n      &.menu-active {\n        border-bottom: 5px solid #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 && this.state.isMobileMenuOpen && (\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","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert, styled } from '@smooth-ui/core-sc';\n\nconst StyledAlert = styled(Alert)`\n  margin-top: 1rem;\n`;\n\nexport const Title = styled.div`\n  font-weight: bold;\n`;\n\nexport const Multiline = styled.div`\n  white-space: pre-line;\n`;\n\nconst MessageBox = ({ children, title = undefined, variant = 'primary' }) => {\n  return (\n    <StyledAlert variant={variant === 'error' ? 'danger' : variant}>\n      {title ? <Title>{title}</Title> : null}\n      <Multiline>{children}</Multiline>\n    </StyledAlert>\n  );\n};\n\nMessageBox.propTypes = {\n  children: PropTypes.node.isRequired,\n  title: PropTypes.string,\n  variant: PropTypes.string,\n};\n\nMessageBox.defaultProps = {\n  title: undefined,\n  variant: 'primary',\n};\n\nexport default MessageBox;\n","function areInputsEqual(newInputs, lastInputs) {\n  if (newInputs.length !== lastInputs.length) {\n    return false;\n  }\n\n  for (var i = 0; i < newInputs.length; i++) {\n    if (newInputs[i] !== lastInputs[i]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction index(resultFn, isEqual) {\n  if (isEqual === void 0) {\n    isEqual = areInputsEqual;\n  }\n\n  var lastThis;\n  var lastArgs = [];\n  var lastResult;\n  var calledOnce = false;\n\n  var result = function result() {\n    for (var _len = arguments.length, newArgs = new Array(_len), _key = 0; _key < _len; _key++) {\n      newArgs[_key] = arguments[_key];\n    }\n\n    if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {\n      return lastResult;\n    }\n\n    lastResult = resultFn.apply(this, newArgs);\n    calledOnce = true;\n    lastThis = this;\n    lastArgs = newArgs;\n    return lastResult;\n  };\n\n  return result;\n}\n\nexport default index;","/**\n * Check Permissions - Check if the user has ANY of the required permissions\n *\n * @param {object} currentUser The user object containing the permissions property\n * @param {array} requiredPermissions The array of required permissions\n *\n */\n\nimport memoizeOne from 'memoize-one';\nimport PropTypes from 'prop-types';\n\nconst checkPermissions = (currentUser, requiredPermissions) => {\n  if (\n    !requiredPermissions ||\n    !Array.isArray(requiredPermissions) ||\n    !currentUser ||\n    !currentUser.permissions ||\n    !Array.isArray(currentUser.permissions)\n  )\n    return false;\n\n  return currentUser.permissions.some(\n    item => requiredPermissions.indexOf(item) >= 0\n  );\n};\n\ncheckPermissions.propTypes = {\n  currentUser: PropTypes.object.isRequired,\n  requiredPermissions: PropTypes.array.isRequired,\n};\n\nconst checkPermissionsMemoized = memoizeOne(checkPermissions);\n\nexport default checkPermissionsMemoized;\n","/**\n * Check Roles - Check if the user has ANY of the required roles\n *\n * @param {object} currentUser The user object containing the roles property\n * @param {array} requiredRoles The array of required roles\n *\n */\n\nimport memoizeOne from 'memoize-one';\nimport PropTypes from 'prop-types';\n\nconst checkRoles = (currentUser, requiredRoles) => {\n  if (\n    !requiredRoles ||\n    !Array.isArray(requiredRoles) ||\n    !currentUser ||\n    !currentUser.roles ||\n    !Array.isArray(currentUser.roles)\n  )\n    return false;\n\n  return currentUser.roles.some(item => requiredRoles.indexOf(item) >= 0);\n};\n\ncheckRoles.propTypes = {\n  currentUser: PropTypes.object.isRequired,\n  requiredRoles: PropTypes.array.isRequired,\n};\n\nconst checkRolesMemoized = memoizeOne(checkRoles);\n\nexport default checkRolesMemoized;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { Redirect } from 'react-router-dom';\nimport {\n  selectCurrentUser,\n  selectCurrentUserTemp,\n} from '../containers/App/selectors'; // _platform\nimport checkPermissions from '../utils/checkPermissions'; // _platform\nimport checkRoles from '../utils/checkRoles'; // _platform\nimport MessageBox from '../components/MessageBox/MessageBox'; // _platform\n\n/**\n * Private Component - HoC to determine whether a component should be displayed\n * based on authentication, permissions and/or roles\n *\n * TODO: Extend with prop to supply function to determine permission `verifyFn` similar to LoadAsync\n *\n * The `user` prop can be either currentUser or currentUserTemp, depending on what the parent component determines is applicable.\n * If the `user` prop is not supplied, then this component will retrieve the user data via the App selectors.\n * The `tempAuthAllowed` prop determines whether currentUserTemp can be used\n *\n * `publicOnly` prop inverts the check so that the child component is only displayed to unauthenticated users (use `PublicComponent`)\n *\n * `deniedPermissions` and `deniedRoles` props take precedence over `requiredPermissions` and `requiredRoles`.\n * For example, if the props are `requiredRoles={['Administrator']} deniedRoles={['Administrator']}`,\n * users with the `Administrator` role will be denied access to the child component.\n *\n * If the checks determine that the access should be denied to the child component:\n *   - By default the child component is skipped silently\n *   - If the `redirectOnError` prop is supplied, the user will be redirected to the supplied local path\n *   - Otherwise, if the `displayError` prop is supplied, the user will be shown an error\n *      which can be customised via the `errorMessage` prop\n */\n\nclass PrivateComponent extends Component {\n  render() {\n    const {\n      deniedPermissions,\n      deniedRoles,\n      displayError,\n      errorMessage,\n      publicOnly,\n      redirectOnError,\n      requiredPermissions,\n      requiredRoles,\n      tempAuthAllowed,\n      user,\n    } = this.props;\n    const { currentUser, currentUserTemp } = this.props;\n\n    const UnauthorisedComponent = displayError ? (\n      <MessageBox variant=\"warning\">\n        {errorMessage || 'Unauthorised'}\n      </MessageBox>\n    ) : null;\n\n    const RedirectOnErrorComponent = redirectOnError ? (\n      <Redirect push to={redirectOnError} />\n    ) : null;\n\n    // Determine which user object to use\n    // 1. Use `user` prop if supplied\n    // 2. If `tempAuthAllowed` prop:\n    //   1. Is true: use `currentUserTemp` if available, if not use currentUser\n    // 3. Is false: use currentUser\n    //\n    // Check for user.token and currentUserTemp.token to ensure they're not the\n    // default empty objects. Cleaner than using Object.keys\n    let userObject = {};\n    if (user && user.token && user.userId) {\n      userObject = user;\n    } else if (tempAuthAllowed && currentUserTemp && currentUserTemp.token) {\n      userObject = currentUserTemp;\n    } else {\n      userObject = currentUser;\n    }\n\n    // Invert the check if the publicOnly prop is supplied - used in PublicComponent\n    if (publicOnly) {\n      return !userObject.token\n        ? this.props.children\n        : RedirectOnErrorComponent || UnauthorisedComponent;\n    }\n\n    // Check granular permissions if supplied\n    if (\n      !!userObject.token &&\n      ((deniedPermissions && checkPermissions(userObject, deniedPermissions)) ||\n        (requiredPermissions &&\n          !checkPermissions(userObject, requiredPermissions)))\n    ) {\n      return RedirectOnErrorComponent || UnauthorisedComponent;\n    }\n\n    // Check granular roles if supplied\n    if (\n      !!userObject.token &&\n      ((deniedRoles && checkRoles(userObject, deniedRoles)) ||\n        (requiredRoles && !checkRoles(userObject, requiredRoles)))\n    ) {\n      return RedirectOnErrorComponent || UnauthorisedComponent;\n    }\n\n    return !!userObject.token\n      ? this.props.children\n      : RedirectOnErrorComponent || UnauthorisedComponent;\n  }\n}\n\nPrivateComponent.propTypes = {\n  children: PropTypes.node.isRequired,\n  currentUser: PropTypes.object.isRequired,\n  currentUserTemp: PropTypes.object.isRequired,\n  deniedPermissions: PropTypes.array,\n  deniedRoles: PropTypes.array,\n  displayError: PropTypes.bool,\n  errorMessage: PropTypes.string,\n  publicOnly: PropTypes.bool, // Inverts PrivateComponent - displays component to unauthenticated users only. Used by PublicComponent wrapper\n  redirectOnError: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  requiredPermissions: PropTypes.array,\n  requiredRoles: PropTypes.array,\n  tempAuthAllowed: PropTypes.bool,\n  user: PropTypes.object,\n};\n\nPrivateComponent.defaultProps = {\n  deniedPermissions: undefined,\n  deniedRoles: undefined,\n  displayError: false,\n  errorMessage: undefined,\n  publicOnly: false,\n  redirectOnError: undefined,\n  requiredPermissions: undefined,\n  requiredRoles: undefined,\n  tempAuthAllowed: false,\n  user: {},\n};\n\nconst mapStateToProps = createStructuredSelector({\n  currentUser: selectCurrentUser(),\n  currentUserTemp: selectCurrentUserTemp(),\n});\n\nexport default connect(\n  mapStateToProps,\n  null\n)(PrivateComponent);\n"],"sourceRoot":""}