@oxyhq/services 22.9.0 → 22.10.0

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

@@ -1,22 +1,22 @@
 "use strict";
 
 import React, { useState, useCallback, useEffect } from 'react';
-import { View, ScrollView } from 'react-native';
+import { View } from 'react-native';
 import { toast } from '@oxyhq/bloom';
 import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
 import { Switch } from '@oxyhq/bloom/switch';
 import { Button } from '@oxyhq/bloom/button';
 import { useTheme } from '@oxyhq/bloom/theme';
-import Header from "../components/Header.js";
 import { Avatar } from '@oxyhq/bloom/avatar';
 import { Loading } from '@oxyhq/bloom/loading';
 import { Text } from '@oxyhq/bloom/typography';
 import { SettingsIcon } from "../components/SettingsIcon.js";
 import { useI18n } from "../hooks/useI18n.js";
+import { useSurfaceHeader } from "../hooks/useSurfaceHeader.js";
 import { useSettingToggles } from "../hooks/useSettingToggle.js";
 import { getAccountDisplayName } from '@oxyhq/core';
 import { useOxy } from "../context/OxyContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_PRIVACY_SETTINGS = {
   isPrivateAccount: false,
   hideOnlineStatus: false,
@@ -52,6 +52,9 @@ const PrivacySettingsScreen = ({
     t,
     locale
   } = useI18n();
+  useSurfaceHeader({
+    title: t('privacySettings.title') || 'Privacy Settings'
+  });
   const bloomTheme = useTheme();
   const [isLoading, setIsLoading] = useState(true);
   const [blockedUsers, setBlockedUsers] = useState([]);
@@ -192,316 +195,301 @@ const PrivacySettingsScreen = ({
     };
   }, [locale]);
   if (isLoading) {
-    return /*#__PURE__*/_jsxs(View, {
-      className: "flex-1 bg-bg",
-      children: [/*#__PURE__*/_jsx(Header, {
-        title: t('privacySettings.title') || 'Privacy Settings',
-        onBack: goBack || onClose,
-        variant: "minimal",
-        elevation: "subtle"
-      }), /*#__PURE__*/_jsx(Loading, {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(Loading, {
         size: "large",
         color: bloomTheme.colors.text
-      })]
+      })
     });
   }
