{"version":3,"sources":["webpack:///./src/templates/asmet-event.js","webpack:///./src/components/home/menu.js"],"names":["AsmetEventTemplate","event","data","eventSingle","asmetHome","useAsmetHome","groupedComponents","useGroupedComponents","contenido","crumbs","path","label","slug","nombre","meta","og_tipo","og_titulo","og_descripcion","descripcion","og_imagen","imagen_principal","id","className","item","strapiId","titulo","imagen","format","fecha","map","index","component","key","pageId","menuSecundario","menu_secundario","Menu","props","link","customClass","src","icono","publicURL","alt","defaultProps","tipo","link_id"],"mappings":"4FAAA,yIAgFeA,UAjEY,SAAH,GAAkB,IAClCC,EAD0B,EAAJC,KACTC,YAEbC,EAAYC,cACZC,EAAoBC,YAAqBN,EAAMO,WAE/CC,EAAS,CACb,CAAEC,KAAK,UAAYC,MAAO,WAC1B,CAAED,KAAK,WAAYT,EAAMW,KAAQD,MAAOV,EAAMY,SAGhD,OACE,kBAAC,IAAM,CACLC,KACEb,EAAMa,KAAI,iBACDb,EAAMa,KAAK,CAACC,QAAS,UAC1B,CACEA,QAAS,QACTC,UAAWf,EAAMY,OACjBI,eAAgBhB,EAAMiB,aAAe,KACrCC,UAAWlB,EAAMmB,kBAAoB,OAI7C,yBAAKC,GAAG,sBAAsBC,UAAU,6BACtC,yBAAKA,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,OACb,kBAAC,IAAU,CAACb,OAAQA,IACpB,wBAAIa,UAAU,mCAAmCrB,EAAMY,YAK/D,yBAAKQ,GAAG,oBACN,yBAAKC,UAAU,kBACb,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,wBACb,kBAAC,IAAU,CACTC,KAAM,CACJF,GAAIpB,EAAMuB,SACVC,OAAQxB,EAAMY,OACdK,YAAajB,EAAMiB,YACnBQ,OAAQzB,EAAMmB,qBAIpB,yBAAKE,UAAU,yBACb,uBAAGA,UAAU,6BACX,kBAAC,IAAM,CAACK,OAAO,MAAM1B,EAAM2B,WAMlCtB,EAAkBuB,KAAI,SAACN,EAAMO,GAC5B,OAAO,kBAAC,IAAe,CAACC,UAAWR,EAAMO,MAAOA,EAAOE,IAAKF,EAAOG,OAAQhC,EAAMW,WAGrF,6BACA,kBAAC,IAAI,CAACsB,eAAgB9B,EAAU+B,qB,kCC3EtC,qCAMMC,EAAO,SAAAC,GACX,IAAQH,EAAmBG,EAAnBH,eACR,OACE,yBAAKb,GAAG,WAAWC,UAAU,0BAC3B,yBAAKA,UAAU,OACZY,EAAeL,KAAI,SAACN,EAAMO,GACzB,OACE,yBAAKR,UAAU,qBAAqBU,IAAKF,GACvC,kBAAC,IAAU,CACTQ,KAAMf,EACNgB,YAAa,YAAwB,IAAVT,EAAc,UAAY,KAErD,yBAAKU,IAAKjB,EAAKkB,OAASlB,EAAKkB,MAAMC,UAAYnB,EAAKkB,MAAMC,UAAY,4BAA6BC,IAAKpB,EAAKV,SAC5GU,EAAKV,eAuBtBuB,EAAKQ,aAAe,CAClBV,eAAgB,CACd,CACErB,OAAO,uBACPgC,KAAK,SACLC,QAAQ,IACRL,MAAO,CACLC,UAAU,oFAMHN","file":"component---src-templates-asmet-event-js-54bce70f14f1d1a473c2.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 AsmetEventTemplate = ({ data }) => {\n  const event = data.eventSingle\n\n  const asmetHome = useAsmetHome()\n  const groupedComponents = useGroupedComponents(event.contenido)\n\n  const crumbs = [\n    { path: `/events`, label: \"Eventos\" },\n    { path: `/events/${event.slug}`, label: event.nombre },\n  ]\n\n  return (\n    <Layout\n      meta={\n        event.meta\n          ? { ...event.meta, og_tipo: \"event\" }\n          : {\n              og_tipo: \"event\",\n              og_titulo: event.nombre,\n              og_descripcion: event.descripcion || null,\n              og_imagen: event.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\">{event.nombre}</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: event.strapiId,\n                  titulo: event.nombre,\n                  descripcion: event.descripcion,\n                  imagen: event.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\">{event.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={event.slug} />\n        })}\n      </div>\n      <hr />\n      <Menu menuSecundario={asmetHome.menu_secundario} />\n    </Layout>\n  )\n}\n\nexport default AsmetEventTemplate\n\nexport const query = graphql`\n  query EventSingle($id: String!) {\n    eventSingle: strapiMediaEvento(strapiId: { eq: $id }) {\n      strapiId\n      slug\n      nombre\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":""}