{"version":3,"file":"js/pages-CategoryPage-CategoryPage-3ff4a92c934dd9740329.chunk.js","mappings":"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","sources":["webpack://printivity/./client/app/api/CmsPages.ts","webpack://printivity/./client/app/bundles/App/pages/CategoryPage/Hero/Hero.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductListingPage/MainSection/ProductCard/ProductCard.tsx","webpack://printivity/./client/app/bundles/App/pages/CategoryPage/row/ProductCardsRow.tsx","webpack://printivity/./client/app/bundles/App/pages/CategoryPage/CategoryPage.tsx","webpack://printivity/./client/app/bundles/App/pages/CategoryPage/row/ServiceCardsRow.tsx","webpack://printivity/./client/app/bundles/App/pages/CategoryPage/row/CallToActionRow.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/Articles/Articles.tsx","webpack://printivity/./client/app/styleguide/components/InfoCards/InfoCard/InfoCard.tsx","webpack://printivity/./client/app/styleguide/components/PromotionBannner/PromotionBanner.tsx","webpack://printivity/./client/app/styleguide/components/Tooltip/Tooltip.tsx","webpack://printivity/./client/app/styleguide/icons/IconMegaphone.tsx","webpack://printivity/./client/app/utils/hooks/useCms.ts"],"sourcesContent":["import { buildUrl } from 'libs/utils/api';\nimport apiCall from 'libs/utils/api/apiCall';\nimport { BasicResponse } from 'api/types';\nimport { SharedErrors } from 'libs/utils/api/types';\n\n// GET /cms_pages/:id/track\nexport const trackCmsPage = (id: number) => {\n  const url = buildUrl(`/cms_pages/${id}/track`);\n  apiCall.get<BasicResponse, SharedErrors>({ url }).then();\n};\n\n// GET /cms_pages/:id/track_product\nexport const trackProductChange = (id: number) => {\n  const url = buildUrl(`/cms_pages/${id}/track_product`);\n  apiCall.get<BasicResponse, SharedErrors>({ url }).then();\n};\n\n// POST /cms_pages/:id/track_clicked_template_link\nexport const trackClickedTemplateLink = (id: number, templateName: string) => {\n  const url = buildUrl(`/cms_pages/${id}/track_clicked_template_link`);\n  apiCall.post<BasicResponse, SharedErrors>({ url, data: { templateName } }).then();\n};\n","import * as React from 'react';\nimport cn from 'classnames';\nimport ButtonAsNativeLink from 'styleguide/components/Button/ButtonAsNativeLink';\nimport HtmlContent from 'styleguide/components/HtmlContent/HtmlContent';\nimport Button from 'styleguide/components/Button/Button';\n\ninterface Props {\n  title: string;\n  content?: string;\n  backgroundImage?: string;\n  buttonText?: string;\n  buttonLink?: string;\n  buttonScrollTarget?: string;\n  className?: string;\n  onClick?: (target: string) => void;\n}\n\nconst Hero = ({\n  title,\n  backgroundImage,\n  buttonText,\n  buttonLink,\n  buttonScrollTarget,\n  content,\n  onClick,\n  ...props\n}: Props) => {\n  const bgImageStyle: string = backgroundImage\n    ? `linear-gradient(to right, rgba(0, 0, 0, 0.75) 15%, rgba(0, 0, 0, 0.15) 85.94%), url(${backgroundImage})`\n    : null;\n\n  return (\n    <div\n      className={cn(\n        'flex justify-center border-b border-solid border-neutral-300 px-4 text-white',\n        bgImageStyle ? 'h-96 md:h-128' : 'bg-gradient-to-r from-[#005778] to-[#48C2EF]',\n        props.className,\n      )}\n      style={{\n        backgroundImage: bgImageStyle,\n        backgroundSize: 'cover',\n        backgroundPosition: 'center',\n      }}\n    >\n      <div\n        className=\"flex h-full w-full max-w-base flex-col-reverse items-stretch overflow-hidden\nmd:flex-row md:justify-center lg:relative lg:max-w-base my-4\nlg:pl-0.5\"\n      >\n        <div\n          className=\"mx-auto flex h-full w-full\n  flex-col justify-center py-4 text-center  md:py-0 md:text-left\"\n        >\n          <div className=\"px-1 md:px-2 md:py-4 md:pl-6 md:pr-0 lg:pl-0\">\n            <h1 className=\"heading-medium-sm md:heading-medium-md -md:px-20\">\n              <HtmlContent content={title} />\n            </h1>\n            <p className=\"paragraph-medium-mobile md:paragraph-medium-desktop mt-3 mb-6 max-w-md md:mt-4 -md:mx-auto -md:mb-10 -md:p-5\">\n              {!!content && content}\n            </p>\n            {!!buttonText && (\n              <div className=\"flex justify-center md:justify-start\">\n                {buttonLink ? (\n                  <ButtonAsNativeLink\n                    buttonType=\"link\"\n                    className=\"!mt-0 rounded-md !px-14 shadow md:!py-2 md:!text-base\"\n                    color=\"blue\"\n                    textStyle=\"bold\"\n                    target={buttonLink}\n                  >\n                    {buttonText}\n                  </ButtonAsNativeLink>\n                ) : (\n                  <Button\n                    className=\"!mt-0 rounded-md !px-14 shadow md:!py-2 md:!text-base\"\n                    color=\"blue\"\n                    type=\"button\"\n                    onClick={() => onClick(buttonScrollTarget)}\n                  >\n                    {buttonText}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Hero;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport Image from 'styleguide/components/Image/Image';\nimport { Taxon } from 'contexts/AppContext/types';\nimport Link from 'styleguide/components/Links/Link';\nimport UL, { LI } from 'styleguide/components/UL/UL';\nimport { IconArrowRight } from 'styleguide/icons';\n\ninterface Props {\n  taxon?: Taxon;\n  title?: string;\n  subHeading?: string;\n  listItems?: string[];\n  imageLinkOverride?: string;\n  actionLinkOverride?: string;\n  actionLinkText?: string;\n  constrainWidth?: boolean;\n}\n\nconst ProductCard = ({\n  title,\n  subHeading,\n  listItems,\n  actionLinkOverride,\n  actionLinkText,\n  ...props\n}: Props) => (\n  <div\n    className={cn(\n      'flex flex-col items-start hover:shadow-lg',\n      'rounded-lg border border-neutral-200 px-2 pt-2',\n      props.constrainWidth ? 'max-w-[266px]' : '',\n    )}\n  >\n    <div>\n      <Link to={props.taxon ? props.taxon.pagePath : actionLinkOverride} color=\"black\" underline=\"none\">\n        <Image\n          width={250}\n          height={198}\n          title={props.taxon ? props.taxon.name : actionLinkText}\n          alt={props.taxon ? props.taxon.image.alt : actionLinkText}\n          url={props.taxon ? props.taxon.image.url : props.imageLinkOverride}\n          className=\"object-cover\"\n        />\n        <h3 className=\"paragraph-bold-desktop mt-4 mb-2 pl-4\">{props.taxon ? props.taxon.name : title}</h3>\n      </Link>\n    </div>\n    {!!subHeading && (\n      <div className=\"paragraph-light-desktop mt-2 mb-4 pl-4\">\n        <span>{subHeading.split('$')[0]}</span>\n        {subHeading.split('$')[1] && <span className=\"text-blue\">{`$${subHeading.split('$')[1]} `}</span>}\n      </div>\n    )}\n    {!!listItems && (\n      <div className=\"pl-4\">\n        <UL>\n          {listItems.map((item, index) => (\n            <LI className=\"!mb-2 !font-hvThin !text-sm\" iconSize=\"small\" iconColor=\"orange\" key={index}>\n              {item}\n            </LI>\n          ))}\n        </UL>\n      </div>\n    )}\n    {!!actionLinkText && (\n      <div className=\"mb-4 ml-4 mt-6 flex items-center\">\n        <Link\n          className=\"mr-2 !font-hvMedium !text-sm\"\n          to={props.taxon ? props.taxon.permalink : actionLinkOverride}\n          color=\"blue\"\n          underline=\"none\"\n        >\n          {actionLinkText.replace('Print', 'Shop')}\n        </Link>\n        <IconArrowRight size=\"xxs\" color=\"blue\" />\n      </div>\n    )}\n  </div>\n);\n\nexport default ProductCard;\n","import ProductCard from 'bundles/App/pages/ProductListingPage/MainSection/ProductCard/ProductCard';\nimport * as React from 'react';\nimport { ProductCards } from 'contexts/AppContext/types';\n\ninterface Props {\n  productCards: ProductCards;\n}\n\nconst ProductCardsRow = ({ productCards: { productBullets } }: Props) => (\n  <div\n    className=\"mx-auto mb-14 grid max-w-screen-2xl justify-items-center gap-y-11 gap-x-12 \n    sm:grid-cols-2 sm:px-5 md:grid-cols-3 lg:grid-cols-4\"\n  >\n    {productBullets.map((bulletList, i) => (\n      <ProductCard\n        title={bulletList.title}\n        actionLinkText={bulletList.linkText}\n        actionLinkOverride={bulletList.linkUrl}\n        imageLinkOverride={bulletList.imageUrl}\n        subHeading={bulletList.subtext}\n        listItems={[bulletList.bullet1, bulletList.bullet2, bulletList.bullet3]}\n        constrainWidth\n        key={`product-card-${i}`}\n      />\n    ))}\n  </div>\n);\n\nexport default ProductCardsRow;\n","import * as React from 'react';\nimport Grid from 'styleguide/components/Grid/Grid';\nimport Hero from 'bundles/App/pages/CategoryPage/Hero/Hero';\nimport Footer from 'styleguide/components/Footer/Footer';\nimport AdditionalInfo from 'bundles/App/pages/ProductDetailsPage/AdditionalInfo/AdditionalInfo';\nimport FAQ from 'bundles/App/pages/ProductDetailsPage/AdditionalInfo/FAQ/FAQ';\nimport Meta, { RobotsType } from 'styleguide/components/Meta/Meta';\nimport ProductCardsRow from 'bundles/App/pages/CategoryPage/row/ProductCardsRow';\nimport CallToActionRow from 'bundles/App/pages/CategoryPage/row/CallToActionRow';\nimport { CmsCategoryPage } from 'contexts/AppContext/types';\nimport UserContext from 'contexts/UserContextContainer/UserContext';\nimport { trackCmsPage } from 'api/CmsPages';\nimport PromotionBanner from 'styleguide/components/PromotionBannner/PromotionBanner';\nimport Articles from 'bundles/App/pages/ProductDetailsPage/AdditionalInfo/Articles/Articles';\nimport Reviews from 'styleguide/components/Reviews/Reviews';\nimport useCms from 'utils/hooks/useCms';\nimport { useLocation } from 'react-router-dom';\nimport { verticalPaths } from 'bundles/App/routes';\n\nconst CategoryPage = () => {\n  const { currentUser } = React.useContext(UserContext);\n  const cms = useCms<CmsCategoryPage>();\n  const location = useLocation();\n\n  let robots: Array<RobotsType>;\n  if (location.pathname === '/booklets') {\n    robots = ['noindex', 'follow'];\n  } else if (verticalPaths.includes(location.pathname)) {\n    robots = ['noindex', 'nofollow'];\n  }\n\n  const getBanner = () => {\n    let banner = null;\n\n    if (!!cms.displayPromotion && !!cms.displayPromotion.showBanner) {\n      banner = cms.displayPromotion;\n    }\n    return banner;\n  };\n\n  const promotionBanner = getBanner();\n  const serviceCardsRow = cms.rows.filter(row => row.type === 'Comfy::Cms::Page::Row::ServiceCards')[0];\n  const hero = cms.hero;\n  React.useEffect(() => {\n    if (currentUser) {\n      trackCmsPage(cms.id);\n    }\n  }, [cms, currentUser]);\n\n  return (\n    <>\n      <Meta\n        title={cms.metaData.metaTitle}\n        description={cms.metaData.metaDescription}\n        canonical={cms.metaData.metaCanonicalLink}\n        keywords={cms.metaData.metaKeywords}\n        robots={robots}\n      />\n      {!!hero && (\n        <Hero\n          title={hero.title}\n          backgroundImage={hero.backgroundImageUrl}\n          buttonText={hero.btnText}\n          buttonLink={hero.btnLink}\n          buttonScrollTarget={hero.btnScrollTarget}\n          content={hero.content}\n          onClick={(target: string) => {\n            const elem = document.getElementById(target);\n            if (elem) {\n              elem.scrollIntoView({ behavior: 'smooth' });\n            }\n          }}\n        />\n      )}\n      <Grid.Container>\n        <Grid>\n          {!!promotionBanner && (\n            <Grid.Row className=\"mb-4\">\n              <Grid.Col md={1} />\n              <Grid.Col md={10}>\n                {promotionBanner ? <PromotionBanner displayPromotion={promotionBanner} /> : null}\n              </Grid.Col>\n              <Grid.Col md={1} />\n            </Grid.Row>\n          )}\n          <h2\n            id=\"shop-section\"\n            className=\"my-8 mx-auto mb-3 scroll-mt-24 text-left font-hvBold text-xl leading-7 lg:text-4xl lg:leading-10 2xl:!mx-0 2xl:pl-8\"\n          >\n            {cms.subtitle}\n          </h2>\n        </Grid>\n      </Grid.Container>\n      {cms.rows.map(row => (\n        <>\n          {row.type === 'Comfy::Cms::Page::Row::ProductCards' && <ProductCardsRow productCards={row} />}\n          {row.type === 'Comfy::Cms::Page::Row::CallToAction' &&\n            serviceCardsRow.type === 'Comfy::Cms::Page::Row::ServiceCards' && (\n              <CallToActionRow callToAction={row} serviceCardsRow={serviceCardsRow} />\n            )}\n          {row.type === 'Comfy::Cms::Page::Row::InfoBlock' && <Articles infoBlock={row} />}\n        </>\n      ))}\n      <Reviews withoutBorder />\n      <AdditionalInfo\n        FAQ={<FAQ questions={cms.faqs} />}\n        SEOBlockTitle={cms.seoHeader}\n        SEOBlock={cms.seoContent}\n      />\n      <Footer />\n    </>\n  );\n};\n\nexport default CategoryPage;\n","import * as React from 'react';\nimport InfoCard from 'styleguide/components/InfoCards/InfoCard/InfoCard';\nimport { ServiceCard } from 'contexts/AppContext/types';\n\ninterface Props {\n  serviceCards: ServiceCard[];\n}\n\nconst ServiceCardsRow = ({ serviceCards }: Props) => (\n  <div className=\"grid gap-x-6 gap-y-8 md:grid-cols-2\">\n    {serviceCards.map(card => (\n      <InfoCard\n        title={card.title}\n        content={card.content}\n        image={card.imageUrl}\n        cardClassNames={{\n          cardClasses: '!items-start',\n          titleClasses: 'paragraph-bold-desktop text-left text-white',\n          imageClasses: '!w-[52px] !h-[52px]',\n          contentWrapperClasses: '!w-full !mx-0 md:!max-w-full',\n          contentClasses: 'paragraph-medium-desktop text-left text-gray-50',\n          subContentClasses: 'paragraph-medium-desktop text-left text-gray-50',\n        }}\n      />\n    ))}\n  </div>\n);\n\nexport default ServiceCardsRow;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport { CallToAction, ServiceCards } from 'contexts/AppContext/types';\nimport ButtonAsNativeLink from 'styleguide/components/Button/ButtonAsNativeLink';\nimport ServiceCardsRow from 'bundles/App/pages/CategoryPage/row/ServiceCardsRow';\n\ninterface Props {\n  callToAction: CallToAction;\n  serviceCardsRow?: ServiceCards;\n}\n\nconst CallToActionRow = ({ callToAction, serviceCardsRow }: Props) => (\n  <div className=\"flex items-center justify-center px-6 -md:block -md:px-0 w-full\">\n    <div\n      style={{\n        backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.77) 85.94%), url(${callToAction.backgroundImageUrl})`,\n      }}\n      className={cn(\n        'relative z-10 bg-center grid max-w-screen-2xl gap-4 rounded-lg bg-cover bg-no-repeat p-8 md:grid-cols-2 -md:rounded-none w-full min-h-[400px]',\n      )}\n    >\n      <div className=\"grid\">\n        <p className=\"paragraph-medium-desktop m-0 max-w-sm text-white -md:hidden -md:leading-5\">\n          {callToAction.subtextLine2}\n        </p>\n        <div className=\"justify-center self-end\">\n          <div className=\"heading-medium-md -md:heading-medium-sm max-w-md !text-white\">\n            {callToAction.title}\n          </div>\n          <p className=\"paragraph-light-desktop -md:paragraph-light-mobile mt-2 max-w-sm text-white\">\n            {callToAction.subtextLine1}\n          </p>\n        </div>\n      </div>\n      {!!serviceCardsRow && <ServiceCardsRow serviceCards={serviceCardsRow.serviceCards} />}\n      <p className=\"m-0 max-w-sm text-white md:hidden\">{callToAction.subtextLine2}</p>\n      {!!callToAction.buttonLink && !!callToAction.buttonText && (\n        <div className=\"flex justify-start my-4 md:my-0\">\n          <ButtonAsNativeLink\n            className=\"!px-16\"\n            buttonType=\"link\"\n            target={callToAction.buttonLink}\n            color=\"orange\"\n          >\n            {callToAction.buttonText}\n          </ButtonAsNativeLink>\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nexport default CallToActionRow;\n","import * as React from 'react';\nimport Image from 'styleguide/components/Image/Image';\nimport A from 'styleguide/components/Links/A';\nimport { IconArrowRight } from 'styleguide/icons';\nimport { ImageBlock, InfoBlock } from 'contexts/AppContext/types';\n\ninterface Props {\n  infoBlock: InfoBlock;\n}\n\ninterface ArticleCardProps {\n  article: ImageBlock;\n}\n\nconst ArticleCard = ({\n  article: { actionLink, actionText, content, imagePath, title },\n}: ArticleCardProps) => (\n  <div className=\"flex min-h-[360px] w-[300px] flex-col justify-between rounded shadow\">\n    <div className=\"p-4\">\n      <Image url={imagePath} alt={title} height={140} width={268} />\n    </div>\n    <div className=\"flex h-full flex-col justify-between\">\n      <div className=\"flex flex-col p-4\">\n        <div className=\"paragraph-bold-desktop mb-5\">{title}</div>\n        <div className=\"paragraph-desktop overflow-hidden\">{content}</div>\n      </div>\n      <div className=\"flex items-center justify-between bg-neutral-50 p-4\">\n        <A\n          href={actionLink}\n          underline=\"none\"\n          color=\"black\"\n          className=\"!font-hvBold !text-xs !font-bold !leading-3\"\n        >\n          {actionText}\n        </A>\n        <A href={actionLink} color=\"black\" underline=\"none\">\n          <IconArrowRight className=\"!h-3 cursor-pointer\" />\n        </A>\n      </div>\n    </div>\n  </div>\n);\n\nconst Articles = ({ infoBlock: { content, content2, imageBlocks, title } }: Props) => (\n  <div\n    id=\"articles-body\"\n    className=\"items-center px-6 py-16 flex max-w-base mx-auto flex-col xl:flex-row justify-center\"\n  >\n    <div className=\"flex flex-col -sm:max-w-[300px] space-y-2 xl:space-y-4 md:max-w-2xl lg:max-w-4xl xl:px-0 xl:self-start mb-4 xl:mb-0\">\n      <h6 className=\"font-hvBold text-lg/6 sm:text-2xl md:text-3xl lg:text-4xl xl:text-3xl\">{title}</h6>\n      <div className=\"font-hvLite text-sm md:text-base leading-4\">{content}</div>\n      <div className=\"font-hvLite text-sm md:text-base leading-4\">{content2}</div>\n    </div>\n    <div className=\"flex flex-col sm:flex-row sm:flex-wrap sm:justify-center lg:justify-normal lg:flex-nowrap md:space-x-6 -sm:space-y-4\">\n      {imageBlocks.map((article: ImageBlock) => (\n        <ArticleCard article={article} />\n      ))}\n    </div>\n  </div>\n);\n\nexport default Articles;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport Image from 'styleguide/components/Image/Image';\nimport Link from 'styleguide/components/Links/Link';\nimport A from 'styleguide/components/Links/A';\nimport Span from 'styleguide/components/Span/Span';\nimport HtmlContent from 'styleguide/components/HtmlContent/HtmlContent';\nimport { Info } from './types';\n\nconst InfoCard = ({\n  iconSize = 'sm',\n  title,\n  content,\n  subcontent,\n  image,\n  grid,\n  cardClassNames,\n  alignment,\n  ...props\n}: Info) => {\n  const Icon = props.icon;\n  const iconSizeStyle = {\n    xxs: '!h-4 !w-4',\n    xs: '!h-8 !w-8',\n    sm: '!h-12 !w-12',\n    md: '!h-20 !w-20',\n    lg: '!h-24 !w-24',\n    xl: '!h-32 !w-32',\n    xxl: '!h-40 !w-40',\n  };\n  return (\n    <div\n      key={`${title}`}\n      className={cn(\n        'flex flex-col justify-start space-y-4 overflow-hidden text-default xl:max-w-[292px]',\n        grid ? '!items-start !text-left -md:!items-center -md:!text-center' : '',\n        alignment === 'left' ? 'items-left text-left' : 'items-center text-center',\n        cardClassNames?.cardClasses,\n      )}\n    >\n      {!!props.icon && (\n        <div className=\"flex-shrink-0\">\n          <Icon className={cn('text-blue', iconSizeStyle[iconSize])} />\n        </div>\n      )}\n      {!!image && (\n        <Image\n          title={title}\n          alt={title}\n          url={image}\n          className={cn(iconSizeStyle[iconSize], cardClassNames?.imageClasses)}\n        />\n      )}\n      <div className={cn('font-hvBold', cardClassNames?.titleClasses)}>{title}</div>\n      <div\n        className={cn(\n          'max-w-[280px] text-sm xs:w-1/2 sm:w-full lg:text-base',\n          alignment === 'center' && 'mx-auto',\n          cardClassNames?.contentWrapperClasses,\n        )}\n      >\n        {!!content && <HtmlContent content={content} className={cardClassNames?.contentClasses} />}\n        {!!subcontent && <HtmlContent content={subcontent} className={cardClassNames?.subContentClasses} />}\n      </div>\n      {!!props.actionLinkText && (\n        <Span className={cardClassNames?.linkClasses}>\n          {props.useRouterLink ? (\n            <Link to={props.actionLink} color=\"blue\" underline=\"always\">\n              {props.actionLinkText}\n            </Link>\n          ) : (\n            <A color=\"blue\" underline=\"always\" href={props.actionLink}>\n              {props.actionLinkText}\n            </A>\n          )}\n        </Span>\n      )}\n    </div>\n  );\n};\n\nexport default InfoCard;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport IconMegaphone from 'styleguide/icons/IconMegaphone';\nimport HtmlContent from 'styleguide/components/HtmlContent/HtmlContent';\nimport { DisplayPromotion } from 'contexts/AppContext/types';\nimport { Tooltip } from 'styleguide/components/Tooltip/Tooltip';\nimport { IconTooltipInfo } from 'styleguide/icons';\n\ninterface Props {\n  displayPromotion: DisplayPromotion;\n}\n\nconst bannerOutlineColors = {\n  blue: 'text-blue border-2 border-blue',\n  red: 'text-orange border-2 border-orange',\n  white: 'text-white border-2 border-white',\n  black: 'text-black border-2 border-black',\n  green: 'text-green border-2 border-green',\n  gray: 'text-gray-500 border-2 border-gray-500',\n};\n\nconst PromotionBanner = ({ displayPromotion: { outlineStyle, color }, displayPromotion }: Props) => (\n  <div className=\"flex justify-center mt-6\">\n    <div\n      className={cn(\n        'flex justify-center bg-blue text-white py-1 px-4 items-center flex-col rounded-lg',\n        outlineStyle && 'bg-white',\n        color && bannerOutlineColors[color],\n      )}\n    >\n      <div className=\"flex items-center mt-4 px-4\">\n        <IconMegaphone className=\"min-w-[15px]\" direction=\"left\" color={color || 'white'} />\n        <HtmlContent className=\"px-4\" content={displayPromotion.topRow} />\n        <IconMegaphone className=\"min-w-[15px]\" direction=\"right\" color={color || 'white'} />\n      </div>\n      {displayPromotion.secondRow ? (\n        <div className=\"px-4 flex items-center my-2\">\n          <HtmlContent className=\"px-4\" content={displayPromotion.secondRow} />\n          {displayPromotion.tooltip ? (\n            <Tooltip\n              className=\"!z-100 sm:w-max max-w-[500px] rounded-lg bg-shades-0 px-5 py-4 text-sm shadow-xl !text-default\"\n              placement=\"bottom\"\n              action=\"click\"\n              withArrow\n              content={<HtmlContent content={displayPromotion.tooltip} />}\n              renderOpener={tooltipProps => (\n                <div {...tooltipProps} className=\"cursor-pointer\">\n                  <IconTooltipInfo color={color || 'white'} size=\"sm\" fill=\"none\" />\n                </div>\n              )}\n            />\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  </div>\n);\n\nexport default PromotionBanner;\n","import * as React from 'react';\nimport {\n  ReferenceType,\n  offset,\n  shift,\n  flip,\n  useFloating,\n  autoUpdate,\n  useInteractions,\n  useHover,\n  useFocus,\n  useDismiss,\n  useRole,\n  useClick,\n  arrow,\n  FloatingArrow,\n  useTransitionStyles,\n  Placement,\n} from '@floating-ui/react';\nimport cn from 'classnames';\n\nexport interface RenderOpenerProps extends Record<string, unknown> {\n  ref: (node: ReferenceType | null) => void;\n}\n\nexport interface TooltipProps {\n  content?: React.ReactNode;\n  renderOpener: (props: RenderOpenerProps) => React.ReactNode;\n  placement?: Placement;\n  withArrow?: boolean;\n  className?: string;\n  bodyOffset?: number;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  onDisplay?: () => void;\n  onDismiss?: () => void;\n  action?: 'hover' | 'click';\n  forcePlacement?: boolean;\n  noWrap?: boolean;\n}\n\nexport const Tooltip = ({\n  content,\n  renderOpener,\n  placement,\n  className,\n  withArrow,\n  bodyOffset = 5,\n  onMouseEnter,\n  onMouseLeave,\n  onDisplay,\n  onDismiss,\n  action = 'hover',\n  forcePlacement,\n  noWrap,\n}: TooltipProps) => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const arrowRef = React.useRef(null);\n  const parentDivRef = React.useRef(null);\n  const [arrowColor, setArrowColor] = React.useState('');\n\n  const {\n    refs: { setReference, setFloating },\n    floatingStyles,\n    context,\n  } = useFloating({\n    open: isOpen,\n    onOpenChange(nextOpen, event, reason) {\n      setIsOpen(nextOpen);\n      if ((reason === 'click' || reason === 'focus') && nextOpen) {\n        onDisplay?.();\n      }\n      if (reason === 'escape-key' || reason === 'outside-press') {\n        onDismiss?.();\n      }\n    },\n    placement,\n    middleware: [\n      offset(bodyOffset),\n      !forcePlacement && flip(),\n      shift(),\n      arrow({\n        element: arrowRef,\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, { move: false, enabled: action === 'hover' });\n  const focus = useFocus(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: 'tooltip' });\n  const click = useClick(context, { enabled: action === 'click' });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss, role, click]);\n\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    initial: {\n      opacity: 0,\n      transform: 'scale(0.8)',\n    },\n  });\n\n  React.useEffect(() => {\n    if (parentDivRef.current) {\n      const computedStyle = getComputedStyle(parentDivRef.current);\n      setArrowColor(computedStyle.backgroundColor);\n    }\n  }, [isOpen, content]);\n\n  return (\n    <>\n      {renderOpener({ ref: setReference, onMouseEnter, ...getReferenceProps(), onMouseLeave })}\n      {isOpen && content && (\n        <div ref={setFloating} style={{ ...floatingStyles, zIndex: 100 }} {...getFloatingProps()}>\n          <div\n            ref={parentDivRef}\n            style={transitionStyles}\n            className={cn(\n              'rounded bg-blue text-white py-2 px-3 text-sm',\n              noWrap && 'whitespace-nowrap',\n              className,\n            )}\n          >\n            {withArrow && (\n              <FloatingArrow fill={arrowColor} tipRadius={2} height={8} ref={arrowRef} context={context} />\n            )}\n            {content}\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n","import * as React from 'react';\nimport SvgIcon, { SvgProps } from 'styleguide/components/Svg/SvgIcon';\nimport colors from 'styleguide/styles/colors';\n\ntype Direction = 'left' | 'right';\n\ninterface MegaphoneProps extends SvgProps {\n  direction?: Direction;\n}\n\nconst IconMegaphone = ({\n  title = 'Megaphone',\n  color = 'dark',\n  viewBoxWidth = 25,\n  viewBoxHeight = 25,\n  direction = 'left',\n  ...otherProps\n}: MegaphoneProps) => (\n  <SvgIcon\n    {...{ title, viewBoxWidth, viewBoxHeight, color, direction, ...otherProps }}\n    className={otherProps.className}\n  >\n    <g transform={direction === 'right' ? `scale(-1, 1) translate(-${viewBoxWidth}, 0)` : ''}>\n      <polygon fill={colors[color]} points=\"20.9,8.7 4.1,3.5 4.1,19.5 18.1,14.8 20.9,13.9\" />\n      <path fill={colors[color]} d=\"M25,9.2c0,0-1.4-2.5-3.1,0v3.7c0,0,1.6,2.6,3.1,0V9.2z\" />\n      <path fill={colors[color]} d=\"M3.1,3.2c0,0-1.5-2.4-3.1,0l0,16.1l0,0.8c0,0,1.4,2.3,3.1,0V3.2z\" />\n      <path\n        fill={colors[color]}\n        d=\"M18.1,14.8l-0.9,0.3c0,0,2,2.5-2.8,3.2c0,0-1.2,0-1.5-1.7L11.8,17c0,0,0.8,2.2,2.4,2.2s4.4-1,4.5-2.2\n\tS18.1,14.8,18.1,14.8z\"\n      />\n    </g>\n  </SvgIcon>\n);\n\nexport default IconMegaphone;\n","import AppContext from 'contexts/AppContext/AppContext';\nimport { CmsPage } from 'contexts/AppContext/types';\nimport React, { useContext, useEffect } from 'react';\nimport { useParams } from 'react-router';\n\nconst useCms = <T extends CmsPage = CmsPage>() => {\n  const appContext = useContext(AppContext);\n  const { fullPath } = useParams<{ fullPath: string }>();\n  const [cms, setCms] = React.useState<T | undefined>(\n    appContext.store.cmsPages.find(elem => elem.fullPath === fullPath) as T | undefined,\n  );\n\n  useEffect(() => {\n    const newCms = appContext.store.cmsPages.find(elem => elem.fullPath === fullPath) as T | undefined;\n    setCms(newCms);\n  }, [fullPath]);\n\n  return cms;\n};\n\nexport default useCms;\n"],"names":["trackCmsPage","id","url","buildUrl","concat","apiCall","get","then","trackProductChange","trackClickedTemplateLink","templateName","post","data","_ref","title","backgroundImage","buttonText","buttonLink","buttonScrollTarget","content","onClick","props","_objectWithoutProperties","_excluded","bgImageStyle","React","className","cn","style","backgroundSize","backgroundPosition","HtmlContent","ButtonAsNativeLink","buttonType","color","textStyle","target","Button","type","subHeading","listItems","actionLinkOverride","actionLinkText","constrainWidth","Link","to","taxon","pagePath","underline","Image","width","height","name","alt","image","imageLinkOverride","split","UL","map","item","index","LI","iconSize","iconColor","key","permalink","replace","IconArrowRight","size","productBullets","productCards","bulletList","i","ProductCard","linkText","linkUrl","imageUrl","subtext","bullet1","bullet2","bullet3","robots","currentUser","UserContext","cms","useCms","location","useLocation","pathname","verticalPaths","includes","banner","promotionBanner","displayPromotion","showBanner","serviceCardsRow","rows","filter","row","hero","Meta","metaData","metaTitle","description","metaDescription","canonical","metaCanonicalLink","keywords","metaKeywords","Hero","backgroundImageUrl","btnText","btnLink","btnScrollTarget","elem","document","getElementById","scrollIntoView","behavior","Grid","Container","Row","Col","md","PromotionBanner","subtitle","ProductCardsRow","CallToActionRow","callToAction","Articles","infoBlock","Reviews","withoutBorder","AdditionalInfo","FAQ","questions","faqs","SEOBlockTitle","seoHeader","SEOBlock","seoContent","Footer","serviceCards","card","InfoCard","cardClassNames","cardClasses","titleClasses","imageClasses","contentWrapperClasses","contentClasses","subContentClasses","subtextLine2","subtextLine1","ServiceCardsRow","ArticleCard","_ref$article","article","actionLink","actionText","imagePath","A","href","_ref2","_ref2$infoBlock","content2","imageBlocks","_ref$iconSize","subcontent","grid","alignment","Icon","icon","iconSizeStyle","xxs","xs","sm","lg","xl","xxl","Span","linkClasses","useRouterLink","bannerOutlineColors","blue","red","white","black","green","gray","_ref$displayPromotion","outlineStyle","IconMegaphone","direction","topRow","secondRow","tooltip","Tooltip","placement","action","withArrow","renderOpener","tooltipProps","Object","assign","IconTooltipInfo","fill","_ref$bodyOffset","bodyOffset","onMouseEnter","onMouseLeave","onDisplay","onDismiss","_ref$action","forcePlacement","noWrap","_React$useState2","_slicedToArray","isOpen","setIsOpen","arrowRef","parentDivRef","_React$useState4","arrowColor","setArrowColor","_useFloating","useFloating","open","onOpenChange","nextOpen","event","reason","middleware","offset","flip","shift","arrow","element","whileElementsMounted","autoUpdate","_useFloating$refs","refs","setReference","setFloating","floatingStyles","context","hover","useHover","move","enabled","focus","useFocus","dismiss","useDismiss","role","useRole","click","useClick","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","transitionStyles","useTransitionStyles","initial","opacity","transform","styles","current","computedStyle","getComputedStyle","backgroundColor","_objectSpread","ref","zIndex","FloatingArrow","tipRadius","_ref$title","_ref$color","_ref$viewBoxWidth","viewBoxWidth","_ref$viewBoxHeight","viewBoxHeight","_ref$direction","otherProps","SvgIcon","colors","points","d","appContext","useContext","AppContext","fullPath","useParams","store","cmsPages","find","setCms","useEffect","newCms"],"sourceRoot":""}