Merge pull request #860 from OpenSignLabs/resolve_stage

apps/OpenSign/package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@formkit/auto-animate": "^0.8.2",
+        "@lottiefiles/dotlottie-react": "^0.6.4",
         "@radix-ui/themes": "^3.0.5",
         "@react-pdf/renderer": "^3.4.4",
         "@reduxjs/toolkit": "^2.2.5",
@@ -3561,6 +3562,24 @@
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
       "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw=="
     },
+    "node_modules/@lottiefiles/dotlottie-react": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/@lottiefiles/dotlottie-react/-/dotlottie-react-0.6.4.tgz",
+      "integrity": "sha512-w6627f6qKC4Lc+LSmRPgI8jPdi7jXCoEpJt0Az/BPRRq6WAew9wu31OhUUvS8vwATICD/bB5j6NadEknrg71WQ==",
+      "dependencies": {
+        "@lottiefiles/dotlottie-web": "0.24.0",
+        "debounce": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@lottiefiles/dotlottie-web": {
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@lottiefiles/dotlottie-web/-/dotlottie-web-0.24.0.tgz",
+      "integrity": "sha512-YJ6NVgkduDxHZqkBaKaBALn6IlSKUpE3lWhUlKNgcjm7xsXGpQj7Eb6HAqT4clWW61sK/8u8FiEkvOp6FIYS/g=="
+    },
     "node_modules/@mapbox/node-pre-gyp": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
@@ -9429,6 +9448,17 @@
         "url": "https://github.com/sponsors/kossnocorp"
       }
     },
+    "node_modules/debounce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/debounce/-/debounce-2.1.0.tgz",
+      "integrity": "sha512-OkL3+0pPWCqoBc/nhO9u6TIQNTK44fnBnzuVtJAbp13Naxw9R6u21x+8tVTka87AhDZ3htqZ2pSSsZl9fqL2Wg==",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.5",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",

apps/OpenSign/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@formkit/auto-animate": "^0.8.2",
+    "@lottiefiles/dotlottie-react": "^0.6.4",
     "@radix-ui/themes": "^3.0.5",
     "@react-pdf/renderer": "^3.4.4",
     "@reduxjs/toolkit": "^2.2.5",

apps/OpenSign/src/pages/PlaceHolderSign.js

@@ -49,7 +49,7 @@ import { EmailBody } from "../components/pdf/EmailBody";
 import Upgrade from "../primitives/Upgrade";
 import Alert from "../primitives/Alert";
 import Loader from "../primitives/Loader";
-import mail_sent_gif from "../assets/gif/mail_sent.gif";
+import { DotLottieReact } from "@lottiefiles/dotlottie-react";
 function PlaceHolderSign() {
   const editorRef = useRef();
   const navigate = useNavigate();
@@ -1790,8 +1790,11 @@ function PlaceHolderSign() {
                 <div className="h-[100%] p-[20px]">
                   {mailStatus === "success" ? (
                     <div className="text-center mb-[10px]">
-                      <img
-                        src={mail_sent_gif}
+                      <DotLottieReact
+                        dotLottieRefCallback={null}
+                        src="https://lottie.host/00a72a09-f2d4-493a-9b2d-2843bf067638/Ic7jJ44wLJ.json"
+                        autoplay
+                        loop={false}
                         className="w-[120px] h-[120px] mx-auto"
                       />
                       <p>You have successfully sent mails to all recipients!</p>