{"version":3,"file":"static/chunks/pages/policy/committees/working-groups-a0fe0edcd2715456.js","mappings":"0LAgBA,WAAeA,EAAAA,EAAAA,IAAQC,EAAAA,EAAvB,EACEC,EAAAA,EAAAA,IAPoB,WACpB,IAAMC,GAASC,EAAAA,EAAAA,aAEf,OAAO,QAAC,IAAD,CAAgBC,MAAM,iBAAiBF,OAAQA,MAIdG,EAAAA,GAAAA,qB,oJCVpCC,EAAQ,CACZC,KAAKC,EAAAA,EAAAA,IAAF,uFAKQC,EAAAA,GAAAA,GALR,yBASHC,MAAMF,EAAAA,EAAAA,IAAF,UACOC,EAAAA,GAAAA,GADP,6CAKWE,EAAAA,GAAAA,GALX,4CAcJC,YAAYJ,EAAAA,EAAAA,IAAF,SACCG,EAAAA,GAAAA,GADD,MAKNE,GAAgBC,EAAAA,EAAAA,OAAK,SAAuBC,GAChD,IACYC,EACRD,EADFb,OAAUc,MAGZ,SAASC,EAAWC,EAAMC,GACxB,IAAMC,EAAS,CAACd,EAAMI,MAEtB,OADIQ,IAASF,GAAOI,EAAOC,KAAKf,EAAMM,aAEpC,QAACU,EAAA,EAAD,CAAMd,IAAKY,EAAQG,KAAML,GACtBC,GAKP,OACE,eAAKX,IAAKF,EAAMC,KACbU,EAAW,qBAAsB,YACjCA,EAAW,8CAA+C,gCAC1DA,EAAW,oCAAqC,kBAChDA,EAAW,oCAAqC,sBASvD,ICnCA,GAtBuBH,EAAAA,EAAAA,OAAK,SAAwBC,GAClD,IAAQX,EAAkBW,EAAlBX,MAAOF,EAAWa,EAAXb,OACf,OACE,QAACsB,EAAA,EAAD,CACEpB,MAAOA,EAGPqB,oBAAqB,kBACnB,eAAKnB,MAAO,CAAEoB,aAAc,UAC1B,QAACC,EAAA,EAAD,MACE,QAAC,EAAD,CAAezB,OAAQA,a,uKC+BtBF,EAAkB,SAAA4B,GAC7B,MAOIA,EANFC,KAOF,MAAO,CACLC,WATF,EAEIA,WAQFC,UAVF,EAGIA,UAQFC,KAXF,EAIIA,KAQFC,SAZF,EAKIC,SAAYC,WAWlB,IAtDiC,SAACC,EAAeC,GAC/C,OAAO,SAAiCtB,GACtC,OAAyCuB,EAAAA,EAAAA,MAAjCC,EAAR,EAAQA,kBAAmBR,EAA3B,EAA2BA,UAC3B,GAA6BS,EAAAA,EAAAA,KAAY,SAAAZ,GAAK,OAAIA,EAAMC,QAAhDC,EAAR,EAAQA,WAAYE,EAApB,EAAoBA,KACdS,GAAeD,EAAAA,EAAAA,KAAY,SAAAZ,GAAK,OAAIA,EAAMC,KAAKE,aAC/CE,GAAWO,EAAAA,EAAAA,KAAY,SAAAZ,GAAK,OAAIA,EAAMC,KAAKK,SAASC,aAE1DO,EAAAA,EAAAA,YAAU,WACHD,GAAiBX,GACpBS,EAAkB,CAChBI,SAAU,CACRC,SAAUC,IAAAA,cAIf,CAACf,EAAYW,IAEhB,IAAMK,GAAYC,EAAAA,EAAAA,IAAYV,EAAcL,GACtCgB,EAAef,GAAYgB,MAAMC,QAAQlB,IAASc,EAClDK,EAAYrB,IAAegB,EAAY,MAAQ,IAGnD,OAAIf,GAAaU,GAAqB,QAAC,IAAD,OACjCA,GAAiBX,GACpBS,EAAkB,CAChBI,SAAU,CACRC,SAAUC,IAAAA,YAIXJ,IAAgBX,GAAekB,GAG/B,QAACZ,EAAkBrB,IAHiC,QAAC,UAAD,CAAOqC,OAAQD,Q,uBCzCzEE,OAAOC,SAAWD,OAAOC,UAAY,IAAIjC,KAAK,CAC7C,oCACA,WACE,OAAO,EAAQ,Y","sources":["webpack://_N_E/./pages/policy/committees/working-groups.js","webpack://_N_E/./src/committees/components/CommitteesNav.js","webpack://_N_E/./src/committees/components/CommitteesPage.js","webpack://_N_E/./src/shared/components/MembershipPageWrap/index.js","webpack://_N_E/?b248"],"sourcesContent":["import { useRouter } from 'next/router';\nimport React from 'react';\nimport { connect } from 'react-redux';\n\nimport CommitteesPage from '@/src/committees/components/CommitteesPage';\nimport withMembershipAccessWrap, {\n  mapStateToProps,\n} from '@/src/shared/components/MembershipPageWrap';\nimport { ADVOCACY_ACCESS } from '@/src/shared/constants';\n\nconst WorkingGroups = () => {\n  const router = useRouter();\n\n  return <CommitteesPage alias=\"working-groups\" router={router} />;\n};\n\nexport default connect(mapStateToProps)(\n  withMembershipAccessWrap(WorkingGroups, ADVOCACY_ACCESS.POLICY_COMMITTEES)\n);\n","import { css, jsx } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React, { memo } from 'react';\n\nimport Link from '@/src/shared/components/Link';\nimport { bp, colors } from '@/styles';\n\nconst style = {\n  nav: css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    @media ${bp.md} {\n      flex-direction: row;\n    }\n  `,\n  link: css`\n    @media ${bp.md} {\n      &::after {\n        content: '|';\n        padding: 0 5px;\n        color: ${colors.accentGrayMedium};\n      }\n      &:last-child {\n        &::after {\n          display: none;\n        }\n      }\n    }\n  `,\n  linkActive: css`\n    color: ${colors.primaryRed};\n  `,\n};\n\nconst CommitteesNav = memo(function CommitteesNav(props) {\n  const {\n    router: { route },\n  } = props;\n\n  function renderLink(path, title) {\n    const styles = [style.link];\n    if (path === route) styles.push(style.linkActive);\n    return (\n      <Link css={styles} href={path}>\n        {title}\n      </Link>\n    );\n  }\n\n  return (\n    <nav css={style.nav}>\n      {renderLink('/policy/committees', 'Overview')}\n      {renderLink('/policy/committees/committees-subcommittees', 'Committees and Subcommittees')}\n      {renderLink('/policy/committees/working-groups', 'Working Groups')}\n      {renderLink('/policy/committees/advisory-lists', 'Advisory Lists')}\n    </nav>\n  );\n});\n\nCommitteesNav.propTypes = {\n  router: PropTypes.object.isRequired,\n};\n\nexport default CommitteesNav;\n","import PropTypes from 'prop-types';\nimport React, { memo } from 'react';\n\nimport Content from '@/src/cms/components/CMSPage/Content';\nimport Container from '@/src/shared/components/Container';\n\nimport CommitteesNav from './CommitteesNav';\n\nconst CommitteesPage = memo(function CommitteesPage(props) {\n  const { alias, router } = props;\n  return (\n    <Content\n      alias={alias}\n      // bodyStyle: PropTypes.any,\n      // mutateBody: PropTypes.func,\n      renderBeforeContent={() => (\n        <div style={{ marginBottom: '32px' }}>\n          <Container>\n            <CommitteesNav router={router} />\n          </Container>\n        </div>\n      )}\n    />\n  );\n});\n\nCommitteesPage.propTypes = {\n  alias: PropTypes.string.isRequired,\n};\n\nexport default CommitteesPage;\n","import { useAuth0 } from '@auth0/auth0-react';\nimport Router from 'next/router';\nimport React, { useEffect } from 'react';\nimport { useSelector } from 'react-redux';\n\nimport Error from '@/pages/_error';\nimport { checkAccess } from '@/src/shared/constants';\n\nimport LoadingPage from '../LoadingPage/LoadingPage';\n\nconst isBrowser = typeof window !== 'undefined';\n\nconst withMembershipAccessWrap = (PageComponent, memberLevels, ssr = false) => {\n  return function PageComponentWithAccess(props) {\n    const { loginWithRedirect, isLoading } = useAuth0();\n    const { isLoggedIn, role } = useSelector(state => state.auth);\n    const stateLoading = useSelector(state => state.auth.isLoading);\n    const personId = useSelector(state => state.auth.userinfo.PersonID);\n\n    useEffect(() => {\n      if (!stateLoading && !isLoggedIn) {\n        loginWithRedirect({\n          appState: {\n            returnTo: Router.pathname,\n          },\n        });\n      }\n    }, [isLoggedIn, stateLoading]);\n\n    const hasAccess = checkAccess(memberLevels, role);\n    const isAuthorized = personId && Array.isArray(role) && hasAccess;\n    const errorCode = isLoggedIn && !hasAccess ? 401.4 : 401;\n\n    if (!ssr || isBrowser) {\n      if (isLoading || stateLoading) return <LoadingPage />;\n      if (!stateLoading && !isLoggedIn) {\n        loginWithRedirect({\n          appState: {\n            returnTo: Router.pathname,\n          },\n        });\n      }\n      if (!stateLoading && isLoggedIn && !isAuthorized) return <Error status={errorCode} />;\n    }\n\n    return <PageComponent {...props} />;\n  };\n};\n\nexport const mapStateToProps = state => {\n  const {\n    auth: {\n      isLoggedIn,\n      isLoading,\n      role,\n      userinfo: { PersonID },\n    },\n  } = state;\n  return {\n    isLoggedIn,\n    isLoading,\n    role,\n    personId: PersonID,\n  };\n};\n\nexport default withMembershipAccessWrap;\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/policy/committees/working-groups\",\n      function () {\n        return require(\"private-next-pages/policy/committees/working-groups.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/policy/committees/working-groups\"])\n      });\n    }\n  "],"names":["connect","mapStateToProps","withMembershipAccessWrap","router","useRouter","alias","ADVOCACY_ACCESS","style","nav","css","bp","link","colors","linkActive","CommitteesNav","memo","props","route","renderLink","path","title","styles","push","Link","href","Content","renderBeforeContent","marginBottom","Container","state","auth","isLoggedIn","isLoading","role","personId","userinfo","PersonID","PageComponent","memberLevels","useAuth0","loginWithRedirect","useSelector","stateLoading","useEffect","appState","returnTo","Router","hasAccess","checkAccess","isAuthorized","Array","isArray","errorCode","status","window","__NEXT_P"],"sourceRoot":""}