@oxyhq/services 6.10.8 → 7.0.0

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

@@ -1,724 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _Avatar = _interopRequireDefault(require("../components/Avatar.js"));
-var _bloom = require("@oxyhq/bloom");
-var _SettingsIcon = require("../components/SettingsIcon.js");
-var _useI18n = require("../hooks/useI18n.js");
-var _theme = require("@oxyhq/bloom/theme");
-var _userUtils = require("../utils/userUtils.js");
-var _core = require("@oxyhq/core");
-var _useColorScheme = require("../hooks/useColorScheme.js");
-var _theme2 = require("../constants/theme.js");
-var _themeUtils = require("../utils/themeUtils.js");
-var _OxyContext = require("../context/OxyContext.js");
-var _useAccountQueries = require("../hooks/queries/useAccountQueries.js");
-var _spacing = require("../constants/spacing.js");
-var _index = require("../components/modals/index.js");
-var _settingsList = require("@oxyhq/bloom/settings-list");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Optional Lottie import - gracefully handle if not available
-let LottieView = null;
-try {
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
-  LottieView = require('lottie-react-native').default;
-} catch {
-  // Lottie not available, will use fallback
-}
-
-// Import Lottie animation - will be undefined if file doesn't exist
-let lottieAnimation = undefined;
-try {
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
-  lottieAnimation = require('../assets/lottie/welcomeheader_background_op1.json');
-} catch {
-  // Animation file not available
-}
-
-/**
- * AccountOverviewScreen - Optimized for performance
- *
- * Performance optimizations implemented:
- * - useMemo for theme calculations (only recalculates when theme changes)
- * - useMemo for additional accounts filtering (only recalculates when dependencies change)
- * - useCallback for event handlers to prevent unnecessary re-renders
- * - React.memo wrapper to prevent re-renders when props haven't changed
- * - SettingsListGroup/SettingsListItem from bloom for consistent grouped list rendering
- */
-const AccountOverviewScreen = ({
-  onClose,
-  theme,
-  navigate
-}) => {
-  // Use useOxy() hook for OxyContext values
-  const {
-    user,
-    logout,
-    isLoading,
-    sessions,
-    activeSessionId,
-    oxyServices,
-    isAuthenticated,
-    openAvatarPicker
-  } = (0, _OxyContext.useOxy)();
-  const {
-    t,
-    locale
-  } = (0, _useI18n.useI18n)();
-  const [showMoreAccounts, setShowMoreAccounts] = (0, _react.useState)(false);
-  const [additionalAccountsData, setAdditionalAccountsData] = (0, _react.useState)([]);
-  const [loadingAdditionalAccounts, setLoadingAdditionalAccounts] = (0, _react.useState)(false);
-  const deleteAccountControl = (0, _bloom.useDialogControl)();
-  const logoutDialog = (0, _bloom.useDialogControl)();
-  const signOutAllDialog = (0, _bloom.useDialogControl)();
-  const downloadDataDialog = (0, _bloom.useDialogControl)();
-  const lottieRef = (0, _react.useRef)(null);
-  const hasPlayedRef = (0, _react.useRef)(false);
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-
-  // Use bloom theme for ActivityIndicator and other non-style color props
-  const bloomTheme = (0, _theme.useTheme)();
-  const colorScheme = (0, _useColorScheme.useColorScheme)();
-  const normalizedTheme = (0, _themeUtils.normalizeTheme)(theme);
-  // AccountOverviewScreen uses a custom primary color (purple) instead of the default blue
-  const themeColors = {
-    primaryColor: '#d169e5'
-  };
-  // Icon colors from the Colors constant
-  const baseThemeColors = _theme2.Colors[(0, _themeUtils.normalizeColorScheme)(colorScheme, normalizedTheme)];
-
-  // Compute user data for display
-  const displayName = (0, _react.useMemo)(() => (0, _userUtils.getDisplayName)(user), [user]);
-  const shortDisplayName = (0, _react.useMemo)(() => (0, _userUtils.getShortDisplayName)(user), [user]);
-  const avatarUrl = (0, _react.useMemo)(() => {
-    if (user?.avatar && oxyServices) {
-      return oxyServices.getFileDownloadUrl(user.avatar, 'thumb');
-    }
-    return undefined;
-  }, [user?.avatar, oxyServices]);
-
-  // Handle avatar press - use openAvatarPicker from context
-  const handleAvatarPress = (0, _react.useCallback)(() => {
-    openAvatarPicker();
-  }, [openAvatarPicker]);
-
-  // Play Lottie animation once when component mounts
-  (0, _react.useEffect)(() => {
-    if (hasPlayedRef.current || !LottieView || !lottieRef.current || !lottieAnimation) return;
-    const timer = setTimeout(() => {
-      if (lottieRef.current && !hasPlayedRef.current) {
-        lottieRef.current.play();
-        hasPlayedRef.current = true;
-      }
-    }, 100);
-    return () => clearTimeout(timer);
-  }, []);
-
-  // Memoize additional accounts filtering to prevent recalculation on every render
-  const additionalAccounts = (0, _react.useMemo)(() => (sessions || []).filter(session => session.sessionId !== activeSessionId && session.userId !== user?.id), [sessions, activeSessionId, user?.id]);
-
-  // Load user profiles for additional accounts using TanStack Query
-  const sessionIds = additionalAccounts.map(s => s.sessionId);
-  const {
-    data: usersData,
-    isLoading: isLoadingUsers
-  } = (0, _useAccountQueries.useUsersBySessions)(sessionIds, {
-    enabled: additionalAccounts.length > 0
-  });
-  _react.default.useEffect(() => {
-    if (usersData && usersData.length > 0) {
-      const accountsData = usersData.map(({
-        sessionId,
-        user: userProfile
-      }) => ({
-        id: sessionId,
-        sessionId,
-        userProfile: userProfile ?? null,
-        avatar: userProfile?.avatar ?? null,
-        email: userProfile?.email
-      }));
-      setAdditionalAccountsData(accountsData);
-      setLoadingAdditionalAccounts(false);
-    } else if (additionalAccounts.length === 0) {
-      setAdditionalAccountsData([]);
-      setLoadingAdditionalAccounts(false);
-    } else if (!isLoadingUsers) {
-      setLoadingAdditionalAccounts(false);
-    }
-  }, [usersData, additionalAccounts.length, isLoadingUsers]);
-
-  // Feature settings (with mock values)
-  const features = {
-    safeSearch: false,
-    language: 'English'
-  };
-
-  // Memoize event handlers to prevent recreation on every render
-  const handleLogout = (0, _react.useCallback)(async () => {
-    try {
-      await logout();
-      if (onClose) {
-        onClose();
-      }
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Logout failed:', error);
-      }
-      _bloom.toast.error(t('common.errors.signOutFailed'));
-    }
-  }, [logout, onClose]);
-  const handleAddAccount = (0, _react.useCallback)(() => {
-    _bloom.toast.info(t('accountOverview.addAccountComing'));
-  }, [t]);
-  const performDownload = (0, _react.useCallback)(async format => {
-    if (!oxyServices || !user) {
-      _bloom.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
-      return;
-    }
-    try {
-      _bloom.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);
-      }
-      _bloom.toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Failed to download data:', error);
-      }
-      _bloom.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
-    }
-  }, [oxyServices, user, t]);
-  const handleDownloadData = (0, _react.useCallback)(() => {
-    if (!oxyServices || !user) {
-      _bloom.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
-      return;
-    }
-    downloadDataDialog.open();
-  }, [oxyServices, user, t, downloadDataDialog]);
-  const handleDeleteAccount = (0, _react.useCallback)(() => {
-    if (!user) {
-      _bloom.toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
-      return;
-    }
-    deleteAccountControl.open();
-  }, [user, t, deleteAccountControl]);
-  const handleConfirmDelete = (0, _react.useCallback)(async confirmText => {
-    if (!oxyServices || !user) {
-      throw new Error(t('accountOverview.items.deleteAccount.error') || 'Service not available');
-    }
-    await oxyServices.deleteAccount(confirmText);
-    _bloom.toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
-    deleteAccountControl.close();
-    await logout();
-    if (onClose) {
-      onClose();
-    }
-  }, [oxyServices, user, logout, onClose, t]);
-  if (!isAuthenticated) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.container, {
-        backgroundColor: bloomTheme.colors.background
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.message,
-        className: "text-foreground",
-        children: t('common.status.notSignedIn')
-      })
-    });
-  }
-  if (isLoading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.container, {
-        justifyContent: 'center',
-        backgroundColor: bloomTheme.colors.background
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-        size: "large",
-        color: themeColors.primaryColor
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      style: styles.content,
-      contentContainerStyle: styles.scrollContent,
-      showsVerticalScrollIndicator: false,
-      children: [user && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.headerSection,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.avatarSectionWrapper,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.avatarContainer,
-            children: [LottieView && lottieAnimation && /*#__PURE__*/(0, _jsxRuntime.jsx)(LottieView, {
-              ref: lottieRef,
-              source: lottieAnimation,
-              style: styles.lottieBackground,
-              loop: false,
-              autoPlay: false
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: styles.avatarWrapper,
-              onPress: handleAvatarPress,
-              activeOpacity: 0.8,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
-                uri: avatarUrl,
-                name: displayName,
-                size: 100,
-                theme: normalizedTheme
-              })
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.nameWrapper,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.welcomeText,
-              className: "text-foreground",
-              children: displayName
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.welcomeSubtext,
-              className: "text-muted-foreground",
-              children: "Manage your Oxy account."
-            })]
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.profile'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "account",
-            color: baseThemeColors.iconSecurity
-          }),
-          title: displayName,
-          description: (() => {
-            if (!user) return t('common.status.loading') || 'Loading...';
-            if (user.email) return user.email;
-            const handle = (0, _core.getAccountFallbackHandle)(user);
-            if (!handle) return '';
-            return user.username ? `@${handle}` : handle;
-          })(),
-          onPress: () => navigate?.('AccountSettings', {
-            activeTab: 'profile'
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.accountSettings'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "account-circle",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.editProfile.title'),
-          description: t('accountOverview.items.editProfile.subtitle'),
-          onPress: () => navigate?.('AccountSettings', {
-            activeTab: 'profile'
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "shield-check",
-            color: baseThemeColors.iconSecurity
-          }),
-          title: t('accountOverview.items.security.title'),
-          description: t('accountOverview.items.security.subtitle'),
-          onPress: () => navigate?.('AccountSettings', {
-            activeTab: 'password'
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "bell",
-            color: baseThemeColors.iconStorage
-          }),
-          title: t('accountOverview.items.notifications.title'),
-          description: t('accountOverview.items.notifications.subtitle'),
-          onPress: () => navigate?.('AccountSettings', {
-            activeTab: 'notifications'
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "star",
-            color: baseThemeColors.iconPayments
-          }),
-          title: t('accountOverview.items.premium.title'),
-          description: user?.isPremium ? t('accountOverview.items.premium.manage') : t('accountOverview.items.premium.upgrade'),
-          onPress: () => navigate?.('PremiumSubscription')
-        }), user?.isPremium ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "credit-card",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.billing.title'),
-          description: t('accountOverview.items.billing.subtitle'),
-          onPress: () => _bloom.toast.info(t('accountOverview.items.billing.coming'))
-        }) : null]
-      }), showMoreAccounts && /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-        title: `${t('accountOverview.sections.additionalAccounts') || 'Additional Accounts'}${additionalAccountsData.length > 0 ? ` (${additionalAccountsData.length})` : ''}`,
-        children: loadingAdditionalAccounts ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "sync",
-            color: baseThemeColors.iconSecurity
-          }),
-          title: t('accountOverview.loadingAdditional.title') || 'Loading accounts...',
-          description: t('accountOverview.loadingAdditional.subtitle') || 'Please wait while we load your additional accounts',
-          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.loadingContainer,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-              size: "small",
-              color: baseThemeColors.iconSecurity
-            })
-          }),
-          showChevron: false
-        }) : additionalAccountsData.length > 0 ? additionalAccountsData.map(account => {
-          const accountDisplayName = (0, _core.getAccountDisplayName)(account.userProfile, locale);
-          const accountHandle = (0, _core.getAccountFallbackHandle)(account.userProfile);
-          const description = account.email ?? (accountHandle && account.userProfile?.username ? `@${accountHandle}` : accountHandle) ?? '';
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.userIcon,
-              children: account.avatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-                source: {
-                  uri: oxyServices.getFileDownloadUrl(account.avatar, 'thumb')
-                },
-                style: styles.accountAvatarImage
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.accountAvatarFallback,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.accountAvatarText,
-                  children: accountDisplayName.charAt(0).toUpperCase()
-                })
-              })
-            }),
-            title: accountDisplayName,
-            description: description,
-            onPress: () => {
-              _bloom.toast.info(t('accountOverview.items.accountSwitcher.switchPrompt', {
-                username: accountDisplayName
-              }) || `Switch to ${accountDisplayName}?`);
-            }
-          }, `account-${account.id}`);
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "account-outline",
-            color: bloomTheme.colors.textTertiary
-          }),
-          title: t('accountOverview.additional.noAccounts.title') || 'No other accounts',
-          description: t('accountOverview.additional.noAccounts.subtitle') || 'Add another account to switch between them',
-          showChevron: false
-        })
-      }), showMoreAccounts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.accountManagement') || 'Account Management',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "plus",
-            color: baseThemeColors.iconSecurity
-          }),
-          title: t('accountOverview.items.addAccount.title') || 'Add Another Account',
-          description: t('accountOverview.items.addAccount.subtitle') || 'Sign in with a different account',
-          onPress: handleAddAccount
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "logout",
-            color: baseThemeColors.iconSharing
-          }),
-          title: t('accountOverview.items.signOutAll.title') || 'Sign out of all accounts',
-          description: t('accountOverview.items.signOutAll.subtitle') || 'Remove all accounts from this device',
-          onPress: () => signOutAllDialog.open()
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.quickActions'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "account-group",
-            color: baseThemeColors.iconData
-          }),
-          title: showMoreAccounts ? t('accountOverview.items.accountSwitcher.titleHide') : t('accountOverview.items.accountSwitcher.titleShow'),
-          description: showMoreAccounts ? t('accountOverview.items.accountSwitcher.subtitleHide') : additionalAccountsData.length > 0 ? t('accountOverview.items.accountSwitcher.subtitleSwitchBetween', {
-            count: String(additionalAccountsData.length + 1)
-          }) : loadingAdditionalAccounts ? t('accountOverview.items.accountSwitcher.subtitleLoading') : t('accountOverview.items.accountSwitcher.subtitleManageMultiple'),
-          onPress: () => setShowMoreAccounts(!showMoreAccounts)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "clock",
-            color: baseThemeColors.iconSecurity
-          }),
-          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: baseThemeColors.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "download",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.downloadData.title'),
-          description: t('accountOverview.items.downloadData.subtitle'),
-          onPress: handleDownloadData
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "delete",
-            color: baseThemeColors.iconSharing
-          }),
-          title: t('accountOverview.items.deleteAccount.title'),
-          description: t('accountOverview.items.deleteAccount.subtitle'),
-          onPress: handleDeleteAccount
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.support'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "magnify",
-            color: baseThemeColors.iconSecurity
-          }),
-          title: t('accountOverview.items.searchSettings.title') || 'Search Settings',
-          description: t('accountOverview.items.searchSettings.subtitle') || 'SafeSearch and personalization',
-          onPress: () => navigate?.('SearchSettings')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "translate",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.language.title') || 'Language',
-          description: t('accountOverview.items.language.subtitle') || 'Choose your preferred language',
-          onPress: () => navigate?.('LanguageSelector')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "cog",
-            color: bloomTheme.colors.textTertiary
-          }),
-          title: t('accountOverview.items.preferences.title'),
-          description: t('accountOverview.items.preferences.subtitle'),
-          onPress: () => _bloom.toast.info(t('accountOverview.items.preferences.coming'))
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "help-circle",
-            color: baseThemeColors.iconSecurity
-          }),
-          title: t('accountOverview.items.help.title'),
-          description: t('accountOverview.items.help.subtitle'),
-          onPress: () => navigate?.('HelpSupport')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "shield-check",
-            color: baseThemeColors.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "file-document",
-            color: baseThemeColors.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "link",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.connectedApps.title'),
-          description: t('accountOverview.items.connectedApps.subtitle'),
-          onPress: () => _bloom.toast.info(t('accountOverview.items.connectedApps.coming'))
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "information",
-            color: bloomTheme.colors.textTertiary
-          }),
-          title: t('accountOverview.items.about.title'),
-          description: t('accountOverview.items.about.subtitle'),
-          onPress: () => navigate?.('AppInfo')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-        title: t('accountOverview.sections.actions'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-            name: "logout",
-            color: bloomTheme.colors.error
-          }),
-          title: t('accountOverview.items.signOut.title'),
-          description: t('accountOverview.items.signOut.subtitle'),
-          onPress: () => logoutDialog.open(),
-          destructive: true,
-          showChevron: false
-        })
-      })]
-    }), user && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DeleteAccountModal, {
-      control: deleteAccountControl,
-      username: user.username || '',
-      onDelete: handleConfirmDelete,
-      t: t
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: logoutDialog,
-      title: t('accountOverview.items.signOut.title') || 'Sign Out',
-      description: t('common.confirms.signOut') || 'Are you sure you want to sign out?',
-      actions: [{
-        label: t('accountOverview.items.signOut.title') || 'Sign Out',
-        color: 'destructive',
-        onPress: handleLogout
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: signOutAllDialog,
-      title: t('accountOverview.items.signOutAll.title') || 'Sign Out All',
-      description: t('common.confirms.signOutAll') || 'Are you sure you want to sign out of all accounts?',
-      actions: [{
-        label: t('accountOverview.items.signOutAll.title') || 'Sign Out All',
-        color: 'destructive',
-        onPress: handleLogout
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.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'
-      }]
-    })]
-  });
-};
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  content: {
-    flex: 1
-  },
-  scrollContent: (0, _spacing.createScreenContentStyle)(_spacing.HEADER_PADDING_TOP_OVERVIEW),
-  headerSection: {
-    alignItems: 'center',
-    marginBottom: _spacing.SECTION_GAP,
-    paddingTop: _spacing.HEADER_PADDING_TOP_OVERVIEW
-  },
-  avatarSectionWrapper: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%'
-  },
-  avatarContainer: {
-    position: 'relative',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%',
-    maxWidth: 600,
-    minHeight: 100,
-    overflow: 'hidden',
-    alignSelf: 'center',
-    aspectRatio: 6
-  },
-  lottieBackground: {
-    position: 'absolute',
-    width: '100%',
-    maxWidth: 600,
-    minHeight: 100,
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 0,
-    aspectRatio: 6
-  },
-  avatarWrapper: {
-    zIndex: 1,
-    position: 'absolute',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 100,
-    height: 100,
-    left: '50%',
-    marginLeft: -50,
-    top: 0
-  },
-  nameWrapper: {
-    marginTop: 12,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  welcomeText: {
-    fontSize: 28,
-    fontWeight: '600',
-    marginBottom: 8,
-    maxWidth: '90%'
-  },
-  welcomeSubtext: {
-    fontSize: 16,
-    fontWeight: '400',
-    opacity: 0.6
-  },
-  userIcon: {
-    marginRight: 12
-  },
-  accountAvatarImage: {
-    width: 40,
-    height: 40,
-    borderRadius: 20
-  },
-  accountAvatarFallback: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-    backgroundColor: '#d169e5',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  accountAvatarText: {
-    color: 'white',
-    fontSize: 18,
-    fontWeight: 'bold'
-  },
-  message: {
-    fontSize: 16,
-    textAlign: 'center',
-    marginTop: 24
-  },
-  loadingContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 20,
-    gap: 12
-  },
-  loadingText: {
-    fontSize: 16
-  }
-});
-var _default = exports.default = /*#__PURE__*/_react.default.memo(AccountOverviewScreen);
-//# sourceMappingURL=AccountOverviewScreen.js.map