@oxyhq/services 5.18.1 → 5.18.3

package/lib/module/ui/hooks/useAuth.js

@@ -0,0 +1,106 @@
+"use strict";
+
+/**
+ * Unified Auth Hook
+ *
+ * Provides a clean, standard interface for authentication across all platforms.
+ * This is the recommended way to access auth state in Oxy apps.
+ *
+ * Usage:
+ * ```tsx
+ * import { useAuth } from '@oxyhq/services';
+ *
+ * function MyComponent() {
+ *   const { user, isAuthenticated, isLoading, signIn, signOut } = useAuth();
+ *
+ *   if (isLoading) return <Loading />;
+ *   if (!isAuthenticated) return <SignInButton onClick={() => signIn()} />;
+ *   return <Welcome user={user} />;
+ * }
+ * ```
+ */
+
+import { useCallback } from 'react';
+import { useOxy } from "../context/OxyContext.js";
+/**
+ * Unified auth hook for all Oxy apps
+ *
+ * Features:
+ * - Zero config: Just wrap with OxyProvider and use
+ * - Cross-platform: Same API on native and web
+ * - Auto SSO: Web apps automatically check for cross-domain sessions
+ * - Type-safe: Full TypeScript support
+ */
+export function useAuth() {
+  const {
+    user,
+    isAuthenticated,
+    isLoading,
+    isTokenReady,
+    error,
+    signIn: oxySignIn,
+    logout,
+    logoutAll,
+    refreshSessions,
+    oxyServices,
+    hasIdentity,
+    getPublicKey,
+    showBottomSheet
+  } = useOxy();
+  const signIn = useCallback(async publicKey => {
+    // If public key provided, use it directly
+    if (publicKey) {
+      return oxySignIn(publicKey);
+    }
+
+    // Try to get existing identity
+    const hasExisting = await hasIdentity();
+    if (hasExisting) {
+      const existingKey = await getPublicKey();
+      if (existingKey) {
+        return oxySignIn(existingKey);
+      }
+    }
+
+    // No identity - show auth UI
+    // On native: shows bottom sheet for identity creation
+    // On web: could trigger popup auth
+    showBottomSheet?.('OxyAuth');
+
+    // Return a promise that resolves when auth completes
+    // This is a simplified version - real implementation would
+    // wait for the auth flow to complete
+    return new Promise((resolve, reject) => {
+      // For now, just reject - the bottom sheet handles the flow
+      reject(new Error('Please complete sign-in in the auth sheet'));
+    });
+  }, [oxySignIn, hasIdentity, getPublicKey, showBottomSheet]);
+  const signOut = useCallback(async () => {
+    await logout();
+  }, [logout]);
+  const signOutAll = useCallback(async () => {
+    await logoutAll();
+  }, [logoutAll]);
+  const refresh = useCallback(async () => {
+    await refreshSessions();
+  }, [refreshSessions]);
+  return {
+    // State
+    user,
+    isAuthenticated,
+    isLoading,
+    isReady: isTokenReady,
+    error,
+    // Actions
+    signIn,
+    signOut,
+    signOutAll,
+    refresh,
+    // Advanced
+    oxyServices
+  };
+}
+
+// Re-export useOxy for backward compatibility and advanced usage
+export { useOxy } from "../context/OxyContext.js";
+//# sourceMappingURL=useAuth.js.map

