{"version":3,"file":"component---src-templates-insights-tag-tsx-9ca8fba1c788391c3205.js","mappings":"wVAyQA,UAhMqB,SAAC,GAMf,IAgBDA,EArBJC,EAKI,EALJA,KACAC,EAII,EAJJA,YAKMC,EAAiBD,EAAYE,QAAU,EAEvCC,EAA6B,CACjC,CACEC,KAAM,WACNC,KAAM,aAER,CACED,KAAMJ,EAAYI,KAClBC,KAAML,EAAYM,OAKlBC,EAA2C,GAuB/C,OAnBIN,EAAiB,GACnBE,EAAYK,KAAK,CACfJ,KAAK,QAASH,EACdI,KAASL,EAAYM,KAAjB,IAAyBL,IAKjCH,EAAa,EAAEW,EAAAA,EAAAA,IAAiBN,IAG5BJ,EAAKW,qBAGPH,EAFgBR,EAAKW,mBAAmBC,MAEPC,KAAI,SAAAC,GACnC,OAAOA,EAAYC,SAKrB,gBAAC,IAAD,CAAQC,UAAU,4BAChB,gCACE,gBAAC,IAAD,CACEC,MAA0B,IAAnBf,EACFD,EAAYI,KADV,YAEFJ,EAAYI,KAFV,kBAEgCH,EACvCgB,YAAW,YAAcjB,EAAYI,KAA1B,oDACXc,UAAWX,EAAkB,GAAMA,EAAkB,GAAIY,QAAU,GACnEC,cAAepB,EAAYM,MAE3B,0BAAQe,KAAK,uBACVC,KAAKC,UAAUzB,KAIpB,0BACE0B,KAAK,SACLC,GAAG,UAEH,gBAAC,IAAD,CACEC,aAAW,EACXC,aAAa,SAGf,gBAAC,EAAAC,cAAD,CAAeH,GAAG,QAChB,gBAAC,IAAD,CACEI,SAAS,aACTC,OAAO,SAEP,gBAAC,KAAD,KACE,yBAAOf,UAAU,eACf,uBAAKA,UAAU,WACb,uBAAKA,UAAU,qBACb,qBAAGA,UAAU,WACVhB,EAAKgC,iBAAiBf,OAGzB,qBAAGD,UAAU,aACX,gBAAC,IAAD,CACEM,KAAK,YACLW,QAASjC,EAAKgC,iBAAiBE,oBAInC,gBAAC,IAAD,CACElB,UAAU,OACVmB,KAAK,YACLC,KAAM,KAIV,gBAAC,IAAD,CACER,aAAa,OACbS,aAAa,YACbC,KAAMtC,EAAKuC,oBAAoB3B,MAAMC,KAAI,SAAA2B,GACvC,MAAO,CACLnC,KAAMmC,EAAIzB,KAAKV,KACfC,KAAMkC,EAAIzB,KAAKT,KAAKmC,iBAUpC,gBAAC,IAAD,CACEC,OAAQzC,EAAYI,KACpBsC,UAAU,YACVrB,KAAK,UAIT,wBACEI,GAAG,eACHD,KAAK,QAEL,sBAAIT,UAAU,cACRf,EAAYI,KADlB,aAI6B,IAA5BG,EAAiBoC,OAChB,gBAAC,IAAD,KACE,yBACE,sCADF,8BAQF,gCACE,gBAAC,EAAAC,yBAAD,CAA0B7B,UAAU,qBACjCR,EAAiBK,KAAI,SAACiC,GACrB,IAAMC,GAAUC,EAAAA,EAAAA,GAAWF,EAAKG,cAAcC,QAE9C,OACE,uBACElC,UAAU,2BACVmC,IAAKL,EAAKpB,IAEV,gBAAC,IAAD,CACEpB,KAAMwC,EAAKxC,KAAKmC,MAChBxB,MAAO6B,EAAK7B,MACZmC,QAASN,EAAKM,QACdF,OAAQH,EAAQM,gBAChBC,MAAOR,EAAKG,cAAcM,kBAC1BC,IAAKV,EAAKS,kBAAkBC,IAC5BC,QAASX,EAAKY,yBAAyBC,UACvCrB,KAAMQ,EAAKG,cAAcW,kBAG3B,uBAAK5C,UAAU,MACb,gBAAC,KAAD,KACE,oCAQZ,6BACE,gBAAC,KAAD,KACE,gBAAC,IAAD,CACEb,QAASF,EAAYE,QACrB0D,MAAO5D,EAAY4D,MACnBC,MAAO7D,EAAY6D,MACnBvD,KAAMN,EAAYM,WAQ9B,0BAAQkB,KAAK,eACX,gBAAC,IAAD,MAEA,gBAAC,IAAD","sources":["webpack://gravitywell-website-2019/./src/templates/InsightsTag.tsx"],"sourcesContent":["import { graphql } from \"gatsby\";\nimport React from \"react\";\n\nimport {\n  FullWidthColumnWrapper,\n  MediumColumnWidthWrapper\n  , SmallColumnWidthWrapper\n} from \"../components/confines-wrappers\";\nimport FiltersApplied from \"../components/filters-applied\";\nimport Footer from \"../components/footer\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport HeroTags from \"../components/hero-tags\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport {\n  IBreadCrumb,\n  IBreadCrumbSchema\n} from \"../components/html-schema-snippets/breadcrumb-schema\";\nimport Icon from \"../components/icon\";\nimport InsightsTeaser from \"../components/insights-teaser\";\nimport Layout from \"../components/layout\";\nimport NoItemsFound from \"../components/no-items-found\";\nimport PageTop from \"../components/page-top\";\nimport Pagination from \"../components/pagination\";\nimport Wysiwyg from \"../components/wysiwyg\";\nimport {\n  IInsightsArticleData,\n  InsightsTeasersContainer,\n  PageTopCustom\n} from \"../pages/insights\";\nimport getProfile from \"./utils/getProfile\";\n\nexport interface IAllTaxonomyTermInsights {\n  edges: ITaxonomyTermInsights[];\n}\n\ninterface ITaxonomyTermInsights {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface IPageContext {\n  skip: number;\n  limit: number;\n  current: number;\n  name: string;\n  slug: string;\n  total: number;\n}\n\ninterface INodeData {\n  node: IInsightsArticleData;\n}\n\ninterface IInsightsTagsData {\n  nodeLabsOverview: {\n    created: string;\n    changed: string;\n    title: string;\n    field_intro_text: string;\n    field_meta_description: string;\n  };\n  allNodeLabsArticle: {\n    edges: INodeData[];\n  } | null;\n  allTaxonomyTermLabs: IAllTaxonomyTermInsights;\n}\n\nconst InsightsTags = ({\n  data,\n  pageContext\n}: {\n  data: IInsightsTagsData;\n  pageContext: IPageContext;\n}) => {\n  const paginationPage = pageContext.current + 1;\n\n  const breadcrumbs: IBreadCrumb[] = [\n    {\n      name: \"Insights\",\n      path: \"/insights\"\n    },\n    {\n      name: pageContext.name,\n      path: pageContext.slug\n    }\n  ];\n\n  let insightsNodes: INodeData[] = [];\n  let insightsArticles: IInsightsArticleData[] = [];\n  let schemaJson: IBreadCrumbSchema[] = [];\n\n  // If the pagination page value is greater than the 1st page, add a breadcrumb\n  if (paginationPage > 1) {\n    breadcrumbs.push({\n      name: `Page ${paginationPage}`,\n      path: `${pageContext.slug}/${paginationPage}`\n    });\n  }\n\n  // Now set the schema JSON object\n  schemaJson = [ breadCrumbSchema(breadcrumbs) ];\n\n  // If there is allNodeProject, set the insightsNodes variable\n  if (data.allNodeLabsArticle) {\n    insightsNodes = data.allNodeLabsArticle.edges;\n\n    insightsArticles = insightsNodes.map(projectNode => {\n      return projectNode.node;\n    });\n  }\n\n  return (\n    <Layout className=\"insights insights-by-tag\">\n      <>\n        <HelmetWrapper\n          title={paginationPage === 1 ?\n            `${pageContext.name} Insights` :\n            `${pageContext.name} Insights page ${paginationPage}`}\n          description={`Specific ${pageContext.name} articles which form part of our Insights section`}\n          updatedAt={insightsArticles[ 0 ] ? insightsArticles[ 0 ].changed : \"\"}\n          canonicalPath={pageContext.slug}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"header\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              gradient=\"orangePink\"\n              height=\"small\"\n            >\n              <FullWidthColumnWrapper>\n                <aside className=\"top-content\">\n                  <div className=\"content\">\n                    <div className=\"heading-container\">\n                      <p className=\"heading\">\n                        {data.nodeLabsOverview.title}\n                      </p>\n\n                      <p className=\"into-text\">\n                        <Wysiwyg\n                          type=\"formatted\"\n                          content={data.nodeLabsOverview.field_intro_text}\n                        />\n                      </p>\n\n                      <Icon\n                        className=\"icon\"\n                        icon=\"lightbulb\"\n                        size={4}\n                      />\n                    </div>\n\n                    <HeroTags\n                      initialTheme=\"dark\"\n                      featuredPath=\"/insights\"\n                      tags={data.allTaxonomyTermLabs.edges.map(tag => {\n                        return {\n                          name: tag.node.name,\n                          path: tag.node.path.alias\n                        };\n                      })}\n                    />\n                  </div>\n                </aside>\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n\n          <FiltersApplied\n            filter={pageContext.name}\n            clearLink=\"/insights\"\n            type=\"post\"\n          />\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {`${pageContext.name} articles`}\n          </h1>\n\n          {insightsArticles.length === 0 ? (\n            <NoItemsFound>\n              <p>\n                <strong>\n                  Oops\n                </strong>\n                . No articles were found.\n              </p>\n            </NoItemsFound>\n          ) : (\n            <>\n              <InsightsTeasersContainer className=\"content-container\">\n                {insightsArticles.map((post: IInsightsArticleData) => {\n                  const profile = getProfile(post.relationships.author);\n\n                  return (\n                    <div\n                      className=\"insights-teasers-wrapper\"\n                      key={post.id}\n                    >\n                      <InsightsTeaser\n                        path={post.path.alias}\n                        title={post.title}\n                        created={post.created}\n                        author={profile.field_full_name}\n                        cover={post.relationships.field_cover_image}\n                        alt={post.field_cover_image.alt}\n                        excerpt={post.field_labs_cover_summary.processed}\n                        tags={post.relationships.field_labs_tags}\n                      />\n\n                      <div className=\"hr\">\n                        <MediumColumnWidthWrapper>\n                          <span />\n                        </MediumColumnWidthWrapper>\n                      </div>\n                    </div>\n                  );\n                })}\n              </InsightsTeasersContainer>\n\n              <aside>\n                <SmallColumnWidthWrapper>\n                  <Pagination\n                    current={pageContext.current}\n                    total={pageContext.total}\n                    limit={pageContext.limit}\n                    slug={pageContext.slug}\n                  />\n                </SmallColumnWidthWrapper>\n              </aside>\n            </>\n          )}\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default InsightsTags;\n\nexport const InsightsTagsQuery = graphql`\n  query($slug: [String], $skip: Int = 0, $limit: Int = 10, $tagLimit: Int = 9) {\n    nodeLabsOverview {\n      created\n      changed\n      title\n      field_intro_text\n      field_meta_description\n    }\n    allNodeLabsArticle(\n      limit: $limit\n      skip: $skip\n      filter: {\n        relationships: {\n          field_labs_tags: { elemMatch: { path: { alias: { in: $slug } } } }\n        }\n      }\n      sort: { fields: created, order: DESC }\n    ) {\n      edges {\n        node {\n          ...getLabsData\n        }\n      }\n    }\n    ...getLabsTags\n  }\n`;\n"],"names":["schemaJson","data","pageContext","paginationPage","current","breadcrumbs","name","path","slug","insightsArticles","push","breadCrumbSchema","allNodeLabsArticle","edges","map","projectNode","node","className","title","description","updatedAt","changed","canonicalPath","type","JSON","stringify","role","id","initialLogo","initialTheme","PageTopCustom","gradient","height","nodeLabsOverview","content","field_intro_text","icon","size","featuredPath","tags","allTaxonomyTermLabs","tag","alias","filter","clearLink","length","InsightsTeasersContainer","post","profile","getProfile","relationships","author","key","created","field_full_name","cover","field_cover_image","alt","excerpt","field_labs_cover_summary","processed","field_labs_tags","total","limit"],"sourceRoot":""}