feat: add modal with stepper prosess payment transaction events, with detail

Author: mpsalunggg

components.json

@@ -10,12 +10,15 @@
     "cssVariables": true,
     "prefix": ""
   },
+  "iconLibrary": "lucide",
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils",
     "ui": "@/components/ui",
     "lib": "@/lib",
     "hooks": "@/hooks"
   },
-  "iconLibrary": "lucide"
+  "registries": {
+    "@reui": "https://reui.io/r/{name}.json"
+  }
 }

eslint.config.mjs

@@ -48,6 +48,7 @@ export default defineConfig([
       "react/no-unescaped-entities": "off",
       "@next/next/no-page-custom-font": "off",
       "react-hooks/exhaustive-deps": "off",
+      "react-compiler/react-compiler": "off",
     },
   },
   // for all test file

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.mjs

@@ -27,17 +27,8 @@ const nextConfig = {
         port: "8000",
       },
     ],
-    // // Disable private IP check for development (allows localhost)
-    // dangerouslyAllowSVG: true,
-    // unoptimized: process.env.NODE_ENV === "development",
   },
   trailingSlash: true,
-  // Disable hostname resolution to private IPs check in development
-  // experimental: {
-  //   allowedHostsForFetch: process.env.NODE_ENV === "development"
-  //     ? ["localhost", "127.0.0.1", "::1"]
-  //     : undefined,
-  // },
 };
 
 export default withNextIntl(nextConfig);

package.json

@@ -79,7 +79,7 @@
     "remark-gfm": "^4.0.1",
     "shiki": "^3.7.0",
     "sonner": "^2.0.6",
-    "tailwind-merge": "^3.3.0",
+    "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
     "turndown": "^7.2.1",
     "zod": "^3.24.4"

pnpm-lock.yaml

@@ -267,3 +267,14 @@
     max-width: 1400px;
   }
 }
+
+@layer utilities {
+  .scrollbar-hide {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none;
+  }
+}