@atzentis/auth-expo 0.0.16 → 0.2.0

package/dist/index.js

@@ -1,6 +1,2664 @@
+import { StyleSheet, View, Text, TextInput, Pressable, KeyboardAvoidingView, ScrollView, Platform, ActivityIndicator, Alert, FlatList, RefreshControl, ActionSheetIOS, Image } from 'react-native';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { InvalidConfigError, authKeys, RequestFailedError, forgotPasswordSchema, credentialLoginSchema, magicLinkSchema, NotImplementedError, phoneLoginSchema, otpVerifySchema, resetPasswordSchema, signupSchema, totpSchema, backupCodeSchema, changeEmailSchema, changePasswordSchema, updateNameSchema, updateUsernameSchema } from '@atzentis/auth-sdk';
+import { QueryClient, QueryClientProvider, useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import React, { forwardRef, useState, useMemo, use, useCallback, useEffect } from 'react';
+import { en } from '@atzentis/auth-locales';
+import { expoClient } from '@better-auth/expo/client';
+import { createAuthClient } from 'better-auth/react';
+import { getLocales } from 'expo-localization';
+import * as SecureStore from 'expo-secure-store';
+import { EyeOff, Eye, AlertCircle, CheckCircle2 } from 'lucide-react-native';
+import { Host, Button } from '@expo/ui/swift-ui';
+import { useRouter } from 'expo-router';
+import * as Haptics from 'expo-haptics';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm, Controller } from 'react-hook-form';
+import * as ImagePicker from 'expo-image-picker';
+import * as LocalAuthentication from 'expo-local-authentication';
+
+// src/ui/layouts/auth-container.tsx
+function AuthContainer({ children }) {
+  return /* @__PURE__ */ jsx(
+    KeyboardAvoidingView,
+    {
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: styles.flex,
+      children: /* @__PURE__ */ jsx(
+        ScrollView,
+        {
+          contentInsetAdjustmentBehavior: "automatic",
+          keyboardShouldPersistTaps: "handled",
+          contentContainerStyle: styles.scrollContent,
+          children: /* @__PURE__ */ jsx(View, { style: styles.container, children })
+        }
+      )
+    }
+  );
+}
+var styles = StyleSheet.create({
+  flex: { flex: 1 },
+  scrollContent: { flexGrow: 1, justifyContent: "center" },
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    paddingHorizontal: 24,
+    gap: 16,
+    maxWidth: 440,
+    alignSelf: "center",
+    width: "100%"
+  }
+});
+var AuthClientContext = React.createContext(null);
+var LocalizationContext = React.createContext({
+  localization: en,
+  localizeErrors: true
+});
+function AuthProvider({
+  baseURL,
+  children,
+  locales,
+  localization: localizationOverride,
+  queryClient: externalQueryClient,
+  scheme,
+  storagePrefix
+}) {
+  const queryClient = useMemo(
+    () => externalQueryClient ?? new QueryClient(),
+    [externalQueryClient]
+  );
+  const authClient = useMemo(
+    () => createAuthClient({
+      baseURL,
+      plugins: [
+        expoClient({
+          scheme,
+          storagePrefix: storagePrefix ?? scheme,
+          storage: SecureStore
+        })
+      ]
+    }),
+    [baseURL, scheme, storagePrefix]
+  );
+  const resolvedLocalization = useMemo(() => {
+    const deviceLocales = getLocales();
+    const langCode = deviceLocales[0]?.languageCode ?? "en";
+    const base = locales?.[langCode] ?? en;
+    if (localizationOverride) {
+      return { ...base, ...localizationOverride };
+    }
+    return base;
+  }, [locales, localizationOverride]);
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(AuthClientContext, { value: authClient, children: /* @__PURE__ */ jsx(LocalizationContext, { value: { localization: resolvedLocalization, localizeErrors: true }, children }) }) });
+}
+
+// src/hooks/use-auth-client.ts
+function useAuthClient() {
+  const client = use(AuthClientContext);
+  if (!client) {
+    throw new InvalidConfigError({
+      message: "useAuthClient must be used within an AuthProvider"
+    });
+  }
+  return client;
+}
+
+// src/hooks/queries/use-session.ts
+function useSession() {
+  const client = useAuthClient();
+  return useQuery({
+    queryKey: authKeys.session(),
+    queryFn: async () => {
+      const response = await client.getSession();
+      if (response.error) return null;
+      return response.data?.session ?? null;
+    },
+    staleTime: 5 * 60 * 1e3
+  });
+}
+function AuthGate({ children, fallback = null }) {
+  const { data: session } = useSession();
+  return /* @__PURE__ */ jsx(Fragment, { children: session ? children : fallback });
+}
+function ErrorFeedback({ message }) {
+  return /* @__PURE__ */ jsxs(View, { style: styles2.container, accessibilityRole: "alert", accessibilityLiveRegion: "polite", children: [
+    /* @__PURE__ */ jsx(AlertCircle, { size: 16 }),
+    /* @__PURE__ */ jsx(Text, { style: styles2.text, children: message })
+  ] });
+}
+var styles2 = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: "rgba(239, 68, 68, 0.1)"
+  },
+  text: { fontSize: 14, color: "#ef4444", flex: 1 }
+});
+var FormInput = forwardRef(
+  ({ error, label, style, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(View, { style: { gap: 4 }, children: [
+      label && /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, fontWeight: "500", color: "#1f2937" }, children: label }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          ref,
+          style: [
+            {
+              borderWidth: 1,
+              borderColor: error ? "#ef4444" : "#d1d5db",
+              borderRadius: 8,
+              paddingHorizontal: 12,
+              paddingVertical: 12,
+              fontSize: 16,
+              color: "#1f2937",
+              backgroundColor: "#ffffff",
+              minHeight: 44
+            },
+            style
+          ],
+          placeholderTextColor: "#9ca3af",
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ jsx(Text, { style: { fontSize: 12, color: "#ef4444" }, children: error })
+    ] });
+  }
+);
+FormInput.displayName = "FormInput";
+var FormPasswordInput = forwardRef(
+  ({ error, label, style, ...props }, ref) => {
+    const [visible, setVisible] = useState(false);
+    return /* @__PURE__ */ jsxs(View, { style: { gap: 4 }, children: [
+      label && /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, fontWeight: "500", color: "#1f2937" }, children: label }),
+      /* @__PURE__ */ jsxs(View, { style: { position: "relative" }, children: [
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            ref,
+            secureTextEntry: !visible,
+            style: [
+              {
+                borderWidth: 1,
+                borderColor: error ? "#ef4444" : "#d1d5db",
+                borderRadius: 8,
+                paddingHorizontal: 12,
+                paddingVertical: 12,
+                paddingRight: 44,
+                fontSize: 16,
+                color: "#1f2937",
+                backgroundColor: "#ffffff",
+                minHeight: 44
+              },
+              style
+            ],
+            placeholderTextColor: "#9ca3af",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            onPress: () => setVisible((v) => !v),
+            accessibilityRole: "button",
+            accessibilityLabel: visible ? "Hide password" : "Show password",
+            style: {
+              position: "absolute",
+              right: 8,
+              top: 0,
+              bottom: 0,
+              justifyContent: "center",
+              alignItems: "center",
+              width: 32
+            },
+            children: visible ? /* @__PURE__ */ jsx(EyeOff, { size: 20 }) : /* @__PURE__ */ jsx(Eye, { size: 20 })
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx(Text, { style: { fontSize: 12, color: "#ef4444" }, children: error })
+    ] });
+  }
+);
+FormPasswordInput.displayName = "FormPasswordInput";
+function useAuthLocalization() {
+  return use(LocalizationContext);
+}
+function OAuthButton({ onError, onSuccess, provider }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const queryClient = useQueryClient();
+  const oauthMutation = useMutation({
+    mutationFn: async () => {
+      const response = await client.signIn.social({ provider });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? "OAuth sign-in failed" });
+      }
+      return response.data;
+    },
+    onSuccess: (data) => {
+      if ("url" in data && data.url) {
+        queryClient.invalidateQueries({ queryKey: authKeys.session() });
+      }
+      if ("user" in data && data.user) {
+        queryClient.setQueryData(authKeys.user(), data.user);
+      }
+    }
+  });
+  const handlePress = useCallback(() => {
+    oauthMutation.mutate(void 0, {
+      onSuccess: () => {
+        if (onSuccess) {
+          onSuccess();
+        } else {
+          router.replace("/(app)");
+        }
+      },
+      onError: (error) => {
+        if (onError) {
+          onError(error);
+        }
+      }
+    });
+  }, [oauthMutation, router, onSuccess, onError]);
+  const label = `${L.CONTINUE_WITH} ${provider.charAt(0).toUpperCase()}${provider.slice(1)}`;
+  const loadingLabel = L.SIGNING_IN;
+  return /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: handlePress, label: oauthMutation.isPending ? loadingLabel : label }) });
+}
+function ProtectedScreen({ children, fallback = null }) {
+  const { data: session, isLoading } = useSession();
+  const router = useRouter();
+  useEffect(() => {
+    if (!isLoading && !session) {
+      router.replace("/sign-in");
+    }
+  }, [session, isLoading, router]);
+  if (isLoading) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  if (!session) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function SuccessFeedback({ message }) {
+  return /* @__PURE__ */ jsxs(View, { style: styles3.container, accessibilityRole: "alert", accessibilityLiveRegion: "polite", children: [
+    /* @__PURE__ */ jsx(CheckCircle2, { size: 16 }),
+    /* @__PURE__ */ jsx(Text, { style: styles3.text, children: message })
+  ] });
+}
+var styles3 = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: "rgba(34, 197, 94, 0.1)"
+  },
+  text: { fontSize: 14, color: "#22c55e", flex: 1 }
+});
+function SubmitButton({
+  label,
+  loading,
+  loadingLabel,
+  onPress,
+  disabled = false
+}) {
+  const isDisabled = disabled || loading;
+  const handlePress = () => {
+    if (isDisabled) return;
+    if (process.env.EXPO_OS === "ios") {
+      Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
+    }
+    onPress();
+  };
+  return /* @__PURE__ */ jsx(Host, { matchContents: true, style: { opacity: isDisabled ? 0.5 : 1 }, children: /* @__PURE__ */ jsx(Button, { onPress: handlePress, label: loading ? loadingLabel : label }) });
+}
+function EmailVerificationScreen({ onSuccess, token }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const [status, setStatus] = useState(token ? "loading" : "no_token");
+  const verifyMutation = useMutation({
+    mutationFn: async (verifyToken) => {
+      const response = await client.verifyEmail?.({ query: { token: verifyToken } });
+      if (response?.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response?.data;
+    }
+  });
+  useEffect(() => {
+    if (!token) return;
+    setStatus("loading");
+    verifyMutation.mutate(token, {
+      onSuccess: () => {
+        setStatus("success");
+        setTimeout(() => {
+          if (onSuccess) {
+            onSuccess();
+          } else {
+            router.replace("/(app)");
+          }
+        }, 2e3);
+      },
+      onError: () => {
+        setStatus("error");
+      }
+    });
+  }, [token]);
+  const handleRetry = useCallback(() => {
+    if (!token) return;
+    setStatus("loading");
+    verifyMutation.mutate(token, {
+      onSuccess: () => {
+        setStatus("success");
+        setTimeout(() => {
+          if (onSuccess) {
+            onSuccess();
+          } else {
+            router.replace("/(app)");
+          }
+        }, 2e3);
+      },
+      onError: () => {
+        setStatus("error");
+      }
+    });
+  }, [token, verifyMutation, router, onSuccess]);
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsx(View, { style: { gap: 4, alignItems: "center" }, children: /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.EMAIL_VERIFICATION }) }),
+    status === "loading" && /* @__PURE__ */ jsxs(View, { style: { alignItems: "center", gap: 16 }, children: [
+      /* @__PURE__ */ jsx(ActivityIndicator, { size: "large" }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 16, color: "#6b7280" }, children: L.EMAIL_VERIFICATION_CHECKING })
+    ] }),
+    status === "success" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(SuccessFeedback, { message: L.EMAIL_VERIFICATION_SUCCESS }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280", textAlign: "center" }, children: L.REDIRECTING })
+    ] }),
+    status === "error" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(ErrorFeedback, { message: verifyMutation.error?.message ?? L.REQUEST_FAILED }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: handleRetry, label: L.VERIFY }) }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center" }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] }),
+    status === "no_token" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(ErrorFeedback, { message: L.REQUEST_FAILED }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center" }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function useRequestPasswordReset() {
+  const client = useAuthClient();
+  return useMutation({
+    mutationFn: async (data) => {
+      try {
+        await client.requestPasswordReset({
+          email: data.email,
+          redirectTo: data.redirectTo
+        });
+        return true;
+      } catch (error) {
+        const message = error instanceof Error && error.message ? error.message : "Password reset request failed";
+        throw new RequestFailedError({ message });
+      }
+    }
+  });
+}
+function ForgotPasswordScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const forgotMutation = useRequestPasswordReset();
+  const [emailSent, setEmailSent] = useState(false);
+  const [cooldown, setCooldown] = useState(0);
+  const form = useForm({
+    resolver: zodResolver(forgotPasswordSchema),
+    defaultValues: { email: "" },
+    mode: "onChange"
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      forgotMutation.mutate(
+        { email: data.email },
+        {
+          onSuccess: () => {
+            setEmailSent(true);
+            setCooldown(60);
+            if (onSuccess) {
+              onSuccess();
+            }
+          }
+        }
+      );
+    },
+    [forgotMutation, onSuccess]
+  );
+  const handleResend = useCallback(() => {
+    if (cooldown > 0) return;
+    const email = form.getValues("email");
+    forgotMutation.mutate({ email }, { onSuccess: () => setCooldown(60) });
+  }, [forgotMutation, cooldown, form]);
+  useEffect(() => {
+    if (cooldown <= 0) return;
+    const timer = setTimeout(() => setCooldown((c) => c - 1), 1e3);
+    return () => clearTimeout(timer);
+  }, [cooldown]);
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.FORGOT_PASSWORD }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.FORGOT_PASSWORD_DESCRIPTION })
+    ] }),
+    !emailSent ? /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "email",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.EMAIL_PLACEHOLDER,
+              placeholder: L.EMAIL_PLACEHOLDER,
+              autoCapitalize: "none",
+              keyboardType: "email-address",
+              editable: !forgotMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      forgotMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: forgotMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.FORGOT_PASSWORD_ACTION,
+          loading: forgotMutation.isPending,
+          loadingLabel: L.SENDING,
+          onPress: form.handleSubmit(handleSubmit)
+        }
+      ),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(SuccessFeedback, { message: `${L.FORGOT_PASSWORD_EMAIL} ${form.getValues("email")}` }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: handleResend,
+          label: cooldown > 0 ? `${L.RESEND} (${cooldown}s)` : L.RESEND
+        }
+      ) }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center" }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function useLogin() {
+  const client = useAuthClient();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (data) => {
+      const response = await client.signIn.email(data);
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? "Login failed" });
+      }
+      return response.data;
+    },
+    onSuccess: (data) => {
+      if (data?.user) {
+        queryClient.setQueryData(authKeys.user(), data.user);
+        queryClient.invalidateQueries({ queryKey: authKeys.session() });
+      }
+    }
+  });
+}
+function LoginScreen({
+  biometricAvailable = false,
+  onBiometricPress,
+  onSuccess
+}) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const loginMutation = useLogin();
+  const form = useForm({
+    resolver: zodResolver(credentialLoginSchema),
+    defaultValues: { identity: "", password: "" },
+    mode: "onChange"
+  });
+  const onSubmit = useCallback(
+    (data) => {
+      loginMutation.mutate(
+        { email: data.identity, password: data.password },
+        {
+          onSuccess: () => {
+            if (onSuccess) {
+              onSuccess();
+            } else {
+              router.replace("/(app)");
+            }
+          }
+        }
+      );
+    },
+    [loginMutation, router, onSuccess]
+  );
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.SIGN_IN }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.SIGN_IN_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "identity",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.SIGN_IN_USERNAME_PLACEHOLDER,
+              placeholder: L.EMAIL_PLACEHOLDER,
+              autoCapitalize: "none",
+              keyboardType: "email-address",
+              editable: !loginMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "password",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormPasswordInput,
+            {
+              label: L.PASSWORD,
+              placeholder: L.PASSWORD_PLACEHOLDER,
+              editable: !loginMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      )
+    ] }),
+    loginMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: loginMutation.error.message }),
+    /* @__PURE__ */ jsx(
+      SubmitButton,
+      {
+        label: L.SIGN_IN_ACTION,
+        loading: loginMutation.isPending,
+        loadingLabel: L.SIGNING_IN,
+        onPress: form.handleSubmit(onSubmit)
+      }
+    ),
+    biometricAvailable && process.env.EXPO_OS === "ios" && onBiometricPress && /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: onBiometricPress }) }),
+    /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", justifyContent: "space-between", marginTop: 8 }, children: [
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.push("/signup"), label: L.DONT_HAVE_AN_ACCOUNT }) }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: () => router.push("/forgot-password"),
+          label: L.FORGOT_PASSWORD_LINK
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function MagicLinkScreen({ onSuccess, token }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  useAuthClient();
+  const [state, setState] = useState(
+    token ? { step: "verifying", token } : { step: "email" }
+  );
+  const [cooldown, setCooldown] = useState(0);
+  const form = useForm({
+    resolver: zodResolver(magicLinkSchema),
+    defaultValues: { email: "" },
+    mode: "onChange"
+  });
+  const sendMutation = useMutation({
+    mutationFn: async (_data) => {
+      throw new NotImplementedError({ feature: "Magic link authentication" });
+    }
+  });
+  const verifyMutation = useMutation({
+    mutationFn: async (_verifyToken) => {
+      throw new NotImplementedError({ feature: "Magic link verification" });
+    }
+  });
+  const handleSend = useCallback(
+    (data) => {
+      sendMutation.mutate(data, {
+        onSuccess: () => {
+          setState({ step: "sent", email: data.email });
+          setCooldown(60);
+        }
+      });
+    },
+    [sendMutation]
+  );
+  useEffect(() => {
+    if (state.step === "verifying") {
+      verifyMutation.mutate(state.token, {
+        onSuccess: () => {
+          setState({ step: "success" });
+          setTimeout(() => {
+            if (onSuccess) {
+              onSuccess();
+            } else {
+              router.replace("/(app)");
+            }
+          }, 2e3);
+        },
+        onError: (err) => {
+          setState({ step: "error", message: err.message });
+        }
+      });
+    }
+  }, [state.step]);
+  useEffect(() => {
+    if (cooldown <= 0) return;
+    const timer = setTimeout(() => setCooldown((c) => c - 1), 1e3);
+    return () => clearTimeout(timer);
+  }, [cooldown]);
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.MAGIC_LINK }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.MAGIC_LINK_DESCRIPTION })
+    ] }),
+    state.step === "email" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "email",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.EMAIL_PLACEHOLDER,
+              placeholder: L.EMAIL_PLACEHOLDER,
+              autoCapitalize: "none",
+              keyboardType: "email-address",
+              editable: !sendMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      sendMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: sendMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.MAGIC_LINK_ACTION,
+          loading: sendMutation.isPending,
+          loadingLabel: L.SENDING,
+          onPress: form.handleSubmit(handleSend)
+        }
+      )
+    ] }),
+    state.step === "sent" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(SuccessFeedback, { message: `${L.MAGIC_LINK_EMAIL} ${state.email}` }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280", textAlign: "center" }, children: L.MAGIC_LINK_HINT }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: () => {
+            if (cooldown <= 0) {
+              sendMutation.mutate(
+                { email: state.email },
+                { onSuccess: () => setCooldown(60) }
+              );
+            }
+          },
+          label: cooldown > 0 ? `${L.RESEND} (${cooldown}s)` : L.RESEND
+        }
+      ) })
+    ] }),
+    state.step === "verifying" && /* @__PURE__ */ jsx(View, { style: { alignItems: "center", gap: 8 }, children: /* @__PURE__ */ jsx(Text, { style: { fontSize: 16, color: "#6b7280" }, children: L.VERIFYING }) }),
+    state.step === "success" && /* @__PURE__ */ jsx(SuccessFeedback, { message: L.REDIRECTING }),
+    state.step === "error" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(ErrorFeedback, { message: state.message }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => setState({ step: "email" }), label: L.GO_BACK }) })
+    ] })
+  ] }) });
+}
+function PhoneLoginScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  useAuthClient();
+  const [state, setState] = useState({ step: 1 });
+  const [cooldown, setCooldown] = useState(0);
+  const phoneForm = useForm({
+    resolver: zodResolver(phoneLoginSchema),
+    defaultValues: { countryCode: "+1", phoneNumber: "" },
+    mode: "onChange"
+  });
+  const otpForm = useForm({
+    resolver: zodResolver(otpVerifySchema),
+    defaultValues: { code: "" },
+    mode: "onChange"
+  });
+  const sendOtpMutation = useMutation({
+    mutationFn: async (_data) => {
+      throw new NotImplementedError({ feature: "Phone number authentication" });
+    }
+  });
+  const verifyOtpMutation = useMutation({
+    mutationFn: async (_data) => {
+      throw new NotImplementedError({ feature: "Phone number verification" });
+    }
+  });
+  const handleSendOtp = useCallback(
+    (data) => {
+      sendOtpMutation.mutate(data, {
+        onSuccess: () => {
+          setState({ step: 2, phoneNumber: data.phoneNumber, countryCode: data.countryCode });
+          setCooldown(60);
+        }
+      });
+    },
+    [sendOtpMutation]
+  );
+  const handleVerifyOtp = useCallback(
+    (data) => {
+      if (state.step !== 2) return;
+      verifyOtpMutation.mutate(
+        { phoneNumber: `${state.countryCode}${state.phoneNumber}`, code: data.code },
+        {
+          onSuccess: () => {
+            if (onSuccess) {
+              onSuccess();
+            } else {
+              router.replace("/(app)");
+            }
+          }
+        }
+      );
+    },
+    [verifyOtpMutation, state, router, onSuccess]
+  );
+  const handleResend = useCallback(() => {
+    if (state.step !== 2 || cooldown > 0) return;
+    sendOtpMutation.mutate(
+      { countryCode: state.countryCode, phoneNumber: state.phoneNumber },
+      { onSuccess: () => setCooldown(60) }
+    );
+  }, [sendOtpMutation, state, cooldown]);
+  useEffect(() => {
+    if (cooldown <= 0) return;
+    const timer = setTimeout(() => setCooldown((c) => c - 1), 1e3);
+    return () => clearTimeout(timer);
+  }, [cooldown]);
+  const error = sendOtpMutation.error || verifyOtpMutation.error;
+  const isPending = sendOtpMutation.isPending || verifyOtpMutation.isPending;
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.SIGN_IN }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.PHONE_NUMBER_PLACEHOLDER })
+    ] }),
+    state.step === 1 ? /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: phoneForm.control,
+          name: "countryCode",
+          render: ({ field: { onChange, value }, fieldState: { error: fieldError } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.COUNTRY_CODE,
+              placeholder: "+1",
+              keyboardType: "phone-pad",
+              editable: !isPending,
+              onChangeText: onChange,
+              value,
+              error: fieldError?.message
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: phoneForm.control,
+          name: "phoneNumber",
+          render: ({
+            field: { onChange, onBlur, value },
+            fieldState: { error: fieldError }
+          }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.PHONE_NUMBER_PLACEHOLDER,
+              placeholder: L.PHONE_NUMBER_PLACEHOLDER,
+              keyboardType: "phone-pad",
+              editable: !isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: fieldError?.message
+            }
+          )
+        }
+      ),
+      error && /* @__PURE__ */ jsx(ErrorFeedback, { message: error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.SEND_VERIFICATION_CODE,
+          loading: sendOtpMutation.isPending,
+          loadingLabel: L.SENDING_VERIFICATION_CODE,
+          onPress: phoneForm.handleSubmit(handleSendOtp)
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: otpForm.control,
+          name: "code",
+          render: ({
+            field: { onChange, onBlur, value },
+            fieldState: { error: fieldError }
+          }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.ONE_TIME_PASSWORD,
+              placeholder: "000000",
+              keyboardType: "number-pad",
+              maxLength: 6,
+              editable: !isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: fieldError?.message
+            }
+          )
+        }
+      ),
+      error && /* @__PURE__ */ jsx(ErrorFeedback, { message: error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.VERIFY,
+          loading: verifyOtpMutation.isPending,
+          loadingLabel: L.VERIFYING,
+          onPress: otpForm.handleSubmit(handleVerifyOtp)
+        }
+      ),
+      /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => setState({ step: 1 }), label: L.GO_BACK }) }),
+        /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            onPress: handleResend,
+            label: cooldown > 0 ? `${L.RESEND} (${cooldown}s)` : L.RESEND
+          }
+        ) })
+      ] })
+    ] })
+  ] }) });
+}
+function useResetPassword() {
+  const client = useAuthClient();
+  return useMutation({
+    mutationFn: async (data) => {
+      const response = await client.resetPassword(data);
+      if (response.error) {
+        throw new RequestFailedError({
+          message: response.error.message ?? "Password reset failed"
+        });
+      }
+      return true;
+    }
+  });
+}
+function ResetPasswordScreen({ onSuccess, token }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const resetMutation = useResetPassword();
+  const form = useForm({
+    resolver: zodResolver(resetPasswordSchema),
+    defaultValues: { newPassword: "", confirmPassword: "" },
+    mode: "onChange"
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      if (!token) return;
+      resetMutation.mutate(
+        { newPassword: data.newPassword, token },
+        {
+          onSuccess: () => {
+            if (onSuccess) {
+              onSuccess();
+            } else {
+              router.replace("/login");
+            }
+          }
+        }
+      );
+    },
+    [resetMutation, token, router, onSuccess]
+  );
+  if (!token) {
+    return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+      /* @__PURE__ */ jsx(View, { style: { gap: 4, alignItems: "center" }, children: /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.RESET_PASSWORD }) }),
+      /* @__PURE__ */ jsx(ErrorFeedback, { message: L.REQUEST_FAILED }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center" }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] }) });
+  }
+  if (resetMutation.isSuccess) {
+    return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+      /* @__PURE__ */ jsx(SuccessFeedback, { message: L.RESET_PASSWORD_SUCCESS }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center" }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.replace("/login"), label: L.SIGN_IN }) }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsx(View, { style: { gap: 4, alignItems: "center" }, children: /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.RESET_PASSWORD }) }),
+    /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "newPassword",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormPasswordInput,
+            {
+              label: L.NEW_PASSWORD,
+              placeholder: L.PASSWORD_PLACEHOLDER,
+              editable: !resetMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "confirmPassword",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormPasswordInput,
+            {
+              label: L.CONFIRM_NEW_PASSWORD,
+              placeholder: L.CONFIRM_PASSWORD_PLACEHOLDER,
+              editable: !resetMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      )
+    ] }),
+    resetMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: resetMutation.error.message }),
+    /* @__PURE__ */ jsx(
+      SubmitButton,
+      {
+        label: L.RESET_PASSWORD_ACTION,
+        loading: resetMutation.isPending,
+        loadingLabel: L.LOADING,
+        onPress: form.handleSubmit(handleSubmit)
+      }
+    ),
+    /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+  ] }) });
+}
+function useSignup() {
+  const client = useAuthClient();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (data) => {
+      const response = await client.signUp.email(data);
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? "Signup failed" });
+      }
+      return response.data;
+    },
+    onSuccess: (data) => {
+      if (data?.user) {
+        queryClient.setQueryData(authKeys.user(), data.user);
+        queryClient.invalidateQueries({ queryKey: authKeys.session() });
+      }
+    }
+  });
+}
+function SignupScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const signupMutation = useSignup();
+  const form = useForm({
+    resolver: zodResolver(signupSchema),
+    defaultValues: {
+      email: "",
+      name: "",
+      password: "",
+      acceptTerms: true
+    },
+    mode: "onChange"
+  });
+  const onSubmit = useCallback(
+    (data) => {
+      signupMutation.mutate(data, {
+        onSuccess: () => {
+          if (onSuccess) {
+            onSuccess();
+          } else {
+            router.replace("/(app)");
+          }
+        }
+      });
+    },
+    [signupMutation, router, onSuccess]
+  );
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.SIGN_UP }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.SIGN_UP_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "name",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.NAME_PLACEHOLDER,
+              placeholder: L.NAME_PLACEHOLDER,
+              autoCapitalize: "words",
+              editable: !signupMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "email",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.EMAIL_PLACEHOLDER,
+              placeholder: L.EMAIL_PLACEHOLDER,
+              autoCapitalize: "none",
+              keyboardType: "email-address",
+              editable: !signupMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "password",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormPasswordInput,
+            {
+              label: L.PASSWORD,
+              placeholder: L.PASSWORD_PLACEHOLDER,
+              editable: !signupMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      )
+    ] }),
+    signupMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: signupMutation.error.message }),
+    /* @__PURE__ */ jsx(
+      SubmitButton,
+      {
+        label: L.SIGN_UP_ACTION,
+        loading: signupMutation.isPending,
+        loadingLabel: L.SIGNING_UP,
+        onPress: form.handleSubmit(onSubmit)
+      }
+    ),
+    /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.push("/login"), label: L.ALREADY_HAVE_AN_ACCOUNT }) }) })
+  ] }) });
+}
+function TwoFactorScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  useAuthClient();
+  const [mode, setMode] = useState("totp");
+  const totpForm = useForm({
+    resolver: zodResolver(totpSchema),
+    defaultValues: { code: "" },
+    mode: "onChange"
+  });
+  const backupForm = useForm({
+    resolver: zodResolver(backupCodeSchema),
+    defaultValues: { backupCode: "" },
+    mode: "onChange"
+  });
+  const verifyMutation = useMutation({
+    mutationFn: async (_data) => {
+      throw new NotImplementedError({ feature: "Two-factor verification" });
+    }
+  });
+  const handleTotpSubmit = useCallback(
+    (data) => {
+      verifyMutation.mutate(
+        { code: data.code },
+        {
+          onSuccess: () => {
+            if (onSuccess) {
+              onSuccess();
+            } else {
+              router.replace("/(app)");
+            }
+          }
+        }
+      );
+    },
+    [verifyMutation, router, onSuccess]
+  );
+  const handleBackupSubmit = useCallback(
+    (data) => {
+      verifyMutation.mutate(
+        { backupCode: data.backupCode },
+        {
+          onSuccess: () => {
+            if (onSuccess) {
+              onSuccess();
+            } else {
+              router.replace("/(app)");
+            }
+          }
+        }
+      );
+    },
+    [verifyMutation, router, onSuccess]
+  );
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.TWO_FACTOR_PROMPT }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.TWO_FACTOR_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", gap: 8 }, children: [
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => setMode("totp"), label: L.USE_AUTHENTICATOR }) }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => setMode("backup"), label: L.USE_BACKUP_CODE }) })
+    ] }),
+    mode === "totp" ? /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: totpForm.control,
+          name: "code",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.ENTER_TOTP_CODE,
+              placeholder: "000000",
+              keyboardType: "number-pad",
+              maxLength: 6,
+              editable: !verifyMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      verifyMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: verifyMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.TWO_FACTOR_ACTION,
+          loading: verifyMutation.isPending,
+          loadingLabel: L.VERIFYING,
+          onPress: totpForm.handleSubmit(handleTotpSubmit)
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: backupForm.control,
+          name: "backupCode",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.BACKUP_CODE_PLACEHOLDER,
+              placeholder: L.BACKUP_CODE_PLACEHOLDER,
+              autoCapitalize: "none",
+              editable: !verifyMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      verifyMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: verifyMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.TWO_FACTOR_ACTION,
+          loading: verifyMutation.isPending,
+          loadingLabel: L.VERIFYING,
+          onPress: backupForm.handleSubmit(handleBackupSubmit)
+        }
+      )
+    ] })
+  ] }) });
+}
+function AuthView({
+  route = "login",
+  onSuccess,
+  token,
+  biometricAvailable,
+  onBiometricPress,
+  fallback = null
+}) {
+  switch (route) {
+    case "login":
+      return /* @__PURE__ */ jsx(
+        LoginScreen,
+        {
+          onSuccess,
+          biometricAvailable,
+          onBiometricPress
+        }
+      );
+    case "signup":
+      return /* @__PURE__ */ jsx(SignupScreen, { onSuccess });
+    case "phone-login":
+      return /* @__PURE__ */ jsx(PhoneLoginScreen, { onSuccess });
+    case "magic-link":
+      return /* @__PURE__ */ jsx(MagicLinkScreen, { onSuccess, token });
+    case "forgot-password":
+      return /* @__PURE__ */ jsx(ForgotPasswordScreen, { onSuccess });
+    case "reset-password":
+      return /* @__PURE__ */ jsx(ResetPasswordScreen, { onSuccess, token });
+    case "verify-email":
+      return /* @__PURE__ */ jsx(EmailVerificationScreen, { onSuccess, token });
+    case "two-factor":
+      return /* @__PURE__ */ jsx(TwoFactorScreen, { onSuccess });
+    default:
+      return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+}
+function useUser() {
+  const client = useAuthClient();
+  return useQuery({
+    queryKey: authKeys.user(),
+    queryFn: async () => {
+      const response = await client.getSession();
+      if (response.error) return null;
+      return response.data?.user ?? null;
+    },
+    staleTime: 5 * 60 * 1e3
+  });
+}
+function ChangeEmailScreen({ onSuccess, redirectUrl }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const { data: user } = useUser();
+  const [emailSent, setEmailSent] = useState(false);
+  const [cooldown, setCooldown] = useState(0);
+  const form = useForm({
+    resolver: zodResolver(changeEmailSchema),
+    defaultValues: { email: "" },
+    mode: "onChange"
+  });
+  const sendMutation = useMutation({
+    mutationFn: async (data) => {
+      const response = await client.changeEmail({
+        newEmail: data.email,
+        callbackURL: redirectUrl
+      });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    }
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      sendMutation.mutate(data, {
+        onSuccess: () => {
+          setEmailSent(true);
+          setCooldown(60);
+          onSuccess?.();
+        }
+      });
+    },
+    [sendMutation, onSuccess]
+  );
+  const handleResend = useCallback(() => {
+    if (cooldown > 0) return;
+    const email = form.getValues("email");
+    sendMutation.mutate({ email }, { onSuccess: () => setCooldown(60) });
+  }, [sendMutation, cooldown, form]);
+  useEffect(() => {
+    if (cooldown <= 0) return;
+    const timer = setTimeout(() => setCooldown((c) => c - 1), 1e3);
+    return () => clearTimeout(timer);
+  }, [cooldown]);
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.CHANGE_EMAIL }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.CHANGE_EMAIL_DESCRIPTION })
+    ] }),
+    user?.email && /* @__PURE__ */ jsxs(View, { style: { paddingVertical: 8 }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 12, color: "#9ca3af" }, children: L.CURRENT_EMAIL }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 16, color: "#6b7280" }, children: user.email })
+    ] }),
+    !emailSent ? /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "email",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.NEW_EMAIL_PLACEHOLDER,
+              placeholder: L.EMAIL_PLACEHOLDER,
+              autoCapitalize: "none",
+              keyboardType: "email-address",
+              editable: !sendMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      sendMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: sendMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.CHANGE_EMAIL,
+          loading: sendMutation.isPending,
+          loadingLabel: L.SENDING,
+          onPress: form.handleSubmit(handleSubmit)
+        }
+      ),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(SuccessFeedback, { message: L.CHANGE_EMAIL_SENT }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: handleResend,
+          label: cooldown > 0 ? `${L.RESEND} (${cooldown}s)` : L.RESEND
+        }
+      ) }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center" }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function ChangePasswordScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const [showSuccess, setShowSuccess] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(changePasswordSchema),
+    defaultValues: { currentPassword: "", newPassword: "", confirmPassword: "" },
+    mode: "onChange"
+  });
+  const changeMutation = useMutation({
+    mutationFn: async (data) => {
+      const response = await client.changePassword({
+        currentPassword: data.currentPassword,
+        newPassword: data.newPassword
+      });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    }
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      changeMutation.mutate(data, {
+        onSuccess: () => {
+          form.reset();
+          setShowSuccess(true);
+          setTimeout(() => setShowSuccess(false), 3e3);
+          onSuccess?.();
+        }
+      });
+    },
+    [changeMutation, form, onSuccess]
+  );
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.CHANGE_PASSWORD }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.CHANGE_PASSWORD_DESCRIPTION })
+    ] }),
+    showSuccess ? /* @__PURE__ */ jsx(SuccessFeedback, { message: L.CHANGE_PASSWORD_SUCCESS }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "currentPassword",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormPasswordInput,
+            {
+              label: L.CURRENT_PASSWORD,
+              placeholder: L.CURRENT_PASSWORD,
+              editable: !changeMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "newPassword",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormPasswordInput,
+            {
+              label: L.NEW_PASSWORD,
+              placeholder: L.NEW_PASSWORD,
+              editable: !changeMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "confirmPassword",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormPasswordInput,
+            {
+              label: L.CONFIRM_NEW_PASSWORD,
+              placeholder: L.CONFIRM_NEW_PASSWORD,
+              editable: !changeMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      changeMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: changeMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.CHANGE_PASSWORD,
+          loading: changeMutation.isPending,
+          loadingLabel: L.CHANGING_PASSWORD,
+          onPress: form.handleSubmit(handleSubmit)
+        }
+      ),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function DeleteAccountScreen({
+  confirmationPhrase = "delete my account",
+  onSuccess
+}) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const [phrase, setPhrase] = useState("");
+  const [password, setPassword] = useState("");
+  const phraseMatches = phrase === confirmationPhrase;
+  const deleteMutation = useMutation({
+    mutationFn: async (pw) => {
+      const response = await client.deleteUser({ password: pw });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    }
+  });
+  const handleDelete = useCallback(() => {
+    if (!phraseMatches || !password) return;
+    deleteMutation.mutate(password, {
+      onSuccess: () => {
+        if (onSuccess) {
+          onSuccess();
+        } else {
+          router.replace("/sign-in");
+        }
+      }
+    });
+  }, [phraseMatches, password, deleteMutation, onSuccess, router]);
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#dc2626" }, children: L.DELETE_ACCOUNT }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#dc2626" }, children: L.DELETE_ACCOUNT_WARNING })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsxs(View, { style: { gap: 4 }, children: [
+        /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#374151" }, children: L.TYPE_TO_CONFIRM.replace("{{phrase}}", confirmationPhrase) }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            value: phrase,
+            onChangeText: setPhrase,
+            placeholder: confirmationPhrase,
+            editable: !deleteMutation.isPending,
+            autoCapitalize: "none",
+            style: {
+              borderWidth: 1,
+              borderColor: phraseMatches ? "#16a34a" : "#d1d5db",
+              borderRadius: 8,
+              padding: 12,
+              fontSize: 16
+            }
+          }
+        )
+      ] }),
+      phraseMatches && /* @__PURE__ */ jsxs(View, { style: { gap: 4 }, children: [
+        /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#374151" }, children: L.PASSWORD }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            value: password,
+            onChangeText: setPassword,
+            placeholder: L.PASSWORD_PLACEHOLDER,
+            secureTextEntry: true,
+            editable: !deleteMutation.isPending,
+            style: {
+              borderWidth: 1,
+              borderColor: "#d1d5db",
+              borderRadius: 8,
+              padding: 12,
+              fontSize: 16
+            }
+          }
+        )
+      ] }),
+      deleteMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: deleteMutation.error.message }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: handleDelete,
+          label: deleteMutation.isPending ? L.DELETING_ACCOUNT : L.DELETE
+        }
+      ) }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function formatLastActive(dateStr, L) {
+  if (!dateStr) return "";
+  const date = new Date(dateStr);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMin = Math.floor(diffMs / 6e4);
+  if (diffMin < 1) return L.JUST_NOW;
+  if (diffMin < 60) return L.MINUTES_AGO.replace("{{n}}", String(diffMin));
+  const diffHrs = Math.floor(diffMin / 60);
+  if (diffHrs < 24) return L.HOURS_AGO.replace("{{n}}", String(diffHrs));
+  const diffDays = Math.floor(diffHrs / 24);
+  return L.DAYS_AGO.replace("{{n}}", String(diffDays));
+}
+function SessionsScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const queryClient = useQueryClient();
+  const sessionsQuery = useQuery({
+    queryKey: authKeys.sessions(),
+    queryFn: async () => {
+      const response = await client.listSessions();
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data ?? [];
+    }
+  });
+  const revokeMutation = useMutation({
+    mutationFn: async (sessionToken) => {
+      const response = await client.revokeSession({ token: sessionToken });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: authKeys.sessions() });
+    }
+  });
+  const revokeAllMutation = useMutation({
+    mutationFn: async () => {
+      const response = await client.revokeOtherSessions();
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: authKeys.sessions() });
+      onSuccess?.();
+    }
+  });
+  const handleRevoke = useCallback(
+    (token) => {
+      Alert.alert(L.REVOKE_SESSION, L.ARE_YOU_SURE, [
+        { text: L.CANCEL, style: "cancel" },
+        {
+          text: L.CONFIRM,
+          style: "destructive",
+          onPress: () => revokeMutation.mutate(token)
+        }
+      ]);
+    },
+    [L, revokeMutation]
+  );
+  const handleRevokeAll = useCallback(() => {
+    Alert.alert(L.REVOKE_ALL_OTHER_SESSIONS, L.ARE_YOU_SURE, [
+      { text: L.CANCEL, style: "cancel" },
+      {
+        text: L.CONFIRM,
+        style: "destructive",
+        onPress: () => revokeAllMutation.mutate()
+      }
+    ]);
+  }, [L, revokeAllMutation]);
+  const sessions = sessionsQuery.data ?? [];
+  revokeMutation.isPending || revokeAllMutation.isPending;
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24, flex: 1 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.SESSIONS }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.SESSIONS_DESCRIPTION })
+    ] }),
+    sessionsQuery.isLoading && /* @__PURE__ */ jsx(ActivityIndicator, { size: "large" }),
+    sessionsQuery.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: sessionsQuery.error.message }),
+    !sessionsQuery.isLoading && sessions.length === 0 && /* @__PURE__ */ jsx(Text, { style: { textAlign: "center", color: "#6b7280" }, children: L.NO_OTHER_SESSIONS }),
+    sessions.length > 0 && /* @__PURE__ */ jsx(
+      FlatList,
+      {
+        data: sessions,
+        keyExtractor: (item) => item.token ?? item.id,
+        refreshControl: /* @__PURE__ */ jsx(
+          RefreshControl,
+          {
+            refreshing: sessionsQuery.isRefetching,
+            onRefresh: () => sessionsQuery.refetch()
+          }
+        ),
+        renderItem: ({ item }) => /* @__PURE__ */ jsxs(
+          View,
+          {
+            style: {
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center",
+              paddingVertical: 12,
+              borderBottomWidth: 1,
+              borderBottomColor: "#f3f4f6"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(View, { style: { flex: 1, gap: 2 }, children: [
+                /* @__PURE__ */ jsx(Text, { style: { fontSize: 16, fontWeight: "600", color: "#1f2937" }, children: item.userAgent ?? L.UNKNOWN }),
+                /* @__PURE__ */ jsxs(Text, { style: { fontSize: 12, color: "#9ca3af" }, children: [
+                  item.ipAddress ?? "",
+                  item.updatedAt ? ` \xB7 ${formatLastActive(item.updatedAt, L)}` : ""
+                ] }),
+                item.current && /* @__PURE__ */ jsx(Text, { style: { fontSize: 11, fontWeight: "600", color: "#16a34a" }, children: L.CURRENT_DEVICE })
+              ] }),
+              !item.current && /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onPress: () => handleRevoke(item.token ?? item.id),
+                  label: L.REVOKE_SESSION
+                }
+              ) })
+            ]
+          }
+        ),
+        ListFooterComponent: sessions.length > 1 ? /* @__PURE__ */ jsx(View, { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: handleRevokeAll, label: L.REVOKE_ALL_OTHER_SESSIONS }) }) }) : null
+      }
+    ),
+    /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+  ] }) });
+}
+function TwoFactorSettingsScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const { data: user } = useUser();
+  const [state, setState] = useState({ step: "idle" });
+  const [totpCode, setTotpCode] = useState("");
+  const [password, setPassword] = useState("");
+  const [copied, setCopied] = useState(false);
+  const setupMutation = useMutation({
+    mutationFn: async (_pw) => {
+      throw new NotImplementedError({ feature: "Two-factor setup" });
+    }
+  });
+  const verifyMutation = useMutation({
+    mutationFn: async (_code) => {
+      throw new NotImplementedError({ feature: "Two-factor verification" });
+    }
+  });
+  const disableMutation = useMutation({
+    mutationFn: async (_pw) => {
+      throw new NotImplementedError({ feature: "Two-factor disable" });
+    }
+  });
+  const handleEnable = useCallback(() => {
+    if (!password) return;
+    setupMutation.mutate(password, {
+      onSuccess: (data) => {
+        setPassword("");
+        setState({
+          step: "setup",
+          totpURI: data?.totpURI ?? "",
+          secret: data?.secret ?? ""
+        });
+      }
+    });
+  }, [password, setupMutation]);
+  const handleVerify = useCallback(() => {
+    if (totpCode.length !== 6) return;
+    verifyMutation.mutate(totpCode, {
+      onSuccess: (data) => {
+        const codes = data?.backupCodes ?? [];
+        setState({ step: "backup", backupCodes: codes });
+        onSuccess?.();
+      }
+    });
+  }, [totpCode, verifyMutation, onSuccess]);
+  const handleCopyBackupCodes = useCallback(async () => {
+    if (state.step !== "backup") return;
+    try {
+      await Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }, [state]);
+  const handleDisable = useCallback(() => {
+    Alert.alert(L.DISABLE_TWO_FACTOR, L.CONFIRM_DISABLE_2FA, [
+      { text: L.CANCEL, style: "cancel" },
+      {
+        text: L.DISABLE,
+        style: "destructive",
+        onPress: () => setState({ step: "disabling" })
+      }
+    ]);
+  }, [L]);
+  const handleConfirmDisable = useCallback(() => {
+    if (!password) return;
+    disableMutation.mutate(password, {
+      onSuccess: () => {
+        setState({ step: "idle" });
+        setPassword("");
+        onSuccess?.();
+      }
+    });
+  }, [password, disableMutation, onSuccess]);
+  const isEnabled = user?.twoFactorEnabled === true;
+  const isPending = setupMutation.isPending || verifyMutation.isPending || disableMutation.isPending;
+  const error = setupMutation.error ?? verifyMutation.error ?? disableMutation.error;
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.TWO_FACTOR_PROMPT }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.TWO_FACTOR_DESCRIPTION })
+    ] }),
+    state.step === "idle" && !isEnabled && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsxs(Text, { style: { textAlign: "center", color: "#6b7280" }, children: [
+        L.STATUS,
+        ": ",
+        L.DISABLED
+      ] }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, style: { opacity: isPending ? 0.5 : 1 }, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: () => {
+            if (isPending) return;
+            setState({ step: "confirm-password" });
+          },
+          label: L.ENABLE_TWO_FACTOR
+        }
+      ) })
+    ] }),
+    state.step === "confirm-password" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#374151", textAlign: "center" }, children: L.PASSWORD }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          value: password,
+          onChangeText: setPassword,
+          placeholder: L.PASSWORD,
+          secureTextEntry: true,
+          editable: !setupMutation.isPending,
+          style: {
+            borderWidth: 1,
+            borderColor: "#d1d5db",
+            borderRadius: 8,
+            padding: 12,
+            fontSize: 16
+          }
+        }
+      ),
+      setupMutation.isPending && /* @__PURE__ */ jsx(ActivityIndicator, { size: "small" }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, style: { opacity: setupMutation.isPending ? 0.5 : 1 }, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: () => {
+            if (setupMutation.isPending) return;
+            handleEnable();
+          },
+          label: setupMutation.isPending ? L.LOADING : L.ENABLE_TWO_FACTOR
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: () => {
+            setState({ step: "idle" });
+            setPassword("");
+          },
+          label: L.CANCEL
+        }
+      ) })
+    ] }),
+    state.step === "idle" && isEnabled && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(SuccessFeedback, { message: `${L.STATUS}: ${L.ENABLED}` }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: handleDisable, label: L.DISABLE_TWO_FACTOR }) })
+    ] }),
+    state.step === "setup" && /* @__PURE__ */ jsxs(View, { style: { gap: 16, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#374151", textAlign: "center" }, children: L.SCAN_QR_CODE }),
+      /* @__PURE__ */ jsx(
+        View,
+        {
+          style: {
+            width: 200,
+            height: 200,
+            backgroundColor: "#f3f4f6",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: 8
+          },
+          children: /* @__PURE__ */ jsx(Text, { style: { fontSize: 12, color: "#9ca3af" }, children: L.SCAN_QR_CODE })
+        }
+      ),
+      /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx(Text, { style: { fontSize: 12, color: "#6b7280" }, children: L.MANUAL_ENTRY_CODE }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              fontFamily: "monospace",
+              fontSize: 16,
+              fontWeight: "600",
+              color: "#1f2937",
+              letterSpacing: 2
+            },
+            children: state.secret
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: () => setState({
+            step: "verify",
+            totpURI: state.totpURI,
+            secret: state.secret
+          }),
+          label: L.NEXT
+        }
+      ) })
+    ] }),
+    state.step === "verify" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#374151", textAlign: "center" }, children: L.ENTER_CODE_TO_VERIFY }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          value: totpCode,
+          onChangeText: setTotpCode,
+          placeholder: L.ENTER_TOTP_CODE,
+          keyboardType: "number-pad",
+          maxLength: 6,
+          editable: !verifyMutation.isPending,
+          style: {
+            borderWidth: 1,
+            borderColor: "#d1d5db",
+            borderRadius: 8,
+            padding: 12,
+            fontSize: 24,
+            textAlign: "center",
+            letterSpacing: 8,
+            fontFamily: "monospace"
+          }
+        }
+      ),
+      verifyMutation.isPending && /* @__PURE__ */ jsx(ActivityIndicator, { size: "small" }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: handleVerify, label: L.TWO_FACTOR_ACTION }) })
+    ] }),
+    state.step === "backup" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(SuccessFeedback, { message: L.TWO_FACTOR_SETUP_SUCCESS }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#374151", textAlign: "center" }, children: L.BACKUP_CODES_DESCRIPTION }),
+      /* @__PURE__ */ jsx(
+        View,
+        {
+          style: {
+            backgroundColor: "#f9fafb",
+            borderRadius: 8,
+            padding: 16,
+            gap: 8
+          },
+          children: state.backupCodes.map((code) => /* @__PURE__ */ jsx(
+            Text,
+            {
+              style: {
+                fontFamily: "monospace",
+                fontSize: 16,
+                textAlign: "center",
+                color: "#1f2937"
+              },
+              children: code
+            },
+            code
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onPress: handleCopyBackupCodes,
+          label: copied ? L.BACKUP_CODES_COPIED : L.COPY_BACKUP_CODES
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => setState({ step: "idle" }), label: L.FINISH }) })
+    ] }),
+    state.step === "disabling" && /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#374151", textAlign: "center" }, children: L.CONFIRM_DISABLE_2FA }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          value: password,
+          onChangeText: setPassword,
+          placeholder: L.PASSWORD,
+          secureTextEntry: true,
+          editable: !disableMutation.isPending,
+          style: {
+            borderWidth: 1,
+            borderColor: "#d1d5db",
+            borderRadius: 8,
+            padding: 12,
+            fontSize: 16
+          }
+        }
+      ),
+      disableMutation.isPending && /* @__PURE__ */ jsx(ActivityIndicator, { size: "small" }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: handleConfirmDisable, label: L.DISABLE_TWO_FACTOR }) }),
+      /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => setState({ step: "idle" }), label: L.CANCEL }) })
+    ] }),
+    error && /* @__PURE__ */ jsx(ErrorFeedback, { message: error.message }),
+    /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+  ] }) });
+}
+var AVATAR_SIZE = 120;
+function getInitials(name) {
+  if (!name) return "?";
+  const parts = name.trim().split(/\s+/);
+  if (parts.length >= 2) {
+    return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+  }
+  return name.slice(0, 2).toUpperCase();
+}
+function UpdateAvatarScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const queryClient = useQueryClient();
+  const { data: user } = useUser();
+  const [selectedUri, setSelectedUri] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  const uploadMutation = useMutation({
+    mutationFn: async (imageUri) => {
+      const response = await client.updateUser({ image: imageUri });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    }
+  });
+  const deleteMutation = useMutation({
+    mutationFn: async () => {
+      const response = await client.updateUser({ image: "" });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    }
+  });
+  const handlePickImage = useCallback(async () => {
+    const result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: "images",
+      allowsEditing: true,
+      aspect: [1, 1],
+      quality: 0.8
+    });
+    if (!result.canceled && result.assets[0]) {
+      setSelectedUri(result.assets[0].uri);
+    }
+  }, []);
+  const handleDelete = useCallback(() => {
+    deleteMutation.mutate(void 0, {
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: authKeys.user() });
+        setSuccessMessage(L.AVATAR_DELETED);
+        setTimeout(() => setSuccessMessage(null), 3e3);
+        onSuccess?.();
+      }
+    });
+  }, [deleteMutation, queryClient, L, onSuccess]);
+  const showActionSheet = useCallback(() => {
+    const handleAction = (buttonIndex) => {
+      if (buttonIndex === 1) {
+        handlePickImage();
+      } else if (buttonIndex === 2) {
+        handleDelete();
+      }
+    };
+    if (Platform.OS === "ios") {
+      ActionSheetIOS.showActionSheetWithOptions(
+        {
+          options: [L.CANCEL, L.CLICK_TO_UPLOAD, L.DELETE_AVATAR],
+          cancelButtonIndex: 0,
+          destructiveButtonIndex: 2
+        },
+        handleAction
+      );
+    } else {
+      Alert.alert(L.AVATAR, void 0, [
+        { text: L.CLICK_TO_UPLOAD, onPress: () => handleAction(1) },
+        { text: L.DELETE_AVATAR, style: "destructive", onPress: () => handleAction(2) },
+        { text: L.CANCEL, style: "cancel" }
+      ]);
+    }
+  }, [L, handlePickImage, handleDelete]);
+  const handleUpload = useCallback(() => {
+    if (!selectedUri) return;
+    uploadMutation.mutate(selectedUri, {
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: authKeys.user() });
+        setSelectedUri(null);
+        setSuccessMessage(L.AVATAR_UPDATED);
+        setTimeout(() => setSuccessMessage(null), 3e3);
+        onSuccess?.();
+      }
+    });
+  }, [selectedUri, uploadMutation, queryClient, L, onSuccess]);
+  const displayUri = selectedUri ?? user?.image;
+  const isPending = uploadMutation.isPending || deleteMutation.isPending;
+  const error = uploadMutation.error ?? deleteMutation.error;
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.AVATAR }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.AVATAR_DESCRIPTION })
+    ] }),
+    successMessage ? /* @__PURE__ */ jsx(SuccessFeedback, { message: successMessage }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: showActionSheet, disabled: isPending, children: displayUri ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          source: { uri: displayUri },
+          style: {
+            width: AVATAR_SIZE,
+            height: AVATAR_SIZE,
+            borderRadius: AVATAR_SIZE / 2
+          }
+        }
+      ) : /* @__PURE__ */ jsx(
+        View,
+        {
+          style: {
+            width: AVATAR_SIZE,
+            height: AVATAR_SIZE,
+            borderRadius: AVATAR_SIZE / 2,
+            backgroundColor: "#e5e7eb",
+            justifyContent: "center",
+            alignItems: "center"
+          },
+          children: /* @__PURE__ */ jsx(Text, { style: { fontSize: 36, fontWeight: "700", color: "#6b7280" }, children: getInitials(user?.name) })
+        }
+      ) }),
+      isPending && /* @__PURE__ */ jsx(ActivityIndicator, { size: "small" }),
+      selectedUri && /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: handleUpload, label: L.UPLOAD_AVATAR }) }),
+      error && /* @__PURE__ */ jsx(ErrorFeedback, { message: error.message }),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function UpdateNameScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  const client = useAuthClient();
+  const queryClient = useQueryClient();
+  const { data: user } = useUser();
+  const [showSuccess, setShowSuccess] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(updateNameSchema),
+    defaultValues: { name: user?.name ?? "" },
+    mode: "onChange"
+  });
+  const updateMutation = useMutation({
+    mutationFn: async (data) => {
+      const response = await client.updateUser({ name: data.name });
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? L.REQUEST_FAILED });
+      }
+      return response.data;
+    }
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      updateMutation.mutate(data, {
+        onSuccess: () => {
+          queryClient.invalidateQueries({ queryKey: authKeys.user() });
+          setShowSuccess(true);
+          setTimeout(() => setShowSuccess(false), 3e3);
+          onSuccess?.();
+        }
+      });
+    },
+    [updateMutation, queryClient, onSuccess]
+  );
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.UPDATE_NAME }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.UPDATE_NAME_DESCRIPTION })
+    ] }),
+    showSuccess ? /* @__PURE__ */ jsx(SuccessFeedback, { message: L.NAME_UPDATED }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "name",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.NAME,
+              placeholder: L.NAME_PLACEHOLDER,
+              editable: !updateMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      updateMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: updateMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.SAVE,
+          loading: updateMutation.isPending,
+          loadingLabel: L.LOADING,
+          onPress: form.handleSubmit(handleSubmit)
+        }
+      ),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function UpdateUsernameScreen({ onSuccess }) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  useAuthClient();
+  const queryClient = useQueryClient();
+  const { data: _user } = useUser();
+  const [showSuccess, setShowSuccess] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(updateUsernameSchema),
+    // BA 1.5: username not available on user object
+    defaultValues: { username: "" },
+    mode: "onChange"
+  });
+  const updateMutation = useMutation({
+    mutationFn: async (_data) => {
+      throw new NotImplementedError({ feature: "Username updates" });
+    }
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      updateMutation.mutate(data, {
+        onSuccess: () => {
+          queryClient.invalidateQueries({ queryKey: authKeys.user() });
+          setShowSuccess(true);
+          setTimeout(() => setShowSuccess(false), 3e3);
+          onSuccess?.();
+        }
+      });
+    },
+    [updateMutation, queryClient, onSuccess]
+  );
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.CHANGE_USERNAME }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.CHANGE_USERNAME_DESCRIPTION })
+    ] }),
+    showSuccess ? /* @__PURE__ */ jsx(SuccessFeedback, { message: L.USERNAME_UPDATED }) : /* @__PURE__ */ jsxs(View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        Controller,
+        {
+          control: form.control,
+          name: "username",
+          render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: L.USERNAME,
+              placeholder: L.USERNAME_PLACEHOLDER,
+              autoCapitalize: "none",
+              editable: !updateMutation.isPending,
+              onChangeText: onChange,
+              onBlur,
+              value,
+              error: error?.message
+            }
+          )
+        }
+      ),
+      updateMutation.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: updateMutation.error.message }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          label: L.SAVE,
+          loading: updateMutation.isPending,
+          loadingLabel: L.LOADING,
+          onPress: form.handleSubmit(handleSubmit)
+        }
+      ),
+      /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+    ] })
+  ] }) });
+}
+function OrganizationMembersScreen({
+  organizationId,
+  isAdmin = false,
+  onSuccess
+}) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  useAuthClient();
+  const queryClient = useQueryClient();
+  const [searchQuery, setSearchQuery] = useState("");
+  const membersQuery = useQuery({
+    queryKey: ["organizations", organizationId, "members"],
+    queryFn: async () => {
+      throw new NotImplementedError({ feature: "Organization member management" });
+    }
+  });
+  const updateRoleMutation = useMutation({
+    mutationFn: async (_memberId_role) => {
+      throw new NotImplementedError({ feature: "Organization role updates" });
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["organizations", organizationId, "members"]
+      });
+    }
+  });
+  const removeMutation = useMutation({
+    mutationFn: async (_memberId) => {
+      throw new NotImplementedError({ feature: "Organization member removal" });
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["organizations", organizationId, "members"]
+      });
+      onSuccess?.();
+    }
+  });
+  const showMemberActionSheet = useCallback(
+    (callback) => {
+      const options = [L.ADMIN, L.MEMBER, L.REMOVE_MEMBER, L.CANCEL];
+      if (Platform.OS === "ios") {
+        ActionSheetIOS.showActionSheetWithOptions(
+          {
+            options,
+            cancelButtonIndex: 3,
+            destructiveButtonIndex: 2
+          },
+          callback
+        );
+      } else {
+        Alert.alert(L.MANAGE_ROLE, void 0, [
+          { text: L.ADMIN, onPress: () => callback(0) },
+          { text: L.MEMBER, onPress: () => callback(1) },
+          { text: L.REMOVE_MEMBER, style: "destructive", onPress: () => callback(2) },
+          { text: L.CANCEL, style: "cancel" }
+        ]);
+      }
+    },
+    [L]
+  );
+  const handleMemberAction = useCallback(
+    (member) => {
+      if (!isAdmin) return;
+      showMemberActionSheet((buttonIndex) => {
+        const roleMap = { 0: "admin", 1: "member" };
+        if (buttonIndex === 2) {
+          Alert.alert(L.REMOVE_MEMBER, L.CONFIRM_REMOVE_MEMBER, [
+            { text: L.CANCEL, style: "cancel" },
+            {
+              text: L.REMOVE,
+              style: "destructive",
+              onPress: () => removeMutation.mutate(member.id)
+            }
+          ]);
+        } else if (roleMap[buttonIndex]) {
+          updateRoleMutation.mutate({
+            memberId: member.id,
+            role: roleMap[buttonIndex]
+          });
+        }
+      });
+    },
+    [isAdmin, L, removeMutation, updateRoleMutation, showMemberActionSheet]
+  );
+  const allMembers = membersQuery.data ?? [];
+  const filteredMembers = searchQuery ? allMembers.filter(
+    (m) => (m.user?.name ?? "").toLowerCase().includes(searchQuery.toLowerCase()) || (m.user?.email ?? "").toLowerCase().includes(searchQuery.toLowerCase())
+  ) : allMembers;
+  updateRoleMutation.isPending || removeMutation.isPending;
+  const error = updateRoleMutation.error ?? removeMutation.error;
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24, flex: 1 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.MEMBERS }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.MEMBERS_SUBTITLE })
+    ] }),
+    allMembers.length > 10 && /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        value: searchQuery,
+        onChangeText: setSearchQuery,
+        placeholder: L.MEMBER_EMAIL_PLACEHOLDER,
+        autoCapitalize: "none",
+        style: {
+          borderWidth: 1,
+          borderColor: "#d1d5db",
+          borderRadius: 8,
+          padding: 12,
+          fontSize: 16
+        }
+      }
+    ),
+    membersQuery.isLoading && /* @__PURE__ */ jsx(ActivityIndicator, { size: "large" }),
+    membersQuery.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: membersQuery.error.message }),
+    !membersQuery.isLoading && filteredMembers.length === 0 && /* @__PURE__ */ jsx(Text, { style: { textAlign: "center", color: "#6b7280" }, children: L.NO_MEMBERS }),
+    filteredMembers.length > 0 && /* @__PURE__ */ jsx(
+      FlatList,
+      {
+        data: filteredMembers,
+        keyExtractor: (item) => item.id,
+        refreshControl: /* @__PURE__ */ jsx(
+          RefreshControl,
+          {
+            refreshing: membersQuery.isRefetching,
+            onRefresh: () => membersQuery.refetch()
+          }
+        ),
+        renderItem: ({ item }) => {
+          const isOwner = item.role === "owner";
+          return /* @__PURE__ */ jsxs(
+            View,
+            {
+              style: {
+                flexDirection: "row",
+                justifyContent: "space-between",
+                alignItems: "center",
+                paddingVertical: 12,
+                borderBottomWidth: 1,
+                borderBottomColor: "#f3f4f6"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(View, { style: { flex: 1, gap: 2 }, children: [
+                  /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
+                    /* @__PURE__ */ jsx(
+                      Text,
+                      {
+                        style: {
+                          fontSize: 16,
+                          fontWeight: isOwner ? "700" : "500",
+                          color: "#1f2937"
+                        },
+                        children: item.user?.name ?? L.UNKNOWN
+                      }
+                    ),
+                    isOwner && /* @__PURE__ */ jsx(Text, { style: { fontSize: 11, fontWeight: "600", color: "#f59e0b" }, children: L.OWNER })
+                  ] }),
+                  /* @__PURE__ */ jsx(Text, { style: { fontSize: 12, color: "#9ca3af" }, children: item.user?.email ?? "" }),
+                  /* @__PURE__ */ jsxs(Text, { style: { fontSize: 12, color: "#9ca3af" }, children: [
+                    L.ROLE,
+                    ": ",
+                    item.role
+                  ] })
+                ] }),
+                isAdmin && !isOwner && /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => handleMemberAction(item), label: L.MANAGE_ROLE }) })
+              ]
+            }
+          );
+        }
+      }
+    ),
+    error && /* @__PURE__ */ jsx(ErrorFeedback, { message: error.message }),
+    /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+  ] }) });
+}
+function OrganizationSwitcherScreen({
+  currentOrgId,
+  onSwitch
+}) {
+  const { localization: L } = useAuthLocalization();
+  const router = useRouter();
+  useAuthClient();
+  const [searchQuery, setSearchQuery] = useState("");
+  const orgsQuery = useQuery({
+    queryKey: ["organizations", "list"],
+    queryFn: async () => {
+      throw new NotImplementedError({ feature: "Organization listing" });
+    }
+  });
+  const setActiveMutation = useMutation({
+    mutationFn: async (_orgId) => {
+      throw new NotImplementedError({ feature: "Organization switching" });
+    }
+  });
+  const handleSelect = useCallback(
+    (orgId) => {
+      setActiveMutation.mutate(orgId, {
+        onSuccess: () => {
+          onSwitch?.(orgId);
+          router.back();
+        }
+      });
+    },
+    [setActiveMutation, onSwitch, router]
+  );
+  const allOrgs = orgsQuery.data ?? [];
+  const filteredOrgs = searchQuery ? allOrgs.filter((org) => (org.name ?? "").toLowerCase().includes(searchQuery.toLowerCase())) : allOrgs;
+  return /* @__PURE__ */ jsx(AuthContainer, { children: /* @__PURE__ */ jsxs(View, { style: { gap: 24, flex: 1 }, children: [
+    /* @__PURE__ */ jsxs(View, { style: { gap: 4, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 24, fontWeight: "700", color: "#1f2937" }, children: L.ORGANIZATIONS }),
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#6b7280" }, children: L.SELECT_ORGANIZATION })
+    ] }),
+    allOrgs.length > 5 && /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        value: searchQuery,
+        onChangeText: setSearchQuery,
+        placeholder: L.SEARCH_ORGANIZATIONS,
+        autoCapitalize: "none",
+        style: {
+          borderWidth: 1,
+          borderColor: "#d1d5db",
+          borderRadius: 8,
+          padding: 12,
+          fontSize: 16
+        }
+      }
+    ),
+    orgsQuery.isLoading && /* @__PURE__ */ jsx(ActivityIndicator, { size: "large" }),
+    orgsQuery.error && /* @__PURE__ */ jsx(ErrorFeedback, { message: orgsQuery.error.message }),
+    !orgsQuery.isLoading && filteredOrgs.length === 0 && /* @__PURE__ */ jsx(Text, { style: { textAlign: "center", color: "#6b7280" }, children: L.NO_ORGANIZATIONS }),
+    filteredOrgs.length > 0 && /* @__PURE__ */ jsx(
+      FlatList,
+      {
+        data: filteredOrgs,
+        keyExtractor: (item) => item.id,
+        refreshControl: /* @__PURE__ */ jsx(
+          RefreshControl,
+          {
+            refreshing: orgsQuery.isRefetching,
+            onRefresh: () => orgsQuery.refetch()
+          }
+        ),
+        renderItem: ({ item }) => {
+          const isCurrent = item.id === currentOrgId;
+          return /* @__PURE__ */ jsxs(
+            View,
+            {
+              style: {
+                flexDirection: "row",
+                justifyContent: "space-between",
+                alignItems: "center",
+                paddingVertical: 12,
+                borderBottomWidth: 1,
+                borderBottomColor: "#f3f4f6"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(View, { style: { flex: 1, gap: 2 }, children: [
+                  /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      style: {
+                        fontSize: 16,
+                        fontWeight: isCurrent ? "700" : "500",
+                        color: "#1f2937"
+                      },
+                      children: item.name
+                    }
+                  ),
+                  item.members && /* @__PURE__ */ jsx(Text, { style: { fontSize: 12, color: "#9ca3af" }, children: L.MEMBER_COUNT.replace("{{count}}", String(item.members.length ?? 0)) })
+                ] }),
+                isCurrent ? /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: "#16a34a", fontWeight: "600" }, children: "\u2713" }) : /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => handleSelect(item.id), label: L.SELECT_ORGANIZATION }) })
+              ]
+            }
+          );
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(View, { style: { alignItems: "center", marginTop: 8 }, children: /* @__PURE__ */ jsx(Host, { matchContents: true, children: /* @__PURE__ */ jsx(Button, { onPress: () => router.back(), label: L.GO_BACK }) }) })
+  ] }) });
+}
+function useAuthRedirect() {
+  const router = useRouter();
+  const redirectToSignIn = useCallback(
+    (returnUrl) => {
+      if (returnUrl) {
+        router.replace(`/sign-in?returnUrl=${encodeURIComponent(returnUrl)}`);
+      } else {
+        router.replace("/sign-in");
+      }
+    },
+    [router]
+  );
+  const redirectToSignUp = useCallback(
+    (returnUrl) => {
+      if (returnUrl) {
+        router.replace(`/sign-up?returnUrl=${encodeURIComponent(returnUrl)}`);
+      } else {
+        router.replace("/sign-up");
+      }
+    },
+    [router]
+  );
+  return { redirectToSignIn, redirectToSignUp };
+}
+function useBiometric() {
+  const checkAvailability = async () => {
+    const hasHardware = await LocalAuthentication.hasHardwareAsync();
+    const isEnrolled = await LocalAuthentication.isEnrolledAsync();
+    const supportedTypes = await LocalAuthentication.supportedAuthenticationTypesAsync();
+    return { hasHardware, isEnrolled, supportedTypes };
+  };
+  const authenticate = useMutation({
+    mutationFn: async (promptMessage) => {
+      const result = await LocalAuthentication.authenticateAsync({
+        promptMessage,
+        fallbackLabel: "",
+        cancelLabel: "Cancel"
+      });
+      if (!result.success) {
+        throw new RequestFailedError({ message: result.error ?? "BIOMETRIC_FAILED_ERROR" });
+      }
+      return result;
+    }
+  });
+  return { checkAvailability, authenticate };
+}
+function useLogout() {
+  const client = useAuthClient();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async () => {
+      const response = await client.signOut();
+      if (response.error) {
+        throw new RequestFailedError({ message: response.error.message ?? "Logout failed" });
+      }
+      return response.data;
+    },
+    onSuccess: () => {
+      queryClient.setQueryData(authKeys.user(), null);
+      queryClient.setQueryData(authKeys.session(), null);
+      queryClient.invalidateQueries({ queryKey: authKeys.sessions() });
+    }
+  });
+}
+
 // src/index.ts
-var VERSION = "0.0.1";
+var VERSION = "0.1.0";
 
-export { VERSION };
+export { AuthContainer, AuthGate, AuthProvider, AuthView, ChangeEmailScreen, ChangePasswordScreen, DeleteAccountScreen, EmailVerificationScreen, ErrorFeedback, ForgotPasswordScreen, FormInput, FormPasswordInput, LoginScreen, MagicLinkScreen, OAuthButton, OrganizationMembersScreen, OrganizationSwitcherScreen, PhoneLoginScreen, ProtectedScreen, ResetPasswordScreen, SessionsScreen, SignupScreen, SubmitButton, SuccessFeedback, TwoFactorScreen, TwoFactorSettingsScreen, UpdateAvatarScreen, UpdateNameScreen, UpdateUsernameScreen, VERSION, useAuthClient, useAuthLocalization, useAuthRedirect, useBiometric, useLogin, useLogout, useRequestPasswordReset, useResetPassword, useSession, useSignup, useUser };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map