{"version":3,"sources":["webpack:///./src/components/blog/category-banner.js","webpack:///./src/hooks/use-blog-categories.js","webpack:///./src/components/blog/category-content.js","webpack:///./src/templates/blog-category.js","webpack:///./src/components/blog/categories-sidebar.js"],"names":["CategoryBanner","props","blogCategory","blogSubCategory","crumbs","path","label","slug","nombre","push","id","className","to","imagen_principal","style","publicURL","defaultProps","useBlogCategories","useStaticQuery","allStrapiBlogCategoria","edges","CategoryContent","blog_subcategorias","length","map","blogSubcategory","index","key","role","src","icono_principal","alt","strapiId","BlogCategoryTemplate","data","blogCategories","simpleLayout","meta","og_tipo","og_titulo","og_imagen","blogCategoryId","CategoriesSidebar","renderSidebarCategories","data-toggle","aria-expanded","data-target","aria-controls","aria-labelledby","data-parent","category","node"],"mappings":"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","file":"component---src-templates-blog-category-js-9c38024530b96a668d15.js","sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\n\n// Components\nimport Breadcrumb from \"../elements/breadcrumb\"\n\nconst CategoryBanner = props => {\n  const { blogCategory, blogSubCategory } = props\n\n  const crumbs = [\n    { path: `/blog`, label: \"Blog\" },\n    { path: `/blog/${blogCategory.slug}`, label: blogCategory.nombre },\n  ]\n\n  if (blogSubCategory) {\n    crumbs.push({\n      path: `/blog/${blogSubCategory.slug}`, label: blogSubCategory.nombre,\n    })\n  }\n\n  return (\n    <div id=\"asm-category-banner\" className=\"mt-lg-n3 mb-0\">\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-12 col-md-5 banner-content-left\">\n            <Link to={`/blog`} className=\"stretched-link\" />\n          </div>\n\n          <div\n            className=\"col-12 col-md-7 banner-content-right d-flex\"\n            {...(blogCategory.imagen_principal\n              ? {\n                  style: {\n                    \"--banner-content-right-bg\": `url(${blogCategory.imagen_principal.publicURL})`,\n                  },\n                }\n              : {})}\n          >\n            <h2 className=\"banner-heading mt-auto ml-auto ml-sm-5 mr-auto mr-sm-0 mb-4 pl-0 pl-sm-5\">\n              <span className=\"d-block mb-2\">{blogCategory.nombre}</span>\n              <Breadcrumb crumbs={crumbs} />\n            </h2>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nCategoryBanner.propTypes = {\n  blogCategory: PropTypes.shape({\n    slug: PropTypes.string.isRequired,\n    nombre: PropTypes.string.isRequired,\n    imagen_principal: PropTypes.shape({\n      publicURL: PropTypes.string.isRequired,\n    }),\n  }),\n  blogSubCategory: PropTypes.shape({\n    slug: PropTypes.string.isRequired,\n    nombre: PropTypes.string.isRequired,\n  }),\n}\n\nCategoryBanner.defaultProps = {\n  blogCategory: {\n    slug: `categoria`,\n    nombre: `Categoría`,\n    imagen_principal: {\n      publicURL: `http://placehold.it/800x365?text=Categoría`,\n    },\n  },\n  blogSubCategory: null,\n}\n\nexport default CategoryBanner\n","import { useStaticQuery, graphql } from \"gatsby\"\n\nexport const useBlogCategories = () => {\n  const data = useStaticQuery(\n    graphql`\n      query CategoryQuery {\n        allStrapiBlogCategoria {\n          edges {\n            node {\n              strapiId\n              slug\n              nombre\n              destacado\n              icono_principal {\n                publicURL\n              }\n              imagen_principal {\n                publicURL\n              }\n            }\n          }\n        }\n      }\n    `\n  )\n  return data.allStrapiBlogCategoria.edges\n}\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\n\nconst CategoryContent = props => {\n  const { blogCategory } = props\n  return (\n    <div id=\"asm-category-content\" className=\"col-12 col-md-6 offset-md-1 py-5\">\n      <div className=\"row\">\n        {blogCategory.blog_subcategorias.length > 0 ? (\n          blogCategory.blog_subcategorias.map((blogSubcategory, index) => {\n            return (\n              <div className=\"col-4 subcategory-card text-center\" key={index}>\n                <Link\n                  to={`/blog/${blogSubcategory.slug}`}\n                  className=\"d-block\"\n                  role=\"button\"\n                >\n                  <div className=\"subcategory-img-container rounded-circle p-2 mx-auto my-2\">\n                    <img\n                      src={\n                        blogSubcategory.icono_principal\n                          ? blogSubcategory.icono_principal.publicURL\n                          : \"http://placehold.it/100x100\"\n                      }\n                      alt={blogSubcategory.nombre}\n                      className=\"mx-auto d-block\"\n                    />\n                  </div>\n                  <h5 className=\"subcategory-heading text-black-beta text-600\">\n                    {blogSubcategory.nombre}\n                  </h5>\n                </Link>\n              </div>\n            )\n          })\n        ) : (\n          <p>No hay contenido disponible!</p>\n        )}\n      </div>\n    </div>\n  )\n}\n\nCategoryContent.propTypes = {\n  blogCategory: PropTypes.shape({\n    strapiId: PropTypes.string.isRequired,\n    slug: PropTypes.string.isRequired,\n    nombre: PropTypes.string.isRequired,\n    blog_subcategorias: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        nombre: PropTypes.string.isRequired,\n        icono_principal: PropTypes.shape({\n          publicURL: PropTypes.string.isRequired,\n        }),\n      })\n    ).isRequired,\n  }).isRequired,\n}\n\nCategoryContent.defaultProps = {\n  blogCategory: {\n    strapiId: \"5fc6712bb2b37d04310d0a34\",\n    slug: `nombre-categoria`,\n    nombre: \"Categoría\",\n    blog_subcategorias: [\n      {\n        nombre: \"Subcategoría #1\",\n        id: \"5fc66cf1e30179b4480561aa\",\n        icono_principal: {\n          publicURL: \"http://placehold.it/150x150\",\n        },\n      },\n      {\n        nombre: \"Subcategoría #2\",\n        id: \"5fc66d00e30179b4480561ab\",\n        icono_principal: {\n          publicURL: \"http://placehold.it/150x150\",\n        },\n      },\n    ],\n  },\n}\n\nexport default CategoryContent\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\n\n// Layout\nimport Layout from \"../components/layout\"\n// Components\nimport CategoryBanner from \"../components/blog/category-banner\"\nimport CategoryContent from \"../components/blog/category-content\"\nimport CategoriesSidebar from \"../components/blog/categories-sidebar\"\n// Hooks\nimport { useBlogCategories } from \"../hooks/use-blog-categories\"\n\nconst BlogCategoryTemplate = ({ data }) => {\n  const blogCategory = data.blogCategory\n  const blogCategories = useBlogCategories()\n\n  return (\n    <Layout\n      simpleLayout={true}\n      meta={{\n        og_tipo: \"blog\",\n        og_titulo: blogCategory.nombre,\n        og_imagen: blogCategory.imagen_principal || null,\n      }}\n    >\n      <CategoryBanner blogCategory={blogCategory} />\n      <div id=\"asm-category-main\" className=\"container-fluid position-relative\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <CategoriesSidebar\n              blogCategories={blogCategories}\n              blogCategoryId={blogCategory.strapiId}\n            />\n            <CategoryContent blogCategory={blogCategory} />\n          </div>\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default BlogCategoryTemplate\n\nexport const query = graphql`\n  query BlogCategoryQuery($id: String!) {\n    blogCategory: strapiBlogCategoria(strapiId: { eq: $id }) {\n      strapiId\n      slug\n      nombre\n      destacado\n      \n      blog_subcategorias {\n        id\n        slug\n        nombre\n        icono_principal {\n          publicURL\n        }\n      }\n      \n      icono_principal {\n        publicURL\n      }\n      imagen_principal {\n        publicURL\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\n\nconst CategoriesSidebar = props => {\n  const { blogCategories, blogCategoryId } = props\n  return (\n    <div id=\"asm-category-sidebar\" className=\"col-12 col-md-4 mt-4 mt-sm-0\">\n      <div className=\"row\">\n        <div className=\"col-12 sidebar-categories rounded mt-n2 mt-sm-n4\">\n          {/* Only if MD or greater */}\n          <div className=\"d-none d-md-block py-4\">\n            {renderSidebarCategories(blogCategories, blogCategoryId)}\n          </div>\n          {/* Only if SM */}\n          <div\n            className=\"accordion d-block d-md-none py-1\"\n            id=\"sideCategoriesAccordion\"\n          >\n            <div className=\"card bg-gray-alpha rounded-0 border-0 shadow-none\">\n              <div\n                className=\"card-header bg-gray-alpha\"\n                id=\"sideCategoriesHeading\"\n              >\n                <Link\n                  to={`/`}\n                  role=\"button\"\n                  data-toggle=\"collapse\"\n                  aria-expanded=\"false\"\n                  data-target=\"#sideCategoriesCollapseOne\"\n                  aria-controls=\"sideCategoriesCollapseOne\"\n                >\n                  <h6 className=\"banner-heading m-0\">\n                    Todas las categorías\n                    <i className=\"fa fa-angle-down float-right\"></i>\n                  </h6>\n                </Link>\n              </div>\n              <div\n                id=\"sideCategoriesCollapseOne\"\n                className=\"collapse\"\n                aria-labelledby=\"sideCategoriesHeading\"\n                data-parent=\"#sideCategoriesAccordion\"\n              >\n                <div className=\"card-body py-1\">\n                  {renderSidebarCategories(blogCategories, blogCategoryId)}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction renderSidebarCategories(blogCategories, blogCategoryId) {\n  return blogCategories.map((category, index) => {\n    return (\n      <Link\n        to={`/blog/${category.node.slug}`}\n        key={index}\n        className={\n          \"d-block text-black-alpha text-500 py-1 py-sm-2 my-1 \" +\n          (blogCategoryId === category.node.strapiId ? \"active\" : \"\")\n        }\n        role=\"button\"\n      >\n        {category.node.nombre}\n      </Link>\n    )\n  })\n}\n\nCategoriesSidebar.propTypes = {\n  blogCategories: PropTypes.arrayOf(\n    PropTypes.shape({\n      node: PropTypes.shape({\n        strapiId: PropTypes.string.isRequired,\n        slug: PropTypes.string.isRequired,\n        nombre: PropTypes.string.isRequired,\n      }),\n    })\n  ).isRequired,\n  blogCategoryId: PropTypes.string.isRequired,\n}\n\nCategoriesSidebar.defaultProps = {\n  blogCategories: [\n    {\n      node: {\n        strapiId: \"5fc67108b2b37d04310d0a30\",\n        slug: `nombre-categoria`,\n        nombre: \"Categoría\",\n      },\n    },\n    {\n      node: {\n        strapiId: \"5fc67111b2b37d04310d0a31\",\n        slug: `nombre-categoria`,\n        nombre: \"Categoría\",\n      },\n    },\n    {\n      node: {\n        strapiId: \"5fc6711ab2b37d04310d0a32\",\n        slug: `nombre-categoria`,\n        nombre: \"Categoría\",\n      },\n    },\n    {\n      node: {\n        strapiId: \"5fc67123b2b37d04310d0a33\",\n        slug: `nombre-categoria`,\n        nombre: \"Categoría\",\n      },\n    },\n    {\n      node: {\n        strapiId: \"5fc6712bb2b37d04310d0a34\",\n        slug: `nombre-categoria`,\n        nombre: \"Categoría\",\n      },\n    },\n  ],\n  blogCategoryId: \"5fc67108b2b37d04310d0a30\",\n}\n\nexport default CategoriesSidebar\n"],"sourceRoot":""}