-  return /*#__PURE__*/_jsxs(View, {
-    className: "flex-1 bg-bg",
-    children: [/*#__PURE__*/_jsx(Header, {
-      title: t('privacySettings.title') || 'Privacy Settings',
-      onBack: goBack || onClose,
-      variant: "minimal",
-      elevation: "subtle"
-    }), /*#__PURE__*/_jsx(ScrollView, {
-      className: "flex-1",
-      children: /*#__PURE__*/_jsxs(View, {
-        className: "px-screen-margin pb-space-24",
-        children: [/*#__PURE__*/_jsxs(SettingsListGroup, {
-          title: t('privacySettings.sections.account') || 'ACCOUNT PRIVACY',
-          children: [/*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "lock-outline",
-              color: bloomTheme.colors.primary
-            }),
-            title: t('privacySettings.isPrivateAccount') || 'Private Account',
-            description: t('privacySettings.isPrivateAccountDesc') || 'Only approved followers can see your posts',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.isPrivateAccount,
-              onValueChange: () => toggle('isPrivateAccount'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "account-eye-outline",
-              color: bloomTheme.colors.info
-            }),
-            title: t('privacySettings.profileVisibility') || 'Profile Visibility',
-            description: t('privacySettings.profileVisibilityDesc') || 'Control who can view your profile',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.profileVisibility,
-              onValueChange: () => toggle('profileVisibility'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "circle-outline",
-              color: bloomTheme.colors.success
-            }),
-            title: t('privacySettings.hideOnlineStatus') || 'Hide Online Status',
-            description: t('privacySettings.hideOnlineStatusDesc') || 'Don\'t show when you\'re online',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.hideOnlineStatus,
-              onValueChange: () => toggle('hideOnlineStatus'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "clock-outline",
-              color: bloomTheme.colors.secondary
-            }),
-            title: t('privacySettings.hideLastSeen') || 'Hide Last Seen',
-            description: t('privacySettings.hideLastSeenDesc') || 'Don\'t show when you were last active',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.hideLastSeen,
-              onValueChange: () => toggle('hideLastSeen'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          })]
-        }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-          title: t('privacySettings.sections.interactions') || 'INTERACTIONS',
-          children: [/*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "tag-outline",
-              color: bloomTheme.colors.primary
-            }),
-            title: t('privacySettings.allowTagging') || 'Allow Tagging',
-            description: t('privacySettings.allowTaggingDesc') || 'Let others tag you in posts',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.allowTagging,
-              onValueChange: () => toggle('allowTagging'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "at",
-              color: bloomTheme.colors.info
-            }),
-            title: t('privacySettings.allowMentions') || 'Allow Mentions',
-            description: t('privacySettings.allowMentionsDesc') || 'Let others mention you',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.allowMentions,
-              onValueChange: () => toggle('allowMentions'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "message-outline",
-              color: bloomTheme.colors.success
-            }),
-            title: t('privacySettings.allowDirectMessages') || 'Allow Direct Messages',
-            description: t('privacySettings.allowDirectMessagesDesc') || 'Let others send you direct messages',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.allowDirectMessages,
-              onValueChange: () => toggle('allowDirectMessages'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "check-all",
-              color: bloomTheme.colors.secondary
-            }),
-            title: t('privacySettings.hideReadReceipts') || 'Hide Read Receipts',
-            description: t('privacySettings.hideReadReceiptsDesc') || 'Don\'t show read receipts in messages',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.hideReadReceipts,
-              onValueChange: () => toggle('hideReadReceipts'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          })]
-        }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-          title: t('privacySettings.sections.activity') || 'ACTIVITY & DATA',
-          children: [/*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "pulse",
-              color: bloomTheme.colors.primary
-            }),
-            title: t('privacySettings.showActivity') || 'Show Activity Status',
-            description: t('privacySettings.showActivityDesc') || 'Display your activity on your profile',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.showActivity,
-              onValueChange: () => toggle('showActivity'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "database-outline",
-              color: bloomTheme.colors.info
-            }),
-            title: t('privacySettings.dataSharing') || 'Data Sharing',
-            description: t('privacySettings.dataSharingDesc') || 'Allow sharing data for personalization',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.dataSharing,
-              onValueChange: () => toggle('dataSharing'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "map-marker-outline",
-              color: bloomTheme.colors.warning
-            }),
-            title: t('privacySettings.locationSharing') || 'Location Sharing',
-            description: t('privacySettings.locationSharingDesc') || 'Share your location',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.locationSharing,
-              onValueChange: () => toggle('locationSharing'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "chart-line",
-              color: bloomTheme.colors.secondary
-            }),
-            title: t('privacySettings.analyticsSharing') || 'Analytics Sharing',
-            description: t('privacySettings.analyticsSharingDesc') || 'Allow analytics data collection',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.analyticsSharing,
-              onValueChange: () => toggle('analyticsSharing'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          })]
-        }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-          title: t('privacySettings.sections.content') || 'CONTENT & SAFETY',
-          children: [/*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "eye-off-outline",
-              color: bloomTheme.colors.warning
-            }),
-            title: t('privacySettings.sensitiveContent') || 'Show Sensitive Content',
-            description: t('privacySettings.sensitiveContentDesc') || 'Allow sensitive or explicit content',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.sensitiveContent,
-              onValueChange: () => toggle('sensitiveContent'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "filter-outline",
-              color: bloomTheme.colors.success
-            }),
-            title: t('privacySettings.autoFilter') || 'Auto Filter',
-            description: t('privacySettings.autoFilterDesc') || 'Automatically filter inappropriate content',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.autoFilter,
-              onValueChange: () => toggle('autoFilter'),
-              disabled: isSaving
-            }),
-            showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "volume-off",
-              color: bloomTheme.colors.info
-            }),
-            title: t('privacySettings.muteKeywords') || 'Mute Keywords',
-            description: t('privacySettings.muteKeywordsDesc') || 'Hide posts containing muted keywords',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.muteKeywords,
-              onValueChange: () => toggle('muteKeywords'),
-              disabled: isSaving
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "px-screen-margin pb-space-24",
+      children: [/*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('privacySettings.sections.account') || 'ACCOUNT PRIVACY',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "lock-outline",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('privacySettings.isPrivateAccount') || 'Private Account',
+          description: t('privacySettings.isPrivateAccountDesc') || 'Only approved followers can see your posts',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.isPrivateAccount,
+            onValueChange: () => toggle('isPrivateAccount'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-eye-outline",
+            color: bloomTheme.colors.info
+          }),
+          title: t('privacySettings.profileVisibility') || 'Profile Visibility',
+          description: t('privacySettings.profileVisibilityDesc') || 'Control who can view your profile',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.profileVisibility,
+            onValueChange: () => toggle('profileVisibility'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "circle-outline",
+            color: bloomTheme.colors.success
+          }),
+          title: t('privacySettings.hideOnlineStatus') || 'Hide Online Status',
+          description: t('privacySettings.hideOnlineStatusDesc') || 'Don\'t show when you\'re online',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.hideOnlineStatus,
+            onValueChange: () => toggle('hideOnlineStatus'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "clock-outline",
+            color: bloomTheme.colors.secondary
+          }),
+          title: t('privacySettings.hideLastSeen') || 'Hide Last Seen',
+          description: t('privacySettings.hideLastSeenDesc') || 'Don\'t show when you were last active',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.hideLastSeen,
+            onValueChange: () => toggle('hideLastSeen'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        })]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('privacySettings.sections.interactions') || 'INTERACTIONS',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "tag-outline",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('privacySettings.allowTagging') || 'Allow Tagging',
+          description: t('privacySettings.allowTaggingDesc') || 'Let others tag you in posts',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.allowTagging,
+            onValueChange: () => toggle('allowTagging'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "at",
+            color: bloomTheme.colors.info
+          }),
+          title: t('privacySettings.allowMentions') || 'Allow Mentions',
+          description: t('privacySettings.allowMentionsDesc') || 'Let others mention you',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.allowMentions,
+            onValueChange: () => toggle('allowMentions'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "message-outline",
+            color: bloomTheme.colors.success
+          }),
+          title: t('privacySettings.allowDirectMessages') || 'Allow Direct Messages',
+          description: t('privacySettings.allowDirectMessagesDesc') || 'Let others send you direct messages',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.allowDirectMessages,
+            onValueChange: () => toggle('allowDirectMessages'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "check-all",
+            color: bloomTheme.colors.secondary
+          }),
+          title: t('privacySettings.hideReadReceipts') || 'Hide Read Receipts',
+          description: t('privacySettings.hideReadReceiptsDesc') || 'Don\'t show read receipts in messages',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.hideReadReceipts,
+            onValueChange: () => toggle('hideReadReceipts'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        })]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('privacySettings.sections.activity') || 'ACTIVITY & DATA',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "pulse",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('privacySettings.showActivity') || 'Show Activity Status',
+          description: t('privacySettings.showActivityDesc') || 'Display your activity on your profile',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.showActivity,
+            onValueChange: () => toggle('showActivity'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "database-outline",
+            color: bloomTheme.colors.info
+          }),
+          title: t('privacySettings.dataSharing') || 'Data Sharing',
+          description: t('privacySettings.dataSharingDesc') || 'Allow sharing data for personalization',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.dataSharing,
+            onValueChange: () => toggle('dataSharing'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "map-marker-outline",
+            color: bloomTheme.colors.warning
+          }),
+          title: t('privacySettings.locationSharing') || 'Location Sharing',
+          description: t('privacySettings.locationSharingDesc') || 'Share your location',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.locationSharing,
+            onValueChange: () => toggle('locationSharing'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "chart-line",
+            color: bloomTheme.colors.secondary
+          }),
+          title: t('privacySettings.analyticsSharing') || 'Analytics Sharing',
+          description: t('privacySettings.analyticsSharingDesc') || 'Allow analytics data collection',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.analyticsSharing,
+            onValueChange: () => toggle('analyticsSharing'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        })]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('privacySettings.sections.content') || 'CONTENT & SAFETY',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "eye-off-outline",
+            color: bloomTheme.colors.warning
+          }),
+          title: t('privacySettings.sensitiveContent') || 'Show Sensitive Content',
+          description: t('privacySettings.sensitiveContentDesc') || 'Allow sensitive or explicit content',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.sensitiveContent,
+            onValueChange: () => toggle('sensitiveContent'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "filter-outline",
+            color: bloomTheme.colors.success
+          }),
+          title: t('privacySettings.autoFilter') || 'Auto Filter',
+          description: t('privacySettings.autoFilterDesc') || 'Automatically filter inappropriate content',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.autoFilter,
+            onValueChange: () => toggle('autoFilter'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "volume-off",
+            color: bloomTheme.colors.info
+          }),
+          title: t('privacySettings.muteKeywords') || 'Mute Keywords',
+          description: t('privacySettings.muteKeywordsDesc') || 'Hide posts containing muted keywords',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.muteKeywords,
+            onValueChange: () => toggle('muteKeywords'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "cellphone-screenshot",
+            color: bloomTheme.colors.secondary
+          }),
+          title: t('privacySettings.blockScreenshots') || 'Block Screenshots',
+          description: t('privacySettings.blockScreenshotsDesc') || 'Prevent screenshots of your content',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: settings.blockScreenshots,
+            onValueChange: () => toggle('blockScreenshots'),
+            disabled: isSaving
+          }),
+          showChevron: false
+        })]
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        title: t('privacySettings.sections.blockedUsers') || 'BLOCKED USERS',
+        children: isLoadingUsers ? /*#__PURE__*/_jsx(Loading, {
+          size: "small",
+          color: bloomTheme.colors.text
+        }) : blockedUsers.length === 0 ? /*#__PURE__*/_jsx(Text, {
+          className: "text-text-secondary text-center p-space-40",
+          children: t('privacySettings.noBlockedUsers') || 'No blocked users'
+        }) : blockedUsers.map(blocked => {
+          const {
+            userId,
+            displayName,
+            avatar
+          } = extractUserInfo(blocked, 'blockedId');
+          const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
+          return /*#__PURE__*/_jsx(SettingsListItem, {
+            icon: /*#__PURE__*/_jsx(Avatar, {
+              source: avatarUri,
+              name: displayName,
+              size: 20
+            }),
+            title: displayName,
+            rightElement: /*#__PURE__*/_jsx(Button, {
+              variant: "destructive",
+              size: "small",
+              onPress: () => handleUnblock(userId),
+              children: t('privacySettings.unblock') || 'Unblock'
             }),
             showChevron: false
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "cellphone-screenshot",
-              color: bloomTheme.colors.secondary
-            }),
-            title: t('privacySettings.blockScreenshots') || 'Block Screenshots',
-            description: t('privacySettings.blockScreenshotsDesc') || 'Prevent screenshots of your content',
-            rightElement: /*#__PURE__*/_jsx(Switch, {
-              value: settings.blockScreenshots,
-              onValueChange: () => toggle('blockScreenshots'),
-              disabled: isSaving
+          }, userId);
+        })
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        title: t('privacySettings.sections.restrictedUsers') || 'RESTRICTED USERS',
+        children: isLoadingUsers ? /*#__PURE__*/_jsx(Loading, {
+          size: "small",
+          color: bloomTheme.colors.text
+        }) : restrictedUsers.length === 0 ? /*#__PURE__*/_jsx(Text, {
+          className: "text-text-secondary text-center p-space-40",
+          children: t('privacySettings.noRestrictedUsers') || 'No restricted users'
+        }) : restrictedUsers.map(restricted => {
+          const {
+            userId,
+            displayName,
+            avatar
+          } = extractUserInfo(restricted, 'restrictedId');
+          const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
+          return /*#__PURE__*/_jsx(SettingsListItem, {
+            icon: /*#__PURE__*/_jsx(Avatar, {
+              source: avatarUri,
+              name: displayName,
+              size: 20
+            }),
+            title: displayName,
+            description: t('privacySettings.restrictedDescription') || 'Limited interactions',
+            rightElement: /*#__PURE__*/_jsx(Button, {
+              variant: "secondary",
+              size: "small",
+              onPress: () => handleUnrestrict(userId),
+              children: t('privacySettings.unrestrict') || 'Unrestrict'
             }),
             showChevron: false
-          })]
-        }), /*#__PURE__*/_jsx(SettingsListGroup, {
-          title: t('privacySettings.sections.blockedUsers') || 'BLOCKED USERS',
-          children: isLoadingUsers ? /*#__PURE__*/_jsx(Loading, {
-            size: "small",
-            color: bloomTheme.colors.text
-          }) : blockedUsers.length === 0 ? /*#__PURE__*/_jsx(Text, {
-            className: "text-text-secondary text-center p-space-40",
-            children: t('privacySettings.noBlockedUsers') || 'No blocked users'
-          }) : blockedUsers.map(blocked => {
-            const {
-              userId,
-              displayName,
-              avatar
-            } = extractUserInfo(blocked, 'blockedId');
-            const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
-            return /*#__PURE__*/_jsx(SettingsListItem, {
-              icon: /*#__PURE__*/_jsx(Avatar, {
-                source: avatarUri,
-                name: displayName,
-                size: 20
-              }),
-              title: displayName,
-              rightElement: /*#__PURE__*/_jsx(Button, {
-                variant: "destructive",
-                size: "small",
-                onPress: () => handleUnblock(userId),
-                children: t('privacySettings.unblock') || 'Unblock'
-              }),
-              showChevron: false
-            }, userId);
-          })
-        }), /*#__PURE__*/_jsx(SettingsListGroup, {
-          title: t('privacySettings.sections.restrictedUsers') || 'RESTRICTED USERS',
-          children: isLoadingUsers ? /*#__PURE__*/_jsx(Loading, {
-            size: "small",
-            color: bloomTheme.colors.text
-          }) : restrictedUsers.length === 0 ? /*#__PURE__*/_jsx(Text, {
-            className: "text-text-secondary text-center p-space-40",
-            children: t('privacySettings.noRestrictedUsers') || 'No restricted users'
-          }) : restrictedUsers.map(restricted => {
-            const {
-              userId,
-              displayName,
-              avatar
-            } = extractUserInfo(restricted, 'restrictedId');
-            const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
-            return /*#__PURE__*/_jsx(SettingsListItem, {
-              icon: /*#__PURE__*/_jsx(Avatar, {
-                source: avatarUri,
-                name: displayName,
-                size: 20
-              }),
-              title: displayName,
-              description: t('privacySettings.restrictedDescription') || 'Limited interactions',
-              rightElement: /*#__PURE__*/_jsx(Button, {
-                variant: "secondary",
-                size: "small",
-                onPress: () => handleUnrestrict(userId),
-                children: t('privacySettings.unrestrict') || 'Unrestrict'
-              }),
-              showChevron: false
-            }, userId);
-          })
-        })]
-      })
-    })]
+          }, userId);
+        })
+      })]
+    })
   });
 };
 export default /*#__PURE__*/React.memo(PrivacySettingsScreen);