feat: validtion of quicksend

apps/OpenSign/public/locales/en/translation.json

@@ -608,5 +608,9 @@
   "buyapiaddon":"Buy APIs",
   "quantityofapis" :"Quantity of APIs",
   "additionalapis":"Please purchase add-on APIs",
-  "remainingapis":"Remaining APIs:"
+  "remainingapis": "Remaining APIs Credits:",
+  "additional-quicksend": "Please purchase add-on quick send",
+  "quantityofquicksend": "Quantity of Quick send",
+  "quotaerrquicksend": "Quota Reached, You don't have enough credits.",
+  "buycredits": "Buy credits"
 }

apps/OpenSign/public/locales/fr/translation.json

@@ -608,5 +608,10 @@
   "buyapiaddon":"Acheter des API",
   "quantityofapis":"Quantité d'API",
   "additionalapis":"Veuillez acheter des API complémentaires",
-  "remainingapis":"API restantes :"
+  "remainingapis":"API restantes Crédits:",
+  "additional-quicksend":"Veuillez acheter le module complémentaire quick send",
+  "quantityofquicksend": "Quantité de Quick send",
+  "quotaerrquicksend": "Quota atteint, vous n'avez pas assez de crédits.",
+  "buycredits": "Acheter des crédits"
+
  }

apps/OpenSign/src/components/AddUser.js

