{"version":3,"file":"d88d2ba5.js","mappings":"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","sources":["webpack://audioeye-web/./src/components/pageSlices/BannerTitle.jsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useState, useEffect } from 'react'\nimport { graphql } from 'gatsby'\nimport styled from '@emotion/styled'\nimport { css } from '@emotion/react'\nimport Modal from '@material-ui/core/Modal'\nimport idx from 'idx'\nimport { RichText } from 'prismic-reactjs'\nimport { ModalWrapper, CloseIcon } from './Feature'\nimport GatsbyLink from '../../utils/GatsbyLink'\nimport Text from '../common/Text'\nimport Space from '../common/Space'\nimport Button from '../common/Button'\nimport { theme } from '../../styles'\nimport VimeoIframe from '../common/VimeoIframe'\nimport getImage from '../../utils/getImage'\nimport violetCheckMarkIcon from '../../../static/icons/check-icons/violet-check-icon.svg'\nimport CrossIcon from '../../../static/icons/misc-icons/close-icon.svg'\nimport toTitleCase from '../../utils/toTitleCase'\nimport LottieAnimation from '../LottieAnimation'\n\nconst BannerContainer = styled.div`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  position: relative;\n\n  &:after {\n    ${p =>\n      p.backgroundColor &&\n      css`\n        position: absolute;\n        content: '';\n        top: 0;\n        z-index: -1;\n        background-color: ${p.backgroundColor ? theme.color[p.backgroundColor] : theme.color.white};\n        width: 500vw;\n        margin-left: -300%;\n        height: 100%;\n      `}\n  }\n`\n\nconst BannerWrapper = styled.div`\n  display: grid;\n  width: 100%;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 48px;\n  justify-content: space-between;\n  justify-items: center;\n  padding: 80px 0px;\n  padding-top: ${p => (p.hasTopPadding ? '64px' : '0px')};\n  padding-bottom: ${p => (p.hasBottomPadding ? '64px' : '0px')};\n\n  @media (max-width: 1500px) {\n    padding: 32px 0px;\n    padding-top: ${p => (p.hasTopPadding ? '32px' : '0px')};\n    padding-bottom: ${p => (p.hasBottomPadding ? '48px' : '0px')};\n  }\n\n  @media (max-width: 1300px) {\n    padding: 24px 0px;\n    padding-top: ${p => (p.hasTopPadding ? '24px' : '0px')};\n    padding-bottom: ${p => (p.hasBottomPadding ? '24px' : '0px')};\n  }\n\n  @media (max-width: 1050px) {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n    padding: 32px 0px 20px 0px;\n    padding-top: ${p => (p.hasTopPadding ? '32px' : '0px')};\n    padding-bottom: ${p => (p.hasBottomPadding ? '20px' : '0px')};\n  }\n`\n\nconst InfoWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  text-align: left;\n  width: 100%;\n\n  @media (max-width: 1050px) {\n    min-width: unset;\n    align-self: center;\n    justify-content: flex-start;\n    align-items: center;\n\n    * {\n      margin: 0 auto;\n      text-align: center !important;\n    }\n  }\n\n  @media (max-width: 800px) {\n    h1 {\n      font-size: 2.33rem !important;\n    }\n    h2 {\n      font-size: ${theme.fonts.size.heading2}!important;\n    }\n  }\n`\n\nconst ImageWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  @media (max-width: 1500px) {\n    justify-content: flex-start;\n    max-width: 600px;\n  }\n\n  @media (max-width: 1050px) {\n    max-width: 80vw;\n    margin: 0 auto;\n  }\n\n  @media (max-width: 800px) {\n    display: ${p => (p.showImgMob ? 'block' : 'none')};\n  }\n`\n\nconst TitleText = styled(Text)`\n  opacity: 0;\n  opacity: ${p => (p.dkiActive || p.dkiLoaded) && 1};\n  transition: all 75ms ease-in-out;\n\n  @media (max-width: 800px) {\n    h1 {\n      width: calc(100% + 12px);\n      margin-left: -6px;\n    }\n  }\n`\n\nconst BannerText = styled(Text)`\n  li {\n    font-size: 18px !important;\n  }\n  @media (max-width: 800px) {\n    p,\n    li {\n      font-size: 16px !important;\n    }\n    p {\n      font-size: ${theme.fonts.size.largeBody}!important;\n    }\n  }\n`\n\nconst CheckMarkListWrapper = styled(Text)`\n  opacity: 0;\n  opacity: ${p => (p.dkiActive || p.dkiLoaded) && 1};\n  transition: all 75ms ease-in-out;\n  ul {\n    margin-left: 20px;\n  }\n  li {\n    padding-inline-start: 12px;\n    list-style-type: none;\n    list-style-image: url(${violetCheckMarkIcon});\n\n    @media (max-width: 1050px) {\n      text-align: left;\n    }\n\n    @media (max-width: 800px) {\n      text-align: left !important;\n      margin-bottom: 16px;\n    }\n  }\n`\n\nconst ButtonWrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  .button.primary,\n  .button.secondary {\n    min-width: 200px;\n\n    @media (max-width: 1050px) {\n      margin: 0px 8px;\n    }\n\n    @media (max-width: 800px) {\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 800px) {\n    flex-direction: column;\n    width: 100%;\n  }\n`\n\nconst Image = styled.img`\n  object-fit: cover;\n  width: 100%;\n\n  @media (max-width: 1050px) {\n    margin: 0 auto 20px auto;\n  }\n\n  @media (max-width: 800px) {\n    display: ${p => (p.showImgMob ? 'block' : 'none')};\n  }\n`\n\nconst LottieWrapper = styled.div`\n  object-fit: cover;\n  width: 100%;\n\n  @media (max-width: 1050px) {\n    margin: 0 auto 20px auto;\n  }\n\n  @media (max-width: 800px) {\n    display: ${p => (p.showImgMob ? 'block' : 'none')};\n  }\n`\n\nconst BannerTitle = ({ primary }) => {\n  const text = <RichText render={primary.text.richText} serializeHyperlink={GatsbyLink} />\n  const smallCapsText = <RichText render={primary.small_caps_text.richText} serializeHyperlink={GatsbyLink} />\n  const imageSrc = idx(primary, _ => _.image.url)\n  const hasTopPadding = idx(primary, _ => _.has_top_padding)\n  const hasBottomPadding = idx(primary, _ => _.has_bottom_padding)\n  const backgroundColor = idx(primary, _ => _.background_color)\n  const modalVideo = idx(primary, _ => _.modal_video.url)\n  const primaryButtonText = idx(primary, _ => _.primary_button_text.text)\n  const primaryButtonLink = idx(primary, _ => _.primary_button_link.url) || idx(primary, _ => _.primary_button_link.uid)\n  const secondaryButtonText = idx(primary, _ => _.secondary_button_text.text)\n  const secondaryButtonLink =\n    idx(primary, _ => _.secondary_button_link.url) || idx(primary, _ => _.secondary_button_link.uid)\n  const noShadow = true\n  const anchorId = primary.anchor_id\n  const showImgMob = primary.show_img_mobile\n  const rawLottie = primary.animation && primary.animation.text\n  const lottieAnim = rawLottie ? JSON.parse(primary.animation.text) : null\n  const lottieAriaLabel = idx(primary, _ => _.animation_aria_label)\n  let dkiHeading = primary.title.richText && primary.title.richText[0] && primary.title.richText[0].text\n\n  const [open, setOpen] = useState(false)\n  const [newHeading, setNewHeading] = useState(null)\n  const [newCheckMarkList, setNewCheckMarkList] = useState(null)\n  const [dkiLoaded, setDkiLoaded] = useState(false)\n  const [dkiActive, setDkiActive] = useState(false)\n\n  // DKI title logic\n  const titleObj = primary.title.richText\n  const parsedHeading =\n    primary.title.richText &&\n    primary.title.richText[0] &&\n    primary.title.richText[0].text &&\n    primary.title.richText[0].text.split('for ')\n  const modifiedTitle = <RichText render={newHeading || titleObj} serializeHyperlink={GatsbyLink} />\n\n  const checkmarkListObj = idx(primary, _ => _.checkmark_list.richText)\n  const dkiListItem = <RichText render={newCheckMarkList || checkmarkListObj} serializeHyperlink={GatsbyLink} />\n\n  useEffect(() => {\n    const params = new URLSearchParams(typeof window !== 'undefined' && window.location.search)\n    const dkiParam = params.get('dki')\n    if (dkiParam && dkiParam.length > 0 && window.location.pathname === '/') {\n      setDkiActive(true)\n      let replacementText = dkiParam\n      if (\n        dkiParam.toLowerCase().includes('wcag') ||\n        dkiParam.toLowerCase().includes('aoda') ||\n        dkiParam.toLowerCase().includes('ada') ||\n        dkiParam.toLowerCase().includes('gdpr')\n      ) {\n        replacementText = dkiParam.toUpperCase()\n      } else {\n        replacementText = toTitleCase(dkiParam)\n      }\n      dkiHeading = `${parsedHeading[0]}for ${replacementText}`\n\n      if (dkiParam === 'aoda' || dkiParam === 'AODA') {\n        if (idx(primary, _ => _.checkmark_list.richText)) {\n          const modifiedCheckMarkList = primary.checkmark_list.richText.map(listItem => {\n            if (listItem.text.includes('ADA')) {\n              return {\n                type: listItem.type,\n                text: listItem.text.replace(/ADA/g, 'AODA'),\n                spans: listItem.spans,\n              }\n            }\n            return listItem\n          })\n\n          setNewCheckMarkList(modifiedCheckMarkList)\n        }\n      }\n\n      setNewHeading([{ type: titleObj[0].type, text: dkiHeading, spans: titleObj[0].spans }])\n      setDkiLoaded(true)\n    } else {\n      setDkiLoaded(true)\n    }\n  }, [dkiLoaded])\n\n  return (\n    <BannerContainer className={noShadow ? '' : 'skip'} backgroundColor={backgroundColor} id={anchorId || null}>\n      <BannerWrapper\n        hasTopPadding={hasTopPadding === null ? true : hasTopPadding}\n        hasBottomPadding={hasBottomPadding === null ? true : hasBottomPadding}\n      >\n        <InfoWrapper>\n          {smallCapsText && smallCapsText.props.render[0] && (\n            <Text font=\"smallCaps\" richText color=\"purple500\">\n              {smallCapsText}\n            </Text>\n          )}\n          {modifiedTitle && (\n            <TitleText\n              dkiActive={dkiActive}\n              dkiLoaded={dkiLoaded}\n              font=\"heading1\"\n              style={{ marginBottom: '1.45rem' }}\n              richText\n            >\n              {modifiedTitle}\n            </TitleText>\n          )}\n          {text && idx(text, _ => _.props.render[0].text) && (\n            <BannerText font=\"body\" richText>\n              {text}\n            </BannerText>\n          )}\n          {dkiListItem && idx(dkiListItem, _ => _.props.render[0].text) && (\n            <CheckMarkListWrapper dkiActive={dkiActive} dkiLoaded={dkiLoaded} richText>\n              {dkiListItem}\n            </CheckMarkListWrapper>\n          )}\n          {primaryButtonText || secondaryButtonText ? (\n            <>\n              <Space height={24} tabletHeight={16} />\n              <ButtonWrapper>\n                {primaryButtonText && <Button text={primaryButtonText} to={primaryButtonLink} className=\"primary\" />}\n                <Space height={16} width={16} tabletHeight={12} mobileWidth={0} mobileHeight={0} />\n                {secondaryButtonText && (\n                  <Button\n                    buttonType=\"secondary\"\n                    text={secondaryButtonText}\n                    to={secondaryButtonLink}\n                    className=\"secondary\"\n                  />\n                )}\n                <Space height={8} mobileHeight={0} />\n              </ButtonWrapper>\n            </>\n          ) : (\n            <Space tabletHeight={32} mobileHeight={0} />\n          )}\n        </InfoWrapper>\n        {(modalVideo || imageSrc || lottieAnim) && (\n          <ImageWrapper showImgMob={showImgMob}>\n            {modalVideo ? (\n              <a\n                tabIndex=\"0\"\n                role=\"button\"\n                aria-label=\"Play AudioEye video opens in a modal\"\n                onKeyDown={e => {\n                  if (e.key === 'Enter') setOpen(true)\n                }}\n                onClick={() => modalVideo && setOpen(true)}\n              >\n                {getImage(primary.image, Image, { showImgMob })}\n              </a>\n            ) : lottieAnim && typeof lottieAnim === 'object' ? (\n              <LottieWrapper showImgMob={showImgMob}>\n                <LottieAnimation lotti={lottieAnim} lottieAriaLabel={lottieAriaLabel} />\n              </LottieWrapper>\n            ) : (\n              getImage(primary.image, Image, { showImgMob, loading: 'eager' })\n            )}\n          </ImageWrapper>\n        )}\n        {modalVideo && (\n          <Modal\n            open={(modalVideo && open) === true}\n            onClose={() => modalVideo && setOpen(false)}\n            aria-label=\"Video modal\"\n          >\n            <ModalWrapper>\n              <CloseIcon\n                tabIndex=\"0\"\n                src={CrossIcon}\n                aria-label=\"close\"\n                role=\"button\"\n                className=\"focus-outline\"\n                onClick={() => modalVideo && setOpen(false)}\n                onKeyDown={e => {\n                  if (e.key === 'Enter') setOpen(false)\n                }}\n              />\n              <VimeoIframe isModal allowFullScreen video={modalVideo} autoPlay={false} />\n            </ModalWrapper>\n          </Modal>\n        )}\n      </BannerWrapper>\n    </BannerContainer>\n  )\n}\n\nexport default BannerTitle\n\nexport const query = graphql`\n  fragment BannerTitle on PrismicPageDataBodyBannerTitle {\n    ...SliceBase\n    id\n    primary {\n      anchor_id\n      has_top_padding\n      has_bottom_padding\n      show_img_mobile\n      background_color\n      modal_video {\n        link_type\n        ...LinkContent\n      }\n      secondary_button_text {\n        ...TextContent\n      }\n      secondary_button_link {\n        ...LinkContent\n      }\n      primary_button_text {\n        ...TextContent\n      }\n      primary_button_link {\n        ...LinkContent\n      }\n      small_caps_text {\n        ...TextContent\n      }\n      title {\n        ...TextContent\n      }\n      text {\n        ...TextContent\n      }\n      checkmark_list {\n        ...TextContent\n      }\n      animation {\n        ...TextContent\n      }\n      animation_aria_label\n      image {\n        alt\n        url\n        gatsbyImageData(width: 1080)\n      }\n    }\n  }\n`\n"],"names":["BannerContainer","p","backgroundColor","css","theme","BannerWrapper","hasTopPadding","hasBottomPadding","InfoWrapper","ImageWrapper","showImgMob","TitleText","Text","dkiActive","dkiLoaded","BannerText","CheckMarkListWrapper","violetCheckMarkIcon","ButtonWrapper","Image","LottieWrapper","primary","text","RichText","render","richText","serializeHyperlink","GatsbyLink","smallCapsText","small_caps_text","imageSrc","idx","_","image","url","has_top_padding","has_bottom_padding","background_color","modalVideo","modal_video","primaryButtonText","primary_button_text","primaryButtonLink","primary_button_link","uid","secondaryButtonText","secondary_button_text","secondaryButtonLink","secondary_button_link","anchorId","anchor_id","show_img_mobile","lottieAnim","animation","JSON","parse","lottieAriaLabel","animation_aria_label","dkiHeading","title","useState","open","setOpen","newHeading","setNewHeading","newCheckMarkList","setNewCheckMarkList","setDkiLoaded","setDkiActive","titleObj","parsedHeading","split","modifiedTitle","checkmarkListObj","checkmark_list","dkiListItem","useEffect","dkiParam","URLSearchParams","window","location","search","get","length","pathname","replacementText","toLowerCase","includes","toUpperCase","toTitleCase","modifiedCheckMarkList","map","listItem","type","replace","spans","className","id","props","font","color","style","marginBottom","height","tabletHeight","to","width","mobileWidth","mobileHeight","buttonType","tabIndex","role","onKeyDown","e","key","onClick","getImage","lotti","loading","onClose","src","CrossIcon","isModal","allowFullScreen","video","autoPlay"],"sourceRoot":""}