@insforge/react 0.3.1 → 0.3.3

package/dist/index.mjs

@@ -252,9 +252,9 @@ function InsforgeProvider({
     },
     [user, onAuthChange, insforge]
   );
-  const sendPasswordResetCode = useCallback(
+  const sendResetPasswordEmail = useCallback(
     async (email) => {
-      const sdkResult = await insforge.auth.sendPasswordResetCode({ email });
+      const sdkResult = await insforge.auth.sendResetPasswordEmail({ email });
       return sdkResult.data;
     },
     [insforge]
@@ -290,7 +290,7 @@ function InsforgeProvider({
         updateUser,
         reloadAuth: loadAuthState,
         baseUrl,
-        sendPasswordResetCode,
+        sendResetPasswordEmail,
         resetPassword,
         verifyEmail,
         getPublicAuthConfig
@@ -308,22 +308,22 @@ function useInsforge() {
 }
 function usePublicAuthConfig() {
   const { getPublicAuthConfig } = useInsforge();
-  const [emailConfig, setEmailConfig] = useState(null);
+  const [authConfig, setAuthConfig] = useState(null);
   const [isLoaded, setIsLoaded] = useState(false);
   useEffect(() => {
     async function fetchConfig() {
       const result = await getPublicAuthConfig();
       if (result) {
-        setEmailConfig(result);
+        setAuthConfig(result);
       } else {
         console.error("[usePublicAuthConfig] Failed to get public auth config");
-        setEmailConfig(null);
+        setAuthConfig(null);
       }
       setIsLoaded(true);
     }
     fetchConfig();
   }, [getPublicAuthConfig]);
-  return { emailConfig, isLoaded };
+  return { authConfig, isLoaded };
 }
 function AuthBranding() {
   return /* @__PURE__ */ jsxs("div", { className: "bg-[#FAFAFA] px-2 py-4 flex flex-row justify-center items-center gap-1", children: [
@@ -560,7 +560,7 @@ function AuthPasswordField({
   label,
   id,
   showStrengthIndicator = false,
-  emailAuthConfig,
+  authConfig,
   forgotPasswordLink,
   value,
   appearance = {},
@@ -638,7 +638,7 @@ function AuthPasswordField({
           AuthPasswordStrengthIndicator,
           {
             password: String(value || ""),
-            config: emailAuthConfig
+            config: authConfig
           }
         )
       ]
@@ -1075,11 +1075,7 @@ function AuthEmailVerificationStep({
   useEffect(() => {
     const sendInitialEmail = async () => {
       try {
-        if (method === "code") {
-          await insforge.auth.sendVerificationCode({ email });
-        } else {
-          await insforge.auth.sendVerificationLink({ email });
-        }
+        await insforge.auth.sendVerificationEmail({ email });
       } catch {
       }
     };
@@ -1105,11 +1101,7 @@ function AuthEmailVerificationStep({
     setIsSending(true);
     setVerificationError("");
     try {
-      if (method === "code") {
-        await insforge.auth.sendVerificationCode({ email });
-      } else {
-        await insforge.auth.sendVerificationLink({ email });
-      }
+      await insforge.auth.sendVerificationEmail({ email });
     } catch {
       setResendDisabled(false);
       setResendCountdown(0);
@@ -1187,7 +1179,7 @@ function SignInForm({
   oauthLoading = null,
   availableProviders = [],
   onOAuthClick,
-  emailAuthConfig,
+  authConfig,
   appearance = {},
   title = "Welcome Back",
   subtitle = "Login to your account",
@@ -1277,7 +1269,7 @@ function SignInForm({
                   onChange: (e) => onPasswordChange(e.target.value),
                   required: true,
                   autoComplete: "current-password",
-                  emailAuthConfig,
+                  authConfig,
                   forgotPasswordLink: forgotPasswordUrl ? {
                     href: forgotPasswordUrl,
                     text: forgotPasswordText
@@ -1348,7 +1340,7 @@ function SignIn({
   ...uiProps
 }) {
   const { signIn, baseUrl } = useInsforge();
-  const { emailConfig } = usePublicAuthConfig();
+  const { authConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
@@ -1414,7 +1406,7 @@ function SignIn({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) {
+  if (!authConfig) {
     return null;
   }
   return /* @__PURE__ */ jsx(
@@ -1428,9 +1420,9 @@ function SignIn({
       error,
       loading,
       oauthLoading,
-      availableProviders: emailConfig?.oAuthProviders || [],
+      availableProviders: authConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
-      emailAuthConfig: emailConfig,
+      authConfig,
       showVerificationStep: step === "awaiting-verification",
       onVerifyCode: handleVerifyCode,
       ...uiProps
@@ -1448,7 +1440,7 @@ function SignUpForm({
   oauthLoading = null,
   availableProviders = [],
   onOAuthClick,
-  emailAuthConfig,
+  authConfig,
   appearance = {},
   title = "Get Started",
   subtitle = "Create your account",
@@ -1535,10 +1527,10 @@ function SignUpForm({
                   value: password,
                   onChange: (e) => onPasswordChange(e.target.value),
                   required: true,
-                  minLength: emailAuthConfig.passwordMinLength,
+                  minLength: authConfig.passwordMinLength,
                   autoComplete: "new-password",
                   showStrengthIndicator: true,
-                  emailAuthConfig,
+                  authConfig,
                   appearance: {
                     containerClassName: appearance.form?.passwordField?.container,
                     labelClassName: appearance.form?.passwordField?.label,
@@ -1676,7 +1668,7 @@ function SignUp({
   ...uiProps
 }) {
   const { signUp, baseUrl } = useInsforge();
-  const { emailConfig } = usePublicAuthConfig();
+  const { authConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
@@ -1690,7 +1682,7 @@ function SignUp({
     e.preventDefault();
     setLoading(true);
     setError("");
-    if (!emailConfig) {
+    if (!authConfig) {
       setError("Configuration not loaded. Please refresh the page.");
       setLoading(false);
       return;
@@ -1703,11 +1695,11 @@ function SignUp({
       return;
     }
     const passwordZodSchema = createPasswordSchema({
-      minLength: emailConfig.passwordMinLength,
-      requireUppercase: emailConfig.requireUppercase,
-      requireLowercase: emailConfig.requireLowercase,
-      requireNumber: emailConfig.requireNumber,
-      requireSpecialChar: emailConfig.requireSpecialChar
+      minLength: authConfig.passwordMinLength,
+      requireUppercase: authConfig.requireUppercase,
+      requireLowercase: authConfig.requireLowercase,
+      requireNumber: authConfig.requireNumber,
+      requireSpecialChar: authConfig.requireSpecialChar
     });
     const passwordValidation = passwordZodSchema.safeParse(password);
     if (!passwordValidation.success) {
@@ -1769,7 +1761,7 @@ function SignUp({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) {
+  if (!authConfig) {
     return null;
   }
   return /* @__PURE__ */ jsx(
@@ -1783,9 +1775,9 @@ function SignUp({
       error,
       loading,
       oauthLoading,
-      availableProviders: emailConfig?.oAuthProviders || [],
+      availableProviders: authConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
-      emailAuthConfig: emailConfig,
+      authConfig,
       showVerificationStep: step === "awaiting-verification",
       onVerifyCode: handleVerifyCode,
       ...uiProps
@@ -1916,7 +1908,8 @@ function ResetPasswordForm({
   onSubmit,
   error,
   loading = false,
-  emailAuthConfig,
+  success = false,
+  authConfig,
   appearance = {},
   title = "Reset Password",
   subtitle = "Enter your new password below.",
@@ -1927,8 +1920,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__ */ jsx(
+      AuthContainer,
+      {
+        appearance: {
+          containerClassName: appearance.container,
+          cardClassName: appearance.card
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: /* @__PURE__ */ 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__ */ jsx("path", { d: "M5 13l4 4L19 7" }) }) }),
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-black dark:text-white text-center", children: successTitle }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center", children: successMessage }),
+          /* @__PURE__ */ jsx("a", { href: backToSignInUrl, className: "mt-4 text-black dark:text-white font-medium", children: "Back to Sign In" })
+        ] })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     AuthContainer,
     {
@@ -1974,7 +1986,7 @@ function ResetPasswordForm({
                   required: true,
                   autoComplete: "new-password",
                   showStrengthIndicator: true,
-                  emailAuthConfig,
+                  authConfig,
                   appearance: {
                     containerClassName: appearance.form?.newPasswordField?.container,
                     labelClassName: appearance.form?.newPasswordField?.label,
@@ -1992,7 +2004,7 @@ function ResetPasswordForm({
                   onChange: (e) => onConfirmPasswordChange(e.target.value),
                   required: true,
                   autoComplete: "new-password",
-                  emailAuthConfig,
+                  authConfig,
                   appearance: {
                     containerClassName: appearance.form?.confirmPasswordField?.container,
                     labelClassName: appearance.form?.confirmPasswordField?.label,
@@ -2036,16 +2048,17 @@ function ResetPassword({
   ...uiProps
 }) {
   const { resetPassword } = useInsforge();
-  const { emailConfig } = usePublicAuthConfig();
+  const { authConfig } = usePublicAuthConfig();
   const [newPassword, setNewPassword] = useState("");
   const [confirmPassword, setConfirmPassword] = useState("");
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(false);
+  const [success, setSuccess] = useState(false);
   async function handleSubmit(e) {
     e.preventDefault();
     setLoading(true);
     setError("");
-    if (!emailConfig) {
+    if (!authConfig) {
       setError("Configuration not loaded. Please refresh the page.");
       setLoading(false);
       return;
@@ -2061,11 +2074,11 @@ function ResetPassword({
       return;
     }
     const passwordZodSchema = createPasswordSchema({
-      minLength: emailConfig.passwordMinLength,
-      requireUppercase: emailConfig.requireUppercase,
-      requireLowercase: emailConfig.requireLowercase,
-      requireNumber: emailConfig.requireNumber,
-      requireSpecialChar: emailConfig.requireSpecialChar
+      minLength: authConfig.passwordMinLength,
+      requireUppercase: authConfig.requireUppercase,
+      requireLowercase: authConfig.requireLowercase,
+      requireNumber: authConfig.requireNumber,
+      requireSpecialChar: authConfig.requireSpecialChar
     });
     const passwordValidation = passwordZodSchema.safeParse(newPassword);
     if (!passwordValidation.success) {
@@ -2077,6 +2090,7 @@ function ResetPassword({
     try {
       const result = await resetPassword(token, newPassword);
       if (result?.message) {
+        setSuccess(true);
         if (onSuccess) {
           onSuccess(result.redirectTo);
         }
@@ -2097,7 +2111,7 @@ function ResetPassword({
       setLoading(false);
     }
   }
-  if (!emailConfig) {
+  if (!authConfig) {
     return null;
   }
   return /* @__PURE__ */ jsx(
@@ -2110,7 +2124,8 @@ function ResetPassword({
       onSubmit: handleSubmit,
       error,
       loading,
-      emailAuthConfig: emailConfig,
+      success,
+      authConfig,
       backToSignInUrl,
       ...uiProps
     }
@@ -2122,8 +2137,8 @@ function ForgotPassword({
   onError,
   ...uiProps
 }) {
-  const { sendPasswordResetCode, baseUrl } = useInsforge();
-  const { emailConfig } = usePublicAuthConfig();
+  const { sendResetPasswordEmail, baseUrl } = useInsforge();
+  const { authConfig } = usePublicAuthConfig();
   const [insforge] = useState(() => createClient({ baseUrl }));
   const [step, setStep] = useState("email");
   const [email, setEmail] = useState("");
@@ -2162,9 +2177,9 @@ function ForgotPassword({
       return;
     }
     try {
-      const result = await sendPasswordResetCode(emailValidation.data);
+      const result = await sendResetPasswordEmail(emailValidation.data);
       if (result?.success) {
-        if (emailConfig?.resetPasswordMethod === "link") {
+        if (authConfig?.resetPasswordMethod === "link") {
           setSuccess(true);
           if (onSuccess) {
             onSuccess();
@@ -2217,7 +2232,7 @@ function ForgotPassword({
     setIsSendingCode(true);
     setError("");
     try {
-      await sendPasswordResetCode(email);
+      await sendResetPasswordEmail(email);
     } catch (err) {
       setError(err.message || "Failed to resend code");
       setResendDisabled(false);
@@ -2225,13 +2240,17 @@ function ForgotPassword({
     } finally {
       setIsSendingCode(false);
     }
-  }, [email, sendPasswordResetCode]);
-  function handlePasswordResetSuccess() {
+  }, [email, sendResetPasswordEmail]);
+  function handlePasswordResetSuccess(redirectTo) {
+    const targetUrl = redirectTo || backToSignInUrl;
     if (onSuccess) {
       onSuccess();
     }
+    setTimeout(() => {
+      window.location.href = targetUrl;
+    }, 1500);
   }
-  if (!emailConfig) {
+  if (!authConfig) {
     return null;
   }
   if (step === "email") {