{"version":3,"sources":["webpack:///./src/templates/asmet-notice.js","webpack:///./src/components/home/menu.js"],"names":["AsmetNoticeTemplate","notice","data","noticeSingle","asmetHome","useAsmetHome","groupedComponents","useGroupedComponents","contenido","crumbs","path","label","slug","titulo","meta","og_tipo","og_titulo","og_descripcion","descripcion","og_imagen","imagen_principal","id","className","item","strapiId","imagen","format","fecha","map","index","component","key","pageId","menuSecundario","menu_secundario","Menu","props","link","customClass","src","icono","publicURL","alt","nombre","defaultProps","tipo","link_id"],"mappings":"8FAAA,yIAgFeA,UAjEa,SAAH,GAAkB,IACnCC,EAD2B,EAAJC,KACTC,aAEdC,EAAYC,cACZC,EAAoBC,YAAqBN,EAAOO,WAEhDC,EAAS,CACb,CAAEC,KAAK,YAAcC,MAAO,YAC5B,CAAED,KAAK,aAAcT,EAAOW,KAAQD,MAAOV,EAAOY,SAGpD,OACE,kBAAC,IAAM,CACLC,KACEb,EAAOa,KAAI,iBACFb,EAAOa,KAAK,CAACC,QAAS,WAC3B,CACEA,QAAS,SACTC,UAAWf,EAAOY,OAClBI,eAAgBhB,EAAOiB,aAAe,KACtCC,UAAWlB,EAAOmB,kBAAoB,OAI9C,yBAAKC,GAAG,sBAAsBC,UAAU,6BACtC,yBAAKA,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,OACb,kBAAC,IAAU,CAACb,OAAQA,IACpB,wBAAIa,UAAU,mCAAmCrB,EAAOY,YAKhE,yBAAKQ,GAAG,oBACN,yBAAKC,UAAU,kBACb,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,wBACb,kBAAC,IAAU,CACTC,KAAM,CACJF,GAAIpB,EAAOuB,SACXX,OAAQZ,EAAOY,OACfK,YAAajB,EAAOiB,YACpBO,OAAQxB,EAAOmB,qBAIrB,yBAAKE,UAAU,yBACb,uBAAGA,UAAU,6BACX,kBAAC,IAAM,CAACI,OAAO,MAAMzB,EAAO0B,WAMnCrB,EAAkBsB,KAAI,SAACL,EAAMM,GAC5B,OAAO,kBAAC,IAAe,CAACC,UAAWP,EAAMM,MAAOA,EAAOE,IAAKF,EAAOG,OAAQ/B,EAAOW,WAGtF,6BACA,kBAAC,IAAI,CAACqB,eAAgB7B,EAAU8B,qB,kCC3EtC,qCAMMC,EAAO,SAAAC,GACX,IAAQH,EAAmBG,EAAnBH,eACR,OACE,yBAAKZ,GAAG,WAAWC,UAAU,0BAC3B,yBAAKA,UAAU,OACZW,EAAeL,KAAI,SAACL,EAAMM,GACzB,OACE,yBAAKP,UAAU,qBAAqBS,IAAKF,GACvC,kBAAC,IAAU,CACTQ,KAAMd,EACNe,YAAa,YAAwB,IAAVT,EAAc,UAAY,KAErD,yBAAKU,IAAKhB,EAAKiB,OAASjB,EAAKiB,MAAMC,UAAYlB,EAAKiB,MAAMC,UAAY,4BAA6BC,IAAKnB,EAAKoB,SAC5GpB,EAAKoB,eAuBtBR,EAAKS,aAAe,CAClBX,eAAgB,CACd,CACEU,OAAO,uBACPE,KAAK,SACLC,QAAQ,IACRN,MAAO,CACLC,UAAU,oFAMHN","file":"component---src-templates-asmet-notice-js-8cc44ffbeaeb13ecc1ce.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Moment from \"react-moment\"\n\n// Layout\nimport Layout from \"../components/layout\"\n// Components\nimport Menu from \"../components/home/menu\"\nimport Breadcrumb from \"../components/elements/breadcrumb\"\nimport ItemSingle from \"../components/elements/item-single\"\nimport CustomComponent from \"../components/elements/custom-component\"\n// Hooks\nimport { useAsmetHome } from \"../hooks/use-asmet-home\"\nimport { useGroupedComponents } from \"../hooks/use-grouped-components\"\n\nconst AsmetNoticeTemplate = ({ data }) => {\n  const notice = data.noticeSingle\n\n  const asmetHome = useAsmetHome()\n  const groupedComponents = useGroupedComponents(notice.contenido)\n\n  const crumbs = [\n    { path: `/noticias`, label: \"Noticias\" },\n    { path: `/noticias/${notice.slug}`, label: notice.titulo },\n  ]\n\n  return (\n    <Layout\n      meta={\n        notice.meta\n          ? { ...notice.meta, og_tipo: \"notice\" }\n          : {\n              og_tipo: \"notice\",\n              og_titulo: notice.titulo,\n              og_descripcion: notice.descripcion || null,\n              og_imagen: notice.imagen_principal || null,\n            }\n      }\n    >\n      <div id=\"asm-template-header\" className=\"contanier-fluid pt-3 pb-3\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col\">\n              <Breadcrumb crumbs={crumbs} />\n              <h3 className=\"text-white-alpha text-left pt-4\">{notice.titulo}</h3>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div id=\"asm-page-general\">\n        <div className=\"container my-5\">\n          <div className=\"row justify-content-center\">\n            <div className=\"col-12 col-sm-8 mb-5\">\n              <ItemSingle\n                item={{\n                  id: notice.strapiId,\n                  titulo: notice.titulo,\n                  descripcion: notice.descripcion,\n                  imagen: notice.imagen_principal,\n                }}\n              />\n            </div>\n            <div className=\"col-12 col-sm-8 mb-n5\">\n              <p className=\"text-gray-beta text-right\">\n                <Moment format=\"LL\">{notice.fecha}</Moment>\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {groupedComponents.map((item, index) => {\n          return <CustomComponent component={item} index={index} key={index} pageId={notice.slug} />\n        })}\n      </div>\n      <hr />\n      <Menu menuSecundario={asmetHome.menu_secundario} />\n    </Layout>\n  )\n}\n\nexport default AsmetNoticeTemplate\n\nexport const query = graphql`\n  query NoticeSingle($id: String!) {\n    noticeSingle: strapiMediaNoticia(strapiId: { eq: $id }) {\n      strapiId\n      slug\n      titulo\n      meta {\n        og_titulo\n        og_imagen {\n          publicURL\n        }\n        og_descripcion\n      }\n      fecha\n      imagen_principal {\n        publicURL\n      }\n      descripcion\n\n      contenido {\n        id\n        tipo_componente\n\n        # Component Texto\n\n        contenido\n\n        # Component Documento\n\n        titulo\n        fecha_publicacion\n        es_descargable\n        descripcion\n        archivo {\n          publicURL\n          extension\n        }\n\n        # Component Banner\n\n        slides {\n          tipo_componente\n          titulo\n          subtitulo\n          imagen {\n            publicURL\n          }\n          link {\n            nombre\n            tipo\n            link_id\n            icono {\n              publicURL\n            }\n          }\n        }\n\n        # Component Card\n\n        imagen {\n          publicURL\n        }\n        link {\n          nombre\n          tipo\n          link_id\n          icono {\n            publicURL\n          }\n        }\n\n        # Component Grupo Cards\n\n        cards {\n          tipo_componente\n          titulo\n          descripcion\n          imagen {\n            publicURL\n          }\n          link {\n            nombre\n            tipo\n            link_id\n            icono {\n              publicURL\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\n// Components\nimport CustomLink from \"../elements/custom-link\"\n\nconst Menu = props => {\n  const { menuSecundario } = props\n  return (\n    <div id=\"asm-menu\" className=\"container my-0 my-sm-5\">\n      <div className=\"row\">\n        {menuSecundario.map((item, index) => {\n          return (\n            <div className=\"col-sm text-center\" key={index}>\n              <CustomLink\n                link={item}\n                customClass={\"nav-link\" + (index === 0 ? \" active\" : \"\")}\n              >\n                <img src={item.icono && item.icono.publicURL ? item.icono.publicURL : \"http://placehold.it/75x75\"} alt={item.nombre} />\n                {item.nombre}\n              </CustomLink>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nMenu.propTypes = {\n  menuSecundario: PropTypes.arrayOf(\n    PropTypes.shape({\n      nombre: PropTypes.string.isRequired,\n      tipo: PropTypes.string.isRequired,\n      link_id: PropTypes.string.isRequired,\n      icono: PropTypes.shape({\n        publicURL: PropTypes.string.isRequired,\n      }).isRequired,\n    })\n  ).isRequired,\n}\n\nMenu.defaultProps = {\n  menuSecundario: [\n    {\n      nombre: `Afiliación a la Mano`,\n      tipo: `Pagina`,\n      link_id: `/`,\n      icono: {\n        publicURL: `/static/6e42e9fd87b792be6a3040d64eeec6b3/36e2e83e7518ebc69a1b6b2108c16be8.png`,\n      },\n    },\n  ],\n}\n\nexport default Menu\n"],"sourceRoot":""}