@oxyhq/services 6.9.15 → 6.9.17

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

@@ -1,74 +1,26 @@
 "use strict";
 
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = this && this.__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const Avatar_1 = __importDefault(require("../components/Avatar"));
-const OxyIcon_1 = __importDefault(require("../components/icon/OxyIcon"));
-const fonts_1 = require("../styles/fonts");
-const sonner_1 = require("../../lib/sonner");
-const confirmAction_1 = require("../utils/confirmAction");
-const components_1 = require("../components");
-const useI18n_1 = require("../hooks/useI18n");
-const useThemeStyles_1 = require("../hooks/useThemeStyles");
-const userUtils_1 = require("../utils/userUtils");
-const useColorScheme_1 = require("../hooks/useColorScheme");
-const themeUtils_1 = require("../utils/themeUtils");
-const OxyContext_1 = require("../context/OxyContext");
-const useAccountQueries_1 = require("../hooks/queries/useAccountQueries");
-const spacing_1 = require("../constants/spacing");
-const modals_1 = require("../components/modals");
+import React, { useState, useMemo, useCallback, useRef, useEffect } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator, ScrollView, Alert, Platform, Image } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Avatar from "../components/Avatar.js";
+import OxyIcon from "../components/icon/OxyIcon.js";
+import { fontFamilies } from "../styles/fonts.js";
+import { toast } from '../../lib/sonner';
+import { confirmAction } from "../utils/confirmAction.js";
+import { Section, GroupedSection, GroupedItem } from "../components/index.js";
+import { useI18n } from "../hooks/useI18n.js";
+import { useThemeStyles } from "../hooks/useThemeStyles.js";
+import { getDisplayName, getShortDisplayName } from "../utils/userUtils.js";
+import { useColorScheme } from "../hooks/useColorScheme.js";
+import { 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";
+
 // Optional Lottie import - gracefully handle if not available
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 let LottieView = null;
 try {
   // eslint-disable-next-line @typescript-eslint/no-require-imports
@@ -76,6 +28,7 @@ try {
 } catch {
   // Lottie not available, will use fallback
 }
+
 // Import Lottie animation - will be undefined if file doesn't exist
 let lottieAnimation = undefined;
 try {
@@ -84,9 +37,10 @@ try {
 } 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)
@@ -109,43 +63,47 @@ const AccountOverviewScreen = ({
     oxyServices,
     isAuthenticated,
     openAvatarPicker
-  } = (0, OxyContext_1.useOxy)();
+  } = useOxy();
   const {
     t
-  } = (0, useI18n_1.useI18n)();
-  const [showMoreAccounts, setShowMoreAccounts] = (0, react_1.useState)(false);
-  const [additionalAccountsData, setAdditionalAccountsData] = (0, react_1.useState)([]);
-  const [loadingAdditionalAccounts, setLoadingAdditionalAccounts] = (0, react_1.useState)(false);
-  const [showDeleteModal, setShowDeleteModal] = (0, react_1.useState)(false);
-  const lottieRef = (0, react_1.useRef)(null);
-  const hasPlayedRef = (0, react_1.useRef)(false);
-  const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+  } = useI18n();
+  const [showMoreAccounts, setShowMoreAccounts] = useState(false);
+  const [additionalAccountsData, setAdditionalAccountsData] = useState([]);
+  const [loadingAdditionalAccounts, setLoadingAdditionalAccounts] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const lottieRef = useRef(null);
+  const hasPlayedRef = useRef(false);
+  const insets = useSafeAreaInsets();
+
   // Use centralized theme styles hook for consistency
-  const colorScheme = (0, useColorScheme_1.useColorScheme)();
-  const normalizedTheme = (0, themeUtils_1.normalizeTheme)(theme);
-  const baseThemeStyles = (0, useThemeStyles_1.useThemeStyles)(normalizedTheme, colorScheme);
-  const themeStyles = (0, react_1.useMemo)(() => ({
+  const colorScheme = useColorScheme();
+  const normalizedTheme = normalizeTheme(theme);
+  const baseThemeStyles = useThemeStyles(normalizedTheme, colorScheme);
+  const themeStyles = useMemo(() => ({
     ...baseThemeStyles,
     // AccountOverviewScreen uses a custom primary color (purple) instead of the default blue
     primaryColor: '#d169e5',
     // Keep custom icon color for this screen
     iconColor: baseThemeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
   }), [baseThemeStyles]);
+
   // Compute user data for display
-  const displayName = (0, react_1.useMemo)(() => (0, userUtils_1.getDisplayName)(user), [user]);
-  const shortDisplayName = (0, react_1.useMemo)(() => (0, userUtils_1.getShortDisplayName)(user), [user]);
-  const avatarUrl = (0, react_1.useMemo)(() => {
+  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 = (0, react_1.useCallback)(() => {
+  const handleAvatarPress = useCallback(() => {
     openAvatarPicker();
   }, [openAvatarPicker]);
+
   // Play Lottie animation once when component mounts
-  (0, react_1.useEffect)(() => {
+  useEffect(() => {
     if (hasPlayedRef.current || !LottieView || !lottieRef.current || !lottieAnimation) return;
     const timer = setTimeout(() => {
       if (lottieRef.current && !hasPlayedRef.current) {
@@ -155,17 +113,19 @@ const AccountOverviewScreen = ({
     }, 100);
     return () => clearTimeout(timer);
   }, []);
+
   // Memoize additional accounts filtering to prevent recalculation on every render
-  const additionalAccounts = (0, react_1.useMemo)(() => (sessions || []).filter(session => session.sessionId !== activeSessionId && session.userId !== user?.id), [sessions, activeSessionId, user?.id]);
+  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
-  } = (0, useAccountQueries_1.useUsersBySessions)(sessionIds, {
+  } = useUsersBySessions(sessionIds, {
     enabled: additionalAccounts.length > 0
   });
-  react_1.default.useEffect(() => {
+  React.useEffect(() => {
     if (usersData && usersData.length > 0) {
       const accountsData = usersData.map(({
         sessionId,
@@ -200,13 +160,15 @@ const AccountOverviewScreen = ({
       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_1.useCallback)(async () => {
+  const handleLogout = useCallback(async () => {
     try {
       await logout();
       if (onClose) {
@@ -216,35 +178,36 @@ const AccountOverviewScreen = ({
       if (__DEV__) {
         console.error('Logout failed:', error);
       }
-      sonner_1.toast.error(t('common.errors.signOutFailed'));
+      toast.error(t('common.errors.signOutFailed'));
     }
   }, [logout, onClose]);
-  const confirmLogout = (0, react_1.useCallback)(() => {
-    (0, confirmAction_1.confirmAction)(t('common.confirms.signOut'), handleLogout);
+  const confirmLogout = useCallback(() => {
+    confirmAction(t('common.confirms.signOut'), handleLogout);
   }, [handleLogout]);
-  const handleAddAccount = (0, react_1.useCallback)(() => {
-    sonner_1.toast.info(t('accountOverview.addAccountComing'));
+  const handleAddAccount = useCallback(() => {
+    toast.info(t('accountOverview.addAccountComing'));
   }, [t]);
-  const handleSignOutAll = (0, react_1.useCallback)(() => {
-    (0, confirmAction_1.confirmAction)(t('common.confirms.signOutAll'), handleLogout);
+  const handleSignOutAll = useCallback(() => {
+    confirmAction(t('common.confirms.signOutAll'), handleLogout);
   }, [handleLogout]);
-  const handleDownloadData = (0, react_1.useCallback)(async () => {
+  const handleDownloadData = useCallback(async () => {
     if (!oxyServices || !user) {
-      sonner_1.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
+      toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
       return;
     }
     try {
-      react_native_1.Alert.alert(t('accountOverview.items.downloadData.confirmTitle') || 'Download Account Data', t('accountOverview.items.downloadData.confirmMessage') || 'Choose the format for your account data export:', [{
+      Alert.alert(t('accountOverview.items.downloadData.confirmTitle') || 'Download Account Data', t('accountOverview.items.downloadData.confirmMessage') || 'Choose the format for your account data export:', [{
         text: t('common.cancel') || 'Cancel',
         style: 'cancel'
       }, {
         text: 'JSON',
         onPress: async () => {
           try {
-            sonner_1.toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
+            toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
             const blob = await oxyServices.downloadAccountData('json');
+
             // Create download link for web
-            if (react_native_1.Platform.OS === 'web') {
+            if (Platform.OS === 'web') {
               const url = URL.createObjectURL(blob);
               const link = document.createElement('a');
               link.href = url;
@@ -253,26 +216,27 @@ const AccountOverviewScreen = ({
               link.click();
               document.body.removeChild(link);
               URL.revokeObjectURL(url);
-              sonner_1.toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
             } else {
               // For React Native, you'd need to use a library like expo-file-system
-              sonner_1.toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
             }
           } catch (error) {
             if (__DEV__) {
               console.error('Failed to download data:', error);
             }
-            sonner_1.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+            toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
           }
         }
       }, {
         text: 'CSV',
         onPress: async () => {
           try {
-            sonner_1.toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
+            toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
             const blob = await oxyServices.downloadAccountData('csv');
+
             // Create download link for web
-            if (react_native_1.Platform.OS === 'web') {
+            if (Platform.OS === 'web') {
               const url = URL.createObjectURL(blob);
               const link = document.createElement('a');
               link.href = url;
@@ -281,16 +245,16 @@ const AccountOverviewScreen = ({
               link.click();
               document.body.removeChild(link);
               URL.revokeObjectURL(url);
-              sonner_1.toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
             } else {
               // For React Native, you'd need to use a library like expo-file-system
-              sonner_1.toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
             }
           } catch (error) {
             if (__DEV__) {
               console.error('Failed to download data:', error);
             }
-            sonner_1.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+            toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
           }
         }
       }]);
@@ -298,22 +262,22 @@ const AccountOverviewScreen = ({
       if (__DEV__) {
         console.error('Failed to initiate download:', error);
       }
-      sonner_1.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+      toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
     }
   }, [oxyServices, user, t]);
-  const handleDeleteAccount = (0, react_1.useCallback)(() => {
+  const handleDeleteAccount = useCallback(() => {
     if (!user) {
-      sonner_1.toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
+      toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
       return;
     }
     setShowDeleteModal(true);
   }, [user, t]);
-  const handleConfirmDelete = (0, react_1.useCallback)(async password => {
+  const handleConfirmDelete = useCallback(async password => {
     if (!oxyServices || !user) {
       throw new Error(t('accountOverview.items.deleteAccount.error') || 'Service not available');
     }
     await oxyServices.deleteAccount(password);
-    sonner_1.toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
+    toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
     setShowDeleteModal(false);
     await logout();
     if (onClose) {
@@ -321,11 +285,11 @@ const AccountOverviewScreen = ({
     }
   }, [oxyServices, user, logout, onClose, t]);
   if (!isAuthenticated) {
-    return (0, jsx_runtime_1.jsx)(react_native_1.View, {
+    return /*#__PURE__*/_jsx(View, {
       style: [styles.container, {
         backgroundColor: themeStyles.backgroundColor
       }],
-      children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+      children: /*#__PURE__*/_jsx(Text, {
         style: [styles.message, {
           color: themeStyles.textColor
         }],
@@ -334,56 +298,56 @@ const AccountOverviewScreen = ({
     });
   }
   if (isLoading) {
-    return (0, jsx_runtime_1.jsx)(react_native_1.View, {
+    return /*#__PURE__*/_jsx(View, {
       style: [styles.container, {
         backgroundColor: themeStyles.backgroundColor,
         justifyContent: 'center'
       }],
-      children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
         size: "large",
         color: themeStyles.primaryColor
       })
     });
   }
-  return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+  return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, {
       backgroundColor: themeStyles.backgroundColor
     }],
-    children: [(0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, {
+    children: [/*#__PURE__*/_jsxs(ScrollView, {
       style: styles.content,
       contentContainerStyle: styles.scrollContent,
       showsVerticalScrollIndicator: false,
-      children: [user && (0, jsx_runtime_1.jsx)(react_native_1.View, {
+      children: [user && /*#__PURE__*/_jsx(View, {
         style: styles.headerSection,
-        children: (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+        children: /*#__PURE__*/_jsxs(View, {
           style: styles.avatarSectionWrapper,
-          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
+          children: [/*#__PURE__*/_jsxs(View, {
             style: styles.avatarContainer,
-            children: [LottieView && lottieAnimation && (0, jsx_runtime_1.jsx)(LottieView, {
+            children: [LottieView && lottieAnimation && /*#__PURE__*/_jsx(LottieView, {
               ref: lottieRef,
               source: lottieAnimation,
               style: styles.lottieBackground,
               loop: false,
               autoPlay: false
-            }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
               style: styles.avatarWrapper,
               onPress: handleAvatarPress,
               activeOpacity: 0.8,
-              children: (0, jsx_runtime_1.jsx)(Avatar_1.default, {
+              children: /*#__PURE__*/_jsx(Avatar, {
                 uri: avatarUrl,
                 name: displayName,
                 size: 100,
                 theme: normalizedTheme
               })
             })]
-          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+          }), /*#__PURE__*/_jsxs(View, {
             style: styles.nameWrapper,
-            children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            children: [/*#__PURE__*/_jsx(Text, {
               style: [styles.welcomeText, {
                 color: themeStyles.textColor
               }],
               children: displayName
-            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+            }), /*#__PURE__*/_jsx(Text, {
               style: [styles.welcomeSubtext, {
                 color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
               }],
@@ -391,10 +355,10 @@ const AccountOverviewScreen = ({
             })]
           })]
         })
-      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
+      }), /*#__PURE__*/_jsx(Section, {
         title: t('accountOverview.sections.profile'),
         isFirst: true,
-        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        children: /*#__PURE__*/_jsx(GroupedSection, {
           items: [{
             id: 'profile-info',
             icon: 'account',
@@ -406,9 +370,9 @@ const AccountOverviewScreen = ({
             })
           }]
         })
-      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
+      }), /*#__PURE__*/_jsx(Section, {
         title: t('accountOverview.sections.accountSettings'),
-        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        children: /*#__PURE__*/_jsx(GroupedSection, {
           items: [{
             id: 'edit-profile',
             icon: 'account-circle',
@@ -449,30 +413,30 @@ const AccountOverviewScreen = ({
             iconColor: baseThemeStyles.colors.iconPersonalInfo,
             title: t('accountOverview.items.billing.title'),
             subtitle: t('accountOverview.items.billing.subtitle'),
-            onPress: () => sonner_1.toast.info(t('accountOverview.items.billing.coming'))
+            onPress: () => toast.info(t('accountOverview.items.billing.coming'))
           }] : [])]
         })
-      }), showMoreAccounts && (0, jsx_runtime_1.jsx)(components_1.Section, {
+      }), showMoreAccounts && /*#__PURE__*/_jsx(Section, {
         title: `${t('accountOverview.sections.additionalAccounts') || 'Additional Accounts'}${additionalAccountsData.length > 0 ? ` (${additionalAccountsData.length})` : ''}`,
-        children: loadingAdditionalAccounts ? (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        children: loadingAdditionalAccounts ? /*#__PURE__*/_jsx(GroupedSection, {
           items: [{
             id: 'loading-accounts',
             icon: 'sync',
             iconColor: baseThemeStyles.colors.iconSecurity,
             title: t('accountOverview.loadingAdditional.title') || 'Loading accounts...',
             subtitle: t('accountOverview.loadingAdditional.subtitle') || 'Please wait while we load your additional accounts',
-            customContent: (0, jsx_runtime_1.jsxs)(react_native_1.View, {
+            customContent: /*#__PURE__*/_jsxs(View, {
               style: styles.loadingContainer,
-              children: [(0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
+              children: [/*#__PURE__*/_jsx(ActivityIndicator, {
                 size: "small",
                 color: baseThemeStyles.colors.iconSecurity
-              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+              }), /*#__PURE__*/_jsx(Text, {
                 style: styles.loadingText,
                 children: t('accountOverview.loadingAdditional.title') || 'Loading accounts...'
               })]
             })
           }]
-        }) : additionalAccountsData.length > 0 ? (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        }) : additionalAccountsData.length > 0 ? /*#__PURE__*/_jsx(GroupedSection, {
           items: additionalAccountsData.map((account, index) => ({
             id: `account-${account.id}`,
             icon: 'account',
@@ -480,33 +444,33 @@ const AccountOverviewScreen = ({
             title: typeof account.name === 'object' ? account.name?.full || account.name?.first || account.username : account.name || account.username,
             subtitle: account.email || account.username,
             onPress: () => {
-              sonner_1.toast.info(t('accountOverview.items.accountSwitcher.switchPrompt', {
+              toast.info(t('accountOverview.items.accountSwitcher.switchPrompt', {
                 username: account.username
               }) || `Switch to ${account.username}?`);
             },
-            customContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
-              children: [(0, jsx_runtime_1.jsx)(react_native_1.View, {
+            customContent: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(View, {
                 style: styles.userIcon,
-                children: account.avatar ? (0, jsx_runtime_1.jsx)(react_native_1.Image, {
+                children: account.avatar ? /*#__PURE__*/_jsx(Image, {
                   source: {
                     uri: oxyServices.getFileDownloadUrl(account.avatar, 'thumb')
                   },
                   style: styles.accountAvatarImage
-                }) : (0, jsx_runtime_1.jsx)(react_native_1.View, {
+                }) : /*#__PURE__*/_jsx(View, {
                   style: styles.accountAvatarFallback,
-                  children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
+                  children: /*#__PURE__*/_jsx(Text, {
                     style: styles.accountAvatarText,
                     children: account.username?.charAt(0).toUpperCase() || '?'
                   })
                 })
-              }), (0, jsx_runtime_1.jsx)(OxyIcon_1.default, {
+              }), /*#__PURE__*/_jsx(OxyIcon, {
                 name: "chevron-forward",
                 size: 16,
                 color: "#ccc"
               })]
             })
           }))
-        }) : (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        }) : /*#__PURE__*/_jsx(GroupedSection, {
           items: [{
             id: 'no-accounts',
             icon: 'account-outline',
@@ -515,9 +479,9 @@ const AccountOverviewScreen = ({
             subtitle: t('accountOverview.additional.noAccounts.subtitle') || 'Add another account to switch between them'
           }]
         })
-      }), showMoreAccounts && (0, jsx_runtime_1.jsx)(components_1.Section, {
+      }), showMoreAccounts && /*#__PURE__*/_jsx(Section, {
         title: t('accountOverview.sections.accountManagement') || 'Account Management',
-        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        children: /*#__PURE__*/_jsx(GroupedSection, {
           items: [{
             id: 'add-account',
             icon: 'add',
@@ -534,9 +498,9 @@ const AccountOverviewScreen = ({
             onPress: handleSignOutAll
           }]
         })
-      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
+      }), /*#__PURE__*/_jsx(Section, {
         title: t('accountOverview.sections.quickActions'),
-        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        children: /*#__PURE__*/_jsx(GroupedSection, {
           items: [{
             id: 'account-switcher',
             icon: 'account-group',
@@ -576,9 +540,9 @@ const AccountOverviewScreen = ({
             onPress: handleDeleteAccount
           }]
         })
-      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
+      }), /*#__PURE__*/_jsx(Section, {
         title: t('accountOverview.sections.support'),
-        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
+        children: /*#__PURE__*/_jsx(GroupedSection, {
           items: [{
             id: 'search-settings',
             icon: 'magnify',
@@ -599,7 +563,7 @@ const AccountOverviewScreen = ({
             iconColor: '#8E8E93',
             title: t('accountOverview.items.preferences.title'),
             subtitle: t('accountOverview.items.preferences.subtitle'),
-            onPress: () => sonner_1.toast.info(t('accountOverview.items.preferences.coming'))
+            onPress: () => toast.info(t('accountOverview.items.preferences.coming'))
           }, {
             id: 'help-support',
             icon: 'help-circle',
@@ -631,7 +595,7 @@ const AccountOverviewScreen = ({
             iconColor: baseThemeStyles.colors.iconPersonalInfo,
             title: t('accountOverview.items.connectedApps.title'),
             subtitle: t('accountOverview.items.connectedApps.subtitle'),
-            onPress: () => sonner_1.toast.info(t('accountOverview.items.connectedApps.coming'))
+            onPress: () => toast.info(t('accountOverview.items.connectedApps.coming'))
           }, {
             id: 'about',
             icon: 'information',
@@ -641,9 +605,9 @@ const AccountOverviewScreen = ({
             onPress: () => navigate?.('AppInfo')
           }]
         })
-      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
+      }), /*#__PURE__*/_jsx(Section, {
         title: t('accountOverview.sections.actions'),
-        children: (0, jsx_runtime_1.jsx)(components_1.GroupedItem, {
+        children: /*#__PURE__*/_jsx(GroupedItem, {
           icon: "logout",
           iconColor: "#FF3B30",
           title: t('accountOverview.items.signOut.title'),
@@ -654,7 +618,7 @@ const AccountOverviewScreen = ({
           showChevron: false
         })
       })]
-    }), user && (0, jsx_runtime_1.jsx)(modals_1.DeleteAccountModal, {
+    }), user && /*#__PURE__*/_jsx(DeleteAccountModal, {
       visible: showDeleteModal,
       username: user.username || '',
       onClose: () => setShowDeleteModal(false),
@@ -671,18 +635,18 @@ const AccountOverviewScreen = ({
     })]
   });
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     flex: 1
   },
   content: {
     flex: 1
   },
-  scrollContent: (0, spacing_1.createScreenContentStyle)(spacing_1.HEADER_PADDING_TOP_OVERVIEW),
+  scrollContent: createScreenContentStyle(HEADER_PADDING_TOP_OVERVIEW),
   headerSection: {
     alignItems: 'center',
-    marginBottom: spacing_1.SECTION_GAP,
-    paddingTop: spacing_1.HEADER_PADDING_TOP_OVERVIEW
+    marginBottom: SECTION_GAP,
+    paddingTop: HEADER_PADDING_TOP_OVERVIEW
   },
   avatarSectionWrapper: {
     alignItems: 'center',
@@ -732,7 +696,7 @@ const styles = react_native_1.StyleSheet.create({
     fontSize: 28,
     fontWeight: '600',
     marginBottom: 8,
-    fontFamily: fonts_1.fontFamilies.interBold,
+    fontFamily: fontFamilies.interBold,
     maxWidth: '90%'
   },
   welcomeSubtext: {
@@ -790,5 +754,5 @@ const styles = react_native_1.StyleSheet.create({
     color: '#666'
   }
 });
-exports.default = react_1.default.memo(AccountOverviewScreen);
+export default /*#__PURE__*/React.memo(AccountOverviewScreen);
 //# sourceMappingURL=AccountOverviewScreen.js.map