{"version":3,"file":"static/chunks/6301-87aa9317673d8e09.js","mappings":"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","sources":["webpack://_N_E/./Components/ContactUsForm.js","webpack://_N_E/./styles/CommonBanner.module.scss","webpack://_N_E/./styles/ContactUsForm.module.scss"],"sourcesContent":["\"use client\";\r\nimport { usePageState } from \"@/Context/PageState\";\r\nimport style from \"@/styles/ContactUsForm.module.scss\";\r\nimport { useState, useEffect, useRef } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport $ from \"jquery\";\r\nimport IntlTelInput from \"react-intl-tel-input\";\r\nimport \"react-intl-tel-input/dist/main.css\";\r\nimport Image from \"next/image\";\r\n\r\nconst ContactUsForm = () => {\r\n  const {\r\n    register,\r\n    trigger,\r\n    setValue,\r\n    getValues,\r\n    formState: { errors },\r\n  } = useForm({ mode: \"all\" });\r\n\r\n  const submitBtn = useRef(null);\r\n\r\n  const [isValidNum, setIsValidNum] = useState(true);\r\n  const [phoneNumber, setPhoneNumber] = useState(\"\");\r\n  const { CommonSubmitForm, CommonValidateForm, getCountryCode, countryCode, onloadCallback } = usePageState();\r\n  const effectRan = useRef(false);\r\n\r\n  const onSubmit = async (e) => {\r\n    e.preventDefault();\r\n    const values = getValues();\r\n    // Clean up the phone number before submission\r\n    if (values.mobile && values.mobile.startsWith(\"0\")) {\r\n      values.mobile = values.mobile.substring(1);\r\n    }\r\n    values.mobile = values.mobile.replace(/[\\(\\)\\-]/g, \"\");\r\n    triggerValidation();\r\n\r\n    if (CommonValidateForm(1) == true && isValidNum) {\r\n      CommonSubmitForm(1, values);\r\n      setPhoneNumber(\"\"); // Reset phone number after submission\r\n    } else{\r\n      triggerValidation();\r\n    }\r\n  };\r\n\r\n  const triggerValidation = () => {\r\n    trigger(); // all fields\r\n  };\r\n\r\n  const onChange = (isValid, rawValue) => {\r\n    const containsOnlyNumbers = /^\\d+$/.test(rawValue);\r\n    if (containsOnlyNumbers) {\r\n      setIsValidNum(isValid);\r\n      setPhoneNumber(rawValue);\r\n      setValue(\"mobile\", rawValue);\r\n    } else {\r\n      if (!rawValue) {\r\n        setIsValidNum(isValid);\r\n        setPhoneNumber(rawValue);\r\n        setValue(\"mobile\", rawValue);\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    getCountryCode();\r\n    if (effectRan.current === false) {\r\n      $(document).on(\"focus blur change\", \".contact-form input, .contact-form textarea\", function () {\r\n        $(this).val($(this).val().replace(/^\\s+/, \"\"));\r\n      });\r\n\r\n      return () => {\r\n        effectRan.current = true;\r\n      };\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <section className={`${style[\"contactusformmaindiv\"]}`}>\r\n      <div className=\"container\">\r\n        <div className={`${style[\"contactformbody\"]}`}>\r\n          <div className={`${style[\"left\"]}`}>\r\n          <div className={`${style[\"lefttop\"]} ${style[\"bgcard\"]}`}>\r\n              <h5 className={`${style[\"title\"]}`}>Eager to Listen from You!</h5>\r\n              <p className={`${style[\"description\"]}`}>\r\n                We are all here to listen to any doubt, query, clarification, anything from you. Just get connected with us and we will get back to\r\n                you as soon as possible!\r\n              </p>\r\n              <div className={`${style[\"contactlinesdiv\"]}`}>\r\n                <div className={`${style[\"contactlinerow\"]}`}>\r\n                  <div className={`${style[\"imagebox\"]}`}>\r\n                    <Image src=\"/images/icons/contact_email_ic.svg\" alt=\"contact\" width={0} height={0} />\r\n                  </div>\r\n                  <div className={`${style[\"contenbox\"]}`}>\r\n                    <h6 className={`${style[\"contactlinetitle\"]}`}>Send us email</h6>\r\n                    <a className={`${style[\"contactlink\"]}`} href=\"mailto:marketing@sapphiresolutions.net\">\r\n                      marketing@sapphiresolutions.net\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n                <div className={`${style[\"contactlinerow\"]}`}>\r\n                  <div className={`${style[\"imagebox\"]}`}>\r\n                    <Image src=\"/images/icons/contact_us_phone_ic.svg\" alt=\"contact\" width={0} height={0} />\r\n                  </div>\r\n                  <div className={`${style[\"contenbox\"]}`}>\r\n                    <h6 className={`${style[\"contactlinetitle\"]}`}>Call us now</h6>\r\n                    <a className={`${style[\"contactlink\"]}`} href=\"tel:+919726748800\">\r\n                      +919726748800\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className={`${style[\"leftbottom\"]} ${style[\"bgcard\"]}`}>\r\n              <p className={`${style[\"description\"]}`}>\r\n                We are all here to listen to any doubt, query, clarification, anything from you. Just get connected with us and we will get back to\r\n                you as soon as possible!\r\n              </p>\r\n              <div className={`${style[\"featureslistdiv\"]}`}>\r\n                <div className={`${style[\"featureline\"]}`}>\r\n                  <div className={`${style[\"icondiv\"]}`}>\r\n                    <Image src=\"/images/contact_us/reducecoast.svg\" alt=\"contact\" width={0} height={0} />\r\n                  </div>\r\n                  <p className={`${style[\"featurename\"]}`}>Cost-effective</p>\r\n                </div>\r\n                <div className={`${style[\"featureline\"]}`}>\r\n                  <div className={`${style[\"icondiv\"]}`}>\r\n                    <Image src=\"/images/contact_us/scalesupport.svg\" alt=\"contact\" width={0} height={0} />\r\n                  </div>\r\n                  <p className={`${style[\"featurename\"]}`}>Reliable Support</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className={`${style[\"right\"]} ${style[\"bgcard\"]}`}>\r\n            <form\r\n              id=\"contact-form\"\r\n              method=\"post\"\r\n              encType=\"multipart/form-data\"\r\n              autoComplete=\"off\"\r\n              className={`${style[\"formmain\"]} commonformclass contact-form commonform`}\r\n            >\r\n              <div className={`${style[\"inputgroup\"]} inputgroup ${style[\"w-100\"]}`}>\r\n                <label className={`${style[\"inputlable\"]}`}>Your Name*</label>\r\n                <div className={`${style[\"inputdiv\"]}`}>\r\n                  <input\r\n                    className={`${style[\"input\"]}`}\r\n                    type=\"text\"\r\n                    name=\"name\"\r\n                    placeholder=\"Enter your name\"\r\n                    {...register(\"name\", {\r\n                      required: \"Name is required\",\r\n                      pattern: {\r\n                        value: /\\p{L}/gu,\r\n                        message: \"At least one alphabet character is required\",\r\n                      },\r\n                    })}\r\n                  />\r\n                </div>\r\n                <div id=\"name_error\" className={`${style[\"error\"]}`}>\r\n                  {errors.name?.message}\r\n                </div>\r\n              </div>\r\n\r\n              <div className={`${style[\"inputgroup\"]} inputgroup ${style[\"w-100\"]}`}>\r\n                <label className={`${style[\"inputlable\"]}`}>Your Email*</label>\r\n                <div className={`${style[\"inputdiv\"]}`}>\r\n                  <input\r\n                    className={`${style[\"input\"]}`}\r\n                    type=\"email\"\r\n                    name=\"email\"\r\n                    placeholder=\"Enter your email\"\r\n                    {...register(\"email\", {\r\n                      required: \"Email is required\",\r\n                      pattern: {\r\n                        value: /^[A-Z0-9._%+-]+@([A-Z0-9-]+\\.)+[A-Z]{2,4}$/i,\r\n                        message: \"Email is not valid\",\r\n                      },\r\n                    })}\r\n                  />\r\n                </div>\r\n                <div id=\"email_error\" className={`${style[\"error\"]}`}>\r\n                  {errors.email?.message}\r\n                </div>\r\n              </div>\r\n              <div className={`${style[\"inputgroup\"]} inputgroup ${style[\"w-50\"]}`}>\r\n                <label className={`${style[\"inputlable\"]}`}>Company*</label>\r\n                <div className={`${style[\"inputdiv\"]}`}>\r\n                  <input\r\n                    className={`${style[\"input\"]}`}\r\n                    type=\"text\"\r\n                    name=\"organization\"\r\n                    placeholder=\"Company Name\"\r\n                    {...register(\"organization\", {\r\n                      required: \"Company is required\",\r\n                      pattern: {\r\n                        value: /\\p{L}/gu,\r\n                        message: \"At least one alphabet character is required\",\r\n                      },\r\n                    })}\r\n                  />\r\n                </div>\r\n                <div id=\"company_error\" className={`${style[\"error\"]}`}>\r\n                  {errors.organization?.message}\r\n                </div>\r\n              </div>\r\n              <div className={`${style[\"inputgroup\"]} inputgroup ${style[\"w-50\"]}`}>\r\n                <label htmlFor=\"mobile_contact\" className={`${style[\"inputlable\"]}`}>\r\n                  Mobile Number*\r\n                </label>\r\n                <div className={`${style[\"inputdiv\"]} ${style[\"w-100\"]}`}>\r\n                  {/* hidden input */}\r\n                  <input\r\n                    {...register(\"mobile\")}\r\n                    type=\"hidden\"\r\n                    className={style[\"hidden\"]}\r\n                    id=\"contact_us_mobile_number\"\r\n                    value={phoneNumber}\r\n                    name=\"mobile\"\r\n                  />\r\n                  {/* hidden input */}\r\n                  {countryCode && (\r\n                    <IntlTelInput\r\n                      // type=\"tel\"\r\n                      numberType={\"MOBILE\"}\r\n                      id=\"mobile_contact\"\r\n                      autoPlaceholder=\"false\"\r\n                      inputClassName={`contact-us-phone ${style[\"input\"]} `}\r\n                      // initialCountry=\"auto\"\r\n                      value={phoneNumber}\r\n                      defaultCountry={countryCode}\r\n                      // autoCountryLoaded\r\n                      // geoIpLookup={true}\r\n                      onPhoneNumberChange={onChange}\r\n                      onPhoneNumberBlur={onChange}\r\n                      // format\r\n                      // telInputProps={isValidNumber}\r\n                    />\r\n                  )}\r\n                  <div id=\"mobile-emsg\" className={`${style[\"error\"]}`}>\r\n                    {!isValidNum && \"Please enter valid phone number\"}\r\n                  </div>\r\n                </div>\r\n                {errors.country && <span className={`${style[\"error\"]}`}>{errors.country.join(\", \")}</span>}\r\n              </div>\r\n              <div className={`${style[\"inputgroup\"]} inputgroup ${style[\"w-100\"]}`}>\r\n                <label className={`${style[\"inputlable\"]}`}>Message*</label>\r\n                <div className={`${style[\"inputdiv\"]}`}>\r\n                  <textarea\r\n                    className={`${style[\"input\"]}`}\r\n                     id=\"message_contact\"\r\n                    type=\"text\"\r\n                    row={15}\r\n                    name=\"message\"\r\n                    placeholder=\"Enter your message\"\r\n                    {...register(\"message\", {\r\n                      required: \"Message is required\",\r\n                      pattern: {\r\n                        value: /\\p{L}/gu,\r\n                        message: \"At least one alphabet character is required\",\r\n                      },\r\n                    })}\r\n                  ></textarea>\r\n                </div>\r\n                <div className={`${style[\"error\"]}`}>{errors.message?.message}</div>\r\n              </div>\r\n\r\n              {/* Add other form fields here */}\r\n              <div className={`${style[\"formbottompart\"]}`}>\r\n                <button ref={submitBtn} className={`${style[\"buttonsubmit\"]} commonformbtn`} type=\"submit\" onClick={onSubmit}>\r\n                  Send Message\r\n                </button>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default ContactUsForm;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"commonbannermaindiv\":\"CommonBanner_commonbannermaindiv__u0Idj\",\"bannerrow\":\"CommonBanner_bannerrow__hCcZS\",\"bannerleft\":\"CommonBanner_bannerleft__f5KcR\",\"bannerright\":\"CommonBanner_bannerright__gdoSf\",\"imagebox\":\"CommonBanner_imagebox__f_HdK\",\"contentbox\":\"CommonBanner_contentbox__5IoCo\",\"bannertitle\":\"CommonBanner_bannertitle__7ZhLM\",\"bannerdescription\":\"CommonBanner_bannerdescription__Ec7Yw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"contactusformmaindiv\":\"ContactUsForm_contactusformmaindiv__AiwbX\",\"contactformbody\":\"ContactUsForm_contactformbody__sX7mD\",\"left\":\"ContactUsForm_left__TvY2x\",\"lefttop\":\"ContactUsForm_lefttop__qZ4xN\",\"leftbottom\":\"ContactUsForm_leftbottom__AQjpP\",\"right\":\"ContactUsForm_right__Ir__r\",\"title\":\"ContactUsForm_title__VAu2O\",\"description\":\"ContactUsForm_description__Wb_3t\",\"bgcard\":\"ContactUsForm_bgcard__oRFlP\",\"contactlinesdiv\":\"ContactUsForm_contactlinesdiv__IXqfy\",\"contactlinerow\":\"ContactUsForm_contactlinerow__Vnzhw\",\"imagebox\":\"ContactUsForm_imagebox__ydja_\",\"contenbox\":\"ContactUsForm_contenbox__Henzx\",\"contactlinetitle\":\"ContactUsForm_contactlinetitle__zKPdV\",\"contactlink\":\"ContactUsForm_contactlink__H8Eyo\",\"featureslistdiv\":\"ContactUsForm_featureslistdiv__iiSqu\",\"featureline\":\"ContactUsForm_featureline__dHO2t\",\"icondiv\":\"ContactUsForm_icondiv__klfS6\",\"featurename\":\"ContactUsForm_featurename__RQ_ku\",\"formmain\":\"ContactUsForm_formmain__4P_AI\",\"inputgroup\":\"ContactUsForm_inputgroup__agsLV\",\"w-100\":\"ContactUsForm_w-100__5ftvN\",\"w-50\":\"ContactUsForm_w-50__p4KsB\",\"inputlable\":\"ContactUsForm_inputlable__q3spR\",\"input\":\"ContactUsForm_input__NSU8G\",\"error\":\"ContactUsForm_error__QQvPq\",\"formbottompart\":\"ContactUsForm_formbottompart__neaZ0\",\"buttonsubmit\":\"ContactUsForm_buttonsubmit__BLbqR\",\"hidden\":\"ContactUsForm_hidden__LIP0V\"};"],"names":["__webpack_exports__","errors","register","trigger","setValue","getValues","formState","useForm","mode","submitBtn","useRef","isValidNum","setIsValidNum","useState","phoneNumber","setPhoneNumber","CommonSubmitForm","CommonValidateForm","getCountryCode","countryCode","onloadCallback","usePageState","effectRan","onSubmit","e","preventDefault","values","mobile","startsWith","substring","replace","triggerValidation","onChange","isValid","rawValue","test","useEffect","current","$","document","on","val","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","section","className","concat","style","div","jsxs","h5","p","Image","src","alt","width","height","h6","a","href","form","id","method","encType","autoComplete","label","input","type","name","placeholder","required","pattern","value","RegExp","message","email","organization","htmlFor","IntlTelInput","numberType","autoPlaceholder","inputClassName","defaultCountry","onPhoneNumberChange","onPhoneNumberBlur","country","span","join","textarea","row","button","ref","onClick","module","exports"],"sourceRoot":""}