a

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"}
             </button>
           </div>
         </div>

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)
     }

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 */