{"version":3,"file":"component---src-templates-wildlife-tsx-1fe8be0fc848472c2a59.js","mappings":"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","sources":["webpack://parks-australia/./src/components/paragraphs/information-box-wildlife.tsx","webpack://parks-australia/./src/templates/wildlife.tsx"],"sourcesContent":["import React from 'react';\nimport { graphql } from 'gatsby';\nimport { InformationBox, InfoboxColumn, InfoboxSection } from './information-box';\n\nconst park = process.env.GATSBY_PARK;\n\nexport const InfoboxWildlife = (query) => {\n  // Change the intro to the native name depending on the area\n  const nativeName = park === 'uktnp' ? 'Pitjantjatjara/Yankunytjatjara name' : 'We say';\n\n  // Drupal only exposes the list item key, not the value, so we duplicate it here and reassign.\n  // The values must align with the values in the corresponding Drupal field:\n  // /admin/structure/paragraphs_type/information_wildlife/fields/paragraph.information_wildlife.field_conservation_status\n  const conservationStatusMap = {\n    vulnerable: 'Vulnerable',\n    endangered: 'Endangered',\n    critically_endangered: 'Critically endangered',\n  },\n    // /admin/structure/paragraphs_type/information_wildlife/fields/paragraph.information_wildlife.field_population_numbers\n    populationNumbersMap = {\n      abundant: 'Abundant',\n      common: 'Common',\n      rare: 'Rare',\n    },\n    // /admin/structure/paragraphs_type/information_wildlife/fields/paragraph.information_wildlife.field_wildlife_residency_status\n    residencyStatusMap = {\n      endemic: 'Endemic',\n      migrant: 'Migrant',\n    };\n\n  // If no fields are set, don't render the component\n  return !query.field_field_native_name && !query.field_scientific_name ? (\n    <React.Fragment key={query.id}></React.Fragment>\n  ) : (\n    <InformationBox>\n      {/* Column 1 */}\n      <InfoboxColumn>\n        {query.field_scientific_name?.value && (\n          <InfoboxSection sectionTitle=\"Scientific name\">\n            <p>\n              <em>{query.field_scientific_name?.value}</em>\n            </p>\n          </InfoboxSection>\n        )}\n        {query.field_native_name && (\n          <InfoboxSection sectionTitle={nativeName}>\n            <p>{query.field_native_name}</p>\n          </InfoboxSection>\n        )}\n        {(query.field_length || query.weight || query.field_wingspan) && (\n          <InfoboxSection sectionTitle=\"Size\">\n            {query.field_length && <p>Length: {query.field_length}</p>}\n            {query.field_weight && <p>Weight: {query.field_weight}</p>}\n            {query.field_wingspan && <p>Wingspan: {query.field_wingspan}</p>}\n          </InfoboxSection>\n        )}\n      </InfoboxColumn>\n      {/* Column 2 */}\n      <InfoboxColumn>\n        {query.field_population_numbers && (\n          <InfoboxSection sectionTitle=\"Population\">\n            <p>{populationNumbersMap[query.field_population_numbers]}</p>\n          </InfoboxSection>\n        )}\n        {query.field_conservation_status && (\n          <InfoboxSection sectionTitle=\"Conservation status\">\n            <p>{conservationStatusMap[query.field_conservation_status]}</p>\n          </InfoboxSection>\n        )}\n        {query.field_wildlife_residency_status && (\n          <InfoboxSection sectionTitle=\"Residency status\">\n            <p>{residencyStatusMap[query.field_wildlife_residency_status]}</p>\n          </InfoboxSection>\n        )}\n        {query.field_where_to_see && (\n          <InfoboxSection sectionTitle=\"Where to see\">\n            <p>{query.field_where_to_see}</p>\n          </InfoboxSection>\n        )}\n      </InfoboxColumn>\n    </InformationBox>\n  );\n};\n\nexport const query = graphql`\n  fragment InformationBoxWildlife on paragraph__information_wildlife {\n    id\n    drupal_id\n    internal {\n      type\n    }\n    field_native_name\n    field_scientific_name {\n      value\n    }\n    field_conservation_status\n    field_length\n    field_population_numbers\n    field_weight\n    field_where_to_see\n    field_wingspan\n    field_wildlife_residency_status\n    paragraph_type {\n      drupal_internal__target_id\n    }\n  }\n`;\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport AdminInfo from '../components/structure/admin-info';\nimport { PageMetadata } from '../components/structure/head';\nimport { getParagraph } from '../components/paragraphs/paragraphs';\nimport { InfoboxWildlife } from '../components/paragraphs/information-box-wildlife';\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 { randomKey } from '../functions/common';\nimport { DevAids } from '../components/dev-aids';\nimport Slider from 'react-slick';\n\nexport default function WildlifeTemplate({ data, pageContext }) {\n  const park = process.env.GATSBY_PARK,\n    thisPage = data.nodeWildlife,\n    isLive = thisPage.status,\n    state = thisPage.moderation_state,\n    nodeID = thisPage.drupal_internal__nid,\n    title = thisPage.title,\n    path = pageContext.alias,\n    paragraphs = thisPage.relationships.paragraphs?.map(getParagraph),\n    breadcrumbData = createPageParentTrail(pageContext.siteMenuData, nodeID, path) || null,\n    tileImageURL =\n      thisPage.relationships?.field_tile_image?.customLocalFieldMediaImage?.publicURL || null,\n    // Convert the single Hero image to an Array with one item, for consistency\n    // with other slideshows\n    heroImages = thisPage.relationships?.field_hero_image && [thisPage.relationships.field_hero_image] || [],\n    heroBlockTitle = thisPage.field_hero_block_title?.value || null,\n    infoboxData = thisPage.relationships.infobox || null;\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      {/* 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                <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                  <></>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Paragraphs */}\n        {paragraphs}\n      </main>\n\n      {/* Information box */}\n      {infoboxData && <InfoboxWildlife {...infoboxData} />}\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    nodeWildlife(drupal_id: { eq: $drupalId }) {\n      id\n      drupal_id\n      drupal_internal__nid\n      title\n      created\n      changed\n      moderation_state\n      status\n      body {\n        processed\n        summary\n      }\n      field_legacy_url\n      path {\n        alias\n      }\n      relationships {\n        field_hero_image {\n          ...MediaDataHeroImage\n        }\n        field_tile_image {\n          ...MediaDataTileImage\n        }\n        paragraphs: field_paragraphs {\n          type: __typename\n          # ...ParagraphAccordionContainer\n          # ...ParagraphDownloadsList\n          # ...ParagraphEmbedIframe\n          # ...ParagraphEmbedMap\n          # ...ParagraphEmbedScript\n          # ...ParagraphEmbedVideo\n          ...ParagraphDownloadsList\n          ...ParagraphFigure\n          # ...ParagraphFeedList\n          # ...ParagraphGalleryGrid\n          # ...ParagraphHeroImageSection\n          # ...ParagraphQuoteWithImage\n          # ...ParagraphSectionHeadingLinks\n          # ...ParagraphPeople\n          ...ParagraphTable\n          ...ParagraphText\n         #   ...ParagraphTileImages\n        }\n        infobox: field_information_widget {\n          ...InformationBoxWildlife\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":["InfoboxWildlife","query","_query$field_scientif","_query$field_scientif2","field_field_native_name","field_scientific_name","React","InformationBox","InfoboxColumn","value","InfoboxSection","sectionTitle","field_native_name","field_length","weight","field_wingspan","field_weight","field_population_numbers","abundant","common","rare","field_conservation_status","vulnerable","endangered","critically_endangered","field_wildlife_residency_status","endemic","migrant","field_where_to_see","key","id","WildlifeTemplate","_ref","_thisPage$relationshi","_thisPage$relationshi2","_thisPage$relationshi3","_thisPage$relationshi4","_thisPage$relationshi5","_thisPage$field_hero_","_thisPage$body","_thisPage$body2","_thisPage$body3","_thisPage$body4","data","pageContext","park","process","thisPage","nodeWildlife","isLive","status","state","moderation_state","nodeID","drupal_internal__nid","title","path","alias","paragraphs","relationships","map","getParagraph","breadcrumbData","createPageParentTrail","siteMenuData","tileImageURL","field_tile_image","customLocalFieldMediaImage","publicURL","heroImages","field_hero_image","heroBlockTitle","field_hero_block_title","infoboxData","infobox","sliderImages","item","index","HeroImageSlide","node","slideCount","randomKey","sliderSettings","autoplay","autoplaySpeed","dots","infinite","pauseOnFocus","slidesToScroll","slidesToShow","speed","PageMetadata","description","body","summary","thumbnailImage","dateModified","changed","PageTitleSection","socialMediaBlock","blockContentSocialMedia","breadcrumbs","summaryText","length","className","Slider","AdminInfo","moderationState","DevAids","pageLinks","SiteWideMessageBlock","callingPark","nodes","allBlockContentSiteWideMessage","MessageSomePagesBlock","allBlockContentMessageSomePages","processed","dangerouslySetInnerHTML","__html","MailChimpOptInFormBlocks","allBlockContentMailchimpOptInForm","pagePath","TileImagesSomePagesBlocks","allBlockContentTileImagesSomePages"],"sourceRoot":""}