{"version":3,"file":"component---src-pages-contactus-js-c8b4de169c1bed58ee3e.js","mappings":"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","sources":["webpack://website-frontend/./src/components/common/ContactForm.js","webpack://website-frontend/./src/components/common/ErrorField.js","webpack://website-frontend/./src/components/common/Nav.js","webpack://website-frontend/./src/components/layout/index.js","webpack://website-frontend/./src/functions/index.js","webpack://website-frontend/./src/components/views/contactus/index.js","webpack://website-frontend/./src/pages/contactus.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport ErrorField from \"../common/ErrorField\";\nimport { validateEmail, isEmpty } from \"../../functions\";\nimport { Helmet } from \"react-helmet\";\nimport { siteKey } from \"../../config\";\n\nconst Recaptcha = React.lazy(() => import(\"react-recaptcha\"));\nconst isSSR = typeof window === \"undefined\";\nconst ContactForm = ({ actionURL }) => {\n  const [firstName, setFirstName] = useState(\"\");\n  const [firstNameErr, setFirstNameErr] = useState(\"\");\n  const [lastName, setLastName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n  const [emailErr, setEmailErr] = useState(\"\");\n  const [phone, setPhone] = useState(\"\");\n  const [subject, setSubject] = useState(\"\");\n  const [subjectErr, setSubjectErr] = useState(\"\");\n  const [message, setMessage] = useState(\"\");\n  const [messageErr, setMessageErr] = useState(\"\");\n  const [isVerified, setVerified] = useState(false);\n  const [captchaErr, setCaptchaErr] = useState(\"\");\n\n  const validateForm = () => {\n    let isValid = true;\n    if (!isEmpty(firstName)) {\n      setFirstNameErr(\"Name cannot be empty!\");\n      isValid = false;\n    }\n    if (!isEmpty(email)) {\n      setEmailErr(\"Email cannot be empty!\");\n      isValid = false;\n    } else if (!validateEmail(email)) {\n      setEmailErr(\"Enter valid email!\");\n      isValid = false;\n    }\n    if (!isEmpty(subject)) {\n      setSubjectErr(\"Subject cannot be empty!\");\n      isValid = false;\n    }\n    if (!isEmpty(message)) {\n      setMessageErr(\"Message cannot be empty!\");\n      isValid = false;\n    }\n    if (!isVerified) {\n      setCaptchaErr(\"Please check the box!\");\n      isValid = false;\n    }\n    return isValid;\n  };\n\n  const onSubmit = (event) => {\n    const isValid = validateForm();\n    if (!isValid) {\n      event.preventDefault();\n    }\n  };\n\n  const verifyCallback = () => {\n    setVerified(true);\n  };\n\n  const onloadCallback = () => {\n    setVerified(false);\n  };\n\n  return (\n    <>\n      <form\n        action=\"https://crm.zoho.com/crm/WebToContactForm\"\n        name=\"WebToContacts4858011000000335002\"\n        method=\"POST\"\n        className=\"tagmanager-form-contactus form form-contact bg-white\"\n        data-response-message-animation=\"slide-in-up\"\n        acceptCharset=\"UTF-8\"\n        encType=\"multipart/form-data\"\n        id=\"form\"\n        onSubmit={onSubmit}\n        style={{ boxShadow: \"0 0 13px 0px #bbb\" }}\n      >\n        <input\n          type=\"text\"\n          className=\"d-none\"\n          aria-label=\"xnQsjsdp\"\n          name=\"xnQsjsdp\"\n          value=\"b24dadb1ff593701075994ef3f7d4d6554950de515979818983076aaaffcc71f\"\n          readOnly\n        ></input>\n        <input\n          type=\"hidden\"\n          name=\"zc_gad\"\n          id=\"zc_gad\"\n          value=\"\"\n          readOnly\n        ></input>\n        <input\n          type=\"text\"\n          className=\"d-none\"\n          aria-label=\"xmIwtLD\"\n          name=\"xmIwtLD\"\n          value=\"ef65226f2095195355f4a03d8fdd4db1b1e5896204a678044bf0a1dfe62f5833\"\n          readOnly\n        ></input>\n        <input\n          type=\"text\"\n          className=\"d-none\"\n          aria-label=\"actionType\"\n          name=\"actionType\"\n          value=\"Q29udGFjdHM=\"\n          readOnly\n        ></input>\n        <input\n          type=\"text\"\n          className=\"d-none\"\n          aria-label=\"returnURL\"\n          name=\"returnURL\"\n          defaultValue=\"https&#x3a;&#x2f;&#x2f;www.grootan.com&#x2f;contactus-thank-you\"\n          readOnly\n        ></input>\n\n        <div className=\"row\">\n          <div className=\"col-12 col-md-6\">\n            <div className=\"form-group\">\n              <label className=\"bold\" htmlFor=\"First_Name\">\n                First Name\n              </label>\n              <input\n                id=\"First_Name\"\n                type=\"text\"\n                maxLength=\"40\"\n                name=\"First Name\"\n                fieldtype=\"7\"\n                className=\"form-control bg-contrast shadow-none\"\n                value={firstName}\n                onChange={(event) => setFirstName(event.target.value)}\n                required\n              />\n              <ErrorField errMessage={firstNameErr} />\n            </div>\n          </div>\n          <div className=\"col-12 col-md-6\">\n            <div className=\"form-group\">\n              <label className=\"bold\" htmlFor=\"Last_Name\">\n                Last Name\n              </label>{\" \"}\n              <input\n                id=\"Last_Name\"\n                type=\"text\"\n                maxLength=\"40\"\n                name=\"Last Name\"\n                fieldtype=\"7\"\n                className=\"form-control bg-contrast shadow-none\"\n                value={lastName}\n                onChange={(event) => setLastName(event.target.value)}\n              />\n            </div>\n          </div>\n        </div>\n        <div className=\"form-group\">\n          <label className=\"bold\" htmlFor=\"Email\">\n            Email\n          </label>{\" \"}\n          <input\n            ftype=\"email\"\n            id=\"Email\"\n            name=\"Email\"\n            maxLength=\"200\"\n            type=\"text\"\n            checktype=\"c5\"\n            className=\"form-control bg-contrast shadow-none\"\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            required\n          />\n          <small\n            id=\"emailHelp\"\n            className=\"form-text text-secondary mt-0 mb-2 italic\"\n          >\n            We'll never share your email with anyone else.\n          </small>\n          <ErrorField errMessage={emailErr} />\n        </div>\n        <div className=\"form-group\">\n          <label className=\"bold\" htmlFor=\"Phone\">\n            Phone No\n          </label>\n          <input\n            id=\"Phone\"\n            name=\"Phone\"\n            maxLength=\"40\"\n            type=\"tel\"\n            compname=\"PhoneNumber\"\n            checktype=\"c7\"\n            phoneformat=\"1\"\n            iscountrycodeenabled=\"false\"\n            fieldtype=\"11\"\n            valtype=\"number\"\n            phoneformatyype=\"2\"\n            className=\"form-control bg-contrast shadow-none\"\n            value={phone}\n            onChange={(event) => setPhone(event.target.value)}\n            pattern=\"^\\+(?:[0-9] ?){6,14}[0-9]$\"\n          />\n          <small\n            id=\"phoneHelp\"\n            className=\"form-text text-secondary mt-0 mb-2 italic\"\n          >\n            Please provide phone number with country code.\n          </small>\n        </div>\n        <div className=\"form-group\">\n          <label className=\"bold\" htmlFor=\"Department\">\n            Subject\n          </label>{\" \"}\n          <input\n            id=\"Department\"\n            name=\"Department\"\n            maxLength=\"50\"\n            type=\"text\"\n            checktype=\"c1\"\n            fieldtype=\"1\"\n            className=\"form-control bg-contrast shadow-none\"\n            value={subject}\n            onChange={(event) => setSubject(event.target.value)}\n            required\n          />\n          <ErrorField errMessage={subjectErr} />\n        </div>\n        <div className=\"form-group\">\n          <label className=\"bold\" htmlFor=\"Description\">\n            Message\n          </label>{\" \"}\n          <textarea\n            id=\"Description\"\n            name=\"Description\"\n            checktype=\"c1\"\n            maxLength=\"65535\"\n            className=\"form-control bg-contrast resize-none shadow-none\"\n            rows={2}\n            value={message}\n            onChange={(event) => setMessage(event.target.value)}\n            required\n          />\n          <ErrorField errMessage={messageErr} />\n        </div>\n        {!isSSR && (<React.Suspense fallback={<div />}>\n          <div className=\"form-group my-4 pb-3\">\n            <Recaptcha\n              sitekey={siteKey}\n              render=\"explicit\"\n              onloadCallback={onloadCallback}\n              verifyCallback={verifyCallback}\n            />\n            <ErrorField errMessage={captchaErr} />\n          </div>\n        </React.Suspense>)}\n        <div className=\"form-group\">\n          <button\n            title=\"Submit\"\n            id=\"formsubmit\"\n            data-loading-text=\"Sending...\"\n            name=\"submit\"\n            type=\"submit\"\n            className=\"tagmanager-submit-contactus btn btn-primary btn-rounded btn-lg\"\n          >\n            Send Message\n          </button>\n        </div>\n      </form>\n      <Helmet>\n        <script\n          src=\"https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit\"\n          async\n          defer\n        ></script>\n      </Helmet>\n    </>\n  );\n};\n\nexport default ContactForm;\n","import React from \"react\";\n\nconst ErrorField = ({ errMessage }) => {\n  return errMessage === \"\" ? null : (\n    <div className=\"error bold\">{errMessage}</div>\n  );\n};\n\nexport default ErrorField;\n","import React, { useState } from \"react\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport { Link } from \"gatsby\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport { isoCertifiedText } from \"../../config\";\n\nconst NavDesktop = React.lazy(() => import(\"./NavDesktop\"));\nconst NavMobile = React.lazy(() => import(\"./NavMobile\"));\nconst isSSR = typeof window === \"undefined\";\nconst Nav = () => {\n  const data = useStaticQuery(graphql`\n    {\n      allStrapiNavLinks(sort: {fields: slug, order: ASC}) {\n        nodes {\n          isLink\n          linksList {\n            link\n            title\n            type\n            externalLink\n          }\n          title\n        }\n      }\n      strapiGrootanSiteLogos {\n        image {\n          childImageSharp {\n            gatsbyImageData(quality: 20, placeholder: NONE)\n          }\n        }\n      }\n    }\n  `);\n \n  const { nodes: mainLinks } = data.allStrapiNavLinks;\n  const { image } = data.strapiGrootanSiteLogos;\n  const createdImage = getImage(image);\n  const [currentTab, setCurrentTab] = useState(\"\");\n  const [showDropdown, setShowDropdown] = useState(false);\n  const [currentDropdown, setCurrentDropdown] = useState(\"\");\n\n  const showMenu = () => {\n    setShowDropdown(true);\n  };\n  const hideMenu = () => {\n    setShowDropdown(false);\n  };\n  \n  return (\n    <nav\n      className=\"st-nav navbar main-nav navigation fixed-top dark-link\"\n      id=\"main-nav\"\n    >\n      <div className=\"container px-0\">\n        <ul className=\"st-nav-menu nav navbar-nav\">\n          <li className=\"st-nav-section nav-item\">\n            <Link\n              to=\"/\"\n              className=\"tagmanager-logo-home-nav navbar-brand\"\n              title={`home page link`}\n              noPrefetch\n            >\n              <GatsbyImage image={createdImage} alt=\"grootan logo\" />\n            </Link>\n            <div className=\"iso-certified-text\">{isoCertifiedText}</div>\n          </li>\n\n          <li className=\"st-nav-section st-nav-primary nav-item\">\n            {!isSSR && (<React.Suspense fallback={<div />}>\n              {mainLinks.map((linkData, index) => (\n                <NavDesktop\n                  key={index}\n                  linkData={linkData}\n                  currentTab={currentTab}\n                  setCurrentTab={setCurrentTab}\n                />\n              ))}\n            </React.Suspense>)}\n            <div className=\"d-flex align-items-center\">\n              {!isSSR && (<React.Suspense fallback={<div />}>\n                <Link\n                  to=\"/contactus/\"\n                  className=\"tagmanager-contactus-nav btn btn-primary  btn-rounded bold px-4 py-2\"\n                  title=\"contactus page link\"\n                  noPrefetch\n                >\n                  Let's Talk\n                </Link>\n              </React.Suspense>)}\n            </div>\n          </li>\n          {!isSSR && (<React.Suspense fallback={<div />}>\n          <li\n            className={`st-nav-section st-nav-mobile nav-item ${\n              showDropdown ? \"st-popup-active\" : \"\"\n            }`}\n          >\n            <button\n              className=\"st-root-link navbar-toggler\"\n              type=\"button\"\n              onClick={showMenu}\n            >\n              <span className=\"icon-bar\"></span>{\" \"}\n              <span className=\"icon-bar\"></span>{\" \"}\n              <span className=\"icon-bar\"></span>\n            </button>\n            {showDropdown ? (\n              <div className=\"st-popup\">\n                <div className=\"st-popup-container\">\n                  <span className=\"st-popup-close-button\" onClick={hideMenu}>\n                    Close\n                  </span>\n                  <div className=\"st-dropdown-content-group\">\n                    {mainLinks.map((linkData, index) => (\n                      <NavMobile\n                        key={index}\n                        linkData={linkData}\n                        currentDropdown={currentDropdown}\n                        setCurrentDropdown={setCurrentDropdown}\n                      />\n                    ))}\n                    <li className=\"tagmanager-contactus-nav dropdown-nav-container mobile last-menu\"><Link to=\"/contactus/\">Let's Talk</Link></li>\n                  </div>\n                </div>\n              </div>\n            ) : (\n              \"\"\n            )}\n          </li>\n          </React.Suspense>)}\n        </ul>\n      </div>\n    </nav>\n  );\n};\n\nexport default Nav;\n","import React, { useEffect } from \"react\";\nimport Nav from \"../common/Nav\";\nimport Footer from \"../common/Footer\";\nimport ScrollTop from \"../common/ScrollTop\";\n\nconst Layout = ({ children }) => {\n  useEffect(()=>{\n    console.clear();\n    setTimeout(() => {\n      console.clear();\n    }, 1000);\n   },[])\n\n  return (\n    <div>\n      <Nav />\n      {children}\n      <Footer />\n      <ScrollTop />\n    </div>\n  );\n};\n\nexport default Layout;\n","export const createRows = (list, length, chunk) => { let ind, tempList, resultList = []; for (ind = 0; ind < length; ind += chunk) { tempList = list.slice(ind, ind + chunk); resultList.push(tempList); } return resultList; };\nexport const filterWithLength = (list, filterLen, filterCompare) => { let resultList = []; for (let ind = 0, count = 0; ind < list.length && count < filterLen; ind++) { if (filterCompare(list[ind])) { resultList.push(list[ind]); count++; } } return resultList; };\nexport const validateEmail = (email) => { var reg = /^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$/; if (reg.test(email) === false) { return false; } return true; };\nexport const isNumber = (number) => { if (isNaN(number)) { return false; } return true; };\nexport const isEmpty = (value) => { if (value === \"\") { return false; } return true; };\nexport const isFile = (fileId) => { const selected = document.getElementById(fileId).files.length > 0; return selected; };","import React from \"react\";\nimport Form from \"../../common/ContactForm\";\nimport { formContactUs } from \"../../../config\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport ReactMarkdown from \"react-markdown\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport MetaData from \"../../common/MetaData\";\nimport {\n  faFacebook,\n  faGithub,\n  faLinkedin\n} from \"@fortawesome/free-brands-svg-icons\";\nimport { smFacebook, smLinkedin, smGithub } from \"../../../config\";\nimport { faMapMarker, faEnvelope } from \"@fortawesome/free-solid-svg-icons\";\n\nconst Contactus = () => {\n  const data = useStaticQuery(graphql`\n    {\n      allStrapiContactDetails {\n        nodes {\n          title\n          address\n          mail\n          phone\n        }\n      }\n    }\n  `);\n  const { title, address, mail } = data.allStrapiContactDetails.nodes[0];\n  return (\n    <>\n      <MetaData pageTitle={title} />\n      <section id=\"features\" className=\"section contactus pt-5 mb-6\">\n        <div className=\"container pt-10 pb-0\">\n          <div className=\"row gap-y align-items-center justify-content-center\">\n            <div className=\"col-lg-10 pt-5\">\n              <div className=\"section-heading text-center\">\n                <h2>We'd love to hear from you</h2>\n                <p className=\"text-center\">\n                  Tell us your dream & let's shape it together\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n      <section className=\"section mt-7n shape-testimonials edge\">\n        <div className=\"shape-wrapper\">\n          <svg\n            className=\"shape h-100\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n            viewBox=\"0 0 249.28 253.71\"\n          >\n            <defs>\n              <style\n                dangerouslySetInnerHTML={{\n                  __html:\n                    \"\\n\\t\\t\\t\\t\\t\\t\\t.cls-1 {\\n\\t\\t\\t\\t\\t\\t\\t\\topacity: 0.7;\\n\\t\\t\\t\\t\\t\\t\\t\\tfill: url(#linear-gradient);\\n\\t\\t\\t\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\t\\t\\t\"\n                }}\n              />\n              <linearGradient\n                id=\"linear-gradient\"\n                y1=\"126.86\"\n                x2=\"249.28\"\n                y2=\"126.86\"\n                gradientUnits=\"userSpaceOnUse\"\n              >\n                <stop offset={0} stopColor=\"#2384fa\" />\n                <stop offset=\"0.23\" stopColor=\"#3f97ff\" />\n                <stop offset=\"0.6\" stopColor=\"#62ffec\" />\n                <stop offset={1} stopColor=\"#62ffec\" />\n              </linearGradient>\n            </defs>\n            <title>shape</title>\n            <g id=\"Capa_2\" data-name=\"Capa 2\">\n              <g id=\"OBJECTS\">\n                <path\n                  className=\"cls-1\"\n                  d=\"M236.5,78.38a75.26,75.26,0,0,0-7.74-9.67l0,0S182.91,16.47,105.14,2l0,0A83.91,83.91,0,0,0,4.53,69.71C-11.34,147,19.55,209,19.73,209.4a75,75,0,0,0,6,10.77c19.06,28.33,54.33,39.57,86.73,30.43,0,0,52.47-12.9,111.35-71.37h0C251.68,152.56,257.84,110.1,236.5,78.38Z\"\n                />\n              </g>\n            </g>\n          </svg>\n        </div>\n        <div className=\"container bring-to-front pt-0\">\n          <div className=\"row  gap-y\">\n            <div className=\"col-md-5 pt-0 pb-0\">\n              <div className=\"d-block d-md-none section-heading mb-4\">\n                <h2 className=\"bold\">{title}</h2>\n              </div>\n              <Form actionURL={formContactUs} />\n            </div>\n            <div className=\"col-md-5 ml-md-auto\">\n              <div className=\"d-none d-md-block section-heading mb-4\">\n                <h2 className=\"bold\">{title}</h2>\n              </div>\n              <div className=\"media contact\">\n                <FontAwesomeIcon\n                  icon={faMapMarker}\n                  className=\"text-primary mr-3 font-l\"\n                />\n                <div className=\"media-body\">\n                  <ReactMarkdown source={address} />\n                </div>\n              </div>\n\n              <div className=\"media pt-4\">\n                <FontAwesomeIcon\n                  icon={faEnvelope}\n                  className=\"text-primary mr-3 font-l\"\n                />\n                <div className=\"media-body\">\n                  <a href=\"mailto:business@grootan.com\">{mail}</a>\n                </div>\n              </div>\n              <hr className=\"my-4\" />\n              <nav className=\"nav justify-content-center justify-content-md-start\">\n                <a\n                  href={smFacebook}\n                  className=\"tagmanager-facebook-contactus btn btn-circle btn brand-facebook mr-2\"\n                  target=\"_blank\"\n                  rel=\"noreferrer noopener\"\n                >\n                  <FontAwesomeIcon icon={faFacebook} className=\"h4 text-white mb-0\" />\n                </a>{\" \"}\n                <a\n                  href={smLinkedin}\n                  className=\"tagmanager-linkedin-contactus btn btn-circle btn brand-linkedin mr-2\"\n                  target=\"_blank\"\n                  rel=\"noreferrer noopener\"\n                >\n                  <FontAwesomeIcon icon={faLinkedin} className=\"h4 text-white mb-0\" />\n                </a>{\" \"}\n                <a\n                  href={smGithub}\n                  className=\"tagmanager-github-contactus btn btn-circle btn brand-github\"\n                  target=\"_blank\"\n                  rel=\"noreferrer noopener\"\n                >\n                  <FontAwesomeIcon icon={faGithub} className=\"h4 text-white mb-0\" />\n                </a>{\" \"}\n              </nav>\n            </div>\n          </div>\n        </div>\n      </section>\n    </>\n  );\n};\n\nexport default Contactus;\n","import React from \"react\";\nimport Layout from \"../components/layout\";\nimport Contactus from \"../components/views/contactus\";\n\nconst Contact = () => {\n  return (\n    <Layout>\n      <Contactus />\n    </Layout>\n  );\n};\n\nexport default Contact;\n"],"names":["Recaptcha","React","isSSR","window","actionURL","useState","firstName","setFirstName","firstNameErr","setFirstNameErr","lastName","setLastName","email","setEmail","emailErr","setEmailErr","phone","setPhone","subject","setSubject","subjectErr","setSubjectErr","message","setMessage","messageErr","setMessageErr","isVerified","setVerified","captchaErr","setCaptchaErr","action","name","method","className","acceptCharset","encType","id","onSubmit","event","isValid","isEmpty","validateEmail","validateForm","preventDefault","style","boxShadow","type","value","readOnly","defaultValue","htmlFor","maxLength","fieldtype","onChange","target","required","errMessage","ftype","checktype","compname","phoneformat","iscountrycodeenabled","valtype","phoneformatyype","pattern","rows","fallback","sitekey","siteKey","render","onloadCallback","verifyCallback","title","src","async","defer","NavDesktop","NavMobile","data","useStaticQuery","mainLinks","allStrapiNavLinks","nodes","image","strapiGrootanSiteLogos","createdImage","getImage","currentTab","setCurrentTab","showDropdown","setShowDropdown","currentDropdown","setCurrentDropdown","to","noPrefetch","G","alt","isoCertifiedText","map","linkData","index","key","onClick","children","useEffect","console","clear","setTimeout","Footer","ScrollTop","createRows","list","length","chunk","ind","tempList","resultList","slice","push","filterWithLength","filterLen","filterCompare","count","test","isFile","fileId","document","getElementById","files","allStrapiContactDetails","address","mail","MetaData","pageTitle","xmlns","xmlnsXlink","viewBox","dangerouslySetInnerHTML","__html","y1","x2","y2","gradientUnits","offset","stopColor","d","formContactUs","icon","faMapMarker","source","faEnvelope","href","smFacebook","rel","faFacebook","smLinkedin","faLinkedin","smGithub","faGithub"],"sourceRoot":""}