{"version":3,"file":"component---src-pages-donations-gifting-jsx-df3754244115ff0029a5.js","mappings":"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","sources":["webpack://events-page-builder/./src/forms/DonationGiftingForm.jsx","webpack://events-page-builder/./src/pages/donations-gifting.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { Link } from \"gatsby\";\n\nimport { useForm, Controller } from \"react-hook-form\";\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\n\nimport PhoneInput from \"react-phone-input-2\";\n\nimport Select from \"react-select\";\n\nimport { Modal, Alert } from \"react-bootstrap\";\n\nimport Certificate from \"../components/certificate/index\";\n\nimport { dropdownStyle, getCounty } from \"utils/dropdown\";\n\nimport { generateQueryParamsForRazarPay } from \"utils/loadScript\";\n\nimport {\n  donationData,\n  indiaOptions,\n  overseasOptions,\n  plantCount,\n} from \"./donationData\";\n\nimport { ceil } from \"lodash\";\n\nimport config from \"assets/config\";\nimport moment from \"moment\";\n\n// servcies\nimport DonationService from \"services/donations/donation.service\";\n\nimport CurrencyService from \"services/currency/currency.service\";\n\nimport ProjectViewthubnailslider from \"../components/admin/project-thumbnail-slider\";\n\nimport Projectlocationpops from \"../components/admin/projectlocationpops\";\n\nimport noimage from \"assets/images/noImage.png\";\nimport { toast, ToastContainer } from \"react-toastify\";\n\n// import PropTypes from \"prop-types\";\n\nexport default function DonationGiftingForm({\n  formType,\n  validationSchema,\n  amountSelect,\n  baseAmountValue,\n}) {\n  const [countryList, setCountryList] = useState([]);\n  const [projectList, setProjectList] = useState([]);\n  const [amountType, setAmountType] = useState(\"INR\");\n\n  const [proveType, setProveType] = useState(indiaOptions);\n\n  const [currencyList, setCurrencyList] = useState();\n\n  const [showPreview, setShowPreview] = useState(false);\n  const [showAlertPreview, setShowAlertPreview] = useState(false);\n  const [showAlertPopupPreview, setShowAlertPopupPreview] = useState(false);\n\n  const [donationFormData, setdonationFormData] = useState();\n\n  const [postalcodeLabel, setPostalcodeLabel] = useState(\"Pincode\");\n\n  const [citizenshipValue, setCitizenshipValue] = useState(\"India\");\n\n  const [convertedInrAmount, setConvertedInrAmount] = useState();\n\n  const [customCardAmount, setCustomCardAmount] = useState();\n\n  const [minumumAmount, setMinumumAmount] = useState(Number(\"180\"));\n\n  const [errorAmount, setErrorAmount] = useState();\n\n  const [newCurrencyList, setNewCurrencyList] = useState();\n\n  const [selectedProjectValue, setSelectedProjectValue] = useState();\n\n  const [projectDescription, setProjectDescription] = useState([]);\n\n  const [yecMessge, setYecMessage] = useState();\n\n  const [isYec, setIsYec] = useState(false);\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n    control,\n    setValue,\n    getValues,\n  } = useForm({\n    resolver: yupResolver(validationSchema),\n  });\n\n  const changeCurrency = (ev, ev2) => {\n    setMinumumAmount(Math.ceil(baseAmountValue / ev2));\n    setAmountType(ev);\n    // setAmountType(ev.target.value);\n    setValue(\"amount\", null, { shouldValidate: false, shouldDirty: false });\n    setValue(\"customAmount\", null, { shouldValidate: true, shouldDirty: true });\n  };\n\n  const convertAmount = (amount) => {\n    if (currencyList) {\n      const rate = currencyList[amountType];\n      return amountType === \"INR\" ? amount : ceil(amount * rate);\n    }\n  };\n\n  const toggleAlertPreview = () => {\n    setShowAlertPreview(!showAlertPreview);\n  };\n\n  const proceedToPay = async (data) => {\n    try {\n      if (data) {\n        const amountParse = JSON.parse(data.amount);\n\n        let amount;\n\n        if (typeof amountParse === \"object\") {\n          amount = amountParse[amountType];\n        } else {\n          amount = data.amount;\n        }\n\n        const rate = currencyList[amountType];\n\n        const conversionAmount =\n          amountType === \"INR\" ? amount : ceil(amount * rate);\n\n        donationData.userProfile.firstName = data.userName;\n        donationData.userProfile.emailAddress = data.email;\n        donationData.userProfile.phoneNumber = data.phone;\n        donationData.userProfile.city = data.city ? data.city : \"\";\n        donationData.userProfile.state = data.state ? data.state : \"\";\n        donationData.userProfile.addressLine1 = data.address\n          ? data.address\n          : \"\";\n        donationData.userProfile.postalCode = data.pincode ? data.pincode : \"\";\n        donationData.userProfile.country = data.country.value;\n        donationData.userProfile.citizenshipCountry = data.citizenship.value;\n\n        if (data.identityType === \"Pancard\" && data.identityNumber !== \"\") {\n          donationData.userProfile.taxId = data.identityNumber;\n        }\n\n        donationData.lineItems[0].currency = \"INR\";\n        donationData.lineItems[0].amount = conversionAmount;\n\n        let donorPhone = data.phone;\n        donorPhone = donorPhone.replace(\"-\", \"\");\n        donorPhone = donorPhone.replace(\" \", \"\");\n        let recipientPhoneNumber = \"\";\n        if (formType !== \"donation\") {\n          recipientPhoneNumber = data.recipientPhone;\n          recipientPhoneNumber = recipientPhoneNumber.replace(\"-\", \"\");\n          recipientPhoneNumber = recipientPhoneNumber.replace(\" \", \"\");\n        }\n\n        donationData.lineItems[0].extras.donorName = data.userName;\n        donationData.lineItems[0].extras.donorEmailAddress = data.email;\n        donationData.lineItems[0].extras.donorPhoneNumber = donorPhone;\n        donationData.lineItems[0].extras.donationType =\n          formType === \"donation\" ? \"donate\" : \"gift\";\n        donationData.lineItems[0].extras.giftReceiverName = data.recipientName;\n        donationData.lineItems[0].extras.giftReceiverEmailAddress =\n          data.recipientEmail;\n        donationData.lineItems[0].extras.giftReceiverPhoneNumber =\n          recipientPhoneNumber;\n        donationData.lineItems[0].extras.giftMessage = data.occasionGift;\n        donationData.lineItems[0].extras.projectId = projectList[0].value;\n\n        donationData.lineItems[0].extras.donationReceivedFrom = \"FBH\";\n\n        donationData.extras.identityNumber = data.identityNumber;\n        donationData.extras.identityType = data.identityType;\n\n        if (formType === \"donation\") {\n          donationData.clientSuccessRedirectUrl =\n            config.donationSuccessRedirect;\n        } else {\n          donationData.clientSuccessRedirectUrl = config.giftingSuccessRedirect;\n        }\n\n        donationData.clientFailureRedirectUrl = config.donationFailureRedirect;\n\n        const ds = new DonationService();\n\n        const responseData = await ds.donation(donationData);\n\n        if (responseData && responseData.data) {\n          if (responseData?.data?.error === \"RES-0001\") {\n            setYecMessage(responseData?.data?.message);\n            toggleAlertPreview();\n          } else {\n            const response = responseData.data;\n\n            if (\n              !!response &&\n              !response.paymentGatewayUrl &&\n              response.paymentGatewayRequestParamMap\n            ) {\n            \n              const params = generateQueryParamsForRazarPay(response);\n              window.location.href = `${config.websiteUrl}razorpay/${params}`;\n            } else { \n            const form = document.createElement(\"form\");\n            document.body.appendChild(form);\n            form.method = response.paymentGatewayRequestMethod;\n            form.action = response.paymentGatewayUrl;\n\n            JSON.parse(\n              JSON.stringify(response.paymentGatewayRequestParamMap),\n              function (key, value) {\n                const inputelement = document.createElement(\"input\");\n                inputelement.setAttribute(\"type\", \"hidden\");\n                inputelement.setAttribute(\"name\", key);\n                inputelement.setAttribute(\"value\", value);\n                form.appendChild(inputelement);\n              }\n            );\n            form.submit();\n            }\n          }\n        }\n        // else if (responseData) {\n        //   if ((responseData.error = \"RES-0001\")) {\n        //     toggleAlertPreview();\n        //   }\n        // }\n      }\n    } catch (err) {\n      toast.error(err);\n    }\n  };\n\n  const togglePreview = () => {\n    setShowPreview(!showPreview);\n  };\n\n  const onSubmit = (data) => {\n   /*if (formType === \"donation\") {\n      window.location.href =\n        \"https://give.do/fundraisers/forestsbyheartfulness-creating-miniforests-of-indigenous-and-native-species-across-india-l5kkmln9\";\n    } */\n\n    formType === \"gifting\"\n      ? setdonationFormData(data)\n      : setdonationFormData({});\n    data && formType === \"gifting\" ? togglePreview() : proceedToPay(data);\n  };\n\n  const initCountryList = async () => {\n    try {\n      const cl = await getCounty();\n\n      // const filterCl = cl.filter((item) => {\n      //   return item.value === 'India';\n      // });\n\n      setCountryList(cl);\n    } catch (err) {\n      toast.error(err);\n    }\n  };\n\n  const initProjectList = async () => {\n    try {\n      const cs = new DonationService();\n      const cl = await cs.getProjectList();\n\n      // const filterCl = cl.filter((item) => {\n      //   return item.value === 'India';\n      // });\n\n      const projects = cl.data.projects.map((item) => {\n        return { ...item, value: item.id, label: item.name };\n      });\n\n      /*setProjectList(\n        projects?.filter((item) => {\n          return (\n            Number(item.donatedTrees) < Number(item.targetCount) &&\n            item?.status === \"ACTIVE\"\n          );\n        })\n      );*/\n      setProjectList(projects);\n    } catch (err) {\n      toast.error(err);\n    }\n  };\n\n  const getCurrencyList = async () => {\n    try {\n      const cs = new CurrencyService();\n\n      const csResponse = await cs.getINR();\n\n      csResponse && csResponse.data && csResponse.data.rates\n        ? setCurrencyList(csResponse.data.rates)\n        : setCurrencyList([]);\n    } catch (err) {\n      toast.error(err);\n    }\n  };\n\n  const donationFromInit = async () => {\n    if (amountSelect && amountSelect[1]) {\n      setValue(\"amount\", amountSelect[1].amount.INR, {\n        shouldValidate: true,\n        shouldDirty: true,\n      });\n      setValue(\"saplingCount\", amountSelect[1].plantCount, {\n        shouldValidate: true,\n        shouldDirty: true,\n      });\n      setValue(\n        \"citizenship\",\n        { value: \"India\", label: \"India\" },\n        { shouldValidate: true, shouldDirty: true }\n      );\n      setValue(\n        \"country\",\n        { value: \"India\", label: \"India\" },\n        { shouldValidate: true, shouldDirty: true }\n      );\n      setValue(\"currencyType\", newCurrencyList?.[67], {\n        shouldValidate: false,\n        shouldDirty: false,\n      });\n      setValue(\"projectid\", projectList?.[0]?.id, {\n        shouldValidate: false,\n        shouldDirty: false,\n      });\n    }\n\n    const amountCheckbox = document.querySelectorAll(\n      '.plant-box-wrapper input[type=\"checkbox\"]'\n    );\n\n    if (amountCheckbox && amountCheckbox.length > 4) {\n      amountCheckbox[1].checked = true;\n      amountCheckbox[5].checked = true;\n    }\n  };\n\n  useEffect(() => {\n    (async () => {\n      initCountryList();\n      getCurrencyList();\n    })();\n  }, []);\n\n  useEffect(() => {\n    initProjectList();\n    donationFromInit();\n\n    var todate = moment(\"2022-04-02\");\n    var fromdate = moment(\"2022-03-30\");\n    var now = moment();\n\n    if (now < todate && now > fromdate) {\n      setShowAlertPopupPreview(true);\n    }\n  }, [amountSelect]);\n\n  const updateProveType = (options, type) => {\n    Promise.resolve()\n      .then(() => setProveType(options))\n      .then(() =>\n        setValue(\"identityType\", type, {\n          shouldValidate: false,\n          shouldDirty: false,\n        })\n      );\n  };\n\n  // const toggleAlertPopupPreview = () => {\n  //   setShowAlertPopupPreview(!showAlertPopupPreview);\n  // };\n\n  const convertedAmount = (ev) => {\n    const rate = currencyList[amountType];\n    const conversionAmount =\n      amountType === \"INR\" ? ev.target.value : ceil(ev.target.value * rate);\n    setConvertedInrAmount(conversionAmount);\n  };\n\n  useEffect(() => {\n    if (customCardAmount < minumumAmount) {\n      setErrorAmount(minumumAmount);\n    }\n  }, [minumumAmount, customCardAmount]);\n\n  useEffect(() => {\n    if (currencyList) {\n      let newData = [];\n      Object.keys(currencyList).map((currencyType) => {\n        return newData.push({\n          label: currencyType,\n          value: currencyList[currencyType],\n        });\n      });\n      setNewCurrencyList(newData);\n    }\n  }, [currencyList]);\n\n  useEffect(() => {\n    if (projectDescription?.length === 0 || undefined || null) {\n      setProjectDescription([projectList?.[0]]);\n    } else {\n      setProjectDescription(\n        projectList.filter((item) => item?.id === selectedProjectValue)\n      );\n    }\n  }, [selectedProjectValue, projectList]);\n\n  useEffect(() => {\n    const CheckYec = () => {\n      const start_date = config.donationMainStartDate;\n      const end_date = config.donationMainEndDate;\n\n      const today = new Date(new Date().toLocaleDateString()).getTime();\n      const restictSDate = new Date(start_date).getTime();\n      const restictEDate = new Date(end_date).getTime();\n      return restictSDate <= today && today <= restictEDate;\n    };\n\n    if (CheckYec() === true) {\n      setIsYec(true);\n    }\n  }, []);\n\n  return (\n    <div className=\"dg-form-section\">\n      <form onSubmit={handleSubmit(onSubmit)}>\n        <div className=\"row select-currency-row\">\n          <div className=\"col-md-8\">\n            <p>\n              An initiative of Heartfulness Institute to nurture, protect and\n              conserve native, endemic and endangered tree species of India\n            </p>\n          </div>\n          <div className=\"col-md-4\">\n            {currencyList && (\n              <Controller\n                control={control}\n                name=\"currencyType\"\n                defaultValue={null}\n                render={(props) => {\n                  return (\n                    <Select\n                      className={\"cc-select\"}\n                      styles={dropdownStyle}\n                      options={newCurrencyList}\n                      placeholder=\"Select Currency\"\n                      value={props.field.value}\n                      name={props.field.name}\n                      onChange={(ev) => {\n                        props.field.onChange(ev);\n                        changeCurrency(ev.label, ev.value);\n                      }}\n                      inputRef={props.field.ref}\n                    />\n                  );\n                }}\n              />\n            )}\n          </div>\n        </div>\n        <div className=\"row plant-box-wrapper-row\">\n          {amountSelect.length > 0 ? (\n            amountSelect.map((item) => {\n              return (\n                <div className=\"col-md-3 plant-box-wrapper\" key={item.id}>\n                  <input\n                    type=\"checkbox\"\n                    name=\"amount\"\n                    value={item.amount[amountType]}\n                    {...register(\"amount\")}\n                    onChange={(ev) => {\n                      convertedAmount(ev);\n                      setValue(\"amount\", ev.target.value, {\n                        shouldValidate: true,\n                        shouldDirty: true,\n                      });\n                      setValue(\"customAmount\", \"\", {\n                        shouldValidate: true,\n                        shouldDirty: true,\n                      });\n                      setValue(\"saplingCount\", item.plantCount, {\n                        shouldValidate: true,\n                        shouldDirty: true,\n                      });\n                    }}\n                  />\n                  <div className=\"plant-box\">\n                    <div className=\"icon\">\n                      <img src={item.img} alt=\"sapling-img\" />\n                      {item.type === \"radio\" ? (\n                        <span>{item.name}</span>\n                      ) : getValues(\"customAmount\") ? (\n                        <span>\n                          Plant{\" \"}\n                          {plantCount(\n                            convertAmount(getValues(\"customAmount\")),\n                            baseAmountValue\n                          )}{\" \"}\n                          Trees\n                        </span>\n                      ) : (\n                        <span>{item.name}</span>\n                      )}\n                    </div>\n                    <div className=\"amount\">\n                      {item.type === \"radio\" ? (\n                        <p>\n                          {amountType} {item.amount[amountType]}\n                        </p>\n                      ) : (\n                        <input\n                          type=\"text\"\n                          className=\"form-control\"\n                          placeholder=\"Enter your amount\"\n                          name=\"customAmount\"\n                          disabled={item.amount[amountType] === 0}\n                          {...register(\"customAmount\")}\n                          onKeyUp={(ev) => {\n                            setCustomCardAmount(Number(ev.target.value));\n                            convertedAmount(ev);\n\n                            setValue(\n                              \"saplingCount\",\n                              plantCount(\n                                convertAmount(ev.target.value),\n                                baseAmountValue\n                              ),\n                              {\n                                shouldValidate: true,\n                                shouldDirty: true,\n                              }\n                            );\n                            setValue(\"amount\", ev.target.value, {\n                              shouldValidate: true,\n                              shouldDirty: true,\n                            });\n                            ev.target.parentElement.parentElement.previousSibling.checked =\n                              \"true\";\n                          }}\n                          onFocus={(ev) => {\n                            // setCustomCardAmount(Number(ev.target.value))\n\n                            if (ev.target) {\n                              setValue(\n                                \"saplingCount\",\n                                plantCount(\n                                  convertAmount(ev.target.value),\n                                  baseAmountValue\n                                ),\n                                {\n                                  shouldValidate: true,\n                                  shouldDirty: true,\n                                }\n                              );\n                              setValue(\"amount\", ev.target.value, {\n                                shouldValidate: true,\n                                shouldDirty: true,\n                              });\n                              ev.target.parentElement.parentElement.previousSibling.checked =\n                                \"true\";\n                            }\n                          }}\n                        />\n                      )}\n                    </div>\n                  </div>\n                </div>\n              );\n            })\n          ) : (\n            <div></div>\n          )}\n        </div>\n        <div className=\"row\">\n          <div className=\"col-md-12\">\n            <input\n              type=\"hidden\"\n              name=\"saplingCount\"\n              {...register(\"saplingCount\")}\n            />\n            <p className=\"invalid-feedback\">\n              {errors.amount?.message}\n              {errors.amount?.message ? \"\" : errors.saplingCount?.message}{\" \"}\n              &nbsp;\n              {/* {errors.saplingCount?.message && amountType == 'INR' && !errors.amount?.message ? `(₹ ${baseAmountValue})` : ''} */}\n              {/* {errors.saplingCount?.message && amountType == 'USD' && !errors.amount?.message ? `($ 3)` : ''} */}\n              {errors.saplingCount?.message && !errors.amount?.message\n                ? `(${amountType} ${errorAmount})`\n                : \"\"}\n            </p>\n            <p className=\"invalid-feedback\">{errors.customAmount?.message}</p>\n          </div>\n        </div>\n        <div className=\"row\">\n         {/*  <div className=\"col-md-12\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"projectid\" className=\"form-label\">\n                Project Name\n              </label>\n              <select\n                name=\"projectid\"\n                id=\"\"\n                className=\"form-control\"\n                {...register(\"projectid\")}\n                onChange={(e) => {\n                  setSelectedProjectValue(e.target.value);\n                }}\n              >\n                {projectList?.map((item) => {\n                  return (\n                    <option key={item.value} value={item.value}>\n                      {item.label}\n                    </option>\n                  );\n                })}\n              </select>\n\n              {projectDescription?.map((item) => {\n                return (\n                  <div className=\"row description-wrapper\">\n                    <div className=\"col-md-9\">\n                      <p>\n                        <b>Description</b> :{\" \"}\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: item?.description,\n                          }}\n                        />\n                      </p>\n                      <div className=\"description-loation-flex\">\n                        <div>\n                          <p>\n                            <b>View location</b> :\n                          </p>\n                        </div>\n                        <div className=\"location-icon-wrapper\">\n                          <Projectlocationpops data={item} />\n                        </div>\n                      </div> \n                    </div>\n                    <div className=\"col-md-3\">\n                      <div\n                        className=\"wid-40 padding-10\"\n                        style={{ width: \"170px\" }}\n                      >\n                        {item?.projectImageUrls && item?.projectImageUrls ? (\n                          <ProjectViewthubnailslider\n                            images={item?.projectImageUrls}\n                          />\n                        ) : (\n                          <img src={noimage} alt=\"\" />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n\n              <p className=\"invalid-feedback\">{errors.projectid?.message}</p>\n            </div>\n          </div>\n          */}\n\n          <div className=\"col-md-12\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"userName\" className=\"form-label\">\n                Donor Name\n              </label>\n              <input\n                type=\"text\"\n                {...register(\"userName\")}\n                className={`form-control ${\n                  errors.userName?.message ? \"invalid\" : \"\"\n                }`}\n                id=\"userName\"\n                placeholder=\"Enter your Full Name\"\n              />\n              <p className=\"invalid-feedback\">{errors.userName?.message}</p>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"email\" className=\"form-label\">\n                Donor Email ID\n              </label>\n              <input\n                type=\"email\"\n                {...register(\"email\")}\n                className={`form-control ${\n                  errors.email?.message ? \"invalid\" : \"\"\n                }`}\n                id=\"email\"\n                placeholder=\"Enter your Email address\"\n              />\n              <p className=\"invalid-feedback\">{errors.email?.message}</p>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"phone\" className=\"form-label\">\n                Phone\n              </label>\n              <div\n                className={`telInput ${errors.phone?.message ? \"invalid\" : \"\"}`}\n              >\n                <Controller\n                  control={control}\n                  name=\"phone\"\n                  defaultValue={null}\n                  render={(props) => {\n                    return (\n                      <PhoneInput\n                        country={\"in\"}\n                        value={props.field.value}\n                        name={props.field.name}\n                        onChange={(value, country, e, formattedValue) => {\n                          props.field.onChange(formattedValue);\n                        }}\n                        inputRef={props.field.ref}\n                      />\n                    );\n                  }}\n                />\n              </div>\n              <p className=\"invalid-feedback\">{errors.phone?.message}</p>\n            </div>\n          </div>\n\n          {formType === \"donation\" ? (\n            <div></div>\n          ) : (\n            <>\n              <div className=\"col-md-6\">\n                <div className=\"fc-wrapper\">\n                  <label htmlFor=\"recipientName\" className=\"form-label\">\n                    Recipient Name\n                  </label>\n                  <input\n                    type=\"text\"\n                    {...register(\"recipientName\")}\n                    className={`form-control ${\n                      errors.recipientName?.message ? \"invalid\" : \"\"\n                    }`}\n                    id=\"recipientName\"\n                    placeholder=\"Enter Name of your Recipient\"\n                  />\n                  <p className=\"invalid-feedback\">\n                    {errors.recipientName?.message}\n                  </p>\n                </div>\n              </div>\n\n              <div className=\"col-md-6\">\n                <div className=\"fc-wrapper\">\n                  <label htmlFor=\"recipientEmail\" className=\"form-label\">\n                    Recipient Email ID\n                  </label>\n                  <input\n                    type=\"email\"\n                    {...register(\"recipientEmail\")}\n                    className={`form-control ${\n                      errors.recipientEmail?.message ? \"invalid\" : \"\"\n                    }`}\n                    id=\"recipientEmail\"\n                    placeholder=\"Enter Email ID of your Recipient\"\n                  />\n                  <p className=\"invalid-feedback\">\n                    {errors.recipientEmail?.message}\n                  </p>\n                </div>\n              </div>\n\n              <div className=\"col-md-6\">\n                <div className=\"fc-wrapper\">\n                  <label htmlFor=\"phone\" className=\"form-label\">\n                    Receipient Phone\n                  </label>\n                  <div\n                    className={`telInput ${\n                      errors.recipientPhone?.message ? \"invalid\" : \"\"\n                    }`}\n                  >\n                    <Controller\n                      control={control}\n                      name=\"recipientPhone\"\n                      defaultValue={null}\n                      render={(props) => {\n                        return (\n                          <PhoneInput\n                            country={\"in\"}\n                            value={props.field.value}\n                            name={props.field.name}\n                            onChange={(value, country, e, formattedValue) => {\n                              props.field.onChange(formattedValue);\n                            }}\n                            inputRef={props.field.ref}\n                          />\n                        );\n                      }}\n                    />\n                  </div>\n                  <p className=\"invalid-feedback\">{errors.phone?.message}</p>\n                </div>\n              </div>\n            </>\n          )}\n\n          {formType === \"donation\" ? (\n            <div></div>\n          ) : (\n            <div className=\"col-md-6\">\n              <div className=\"fc-wrapper\">\n                <label htmlFor=\"occasionGift\" className=\"form-label\">\n                  Occasion of Gift\n                </label>\n                <input\n                  type=\"text\"\n                  {...register(\"occasionGift\")}\n                  className={`form-control ${\n                    errors.occasionGift?.message ? \"invalid\" : \"\"\n                  }`}\n                  id=\"occasionGift\"\n                  placeholder=\"Type your message here\"\n                />\n                <p className=\"invalid-feedback\">\n                  {errors.occasionGift?.message}\n                </p>\n              </div>\n            </div>\n          )}\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"city\" className=\"form-label\">\n                City\n              </label>\n              <input\n                type=\"text\"\n                {...register(\"city\")}\n                className={`form-control ${\n                  errors.city?.message ? \"invalid\" : \"\"\n                }`}\n                id=\"city\"\n              />\n              <p className=\"invalid-feedback\">{errors.city?.message}</p>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"state\" className=\"form-label\">\n                State\n              </label>\n              <input\n                type=\"text\"\n                {...register(\"state\")}\n                className={`form-control ${\n                  errors.state?.message ? \"invalid\" : \"\"\n                }`}\n                id=\"state\"\n              />\n              <p className=\"invalid-feedback\">{errors.state?.message}</p>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"address\" className=\"form-label\">\n                Address\n              </label>\n              <input\n                type=\"text\"\n                {...register(\"address\")}\n                className={`form-control ${\n                  errors.address?.message ? \"invalid\" : \"\"\n                }`}\n                id=\"address\"\n                placeholder=\"Enter your street address\"\n              />\n              <p className=\"invalid-feedback\">{errors.address?.message}</p>\n            </div>\n          </div>\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"pincode\" className=\"form-label\">\n                {postalcodeLabel}\n              </label>\n              <input\n                type=\"text\"\n                {...register(\"pincode\")}\n                className={`form-control ${\n                  errors.pincode?.message ? \"invalid\" : \"\"\n                }`}\n                id=\"pincode\"\n              />\n              <p className=\"invalid-feedback\">{errors.pincode?.message}</p>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"citizenship\" className=\"form-label\">\n                Country\n              </label>\n              <Controller\n                control={control}\n                name=\"country\"\n                defaultValue={null}\n                render={(props) => {\n                  return (\n                    <Select\n                      className={`cc-select ${\n                        errors.country?.message ? \"invalid\" : \"\"\n                      }`}\n                      styles={dropdownStyle}\n                      options={countryList}\n                      placeholder=\"Select your Country\"\n                      value={props.field.value}\n                      name={props.field.name}\n                      onChange={(ev) => {\n                        props.field.onChange(ev);\n                        setPostalcodeLabel(\n                          ev.value === \"India\" ? \"Pincode\" : \"Zipcode\"\n                        );\n                      }}\n                      inputRef={props.field.ref}\n                    />\n                  );\n                }}\n              />\n              <p className=\"invalid-feedback\">{errors.country?.message}</p>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"citizenship\" className=\"form-label\">\n                Citizenship\n              </label>\n              <Controller\n                control={control}\n                name=\"citizenship\"\n                defaultValue={null}\n                render={(props) => {\n                  return (\n                    <Select\n                      className={`cc-select ${\n                        errors.citizenship?.message ? \"invalid\" : \"\"\n                      }`}\n                      styles={dropdownStyle}\n                      options={countryList}\n                      placeholder=\"Select your Country\"\n                      value={props.field.value}\n                      name={props.field.name}\n                      onChange={(ev) => {\n                        props.field.onChange(ev);\n                        setCitizenshipValue(ev.value);\n                        if (ev.value === \"India\") {\n                          updateProveType(indiaOptions, \"Pancard\");\n                        } else {\n                          updateProveType(overseasOptions, \"Passport\");\n                        }\n                      }}\n                      inputRef={props.field.ref}\n                    />\n                  );\n                }}\n              />\n              <p className=\"invalid-feedback\">{errors.citizenship?.message}</p>\n            </div>\n          </div>\n\n          <div className=\"col-md-6\">\n            <div className=\"fc-wrapper\">\n              <label htmlFor=\"IDType\" className=\"form-label\">\n                ID Type\n              </label>\n              <div className=\"input-group mb-3\">\n                <input\n                  type=\"text\"\n                  {...register(\"identityNumber\")}\n                  className={`form-control ${\n                    errors.identityNumber?.message ? \"invalid\" : \"\"\n                  }`}\n                  id=\"identityNumber\"\n                />\n                <div>\n                  <select\n                    name=\"identityType\"\n                    id=\"\"\n                    className=\"form-control\"\n                    {...register(\"identityType\")}\n                  >\n                    {proveType.map((item) => {\n                      return (\n                        <option key={item.id} value={item.name}>\n                          {item.label}\n                        </option>\n                      );\n                    })}\n                  </select>\n                </div>\n                <p className=\"invalid-feedback\">\n                  {errors.identityNumber?.message}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"col-md-12\">\n            <p className=\"card-type-info\">\n              {citizenshipValue === \"India\" ? (\n                <div>\n                  PAN Number is mandatory for income tax benefits under 80G. If\n                  you do not have PAN number, please enter any other ID. If no\n                  ID is entered, the organization needs to pay 30% tax on the\n                  donation received.\n                </div>\n              ) : (\n                <div>\n                  If you file your income in India, please enter India PAN\n                  Number for tax benefits. Otherwise, please enter the Passport\n                  number. If neither entered, the organization needs to pay 30%\n                  tax on the donation received.\n                </div>\n              )}\n            </p>\n            <p>\n              {citizenshipValue !== \"India\" ? (\n                <Alert variant=\"secondary\">\n                  On account of change in Government regulations, online\n                  donations through website is not possible. You can contact{\" \"}\n                  <a\n                    href=\"mailto:donations@heartfulnessapp.org\"\n                    style={{ textDecoration: \"none\" }}\n                  >\n                    donations@heartfulnessapp.org\n                  </a>{\" \"}\n                  for assistance.\n                </Alert>\n              ) : (\n                <div></div>\n              )}\n            </p>\n\n            <p>\n              {convertAmount(getValues(\"amount\")) > 300000 &&\n              citizenshipValue === \"India\" ? (\n                <Alert variant=\"secondary\">\n                  Dear Donor, the Instamojo team is currently restricting\n                  donation amounts above Rs 3 lakhs on account of their security\n                  reasons. This has been taken up with them to remove the limit\n                  and the same would be resolved shortly. Hence for the time\n                  being, please try to make multiple donations of Rs 3 lakhs and\n                  below to donate any amount above Rs 3 Lakhs. We deeply regret\n                  the inconvenience caused in this regard.\n                </Alert>\n              ) : (\n                <div></div>\n              )}\n            </p>\n\n            <div className=\"submit-btn-wrapper text-center\">\n              <button\n                // type=\"submit\"\n                disabled={\n                  (convertAmount(getValues(\"amount\")) > 300000 &&\n                    citizenshipValue === \"India\") ||\n                  citizenshipValue !== \"India\"\n                }\n                className=\"proceed-to-pay btn btn-secondary\"\n              >\n                {/* Proceed to pay  {amountType === 'INR' ? '₹' : '$'} {getValues('amount')} */}\n                Proceed to pay {amountType} {getValues(\"amount\")}{\" \"}\n                {getValues(\"amount\") &&\n                convertedInrAmount !== undefined &&\n                amountType !== \"INR\"\n                  ? `(₹ ${convertedInrAmount})`\n                  : \"\"}\n              </button>\n            </div>\n            <p className=\"terms-conditions\">\n              By continuing you agree to our\n              <Link to=\"https://heartfulness.org/en/terms/\" target=\"_blank\">\n                terms of service\n              </Link>\n              and\n              <Link\n                to=\"https://heartfulness.org/en/privacy-policy/\"\n                target=\"_blank\"\n              >\n                privacy policy\n              </Link>              \n            </p>\n            <p className=\"card-type-info\">\n              <div>\n            While 100% of your contribution is used for planting trees, we are currently unable to provide tracking details of individual trees planted with your donation. We are currently working on a feature to link the details of the tree (like geotag, species, date of plantation etc) with your contribution. Will update the website when the feature becomes available\n            </div>\n            </p>\n          </div>\n        </div>\n      </form>\n      {isYec && (\n        <div className=\"overlayBackground\">\n          <div className=\"overlayContent\">\n            Donations via online to HFI India are closed from 30th March 2023 to\n            02nd April 2023 for complying with Year end accounting procedures.\n            If you want to donate during this period, please send an email to{\" \"}\n            <a\n              href=\"mailto:accounts@heartfulnessinstitute.org\"\n              style={{ textDecoration: \"none\" }}\n            >\n              accounts@heartfulnessinstitute.org\n            </a>{\" \"}\n            for details.\n          </div>\n        </div>\n      )}\n      <Modal\n        show={showPreview}\n        onHide={togglePreview}\n        dialogClassName=\"certificate-modal\"\n      >\n        <Modal.Header closeButton>\n          <Modal.Title>Heartfulness Tree Gift Certificate</Modal.Title>\n        </Modal.Header>\n        <Modal.Body>\n          <Certificate details={donationFormData}></Certificate>\n        </Modal.Body>\n        <Modal.Footer>\n          <button\n            // type=\"button\"\n            className=\"btn btn-grey\"\n            onClick={togglePreview}\n          >\n            Close\n          </button>\n          <button\n            // type=\"submit\"\n            className=\"btn btn-primary\"\n            onClick={() => {\n              proceedToPay(donationFormData);\n            }}\n          >\n            {/* Proceed to pay {amountType === 'INR' ? '₹' : '$'} {getValues('amount')} */}\n            Proceed to pay {amountType} {getValues(\"amount\")}{\" \"}\n            {amountType !== \"INR\" ? `(₹ ${convertedInrAmount})` : \"\"}\n          </button>\n        </Modal.Footer>\n      </Modal>\n      <Modal\n        show={showAlertPreview}\n        onHide={toggleAlertPreview}\n        dialogClassName=\"certificate-modal\"\n      >\n        <Modal.Header closeButton>\n          <Modal.Title>Donation</Modal.Title>\n        </Modal.Header>\n        <Modal.Body>\n          Donations via online to HFI India are closed from 30th March 2023 to\n          02nd April 2023 for complying with Year end accounting procedures. If\n          you want to donate during this period, please send an email to{\" \"}\n          <a\n            href=\"mailto:accounts@heartfulnessinstitute.org\"\n            style={{ textDecoration: \"none\" }}\n          >\n            accounts@heartfulnessinstitute.org\n          </a>{\" \"}\n          for details.\n        </Modal.Body>\n        <Modal.Footer>\n          <button\n            // type=\"button\"\n            className=\"btn btn-grey\"\n            onClick={toggleAlertPreview}\n          >\n            Close\n          </button>\n        </Modal.Footer>\n      </Modal>\n      <Modal\n        show={showAlertPopupPreview}\n        backdrop=\"static\"\n        keyboard={false}\n        dialogClassName=\"certificate-modal\"\n      >\n        <Modal.Header>\n          <Modal.Title>Donations</Modal.Title>\n        </Modal.Header>\n        <Modal.Body>\n          Donations via online to HFI India are closed from 30th March 2022 to\n          02nd April 2022 for complying with Year ending accounting procedures.\n          <br></br>\n          You can email{\" \"}\n          <a href=\"mailto:accounts@heartfulnessinstitute.org\">\n            accounts@heartfulnessinstitute.org\n          </a>{\" \"}\n          and get the bank details for making NEFT/RTGS.\n        </Modal.Body>\n        <Modal.Footer></Modal.Footer>\n      </Modal>\n      <ToastContainer\n        position=\"top-right\"\n        autoClose={3000}\n        newestOnTop={false}\n        hideProgressBar\n        closeOnClick\n        rtl={false}\n      />\n    </div>\n  );\n}\n\n// DonationGiftingForm.propTypes = {\n//   formType: PropTypes.string.isRequired,\n//   props: PropTypes.objectOf(PropTypes.object()).isRequired,\n//   field: PropTypes.objectOf(PropTypes.object()).isRequired,\n// };\n","import React, { useState, useEffect } from \"react\";\n\nimport * as queryString from \"query-string\";\n\nimport { Link } from \"gatsby\";\n\nimport { Tabs, Tab } from \"react-bootstrap\";\n\nimport SEO from \"components/seo/index\";\n\nimport DonationGiftingForm from \"forms/DonationGiftingForm\";\n\nimport Layout from \"layout/index\";\n\n// service\nimport DonationService from \"services/donations/donation.service\";\n\n// schema\nimport { donationSchema } from \"forms/validations/donation\";\n\nimport { giftingSchema } from \"forms/validations/gifting\";\n\n// data\nimport { amountSelect } from \"forms/donationData\";\n\n// images\nimport donationImg from \"assets/images/donations-giting/donations.png\";\n\nimport giftingImg from \"assets/images/donations-giting/gifting.png\";\n\nimport logo from \"assets/images/logo/forest-logo.png\";\n\nimport config from \"assets/config\";\nimport CurrencyService from \"services/currency/currency.service\";\n\nimport { ceil } from \"lodash\";\nexport default function DonationsGifting({ location }) {\n  const [tabKey, setTabKey] = useState(\n    queryString.parse(location.search).tabName\n  );\n\n  const [amountObj, setAmountObj] = useState([]);\n  const [baseAmountValue, setBaseAmountValue] = useState([]);\n\n  const initBaseAmount = async () => {\n    const cs = new CurrencyService();\n    const csResponse = await cs.getINR();\n    csResponse && csResponse.data && csResponse.data.rates;\n    const currencyList = csResponse.data.rates;\n    const ds = new DonationService();\n    const responseData = await ds\n      .getDonorSaplingCount(\"FBH\")\n      .catch(function (error) {\n        if (error.request) {\n          alert(\"Somthing went wrong\");\n        }\n      });\n\n    let baseAmount;\n\n    if (responseData && responseData.data) {\n      if (responseData.data.saplingPrice !== \"\") {\n        baseAmount = responseData.data.saplingPrice;\n      } else {\n        baseAmount = config.saplingsPrice;\n      }\n\n      setBaseAmountValue(baseAmount);\n\n      const baseAmountConversion = amountSelect.map((item) => {\n        item.amount.INR = item.plantCount * baseAmount;\n        const rate = 0;\n        Object.keys(currencyList).map((currencyType) => {\n          const rate = ceil(\n            (item.plantCount * baseAmount) / currencyList[currencyType]\n          );\n\n          if (rate > 0) {\n            item.amount[currencyType] = rate;\n          }\n        });\n        // if(currencyList['USD']) {\n        // const rate = ceil((item.plantCount * baseAmount)/currencyList['USD']);\n        // }\n        // if(rate>0) {\n        // item.amount.USD = rate;\n        // }\n        if (item.type === \"input\") {\n          item.amount.INR = \"\";\n          item.amount.USD = \"\";\n        }\n        return item;\n      });\n\n      setAmountObj(baseAmountConversion);\n    } else {\n      setAmountObj(amountSelect);\n    }\n  };\n\n  useEffect(() => {\n   /* window.location.href =\n        \"https://give.do/fundraisers/forestsbyheartfulness-creating-miniforests-of-indigenous-and-native-species-across-india-l5kkmln9\";\n    */\n    initBaseAmount();\n  }, []);\n\n  return (\n   <div className=\"donation-gifting-form-wrapper\">\n   {/* <p className=\"pt-5 text-center\"> Redirecting...</p> */}\n       <SEO title=\"Forests By Heartfulness | donation&gifting\" />\n      <Layout wrapperClass=\"dg-wrapper\">\n        <div className=\"container-fluid p-0\">\n          <div className=\"img-form-row row g-0\">\n            <div className=\"img-wrapper col-lg-5 col-md-12\">\n              {tabKey === \"Donation\" ? (\n                <img src={donationImg} alt=\"donationImg\" className=\"box-img\" />\n              ) : (\n                <img src={giftingImg} alt=\"giftingImg\" className=\"box-img\" />\n              )}\n              <div\n                className={`content ${\n                  tabKey === \"Donation\" ? \"donation\" : \"gifting\"\n                }`}\n              >\n                <div className=\"logo\">\n                  <img src={logo} alt=\"logo\" />\n                </div>\n                <div className=\"info\">\n                  <div className=\"bth-link\">\n                    <i className=\"icon icon-arrow-left-short\"></i>\n                    <Link to=\"/\">Back to Home</Link>\n                  </div>\n                  <h3>We are planting millions of trees across India</h3>\n                </div>\n              </div>\n            </div>\n            <div className=\"donation-gifting-wrapper col-lg-7 col-md-12\">\n              <Tabs\n                defaultActiveKey=\"Donation\"\n                className=\"mb-3\"\n                activeKey={tabKey}\n                onSelect={(k) => setTabKey(k)}\n              >\n                <Tab eventKey=\"Donation\" title=\"Donation\">\n                  <DonationGiftingForm\n                    formType=\"donation\"\n                    validationSchema={donationSchema}\n                    amountSelect={amountObj}\n                    baseAmountValue={baseAmountValue}\n                  />\n                </Tab>\n                <Tab eventKey=\"Gifting\" title=\"Gifting\">\n                  <DonationGiftingForm\n                    formType=\"gifting\"\n                    validationSchema={giftingSchema}\n                    amountSelect={amountObj}\n                    baseAmountValue={baseAmountValue}\n                  />\n                </Tab>\n              </Tabs>\n            </div>\n          </div>\n        </div>\n              </Layout>\n    </div>\n  );\n}\n"],"names":["DonationGiftingForm","_ref","_errors$amount","_errors$amount2","_errors$saplingCount","_errors$saplingCount2","_errors$amount3","_errors$customAmount","_errors$userName","_errors$userName2","_errors$email","_errors$email2","_errors$phone","_errors$phone2","_errors$recipientName","_errors$recipientName2","_errors$recipientEmai","_errors$recipientEmai2","_errors$recipientPhon","_errors$phone3","_errors$occasionGift","_errors$occasionGift2","_errors$city","_errors$city2","_errors$state","_errors$state2","_errors$address","_errors$address2","_errors$pincode","_errors$pincode2","_errors$country2","_errors$citizenship2","_errors$identityNumbe","_errors$identityNumbe2","formType","validationSchema","amountSelect","baseAmountValue","countryList","setCountryList","useState","projectList","setProjectList","amountType","setAmountType","proveType","setProveType","indiaOptions","currencyList","setCurrencyList","showPreview","setShowPreview","showAlertPreview","setShowAlertPreview","showAlertPopupPreview","setShowAlertPopupPreview","donationFormData","setdonationFormData","postalcodeLabel","setPostalcodeLabel","citizenshipValue","setCitizenshipValue","convertedInrAmount","setConvertedInrAmount","customCardAmount","setCustomCardAmount","minumumAmount","setMinumumAmount","Number","errorAmount","setErrorAmount","newCurrencyList","setNewCurrencyList","selectedProjectValue","setSelectedProjectValue","projectDescription","setProjectDescription","yecMessge","setYecMessage","isYec","setIsYec","register","handleSubmit","formState","errors","control","setValue","getValues","useForm","resolver","yupResolver","convertAmount","amount","rate","_ceil","toggleAlertPreview","proceedToPay","async","data","amountParse","JSON","parse","conversionAmount","donationData","userProfile","firstName","userName","emailAddress","email","phoneNumber","phone","city","state","addressLine1","address","postalCode","pincode","country","value","citizenshipCountry","citizenship","identityType","identityNumber","taxId","lineItems","currency","donorPhone","replace","recipientPhoneNumber","recipientPhone","extras","donorName","donorEmailAddress","donorPhoneNumber","donationType","giftReceiverName","recipientName","giftReceiverEmailAddress","recipientEmail","giftReceiverPhoneNumber","giftMessage","occasionGift","projectId","donationReceivedFrom","clientSuccessRedirectUrl","config","clientFailureRedirectUrl","ds","DonationService","responseData","donation","_responseData$data","error","_responseData$data2","message","response","paymentGatewayUrl","paymentGatewayRequestParamMap","params","generateQueryParamsForRazarPay","window","location","href","form","document","createElement","body","appendChild","method","paymentGatewayRequestMethod","action","stringify","key","inputelement","setAttribute","submit","err","toast","togglePreview","useEffect","cl","getCounty","initCountryList","cs","CurrencyService","csResponse","getINR","rates","getCurrencyList","projects","getProjectList","map","item","id","label","name","initProjectList","_projectList$","INR","shouldValidate","shouldDirty","plantCount","amountCheckbox","querySelectorAll","length","checked","donationFromInit","todate","moment","fromdate","now","updateProveType","options","type","Promise","resolve","then","convertedAmount","ev","target","newData","Object","keys","currencyType","push","filter","CheckYec","start_date","end_date","today","Date","toLocaleDateString","getTime","restictSDate","restictEDate","React","className","onSubmit","Controller","defaultValue","render","props","Select","styles","dropdownStyle","placeholder","field","onChange","changeCurrency","ev2","Math","ceil","inputRef","ref","assign","src","img","alt","disabled","onKeyUp","parentElement","previousSibling","onFocus","saplingCount","customAmount","htmlFor","PhoneInput","e","formattedValue","_errors$country","_errors$citizenship","overseasOptions","Alert","variant","style","textDecoration","undefined","Link","to","Modal","show","onHide","dialogClassName","Header","closeButton","Title","Body","Certificate","details","Footer","onClick","backdrop","keyboard","ToastContainer","position","autoClose","newestOnTop","hideProgressBar","closeOnClick","rtl","DonationsGifting","tabKey","setTabKey","queryString","search","tabName","amountObj","setAmountObj","setBaseAmountValue","getDonorSaplingCount","catch","request","alert","baseAmount","saplingPrice","baseAmountConversion","USD","initBaseAmount","SEO","title","Layout","wrapperClass","donationImg","giftingImg","logo","Tabs","defaultActiveKey","activeKey","onSelect","k","Tab","eventKey","donationSchema","giftingSchema"],"sourceRoot":""}