@oxyhq/services 6.9.13 → 6.9.15

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

@@ -1,26 +1,74 @@
 "use strict";
 
-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";
-
+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");
 // 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
@@ -28,7 +76,6 @@ try {
 } catch {
   // Lottie not available, will use fallback
 }
-
 // Import Lottie animation - will be undefined if file doesn't exist
 let lottieAnimation = undefined;
 try {
@@ -37,10 +84,9 @@ 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)
@@ -63,47 +109,43 @@ const AccountOverviewScreen = ({
     oxyServices,
     isAuthenticated,
     openAvatarPicker
-  } = useOxy();
+  } = (0, OxyContext_1.useOxy)();
   const {
     t
-  } = 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();
-
+  } = (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)();
   // Use centralized theme styles hook for consistency
-  const colorScheme = useColorScheme();
-  const normalizedTheme = normalizeTheme(theme);
-  const baseThemeStyles = useThemeStyles(normalizedTheme, colorScheme);
-  const themeStyles = useMemo(() => ({
+  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)(() => ({
     ...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 = useMemo(() => getDisplayName(user), [user]);
-  const shortDisplayName = useMemo(() => getShortDisplayName(user), [user]);
-  const avatarUrl = useMemo(() => {
+  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)(() => {
     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(() => {
+  const handleAvatarPress = (0, react_1.useCallback)(() => {
     openAvatarPicker();
   }, [openAvatarPicker]);
-
   // Play Lottie animation once when component mounts
-  useEffect(() => {
+  (0, react_1.useEffect)(() => {
     if (hasPlayedRef.current || !LottieView || !lottieRef.current || !lottieAnimation) return;
     const timer = setTimeout(() => {
       if (lottieRef.current && !hasPlayedRef.current) {
@@ -113,19 +155,17 @@ const AccountOverviewScreen = ({
     }, 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]);
-
+  const additionalAccounts = (0, react_1.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, {
+  } = (0, useAccountQueries_1.useUsersBySessions)(sessionIds, {
     enabled: additionalAccounts.length > 0
   });
-  React.useEffect(() => {
+  react_1.default.useEffect(() => {
     if (usersData && usersData.length > 0) {
       const accountsData = usersData.map(({
         sessionId,
@@ -160,15 +200,13 @@ 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 = useCallback(async () => {
+  const handleLogout = (0, react_1.useCallback)(async () => {
     try {
       await logout();
       if (onClose) {
@@ -178,36 +216,35 @@ const AccountOverviewScreen = ({
       if (__DEV__) {
         console.error('Logout failed:', error);
       }
-      toast.error(t('common.errors.signOutFailed'));
+      sonner_1.toast.error(t('common.errors.signOutFailed'));
     }
   }, [logout, onClose]);
-  const confirmLogout = useCallback(() => {
-    confirmAction(t('common.confirms.signOut'), handleLogout);
+  const confirmLogout = (0, react_1.useCallback)(() => {
+    (0, confirmAction_1.confirmAction)(t('common.confirms.signOut'), handleLogout);
   }, [handleLogout]);
-  const handleAddAccount = useCallback(() => {
-    toast.info(t('accountOverview.addAccountComing'));
+  const handleAddAccount = (0, react_1.useCallback)(() => {
+    sonner_1.toast.info(t('accountOverview.addAccountComing'));
   }, [t]);
-  const handleSignOutAll = useCallback(() => {
-    confirmAction(t('common.confirms.signOutAll'), handleLogout);
+  const handleSignOutAll = (0, react_1.useCallback)(() => {
+    (0, confirmAction_1.confirmAction)(t('common.confirms.signOutAll'), handleLogout);
   }, [handleLogout]);
-  const handleDownloadData = useCallback(async () => {
+  const handleDownloadData = (0, react_1.useCallback)(async () => {
     if (!oxyServices || !user) {
-      toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
+      sonner_1.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
       return;
     }
     try {
-      Alert.alert(t('accountOverview.items.downloadData.confirmTitle') || 'Download Account Data', t('accountOverview.items.downloadData.confirmMessage') || 'Choose the format for your account data export:', [{
+      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:', [{
         text: t('common.cancel') || 'Cancel',
         style: 'cancel'
       }, {
         text: 'JSON',
         onPress: async () => {
           try {
-            toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
+            sonner_1.toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
             const blob = await oxyServices.downloadAccountData('json');
-
             // Create download link for web
-            if (Platform.OS === 'web') {
+            if (react_native_1.Platform.OS === 'web') {
               const url = URL.createObjectURL(blob);
               const link = document.createElement('a');
               link.href = url;
@@ -216,27 +253,26 @@ const AccountOverviewScreen = ({
               link.click();
               document.body.removeChild(link);
               URL.revokeObjectURL(url);
-              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              sonner_1.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
-              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              sonner_1.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');
+            sonner_1.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
           }
         }
       }, {
         text: 'CSV',
         onPress: async () => {
           try {
-            toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
+            sonner_1.toast.loading(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
             const blob = await oxyServices.downloadAccountData('csv');
-
             // Create download link for web
-            if (Platform.OS === 'web') {
+            if (react_native_1.Platform.OS === 'web') {
               const url = URL.createObjectURL(blob);
               const link = document.createElement('a');
               link.href = url;
@@ -245,16 +281,16 @@ const AccountOverviewScreen = ({
               link.click();
               document.body.removeChild(link);
               URL.revokeObjectURL(url);
-              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              sonner_1.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
-              toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+              sonner_1.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');
+            sonner_1.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
           }
         }
       }]);
@@ -262,22 +298,22 @@ const AccountOverviewScreen = ({
       if (__DEV__) {
         console.error('Failed to initiate download:', error);
       }
-      toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+      sonner_1.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
     }
   }, [oxyServices, user, t]);
-  const handleDeleteAccount = useCallback(() => {
+  const handleDeleteAccount = (0, react_1.useCallback)(() => {
     if (!user) {
-      toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
+      sonner_1.toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
       return;
     }
     setShowDeleteModal(true);
   }, [user, t]);
-  const handleConfirmDelete = useCallback(async password => {
+  const handleConfirmDelete = (0, react_1.useCallback)(async password => {
     if (!oxyServices || !user) {
       throw new Error(t('accountOverview.items.deleteAccount.error') || 'Service not available');
     }
     await oxyServices.deleteAccount(password);
-    toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
+    sonner_1.toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
     setShowDeleteModal(false);
     await logout();
     if (onClose) {
@@ -285,11 +321,11 @@ const AccountOverviewScreen = ({
     }
   }, [oxyServices, user, logout, onClose, t]);
   if (!isAuthenticated) {
-    return /*#__PURE__*/_jsx(View, {
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, {
       style: [styles.container, {
         backgroundColor: themeStyles.backgroundColor
       }],
-      children: /*#__PURE__*/_jsx(Text, {
+      children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.message, {
           color: themeStyles.textColor
         }],
@@ -298,56 +334,56 @@ const AccountOverviewScreen = ({
     });
   }
   if (isLoading) {
-    return /*#__PURE__*/_jsx(View, {
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, {
       style: [styles.container, {
         backgroundColor: themeStyles.backgroundColor,
         justifyContent: 'center'
       }],
-      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
         size: "large",
         color: themeStyles.primaryColor
       })
     });
   }
-  return /*#__PURE__*/_jsxs(View, {
+  return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
     style: [styles.container, {
       backgroundColor: themeStyles.backgroundColor
     }],
-    children: [/*#__PURE__*/_jsxs(ScrollView, {
+    children: [(0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, {
       style: styles.content,
       contentContainerStyle: styles.scrollContent,
       showsVerticalScrollIndicator: false,
-      children: [user && /*#__PURE__*/_jsx(View, {
+      children: [user && (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: styles.headerSection,
-        children: /*#__PURE__*/_jsxs(View, {
+        children: (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.avatarSectionWrapper,
-          children: [/*#__PURE__*/_jsxs(View, {
+          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.avatarContainer,
-            children: [LottieView && lottieAnimation && /*#__PURE__*/_jsx(LottieView, {
+            children: [LottieView && lottieAnimation && (0, jsx_runtime_1.jsx)(LottieView, {
               ref: lottieRef,
               source: lottieAnimation,
               style: styles.lottieBackground,
               loop: false,
               autoPlay: false
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
               style: styles.avatarWrapper,
               onPress: handleAvatarPress,
               activeOpacity: 0.8,
-              children: /*#__PURE__*/_jsx(Avatar, {
+              children: (0, jsx_runtime_1.jsx)(Avatar_1.default, {
                 uri: avatarUrl,
                 name: displayName,
                 size: 100,
                 theme: normalizedTheme
               })
             })]
-          }), /*#__PURE__*/_jsxs(View, {
+          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.nameWrapper,
-            children: [/*#__PURE__*/_jsx(Text, {
+            children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.welcomeText, {
                 color: themeStyles.textColor
               }],
               children: displayName
-            }), /*#__PURE__*/_jsx(Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.welcomeSubtext, {
                 color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
               }],
@@ -355,10 +391,10 @@ const AccountOverviewScreen = ({
             })]
           })]
         })
-      }), /*#__PURE__*/_jsx(Section, {
+      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
         title: t('accountOverview.sections.profile'),
         isFirst: true,
-        children: /*#__PURE__*/_jsx(GroupedSection, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: [{
             id: 'profile-info',
             icon: 'account',
@@ -370,9 +406,9 @@ const AccountOverviewScreen = ({
             })
           }]
         })
-      }), /*#__PURE__*/_jsx(Section, {
+      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
         title: t('accountOverview.sections.accountSettings'),
-        children: /*#__PURE__*/_jsx(GroupedSection, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: [{
             id: 'edit-profile',
             icon: 'account-circle',
@@ -413,30 +449,30 @@ const AccountOverviewScreen = ({
             iconColor: baseThemeStyles.colors.iconPersonalInfo,
             title: t('accountOverview.items.billing.title'),
             subtitle: t('accountOverview.items.billing.subtitle'),
-            onPress: () => toast.info(t('accountOverview.items.billing.coming'))
+            onPress: () => sonner_1.toast.info(t('accountOverview.items.billing.coming'))
           }] : [])]
         })
-      }), showMoreAccounts && /*#__PURE__*/_jsx(Section, {
+      }), showMoreAccounts && (0, jsx_runtime_1.jsx)(components_1.Section, {
         title: `${t('accountOverview.sections.additionalAccounts') || 'Additional Accounts'}${additionalAccountsData.length > 0 ? ` (${additionalAccountsData.length})` : ''}`,
-        children: loadingAdditionalAccounts ? /*#__PURE__*/_jsx(GroupedSection, {
+        children: loadingAdditionalAccounts ? (0, jsx_runtime_1.jsx)(components_1.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: /*#__PURE__*/_jsxs(View, {
+            customContent: (0, jsx_runtime_1.jsxs)(react_native_1.View, {
               style: styles.loadingContainer,
-              children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+              children: [(0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
                 size: "small",
                 color: baseThemeStyles.colors.iconSecurity
-              }), /*#__PURE__*/_jsx(Text, {
+              }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
                 style: styles.loadingText,
                 children: t('accountOverview.loadingAdditional.title') || 'Loading accounts...'
               })]
             })
           }]
-        }) : additionalAccountsData.length > 0 ? /*#__PURE__*/_jsx(GroupedSection, {
+        }) : additionalAccountsData.length > 0 ? (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: additionalAccountsData.map((account, index) => ({
             id: `account-${account.id}`,
             icon: 'account',
@@ -444,33 +480,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: () => {
-              toast.info(t('accountOverview.items.accountSwitcher.switchPrompt', {
+              sonner_1.toast.info(t('accountOverview.items.accountSwitcher.switchPrompt', {
                 username: account.username
               }) || `Switch to ${account.username}?`);
             },
-            customContent: /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(View, {
+            customContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+              children: [(0, jsx_runtime_1.jsx)(react_native_1.View, {
                 style: styles.userIcon,
-                children: account.avatar ? /*#__PURE__*/_jsx(Image, {
+                children: account.avatar ? (0, jsx_runtime_1.jsx)(react_native_1.Image, {
                   source: {
                     uri: oxyServices.getFileDownloadUrl(account.avatar, 'thumb')
                   },
                   style: styles.accountAvatarImage
-                }) : /*#__PURE__*/_jsx(View, {
+                }) : (0, jsx_runtime_1.jsx)(react_native_1.View, {
                   style: styles.accountAvatarFallback,
-                  children: /*#__PURE__*/_jsx(Text, {
+                  children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
                     style: styles.accountAvatarText,
                     children: account.username?.charAt(0).toUpperCase() || '?'
                   })
                 })
-              }), /*#__PURE__*/_jsx(OxyIcon, {
+              }), (0, jsx_runtime_1.jsx)(OxyIcon_1.default, {
                 name: "chevron-forward",
                 size: 16,
                 color: "#ccc"
               })]
             })
           }))
-        }) : /*#__PURE__*/_jsx(GroupedSection, {
+        }) : (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: [{
             id: 'no-accounts',
             icon: 'account-outline',
@@ -479,9 +515,9 @@ const AccountOverviewScreen = ({
             subtitle: t('accountOverview.additional.noAccounts.subtitle') || 'Add another account to switch between them'
           }]
         })
-      }), showMoreAccounts && /*#__PURE__*/_jsx(Section, {
+      }), showMoreAccounts && (0, jsx_runtime_1.jsx)(components_1.Section, {
         title: t('accountOverview.sections.accountManagement') || 'Account Management',
-        children: /*#__PURE__*/_jsx(GroupedSection, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: [{
             id: 'add-account',
             icon: 'add',
@@ -498,9 +534,9 @@ const AccountOverviewScreen = ({
             onPress: handleSignOutAll
           }]
         })
-      }), /*#__PURE__*/_jsx(Section, {
+      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
         title: t('accountOverview.sections.quickActions'),
-        children: /*#__PURE__*/_jsx(GroupedSection, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: [{
             id: 'account-switcher',
             icon: 'account-group',
@@ -540,9 +576,9 @@ const AccountOverviewScreen = ({
             onPress: handleDeleteAccount
           }]
         })
-      }), /*#__PURE__*/_jsx(Section, {
+      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
         title: t('accountOverview.sections.support'),
-        children: /*#__PURE__*/_jsx(GroupedSection, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: [{
             id: 'search-settings',
             icon: 'magnify',
@@ -563,7 +599,7 @@ const AccountOverviewScreen = ({
             iconColor: '#8E8E93',
             title: t('accountOverview.items.preferences.title'),
             subtitle: t('accountOverview.items.preferences.subtitle'),
-            onPress: () => toast.info(t('accountOverview.items.preferences.coming'))
+            onPress: () => sonner_1.toast.info(t('accountOverview.items.preferences.coming'))
           }, {
             id: 'help-support',
             icon: 'help-circle',
@@ -595,7 +631,7 @@ const AccountOverviewScreen = ({
             iconColor: baseThemeStyles.colors.iconPersonalInfo,
             title: t('accountOverview.items.connectedApps.title'),
             subtitle: t('accountOverview.items.connectedApps.subtitle'),
-            onPress: () => toast.info(t('accountOverview.items.connectedApps.coming'))
+            onPress: () => sonner_1.toast.info(t('accountOverview.items.connectedApps.coming'))
           }, {
             id: 'about',
             icon: 'information',
@@ -605,9 +641,9 @@ const AccountOverviewScreen = ({
             onPress: () => navigate?.('AppInfo')
           }]
         })
-      }), /*#__PURE__*/_jsx(Section, {
+      }), (0, jsx_runtime_1.jsx)(components_1.Section, {
         title: t('accountOverview.sections.actions'),
-        children: /*#__PURE__*/_jsx(GroupedItem, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedItem, {
           icon: "logout",
           iconColor: "#FF3B30",
           title: t('accountOverview.items.signOut.title'),
@@ -618,7 +654,7 @@ const AccountOverviewScreen = ({
           showChevron: false
         })
       })]
-    }), user && /*#__PURE__*/_jsx(DeleteAccountModal, {
+    }), user && (0, jsx_runtime_1.jsx)(modals_1.DeleteAccountModal, {
       visible: showDeleteModal,
       username: user.username || '',
       onClose: () => setShowDeleteModal(false),
@@ -635,18 +671,18 @@ const AccountOverviewScreen = ({
     })]
   });
 };
-const styles = StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
   container: {
     flex: 1
   },
   content: {
     flex: 1
   },
-  scrollContent: createScreenContentStyle(HEADER_PADDING_TOP_OVERVIEW),
+  scrollContent: (0, spacing_1.createScreenContentStyle)(spacing_1.HEADER_PADDING_TOP_OVERVIEW),
   headerSection: {
     alignItems: 'center',
-    marginBottom: SECTION_GAP,
-    paddingTop: HEADER_PADDING_TOP_OVERVIEW
+    marginBottom: spacing_1.SECTION_GAP,
+    paddingTop: spacing_1.HEADER_PADDING_TOP_OVERVIEW
   },
   avatarSectionWrapper: {
     alignItems: 'center',
@@ -696,7 +732,7 @@ const styles = StyleSheet.create({
     fontSize: 28,
     fontWeight: '600',
     marginBottom: 8,
-    fontFamily: fontFamilies.interBold,
+    fontFamily: fonts_1.fontFamilies.interBold,
     maxWidth: '90%'
   },
   welcomeSubtext: {
@@ -754,5 +790,5 @@ const styles = StyleSheet.create({
     color: '#666'
   }
 });
-export default /*#__PURE__*/React.memo(AccountOverviewScreen);
+exports.default = react_1.default.memo(AccountOverviewScreen);
 //# sourceMappingURL=AccountOverviewScreen.js.map