{"version":3,"file":"static/chunks/1440-6369e22b5006f3b1.js","mappings":"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","sources":["webpack://_N_E/./src/shared/components/ContactCard/ContactCardImage.js","webpack://_N_E/./src/shared/components/ContactCard/index.js"],"sourcesContent":["import { css, jsx } from '@emotion/core';\nimport React, { memo, useEffect, useState } from 'react';\n\nimport request from '@/utils/axios';\n\nimport ContactInitials from './ContactInitials';\n\nconst style = {\n  image: css`\n    border-radius: 50%;\n    flex: 0 0 84px;\n    width: 84px;\n    height: 84px;\n    object-fit: cover;\n    object-position: center;\n  `,\n};\n\nconst ContactCardImage = memo(function ContactCardImage(props) {\n  const { id, name, setContactPhoto, initials } = props;\n  const [b64, setb64] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [avatarIcon, setAvatarIcon] = useState('loading');\n\n  useEffect(() => {\n    if (id) {\n      (async function mounted() {\n        try {\n          const response = await request({\n            url: 'image/file',\n            responseType: 'arraybuffer',\n            params: {\n              area: 'p',\n              id,\n            },\n            headers: {\n              'Content-Type': 'image/jpeg',\n            },\n          });\n          const base64Image = Buffer.from(response.data, 'binary').toString('base64');\n          if (base64Image) {\n            const image = `data:image/jpeg;base64,${base64Image}`;\n            setb64(image);\n            if (setContactPhoto) {\n              setContactPhoto(id, image);\n            }\n          } else {\n            setAvatarIcon('user');\n          }\n          setLoading(false);\n        } catch (error) {\n          setLoading(false);\n          console.log(error);\n        }\n      })();\n    }\n  }, [id]);\n\n  return loading || !b64 ? (\n    <ContactInitials icon={avatarIcon} initials={initials} />\n  ) : (\n    <img src={b64} alt={`${name} Profile`} css={style.image} />\n  );\n});\n\nexport default ContactCardImage;\n","import { css, jsx } from '@emotion/core';\nimport { Card, Icon } from 'antd';\nimport PropTypes from 'prop-types';\nimport React, { PureComponent } from 'react';\n\nimport { bp, colors } from '@/styles';\n\nimport ContactCardImage from './ContactCardImage';\nimport ContactInitials from './ContactInitials';\n\nconst style = {\n  card: css`\n    align-items: flex-start;\n    display: flex;\n    flex: 0 0 40%;\n    margin-bottom: 32px;\n\n    &:nth-child(odd) {\n      margin-right: 1.6rem;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    @media print {\n      flex: 0 0 50%;\n      margin-bottom: 12px;\n      margin-right: 0 !important;\n    }\n  `,\n  cardSmall: css`\n    background-color: #ffffff;\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    @media ${bp.sm} {\n      margin-left: 0;\n    }\n\n    .ant-card-head {\n      border: none;\n      padding: 0;\n\n      &-title {\n        color: ${colors.secondaryGrayDark};\n        font-weight: 900;\n        font-size: 2.8rem;\n        line-height: 1.29;\n        padding: 0;\n      }\n    }\n    .ant-card-body {\n      padding: 0;\n\n      @media print {\n        padding-left: 12px;\n        padding-right: 12px;\n      }\n    }\n    @media print {\n      .ant-card-head {\n        padding: 0px;\n        border-bottom: none;\n        &-title {\n          padding: 24px 0px 12px;\n          font-size: 2.2rem;\n        }\n      }\n    }\n  `,\n  container: css`\n    width: 100%;\n\n    @media print {\n      margin-bottom: 26px;\n    }\n  `,\n  title: css`\n    font-size: 2.8rem;\n    font-weight: 900;\n    margin: 0 0 2.6rem;\n\n    @media ${bp.md} {\n      font-size: 3.6rem;\n    }\n  `,\n  inner: css`\n    @media ${bp.md} {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n\n    @media print {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  `,\n  contactInfo: {\n    inner: css``,\n    container: css`\n      margin-left: 16px;\n      margin-bottom: 8px;\n    `,\n    name: css`\n      color: ${colors.primaryBlue};\n      font-size: 1.6rem;\n      font-weight: 900;\n      letter-spacing: 0;\n      line-height: 1.75;\n      margin: 0.4rem 0;\n      @media print {\n        margin: 0;\n      }\n    `,\n    title: css`\n      font-size: 1.2rem;\n      font-weight: 900;\n      line-height: 1.66;\n      margin: 0 0 0.4rem;\n      text-transform: uppercase;\n      @media print {\n        margin: 0;\n      }\n    `,\n    company: css`\n      color: ${colors.secondaryGrayDark};\n      font-size: 12px;\n      line-height: 20px;\n      font-weight: 900;\n      height: 23px;\n      padding: 1px 14px;\n      border-radius: 100px;\n      background-color: ${colors.accentGrayUltralight};\n    `,\n    link: css`\n      color: ${colors.primaryBlue};\n      display: block;\n      font-size: 1.2rem;\n      font-weight: 900;\n      line-height: 1.66;\n      margin: 0 0 0.4rem;\n\n      &:hover {\n        color: ${colors.primaryRed};\n      }\n      .anticon {\n        font-size: 14px;\n        margin-right: 9px;\n      }\n\n      @media print {\n        margin: 4px 0 0;\n      }\n    `,\n  },\n  cardVertical: css`\n    box-shadow: 0 6px 12px 0 rgba(35, 32, 32, 0.1);\n\n    .ant-card-head {\n      &-title {\n        padding: 2.4rem 0;\n\n        > * {\n          margin: 0;\n        }\n      }\n    }\n  `,\n};\n\nclass ContactCard extends PureComponent {\n  render() {\n    const { contacts, title, setContactPhoto, layout = 'horizontal', isNewsRelease } = this.props;\n\n    if (!contacts.length) {\n      return null;\n    }\n    return (\n      <div css={style.container} id=\"contact-cards\">\n        <Card\n          title={<h3 css={style.title}>{title}</h3>}\n          bordered={false}\n          css={layout === 'horizontal' ? style.cardSmall : style.cardVertical}\n        >\n          <div css={layout === 'horizontal' ? style.inner : {}}>\n            {contacts.map(contact => {\n              const {\n                fullname,\n                phone,\n                email,\n                title: contactTitle,\n                id,\n                displayPicture,\n                initials,\n                companyid,\n                company,\n              } = contact;\n\n              return (\n                <div key={fullname} css={style.card}>\n                  {id && displayPicture ? (\n                    <ContactCardImage\n                      setContactPhoto={setContactPhoto}\n                      id={id}\n                      name={fullname}\n                      initials={initials}\n                    />\n                  ) : (\n                    <ContactInitials icon=\"user\" initials={initials} />\n                  )}\n                  <div css={style.contactInfo.container}>\n                    <div css={style.contactInfo.inner}>\n                      {companyid !== 4274 && isNewsRelease ? (\n                        <p>\n                          <span css={style.contactInfo.name}>{fullname}</span> (External)\n                        </p>\n                      ) : (\n                        <p css={style.contactInfo.name}>{fullname}</p>\n                      )}\n\n                      {contactTitle ? <p css={style.contactInfo.title}>{contactTitle}</p> : null}\n\n                      {company && companyid !== 4274 ? (\n                        <p css={style.contactInfo.company}>{company}</p>\n                      ) : null}\n\n                      {phone ? (\n                        <a href={`tel:${phone}`} data-attr={fullname} css={style.contactInfo.link}>\n                          <Icon type=\"phone\" theme=\"filled\" /> {phone}\n                        </a>\n                      ) : null}\n                      {email ? (\n                        <a\n                          href={`mailto:${email}`}\n                          data-attr={fullname}\n                          css={style.contactInfo.link}\n                        >\n                          <Icon type=\"mail\" /> {email}\n                        </a>\n                      ) : null}\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </Card>\n      </div>\n    );\n  }\n}\n\nContactCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  contacts: PropTypes.arrayOf(\n    PropTypes.shape({\n      fullname: PropTypes.string.isRequired,\n      phone: PropTypes.string,\n      email: PropTypes.string,\n      imgURL: PropTypes.string,\n      isFeatured: PropTypes.bool,\n      title: PropTypes.string,\n    })\n  ).isRequired,\n};\n\nexport default ContactCard;\n"],"names":["style","image","ContactCardImage","memo","props","id","name","setContactPhoto","initials","useState","b64","setb64","loading","setLoading","avatarIcon","setAvatarIcon","useEffect","request","url","responseType","params","area","headers","response","base64Image","Buffer","from","data","toString","console","log","ContactInitials","icon","src","alt","css","card","cardSmall","bp","colors","container","title","inner","contactInfo","company","link","cardVertical","ContactCard","this","contacts","layout","isNewsRelease","length","bordered","map","contact","fullname","phone","email","contactTitle","displayPicture","companyid","key","href","type","theme","PureComponent"],"sourceRoot":""}