@thetechfossil/auth2 1.2.19 → 1.2.21

package/dist/index.react-native.mjs

@@ -0,0 +1,1648 @@
+import { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
+import * as SecureStore from 'expo-secure-store';
+import axios from 'axios';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { StyleSheet, View, Text, TextInput, TouchableOpacity, ActivityIndicator, KeyboardAvoidingView, ScrollView, Platform, Image } from 'react-native';
+
+// src/react-native/AuthProvider.tsx
+var AuthServiceRN = class {
+  constructor(config) {
+    this.token = null;
+    this.config = config;
+    this.client = axios.create({
+      baseURL: config.baseUrl,
+      timeout: 3e4,
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+    this.client.interceptors.request.use((config2) => {
+      if (this.token) {
+        config2.headers.Authorization = `Bearer ${this.token}`;
+      }
+      return config2;
+    });
+  }
+  setToken(token) {
+    this.token = token;
+  }
+  getToken() {
+    return this.token;
+  }
+  isAuthenticated() {
+    return !!this.token;
+  }
+  getCurrentUser() {
+    if (!this.token) return null;
+    try {
+      const payload = JSON.parse(atob(this.token.split(".")[1]));
+      return payload.user || null;
+    } catch {
+      return null;
+    }
+  }
+  async login(data) {
+    try {
+      const response = await this.client.post("/api/v1/auth/login", data);
+      if (response.data.success && response.data.token) {
+        this.token = response.data.token;
+      }
+      return response.data;
+    } catch (error) {
+      return {
+        success: false,
+        message: error.response?.data?.message || error.message || "Login failed"
+      };
+    }
+  }
+  async register(data) {
+    try {
+      const response = await this.client.post("/api/v1/auth/register", data);
+      return response.data;
+    } catch (error) {
+      return {
+        success: false,
+        message: error.response?.data?.message || error.message || "Registration failed"
+      };
+    }
+  }
+  async verify(data) {
+    try {
+      const response = await this.client.post("/api/v1/auth/verify", data);
+      if (response.data.success && response.data.token) {
+        this.token = response.data.token;
+      }
+      return response.data;
+    } catch (error) {
+      return {
+        success: false,
+        message: error.response?.data?.message || error.message || "Verification failed"
+      };
+    }
+  }
+  async logout() {
+    try {
+      await this.client.post("/api/v1/auth/logout", {});
+    } catch {
+    }
+    this.token = null;
+  }
+  async getProfile() {
+    const response = await this.client.get("/api/v1/user/me");
+    return response.data.user;
+  }
+  async updateProfile(data) {
+    try {
+      const response = await this.client.post("/api/v1/user/update/profile", data);
+      if (response.data.success && response.data.token) {
+        this.token = response.data.token;
+      }
+      return response.data;
+    } catch (error) {
+      return {
+        success: false,
+        message: error.response?.data?.message || error.message || "Update failed"
+      };
+    }
+  }
+  async forgotPassword(email) {
+    try {
+      const response = await this.client.post("/api/v1/auth/forgot-password", { email });
+      return response.data;
+    } catch (error) {
+      return {
+        success: false,
+        message: error.response?.data?.message || error.message || "Request failed"
+      };
+    }
+  }
+  async resetPassword(token, password) {
+    try {
+      const response = await this.client.post("/api/v1/auth/reset-password", { token, password });
+      return response.data;
+    } catch (error) {
+      return {
+        success: false,
+        message: error.response?.data?.message || error.message || "Reset failed"
+      };
+    }
+  }
+  async changePassword(oldPassword, newPassword) {
+    try {
+      const response = await this.client.post("/api/v1/user/change-password", {
+        oldPassword,
+        newPassword
+      });
+      return response.data;
+    } catch (error) {
+      return {
+        success: false,
+        message: error.response?.data?.message || error.message || "Change password failed"
+      };
+    }
+  }
+};
+var AuthContext = createContext(void 0);
+var STORAGE_KEYS = {
+  TOKEN: "auth_token",
+  USER: "auth_user"
+};
+var AuthProvider = ({ children, config }) => {
+  const authConfig = {
+    baseUrl: config?.baseUrl || process.env.EXPO_PUBLIC_AUTH_API_URL || "http://localhost:7000",
+    localStorageKey: config?.localStorageKey || STORAGE_KEYS.TOKEN,
+    csrfEnabled: false
+  };
+  const [authService] = useState(() => new AuthServiceRN(authConfig));
+  const [user, setUser] = useState(null);
+  const [token, setToken] = useState(null);
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    loadStoredAuth();
+  }, []);
+  const loadStoredAuth = async () => {
+    try {
+      const storedToken = await SecureStore.getItemAsync(STORAGE_KEYS.TOKEN);
+      const storedUser = await SecureStore.getItemAsync(STORAGE_KEYS.USER);
+      if (storedToken && storedUser) {
+        const parsedUser = JSON.parse(storedUser);
+        setToken(storedToken);
+        setUser(parsedUser);
+        authService.setToken(storedToken);
+      }
+    } catch (error) {
+      console.warn("[Auth SDK RN] Failed to load stored auth:", error);
+    } finally {
+      setIsLoaded(true);
+    }
+  };
+  const saveAuth = async (authToken, authUser) => {
+    await SecureStore.setItemAsync(STORAGE_KEYS.TOKEN, authToken);
+    await SecureStore.setItemAsync(STORAGE_KEYS.USER, JSON.stringify(authUser));
+    setToken(authToken);
+    setUser(authUser);
+    authService.setToken(authToken);
+  };
+  const clearAuth = async () => {
+    await SecureStore.deleteItemAsync(STORAGE_KEYS.TOKEN);
+    await SecureStore.deleteItemAsync(STORAGE_KEYS.USER);
+    setToken(null);
+    setUser(null);
+    authService.setToken(null);
+  };
+  const signIn = useCallback(async (data) => {
+    setLoading(true);
+    try {
+      const response = await authService.login(data);
+      if (response.success && response.user && response.token) {
+        await saveAuth(response.token, response.user);
+      }
+      return response;
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const signUp = useCallback(async (data) => {
+    setLoading(true);
+    try {
+      return await authService.register(data);
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const signOut = useCallback(async () => {
+    setLoading(true);
+    try {
+      await authService.logout();
+      await clearAuth();
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const verify = useCallback(async (data) => {
+    setLoading(true);
+    try {
+      const response = await authService.verify(data);
+      if (response.success && response.user && response.token) {
+        await saveAuth(response.token, response.user);
+      }
+      return response;
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const updateProfile = useCallback(async (data) => {
+    setLoading(true);
+    try {
+      const response = await authService.updateProfile(data);
+      if (response.success && response.user) {
+        setUser(response.user);
+        await SecureStore.setItemAsync(STORAGE_KEYS.USER, JSON.stringify(response.user));
+      }
+      return response;
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const getProfile = useCallback(async () => {
+    setLoading(true);
+    try {
+      const userData = await authService.getProfile();
+      setUser(userData);
+      await SecureStore.setItemAsync(STORAGE_KEYS.USER, JSON.stringify(userData));
+      return userData;
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const forgotPassword = useCallback(async (email) => {
+    setLoading(true);
+    try {
+      return await authService.forgotPassword(email);
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const resetPassword = useCallback(async (resetToken, password) => {
+    setLoading(true);
+    try {
+      return await authService.resetPassword(resetToken, password);
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const changePassword = useCallback(async (oldPassword, newPassword) => {
+    setLoading(true);
+    try {
+      return await authService.changePassword(oldPassword, newPassword);
+    } finally {
+      setLoading(false);
+    }
+  }, [authService]);
+  const value = {
+    user,
+    isLoaded,
+    isSignedIn: !!user,
+    loading,
+    token,
+    signIn,
+    signUp,
+    signOut,
+    verify,
+    updateProfile,
+    getProfile,
+    forgotPassword,
+    resetPassword,
+    changePassword,
+    authService
+  };
+  return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
+};
+var useAuth = () => {
+  const context = useContext(AuthContext);
+  if (context === void 0) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+};
+var Input = ({
+  label,
+  error,
+  containerStyle,
+  isPassword,
+  style,
+  theme,
+  ...props
+}) => {
+  const [showPassword, setShowPassword] = useState(false);
+  const colors = {
+    backgroundColor: theme?.backgroundColor ?? "#F8FAFC",
+    borderColor: theme?.borderColor ?? "#E2E8F0",
+    textColor: theme?.textColor ?? "#1E293B",
+    labelColor: theme?.labelColor ?? "#374151",
+    placeholderColor: theme?.placeholderColor ?? "#9CA3AF",
+    accentColor: theme?.accentColor ?? "#4F46E5"
+  };
+  return /* @__PURE__ */ jsxs(View, { style: [styles.container, containerStyle], children: [
+    label && /* @__PURE__ */ jsx(Text, { style: [styles.label, { color: colors.labelColor }], children: label }),
+    /* @__PURE__ */ jsxs(View, { style: styles.inputWrapper, children: [
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          style: [
+            styles.input,
+            {
+              backgroundColor: colors.backgroundColor,
+              borderColor: error ? "#EF4444" : colors.borderColor,
+              color: colors.textColor
+            },
+            style
+          ],
+          placeholderTextColor: colors.placeholderColor,
+          secureTextEntry: isPassword && !showPassword,
+          ...props
+        }
+      ),
+      isPassword && /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          style: styles.eyeButton,
+          onPress: () => setShowPassword(!showPassword),
+          children: /* @__PURE__ */ jsx(Text, { style: [styles.eyeText, { color: colors.accentColor }], children: showPassword ? "Hide" : "Show" })
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx(Text, { style: styles.errorText, children: error })
+  ] });
+};
+var styles = StyleSheet.create({
+  container: {
+    marginBottom: 16,
+    width: "100%"
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: "600",
+    marginBottom: 8
+  },
+  inputWrapper: {
+    position: "relative",
+    width: "100%"
+  },
+  input: {
+    borderWidth: 1.5,
+    borderRadius: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 14,
+    fontSize: 16,
+    width: "100%"
+  },
+  eyeButton: {
+    position: "absolute",
+    right: 14,
+    top: 0,
+    bottom: 0,
+    justifyContent: "center"
+  },
+  eyeText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  errorText: {
+    color: "#EF4444",
+    fontSize: 12,
+    marginTop: 4
+  }
+});
+var Button = ({
+  title,
+  onPress,
+  loading = false,
+  disabled = false,
+  variant = "primary",
+  style,
+  textStyle,
+  theme
+}) => {
+  const isDisabled = disabled || loading;
+  const colors = {
+    primaryColor: theme?.primaryColor ?? "#4F46E5",
+    primaryTextColor: theme?.primaryTextColor ?? "#FFFFFF",
+    secondaryColor: theme?.secondaryColor ?? "#F1F5F9",
+    secondaryTextColor: theme?.secondaryTextColor ?? "#374151"
+  };
+  const getButtonStyle = () => {
+    switch (variant) {
+      case "secondary":
+        return { backgroundColor: colors.secondaryColor };
+      case "outline":
+        return { backgroundColor: "transparent", borderWidth: 2, borderColor: colors.primaryColor };
+      case "ghost":
+        return { backgroundColor: "transparent" };
+      default:
+        return {
+          backgroundColor: colors.primaryColor,
+          shadowColor: colors.primaryColor,
+          shadowOffset: { width: 0, height: 4 },
+          shadowOpacity: 0.3,
+          shadowRadius: 8,
+          elevation: 4
+        };
+    }
+  };
+  const getTextColor = () => {
+    switch (variant) {
+      case "secondary":
+        return colors.secondaryTextColor;
+      case "outline":
+      case "ghost":
+        return colors.primaryColor;
+      default:
+        return colors.primaryTextColor;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    TouchableOpacity,
+    {
+      style: [
+        styles2.button,
+        getButtonStyle(),
+        isDisabled && styles2.disabled,
+        style
+      ],
+      onPress,
+      disabled: isDisabled,
+      activeOpacity: 0.7,
+      children: loading ? /* @__PURE__ */ jsx(
+        ActivityIndicator,
+        {
+          color: variant === "primary" ? colors.primaryTextColor : colors.primaryColor,
+          size: "small"
+        }
+      ) : /* @__PURE__ */ jsx(Text, { style: [styles2.text, { color: getTextColor() }, textStyle], children: title })
+    }
+  );
+};
+var styles2 = StyleSheet.create({
+  button: {
+    paddingVertical: 16,
+    paddingHorizontal: 24,
+    borderRadius: 14,
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: 52,
+    width: "100%"
+  },
+  disabled: {
+    opacity: 0.6
+  },
+  text: {
+    fontSize: 16,
+    fontWeight: "700"
+  }
+});
+var LoginForm = ({
+  onSuccess,
+  onOtpRequired,
+  onRegisterPress,
+  onForgotPasswordPress,
+  showRegisterLink = true,
+  showForgotPassword = true,
+  usePasswordLogin = true,
+  theme
+}) => {
+  const { signIn, loading } = useAuth();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [useOtp, setUseOtp] = useState(!usePasswordLogin);
+  const [error, setError] = useState(null);
+  const colors = {
+    textColor: theme?.textColor ?? "#111827",
+    secondaryTextColor: theme?.secondaryTextColor ?? "#6B7280",
+    mutedTextColor: theme?.mutedTextColor ?? "#9CA3AF",
+    accentColor: theme?.accentColor ?? "#4F46E5",
+    borderColor: theme?.borderColor ?? "#E5E7EB",
+    inputBackgroundColor: theme?.inputBackgroundColor ?? "#F8FAFC",
+    inputBorderColor: theme?.inputBorderColor ?? "#E2E8F0"
+  };
+  const inputTheme = {
+    backgroundColor: colors.inputBackgroundColor,
+    borderColor: colors.inputBorderColor,
+    textColor: colors.textColor,
+    labelColor: colors.secondaryTextColor,
+    placeholderColor: colors.mutedTextColor,
+    accentColor: colors.accentColor
+  };
+  const buttonTheme = {
+    primaryColor: colors.accentColor,
+    secondaryColor: colors.inputBackgroundColor,
+    secondaryTextColor: colors.textColor
+  };
+  const handleSubmit = async () => {
+    if (!email.trim()) {
+      setError("Email is required");
+      return;
+    }
+    if (!useOtp && !password.trim()) {
+      setError("Password is required");
+      return;
+    }
+    setError(null);
+    try {
+      const loginData = { email: email.trim() };
+      if (!useOtp) {
+        loginData.password = password;
+      }
+      const response = await signIn(loginData);
+      if (response.success) {
+        if (response.message?.includes("OTP sent")) {
+          onOtpRequired?.(email);
+        } else {
+          onSuccess?.(response);
+        }
+      } else {
+        setError(response.message || "Login failed");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    KeyboardAvoidingView,
+    {
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: styles3.container,
+      children: /* @__PURE__ */ jsx(
+        ScrollView,
+        {
+          contentContainerStyle: styles3.scrollContent,
+          keyboardShouldPersistTaps: "handled",
+          children: /* @__PURE__ */ jsxs(View, { style: styles3.card, children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles3.title, { color: colors.textColor }], children: useOtp ? "Login with OTP" : "Login" }),
+            error && /* @__PURE__ */ jsx(View, { style: styles3.errorContainer, children: /* @__PURE__ */ jsx(Text, { style: styles3.errorText, children: error }) }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Email",
+                value: email,
+                onChangeText: setEmail,
+                placeholder: "Enter your email",
+                keyboardType: "email-address",
+                autoCapitalize: "none",
+                autoCorrect: false,
+                editable: !loading,
+                theme: inputTheme
+              }
+            ),
+            !useOtp && /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Password",
+                value: password,
+                onChangeText: setPassword,
+                placeholder: "Enter your password",
+                isPassword: true,
+                editable: !loading,
+                theme: inputTheme
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                title: loading ? "Please wait..." : useOtp ? "Send OTP" : "Login",
+                onPress: handleSubmit,
+                loading,
+                disabled: loading,
+                theme: buttonTheme
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TouchableOpacity,
+              {
+                style: styles3.switchMethod,
+                onPress: () => setUseOtp(!useOtp),
+                disabled: loading,
+                children: /* @__PURE__ */ jsx(Text, { style: [styles3.switchMethodText, { color: colors.accentColor }], children: useOtp ? "Login with password instead" : "Login with OTP instead" })
+              }
+            ),
+            showForgotPassword && !useOtp && /* @__PURE__ */ jsx(
+              TouchableOpacity,
+              {
+                style: styles3.forgotPassword,
+                onPress: onForgotPasswordPress,
+                disabled: loading,
+                children: /* @__PURE__ */ jsx(Text, { style: [styles3.forgotPasswordText, { color: colors.secondaryTextColor }], children: "Forgot password?" })
+              }
+            ),
+            showRegisterLink && /* @__PURE__ */ jsxs(View, { style: [styles3.registerContainer, { borderTopColor: colors.borderColor }], children: [
+              /* @__PURE__ */ jsxs(Text, { style: [styles3.registerText, { color: colors.secondaryTextColor }], children: [
+                "Don't have an account?",
+                " "
+              ] }),
+              /* @__PURE__ */ jsx(TouchableOpacity, { onPress: onRegisterPress, disabled: loading, children: /* @__PURE__ */ jsx(Text, { style: [styles3.registerLink, { color: colors.accentColor }], children: "Register" }) })
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+};
+var styles3 = StyleSheet.create({
+  container: {
+    flex: 1,
+    width: "100%"
+  },
+  scrollContent: {
+    flexGrow: 1
+  },
+  card: {
+    width: "100%"
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "700",
+    textAlign: "center",
+    marginBottom: 24
+  },
+  errorContainer: {
+    backgroundColor: "#FEE2E2",
+    borderWidth: 1,
+    borderColor: "#FECACA",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 16
+  },
+  errorText: {
+    color: "#DC2626",
+    fontSize: 14,
+    textAlign: "center"
+  },
+  switchMethod: {
+    marginTop: 16,
+    alignItems: "center"
+  },
+  switchMethodText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  forgotPassword: {
+    marginTop: 12,
+    alignItems: "center"
+  },
+  forgotPasswordText: {
+    fontSize: 14
+  },
+  registerContainer: {
+    flexDirection: "row",
+    justifyContent: "center",
+    marginTop: 24,
+    paddingTop: 16,
+    borderTopWidth: 1
+  },
+  registerText: {
+    fontSize: 14
+  },
+  registerLink: {
+    fontSize: 14,
+    fontWeight: "600"
+  }
+});
+var RegisterForm = ({
+  onSuccess,
+  onOtpRequired,
+  onLoginPress,
+  showLoginLink = true
+}) => {
+  const { signUp, loading } = useAuth();
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [error, setError] = useState(null);
+  const handleSubmit = async () => {
+    if (!name.trim()) {
+      setError("Name is required");
+      return;
+    }
+    if (!email.trim()) {
+      setError("Email is required");
+      return;
+    }
+    if (!password.trim()) {
+      setError("Password is required");
+      return;
+    }
+    if (password !== confirmPassword) {
+      setError("Passwords do not match");
+      return;
+    }
+    if (password.length < 6) {
+      setError("Password must be at least 6 characters");
+      return;
+    }
+    setError(null);
+    try {
+      const response = await signUp({
+        name: name.trim(),
+        email: email.trim(),
+        password
+      });
+      if (response.success) {
+        if (response.message?.includes("OTP") || response.message?.includes("Verification")) {
+          onOtpRequired?.(email);
+        } else {
+          onSuccess?.(response);
+        }
+      } else {
+        setError(response.message || "Registration failed");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    KeyboardAvoidingView,
+    {
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: styles4.container,
+      children: /* @__PURE__ */ jsx(
+        ScrollView,
+        {
+          contentContainerStyle: styles4.scrollContent,
+          keyboardShouldPersistTaps: "handled",
+          children: /* @__PURE__ */ jsxs(View, { style: styles4.card, children: [
+            /* @__PURE__ */ jsx(Text, { style: styles4.title, children: "Create Account" }),
+            error && /* @__PURE__ */ jsx(View, { style: styles4.errorContainer, children: /* @__PURE__ */ jsx(Text, { style: styles4.errorText, children: error }) }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Full Name",
+                value: name,
+                onChangeText: setName,
+                placeholder: "Enter your name",
+                autoCapitalize: "words",
+                editable: !loading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Email",
+                value: email,
+                onChangeText: setEmail,
+                placeholder: "Enter your email",
+                keyboardType: "email-address",
+                autoCapitalize: "none",
+                autoCorrect: false,
+                editable: !loading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Password",
+                value: password,
+                onChangeText: setPassword,
+                placeholder: "Create a password",
+                isPassword: true,
+                editable: !loading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Confirm Password",
+                value: confirmPassword,
+                onChangeText: setConfirmPassword,
+                placeholder: "Confirm your password",
+                isPassword: true,
+                editable: !loading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                title: loading ? "Creating account..." : "Register",
+                onPress: handleSubmit,
+                loading,
+                disabled: loading
+              }
+            ),
+            showLoginLink && /* @__PURE__ */ jsxs(View, { style: styles4.loginContainer, children: [
+              /* @__PURE__ */ jsx(Text, { style: styles4.loginText, children: "Already have an account? " }),
+              /* @__PURE__ */ jsx(TouchableOpacity, { onPress: onLoginPress, disabled: loading, children: /* @__PURE__ */ jsx(Text, { style: styles4.loginLink, children: "Login" }) })
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+};
+var styles4 = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1,
+    justifyContent: "center",
+    padding: 20
+  },
+  card: {
+    backgroundColor: "#FFFFFF",
+    borderRadius: 16,
+    padding: 24,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "700",
+    color: "#111827",
+    textAlign: "center",
+    marginBottom: 24
+  },
+  errorContainer: {
+    backgroundColor: "#FEE2E2",
+    borderWidth: 1,
+    borderColor: "#FECACA",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 16
+  },
+  errorText: {
+    color: "#DC2626",
+    fontSize: 14,
+    textAlign: "center"
+  },
+  loginContainer: {
+    flexDirection: "row",
+    justifyContent: "center",
+    marginTop: 24,
+    paddingTop: 16,
+    borderTopWidth: 1,
+    borderTopColor: "#E5E7EB"
+  },
+  loginText: {
+    color: "#6B7280",
+    fontSize: 14
+  },
+  loginLink: {
+    color: "#4F46E5",
+    fontSize: 14,
+    fontWeight: "600"
+  }
+});
+var OtpForm = ({
+  email,
+  onSuccess,
+  onResendOtp,
+  onBackPress,
+  otpLength = 6,
+  theme
+}) => {
+  const { verify, signIn, loading } = useAuth();
+  const [otp, setOtp] = useState(Array(otpLength).fill(""));
+  const [error, setError] = useState(null);
+  const [resendTimer, setResendTimer] = useState(30);
+  const inputRefs = useRef([]);
+  const colors = {
+    textColor: theme?.textColor ?? "#111827",
+    secondaryTextColor: theme?.secondaryTextColor ?? "#6B7280",
+    accentColor: theme?.accentColor ?? "#4F46E5",
+    inputBackgroundColor: theme?.inputBackgroundColor ?? "#F9FAFB",
+    inputBorderColor: theme?.inputBorderColor ?? "#D1D5DB",
+    inputFilledBackgroundColor: theme?.inputFilledBackgroundColor ?? "#EEF2FF"
+  };
+  const buttonTheme = {
+    primaryColor: colors.accentColor
+  };
+  useEffect(() => {
+    if (resendTimer > 0) {
+      const timer = setTimeout(() => setResendTimer(resendTimer - 1), 1e3);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [resendTimer]);
+  const handleOtpChange = (value, index) => {
+    if (value.length > 1) {
+      const pastedOtp = value.slice(0, otpLength).split("");
+      const newOtp = [...otp];
+      pastedOtp.forEach((char, i) => {
+        if (index + i < otpLength) {
+          newOtp[index + i] = char;
+        }
+      });
+      setOtp(newOtp);
+      const nextIndex = Math.min(index + pastedOtp.length, otpLength - 1);
+      inputRefs.current[nextIndex]?.focus();
+    } else {
+      const newOtp = [...otp];
+      newOtp[index] = value;
+      setOtp(newOtp);
+      if (value && index < otpLength - 1) {
+        inputRefs.current[index + 1]?.focus();
+      }
+    }
+    setError(null);
+  };
+  const handleKeyPress = (e, index) => {
+    if (e.nativeEvent.key === "Backspace" && !otp[index] && index > 0) {
+      inputRefs.current[index - 1]?.focus();
+    }
+  };
+  const handleSubmit = async () => {
+    const otpCode = otp.join("");
+    if (otpCode.length !== otpLength) {
+      setError(`Please enter all ${otpLength} digits`);
+      return;
+    }
+    setError(null);
+    try {
+      const response = await verify({ email, otp: otpCode });
+      if (response.success) {
+        onSuccess?.(response);
+      } else {
+        setError(response.message || "Verification failed");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  const handleResend = async () => {
+    setError(null);
+    setResendTimer(30);
+    try {
+      await signIn({ email });
+      onResendOtp?.();
+    } catch (err) {
+      setError("Failed to resend OTP");
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    KeyboardAvoidingView,
+    {
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: styles5.container,
+      children: /* @__PURE__ */ jsxs(View, { style: styles5.card, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles5.title, { color: colors.textColor }], children: "Verify OTP" }),
+        /* @__PURE__ */ jsxs(Text, { style: [styles5.subtitle, { color: colors.secondaryTextColor }], children: [
+          "Enter the ",
+          otpLength,
+          "-digit code sent to",
+          "\n",
+          /* @__PURE__ */ jsx(Text, { style: [styles5.email, { color: colors.accentColor }], children: email })
+        ] }),
+        error && /* @__PURE__ */ jsx(View, { style: styles5.errorContainer, children: /* @__PURE__ */ jsx(Text, { style: styles5.errorText, children: error }) }),
+        /* @__PURE__ */ jsx(View, { style: styles5.otpContainer, children: otp.map((digit, index) => /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            ref: (ref) => {
+              inputRefs.current[index] = ref;
+            },
+            style: [
+              styles5.otpInput,
+              {
+                backgroundColor: colors.inputBackgroundColor,
+                borderColor: colors.inputBorderColor,
+                color: colors.textColor
+              },
+              digit && {
+                borderColor: colors.accentColor,
+                backgroundColor: colors.inputFilledBackgroundColor
+              }
+            ],
+            value: digit,
+            onChangeText: (value) => handleOtpChange(value, index),
+            onKeyPress: (e) => handleKeyPress(e, index),
+            keyboardType: "number-pad",
+            maxLength: otpLength,
+            editable: !loading,
+            selectTextOnFocus: true
+          },
+          index
+        )) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            title: loading ? "Verifying..." : "Verify",
+            onPress: handleSubmit,
+            loading,
+            disabled: loading || otp.join("").length !== otpLength,
+            theme: buttonTheme
+          }
+        ),
+        /* @__PURE__ */ jsx(View, { style: styles5.resendContainer, children: resendTimer > 0 ? /* @__PURE__ */ jsxs(Text, { style: [styles5.resendTimer, { color: colors.secondaryTextColor }], children: [
+          "Resend OTP in ",
+          resendTimer,
+          "s"
+        ] }) : /* @__PURE__ */ jsx(TouchableOpacity, { onPress: handleResend, disabled: loading, children: /* @__PURE__ */ jsx(Text, { style: [styles5.resendLink, { color: colors.accentColor }], children: "Resend OTP" }) }) }),
+        onBackPress && /* @__PURE__ */ jsx(TouchableOpacity, { style: styles5.backButton, onPress: onBackPress, children: /* @__PURE__ */ jsx(Text, { style: [styles5.backText, { color: colors.secondaryTextColor }], children: "\u2190 Back to login" }) })
+      ] })
+    }
+  );
+};
+var styles5 = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center"
+  },
+  card: {
+    width: "100%"
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "700",
+    textAlign: "center",
+    marginBottom: 8
+  },
+  subtitle: {
+    fontSize: 14,
+    textAlign: "center",
+    marginBottom: 24,
+    lineHeight: 20
+  },
+  email: {
+    fontWeight: "600"
+  },
+  errorContainer: {
+    backgroundColor: "#FEE2E2",
+    borderWidth: 1,
+    borderColor: "#FECACA",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 16
+  },
+  errorText: {
+    color: "#DC2626",
+    fontSize: 14,
+    textAlign: "center"
+  },
+  otpContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    marginBottom: 24
+  },
+  otpInput: {
+    width: 45,
+    height: 55,
+    borderWidth: 2,
+    borderRadius: 10,
+    fontSize: 24,
+    fontWeight: "700",
+    textAlign: "center"
+  },
+  resendContainer: {
+    alignItems: "center",
+    marginTop: 16
+  },
+  resendTimer: {
+    fontSize: 14
+  },
+  resendLink: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  backButton: {
+    marginTop: 16,
+    alignItems: "center"
+  },
+  backText: {
+    fontSize: 14
+  }
+});
+var ForgotPassword = ({
+  onSuccess,
+  onBackPress
+}) => {
+  const { forgotPassword, loading } = useAuth();
+  const [email, setEmail] = useState("");
+  const [error, setError] = useState(null);
+  const [success, setSuccess] = useState(false);
+  const handleSubmit = async () => {
+    if (!email.trim()) {
+      setError("Email is required");
+      return;
+    }
+    setError(null);
+    try {
+      const response = await forgotPassword(email.trim());
+      if (response.success) {
+        setSuccess(true);
+        onSuccess?.(email);
+      } else {
+        setError(response.message || "Failed to send reset email");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsx(View, { style: styles6.container, children: /* @__PURE__ */ jsxs(View, { style: styles6.card, children: [
+      /* @__PURE__ */ jsx(View, { style: styles6.successIcon, children: /* @__PURE__ */ jsx(Text, { style: styles6.successIconText, children: "\u2713" }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles6.title, children: "Check Your Email" }),
+      /* @__PURE__ */ jsxs(Text, { style: styles6.subtitle, children: [
+        "We've sent a password reset link to",
+        "\n",
+        /* @__PURE__ */ jsx(Text, { style: styles6.email, children: email })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          title: "Back to Login",
+          onPress: onBackPress || (() => {
+          }),
+          variant: "outline"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(
+    KeyboardAvoidingView,
+    {
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: styles6.container,
+      children: /* @__PURE__ */ jsxs(View, { style: styles6.card, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles6.title, children: "Forgot Password" }),
+        /* @__PURE__ */ jsx(Text, { style: styles6.subtitle, children: "Enter your email address and we'll send you a link to reset your password." }),
+        error && /* @__PURE__ */ jsx(View, { style: styles6.errorContainer, children: /* @__PURE__ */ jsx(Text, { style: styles6.errorText, children: error }) }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Email",
+            value: email,
+            onChangeText: setEmail,
+            placeholder: "Enter your email",
+            keyboardType: "email-address",
+            autoCapitalize: "none",
+            autoCorrect: false,
+            editable: !loading
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            title: loading ? "Sending..." : "Send Reset Link",
+            onPress: handleSubmit,
+            loading,
+            disabled: loading
+          }
+        ),
+        onBackPress && /* @__PURE__ */ jsx(TouchableOpacity, { style: styles6.backButton, onPress: onBackPress, children: /* @__PURE__ */ jsx(Text, { style: styles6.backText, children: "\u2190 Back to login" }) })
+      ] })
+    }
+  );
+};
+var styles6 = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    padding: 20
+  },
+  card: {
+    backgroundColor: "#FFFFFF",
+    borderRadius: 16,
+    padding: 24,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "700",
+    color: "#111827",
+    textAlign: "center",
+    marginBottom: 8
+  },
+  subtitle: {
+    fontSize: 14,
+    color: "#6B7280",
+    textAlign: "center",
+    marginBottom: 24,
+    lineHeight: 20
+  },
+  email: {
+    color: "#4F46E5",
+    fontWeight: "600"
+  },
+  errorContainer: {
+    backgroundColor: "#FEE2E2",
+    borderWidth: 1,
+    borderColor: "#FECACA",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 16
+  },
+  errorText: {
+    color: "#DC2626",
+    fontSize: 14,
+    textAlign: "center"
+  },
+  backButton: {
+    marginTop: 16,
+    alignItems: "center"
+  },
+  backText: {
+    color: "#6B7280",
+    fontSize: 14
+  },
+  successIcon: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: "#D1FAE5",
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "center",
+    marginBottom: 16
+  },
+  successIconText: {
+    fontSize: 28,
+    color: "#059669"
+  }
+});
+var ResetPassword = ({
+  token,
+  onSuccess,
+  onBackPress
+}) => {
+  const { resetPassword, loading } = useAuth();
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [error, setError] = useState(null);
+  const [success, setSuccess] = useState(false);
+  const handleSubmit = async () => {
+    if (!password.trim()) {
+      setError("Password is required");
+      return;
+    }
+    if (password.length < 6) {
+      setError("Password must be at least 6 characters");
+      return;
+    }
+    if (password !== confirmPassword) {
+      setError("Passwords do not match");
+      return;
+    }
+    setError(null);
+    try {
+      const response = await resetPassword(token, password);
+      if (response.success) {
+        setSuccess(true);
+        onSuccess?.();
+      } else {
+        setError(response.message || "Failed to reset password");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsx(View, { style: styles7.container, children: /* @__PURE__ */ jsxs(View, { style: styles7.card, children: [
+      /* @__PURE__ */ jsx(View, { style: styles7.successIcon, children: /* @__PURE__ */ jsx(Text, { style: styles7.successIconText, children: "\u2713" }) }),
+      /* @__PURE__ */ jsx(Text, { style: styles7.title, children: "Password Reset" }),
+      /* @__PURE__ */ jsx(Text, { style: styles7.subtitle, children: "Your password has been successfully reset. You can now login with your new password." }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          title: "Back to Login",
+          onPress: onBackPress || (() => {
+          })
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(
+    KeyboardAvoidingView,
+    {
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      style: styles7.container,
+      children: /* @__PURE__ */ jsx(
+        ScrollView,
+        {
+          contentContainerStyle: styles7.scrollContent,
+          keyboardShouldPersistTaps: "handled",
+          children: /* @__PURE__ */ jsxs(View, { style: styles7.card, children: [
+            /* @__PURE__ */ jsx(Text, { style: styles7.title, children: "Reset Password" }),
+            /* @__PURE__ */ jsx(Text, { style: styles7.subtitle, children: "Enter your new password below." }),
+            error && /* @__PURE__ */ jsx(View, { style: styles7.errorContainer, children: /* @__PURE__ */ jsx(Text, { style: styles7.errorText, children: error }) }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "New Password",
+                value: password,
+                onChangeText: setPassword,
+                placeholder: "Enter new password",
+                isPassword: true,
+                editable: !loading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Confirm Password",
+                value: confirmPassword,
+                onChangeText: setConfirmPassword,
+                placeholder: "Confirm new password",
+                isPassword: true,
+                editable: !loading
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                title: loading ? "Resetting..." : "Reset Password",
+                onPress: handleSubmit,
+                loading,
+                disabled: loading
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+};
+var styles7 = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1,
+    justifyContent: "center",
+    padding: 20
+  },
+  card: {
+    backgroundColor: "#FFFFFF",
+    borderRadius: 16,
+    padding: 24,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "700",
+    color: "#111827",
+    textAlign: "center",
+    marginBottom: 8
+  },
+  subtitle: {
+    fontSize: 14,
+    color: "#6B7280",
+    textAlign: "center",
+    marginBottom: 24,
+    lineHeight: 20
+  },
+  errorContainer: {
+    backgroundColor: "#FEE2E2",
+    borderWidth: 1,
+    borderColor: "#FECACA",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 16
+  },
+  errorText: {
+    color: "#DC2626",
+    fontSize: 14,
+    textAlign: "center"
+  },
+  successIcon: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: "#D1FAE5",
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "center",
+    marginBottom: 16
+  },
+  successIconText: {
+    fontSize: 28,
+    color: "#059669"
+  }
+});
+var UserProfile = ({
+  onEditPress,
+  onLogoutPress,
+  showLogoutButton = true
+}) => {
+  const { user, signOut, loading } = useAuth();
+  const handleLogout = async () => {
+    await signOut();
+    onLogoutPress?.();
+  };
+  if (!user) {
+    return /* @__PURE__ */ jsx(View, { style: styles8.container, children: /* @__PURE__ */ jsx(Text, { style: styles8.notLoggedIn, children: "Not logged in" }) });
+  }
+  const getInitials = (name, email) => {
+    if (name) {
+      return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+    }
+    return email?.charAt(0).toUpperCase() || "?";
+  };
+  return /* @__PURE__ */ jsx(View, { style: styles8.container, children: /* @__PURE__ */ jsxs(View, { style: styles8.card, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles8.header, children: [
+      user.avatar ? /* @__PURE__ */ jsx(Image, { source: { uri: user.avatar }, style: styles8.avatar }) : /* @__PURE__ */ jsx(View, { style: styles8.avatarPlaceholder, children: /* @__PURE__ */ jsx(Text, { style: styles8.avatarText, children: getInitials(user.name, user.email) }) }),
+      /* @__PURE__ */ jsxs(View, { style: styles8.userInfo, children: [
+        user.name && /* @__PURE__ */ jsx(Text, { style: styles8.name, children: user.name }),
+        /* @__PURE__ */ jsx(Text, { style: styles8.email, children: user.email })
+      ] }),
+      onEditPress && /* @__PURE__ */ jsx(TouchableOpacity, { style: styles8.editButton, onPress: onEditPress, children: /* @__PURE__ */ jsx(Text, { style: styles8.editText, children: "Edit" }) })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: styles8.divider }),
+    /* @__PURE__ */ jsxs(View, { style: styles8.details, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles8.detailRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles8.detailLabel, children: "Email" }),
+        /* @__PURE__ */ jsx(Text, { style: styles8.detailValue, children: user.email })
+      ] }),
+      user.phoneNumber && /* @__PURE__ */ jsxs(View, { style: styles8.detailRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles8.detailLabel, children: "Phone" }),
+        /* @__PURE__ */ jsx(Text, { style: styles8.detailValue, children: user.phoneNumber })
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles8.detailRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles8.detailLabel, children: "Email Verified" }),
+        /* @__PURE__ */ jsx(View, { style: [styles8.badge, user.emailVerified ? styles8.badgeSuccess : styles8.badgeWarning], children: /* @__PURE__ */ jsx(Text, { style: [styles8.badgeText, user.emailVerified ? styles8.badgeTextSuccess : styles8.badgeTextWarning], children: user.emailVerified ? "Verified" : "Not Verified" }) })
+      ] }),
+      user.twoFactorEnabled !== void 0 && /* @__PURE__ */ jsxs(View, { style: styles8.detailRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles8.detailLabel, children: "2FA" }),
+        /* @__PURE__ */ jsx(View, { style: [styles8.badge, user.twoFactorEnabled ? styles8.badgeSuccess : styles8.badgeNeutral], children: /* @__PURE__ */ jsx(Text, { style: [styles8.badgeText, user.twoFactorEnabled ? styles8.badgeTextSuccess : styles8.badgeTextNeutral], children: user.twoFactorEnabled ? "Enabled" : "Disabled" }) })
+      ] })
+    ] }),
+    showLogoutButton && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(View, { style: styles8.divider }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          title: loading ? "Logging out..." : "Logout",
+          onPress: handleLogout,
+          loading,
+          variant: "outline",
+          style: styles8.logoutButton,
+          textStyle: styles8.logoutText
+        }
+      )
+    ] })
+  ] }) });
+};
+var styles8 = StyleSheet.create({
+  container: {
+    padding: 20
+  },
+  card: {
+    backgroundColor: "#FFFFFF",
+    borderRadius: 16,
+    padding: 20,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  avatar: {
+    width: 60,
+    height: 60,
+    borderRadius: 30
+  },
+  avatarPlaceholder: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: "#4F46E5",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  avatarText: {
+    color: "#FFFFFF",
+    fontSize: 20,
+    fontWeight: "700"
+  },
+  userInfo: {
+    flex: 1,
+    marginLeft: 16
+  },
+  name: {
+    fontSize: 18,
+    fontWeight: "600",
+    color: "#111827"
+  },
+  email: {
+    fontSize: 14,
+    color: "#6B7280",
+    marginTop: 2
+  },
+  editButton: {
+    padding: 8
+  },
+  editText: {
+    color: "#4F46E5",
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  divider: {
+    height: 1,
+    backgroundColor: "#E5E7EB",
+    marginVertical: 16
+  },
+  details: {
+    gap: 12
+  },
+  detailRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  detailLabel: {
+    fontSize: 14,
+    color: "#6B7280"
+  },
+  detailValue: {
+    fontSize: 14,
+    color: "#111827",
+    fontWeight: "500"
+  },
+  badge: {
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderRadius: 12
+  },
+  badgeSuccess: {
+    backgroundColor: "#D1FAE5"
+  },
+  badgeWarning: {
+    backgroundColor: "#FEF3C7"
+  },
+  badgeNeutral: {
+    backgroundColor: "#F3F4F6"
+  },
+  badgeText: {
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  badgeTextSuccess: {
+    color: "#059669"
+  },
+  badgeTextWarning: {
+    color: "#D97706"
+  },
+  badgeTextNeutral: {
+    color: "#6B7280"
+  },
+  logoutButton: {
+    borderColor: "#EF4444"
+  },
+  logoutText: {
+    color: "#EF4444"
+  },
+  notLoggedIn: {
+    textAlign: "center",
+    color: "#6B7280",
+    fontSize: 16
+  }
+});
+var ProtectedRoute = ({
+  children,
+  fallback,
+  loadingComponent
+}) => {
+  const { isLoaded, isSignedIn } = useAuth();
+  if (!isLoaded) {
+    return loadingComponent || /* @__PURE__ */ jsxs(View, { style: styles9.loadingContainer, children: [
+      /* @__PURE__ */ jsx(ActivityIndicator, { size: "large", color: "#4F46E5" }),
+      /* @__PURE__ */ jsx(Text, { style: styles9.loadingText, children: "Loading..." })
+    ] });
+  }
+  if (!isSignedIn) {
+    return fallback || /* @__PURE__ */ jsxs(View, { style: styles9.unauthorizedContainer, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles9.unauthorizedTitle, children: "Access Denied" }),
+      /* @__PURE__ */ jsx(Text, { style: styles9.unauthorizedText, children: "Please sign in to access this content." })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var styles9 = StyleSheet.create({
+  loadingContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F9FAFB"
+  },
+  loadingText: {
+    marginTop: 12,
+    fontSize: 16,
+    color: "#6B7280"
+  },
+  unauthorizedContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20,
+    backgroundColor: "#F9FAFB"
+  },
+  unauthorizedTitle: {
+    fontSize: 20,
+    fontWeight: "700",
+    color: "#111827",
+    marginBottom: 8
+  },
+  unauthorizedText: {
+    fontSize: 14,
+    color: "#6B7280",
+    textAlign: "center"
+  }
+});
+
+export { AuthProvider, AuthServiceRN, Button, ForgotPassword, Input, LoginForm, OtpForm, ProtectedRoute, RegisterForm, ResetPassword, UserProfile, useAuth };
+//# sourceMappingURL=index.react-native.mjs.map
+//# sourceMappingURL=index.react-native.mjs.map