+ {transactionDetails.recipients.length > 0 &&
+
+
+
Signers
+
setSigningOrderModal({ ...signingOrderModal, open: true })}>
+
+ Signing Graph
+
+
- {/* Recipients List */}
- {transactionDetails.recipients.map((recipient, index) => (
-
-
-
-
{recipient.id}
-
-
{recipient.name}
-
{recipient.email}
- {recipient.hostEmail !== null &&
Host: {recipient.hostEmail}
}
+ {/* Recipients List */}
+ {transactionDetails.recipients.map((recipient, index) => (
+
+
+
+ {/*
{index+1}
*/}
+
+
{recipient.name}
+
{recipient.email}
+ {recipient.hostEmail !== null && recipient.hostEmail !== "" &&
Host: {recipient.hostEmail}
}
+
-
-
+
-
-
- ))}
-
+ ))}
+
}
-
-
Message
-
{ transactionDetails?.transaction?.message ?? "No Message Found...!"}
-
+ {transactionDetails?.transaction?.subject !== "" &&
+
+
Subject
+
{`${transactionDetails?.transaction?.subject ? transactionDetails?.transaction?.subject : "Not Found"} `}
+
}
+
+ {transactionDetails?.transaction?.message !== "" &&
+
+
Message
+
{`${transactionDetails?.transaction?.message ? transactionDetails?.transaction?.message : "Not Found"} `}
+
}
@@ -152,10 +176,10 @@ const TransactionView = () => {
- 1 of 10
-
-
-
+
1 of 10
+
+
+
@@ -165,7 +189,7 @@ const TransactionView = () => {
- {signingOrderModal.open &&
+ {signingOrderModal.open &&
diff --git a/src/utlity/JoyRideTour.tsx b/src/utlity/JoyRideTour.tsx
index b582928..b564cc6 100644
--- a/src/utlity/JoyRideTour.tsx
+++ b/src/utlity/JoyRideTour.tsx
@@ -144,7 +144,7 @@ const JoyrideController = () => {
target: "body", // This makes the welcome step show in center of screen
content: (
-
π Welcome to SME, Let's Start the tour
+
π Hi there! Welcome to SME. Letβs start signing.
),
placement: "center",
From 1a4ea46c5b8df8da79ba594fa8b0d07c979735ff Mon Sep 17 00:00:00 2001
From: =bhagwanSingh <=bhagwan.r@hicglobalsolutions.com>
Date: Wed, 30 Jul 2025 13:59:55 +0530
Subject: [PATCH 3/6] a
---
.../process/processStepOne/ProcessStepOne.tsx | 4 +-
src/components/templates/Templates.tsx | 2 +-
src/index.css | 59 +++++++++++++------
3 files changed, 44 insertions(+), 21 deletions(-)
diff --git a/src/components/process/processStepOne/ProcessStepOne.tsx b/src/components/process/processStepOne/ProcessStepOne.tsx
index bdd1270..4c1b9ea 100644
--- a/src/components/process/processStepOne/ProcessStepOne.tsx
+++ b/src/components/process/processStepOne/ProcessStepOne.tsx
@@ -69,7 +69,7 @@ const ProcessStepOne = () => {
// Fetching Transaction Details - START
(async () => {
try {
- const res = await api.get(`/api/accounts/${accountId}/transactions/${transactionId}`);
+ const res = await api.get(`/api/accounts/${accountId}/${transactionTemplateToggle}/${transactionId}`);
setTransactionDetails(res.data)
} catch (e) {
console.log("Error - transactions details")
@@ -323,7 +323,7 @@ const ProcessStepOne = () => {
onClick={() => handleNextClick(false)}
className="text-sm px-4 py-2 rounded bg-[var(--primary)] text-white shadow hover:bg-[var(--primaryLight2)] transition"
>
- {signType === SignTypeEnum.selfSign ? "Add Tags" : "Add Tags"}
+ {signType === SignTypeEnum.selfSign ? "Sign" : "Next"}
diff --git a/src/components/templates/Templates.tsx b/src/components/templates/Templates.tsx
index 47c22c6..a75a6e6 100644
--- a/src/components/templates/Templates.tsx
+++ b/src/components/templates/Templates.tsx
@@ -30,7 +30,7 @@ const Templates = () => {
console.log("handleAddTemplate called");
try {
const res = await api.post(`/api/accounts/${activeAccountId}/templates`);
- navigate(`/process-step-one/${activeAccountId}/template/${res.data}`)
+ navigate(`/process-step-one/${activeAccountId}/template/${res.data.id}`)
} catch (error) {
console.log(error)
}
diff --git a/src/index.css b/src/index.css
index c140aab..e4f589e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -113,14 +113,14 @@ canvas {
left: 50%;
transform: translateX(-50%);
z-index: 50;
- background-color: var(--primary);
+ background-color: var(--primary);
color: var(--primaryLight);
padding: 2px 8px;
border-radius: 5px;
}
.bottom-border>div:hover {
- background-color: var(--primaryLight2) ;
+ background-color: var(--primaryLight2);
opacity: 0.9;
transition: all 0.3s ease-in-out;
cursor: pointer;
@@ -129,8 +129,8 @@ canvas {
/* Group Border - END */
- /* Loader CSS */
- /* From Uiverse.io by Juanes200122 */
+/* Loader CSS */
+/* From Uiverse.io by Juanes200122 */
.pl {
width: 6em;
height: 6em;
@@ -158,10 +158,12 @@ canvas {
animation-name: ringD;
stroke: #41644A;
}
-
- /* Animations */
+
+/* Animations */
@keyframes ringA {
- from, 4% {
+
+ from,
+ 4% {
stroke-dasharray: 0 660;
stroke-width: 20;
stroke-dashoffset: -330;
@@ -179,7 +181,8 @@ canvas {
stroke-dashoffset: -595;
}
- 40%, 54% {
+ 40%,
+ 54% {
stroke-dasharray: 0 660;
stroke-width: 20;
stroke-dashoffset: -660;
@@ -197,7 +200,8 @@ canvas {
stroke-dashoffset: -925;
}
- 90%, to {
+ 90%,
+ to {
stroke-dasharray: 0 660;
stroke-width: 20;
stroke-dashoffset: -990;
@@ -205,7 +209,9 @@ canvas {
}
@keyframes ringB {
- from, 12% {
+
+ from,
+ 12% {
stroke-dasharray: 0 220;
stroke-width: 20;
stroke-dashoffset: -110;
@@ -223,7 +229,8 @@ canvas {
stroke-dashoffset: -195;
}
- 48%, 62% {
+ 48%,
+ 62% {
stroke-dasharray: 0 220;
stroke-width: 20;
stroke-dashoffset: -220;
@@ -241,7 +248,8 @@ canvas {
stroke-dashoffset: -305;
}
- 98%, to {
+ 98%,
+ to {
stroke-dasharray: 0 220;
stroke-width: 20;
stroke-dashoffset: -330;
@@ -267,7 +275,8 @@ canvas {
stroke-dashoffset: -175;
}
- 36%, 58% {
+ 36%,
+ 58% {
stroke-dasharray: 0 440;
stroke-width: 20;
stroke-dashoffset: -220;
@@ -285,7 +294,8 @@ canvas {
stroke-dashoffset: -395;
}
- 94%, to {
+ 94%,
+ to {
stroke-dasharray: 0 440;
stroke-width: 20;
stroke-dashoffset: -440;
@@ -293,7 +303,9 @@ canvas {
}
@keyframes ringD {
- from, 8% {
+
+ from,
+ 8% {
stroke-dasharray: 0 440;
stroke-width: 20;
stroke-dashoffset: 0;
@@ -311,7 +323,8 @@ canvas {
stroke-dashoffset: -175;
}
- 44%, 50% {
+ 44%,
+ 50% {
stroke-dasharray: 0 440;
stroke-width: 20;
stroke-dashoffset: -220;
@@ -329,14 +342,16 @@ canvas {
stroke-dashoffset: -395;
}
- 86%, to {
+ 86%,
+ to {
stroke-dasharray: 0 440;
stroke-width: 20;
stroke-dashoffset: -440;
}
}
+
.bottom-border>div:hover {
- background-color: var(--primaryLight2) ;
+ background-color: var(--primaryLight2);
opacity: 0.9;
transition: all 0.3s ease-in-out;
cursor: pointer;
@@ -344,3 +359,11 @@ canvas {
/* Group Border - END */
+
+
+/* JoyRide - START */
+.__floater__body > div > button:last-child {
+ display: none !important;
+}
+
+/* JoyRide - END */
\ No newline at end of file
From 7cbd74fc1497518ba54b026d10a1f789838d21a5 Mon Sep 17 00:00:00 2001
From: JaiPandey425
Date: Wed, 30 Jul 2025 14:15:44 +0530
Subject: [PATCH 4/6] loaderUI
---
src/components/contacts/Contacts.tsx | 152 +++++++++++++------------
src/components/dashboard/Loader.tsx | 1 -
src/components/templates/Templates.tsx | 22 ++--
src/helper/LoaderUi.tsx | 31 ++---
4 files changed, 106 insertions(+), 100 deletions(-)
diff --git a/src/components/contacts/Contacts.tsx b/src/components/contacts/Contacts.tsx
index 0942e70..e164dfd 100644
--- a/src/components/contacts/Contacts.tsx
+++ b/src/components/contacts/Contacts.tsx
@@ -83,11 +83,11 @@ const Contacts = () => {
const handleContactSubmit = async (data: ContactData, type: "") => {
try {
- let res ;
+ let res;
setCreateAndInviteLoader(true);
if (type === 'Edit') {
- res = await api.put(`/api/accounts/${activeAccountId}/contacts`, [data])
- }else{
+ res = await api.put(`/api/accounts/${activeAccountId}/contacts`, [data])
+ } else {
res = await api.post(`/api/accounts/${activeAccountId}/contacts`, [data]);
}
if (res.status === 200) {
@@ -115,82 +115,84 @@ const Contacts = () => {
return (
<>
-
-
setShowModal((prev) => !prev)}
- className="flex items-center gap-2 bg-[var(--primary)] px-3 py-1.5 rounded-sm hover:opacity-90 ">
-
-
+
+
+
setShowModal((prev) => !prev)}
+ className="flex items-center gap-2 bg-[var(--primary)] px-3 py-1.5 rounded-sm hover:opacity-90 ">
+
+
+
-
-
-
-
-
- | First Name |
- Last Name |
- Email |
- Actions |
-
-
-
- {loading ? (
+
+
+
- | Loading... |
+ First Name |
+ Last Name |
+ Email |
+ Actions |
- ) : contacts.length === 0 ? (
-
- | No contacts found. |
-
- ) : (
- contacts.map((contact) => (
-
- | {contact.firstName} |
- {contact.lastName} |
- {contact.email} |
-
-
-
-
- {openMenuId === contact.id && (
-
-
-
-
- )}
- |
+
+
+ {loading ? (
+
+ | Loading... |
- ))
- )}
-
-
- {showModal &&
-
- }
+ ) : contacts.length === 0 ? (
+
+ | No contacts found. |
+
+ ) : (
+ contacts.map((contact) => (
+
+ | {contact.firstName} |
+ {contact.lastName} |
+ {contact.email} |
+
+
+
+
+ {openMenuId === contact.id && (
+
+
+
+
+ )}
+ |
+
+ ))
+ )}
+
+ {showModal &&
+
+ }
+
);
diff --git a/src/components/dashboard/Loader.tsx b/src/components/dashboard/Loader.tsx
index 3f1093e..8e094ca 100644
--- a/src/components/dashboard/Loader.tsx
+++ b/src/components/dashboard/Loader.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
import { LuSignature } from "react-icons/lu";
import { useSelector } from 'react-redux';
import { RootState } from '../../store/store';
diff --git a/src/components/templates/Templates.tsx b/src/components/templates/Templates.tsx
index 47c22c6..9a4391d 100644
--- a/src/components/templates/Templates.tsx
+++ b/src/components/templates/Templates.tsx
@@ -136,7 +136,15 @@ const Templates = () => {
- {templates.length > 0 ? (
+ {loading ? (
+
+
+ |
+
+ |
+
+
+ ) : templates.length > 0 ? (
{templates.map((item, index) => {
return (
@@ -200,18 +208,12 @@ const Templates = () => {
) : (
-
-
- {/* Pulsing background div */}
-
-
- {/* Loader stays on top, no animation */}
-
- |
+ No templates found.
|
-
+
)}
-
-
- )
-}
+const LoaderUi = ({ classStyle = '' }: StyleProps) => {
+ return (
+
+ {/* Overlay */}
+
-export default LoaderUi
\ No newline at end of file
+ {/* Loader box */}
+
+
- | Loading... |
+ |
) : contacts.length === 0 ? (
From 0cf16a05f013a3eb8716dd27d07e754fb56a285c Mon Sep 17 00:00:00 2001
From: JaiPandey425
Date: Wed, 30 Jul 2025 16:27:12 +0530
Subject: [PATCH 6/6] merge code
---
src/components/accounts/Account.tsx | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/components/accounts/Account.tsx b/src/components/accounts/Account.tsx
index 8a6c996..90c091b 100644
--- a/src/components/accounts/Account.tsx
+++ b/src/components/accounts/Account.tsx
@@ -245,6 +245,7 @@ const Account = () => {
return (
<>
+