{"version":3,"sources":["webpack://gatsby-starter-default/./src/templates/pageCareer.js"],"names":["data","careerStudyClasses","useCareerStudyClass","page","strapiCareers","cards","CardsList","formExist","SEO","pageMetadata","undefined","pageTitle","description","keywords","title","name","image","getImage","careerImage","icon","allStrapiCareerStudyClasses","nodes","map","item","id","career_study_class","type","code","headerPage","subtitle","study_class","category","iconType","pageUrl","slug","paginaName","formFields","field","value","attendance_modes","idCareer","detailsItems","Details","className","modalidad","index","key","tabs","content","length","links","Links","link","Link","to","url","section","forEach","form","formType","fields","anchor","buttonEcommerce","site_types","career-id","google-analytics-id","process","state","duration","variant","path","card","sections"],"mappings":"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","file":"component---src-templates-page-career-js-aafdc54c4f82fa174443.js","sourcesContent":["import React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport Layout from \"./layout.template\"\nimport { getImage } from \"gatsby-plugin-image\"\nimport { BgImage } from \"gbimage-bridge\"\nimport {\n  HeaderPage,\n  Icon,\n  Button,\n  TabComponent,\n  CustomSection,\n  Content,\n  Seo,\n  HorizontalCardsList,\n} from \"../components\"\nimport \"./_pageCareer.scss\"\nimport { useCareerStudyClass } from \"../hooks\"\nimport PropTypes from 'prop-types'\n\nconst PageCareer = ({ data }) => {\n  const careerStudyClasses = useCareerStudyClass()\n  const page = data.strapiCareers\n  const cards = page?.CardsList\n\n  let formExist = null\n  let SEO = \"\"\n  if (\n    page.pageMetadata !== null &&\n    page.pageMetadata !== undefined &&\n    page.pageMetadata.pageTitle !== null\n  ) {\n    const { description, keywords, pageTitle } = page.pageMetadata\n\n    SEO = (\n      <Seo\n        title={`${pageTitle}`}\n        description={`${description}`}\n        keywords={`${keywords}`}\n      />\n    )\n  } else {\n    SEO = <Seo title={`${page.name}`} />\n  }\n  const image = getImage(page.careerImage)\n  const icon = {}\n  careerStudyClasses.allStrapiCareerStudyClasses?.nodes.map(item => {\n    if (item.icon?.id === page.career_study_class?.icon) {\n      icon.type = item.icon?.type\n      icon.code = item.icon?.code\n    }\n    return null\n  })\n\n  const headerPage = (\n    <HeaderPage\n      title={page.name}\n      subtitle={page.study_class?.name}\n      category={page.career_study_class?.name}\n      icon={icon?.code}\n      iconType={icon?.type}\n      pageUrl={`/oferta-academica/${page.slug}`}\n      paginaName={[\"Oferta Académica\", page.name]}\n    />\n  )\n\n  //Objeto para enviar a al form\n  const formFields = [\n    {\n      field: \"modalidad_de_interes\",\n      value: page.attendance_modes,\n    },\n    {\n      field: \"tipo_de_programa\",\n      value: page.study_class.code,\n    },\n    {\n      field: \"programa_de_interes\",\n      value: page.name,\n    },\n    {\n      field: \"codigo_programa_de_interes\",\n      value: page.code,\n    },\n    {\n      field: \"id_programa_de_interes\",\n      value: page.idCareer,\n    },\n  ]\n\n  const detailsItems = page?.Details.map(item => (\n    <li className=\"career-details__item\">\n      <Icon type={item?.icon?.type} code={item?.icon?.code} />\n      <b>{item?.name}: </b>\n      {item?.description}{\" \"}\n    </li>\n  ))\n  const modalidad = page.attendance_modes.map((modalidad, index) =>\n    index > 0 ? (\n      <span key={modalidad.name}>, {modalidad.name} </span>\n    ) : (\n      <span key={modalidad.name}>{modalidad.name}</span>\n    )\n  )\n  const tabs = <TabComponent content={page.tabs} />\n  const content =\n    page.content.length !== 0 ? (\n      <Content content={page.content} />\n    ) : (\n      <div className=\"col-12 col-md-7\"></div>\n    )\n  const links = page?.Links.map(link => (\n    <li className=\"career-details__links__link\">\n      <Link to={link?.url} className=\"\">\n        {link?.name}\n      </Link>\n    </li>\n  ))\n\n  page.section?.forEach(item => {\n    if (item.type === \"form\") {\n      if (item.form?.formType === \"Career\") {\n        formExist =\n          item.fields.anchor !== null &&\n          item.fields.anchor !== undefined &&\n          item.fields.anchor !== \"\"\n            ? item.fields.anchor\n            : \"form\"\n      }\n    }\n  })\n\n  const buttonEcommerce = page.site_types.map(type => {\n    if (type.name === \"Ecommerce\") {\n      return (\n        <div className=\"margin-container\" key={page.idCareer}>\n          <ecommerce-widget career-id={page.idCareer} google-analytics-id={process.env.GATSBY_ECOMMERCE_GOOGLE_ANALYTICS || \"\"}></ecommerce-widget>\n        </div>\n      )\n    }\n  })\n  return (\n    <Layout>\n      {SEO}\n      <div className=\"headline headline--academic\">{headerPage}</div>\n      <div className=\"container pageCareer\">\n        <div className=\"col-12 col-md-8 px-0 pr-0 pr-md-5 my-4\">\n          {tabs} {content}\n        </div>\n        <div className=\"col-12 col-md-4 px-0\">\n          <div className=\"pageCareer__aside\">\n            <div className=\"pageCareer__aside__box\">\n              <BgImage\n                image={image}\n                className=\"pageCareer__aside__box__bgImage\"\n              >\n                {page.state === \"Unknown\" ? (\n                  <></>\n                ) : (\n                  <span>Inscripción Abierta</span>\n                )}\n              </BgImage>\n            </div>\n            <div className=\"pageCareer__aside__title\">\n              <h3>{page.name}</h3>\n            </div>\n            <div className=\"pageCareer__aside__body\">\n              <ul className=\"career-details\">\n                <li className=\"career-details__item\">\n                  <Icon type=\"fas\" code=\"clock\" />\n                  <b>Duración:</b> {page.duration}\n                </li>\n                <li className=\"career-details__item\">\n                  <Icon type=\"fas\" code=\"university\" />\n                  <b>Modalidad:</b> {modalidad}\n                </li>\n                {detailsItems}\n              </ul>\n\n              <div className=\"d-flex flex-column px-5 mx-3\">\n                {formExist !== null && formExist !== undefined && (\n                  <Button\n                    content={\"Más información\"}\n                    variant={\"button-yellow w-100\"}\n                    path={`#${formExist}`}\n                  />\n                )}\n                {buttonEcommerce}\n              </div>\n              <ul className=\"career-details__links\">{links}</ul>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <HorizontalCardsList data={cards?.card} title={cards?.fields?.title} />\n\n      <CustomSection sections={page.section} formFields={formFields} />\n    </Layout>\n  )\n}\nPageCareer.propTypes = {\n  data: PropTypes.shape({\n    strapiCareers: PropTypes.shape({\n      idCareer: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  })\n}\n\nexport default PageCareer\n\nexport const query = graphql`\n  query PageCareer($slug: String!) {\n    strapiCareers(slug: { eq: $slug }) {\n      pageMetadata {\n        description: pageDescription\n        keywords: pageKeywords\n        pageTitle\n      }\n      CardsList {\n        type\n        id\n        fields {\n          anchor\n          enable\n          id\n          theme\n          title\n        }\n        card {\n          description\n          id\n          subtitle\n          title\n          image {\n            title\n            type\n            id\n            alt\n            nameImage {\n              childImageSharp {\n                gatsbyImageData\n              }\n            }\n          }\n          internalLink {\n            id\n            name\n            type\n            singlePage\n            page {\n              name\n              id\n              slug\n              summary\n              title\n            }\n            news_content {\n              destacado\n              id\n              slug\n              title\n            }\n            career {\n              career_study_class\n              code\n              duration\n              id\n              idCareer\n              name\n              slug\n              state\n              study_class\n              careerImage {\n                childImageSharp {\n                  gatsbyImageData\n                }\n              }\n            }\n          }\n        }\n      }\n      Links {\n        id\n        name\n        url\n      }\n      id\n      name\n      code\n      slug\n      state\n      duration\n      idCareer\n      site_types {\n        id\n        name\n      }\n      buttonEcommerce {\n        label\n        url\n      }\n      study_class {\n        name\n        code\n      }\n      career_study_class {\n        name\n        icon\n      }\n      attendance_modes {\n        name\n        code\n      }\n      careerImage {\n        childImageSharp {\n          gatsbyImageData(formats: WEBP, webpOptions: { quality: 50 })\n        }\n      }\n      Details {\n        name\n        id\n        description\n        icon {\n          type\n          code\n        }\n      }\n      tabs {\n        type\n        fields {\n          title\n          summary\n        }\n        Items {\n          id\n          title\n          detail\n        }\n        accordionBlock {\n          id\n          title\n          itemsAccordion {\n            id\n            title\n            detail\n          }\n        }\n        textBlock {\n          fields {\n            anchor\n            enable\n            summary\n            theme\n            title\n          }\n          id\n          paragraph\n          type\n          image {\n            id\n            alt\n            title\n            type\n            nameImage {\n              childImageSharp {\n                gatsbyImageData\n              }\n            }\n          }\n          video {\n            urlVideo\n          }\n        }\n      }\n      section {\n        type\n        fields {\n          enable\n          title\n          summary\n          anchor\n          theme\n        }\n        blog_articles {\n          id\n        }\n        testimonies {\n          id\n        }\n        careers {\n          id\n        }\n        banner_item {\n          id\n        }\n        events {\n          id\n        }\n        form {\n          formId\n          PortalID\n          Name\n          formType\n        }\n        news_contents {\n          id\n        }\n        videos {\n          id\n        }\n      }\n      content {\n        fields {\n          anchor\n          enable\n          summary\n          theme\n          title\n        }\n        id\n        paragraph\n        image {\n          alt\n          id\n          title\n          type\n          nameImage {\n            childImageSharp {\n              gatsbyImageData\n            }\n          }\n        }\n        video {\n          urlVideo\n        }\n        type\n      }\n    }\n  }\n`\n"],"sourceRoot":""}