{"version":3,"sources":["webpack:///./src/components/common/Divider.styled.js","webpack:///./src/components/common/Divider.js","webpack:///./src/components/ContactForm/index.js","webpack:///./src/pages/contacto.js","webpack:///./src/utils/schemas.js","webpack:///./src/components/common/Index.styled.js","webpack:///./src/components/common/SectionHeaderImage.styled.js","webpack:///./src/components/common/SectionHeaderImage.js","webpack:///./src/images/contact-background.jpg","webpack:///./src/images/security-badge.png"],"names":["DividerContainer","styled","Col","props","theme","primary","border","css","small","BP_MEDIUM","DividerColContent","BP_SMALL","textLight","align","Divider","children","size","restProps","center","middle","style","minHeight","xs","lg","ContactForm","state","loading","clearValues","handleSubmit","form","setState","a","axios","method","baseURL","process","url","data","auth","username","password","createNotification","title","message","actionAfterSubmit","console","log","render","this","color","padding","minWidth","submit","fields","contactSchema","buttonText","Component","defaultProps","Contacto","description","image","image_background","position","id","paddingRight","maxWidth","fontSize","height","src","frameBorder","width","marginRight","allowFullScreen","referrerpolicy","type","name","label","help","placeholder","required","validation","options","susbcribeSchema","SectionContainer","div","textDark","CardContent","TitleSection","h1","black","backgroundFooter","ItemContainer","Link","primaryLight","TitleCard","h2","textAlign","ImageStyled","Img","FillingBackground","img","top","GradientContainer","TwoColumns","image_security","green","ContainerImage","large","hex2rgba","Image","Content","SectionHeaderImage","alt","module","exports"],"mappings":"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","file":"component---src-pages-contacto-js-42260a470523d6a1e698.js","sourcesContent":["import styled, { css } from 'styled-components'\nimport { Col } from 'react-styled-flexboxgrid'\n\nimport { BP_MEDIUM, BP_SMALL } from '../../styles/theme'\n\nconst DividerContainer = styled(Col)`\n  background-color: ${props => props.theme.primary};\n  position: relative;\n  ${props => {\n    let border = props.border || 'none'\n    switch (border) {\n      case 'right':\n        border = '0 100px 100px 0'\n        break\n      case 'left':\n        border = '100px 0 0 100px'\n        break\n      case 'both':\n        border = '100px'\n        break\n      default:\n        border = '0'\n    }\n    return css`\n      border-radius: ${border};\n    `\n  }};\n\n  ${props =>\n    props.small &&\n    css`\n      max-width: 70%;\n      margin-left: ${props.border === 'left' ? 'auto' : 0};\n      margin-right: ${props.border === 'right' ? 'auto' : 0};\n      margin-top: 1rem;\n      @media only screen and (max-width: ${BP_MEDIUM}) {\n        max-width: 100%;\n      }\n    `}\n`\n\nconst DividerColContent = styled(Col)`\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  /* align-items: flex-start; */\n  padding: 0.5rem 1rem;\n  @media only screen and (max-width: ${BP_MEDIUM}) {\n    padding: 0;\n  }\n  @media only screen and (max-width: ${BP_SMALL}) {\n    align-items: center;\n    flex-direction: column;\n    padding: 1.5rem 0;\n  }\n  color: ${props => props.theme.textLight};\n\n  ${props =>\n    props.align &&\n    css`\n      align-items: center;\n    `};\n  ${props =>\n    props.small &&\n    css`\n      justify-content: space-evenly;\n    `}\n`\n\nexport { DividerContainer, DividerColContent }\n","import React from 'react'\nimport { Row, Col } from 'react-styled-flexboxgrid'\nimport { DividerContainer, DividerColContent } from './Divider.styled'\n\nconst Divider = ({\n  children,\n  size = '',\n  border = '',\n  align = false,\n  small = false,\n  ...restProps\n}) => (\n  <DividerContainer size={size} border={border} small={small} {...restProps}>\n    <Row\n      center=\"xs\"\n      middle=\"xs\"\n      style={{ minHeight: !small ? '142px' : '80px' }}\n    >\n      <Col xs={11} lg={9}>\n        <DividerColContent align={align} small={small}>\n          {children}\n        </DividerColContent>\n      </Col>\n    </Row>\n  </DividerContainer>\n)\n\nexport default Divider\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport axios from 'axios'\n\nimport { createNotification } from '../../utils/createNotification'\nimport { contactSchema } from '../../utils/schemas'\n\nimport FormFields from '../common/FormFields'\nimport { Row } from 'react-styled-flexboxgrid'\n\nclass ContactForm extends Component {\n  static propTypes = {\n    actionAfterSubmit: PropTypes.func,\n  }\n\n  static defaultProps = {\n    actionAfterSubmit: () => {},\n  }\n  state = {\n    loading: false,\n    clearValues: false,\n  }\n  handleSubmit = form => {\n    this.setState({ loading: true }, async () => {\n      try {\n        await axios({\n          method: 'post',\n          baseURL: process.env.API_CONTACT_BASE_URL,\n          url: '/submit',\n          data: { ...form },\n          auth: {\n            username: 'ASConsulting_Group',\n            password: process.env.API_PASSWORD_SEND_EMAIL,\n          },\n        })\n        createNotification('success', {\n          title: 'Enviado correctamente!',\n          message: '¡Se ha enviado con exito!',\n        })\n        this.setState(\n          {\n            loading: false,\n            clearValues: !this.state.clearValues,\n          },\n          () => this.props.actionAfterSubmit()\n        )\n      } catch (err) {\n        console.log('Error', err)\n        createNotification('error', {\n          title: 'Hubo un error',\n          message: err.message,\n        })\n        this.setState({ loading: false })\n      }\n    })\n  }\n  render() {\n    const { color = '' } = this.props\n    return (\n      <Row\n        center=\"xs\"\n        middle=\"xs\"\n        style={{ padding: '2rem', minWidth: '350px' }}\n      >\n        <FormFields\n          submit={this.handleSubmit}\n          fields={contactSchema}\n          buttonText=\"button_send\"\n          clearValues={this.state.clearValues}\n          color={color}\n        />\n      </Row>\n    )\n  }\n}\n\nexport default ContactForm\n","import React from 'react'\nimport Layout from '../components/Layout'\nimport { NotificationContainer } from 'react-notifications'\nimport SectionHeaderImage from '../components/common/SectionHeaderImage'\nimport image_background from '../images/contact-background.jpg'\nimport {\n  TitleSection,\n  SectionContainer,\n} from '../components/common/Index.styled'\nimport Divider from '../components/common/Divider'\nimport Section from '../components/common/Section'\nimport ContactForm from '../components/ContactForm'\nimport { FormattedMessage } from 'react-intl'\n\nconst Contacto = props => (\n  <Layout\n    title=\"Contacto\"\n    description=\"No pierdas la oportundiad y registrate gratis con nostros.\"\n    {...props}\n  >\n    <SectionHeaderImage image={image_background} position=\"70% 65%\" />\n    <TitleSection>\n      <FormattedMessage id=\"contact.title\" />\n    </TitleSection>\n    <Divider border=\"right\">\n      <div style={{ paddingRight: '2rem', maxWidth: '800px' }}>\n        <h2>\n          <FormattedMessage id=\"contact.divider_title\" />\n        </h2>\n        <p style={{ fontSize: '1.2rem' }}>\n          <FormattedMessage id=\"contact.divider_description\" />\n        </p>\n      </div>\n    </Divider>\n    <Section height=\"550px\">\n      <SectionContainer>\n        <ContactForm color=\"blue\" />\n      </SectionContainer>\n      <SectionContainer>\n        <iframe\n          title=\"Ubicación AS Consulting Group\"\n          src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3763.2313204222446!2d-99.15018578498973!3d19.402408846672824!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1ff1dce0f1ce3%3A0x51af0265d2e3e271!2sObrero%20Mundial%20644%2C%20Atenor%20Salas%2C%20Benito%20Ju%C3%A1rez%2C%2003010%20Ciudad%20de%20M%C3%A9xico%2C%20CDMX!5e0!3m2!1ses-419!2smx!4v1631379085832!5m2!1ses-419!2smx\"\n          height=\"450\"\n          frameBorder=\"0\"\n          style={{\n            border: 0,\n            width: '100%',\n            maxWidth: 550,\n            marginRight: 32,\n          }}\n          allowFullScreen\n        />\n        <iframe\n          title=\"AS Consulting Group Mty\"\n          src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14385.827138123597!2d-100.364852!3d25.6561485!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8662bdb2c3214d4f%3A0xc0dfdfb711e2a3ce!2sAS%20Consulting%20Group!5e0!3m2!1sen!2smx!4v1720622761271!5m2!1sen!2smx\"\n          height=\"450\"\n          frameBorder=\"0\"\n          style={{\n            border: 0,\n            width: '100%',\n            maxWidth: 550,\n          }}\n          allowFullScreen\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer-when-downgrade\"\n        />\n      </SectionContainer>\n    </Section>\n\n    <NotificationContainer />\n  </Layout>\n)\n\nexport default Contacto\n","export const contactSchema = [\n  {\n    type: 'string',\n    name: 'name',\n    label: 'Nombre',\n    help: '',\n    placeholder: '',\n    required: true,\n    validation: [],\n    options: [],\n  },\n  {\n    type: 'string',\n    name: 'email',\n    label: 'Email',\n    help: '',\n    placeholder: '',\n    required: true,\n    validation: [],\n    options: [],\n  },\n  {\n    type: 'string',\n    name: 'phonenumber',\n    label: 'Teléfono 10 digitos',\n    help: '',\n    placeholder: '',\n    required: true,\n    validation: [],\n    options: [],\n  },\n  {\n    type: 'textarea',\n    name: 'message',\n    label: 'Mensaje',\n    help: '',\n    placeholder: '',\n    required: true,\n    validation: [],\n    options: [],\n  },\n]\n\nexport const susbcribeSchema = [\n  {\n    type: 'string',\n    name: 'name',\n    label: 'Nombre',\n    help: '',\n    placeholder: '',\n    required: true,\n    validation: [],\n    options: [],\n  },\n  {\n    type: 'string',\n    name: 'email',\n    label: 'Email',\n    help: '',\n    placeholder: '',\n    required: true,\n    validation: [],\n    options: [],\n  },\n]\n\nexport const asConsultingValues = [\n  'honesty',\n  'responsability',\n  'respect',\n  'compromise',\n  'felloweship',\n  'improvment',\n  'serve',\n]\n","import styled, { css } from 'styled-components'\nimport { Link } from 'gatsby'\nimport Img from 'gatsby-image'\n\nimport image_security from '../../images/security-badge.png'\nimport { BP_SMALL, BP_MEDIUM } from '../../styles/theme'\n\nconst SectionContainer = styled.div`\n  display: flex;\n  justify-content: space-evenly;\n  text-align: justify;\n  align-items: center;\n  padding: 1rem 2rem;\n  margin: 4rem 0;\n  color: ${props => props.theme.textDark};\n  @media only screen and (max-width: ${BP_MEDIUM}) {\n    flex-direction: column;\n    padding: 0;\n  }\n`\nconst CardContent = styled.div`\n  padding: 1rem 2rem;\n  max-width: 600px;\n  border-radius: 10px;\n  background-color: white;\n  text-align: justify;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    margin: 1rem 0;\n  }\n`\n\nconst TitleSection = styled.h1`\n  font-size: 2.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${props => props.theme.primary};\n  text-transform: uppercase;\n  font-size: 30px;\n  ${props =>\n    props.black &&\n    css`\n      color: ${props => props.theme.backgroundFooter};\n    `};\n`\n\nconst ItemContainer = styled(Link)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  text-align: center;\n  cursor: pointer;\n  text-decoration: none;\n  color: white;\n  margin: 1rem 3rem;\n  padding-top: 8px;\n  padding-bottom: 40px;\n  width: 15%;\n  &:hover {\n    color: ${props => props.theme.primaryLight};\n  }\n  @media only screen and (max-width: ${BP_SMALL}) {\n    width: 90%;\n  }\n`\nconst TitleCard = styled.h2`\n  text-align: ${props => props.textAlign};\n  color: ${props => props.theme.primary};\n`\n\nconst ImageStyled = styled(Img)`\n  margin: 0 2rem;\n  box-shadow: var(--shadow-dark);\n  /* height: 250px; */\n  border-radius: 20px;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    height: 200px;\n  }\n`\nconst ResponsiveImage = styled.img`\n  height: 60px;\n  @media only screen and (max-width: ${BP_MEDIUM}) {\n    height: 50px;\n  }\n`\n\nconst FillingBackground = styled.div`\n\twidth: 100%;\n\theight: 50%;\n\tposition: absolute;\n\tz-index: -1;\n\tbottom: 0;\n\t${props =>\n    props.top &&\n    css`\n      top: 0;\n      left: 0;\n    `} background-color: ${props => props.theme.primary};\n`\nconst GradientContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  max-height: 160px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 10;\n  background-image: linear-gradient(\n      to right,\n      rgba(255, 255, 255, 0) 65%,\n      white 85%\n    ),\n    linear-gradient(-90deg, rgba(255, 255, 255, 0) 65%, white 85%);\n`\nconst ImageSecurityBadge = styled.div`\n  height: 60px;\n  width: 60px;\n  display: flex;\n  margin: 0 auto;\n  justify-content: center;\n  align-items: center;\n  background-image: url(${image_security});\n  background-size: 60px;\n  background-repeat: no-repeat;\n  background-position: center;\n\n  &::after {\n    content: '0';\n    font-size: 3rem;\n    font-weight: bold;\n    color: ${props => props.theme.green};\n  }\n`\nconst AdjustTwoColumnContent = styled.div`\n  margin: 0 3rem;\n  position: relative;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    margin: 0;\n  }\n`\n\nconst TwoColumns = styled.div`\n  width: 50%;\n  margin: 0 1rem;\n  text-align: justify;\n  position: relative;\n  @media only screen and (max-width: ${BP_SMALL}) {\n    width: 100%;\n  }\n`\n\nconst LimitTwoColumns = styled(TwoColumns)`\n  max-width: 500px;\n`\nconst TwoColumnsContent = styled.div`\n  position: absolute;\n  z-index: 10;\n  color: white;\n  width: 100%;\n  padding: 1rem;\n  max-width: 750px;\n`\nexport {\n  SectionContainer,\n  CardContent,\n  ItemContainer,\n  TitleSection,\n  TitleCard,\n  ImageStyled,\n  AdjustTwoColumnContent,\n  FillingBackground,\n  ImageSecurityBadge,\n  GradientContainer,\n  ResponsiveImage,\n  TwoColumns,\n  TwoColumnsContent,\n  LimitTwoColumns,\n}\n","import styled, { css } from 'styled-components'\nimport hex2rgba from '../../utils/hex2rgba'\n\nconst ContainerImage = styled.div`\n  width: 100%;\n  height: 240px;\n  position: relative;\n  ${props =>\n    props.large &&\n    css`\n      height: 440px;\n    `}\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    z-index: 5;\n    width: 100%;\n    height: 240px;\n    background-color: ${props => hex2rgba(props.theme.primary, 0.6)};\n\n    ${props =>\n      props.large &&\n      css`\n        height: 440px;\n      `}\n  }\n`\nconst Image = styled.img`\n  object-fit: cover;\n  height: 240px;\n  width: 100%;\n  object-position: ${props => props.position};\n\n  ${props =>\n    props.large &&\n    css`\n      height: 440px;\n    `}\n`\nconst Content = styled.div`\n  position: absolute;\n  padding: 0 1rem;\n  top: 0;\n  left: 0;\n  z-index: 10;\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`\n\nexport { ContainerImage, Image, Content }\n","import React from 'react'\nimport { ContainerImage, Image, Content } from './SectionHeaderImage.styled'\n\nconst SectionHeaderImage = ({ image, position, children, large = false }) => (\n  <ContainerImage large={large}>\n    <Image src={image} alt=\"Background\" position={position} large={large} />\n    <Content>{children}</Content>\n  </ContainerImage>\n)\n\nexport default SectionHeaderImage\n","module.exports = __webpack_public_path__ + \"static/contact-background-af8208e0b003038beabccdaeb43e7429.jpg\";","module.exports = __webpack_public_path__ + \"static/security-badge-810b4cd3a370ea056a37edac14c476e2.png\";"],"sourceRoot":""}