{"version":3,"sources":["webpack:///./node_modules/emailjs-com/source/index.js","webpack:///./node_modules/emailjs-com/source/models/EmailJSResponseStatus.js","webpack:///./node_modules/emailjs-com/source/services/ui/UI.js","webpack:///./src/components/contact-form.js","webpack:///./src/components/feature-secondary-products.js","webpack:///./src/templates/ProductTemplate.js"],"names":["exports","EmailJSResponseStatus_1","UI_1","_userID","_origin","sendPost","url","data","headers","Promise","resolve","reject","xhr","XMLHttpRequest","key","addEventListener","event","responseStatus","EmailJSResponseStatus","target","status","text","open","setRequestHeader","send","appendGoogleCaptcha","templatePrams","element","document","getElementById","value","init","userID","origin","serviceID","templateID","params","lib_version","user_id","service_id","template_id","template_params","JSON","stringify","sendForm","form","selector","querySelector","nodeName","UI","progressState","formData","FormData","append","then","response","successState","error","errorState","Object","defineProperty","httpResponse","this","responseText","clearAll","classList","remove","PROGRESS","DONE","ERROR","add","ContactForm","useState","formSubmitSuccessful","setFormSubmitSuccessful","user_name","user_email","user_phone","message","toSend","setToSend","sayUser","handleChange","e","name","id","className","src","Math","random","async","defer","onSubmit","preventDefault","console","log","catch","err","htmlFor","type","placeholder","required","onChange","data-sitekey","allWpPost","useStaticQuery","nodes","map","title","featuredImage","excerpt","uri","node","sourceUrl","srcSet","alt","altText","replace","Link","to","wpPost","slug","content","myurl","href","rel","dangerouslySetInnerHTML","__html"],"mappings":"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","file":"component---src-templates-product-template-js-1c82933bc9e104e253c4.js","sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.EmailJSResponseStatus = exports.sendForm = exports.send = exports.init = void 0;\n\nvar EmailJSResponseStatus_1 = require(\"./models/EmailJSResponseStatus\");\n\nObject.defineProperty(exports, \"EmailJSResponseStatus\", {\n  enumerable: true,\n  get: function get() {\n    return EmailJSResponseStatus_1.EmailJSResponseStatus;\n  }\n});\n\nvar UI_1 = require(\"./services/ui/UI\");\n\nvar _userID = null;\nvar _origin = 'https://api.emailjs.com';\n\nfunction sendPost(url, data, headers) {\n  if (headers === void 0) {\n    headers = {};\n  }\n\n  return new Promise(function (resolve, reject) {\n    var xhr = new XMLHttpRequest();\n    xhr.addEventListener('load', function (event) {\n      var responseStatus = new EmailJSResponseStatus_1.EmailJSResponseStatus(event.target);\n\n      if (responseStatus.status === 200 || responseStatus.text === 'OK') {\n        resolve(responseStatus);\n      } else {\n        reject(responseStatus);\n      }\n    });\n    xhr.addEventListener('error', function (event) {\n      reject(new EmailJSResponseStatus_1.EmailJSResponseStatus(event.target));\n    });\n    xhr.open('POST', url, true);\n\n    for (var key in headers) {\n      xhr.setRequestHeader(key, headers[key]);\n    }\n\n    xhr.send(data);\n  });\n}\n\nfunction appendGoogleCaptcha(templatePrams) {\n  var element = document && document.getElementById('g-recaptcha-response');\n\n  if (element && element.value) {\n    templatePrams['g-recaptcha-response'] = element.value;\n  }\n\n  element = null;\n  return templatePrams;\n}\n\nfunction fixIdSelector(selector) {\n  if (selector[0] !== '#' && selector[0] !== '.') {\n    return '#' + selector;\n  }\n\n  return selector;\n}\n/**\n * Initiation\n * @param {string} userID - set the EmailJS user ID\n * @param {string} origin - set the EmailJS origin\n */\n\n\nfunction init(userID, origin) {\n  _userID = userID;\n  _origin = origin || 'https://api.emailjs.com';\n}\n\nexports.init = init;\n/**\n * Send a template to the specific EmailJS service\n * @param {string} serviceID - the EmailJS service ID\n * @param {string} templateID - the EmailJS template ID\n * @param {Object} templatePrams - the template params, what will be set to the EmailJS template\n * @param {string} userID - the EmailJS user ID\n * @returns {Promise<EmailJSResponseStatus>}\n */\n\nfunction send(serviceID, templateID, templatePrams, userID) {\n  var params = {\n    lib_version: '2.6.4',\n    user_id: userID || _userID,\n    service_id: serviceID,\n    template_id: templateID,\n    template_params: appendGoogleCaptcha(templatePrams)\n  };\n  return sendPost(_origin + '/api/v1.0/email/send', JSON.stringify(params), {\n    'Content-type': 'application/json'\n  });\n}\n\nexports.send = send;\n/**\n * Send a form the specific EmailJS service\n * @param {string} serviceID - the EmailJS service ID\n * @param {string} templateID - the EmailJS template ID\n * @param {string | HTMLFormElement} form - the form element or selector\n * @param {string} userID - the EmailJS user ID\n * @returns {Promise<EmailJSResponseStatus>}\n */\n\nfunction sendForm(serviceID, templateID, form, userID) {\n  if (typeof form === 'string') {\n    form = document.querySelector(fixIdSelector(form));\n  }\n\n  if (!form || form.nodeName !== 'FORM') {\n    throw 'Expected the HTML form element or the style selector of form';\n  }\n\n  UI_1.UI.progressState(form);\n  var formData = new FormData(form);\n  formData.append('lib_version', '2.6.4');\n  formData.append('service_id', serviceID);\n  formData.append('template_id', templateID);\n  formData.append('user_id', userID || _userID);\n  return sendPost(_origin + '/api/v1.0/email/send-form', formData).then(function (response) {\n    UI_1.UI.successState(form);\n    return response;\n  }, function (error) {\n    UI_1.UI.errorState(form);\n    return Promise.reject(error);\n  });\n}\n\nexports.sendForm = sendForm;\nexports.default = {\n  init: init,\n  send: send,\n  sendForm: sendForm\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.EmailJSResponseStatus = void 0;\n\nvar EmailJSResponseStatus =\n/** @class */\nfunction () {\n  function EmailJSResponseStatus(httpResponse) {\n    this.status = httpResponse.status;\n    this.text = httpResponse.responseText;\n  }\n\n  return EmailJSResponseStatus;\n}();\n\nexports.EmailJSResponseStatus = EmailJSResponseStatus;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.UI = void 0;\n\nvar UI =\n/** @class */\nfunction () {\n  function UI() {}\n\n  UI.clearAll = function (form) {\n    form.classList.remove(this.PROGRESS);\n    form.classList.remove(this.DONE);\n    form.classList.remove(this.ERROR);\n  };\n\n  UI.progressState = function (form) {\n    this.clearAll(form);\n    form.classList.add(this.PROGRESS);\n  };\n\n  UI.successState = function (form) {\n    form.classList.remove(this.PROGRESS);\n    form.classList.add(this.DONE);\n  };\n\n  UI.errorState = function (form) {\n    form.classList.remove(this.PROGRESS);\n    form.classList.add(this.ERROR);\n  };\n\n  UI.PROGRESS = 'emailjs-sending';\n  UI.DONE = 'emailjs-success';\n  UI.ERROR = 'emailjs-error';\n  return UI;\n}();\n\nexports.UI = UI;","import React from 'react'\r\nimport { useState } from 'react'\r\nimport { send } from 'emailjs-com'\r\nimport Helmet from 'react-helmet'\r\n\r\nexport default function ContactForm() {\r\n  const [formSubmitSuccessful, setFormSubmitSuccessful] = useState(false)\r\n  const [toSend, setToSend] = useState({\r\n    user_name: '',\r\n    user_email: '',\r\n    user_phone: '',\r\n    message: '',\r\n  })\r\n\r\n  let sayUser = 'Complete los campos requeridos (en rojo) y el recaptcha'\r\n  const onSubmit = (e) => {\r\n    e.preventDefault()\r\n    send(\r\n      'service_w9bzzpd',\r\n      'template_vfuskoo',\r\n      toSend,\r\n      'user_niz1VWZc1d5lFgUpI0czV'\r\n    )\r\n      .then((response) => {\r\n        console.log('SUCCESS!', response.status, response.text)\r\n        setFormSubmitSuccessful(true)\r\n      })\r\n      .catch((err) => {\r\n        console.log('FAILED...', err)\r\n        setFormSubmitSuccessful(false)\r\n      })\r\n  }\r\n\r\n  if (formSubmitSuccessful) {\r\n    sayUser = 'Mensaje enviado exitosamente'\r\n    ///console.log(\"HELL YEAH\")\r\n  }\r\n\r\n  const handleChange = (e) => {\r\n    setToSend({ ...toSend, [e.target.name]: e.target.value })\r\n  }\r\n\r\n  return (\r\n    <section>\r\n      <div\r\n        id='hero-form'\r\n        className='col-12 mx-auto my-3 hero-div hero-right hero-contain shadow-sm'\r\n      >\r\n        <Helmet>\r\n          <script\r\n            src={`https://www.google.com/recaptcha/api.js?r=${Math.random()}`}\r\n            async\r\n            defer\r\n          ></script>\r\n        </Helmet>\r\n        <div className='hero-info-form hero-info-left d-flex flex-wrap align-items-center col-12 col-md-8'>\r\n          <div className='mx-auto'>\r\n            <h3 className='fs-1 text-center'>¿Necesita más información?</h3>\r\n            <p className='lead fw-bold text-center text-danger'>\r\n              ENVÍE SUS DUDAS O COMENTARIOS\r\n            </p>\r\n          </div>\r\n          <form\r\n            // className='row g-2 px-md-5 px-0'\r\n            className='row g-3 col-12 col-md-8 my-1 mx-auto p-3'\r\n            id='contact-form'\r\n            onSubmit={onSubmit}\r\n          >\r\n            <div className='col-6'>\r\n              <label htmlFor='user_name' className='form-label'>\r\n                Nombre\r\n              </label>\r\n              <input\r\n                type='text'\r\n                name='user_name'\r\n                placeholder='Tu nombre...'\r\n                value={toSend.user_name}\r\n                required\r\n                onChange={handleChange}\r\n              />\r\n            </div>\r\n\r\n            <div className='col-6'>\r\n              <label htmlFor='user_email' className='form-label'>\r\n                E-mail\r\n              </label>\r\n              <input\r\n                type='email'\r\n                name='user_email'\r\n                placeholder='Tu e-mail'\r\n                value={toSend.user_email}\r\n                required\r\n                onChange={handleChange}\r\n              />\r\n            </div>\r\n\r\n            <div className='col-12'>\r\n              <label htmlFor='user_phone' className='form-label'>\r\n                Teléfono\r\n              </label>\r\n              <input\r\n                type='tel'\r\n                name='user_phone'\r\n                placeholder='10 dígitos'\r\n                value={toSend.user_phone}\r\n                onChange={handleChange}\r\n              />\r\n            </div>\r\n\r\n            <div className='col-12'>\r\n              <label htmlFor='message' className='form-label'>\r\n                Mensaje\r\n              </label>\r\n              <textarea\r\n                type='text'\r\n                name='message'\r\n                placeholder='Tu mensaje...'\r\n                value={toSend.message}\r\n                required\r\n                onChange={handleChange}\r\n              />\r\n            </div>\r\n            <div\r\n              className='g-recaptcha'\r\n              data-sitekey='6LdM7R8TAAAAADS0vEwmmZys9OGNwxfsnAdLWW7E'\r\n            ></div>\r\n            <div className='col-12'>\r\n              <button type='submit' className='btn btn-danger btn-lg'>\r\n                Enviar Mensaje\r\n              </button>\r\n            </div>\r\n            <div className='d-block'>\r\n              <p className='py-2 px-3 rounded border border-secondary bg-light fs-6 text-center mx-auto fst-italic'>\r\n                {sayUser}\r\n              </p>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n","import React from 'react'\r\nimport { graphql, useStaticQuery, Link } from 'gatsby'\r\n//import { GatsbyImage } from \"gatsby-plugin-image\"\r\n\r\nconst FeatureSecondaryProducts = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      {\r\n        allWpPost(\r\n          filter: {\r\n            categories: {\r\n              nodes: { elemMatch: { name: { eq: \"other featured\" } } }\r\n            }\r\n          }\r\n        ) {\r\n          nodes {\r\n            id\r\n            title\r\n            excerpt\r\n            uri\r\n            featuredImage {\r\n              node {\r\n                altText\r\n                sourceUrl\r\n                srcSet\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    `\r\n  )\r\n\r\n  const { allWpPost } = data\r\n  //const image = getImage(data.localFile.childImageSharp.gatsbyImageData)\r\n  return (\r\n    <div className='featured-secondary-container mx-auto mt-3 mb-5'>\r\n      <h3 className='text-center fs-2'>\r\n        Productos para <span className='text-danger'>profesionales</span> contra\r\n        el fuego\r\n      </h3>\r\n      <p className='col-11 col-md-9 text-center'>\r\n        Las unidades móviles Amerex tienen una gran capacidad para combatir\r\n        incendios de gran proporción y siempre protegiendo al usuario. Estos\r\n        extintores ofrecen alto volumen de flujo a una mayor distancia.\r\n      </p>\r\n      {/* product cards */}\r\n      <div className='card-group col-12 col-md-10'>\r\n        {allWpPost.nodes.map(({ id, title, featuredImage, excerpt, uri }) => (\r\n          <div key={id} className='card border-0'>\r\n            <img\r\n              src={featuredImage.node.sourceUrl}\r\n              srcSet={featuredImage.node.srcSet}\r\n              className='card-img-top img-fluid'\r\n              alt={featuredImage.node.altText}\r\n            />\r\n            {/* <GatsbyImage\r\n              image={\r\n                featuredImage.node.localFile.childImageSharp.gatsbyImageData\r\n              }\r\n              alt={featuredImage.node.altText}\r\n            /> */}\r\n            <div className='card-body'>\r\n              <p className='card-title text-center fw-bold lead fs-6 m-0 text-uppercase'>\r\n                {title}\r\n              </p>\r\n              <p className='card-text text-center ellipsis'>\r\n                {excerpt.replace(/(<([^>]+)>)/gi, ' ')}\r\n              </p>\r\n              <div className='d-grid gap-2'>\r\n                <Link className='btn btn-danger fs-6' type='button' to={uri}>\r\n                  Ver detalles\r\n                </Link>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default FeatureSecondaryProducts\r\n","import React from 'react'\r\nimport { graphql, Link } from 'gatsby'\r\n//import { GatsbyImage, getImage, getSrc } from 'gatsby-plugin-image'\r\n\r\nimport Layout from '../components/layout'\r\nimport Seo from '../components/seo'\r\nimport FeatureSecondaryProducts from '../components/feature-secondary-products'\r\nimport ContactForm from '../components/contact-form'\r\n\r\nconst ProductTemplate = ({\r\n  data: {\r\n    wpPost: { slug, title, content, featuredImage },\r\n  },\r\n}) => {\r\n  // const image = getImage(\r\n  //   featuredImage.node.localFile.childImageSharp.gatsbyImageData\r\n  // )\r\n  // const src = getSrc(\r\n  //   featuredImage.node.localFile.childImageSharp.gatsbyImageData\r\n  // )\r\n  let myurl = 'https://www.amerex-mexico.com/pdf/' + slug + '.pdf'\r\n\r\n  return (\r\n    <Layout>\r\n      <Seo title={title} />\r\n      <div className='d-flex flex-md-nowrap flex-wrap my-md-5 my-3 px-5 gap-3'>\r\n        <div className='col-12 col-md-6 mb-4 mb-md-0 text-center'>\r\n          <img\r\n            className='img-fluid mb-3'\r\n            alt={featuredImage.node.altText}\r\n            src={featuredImage.node.sourceUrl}\r\n            srcSet={featuredImage.node.srcSet}\r\n          />\r\n          {/* <GatsbyImage\r\n            className='m-3'\r\n            image={image}\r\n            content={src}\r\n            // image={featuredImage.node.localFile.childImageSharp.gatsbyImageData}\r\n            alt={featuredImage.node.altText}\r\n          /> */}\r\n          <a\r\n            className='btn btn-danger btn-lg'\r\n            href={myurl}\r\n            target='_blank'\r\n            rel='noopener noreferrer'\r\n          >\r\n            DESCARGAR PDF\r\n          </a>\r\n          <Link\r\n            className='btn btn-secondary btn-lg ms-3 mt-3 mt-md-0'\r\n            to='#hero-form'\r\n          >\r\n            SOLICITAR INFORMACIÓN\r\n          </Link>\r\n        </div>\r\n        <div id='products-info' className='col-12 col-md-6'>\r\n          <h1 className='fs-1 text-uppercase'>{title}</h1>\r\n          <div className='px-2' dangerouslySetInnerHTML={{ __html: content }} />\r\n        </div>\r\n      </div>\r\n      <ContactForm />\r\n      <FeatureSecondaryProducts />\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport const query = graphql`\r\n  query($id: String) {\r\n    wpPost(id: { eq: $id }) {\r\n      id\r\n      title\r\n      content\r\n      slug\r\n      featuredImage {\r\n        node {\r\n          sourceUrl\r\n          srcSet\r\n          altText\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nexport default ProductTemplate\r\n"],"sourceRoot":""}