@authowl/react-native 0.2.1

package/dist/index.js

@@ -0,0 +1,1160 @@
+// src/client.ts
+import {
+  createNativeAuthClient,
+  decodePublishableKey,
+  getPublicConfig,
+  resolveConfig
+} from "@authowl/core/native";
+
+// src/cookie-jar.ts
+import { sessionCookieName } from "@authowl/core/native";
+function sessionStorageKey(projectId) {
+  return `authowl.session.${projectId}`;
+}
+function readSetCookie(header, name) {
+  if (!header) return null;
+  const entries = typeof header === "string" ? header.split("\n") : header;
+  for (const entry of entries) {
+    const trimmed = entry.trim();
+    const separator = trimmed.indexOf("=");
+    if (separator === -1) continue;
+    if (trimmed.slice(0, separator).trim() !== name) continue;
+    const value = trimmed.slice(separator + 1).split(";", 1)[0] ?? "";
+    return value;
+  }
+  return null;
+}
+function setCookieValues(headers) {
+  const withGetter = headers;
+  if (typeof withGetter.getSetCookie === "function") {
+    return withGetter.getSetCookie();
+  }
+  return headers.get("set-cookie");
+}
+function withSessionCookie(headers, name, value) {
+  const existing = headers.get("cookie");
+  const pair = `${name}=${value}`;
+  headers.set("cookie", existing ? `${existing}; ${pair}` : pair);
+}
+function createCookieJarFetch(options) {
+  const { storage, projectId, secure } = options;
+  const baseFetch = options.fetchImpl ?? globalThis.fetch;
+  if (typeof baseFetch !== "function") {
+    throw new Error(
+      "@authowl/react-native requires a global fetch. Pass `fetchImpl` if your runtime lacks one."
+    );
+  }
+  const cookieName = sessionCookieName(projectId, { secure });
+  const storageKey = sessionStorageKey(projectId);
+  return async function cookieJarFetch(input, init) {
+    const useSessionJar = init?.credentials !== "omit";
+    const stored = useSessionJar ? await storage.getItem(storageKey) : null;
+    const inherited = init?.headers ?? (typeof input === "object" && input !== null && "headers" in input ? input.headers : void 0);
+    const headers = new Headers(inherited);
+    if (stored) withSessionCookie(headers, cookieName, stored);
+    const response = await baseFetch(input, { ...init, headers });
+    const issued = useSessionJar ? readSetCookie(setCookieValues(response.headers), cookieName) : null;
+    if (issued !== null) {
+      if (issued === "") await storage.removeItem(storageKey);
+      else await storage.setItem(storageKey, issued);
+    }
+    return response;
+  };
+}
+
+// src/client.ts
+function createAuthOwlNative(config) {
+  const { projectId } = decodePublishableKey(config.publishableKey);
+  const secure = new URL(config.apiUrl).protocol === "https:";
+  const resolved = resolveConfig({
+    publishableKey: config.publishableKey,
+    apiUrl: config.apiUrl,
+    fetch: createCookieJarFetch({
+      storage: config.storage,
+      projectId,
+      secure,
+      fetchImpl: config.fetchImpl
+    })
+  });
+  const client = config.passkeys ? createNativeAuthClient(resolved, config.onSessionMutation, config.passkeys) : createNativeAuthClient(resolved, config.onSessionMutation);
+  return { client, projectId, getPublicConfig: () => getPublicConfig(resolved) };
+}
+
+// src/oauth.ts
+function signInWithSocialIdToken(client, options) {
+  return client.signIn.social(options);
+}
+
+// src/provider.tsx
+import {
+  createContext,
+  createElement,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { createMembershipHas } from "@authowl/core/native";
+var AuthOwlContext = createContext(null);
+function AuthOwlProvider(props) {
+  const {
+    children,
+    publishableKey,
+    apiUrl,
+    storage,
+    fetchImpl,
+    onSessionMutation,
+    passkeys,
+    locale = "en"
+  } = props;
+  const native = useMemo(() => {
+    return createAuthOwlNative({
+      publishableKey,
+      apiUrl,
+      storage,
+      fetchImpl,
+      onSessionMutation,
+      passkeys
+    });
+  }, [publishableKey, apiUrl, storage, fetchImpl, onSessionMutation, passkeys]);
+  const [publicConfig, setPublicConfig] = useState(null);
+  const [publicConfigState, setPublicConfigState] = useState("loading");
+  useEffect(() => {
+    let active = true;
+    setPublicConfig(null);
+    setPublicConfigState("loading");
+    native.getPublicConfig().then((config) => {
+      if (!active) return;
+      setPublicConfig(config);
+      setPublicConfigState("ready");
+    }).catch(() => {
+      if (!active) return;
+      setPublicConfig(null);
+      setPublicConfigState("error");
+    });
+    return () => {
+      active = false;
+    };
+  }, [native]);
+  const value = useMemo(() => ({
+    client: native.client,
+    projectId: native.projectId,
+    locale,
+    publicConfig,
+    publicConfigState
+  }), [native, locale, publicConfig, publicConfigState]);
+  return createElement(AuthOwlContext.Provider, { value }, children);
+}
+function useAuthOwlContext() {
+  const value = useContext(AuthOwlContext);
+  if (value === null) {
+    throw new Error("AuthOwl hooks must be used inside an <AuthOwlProvider>.");
+  }
+  return value;
+}
+function useAuthOwlLocale() {
+  return useAuthOwlContext().locale;
+}
+function useAuthOwlClient() {
+  return useAuthOwlContext().client;
+}
+function usePublicConfig() {
+  const { publicConfig, publicConfigState } = useAuthOwlContext();
+  return {
+    data: publicConfig,
+    state: publicConfigState,
+    isLoading: publicConfigState === "loading"
+  };
+}
+function useSession() {
+  const { client } = useAuthOwlContext();
+  const store = client.sessionStore;
+  return useSyncExternalStore(
+    (listener) => store.subscribe(listener),
+    () => store.getSnapshot(),
+    () => store.getSnapshot()
+  );
+}
+function useAuth() {
+  const { client } = useAuthOwlContext();
+  const state = useSession();
+  const membership = state.data?.session.membership ?? null;
+  const { has, hasPermission } = useMemo(
+    () => createMembershipHas(membership),
+    [membership]
+  );
+  return {
+    isLoaded: !state.isPending,
+    isSignedIn: state.data !== null,
+    user: state.data?.user ?? null,
+    session: state.data?.session ?? null,
+    signOut: async () => {
+      await client.signOut();
+    },
+    has,
+    hasPermission
+  };
+}
+function useUser() {
+  return useSession().data?.user ?? null;
+}
+function useSocialSignIn() {
+  const { client } = useAuthOwlContext();
+  return useCallback(
+    (options) => signInWithSocialIdToken(client, options),
+    [client]
+  );
+}
+
+// src/components/SignIn.tsx
+import { useState as useState2 } from "react";
+import { Text as Text2, View as View2 } from "react-native";
+
+// src/i18n.ts
+import { useMemo as useMemo2 } from "react";
+import {
+  directionFor,
+  formatMessage,
+  resolveServerError
+} from "@authowl/core/i18n";
+function useT() {
+  const locale = useAuthOwlLocale();
+  return useMemo2(
+    () => (key, params) => formatMessage(locale, key, params),
+    [locale]
+  );
+}
+function useLocale() {
+  const locale = useAuthOwlLocale();
+  return useMemo2(() => ({ locale, direction: directionFor(locale) }), [locale]);
+}
+function useServerError() {
+  const locale = useAuthOwlLocale();
+  const t = useT();
+  return useMemo2(
+    () => (error, fallback) => resolveServerError(locale, error, t(fallback)),
+    [locale, t]
+  );
+}
+
+// src/components/SignIn.tsx
+import { resolveProjectCapabilities } from "@authowl/core/native";
+
+// src/components/primitives.tsx
+import { useMemo as useMemo3 } from "react";
+import {
+  ActivityIndicator,
+  Pressable,
+  Text,
+  TextInput,
+  View
+} from "react-native";
+
+// src/components/theme.ts
+import { StyleSheet } from "react-native";
+var defaultTheme = {
+  accent: "#F5B84C",
+  accentText: "#241703",
+  link: "#624A1E",
+  text: "#111827",
+  mutedText: "#6b7280",
+  background: "#ffffff",
+  surface: "#f9fafb",
+  border: "#d1d5db",
+  danger: "#b91c1c",
+  radius: 10,
+  spacing: 12
+};
+var darkTheme = {
+  ...defaultTheme,
+  link: "#F5B84C",
+  text: "#f9fafb",
+  mutedText: "#9ca3af",
+  background: "#111827",
+  surface: "#1f2937",
+  border: "#374151",
+  danger: "#fca5a5"
+};
+function createStyles(theme) {
+  return StyleSheet.create({
+    container: { gap: theme.spacing, backgroundColor: theme.background },
+    title: { fontSize: 22, fontWeight: "600", color: theme.text },
+    label: { fontSize: 13, fontWeight: "500", color: theme.mutedText },
+    field: { gap: 4 },
+    input: {
+      borderWidth: 1,
+      borderColor: theme.border,
+      borderRadius: theme.radius,
+      paddingHorizontal: theme.spacing,
+      paddingVertical: theme.spacing * 0.75,
+      fontSize: 16,
+      color: theme.text,
+      backgroundColor: theme.surface
+    },
+    inputInvalid: { borderColor: theme.danger },
+    button: {
+      borderRadius: theme.radius,
+      paddingVertical: theme.spacing,
+      alignItems: "center",
+      backgroundColor: theme.accent
+    },
+    buttonDisabled: { opacity: 0.5 },
+    buttonText: { color: theme.accentText, fontSize: 16, fontWeight: "600" },
+    link: { color: theme.link ?? theme.accent, fontSize: 14 },
+    consentRow: {
+      flexDirection: "row",
+      alignItems: "flex-start",
+      gap: 8
+    },
+    consentToggle: {
+      minWidth: 24,
+      height: 19,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    consentBox: {
+      width: 18,
+      height: 18,
+      alignItems: "center",
+      justifyContent: "center",
+      borderWidth: 1,
+      borderColor: theme.border,
+      borderRadius: 4,
+      backgroundColor: theme.surface
+    },
+    consentBoxChecked: {
+      borderColor: theme.accent,
+      backgroundColor: theme.accent
+    },
+    consentBoxDisabled: { opacity: 0.55 },
+    consentCheck: {
+      color: theme.accentText,
+      fontSize: 13,
+      fontWeight: "700",
+      lineHeight: 16
+    },
+    consentText: {
+      flex: 1,
+      color: theme.text,
+      fontSize: 13,
+      lineHeight: 19
+    },
+    consentLink: {
+      color: theme.link ?? theme.accent,
+      textDecorationLine: "underline"
+    },
+    error: { color: theme.danger, fontSize: 14 }
+  });
+}
+
+// src/components/primitives.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function useStyles(theme = defaultTheme) {
+  return useMemo3(() => createStyles(theme), [theme]);
+}
+function Field({
+  label,
+  value,
+  onChangeText,
+  theme = defaultTheme,
+  placeholder,
+  secure = false,
+  invalid = false,
+  editable = true,
+  testID,
+  autoComplete,
+  keyboardType,
+  maxLength,
+  onSubmitEditing
+}) {
+  const styles = useStyles(theme);
+  return /* @__PURE__ */ jsxs(View, { style: styles.field, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.label, children: label }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        style: invalid ? [styles.input, styles.inputInvalid] : styles.input,
+        value,
+        onChangeText,
+        placeholder,
+        placeholderTextColor: theme.mutedText,
+        secureTextEntry: secure,
+        editable,
+        testID,
+        autoCapitalize: "none",
+        autoCorrect: false,
+        autoComplete,
+        keyboardType,
+        maxLength,
+        accessibilityLabel: label,
+        onSubmitEditing
+      }
+    )
+  ] });
+}
+function SubmitButton({
+  label,
+  busyLabel,
+  onPress,
+  busy = false,
+  disabled = false,
+  theme = defaultTheme,
+  testID
+}) {
+  const styles = useStyles(theme);
+  const blocked = busy || disabled;
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      style: blocked ? [styles.button, styles.buttonDisabled] : styles.button,
+      onPress,
+      disabled: blocked,
+      testID,
+      accessibilityRole: "button",
+      accessibilityState: { disabled: blocked, busy },
+      children: [
+        busy ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accentText }) : null,
+        /* @__PURE__ */ jsx(Text, { style: styles.buttonText, children: busy ? busyLabel : label })
+      ]
+    }
+  );
+}
+function FormError({
+  message,
+  theme = defaultTheme,
+  testID = "authowl-error"
+}) {
+  const styles = useStyles(theme);
+  if (!message) return null;
+  return /* @__PURE__ */ jsx(View, { accessibilityLiveRegion: "polite", children: /* @__PURE__ */ jsx(Text, { style: styles.error, testID, children: message }) });
+}
+
+// src/components/SignIn.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SignIn({
+  onSignedIn,
+  onSecondFactorRequired,
+  onForgotPassword,
+  theme = defaultTheme
+}) {
+  const t = useT();
+  const toMessage = useServerError();
+  const client = useAuthOwlClient();
+  const config = usePublicConfig();
+  const capabilities = resolveProjectCapabilities(config.data);
+  const styles = useStyles(theme);
+  const [email, setEmail] = useState2("");
+  const [password, setPassword] = useState2("");
+  const [busy, setBusy] = useState2(false);
+  const [error, setError] = useState2(null);
+  const canSubmit = email.trim().length > 0 && password.length > 0;
+  async function submit() {
+    if (busy || !canSubmit) return;
+    setBusy(true);
+    setError(null);
+    try {
+      const result = await client.signIn.email({ email: email.trim(), password });
+      if (result.error !== null) {
+        setError(toMessage(result.error, "signIn.error.failed"));
+        return;
+      }
+      if (result.data !== null && "twoFactorRedirect" in result.data) {
+        onSecondFactorRequired?.();
+        return;
+      }
+      onSignedIn?.();
+    } catch {
+      setError(t("signIn.error.failed"));
+    } finally {
+      setBusy(false);
+    }
+  }
+  if (config.isLoading || config.data !== null && !capabilities.passwordSignIn) return null;
+  return /* @__PURE__ */ jsxs2(View2, { style: styles.container, testID: "authowl-signin", children: [
+    /* @__PURE__ */ jsx2(Text2, { style: styles.title, children: t("signIn.title") }),
+    /* @__PURE__ */ jsx2(
+      Field,
+      {
+        label: t("common.emailLabel"),
+        value: email,
+        onChangeText: setEmail,
+        theme,
+        editable: !busy,
+        testID: "authowl-signin-email",
+        autoComplete: "email",
+        keyboardType: "email-address"
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Field,
+      {
+        label: t("common.passwordLabel"),
+        value: password,
+        onChangeText: setPassword,
+        theme,
+        secure: true,
+        editable: !busy,
+        testID: "authowl-signin-password",
+        autoComplete: "current-password",
+        onSubmitEditing: submit
+      }
+    ),
+    /* @__PURE__ */ jsx2(FormError, { message: error, theme }),
+    /* @__PURE__ */ jsx2(
+      SubmitButton,
+      {
+        label: t("signIn.submit"),
+        busyLabel: t("signIn.submitPending"),
+        onPress: submit,
+        busy,
+        disabled: !canSubmit,
+        theme,
+        testID: "authowl-signin-submit"
+      }
+    ),
+    onForgotPassword ? /* @__PURE__ */ jsx2(Text2, { style: styles.link, onPress: onForgotPassword, testID: "authowl-signin-forgot", children: t("signIn.forgotLink") }) : null
+  ] });
+}
+
+// src/components/SignUp.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import { Linking, Pressable as Pressable2, Text as Text3, View as View3 } from "react-native";
+import { resolveProjectCapabilities as resolveProjectCapabilities2 } from "@authowl/core/native";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
+  const t = useT();
+  const { direction } = useLocale();
+  const toMessage = useServerError();
+  const client = useAuthOwlClient();
+  const config = usePublicConfig();
+  const capabilities = resolveProjectCapabilities2(config.data);
+  const styles = useStyles(theme);
+  const [email, setEmail] = useState3("");
+  const [password, setPassword] = useState3("");
+  const [name, setName] = useState3("");
+  const [firstName, setFirstName] = useState3("");
+  const [lastName, setLastName] = useState3("");
+  const [busy, setBusy] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [acceptedConsent, setAcceptedConsent] = useState3(false);
+  const legal = config.data?.legal;
+  useEffect2(() => {
+    setAcceptedConsent(false);
+  }, [legal?.version]);
+  const useStructuredName = structuredName || capabilities.firstLastName;
+  const displayName = useStructuredName ? [firstName.trim(), lastName.trim()].filter(Boolean).join(" ") : name.trim();
+  const canSubmit = email.trim().length > 0 && password.length >= capabilities.passwordMinLength && password.length <= capabilities.passwordMaxLength && displayName.length > 0 && (!legal?.required || acceptedConsent);
+  async function submit() {
+    if (busy || !canSubmit) return;
+    setBusy(true);
+    setError(null);
+    const result = await client.signUp.email({
+      email: email.trim(),
+      password,
+      name: displayName,
+      ...legal?.required ? { consentVersion: legal.version } : {},
+      ...useStructuredName ? { firstName: firstName.trim(), lastName: lastName.trim() } : {}
+    });
+    setBusy(false);
+    if (result.error !== null) {
+      setError(toMessage(result.error, "signUp.error.failed"));
+      return;
+    }
+    onSignedUp?.({ sessionCreated: result.data?.sessionCreated === true });
+  }
+  if (config.isLoading || config.data !== null && !capabilities.passwordSignUp) return null;
+  const termsUrl = legal?.termsUrl;
+  const privacyUrl = legal?.privacyUrl;
+  const consentDocuments = [
+    termsUrl ? t("consent.termsOfService") : null,
+    privacyUrl ? t("consent.privacyPolicy") : null
+  ].filter((value) => value !== null).join(t("consent.docJoiner"));
+  const consentTemplate = t("signUp.consentLabel");
+  const consentMarker = consentTemplate.indexOf("{links}");
+  const consentPrefix = consentMarker === -1 ? consentTemplate : consentTemplate.slice(0, consentMarker);
+  const consentSuffix = consentMarker === -1 ? "" : consentTemplate.slice(consentMarker + "{links}".length);
+  return /* @__PURE__ */ jsxs3(View3, { style: styles.container, testID: "authowl-signup", children: [
+    /* @__PURE__ */ jsx3(Text3, { style: styles.title, children: t("signUp.title") }),
+    useStructuredName ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3(
+        Field,
+        {
+          label: t("signUp.firstNameLabel"),
+          value: firstName,
+          onChangeText: setFirstName,
+          theme,
+          editable: !busy,
+          testID: "authowl-signup-first-name",
+          autoComplete: "given-name"
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Field,
+        {
+          label: t("signUp.lastNameLabel"),
+          value: lastName,
+          onChangeText: setLastName,
+          theme,
+          editable: !busy,
+          testID: "authowl-signup-last-name",
+          autoComplete: "family-name"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx3(
+      Field,
+      {
+        label: t("signUp.nameLabel"),
+        value: name,
+        onChangeText: setName,
+        theme,
+        editable: !busy,
+        testID: "authowl-signup-name",
+        autoComplete: "name"
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      Field,
+      {
+        label: t("common.emailLabel"),
+        value: email,
+        onChangeText: setEmail,
+        theme,
+        editable: !busy,
+        testID: "authowl-signup-email",
+        autoComplete: "email",
+        keyboardType: "email-address"
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      Field,
+      {
+        label: t("common.passwordLabel"),
+        value: password,
+        onChangeText: setPassword,
+        theme,
+        secure: true,
+        editable: !busy,
+        testID: "authowl-signup-password",
+        autoComplete: "new-password",
+        maxLength: capabilities.passwordMaxLength,
+        onSubmitEditing: submit
+      }
+    ),
+    legal?.required ? /* @__PURE__ */ jsxs3(View3, { style: [styles.consentRow, { direction }], children: [
+      /* @__PURE__ */ jsx3(
+        Pressable2,
+        {
+          onPress: () => setAcceptedConsent((accepted) => !accepted),
+          disabled: busy,
+          hitSlop: 8,
+          style: styles.consentToggle,
+          testID: "authowl-signup-consent",
+          accessibilityRole: "checkbox",
+          accessibilityState: { checked: acceptedConsent },
+          accessibilityLabel: t("signUp.consentLabel", { links: consentDocuments }),
+          children: /* @__PURE__ */ jsx3(
+            View3,
+            {
+              style: [
+                styles.consentBox,
+                acceptedConsent && styles.consentBoxChecked,
+                busy && styles.consentBoxDisabled
+              ],
+              testID: "authowl-signup-consent-box",
+              children: acceptedConsent ? /* @__PURE__ */ jsx3(Text3, { style: styles.consentCheck, children: "\u2713" }) : null
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs3(Text3, { style: styles.consentText, children: [
+        consentPrefix,
+        termsUrl ? /* @__PURE__ */ jsx3(
+          Text3,
+          {
+            style: styles.consentLink,
+            onPress: () => void Linking.openURL(termsUrl),
+            testID: "authowl-signup-terms",
+            children: t("consent.termsOfService")
+          }
+        ) : null,
+        termsUrl && privacyUrl ? t("consent.docJoiner") : null,
+        privacyUrl ? /* @__PURE__ */ jsx3(
+          Text3,
+          {
+            style: styles.consentLink,
+            onPress: () => void Linking.openURL(privacyUrl),
+            testID: "authowl-signup-privacy",
+            children: t("consent.privacyPolicy")
+          }
+        ) : null,
+        consentSuffix
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsx3(FormError, { message: error, theme }),
+    /* @__PURE__ */ jsx3(
+      SubmitButton,
+      {
+        label: t("signUp.submit"),
+        busyLabel: t("signUp.submitPending"),
+        onPress: submit,
+        busy,
+        disabled: !canSubmit,
+        theme,
+        testID: "authowl-signup-submit"
+      }
+    )
+  ] });
+}
+
+// src/components/EmailOtpForm.tsx
+import { useState as useState4 } from "react";
+import { Text as Text4, View as View4 } from "react-native";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
+  const t = useT();
+  const toMessage = useServerError();
+  const client = useAuthOwlClient();
+  const styles = useStyles(theme);
+  const [stage, setStage] = useState4("email");
+  const [email, setEmail] = useState4("");
+  const [code, setCode] = useState4("");
+  const [busy, setBusy] = useState4(false);
+  const [error, setError] = useState4(null);
+  async function requestCode() {
+    if (busy || email.trim().length === 0) return;
+    setBusy(true);
+    setError(null);
+    const result = await client.emailOtp.sendVerificationOtp({
+      email: email.trim(),
+      type: "sign-in"
+    });
+    setBusy(false);
+    if (result.error !== null) {
+      setError(toMessage(result.error, "emailOtp.error.sendFailed"));
+      return;
+    }
+    setStage("code");
+  }
+  async function verifyCode() {
+    if (busy || code.trim().length === 0) return;
+    setBusy(true);
+    setError(null);
+    const result = await client.signIn.emailOtp({ email: email.trim(), otp: code.trim() });
+    setBusy(false);
+    if (result.error !== null) {
+      setError(toMessage(result.error, "emailOtp.error.invalidCode"));
+      return;
+    }
+    onSignedIn?.();
+  }
+  function changeEmail() {
+    setStage("email");
+    setCode("");
+    setError(null);
+  }
+  if (stage === "email") {
+    return /* @__PURE__ */ jsxs4(View4, { style: styles.container, testID: "authowl-emailotp", children: [
+      /* @__PURE__ */ jsx4(
+        Field,
+        {
+          label: t("common.emailLabel"),
+          value: email,
+          onChangeText: setEmail,
+          theme,
+          editable: !busy,
+          testID: "authowl-emailotp-email",
+          autoComplete: "email",
+          keyboardType: "email-address",
+          onSubmitEditing: requestCode
+        }
+      ),
+      /* @__PURE__ */ jsx4(FormError, { message: error, theme }),
+      /* @__PURE__ */ jsx4(
+        SubmitButton,
+        {
+          label: t("emailOtp.requestSubmit"),
+          busyLabel: t("common.sending"),
+          onPress: requestCode,
+          busy,
+          disabled: email.trim().length === 0,
+          theme,
+          testID: "authowl-emailotp-request"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4(View4, { style: styles.container, testID: "authowl-emailotp", children: [
+    /* @__PURE__ */ jsx4(
+      Field,
+      {
+        label: t("emailOtp.codeLabel", { email: email.trim() }),
+        value: code,
+        onChangeText: setCode,
+        theme,
+        editable: !busy,
+        testID: "authowl-emailotp-code",
+        keyboardType: "number-pad",
+        autoComplete: "one-time-code",
+        onSubmitEditing: verifyCode
+      }
+    ),
+    /* @__PURE__ */ jsx4(FormError, { message: error, theme }),
+    /* @__PURE__ */ jsx4(
+      SubmitButton,
+      {
+        label: t("emailOtp.verifySubmit"),
+        busyLabel: t("common.verifying"),
+        onPress: verifyCode,
+        busy,
+        disabled: code.trim().length === 0,
+        theme,
+        testID: "authowl-emailotp-verify"
+      }
+    ),
+    /* @__PURE__ */ jsx4(Text4, { style: styles.link, onPress: changeEmail, testID: "authowl-emailotp-change", children: t("emailOtp.changeEmail") })
+  ] });
+}
+
+// src/components/OrganizationSwitcher.tsx
+import { useCallback as useCallback2, useEffect as useEffect3, useRef, useState as useState5 } from "react";
+import { Pressable as Pressable3, Text as Text5, View as View5 } from "react-native";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function OrganizationSwitcher({
+  onSwitched,
+  allowPersonal = false,
+  theme = defaultTheme
+}) {
+  const t = useT();
+  const toMessage = useServerError();
+  const client = useAuthOwlClient();
+  const config = usePublicConfig();
+  const session = useSession();
+  const styles = useStyles(theme);
+  const [organizations, setOrganizations] = useState5(null);
+  const [switching, setSwitching] = useState5(null);
+  const [error, setError] = useState5(null);
+  const activeId = session.data?.session.activeOrganizationId ?? null;
+  const userId = session.data?.user.id ?? null;
+  const signedIn = userId !== null;
+  const requestGeneration = useRef(0);
+  const load = useCallback2(async () => {
+    const generation = ++requestGeneration.current;
+    setError(null);
+    const result = await client.organization.list();
+    if (generation !== requestGeneration.current) return;
+    if (result.error !== null) {
+      setError(toMessage(result.error, "organization.error.load"));
+      return;
+    }
+    setOrganizations(result.data ?? []);
+  }, [client, toMessage]);
+  useEffect3(() => {
+    requestGeneration.current += 1;
+    setOrganizations(null);
+    setError(null);
+    if (userId === null) return;
+    void load();
+    return () => {
+      requestGeneration.current += 1;
+    };
+  }, [userId, load]);
+  async function switchTo(organization) {
+    if (switching !== null) return;
+    setSwitching(organization?.id ?? "personal");
+    setError(null);
+    const result = await client.organization.setActive({
+      organizationId: organization?.id ?? null
+    });
+    setSwitching(null);
+    if (result.error !== null) {
+      setError(toMessage(result.error, "organization.switcher.error"));
+      return;
+    }
+    onSwitched?.(result.data ?? null);
+  }
+  if (config.isLoading || config.data !== null && !config.data.organizations) return null;
+  if (!signedIn) {
+    return /* @__PURE__ */ jsx5(View5, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ jsx5(Text5, { style: styles.label, children: t("organization.signedOut") }) });
+  }
+  if (organizations === null && error === null) {
+    return /* @__PURE__ */ jsx5(View5, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ jsx5(Text5, { style: styles.label, children: t("organization.loading") }) });
+  }
+  return /* @__PURE__ */ jsxs5(View5, { style: styles.container, testID: "authowl-orgswitcher", children: [
+    /* @__PURE__ */ jsx5(Text5, { style: styles.label, children: t("organization.switcher.label") }),
+    allowPersonal ? /* @__PURE__ */ jsx5(
+      OrganizationRow,
+      {
+        label: t("organization.personal"),
+        selected: activeId === null,
+        busy: switching === "personal",
+        disabled: switching !== null,
+        onPress: () => void switchTo(null),
+        testID: "authowl-orgswitcher-personal",
+        theme
+      }
+    ) : null,
+    (organizations ?? []).map((organization) => /* @__PURE__ */ jsx5(
+      OrganizationRow,
+      {
+        label: organization.name,
+        selected: organization.id === activeId,
+        busy: switching === organization.id,
+        disabled: switching !== null,
+        onPress: () => void switchTo(organization),
+        testID: `authowl-orgswitcher-${organization.id}`,
+        theme
+      },
+      organization.id
+    )),
+    /* @__PURE__ */ jsx5(FormError, { message: error, theme, testID: "authowl-orgswitcher-error" }),
+    error !== null ? /* @__PURE__ */ jsx5(
+      Text5,
+      {
+        style: styles.link,
+        onPress: () => void load(),
+        testID: "authowl-orgswitcher-retry",
+        children: t("organization.retry")
+      }
+    ) : null
+  ] });
+}
+function OrganizationRow({
+  label,
+  selected,
+  busy,
+  disabled,
+  onPress,
+  testID,
+  theme
+}) {
+  const styles = useStyles(theme);
+  return /* @__PURE__ */ jsx5(
+    Pressable3,
+    {
+      onPress,
+      disabled: disabled || selected,
+      testID,
+      accessibilityRole: "button",
+      accessibilityState: { disabled: disabled || selected, busy },
+      children: /* @__PURE__ */ jsx5(Text5, { style: selected ? [styles.label, { color: theme.accent }] : styles.label, children: label })
+    }
+  );
+}
+
+// src/components/PasskeyEnrollment.tsx
+import { useState as useState6 } from "react";
+import { Text as Text6, View as View6 } from "react-native";
+import { resolveProjectCapabilities as resolveProjectCapabilities3 } from "@authowl/core/native";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function usePasskeyClient() {
+  const client = useAuthOwlClient();
+  return "addPasskey" in client.passkey ? client : null;
+}
+function PasskeyEnrollment({
+  name,
+  onEnrolled,
+  onSkip,
+  theme = defaultTheme
+}) {
+  const t = useT();
+  const toMessage = useServerError();
+  const client = usePasskeyClient();
+  const config = usePublicConfig();
+  const capabilities = resolveProjectCapabilities3(config.data);
+  const styles = useStyles(theme);
+  const [busy, setBusy] = useState6(false);
+  const [error, setError] = useState6(null);
+  if (client === null || config.isLoading || config.data !== null && !capabilities.passkeyAdd) {
+    return null;
+  }
+  async function enrol() {
+    if (busy || client === null) return;
+    setBusy(true);
+    setError(null);
+    const result = await client.passkey.addPasskey(name === void 0 ? {} : { name });
+    setBusy(false);
+    if (result.error !== null) {
+      setError(toMessage(result.error, "signUp.error.passkeyFailed"));
+      return;
+    }
+    onEnrolled?.();
+  }
+  return /* @__PURE__ */ jsxs6(View6, { style: styles.container, testID: "authowl-passkey-enrollment", children: [
+    /* @__PURE__ */ jsx6(Text6, { style: styles.title, children: t("signUp.passkeyTitle") }),
+    /* @__PURE__ */ jsx6(Text6, { style: styles.label, children: t("signUp.passkeyDescription") }),
+    /* @__PURE__ */ jsx6(FormError, { message: error, theme, testID: "authowl-passkey-error" }),
+    /* @__PURE__ */ jsx6(
+      SubmitButton,
+      {
+        label: t("signUp.passkeySubmit"),
+        busyLabel: t("passkey.waiting"),
+        onPress: () => void enrol(),
+        busy,
+        theme,
+        testID: "authowl-passkey-submit"
+      }
+    ),
+    onSkip ? /* @__PURE__ */ jsx6(Text6, { style: styles.link, onPress: onSkip, testID: "authowl-passkey-skip", children: t("signUp.passkeySkip") }) : null
+  ] });
+}
+function PasskeySignInButton({
+  onSignedIn,
+  theme = defaultTheme
+}) {
+  const t = useT();
+  const toMessage = useServerError();
+  const client = usePasskeyClient();
+  const config = usePublicConfig();
+  const capabilities = resolveProjectCapabilities3(config.data);
+  const styles = useStyles(theme);
+  const [busy, setBusy] = useState6(false);
+  const [error, setError] = useState6(null);
+  if (client === null || config.isLoading || config.data !== null && !capabilities.passkeySignIn) return null;
+  async function signIn() {
+    if (busy || client === null) return;
+    setBusy(true);
+    setError(null);
+    const result = await client.signIn.passkey();
+    setBusy(false);
+    if (result.error !== null) {
+      setError(toMessage(result.error, "passkey.error.signInFailed"));
+      return;
+    }
+    onSignedIn?.();
+  }
+  return /* @__PURE__ */ jsxs6(View6, { style: styles.container, testID: "authowl-passkey-signin", children: [
+    /* @__PURE__ */ jsx6(
+      SubmitButton,
+      {
+        label: t("passkey.signInButton"),
+        busyLabel: t("passkey.waiting"),
+        onPress: () => void signIn(),
+        busy,
+        theme,
+        testID: "authowl-passkey-signin-submit"
+      }
+    ),
+    /* @__PURE__ */ jsx6(FormError, { message: error, theme, testID: "authowl-passkey-signin-error" })
+  ] });
+}
+
+// src/passkeys.ts
+import {
+  createPasskeyClient
+} from "@authowl/core/native";
+function createNativePasskeys(adapter) {
+  return (http, sessionChanged) => createPasskeyClient(http, sessionChanged, {
+    register: ({ optionsJSON }) => adapter.register(optionsJSON),
+    authenticate: ({ optionsJSON }) => adapter.authenticate(optionsJSON),
+    errorCode: adapter.errorCode?.bind(adapter)
+  });
+}
+
+// src/components/SocialButtons.tsx
+import { useState as useState7 } from "react";
+import { View as View7 } from "react-native";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function SocialButtons({
+  providers,
+  onSignedIn,
+  theme = defaultTheme
+}) {
+  const t = useT();
+  const toMessage = useServerError();
+  const client = useAuthOwlClient();
+  const styles = useStyles(theme);
+  const [pending, setPending] = useState7(null);
+  const [error, setError] = useState7(null);
+  async function signIn(provider) {
+    if (pending !== null) return;
+    setPending(provider.id);
+    setError(null);
+    try {
+      const idToken = await provider.getIdToken();
+      if (idToken === null) return;
+      const result = await client.signIn.social({ provider: provider.id, idToken });
+      if (result.error !== null) {
+        setError(toMessage(result.error, "social.error.startFailed"));
+        return;
+      }
+      onSignedIn?.();
+    } catch {
+      setError(t("social.error.startFailed"));
+    } finally {
+      setPending(null);
+    }
+  }
+  if (providers.length === 0) return null;
+  return /* @__PURE__ */ jsxs7(View7, { style: styles.container, testID: "authowl-social", children: [
+    providers.map((provider) => /* @__PURE__ */ jsx7(
+      SubmitButton,
+      {
+        label: t("social.continueWith", { provider: provider.label }),
+        busyLabel: t("social.redirecting"),
+        onPress: () => {
+          void signIn(provider);
+        },
+        busy: pending === provider.id,
+        disabled: pending !== null && pending !== provider.id,
+        theme,
+        testID: `authowl-social-${provider.id}`
+      },
+      provider.id
+    )),
+    /* @__PURE__ */ jsx7(FormError, { message: error, theme, testID: "authowl-social-error" })
+  ] });
+}
+
+// src/storage.ts
+var MemoryStorage = class {
+  entries = /* @__PURE__ */ new Map();
+  async getItem(key) {
+    return this.entries.get(key) ?? null;
+  }
+  async setItem(key, value) {
+    this.entries.set(key, value);
+  }
+  async removeItem(key) {
+    this.entries.delete(key);
+  }
+};
+
+// src/index.ts
+import { sessionCookieName as sessionCookieName2 } from "@authowl/core/native";
+export {
+  AuthOwlProvider,
+  EmailOtpForm,
+  Field,
+  FormError,
+  MemoryStorage,
+  OrganizationSwitcher,
+  PasskeyEnrollment,
+  PasskeySignInButton,
+  SignIn,
+  SignUp,
+  SocialButtons,
+  SubmitButton,
+  createAuthOwlNative,
+  createCookieJarFetch,
+  createNativePasskeys,
+  createStyles,
+  darkTheme,
+  defaultTheme,
+  readSetCookie,
+  sessionCookieName2 as sessionCookieName,
+  sessionStorageKey,
+  signInWithSocialIdToken,
+  useAuth,
+  useAuthOwlClient,
+  useAuthOwlLocale,
+  useLocale,
+  usePublicConfig,
+  useServerError,
+  useSession,
+  useSocialSignIn,
+  useStyles,
+  useT,
+  useUser
+};