@authowl/react-native 0.3.15 → 0.4.0

package/dist/index.js

@@ -168,6 +168,9 @@ function usePublicConfig() {
     isLoading: publicConfigState === "loading"
   };
 }
+function usePrivacy() {
+  return useAuthOwlContext().client.privacy;
+}
 function useSession() {
   const { client } = useAuthOwlContext();
   const store = client.sessionStore;
@@ -521,11 +524,15 @@ function SignIn({
 // 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 {
+  buildPrivacySignUpEvidence,
+  createIdempotencyKey,
+  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 { locale, direction } = useLocale();
   const toMessage = useServerError();
   const client = useAuthOwlClient();
   const config = usePublicConfig();
@@ -539,10 +546,18 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
   const [busy, setBusy] = useState3(false);
   const [error, setError] = useState3(null);
   const [acceptedConsent, setAcceptedConsent] = useState3(false);
+  const [grantedPurposeCodes, setGrantedPurposeCodes] = useState3(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [privacyCorrelationId] = useState3(createIdempotencyKey);
   const legal = config.data?.legal;
+  const privacy = config.data?.privacy;
   useEffect2(() => {
     setAcceptedConsent(false);
   }, [legal?.version]);
+  useEffect2(() => {
+    setGrantedPurposeCodes(/* @__PURE__ */ new Set());
+  }, [privacy]);
   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);
@@ -555,6 +570,14 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
       password,
       name: displayName,
       ...legal?.required ? { consentVersion: legal.version } : {},
+      ...privacy && privacy.notices.length > 0 ? {
+        privacyEvidence: buildPrivacySignUpEvidence(
+          privacy,
+          locale,
+          grantedPurposeCodes,
+          privacyCorrelationId
+        )
+      } : {},
       ...useStructuredName ? { firstName: firstName.trim(), lastName: lastName.trim() } : {}
     });
     setBusy(false);
@@ -692,6 +715,25 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
         consentSuffix
       ] })
     ] }) : null,
+    privacy && (privacy.notices.length > 0 || privacy.consentPurposes.length > 0) ? /* @__PURE__ */ jsx3(
+      NativePrivacySignUpEvidence,
+      {
+        privacy,
+        locale,
+        direction,
+        grantedPurposeCodes,
+        onPurposeChange: (purposeCode, granted) => {
+          setGrantedPurposeCodes((current) => {
+            const next = new Set(current);
+            if (granted) next.add(purposeCode);
+            else next.delete(purposeCode);
+            return next;
+          });
+        },
+        theme,
+        disabled: busy
+      }
+    ) : null,
     /* @__PURE__ */ jsx3(FormError, { message: error, theme }),
     /* @__PURE__ */ jsx3(
       SubmitButton,
@@ -707,21 +749,338 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
     )
   ] });
 }
