{"version":3,"file":"component---src-templates-area-js-31ade40d2e8966228a36.js","mappings":"sKA4IA,UApIa,SAAC,GAAwB,IAAD,EAArBA,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACpB,GAAkBC,EAAAA,EAAAA,UAAS,IAApBC,EAAP,KAAUC,EAAV,KAEMC,EAAOL,EAAKM,sBAAsBC,MAAM,GAExCC,GAAcC,EAAAA,EAAAA,KAGdC,GAFaF,MAAAA,GAAH,UAAGA,EAAaG,2BAAhB,aAAG,EAAkCJ,OAEtBK,QAAO,SAACC,GAAD,OACpCA,EAAOC,eAAeC,MAAK,SAACC,GAAD,OAAaX,EAAKY,OAASD,EAAQC,WAG1DC,EAAaR,EAAYE,QAC7B,SAACC,GAAD,OAAYA,EAAOM,YAAa,IAAIC,MAAOC,iBAGvCC,EAAiBZ,EAAYE,QACjC,SAACC,GAAD,OAAYA,EAAOM,WAAY,IAAIC,MAAOC,iBAC1CE,UAGIC,GADoBC,EAAAA,EAAAA,KACcC,sBAAsBnB,MAU9D,SAASoB,EAAWC,GAClBC,QAAQC,IAAIF,EAAO,SACnB,IAAMG,EAAQH,EAAMI,cACpB,OAAOJ,EAAMK,OAAO,GAAGC,cAAgBH,EAAMI,MAAM,GAIrD,IAfuBC,EAejBC,EAA4C,4BAAtBpC,EAASqC,SAAyCd,EAAcZ,QAC1F,SAAC2B,GAAD,MAAwC,wBAAtBA,EAAatB,QAC/BuB,KAAI,SAACD,EAAcE,GAAf,OACJ,0BACEC,IAAG,QAAUD,EACbE,UAAW,qBACXC,QAAS,WACPxC,EAAKmC,EAAatB,QAGnBU,EAAWY,EAAaX,WAExBJ,EAAcgB,KAAI,SAACD,EAAcE,GAAf,OACrB,0BACEC,IAAG,QAAUD,EACbE,UAAW,qBACXC,QAAS,WACPxC,EAAKmC,EAAatB,QAGnBU,EAAWY,EAAaX,WAK7B,OACE,gBAAC,IAAD,KACE,gBAAC,KAAD,MACA,gBAAC,KAAD,CACEiB,MAAOxC,MAAAA,OAAF,EAAEA,EAAMyC,OACbC,KAAM1C,MAAAA,OAAF,EAAEA,EAAMuB,MACZoB,KAAM3C,MAAAA,OAAF,EAAEA,EAAM2C,KAAK,KAElBtC,EAAYuC,OAAS,GACpB,uBAAKN,UAAU,sBACb,uBAAKA,UAAU,kBACb,uBAAKA,UAAU,sBACZN,EACD,0BACEM,UAAW,qBACXC,QAAS,WACPxC,EAAK,MAHT,eAUJ,gBAAC,KAAD,CAAcgC,SA/DCA,EA+DsBlB,EA9DjC,KAANf,EACKiC,EAAQxB,QAAO,SAACC,GAAD,OAAYA,EAAOqC,cAAcjC,OAASd,KAEzDiC,GA2D+Ce,OAAO,EAAMC,GAAI,YAClE9B,EAAe2B,OAAS,GACvB,gBAAC,KAAD,CACEb,QAASd,EACT+B,SAAS,EACTzB,MAAO,oBACPwB,GAAI","sources":["webpack://fjs-site/./src/templates/area.js"],"sourcesContent":["import React, { useState } from 'react'\nimport { graphql } from 'gatsby'\nimport Layout from './layout'\nimport { CardsSection, SimpleBanner, AreasSection } from '../components'\nimport useCourses from '../hooks/useCourses'\nimport useTrainingTypes from '../hooks/useTrainingTypes'\nimport PropTypes from 'prop-types'\n\nconst Area = ({ data, location }) => {\n  const [q, setQ] = useState('')\n\n  const area = data.allStrapiInterestArea.nodes[0]\n\n  const dataCourses = useCourses()\n  const fjsCourses = dataCourses?.allStrapiFjsCourses?.nodes\n\n  const areaCourses = fjsCourses.filter((course) =>\n    course.interest_areas.find((areaInt) => area.slug === areaInt.slug)\n  )\n\n  const newCourses = areaCourses.filter(\n    (course) => course.dateStart >= new Date().toISOString()\n  )\n\n  const expiredCourses = areaCourses.filter(\n    (course) => course.dateStart < new Date().toISOString()\n  ).reverse()\n\n  const dataTrainingTypes = useTrainingTypes()\n  const trainingTypes = dataTrainingTypes.allStrapiTrainingType.nodes\n\n  function filterCourses(courses) {\n    if (q !== '') {\n      return courses.filter((course) => course.training_type.slug === q)\n    } else {\n      return courses\n    }\n  }\n\n  function capitalize(title) {\n    console.log(title, \"entro\")\n    const lower = title.toLowerCase()\n    return title.charAt(0).toUpperCase() + lower.slice(1)\n  }\n\n\n  const trainingTypesFilter = location.pathname !== '/administracion-negocio' ? trainingTypes.filter(\n    (trainingType) => trainingType.slug !== 'formacion-ejecutiva'\n  ).map((trainingType, idx) => (\n    <button\n      key={`type-${idx}`}\n      className={'btn-outline-darker'}\n      onClick={() => {\n        setQ(trainingType.slug)\n      }}\n    >\n      {capitalize(trainingType.title)}\n    </button>\n  )) : trainingTypes.map((trainingType, idx) => (\n    <button\n      key={`type-${idx}`}\n      className={'btn-outline-darker'}\n      onClick={() => {\n        setQ(trainingType.slug)\n      }}\n    >\n      {capitalize(trainingType.title)}\n    </button>\n  ))   \n\n\n  return (\n    <Layout>\n      <AreasSection />\n      <SimpleBanner\n        image={area?.banner}\n        text={area?.title}\n        icon={area?.icon[0]}\n      />\n      {areaCourses.length > 0 && (\n        <div className=\"primary-background\">\n          <div className=\"container pt-5\">\n            <div className=\"row px-3 area-chip\">\n              {trainingTypesFilter}\n              <button\n                className={'btn-outline-darker'}\n                onClick={() => {\n                  setQ('')\n                }}\n              >\n                Ver todos\n              </button>\n            </div>\n          </div>\n          <CardsSection courses={filterCourses(newCourses)} areas={true} id={'courses'}/>\n          {expiredCourses.length > 0 && (\n            <CardsSection\n              courses={expiredCourses}\n              related={true}\n              title={'Cursos comenzados'}\n              id={'cursos-comenzados'}\n            />\n          )}\n        </div>\n      )}\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query ($slug: String!) {\n    allStrapiInterestArea(filter: { slug: { eq: $slug } }) {\n      nodes {\n        slug\n        title\n        id\n        icon {\n          localFile {\n            childImageSharp {\n              gatsbyImageData\n            }\n          }\n        }\n        banner {\n          localFile {\n            childImageSharp {\n              gatsbyImageData\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nArea.propTypes = {\n  data: PropTypes.object,\n  location: PropTypes.object\n}\n\nexport default Area\n"],"names":["data","location","useState","q","setQ","area","allStrapiInterestArea","nodes","dataCourses","useCourses","areaCourses","allStrapiFjsCourses","filter","course","interest_areas","find","areaInt","slug","newCourses","dateStart","Date","toISOString","expiredCourses","reverse","trainingTypes","useTrainingTypes","allStrapiTrainingType","capitalize","title","console","log","lower","toLowerCase","charAt","toUpperCase","slice","courses","trainingTypesFilter","pathname","trainingType","map","idx","key","className","onClick","image","banner","text","icon","length","training_type","areas","id","related"],"sourceRoot":""}