+ {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/3] 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