+function NativePrivacySignUpEvidence({
+  privacy,
+  locale,
+  direction,
+  grantedPurposeCodes,
+  onPurposeChange,
+  theme,
+  disabled
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs3(
+    View3,
+    {
+      style: {
+        gap: theme.spacing,
+        borderWidth: 1,
+        borderColor: theme.border,
+        borderRadius: theme.radius,
+        backgroundColor: theme.surface,
+        padding: theme.spacing
+      },
+      testID: "authowl-signup-privacy-evidence",
+      children: [
+        /* @__PURE__ */ jsxs3(View3, { style: { gap: 4 }, children: [
+          /* @__PURE__ */ jsx3(Text3, { style: { color: theme.text, fontSize: 16, fontWeight: "600" }, children: t("privacy.signup.title") }),
+          /* @__PURE__ */ jsx3(Text3, { style: { color: theme.mutedText, fontSize: 13, lineHeight: 19 }, children: t("privacy.signup.description") })
+        ] }),
+        privacy.notices.map((notice) => /* @__PURE__ */ jsxs3(
+          View3,
+          {
+            style: { gap: 4, borderTopWidth: 1, borderTopColor: theme.border, paddingTop: 10 },
+            children: [
+              /* @__PURE__ */ jsx3(Text3, { style: { color: theme.text, fontSize: 14, fontWeight: "600", writingDirection: direction }, children: notice.title[locale] }),
+              /* @__PURE__ */ jsx3(Text3, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 18, writingDirection: direction }, children: notice.body[locale] })
+            ]
+          },
+          notice.noticeVersionId
+        )),
+        privacy.consentPurposes.length > 0 ? /* @__PURE__ */ jsxs3(View3, { style: { gap: 8 }, children: [
+          /* @__PURE__ */ jsx3(Text3, { style: { color: theme.text, fontSize: 13, fontWeight: "600" }, children: t("privacy.signup.optional") }),
+          privacy.consentPurposes.map((purpose) => {
+            const granted = grantedPurposeCodes.has(purpose.code);
+            return /* @__PURE__ */ jsxs3(
+              Pressable2,
+              {
+                testID: `authowl-signup-purpose-${purpose.code}`,
+                accessibilityRole: "checkbox",
+                accessibilityState: { checked: granted, disabled },
+                disabled,
+                onPress: () => onPurposeChange(purpose.code, !granted),
+                style: { flexDirection: "row", alignItems: "flex-start", gap: 8 },
+                children: [
+                  /* @__PURE__ */ jsx3(
+                    View3,
+                    {
+                      style: {
+                        width: 18,
+                        height: 18,
+                        alignItems: "center",
+                        justifyContent: "center",
+                        borderWidth: 1,
+                        borderColor: granted ? theme.accent : theme.border,
+                        borderRadius: 4,
+                        backgroundColor: granted ? theme.accent : theme.background
+                      },
+                      children: granted ? /* @__PURE__ */ jsx3(Text3, { style: { color: theme.accentText, fontSize: 13 }, children: "\u2713" }) : null
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs3(View3, { style: { flex: 1, gap: 2 }, children: [
+                    /* @__PURE__ */ jsx3(Text3, { style: { color: theme.text, fontSize: 13, fontWeight: "600", writingDirection: direction }, children: purpose.title[locale] }),
+                    /* @__PURE__ */ jsx3(Text3, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 17, writingDirection: direction }, children: purpose.description[locale] })
+                  ] })
+                ]
+              },
+              purpose.purposeVersionId
+            );
+          }),
+          /* @__PURE__ */ jsx3(Text3, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 18 }, children: t("privacy.signup.choiceNote") })
+        ] }) : null
+      ]
+    }
+  );
+}
 
