feat: add message for all signers linked in template for quick send

Author: prafull-opensignlabs

apps/OpenSign/src/components/BulkSendUi.js

@@ -164,54 +164,72 @@ const BulkSendUi = (props) => {
           ></div>
         </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 rounded-xl border-[1px] border-gray-400 m-4 bg-white text-black 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>
-              ))}
-              {index > 0 && (
+      {props.Placeholders?.length > 0 ? (
+        <>
+          {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 rounded-xl border-[1px] border-gray-400 m-4 bg-white text-black 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 border border-gray-300 rounded-lg px-2 py-1"
+                      >
+                        <i className="fa-solid 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 border border-gray-300 rounded-lg px-2 py-1"
+                  onClick={handleAddForm}
+                  className="bg-[#32a3ac] p-2 text-white w-full rounded-full focus:outline-none"
                 >
-                  <i className="fa-solid fa-trash"></i>
+                  <i className="fa-solid fa-plus"></i> <span>Add new</span>
                 </button>
-              )}
-              <div ref={formRef}></div>
+                <button
+                  type="submit"
+                  className="bg-[#32a3ac] p-2 text-white w-full rounded-full focus:outline-none"
+                >
+                  <i className="fa-solid fa-paper-plane"></i> <span>Send</span>
+                </button>
+              </div>
+            </form>
+          ) : (
+            <div className="text-black p-3 bg-white w-full text-sm md:text-base flex justify-center items-center">
+              All roles in this document are currently linked to contacts. To
+              &apos;quick send&apos; copies of this template to multiple
+              signers, please ensure that at least one role is not linked to any
+              contact.
             </div>
-          ))}
+          )}
+        </>
+      ) : (
+        <div className="text-black p-3 bg-white w-full text-sm md:text-base flex justify-center items-center">
+          Please add at least one role to this template in order to &apos;quick
+          send&apos; copies of it to multiple signers.
         </div>
-        <div className="flex flex-col mx-4 mb-4 gap-3">
-          <button
-            onClick={handleAddForm}
-            className="bg-[#32a3ac] p-2 text-white w-full rounded-full focus:outline-none"
-          >
-            <i className="fa-solid fa-plus"></i> <span>Add new</span>
-          </button>
-          <button
-            type="submit"
-            className="bg-[#32a3ac] p-2 text-white w-full rounded-full focus:outline-none"
-          >
-            <i className="fa-solid fa-paper-plane"></i> <span>Send</span>
-          </button>
-        </div>
-      </form>
+      )}
     </>
   );
 };

apps/OpenSign/src/primitives/GetReportDisplay.js

@@ -25,7 +25,6 @@ const ReportTable = (props) => {
   const [currentPage, setCurrentPage] = useState(1);
   const [actLoader, setActLoader] = useState({});
   const [isAlert, setIsAlert] = useState(false);
-  const [isDocErr, setIsDocErr] = useState(false);
   const [isContactform, setIsContactform] = useState(false);
   const [isDeleteModal, setIsDeleteModal] = useState({});
   const [isRevoke, setIsRevoke] = useState({});
@@ -186,7 +185,6 @@ const ReportTable = (props) => {
                 setActLoader({});
               }
             } else {
-              setIsDocErr(true);
               setActLoader({});
             }
           } else {
@@ -648,7 +646,6 @@ const ReportTable = (props) => {
   const handleBulkSend = async (template) => {
     setIsBulkSend({ [template.objectId]: true });
     setIsLoader({ [template.objectId]: true });
-    setIsDocErr(false);
     try {
       const params = {
         templateId: template.objectId,
@@ -666,18 +663,12 @@ const ReportTable = (props) => {
         }
       );
       const templateRes = axiosRes.data && axiosRes.data.result;
-      if (templateRes?.Placeholders?.length > 0) {
-        setPlaceholders(templateRes?.Placeholders);
-        setTemplateDetails(templateRes);
-        setIsLoader({});
-      } else {
-        setIsLoader(false);
-        setIsDocErr(true);
-      }
+      setPlaceholders(templateRes?.Placeholders);
+      setTemplateDetails(templateRes);
+      setIsLoader({});
     } catch (err) {
       console.log("err in fetch template in bulk modal", err);
       setIsBulkSend({});
-      setIsDocErr(false);
       setIsAlert(true);
       setAlertMsg({
         type: "danger",
@@ -940,19 +931,11 @@ const ReportTable = (props) => {
                                 ></div>
                               </div>
                             ) : (
-                              <>
-                                {isDocErr ? (
-                                  <div className="text-black bg-white w-full h-[80px] md:h-[100px] text-sm md:text-xl flex justify-center items-center">
-                                    Please add Signers or Roles in template
-                                  </div>
-                                ) : (
-                                  <BulkSendUi
-                                    Placeholders={placeholders}
-                                    item={templateDeatils}
-                                    handleClose={handleQuickSendClose}
-                                  />
-                                )}
-                              </>
+                              <BulkSendUi
+                                Placeholders={placeholders}
+                                item={templateDeatils}
+                                handleClose={handleQuickSendClose}
+                              />
                             )}
                           </ModalUi>
                         )}