@erikey/react 0.5.2 → 0.6.0

package/dist/ui/index.mjs

@@ -1,16 +1,16 @@
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string2) => string2.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
 }).join(" ").trim();
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/Icon.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 import { forwardRef, createElement } from "react";
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -23,7 +23,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/Icon.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef(
   ({
     color = "currentColor",
@@ -55,7 +55,7 @@ var Icon = forwardRef(
   }
 );
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = forwardRef2(
     ({ className, ...props }, ref) => createElement2(Icon, {
@@ -69,23 +69,23 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/arrow-left.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/arrow-left.js
 var ArrowLeft = createLucideIcon("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/cloud-upload.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/cloud-upload.js
 var CloudUpload = createLucideIcon("CloudUpload", [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
   ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/eye-off.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye-off.js
 var EyeOff = createLucideIcon("EyeOff", [
   [
     "path",
@@ -105,7 +105,7 @@ var EyeOff = createLucideIcon("EyeOff", [
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/eye.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye.js
 var Eye = createLucideIcon("Eye", [
   [
     "path",
@@ -117,7 +117,7 @@ var Eye = createLucideIcon("Eye", [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/fingerprint.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/fingerprint.js
 var Fingerprint = createLucideIcon("Fingerprint", [
   ["path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4", key: "1nerag" }],
   ["path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88", key: "o46ks0" }],
@@ -130,27 +130,27 @@ var Fingerprint = createLucideIcon("Fingerprint", [
   ["path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2", key: "1fr1j5" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
 var LoaderCircle = createLucideIcon("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/lock.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/lock.js
 var Lock = createLucideIcon("Lock", [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/mail.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/mail.js
 var Mail = createLucideIcon("Mail", [
   ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
   ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/minus.js
 var Minus = createLucideIcon("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/qr-code.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/qr-code.js
 var QrCode = createLucideIcon("QrCode", [
   ["rect", { width: "5", height: "5", x: "3", y: "3", rx: "1", key: "1tu5fj" }],
   ["rect", { width: "5", height: "5", x: "16", y: "3", rx: "1", key: "1v8r4q" }],
@@ -166,7 +166,7 @@ var QrCode = createLucideIcon("QrCode", [
   ["path", { d: "M12 21v-1", key: "1880an" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/send.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/send.js
 var Send = createLucideIcon("Send", [
   [
     "path",
@@ -178,7 +178,7 @@ var Send = createLucideIcon("Send", [
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/trash-2.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/trash-2.js
 var Trash2 = createLucideIcon("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
@@ -187,13 +187,13 @@ var Trash2 = createLucideIcon("Trash2", [
   ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/user-round.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/user-round.js
 var UserRound = createLucideIcon("UserRound", [
   ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
   ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
 ]);
 
-// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/wallet.js
+// ../../../node_modules/.pnpm/lucide-react@0.462.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/wallet.js
 var Wallet = createLucideIcon("Wallet", [
   [
     "path",
@@ -6890,6 +6890,8 @@ function useAuthData({
   const initialized = useRef(false);
   const previousUserId = useRef(void 0);
   const [error, setError] = useState3(null);
+  const cacheEntryRef = useRef(cacheEntry);
+  cacheEntryRef.current = cacheEntry;
   const refetch = useCallback(async () => {
     const existingRequest = authDataCache.getInFlightRequest(stableCacheKey);
     if (existingRequest) {
@@ -6905,7 +6907,7 @@ function useAuthData({
       }
       return;
     }
-    if (cacheEntry?.data !== void 0) {
+    if (cacheEntryRef.current?.data !== void 0) {
       authDataCache.setRefetching(stableCacheKey, true);
     }
     const fetchPromise = queryFnRef.current();
@@ -6941,7 +6943,7 @@ function useAuthData({
       authDataCache.setRefetching(stableCacheKey, false);
       authDataCache.removeInFlightRequest(stableCacheKey);
     }
-  }, [stableCacheKey, toast, localization, localizeErrors, cacheEntry]);
+  }, [stableCacheKey, toast, localization, localizeErrors]);
   useEffect4(() => {
     const currentUserId = sessionData?.user?.id;
     if (!sessionData) {
@@ -7814,10 +7816,14 @@ var organizationViewPaths = {
 import { jsx as jsx2 } from "react/jsx-runtime";
 var DefaultLink = ({ href, className, children }) => /* @__PURE__ */ jsx2("a", { className, href, children });
 var defaultNavigate = (href) => {
-  window.location.href = href;
+  if (typeof window !== "undefined") {
+    window.location.href = href;
+  }
 };
 var defaultReplace = (href) => {
-  window.location.replace(href);
+  if (typeof window !== "undefined") {
+    window.location.replace(href);
+  }
 };
 var defaultToast = () => {
 };
@@ -8216,6 +8222,7 @@ function AuthCallback({ redirectTo }) {
 // src/ui/components/auth/auth-flow.tsx
 import {
   useCallback as useCallback9,
+  useContext as useContext30,
   useMemo as useMemo5,
   useState as useState16
 } from "react";
@@ -9018,7 +9025,7 @@ function Separator({
 // src/ui/components/auth/auth-form.tsx
 import { useContext as useContext22, useEffect as useEffect20 } from "react";
 
-// ../../../node_modules/.pnpm/react-hook-form@7.66.1_react@19.0.0/node_modules/react-hook-form/dist/index.esm.mjs
+// ../../../node_modules/.pnpm/react-hook-form@7.66.1_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs
 import React2 from "react";
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value) => value instanceof Date;
@@ -10817,7 +10824,7 @@ function useForm(props = {}) {
   return _formControl.current;
 }
 
-// ../../../node_modules/.pnpm/@hookform+resolvers@5.2.2_react-hook-form@7.66.1_react@19.0.0_/node_modules/@hookform/resolvers/dist/resolvers.mjs
+// ../../../node_modules/.pnpm/@hookform+resolvers@5.2.2_react-hook-form@7.66.1_react@18.3.1_/node_modules/@hookform/resolvers/dist/resolvers.mjs
 var r2 = (t2, r3, o2) => {
   if (t2 && "reportValidity" in t2) {
     const s3 = get(o2, r3);
@@ -11025,7 +11032,7 @@ var date = /* @__PURE__ */ new RegExp(`^${dateSource}$`);
 var $output = Symbol("ZodOutput");
 var $input = Symbol("ZodInput");
 
-// ../../../node_modules/.pnpm/@hookform+resolvers@5.2.2_react-hook-form@7.66.1_react@19.0.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs
+// ../../../node_modules/.pnpm/@hookform+resolvers@5.2.2_react-hook-form@7.66.1_react@18.3.1_/node_modules/@hookform/resolvers/zod/dist/zod.mjs
 function t(r3, e) {
   try {
     var o2 = r3();
@@ -11145,27 +11152,27 @@ function useCaptcha({
       }
       case "google-recaptcha-v2-checkbox": {
         const recaptchaRef = captchaRef;
-        response = recaptchaRef.current.getValue();
+        response = recaptchaRef.current?.getValue?.();
         break;
       }
       case "google-recaptcha-v2-invisible": {
         const recaptchaRef = captchaRef;
-        response = await recaptchaRef.current.executeAsync();
+        response = await recaptchaRef.current?.executeAsync?.();
         break;
       }
       case "cloudflare-turnstile": {
         const turnstileRef = captchaRef;
-        response = turnstileRef.current.getResponse();
+        response = turnstileRef.current?.getResponse?.();
         break;
       }
       case "hcaptcha": {
         const hcaptchaRef = captchaRef;
-        response = hcaptchaRef.current.getResponse();
+        response = hcaptchaRef.current?.getResponse?.();
         break;
       }
       case "captchafox": {
         const captchafoxRef = captchaRef;
-        response = captchafoxRef.current.getResponse();
+        response = captchafoxRef.current?.getResponse?.();
         break;
       }
     }
@@ -11413,12 +11420,12 @@ var FormField = ({
 var useFormField = () => {
   const fieldContext = React3.useContext(FormFieldContext);
   const itemContext = React3.useContext(FormItemContext);
+  if (!fieldContext?.name) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
   const { id } = itemContext;
   return {
     id,
@@ -11512,7 +11519,7 @@ function Input({ className, type, ...props }) {
 // src/ui/components/ui/input-otp.tsx
 import * as React4 from "react";
 
-// ../../../node_modules/.pnpm/input-otp@1.4.2_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/input-otp/dist/index.mjs
+// ../../../node_modules/.pnpm/input-otp@1.4.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/input-otp/dist/index.mjs
 import * as n2 from "react";
 import * as U from "react";
 import * as S from "react";
@@ -11849,7 +11856,8 @@ function EmailForm({
     authClient,
     localization: contextLocalization,
     toast,
-    localizeErrors
+    localizeErrors,
+    onAuthEvent
   } = useContext11(AuthUIContext);
   localization = { ...contextLocalization, ...localization };
   const formSchema = objectType({
@@ -11868,6 +11876,7 @@ function EmailForm({
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function sendEmailOTP({ email: email2 }) {
+    onAuthEvent?.({ type: "SIGN_IN_START", email: email2 });
     const fetchOptions = {
       throw: true,
       headers: await getCaptchaHeaders("/email-otp/send-verification-otp")
@@ -11884,13 +11893,19 @@ function EmailForm({
       });
       setEmail(email2);
     } catch (error) {
+      const errorMessage = getLocalizedError({
+        error,
+        localization,
+        localizeErrors
+      });
+      const errorCode = error?.error?.code;
+      onAuthEvent?.({
+        type: "SIGN_IN_ERROR",
+        error: { message: errorMessage, code: errorCode }
+      });
       toast({
         variant: "error",
-        message: getLocalizedError({
-          error,
-          localization,
-          localizeErrors
-        })
+        message: errorMessage
       });
     }
   }
@@ -11961,7 +11976,8 @@ function OTPForm({
     authClient,
     localization: contextLocalization,
     toast,
-    localizeErrors
+    localizeErrors,
+    onAuthEvent
   } = useContext11(AuthUIContext);
   localization = { ...contextLocalization, ...localization };
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition({
@@ -11986,20 +12002,33 @@ function OTPForm({
   }, [form.formState.isSubmitting, transitionPending, setIsSubmitting]);
   async function verifyCode({ code }) {
     try {
-      await authClient.signIn.emailOtp({
+      const data = await authClient.signIn.emailOtp({
         email: email2,
         otp: code,
         fetchOptions: { throw: true }
       });
+      const user = data.user;
+      const session = {
+        token: data.token,
+        user
+      };
+      onAuthEvent?.({ type: "SIGN_IN_SUCCESS", user, session });
+      onAuthEvent?.({ type: "AUTH_SUCCESS", user, session });
       await onSuccess();
     } catch (error) {
+      const errorMessage = getLocalizedError({
+        error,
+        localization,
+        localizeErrors
+      });
+      const errorCode = error?.error?.code;
+      onAuthEvent?.({
+        type: "SIGN_IN_ERROR",
+        error: { message: errorMessage, code: errorCode }
+      });
       toast({
         variant: "error",
-        message: getLocalizedError({
-          error,
-          localization,
-          localizeErrors
-        })
+        message: errorMessage
       });
       form.reset();
     }
@@ -12025,7 +12054,10 @@ function OTPForm({
                   onChange: (value) => {
                     field.onChange(value);
                     if (value.length === 6) {
-                      form.handleSubmit(verifyCode)();
+                      form.handleSubmit(verifyCode)().catch(
+                        () => {
+                        }
+                      );
                     }
                   },
                   containerClassName: classNames?.otpInputContainer,
@@ -12300,7 +12332,10 @@ function EmailVerificationForm({
                   onChange: (value) => {
                     field.onChange(value);
                     if (value.length === 6) {
-                      form.handleSubmit(verifyCode)();
+                      form.handleSubmit(verifyCode)().catch(
+                        () => {
+                        }
+                      );
                     }
                   },
                   containerClassName: classNames?.otpInputContainer,
@@ -12518,7 +12553,8 @@ function MagicLinkForm({
     redirectTo: contextRedirectTo,
     viewPaths,
     toast,
-    localizeErrors
+    localizeErrors,
+    onAuthEvent
   } = useContext14(AuthUIContext);
   localization = { ...contextLocalization, ...localization };
   const getRedirectTo = useCallback5(
@@ -12552,6 +12588,7 @@ function MagicLinkForm({
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function sendMagicLink({ email: email2 }) {
+    onAuthEvent?.({ type: "SIGN_IN_START", email: email2 });
     try {
       const fetchOptions = {
         throw: true,
@@ -12568,13 +12605,19 @@ function MagicLinkForm({
       });
       form.reset();
     } catch (error) {
+      const errorMessage = getLocalizedError({
+        error,
+        localization,
+        localizeErrors
+      });
+      const errorCode = error?.error?.code;
+      onAuthEvent?.({
+        type: "SIGN_IN_ERROR",
+        error: { message: errorMessage, code: errorCode }
+      });
       toast({
         variant: "error",
-        message: getLocalizedError({
-          error,
-          localization,
-          localizeErrors
-        })
+        message: errorMessage
       });
       resetCaptcha();
     }
@@ -13247,6 +13290,11 @@ import { useCallback as useCallback6, useContext as useContext19, useEffect as u
 
 // src/ui/lib/image-utils.ts
 async function resizeAndCropImage(file, name, size, extension) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "resizeAndCropImage requires a browser environment (window and document must be defined)"
+    );
+  }
   const image = await loadImage(file);
   const canvas = document.createElement("canvas");
   canvas.width = canvas.height = size;
@@ -13593,10 +13641,17 @@ function SignUpForm({
     resolver: a(formSchema),
     defaultValues
   });
-  isSubmitting = isSubmitting || form.formState.isSubmitting || transitionPending;
+  isSubmitting = isSubmitting || form.formState.isSubmitting || transitionPending || uploadingAvatar;
   useEffect17(() => {
-    setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
-  }, [form.formState.isSubmitting, transitionPending, setIsSubmitting]);
+    setIsSubmitting?.(
+      form.formState.isSubmitting || transitionPending || uploadingAvatar
+    );
+  }, [
+    form.formState.isSubmitting,
+    transitionPending,
+    uploadingAvatar,
+    setIsSubmitting
+  ]);
   const handleAvatarChange = async (file) => {
     if (!avatar) return;
     setUploadingAvatar(true);
@@ -14103,6 +14158,7 @@ function TwoFactorForm({
   const initialSendRef = useRef8(false);
   const {
     authClient,
+    authFlowMode,
     basePath,
     hooks: { useSession },
     localization: contextLocalization,
@@ -14176,7 +14232,9 @@ function TwoFactorForm({
         })
       });
       if (error.error.code === "INVALID_TWO_FACTOR_COOKIE") {
-        history.back();
+        if (authFlowMode !== "internal") {
+          history.back();
+        }
       }
     }
     initialSendRef.current = false;
@@ -14282,7 +14340,8 @@ function TwoFactorForm({
                       if (value.length === 6) {
                         form.handleSubmit(
                           verifyCode
-                        )();
+                        )().catch(() => {
+                        });
                       }
                     },
                     containerClassName: classNames?.otpInputContainer,
@@ -14445,6 +14504,7 @@ function AuthForm({
   const signUpEnabled = !!signUp;
   localization = { ...contextLocalization, ...localization };
   useEffect20(() => {
+    if (typeof window === "undefined" || !viewPaths) return;
     if (pathname && !getViewByPath(viewPaths, pathname)) {
       console.error(`Invalid auth view: ${pathname}`);
       replace(`${basePath}/${viewPaths.SIGN_IN}${window.location.search}`);
@@ -15183,6 +15243,7 @@ function AuthView({
     setIsSubmitting(value);
   };
   useEffect23(() => {
+    if (typeof window === "undefined") return;
     const handlePageHide = () => setIsSubmitting(false);
     window.addEventListener("pagehide", handlePageHide);
     return () => {
@@ -15479,37 +15540,62 @@ var flowViewToPathKey = {
   RECOVER_ACCOUNT: "RECOVER_ACCOUNT"
 };
 function parsePathToView(path) {
-  const url = new URL(path, "http://localhost");
-  const pathname = url.pathname;
-  const email2 = url.searchParams.get("email") || void 0;
-  if (pathname.includes("email-verification")) {
-    return { view: "EMAIL_VERIFICATION", email: email2 };
-  }
-  if (pathname.includes("two-factor")) {
-    return { view: "TWO_FACTOR", email: email2 };
-  }
-  if (pathname.includes("forgot-password")) {
-    return { view: "FORGOT_PASSWORD", email: email2 };
-  }
-  if (pathname.includes("reset-password")) {
-    return { view: "RESET_PASSWORD", email: email2 };
-  }
-  if (pathname.includes("sign-up")) {
-    return { view: "SIGN_UP", email: email2 };
-  }
-  if (pathname.includes("magic-link")) {
-    return { view: "MAGIC_LINK", email: email2 };
-  }
-  if (pathname.includes("email-otp")) {
+  try {
+    const url = new URL(path, "http://localhost");
+    const pathname = url.pathname;
+    const email2 = url.searchParams.get("email") || void 0;
+    const segments = pathname.split("/").filter(Boolean);
+    const lastSegment = segments[segments.length - 1] || "";
+    if (lastSegment === "email-verification" || pathname.includes("/email-verification")) {
+      return { view: "EMAIL_VERIFICATION", email: email2 };
+    }
+    if (lastSegment === "two-factor" || pathname.includes("/two-factor")) {
+      return { view: "TWO_FACTOR", email: email2 };
+    }
+    if (lastSegment === "forgot-password" || pathname.includes("/forgot-password")) {
+      return { view: "FORGOT_PASSWORD", email: email2 };
+    }
+    if (lastSegment === "reset-password" || pathname.includes("/reset-password")) {
+      return { view: "RESET_PASSWORD", email: email2 };
+    }
+    if (lastSegment === "sign-up" || pathname.includes("/sign-up")) {
+      return { view: "SIGN_UP", email: email2 };
+    }
+    if (lastSegment === "magic-link" || pathname.includes("/magic-link")) {
+      return { view: "MAGIC_LINK", email: email2 };
+    }
+    if (lastSegment === "email-otp" || pathname.includes("/email-otp")) {
+      return { view: "EMAIL_OTP", email: email2 };
+    }
+    if (lastSegment === "recover-account" || pathname.includes("/recover-account")) {
+      return { view: "RECOVER_ACCOUNT", email: email2 };
+    }
     return { view: "SIGN_IN", email: email2 };
+  } catch {
+    return { view: "SIGN_IN" };
   }
-  if (pathname.includes("recover-account")) {
-    return { view: "TWO_FACTOR", email: email2 };
-  }
-  return { view: "SIGN_IN", email: email2 };
 }
 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");
+  const authSegments = [
+    "sign-in",
+    "sign-up",
+    "email-verification",
+    "two-factor",
+    "forgot-password",
+    "reset-password",
+    "magic-link",
+    "email-otp",
+    "recover-account"
+  ];
+  try {
+    const url = new URL(href, "http://localhost");
+    const segments = url.pathname.split("/").filter(Boolean);
+    return segments.some((segment) => authSegments.includes(segment));
+  } catch {
+    return authSegments.some(
+      (authPath) => href.includes(`/${authPath}`) || href.endsWith(authPath) || href === authPath
+    );
+  }
 }
 var AUTH_FLOW_STATE_KEY = "erikey_auth_flow_state";
 function getPersistedState() {
@@ -15519,7 +15605,8 @@ function getPersistedState() {
     if (stored) {
       return JSON.parse(stored);
     }
-  } catch {
+  } catch (error) {
+    console.warn("[AuthFlow] Failed to read persisted state:", error);
   }
   return null;
 }
@@ -15530,14 +15617,16 @@ function persistState(view, email2) {
       AUTH_FLOW_STATE_KEY,
       JSON.stringify({ view, email: email2 })
     );
-  } catch {
+  } catch (error) {
+    console.warn("[AuthFlow] Failed to persist state:", error);
   }
 }
 function clearPersistedState() {
   if (typeof window === "undefined") return;
   try {
     sessionStorage.removeItem(AUTH_FLOW_STATE_KEY);
-  } catch {
+  } catch (error) {
+    console.warn("[AuthFlow] Failed to clear persisted state:", error);
   }
 }
 function AuthFlow({
@@ -15656,7 +15745,7 @@ function AuthFlow({
           // Sign-in flow
           case "SIGN_IN_REQUIRES_2FA":
             setCurrentView("TWO_FACTOR");
-            persistState("TWO_FACTOR");
+            persistState("TWO_FACTOR", event.email);
             break;
           case "SIGN_IN_REQUIRES_VERIFICATION":
             setCurrentView("EMAIL_VERIFICATION");
@@ -15732,22 +15821,22 @@ function AuthFlow({
   );
 }
 function useAuthFlowEvent() {
-  const context = AuthUIContext;
-  return context;
+  const { onAuthEvent } = useContext30(AuthUIContext);
+  return onAuthEvent;
 }
 
 // src/ui/components/auth-loading.tsx
-import { useContext as useContext30 } from "react";
+import { useContext as useContext31 } from "react";
 function AuthLoading({ children }) {
   const {
     hooks: { useSession }
-  } = useContext30(AuthUIContext);
+  } = useContext31(AuthUIContext);
   const { isPending } = useSession();
   return isPending ? children : null;
 }
 
 // src/ui/hooks/use-authenticate.ts
-import { useContext as useContext31, useEffect as useEffect24 } from "react";
+import { useContext as useContext32, useEffect as useEffect24 } from "react";
 function useAuthenticate(options) {
   const { authView = "SIGN_IN", enabled = true } = options ?? {};
   const {
@@ -15755,10 +15844,11 @@ function useAuthenticate(options) {
     basePath,
     viewPaths,
     replace
-  } = useContext31(AuthUIContext);
+  } = useContext32(AuthUIContext);
   const { data, isPending, error, refetch } = useSession();
   const sessionData = data;
   useEffect24(() => {
+    if (typeof window === "undefined") return;
     if (!enabled || isPending || sessionData) return;
     const searchParams = new URLSearchParams(window.location.search);
     const redirectTo = searchParams.get("redirectTo") || window.location.pathname + window.location.search;
@@ -15796,21 +15886,21 @@ function RedirectToSignUp() {
 }
 
 // src/ui/components/signed-in.tsx
-import { useContext as useContext32 } from "react";
+import { useContext as useContext33 } from "react";
 function SignedIn({ children }) {
   const {
     hooks: { useSession }
-  } = useContext32(AuthUIContext);
+  } = useContext33(AuthUIContext);
   const { data } = useSession();
   return data ? children : null;
 }
 
 // src/ui/components/signed-out.tsx
-import { useContext as useContext33 } from "react";
+import { useContext as useContext34 } from "react";
 function SignedOut({ children }) {
   const {
     hooks: { useSession }
-  } = useContext33(AuthUIContext);
+  } = useContext34(AuthUIContext);
   const { data, isPending } = useSession();
   return !data && !isPending ? children : null;
 }