@oxyhq/services 29.0.0 → 30.0.0

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

@@ -1,647 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _Ionicons = _interopRequireDefault(require("@expo/vector-icons/Ionicons"));
-var _toast = require("@oxyhq/bloom/toast");
-var _surfaces = require("@oxyhq/bloom/surfaces");
-var _theme = require("@oxyhq/bloom/theme");
-var _typography = require("@oxyhq/bloom/typography");
-var _settingsList = require("@oxyhq/bloom/settings-list");
-var _core = require("@oxyhq/core");
-var _ProfileSummaryCard = _interopRequireDefault(require("../components/ProfileSummaryCard.js"));
-var _SettingsIcon = require("../components/SettingsIcon.js");
-var _DeleteAccountModal = require("../components/modals/DeleteAccountModal.js");
-var _ActionSheetSurface = require("../components/surfaces/ActionSheetSurface.js");
-var _OxyContext = require("../context/OxyContext.js");
-var _useI18n = require("../hooks/useI18n.js");
-var _useSurfaceHeader = require("../hooks/useSurfaceHeader.js");
-var _useAccountQueries = require("../hooks/queries/useAccountQueries.js");
-var _usePaymentQueries = require("../hooks/queries/usePaymentQueries.js");
-var _useServicesQueries = require("../hooks/queries/useServicesQueries.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AVATAR_SIZE = 88;
-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 the unified `OxyAccountDialogScreen` — keep these concerns separate.
- */
-const ManageAccountScreen = ({
-  onClose,
-  goBack,
-  navigate
-}) => {
-  const bloomTheme = (0, _theme.useTheme)();
-  const {
-    t,
-    locale
-  } = (0, _useI18n.useI18n)();
-  (0, _useSurfaceHeader.useSurfaceHeader)({
-    title: t('manageAccount.title') || 'Manage your Oxy Account'
-  });
-  const {
-    user: contextUser,
-    isAuthenticated,
-    oxyServices,
-    activeSessionId,
-    logout,
-    openAvatarPicker,
-    accounts,
-    openAccountDialog
-  } = (0, _OxyContext.useOxy)();
-  const {
-    data: userFromQuery,
-    isLoading: userLoading
-  } = (0, _useAccountQueries.useCurrentUser)({
-    enabled: isAuthenticated
-  });
-  // `user` IS the active account. In the real-session switch model, switching
-  // into an org/project/bot makes it the active session, so `useOxy().user`
-  // (and the freshest `useCurrentUser` copy) already reflects the switched
-  // account everywhere — identity-of-me surfaces and management/GDPR actions
-  // alike read this single `user`.
-  const user = userFromQuery ?? contextUser;
-  const {
-    data: subscription
-  } = (0, _usePaymentQueries.useUserSubscription)({
-    enabled: isAuthenticated
-  });
-  const {
-    data: deviceSessions,
-    isLoading: deviceSessionsLoading,
-    refetch: refetchDeviceSessions
-  } = (0, _useServicesQueries.useDeviceSessions)({
-    enabled: isAuthenticated && !!activeSessionId
-  });
-  const [removingDeviceId, setRemovingDeviceId] = (0, _react.useState)(null);
-  const [signingOutAllDevices, setSigningOutAllDevices] = (0, _react.useState)(false);
-  const [signingOut, setSigningOut] = (0, _react.useState)(false);
-  const displayName = (0, _react.useMemo)(() => user?.name?.displayName ?? (0, _core.getNormalizedUserHandle)(user) ?? (0, _core.getAccountDisplayName)(null, locale), [user, locale]);
-  const handle = (0, _react.useMemo)(() => (0, _core.getAccountFallbackHandle)(user), [user]);
-  const avatarUri = (0, _react.useMemo)(() => {
-    return user?.avatar ? oxyServices.getFileDownloadUrl(user.avatar, 'thumb') : undefined;
-  }, [user?.avatar, oxyServices]);
-  const handleSignOut = (0, _react.useCallback)(async () => {
-    if (signingOut) {
-      return;
-    }
-    const confirmed = await _surfaces.surfaces.confirm({
-      title: t('common.actions.signOut') || 'Sign out',
-      message: t('common.confirms.signOut') || 'Are you sure you want to sign out?',
-      confirmLabel: t('common.actions.signOut') || 'Sign out',
-      cancelLabel: t('common.cancel') || 'Cancel',
-      destructive: true
-    });
-    if (!confirmed) {
-      return;
-    }
-    setSigningOut(true);
-    try {
-      await logout();
-      _toast.toast.success(t('common.actions.signedOut') || 'Signed out');
-      onClose?.();
-    } catch (error) {
-      _core.logger.warn('Sign out failed', {
-        component: 'ManageAccountScreen'
-      }, error);
-      _toast.toast.error(t('common.errors.signOutFailed') || 'Failed to sign out');
-    } finally {
-      setSigningOut(false);
-    }
-  }, [signingOut, logout, t, onClose]);
-  const confirmRemoveDevice = (0, _react.useCallback)(async device => {
-    if (!activeSessionId) {
-      return;
-    }
-    const confirmed = await _surfaces.surfaces.confirm({
-      title: t('manageAccount.confirms.removeDeviceTitle') || 'Remove device',
-      message: t('manageAccount.confirms.removeDevice', {
-        name: device.deviceName
-      }) || `Sign out from "${device.deviceName}"?`,
-      confirmLabel: t('common.remove') || 'Remove',
-      cancelLabel: t('common.cancel') || 'Cancel',
-      destructive: true
-    });
-    if (!confirmed) {
-      return;
-    }
-    setRemovingDeviceId(device.sessionId);
-    try {
-      await oxyServices.logoutSession(activeSessionId, device.sessionId);
-      await refetchDeviceSessions();
-      _toast.toast.success(t('manageAccount.toasts.deviceRemoved', {
-        name: device.deviceName
-      }) || `Signed out from ${device.deviceName}`);
-    } catch (error) {
-      _core.logger.warn('Remove device failed', {
-        component: 'ManageAccountScreen'
-      }, error);
-      _toast.toast.error(t('manageAccount.toasts.deviceRemoveFailed') || 'Failed to remove device');
-    } finally {
-      setRemovingDeviceId(null);
-    }
-  }, [activeSessionId, oxyServices, refetchDeviceSessions, t]);
-  const handleSignOutAllDevices = (0, _react.useCallback)(async () => {
-    if (!activeSessionId || signingOutAllDevices) {
-      return;
-    }
-    const otherDeviceCount = (deviceSessions ?? []).filter(device => !device.isCurrent).length;
-    const confirmed = await _surfaces.surfaces.confirm({
-      title: t('manageAccount.confirms.signOutAllDevicesTitle') || 'Sign out of all other devices',
-      message: t('manageAccount.confirms.signOutAllDevices', {
-        count: otherDeviceCount
-      }) || `End ${otherDeviceCount} other device session(s)? This won't sign you out here.`,
-      confirmLabel: t('common.actions.signOut') || 'Sign out',
-      cancelLabel: t('common.cancel') || 'Cancel',
-      destructive: true
-    });
-    if (!confirmed) {
-      return;
-    }
-    setSigningOutAllDevices(true);
-    try {
-      await oxyServices.logoutAllDeviceSessions(activeSessionId);
-      await refetchDeviceSessions();
-      _toast.toast.success(t('manageAccount.toasts.allDevicesSignedOut') || 'Signed out from all other devices');
-    } catch (error) {
-      _core.logger.warn('Sign out all devices failed', {
-        component: 'ManageAccountScreen'
-      }, error);
-      _toast.toast.error(t('manageAccount.toasts.allDevicesFailed') || 'Failed to sign out from other devices');
-    } finally {
-      setSigningOutAllDevices(false);
-    }
-  }, [activeSessionId, signingOutAllDevices, deviceSessions, oxyServices, refetchDeviceSessions, t]);
-  const performDownload = (0, _react.useCallback)(async format => {
-    if (!user) {
-      _toast.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
-      return;
-    }
-    try {
-      _toast.toast.info(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
-      const blob = await oxyServices.downloadAccountData(format);
-      if (_reactNative.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.toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
-    } catch (error) {
-      _core.logger.warn('Download account data failed', {
-        component: 'ManageAccountScreen'
-      }, error);
-      _toast.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
-    }
-  }, [oxyServices, user, t]);
-
-  // Runs the actual deletion from inside the delete-account surface; it throws
-  // on failure so the surface can surface the error and stay open. Sign-out +
-  // close happen in `handleDeleteAccount` once the surface resolves `true`.
-  const handleConfirmDelete = (0, _react.useCallback)(async confirmText => {
-    if (!user) {
-      throw new Error(t('accountOverview.items.deleteAccount.error') || 'Service not available');
-    }
-    await oxyServices.deleteAccount(confirmText);
-    _toast.toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
-  }, [oxyServices, user, t]);
-  const handleDownloadData = (0, _react.useCallback)(async () => {
-    if (!user) {
-      _toast.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
-      return;
-    }
-    const format = await (0, _ActionSheetSurface.presentActionSheet)({
-      title: t('accountOverview.items.downloadData.confirmTitle') || 'Download account data',
-      message: t('accountOverview.items.downloadData.confirmMessage') || 'Choose the format for your account data export:',
-      options: [{
-        label: 'JSON',
-        value: 'json'
-      }, {
-        label: 'CSV',
-        value: 'csv'
-      }],
-      cancelLabel: t('common.cancel') || 'Cancel'
-    });
-    if (format) {
-      await performDownload(format);
-    }
-  }, [user, t, performDownload]);
-  const handleDeleteAccount = (0, _react.useCallback)(async () => {
-    if (!user) {
-      _toast.toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
-      return;
-    }
-    const deleted = await (0, _DeleteAccountModal.presentDeleteAccount)({
-      username: user.username || '',
-      onDelete: handleConfirmDelete,
-      t
-    });
-    if (deleted) {
-      await logout();
-      onClose?.();
-    }
-  }, [user, t, handleConfirmDelete, logout, onClose]);
-  if (!isAuthenticated) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        className: "items-center py-space-40",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-          className: "text-text font-medium text-base",
-          children: t('common.status.notSignedIn') || 'Not signed in'
-        })
-      })
-    });
-  }
-  if (userLoading && !user) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        className: "items-center py-space-40",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-          color: bloomTheme.colors.primary,
-          size: "large"
-        })
-      })
-    });
-  }
-  const deviceRows = deviceSessions ?? [];
-  const otherDevices = deviceRows.filter(d => !d.isCurrent);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      className: "px-screen-margin pb-space-24",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileSummaryCard.default, {
-        displayName: displayName,
-        avatarUri: avatarUri,
-        avatarSize: AVATAR_SIZE,
-        onAvatarPress: openAvatarPicker,
-        showCameraBadge: true,
-        avatarAccessibilityLabel: t('editProfile.changeAvatar') || 'Change avatar',
-        lines: [handle ? user?.username ? `@${handle}` : handle : null, user?.email || null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('manageAccount.sections.profile') || 'Profile',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "account-circle",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('manageAccount.items.editProfile.title') || 'Edit profile',
-          description: t('manageAccount.items.editProfile.subtitle') || 'Name, username, bio, links',
-          onPress: () => navigate?.('EditProfile')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "palette",
-            color: bloomTheme.colors.info
-          }),
-          title: t('manageAccount.items.theme.title') || 'Theme color',
-          description: t('manageAccount.items.theme.subtitle') || 'Personalize your Bloom color',
-          onPress: () => navigate?.('Preferences')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "eye",
-            color: bloomTheme.colors.success
-          }),
-          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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "check-circle",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('editProfile.items.verifyAccount.title') || 'Verify account',
-          description: t('editProfile.items.verifyAccount.subtitle') || 'Get a verified badge',
-          onPress: () => navigate?.('AccountVerification')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('manageAccount.sections.sessions') || 'Sessions & devices',
-        children: [deviceSessionsLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "sync",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('manageAccount.sessions.loading') || 'Loading sessions…',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-            color: bloomTheme.colors.primary,
-            size: "small"
-          }),
-          showChevron: false,
-          disabled: true
-        }) : deviceRows.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "cellphone",
-            color: bloomTheme.colors.textTertiary
-          }),
-          title: t('manageAccount.sessions.empty') || 'No active sessions',
-          showChevron: false,
-          disabled: true
-        }) : deviceRows.map(device => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-            color: bloomTheme.colors.error,
-            size: "small"
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
-            name: "log-out-outline",
-            size: 18,
-            color: bloomTheme.colors.error
-          }) : undefined,
-          showChevron: false
-        }, `device-${device.sessionId}`)), otherDevices.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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: handleSignOutAllDevices,
-          destructive: true,
-          showChevron: false,
-          disabled: signingOutAllDevices,
-          rightElement: signingOutAllDevices ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-            color: bloomTheme.colors.error,
-            size: "small"
-          }) : undefined
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('manageAccount.sections.security') || 'Security',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "shield-check",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('manageAccount.items.security.title') || 'Security settings',
-          description: t('manageAccount.items.security.subtitle') || 'Password, 2FA, recovery',
-          onPress: () => navigate?.('PrivacySettings')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "star",
-            color: bloomTheme.colors.warning
-          }),
-          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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "credit-card",
-            color: bloomTheme.colors.success
-          }),
-          title: t('manageAccount.items.billing.title') || 'Billing',
-          description: t('manageAccount.items.billing.subtitle') || 'Manage subscription and payment methods',
-          onPress: () => navigate?.('PaymentGateway')
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.quickActions') || 'Account & data',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "clock",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.history.title') || 'History',
-          description: t('accountOverview.items.history.subtitle') || 'View and manage your search history',
-          onPress: () => navigate?.('HistoryView')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "bookmark",
-            color: bloomTheme.colors.info
-          }),
-          title: t('accountOverview.items.saves.title') || 'Saves & Collections',
-          description: t('accountOverview.items.saves.subtitle') || 'View your saved items and collections',
-          onPress: () => navigate?.('SavesCollections')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "folder",
-            color: bloomTheme.colors.info
-          }),
-          title: t('accountCenter.items.fileManagement.title') || 'Files',
-          description: t('accountCenter.items.fileManagement.subtitle') || 'Upload, download, and manage your files',
-          onPress: () => navigate?.('FileManagement')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "download",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.downloadData.title') || 'Download your data',
-          description: t('accountOverview.items.downloadData.subtitle') || 'Export a copy of your account data',
-          onPress: handleDownloadData
-        })]
-      }), accounts.length > 0 || isAuthenticated ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('accountCenter.sections.accounts') || 'Accounts',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "account-switch",
-            color: bloomTheme.colors.info
-          }),
-          title: t('accounts.manage.switch.title') || 'Switch account',
-          description: accounts.length > 0 ? t('accounts.manage.switch.count', {
-            count: accounts.length
-          }) || `${accounts.length} ${accounts.length === 1 ? 'account' : 'accounts'}` : t('accounts.manage.switch.empty') || 'Accounts you own or share',
-          onPress: () => openAccountDialog('accounts')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "account-plus",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accounts.create.title') || 'Create account',
-          description: t('accounts.manage.create.subtitle') || 'Add an organization, project, or bot',
-          onPress: () => navigate?.('CreateAccount')
-        })]
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('manageAccount.sections.preferences') || 'Preferences',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "cog",
-            color: bloomTheme.colors.info
-          }),
-          title: t('preferences.title') || 'Preferences',
-          description: t('preferences.subtitle') || 'Theme, motion, and regional settings',
-          onPress: () => navigate?.('Preferences')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "bell",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('notifications.title') || 'Notifications',
-          description: t('notifications.subtitle') || 'Manage push, email, and security alerts',
-          onPress: () => navigate?.('Notifications')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "translate",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('language.title') || 'Language',
-          description: t('language.subtitle') || 'Choose your preferred language',
-          onPress: () => navigate?.('LanguageSelector')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "apps",
-            color: bloomTheme.colors.info
-          }),
-          title: t('connectedApps.title') || 'Connected apps',
-          description: t('connectedApps.subtitle') || 'Manage third-party app access',
-          onPress: () => navigate?.('ConnectedApps')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "magnify",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.searchSettings.title') || 'Search settings',
-          description: t('accountOverview.items.searchSettings.subtitle') || 'SafeSearch and personalization',
-          onPress: () => navigate?.('SearchSettings')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.support') || 'Support',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "help-circle",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.help.title') || 'Help & support',
-          description: t('accountOverview.items.help.subtitle') || 'Get help and contact support',
-          onPress: () => navigate?.('HelpSupport')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "message-text",
-            color: bloomTheme.colors.info
-          }),
-          title: t('feedback.title') || 'Send feedback',
-          description: t('feedback.subtitle') || 'Tell us what you think',
-          onPress: () => navigate?.('Feedback')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "information",
-            color: bloomTheme.colors.success
-          }),
-          title: t('accountOverview.items.about.title') || 'About',
-          description: t('accountOverview.items.about.subtitle') || 'Version and system details',
-          onPress: () => navigate?.('AppInfo')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('manageAccount.sections.legal') || 'Legal',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "shield-check",
-            color: bloomTheme.colors.primary
-          }),
-          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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "file-document",
-            color: bloomTheme.colors.primary
-          }),
-          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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-        title: t('manageAccount.sections.dangerZone') || 'Danger zone',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "logout",
-            color: bloomTheme.colors.error
-          }),
-          title: t('manageAccount.signOutOfThisAccount') || 'Sign out of this account',
-          onPress: handleSignOut,
-          destructive: true,
-          showChevron: false,
-          disabled: signingOut,
-          rightElement: signingOut ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-            color: bloomTheme.colors.error,
-            size: "small"
-          }) : undefined
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        className: "items-center mt-space-12 mb-space-8",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-          className: "text-text-tertiary text-xs",
-          children: t('accountCenter.version', {
-            version: _core.packageInfo.version
-          }) || `Version ${_core.packageInfo.version}`
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.footerSpacer
-      })]
-    })
-  });
-};
-
-// Layout-only styles: flex centering, the absolutely-positioned avatar badge,
-// and measured pixel dimensions that no token class can express. Colors,
-// spacing, radius, and typography roles live on Bloom components + NativeWind
-// token classes.
-const styles = _reactNative.StyleSheet.create({
-  footerSpacer: {
-    height: 24
-  }
-});
-var _default = exports.default = ManageAccountScreen;
-//# sourceMappingURL=ManageAccountScreen.js.map