{"version":3,"file":"static/chunks/pages/account/contact-lists-dbee9fcf932cc41f.js","mappings":"qNAKA,IAAMA,EAAS,CACbC,mBAAoB,CAAF,oDA2BpB,MAtBA,YAA6C,IAAhBC,EAAgB,EAAhBA,aAC3B,OAA4B,IAAxBA,EAAaC,QAEb,iBAAG,qGAQL,yBACE,QAACC,EAAA,EAAD,CAASC,KAAM,EAAGC,MAAM,UAAUC,KAAK,KAAKC,OAAO,OAAOC,IAAKT,EAAOC,oBAAoB,kBACxEC,EAAaC,OAAO,KAErCD,EAAaQ,KAAI,SAAAC,GAChB,OAAO,aAAGC,IAAKD,EAAKE,eAAgBF,EAAKG,2BCnBjD,IAAMd,EAAS,CACbe,sBAAuB,CAAF,gDAwBvB,MAnBA,YAAgC,IAARC,EAAQ,EAARA,KAChBC,EAAqBD,EAAKE,eAC1BC,GACJ,QAAC,IAAD,CAAYC,KAAI,iBAAYJ,EAAKK,sBAAwBL,EAAKK,qBAEhE,OACE,eAAKZ,IAAKT,EAAOe,wBACf,QAACO,EAAA,EAAD,CAAeC,WAAW,qBACF,KAAvBN,IACC,iBAAG,mIAEqCA,EAAmB,QAAME,EAAoB,MAGvF,QAAC,EAAD,CAAmBjB,aAAcc,EAAKQ,iB,2ECG5C,GAAeC,EAAAA,EAAAA,IAnBU,SAAAC,GACvB,OACE,QAACC,EAAA,EAAD,MACE,QAACC,EAAA,EAAD,CAASC,QAAQ,OAAOC,SAAO,IAC7B,QAACC,EAAA,EAAD,MACE,QAACC,EAAA,EAAD,CACEC,aACE,QAACC,EAAA,EAAD,MACE,QAAC,EAAD,UAIN,QAACC,EAAA,EAAD,CAAaC,KAAK,yBAAyBC,MAAM,4B,kKCjB5CC,EAAkB,G,6EAAjC,WAAiCC,GAAjC,gGAE2BC,IAAQ,CAC7BC,IAAK,6BAAF,OAA+BF,GAClCG,aAAa,IAJnB,cAEUC,EAFV,yBAMWA,EAASC,MANpB,uCAQIC,QAAQC,KAAR,MARJ,kBASW,CACLC,MAAO,8CAVb,0D,sBAkDA,KAAeC,EAAAA,EAAAA,KAZS,SAAAC,GAOtB,MAAO,CACLC,SAHED,EAHFE,KACEC,SAAYC,YAWhB,CACEf,kBAAAA,GAHJ,EAnCA,YAAqD,IAAtBgB,EAAsB,EAAtBA,SAAUJ,EAAY,EAAZA,SACvC,GAAgCK,EAAAA,EAAAA,UAAS,MAAlCC,EAAP,KAAiBC,EAAjB,KAOA,OALAC,EAAAA,EAAAA,YAAS,uBAAC,oGACWpB,EAAkBY,GAD7B,OACFlC,EADE,OAERyC,EAAYzC,GAFJ,2CAGP,IAEEwC,EAIDA,EAASG,SAAgC,UAArBH,EAASG,SACxB,QAAC,UAAD,MAGFC,EAAAA,SAAAA,IAAmBN,GAAU,SAAAO,GAClC,OAAOD,EAAAA,aAAmBC,EAAO,CAC/B7C,KAAMwC,QATD,aAAUM,UAAW,CAAEC,KAAM,IAAMC,QAAM,Q,uBC9B/CC,OAAOC,SAAWD,OAAOC,UAAY,IAAIC,KAAK,CAC7C,yBACA,WACE,OAAO,EAAQ,Y","sources":["webpack://_N_E/./src/account/components/ContactLists/components/ContactListItems.js","webpack://_N_E/./src/account/components/ContactLists/index.js","webpack://_N_E/./pages/account/contact-lists/index.js","webpack://_N_E/./src/shared/utils/FullProfileProvider.js","webpack://_N_E/?7a0a"],"sourcesContent":["import { css } from '@emotion/react';\nimport React from 'react';\n\nimport Heading from '@/src/shared/components/Heading';\n\nconst styles = {\n  contactListsHeader: css`\n    padding: 0.8rem 0 1.2rem 0;\n  `,\n};\n\nfunction ContactListsItems({ contactLists }) {\n  if (contactLists.length === 0) {\n    return (\n      <p>\n        You are not on any contact lists. Please contact your account manager if you have any\n        questions.\n      </p>\n    );\n  }\n\n  return (\n    <>\n      <Heading type={3} theme=\"default\" size=\"md\" weight=\"bold\" css={styles.contactListsHeader}>\n        Contact Lists ({contactLists.length})\n      </Heading>\n      {contactLists.map(list => {\n        return <p key={list.CommitteeCode}>{list.CommitteeDescription}</p>;\n      })}\n    </>\n  );\n}\n\nexport default ContactListsItems;\n","import { css } from '@emotion/react';\nimport React from 'react';\n\nimport CustomLink from '@/src/shared/components/Link';\n\nimport HeaderSection from '../HeaderSection';\nimport ContactListsItems from './components/ContactListItems';\n\nconst styles = {\n  contactListsContainer: css`\n    padding: 2.6rem 2.4rem;\n  `,\n};\n\nfunction ContactLists({ user }) {\n  const accountManagerName = user.AccountManager;\n  const accountManagerEmail = (\n    <CustomLink href={`mailto:${user.AccountManagerEmail}`}>{user.AccountManagerEmail}</CustomLink>\n  );\n  return (\n    <div css={styles.contactListsContainer}>\n      <HeaderSection headerText=\"My Contact Lists\" />\n      {accountManagerName !== '' && (\n        <p>\n          You are signed up to receive emails from the following lists. To manage your contact list,\n          please contact your Account Manager, {accountManagerName}, at {accountManagerEmail}.\n        </p>\n      )}\n      <ContactListsItems contactLists={user.ContactLists} />\n    </div>\n  );\n}\n\nexport default ContactLists;\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\n\nimport ContactLists from '@/src/account/components/ContactLists';\nimport MyAccount from '@/src/account/components/MyAccount';\nimport Container from '@/src/shared/components/Container';\nimport Layout from '@/src/shared/components/Layout';\nimport Section from '@/src/shared/components/Section';\nimport WebLogImage from '@/src/shared/components/WebLogImage';\nimport withAuthentication from '@/src/shared/components/WithAuthentication';\nimport FullProfileProvider from '@/src/shared/utils/FullProfileProvider';\n\nconst ContactListsPage = props => {\n  return (\n    <Layout>\n      <Section bgColor=\"gray\" halfPad>\n        <Container>\n          <MyAccount\n            mainContent={\n              <FullProfileProvider>\n                <ContactLists />\n              </FullProfileProvider>\n            }\n          />\n          <WebLogImage path=\"/account/contact-lists\" title=\"My Contact Lists\" />\n        </Container>\n      </Section>\n    </Layout>\n  );\n};\n\nexport default withAuthentication(ContactListsPage);\n","import { Skeleton } from 'antd';\nimport Error from 'next/error';\nimport React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport request from '@/utils/axios';\n\nasync function getProfileDetails(id) {\n  try {\n    const response = await request({\n      url: `/profile/details?personId=${id}`,\n      triggerLoad: false,\n    });\n    return response.data;\n  } catch (err) {\n    console.warn(err);\n    return {\n      error: 'There was an error processing the request',\n    };\n  }\n}\n\nfunction FullProfileProvider({ children, personId }) {\n  const [userInfo, setUserInfo] = useState(null);\n\n  useEffect(async () => {\n    const user = await getProfileDetails(personId);\n    setUserInfo(user);\n  }, []);\n\n  if (!userInfo) {\n    return <Skeleton paragraph={{ rows: 12 }} active />;\n  }\n\n  if (userInfo.Success && userInfo.Success === 'false') {\n    return <Error />;\n  }\n\n  return React.Children.map(children, child => {\n    return React.cloneElement(child, {\n      user: userInfo,\n    });\n  });\n}\n\nconst mapStateToProps = state => {\n  const {\n    auth: {\n      userinfo: { PersonID },\n    },\n  } = state;\n\n  return {\n    personId: PersonID,\n  };\n};\n\nexport default connect(\n  mapStateToProps,\n  {\n    getProfileDetails,\n  }\n)(FullProfileProvider);\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/account/contact-lists\",\n      function () {\n        return require(\"private-next-pages/account/contact-lists/index.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/account/contact-lists\"])\n      });\n    }\n  "],"names":["styles","contactListsHeader","contactLists","length","Heading","type","theme","size","weight","css","map","list","key","CommitteeCode","CommitteeDescription","contactListsContainer","user","accountManagerName","AccountManager","accountManagerEmail","href","AccountManagerEmail","HeaderSection","headerText","ContactLists","withAuthentication","props","Layout","Section","bgColor","halfPad","Container","MyAccount","mainContent","FullProfileProvider","WebLogImage","path","title","getProfileDetails","id","request","url","triggerLoad","response","data","console","warn","error","connect","state","personId","auth","userinfo","PersonID","children","useState","userInfo","setUserInfo","useEffect","Success","React","child","paragraph","rows","active","window","__NEXT_P","push"],"sourceRoot":""}