@oxyhq/services 10.5.0 → 11.1.0

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

@@ -7,14 +7,16 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _bloom = require("@oxyhq/bloom");
+var _settingsList = require("@oxyhq/bloom/settings-list");
+var _switch = require("@oxyhq/bloom/switch");
+var _button = require("@oxyhq/bloom/button");
+var _theme = require("@oxyhq/bloom/theme");
 var _Header = _interopRequireDefault(require("../components/Header.js"));
 var _Avatar = _interopRequireDefault(require("../components/Avatar.js"));
 var _LoadingState = _interopRequireDefault(require("../components/LoadingState.js"));
 var _EmptyState = _interopRequireDefault(require("../components/EmptyState.js"));
-var _settingsList = require("@oxyhq/bloom/settings-list");
-var _switch = require("@oxyhq/bloom/switch");
+var _SettingsIcon = require("../components/SettingsIcon.js");
 var _useI18n = require("../hooks/useI18n.js");
-var _theme = require("@oxyhq/bloom/theme");
 var _useSettingToggle = require("../hooks/useSettingToggle.js");
 var _core = require("@oxyhq/core");
 var _OxyContext = require("../context/OxyContext.js");
@@ -44,7 +46,6 @@ const DEFAULT_PRIVACY_SETTINGS = {
 };
 const PrivacySettingsScreen = ({
   onClose,
-  theme,
   goBack
 }) => {
   const {
@@ -55,6 +56,7 @@ const PrivacySettingsScreen = ({
     t,
     locale
   } = (0, _useI18n.useI18n)();
+  const bloomTheme = (0, _theme.useTheme)();
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
   const [blockedUsers, setBlockedUsers] = (0, _react.useState)([]);
   const [restrictedUsers, setRestrictedUsers] = (0, _react.useState)([]);
@@ -190,12 +192,9 @@ const PrivacySettingsScreen = ({
       avatar
     };
   }, [locale]);
-  const bloomTheme = (0, _theme.useTheme)();
   if (isLoading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.container, {
-        backgroundColor: bloomTheme.colors.background
-      }],
+      className: "flex-1 bg-bg",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
         title: t('privacySettings.title') || 'Privacy Settings',
         onBack: goBack || onClose,
@@ -207,250 +206,303 @@ const PrivacySettingsScreen = ({
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
+    className: "flex-1 bg-bg",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
       title: t('privacySettings.title') || 'Privacy Settings',
       onBack: goBack || onClose,
       variant: "minimal",
       elevation: "subtle"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      style: styles.content,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('privacySettings.sections.account') || 'ACCOUNT PRIVACY',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.isPrivateAccount') || 'Private Account',
-          description: t('privacySettings.isPrivateAccountDesc') || 'Only approved followers can see your posts',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.isPrivateAccount,
-            onValueChange: () => toggle('isPrivateAccount'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.profileVisibility') || 'Profile Visibility',
-          description: t('privacySettings.profileVisibilityDesc') || 'Control who can view your profile',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.profileVisibility,
-            onValueChange: () => toggle('profileVisibility'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.hideOnlineStatus') || 'Hide Online Status',
-          description: t('privacySettings.hideOnlineStatusDesc') || 'Don\'t show when you\'re online',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.hideOnlineStatus,
-            onValueChange: () => toggle('hideOnlineStatus'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.hideLastSeen') || 'Hide Last Seen',
-          description: t('privacySettings.hideLastSeenDesc') || 'Don\'t show when you were last active',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.hideLastSeen,
-            onValueChange: () => toggle('hideLastSeen'),
-            disabled: isSaving
-          })
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('privacySettings.sections.interactions') || 'INTERACTIONS',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.allowTagging') || 'Allow Tagging',
-          description: t('privacySettings.allowTaggingDesc') || 'Let others tag you in posts',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.allowTagging,
-            onValueChange: () => toggle('allowTagging'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.allowMentions') || 'Allow Mentions',
-          description: t('privacySettings.allowMentionsDesc') || 'Let others mention you',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.allowMentions,
-            onValueChange: () => toggle('allowMentions'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.allowDirectMessages') || 'Allow Direct Messages',
-          description: t('privacySettings.allowDirectMessagesDesc') || 'Let others send you direct messages',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.allowDirectMessages,
-            onValueChange: () => toggle('allowDirectMessages'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.hideReadReceipts') || 'Hide Read Receipts',
-          description: t('privacySettings.hideReadReceiptsDesc') || 'Don\'t show read receipts in messages',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.hideReadReceipts,
-            onValueChange: () => toggle('hideReadReceipts'),
-            disabled: isSaving
-          })
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('privacySettings.sections.activity') || 'ACTIVITY & DATA',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.showActivity') || 'Show Activity Status',
-          description: t('privacySettings.showActivityDesc') || 'Display your activity on your profile',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.showActivity,
-            onValueChange: () => toggle('showActivity'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.dataSharing') || 'Data Sharing',
-          description: t('privacySettings.dataSharingDesc') || 'Allow sharing data for personalization',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.dataSharing,
-            onValueChange: () => toggle('dataSharing'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.locationSharing') || 'Location Sharing',
-          description: t('privacySettings.locationSharingDesc') || 'Share your location',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.locationSharing,
-            onValueChange: () => toggle('locationSharing'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.analyticsSharing') || 'Analytics Sharing',
-          description: t('privacySettings.analyticsSharingDesc') || 'Allow analytics data collection',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.analyticsSharing,
-            onValueChange: () => toggle('analyticsSharing'),
-            disabled: isSaving
-          })
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('privacySettings.sections.content') || 'CONTENT & SAFETY',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.sensitiveContent') || 'Show Sensitive Content',
-          description: t('privacySettings.sensitiveContentDesc') || 'Allow sensitive or explicit content',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.sensitiveContent,
-            onValueChange: () => toggle('sensitiveContent'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.autoFilter') || 'Auto Filter',
-          description: t('privacySettings.autoFilterDesc') || 'Automatically filter inappropriate content',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.autoFilter,
-            onValueChange: () => toggle('autoFilter'),
-            disabled: isSaving
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.muteKeywords') || 'Mute Keywords',
-          description: t('privacySettings.muteKeywordsDesc') || 'Hide posts containing muted keywords',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.muteKeywords,
-            onValueChange: () => toggle('muteKeywords'),
-            disabled: isSaving
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      className: "flex-1",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        className: "px-screen-margin pb-space-24",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+          title: t('privacySettings.sections.account') || 'ACCOUNT PRIVACY',
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.isPrivateAccount,
+              onValueChange: () => toggle('isPrivateAccount'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.profileVisibility,
+              onValueChange: () => toggle('profileVisibility'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.hideOnlineStatus,
+              onValueChange: () => toggle('hideOnlineStatus'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.hideLastSeen,
+              onValueChange: () => toggle('hideLastSeen'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+          title: t('privacySettings.sections.interactions') || 'INTERACTIONS',
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.allowTagging,
+              onValueChange: () => toggle('allowTagging'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+              name: "at",
+              color: bloomTheme.colors.info
+            }),
+            title: t('privacySettings.allowMentions') || 'Allow Mentions',
+            description: t('privacySettings.allowMentionsDesc') || 'Let others mention you',
+            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.allowMentions,
+              onValueChange: () => toggle('allowMentions'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.allowDirectMessages,
+              onValueChange: () => toggle('allowDirectMessages'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.hideReadReceipts,
+              onValueChange: () => toggle('hideReadReceipts'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+          title: t('privacySettings.sections.activity') || 'ACTIVITY & DATA',
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.showActivity,
+              onValueChange: () => toggle('showActivity'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.dataSharing,
+              onValueChange: () => toggle('dataSharing'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+              name: "map-marker-outline",
+              color: bloomTheme.colors.warning
+            }),
+            title: t('privacySettings.locationSharing') || 'Location Sharing',
+            description: t('privacySettings.locationSharingDesc') || 'Share your location',
+            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.locationSharing,
+              onValueChange: () => toggle('locationSharing'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+              name: "chart-line",
+              color: bloomTheme.colors.secondary
+            }),
+            title: t('privacySettings.analyticsSharing') || 'Analytics Sharing',
+            description: t('privacySettings.analyticsSharingDesc') || 'Allow analytics data collection',
+            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.analyticsSharing,
+              onValueChange: () => toggle('analyticsSharing'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+          title: t('privacySettings.sections.content') || 'CONTENT & SAFETY',
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.sensitiveContent,
+              onValueChange: () => toggle('sensitiveContent'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+              name: "filter-outline",
+              color: bloomTheme.colors.success
+            }),
+            title: t('privacySettings.autoFilter') || 'Auto Filter',
+            description: t('privacySettings.autoFilterDesc') || 'Automatically filter inappropriate content',
+            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.autoFilter,
+              onValueChange: () => toggle('autoFilter'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.muteKeywords,
+              onValueChange: () => toggle('muteKeywords'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
+              value: settings.blockScreenshots,
+              onValueChange: () => toggle('blockScreenshots'),
+              disabled: isSaving
+            }),
+            showChevron: false
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+          title: t('privacySettings.sections.blockedUsers') || 'BLOCKED USERS',
+          children: isLoadingUsers ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingState.default, {
+            color: bloomTheme.colors.text,
+            size: "small"
+          }) : blockedUsers.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.default, {
+            message: t('privacySettings.noBlockedUsers') || 'No blocked users',
+            textColor: bloomTheme.colors.textSecondary
+          }) : blockedUsers.map(blocked => {
+            const {
+              userId,
+              displayName,
+              avatar
+            } = extractUserInfo(blocked, 'blockedId');
+            const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+                uri: avatarUri,
+                name: displayName,
+                size: 20
+              }),
+              title: displayName,
+              rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+                variant: "destructive",
+                size: "small",
+                onPress: () => handleUnblock(userId),
+                children: t('privacySettings.unblock') || 'Unblock'
+              }),
+              showChevron: false
+            }, userId);
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          title: t('privacySettings.blockScreenshots') || 'Block Screenshots',
-          description: t('privacySettings.blockScreenshotsDesc') || 'Prevent screenshots of your content',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
-            value: settings.blockScreenshots,
-            onValueChange: () => toggle('blockScreenshots'),
-            disabled: isSaving
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+          title: t('privacySettings.sections.restrictedUsers') || 'RESTRICTED USERS',
+          children: isLoadingUsers ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingState.default, {
+            color: bloomTheme.colors.text,
+            size: "small"
+          }) : restrictedUsers.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.default, {
+            message: t('privacySettings.noRestrictedUsers') || 'No restricted users',
+            textColor: bloomTheme.colors.textSecondary
+          }) : restrictedUsers.map(restricted => {
+            const {
+              userId,
+              displayName,
+              avatar
+            } = extractUserInfo(restricted, 'restrictedId');
+            const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+                uri: avatarUri,
+                name: displayName,
+                size: 20
+              }),
+              title: displayName,
+              description: t('privacySettings.restrictedDescription') || 'Limited interactions',
+              rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+                variant: "secondary",
+                size: "small",
+                onPress: () => handleUnrestrict(userId),
+                children: t('privacySettings.unrestrict') || 'Unrestrict'
+              }),
+              showChevron: false
+            }, userId);
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-        title: t('privacySettings.sections.blockedUsers') || 'BLOCKED USERS',
-        children: isLoadingUsers ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingState.default, {
-          color: bloomTheme.colors.text,
-          size: "small"
-        }) : blockedUsers.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.default, {
-          message: t('privacySettings.noBlockedUsers') || 'No blocked users',
-          textColor: bloomTheme.colors.textSecondary
-        }) : blockedUsers.map(blocked => {
-          const {
-            userId,
-            displayName,
-            avatar
-          } = extractUserInfo(blocked, 'blockedId');
-          const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
-              uri: avatarUri,
-              name: displayName,
-              size: 20
-            }),
-            title: displayName,
-            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              onPress: () => handleUnblock(userId),
-              style: [styles.actionButton, {
-                backgroundColor: bloomTheme.colors.backgroundSecondary
-              }],
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.actionButtonText, {
-                  color: bloomTheme.colors.error
-                }],
-                children: t('privacySettings.unblock') || 'Unblock'
-              })
-            })
-          }, userId);
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-        title: t('privacySettings.sections.restrictedUsers') || 'RESTRICTED USERS',
-        children: isLoadingUsers ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingState.default, {
-          color: bloomTheme.colors.text,
-          size: "small"
-        }) : restrictedUsers.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.default, {
-          message: t('privacySettings.noRestrictedUsers') || 'No restricted users',
-          textColor: bloomTheme.colors.textSecondary
-        }) : restrictedUsers.map(restricted => {
-          const {
-            userId,
-            displayName,
-            avatar
-          } = extractUserInfo(restricted, 'restrictedId');
-          const avatarUri = avatar && oxyServices ? oxyServices.getFileDownloadUrl(avatar, 'thumb') : undefined;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
-              uri: avatarUri,
-              name: displayName,
-              size: 20
-            }),
-            title: displayName,
-            description: t('privacySettings.restrictedDescription') || 'Limited interactions',
-            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              onPress: () => handleUnrestrict(userId),
-              style: [styles.actionButton, {
-                backgroundColor: bloomTheme.colors.backgroundSecondary
-              }],
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.actionButtonText, {
-                  color: bloomTheme.colors.primary
-                }],
-                children: t('privacySettings.unrestrict') || 'Unrestrict'
-              })
-            })
-          }, userId);
-        })
-      })]
+      })
     })]
   });
 };
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  content: {
-    flex: 1,
-    padding: 16
-  },
-  actionButton: {
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    borderRadius: 8
-  },
-  actionButtonText: {
-    fontSize: 14,
-    fontWeight: '600'
-  }
-});
 var _default = exports.default = /*#__PURE__*/_react.default.memo(PrivacySettingsScreen);
 //# sourceMappingURL=PrivacySettingsScreen.js.map