{"version":3,"file":"static/chunks/1732-dd1c29b014179cbd.js","mappings":"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","sources":["webpack://_N_E/./src/account/components/MyAccount/index.js","webpack://_N_E/./src/shared/components/Breadcrumbs.js","webpack://_N_E/./src/shared/components/SideNav/components/SideNavItem.js","webpack://_N_E/./src/shared/components/SideNav/index.js"],"sourcesContent":["import { css } from '@emotion/react';\nimport { Col, Row } from 'antd';\nimport React from 'react';\nimport { connect } from 'react-redux';\n\nimport Breadcrumbs from '@/src/shared/components/Breadcrumbs';\nimport SideNav from '@/src/shared/components/SideNav';\nimport { pciEveryone } from '@/src/shared/constants';\nimport { bp, colors } from '@/styles';\n\nconst mockSideNavItems = [\n  {\n    path: '/account/update-profile',\n    title: 'Update Profile',\n  },\n  {\n    path: '/account/change-password',\n    title: 'My Password',\n  },\n  {\n    path: '/account/subscription-preferences',\n    title: 'Subscription Preferences',\n  },\n  {\n    path: '/account/contact-lists',\n    title: 'My Contact Lists',\n  },\n  {\n    path: '/account/my-committees',\n    title: 'My Committees',\n  },\n];\n\nconst mockSideNavAdminItems = [\n  {\n    path: '/account/update-profile',\n    title: 'Update Profile',\n  },\n  {\n    path: '/account/subscription-preferences',\n    title: 'Subscription Preferences',\n  },\n  {\n    path: '/account/contact-lists',\n    title: 'My Contact Lists',\n  },\n  {\n    path: '/account/my-committees',\n    title: 'My Committees',\n  },\n];\n\nconst sideBarMainContent = css`\n  background-color: ${colors.white};\n  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);\n`;\n\nconst sideBar = css`\n  display: none;\n  @media ${bp.lg} {\n    display: block;\n  }\n`;\n\nfunction MyAccount({ mainContent, role }) {\n  const isAdmin = Array.isArray(role) && role.includes(pciEveryone);\n\n  return (\n    <>\n      <Breadcrumbs theme=\"dark\" />\n      <Row>\n        <Col lg={6} css={sideBar}>\n          <SideNav pages={isAdmin ? mockSideNavAdminItems : mockSideNavItems} />\n        </Col>\n        <Col md={24} lg={18} css={sideBarMainContent}>\n          {mainContent}\n        </Col>\n      </Row>\n    </>\n  );\n}\n\nexport default connect(\n  state => {\n    const { auth } = state;\n    const { role } = auth;\n    return { role };\n  },\n  null\n)(MyAccount);\n","import { css, jsx } from '@emotion/react';\nimport { Breadcrumb, Icon } from 'antd';\nimport { get } from 'lodash';\nimport Link from 'next/link';\nimport { withRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport sitemap from '@/sitemap';\nimport { bp, colors, colorWhite } from '@/styles';\n\nconst breadcrumbs = hideInMobile => css`\n  display: ${hideInMobile ? 'none' : 'block'};\n  @media ${bp.sm} {\n    margin-bottom: 32px;\n    display: block;\n  }\n  @media print {\n    display: none;\n    margin-bottom: 0;\n  }\n  .ant-breadcrumb-link {\n    font-size: 1.6rem;\n    line-height: 2.8rem;\n    a {\n      font-weight: 600;\n      color: ${colors.secondaryGray};\n    }\n  }\n  .ant-breadcrumb-separator {\n    margin: 0 16px;\n  }\n`;\n\nfunction findTitle(parts, slug, map) {\n  const partsLength = parts.length;\n  const chain = parts.reduce((acc, current, i) => {\n    if (acc.includes('title')) return acc;\n    const first = i === 0;\n    const last = i === partsLength - 1;\n    const end = current === slug;\n    if (first) {\n      return [current, partsLength === 1 || end ? 'title' : 'children'];\n    }\n    if (last || end) {\n      return acc.concat([current, 'title']);\n    }\n    return acc.concat([current, 'children']);\n  }, []);\n  const chainCopy = [...chain];\n  chainCopy.pop();\n  const includeBreadcrumb = get(map, chainCopy, {}).breadcrumb !== false;\n  return {\n    breadcrumbName: get(map, chain),\n    includeBreadcrumb,\n  };\n}\n\nconst Breadcrumbs = withRouter(props => {\n  const { router, theme, overrideLast, hideHomePath, hidePaths, hideInMobile } = props;\n  const { asPath } = router;\n  const parts = asPath.replace(/\\?.*/, '').split('/');\n  // remove emptystring first item\n  parts.shift();\n\n  const white = theme === 'white' ? colorWhite : css``;\n\n  const overrideList = [];\n  if (overrideLast && Array.isArray(overrideLast)) {\n    overrideList.push(...overrideLast);\n  } else if (overrideLast) {\n    overrideList.push(overrideLast);\n  }\n\n  return (\n    <Breadcrumb\n      css={breadcrumbs(hideInMobile)}\n      separator={\n        <span css={white}>\n          <Icon type=\"right\" />\n        </span>\n      }\n      itemRender={(r, params, rs) => {\n        const last = rs.indexOf(r) === rs.length - 1;\n        if ((last && !r.forceBreadcrumb) || !r.includeBreadcrumb) {\n          return <span css={white}>{r.breadcrumbName}</span>;\n        }\n        return (\n          <Link href={r.path} passHref>\n            <a css={white}>{r.breadcrumbName}</a>\n          </Link>\n        );\n      }}\n      routes={[\n        ...(!hideHomePath\n          ? [{ path: '/', breadcrumbName: 'Home', includeBreadcrumb: true, forceBreadcrumb: true }]\n          : []),\n        ...parts\n          .map((part, i) => {\n            const ancestry = [...Array(i + 1).keys()];\n            const title = findTitle(parts, part, sitemap);\n            return title.breadcrumbName && !hidePaths.includes(part)\n              ? {\n                  path: `/${ancestry.map(pi => parts[pi]).join('/')}`,\n                  ...title,\n                  forceBreadcrumb: false,\n                }\n              : false;\n          })\n          .filter(Boolean),\n        ...overrideList.map(override => ({\n          path: override.path,\n          breadcrumbName: override.name,\n          includeBreadcrumb: Boolean(override.breadcrumb),\n          forceBreadcrumb: Boolean(override.breadcrumb),\n        })),\n      ]}\n    />\n  );\n});\n\nBreadcrumbs.propTypes = {\n  theme: PropTypes.string,\n  showCurrent: PropTypes.bool,\n  overrideLast: PropTypes.oneOfType([\n    PropTypes.shape({\n      path: PropTypes.string,\n      name: PropTypes.string,\n      breadcrumb: PropTypes.bool,\n    }),\n    PropTypes.bool,\n  ]),\n  hidePaths: PropTypes.array,\n  hideHomePath: PropTypes.bool,\n  hideInMobile: PropTypes.bool,\n};\n\nBreadcrumbs.defaultProps = {\n  theme: 'dark',\n  showCurrent: true,\n  overrideLast: false,\n  hidePaths: [],\n  hideHomePath: false,\n  hideInMobile: false,\n};\n\nexport default Breadcrumbs;\n","import { css } from '@emotion/react';\nimport Link from 'next/link';\nimport { useRouter } from 'next/router';\nimport React from 'react';\n\nimport { black, primaryBlue, primaryRed } from '@/styles/utilities/colors';\n\nconst NavLinkContainer = css`\n  margin: 0.4rem 0;\n`;\n\nconst NavLink = css`\n  display: block;\n  padding: 0.8rem 1.6rem;\n  border-left: 5px solid transparent;\n  line-height: 1.75;\n\n  &.selected {\n    border-left: 5px solid ${primaryRed};\n    color: ${black};\n  }\n\n  &:focus,\n  &:hover {\n    color: ${primaryBlue};\n    span {\n      border-bottom: 2px solid ${primaryBlue};\n    }\n  }\n`;\n\nconst NavTitle = css`\n  text-transform: capitalize;\n  font-weight: 800;\n  font-size: 1.6rem;\n`;\n\nfunction SideNavItem({ path, title }) {\n  const router = useRouter();\n\n  const isSelected = path === router.route;\n  return (\n    <li css={NavLinkContainer}>\n      <Link href={path} passHref>\n        <a css={NavLink} data-testid={path} className={isSelected ? 'selected' : ''}>\n          <span css={NavTitle}>{title}</span>\n        </a>\n      </Link>\n    </li>\n  );\n}\n\nexport default SideNavItem;\n","import { css } from '@emotion/react';\nimport React from 'react';\n\nimport SideNavItem from './components/SideNavItem';\n\nconst SideNavList = css`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  flex-direction: column;\n`;\n\nfunction SideNav({ pages = [] }) {\n  return (\n    <>\n      {pages.length === 0 ? null : (\n        <nav aria-label=\"Account\">\n          <ul css={SideNavList}>\n            {pages.map(page => {\n              return <SideNavItem title={page.title} path={page.path} key={page.path} />;\n            })}\n          </ul>\n        </nav>\n      )}\n    </>\n  );\n}\n\nexport default SideNav;\n"],"names":["mockSideNavItems","path","title","mockSideNavAdminItems","sideBarMainContent","css","colors","sideBar","bp","connect","state","role","auth","mainContent","isAdmin","Array","isArray","includes","pciEveryone","theme","lg","pages","md","breadcrumbs","hideInMobile","Breadcrumbs","withRouter","props","router","overrideLast","hideHomePath","hidePaths","parts","asPath","replace","split","shift","white","colorWhite","overrideList","push","separator","type","itemRender","r","params","rs","indexOf","length","forceBreadcrumb","includeBreadcrumb","breadcrumbName","href","passHref","routes","map","part","i","ancestry","keys","slug","partsLength","chain","reduce","acc","current","end","concat","chainCopy","pop","get","breadcrumb","findTitle","sitemap","pi","join","filter","Boolean","override","name","defaultProps","showCurrent","NavLinkContainer","NavLink","primaryRed","black","primaryBlue","NavTitle","isSelected","useRouter","route","className","SideNavList","page","key"],"sourceRoot":""}