{"version":3,"sources":["components/CallToAction/validation.ts","components/CallToAction/StyledCallToAction.ts","components/CallToAction/index.tsx"],"names":["callToActionFieldValidators","field","errorMessage","required","validators","isValidLink","ctaLink","jss","allowRenderOnError","componentProps","rendering","params","variant","links","length","CTA","styled","div","theme","callToAction","backgroundColor","color","css","borderColor","spacing","p","normal","borderRadius","nextBestAction","shadows","elevation4","mq","Heading","Text","$variant","headingH2","headingH4","Description","textBody2","mt","mb","xs","md","TextWrapper","LinkWrapper","linkWrapper","multiLink","ml","LinkItem","Link","linkStyle","colors","link","white","textBody1","iconColor","LinkButton","button","linkButton","pathFillColor","LinkList","ul","listReset","pr","ITBLabel","h5","fixedBody12","StyledLink","a","safeFocusRemoval","text","interactive1","outline","focusColor","ITBLink","interactive1Hover","compose","withDataSourceValidation","withDigitalDataContext","withSitecoreContext","withEditMode","withCoveoNoIndexTags","digitalData","editMode","setDigitalData","sitecoreContext","isCorporate","isCorporateSite","headingLevel","uid","description","title","fields","data","datasource","isAuthenticated","authenticatedContent","validatedLinks","filter","getCTAButtons","map","ctaButtonText","value","className","id","AuthenticatedContentIcon","iconStyleConfig","iconSize","mr","top","renderField","tag","join","tabIndex","handleClick","firstLink","onClick","e","href","fallbackTitle","linkTheme","linkSize","key","renderLinks","name","destination","setObjectData","linkName","linkDestination","emitTrackEvent"],"mappings":"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","file":"static/js/CallToAction.0a4af71c.chunk.js","sourcesContent":["import { isValidLink } from '_utils/validationChecks';\r\nimport { SitecoreFieldValidator } from '_utils/validationChecks/definitions';\r\n\r\nimport { CallToActionProps } from './definitions'\r\n\r\nexport const callToActionFieldValidators: SitecoreFieldValidator[] = [\r\n  {\r\n    field: 'rendering.fields.data.datasource.links[0].ctaLink.jss',\r\n    errorMessage: 'At least one link must be provided',\r\n    required: true,\r\n  },\r\n  {\r\n    field: 'rendering.fields.data.datasource.links',\r\n    errorMessage: 'Some links are not set correctly',\r\n    validators: [\r\n      (field) => isValidLink(field?.ctaLink.jss)\r\n    ],\r\n  },\r\n  {\r\n    field: 'rendering.fields.data.datasource',\r\n    errorMessage: 'The Next Best Action variant will only display the first link if multiple links have been added',\r\n    allowRenderOnError: true,\r\n    validators: [\r\n      (field, componentProps: CallToActionProps) =>\r\n        componentProps?.rendering?.params?.variant === 'Next Best Action'\r\n          ? field?.links?.length === 1\r\n          : true\r\n    ],\r\n  },\r\n];\r\n","import { Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { Link } from '_utils/components';\r\nimport {Link as Linking} from 'react-router-dom'\r\nimport { spacing } from '_utils/props';\r\nimport {\r\n  button,\r\n  fixedBody12,\r\n  headingH2,\r\n  headingH4,\r\n  linkStyle,\r\n  listReset,\r\n  mq,\r\n  safeFocusRemoval,\r\n  svg,\r\n  textBody1,\r\n  textBody2,\r\n} from '_utils/styles';\r\n\r\nexport const CTA = styled.div`\r\n  background-color: ${({ theme }) => theme?.callToAction?.backgroundColor};\r\n  color: ${({ theme }) => theme.callToAction.color};\r\n  display: flex;\r\n\r\n  ${({ variant }) => {\r\n\r\n    if (variant === 'InTheBlack') {\r\n      return css`\r\n      border-color: ${({ theme }) => theme.callToAction.borderColor};\r\n      border-style: solid;\r\n      border-width: 1px 0;\r\n      flex-direction: column;\r\n      ${({ theme }) => spacing({ theme, p: 3 })};\r\n      `;\r\n    }\r\n\r\n    return variant === 'Normal'\r\n      ? css`\r\n          border-radius: ${({ theme }) => theme.callToAction.normal.borderRadius}px;\r\n          flex-direction: column;\r\n        `\r\n      : css`\r\n          border-radius: ${({ theme }) => theme.callToAction.nextBestAction.borderRadius}px;\r\n          box-shadow: ${({ theme }) => theme.shadows.elevation4};\r\n          flex-direction: column;\r\n          justify-content: space-between;\r\n\r\n          ${mq('md')} {\r\n            align-items: center;\r\n            flex-direction: row;\r\n          }\r\n        `\r\n  }}\r\n\r\n  ${({ theme }) => spacing({ theme, p: 3 })};\r\n`;\r\n\r\nexport const Heading = styled(Text)`\r\n  color: ${({ theme }) => theme.callToAction.color};\r\n  display: inline;\r\n\r\n  ${({ $variant }) =>\r\n    $variant === 'Normal'\r\n      ? css`\r\n          ${headingH2};\r\n        `\r\n      : css`\r\n          ${headingH4};\r\n        `\r\n  }\r\n`;\r\n\r\nexport const Description = styled.p`\r\n  ${textBody2};\r\n\r\n  ${({ theme }) => spacing({ theme, mt: 1 })};\r\n\r\n  ${({ variant }) =>\r\n    variant === 'Next Best Action' && css`\r\n      ${({ theme }) => spacing({ theme, mb: { xs: 3, md: 0 } })};\r\n    `\r\n  }\r\n`;\r\n\r\nexport const TextWrapper = styled.div``;\r\n\r\nexport const LinkWrapper = styled.div`\r\n  color: ${({ theme }) => theme.callToAction.linkWrapper.color};\r\n\r\n  ${({ multiLink, variant }) => {\r\n    // InTheBlack\r\n    if (variant === 'InTheBlack') {\r\n      return css`\r\n        ${({ theme }) => spacing({ theme, mt: 1 })};\r\n      `;\r\n    }\r\n    // Corporate\r\n    if (!multiLink) {\r\n      return css`\r\n        ${variant === 'Next Best Action'\r\n          ? css`\r\n              ${({ theme }) => spacing({ theme, ml: { xs: 0, md: 4 } })};\r\n            `\r\n          : css`\r\n            ${mq('md')} {\r\n              display: flex;\r\n              justify-content: flex-end;\r\n            }\r\n          `\r\n        }\r\n      `;\r\n    }\r\n  }}\r\n`;\r\n\r\nexport const LinkItem = styled(Link)`\r\n  a {\r\n    ${({ theme }) => linkStyle(theme.colors.link.white)};\r\n    ${textBody1};\r\n    text-decoration: none;\r\n\r\n    svg {\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    path {\r\n      fill: ${({ theme }) => theme.callToAction.iconColor};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const LinkButton = styled(Link)`\r\n  a {\r\n    ${({ variant }) =>\r\n    variant === 'Normal'\r\n      ? css`\r\n          ${button('default', 'primary')};\r\n        `\r\n      : css`\r\n          ${button('default', 'tertiaryDark')};\r\n        `\r\n  }\r\n\r\n    ${textBody1};\r\n\r\n    margin-bottom: 0;\r\n    min-width: 140px;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n\r\n    ${mq('md')} {\r\n      width: auto;\r\n    }\r\n\r\n    path {\r\n      fill: ${({ theme }) => theme.callToAction.linkButton.pathFillColor};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const LinkList = styled.ul`\r\n  ${listReset}\r\n\r\n  ${mq('md')} {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  li {\r\n    position: relative;\r\n\r\n    ${({ theme }) => spacing({ theme, mb: '12px' })};\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    ${mq('md')} {\r\n      flex: 0 0 50%;\r\n      max-width: 50%;\r\n\r\n      &:nth-child(2n + 1) {\r\n        ${({ theme }) => spacing({ theme, pr: 3 })};\r\n      }\r\n\r\n      &:nth-last-child(2) {\r\n        margin-bottom:0;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const EditorDiv = styled.div``;\r\n\r\n// InTheBlack only elements\r\nexport const ITBLabel = styled.h5`\r\n  ${fixedBody12}\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  margin: 0;\r\n`;\r\n\r\nexport const StyledLink = styled.a`\r\n  ${({ theme }) => linkStyle(theme.colors.link.white)};\r\n  text-decoration: none;\r\n  border: 1px solid ${({ theme }) => theme.callToAction.borderColor};\r\n  border-radius: 50px;\r\n  padding: 20px;\r\n  font-weight: 700;\r\n  box-shadow: ${({ theme }) => theme.shadows.elevation4};\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n\r\n  ${mq('md')} {\r\n    align-items: center;\r\n    flex-direction: row;\r\n  }\r\n  svg {\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  path {\r\n    fill: ${({ theme }) => theme.callToAction.iconColor};\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: white 0px 0px 0px 3px;\r\n    color: white;\r\n  }\r\n\r\n  &:focus {\r\n    ${safeFocusRemoval}\r\n    border: 0;\r\n    color: ${({ theme }) => theme.colors.text.interactive1};\r\n    display: block;\r\n    outline-color: ${({ theme }) => theme?.callToAction?.outline?.focusColor};\r\n    outline-style: solid;\r\n    outline-width: 2px;\r\n    text-decoration: none;\r\n  }\r\n\r\n`;\r\n\r\nexport const ITBLink = styled(Link)`\r\n  a {\r\n    border-bottom: 0;\r\n    color: ${({ theme }) => theme.colors.text.interactive1};\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    ${textBody1}\r\n\r\n    &:hover {\r\n      color: ${({ theme }) => theme.colors.text.interactive1Hover};\r\n      text-decoration: underline;\r\n    }\r\n\r\n    &:focus {\r\n      ${safeFocusRemoval}\r\n      border: 0;\r\n      color: ${({ theme }) => theme.colors.text.interactive1};\r\n      display: block;\r\n      outline-color: ${({ theme }) => theme?.callToAction?.outline?.focusColor};\r\n      outline-style: solid;\r\n      outline-width: 2px;\r\n      text-decoration: none;\r\n    }\r\n\r\n  }\r\n`;","import { Text } from '@sitecore-jss/sitecore-jss-react'\r\nimport { compose } from 'ramda'\r\nimport React from 'react'\r\nimport { withDataSourceValidation, withEditMode, withCoveoNoIndexTags, withSitecoreContext } from '_containers/BaseComponent'\r\nimport { withDigitalDataContext } from '_containers/DigitalDataContext';\r\nimport { LinkTrackingEvent } from '_containers/DigitalDataContext/definitions';\r\n\r\nimport { AuthenticatedContentIcon } from '_utils/components/AuthenticatedContentIcon';\r\nimport { emitTrackEvent, setObjectData } from '_utils/helpers/analytics';\r\nimport { isCorporateSite, renderField } from '_utils/helpers/render';\r\nimport { isValidLink } from '_utils/validationChecks'\r\n\r\nimport {\r\n  CallToActionLink,\r\n  CallToActionProps,\r\n  CallToActionVariant,\r\n} from './definitions'\r\nimport { callToActionFieldValidators } from './validation'\r\n\r\nimport {\r\n  CTA,\r\n  Description,\r\n  Heading,\r\n  ITBLabel,\r\n  ITBLink,\r\n  LinkButton,\r\n  LinkItem,\r\n  LinkList,\r\n  LinkWrapper,\r\n  TextWrapper,\r\n  StyledLink\r\n} from './StyledCallToAction'\r\n\r\nconst renderLinks = (links: CallToActionLink[], variant: CallToActionVariant, handleClick) => {\r\n\r\n  const firstLink = links?.[0];\r\n\r\n  // InTheBlack\r\n  if (variant === \"InTheBlack\") {\r\n    return (\r\n      <LinkWrapper\r\n        multiLink={false}\r\n        variant={variant}\r\n        onClick={(e) => {\r\n          handleClick(\r\n            firstLink?.ctaLink?.jss?.value?.text ?? '',\r\n            firstLink?.ctaLink?.jss?.value?.href,\r\n          );\r\n        }}\r\n      >\r\n        <ITBLink\r\n          field={firstLink?.ctaLink?.jss}\r\n          fallbackTitle={firstLink?.ctaLink?.fallbackTitle}\r\n          linkTheme=\"none\"\r\n        />\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  const getCTAButtons = links?.map((link) => link?.ctaButtonText?.jss?.value);\r\n\r\n  if (links?.length === 1 && getCTAButtons.join('') === '' || variant === 'Next Best Action') {\r\n    // Render a single button\r\n    return (\r\n      <LinkWrapper\r\n        multiLink={false}\r\n        variant={variant}\r\n      >\r\n        <LinkButton\r\n          field={firstLink?.ctaLink?.jss}\r\n          fallbackTitle={firstLink?.ctaLink?.fallbackTitle}\r\n          linkSize=\"s\"\r\n          linkTheme=\"none\"\r\n          variant={variant}\r\n        />\r\n      </LinkWrapper>\r\n    );\r\n  }\r\n\r\n\r\n  // if(getCTAButtons.join('') !== '') {\r\n  //   return (\r\n  //     <LinkWrapper\r\n  //     multiLink={false}\r\n  //     variant={variant}\r\n  //     >\r\n  //     <LinkButton\r\n  //     className=\"optanon-toggle-display cookie-settings-button\" \r\n  //       field={firstLink?.ctaButtonText?.jss}\r\n  //       fallbackTitle={firstLink?.ctaButtonText?.jss?.value}\r\n  //       linkSize=\"s\"\r\n  //       linkTheme=\"none\"\r\n  //       variant={variant}\r\n  //     />\r\n  //   </LinkWrapper>\r\n  //   )\r\n  // }\r\n\r\n  // Render a list of links if there are more links added\r\n  return (\r\n    <LinkWrapper multiLink={true}>\r\n      <LinkList>\r\n        {\r\n          links?.map((link) => (\r\n            <li key={link?.id}>\r\n              <LinkItem\r\n                fallbackTitle={link?.ctaLink?.fallbackTitle}\r\n                field={link?.ctaLink?.jss}\r\n                linkSize=\"s\"\r\n                linkTheme=\"featured\"\r\n              />\r\n            </li>\r\n          ))\r\n        }\r\n      </LinkList>\r\n    </LinkWrapper>\r\n  );\r\n};\r\n\r\nconst CallToAction: React.FC<CallToActionProps> = ({\r\n  digitalData,\r\n  editMode,\r\n  rendering,\r\n  setDigitalData,\r\n  sitecoreContext,\r\n}) => {\r\n  const isCorporate = isCorporateSite(sitecoreContext);\r\n  const headingLevel = rendering?.params?.headingLevel ?? \"h2\";\r\n  const variant = isCorporate ? rendering?.params?.variant ?? 'Normal' : 'InTheBlack';\r\n  const uid = rendering?.uid;\r\n\r\n  const {\r\n    description,\r\n    links,\r\n    title,\r\n  } = rendering?.fields?.data?.datasource;\r\n  const isAuthenticated = rendering?.fields?.data?.datasource?.authenticatedContent?.isAuthenticated ?? false;\r\n\r\n  const validatedLinks =\r\n    links?.filter((link) => editMode || isValidLink(link?.ctaLink?.jss));\r\n\r\n  const getCTAButtons = links?.map((link) => link?.ctaButtonText?.jss?.value);\r\n\r\n  // handle analytics\r\n  const handleClick: LinkTrackingEvent = (name, destination) => {\r\n    if (typeof setDigitalData === 'function') {\r\n\r\n      setDigitalData(\r\n        setObjectData(\r\n          ['link'],\r\n          {\r\n            linkName: name,\r\n            linkDestination: destination,\r\n          },\r\n          digitalData)\r\n      );\r\n\r\n      emitTrackEvent('linkClick');\r\n    }\r\n  }\r\n\r\n  const normalVariantIconConfig = {\r\n    xs: {\r\n      iconSize: 24,\r\n      mr: 10,\r\n      top: 2\r\n    },\r\n    md: {\r\n      iconSize: 32,\r\n      mr: 10,\r\n      top: 2\r\n    },\r\n  };\r\n  const nextBestActionVariantIconConfig = {\r\n    xs: {\r\n      iconSize: 18,\r\n      mr: 10,\r\n      top: 2\r\n    },\r\n    md: {\r\n      iconSize: 20,\r\n      mr: 10,\r\n      top: 2\r\n    },\r\n  };\r\n\r\n  return (\r\n    <CTA\r\n      className=\"call-to-action\"\r\n      data-component\r\n      id={uid}\r\n      multiLink={validatedLinks?.length > 1}\r\n      variant={variant}\r\n    >\r\n      <TextWrapper>\r\n        {variant === 'Normal' &&\r\n          <AuthenticatedContentIcon isAuthenticated={isAuthenticated} iconStyleConfig={normalVariantIconConfig} />\r\n        }\r\n        {variant === 'Next Best Action' &&\r\n          <AuthenticatedContentIcon isAuthenticated={isAuthenticated} iconStyleConfig={nextBestActionVariantIconConfig} />\r\n        }\r\n\r\n        {\r\n          isCorporate ?\r\n            // Corporate\r\n            renderField(\r\n              editMode,\r\n              title?.jss,\r\n              <Heading\r\n                tag={headingLevel}\r\n                field={title?.jss}\r\n                $variant={variant}\r\n              />\r\n            )\r\n            :\r\n            // InTheBlack\r\n            (\r\n              <ITBLabel>{title?.jss?.value}</ITBLabel>\r\n            )\r\n        }\r\n        {\r\n          // description only shown on Corporate site\r\n          isCorporate &&\r\n          renderField(\r\n            editMode,\r\n            description?.jss,\r\n            <Description\r\n              className=\"fullWidthOnDesktop\"\r\n              variant={variant}\r\n            >\r\n              <Text field={description?.jss} />\r\n            </Description>\r\n          )\r\n        }\r\n      </TextWrapper>\r\n      {getCTAButtons.join() === 'Change Privacy Preferences' ? \r\n      ( <StyledLink\r\n          className=\"optanon-toggle-display cookie-settings-button\" \r\n          title=\"Manage Cookie Preferences\" \r\n          aria-label=\"Manage Cookie Preferences\" \r\n          tabIndex={2}>\r\n            {getCTAButtons.join()}\r\n      </StyledLink>\r\n    )\r\n\r\n    : renderLinks(validatedLinks, variant, handleClick) }\r\n    </CTA>\r\n  );\r\n};\r\n\r\nexport default compose(\r\n  withDataSourceValidation(callToActionFieldValidators),\r\n  withDigitalDataContext,\r\n  withSitecoreContext(),\r\n  withEditMode,\r\n  withCoveoNoIndexTags\r\n)(CallToAction);\r\n"],"sourceRoot":""}