{"version":3,"sources":["pages/contacts-page/contacts.tsx"],"names":["ContactsPage","useEffect","mautic","pageView","className","name","content","href","target","rel"],"mappings":"8GAAA,4DAkQeA,UAvPM,WA8BnB,OAdAC,qBAAU,WACRC,IAAOC,SAAS,MACf,IAaD,sBAAKC,UAAU,WAAf,UACE,eAAC,IAAD,WACE,8FACA,sBAAMC,KAAK,cAAcC,QAAQ,yIACjC,sBAAMD,KAAK,WAAWC,QAAQ,wCAEhC,cAAC,IAAD,IACA,sBAAMF,UAAU,qBAAhB,SACE,0BAASA,UAAU,kBAAnB,UASE,qBAAKA,UAAU,cAAf,SA8JE,sBAAKA,UAAU,WAAf,UACE,8CACA,sBAAKA,UAAU,iBAAf,UACE,0BAASA,UAAU,iBAAnB,6CAEE,uBAFF,0BAIE,uBACA,mBAAGG,KAAK,mBAAR,iCAEF,mBAAGH,UAAU,iBAAiBG,KAAK,iCAAnC,wCAIF,sBAAKH,UAAU,oBAAf,UACE,mBACEI,OAAO,SACPC,IAAI,aACJL,UAAU,yBACVG,KAAK,gDAJP,SAME,mBAAGH,UAAU,oBAEf,mBACEI,OAAO,SACPC,IAAI,aACJL,UAAU,yBACVG,KAAK,wCAJP,SAME,mBAAGH,UAAU,4BAKrB,qBAAKA,UAAU,6BAA6B,mBAAiB","file":"static/js/46.edd85f24.chunk.js","sourcesContent":["import { \n  // useState, \n  useEffect \n} from \"react\";\n// import { useDispatch } from \"react-redux\";\nimport Snackbar from \"../../components/exchange-componnets/snakBar\";\n// import { showWarningSnackbar } from \"../../redux/actions/registartionAction\";\n// import { validateEmail } from \"../../constants/regex\";\nimport mautic from 'mautic-tracking';\nimport { Helmet } from \"react-helmet\";\n\nconst ContactsPage = () => {\n  // const dispatch = useDispatch();\n  // const [fullName, setFullName] = useState(\"\");\n  // const [company, setCompany] = useState(\"\");\n  // const [email, setEmail] = useState(\"\");\n  // const [phone, setPhone] = useState(\"\");\n  // const [message, setMessage] = useState(\"\");\n  // const [sended, setSended] = useState(false);\n  // const [buttonEnabled, setButtonEnabled] = useState(false);\n\n  // const sendFunction = () => {\n  //   if (!fullName && !email && !company && !phone && !message) {\n  //     dispatch(showWarningSnackbar(\"Please fill all input fields\"));\n  //   }\n  // };\n\n  useEffect(() => {\n    mautic.pageView({});\n  }, []);\n\n  // useEffect(() => {\n  //   validateEmail(email) &&\n  //     /^.{2,20}$/gi.test(fullName.trim()) &&\n  //     /^.{2,80}$/gi.test(company.trim()) &&\n  //     /^.{2,80}$/gi.test(phone.trim()) &&\n  //     /^.{2,80}$/gi.test(message.trim())\n  //     ? setButtonEnabled(true)\n  //     : setButtonEnabled(false);\n  // }, [fullName, company, phone, message, email]);\n\n  return (\n    <div className=\"contacts\">\n      <Helmet>\n        <title>Contact | Traditional Real Estate Services - DIBS Capital</title>\n        <meta name=\"description\" content=\"DIBS Capital is powering the world's digital assets: end-to-end tokenization platform for real estate- and equity-backed securities.\"></meta>\n        <meta name=\"Keywords\" content=\"traditional real estate services\"></meta>\n      </Helmet>\n      <Snackbar />\n      <main className=\"main contacts-page\">\n        <section className=\"section-contact\">\n          {/* <h1 className=\"title\">Contact</h1>\n          <p className=\"text\">\n            <span>Fill the form to contact us and We will respond</span>\n            <span className=\"text--newlined-mobile\">\n              {\" \"}\n              You as soon as possible\n            </span>\n          </p> */}\n          <div className=\"contact-box\">\n            {/* <div className=\"form-wrapper\">\n              <div className=\"form-container\">\n                <h2>Send Us a Message</h2>\n                <form\n                  autoComplete=\"false\"\n                  method=\"post\"\n                  action=\"https://ams.solidblock.co/form/submit?formId=3\"\n                  id=\"mauticform_contactus\"\n                  data-mautic-form=\"contactus\"\n                  encType=\"multipart/form-data\"\n                >\n                  <div\n                    className=\"form form-validation-js validate\"\n                    id=\"mc-embedded-subscribe-form\"\n                    data-form-name=\"contact\"\n                  >\n                    <div className=\"form-group\">\n                      <div className=\"form-control\">\n                        <span className=\"form__message\">\n                          <p className=\"error\" data-error-id=\"mauticform[first_name]\"></p>\n                        </span>\n                        <input\n                          onChange={(e) => {\n                            setFullName(e.target.value)\n                            setSended(false)\n                          }}\n                          value={fullName}\n                          className=\"form__field\"\n                          type=\"text\"\n                          name=\"mauticform[first_name]\"\n                          placeholder=\"Your name\"\n                          required\n                          id=\"mauticform_input_contactus_first_name\"\n                        />\n                        <span className=\"form__field-placeholder\">Full name</span>\n                      </div>\n                      <div className=\"form-control\">\n                        <span className=\"form__message\">\n                          <p className=\"error\" data-error-id=\"mauticform[email_address]\"></p>\n                        </span>\n                        <input\n                          onChange={(e) => {\n                            setEmail(e.target.value)\n                            setSended(false)\n                          }}\n                          value={email}\n                          className=\"form__field\"\n                          type=\"email\"\n                          name=\"mauticform[email_address]\"\n                          placeholder=\"Your E-mail\"\n                          required\n                          id=\"mauticform_input_contactus_email_address\"\n                        />\n                        <span className=\"form__field-placeholder\">Email</span>\n                      </div>\n                    </div>\n                    <div className=\"form-group\">\n                      <div className=\"form-control\">\n                        <span className=\"form__message\">\n                          <p className=\"error\" data-error-id=\"mauticform[phone_number]\"></p>\n                        </span>\n                        <input\n                          onChange={(e) => {\n                            setPhone(e.target.value)\n                            setSended(false)\n                          }}\n                          value={phone}\n                          className=\"form__field\"\n                          type=\"text\"\n                          name=\"mauticform[phone_number]\"\n                          placeholder=\"Your Phone\"\n                          required\n                          id=\"mauticform_input_contactus_phone_number\"\n                        />\n                        <span className=\"form__field-placeholder\">Phone</span>\n                      </div>\n                      <div className=\"form-control\">\n                        <span className=\"form__message\">\n                          <p className=\"error\" data-error-id=\"mauticform[company]\"></p>\n                        </span>\n                        <input\n                          onChange={(e) => {\n                            setCompany(e.target.value)\n                            setSended(false)\n                          }}\n                          value={company}\n                          className=\"form__field\"\n                          type=\"text\"\n                          name=\"mauticform[company]\"\n                          placeholder=\"Company\"\n                          required\n                          id=\"mauticform_input_contactus_company\"\n                        />\n                        <span className=\"form__field-placeholder\">Company</span>\n                      </div>\n                    </div>\n                    <div className=\"form-group form-group--textarea form-group--full-width\">\n                      <div className=\"form-control\">\n                        <span className=\"form__message\">\n                          <p className=\"error\" data-error-id=\"mauticform[your_message]\"></p>\n                        </span>\n                        <textarea\n                          onChange={(e) => {\n                            setMessage(e.target.value)\n                            setSended(false)\n                          }}\n                          value={message}\n                          className=\"form__field\"\n                          name=\"mauticform[your_message]\"\n                          placeholder=\"Your Message\"\n                          required\n                          id=\"mauticform_input_contactus_your_message\"\n                        ></textarea>\n                        <span className=\"form__field-placeholder\">\n                          Your message\n                        </span>\n                      </div>\n                    </div>\n                    <button\n                      type=\"submit\"\n                      name=\"mauticform[submit]\"\n                      id=\"mauticform_input_contactus_submit\"\n                      value=\"\"\n                      onClick={() => sendFunction()}\n                      className=\"form__submit button\"\n                      disabled={!buttonEnabled}\n                    >\n                      <span className=\"button__text-block\">\n                        {!buttonEnabled ? \"Fill in all fields correctly\" : \"Send Message\"}\n                      </span>\n                      {sended ? null : <span className=\"button__icon-block\">\n                        <i className=\"button__icon\"></i>\n                      </span>}\n                    </button>\n                  </div>\n                  <input type=\"hidden\" name=\"mauticform[last_name]\" id=\"mauticform_input_contactus_last_name\" value=\"\" />\n                  <input type=\"hidden\" name=\"mauticform[formId]\" id=\"mauticform_contactus_id\" value=\"3\" />\n                  <input type=\"hidden\" name=\"mauticform[return]\" id=\"mauticform_contactus_return\" value=\"\" />\n                  <input type=\"hidden\" name=\"mauticform[formName]\" id=\"mauticform_contactus_name\" value=\"contactus\" />\n                </form>\n              </div>\n              <div className=\"result-container\">\n                <span className=\"icon icon--successful\"></span>\n                <h3 className=\"result-wrapper__title\">\n                  Thank you for submission!\n                </h3>\n                <p className=\"result-wrapper__description\">\n                  We will contact you as soon as possible\n                </p>\n                <a className=\"button\" href=\"/\" type=\"submit\">\n                  <span className=\"button__text-block\">Done</span>\n                  <span className=\"button__icon-block\">\n                    <i className=\"button__icon\"></i>\n                  </span>\n                </a>\n              </div>\n            </div> */}\n            <div className=\"contacts\">\n              <h2>Contact Info</h2>\n              <div className=\"contacts__info\">\n                <address className=\"contacts__item\">\n                  500 Washington St, San Francisco\n                  <br />\n                  CA 94111, United States\n                  <br />\n                  <a href=\"tel:972544584618\">+972 54-458-4618</a>\n                </address>\n                <a className=\"contacts__item\" href=\"mailto:contact@dibscapital.com\">\n                  contact@dibscapital.com\n                </a>\n              </div>\n              <div className=\"contacts__socials\">\n                <a\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                  className=\"contacts__socials-item\"\n                  href=\"https://www.linkedin.com/company/dibscapital/\"\n                >\n                  <i className=\"icon icon--ln\"></i>\n                </a>\n                <a\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                  className=\"contacts__socials-item\"\n                  href=\"https://www.facebook.com/dibscapital/\"\n                >\n                  <i className=\"icon icon--fb\"></i>\n                </a>\n              </div>\n            </div>\n          </div>\n          <div className=\"pipedriveWebForms form-box\" data-pd-webforms=\"https://webforms.pipedrive.com/f/ckzyXaI1XVI2mdfCFw2yrsfjxWoP5nPH3Q4LNappJHp0EgTfnDufnIIiOCiTIAM45J\"></div>\n        </section>\n      </main>\n    </div>\n  );\n};\n\nexport default ContactsPage;"],"sourceRoot":""}