{"version":3,"file":"component---src-templates-news-article-tsx-2a4d246d90b56c70aab6.js","mappings":"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","sources":["webpack://parks-australia/./src/components/structure/hero-image-slide.tsx","webpack://parks-australia/./src/templates/news-article.tsx"],"sourcesContent":["import React from 'react';\nimport { GatsbyImage, getImage } from 'gatsby-plugin-image';\nimport { convertStringToId, randomKey } from '../../functions/common';\n\n//* Expects Hero images from a field referencing Hero Image media entities,\n//* following the structure defined in the ...MediaDataHeroImage fragment\n\nexport default function HeroImageSlide({ node, slideCount, heroBlockTitle }) {\n  if (!node) {\n    return <React.Fragment key={randomKey()}></React.Fragment>;\n  }\n  const MediaDataHeroImage = node,\n    imageData =\n      getImage(MediaDataHeroImage.customLocalFieldMediaImage?.childImageSharp?.gatsbyImageData) ||\n      MediaDataHeroImage.customLocalFieldMediaImage?.publicURL ||\n      null,\n    loadingType = slideCount < 2 ? 'eager' : 'lazy',\n    sourcePath = MediaDataHeroImage.customLocalFieldMediaImage?.publicURL || null;\n\n  return imageData ? (\n    <div\n      className=\"hero-block__slide-wrapper\"\n      key={`${convertStringToId(sourcePath.split('/')[3])}-${slideCount}`}\n    >\n      {typeof imageData === 'object' ? (\n        <GatsbyImage\n          className=\"hero-block__image\"\n          image={imageData}\n          alt={MediaDataHeroImage.field_media_image?.alt}\n          loading={loadingType}\n        />\n      ) : (\n        <img src={imageData} alt={MediaDataHeroImage.field_media_image?.alt} loading=\"eager\" />\n      )}\n      <div className={MediaDataHeroImage.field_gradient_overlay ? 'hero-block__overlay-container' : ''}>\n        {heroBlockTitle && <div className=\"hero-block__title\" dangerouslySetInnerHTML={{ __html: heroBlockTitle }} />}\n        <div\n          className=\"hero-block__credit\"\n          dangerouslySetInnerHTML={{\n            __html: MediaDataHeroImage.field_caption?.processed,\n          }}\n        />\n      </div>\n    </div>\n  ) : (\n    <React.Fragment key={node.id}></React.Fragment>\n  );\n}\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport { PageMetadata } from '../components/structure/head';\nimport { getParagraph } from '../components/paragraphs/paragraphs';\nimport AdminInfo from '../components/structure/admin-info';\nimport { MailChimpOptInFormBlocks } from '../components/blocks/mailchimp-opt-in-form';\nimport { MessageSomePagesBlock } from '../components/blocks/message-some-pages';\nimport PageTitleSection from '../components/structure/page-header';\nimport { SiteWideMessageBlock } from '../components/blocks/site-wide-message';\nimport { TileImagesSomePagesBlocks } from '../components/blocks/tile-images-some-pages';\nimport { createPageParentTrail } from '../functions/build_menus/build-menu-tree';\nimport HeroImageSlide from '../components/structure/hero-image-slide';\nimport { formatDateToAEST, randomKey } from '../functions/common';\nimport { DevAids } from '../components/dev-aids';\nimport Slider from 'react-slick';\n\nexport default function NewsArticleTemplate({ data, pageContext }) {\n  const park = process.env.GATSBY_PARK,\n    thisPage = data.nodeNewsArticle,\n    isLive = thisPage.status,\n    state = thisPage.moderation_state,\n    pageType = thisPage.node_type.drupal_internal__target_id || null,\n    nodeID = thisPage.drupal_internal__nid,\n    title = thisPage.title,\n    datePublished = thisPage.field_publication_date || null,\n    path = pageContext?.alias || null,\n    breadcrumbData =\n      createPageParentTrail(pageContext.siteMenuData, nodeID, path, pageType, title) || null,\n    heroBlockTitle = thisPage.field_hero_block_title?.value || null,\n    tileImageURL =\n      thisPage.relationships?.field_tile_image?.customLocalFieldMediaImage?.publicURL || null,\n    heroImages = thisPage.relationships.field_hero || [],\n    paragraphs = thisPage.relationships.paragraphs.map((item) => getParagraph(item, pageContext));\n\n  // Hero image slider\n  const sliderImages = heroImages.map((item, index: number) => (\n    <HeroImageSlide\n      node={item}\n      slideCount={index}\n      heroBlockTitle={heroBlockTitle}\n      key={randomKey()}\n    />\n  ));\n\n  const sliderSettings = {\n    autoplay: true,\n    autoplaySpeed: 5000,\n    dots: true,\n    infinite: true,\n    pauseOnFocus: true,\n    slidesToScroll: 1,\n    slidesToShow: 1,\n    speed: 1000,\n  };\n\n  return (\n    <>\n      <PageMetadata\n        title={title}\n        description={thisPage.body?.summary || title}\n        thumbnailImage={tileImageURL}\n        path={path}\n        dateModified={thisPage.changed}\n      />\n\n      {/* If not the homepage, add the title header and social links */}\n      {path !== '' ? (\n        <PageTitleSection\n          title={title}\n          socialMediaBlock={data.blockContentSocialMedia}\n          breadcrumbs={breadcrumbData}\n          summaryText={thisPage?.body?.summary || null}\n        />\n      ) : (\n        ''\n      )}\n\n      {/* Slideshow */}\n      {sliderImages.length > 0 ? (\n        <div className=\"pb-xlarge\">\n          <Slider {...sliderSettings}>{sliderImages}</Slider>\n        </div>\n      ) : (\n        <></>\n      )}\n\n      {/* Main content */}\n      <main id=\"content\">\n        <div className=\"grid-wrapper\">\n          <div className=\"grid-row clearfix\">\n            <div className=\"grid-col grid-col--8 grid-col--push-2 tb-grid-col--10 tb-grid-col--push-1 ph-grid-col--12 ph-grid-col--push-0\">\n              <div className=\"copy\">\n                {/* Show an Edit link for Gatsby Preview environments */}\n                <AdminInfo status={isLive} moderationState={state} path={path} />\n                <DevAids node={thisPage} pageLinks={true} />\n                {datePublished && (\n                  <div className=\"copy pb-small\">\n                    <em>{formatDateToAEST(datePublished)}</em>\n                  </div>\n                )}\n\n                <SiteWideMessageBlock\n                  callingPark={park}\n                  nodes={data.allBlockContentSiteWideMessage}\n                />\n\n                <MessageSomePagesBlock\n                  nodeID={nodeID}\n                  nodes={data.allBlockContentMessageSomePages}\n                  callingPark={park}\n                />\n\n                {thisPage.body?.processed ? (\n                  <div\n                    className=\"body-content\"\n                    dangerouslySetInnerHTML={{\n                      __html: thisPage.body?.processed,\n                    }}\n                  />\n                ) : (\n                  <React.Fragment key={randomKey()}></React.Fragment>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Paragraphs */}\n        {paragraphs}\n      </main>\n\n      {/* Mailchimp Subscribe forms */}\n      <MailChimpOptInFormBlocks\n        nodes={data.allBlockContentMailchimpOptInForm}\n        pagePath={pageContext.alias}\n      />\n\n      {/* Tile images on some pages Block */}\n      <TileImagesSomePagesBlocks\n        nodes={data.allBlockContentTileImagesSomePages}\n        pagePath={pageContext.alias}\n      />\n    </>\n  );\n}\n\n// This queries pages by their Drupal ID (UUID), not their Node ID\nexport const query = graphql`\n  query ($park: String!, $drupalId: String!) {\n    nodeNewsArticle(drupal_id: { eq: $drupalId }) {\n      id\n      drupal_id\n      drupal_internal__nid\n      title\n      changed\n      created\n      moderation_state\n      status\n      body {\n        processed\n        summary\n      }\n      path {\n        alias\n      }\n      field_legacy_url\n      node_type {\n        drupal_internal__target_id\n      }\n      field_publication_date\n      field_site {\n        drupal_internal__target_id\n      }\n      field_read_more\n      relationships {\n        field_hero {\n          ...MediaDataHeroImage\n          relationships {\n            field_media_image {\n              uri {\n                url\n              }\n            }\n          }\n        }\n        field_tile_image {\n          ...MediaDataTileImage\n        }\n        paragraphs: field_paragraphs {\n          type: __typename\n          # ...ParagraphAccordionContainer\n          # ...ParagraphButtonsContainer\n          ...ParagraphDownloadsList\n          # ...ParagraphEmbedIframe\n          # ...ParagraphEmbedMap\n          # ...ParagraphEmbedScript\n          ...ParagraphEmbedVideo\n          # ...ParagraphFeedList\n          ...ParagraphFigure\n          ...ParagraphGalleryGrid\n          # ...ParagraphHeroImageSection\n          # ...ParagraphQuoteWithImage\n          # ...ParagraphSectionHeadingLinks\n          # ...ParagraphPeople\n          ...ParagraphTable\n          ...ParagraphText\n          # ...ParagraphTileImages\n        }\n      }\n    }\n    allBlockContentSiteWideMessage(\n      filter: {\n        field_site_for_block: { drupal_internal__target_id: { eq: $park } }\n        field_enabled: { eq: true }\n      }\n    ) {\n      ...SiteWideMessageBlockQuery\n    }\n    allBlockContentMessageSomePages(\n      filter: {\n        field_site_for_block: { drupal_internal__target_id: { eq: $park } }\n        field_enabled: { eq: true }\n      }\n    ) {\n      ...MessageSomePagesBlockQuery\n    }\n    allBlockContentTileImagesSomePages(\n      filter: {\n        field_site_for_block: { drupal_internal__target_id: { eq: $park } }\n        field_enabled: { eq: true }\n      }\n    ) {\n      ...TileImagesSomePagesBlockQuery\n    }\n    blockContentSocialMedia {\n      ...SocialMediaLinksBlockQuery\n    }\n    allBlockContentMailchimpOptInForm(\n      filter: {\n        field_site_for_block: { drupal_internal__target_id: { eq: $park } }\n        field_enabled: { eq: true }\n      }\n    ) {\n      ...MailChimpOptInFormBlockQuery\n    }\n  }\n`;\n"],"names":["HeroImageSlide","_ref","_MediaDataHeroImage$c","_MediaDataHeroImage$c2","_MediaDataHeroImage$c3","_MediaDataHeroImage$c4","_MediaDataHeroImage$f","_MediaDataHeroImage$f2","_MediaDataHeroImage$f3","node","slideCount","heroBlockTitle","React","key","randomKey","MediaDataHeroImage","imageData","getImage","customLocalFieldMediaImage","childImageSharp","gatsbyImageData","publicURL","loadingType","sourcePath","className","convertStringToId","split","GatsbyImage","image","alt","field_media_image","loading","src","field_gradient_overlay","dangerouslySetInnerHTML","__html","field_caption","processed","id","NewsArticleTemplate","_thisPage$field_hero_","_thisPage$relationshi","_thisPage$relationshi2","_thisPage$relationshi3","_thisPage$body","_thisPage$body2","_thisPage$body3","_thisPage$body4","data","pageContext","park","process","thisPage","nodeNewsArticle","isLive","status","state","moderation_state","pageType","node_type","drupal_internal__target_id","nodeID","drupal_internal__nid","title","datePublished","field_publication_date","path","alias","breadcrumbData","createPageParentTrail","siteMenuData","field_hero_block_title","value","tileImageURL","relationships","field_tile_image","heroImages","field_hero","paragraphs","map","item","getParagraph","sliderImages","index","sliderSettings","autoplay","autoplaySpeed","dots","infinite","pauseOnFocus","slidesToScroll","slidesToShow","speed","PageMetadata","description","body","summary","thumbnailImage","dateModified","changed","PageTitleSection","socialMediaBlock","blockContentSocialMedia","breadcrumbs","summaryText","length","Slider","AdminInfo","moderationState","DevAids","pageLinks","formatDateToAEST","SiteWideMessageBlock","callingPark","nodes","allBlockContentSiteWideMessage","MessageSomePagesBlock","allBlockContentMessageSomePages","MailChimpOptInFormBlocks","allBlockContentMailchimpOptInForm","pagePath","TileImagesSomePagesBlocks","allBlockContentTileImagesSomePages"],"sourceRoot":""}