{"version":3,"sources":["webpack://ecoverso.org/./src/rows/Blog.tsx","webpack://ecoverso.org/./src/rows/CommunityArticles.tsx","webpack://ecoverso.org/./src/rows/HeroBlog.tsx","webpack://ecoverso.org/./src/rows/Sidebar.tsx","webpack://ecoverso.org/./src/templates/wpBlogCategory.tsx"],"names":["title","description","image","posts","allPosts","categories","tags","useI18next","t","category","className","relatedPosts","articlesType","articlesCount","noTitle","display","exceptPostUid","shownArticles","length","filter","post","details","uid","ArticleDetailed","width","height","highlighted","undefined","to","file","featuredImage","type","authors","map","author","i","key","dangerouslySetInnerHTML","__html","excerpt","date","ArticleDetailedVertical","Article","articleDistributions","compact","component","full","minor","test","randomDistribution","articles","Math","min","currentDistribution","floor","random","layout","Component","push","sitemap","style","marginBottom","decodeHTMLEntities","slug","language","nodes","name","tag","visible","props","data","wordPress","recentPosts","imageFile","publicURL","label","siteMap"],"mappings":"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","file":"component---src-templates-wp-blog-category-tsx-ec37590a3e790907e63e.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport GridLayout from \"../Layout/GridLayout\"\nimport { FormatDate, useI18next, Link } from \"../i18n\"\n\nimport { ImageData, Image, Icon } from \"../Layout/Components\"\nimport { DynamicRow, RowData } from \"./DynamicRow\"\nimport HeroBlog from \"./HeroBlog\"\nimport WPComments, { CommentData } from \"./WPComments\"\nimport CommunityArticles from \"./CommunityArticles\"\n\nimport { Seo } from \"../seo\"\nimport { decodeHTMLEntities } from \"../Layout/utils/utils\"\nimport Sidebar from \"./Sidebar\"\n\nexport type PostData = {\n  title: string\n  id: string\n  databaseId: number\n  date: string\n  modified: string\n  slug: string\n  language: {\n    slug: string\n  }\n  translations: [\n    {\n      slug: string\n      language: {\n        slug: string\n      }\n    }\n  ]\n  seo: {\n    title: string\n    metaDesc: string\n  }\n  categories: {\n    nodes: [\n      {\n        name: string\n        slug: string\n        details: { uid: string }\n      }\n    ]\n  }\n  tags: {\n    nodes: [\n      {\n        name: string\n        slug: string\n      }\n    ]\n  }\n  details: {\n    uid: string\n    authors: [\n      {\n        id: string\n        title: string\n        details: {\n          ownedCars: string\n          bio: string\n          titolo: string\n          photo: ImageData\n        }\n      }\n    ]\n    excerpt: string\n    rows: RowData[]\n    featuredImage: ImageData\n  }\n  commentCount: number\n  commentStatus: string\n  comments: { nodes: CommentData[] }\n}\n\nexport type CategoryData = {\n  slug: string\n  name: string\n  details: { uid: string }\n  language: { slug: string }\n  posts: {\n    nodes: [\n      {\n        title: string\n        slug: string\n        date: string\n      }?\n    ]\n  }\n}\n\nexport type TagData = {\n  slug: string\n  name: string\n  details: {\n    uid: string\n    visible: boolean\n  }\n  posts: {\n    nodes: [\n      {\n        title: string\n        slug: string\n        date: string\n      }?\n    ]\n  }\n}\n\ntype Props = {\n  title: string\n  description: string\n  image: ImageData\n  relatedPosts: PostData[]\n  allPosts: PostData[]\n  categories: CategoryData[]\n  tags: TagData[]\n}\n\nexport default ({ title, description, image, posts, allPosts, categories, tags }) => {\n  const { t } = useI18next()\n\n  return (\n    <>\n      <HeroBlog image={image} title={description} category={title} />\n\n      <div className=\"row row--center pt-none\">\n        <div className=\"blog__post blog__post--list\">\n          <CommunityArticles allPosts={posts} relatedPosts={[]} articlesType=\"all\" articlesCount={0} noTitle display=\"full\" />\n        </div>\n        <Sidebar allPosts={allPosts} categories={categories} tags={tags} />\n      </div>\n    </>\n  )\n}\n","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { FormatDate, Link, useI18next } from \"../i18n\"\nimport { Image, ImageData } from \"../Layout/Components\"\n\nimport sitemap from \"../sitemap\"\n\nexport type PostData = {\n  title: string\n  date: string\n  details: {\n    uid: string\n    authors: [\n      {\n        id: string\n        title: string\n        details: {\n          titolo: string\n        }\n      }\n    ]\n    excerpt: string\n    featuredImage: ImageData\n    layout: {\n      highlighted: boolean\n      minor: boolean\n    }\n  }\n  commentCount: string\n}\n\ntype Props = {\n  className?: string\n  relatedPosts: PostData[]\n  allPosts: PostData[]\n  articlesType?: \"all\" | \"related\"\n  articlesCount?: 0 | 1 | 3 | 5 // 0 = All\n  exceptPostUid?: string\n  noTitle?: boolean\n  random?: boolean\n  display?: \"random\" | \"compact\" | \"full\" // default = \"compact\"\n}\n\nexport const CommunityArticles: React.FC<Props> = ({ className, relatedPosts, allPosts, articlesType, articlesCount, exceptPostUid, noTitle, display }) => {\n  const { t } = useI18next()\n\n  display = display || \"compact\"\n  let posts = articlesType == \"all\" ? allPosts : relatedPosts\n  // posts = [...posts, ...posts, ...posts, ...posts, ...posts, ...posts, ...posts, ...posts, ...posts]\n  // const shownArticles = articlesCount == posts.length ? 3 : articlesCount == 0 ? posts.length : articlesCount\n  const shownArticles = articlesCount == null || articlesCount == 0 ? posts.length : articlesCount\n\n  // eventually filter\n  if (exceptPostUid) {\n    posts = posts.filter((post) => post.details.uid != exceptPostUid)\n  }\n\n  // If no posts do not render\n  if (posts.length == 0) return null\n\n  const ArticleDetailed: React.FC<{ post: PostData; width?: number; height?: number; highlighted: boolean }> = ({ post, width, height, highlighted }) => {\n    if (post == undefined) return null\n    return (\n      <Link\n        to={\"post:\" + post.details.uid}\n        className={`col col--f${width || 12} row-span--${height || 1} card__article card__article--big ${highlighted ? \"card__article--highlighted\" : \"\"}`}\n      >\n        <Image file={post.details.featuredImage} type=\"cover\" className=\"card__article-image\" />\n        <div className=\"card__article-content\">\n          <div className=\"card__article-author\">\n            {post.details.authors.map((author, i: number) => (\n              <span key={i}>\n                {author.title}\n                {i < post.details.authors.length - 2 ? t(\",\") : \"\"}\n                {i == post.details.authors.length - 2 ? t(\" e\") : \"\"}{\" \"}\n              </span>\n            ))}\n          </div>\n          <h3 className=\"card__article-title\" dangerouslySetInnerHTML={{ __html: post.title }} />\n          <div className=\"card__article-description\" dangerouslySetInnerHTML={{ __html: post.details.excerpt }} />\n          <div className=\"card__article-content-background\"></div>\n          <div className=\"card__article-cta\">\n            <button className=\"btn btn--ghost\">{t(\"Leggi di più\")}</button>\n            <div className=\"card__article-date\">\n              <FormatDate date={post.date} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    )\n  }\n\n  const ArticleDetailedVertical: React.FC<{\n    post: PostData\n    width?: number\n    height?: number\n    highlighted: boolean\n  }> = ({ post, width, height, highlighted }) => {\n    if (post == undefined) return null\n    return (\n      <Link\n        to={\"post:\" + post.details.uid}\n        className={`col col--f${width || 12} row-span--${height || 1} card__article card__article--vert card__article--big ${\n          highlighted ? \"card__article--highlighted\" : \"\"\n        }`}\n      >\n        <Image file={post.details.featuredImage} type=\"cover\" className=\"card__article-image\" />\n        <div className=\"card__article-content\">\n          <div className=\"card__article-author\">\n            {post.details.authors.map((author, i: number) => (\n              <span key={i}>\n                {author.title}\n                {i < post.details.authors.length - 2 ? t(\",\") : \"\"}\n                {i == post.details.authors.length - 2 ? t(\" e\") : \"\"}{\" \"}\n              </span>\n            ))}\n          </div>\n          <h3 className=\"card__article-title\" dangerouslySetInnerHTML={{ __html: post.title }} />\n          <div className=\"card__article-description\" dangerouslySetInnerHTML={{ __html: post.details.excerpt }} />\n          <div className=\"card__article-content-background\"></div>\n          <div className=\"card__article-cta\">\n            <button className=\"btn btn--ghost\">{t(\"Leggi di più\")}</button>\n            <div className=\"card__article-date\">\n              <FormatDate date={post.date} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    )\n  }\n\n  const Article: React.FC<{ post: PostData; width?: number; height?: number; highlighted: boolean }> = ({ post, width, height, highlighted }) => {\n    if (post == undefined) return null\n    return (\n      <Link\n        to={\"post:\" + post.details.uid}\n        className={`col col--f${width || 6} row-span--${height || 1}  card__article card__article--small ${highlighted ? \"card__article--highlighted\" : \"\"}`}\n      >\n        <div className=\"card__article-content\">\n          <div className=\"card__article-author\">\n            {post.details.authors.map((author, i: number) => (\n              <span key={i}>\n                {author.title}\n                {i < post.details.authors.length - 2 ? t(\",\") : \"\"}\n                {i == post.details.authors.length - 2 ? t(\" e\") : \"\"}{\" \"}\n              </span>\n            ))}\n          </div>\n          <h3 className=\"card__article-title\" dangerouslySetInnerHTML={{ __html: post.title }} />\n          <div className=\"card__article-description\" dangerouslySetInnerHTML={{ __html: post.details.excerpt }} />\n          <div className=\"card__article-content-background\"></div>\n          <div className=\"card__article-cta\">\n            <button className=\"btn btn--ghost\">{t(\"Leggi di più\")}</button>\n            <div className=\"card__article-date\">\n              <FormatDate date={post.date} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    )\n  }\n\n  //-----------------------------------------------------------------------------------------------\n  // Possible distributions\n\n  const articleDistributions = {\n    compact: [\n      { width: 12, height: 1, highlighted: false, component: ArticleDetailed },\n      { width: 6, height: 1, highlighted: false, component: Article },\n      { width: 6, height: 1, highlighted: false, component: Article },\n      { width: 6, height: 1, highlighted: false, component: ArticleDetailedVertical },\n      { width: 6, height: 1, highlighted: false, component: ArticleDetailedVertical },\n    ],\n    full: [\n      { width: 12, height: 1, highlighted: false, component: ArticleDetailedVertical },\n      { width: 12, height: 1, highlighted: false, component: ArticleDetailed },\n      { width: 6, height: 2, highlighted: false, component: ArticleDetailedVertical },\n    ],\n    minor: [{ width: 6, height: 1, highlighted: false, component: Article }],\n    test: [\n      { width: 6, height: 2, highlighted: true, component: ArticleDetailedVertical },\n      { width: 6, height: 1, highlighted: false, component: Article },\n      { width: 6, height: 2, highlighted: false, component: ArticleDetailedVertical },\n      { width: 12, height: 1, highlighted: false, component: ArticleDetailed },\n      { width: 6, height: 1, highlighted: false, component: Article },\n      { width: 6, height: 1, highlighted: false, component: Article },\n    ],\n  }\n\n  const randomDistribution = [\n    { width: 12, height: 1, highlighted: true, component: ArticleDetailedVertical },\n    { width: 12, height: 1, highlighted: false, component: ArticleDetailedVertical },\n    { width: 12, height: 1, highlighted: false, component: ArticleDetailedVertical },\n    { width: 6, height: 2, highlighted: true, component: ArticleDetailedVertical },\n    { width: 6, height: 2, highlighted: false, component: ArticleDetailedVertical },\n    { width: 6, height: 2, highlighted: false, component: ArticleDetailedVertical },\n    { width: 12, height: 1, highlighted: true, component: ArticleDetailed },\n    { width: 12, height: 1, highlighted: false, component: ArticleDetailed },\n    { width: 12, height: 1, highlighted: false, component: ArticleDetailed },\n    { width: 6, height: 1, highlighted: true, component: Article },\n    { width: 6, height: 1, highlighted: false, component: Article },\n    { width: 6, height: 1, highlighted: false, component: Article },\n    { width: 6, height: 1, highlighted: false, component: Article },\n    { width: 6, height: 1, highlighted: false, component: Article },\n    { width: 6, height: 1, highlighted: false, component: Article },\n  ]\n\n  //-----------------------------------------------------------------------------------------------\n\n  // Render all the articles\n  let articles = []\n  for (let i = 0; i < Math.min(shownArticles, posts.length); i++) {\n    let currentDistribution: { width: number; height: number; highlighted: boolean; component: any }\n    switch (display) {\n      case \"random\":\n        currentDistribution = { ...randomDistribution[Math.floor(Math.random() * randomDistribution.length)] }\n        break\n      case \"compact\":\n        currentDistribution = {\n          ...articleDistributions[\"compact\"][i % articleDistributions[\"compact\"].length],\n          highlighted: posts[i].details.layout.highlighted,\n        }\n        break\n      case \"full\":\n        // after rendering the first posts as dictated by \"full\" distribution, consider also rendering possible \"minor\" posts\n        currentDistribution =\n          posts[i].details.layout.minor && i > articleDistributions[\"full\"].length - 1\n            ? {\n                ...articleDistributions[\"minor\"][i % articleDistributions[\"minor\"].length],\n                highlighted: posts[i].details.layout.highlighted,\n              }\n            : {\n                ...articleDistributions[\"full\"][Math.min(i, articleDistributions[\"full\"].length - 1)],\n                highlighted: posts[i].details.layout.highlighted,\n              }\n        break\n    }\n\n    const Component = currentDistribution.component\n    articles.push(\n      <Component post={posts[i]} width={currentDistribution.width} height={currentDistribution.height} highlighted={currentDistribution.highlighted} key={i} />\n    )\n  }\n\n  return (\n    <div className={`row row--full pb-l ${className}`}>\n      {noTitle ? null : (\n        <div className=\"row row--center row--flex mb-none\">\n          <h2 className=\"heading heading-title mb-none\">Gli articoli del nostro Blog</h2>\n          <Link to={sitemap.posts.it} className=\"btn btn--ghost\">\n            vai al blog\n          </Link>\n        </div>\n      )}\n      <div className=\"row row--inner row--gap-medium col--gap-medium\">{articles}</div>\n    </div>\n  )\n}\n\nexport default CommunityArticles\n\n// Query fragment to include in graphql\nexport const query = graphql`\n  fragment post on Wordpress_Post {\n    title\n    date\n    details {\n      uid\n      excerpt\n      layout {\n        highlighted\n        minor\n      }\n      featuredImage {\n        ...imageData\n      }\n      authors {\n        ... on Wordpress_Person {\n          id\n          title\n          details {\n            titolo\n          }\n        }\n      }\n    }\n    commentCount\n  }\n  fragment relatedPosts on Wordpress {\n    relatedPosts: posts(where: { language: $languageCode, orderby: { field: DATE, order: DESC }, tagSlugIn: $tags }, first: $relatedPostsLimit) {\n      nodes {\n        ...post\n      }\n    }\n  }\n  fragment recentPosts on Wordpress {\n    recentPosts: posts(where: { language: $languageCode, orderby: { field: DATE, order: DESC } }, first: 5) {\n      nodes {\n        ...post\n      }\n    }\n  }\n`\n","import React, { useState } from \"react\"\nimport Tabs from \"../Layout/Components/Tabs\"\nimport { ColumnData } from \"./DynamicRow\"\nimport { Image, Button, ImageData } from \"../Layout/Components\"\n\ntype Props = {\n  image: ImageData\n  category: string\n  title: string\n}\n\nconst HeroBlog: React.FC<Props> = ({ image, category, title }) => {\n  return (\n    <div className=\"hero hero__blog\">\n      <div className=\"hero__blog__cover\">\n        <Image file={image} type=\"cover\" className=\"hero__blog__image\" />\n        <div className=\"hero__blog__overlay\"></div>\n      </div>\n      <div className={`hero__blog__holder `}>\n        <div className=\"hero__blog__category\" dangerouslySetInnerHTML={{ __html: category }}></div>\n        <h1 className=\"hero__blog__title\" dangerouslySetInnerHTML={{ __html: title }}></h1>\n      </div>\n    </div>\n  )\n}\n\nexport default HeroBlog\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport { FormatDate, useI18next, Link } from \"../i18n\"\nimport { decodeHTMLEntities } from \"../Layout/utils/utils\"\nimport { CategoryData, PostData, TagData } from \"./Blog\"\n\ntype Props = {\n  relatedPosts?: PostData[]\n  allPosts: PostData[]\n  categories: CategoryData[]\n  tags: TagData[]\n}\n\nexport const Sidebar: React.FC<Props> = ({ relatedPosts, allPosts, categories, tags }) => {\n  const { t } = useI18next()\n\n  return (\n    <div className=\"blog__sidebar\">\n      <h3>{t(\"Articoli recenti\")}</h3>\n      {allPosts.map((post, i) => (\n        <div key={i} style={{ marginBottom: \"1rem\" }}>\n          <Link to={\"post:\" + post.details.uid}>{decodeHTMLEntities(post.title)}</Link>\n        </div>\n      ))}\n      <h3 className=\"mt-m\">{t(\"Categorie\")}</h3>\n      {categories.map((category, i) => {\n        if (category.slug == category.language.slug) return null\n        if (category.posts.nodes.length == 0) return null\n        return (\n          <div key={i} style={{ marginBottom: \"1rem\" }}>\n            <Link to={\"blog:\" + category.details.uid}>\n              {category.name} [{category.posts.nodes.length}]\n            </Link>\n          </div>\n        )\n      })}\n      <h3 className=\"mt-m\">{t(\"Tag\")}</h3>\n      {tags.map((tag, i) => {\n        if (!tag.details.visible) return null\n        if (tag.posts.nodes.length == 0) return null\n        return (\n          <div key={i} style={{ marginBottom: \"1rem\" }}>\n            <Link to={\"tag:\" + tag.details.uid}>\n              {tag.name} [{tag.posts.nodes.length}]\n            </Link>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport default Sidebar\n\n// Query fragment to include in graphql\nexport const query = graphql`\n  fragment sidebarData on Wordpress {\n    categories(where: { language: $languageCode }, first: 1000) {\n      nodes {\n        slug\n        name\n        details {\n          uid\n        }\n        language {\n          slug\n        }\n        posts(where: { orderby: { field: DATE, order: DESC } }, first: 1000) {\n          nodes {\n            title\n            slug\n            date\n          }\n        }\n      }\n    }\n    tags(where: { language: $languageCode }, first: 1000) {\n      nodes {\n        slug\n        name\n        details {\n          uid\n          visible\n        }\n        posts(where: { orderby: { field: DATE, order: DESC } }, first: 1000) {\n          nodes {\n            title\n            slug\n            date\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport GridLayout from \"../Layout/GridLayout\"\nimport { useI18next } from \"../i18n\"\n\nimport { Breadcrumbs } from \"../Layout/Components\"\nimport Blog, { PostData, CategoryData, TagData } from \"../rows/Blog\"\n\nimport { Seo } from \"../seo\"\nimport siteMap from \"../sitemap\"\n\nexport default (props) => {\n  const { t } = useI18next()\n  const category = props.data.wordPress.category\n\n  const posts: PostData[] = props.data.wordPress.category.posts.nodes\n  const recentPosts: PostData[] = props.data.wordPress.recentPosts.nodes\n  const categories: CategoryData[] = props.data.wordPress.categories.nodes\n  const tags: TagData[] = props.data.wordPress.tags.nodes\n\n  //console.log(\"Props: \", props)\n  //console.log(\"Context: \", props.pageContext)\n\n  return (\n    <GridLayout>\n      <Seo\n        title={category.name}\n        description={category.description}\n        image={category.details.featuredImage.imageFile.publicURL}\n      />\n      <Breadcrumbs\n        data={[{ to: \"/\", label: t(\"Home\") }, { to: siteMap.posts.it, label: t(\"Blog\") }, { label: category.name }]}\n      />\n\n      <Blog\n        title={category.name}\n        description={category.description}\n        image={category.details.featuredImage}\n        posts={posts}\n        categories={categories}\n        tags={tags}\n        allPosts={recentPosts}\n      />\n    </GridLayout>\n  )\n}\n\n//query($id: ID!, $tags: [String!]) {\nexport const query = graphql`\n  query($id: ID!, $languageCode: Wordpress_LanguageCodeFilterEnum!) {\n    wordPress {\n      category(id: $id) {\n        description\n        name\n        details {\n          uid\n          featuredImage {\n            ...imageData\n          }\n        }\n        posts(where: { orderby: { field: DATE, order: DESC } }, first: 1000) {\n          nodes {\n            ...post\n          }\n        }\n      }\n      ...recentPosts\n      ...sidebarData\n    }\n  }\n`\n"],"sourceRoot":""}