@oxyhq/services 6.10.8 → 8.0.0

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

@@ -1,719 +0,0 @@
-"use strict";
-
-import React, { useState, useMemo, useCallback, useRef, useEffect } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator, ScrollView, Platform, Image } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import Avatar from "../components/Avatar.js";
-import { Dialog, toast, useDialogControl } from '@oxyhq/bloom';
-import { SettingsIcon } from "../components/SettingsIcon.js";
-import { useI18n } from "../hooks/useI18n.js";
-import { useTheme } from '@oxyhq/bloom/theme';
-import { getDisplayName, getShortDisplayName } from "../utils/userUtils.js";
-import { getAccountDisplayName, getAccountFallbackHandle } from '@oxyhq/core';
-import { useColorScheme } from "../hooks/useColorScheme.js";
-import { Colors } from "../constants/theme.js";
-import { normalizeColorScheme, normalizeTheme } from "../utils/themeUtils.js";
-import { useOxy } from "../context/OxyContext.js";
-import { useUsersBySessions } from "../hooks/queries/useAccountQueries.js";
-import { SECTION_GAP, HEADER_PADDING_TOP_OVERVIEW, createScreenContentStyle } from "../constants/spacing.js";
-import { DeleteAccountModal } from "../components/modals/index.js";
-import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
-
-// Optional Lottie import - gracefully handle if not available
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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
-  } = useOxy();
-  const {
-    t,
-    locale
-  } = useI18n();
-  const [showMoreAccounts, setShowMoreAccounts] = useState(false);
-  const [additionalAccountsData, setAdditionalAccountsData] = useState([]);
-  const [loadingAdditionalAccounts, setLoadingAdditionalAccounts] = useState(false);
-  const deleteAccountControl = useDialogControl();
-  const logoutDialog = useDialogControl();
-  const signOutAllDialog = useDialogControl();
-  const downloadDataDialog = useDialogControl();
-  const lottieRef = useRef(null);
-  const hasPlayedRef = useRef(false);
-  const insets = useSafeAreaInsets();
-
-  // Use bloom theme for ActivityIndicator and other non-style color props
-  const bloomTheme = useTheme();
-  const colorScheme = useColorScheme();
-  const normalizedTheme = 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 = Colors[normalizeColorScheme(colorScheme, normalizedTheme)];
-
-  // Compute user data for display
-  const displayName = useMemo(() => getDisplayName(user), [user]);
-  const shortDisplayName = useMemo(() => getShortDisplayName(user), [user]);
-  const avatarUrl = 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 = useCallback(() => {
-    openAvatarPicker();
-  }, [openAvatarPicker]);
-
-  // Play Lottie animation once when component mounts
-  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 = 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
-  } = useUsersBySessions(sessionIds, {
-    enabled: additionalAccounts.length > 0
-  });
-  React.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 = useCallback(async () => {
-    try {
-      await logout();
-      if (onClose) {
-        onClose();
-      }
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Logout failed:', error);
-      }
-      toast.error(t('common.errors.signOutFailed'));
-    }
-  }, [logout, onClose]);
-  const handleAddAccount = useCallback(() => {
-    toast.info(t('accountOverview.addAccountComing'));
-  }, [t]);
-  const performDownload = useCallback(async format => {
-    if (!oxyServices || !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) {
-      if (__DEV__) {
-        console.error('Failed to download data:', error);
-      }
-      toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
-    }
-  }, [oxyServices, user, t]);
-  const handleDownloadData = useCallback(() => {
-    if (!oxyServices || !user) {
-      toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
-      return;
-    }
-    downloadDataDialog.open();
-  }, [oxyServices, user, t, downloadDataDialog]);
-  const handleDeleteAccount = useCallback(() => {
-    if (!user) {
-      toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
-      return;
-    }
-    deleteAccountControl.open();
-  }, [user, t, deleteAccountControl]);
-  const handleConfirmDelete = useCallback(async confirmText => {
-    if (!oxyServices || !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');
-    deleteAccountControl.close();
-    await logout();
-    if (onClose) {
-      onClose();
-    }
-  }, [oxyServices, user, logout, onClose, t]);
-  if (!isAuthenticated) {
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.container, {
-        backgroundColor: bloomTheme.colors.background
-      }],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.message,
-        className: "text-foreground",
-        children: t('common.status.notSignedIn')
-      })
-    });
-  }
-  if (isLoading) {
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.container, {
-        justifyContent: 'center',
-        backgroundColor: bloomTheme.colors.background
-      }],
-      children: /*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "large",
-        color: themeColors.primaryColor
-      })
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
-    children: [/*#__PURE__*/_jsxs(ScrollView, {
-      style: styles.content,
-      contentContainerStyle: styles.scrollContent,
-      showsVerticalScrollIndicator: false,
-      children: [user && /*#__PURE__*/_jsx(View, {
-        style: styles.headerSection,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.avatarSectionWrapper,
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: styles.avatarContainer,
-            children: [LottieView && lottieAnimation && /*#__PURE__*/_jsx(LottieView, {
-              ref: lottieRef,
-              source: lottieAnimation,
-              style: styles.lottieBackground,
-              loop: false,
-              autoPlay: false
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
-              style: styles.avatarWrapper,
-              onPress: handleAvatarPress,
-              activeOpacity: 0.8,
-              children: /*#__PURE__*/_jsx(Avatar, {
-                uri: avatarUrl,
-                name: displayName,
-                size: 100,
-                theme: normalizedTheme
-              })
-            })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.nameWrapper,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.welcomeText,
-              className: "text-foreground",
-              children: displayName
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.welcomeSubtext,
-              className: "text-muted-foreground",
-              children: "Manage your Oxy account."
-            })]
-          })]
-        })
-      }), /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: t('accountOverview.sections.profile'),
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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 = getAccountFallbackHandle(user);
-            if (!handle) return '';
-            return user.username ? `@${handle}` : handle;
-          })(),
-          onPress: () => navigate?.('AccountSettings', {
-            activeTab: 'profile'
-          })
-        })
-      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('accountOverview.sections.accountSettings'),
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "bell",
-            color: baseThemeColors.iconStorage
-          }),
-          title: t('accountOverview.items.notifications.title'),
-          description: t('accountOverview.items.notifications.subtitle'),
-          onPress: () => navigate?.('AccountSettings', {
-            activeTab: 'notifications'
-          })
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "credit-card",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.billing.title'),
-          description: t('accountOverview.items.billing.subtitle'),
-          onPress: () => toast.info(t('accountOverview.items.billing.coming'))
-        }) : null]
-      }), showMoreAccounts && /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: `${t('accountOverview.sections.additionalAccounts') || 'Additional Accounts'}${additionalAccountsData.length > 0 ? ` (${additionalAccountsData.length})` : ''}`,
-        children: loadingAdditionalAccounts ? /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(View, {
-            style: styles.loadingContainer,
-            children: /*#__PURE__*/_jsx(ActivityIndicator, {
-              size: "small",
-              color: baseThemeColors.iconSecurity
-            })
-          }),
-          showChevron: false
-        }) : additionalAccountsData.length > 0 ? additionalAccountsData.map(account => {
-          const accountDisplayName = getAccountDisplayName(account.userProfile, locale);
-          const accountHandle = getAccountFallbackHandle(account.userProfile);
-          const description = account.email ?? (accountHandle && account.userProfile?.username ? `@${accountHandle}` : accountHandle) ?? '';
-          return /*#__PURE__*/_jsx(SettingsListItem, {
-            icon: /*#__PURE__*/_jsx(View, {
-              style: styles.userIcon,
-              children: account.avatar ? /*#__PURE__*/_jsx(Image, {
-                source: {
-                  uri: oxyServices.getFileDownloadUrl(account.avatar, 'thumb')
-                },
-                style: styles.accountAvatarImage
-              }) : /*#__PURE__*/_jsx(View, {
-                style: styles.accountAvatarFallback,
-                children: /*#__PURE__*/_jsx(Text, {
-                  style: styles.accountAvatarText,
-                  children: accountDisplayName.charAt(0).toUpperCase()
-                })
-              })
-            }),
-            title: accountDisplayName,
-            description: description,
-            onPress: () => {
-              toast.info(t('accountOverview.items.accountSwitcher.switchPrompt', {
-                username: accountDisplayName
-              }) || `Switch to ${accountDisplayName}?`);
-            }
-          }, `account-${account.id}`);
-        }) : /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsxs(SettingsListGroup, {
-        title: t('accountOverview.sections.accountManagement') || 'Account Management',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsxs(SettingsListGroup, {
-        title: t('accountOverview.sections.quickActions'),
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "download",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.downloadData.title'),
-          description: t('accountOverview.items.downloadData.subtitle'),
-          onPress: handleDownloadData
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "delete",
-            color: baseThemeColors.iconSharing
-          }),
-          title: t('accountOverview.items.deleteAccount.title'),
-          description: t('accountOverview.items.deleteAccount.subtitle'),
-          onPress: handleDeleteAccount
-        })]
-      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('accountOverview.sections.support'),
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "cog",
-            color: bloomTheme.colors.textTertiary
-          }),
-          title: t('accountOverview.items.preferences.title'),
-          description: t('accountOverview.items.preferences.subtitle'),
-          onPress: () => toast.info(t('accountOverview.items.preferences.coming'))
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "help-circle",
-            color: baseThemeColors.iconSecurity
-          }),
-          title: t('accountOverview.items.help.title'),
-          description: t('accountOverview.items.help.subtitle'),
-          onPress: () => navigate?.('HelpSupport')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "link",
-            color: baseThemeColors.iconPersonalInfo
-          }),
-          title: t('accountOverview.items.connectedApps.title'),
-          description: t('accountOverview.items.connectedApps.subtitle'),
-          onPress: () => toast.info(t('accountOverview.items.connectedApps.coming'))
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "information",
-            color: bloomTheme.colors.textTertiary
-          }),
-          title: t('accountOverview.items.about.title'),
-          description: t('accountOverview.items.about.subtitle'),
-          onPress: () => navigate?.('AppInfo')
-        })]
-      }), /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: t('accountOverview.sections.actions'),
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(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__*/_jsx(DeleteAccountModal, {
-      control: deleteAccountControl,
-      username: user.username || '',
-      onDelete: handleConfirmDelete,
-      t: t
-    }), /*#__PURE__*/_jsx(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__*/_jsx(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__*/_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'
-      }]
-    })]
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  content: {
-    flex: 1
-  },
-  scrollContent: createScreenContentStyle(HEADER_PADDING_TOP_OVERVIEW),
-  headerSection: {
-    alignItems: 'center',
-    marginBottom: SECTION_GAP,
-    paddingTop: 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
-  }
-});
-export default /*#__PURE__*/React.memo(AccountOverviewScreen);
-//# sourceMappingURL=AccountOverviewScreen.js.map