{"version":3,"file":"4e0cfbd2.js","mappings":"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","sources":["webpack://audioeye-web/./src/components/pageSlices/pricing/FeaturesTable.jsx"],"sourcesContent":["/* eslint-disable camelcase */\n/* eslint-disable react/jsx-fragments */\n/* eslint-disable indent */\nimport React from 'react'\nimport styled from '@emotion/styled'\nimport { graphql } from 'gatsby'\nimport idx from 'idx'\nimport mapValues from 'lodash/mapValues'\nimport groupBy from 'lodash/groupBy'\nimport omit from 'lodash/omit'\nimport { RichText } from 'prismic-reactjs'\n\nimport kebabCase from 'lodash/kebabCase'\nimport { theme } from '../../../styles'\nimport GatsbyLink from '../../../utils/GatsbyLink'\nimport Space from '../../common/Space'\nimport Button from '../../common/Button'\nimport blackCheckIcon from '../../../../static/icons/check-icons/black-check-icon.svg'\nimport xIcon from '../../../../static/icons/misc-icons/x-icon.svg'\nimport grayArrowIcon from '../../../../static/icons/arrow-icons/gray-left-arrow-icon.svg'\nimport Text from '../../common/Text'\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: calc(100% + 300px);\n  margin-left: -150px;\n  padding: 80px 0px;\n  max-width: 100vw;\n\n  @media (max-width: 1050px) {\n    width: calc(100% + 20px);\n    max-width: unset;\n    margin-left: -10px;\n    overflow-x: scroll;\n    align-items: flex-start;\n  }\n`\n\nconst Header = styled.div`\n  max-width: 1000px;\n  padding-bottom: 16px;\n\n  @media (max-width: 1050px) {\n    padding-bottom: 0px;\n    align-self: center;\n  }\n\n  @media (max-width: 800px) {\n    * {\n      text-align: center !important;\n    }\n  }\n`\n\nconst TableWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 48px;\n\n  @media (max-width: 1050px) {\n    padding: 16px;\n    overflow-x: scroll;\n    width: max-content;\n  }\n`\n\nconst ColumnHeader = styled.div`\n  display: flex;\n  justify-content: center;\n  flex: 1;\n  background-color: ${theme.color.offWhite};\n  width: 100%;\n  padding: 24px 0px;\n  margin-right: 16px;\n  border-radius: 6px 6px 0px 0px;\n  border-top: 8px solid ${theme.color.purple500};\n\n  @media (max-width: 1050px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: 800px) {\n    max-width: 225px;\n  }\n`\n\nconst EnterpriseColumnHeader = styled(ColumnHeader)`\n  border-top: 8px solid ${theme.color.green500};\n`\n\nconst RowGroup = styled.div`\n  &:last-of-type {\n    padding-bottom: 32px;\n  }\n`\n\nconst Row = styled.div`\n  display: flex;\n  padding: 0px 24px 0px 40px;\n  justify-content: flex-start;\n\n  @media (max-width: 1050px) {\n    padding: 0px 24px;\n  }\n`\n\nconst HeadingRow = styled.div`\n  display: flex;\n  padding: 0px 24px 0px 40px;\n  flex-direction: row;\n  z-index: 1;\n\n  @media (max-width: 1050px) {\n    padding: 0px 24px;\n  }\n`\n\nconst ButtonRow = styled(HeadingRow)`\n  margin-right: 16px;\n`\n\nconst ButtonWrapper = styled.div`\n  background-color: ${theme.color.offWhite};\n  padding: 0px 16px 24px 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n  border-radius: 0px 0px 6px 6px;\n\n  @media (max-width: 800px) {\n    max-width: 225px;\n    width: 80vw;\n  }\n`\n\nconst TableCard = styled.div`\n  display: flex;\n  flex-direction: column;\n  background-color: ${theme.color.white};\n  width: 100%;\n  padding-bottom: 0px;\n`\n\nconst Block = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n  padding: 0px 16px;\n  background-color: ${theme.color.offWhite};\n  border-bottom: 1px solid ${theme.color.dropShadow};\n\n  @media (max-width: 1050px) {\n    width: 50vw;\n    max-width: 300px;\n  }\n\n  @media (max-width: 800px) {\n    max-width: 225px;\n    width: 80vw;\n  }\n`\n\nconst FeatureTextBlock = styled(Block)`\n  justify-content: flex-start;\n  padding: 8px 32px 8px 0px;\n  padding-left: 0px;\n  margin-right: 0px;\n  background-color: ${theme.color.white};\n  p {\n    margin-bottom: 0px;\n  }\n`\n\nconst ArrowIcon = styled.img`\n  margin-left: 16px;\n`\n\nconst MobileSwipeText = styled(Text)`\n  display: none;\n\n  @media (max-width: 1050px) {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n    padding-right: 24px;\n    margin-left: -24px;\n  }\n`\n\nconst BorderedSpace = styled(Space)`\n  border-bottom: 1px solid ${theme.color.dropShadow};\n`\n\nconst BlockText = ({ text, fontFamily, ...rest }) => (\n  <FeatureTextBlock {...rest}>\n    <Text richText font=\"smallBody\">\n      {text}\n    </Text>\n  </FeatureTextBlock>\n)\n\nconst Section = ({ title, sections }) => (\n  <>\n    {sections[title].map((item, i) => {\n      const { feature_text } = item\n\n      return (\n        // eslint-disable-next-line react/no-array-index-key\n        <Row role=\"row\" key={`${title}-${i}`}>\n          <BlockText\n            text={<RichText render={feature_text.richText} serializeHyperlink={GatsbyLink} />}\n            role=\"cell\"\n            aria-labelledby={`table-header-${kebabCase(title)}`}\n          />\n          <>\n            <Block role=\"cell\" aria-labelledby={`table-header-${kebabCase(title)}`}>\n              {!item.with_managed && !item.managed_column_text ? (\n                <img src={xIcon} alt={`${idx(feature_text, __ => __.text)} is not included with managed`} />\n              ) : null}\n              {item.with_managed ? (\n                <img\n                  src={blackCheckIcon}\n                  alt={`${idx(feature_text, __ => __.text)} is included with managed`}\n                  style={{ width: '18px' }}\n                />\n              ) : (\n                <Text smallBodyHeavy>{idx(item.managed_column_text, __ => __.text)}</Text>\n              )}\n            </Block>\n            <BorderedSpace width={16} />\n            <Block role=\"cell\" style={{ marginRight: '16px' }} aria-labelledby={`table-header-${kebabCase(title)}`}>\n              {!item.with_enterprise && !item.enterprise_column_text ? (\n                <img src={xIcon} alt={`${idx(feature_text, __ => __.text)} is not included with enterprise`} />\n              ) : null}\n              {item.with_enterprise ? (\n                <img\n                  src={blackCheckIcon}\n                  alt={`${idx(feature_text, __ => __.text)} is included with enterprise`}\n                  style={{ width: '18px' }}\n                />\n              ) : (\n                <Text smallBodyHeavy>{idx(item.enterprise_column_text, __ => __.text)}</Text>\n              )}\n            </Block>\n          </>\n        </Row>\n      )\n    })}\n  </>\n)\n\nconst FeaturesTable = ({ primary, items }) => {\n  const title = <RichText render={primary.title1.richText} serializeHyperlink={GatsbyLink} />\n  const managedColumnHeading = primary.managed_column_heading\n  const enterpriseColumnHeading = primary.enterprise_column_heading\n  const managedButtonText = primary.managed_button_text.text\n  const enterpriseButtonText = primary.enterprise_button_text.text\n  const anchorId = primary.anchor_id\n\n  const sections =\n    items &&\n    items[0] &&\n    mapValues(\n      groupBy(items, val => (idx(val, idxArg => idxArg.feature_section.text) ? val.feature_section.text : 'Features')),\n      clist => clist.map(car => omit(car, 'feature_section'))\n    )\n\n  return (\n    <Wrapper id={anchorId || null}>\n      <Header>\n        <Text heading2 center>\n          {title}\n        </Text>\n      </Header>\n      <TableWrapper role=\"table\">\n        <div role=\"rowgroup\" style={{ zIndex: '1' }}>\n          <HeadingRow role=\"row\">\n            <Space style={{ display: 'flex', flex: '1', paddingRight: '0px' }} role=\"cell\">\n              <MobileSwipeText smallBody color=\"gray700\">\n                <ArrowIcon src={grayArrowIcon} style={{ marginRight: '16px' }} />\n                Swipe to see and compare plans\n              </MobileSwipeText>\n            </Space>\n            <ColumnHeader>\n              <Text bodyHeavy center role=\"columnheader\">\n                {idx(managedColumnHeading, __ => __.text)}\n              </Text>\n            </ColumnHeader>\n            <EnterpriseColumnHeader role=\"presentation\">\n              <Text bodyHeavy center role=\"columnheader\">\n                {idx(enterpriseColumnHeading, __ => __.text)}\n              </Text>\n            </EnterpriseColumnHeader>\n          </HeadingRow>\n        </div>\n        <TableCard>\n          {Object.keys(sections).map(key => (\n            <RowGroup role=\"rowgroup\" key={key}>\n              <Row role=\"row\">\n                <Text\n                  bodyHeavy\n                  role=\"cell\"\n                  style={{ flex: '1', paddingTop: '32px', paddingRight: '0px' }}\n                  id={`table-header-${kebabCase(key)}`}\n                >\n                  {key}\n                </Text>\n                <Space style={{ flex: '1' }} backgroundColor=\"offWhite\" />\n                <Space width={16} />\n                <Space style={{ flex: '1', marginRight: '16px' }} backgroundColor=\"offWhite\" />\n              </Row>\n              <Section title={key} sections={sections} />\n            </RowGroup>\n          ))}\n          <Row>\n            <Space height={32} style={{ flex: '1', paddingRight: '32px' }} />\n            <Space height={32} style={{ flex: '1', padding: '0px 16px' }} backgroundColor=\"offWhite\" />\n            <Space height={32} width={16} />\n            <Space\n              height={32}\n              style={{ flex: '1', marginRight: '16px', padding: '0px 16px' }}\n              backgroundColor=\"offWhite\"\n            />\n          </Row>\n        </TableCard>\n        <ButtonRow>\n          <Space style={{ flex: '1', marginRight: '0px', paddingRight: '32px' }} />\n          <ButtonWrapper>\n            <Button text={managedButtonText} to=\"#get-started-free\" />\n          </ButtonWrapper>\n          <Space height={32} width={16} />\n          <ButtonWrapper>\n            <Button text={enterpriseButtonText} to=\"/enterprise-quote\" />\n          </ButtonWrapper>\n        </ButtonRow>\n      </TableWrapper>\n    </Wrapper>\n  )\n}\n\nexport default FeaturesTable\n\nexport const query = graphql`\n  fragment FeaturesTable on PrismicPageDataBodyFeaturesTable {\n    ...SliceBase\n    items {\n      enterprise_column_text {\n        ...TextContent\n      }\n      feature_section {\n        ...TextContent\n      }\n      feature_text {\n        ...TextContent\n      }\n      managed_column_text {\n        ...TextContent\n      }\n      with_enterprise\n      with_managed\n    }\n    primary {\n      anchor_id\n      enterprise_button_text {\n        ...TextContent\n      }\n      enterprise_column_heading {\n        ...TextContent\n      }\n      managed_button_text {\n        ...TextContent\n      }\n      managed_column_heading {\n        ...TextContent\n      }\n      title1 {\n        ...TextContent\n      }\n    }\n  }\n`\n"],"names":["Wrapper","Header","TableWrapper","ColumnHeader","theme","EnterpriseColumnHeader","RowGroup","Row","HeadingRow","ButtonRow","ButtonWrapper","TableCard","Block","FeatureTextBlock","ArrowIcon","MobileSwipeText","Text","BorderedSpace","Space","BlockText","text","rest","fontFamily","richText","font","Section","title","sections","map","item","i","feature_text","role","key","RichText","render","serializeHyperlink","GatsbyLink","kebabCase","with_managed","managed_column_text","src","xIcon","alt","idx","__","blackCheckIcon","style","width","smallBodyHeavy","marginRight","with_enterprise","enterprise_column_text","primary","items","title1","managedColumnHeading","managed_column_heading","enterpriseColumnHeading","enterprise_column_heading","managedButtonText","managed_button_text","enterpriseButtonText","enterprise_button_text","anchorId","anchor_id","mapValues","groupBy","val","idxArg","feature_section","clist","car","omit","id","heading2","center","zIndex","display","flex","paddingRight","smallBody","color","grayArrowIcon","bodyHeavy","Object","keys","paddingTop","backgroundColor","height","padding","to"],"sourceRoot":""}