@erikey/react 0.4.36 → 0.5.0

package/dist/ui/index.mjs

@@ -12086,7 +12086,8 @@ function EmailVerificationForm({
     basePath,
     viewPaths,
     emailVerification,
-    onAuthEvent
+    onAuthEvent,
+    authFlowMode
   } = useContext12(AuthUIContext);
   localization = { ...contextLocalization, ...localization };
   const isOtpMethod = emailVerification?.otp ?? true;
@@ -12149,13 +12150,15 @@ function EmailVerificationForm({
       } else {
         const session = { user };
         onAuthEvent?.({ type: "VERIFICATION_SUCCESS", user, session });
-        navigate(
-          `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
-        );
-        toast({
-          variant: "success",
-          message: localization.EMAIL_VERIFICATION_SUCCESS
-        });
+        if (authFlowMode !== "internal") {
+          navigate(
+            `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
+          );
+          toast({
+            variant: "success",
+            message: localization.EMAIL_VERIFICATION_SUCCESS
+          });
+        }
       }
     } catch (error) {
       const errorMessage = getLocalizedError({
@@ -12378,7 +12381,9 @@ function ForgotPasswordForm({
     navigate,
     toast,
     viewPaths,
-    localizeErrors
+    localizeErrors,
+    onAuthEvent,
+    authFlowMode
   } = useContext13(AuthUIContext);
   localization = { ...contextLocalization, ...localization };
   const formSchema = objectType({
@@ -12409,13 +12414,16 @@ function ForgotPasswordForm({
         redirectTo: `${baseURL}${basePath}/${viewPaths.RESET_PASSWORD}`,
         fetchOptions
       });
+      onAuthEvent?.({ type: "FORGOT_PASSWORD_EMAIL_SENT", email });
       toast({
         variant: "success",
         message: localization.FORGOT_PASSWORD_EMAIL
       });
-      navigate(
-        `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
-      );
+      if (authFlowMode !== "internal") {
+        navigate(
+          `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
+        );
+      }
     } catch (error) {
       toast({
         variant: "error",
@@ -12788,7 +12796,9 @@ function ResetPasswordForm({
     viewPaths,
     navigate,
     toast,
-    localizeErrors
+    localizeErrors,
+    onAuthEvent,
+    authFlowMode
   } = useContext16(AuthUIContext);
   const confirmPasswordEnabled = credentials?.confirmPassword;
   const contextPasswordValidation = credentials?.passwordValidation;
@@ -12828,12 +12838,14 @@ function ResetPasswordForm({
     const searchParams = new URLSearchParams(window.location.search);
     const token = searchParams.get("token");
     if (!token || token === "INVALID_TOKEN") {
-      navigate(
-        `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
-      );
+      if (authFlowMode !== "internal") {
+        navigate(
+          `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
+        );
+      }
       toast({ variant: "error", message: localization.INVALID_TOKEN });
     }
-  }, [basePath, navigate, toast, viewPaths, localization]);
+  }, [basePath, navigate, toast, viewPaths, localization, authFlowMode]);
   async function resetPassword({ newPassword }) {
     try {
       const searchParams = new URLSearchParams(window.location.search);
@@ -12843,13 +12855,16 @@ function ResetPasswordForm({
         token,
         fetchOptions: { throw: true }
       });
+      onAuthEvent?.({ type: "PASSWORD_RESET_SUCCESS" });
       toast({
         variant: "success",
         message: localization.RESET_PASSWORD_SUCCESS
       });
-      navigate(
-        `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
-      );
+      if (authFlowMode !== "internal") {
+        navigate(
+          `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
+        );
+      }
     } catch (error) {
       toast({
         variant: "error",
@@ -13008,7 +13023,8 @@ function SignInForm({
     Link,
     localizeErrors,
     emailVerification,
-    onAuthEvent
+    onAuthEvent,
+    authFlowMode
   } = useContext17(AuthUIContext);
   const rememberMeEnabled = credentials?.rememberMe;
   const usernameEnabled = credentials?.username;
@@ -13072,9 +13088,11 @@ function SignInForm({
       }
       if (response.twoFactorRedirect) {
         onAuthEvent?.({ type: "SIGN_IN_REQUIRES_2FA", email });
-        navigate(
-          `${basePath}/${viewPaths.TWO_FACTOR}${window.location.search}`
-        );
+        if (authFlowMode !== "internal") {
+          navigate(
+            `${basePath}/${viewPaths.TWO_FACTOR}${window.location.search}`
+          );
+        }
       } else {
         const user = response.user;
         const session = {
@@ -13105,9 +13123,11 @@ function SignInForm({
       });
       if (errorCode === "EMAIL_NOT_VERIFIED") {
         onAuthEvent?.({ type: "SIGN_IN_REQUIRES_VERIFICATION", email });
-        navigate(
-          `${basePath}/${viewPaths.EMAIL_VERIFICATION}?email=${encodeURIComponent(email)}`
-        );
+        if (authFlowMode !== "internal") {
+          navigate(
+            `${basePath}/${viewPaths.EMAIL_VERIFICATION}?email=${encodeURIComponent(email)}`
+          );
+        }
       }
     }
   }
@@ -13455,7 +13475,8 @@ function SignUpForm({
     avatar,
     localizeErrors,
     emailVerification,
-    onAuthEvent
+    onAuthEvent,
+    authFlowMode
   } = useContext19(AuthUIContext);
   const confirmPasswordEnabled = credentials?.confirmPassword;
   const usernameEnabled = credentials?.username;
@@ -13670,9 +13691,15 @@ function SignUpForm({
         onAuthEvent?.({ type: "SIGN_UP_SUCCESS", user });
       }
       if (response.twoFactorRedirect) {
-        navigate(
-          `${basePath}/${viewPaths.TWO_FACTOR}${window.location.search}`
-        );
+        onAuthEvent?.({
+          type: "SIGN_IN_REQUIRES_2FA",
+          email
+        });
+        if (authFlowMode !== "internal") {
+          navigate(
+            `${basePath}/${viewPaths.TWO_FACTOR}${window.location.search}`
+          );
+        }
       } else if (response.token && user) {
         const session = {
           token: response.token,
@@ -13685,21 +13712,25 @@ function SignUpForm({
           type: "SIGN_UP_REQUIRES_VERIFICATION",
           email
         });
-        navigate(
-          `${basePath}/${viewPaths.EMAIL_VERIFICATION}?email=${encodeURIComponent(email)}`
-        );
+        if (authFlowMode !== "internal") {
+          navigate(
+            `${basePath}/${viewPaths.EMAIL_VERIFICATION}?email=${encodeURIComponent(email)}`
+          );
+        }
       } else {
         onAuthEvent?.({
           type: "SIGN_UP_REQUIRES_VERIFICATION",
           email
         });
-        navigate(
-          `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
-        );
-        toast({
-          variant: "success",
-          message: localization.SIGN_UP_EMAIL
-        });
+        if (authFlowMode !== "internal") {
+          navigate(
+            `${basePath}/${viewPaths.SIGN_IN}${window.location.search}`
+          );
+          toast({
+            variant: "success",
+            message: localization.SIGN_UP_EMAIL
+          });
+        }
       }
     } catch (error) {
       const errorMessage = getLocalizedError({
@@ -14388,6 +14419,7 @@ function AuthForm({
   className,
   classNames,
   callbackURL,
+  email,
   isSubmitting,
   localization,
   pathname,
@@ -14552,6 +14584,7 @@ function AuthForm({
         className,
         classNames,
         callbackURL,
+        email,
         localization,
         otpSeparators,
         redirectTo,
@@ -15107,6 +15140,7 @@ function AuthView({
   callbackURL,
   cardHeader,
   cardFooter,
+  email,
   localization,
   path: pathProp,
   pathname,
@@ -15194,6 +15228,7 @@ function AuthView({
           {
             classNames: classNames?.form,
             callbackURL,
+            email,
             isSubmitting,
             localization,
             otpSeparators,
@@ -15542,8 +15577,40 @@ function AuthFlow({
   const handleAuthEvent = useCallback9(
     (event) => {
       onEvent?.(event);
+      if (mode === "internal") {
+        switch (event.type) {
+          // Sign-up flow
+          case "SIGN_UP_REQUIRES_VERIFICATION":
+            setCurrentView("EMAIL_VERIFICATION");
+            setVerifyEmail(event.email);
+            break;
+          // Sign-in flow
+          case "SIGN_IN_REQUIRES_2FA":
+            setCurrentView("TWO_FACTOR");
+            break;
+          case "SIGN_IN_REQUIRES_VERIFICATION":
+            setCurrentView("EMAIL_VERIFICATION");
+            setVerifyEmail(event.email);
+            break;
+          // Verification success without token → sign in
+          case "VERIFICATION_SUCCESS":
+            if (!event.session?.token) {
+              setCurrentView("SIGN_IN");
+            }
+            break;
+          // Password reset flow
+          case "PASSWORD_RESET_SUCCESS":
+            setCurrentView("SIGN_IN");
+            break;
+          // View toggles (footer links) - handled by InternalLink
+          case "VIEW_CHANGE":
+            setCurrentView(event.view);
+            if (event.email) setVerifyEmail(event.email);
+            break;
+        }
+      }
     },
-    [onEvent]
+    [onEvent, mode]
   );
   const viewKey = useMemo5(() => {
     if (mode === "route") {
@@ -15558,6 +15625,7 @@ function AuthFlow({
       basePath,
       navigate: handleNavigate,
       onAuthEvent: handleAuthEvent,
+      authFlowMode: mode,
       redirectTo,
       Link: InternalLink,
       ...providerProps,
@@ -15568,6 +15636,7 @@ function AuthFlow({
           classNames,
           cardHeader,
           cardFooter,
+          email: verifyEmail,
           socialLayout,
           otpSeparators,
           redirectTo,