package/lib/module/ui/hooks/useAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useOxy","useAuth","user","isAuthenticated","isLoading","isTokenReady","error","signIn","oxySignIn","logout","logoutAll","refreshSessions","oxyServices","hasIdentity","getPublicKey","showBottomSheet","publicKey","hasExisting","existingKey","Promise","resolve","reject","Error","signOut","signOutAll","refresh","isReady"],"sourceRoot":"../../../../src","sources":["ui/hooks/useAuth.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,MAAM,QAAQ,0BAAuB;AAiD9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAA,EAAkB;EACvC,MAAM;IACJC,IAAI;IACJC,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,KAAK;IACLC,MAAM,EAAEC,SAAS;IACjBC,MAAM;IACNC,SAAS;IACTC,eAAe;IACfC,WAAW;IACXC,WAAW;IACXC,YAAY;IACZC;EACF,CAAC,GAAGf,MAAM,CAAC,CAAC;EAEZ,MAAMO,MAAM,GAAGR,WAAW,CAAC,MAAOiB,SAAkB,IAAoB;IACtE;IACA,IAAIA,SAAS,EAAE;MACb,OAAOR,SAAS,CAACQ,SAAS,CAAC;IAC7B;;IAEA;IACA,MAAMC,WAAW,GAAG,MAAMJ,WAAW,CAAC,CAAC;IAEvC,IAAII,WAAW,EAAE;MACf,MAAMC,WAAW,GAAG,MAAMJ,YAAY,CAAC,CAAC;MACxC,IAAII,WAAW,EAAE;QACf,OAAOV,SAAS,CAACU,WAAW,CAAC;MAC/B;IACF;;IAEA;IACA;IACA;IACAH,eAAe,GAAG,SAAS,CAAC;;IAE5B;IACA;IACA;IACA,OAAO,IAAII,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;MACtC;MACAA,MAAM,CAAC,IAAIC,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAChE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACd,SAAS,EAAEK,WAAW,EAAEC,YAAY,EAAEC,eAAe,CAAC,CAAC;EAE3D,MAAMQ,OAAO,GAAGxB,WAAW,CAAC,YAA2B;IACrD,MAAMU,MAAM,CAAC,CAAC;EAChB,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAMe,UAAU,GAAGzB,WAAW,CAAC,YAA2B;IACxD,MAAMW,SAAS,CAAC,CAAC;EACnB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMe,OAAO,GAAG1B,WAAW,CAAC,YAA2B;IACrD,MAAMY,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,OAAO;IACL;IACAT,IAAI;IACJC,eAAe;IACfC,SAAS;IACTsB,OAAO,EAAErB,YAAY;IACrBC,KAAK;IAEL;IACAC,MAAM;IACNgB,OAAO;IACPC,UAAU;IACVC,OAAO;IAEP;IACAb;EACF,CAAC;AACH;;AAEA;AACA,SAASZ,MAAM,QAAQ,0BAAuB","ignoreList":[]}

package/lib/module/ui/hooks/useSettingToggle.js

@@ -109,11 +109,17 @@ export function useSettingToggles(options) {
       });
     }
   }, [values, onSave, errorMessage, revertOnError]);
+  const setValuesExternal = useCallback(newValues => {
+    setValues(prev => ({
+      ...prev,
+      ...newValues
+    }));
+  }, []);
   return {
     values,
     savingKeys,
     toggle,
-    setValues
+    setValues: setValuesExternal
   };
 }
 export default useSettingToggle;

package/lib/module/ui/hooks/useSettingToggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useCallback","useEffect","toast","useSettingToggle","options","initialValue","onSave","successMessage","errorMessage","revertOnError","showSuccessToast","value","setValue","isSaving","setIsSaving","toggle","previousValue","newValue","success","err","error","message","useSettingToggles","initialValues","values","setValues","savingKeys","setSavingKeys","Set","key","prev","add","next","delete"],"sourceRoot":"../../../../src","sources":["ui/hooks/useSettingToggle.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","useCallback","useEffect","toast","useSettingToggle","options","initialValue","onSave","successMessage","errorMessage","revertOnError","showSuccessToast","value","setValue","isSaving","setIsSaving","toggle","previousValue","newValue","success","err","error","message","useSettingToggles","initialValues","values","setValues","savingKeys","setSavingKeys","Set","key","prev","add","next","delete","setValuesExternal","newValues"],"sourceRoot":"../../../../src","sources":["ui/hooks/useSettingToggle.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/hooks/useWebSSO.js