-// src/components/EmailOtpForm.tsx
-import { useState as useState4 } from "react";
-import { Text as Text4, View as View4 } from "react-native";
+// src/components/PrivacyCenter.tsx
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo4, useState as useState4 } from "react";
+import { ActivityIndicator as ActivityIndicator2, Pressable as Pressable3, Text as Text4, View as View4 } from "react-native";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var RIGHT_KEYS = {
+  access: "privacy.right.access",
+  correction: "privacy.right.correction",
+  portability: "privacy.right.portability",
+  erasure: "privacy.right.erasure",
+  restriction: "privacy.right.restriction",
+  objection: "privacy.right.objection",
+  consent_withdrawal: "privacy.right.consentWithdrawal"
+};
+var STATE_KEYS = {
+  received: "privacy.state.received",
+  identity_pending: "privacy.state.identityPending",
+  in_progress: "privacy.state.inProgress",
+  restricted: "privacy.state.restricted",
+  completed: "privacy.state.completed",
+  denied: "privacy.state.denied",
+  withdrawn: "privacy.state.withdrawn"
+};
+function PrivacyCenter({ theme = defaultTheme } = {}) {
+  const t = useT();
+  const { locale, direction } = useLocale();
+  const toMessage = useServerError();
+  const client = useAuthOwlClient();
+  const config = usePublicConfig();
+  const session = useSession();
+  const [preferences, setPreferences] = useState4([]);
+  const [requests, setRequests] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  const [pendingPurpose, setPendingPurpose] = useState4(null);
+  const [pendingRight, setPendingRight] = useState4(null);
+  const signedIn = session.data !== null;
+  const refresh = useCallback2(async (showLoading = false) => {
+    if (!signedIn) {
+      setLoading(false);
+      return;
+    }
+    if (showLoading) setLoading(true);
+    const [consent, rights] = await Promise.all([
+      client.privacy.listConsentPreferences(),
+      client.privacy.listRightsRequests()
+    ]);
+    const failure = consent.error ?? rights.error;
+    if (failure) setError(toMessage(failure, "privacy.error.load"));
+    else {
+      setPreferences(consent.data?.preferences ?? []);
+      setRequests(rights.data?.requests ?? []);
+      setError(null);
+    }
+    setLoading(false);
+  }, [client, signedIn, toMessage]);
+  useEffect3(() => {
+    if (!session.isPending) void refresh(true);
+  }, [refresh, session.data?.user.id, session.isPending]);
+  const preferencesByCode = useMemo4(
+    () => new Map(preferences.map((preference) => [preference.code, preference])),
+    [preferences]
+  );
+  async function updateConsent(purposeCode, granted) {
+    const privacy2 = config.data?.privacy;
+    const purpose = privacy2?.consentPurposes.find((item) => item.code === purposeCode);
+    const notice = privacy2?.notices.find((item) => item.purposeCodes.includes(purposeCode));
+    if (!purpose || !notice) {
+      setError(t("privacy.error.unavailable"));
+      return;
+    }
+    setPendingPurpose(purposeCode);
+    setError(null);
+    const result = await client.privacy.recordConsent({
+      purposeCode,
+      purposeVersionId: purpose.purposeVersionId,
+      noticeVersionId: notice.noticeVersionId,
+      decision: granted ? "granted" : "withdrawn",
+      locale
+    });
+    if (result.error) setError(toMessage(result.error, "privacy.error.save"));
+    else await refresh();
+    setPendingPurpose(null);
+  }
+  async function createRequest(rightType) {
+    setPendingRight(rightType);
+    setError(null);
+    const result = await client.privacy.createRightsRequest({ rightType, locale });
+    if (result.error) setError(toMessage(result.error, "privacy.error.request"));
+    else await refresh();
+    setPendingRight(null);
+  }
+  if (session.isPending || loading) {
+    return /* @__PURE__ */ jsx4(ActivityIndicator2, { color: theme.accent, testID: "authowl-privacy-loading" });
+  }
+  if (!signedIn) return /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText }, children: t("privacy.signedOut") });
+  const privacy = config.data?.privacy;
+  return /* @__PURE__ */ jsxs4(
+    View4,
+    {
+      testID: "authowl-privacy-center",
+      style: { gap: theme.spacing, backgroundColor: theme.background },
+      children: [
+        /* @__PURE__ */ jsxs4(View4, { style: { gap: 4 }, children: [
+          /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText, fontSize: 12, fontWeight: "700" }, children: t("privacy.dataUse") }),
+          /* @__PURE__ */ jsx4(Text4, { style: { color: theme.text, fontSize: 22, fontWeight: "600" }, children: t("privacy.title") }),
+          /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText, fontSize: 14, lineHeight: 20 }, children: t("privacy.description") })
+        ] }),
+        /* @__PURE__ */ jsx4(FormError, { message: error, theme, testID: "authowl-privacy-error" }),
+        /* @__PURE__ */ jsx4(
+          PrivacyBlock,
+          {
+            title: t("privacy.choices.title"),
+            description: t("privacy.choices.description"),
+            theme,
+            children: (privacy?.consentPurposes.length ?? 0) === 0 ? /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText }, children: t("privacy.choices.empty") }) : privacy.consentPurposes.map((purpose) => {
+              const granted = preferencesByCode.get(purpose.code)?.state === "granted";
+              const pending = pendingPurpose === purpose.code;
+              return /* @__PURE__ */ jsxs4(
+                View4,
+                {
+                  style: { flexDirection: "row", alignItems: "center", gap: 10 },
+                  children: [
+                    /* @__PURE__ */ jsxs4(View4, { style: { flex: 1, gap: 2 }, children: [
+                      /* @__PURE__ */ jsx4(Text4, { style: { color: theme.text, fontWeight: "600", writingDirection: direction }, children: purpose.title[locale] }),
+                      /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 18, writingDirection: direction }, children: purpose.description[locale] })
+                    ] }),
+                    /* @__PURE__ */ jsx4(
+                      Pressable3,
+                      {
+                        testID: `authowl-privacy-purpose-${purpose.code}`,
+                        accessibilityRole: "switch",
+                        accessibilityLabel: purpose.title[locale],
+                        accessibilityState: { checked: granted, disabled: pending },
+                        disabled: pending,
+                        onPress: () => void updateConsent(purpose.code, !granted),
+                        style: {
+                          minWidth: 58,
+                          borderRadius: theme.radius,
+                          paddingHorizontal: 10,
+                          paddingVertical: 8,
+                          alignItems: "center",
+                          backgroundColor: granted ? theme.accent : theme.surface,
+                          borderWidth: 1,
+                          borderColor: granted ? theme.accent : theme.border,
+                          opacity: pending ? 0.55 : 1
+                        },
+                        children: /* @__PURE__ */ jsx4(Text4, { style: { color: granted ? theme.accentText : theme.text, fontWeight: "600" }, children: pending ? t("common.working") : t(granted ? "privacy.on" : "privacy.off") })
+                      }
+                    )
+                  ]
+                },
+                purpose.purposeVersionId
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          PrivacyBlock,
+          {
+            title: t("privacy.rights.title"),
+            description: t("privacy.rights.description"),
+            theme,
+            children: Object.keys(RIGHT_KEYS).map((right) => /* @__PURE__ */ jsx4(
+              Pressable3,
+              {
+                testID: `authowl-privacy-right-${right}`,
+                accessibilityRole: "button",
+                accessibilityState: { disabled: pendingRight !== null, busy: pendingRight === right },
+                disabled: pendingRight !== null,
+                onPress: () => void createRequest(right),
+                style: {
+                  borderWidth: 1,
+                  borderColor: right === "erasure" ? theme.danger : theme.border,
+                  borderRadius: theme.radius,
+                  padding: 12,
+                  opacity: pendingRight !== null ? 0.55 : 1
+                },
+                children: /* @__PURE__ */ jsx4(Text4, { style: { color: right === "erasure" ? theme.danger : theme.text, fontWeight: "600" }, children: pendingRight === right ? t("common.working") : t(RIGHT_KEYS[right]) })
+              },
+              right
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          PrivacyBlock,
+          {
+            title: t("privacy.requests.title"),
+            description: t("privacy.requests.description"),
+            theme,
+            children: requests.length === 0 ? /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText }, children: t("privacy.requests.empty") }) : requests.map((request) => /* @__PURE__ */ jsxs4(
+              View4,
+              {
+                style: { flexDirection: "row", justifyContent: "space-between", gap: 12 },
+                children: [
+                  /* @__PURE__ */ jsx4(Text4, { style: { flex: 1, color: theme.text }, children: t(RIGHT_KEYS[request.rightType]) }),
+                  /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText, fontWeight: "600" }, children: t(STATE_KEYS[request.state]) })
+                ]
+              },
+              request.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function PrivacyBlock({
+  title,
+  description,
+  theme,
+  children
+}) {
+  return /* @__PURE__ */ jsxs4(
+    View4,
+    {
+      style: {
+        gap: theme.spacing,
+        borderWidth: 1,
+        borderColor: theme.border,
+        borderRadius: theme.radius,
+        backgroundColor: theme.surface,
+        padding: theme.spacing
+      },
+      children: [
+        /* @__PURE__ */ jsxs4(View4, { style: { gap: 3 }, children: [
+          /* @__PURE__ */ jsx4(Text4, { style: { color: theme.text, fontSize: 16, fontWeight: "600" }, children: title }),
+          /* @__PURE__ */ jsx4(Text4, { style: { color: theme.mutedText, fontSize: 13, lineHeight: 19 }, children: description })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/EmailOtpForm.tsx
+import { useState as useState5 } from "react";
+import { Text as Text5, View as View5 } from "react-native";
+import { jsx as jsx5, jsxs as jsxs5 } 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);
+  const [stage, setStage] = useState5("email");
+  const [email, setEmail] = useState5("");
+  const [code, setCode] = useState5("");
+  const [busy, setBusy] = useState5(false);
+  const [error, setError] = useState5(null);
   async function requestCode() {
     if (busy || email.trim().length === 0) return;
     setBusy(true);
@@ -755,8 +1114,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
     setError(null);
   }
   if (stage === "email") {
-    return /* @__PURE__ */ jsxs4(View4, { style: styles.container, testID: "authowl-emailotp", children: [
-      /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsxs5(View5, { style: styles.container, testID: "authowl-emailotp", children: [
+      /* @__PURE__ */ jsx5(
         Field,
         {
           label: t("common.emailLabel"),
@@ -770,8 +1129,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
           onSubmitEditing: requestCode
         }
       ),
-      /* @__PURE__ */ jsx4(FormError, { message: error, theme }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(FormError, { message: error, theme }),
+      /* @__PURE__ */ jsx5(
         SubmitButton,
         {
           label: t("emailOtp.requestSubmit"),
@@ -785,8 +1144,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs4(View4, { style: styles.container, testID: "authowl-emailotp", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5(View5, { style: styles.container, testID: "authowl-emailotp", children: [
+    /* @__PURE__ */ jsx5(
       Field,
       {
         label: t("emailOtp.codeLabel", { email: email.trim() }),
@@ -800,8 +1159,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
         onSubmitEditing: verifyCode
       }
     ),
-    /* @__PURE__ */ jsx4(FormError, { message: error, theme }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(FormError, { message: error, theme }),
+    /* @__PURE__ */ jsx5(
       SubmitButton,
       {
         label: t("emailOtp.verifySubmit"),
@@ -813,14 +1172,14 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
         testID: "authowl-emailotp-verify"
       }
     ),
-    /* @__PURE__ */ jsx4(Text4, { style: styles.link, onPress: changeEmail, testID: "authowl-emailotp-change", children: t("emailOtp.changeEmail") })
+    /* @__PURE__ */ jsx5(Text5, { 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";
+import { useCallback as useCallback3, useEffect as useEffect4, useRef, useState as useState6 } from "react";
+import { Pressable as Pressable4, Text as Text6, View as View6 } from "react-native";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function OrganizationSwitcher({
   onSwitched,
   allowPersonal = false,
@@ -832,14 +1191,14 @@ function OrganizationSwitcher({
   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 [organizations, setOrganizations] = useState6(null);
+  const [switching, setSwitching] = useState6(null);
+  const [error, setError] = useState6(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 load = useCallback3(async () => {
     const generation = ++requestGeneration.current;
     setError(null);
     const result = await client.organization.list();
@@ -850,7 +1209,7 @@ function OrganizationSwitcher({
     }
     setOrganizations(result.data ?? []);
   }, [client, toMessage]);
-  useEffect3(() => {
+  useEffect4(() => {
     requestGeneration.current += 1;
     setOrganizations(null);
     setError(null);
@@ -876,14 +1235,14 @@ function OrganizationSwitcher({
   }
   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") }) });
+    return /* @__PURE__ */ jsx6(View6, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ jsx6(Text6, { 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__ */ jsx6(View6, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ jsx6(Text6, { 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(
+  return /* @__PURE__ */ jsxs6(View6, { style: styles.container, testID: "authowl-orgswitcher", children: [
+    /* @__PURE__ */ jsx6(Text6, { style: styles.label, children: t("organization.switcher.label") }),
+    allowPersonal ? /* @__PURE__ */ jsx6(
       OrganizationRow,
       {
         label: t("organization.personal"),
@@ -895,7 +1254,7 @@ function OrganizationSwitcher({
         theme
       }
     ) : null,
-    (organizations ?? []).map((organization) => /* @__PURE__ */ jsx5(
+    (organizations ?? []).map((organization) => /* @__PURE__ */ jsx6(
       OrganizationRow,
       {
         label: organization.name,
@@ -908,9 +1267,9 @@ function OrganizationSwitcher({
       },
       organization.id
     )),
-    /* @__PURE__ */ jsx5(FormError, { message: error, theme, testID: "authowl-orgswitcher-error" }),
-    error !== null ? /* @__PURE__ */ jsx5(
-      Text5,
+    /* @__PURE__ */ jsx6(FormError, { message: error, theme, testID: "authowl-orgswitcher-error" }),
+    error !== null ? /* @__PURE__ */ jsx6(
+      Text6,
       {
         style: styles.link,
         onPress: () => void load(),
@@ -930,24 +1289,24 @@ function OrganizationRow({
   theme
 }) {
   const styles = useStyles(theme);
-  return /* @__PURE__ */ jsx5(
-    Pressable3,
+  return /* @__PURE__ */ jsx6(
+    Pressable4,
     {
       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 })
+      children: /* @__PURE__ */ jsx6(Text6, { 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 { useState as useState7 } from "react";
+import { Text as Text7, View as View7 } from "react-native";
 import { resolveProjectCapabilities as resolveProjectCapabilities3 } from "@authowl/core/native";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function usePasskeyClient() {
   const client = useAuthOwlClient();
   return "addPasskey" in client.passkey ? client : null;
@@ -964,8 +1323,8 @@ function PasskeyEnrollment({
   const config = usePublicConfig();
   const capabilities = resolveProjectCapabilities3(config.data);
   const styles = useStyles(theme);
-  const [busy, setBusy] = useState6(false);
-  const [error, setError] = useState6(null);
+  const [busy, setBusy] = useState7(false);
+  const [error, setError] = useState7(null);
   if (client === null || config.isLoading || config.data !== null && !capabilities.passkeyAdd) {
     return null;
   }
@@ -981,11 +1340,11 @@ function PasskeyEnrollment({
     }
     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(
+  return /* @__PURE__ */ jsxs7(View7, { style: styles.container, testID: "authowl-passkey-enrollment", children: [
+    /* @__PURE__ */ jsx7(Text7, { style: styles.title, children: t("signUp.passkeyTitle") }),
+    /* @__PURE__ */ jsx7(Text7, { style: styles.label, children: t("signUp.passkeyDescription") }),
+    /* @__PURE__ */ jsx7(FormError, { message: error, theme, testID: "authowl-passkey-error" }),
+    /* @__PURE__ */ jsx7(
       SubmitButton,
       {
         label: t("signUp.passkeySubmit"),
@@ -996,7 +1355,7 @@ function PasskeyEnrollment({
         testID: "authowl-passkey-submit"
       }
     ),
-    onSkip ? /* @__PURE__ */ jsx6(Text6, { style: styles.link, onPress: onSkip, testID: "authowl-passkey-skip", children: t("signUp.passkeySkip") }) : null
+    onSkip ? /* @__PURE__ */ jsx7(Text7, { style: styles.link, onPress: onSkip, testID: "authowl-passkey-skip", children: t("signUp.passkeySkip") }) : null
   ] });
 }
 function PasskeySignInButton({
@@ -1009,8 +1368,8 @@ function PasskeySignInButton({
   const config = usePublicConfig();
   const capabilities = resolveProjectCapabilities3(config.data);
   const styles = useStyles(theme);
-  const [busy, setBusy] = useState6(false);
-  const [error, setError] = useState6(null);
+  const [busy, setBusy] = useState7(false);
+  const [error, setError] = useState7(null);
   if (client === null || config.isLoading || config.data !== null && !capabilities.passkeySignIn) return null;
   async function signIn() {
     if (busy || client === null) return;
@@ -1024,8 +1383,8 @@ function PasskeySignInButton({
     }
     onSignedIn?.();
   }
-  return /* @__PURE__ */ jsxs6(View6, { style: styles.container, testID: "authowl-passkey-signin", children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7(View7, { style: styles.container, testID: "authowl-passkey-signin", children: [
+    /* @__PURE__ */ jsx7(
       SubmitButton,
       {
         label: t("passkey.signInButton"),
@@ -1036,7 +1395,7 @@ function PasskeySignInButton({
         testID: "authowl-passkey-signin-submit"
       }
     ),
-    /* @__PURE__ */ jsx6(FormError, { message: error, theme, testID: "authowl-passkey-signin-error" })
+    /* @__PURE__ */ jsx7(FormError, { message: error, theme, testID: "authowl-passkey-signin-error" })
   ] });
 }
 
@@ -1053,9 +1412,9 @@ function createNativePasskeys(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";
+import { useState as useState8 } from "react";
+import { View as View8 } from "react-native";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function SocialButtons({
   providers,
   onSignedIn,
@@ -1065,8 +1424,8 @@ function SocialButtons({
   const toMessage = useServerError();
   const client = useAuthOwlClient();
   const styles = useStyles(theme);
-  const [pending, setPending] = useState7(null);
-  const [error, setError] = useState7(null);
+  const [pending, setPending] = useState8(null);
+  const [error, setError] = useState8(null);
   async function signIn(provider) {
     if (pending !== null) return;
     setPending(provider.id);
@@ -1087,8 +1446,8 @@ function SocialButtons({
     }
   }
   if (providers.length === 0) return null;
-  return /* @__PURE__ */ jsxs7(View7, { style: styles.container, testID: "authowl-social", children: [
-    providers.map((provider) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs8(View8, { style: styles.container, testID: "authowl-social", children: [
+    providers.map((provider) => /* @__PURE__ */ jsx8(
       SubmitButton,
       {
         label: t("social.continueWith", { provider: provider.label }),
@@ -1103,7 +1462,7 @@ function SocialButtons({
       },
       provider.id
     )),
-    /* @__PURE__ */ jsx7(FormError, { message: error, theme, testID: "authowl-social-error" })
+    /* @__PURE__ */ jsx8(FormError, { message: error, theme, testID: "authowl-social-error" })
   ] });
 }
 
@@ -1132,6 +1491,7 @@ export {
   OrganizationSwitcher,
   PasskeyEnrollment,
   PasskeySignInButton,
+  PrivacyCenter,
   SignIn,
   SignUp,
   SocialButtons,
@@ -1150,6 +1510,7 @@ export {
   useAuthOwlClient,
   useAuthOwlLocale,
   useLocale,
+  usePrivacy,
   usePublicConfig,
   useServerError,
   useSession,