@@ -52,9 +52,6 @@ const AddUser = (props) => {
 
   const getTeamList = async () => {
     if (isEnableSubscription) {
-      const extUser =
-        localStorage.getItem("Extand_Class") &&
-        JSON.parse(localStorage.getItem("Extand_Class"))?.[0];
       try {
         setIsLoader(true);
         const resSub = await fetchSubscriptionInfo();
@@ -70,9 +67,7 @@ const AddUser = (props) => {
             price: resSub.price,
             totalPrice: resSub.price + resSub.totalPrice
           }));
-          const res = await Parse.Cloud.run("allowedusers", {
-            tenantId: extUser?.TenantId?.objectId
-          });
+          const res = await Parse.Cloud.run("allowedusers");
           if (props.setFormHeader) {
             if (res > 0) {
               props.setFormHeader(t("add-user"));
@@ -304,13 +299,9 @@ const AddUser = (props) => {
     e.preventDefault();
     e.stopPropagation();
     setIsFormLoader(true);
-    const extUser =
-      localStorage.getItem("Extand_Class") &&
-      JSON.parse(localStorage.getItem("Extand_Class"))?.[0];
     try {
-      const resAddon = await Parse.Cloud.run("buyaddon", {
-        users: amount.quantity,
-        tenantId: extUser?.TenantId?.objectId
+      const resAddon = await Parse.Cloud.run("buyaddonusers", {
+        users: amount.quantity
       });
       if (resAddon) {
         const _resAddon = JSON.parse(JSON.stringify(resAddon));
@@ -352,7 +343,7 @@ const AddUser = (props) => {
                         allowedUser < 2 ? "op-text-accent" : "op-text-primary"
                       } font-medium ml-1`}
                     >
-                      {allowedUser} of {planInfo.totalAllowedUser}
+                      {allowedUser} {t("of")} {planInfo.totalAllowedUser}
                     </span>
                   </p>
                   <div className="mb-3">

apps/OpenSign/src/components/BulkSendUi.js

@@ -3,7 +3,8 @@ import axios from "axios";
 import SuggestionInput from "./shared/fields/SuggestionInput";
 import Loader from "../primitives/Loader";
 import { useTranslation } from "react-i18next";
-
+import Parse from "parse";
+import ModalUi from "../primitives/ModalUi";
 const BulkSendUi = (props) => {
   const { t } = useTranslation();
   const [forms, setForms] = useState([]);
@@ -13,6 +14,16 @@ const BulkSendUi = (props) => {
   const [isSubmit, setIsSubmit] = useState(false);
   const [allowedForm, setAllowedForm] = useState(0);
   const [isSignatureExist, setIsSignatureExist] = useState();
+  const [isBulkAvailable, setIsBulkAvailable] = useState(false);
+  const quantityList = [500, 1000, 5000, 50000];
+  const [amount, setAmount] = useState({
+    price: (75.0).toFixed(2),
+    quantity: 500,
+    totalPrice: 0,
+    priceperbulksend: 0.15,
+    totalQuickSend: 0
+  });
+  const [isQuotaReached, setIsQuotaReached] = useState(false);
   const allowedSigners = 50;
   useEffect(() => {
     signatureExist();
@@ -20,14 +31,26 @@ const BulkSendUi = (props) => {
   }, []);
 
   //function to check atleast one signature field exist
-  const signatureExist = () => {
-    const getPlaceholder = props.item?.Placeholders;
-    const checkIsSignatureExistt = getPlaceholder?.every((placeholderObj) =>
-      placeholderObj?.placeHolder?.some((holder) =>
-        holder?.pos?.some((posItem) => posItem?.type === "signature")
-      )
-    );
-    setIsSignatureExist(checkIsSignatureExistt);
+  const signatureExist = async () => {
+    setIsSubmit(true);
+    try {
+      const allowedquicksend = await Parse.Cloud.run("allowedquicksend");
+      if (allowedquicksend > 0) {
+        setIsBulkAvailable(true);
+        const getPlaceholder = props.item?.Placeholders;
+        const checkIsSignatureExistt = getPlaceholder?.every((placeholderObj) =>
+          placeholderObj?.placeHolder?.some((holder) =>
+            holder?.pos?.some((posItem) => posItem?.type === "signature")
+          )
+        );
+        setIsSignatureExist(checkIsSignatureExistt);
+      }
+      setAmount((obj) => ({ ...obj, totalQuickSend: allowedquicksend }));
+      setIsSubmit(false);
+    } catch (err) {
+      setIsSubmit(false);
+      console.log("Err", err);
+    }
   };
   useEffect(() => {
     if (scrollOnNextUpdate && formRef.current) {
@@ -76,29 +99,33 @@ const BulkSendUi = (props) => {
   const handleAddForm = (e) => {
     e.preventDefault();
     // Check if the quick send limit has been reached
-    if (forms?.length < allowedForm) {
-      if (props?.Placeholders.length > 0) {
-        let newForm = [];
-        props?.Placeholders?.forEach((element) => {
-          if (!element.signerObjId) {
-            newForm = [
-              ...newForm,
-              {
-                fieldId: element.Id,
-                email: "",
-                label: element.Role,
-                signer: {}
-              }
-            ];
-          }
-        });
-        setForms([...forms, { Id: formId, fields: newForm }]);
+    if (forms.length <= amount.totalQuickSend) {
+      if (forms?.length < allowedForm) {
+        if (props?.Placeholders.length > 0) {
+          let newForm = [];
+          props?.Placeholders?.forEach((element) => {
+            if (!element.signerObjId) {
+              newForm = [
+                ...newForm,
+                {
+                  fieldId: element.Id,
+                  email: "",
+                  label: element.Role,
+                  signer: {}
+                }
+              ];
+            }
+          });
+          setForms([...forms, { Id: formId, fields: newForm }]);
+        }
+        setFormId(formId + 1);
+        setScrollOnNextUpdate(true);
+      } else {
+        // If the limit has been reached, throw an error with the appropriate message
+        alert(t("quick-send-alert-4"));
       }
-      setFormId(formId + 1);
-      setScrollOnNextUpdate(true);
     } else {
-      // If the limit has been reached, throw an error with the appropriate message
-      alert(t("quick-send-alert-4"));
+      setIsQuotaReached(true);
     }
   };
 
@@ -162,13 +189,9 @@ const BulkSendUi = (props) => {
             : [...existSigner]
         });
       } else {
-        Documents.push({
-          ...props.item,
-          Placeholders: updatedPlaceholders
-        });
+        Documents.push({ ...props.item, Placeholders: updatedPlaceholders });
       }
     });
-    //console.log("Documents ", Documents);
     await batchQuery(Documents);
   };
 
@@ -180,9 +203,7 @@ const BulkSendUi = (props) => {
       "X-Parse-Application-Id": localStorage.getItem("parseAppId"),
       sessionToken: localStorage.getItem("accesstoken")
     };
-    const params = {
-      Documents: JSON.stringify(Documents)
-    };
+    const params = { Documents: JSON.stringify(Documents) };
     try {
       const res = await axios.post(functionsUrl, params, { headers: headers });
       // console.log("res ", res);
@@ -196,7 +217,48 @@ const BulkSendUi = (props) => {
       setIsSubmit(false);
     }
   };
-
+  const handleAddOnQuickSubmit = async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsSubmit(true);
+    try {
+      const resAddon = await Parse.Cloud.run("buyquicksend", {
+        quicksend: amount.quantity
+      });
+      if (resAddon) {
+        const _resAddon = JSON.parse(JSON.stringify(resAddon));
+        if (_resAddon.status === "success") {
+          setIsBulkAvailable(true);
+          handleCloseQuotaReached();
+          setAmount((obj) => ({
+            ...obj,
+            quantity: 500,
+            priceperapi: 0.15,
+            price: (75.0).toFixed(2),
+            totalapis: _resAddon.addon
+          }));
+        }
+      }
+    } catch (err) {
+      console.log("Err in buy addon", err);
+      alert(t("something-went-wrong-mssg"));
+    } finally {
+      setIsSubmit(false);
+    }
+  };
+  const handlePricePerQuick = async (e) => {
+    const quantity = e.target?.value;
+    const price =
+      quantity > 0
+        ? (Math.round(quantity * amount.priceperbulksend * 100) / 100).toFixed(
+            2
+          )
+        : 500 * amount.priceperbulksend;
+    setAmount((prev) => ({ ...prev, quantity: quantity, price: price }));
+  };
+  const handleCloseQuotaReached = () => {
+    setIsQuotaReached(false);
+  };
   return (
     <>
       {isSubmit && (
@@ -204,75 +266,141 @@ const BulkSendUi = (props) => {
           <Loader />
         </div>
       )}
-      {props.Placeholders?.length > 0 ? (
-        isSignatureExist ? (
-          <>
-            {props.Placeholders?.some((x) => !x.signerObjId) ? (
-              <form onSubmit={handleSubmit}>
-                <div className="min-h-max max-h-[250px] overflow-y-auto">
-                  {forms?.map((form, index) => (
-                    <div
-                      key={form.Id}
-                      className="p-3 op-card border-[1px] border-gray-400 mt-3 mx-4 mb-4 bg-base-200 text-base-content grid grid-cols-1 md:grid-cols-2 gap-2 relative"
-                    >
-                      {form?.fields?.map((field, fieldIndex) => (
-                        <div className="flex flex-col" key={field.fieldId}>
-                          <label>{field.label}</label>
-                          <SuggestionInput
-                            required
-                            type="email"
-                            value={field.value}
-                            index={fieldIndex}
-                            onChange={(signer) =>
-                              handleInputChange(index, signer, fieldIndex)
-                            }
-                          />
-                        </div>
-                      ))}
-                      {forms?.length > 1 && (
+      {isBulkAvailable ? (
+        <>
+          {props.Placeholders?.length > 0 ? (
+            isSignatureExist ? (
+              <>
+                {props.Placeholders?.some((x) => !x.signerObjId) ? (
+                  <div>
+                    <form onSubmit={handleSubmit}>
+                      <div className="min-h-max max-h-[250px] overflow-y-auto">
+                        {forms?.map((form, index) => (
+                          <div
+                            key={form.Id}
+                            className="p-3 op-card border-[1px] border-gray-400 mt-3 mx-4 mb-4 bg-base-200 text-base-content grid grid-cols-1 md:grid-cols-2 gap-2 relative"
+                          >
+                            {form?.fields?.map((field, fieldIndex) => (
+                              <div
+                                className="flex flex-col"
+                                key={field.fieldId}
+                              >
+                                <label>{field.label}</label>
+                                <SuggestionInput
+                                  required
+                                  type="email"
+                                  value={field.value}
+                                  index={fieldIndex}
+                                  onChange={(signer) =>
+                                    handleInputChange(index, signer, fieldIndex)
+                                  }
+                                />
+                              </div>
+                            ))}
+                            {forms?.length > 1 && (
+                              <button
+                                onClick={() => handleRemoveForm(index)}
+                                className="absolute right-3 top-1 text-[red] border-[1px] border-[red] rounded-lg w-[1.7rem] h-[1.7rem]"
+                              >
+                                <i className="fa-light fa-trash"></i>
+                              </button>
+                            )}
+                            <div ref={formRef}></div>
+                          </div>
+                        ))}
+                      </div>
+                      <div className="flex flex-col mx-4 mb-4 gap-3">
                         <button
-                          onClick={() => handleRemoveForm(index)}
-                          className="absolute right-3 top-1 text-[red] border-[1px] border-[red] rounded-lg w-[1.7rem] h-[1.7rem]"
+                          onClick={handleAddForm}
+                          className="op-btn op-btn-primary focus:outline-none"
                         >
-                          <i className="fa-light fa-trash"></i>
+                          <i className="fa-light fa-plus"></i>{" "}
+                          <span>{t("add-new")}</span>
                         </button>
-                      )}
-                      <div ref={formRef}></div>
-                    </div>
-                  ))}
-                </div>
-                <div className="flex flex-col mx-4 mb-4 gap-3">
-                  <button
-                    onClick={handleAddForm}
-                    className="op-btn op-btn-primary focus:outline-none"
-                  >
-                    <i className="fa-light fa-plus"></i>{" "}
-                    <span>{t("add-new")}</span>
-                  </button>
-                  <button
-                    type="submit"
-                    className="op-btn op-btn-secondary focus:outline-none"
-                  >
-                    <i className="fa-light fa-paper-plane"></i>{" "}
-                    <span>{t("send")}</span>
-                  </button>
-                </div>
-              </form>
+                        <button
+                          type="submit"
+                          className="op-btn op-btn-secondary focus:outline-none"
+                        >
+                          <i className="fa-light fa-paper-plane"></i>{" "}
+                          <span>{t("send")}</span>
+                        </button>
+                      </div>
+                    </form>
+                    <ModalUi
+                      isOpen={isQuotaReached}
+                      handleClose={() => handleCloseQuotaReached()}
+                    >
+                      <div className="p-4 flex justify-center items-center flex-col gap-y-3">
+                        <p className="text-center text-base-content">
+                          {t("quotaerrquicksend")}
+                        </p>
+                        <button
+                          onClick={() => setIsBulkAvailable(false)}
+                          className=" op-btn op-btn-primary w-28"
+                        >
+                          {t("buycredits")}
+                        </button>
+                      </div>
+                    </ModalUi>
+                  </div>
+                ) : (
+                  <div className="text-black p-3 bg-white w-full text-sm md:text-base flex justify-center items-center">
+                    {t("quick-send-alert-1")}
+                  </div>
+                )}
+              </>
             ) : (
               <div className="text-black p-3 bg-white w-full text-sm md:text-base flex justify-center items-center">
-                {t("quick-send-alert-1")}
+                {t("quick-send-alert-2")}
               </div>
-            )}
-          </>
-        ) : (
-          <div className="text-black p-3 bg-white w-full text-sm md:text-base flex justify-center items-center">
-            {t("quick-send-alert-2")}
-          </div>
-        )
+            )
+          ) : (
+            <div className="text-black p-3 bg-white w-full text-sm md:text-base flex justify-center items-center">
+              {t("quick-send-alert-3")}
+            </div>
+          )}
+        </>
       ) : (
-        <div className="text-black p-3 bg-white w-full text-sm md:text-base flex justify-center items-center">
-          {t("quick-send-alert-3")}
-        </div>
+        <form onSubmit={handleAddOnQuickSubmit} className="p-3">
+          <p className="flex justify-center text-center mx-2 mb-3 text-base op-text-accent font-medium">
+            {t("additional-quicksend")}
+          </p>
+          <div className="mb-3 flex justify-between">
+            <label
+              htmlFor="quantity"
+              className="block text-xs text-gray-700 font-semibold"
+            >
+              {t("quantityofquicksend")}
+              <span className="text-[red] text-[13px]">*</span>
+            </label>
+            <select
+              value={amount.quantity}
+              onChange={(e) => handlePricePerQuick(e)}
+              name="quantity"
+              className="op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content w-1/4 text-xs"
+              required
+            >
+              {quantityList.length > 0 &&
+                quantityList.map((x) => (
+                  <option key={x} value={x}>
+                    {x}
+                  </option>
+                ))}
+            </select>
+          </div>
+          <div className="mb-3 flex justify-between">
+            <label className="block text-xs text-gray-700 font-semibold">
+              {t("Price")} (1 * {amount.priceperbulksend})
+            </label>
+            <div className="w-1/4 flex justify-center items-center text-sm">
+              USD {amount.price}
+            </div>
+          </div>
+          <hr className="text-base-content mb-3" />
+          <button className="op-btn op-btn-primary w-full mt-2">
+            {t("Proceed")}
+          </button>
+        </form>
       )}
     </>
   );

apps/OpenSign/src/pages/GenerateToken.js

@@ -27,12 +27,13 @@ function GenerateToken() {
   const [isAlert, setIsAlert] = useState({ type: "success", msg: "" });
   const [isTour, setIsTour] = useState(false);
   const [amount, setAmount] = useState({
-    quantity: 1,
+    quantity: 500,
     priceperapi: 0.15,
     totalapis: 0,
-    price: 0.15
+    price: (75.0).toFixed(2)
   });
   const [isFormLoader, setIsFormLoader] = useState(false);
+  const quantityList = [500, 1000, 5000, 50000];
   useEffect(() => {
     fetchToken();
     // eslint-disable-next-line
@@ -49,14 +50,9 @@ function GenerateToken() {
         const subscribe = await checkIsSubscribed();
         setIsSubscribe(subscribe);
       }
-      const extUser =
-        localStorage.getItem("Extand_Class") &&
-        JSON.parse(localStorage.getItem("Extand_Class"))?.[0];
       const res = await Parse.Cloud.run("getapitoken");
       if (res) {
-        const allowedapis = await Parse.Cloud.run("allowedapis", {
-          tenantId: extUser?.TenantId?.objectId
-        });
+        const allowedapis = await Parse.Cloud.run("allowedapis");
         setAmount((obj) => ({ ...obj, totalapis: allowedapis }));
         SetApiToken(res?.result);
       }
@@ -119,7 +115,7 @@ function GenerateToken() {
     const price =
       quantity > 0
         ? (Math.round(quantity * amount.priceperapi * 100) / 100).toFixed(2)
-        : 1 * amount.priceperapi;
+        : 500 * amount.priceperapi;
     setAmount((prev) => ({ ...prev, quantity: quantity, price: price }));
   };
   const handleAddOnApiSubmit = async (e) => {
@@ -137,7 +133,7 @@ function GenerateToken() {
             ...obj,
             quantity: 1,
             priceperapi: 0.15,
-            price: 0.15,
+            price: (75.0).toFixed(2),
             totalapis: _resAddon.addon
           }));
         }
@@ -276,14 +272,20 @@ function GenerateToken() {
                     {t("quantityofapis")}
                     <span className="text-[red] text-[13px]"> *</span>
                   </label>
-                  <input
-                    type="number"
-                    name="quantity"
+                  <select
                     value={amount.quantity}
                     onChange={(e) => handlePricePerAPIs(e)}
-                    className="w-1/4 op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content text-xs"
+                    name="quantity"
+                    className="op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content w-1/4 text-xs"
                     required
-                  />
+                  >
+                    {quantityList.length > 0 &&
+                      quantityList.map((x) => (
+                        <option key={x} value={x}>
+                          {x}
+                        </option>
+                      ))}
+                  </select>
                 </div>
                 <div className="mb-3 flex justify-between">
                   <label className="block text-xs text-gray-700 font-semibold">

apps/OpenSign/src/primitives/GetReportDisplay.js

@@ -74,15 +74,7 @@ const ReportTable = (props) => {
   const extClass = Extand_Class && JSON.parse(Extand_Class);
   const startIndex = (currentPage - 1) * props.docPerPage;
   const { isMoreDocs, setIsNextRecord } = props;
-  // For loop is used to calculate page numbers visible below table
-  // Initialize pageNumbers using useMemo to avoid unnecessary re-creation
-  // const pageNumbers = useMemo(() => {
-  //   const calculatedPageNumbers = [];
-  //   for (let i = 1; i <= Math.ceil(props.List.length / props.docPerPage); i++) {
-  //     calculatedPageNumbers.push(i);
-  //   }
-  //   return calculatedPageNumbers;
-  // }, [props.List, props.docPerPage]);
+
   const getPaginationRange = () => {
     const totalPageNumbers = 7; // Adjust this value to show more/less page numbers
     const pages = [];
@@ -449,7 +441,6 @@ const ReportTable = (props) => {
     }
     setReason("");
   };
-
   const handleShare = (item) => {
     setActLoader({ [item.objectId]: true });
     const host = window.location.origin;
@@ -839,10 +830,7 @@ const ReportTable = (props) => {
       console.log("err in fetch template in bulk modal", err);
       setIsBulkSend({});
       setIsAlert(true);
-      setAlertMsg({
-        type: "danger",
-        message: t("something-went-wrong-mssg")
-      });
+      setAlertMsg({ type: "danger", message: t("something-went-wrong-mssg") });
       setTimeout(() => setIsAlert(false), 1500);
     }
   };