{"version":3,"sources":["_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","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":["StyledAlert","styled","Alert","_templateObject","Title","div","_templateObject2","Multiline","_templateObject3","MessageBox","_ref","children","_ref$title","title","undefined","_ref$variant","variant","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","defaultProps","areInputsEqual","newInputs","lastInputs","length","i","__webpack_exports__","resultFn","isEqual","lastThis","lastResult","lastArgs","calledOnce","_len","arguments","newArgs","Array","_key","this","apply","checkPermissions","currentUser","requiredPermissions","isArray","permissions","some","item","indexOf","propTypes","PropTypes","object","isRequired","array","checkPermissionsMemoized","memoizeOne","checkRoles","requiredRoles","roles","checkRolesMemoized","PrivateComponent","_this$props","props","deniedPermissions","deniedRoles","displayError","errorMessage","publicOnly","redirectOnError","tempAuthAllowed","user","_this$props2","currentUserTemp","UnauthorisedComponent","react_default","RedirectOnErrorComponent","react_router","push","to","userObject","token","userId","Component","mapStateToProps","createStructuredSelector","selectCurrentUser","selectCurrentUserTemp","connect","nav","down","css","thd","openMobileMenu","button","HeaderNavMenuToggleButton_templateObject","HeaderNavMenuToggleButton_templateObject2","transparentize","ul","HeaderNavTopLevel_templateObject","up","HeaderNavTopLevel_templateObject2","HeaderNavSubLevel_templateObject","theme","customSubMenuBackground","customHeaderBackground","HeaderNavSubLevel_templateObject2","depth","NavLink","HeaderNavLink_templateObject","concat","HeaderNavLink_templateObject2","HeaderNavLink_templateObject3","Overlay","HeaderNav_templateObject","p","customMobileMenuOverlayBackground","isMobileMenuOpen","SubMenu","parent","onCloseMobileMenu","HeaderNavSubLevel","map","inMenu","menuPath","key","menuId","HeaderNavLink","activeClassName","onClick","itemName","HeaderNav","_this","Object","classCallCheck","possibleConstructorReturn","getPrototypeOf","call","onMobileMenuToggle","setState","prevState","document","body","style","overflow","state","_this2","menu","Fragment","HeaderNavMenuToggleButton","HeaderNavContainer","HeaderNavTopLevel","showLoginInMenu","settingsApp","loginPagePath","exact","HeaderNav_SubMenu","showLogoutInMenu","logoutPagePath","withTheme"],"mappings":"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","file":"static/js/headerNav.7f177c77.chunk.js","sourcesContent":["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","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: ${thd('customMenuColor', '#54707c')};\n  display: block;\n  font-size: 20px;\n  font-weight: 550;\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  &: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: 16px;\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        position: relative;\n        &:after {\n          border-color: transparent transparent black;\n            transparent;\n          border-style: solid;\n          border-width: 0 5px 10px 5px;\n          bottom: -5px;\n          content: '';\n          display: block;\n          height: 0;\n          left: 50%;\n          position: absolute;\n          transform: translateX(-50%);\n          width: 0;\n        }\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    document.body.style.overflow = this.state.isMobileMenuOpen\n      ? 'visible'\n      : 'hidden';\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={() => {\n            this.setState({ isMobileMenuOpen: false });\n            document.body.style.overflow = 'visible';\n          }}\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                    document.body.style.overflow = 'visible';\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                          document.body.style.overflow = 'visible';\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                            document.body.style.overflow = 'visible';\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                      document.body.style.overflow = 'visible';\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":""}