{"version":3,"sources":["webpack://gatsby-starter-default/./src/components/pager.js","webpack://gatsby-starter-default/./src/helpers/validateNews.js","webpack://gatsby-starter-default/./src/hooks/useForm.js","webpack://gatsby-starter-default/./src/templates/newsFeeds/news-ou-all.js","webpack://gatsby-starter-default/./src/helpers/findNoveltieCategoryExist.js","webpack://gatsby-starter-default/./src/utils/variables/generalRoutes.js","webpack://gatsby-starter-default/./src/images/newspaper.png"],"names":["pageContext","previousPagePath","nextPagePath","humanPageNumber","numberOfPages","className","Link","to","validateNews","news","filter","moment","dateTo","isSameOrBefore","length","useForm","initialState","useState","values","setValues","props","evento","target","eventValue","JSON","parse","value","itemsEvent","nameEvent","name","events","event","index","undefined","findIndex","i","code","eventtia","id","wiseCode","splice","Object","data","noveltiesCategoriesData","allStrapiNovelties","organizationalUnit","strapiOrganizationalUnit","objCarousel","visible","slide","mainCover","noveltiesCover","categorySelected","valuesFilter","handleInputChange","invalidCategory","setInvalidCategory","useEffect","category","novelties","nodes","flag","forEach","element","novelties_categories","map","noveltyCategory","navigate","urlSlug","replace","page","logo","title","carousel","keyName","icon","faNewspaper","onChange","defaultValue","disabled","key","strapiId","onClick","NEWS_GENERAL_ROUTE","item","isSameOrAfter","style","backgroundImage","thumbnail","url","date","locale","format","summary","slug","DIARY_GENERAL_ROUTE","CAREER_GENERAL_ROUTE"],"mappings":"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","file":"component---src-templates-news-feeds-news-ou-all-js-a19e05f9e14fd12d2aa5.js","sourcesContent":["import React from 'react'\nimport { Link } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nconst Pager = ({ pageContext }) => {\n  const {\n    previousPagePath,\n    nextPagePath,\n    humanPageNumber,\n    numberOfPages\n  } = pageContext\n\n  return (\n    <>\n      {numberOfPages > 1 ? (\n        <div className=\"w-100 d-flex align-items-center justify-content-between border-top pt-3 \">\n          <div className=\"flex-even d-flex justify-content-start\">\n            {previousPagePath ? (\n              <Link\n                className=\"btn btn-sm btn-outline-dark fit-content\"\n                to={`/${previousPagePath}`}\n              >\n                {' '}\n                Anterior{' '}\n              </Link>\n            ) : null}\n          </div>\n          <div className=\"flex-grow-1 d-flex justify-content-center\">\n            {numberOfPages > 1 ? (\n              <p className=\"mb-0\">\n                {humanPageNumber}/{numberOfPages}\n              </p>\n            ) : null}\n          </div>\n          <div className=\"flex-even d-flex justify-content-end\">\n            {nextPagePath ? (\n              <Link\n                className=\"btn btn-sm btn-outline-dark fit-content\"\n                to={`/${nextPagePath}`}\n              >\n                {' '}\n                Siguiente{' '}\n              </Link>\n            ) : null}\n          </div>\n        </div>\n      ) : null}\n    </>\n  )\n}\n\nPager.propTypes = {\n  pageContext: PropTypes.object.isRequired\n}\nexport default Pager\n","import moment from 'moment'\n\nexport const validateNews = (news = []) => {\n  const noticesExpired = news.filter((news) =>\n    moment(news.dateTo, 'YYYY/MM/DD').isSameOrBefore(moment())\n  )\n  if (noticesExpired.length === news.length) {\n    return true\n  } else {\n    return false\n  }\n}\n","import { useState } from 'react'\n\nexport const useForm = (initialState = {}) => {\n  const [values, setValues] = useState(initialState)\n\n  const reset = () => {\n    setValues({\n      ...initialState,\n      event: null\n    })\n  }\n\n  const handleInputChange = (props, evento = false) => {\n    const { target } = props\n   \n    // Seteando los valores del target.value con JSON solo para los Eventos\n    const eventValue = evento ? JSON.parse(target.value) : null\n\n    // Si el evento exite uso eventValue\n    if (evento) {\n      let itemsEvent = []\n\n      const nameEvent = target.name\n      const events = values.event\n      itemsEvent =  (events?.[`${nameEvent}`] == undefined) ? [] : events?.[`${nameEvent}`];\n\n      const index = itemsEvent?.findIndex((i) => (i.code === eventValue.eventtia))\n\n      if (index == -1) {\n        setValues({\n          ...values,\n          event:{\n            ...values.event,\n            [nameEvent]: [...itemsEvent,{name: target.id, code: eventValue.eventtia, wiseCode: eventValue.wiseCode}]\n          }\n        })\n      } else {\n        itemsEvent.splice(index, 1)\n        if (itemsEvent.length > 0) {\n          setValues({\n            ...values,\n            event:{\n              ...values.event,\n              [nameEvent]: [...itemsEvent]\n            }\n          })\n        } else {\n          if(Object.values(values.event).length == 0){\n            setValues({\n              ...values,\n              event: null\n            })\n          }else{\n            delete values.event?.[`${nameEvent}`]\n            setValues({\n              ...values,\n              event: {\n                ...values.event,\n              }\n            })\n          }\n        }\n      }\n    } else {\n      setValues({\n        ...values,\n        [target.name]: target.value\n      })\n    }\n  }\n  return [values, handleInputChange, reset]\n}\n","import React, { useEffect, useState } from 'react'\nimport Carousels from '../../components/carousel'\nimport Layout from '../../components/layout'\nimport Pager from '../../components/pager'\nimport Seo from '../../components/seo'\n// import pictureFeedNews from '../../images/notices.jpeg'\nimport { graphql, Link, navigate } from 'gatsby'\nimport logo from '../../images/newspaper.png'\nimport { useForm } from '../../hooks/useForm'\nimport urlSlug from 'url-slug'\nimport { findNoveltieCategoryExist } from '../../helpers/findNoveltieCategoryExist'\nimport { NEWS_GENERAL_ROUTE } from '../../utils/variables/generalRoutes'\nimport moment from 'moment'\nimport { validateNews } from '../../helpers/validateNews'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faNewspaper } from '@fortawesome/free-solid-svg-icons'\n\nconst newListOuAll = ({ data, pageContext }) => {\n  const { noveltiesCategoriesData } = pageContext\n\n  const {\n    allStrapiNovelties: news,\n    strapiOrganizationalUnit: organizationalUnit\n  } = data\n\n  const objCarousel = {\n    visible: true,\n    slide: organizationalUnit.mainCover?.noveltiesCover\n  }\n\n  const [valuesFilter, handleInputChange] = useForm({\n    categorySelected: 'Todas'\n  })\n  const { categorySelected } = valuesFilter\n\n  const [invalidCategory, setInvalidCategory] = useState(false)\n\n  useEffect(() => {\n    if (categorySelected !== 'Todas') {\n      setInvalidCategory(() =>\n        findNoveltieCategoryExist(categorySelected, news.nodes)\n      )\n      if (!invalidCategory !== true) {\n        navigate(`${urlSlug(categorySelected)}/`, {\n          replace: false\n        })\n      }\n    }\n  }, [categorySelected, invalidCategory])\n\n  const handleClickViewAllUcc = () => {\n    navigate(`/${NEWS_GENERAL_ROUTE}/`, {\n      replace: false\n    })\n  }\n\n  return data ? (\n    <Layout page={organizationalUnit} logo={organizationalUnit.logo}>\n      <Seo title={`Noticias ${organizationalUnit.name || ''}`} />\n      <section className=\"schedule-feed mb-3\">\n        {objCarousel?.slide && objCarousel?.slide.length > 0 && (\n          <div className=\"d-flex flex-column schedule-header-carousel\">\n            <Carousels carousel={objCarousel} keyName={'newsFeed-'} />\n          </div>\n        )}\n        <div className=\"container\">\n          <div className=\"my-5\">\n            <div className=\"row d-flex  mb-3\">\n              <div className=\" col-12 col-md-8\">\n                <div className=\" border-bottom\">\n                  <h5 className=\"text-uppercase title-secondary\">\n                    <FontAwesomeIcon icon={faNewspaper} className=\"mr-2\" />\n                    Noticias{' '}\n                    <span className=\"font-weight-bold text-main pb-1\">\n                      {organizationalUnit.name}\n                    </span>\n                  </h5>\n                </div>\n              </div>\n              <form className=\"  col-12 col-md-4 mt-separate\">\n                <div className=\"d-flex\">\n                  <select\n                    className=\"form-control form-control-sm\"\n                    onChange={handleInputChange}\n                    name=\"categorySelected\"\n                    defaultValue=\"-1\"\n                    disabled={validateNews(news.nodes)}\n                  >\n                    <option value=\"-1\" disabled>\n                      Por Categoría\n                    </option>\n                    <option value=\"Todas\">Todas</option>\n                    {noveltiesCategoriesData.map((category) => (\n                      <option value={category.name} key={category.strapiId}>\n                        {category.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              </form>\n              <div className=\"col-12\">\n                <div className=\"d-flex justify-content-end mt-3\">\n                  <button\n                    className=\"btn btn-sm ucc-background-color border-ucc-boton \"\n                    onClick={handleClickViewAllUcc}\n                  >\n                    Todas las noticias UCC\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div className=\"row\">\n              {news.nodes?.length === 0 ? (\n                <h4 className=\"mt-5 col\">\n                  No se encontraron noticias pertenecientes a{' '}\n                  {`\"${organizationalUnit.name}\"`}\n                </h4>\n              ) : (!invalidCategory !== false &&\n                  categorySelected !== 'Todas') ||\n                validateNews(news.nodes) ? (\n                <h4 className=\"mt-5 col\">\n                  {' '}\n                  No se encontraron noticias de {`\"${organizationalUnit.name}\"`}{' '}\n                  con la categoría\n                  {` \"${categorySelected}\"`}\n                </h4>\n              ) : (\n                news.nodes.map((item) => {\n                  if (\n                    item.dateTo === null ||\n                    moment(item.dateTo, 'YYYY/MM/DD').isSameOrAfter(moment())\n                  )\n                    return (\n                      <div\n                        className={`mb-4 col-12 col-md-4 'hightlighted'\n                   `}\n                        key={`news-ou-all-NodesId-${item.strapiId}`}\n                      >\n                        <div className=\"h-100 d-flex flex-column rounded shadow-sm news-card overflow-hidden position-relative\">\n                          <div\n                            className=\"news-image\"\n                            style={{\n                              backgroundImage: `url(\n\n                            ${item.thumbnail ? item.thumbnail.url : logo} \n                       \n                        )`\n                            }}\n                          ></div>\n                          <div className=\"flex-grow-1 p-4 d-flex flex-column news-info\">\n                            <h6>\n                              <small>\n                                {moment(item.date)\n                                  .locale('es')\n                                  .format('DD-MM-YYYY')}\n                              </small>\n                            </h6>\n\n                            {/* Etiqueta de la noticia - novelties categories */}\n                            {/* <div className=\"bg-sec px-2 py-1 text-white mb-2 fit-content\">                            \n                              {item.novelties_categories?.map((noveltieCategory, i) => {\n                                if ((item.novelties_categories?.length - 1) > i) {\n                                  return noveltieCategory?.name + \" - \"\n                                } else {\n                                  return noveltieCategory?.name\n                                }\n                              })}\n                            </div> */}\n                            \n                            <h5 className=\"font-weight-bold\">{item.title}</h5>\n                            <div className='noticies-markdown markdown-format'>\n                              <p>{item.summary}</p>\n                            </div>\n\n                            <Link\n                              to={`/${NEWS_GENERAL_ROUTE}/${item.slug}`}\n                              className={`btn btn-outline-info mt-auto fit-content text-uppercase \n                                rounded-pill px-4 font-secondary eventuality-button-font-size\n                              }`}\n                            >\n                              VER MÁS\n                            </Link>\n                          </div>\n                        </div>\n                      </div>\n                    )\n                })\n              )}\n            </div>\n            <Pager pageContext={pageContext} />\n          </div>\n        </div>\n      </section>\n    </Layout>\n  ) : null\n}\n\nexport default newListOuAll\n\nexport const newListQueryOU = graphql`\n  query($skip: Int, $limit: Int, $date: Date, $orgUnitId: Int) {\n    allStrapiNovelties(\n      skip: $skip\n      limit: $limit\n      sort: { fields: date, order: DESC }\n      filter: {\n        date: { lte: $date }\n        organizational_units: { elemMatch: { id: { eq: $orgUnitId } } }\n      }\n    ) {\n      nodes {\n        strapiId\n        title\n        slug\n        summary\n        date\n        dateTo\n        thumbnail {\n          url\n        }\n        novelties_categories {\n          name\n        }\n      }\n    }\n    strapiOrganizationalUnit(strapiId: { eq: $orgUnitId }) {\n      name\n      logo {\n        url\n        image {\n          url\n        }\n      }\n      navbar {\n        name\n        icon {\n          code\n          type\n        }\n        careersList {\n          name\n          ucc_careers {\n            name\n            slug\n          }\n        }\n        organizationalUnit {\n          name\n          icon {\n            code\n            type\n          }\n          organizational_unit {\n            name\n            slug\n          }\n        }\n        organizational_unit {\n          name\n          slug\n        }\n        page {\n          name\n          slug\n        }\n        pages {\n          name\n          icon {\n            code\n            type\n          }\n          page {\n            name\n            slug\n          }\n        }\n      }\n      mainCover {\n        noveltiesCover {\n          url\n          visible\n          name\n          imageDescription\n          content\n          backgroundImage {\n            url\n          }\n          backgroundVideo {\n            url\n          }\n          diary {\n            slug\n          }\n          novelty {\n            slug\n          }\n          organizational_unit {\n            slug\n          }\n          page {\n            slug\n          }\n          ucc_career {\n            slug\n          }\n        }\n      }\n    }\n  }\n`\n","export const findNoveltieCategoryExist = (category, novelties) => {\n  let flag = false\n  novelties?.forEach((element) => {\n    element.novelties_categories.map((noveltyCategory) => {\n      if (category === noveltyCategory.name) {\n        flag = true\n      }\n    })\n  })\n  return flag\n}\n","export const DIARY_GENERAL_ROUTE = 'agenda',\n  NEWS_GENERAL_ROUTE = 'noticias',\n  CAREER_GENERAL_ROUTE = 'carreras'\n","export default __webpack_public_path__ + \"static/newspaper-9048c7494e4f9bd46a2835fc9c3b0bf3.png\";"],"sourceRoot":""}