{"version":3,"file":"8697c28cb79f19f98cde413577e8a1cd738d81b4-5270ba780a55de9306f6.js","mappings":"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","sources":["webpack://npf-website/./src/components/ContentBlocks/styles/RecentAdvanceArticles.styles.js","webpack://npf-website/./src/components/ContentBlocks/RecentAdvanceArticles.jsx","webpack://npf-website/./src/images/logo-over-blue-70x70.png","webpack://npf-website/./src/components/DfpSlotsScript.jsx","webpack://npf-website/./src/components/AdHead.jsx","webpack://npf-website/./src/components/Heroes/styles/AdvanceArticleHero.styles.js","webpack://npf-website/./src/components/Heroes/AdvanceArticleHero.jsx"],"sourcesContent":["import styled from 'styled-components'\nimport { DEVICE } from '../../../util/constants'\nimport { Link } from 'gatsby'\n\nexport const RecentArticlesColumn = styled.div`\n  display: none;\n\n  @media ${DEVICE.laptopG} {\n    margin-bottom: 24px;\n    display: flex;\n    flex-direction: column;\n  }\n`\n\nexport const SectionTitle = styled.span`\n  font-style: normal;\n  font-weight: bold;\n  font-size: 1.4rem;\n  line-height: 2.29;\n  text-transform: uppercase;\n  color: var(--highlight-blue);\n  padding-bottom: 14px;\n`\n\nexport const ArticleLink = styled(Link)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: 24px;\n  text-decoration-line: none;\n\n  :hover {\n    text-decoration-line: underline;\n  }\n\n  :last-of-type {\n    padding-bottom: 0;\n  }\n`\n\nexport const ArticleCircleImage = styled.img`\n  width: 70px;\n  height: 70px;\n  border-radius: 50%;\n`\n\nexport const ArticleHeading = styled.h5`\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1.8rem;\n  line-height: 1.375;\n  color: var(--content-background-dark-blue);\n  padding-left: 24px;\n  text-decoration-line: none;\n`\n","import React from 'react'\n\nimport { StaticQuery, graphql } from 'gatsby'\n\nimport * as Styled from './styles/RecentAdvanceArticles.styles'\nimport { linkResolver } from '../../util/linkResolver'\nimport DEFAULT_THUMBNAIL from '../../images/logo-over-blue-70x70.png'\n\nconst RECENT_ARTICLES_QUERY = graphql`\n  {\n    prismicAdvanceLandingPage {\n      id\n      data {\n        recent_advance_articles {\n          recent_advanced_article {\n            url\n            uid\n            id\n            document {\n              ... on PrismicAdvanceArticle {\n                id\n                last_publication_date\n                type\n                uid\n                url\n                first_publication_date\n                data {\n                  publish_date\n                  hero_image {\n                    alt\n                    url\n                    thumbnails {\n                      recent_article_list {\n                        url\n                      }\n                    }\n                  }\n                  header {\n                    text\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nconst RecentAdvanceArticles = () => (\n  <StaticQuery\n    query={`${RECENT_ARTICLES_QUERY}`}\n    render={data => {\n      const nodes =\n        data.prismicAdvanceLandingPage?.data?.recent_advance_articles?.map(\n          r => r.recent_advanced_article\n        ) ?? null\n\n      nodes\n        .sort((a, b) => {\n          const dateA = new Date(a.document.data.publish_date)\n          const dateB = new Date(b.document.data.publish_date)\n          return dateA - dateB\n        })\n        .slice(0, 3)\n\n      if (!nodes) {\n        return null\n      }\n\n      return (\n        <Styled.RecentArticlesColumn>\n          <Styled.SectionTitle>Recent Advance Articles</Styled.SectionTitle>\n          {/* <pre>{ JSON.stringify(nodes, false, 2)}</pre> */}\n          {nodes.map(node => (\n            <Styled.ArticleLink key={node.id} to={linkResolver(node.document)}>\n              <Styled.ArticleCircleImage\n                src={\n                  node.document?.data?.hero_image?.thumbnails\n                    ?.recent_article_list?.url\n                    ? node.document.data.hero_image.thumbnails\n                        .recent_article_list.url\n                    : DEFAULT_THUMBNAIL\n                }\n                alt={\n                  node.document?.data?.hero_image?.recent_article_list?.alt\n                    ? node.document.data.hero_image.alt\n                    : 'NPF Logo'\n                }\n              />\n              <Styled.ArticleHeading>\n                {node.document?.data?.header?.text ?? ''}\n              </Styled.ArticleHeading>\n            </Styled.ArticleLink>\n          ))}\n        </Styled.RecentArticlesColumn>\n      )\n    }}\n  />\n)\n\nexport default RecentAdvanceArticles\n","export default \"data:image/png;base64,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\"","import React from 'react'\n\nconst DfpSlotsScript = ({\n  adsData = [],\n  targets = {},\n  suppressAds = false,\n}) => {\n  // Added check to clear all ad slots when suppressAds is true.\n  if (suppressAds) {\n    const clearScript = `\n      if (typeof window !== 'undefined' && window.googletag && typeof window.googletag.destroySlots === 'function') {\n          window.googletag.destroySlots();\n      }\n      // ...any other clean up...\n    `\n    return typeof window !== 'undefined' ? (\n      <script dangerouslySetInnerHTML={{ __html: clearScript }} />\n    ) : null\n  }\n\n  const scriptContent = `\n    if (typeof window !== 'undefined') {\n      window.googletag = window.googletag || { cmd: [] };\n      window.gptInitialized = false;\n      window.gptRefreshTimer = window.gptRefreshTimer || null;\n      window.lastRefreshTime = window.lastRefreshTime || 0;\n\n      window.googletag.cmd.push(() => {\n        window.googletag.pubads().enableSingleRequest();\n        window.googletag.pubads().disableInitialLoad();\n\n        const REFRESH_INTERVAL = 45000;\n        const MIN_REFRESH_DELAY = 1000;\n\n        if (window.gptRefreshTimer) {\n          clearInterval(window.gptRefreshTimer);\n          window.gptRefreshTimer = null;\n        }\n\n        const refreshAds = () => {\n          if (document.hasFocus()) {\n            const now = Date.now();\n            if (now - window.lastRefreshTime >= MIN_REFRESH_DELAY) {\n              const slots = Object.values(window.gptSlots || {}).filter(slot => !slot.lazyLoad);\n              if (slots.length > 0) {\n                window.googletag.pubads().refresh(slots);\n                window.lastRefreshTime = now;\n              }\n            }\n          }\n        };\n\n        const startRefreshTimer = () => {\n          if (!window.gptRefreshTimer) {\n            window.gptRefreshTimer = setInterval(refreshAds, REFRESH_INTERVAL);\n          }\n        };\n\n        const stopRefreshTimer = () => {\n          if (window.gptRefreshTimer) {\n            clearInterval(window.gptRefreshTimer);\n            window.gptRefreshTimer = null;\n          }\n        };\n\n        document.addEventListener('visibilitychange', () => {\n          if (document.hidden) {\n            stopRefreshTimer();\n          } else {\n            startRefreshTimer();\n          }\n        });\n\n        startRefreshTimer();\n\n        ${Object.entries(targets)\n          .map(\n            ([key, value]) =>\n              `window.googletag.pubads().setTargeting('${key}', '${value}');`\n          )\n          .join('')}\n\n        window.gptSlots = window.gptSlots || {};\n\n        ${(adsData || [])\n          .map(\n            ad => `\n            try {\n              const sizeMapping = window.googletag.sizeMapping()\n                ${ad.sizeMapping\n                  .map(\n                    ([viewportWidth, size]) =>\n                      `.addSize([${viewportWidth}, 0], [${size}])`\n                  )\n                  .join('')}\n                .build();\n\n              const slot = window.googletag\n                .defineSlot('${ad.slotId}', ${JSON.stringify(ad.sizes)}, '${\n              ad.divId\n            }')\n                .defineSizeMapping(sizeMapping);\n\n              const divId = '${ad.divId}';\n\\              if ('${ad.slotId}'.includes('CH01_MiddleBanner') || '${\n              ad.slotId\n            }'.includes('CH01_BottomoBanner')) {\n                slot.setForceSafeFrame(true)\n                    .setTargeting('lazyload', 'true');\n                slot.lazyLoad = true;\n                slot._divId = divId;\n\n                const attachObserver = () => {\n                  const observer = new IntersectionObserver((entries, observer) => {\n                    entries.forEach(entry => {\n                      if (entry.isIntersecting) {\n                        window.googletag.pubads().refresh([slot]);\n                        observer.unobserve(entry.target);\n                      }\n                    });\n                  }, { rootMargin: '200px', threshold: 0.1 });\n                  const element = document.getElementById(divId);\n                  if (element) {\n                    observer.observe(element);\n                  }\n                };\n\n                if (document.readyState === 'complete' || document.readyState === 'interactive') {\n                  attachObserver();\n                } else {\n                  document.addEventListener('DOMContentLoaded', attachObserver);\n                }\n              }\n\n              slot.addService(window.googletag.pubads());\n              window.gptSlots['${ad.divId}'] = slot;\n            } catch (error) {\n              console.error('Error defining slot for ${ad.divId}:', error);\n            }\n          `\n          )\n          .join('')}\n\n        if (!window.gptSlots['anchor']) {\n          try {\n            const anchorMapping = window.googletag.sizeMapping()\n              .addSize([768, 0], [728, 90])\n              .addSize([0, 0], [320, 50])\n              .build();\n\n            const anchorSlot = window.googletag\n              .defineSlot('/13970653/anchor', [[728, 90], [320, 50]], 'anchor')\n              .defineSizeMapping(anchorMapping)\n              .setTargeting('anchor_position', 'bottom')\n              .addService(window.googletag.pubads());\n            window.gptSlots['anchor'] = anchorSlot;\n          } catch (error) {\n            console.error('Error defining anchor slot:', error);\n          }\n        }\n\n        window.googletag.enableServices();\n        try {\n          window.googletag.display('anchor');\n          if (window.gptSlots['anchor']) {\n            window.googletag.pubads().refresh([window.gptSlots['anchor']]);\n          }\n          const nonLazySlots = Object.values(window.gptSlots || {}).filter(slot => !slot.lazyLoad && slot !== window.gptSlots['anchor']);\n          if (nonLazySlots.length > 0) {\n            window.googletag.pubads().refresh(nonLazySlots);\n          }\n        } catch (e) {\n          console.error('Error displaying anchor ad:', e);\n        }\n\n        window.gptInitialized = true;\n      });\n    }\n  `\n\n  return typeof window !== 'undefined' ? (\n    <script dangerouslySetInnerHTML={{ __html: scriptContent }} />\n  ) : null\n}\n\nexport default DfpSlotsScript\n","import React from 'react'\nimport DfpSlotsScript from './DfpSlotsScript'\n\nconst AdHead = ({ adsData, targets, suppressAds = false }) => {\n  return (\n    <>\n      <script\n        src=\"https://securepubads.g.doubleclick.net/tag/js/gpt.js\"\n        async\n      ></script>\n      <DfpSlotsScript\n        adsData={adsData}\n        targets={targets}\n        suppressAds={suppressAds}\n      />\n    </>\n  )\n}\n\nexport default AdHead\n","import styled from 'styled-components'\n\nimport { DEVICE, BLOCK_MARGIN_TOP } from '../../../util/constants'\nimport { GriddedContentBlock } from '../../styles/Utility.styles'\n\nexport const GridContainer = styled(GriddedContentBlock)`\n  padding-bottom: 0;\n  @media ${DEVICE.tabletL} {\n    margin-top: ${BLOCK_MARGIN_TOP}px;\n    padding-bottom: ${BLOCK_MARGIN_TOP}px;\n  }\n`\n\nexport const AdvanceArticleHero = styled.div`\n  grid-column: 2 / 12;\n  display: grid;\n  grid-template-columns: 1fr 186px 12px;\n  grid-template-rows: max-content;\n\n  @media ${DEVICE.tabletL} {\n    grid-template-columns: 7fr 150px 150px;\n  }\n`\n\nexport const HeroGraphicContainer = styled.div`\n  grid-column: 2 / 3;\n  grid-row: 1;\n  width: 100%;\n\n  @media ${DEVICE.tabletL} {\n    grid-column: 2 / 4;\n    padding-top: unset;\n  }\n`\n\nexport const TextColumn = styled.div`\n  grid-row: 1;\n  grid-column: 1 / 4;\n\n  @media ${DEVICE.tabletL} {\n    grid-row: 1;\n    grid-column: 1 /3;\n  }\n`\n\nexport const PageTitle = styled.span`\n  display: ${({ isMobile }) => (isMobile ? 'block' : 'none')};\n  font-weight: bold;\n  font-size: 1.4rem;\n  line-height: 1.7;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  color: var(--content-background-dark-blue);\n\n  @media ${DEVICE.tabletL} {\n    display: ${({ isMobile }) => (isMobile ? 'none' : 'block')};\n    font-size: 2rem;\n    line-height: 1.2;\n    margin-bottom: 37px;\n  }\n`\n\nexport const HeroTextRegion = styled.div`\n  display: flex;\n  flex-direction: column;\n  max-height: max-content;\n  border-radius: 5px;\n  margin-top: 60px;\n\n  @media ${DEVICE.tabletL} {\n    flex-direction: row;\n    margin-top: 37px;\n    min-height: calc(100% - 2rem * 1.2 - 37px);\n  }\n`\n\nexport const CenteredTextColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 14px 0 30px;\n  width: 100%;\n\n  @media ${DEVICE.tabletL} {\n    padding: ${({ hasImage }) => (hasImage ? '0 30px 0 0' : '0 275px 0 0')};\n  }\n`\n\nexport const HeroTitle = styled.div`\n  h1 {\n    font-weight: 300;\n    font-size: 2.8rem;\n    line-height: 1.35;\n    padding-bottom: 5px;\n    margin-bottom: 0;\n    color: var(--highlight-blue);\n\n    @media ${DEVICE.tabletL} {\n      padding-bottom: 10px;\n      font-size: 4.8rem;\n    }\n  }\n`\n\nexport const HeroText = styled.div`\n  font-size: 1.4rem;\n  line-height: 1.6;\n  padding-top: 5px;\n  margin-top: 0;\n  color: var(--content-background-dark-blue);\n\n  @media ${DEVICE.tabletL} {\n    padding-top: 10px;\n    font-size: 2rem;\n  }\n`\n\nexport const HeroImage = styled.img`\n  width: 100%;\n  @media ${DEVICE.tabletL} {\n    height: 300px;\n    width: 367px;\n    min-height: 300px;\n    min-width: 367px;\n  }\n`\n\nexport const BackButtonContainer = styled.div`\n  grid-column: 2 / 12;\n  margin-bottom: 30px;\n\n  @media ${DEVICE.tabletL} {\n    margin-bottom: 20px;\n  }\n`\n\nexport const BackButton = styled.button`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  text-decoration-line: none;\n  outline: none;\n  background: 0;\n\n  svg {\n    margin-right: 20px;\n  }\n\n  span {\n    font-family: 'Open Sans', sans-serif;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 1.2rem;\n    line-height: 1.357;\n    text-transform: uppercase;\n    color: var(--content-background-dark-blue);\n  }\n\n  @media ${DEVICE.tabletL} {\n    span {\n      font-size: 1.4rem;\n    }\n  }\n`\n","import React, { useState } from 'react'\nimport { useMediaPredicate } from 'react-media-hook'\nimport { navigate } from 'gatsby'\nimport { PrismicRichText } from '@prismicio/react'\n\nimport { DEVICE } from '../../util/constants'\nimport * as Styled from './styles/AdvanceArticleHero.styles'\nimport { HeroGraphicAdvance, HcpdBackArrow } from '../Icons'\n\nconst BackButton = () => (\n  <Styled.BackButton onClick={() => navigate('/advance')}>\n    <HcpdBackArrow />\n    <span>Read Advance Online</span>\n  </Styled.BackButton>\n)\n\nconst AdvanceArticleHero = ({\n  header,\n  heroText,\n  heroImage,\n  showPageTitle = true,\n  showBackButton = true,\n}) => {\n  const tabletAndUp = useMediaPredicate(DEVICE.tabletL)\n  const [hasImage] = useState(!!heroImage)\n  return (\n    <Styled.GridContainer>\n      {showBackButton && (\n        <Styled.BackButtonContainer>\n          <BackButton />\n        </Styled.BackButtonContainer>\n      )}\n      <Styled.AdvanceArticleHero>\n        <Styled.HeroGraphicContainer>\n          <HeroGraphicAdvance />\n        </Styled.HeroGraphicContainer>\n        <Styled.TextColumn>\n          <Styled.PageTitle isMobile={true}>\n            {showPageTitle ? 'Advance Online' : '\\u00A0'}\n          </Styled.PageTitle>\n          <Styled.HeroTextRegion>\n            {!tabletAndUp &&\n              (hasImage ? (\n                <Styled.HeroImage\n                  width={311}\n                  height={158}\n                  src={heroImage.thumbnails.mobile.url}\n                  alt={heroImage.alt}\n                />\n              ) : (\n                <div style={{ width: '1px', height: '100px' }} />\n              ))}\n            <Styled.CenteredTextColumn hasImage={hasImage}>\n              <Styled.PageTitle isMobile={false}>\n                {showPageTitle ? 'Advance Online' : '\\u00A0'}\n              </Styled.PageTitle>\n              <Styled.HeroTitle>\n                <PrismicRichText field={header.richText} />\n              </Styled.HeroTitle>\n              <Styled.HeroText>\n                <PrismicRichText field={heroText.richText} />\n              </Styled.HeroText>\n            </Styled.CenteredTextColumn>\n            {hasImage && tabletAndUp && (\n              <Styled.HeroImage\n                width={367}\n                height={300}\n                src={heroImage.url}\n                alt={heroImage.alt}\n              />\n            )}\n          </Styled.HeroTextRegion>\n        </Styled.TextColumn>\n      </Styled.AdvanceArticleHero>\n    </Styled.GridContainer>\n  )\n}\n\nexport default AdvanceArticleHero\n"],"names":["RecentArticlesColumn","styled","div","withConfig","displayName","componentId","DEVICE","laptopG","SectionTitle","span","ArticleLink","Link","ArticleCircleImage","img","ArticleHeading","h5","RecentAdvanceArticles","React","StaticQuery","query","render","data","_data$prismicAdvanceL","_data$prismicAdvanceL2","_data$prismicAdvanceL3","_data$prismicAdvanceL4","nodes","prismicAdvanceLandingPage","recent_advance_articles","map","r","recent_advanced_article","sort","a","b","Date","document","publish_date","slice","Styled","node","_node$document","_node$document$data","_node$document$data$h","_node$document$data$h2","_node$document$data$h3","_node$document2","_node$document2$data","_node$document2$data$","_node$document2$data$2","_node$document$data$h4","_node$document3","_node$document3$data","_node$document3$data$","key","id","to","linkResolver","src","hero_image","thumbnails","recent_article_list","url","alt","header","text","_ref","adsData","targets","suppressAds","clearScript","window","dangerouslySetInnerHTML","__html","scriptContent","Object","entries","_ref2","value","join","ad","sizeMapping","_ref3","viewportWidth","size","slotId","JSON","stringify","sizes","divId","async","DfpSlotsScript","GridContainer","GriddedContentBlock","tabletL","BLOCK_MARGIN_TOP","AdvanceArticleHero","HeroGraphicContainer","TextColumn","PageTitle","isMobile","HeroTextRegion","CenteredTextColumn","hasImage","HeroTitle","HeroText","HeroImage","BackButtonContainer","BackButton","button","onClick","navigate","HcpdBackArrow","heroText","heroImage","showPageTitle","showBackButton","tabletAndUp","useMediaPredicate","useState","HeroGraphicAdvance","width","height","mobile","style","PrismicRichText","field","richText"],"sourceRoot":""}