@@ -0,0 +1,71 @@
+"use strict";
+
+/**
+ * Web SSO Hook
+ *
+ * Automatically handles cross-domain SSO for web apps.
+ * Uses the OxyServices.silentSignIn() method which loads a hidden iframe
+ * to check for existing session at auth.oxy.so.
+ *
+ * This is called automatically by OxyContext on web platforms.
+ */
+
+import { useEffect, useRef, useCallback } from 'react';
+/**
+ * Check if we're running in a web browser environment (not React Native)
+ */
+function isWebBrowser() {
+  // Check for browser globals and that we have a real DOM (React Native has window but not documentElement)
+  return typeof window !== 'undefined' && typeof document !== 'undefined' && typeof document.documentElement !== 'undefined';
+}
+
+/**
+ * Hook for automatic web SSO
+ *
+ * Automatically checks for existing cross-domain session on mount.
+ * Only runs on web platforms. Uses OxyServices.silentSignIn() internally.
+ */
+export function useWebSSO({
+  oxyServices,
+  onSessionFound,
+  onError,
+  enabled = true
+}) {
+  const isCheckingRef = useRef(false);
+  const hasCheckedRef = useRef(false);
+  const checkSSO = useCallback(async () => {
+    if (!isWebBrowser() || isCheckingRef.current) {
+      return null;
+    }
+    isCheckingRef.current = true;
+    try {
+      // Use the existing silentSignIn method from OxyServices
+      // which handles iframe creation, postMessage, and token storage
+      const session = await oxyServices.silentSignIn?.();
+      if (session) {
+        await onSessionFound(session);
+      }
+      return session;
+    } catch (error) {
+      onError?.(error instanceof Error ? error : new Error(String(error)));
+      return null;
+    } finally {
+      isCheckingRef.current = false;
+    }
+  }, [oxyServices, onSessionFound, onError]);
+
+  // Auto-check SSO on mount (web only)
+  useEffect(() => {
+    if (!enabled || !isWebBrowser() || hasCheckedRef.current) {
+      return;
+    }
+    hasCheckedRef.current = true;
+    checkSSO();
+  }, [enabled, checkSSO]);
+  return {
+    checkSSO,
+    isChecking: isCheckingRef.current
+  };
+}
+export { isWebBrowser };
+//# sourceMappingURL=useWebSSO.js.map

package/lib/module/ui/hooks/useWebSSO.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useCallback","isWebBrowser","window","document","documentElement","useWebSSO","oxyServices","onSessionFound","onError","enabled","isCheckingRef","hasCheckedRef","checkSSO","current","session","silentSignIn","error","Error","String","isChecking"],"sourceRoot":"../../../../src","sources":["ui/hooks/useWebSSO.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,MAAM,EAAEC,WAAW,QAAQ,OAAO;AAgBtD;AACA;AACA;AACA,SAASC,YAAYA,CAAA,EAAY;EAC/B;EACA,OAAO,OAAOC,MAAM,KAAK,WAAW,IAC7B,OAAOC,QAAQ,KAAK,WAAW,IAC/B,OAAOA,QAAQ,CAACC,eAAe,KAAK,WAAW;AACxD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,WAAW;EACXC,cAAc;EACdC,OAAO;EACPC,OAAO,GAAG;AACM,CAAC,EAAmB;EACpC,MAAMC,aAAa,GAAGX,MAAM,CAAC,KAAK,CAAC;EACnC,MAAMY,aAAa,GAAGZ,MAAM,CAAC,KAAK,CAAC;EAEnC,MAAMa,QAAQ,GAAGZ,WAAW,CAAC,YAAkD;IAC7E,IAAI,CAACC,YAAY,CAAC,CAAC,IAAIS,aAAa,CAACG,OAAO,EAAE;MAC5C,OAAO,IAAI;IACb;IAEAH,aAAa,CAACG,OAAO,GAAG,IAAI;IAE5B,IAAI;MACF;MACA;MACA,MAAMC,OAAO,GAAG,MAAOR,WAAW,CAASS,YAAY,GAAG,CAAC;MAE3D,IAAID,OAAO,EAAE;QACX,MAAMP,cAAc,CAACO,OAAO,CAAC;MAC/B;MAEA,OAAOA,OAAO;IAChB,CAAC,CAAC,OAAOE,KAAK,EAAE;MACdR,OAAO,GAAGQ,KAAK,YAAYC,KAAK,GAAGD,KAAK,GAAG,IAAIC,KAAK,CAACC,MAAM,CAACF,KAAK,CAAC,CAAC,CAAC;MACpE,OAAO,IAAI;IACb,CAAC,SAAS;MACRN,aAAa,CAACG,OAAO,GAAG,KAAK;IAC/B;EACF,CAAC,EAAE,CAACP,WAAW,EAAEC,cAAc,EAAEC,OAAO,CAAC,CAAC;;EAE1C;EACAV,SAAS,CAAC,MAAM;IACd,IAAI,CAACW,OAAO,IAAI,CAACR,YAAY,CAAC,CAAC,IAAIU,aAAa,CAACE,OAAO,EAAE;MACxD;IACF;IAEAF,aAAa,CAACE,OAAO,GAAG,IAAI;IAC5BD,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACH,OAAO,EAAEG,QAAQ,CAAC,CAAC;EAEvB,OAAO;IACLA,QAAQ;IACRO,UAAU,EAAET,aAAa,CAACG;EAC5B,CAAC;AACH;AAEA,SAASZ,YAAY","ignoreList":[]}

