@authowl/react-native 0.3.15 → 0.4.0

package/dist/index.cjs

@@ -28,6 +28,7 @@ __export(index_exports, {
   OrganizationSwitcher: () => OrganizationSwitcher,
   PasskeyEnrollment: () => PasskeyEnrollment,
   PasskeySignInButton: () => PasskeySignInButton,
+  PrivacyCenter: () => PrivacyCenter,
   SignIn: () => SignIn,
   SignUp: () => SignUp,
   SocialButtons: () => SocialButtons,
@@ -46,6 +47,7 @@ __export(index_exports, {
   useAuthOwlClient: () => useAuthOwlClient,
   useAuthOwlLocale: () => useAuthOwlLocale,
   useLocale: () => useLocale,
+  usePrivacy: () => usePrivacy,
   usePublicConfig: () => usePublicConfig,
   useServerError: () => useServerError,
   useSession: () => useSession,
@@ -212,6 +214,9 @@ function usePublicConfig() {
     isLoading: publicConfigState === "loading"
   };
 }
+function usePrivacy() {
+  return useAuthOwlContext().client.privacy;
+}
 function useSession() {
   const { client } = useAuthOwlContext();
   const store = client.sessionStore;
@@ -559,7 +564,7 @@ var import_native5 = require("@authowl/core/native");
 var import_jsx_runtime3 = require("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();
@@ -573,10 +578,18 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
   const [busy, setBusy] = (0, import_react5.useState)(false);
   const [error, setError] = (0, import_react5.useState)(null);
   const [acceptedConsent, setAcceptedConsent] = (0, import_react5.useState)(false);
+  const [grantedPurposeCodes, setGrantedPurposeCodes] = (0, import_react5.useState)(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [privacyCorrelationId] = (0, import_react5.useState)(import_native5.createIdempotencyKey);
   const legal = config.data?.legal;
+  const privacy = config.data?.privacy;
   (0, import_react5.useEffect)(() => {
     setAcceptedConsent(false);
   }, [legal?.version]);
+  (0, import_react5.useEffect)(() => {
+    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);
@@ -589,6 +602,14 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
       password,
       name: displayName,
       ...legal?.required ? { consentVersion: legal.version } : {},
+      ...privacy && privacy.notices.length > 0 ? {
+        privacyEvidence: (0, import_native5.buildPrivacySignUpEvidence)(
+          privacy,
+          locale,
+          grantedPurposeCodes,
+          privacyCorrelationId
+        )
+      } : {},
       ...useStructuredName ? { firstName: firstName.trim(), lastName: lastName.trim() } : {}
     });
     setBusy(false);
@@ -726,6 +747,25 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
         consentSuffix
       ] })
     ] }) : null,
+    privacy && (privacy.notices.length > 0 || privacy.consentPurposes.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      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__ */ (0, import_jsx_runtime3.jsx)(FormError, { message: error, theme }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       SubmitButton,
@@ -741,21 +781,338 @@ function SignUp({ onSignedUp, structuredName = false, theme = defaultTheme }) {
     )
   ] });
 }
+function NativePrivacySignUpEvidence({
+  privacy,
+  locale,
+  direction,
+  grantedPurposeCodes,
+  onPurposeChange,
+  theme,
+  disabled
+}) {
+  const t = useT();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_react_native4.View,
+    {
+      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__ */ (0, import_jsx_runtime3.jsxs)(import_react_native4.View, { style: { gap: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.text, fontSize: 16, fontWeight: "600" }, children: t("privacy.signup.title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.mutedText, fontSize: 13, lineHeight: 19 }, children: t("privacy.signup.description") })
+        ] }),
+        privacy.notices.map((notice) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          import_react_native4.View,
+          {
+            style: { gap: 4, borderTopWidth: 1, borderTopColor: theme.border, paddingTop: 10 },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.text, fontSize: 14, fontWeight: "600", writingDirection: direction }, children: notice.title[locale] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 18, writingDirection: direction }, children: notice.body[locale] })
+            ]
+          },
+          notice.noticeVersionId
+        )),
+        privacy.consentPurposes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native4.View, { style: { gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { 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__ */ (0, import_jsx_runtime3.jsxs)(
+              import_react_native4.Pressable,
+              {
+                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__ */ (0, import_jsx_runtime3.jsx)(
+                    import_react_native4.View,
+                    {
+                      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__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.accentText, fontSize: 13 }, children: "\u2713" }) : null
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native4.View, { style: { flex: 1, gap: 2 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.text, fontSize: 13, fontWeight: "600", writingDirection: direction }, children: purpose.title[locale] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 17, writingDirection: direction }, children: purpose.description[locale] })
+                  ] })
+                ]
+              },
+              purpose.purposeVersionId
+            );
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 18 }, children: t("privacy.signup.choiceNote") })
+        ] }) : null
+      ]
+    }
+  );
+}
 
