{"version":3,"file":"964bda44.js","mappings":"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","sources":["webpack://audioeye-web/./src/components/pageSlices/FlexibleText.jsx"],"sourcesContent":["/* eslint-disable indent */\nimport React from 'react'\nimport { graphql } from 'gatsby'\nimport styled from '@emotion/styled'\nimport { css } from '@emotion/react'\nimport idx from 'idx'\nimport { RichText } from 'prismic-reactjs'\nimport GatsbyLink from '../../utils/GatsbyLink'\nimport Text from '../common/Text'\nimport Space from '../common/Space'\nimport Button from '../common/Button'\nimport violetCheckMarkIcon from '../../../static/icons/check-icons/violet-check-icon.svg'\nimport greenCheckMarkIcon from '../../../static/icons/check-icons/green-stroke-check-icon.svg'\nimport { theme } from '../../styles'\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  padding-top: ${p => (p.hasTopPadding ? '80px' : '8px')};\n  padding-bottom: ${p => (p.hasBottomPadding ? '80px' : '8px')};\n\n  ul {\n    list-style-position: inside;\n  }\n  @media (max-width: 1050px) {\n    padding-top: ${p => (p.hasTopPadding ? '64px' : '8px')};\n    padding-bottom: ${p => (p.hasBottomPadding ? '64px' : '8px')};\n    * {\n      text-align: center !important;\n    }\n    h2,\n    h3 {\n      margin: 0 auto;\n    }\n  }\n`\n\nconst BG = styled.div`\n  position: absolute;\n  width: 500vw;\n  height: 100%;\n  z-index: -1;\n  background-color: ${p => (p.backgroundColor ? p.theme.color[p.backgroundColor] : 'transparent')};\n  margin-left: -100%;\n  margin-top: ${p => (p.hasTopPadding ? '-80px' : '-8px')};\n\n  @media (max-width: 1050px) {\n    margin-top: ${p => (p.hasTopPadding ? '-64px' : '-8px')};\n  }\n`\n\nconst CenteredWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n  align-items: center;\n  max-width: ${p => (p.centerColTextLeftAligned ? '700px' : '900px')};\n\n  @media (max-width: 1050px) {\n    * {\n      text-align: ${p => (p.centerColTextLeftAligned ? 'left!important' : 'inherit')};\n    }\n  }\n`\n\nconst HeaderWrapper = styled.div`\n  display: flex;\n  margin-bottom: 24px;\n  ${p =>\n    p.headingOnly &&\n    `\n    margin-bottom: 0px;\n  `}\n\n  @media (max-width: 1050px) {\n    justify-content: center;\n  }\n`\n\nconst ColWrapper = styled.div`\n  display: flex;\n  width: 100%;\n\n  img {\n    width: 100%;\n    height: auto;\n  }\n\n  @media (max-width: 1050px) {\n    flex-direction: column;\n  }\n`\n\nconst Col = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ${p =>\n    !p.single &&\n    css`\n      &:first-of-type {\n        padding-right: 120px;\n      }\n    `}\n  @media (max-width: 1050px) {\n    &:first-of-type {\n      padding-right: 0px;\n    }\n  }\n`\n\nconst ColText = styled(Text)``\n\nconst CheckMarkListWrapper = styled(Text)`\n  li {\n    color: ${p => (p.darkmode ? theme.color.white : theme.color.offBlack)};\n    list-style-type: none;\n    background-image: url(${p => (p.darkmode ? greenCheckMarkIcon : violetCheckMarkIcon)});\n    background-repeat: no-repeat;\n    padding-left: 30px;\n    background-position: top 8px left;\n  }\n\n  @media (max-width: 1050px) {\n    ul {\n      width: fit-content;\n      margin: 0 auto;\n      text-align: left !important;\n    }\n    li {\n      text-align: left !important;\n    }\n  }\n`\n\nconst ColButtonWrapper = styled.div`\n  display: flex;\n  padding-top: 16px;\n`\n\nconst ButtonWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  padding-top: 32px;\n  @media (max-width: 1050px) {\n    padding-top: 16px;\n  }\n  @media (max-width: 800px) {\n    width: 100%;\n  }\n`\n\nconst FlexibleText = ({ primary }) => {\n  const centeredHeading = idx(primary, _ => _.centered_heading.richText[0].text) && (\n    <RichText render={primary.centered_heading.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const centerColText = idx(primary, _ => _.center_col_text.richText[0].text) && (\n    <RichText render={primary.center_col_text.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const leftHeading = idx(primary, _ => _.left_heading.richText[0].text) && (\n    <RichText render={primary.left_heading.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const rightHeading = idx(primary, _ => _.right_heading.richText[0].text) && (\n    <RichText render={primary.right_heading.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const leftColText = idx(primary, _ => _.left_col_text.richText[0]) && (\n    <RichText render={primary.left_col_text.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const rightColText = idx(primary, _ => _.right_col_text.richText[0]) && (\n    <RichText render={primary.right_col_text.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const leftColCheckMarkList = idx(primary, _ => _.left_col_checkmark_list.richText[0].text) && (\n    <RichText render={primary.left_col_checkmark_list.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const rightColCheckMarkList = idx(primary, _ => _.right_col_checkmark_list.richText[0].text) && (\n    <RichText render={primary.right_col_checkmark_list.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const rightColButtonText = idx(primary, _ => _.right_col_button_text.richText[0].text) && (\n    <RichText render={primary.right_col_button_text.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const leftColButtonText = idx(primary, _ => _.left_col_button_text.richText[0].text) && (\n    <RichText render={primary.left_col_button_text.richText} serializeHyperlink={GatsbyLink} />\n  )\n  const leftColButtonUrl = idx(primary, _ => _.left_col_button_link.url)\n  const rightColButtonUrl = idx(primary, _ => _.right_col_button_link.url)\n  const buttonText = idx(primary, _ => _.button_text.text)\n  const buttonUrl = idx(primary, _ => _.button_link.url)\n  const backgroundColor = primary.background_color\n  const anchorId = primary.anchor_id\n  const darkmode = primary.background_color === 'purple900'\n  const centerColTextLeftAligned = idx(primary, _ => _.center_col_text_left_aligned)\n  const hasTopPadding = primary.has_top_padding === null ? true : primary.has_top_padding\n  const hasBottomPadding = primary.has_bottom_padding === null ? true : primary.has_bottom_padding\n\n  const headingOnly =\n    centeredHeading &&\n    !leftHeading &&\n    !rightHeading &&\n    !centerColText &&\n    !leftColText &&\n    !rightColText &&\n    !leftColCheckMarkList &&\n    !rightColCheckMarkList &&\n    !rightColButtonText &&\n    !leftColButtonText\n  return (\n    <Wrapper id={anchorId || null} hasTopPadding={hasTopPadding} hasBottomPadding={hasBottomPadding}>\n      {(centeredHeading || centerColText) && (\n        <CenteredWrapper centerColTextLeftAligned={centerColTextLeftAligned}>\n          {centeredHeading && (\n            <HeaderWrapper headingOnly={headingOnly}>\n              <Text\n                color={darkmode ? 'white' : 'offBlack'}\n                darkmode\n                center\n                font={centeredHeading.props.render[0].type === 'heading1' ? 'heading1' : 'heading3'}\n                richText\n              >\n                {centeredHeading}\n              </Text>\n            </HeaderWrapper>\n          )}\n          {centerColText && (\n            <Col single>\n              <ColText color={darkmode ? 'white' : 'offBlack'} center={!centerColTextLeftAligned} richText>\n                {centerColText}\n              </ColText>\n            </Col>\n          )}\n        </CenteredWrapper>\n      )}\n      {(leftHeading ||\n        leftColText ||\n        rightHeading ||\n        rightColText ||\n        leftColCheckMarkList ||\n        rightColCheckMarkList ||\n        leftColButtonText ||\n        rightColButtonText) && (\n        <ColWrapper>\n          <Col>\n            {leftHeading && (\n              <HeaderWrapper headingOnly={headingOnly}>\n                <Text\n                  color={darkmode ? 'white' : 'offBlack'}\n                  font={leftHeading.props.render[0].type === 'heading1' ? 'heading1' : 'heading3'}\n                  richText\n                >\n                  {leftHeading}\n                </Text>\n              </HeaderWrapper>\n            )}\n            {leftColText && (\n              <ColText color={darkmode ? 'white' : 'offBlack'} richText>\n                {leftColText}\n              </ColText>\n            )}\n            {leftColCheckMarkList && (\n              <CheckMarkListWrapper darkmode={darkmode} richText>\n                {leftColCheckMarkList}\n              </CheckMarkListWrapper>\n            )}\n            {leftColButtonText && leftColButtonUrl && (\n              <ColButtonWrapper>\n                <Button\n                  buttonType={darkmode ? 'tertiary reversed' : 'primary'}\n                  to={leftColButtonUrl}\n                  text={leftColButtonText}\n                />\n              </ColButtonWrapper>\n            )}\n          </Col>\n          <Space height={0} tabletHeight={16} />\n          <Col>\n            {rightHeading && (\n              <HeaderWrapper headingOnly={headingOnly}>\n                <Text\n                  color={darkmode ? 'white' : 'offBlack'}\n                  font={rightHeading.props.render[0].type === 'heading1' ? 'heading1' : 'heading3'}\n                  richText\n                >\n                  {rightHeading}\n                </Text>\n              </HeaderWrapper>\n            )}\n            {!rightHeading && !centeredHeading && leftHeading && (\n              <Space height={68} tabletHeight={8} style={{ marginBottom: '0px' }} />\n            )}\n            {rightColText && (\n              <ColText color={darkmode ? 'white' : 'offBlack'} richText>\n                {rightColText}\n              </ColText>\n            )}\n            {rightColCheckMarkList && (\n              <CheckMarkListWrapper darkmode={darkmode} richText>\n                {rightColCheckMarkList}\n              </CheckMarkListWrapper>\n            )}\n            {rightColButtonText && rightColButtonUrl && (\n              <ColButtonWrapper>\n                <Button\n                  buttonType={darkmode ? 'tertiary reversed' : 'primary'}\n                  to={rightColButtonUrl}\n                  text={rightColButtonText}\n                />\n              </ColButtonWrapper>\n            )}\n          </Col>\n        </ColWrapper>\n      )}\n\n      {buttonText && buttonUrl && (\n        <ButtonWrapper>\n          <Button buttonType={darkmode ? 'tertiary reversed' : 'primary'} to={buttonUrl} text={buttonText} />\n        </ButtonWrapper>\n      )}\n      <BG\n        className=\"bg\"\n        backgroundColor={backgroundColor}\n        hasTopPadding={hasTopPadding}\n        hasBottomPadding={hasBottomPadding}\n      />\n    </Wrapper>\n  )\n}\n\nexport default FlexibleText\n\nexport const query = graphql`\n  fragment FlexibleText on PrismicPageDataBodyFlexibleText {\n    ...SliceBase\n    primary {\n      background_color\n      anchor_id\n      has_top_padding\n      has_bottom_padding\n      button_text {\n        ...TextContent\n      }\n      center_col_text {\n        ...TextContent\n      }\n      center_col_text_left_aligned\n      button_link {\n        uid\n        url\n      }\n      centered_heading {\n        ...TextContent\n      }\n      left_col_text {\n        ...TextContent\n      }\n      left_col_checkmark_list {\n        ...TextContent\n      }\n      left_col_button_text {\n        ...TextContent\n      }\n      left_col_button_link {\n        uid\n        url\n      }\n      left_heading {\n        ...TextContent\n      }\n      right_col_text {\n        ...TextContent\n      }\n      right_col_checkmark_list {\n        ...TextContent\n      }\n      right_heading {\n        ...TextContent\n      }\n      right_col_button_text {\n        ...TextContent\n      }\n      right_col_button_link {\n        uid\n        url\n      }\n    }\n  }\n`\n"],"names":["Wrapper","p","hasTopPadding","hasBottomPadding","BG","backgroundColor","theme","color","CenteredWrapper","centerColTextLeftAligned","HeaderWrapper","headingOnly","ColWrapper","Col","single","ColText","Text","CheckMarkListWrapper","darkmode","greenCheckMarkIcon","violetCheckMarkIcon","ColButtonWrapper","ButtonWrapper","primary","centeredHeading","idx","_","centered_heading","richText","text","RichText","render","serializeHyperlink","GatsbyLink","centerColText","center_col_text","leftHeading","left_heading","rightHeading","right_heading","leftColText","left_col_text","rightColText","right_col_text","leftColCheckMarkList","left_col_checkmark_list","rightColCheckMarkList","right_col_checkmark_list","rightColButtonText","right_col_button_text","leftColButtonText","left_col_button_text","leftColButtonUrl","left_col_button_link","url","rightColButtonUrl","right_col_button_link","buttonText","button_text","buttonUrl","button_link","background_color","anchorId","anchor_id","center_col_text_left_aligned","has_top_padding","has_bottom_padding","id","center","font","props","type","buttonType","to","height","tabletHeight","style","marginBottom","className"],"sourceRoot":""}