package/lib/module/ui/index.js

@@ -2,14 +2,26 @@
 
 /**
  * UI Component exports - Frontend Only (with backend-safe fallbacks)
- * 
+ *
  * This module exports all React/React Native UI components and hooks.
  * In backend, all exports are no-ops or empty objects.
+ *
+ * NOTE: This entry point uses runtime detection which prevents tree-shaking.
+ * For better bundle optimization, use:
+ * - '@oxyhq/services/ui/client' for client bundles (tree-shakeable)
+ * - '@oxyhq/services/ui/server' for SSR environments (all noops)
+ *
+ * @example
+ * // Client bundle (tree-shakeable)
+ * import { OxyProvider, useOxy } from '@oxyhq/services/ui/client';
+ *
+ * // SSR (noops)
+ * import { OxyProvider, useOxy } from '@oxyhq/services/ui/server';
  */
 import isFrontend from "./isFrontend.js";
 
 // UI exports
-let OxyProvider, OxySignInButton, OxyLogo, Avatar, FollowButton, OxyPayButton, FontLoader, setupFonts, OxyIcon, useOxy, useFollow, ProfileScreen, useAuthStore, useAccountStore, fontFamilies, fontStyles, toast, useStorage;
+let OxyProvider, OxySignInButton, OxyLogo, Avatar, FollowButton, OxyPayButton, FontLoader, setupFonts, OxyIcon, useOxy, useAuth, useFollow, ProfileScreen, useAuthStore, useAccountStore, fontFamilies, fontStyles, toast, useStorage;
 if (isFrontend) {
   OxyProvider = require('./components/OxyProvider').default;
   OxySignInButton = require('./components/OxySignInButton').default;
@@ -21,6 +33,7 @@ if (isFrontend) {
   setupFonts = require('./components/FontLoader').setupFonts;
   OxyIcon = require('./components/icon').OxyIcon;
   useOxy = require('./context/OxyContext').useOxy;
+  useAuth = require('./hooks/useAuth').useAuth;
   useFollow = require('./hooks').useFollow;
   ProfileScreen = require('./screens/ProfileScreen').default;
   useAuthStore = require('./stores/authStore').useAuthStore;
@@ -47,6 +60,7 @@ if (isFrontend) {
   setupFonts = () => {};
   OxyIcon = noopComponent;
   useOxy = noopHook;
+  useAuth = noopHook;
   useFollow = noopHook;
   ProfileScreen = noopComponent;
   useAuthStore = noopHook;
@@ -56,7 +70,7 @@ if (isFrontend) {
   toast = () => {};
   useStorage = () => noopStorageResult;
 }
-export { OxyProvider, OxySignInButton, OxyLogo, Avatar, FollowButton, OxyPayButton, FontLoader, setupFonts, OxyIcon, useOxy, useFollow, ProfileScreen, useAuthStore, useAccountStore, fontFamilies, fontStyles, toast, useStorage };
+export { OxyProvider, OxySignInButton, OxyLogo, Avatar, FollowButton, OxyPayButton, FontLoader, setupFonts, OxyIcon, useOxy, useAuth, useFollow, ProfileScreen, useAuthStore, useAccountStore, fontFamilies, fontStyles, toast, useStorage };
 
 // Re-export core services for convenience in UI context
 export { OxyServices } from "../core/index.js";

package/lib/module/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["isFrontend","OxyProvider","OxySignInButton","OxyLogo","Avatar","FollowButton","OxyPayButton","FontLoader","setupFonts","OxyIcon","useOxy","useFollow","ProfileScreen","useAuthStore","useAccountStore","fontFamilies","fontStyles","toast","useStorage","require","default","noopComponent","noopHook","noopStorageResult","storage","isReady","OxyServices","handleAuthError","isInvalidSessionError","isTimeoutOrNetworkError","extractErrorMessage"],"sourceRoot":"../../../src","sources":["ui/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isFrontend","OxyProvider","OxySignInButton","OxyLogo","Avatar","FollowButton","OxyPayButton","FontLoader","setupFonts","OxyIcon","useOxy","useAuth","useFollow","ProfileScreen","useAuthStore","useAccountStore","fontFamilies","fontStyles","toast","useStorage","require","default","noopComponent","noopHook","noopStorageResult","storage","isReady","OxyServices","handleAuthError","isInvalidSessionError","isTimeoutOrNetworkError","extractErrorMessage"],"sourceRoot":"../../../src","sources":["ui/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/PrivacySettingsScreen.js

@@ -6,15 +6,36 @@ import { toast } from "../../lib/sonner.js";
 import { Header, Section, Avatar, SettingRow, LoadingState, EmptyState, GroupedSection } from "../components/index.js";
 import { useI18n } from "../hooks/useI18n.js";
 import { useThemeStyles } from "../hooks/useThemeStyles.js";
+import { useSettingToggles } from "../hooks/useSettingToggle.js";
 import { normalizeTheme } from "../utils/themeUtils.js";
 import { useOxy } from "../context/OxyContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_PRIVACY_SETTINGS = {
+  isPrivateAccount: false,
+  hideOnlineStatus: false,
+  hideLastSeen: false,
+  profileVisibility: true,
+  loginAlerts: true,
+  blockScreenshots: false,
+  login: true,
+  biometricLogin: false,
+  showActivity: true,
+  allowTagging: true,
+  allowMentions: true,
+  hideReadReceipts: false,
+  allowDirectMessages: true,
+  dataSharing: true,
+  locationSharing: false,
+  analyticsSharing: true,
+  sensitiveContent: false,
+  autoFilter: true,
+  muteKeywords: false
+};
 const PrivacySettingsScreen = ({
   onClose,
   theme,
   goBack
 }) => {
-  // Use useOxy() hook for OxyContext values
   const {
     oxyServices,
     user
@@ -22,34 +43,30 @@ const PrivacySettingsScreen = ({
   const {
     t
   } = useI18n();
-  const [settings, setSettings] = useState({
-    isPrivateAccount: false,
-    hideOnlineStatus: false,
-    hideLastSeen: false,
-    profileVisibility: true,
-    loginAlerts: true,
-    blockScreenshots: false,
-    login: true,
-    biometricLogin: false,
-    showActivity: true,
-    allowTagging: true,
-    allowMentions: true,
-    hideReadReceipts: false,
-    allowDirectMessages: true,
-    dataSharing: true,
-    locationSharing: false,
-    analyticsSharing: true,
-    sensitiveContent: false,
-    autoFilter: true,
-    muteKeywords: false
-  });
   const [isLoading, setIsLoading] = useState(true);
-  const [isSaving, setIsSaving] = useState(false);
   const [blockedUsers, setBlockedUsers] = useState([]);
   const [restrictedUsers, setRestrictedUsers] = useState([]);
   const [isLoadingUsers, setIsLoadingUsers] = useState(false);
 
-  // Load settings and users
+  // Use the existing useSettingToggles hook for toggle management
+  const {
+    values: settings,
+    toggle,
+    savingKeys,
+    setValues
+  } = useSettingToggles({
+    initialValues: DEFAULT_PRIVACY_SETTINGS,
+    onSave: async (key, value) => {
+      if (!user?.id || !oxyServices) return;
+      await oxyServices.updatePrivacySettings({
+        [key]: value
+      }, user.id);
+    },
+    errorMessage: t('privacySettings.updateError') || 'Failed to update privacy setting'
+  });
+  const isSaving = savingKeys.size > 0;
+
+  // Load settings
   useEffect(() => {
     const loadSettings = async () => {
       try {
@@ -57,7 +74,7 @@ const PrivacySettingsScreen = ({
         if (user?.id && oxyServices) {
           const privacySettings = await oxyServices.getPrivacySettings(user.id);
           if (privacySettings) {
-            setSettings(privacySettings);
+            setValues(privacySettings);
           }
         }
       } catch (error) {
@@ -68,7 +85,7 @@ const PrivacySettingsScreen = ({
       }
     };
     loadSettings();
-  }, [user?.id, oxyServices, t]);
+  }, [user?.id, oxyServices, t, setValues]);
 
   // Load blocked and restricted users
   useEffect(() => {
@@ -87,29 +104,6 @@ const PrivacySettingsScreen = ({
     };
     loadUsers();
   }, [oxyServices]);
-  const updateSetting = useCallback(async (key, value) => {
-    try {
-      setIsSaving(true);
-      const newSettings = {
-        ...settings,
-        [key]: value
-      };
-      setSettings(newSettings);
-      if (user?.id && oxyServices) {
-        await oxyServices.updatePrivacySettings({
-          [key]: value
-        }, user.id);
-        toast.success(t('privacySettings.updated') || 'Privacy settings updated');
-      }
-    } catch (error) {
-      console.error(`Failed to update ${key}:`, error);
-      toast.error(t('privacySettings.updateError') || 'Failed to update privacy setting');
-      // Revert on error
-      setSettings(settings);
-    } finally {
-      setIsSaving(false);
-    }
-  }, [settings, user?.id, oxyServices, t]);
   const handleUnblock = useCallback(async userId => {
     if (!oxyServices) return;
     try {
@@ -269,7 +263,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.isPrivateAccount') || 'Private Account',
           description: t('privacySettings.isPrivateAccountDesc') || 'Only approved followers can see your posts',
           value: settings.isPrivateAccount,
-          onValueChange: value => updateSetting('isPrivateAccount', value),
+          onValueChange: () => toggle('isPrivateAccount'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -278,7 +272,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.profileVisibility') || 'Profile Visibility',
           description: t('privacySettings.profileVisibilityDesc') || 'Control who can view your profile',
           value: settings.profileVisibility,
-          onValueChange: value => updateSetting('profileVisibility', value),
+          onValueChange: () => toggle('profileVisibility'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -287,7 +281,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.hideOnlineStatus') || 'Hide Online Status',
           description: t('privacySettings.hideOnlineStatusDesc') || 'Don\'t show when you\'re online',
           value: settings.hideOnlineStatus,
-          onValueChange: value => updateSetting('hideOnlineStatus', value),
+          onValueChange: () => toggle('hideOnlineStatus'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -296,7 +290,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.hideLastSeen') || 'Hide Last Seen',
           description: t('privacySettings.hideLastSeenDesc') || 'Don\'t show when you were last active',
           value: settings.hideLastSeen,
-          onValueChange: value => updateSetting('hideLastSeen', value),
+          onValueChange: () => toggle('hideLastSeen'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -308,7 +302,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.allowTagging') || 'Allow Tagging',
           description: t('privacySettings.allowTaggingDesc') || 'Let others tag you in posts',
           value: settings.allowTagging,
-          onValueChange: value => updateSetting('allowTagging', value),
+          onValueChange: () => toggle('allowTagging'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -317,7 +311,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.allowMentions') || 'Allow Mentions',
           description: t('privacySettings.allowMentionsDesc') || 'Let others mention you',
           value: settings.allowMentions,
-          onValueChange: value => updateSetting('allowMentions', value),
+          onValueChange: () => toggle('allowMentions'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -326,7 +320,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.allowDirectMessages') || 'Allow Direct Messages',
           description: t('privacySettings.allowDirectMessagesDesc') || 'Let others send you direct messages',
           value: settings.allowDirectMessages,
-          onValueChange: value => updateSetting('allowDirectMessages', value),
+          onValueChange: () => toggle('allowDirectMessages'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -335,7 +329,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.hideReadReceipts') || 'Hide Read Receipts',
           description: t('privacySettings.hideReadReceiptsDesc') || 'Don\'t show read receipts in messages',
           value: settings.hideReadReceipts,
-          onValueChange: value => updateSetting('hideReadReceipts', value),
+          onValueChange: () => toggle('hideReadReceipts'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -347,7 +341,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.showActivity') || 'Show Activity Status',
           description: t('privacySettings.showActivityDesc') || 'Display your activity on your profile',
           value: settings.showActivity,
-          onValueChange: value => updateSetting('showActivity', value),
+          onValueChange: () => toggle('showActivity'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -356,7 +350,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.dataSharing') || 'Data Sharing',
           description: t('privacySettings.dataSharingDesc') || 'Allow sharing data for personalization',
           value: settings.dataSharing,
-          onValueChange: value => updateSetting('dataSharing', value),
+          onValueChange: () => toggle('dataSharing'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -365,7 +359,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.locationSharing') || 'Location Sharing',
           description: t('privacySettings.locationSharingDesc') || 'Share your location',
           value: settings.locationSharing,
-          onValueChange: value => updateSetting('locationSharing', value),
+          onValueChange: () => toggle('locationSharing'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -374,7 +368,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.analyticsSharing') || 'Analytics Sharing',
           description: t('privacySettings.analyticsSharingDesc') || 'Allow analytics data collection',
           value: settings.analyticsSharing,
-          onValueChange: value => updateSetting('analyticsSharing', value),
+          onValueChange: () => toggle('analyticsSharing'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -386,7 +380,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.sensitiveContent') || 'Show Sensitive Content',
           description: t('privacySettings.sensitiveContentDesc') || 'Allow sensitive or explicit content',
           value: settings.sensitiveContent,
-          onValueChange: value => updateSetting('sensitiveContent', value),
+          onValueChange: () => toggle('sensitiveContent'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -395,7 +389,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.autoFilter') || 'Auto Filter',
           description: t('privacySettings.autoFilterDesc') || 'Automatically filter inappropriate content',
           value: settings.autoFilter,
-          onValueChange: value => updateSetting('autoFilter', value),
+          onValueChange: () => toggle('autoFilter'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -404,7 +398,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.muteKeywords') || 'Mute Keywords',
           description: t('privacySettings.muteKeywordsDesc') || 'Hide posts containing muted keywords',
           value: settings.muteKeywords,
-          onValueChange: value => updateSetting('muteKeywords', value),
+          onValueChange: () => toggle('muteKeywords'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,
@@ -413,7 +407,7 @@ const PrivacySettingsScreen = ({
           title: t('privacySettings.blockScreenshots') || 'Block Screenshots',
           description: t('privacySettings.blockScreenshotsDesc') || 'Prevent screenshots of your content',
           value: settings.blockScreenshots,
-          onValueChange: value => updateSetting('blockScreenshots', value),
+          onValueChange: () => toggle('blockScreenshots'),
           disabled: isSaving,
           textColor: themeStyles.textColor,
           mutedTextColor: themeStyles.mutedTextColor,