-// src/components/EmailOtpForm.tsx
+// src/components/PrivacyCenter.tsx
 var import_react6 = require("react");
 var import_react_native5 = require("react-native");
 var import_jsx_runtime4 = require("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] = (0, import_react6.useState)([]);
+  const [requests, setRequests] = (0, import_react6.useState)([]);
+  const [loading, setLoading] = (0, import_react6.useState)(true);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [pendingPurpose, setPendingPurpose] = (0, import_react6.useState)(null);
+  const [pendingRight, setPendingRight] = (0, import_react6.useState)(null);
+  const signedIn = session.data !== null;
+  const refresh = (0, import_react6.useCallback)(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]);
+  (0, import_react6.useEffect)(() => {
+    if (!session.isPending) void refresh(true);
+  }, [refresh, session.data?.user.id, session.isPending]);
+  const preferencesByCode = (0, import_react6.useMemo)(
+    () => 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__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.ActivityIndicator, { color: theme.accent, testID: "authowl-privacy-loading" });
+  }
+  if (!signedIn) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.mutedText }, children: t("privacy.signedOut") });
+  const privacy = config.data?.privacy;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_react_native5.View,
+    {
+      testID: "authowl-privacy-center",
+      style: { gap: theme.spacing, backgroundColor: theme.background },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { style: { gap: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.mutedText, fontSize: 12, fontWeight: "700" }, children: t("privacy.dataUse") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.text, fontSize: 22, fontWeight: "600" }, children: t("privacy.title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.mutedText, fontSize: 14, lineHeight: 20 }, children: t("privacy.description") })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FormError, { message: error, theme, testID: "authowl-privacy-error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          PrivacyBlock,
+          {
+            title: t("privacy.choices.title"),
+            description: t("privacy.choices.description"),
+            theme,
+            children: (privacy?.consentPurposes.length ?? 0) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { 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__ */ (0, import_jsx_runtime4.jsxs)(
+                import_react_native5.View,
+                {
+                  style: { flexDirection: "row", alignItems: "center", gap: 10 },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { style: { flex: 1, gap: 2 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.text, fontWeight: "600", writingDirection: direction }, children: purpose.title[locale] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.mutedText, fontSize: 12, lineHeight: 18, writingDirection: direction }, children: purpose.description[locale] })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      import_react_native5.Pressable,
+                      {
+                        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__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: granted ? theme.accentText : theme.text, fontWeight: "600" }, children: pending ? t("common.working") : t(granted ? "privacy.on" : "privacy.off") })
+                      }
+                    )
+                  ]
+                },
+                purpose.purposeVersionId
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          PrivacyBlock,
+          {
+            title: t("privacy.rights.title"),
+            description: t("privacy.rights.description"),
+            theme,
+            children: Object.keys(RIGHT_KEYS).map((right) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_react_native5.Pressable,
+              {
+                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__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: right === "erasure" ? theme.danger : theme.text, fontWeight: "600" }, children: pendingRight === right ? t("common.working") : t(RIGHT_KEYS[right]) })
+              },
+              right
+            ))
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          PrivacyBlock,
+          {
+            title: t("privacy.requests.title"),
+            description: t("privacy.requests.description"),
+            theme,
+            children: requests.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.mutedText }, children: t("privacy.requests.empty") }) : requests.map((request) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              import_react_native5.View,
+              {
+                style: { flexDirection: "row", justifyContent: "space-between", gap: 12 },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { flex: 1, color: theme.text }, children: t(RIGHT_KEYS[request.rightType]) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.mutedText, fontWeight: "600" }, children: t(STATE_KEYS[request.state]) })
+                ]
+              },
+              request.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function PrivacyBlock({
+  title,
+  description,
+  theme,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_react_native5.View,
+    {
+      style: {
+        gap: theme.spacing,
+        borderWidth: 1,
+        borderColor: theme.border,
+        borderRadius: theme.radius,
+        backgroundColor: theme.surface,
+        padding: theme.spacing
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { style: { gap: 3 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.text, fontSize: 16, fontWeight: "600" }, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: { color: theme.mutedText, fontSize: 13, lineHeight: 19 }, children: description })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/EmailOtpForm.tsx
+var import_react7 = require("react");
+var import_react_native6 = require("react-native");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
   const t = useT();
   const toMessage = useServerError();
   const client = useAuthOwlClient();
   const styles = useStyles(theme);
-  const [stage, setStage] = (0, import_react6.useState)("email");
-  const [email, setEmail] = (0, import_react6.useState)("");
-  const [code, setCode] = (0, import_react6.useState)("");
-  const [busy, setBusy] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
+  const [stage, setStage] = (0, import_react7.useState)("email");
+  const [email, setEmail] = (0, import_react7.useState)("");
+  const [code, setCode] = (0, import_react7.useState)("");
+  const [busy, setBusy] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
   async function requestCode() {
     if (busy || email.trim().length === 0) return;
     setBusy(true);
@@ -789,8 +1146,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
     setError(null);
   }
   if (stage === "email") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { style: styles.container, testID: "authowl-emailotp", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native6.View, { style: styles.container, testID: "authowl-emailotp", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         Field,
         {
           label: t("common.emailLabel"),
@@ -804,8 +1161,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
           onSubmitEditing: requestCode
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FormError, { message: error, theme }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormError, { message: error, theme }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         SubmitButton,
         {
           label: t("emailOtp.requestSubmit"),
@@ -819,8 +1176,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { style: styles.container, testID: "authowl-emailotp", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native6.View, { style: styles.container, testID: "authowl-emailotp", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Field,
       {
         label: t("emailOtp.codeLabel", { email: email.trim() }),
@@ -834,8 +1191,8 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
         onSubmitEditing: verifyCode
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FormError, { message: error, theme }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormError, { message: error, theme }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       SubmitButton,
       {
         label: t("emailOtp.verifySubmit"),
@@ -847,14 +1204,14 @@ function EmailOtpForm({ onSignedIn, theme = defaultTheme }) {
         testID: "authowl-emailotp-verify"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: styles.link, onPress: changeEmail, testID: "authowl-emailotp-change", children: t("emailOtp.changeEmail") })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.Text, { style: styles.link, onPress: changeEmail, testID: "authowl-emailotp-change", children: t("emailOtp.changeEmail") })
   ] });
 }
 
 // src/components/OrganizationSwitcher.tsx
-var import_react7 = require("react");
-var import_react_native6 = require("react-native");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_react_native7 = require("react-native");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function OrganizationSwitcher({
   onSwitched,
   allowPersonal = false,
@@ -866,14 +1223,14 @@ function OrganizationSwitcher({
   const config = usePublicConfig();
   const session = useSession();
   const styles = useStyles(theme);
-  const [organizations, setOrganizations] = (0, import_react7.useState)(null);
-  const [switching, setSwitching] = (0, import_react7.useState)(null);
-  const [error, setError] = (0, import_react7.useState)(null);
+  const [organizations, setOrganizations] = (0, import_react8.useState)(null);
+  const [switching, setSwitching] = (0, import_react8.useState)(null);
+  const [error, setError] = (0, import_react8.useState)(null);
   const activeId = session.data?.session.activeOrganizationId ?? null;
   const userId = session.data?.user.id ?? null;
   const signedIn = userId !== null;
-  const requestGeneration = (0, import_react7.useRef)(0);
-  const load = (0, import_react7.useCallback)(async () => {
+  const requestGeneration = (0, import_react8.useRef)(0);
+  const load = (0, import_react8.useCallback)(async () => {
     const generation = ++requestGeneration.current;
     setError(null);
     const result = await client.organization.list();
@@ -884,7 +1241,7 @@ function OrganizationSwitcher({
     }
     setOrganizations(result.data ?? []);
   }, [client, toMessage]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     requestGeneration.current += 1;
     setOrganizations(null);
     setError(null);
@@ -910,14 +1267,14 @@ function OrganizationSwitcher({
   }
   if (config.isLoading || config.data !== null && !config.data.organizations) return null;
   if (!signedIn) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.View, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.Text, { style: styles.label, children: t("organization.signedOut") }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.View, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.Text, { style: styles.label, children: t("organization.signedOut") }) });
   }
   if (organizations === null && error === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.View, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.Text, { style: styles.label, children: t("organization.loading") }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.View, { style: styles.container, testID: "authowl-orgswitcher", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.Text, { style: styles.label, children: t("organization.loading") }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native6.View, { style: styles.container, testID: "authowl-orgswitcher", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.Text, { style: styles.label, children: t("organization.switcher.label") }),
-    allowPersonal ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native7.View, { style: styles.container, testID: "authowl-orgswitcher", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.Text, { style: styles.label, children: t("organization.switcher.label") }),
+    allowPersonal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       OrganizationRow,
       {
         label: t("organization.personal"),
@@ -929,7 +1286,7 @@ function OrganizationSwitcher({
         theme
       }
     ) : null,
-    (organizations ?? []).map((organization) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    (organizations ?? []).map((organization) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       OrganizationRow,
       {
         label: organization.name,
@@ -942,9 +1299,9 @@ function OrganizationSwitcher({
       },
       organization.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormError, { message: error, theme, testID: "authowl-orgswitcher-error" }),
-    error !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react_native6.Text,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormError, { message: error, theme, testID: "authowl-orgswitcher-error" }),
+    error !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_native7.Text,
       {
         style: styles.link,
         onPress: () => void load(),
@@ -964,24 +1321,24 @@ function OrganizationRow({
   theme
 }) {
   const styles = useStyles(theme);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_react_native6.Pressable,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_react_native7.Pressable,
     {
       onPress,
       disabled: disabled || selected,
       testID,
       accessibilityRole: "button",
       accessibilityState: { disabled: disabled || selected, busy },
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.Text, { style: selected ? [styles.label, { color: theme.accent }] : styles.label, children: label })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.Text, { style: selected ? [styles.label, { color: theme.accent }] : styles.label, children: label })
     }
   );
 }
 
 // src/components/PasskeyEnrollment.tsx
-var import_react8 = require("react");
-var import_react_native7 = require("react-native");
+var import_react9 = require("react");
+var import_react_native8 = require("react-native");
 var import_native6 = require("@authowl/core/native");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function usePasskeyClient() {
   const client = useAuthOwlClient();
   return "addPasskey" in client.passkey ? client : null;
@@ -998,8 +1355,8 @@ function PasskeyEnrollment({
   const config = usePublicConfig();
   const capabilities = (0, import_native6.resolveProjectCapabilities)(config.data);
   const styles = useStyles(theme);
-  const [busy, setBusy] = (0, import_react8.useState)(false);
-  const [error, setError] = (0, import_react8.useState)(null);
+  const [busy, setBusy] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(null);
   if (client === null || config.isLoading || config.data !== null && !capabilities.passkeyAdd) {
     return null;
   }
@@ -1015,11 +1372,11 @@ function PasskeyEnrollment({
     }
     onEnrolled?.();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native7.View, { style: styles.container, testID: "authowl-passkey-enrollment", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.Text, { style: styles.title, children: t("signUp.passkeyTitle") }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.Text, { style: styles.label, children: t("signUp.passkeyDescription") }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormError, { message: error, theme, testID: "authowl-passkey-error" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { style: styles.container, testID: "authowl-passkey-enrollment", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native8.Text, { style: styles.title, children: t("signUp.passkeyTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native8.Text, { style: styles.label, children: t("signUp.passkeyDescription") }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormError, { message: error, theme, testID: "authowl-passkey-error" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       SubmitButton,
       {
         label: t("signUp.passkeySubmit"),
@@ -1030,7 +1387,7 @@ function PasskeyEnrollment({
         testID: "authowl-passkey-submit"
       }
     ),
-    onSkip ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.Text, { style: styles.link, onPress: onSkip, testID: "authowl-passkey-skip", children: t("signUp.passkeySkip") }) : null
+    onSkip ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native8.Text, { style: styles.link, onPress: onSkip, testID: "authowl-passkey-skip", children: t("signUp.passkeySkip") }) : null
   ] });
 }
 function PasskeySignInButton({
@@ -1043,8 +1400,8 @@ function PasskeySignInButton({
   const config = usePublicConfig();
   const capabilities = (0, import_native6.resolveProjectCapabilities)(config.data);
   const styles = useStyles(theme);
-  const [busy, setBusy] = (0, import_react8.useState)(false);
-  const [error, setError] = (0, import_react8.useState)(null);
+  const [busy, setBusy] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(null);
   if (client === null || config.isLoading || config.data !== null && !capabilities.passkeySignIn) return null;
   async function signIn() {
     if (busy || client === null) return;
@@ -1058,8 +1415,8 @@ function PasskeySignInButton({
     }
     onSignedIn?.();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native7.View, { style: styles.container, testID: "authowl-passkey-signin", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { style: styles.container, testID: "authowl-passkey-signin", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       SubmitButton,
       {
         label: t("passkey.signInButton"),
@@ -1070,7 +1427,7 @@ function PasskeySignInButton({
         testID: "authowl-passkey-signin-submit"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormError, { message: error, theme, testID: "authowl-passkey-signin-error" })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormError, { message: error, theme, testID: "authowl-passkey-signin-error" })
   ] });
 }
 
@@ -1085,9 +1442,9 @@ function createNativePasskeys(adapter) {
 }
 
 // src/components/SocialButtons.tsx
-var import_react9 = require("react");
-var import_react_native8 = require("react-native");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_react_native9 = require("react-native");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function SocialButtons({
   providers,
   onSignedIn,
@@ -1097,8 +1454,8 @@ function SocialButtons({
   const toMessage = useServerError();
   const client = useAuthOwlClient();
   const styles = useStyles(theme);
-  const [pending, setPending] = (0, import_react9.useState)(null);
-  const [error, setError] = (0, import_react9.useState)(null);
+  const [pending, setPending] = (0, import_react10.useState)(null);
+  const [error, setError] = (0, import_react10.useState)(null);
   async function signIn(provider) {
     if (pending !== null) return;
     setPending(provider.id);
@@ -1119,8 +1476,8 @@ function SocialButtons({
     }
   }
   if (providers.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { style: styles.container, testID: "authowl-social", children: [
-    providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native9.View, { style: styles.container, testID: "authowl-social", children: [
+    providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       SubmitButton,
       {
         label: t("social.continueWith", { provider: provider.label }),
@@ -1135,7 +1492,7 @@ function SocialButtons({
       },
       provider.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormError, { message: error, theme, testID: "authowl-social-error" })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FormError, { message: error, theme, testID: "authowl-social-error" })
   ] });
 }
 
@@ -1165,6 +1522,7 @@ var import_native8 = require("@authowl/core/native");
   OrganizationSwitcher,
   PasskeyEnrollment,
   PasskeySignInButton,
+  PrivacyCenter,
   SignIn,
   SignUp,
   SocialButtons,
@@ -1183,6 +1541,7 @@ var import_native8 = require("@authowl/core/native");
   useAuthOwlClient,
   useAuthOwlLocale,
   useLocale,
+  usePrivacy,
   usePublicConfig,
   useServerError,
   useSession,