@erikey/react 0.4.33 → 0.4.35

package/dist/ui/index.mjs

@@ -8214,7 +8214,11 @@ function AuthCallback({ redirectTo }) {
 }
 
 // src/ui/components/auth/auth-flow.tsx
-import { useCallback as useCallback9, useMemo as useMemo5, useState as useState16 } from "react";
+import {
+  useCallback as useCallback9,
+  useMemo as useMemo5,
+  useState as useState16
+} from "react";
 
 // src/ui/components/auth/auth-view.tsx
 import { useContext as useContext29, useEffect as useEffect23, useState as useState15 } from "react";
@@ -15410,7 +15414,9 @@ var flowViewToPathKey = {
   TWO_FACTOR: "TWO_FACTOR",
   FORGOT_PASSWORD: "FORGOT_PASSWORD",
   RESET_PASSWORD: "RESET_PASSWORD",
-  MAGIC_LINK: "MAGIC_LINK"
+  MAGIC_LINK: "MAGIC_LINK",
+  EMAIL_OTP: "EMAIL_OTP",
+  RECOVER_ACCOUNT: "RECOVER_ACCOUNT"
 };
 function parsePathToView(path) {
   const url = new URL(path, "http://localhost");
@@ -15434,8 +15440,17 @@ function parsePathToView(path) {
   if (pathname.includes("magic-link")) {
     return { view: "MAGIC_LINK", email };
   }
+  if (pathname.includes("email-otp")) {
+    return { view: "SIGN_IN", email };
+  }
+  if (pathname.includes("recover-account")) {
+    return { view: "TWO_FACTOR", email };
+  }
   return { view: "SIGN_IN", email };
 }
+function isAuthPath(href) {
+  return href.includes("sign-in") || href.includes("sign-up") || href.includes("email-verification") || href.includes("two-factor") || href.includes("forgot-password") || href.includes("reset-password") || href.includes("magic-link") || href.includes("email-otp") || href.includes("recover-account");
+}
 function AuthFlow({
   mode = "internal",
   onEvent,
@@ -15451,6 +15466,7 @@ function AuthFlow({
   // AuthUIProvider props
   authClient,
   basePath = "/auth",
+  Link: ExternalLink,
   ...providerProps
 }) {
   const [currentView, setCurrentView] = useState16(initialView);
@@ -15474,6 +15490,55 @@ function AuthFlow({
     },
     [mode, externalNavigate, onEvent]
   );
+  const InternalLink = useCallback9(
+    ({
+      href,
+      children,
+      className: linkClassName,
+      ...rest
+    }) => {
+      const handleClick = (e) => {
+        if (mode === "internal" && isAuthPath(href)) {
+          e.preventDefault();
+          handleNavigate(href);
+        }
+      };
+      if (mode === "internal" && isAuthPath(href)) {
+        return /* @__PURE__ */ jsx38(
+          "a",
+          {
+            href,
+            className: linkClassName,
+            onClick: handleClick,
+            ...rest,
+            children
+          }
+        );
+      }
+      if (ExternalLink) {
+        return /* @__PURE__ */ jsx38(
+          ExternalLink,
+          {
+            href,
+            className: linkClassName,
+            ...rest,
+            children
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx38(
+        "a",
+        {
+          href,
+          className: linkClassName,
+          onClick: handleClick,
+          ...rest,
+          children
+        }
+      );
+    },
+    [mode, handleNavigate, ExternalLink]
+  );
   const handleAuthEvent = useCallback9(
     (event) => {
       onEvent?.(event);
@@ -15501,6 +15566,7 @@ function AuthFlow({
       navigate: handleNavigate,
       onAuthEvent: handleAuthEvent,
       redirectTo,
+      Link: InternalLink,
       ...providerProps,
       children: /* @__PURE__ */ jsx38(
         AuthView,