@insforge/react 0.3.1 → 0.3.2

package/dist/components.js

@@ -1582,6 +1582,7 @@ function ResetPasswordForm({
   onSubmit,
   error,
   loading = false,
+  success = false,
   emailAuthConfig,
   appearance = {},
   title = "Reset Password",
@@ -1593,8 +1594,27 @@ function ResetPasswordForm({
   submitButtonText = "Reset Password",
   loadingButtonText = "Resetting...",
   backToSignInText = "",
-  backToSignInUrl = "/sign-in"
+  backToSignInUrl = "/sign-in",
+  successTitle = "Password Reset Successful!",
+  successMessage = "Your password has been successfully reset. You can now sign in with your new password."
 }) {
+  if (success) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      AuthContainer,
+      {
+        appearance: {
+          containerClassName: appearance.container,
+          cardClassName: appearance.card
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-8 h-8 text-green-600 dark:text-green-400", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 13l4 4L19 7" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold text-black dark:text-white text-center", children: successTitle }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center", children: successMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: backToSignInUrl, className: "mt-4 text-black dark:text-white font-medium", children: "Back to Sign In" })
+        ] })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     AuthContainer,
     {
@@ -1707,6 +1727,7 @@ function ResetPassword({
   const [confirmPassword, setConfirmPassword] = react.useState("");
   const [error, setError] = react.useState("");
   const [loading, setLoading] = react.useState(false);
+  const [success, setSuccess] = react.useState(false);
   async function handleSubmit(e) {
     e.preventDefault();
     setLoading(true);
@@ -1743,6 +1764,7 @@ function ResetPassword({
     try {
       const result = await resetPassword(token, newPassword);
       if (result?.message) {
+        setSuccess(true);
         if (onSuccess) {
           onSuccess(result.redirectTo);
         }
@@ -1776,6 +1798,7 @@ function ResetPassword({
       onSubmit: handleSubmit,
       error,
       loading,
+      success,
       emailAuthConfig: emailConfig,
       backToSignInUrl,
       ...uiProps
@@ -1892,10 +1915,14 @@ function ForgotPassword({
       setIsSendingCode(false);
     }
   }, [email, sendPasswordResetCode]);
-  function handlePasswordResetSuccess() {
+  function handlePasswordResetSuccess(redirectTo) {
+    const targetUrl = redirectTo || backToSignInUrl;
     if (onSuccess) {
       onSuccess();
     }
+    setTimeout(() => {
+      window.location.href = targetUrl;
+    }, 1500);
   }
   if (!emailConfig) {
     return null;