{"version":3,"sources":["webpack://frontend-fichas/./src/templates/ficha.js"],"names":["ficha","pageContext","data","location","window","undefined","title","nombrePuesto","descripcionProvincia","descripcionCanton","descripcionDistrito","partido","nombrePartido","nombre","useSeleccionCombos","setIdPuestoSeleccionado","idPuestoSeleccionado","setIdProvinciaSeleccionada","idProvinciaSeleccionada","setIdCantonSeleccionado","idCantonSeleccionado","setIdDistritoSeleccionado","idDistritoSeleccionado","useEffect","seleccion","puesto","distrito","canton","provincia","foto","fotos","edges","node","childImageSharp","gatsbyImageData","hasura","FichaProgramatica","length","biografiaURL","biografias","publicURL","programaURL","programas","className","Link","to","rutaBase","url","href","description","src","withPrefix","idPartido","toString","alt","width","height","G","image","profesion","CargoActual","detail","trim","substr","cvURL","target","rel","S","placeholder","style","textIndent","includes","candidato","idPuestoEstructura","procesosElectorales","PQCandidato","cargo","replace","vicecandidaturas","map","vice","key","ejes","nodes","eje","CatalogoEje","detalle","principalesPropuestas","CargoPublico","email","onClick","gtag","RedesSocialesFichas","rrss","networkName","RedesSociales","descripcion","networkURL","Layout"],"mappings":"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","file":"component---src-templates-ficha-js-ffd0d71a82ef95d8d258.js","sourcesContent":["// ver ejemplo de uso de pageContext en https://www.gatsbyjs.org/docs/creating-and-modifying-pages/#creating-pages-in-gatsby-nodejs\r\n\r\nimport { graphql, Link, withPrefix } from 'gatsby'\r\nimport { GatsbyImage, StaticImage } from 'gatsby-plugin-image'\r\nimport React, { useEffect } from 'react'\r\nimport Layout from '../components/layout/LayoutCandidaturas'\r\nimport SEO from '../components/SEO'\r\nimport ShareButtons from '../components/ShareButtons'\r\nimport useSeleccionCombos from '../utils/useSeleccionCombos'\r\n\r\nconst ficha = ({ pageContext, data }) => {\r\n  const location = typeof window !== 'undefined' ? window.location : undefined\r\n  const title = `Candidaturas a ${pageContext.nombrePuesto}${\r\n    pageContext.descripcionProvincia ? ` de ${pageContext.descripcionProvincia}` : ''\r\n  }${\r\n    pageContext.descripcionCanton ? `, ${pageContext.descripcionCanton}` : ''\r\n  }${\r\n    pageContext.descripcionDistrito ? `, ${pageContext.descripcionDistrito}` : ''\r\n  }, PARTIDO ${pageContext.partido.nombrePartido}, ${pageContext.nombre}`\r\n\r\n  const {\r\n    idPuestoSeleccionado,\r\n    setIdPuestoSeleccionado,\r\n    idProvinciaSeleccionada,\r\n    setIdProvinciaSeleccionada,\r\n    idCantonSeleccionado,\r\n    setIdCantonSeleccionado,\r\n    idDistritoSeleccionado,\r\n    setIdDistritoSeleccionado,\r\n  } = useSeleccionCombos()\r\n\r\n  useEffect(() => {\r\n    setIdPuestoSeleccionado(pageContext.seleccion.puesto)\r\n    setIdDistritoSeleccionado(pageContext.seleccion.distrito)\r\n    setIdCantonSeleccionado(pageContext.seleccion.canton)\r\n    setIdProvinciaSeleccionada(pageContext.seleccion.provincia)\r\n  }, [])\r\n\r\n  const foto = data?.fotos?.edges[0]?.node?.childImageSharp?.gatsbyImageData\r\n  const ficha = data.hasura.FichaProgramatica.length > 0 ? data.hasura.FichaProgramatica[0] : null\r\n\r\n  const biografiaURL = data?.biografias?.edges[0]?.node.publicURL\r\n  const programaURL = data?.programas?.edges[0]?.node.publicURL\r\n\r\n  return (\r\n    <>\r\n      <SEO location={location} title={title}></SEO>\r\n      <section className=\"container mx-auto my-6 px-8 py-8 bg-gray-100 rounded-lg\">\r\n        <div className=\"flex flex-col md:flex-row lg:-mx-3 items-start xs:justify-between\">\r\n          <Link className=\"mb-6 md:mb-0\" to={pageContext.rutaBase}>\r\n            Volver atrás a la lista de candidaturas\r\n          </Link>\r\n          <ShareButtons url={location?.href} title={title} description={title}></ShareButtons>\r\n        </div>\r\n      </section>\r\n      <section className=\"container w-full lg:w-2/3 xl:3/5 2xl:1/2 mx-auto my-6 px-8 py-8 bg-gray-100\">\r\n        <div className=\"flex flex-col sm:flex-row sm:space-x-4 text-left mb-8 sm:items-center\">\r\n          <img\r\n            className=\"mb-2 md:mb-0\"\r\n            src={`${withPrefix('/images/divisas/')}${pageContext.partido.idPartido.toString()}.jpg`}\r\n            alt=\"\"\r\n            width=\"60\"\r\n            height=\"23\"\r\n          />\r\n          <p className=\"text-base font-semibold\">PARTIDO {pageContext.partido.nombrePartido}</p>\r\n        </div>\r\n        <div>\r\n          {foto && (\r\n            <div className=\"lg:flex lg:float-right lg:-mt-8\">\r\n              <GatsbyImage image={foto} alt=\"Fotografía\" />\r\n            </div>\r\n          )}\r\n          <div className=\"text-xl font-medium mb-1 lg:mr-40 mt-4 lg:mt-0\">{pageContext.nombre}</div>\r\n        </div>\r\n\r\n        {ficha && (\r\n          <>\r\n            <div className=\"flex flex-col items-start mb-10\">\r\n              {ficha.profesion && (\r\n                <div className=\"text-base font-semibold text-gray-800 mb-6\">{ficha.profesion}</div>\r\n              )}\r\n              {ficha.CargoActual[0].detail && (\r\n                <div className=\"text-sm font-semibold text-gray-700 mr-10\">{`Actualmente es ${ficha.CargoActual[0].detail.trim()}${\r\n                  ficha.CargoActual[0].detail\r\n                    .trim()\r\n                    .substr(ficha.CargoActual[0].detail.trim().length - 1, 1) == '.'\r\n                    ? ''\r\n                    : '.'\r\n                }`}</div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"items-start mb-8\">\r\n              {ficha && ficha.cvURL && biografiaURL && (\r\n                <a href={biografiaURL} target=\"_blank\" rel=\"noreferrer\">\r\n                  <div className=\"float-left -mt-1\">\r\n                    <StaticImage\r\n                      width={27}\r\n                      placeholder=\"TRACED_SVG\"\r\n                      src=\"../assets/images/pdf.png\"\r\n                      alt=\"Descargar Biografía en formato PDF\"\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    className=\"text-lg font-semibold text-gray-900 inline-block\"\r\n                    style={{ textIndent: '10px' }}\r\n                  >\r\n                    Descargar biografía\r\n                  </div>\r\n                </a>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"items-start mb-12\">\r\n              {ficha && ficha.programaURL && programaURL && (\r\n                <a href={programaURL} target=\"_blank\" rel=\"noreferrer\">\r\n                  <div className=\"float-left -mt-1\">\r\n                    <StaticImage\r\n                      width={27}\r\n                      placeholder=\"TRACED_SVG\"\r\n                      src=\"../assets/images/pdf.png\"\r\n                      alt={\r\n                        [1, 15].includes(pageContext.candidato.idPuestoEstructura)\r\n                          ? `Descargar Programa de Gobierno en formato PDF`\r\n                          : `Descargar Principales proyectos en formato PDF`\r\n                      }\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    className=\"text-lg font-semibold text-gray-900 inline-block\"\r\n                    style={{ textIndent: '10px' }}\r\n                  >\r\n                    {[1, 15].includes(pageContext.candidato.idPuestoEstructura)\r\n                      ? `Descargar Programa de Gobierno`\r\n                      : `Descargar principales proyectos`}\r\n                  </div>\r\n                </a>\r\n              )}\r\n            </div>\r\n\r\n            {ficha.procesosElectorales && (\r\n              <div className=\"flex flex-col items-start mb-12\">\r\n                <div className=\"text-lg font-semibold mb-3\">\r\n                  Procesos electorales y políticos en los que ha participado\r\n                </div>\r\n                <div className=\"text-base font-medium text-gray-900\">\r\n                  {ficha.procesosElectorales}\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            {ficha.PQCandidato && (\r\n              <div className=\"items-start mb-16 border-solid\">\r\n                <div className=\"text-lg font-semibold mb-6\">{`¿Por qué quiere ser ${pageContext.candidato.cargo\r\n                  .replace(' Propietario', '')\r\n                  .replace(' Suplente', '')}?`}</div>\r\n\r\n                <blockquote className=\"mb-5\">\r\n                  <div className=\"float -mb-3 opacity-25\">\r\n                    <StaticImage\r\n                      width={30}\r\n                      placeholder=\"TRACED_SVG\"\r\n                      src=\"../assets/images/quotes.svg\"\r\n                      alt=\"Cita\"\r\n                    />\r\n                  </div>\r\n                  <p\r\n                    style={{ textIndent: '40px' }}\r\n                    className=\"whitespace-pre-line text-base font-medium font-quote text-gray-900 leading-relaxed\"\r\n                  >\r\n                    {ficha.PQCandidato}\"\r\n                  </p>\r\n                </blockquote>\r\n                <div className=\"flex\">\r\n                  <div className=\"md:w-2/5 w-1/6\"></div>\r\n                  <div className=\"md:w-3/5 w-5/6 text-sm font-semibold text-gray-700\">\r\n                    &ndash; {`${pageContext.nombre}`}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n\r\n        {pageContext.vicecandidaturas.length > 0 && (\r\n          <div className=\"container flex mx-auto mb-16\">\r\n            <div className=\"flex flex-col\">\r\n              <div className=\"w-full\">\r\n                <table>\r\n                  <tbody>\r\n                    {pageContext.vicecandidaturas.map(vice => {\r\n                      return (\r\n                        <tr key={vice.cargo}>\r\n                          <td className=\"text-right py-2\">\r\n                            <div className=\"text-right text-sm font-semibold text-gray-700\">\r\n                              {`${vice.cargo}:`}\r\n                            </div>\r\n                          </td>\r\n                          <td className=\"px-3 py-2\">\r\n                            <div className=\"text-base font-semibold text-gray-900\">\r\n                              {vice.nombre ? vice.nombre : ''}\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                      )\r\n                    })}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {ficha && (\r\n          <>\r\n            {[1].includes(pageContext.candidato.idPuestoEstructura) && (\r\n              <div className=\"items-start mb-12\">\r\n                <div className=\"text-lg font-semibold mb-8\">\r\n                  Principales aspectos que propone en el plan de gobierno, según eje temático\r\n                </div>\r\n                <ul>\r\n                  {ficha.ejes.nodes.map(eje => {\r\n                    return (\r\n                      <li key={eje.CatalogoEje.detalle}>\r\n                        <div className=\"float-left mt-1 opacity-75\">\r\n                          <StaticImage\r\n                            width={20}\r\n                            placeholder=\"TRACED_SVG\"\r\n                            src=\"../assets/images/check-mark.png\"\r\n                            alt=\"Eje temático\"\r\n                          />\r\n                        </div>\r\n                        <div className=\"ml-8 text-lg font-semibold text-gray-700 mb-12\">\r\n                          {eje.CatalogoEje.detalle}\r\n                          <p className=\"text-base font-medium text-gray-900 mt-4\">{eje.detail}</p>\r\n                        </div>\r\n                      </li>\r\n                    )\r\n                  })}\r\n                </ul>\r\n              </div>\r\n            )}\r\n\r\n            {ficha.principalesPropuestas &&\r\n              ![1, 15].includes(pageContext.candidato.idPuestoEstructura) && (\r\n                <div className=\"flex flex-col items-start mb-12\">\r\n                  <div className=\"text-lg font-semibold mb-3\">\r\n                    ¿Cuáles son sus principales propuestas?\r\n                  </div>\r\n                  <div className=\"text-base font-medium text-gray-900\">\r\n                    {ficha.principalesPropuestas}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n            {ficha.CargoPublico[0].detail && (\r\n              <div className=\"flex flex-col items-start mb-12\">\r\n                <div className=\"text-lg font-semibold mb-3\">\r\n                  Cargos que ha ocupado en el sector público\r\n                </div>\r\n                <div className=\"text-base font-medium text-gray-900\">\r\n                  {ficha.CargoPublico[0].detail}\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            <div className=\"container flex mx-auto\">\r\n              <div className=\"flex flex-col\">\r\n                <div className=\"w-full\">\r\n                  <table>\r\n                    <tbody>\r\n                      {ficha.email && (\r\n                        <tr>\r\n                          <td className=\"py-2\">\r\n                            <div className=\"text-right text-base font-semibold text-gray-800\">\r\n                              Correo electrónico\r\n                            </div>\r\n                          </td>\r\n                          <td className=\"px-6 py-2\">\r\n                            <div className=\"text-gray-900\">\r\n                              <a\r\n                                onClick={() => {\r\n                                  // Google Analytics\r\n                                  typeof window !== 'undefined' &&\r\n                                    window.gtag &&\r\n                                    window.gtag('Correo electrónico', 'click', { ...data })\r\n                                }}\r\n                                href={`mailto:${ficha.email}`}\r\n                              >\r\n                                {ficha.email}\r\n                              </a>\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                      )}\r\n                      {ficha.RedesSocialesFichas.map(rrss => {\r\n                        return (\r\n                          <tr key={rrss.networkName}>\r\n                            <td className=\"py-2\">\r\n                              <div className=\"text-right text-base font-semibold text-gray-800\">\r\n                                {rrss.RedesSociales.descripcion}\r\n                              </div>\r\n                            </td>\r\n                            <td className=\"px-6 py-2\">\r\n                              <div className=\"text-gray-900\">\r\n                                <a\r\n                                  onClick={() => {\r\n                                    // Google Analytics\r\n                                    typeof window !== 'undefined' &&\r\n                                      window.gtag &&\r\n                                      window.gtag(`Red Social ${rrss.networkURL}`, 'click', {\r\n                                        ...data,\r\n                                      })\r\n                                  }}\r\n                                  href={rrss.networkURL}\r\n                                  target=\"_blank\"\r\n                                  rel=\"noreferrer\"\r\n                                >\r\n                                  {rrss.networkURL}\r\n                                </a>\r\n                              </div>\r\n                            </td>\r\n                          </tr>\r\n                        )\r\n                      })}\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n      </section>\r\n    </>\r\n  )\r\n}\r\n\r\nexport const query = graphql`\r\n  query DatosFicha(\r\n    $candidateId: Int!\r\n    $idPartido: Int!\r\n    $siglasPuesto: String!\r\n    $photoFileName: String!\r\n    $programaFileName: String\r\n    $biografiaFileName: String\r\n  ) {\r\n    hasura {\r\n      FichaProgramatica(\r\n        where: {\r\n          candidateId: { _eq: $candidateId }\r\n          idPartido: { _eq: $idPartido }\r\n          siglasPuesto: { _eq: $siglasPuesto }\r\n          Eleccion: { activa: { _eq: true } }\r\n        }\r\n      ) {\r\n        nombreCompleto\r\n        profesion\r\n        CargoActual: CargoFichas(where: { role: { _eq: CargoActual } }) {\r\n          detail\r\n        }\r\n        procesosElectorales\r\n        PQCandidato\r\n        ejes: EjesFichas_aggregate(order_by: { CatalogoEje: { posicion: asc } }) {\r\n          nodes {\r\n            CatalogoEje {\r\n              detalle\r\n            }\r\n            detail\r\n          }\r\n        }\r\n        CargoPublico: CargoFichas(where: { role: { _eq: CargoPublico } }) {\r\n          detail\r\n        }\r\n        email\r\n        RedesSocialesFichas(\r\n          where: { networkURL: { _is_null: false } }\r\n          order_by: { networkName: asc }\r\n        ) {\r\n          networkName\r\n          networkURL\r\n          RedesSociales {\r\n            descripcion\r\n          }\r\n        }\r\n        programaURL\r\n        cvURL\r\n        principalesPropuestas\r\n      }\r\n    }\r\n\r\n    fotos: allFile(filter: { sourceInstanceName: { eq: \"fotos\" }, name: { eq: $photoFileName } }) {\r\n      edges {\r\n        node {\r\n          childImageSharp {\r\n            gatsbyImageData(\r\n              # width: 112\r\n              height: 200\r\n              formats: [JPG]\r\n              placeholder: NONE\r\n              # transformOptions: { fit: FILL }\r\n            )\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    programas: allFile(\r\n      filter: { sourceInstanceName: { eq: \"programas\" }, name: { eq: $programaFileName } }\r\n    ) {\r\n      edges {\r\n        node {\r\n          publicURL\r\n        }\r\n      }\r\n    }\r\n\r\n    biografias: allFile(\r\n      filter: { sourceInstanceName: { eq: \"biografias\" }, name: { eq: $biografiaFileName } }\r\n    ) {\r\n      edges {\r\n        node {\r\n          name\r\n          publicURL\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nficha.Layout = Layout\r\nexport default ficha\r\n"],"sourceRoot":""}