@oxyhq/services 6.10.8 → 7.0.0

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

@@ -0,0 +1,775 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+import { View, Text, ScrollView, StyleSheet, ActivityIndicator, TouchableOpacity, RefreshControl, Platform } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { Dialog, toast, useDialogControl } from '@oxyhq/bloom';
+import { useTheme } from '@oxyhq/bloom/theme';
+import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
+import { getAccountDisplayName, getAccountFallbackHandle, logger as loggerUtil, packageInfo } from '@oxyhq/core';
+import Header from "../components/Header.js";
+import Avatar from "../components/Avatar.js";
+import { SettingsIcon } from "../components/SettingsIcon.js";
+import DeleteAccountModal from "../components/modals/DeleteAccountModal.js";
+import { useOxy } from "../context/OxyContext.js";
+import { useI18n } from "../hooks/useI18n.js";
+import { useCurrentUser } from "../hooks/queries/useAccountQueries.js";
+import { useUserSubscription } from "../hooks/queries/usePaymentQueries.js";
+import { useDeviceSessions } from "../hooks/queries/useServicesQueries.js";
+import { useColorScheme } from "../hooks/useColorScheme.js";
+import { Colors } from "../constants/theme.js";
+import { normalizeColorScheme, normalizeTheme } from "../utils/themeUtils.js";
+import { screenContentStyle } from "../constants/spacing.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const formatRelative = dateString => {
+  if (!dateString) {
+    return '—';
+  }
+  const date = new Date(dateString);
+  const now = new Date();
+  const diffMs = date.getTime() - now.getTime();
+  const absMin = Math.abs(diffMs) / 60000;
+  const isFuture = diffMs > 0;
+  if (absMin < 1) {
+    return isFuture ? 'in moments' : 'just now';
+  }
+  if (absMin < 60) {
+    const v = Math.floor(absMin);
+    return isFuture ? `in ${v}m` : `${v}m ago`;
+  }
+  const hrs = absMin / 60;
+  if (hrs < 24) {
+    const v = Math.floor(hrs);
+    return isFuture ? `in ${v}h` : `${v}h ago`;
+  }
+  const days = hrs / 24;
+  if (days < 7) {
+    const v = Math.floor(days);
+    return isFuture ? `in ${v}d` : `${v}d ago`;
+  }
+  return date.toLocaleDateString();
+};
+
+/**
+ * Unified "Manage your Oxy Account" screen.
+ *
+ * Replaces AccountOverview + AccountSettings + the per-account half of
+ * SessionManagement. Lists ONLY the active user's profile, sessions on this
+ * device, and security/destructive actions for THIS account. Multi-account
+ * surface lives in {@link AccountMenu} — keep these concerns separate.
+ */
+const ManageAccountScreen = ({
+  onClose,
+  goBack,
+  navigate,
+  theme
+}) => {
+  const bloomTheme = useTheme();
+  const {
+    t,
+    locale
+  } = useI18n();
+  const colorScheme = useColorScheme();
+  const palette = useMemo(() => Colors[normalizeColorScheme(colorScheme, normalizeTheme(theme))], [colorScheme, theme]);
+  const {
+    user: contextUser,
+    isAuthenticated,
+    oxyServices,
+    activeSessionId,
+    logout,
+    openAvatarPicker,
+    managedAccounts
+  } = useOxy();
+  const {
+    data: userFromQuery,
+    isLoading: userLoading
+  } = useCurrentUser({
+    enabled: isAuthenticated
+  });
+  const user = userFromQuery ?? contextUser;
+  const {
+    data: subscription
+  } = useUserSubscription({
+    enabled: isAuthenticated
+  });
+  const {
+    data: deviceSessions,
+    isLoading: deviceSessionsLoading,
+    refetch: refetchDeviceSessions,
+    isRefetching: deviceSessionsRefetching
+  } = useDeviceSessions({
+    enabled: isAuthenticated && !!activeSessionId
+  });
+  const signOutDialog = useDialogControl();
+  const signOutAllDevicesDialog = useDialogControl();
+  const removeDeviceDialog = useDialogControl();
+  const downloadDataDialog = useDialogControl();
+  const deleteAccountDialog = useDialogControl();
+  const [pendingRemoveDevice, setPendingRemoveDevice] = useState(null);
+  const [removingDeviceId, setRemovingDeviceId] = useState(null);
+  const [signingOutAllDevices, setSigningOutAllDevices] = useState(false);
+  const [signingOut, setSigningOut] = useState(false);
+  const displayName = useMemo(() => getAccountDisplayName(user, locale), [user, locale]);
+  const handle = useMemo(() => getAccountFallbackHandle(user), [user]);
+  const avatarUri = useMemo(() => {
+    return user?.avatar ? oxyServices.getFileDownloadUrl(user.avatar, 'thumb') : undefined;
+  }, [user?.avatar, oxyServices]);
+  const handleSignOut = useCallback(async () => {
+    if (signingOut) {
+      return;
+    }
+    setSigningOut(true);
+    try {
+      await logout();
+      toast.success(t('common.actions.signedOut') || 'Signed out');
+      onClose?.();
+    } catch (error) {
+      loggerUtil.warn('Sign out failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      toast.error(t('common.errors.signOutFailed') || 'Failed to sign out');
+    } finally {
+      setSigningOut(false);
+    }
+  }, [signingOut, logout, t, onClose]);
+  const confirmRemoveDevice = useCallback(device => {
+    setPendingRemoveDevice(device);
+    removeDeviceDialog.open();
+  }, [removeDeviceDialog]);
+  const handleRemoveDevice = useCallback(async () => {
+    if (!pendingRemoveDevice || !activeSessionId) {
+      return;
+    }
+    const target = pendingRemoveDevice;
+    setRemovingDeviceId(target.sessionId);
+    try {
+      await oxyServices.logoutSession(activeSessionId, target.sessionId);
+      await refetchDeviceSessions();
+      toast.success(t('manageAccount.toasts.deviceRemoved', {
+        name: target.deviceName
+      }) || `Signed out from ${target.deviceName}`);
+    } catch (error) {
+      loggerUtil.warn('Remove device failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      toast.error(t('manageAccount.toasts.deviceRemoveFailed') || 'Failed to remove device');
+    } finally {
+      setRemovingDeviceId(null);
+      setPendingRemoveDevice(null);
+    }
+  }, [pendingRemoveDevice, activeSessionId, oxyServices, refetchDeviceSessions, t]);
+  const handleSignOutAllDevices = useCallback(async () => {
+    if (!activeSessionId || signingOutAllDevices) {
+      return;
+    }
+    setSigningOutAllDevices(true);
+    try {
+      await oxyServices.logoutAllDeviceSessions(activeSessionId);
+      await refetchDeviceSessions();
+      toast.success(t('manageAccount.toasts.allDevicesSignedOut') || 'Signed out from all other devices');
+    } catch (error) {
+      loggerUtil.warn('Sign out all devices failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      toast.error(t('manageAccount.toasts.allDevicesFailed') || 'Failed to sign out from other devices');
+    } finally {
+      setSigningOutAllDevices(false);
+    }
+  }, [activeSessionId, signingOutAllDevices, oxyServices, refetchDeviceSessions, t]);
+  const performDownload = useCallback(async format => {
+    if (!user) {
+      toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
+      return;
+    }
+    try {
+      toast.info(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
+      const blob = await oxyServices.downloadAccountData(format);
+      if (Platform.OS === 'web') {
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = `account-data-${Date.now()}.${format}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+      }
+      toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+    } catch (error) {
+      loggerUtil.warn('Download account data failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+    }
+  }, [oxyServices, user, t]);
+  const handleConfirmDelete = useCallback(async confirmText => {
+    if (!user) {
+      throw new Error(t('accountOverview.items.deleteAccount.error') || 'Service not available');
+    }
+    await oxyServices.deleteAccount(confirmText);
+    toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
+    deleteAccountDialog.close();
+    await logout();
+    onClose?.();
+  }, [oxyServices, user, logout, onClose, t, deleteAccountDialog]);
+  const handleDownloadData = useCallback(() => {
+    if (!user) {
+      toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
+      return;
+    }
+    downloadDataDialog.open();
+  }, [user, t, downloadDataDialog]);
+  const handleDeleteAccount = useCallback(() => {
+    if (!user) {
+      toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
+      return;
+    }
+    deleteAccountDialog.open();
+  }, [user, t, deleteAccountDialog]);
+  if (!isAuthenticated) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, {
+        backgroundColor: bloomTheme.colors.background
+      }],
+      children: [/*#__PURE__*/_jsx(Header, {
+        title: t('manageAccount.title') || 'Manage your Oxy Account',
+        onBack: goBack || onClose,
+        elevation: "subtle"
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.center,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.notSignedIn, {
+            color: bloomTheme.colors.text
+          }],
+          children: t('common.status.notSignedIn') || 'Not signed in'
+        })
+      })]
+    });
+  }
+  if (userLoading && !user) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, {
+        backgroundColor: bloomTheme.colors.background
+      }],
+      children: [/*#__PURE__*/_jsx(Header, {
+        title: t('manageAccount.title') || 'Manage your Oxy Account',
+        onBack: goBack || onClose,
+        elevation: "subtle"
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.center,
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          color: bloomTheme.colors.primary,
+          size: "large"
+        })
+      })]
+    });
+  }
+  const deviceRows = deviceSessions ?? [];
+  const otherDevices = deviceRows.filter(d => !d.isCurrent);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: bloomTheme.colors.background
+    }],
+    children: [/*#__PURE__*/_jsx(Header, {
+      title: t('manageAccount.title') || 'Manage your Oxy Account',
+      onBack: goBack || onClose,
+      elevation: "subtle"
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      style: styles.scroll,
+      contentContainerStyle: styles.scrollContent,
+      refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+        refreshing: deviceSessionsRefetching,
+        onRefresh: refetchDeviceSessions,
+        tintColor: bloomTheme.colors.primary
+      }),
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [styles.profileCard, {
+          backgroundColor: bloomTheme.colors.card
+        }],
+        children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+          onPress: openAvatarPicker,
+          accessibilityRole: "button",
+          accessibilityLabel: t('editProfile.changeAvatar') || 'Change avatar',
+          style: styles.avatarTouchable,
+          children: [/*#__PURE__*/_jsx(Avatar, {
+            uri: avatarUri,
+            name: displayName,
+            size: 88
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.avatarBadge, {
+              backgroundColor: bloomTheme.colors.primary
+            }],
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "camera",
+              size: 14,
+              color: bloomTheme.colors.negativeForeground
+            })
+          })]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.displayName, {
+            color: bloomTheme.colors.text
+          }],
+          numberOfLines: 1,
+          children: displayName
+        }), handle ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.handle, {
+            color: bloomTheme.colors.textSecondary
+          }],
+          numberOfLines: 1,
+          children: user?.username ? `@${handle}` : handle
+        }) : null, user?.email ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.email, {
+            color: bloomTheme.colors.textSecondary
+          }],
+          numberOfLines: 1,
+          children: user.email
+        }) : null]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('manageAccount.sections.profile') || 'Profile',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-circle",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('manageAccount.items.editProfile.title') || 'Edit profile',
+          description: t('manageAccount.items.editProfile.subtitle') || 'Name, username, bio, links',
+          onPress: () => navigate?.('EditProfileField', {
+            field: 'username'
+          })
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "palette",
+            color: palette.iconData
+          }),
+          title: t('manageAccount.items.theme.title') || 'Theme color',
+          description: t('manageAccount.items.theme.subtitle') || 'Personalize your Bloom color',
+          onPress: () => navigate?.('EditProfileField', {
+            field: 'color'
+          })
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "eye",
+            color: palette.iconHome
+          }),
+          title: t('editProfile.items.previewProfile.title') || 'Preview profile',
+          description: t('editProfile.items.previewProfile.subtitle') || 'See how your profile looks to others',
+          onPress: () => user?.id ? navigate?.('Profile', {
+            userId: user.id
+          }) : undefined,
+          disabled: !user?.id
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "check-circle",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('editProfile.items.verifyAccount.title') || 'Verify account',
+          description: t('editProfile.items.verifyAccount.subtitle') || 'Get a verified badge',
+          onPress: () => navigate?.('AccountVerification')
+        })]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('manageAccount.sections.sessions') || 'Sessions & devices',
+        children: [deviceSessionsLoading ? /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "sync",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('manageAccount.sessions.loading') || 'Loading sessions…',
+          rightElement: /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: bloomTheme.colors.primary,
+            size: "small"
+          }),
+          showChevron: false,
+          disabled: true
+        }) : deviceRows.length === 0 ? /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "cellphone",
+            color: bloomTheme.colors.textTertiary
+          }),
+          title: t('manageAccount.sessions.empty') || 'No active sessions',
+          showChevron: false,
+          disabled: true
+        }) : deviceRows.map(device => /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: device.isCurrent ? 'cellphone' : 'cellphone-basic',
+            color: device.isCurrent ? bloomTheme.colors.success : bloomTheme.colors.primary
+          }),
+          title: `${device.deviceName}${device.isCurrent ? ` (${t('manageAccount.sessions.thisDevice') || 'This device'})` : ''}`,
+          description: t('manageAccount.sessions.lastActive', {
+            relative: formatRelative(device.lastActive)
+          }) || `Last active ${formatRelative(device.lastActive)}`,
+          onPress: device.isCurrent ? undefined : () => confirmRemoveDevice(device),
+          disabled: device.isCurrent || removingDeviceId === device.sessionId,
+          rightElement: !device.isCurrent ? removingDeviceId === device.sessionId ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: bloomTheme.colors.error,
+            size: "small"
+          }) : /*#__PURE__*/_jsx(Ionicons, {
+            name: "log-out-outline",
+            size: 18,
+            color: bloomTheme.colors.error
+          }) : undefined,
+          showChevron: false
+        }, `device-${device.sessionId}`)), otherDevices.length > 0 ? /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "logout",
+            color: bloomTheme.colors.error
+          }),
+          title: t('manageAccount.sessions.signOutAllOnThisDevice') || 'Sign out of all other devices',
+          description: t('manageAccount.sessions.signOutAllSubtitle', {
+            count: otherDevices.length
+          }) || `End ${otherDevices.length} other device session(s)`,
+          onPress: () => signOutAllDevicesDialog.open(),
+          destructive: true,
+          showChevron: false,
+          disabled: signingOutAllDevices,
+          rightElement: signingOutAllDevices ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: bloomTheme.colors.error,
+            size: "small"
+          }) : undefined
+        }) : null]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('manageAccount.sections.security') || 'Security',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "shield-check",
+            color: palette.iconSecurity
+          }),
+          title: t('manageAccount.items.security.title') || 'Security settings',
+          description: t('manageAccount.items.security.subtitle') || 'Password, 2FA, recovery',
+          onPress: () => navigate?.('PrivacySettings')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "star",
+            color: palette.iconPayments
+          }),
+          title: t('accountOverview.items.premium.title') || 'Oxy+',
+          description: user?.isPremium ? t('accountOverview.items.premium.manage') || 'Manage your premium plan' : t('accountOverview.items.premium.upgrade') || 'Upgrade to premium features',
+          onPress: () => navigate?.('PremiumSubscription')
+        }), user?.isPremium || subscription?.status === 'active' ? /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "credit-card",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('manageAccount.items.billing.title') || 'Billing',
+          description: t('manageAccount.items.billing.subtitle') || 'Manage subscription and payment methods',
+          onPress: () => navigate?.('PaymentGateway')
+        }) : null]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('accountOverview.sections.quickActions') || 'Account & data',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "clock",
+            color: palette.iconSecurity
+          }),
+          title: t('accountOverview.items.history.title') || 'History',
+          description: t('accountOverview.items.history.subtitle') || 'View and manage your search history',
+          onPress: () => navigate?.('HistoryView')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "bookmark",
+            color: palette.iconStorage
+          }),
+          title: t('accountOverview.items.saves.title') || 'Saves & Collections',
+          description: t('accountOverview.items.saves.subtitle') || 'View your saved items and collections',
+          onPress: () => navigate?.('SavesCollections')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "folder",
+            color: palette.iconStorage
+          }),
+          title: t('accountCenter.items.fileManagement.title') || 'Files',
+          description: t('accountCenter.items.fileManagement.subtitle') || 'Upload, download, and manage your files',
+          onPress: () => navigate?.('FileManagement')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "download",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('accountOverview.items.downloadData.title') || 'Download your data',
+          description: t('accountOverview.items.downloadData.subtitle') || 'Export a copy of your account data',
+          onPress: handleDownloadData
+        })]
+      }), managedAccounts.length > 0 || isAuthenticated ? /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('accountCenter.sections.managedAccounts') || 'Managed accounts',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-switch",
+            color: palette.iconStorage
+          }),
+          title: t('accountCenter.items.manageIdentities.title') || 'Manage identities',
+          description: managedAccounts.length > 0 ? t('accountCenter.items.manageIdentities.count', {
+            count: managedAccounts.length
+          }) || `${managedAccounts.length} managed ${managedAccounts.length === 1 ? 'identity' : 'identities'}` : t('accountCenter.items.manageIdentities.empty') || 'Sub-accounts you control',
+          onPress: () => navigate?.('CreateManagedAccount')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-plus",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('accountCenter.items.createIdentity.title') || 'Create new identity',
+          description: t('accountCenter.items.createIdentity.subtitle') || 'Add a managed sub-account',
+          onPress: () => navigate?.('CreateManagedAccount')
+        })]
+      }) : null, /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('manageAccount.sections.preferences') || 'Preferences',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "cog",
+            color: palette.iconData
+          }),
+          title: t('preferences.title') || 'Preferences',
+          description: t('preferences.subtitle') || 'Theme, motion, and regional settings',
+          onPress: () => navigate?.('Preferences')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "bell",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('notifications.title') || 'Notifications',
+          description: t('notifications.subtitle') || 'Manage push, email, and security alerts',
+          onPress: () => navigate?.('Notifications')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "translate",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('language.title') || 'Language',
+          description: t('language.subtitle') || 'Choose your preferred language',
+          onPress: () => navigate?.('LanguageSelector')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "apps",
+            color: palette.iconData
+          }),
+          title: t('connectedApps.title') || 'Connected apps',
+          description: t('connectedApps.subtitle') || 'Manage third-party app access',
+          onPress: () => navigate?.('ConnectedApps')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "magnify",
+            color: palette.iconSecurity
+          }),
+          title: t('accountOverview.items.searchSettings.title') || 'Search settings',
+          description: t('accountOverview.items.searchSettings.subtitle') || 'SafeSearch and personalization',
+          onPress: () => navigate?.('SearchSettings')
+        })]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('accountOverview.sections.support') || 'Support',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "help-circle",
+            color: palette.iconSecurity
+          }),
+          title: t('accountOverview.items.help.title') || 'Help & support',
+          description: t('accountOverview.items.help.subtitle') || 'Get help and contact support',
+          onPress: () => navigate?.('HelpSupport')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "message-text",
+            color: palette.iconData
+          }),
+          title: t('feedback.title') || 'Send feedback',
+          description: t('feedback.subtitle') || 'Tell us what you think',
+          onPress: () => navigate?.('Feedback')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "information",
+            color: palette.iconHome
+          }),
+          title: t('accountOverview.items.about.title') || 'About',
+          description: t('accountOverview.items.about.subtitle') || 'Version and system details',
+          onPress: () => navigate?.('AppInfo')
+        })]
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('manageAccount.sections.legal') || 'Legal',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "shield-check",
+            color: palette.iconPersonalInfo
+          }),
+          title: t('accountOverview.items.privacyPolicy.title') || 'Privacy policy',
+          description: t('accountOverview.items.privacyPolicy.subtitle') || 'How we handle your data',
+          onPress: () => navigate?.('LegalDocuments', {
+            initialStep: 1
+          })
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "file-document",
+            color: palette.iconSecurity
+          }),
+          title: t('accountOverview.items.termsOfService.title') || 'Terms of service',
+          description: t('accountOverview.items.termsOfService.subtitle') || 'Terms and conditions of use',
+          onPress: () => navigate?.('LegalDocuments', {
+            initialStep: 2
+          })
+        })]
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        title: t('manageAccount.sections.dangerZone') || 'Danger zone',
+        children: /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "delete",
+            color: bloomTheme.colors.error
+          }),
+          title: t('accountOverview.items.deleteAccount.title') || 'Delete account',
+          description: t('accountOverview.items.deleteAccount.subtitle') || 'Permanently delete your account and all data',
+          onPress: handleDeleteAccount,
+          destructive: true
+        })
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        children: /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "logout",
+            color: bloomTheme.colors.error
+          }),
+          title: t('manageAccount.signOutOfThisAccount') || 'Sign out of this account',
+          onPress: () => signOutDialog.open(),
+          destructive: true,
+          showChevron: false,
+          disabled: signingOut,
+          rightElement: signingOut ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: bloomTheme.colors.error,
+            size: "small"
+          }) : undefined
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.versionContainer,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.versionText, {
+            color: bloomTheme.colors.textTertiary
+          }],
+          children: t('accountCenter.version', {
+            version: packageInfo.version
+          }) || `Version ${packageInfo.version}`
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.footerSpacer
+      })]
+    }), /*#__PURE__*/_jsx(Dialog, {
+      control: signOutDialog,
+      title: t('common.actions.signOut') || 'Sign out',
+      description: t('common.confirms.signOut') || 'Are you sure you want to sign out?',
+      actions: [{
+        label: t('common.actions.signOut') || 'Sign out',
+        color: 'destructive',
+        onPress: handleSignOut
+      }, {
+        label: t('common.cancel') || 'Cancel',
+        color: 'cancel'
+      }]
+    }), /*#__PURE__*/_jsx(Dialog, {
+      control: signOutAllDevicesDialog,
+      title: t('manageAccount.confirms.signOutAllDevicesTitle') || 'Sign out of all other devices',
+      description: t('manageAccount.confirms.signOutAllDevices', {
+        count: otherDevices.length
+      }) || `End ${otherDevices.length} other device session(s)? This won't sign you out here.`,
+      actions: [{
+        label: t('common.actions.signOut') || 'Sign out',
+        color: 'destructive',
+        onPress: handleSignOutAllDevices
+      }, {
+        label: t('common.cancel') || 'Cancel',
+        color: 'cancel'
+      }]
+    }), /*#__PURE__*/_jsx(Dialog, {
+      control: removeDeviceDialog,
+      title: t('manageAccount.confirms.removeDeviceTitle') || 'Remove device',
+      description: pendingRemoveDevice ? t('manageAccount.confirms.removeDevice', {
+        name: pendingRemoveDevice.deviceName
+      }) || `Sign out from "${pendingRemoveDevice.deviceName}"?` : '',
+      actions: [{
+        label: t('common.remove') || 'Remove',
+        color: 'destructive',
+        onPress: handleRemoveDevice
+      }, {
+        label: t('common.cancel') || 'Cancel',
+        color: 'cancel'
+      }]
+    }), /*#__PURE__*/_jsx(Dialog, {
+      control: downloadDataDialog,
+      title: t('accountOverview.items.downloadData.confirmTitle') || 'Download account data',
+      description: t('accountOverview.items.downloadData.confirmMessage') || 'Choose the format for your account data export:',
+      actions: [{
+        label: 'JSON',
+        onPress: () => performDownload('json')
+      }, {
+        label: 'CSV',
+        onPress: () => performDownload('csv')
+      }, {
+        label: t('common.cancel') || 'Cancel',
+        color: 'cancel'
+      }]
+    }), user ? /*#__PURE__*/_jsx(DeleteAccountModal, {
+      control: deleteAccountDialog,
+      username: user.username || '',
+      onDelete: handleConfirmDelete,
+      t: t
+    }) : null]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  notSignedIn: {
+    fontSize: 16
+  },
+  scroll: {
+    flex: 1
+  },
+  scrollContent: {
+    ...screenContentStyle,
+    paddingTop: 0
+  },
+  profileCard: {
+    alignItems: 'center',
+    paddingVertical: 24,
+    paddingHorizontal: 20,
+    borderRadius: 24,
+    marginBottom: 16
+  },
+  avatarTouchable: {
+    position: 'relative',
+    marginBottom: 12
+  },
+  avatarBadge: {
+    position: 'absolute',
+    right: 0,
+    bottom: 0,
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 2,
+    borderColor: '#fff'
+  },
+  displayName: {
+    fontSize: 22,
+    fontWeight: '700',
+    marginBottom: 4
+  },
+  handle: {
+    fontSize: 14,
+    marginBottom: 2
+  },
+  email: {
+    fontSize: 14
+  },
+  footerSpacer: {
+    height: 24
+  },
+  versionContainer: {
+    alignItems: 'center',
+    marginTop: 12,
+    marginBottom: 8
+  },
+  versionText: {
+    fontSize: 12
+  }
+});
+export default ManageAccountScreen;
+//# sourceMappingURL=ManageAccountScreen.js.map