@oxyhq/services 6.10.8 → 7.0.0

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

@@ -1,1029 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _core = require("@oxyhq/core");
-var _bloom = require("@oxyhq/bloom");
-var _OxyIcon = _interopRequireDefault(require("../components/icon/OxyIcon.js"));
-var _index = require("../components/index.js");
-var _settingsList = require("@oxyhq/bloom/settings-list");
-var _SettingsIcon = require("../components/SettingsIcon.js");
-var _useI18n = require("../hooks/useI18n.js");
-var _theme = require("@oxyhq/bloom/theme");
-var _OxyContext = require("../context/OxyContext.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ModernAccountSwitcherScreen = ({
-  onClose,
-  theme,
-  navigate,
-  goBack
-}) => {
-  const bloomTheme = (0, _theme.useTheme)();
-  // Use useOxy() hook for OxyContext values
-  const {
-    oxyServices,
-    user,
-    sessions = [],
-    activeSessionId = null,
-    switchSession,
-    removeSession,
-    logoutAll,
-    refreshSessions,
-    isLoading = false,
-    isAuthenticated = false,
-    actingAs,
-    managedAccounts,
-    setActingAs
-  } = (0, _OxyContext.useOxy)();
-  const [sessionsWithUsers, setSessionsWithUsers] = (0, _react.useState)([]);
-  const [switchingToUserId, setSwitchingToUserId] = (0, _react.useState)(null);
-  const [removingUserId, setRemovingUserId] = (0, _react.useState)(null);
-  const [switchingManagedId, setSwitchingManagedId] = (0, _react.useState)(null);
-
-  // Device session management state
-  const [showDeviceManagement, setShowDeviceManagement] = (0, _react.useState)(false);
-  const [deviceSessions, setDeviceSessions] = (0, _react.useState)([]);
-  const [loadingDeviceSessions, setLoadingDeviceSessions] = (0, _react.useState)(false);
-  const [remotingLogoutSessionId, setRemoteLogoutSessionId] = (0, _react.useState)(null);
-  const [loggingOutAllDevices, setLoggingOutAllDevices] = (0, _react.useState)(false);
-
-  // Pending state for prompts
-  const [pendingRemoveSession, setPendingRemoveSession] = (0, _react.useState)(null);
-  const [pendingRemoteLogout, setPendingRemoteLogout] = (0, _react.useState)(null);
-
-  // Prompt controls
-  const removeSessionDialog = (0, _bloom.useDialogControl)();
-  const logoutAllDialog = (0, _bloom.useDialogControl)();
-  const remoteLogoutDialog = (0, _bloom.useDialogControl)();
-  const logoutAllDevicesDialog = (0, _bloom.useDialogControl)();
-  const screenWidth = _reactNative.Dimensions.get('window').width;
-  const {
-    t,
-    locale
-  } = (0, _useI18n.useI18n)();
-  const styles = (0, _react.useMemo)(() => createStyles(bloomTheme.colors), [bloomTheme.colors]);
-
-  // Refresh sessions when screen loads
-  (0, _react.useEffect)(() => {
-    if (isAuthenticated && activeSessionId && refreshSessions) {
-      refreshSessions();
-    }
-  }, [isAuthenticated, activeSessionId, refreshSessions]);
-
-  // Memoize session IDs to prevent unnecessary re-renders
-  const sessionIds = (0, _react.useMemo)(() => sessions.map(s => s.sessionId).join(','), [sessions]);
-
-  // Re-load the session profiles whenever the active user's identity
-  // changes (e.g. the user just picked a username in the onboarding flow).
-  // Without this, the cached batch result still has the pre-username state
-  // and `@unknown` shows in the switcher even though the username is saved.
-  const activeUserSignature = (0, _react.useMemo)(() => {
-    if (!user) return '';
-    const username = typeof user.username === 'string' ? user.username : '';
-    const avatar = typeof user.avatar === 'string' ? user.avatar : '';
-    const displayName = typeof user.name === 'string' ? user.name : typeof user.name === 'object' && user.name !== null ? user.name.full || user.name.first || '' : '';
-    return `${username}|${avatar}|${displayName}`;
-  }, [user]);
-
-  // Load user profiles for sessions
-  // Production-ready: Optimized with batching, memoization, and error handling
-  (0, _react.useEffect)(() => {
-    let cancelled = false;
-    const loadUserProfiles = async () => {
-      if (!sessions.length || !oxyServices || cancelled) return;
-
-      // Sessions are already deduplicated by userId at the core level (OxyContext)
-      const uniqueSessions = sessions;
-
-      // Initialize loading state
-      setSessionsWithUsers(uniqueSessions.map(session => ({
-        ...session,
-        isLoadingProfile: true
-      })));
-
-      // Batch load profiles for better performance using batch endpoint
-      try {
-        const sessionIds = uniqueSessions.map(s => s.sessionId);
-        const batchResults = await oxyServices.getUsersBySessions(sessionIds);
-
-        // Create a map for O(1) lookup
-        const userProfileMap = new Map();
-        batchResults.forEach(({
-          sessionId,
-          user
-        }) => {
-          userProfileMap.set(sessionId, user);
-        });
-        if (cancelled) return;
-
-        // Update sessions with loaded profiles - optimized with Map for O(1) lookup
-        setSessionsWithUsers(prev => {
-          return prev.map(session => {
-            const userProfile = userProfileMap.get(session.sessionId);
-            return {
-              ...session,
-              userProfile: userProfile || undefined,
-              isLoadingProfile: false
-            };
-          });
-        });
-      } catch (error) {
-        if (!cancelled && __DEV__) {
-          console.error('Failed to load user profiles:', error);
-        }
-        if (!cancelled) {
-          setSessionsWithUsers(prev => prev.map(s => ({
-            ...s,
-            isLoadingProfile: false
-          })));
-        }
-      }
-    };
-    loadUserProfiles();
-    return () => {
-      cancelled = true;
-    };
-  }, [sessionIds, oxyServices, sessions, activeUserSignature]);
-  const handleSwitchSession = (0, _react.useCallback)(async sessionId => {
-    if (sessionId === (activeSessionId ?? null)) return; // Already active session
-    if (switchingToUserId) return; // Already switching
-
-    setSwitchingToUserId(sessionId);
-    try {
-      await switchSession(sessionId);
-      _bloom.toast.success(t('accountSwitcher.toasts.switchSuccess') || 'Account switched successfully!');
-      if (onClose) {
-        onClose();
-      }
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Switch session failed:', error);
-      }
-      _bloom.toast.error(t('accountSwitcher.toasts.switchFailed') || 'There was a problem switching accounts. Please try again.');
-    } finally {
-      setSwitchingToUserId(null);
-    }
-  }, [activeSessionId, switchSession, onClose, t, switchingToUserId]);
-  const confirmRemoveSession = (0, _react.useCallback)((sessionId, displayName) => {
-    if (removingUserId) return;
-    setPendingRemoveSession({
-      sessionId,
-      displayName
-    });
-    removeSessionDialog.open();
-  }, [removingUserId, removeSessionDialog]);
-  const handleRemoveSession = (0, _react.useCallback)(async () => {
-    if (!pendingRemoveSession) return;
-    const {
-      sessionId
-    } = pendingRemoveSession;
-    setRemovingUserId(sessionId);
-    try {
-      await removeSession(sessionId);
-      _bloom.toast.success(t('accountSwitcher.toasts.removeSuccess') || 'Account removed successfully!');
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Remove session failed:', error);
-      }
-      _bloom.toast.error(t('accountSwitcher.toasts.removeFailed') || 'There was a problem removing the account. Please try again.');
-    } finally {
-      setRemovingUserId(null);
-      setPendingRemoveSession(null);
-    }
-  }, [pendingRemoveSession, removeSession, t]);
-  const confirmLogoutAll = (0, _react.useCallback)(() => {
-    logoutAllDialog.open();
-  }, [logoutAllDialog]);
-  const handleLogoutAll = (0, _react.useCallback)(async () => {
-    try {
-      await logoutAll();
-      _bloom.toast.success(t('accountSwitcher.toasts.signOutAllSuccess') || 'All accounts signed out successfully!');
-      if (onClose) {
-        onClose();
-      }
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Logout all failed:', error);
-      }
-      const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
-      _bloom.toast.error(t('accountSwitcher.toasts.signOutAllFailed', {
-        error: errorMessage
-      }) || `There was a problem signing out: ${errorMessage}`);
-    }
-  }, [logoutAll, onClose, t]);
-  const handleSwitchToManagedAccount = (0, _react.useCallback)(async accountId => {
-    if (actingAs === accountId) return; // Already acting as this account
-    if (switchingManagedId) return; // Already switching
-
-    setSwitchingManagedId(accountId);
-    try {
-      setActingAs(accountId);
-      _bloom.toast.success(t('accountSwitcher.toasts.switchSuccess') || 'Switched identity successfully!');
-      onClose?.();
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Switch managed account failed:', error);
-      }
-      _bloom.toast.error('Failed to switch identity. Please try again.');
-    } finally {
-      setSwitchingManagedId(null);
-    }
-  }, [actingAs, switchingManagedId, setActingAs, t, onClose]);
-  const handleSwitchBackToPrimary = (0, _react.useCallback)(() => {
-    setActingAs(null);
-    _bloom.toast.success('Switched back to primary account');
-  }, [setActingAs]);
-
-  // Device session management functions - optimized with useCallback
-  const loadAllDeviceSessions = (0, _react.useCallback)(async () => {
-    const currentActiveSessionId = activeSessionId ?? null;
-    if (!oxyServices || !currentActiveSessionId) return;
-    setLoadingDeviceSessions(true);
-    try {
-      const allSessions = await oxyServices.getDeviceSessions(currentActiveSessionId);
-      setDeviceSessions(allSessions || []);
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Failed to load device sessions:', error);
-      }
-      _bloom.toast.error(t('accountSwitcher.toasts.deviceLoadFailed') || 'Failed to load device sessions. Please try again.');
-    } finally {
-      setLoadingDeviceSessions(false);
-    }
-  }, [oxyServices, activeSessionId, t]);
-  const confirmRemoteSessionLogout = (0, _react.useCallback)((sessionId, deviceName) => {
-    if (remotingLogoutSessionId) return;
-    setPendingRemoteLogout({
-      sessionId,
-      deviceName
-    });
-    remoteLogoutDialog.open();
-  }, [remotingLogoutSessionId, remoteLogoutDialog]);
-  const handleRemoteSessionLogout = (0, _react.useCallback)(async () => {
-    if (!pendingRemoteLogout) return;
-    const {
-      sessionId
-    } = pendingRemoteLogout;
-    setRemoteLogoutSessionId(sessionId);
-    try {
-      await oxyServices?.logoutSession((activeSessionId ?? null) || '', sessionId);
-      await loadAllDeviceSessions();
-      _bloom.toast.success(t('accountSwitcher.toasts.remoteSignOutSuccess', {
-        deviceName: pendingRemoteLogout.deviceName
-      }) || `Signed out from ${pendingRemoteLogout.deviceName} successfully!`);
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Remote logout failed:', error);
-      }
-      _bloom.toast.error(t('accountSwitcher.toasts.remoteSignOutFailed') || 'There was a problem signing out from the device. Please try again.');
-    } finally {
-      setRemoteLogoutSessionId(null);
-      setPendingRemoteLogout(null);
-    }
-  }, [pendingRemoteLogout, activeSessionId, oxyServices, loadAllDeviceSessions, t]);
-  const confirmLogoutAllDevices = (0, _react.useCallback)(() => {
-    const otherDevicesCount = deviceSessions.filter(session => !session.isCurrent).length;
-    if (otherDevicesCount === 0) {
-      _bloom.toast.info(t('accountSwitcher.toasts.noOtherDeviceSessions') || 'No other device sessions found to sign out from.');
-      return;
-    }
-    if (loggingOutAllDevices) return;
-    logoutAllDevicesDialog.open();
-  }, [deviceSessions, loggingOutAllDevices, logoutAllDevicesDialog, t]);
-  const handleLogoutAllDevices = (0, _react.useCallback)(async () => {
-    setLoggingOutAllDevices(true);
-    try {
-      await oxyServices?.logoutAllDeviceSessions((activeSessionId ?? null) || '');
-      await loadAllDeviceSessions();
-      _bloom.toast.success(t('accountSwitcher.toasts.signOutOthersSuccess') || 'Signed out from all other devices successfully!');
-    } catch (error) {
-      if (__DEV__) {
-        console.error('Logout all devices failed:', error);
-      }
-      _bloom.toast.error(t('accountSwitcher.toasts.signOutOthersFailed') || 'There was a problem signing out from other devices. Please try again.');
-    } finally {
-      setLoggingOutAllDevices(false);
-    }
-  }, [activeSessionId, oxyServices, loadAllDeviceSessions, t]);
-
-  // Memoize filtered sessions for performance
-  const otherSessions = (0, _react.useMemo)(() => sessionsWithUsers.filter(s => s.sessionId !== (activeSessionId ?? null)), [sessionsWithUsers, activeSessionId]);
-  const otherDevicesCount = (0, _react.useMemo)(() => deviceSessions.filter(session => !session.isCurrent).length, [deviceSessions]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: bloomTheme.colors.background
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Header, {
-      title: t('accountSwitcher.title') || 'Account Switcher',
-      onBack: goBack,
-      onClose: onClose,
-      showBackButton: true,
-      showCloseButton: true,
-      elevation: "subtle",
-      rightAction: {
-        icon: "refresh",
-        onPress: refreshSessions
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: styles.content,
-      children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LoadingState, {
-        message: t('accountSwitcher.loading') || 'Loading accounts...',
-        color: bloomTheme.colors.info
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [isAuthenticated && user && (() => {
-          const currentDisplayName = (0, _core.getAccountDisplayName)(user, locale);
-          const currentHandle = (0, _core.getAccountFallbackHandle)(user);
-          const avatarInitial = currentDisplayName.charAt(0).toUpperCase();
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.section,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.sectionTitle,
-              children: t('accountSwitcher.sections.current') || 'Current Account'
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, styles.firstSettingItem, styles.lastSettingItem, styles.currentAccountCard],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.userIcon,
-                children: [user.avatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-                  source: {
-                    uri: oxyServices.getFileDownloadUrl(user.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: avatarInitial
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.activeBadge,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
-                    name: "checkmark",
-                    size: 12,
-                    color: bloomTheme.colors.negativeForeground
-                  })
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.settingInfo,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.settingLabel,
-                    children: currentDisplayName
-                  }), user.email || currentHandle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.settingDescription,
-                    children: user.email || (currentHandle && user.username ? `@${currentHandle}` : currentHandle)
-                  }) : null]
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.currentBadge,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.currentBadgeText,
-                  children: t('accountSwitcher.currentBadge') || 'Current'
-                })
-              })]
-            })]
-          });
-        })(), otherSessions.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: t('accountSwitcher.sections.otherWithCount', {
-              count: otherSessions.length
-            }) || `Other Accounts (${otherSessions.length})`
-          }), otherSessions.map((sessionWithUser, index, filteredArray) => {
-            const isFirst = index === 0;
-            const isLast = index === filteredArray.length - 1;
-            const isSwitching = switchingToUserId === sessionWithUser.sessionId;
-            const isRemoving = removingUserId === sessionWithUser.sessionId;
-            const {
-              userProfile,
-              isLoadingProfile
-            } = sessionWithUser;
-
-            // Use the shared core helper so the fallback chain
-            // (name → username → publicKey → translated "Unnamed")
-            // is identical across every UI surface.
-            const displayName = (0, _core.getAccountDisplayName)(userProfile, locale);
-            const fallbackHandle = (0, _core.getAccountFallbackHandle)(userProfile);
-            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, isFirst && styles.firstSettingItem, isLast && styles.lastSettingItem],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.userIcon,
-                children: isLoadingProfile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.accountAvatarFallback,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-                    size: "small",
-                    color: bloomTheme.colors.info
-                  })
-                }) : userProfile?.avatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-                  source: {
-                    uri: oxyServices.getFileDownloadUrl(userProfile.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: displayName.charAt(0).toUpperCase()
-                  })
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.settingInfo,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.settingLabel,
-                    children: displayName
-                  }), fallbackHandle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.settingDescription,
-                    children: userProfile?.username ? `@${fallbackHandle}` : fallbackHandle
-                  }) : null]
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.accountActions,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  style: styles.switchButton,
-                  onPress: () => handleSwitchSession(sessionWithUser.sessionId),
-                  disabled: isSwitching || isRemoving,
-                  children: isSwitching ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-                    size: "small",
-                    color: bloomTheme.colors.info
-                  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.switchButtonText,
-                    children: "Switch"
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  style: styles.removeButton,
-                  onPress: () => confirmRemoveSession(sessionWithUser.sessionId, displayName),
-                  disabled: isSwitching || isRemoving,
-                  children: isRemoving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-                    size: "small",
-                    color: bloomTheme.colors.error
-                  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
-                    name: "trash",
-                    size: 16,
-                    color: bloomTheme.colors.error
-                  })
-                })]
-              })]
-            }, `session-${sessionWithUser.sessionId}-${index}`);
-          })]
-        }), actingAs && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.section,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: [styles.settingItem, styles.firstSettingItem, styles.lastSettingItem, styles.actingAsBanner],
-            onPress: handleSwitchBackToPrimary,
-            activeOpacity: 0.7,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.settingInfo,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingLabel,
-                children: "Switch back to primary account"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: "You are currently acting as another identity"
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.switchBackButton,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.switchBackButtonText,
-                children: "Switch Back"
-              })
-            })]
-          })
-        }), managedAccounts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: "Managed Accounts"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionSubtitle,
-            children: "Identities you manage"
-          }), managedAccounts.map((managed, index) => {
-            const account = managed.account;
-            if (!account) return null;
-            const isActive = actingAs === managed.accountId;
-            const isSwitching = switchingManagedId === managed.accountId;
-            const isFirst = index === 0;
-            const isLast = index === managedAccounts.length - 1;
-            const managedDisplayName = (0, _core.getAccountDisplayName)(account, locale);
-
-            // Determine the manager role for badge display
-            const myRole = managed.managers?.find(m => m.userId === user?.id)?.role ?? 'owner';
-            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              style: [styles.settingItem, isFirst && styles.firstSettingItem, isLast && styles.lastSettingItem, isActive && styles.currentAccountCard],
-              onPress: () => handleSwitchToManagedAccount(managed.accountId),
-              disabled: isActive || isSwitching,
-              activeOpacity: 0.7,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_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, styles.managedAvatarFallback],
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.accountAvatarText,
-                    children: managedDisplayName.charAt(0).toUpperCase()
-                  })
-                }), isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.activeBadge,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
-                    name: "checkmark",
-                    size: 12,
-                    color: bloomTheme.colors.negativeForeground
-                  })
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.settingInfo,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.settingLabel,
-                    children: managedDisplayName
-                  }), (() => {
-                    const handle = (0, _core.getAccountFallbackHandle)(account);
-                    return handle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: styles.settingDescription,
-                      children: account.username ? `@${handle}` : handle
-                    }) : null;
-                  })()]
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.accountActions,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.roleBadge,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.roleBadgeText,
-                    children: myRole
-                  })
-                }), isActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.currentBadge,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.currentBadgeText,
-                    children: "Current"
-                  })
-                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  style: styles.switchButton,
-                  onPress: () => handleSwitchToManagedAccount(managed.accountId),
-                  disabled: isSwitching,
-                  children: isSwitching ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-                    size: "small",
-                    color: bloomTheme.colors.negativeForeground
-                  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.switchButtonText,
-                    children: "Act As"
-                  })
-                })]
-              })]
-            }, `managed-${managed.accountId}`);
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: [styles.settingItem, styles.firstSettingItem, styles.lastSettingItem, {
-              marginTop: 8
-            }],
-            onPress: () => navigate?.('CreateManagedAccount'),
-            activeOpacity: 0.7,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.userIcon,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: [styles.accountAvatarFallback, {
-                  backgroundColor: bloomTheme.colors.primarySubtle
-                }],
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
-                  name: "add",
-                  size: 20,
-                  color: bloomTheme.colors.info
-                })
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.settingInfo,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.settingLabel, {
-                  color: bloomTheme.colors.info
-                }],
-                children: "Create New Identity"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: "Add a managed sub-account"
-              })]
-            })]
-          })]
-        }), managedAccounts.length === 0 && isAuthenticated && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: "Managed Accounts"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: [styles.settingItem, styles.firstSettingItem, styles.lastSettingItem],
-            onPress: () => navigate?.('CreateManagedAccount'),
-            activeOpacity: 0.7,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.userIcon,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: [styles.accountAvatarFallback, {
-                  backgroundColor: bloomTheme.colors.primarySubtle
-                }],
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
-                  name: "add",
-                  size: 20,
-                  color: bloomTheme.colors.info
-                })
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.settingInfo,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.settingLabel, {
-                  color: bloomTheme.colors.info
-                }],
-                children: "Create New Identity"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: "Create a managed sub-account you control"
-              })]
-            })]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.section,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
-            title: "Quick Actions",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-                name: "account-plus",
-                color: bloomTheme.colors.info
-              }),
-              title: "Add Another Account",
-              description: "Sign in with a different account",
-              onPress: () => navigate?.('OxyAuth')
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-                name: "cellphone",
-                color: bloomTheme.colors.secondary
-              }),
-              title: `${showDeviceManagement ? 'Hide' : 'Manage'} Device Sessions`,
-              description: "View and manage sessions on other devices",
-              onPress: () => setShowDeviceManagement(!showDeviceManagement)
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-                name: "logout",
-                color: bloomTheme.colors.error
-              }),
-              title: "Sign Out All Accounts",
-              description: "Remove all accounts from this device",
-              onPress: confirmLogoutAll,
-              disabled: sessionsWithUsers.length === 0,
-              destructive: true
-            })]
-          })
-        }), showDeviceManagement && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: t('accountSwitcher.sections.deviceSessions') || 'Device Sessions'
-          }), loadingDeviceSessions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-                name: "sync",
-                color: bloomTheme.colors.info
-              }),
-              title: t('accountSwitcher.device.loadingTitle') || 'Loading device sessions...',
-              description: t('accountSwitcher.device.loadingSubtitle') || 'Please wait while we fetch your device sessions',
-              disabled: true,
-              rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-                size: "small",
-                color: bloomTheme.colors.info
-              }),
-              showChevron: false
-            })
-          }) : deviceSessions.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-                name: "cellphone",
-                color: bloomTheme.colors.textTertiary
-              }),
-              title: t('accountSwitcher.device.noneTitle') || 'No device sessions found',
-              description: t('accountSwitcher.device.noneSubtitle') || 'Device session management not available',
-              disabled: true,
-              showChevron: false
-            })
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-            children: deviceSessions.map(session => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-                name: session.isCurrent ? 'cellphone' : 'cellphone-basic',
-                color: session.isCurrent ? bloomTheme.colors.success : bloomTheme.colors.textTertiary
-              }),
-              title: `${session.deviceName} ${session.isCurrent ? `(${t('accountSwitcher.device.thisDevice') || 'This device'})` : ''}`,
-              description: t('accountSwitcher.device.lastActive', {
-                date: new Date(session.lastActive).toLocaleDateString()
-              }) || `Last active: ${new Date(session.lastActive).toLocaleDateString()}`,
-              onPress: session.isCurrent ? undefined : () => confirmRemoteSessionLogout(session.sessionId, session.deviceName),
-              disabled: session.isCurrent || remotingLogoutSessionId === session.sessionId,
-              showChevron: false,
-              rightElement: !session.isCurrent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                style: styles.removeButton,
-                onPress: () => confirmRemoteSessionLogout(session.sessionId, session.deviceName),
-                disabled: remotingLogoutSessionId === session.sessionId,
-                children: remotingLogoutSessionId === session.sessionId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-                  size: "small",
-                  color: bloomTheme.colors.error
-                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
-                  name: "log-out",
-                  size: 16,
-                  color: bloomTheme.colors.error
-                })
-              }) : undefined
-            }, `device-session-${session.sessionId}`))
-          })]
-        }), sessionsWithUsers.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.section,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-                name: "account-outline",
-                color: bloomTheme.colors.textTertiary
-              }),
-              title: t('accountSwitcher.empty.title') || 'No saved accounts',
-              description: t('accountSwitcher.empty.subtitle') || 'Add another account to switch between them quickly',
-              onPress: () => navigate?.('OxyAuth'),
-              rightElement: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.emptyStateContainer,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyIcon.default, {
-                  name: "person-outline",
-                  size: 48,
-                  color: bloomTheme.colors.textTertiary
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.emptyStateTitle,
-                  children: t('accountSwitcher.empty.title') || 'No saved accounts'
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.emptyStateDescription,
-                  children: t('accountSwitcher.empty.subtitle') || 'Add another account to switch between them quickly'
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  style: styles.addAccountButton,
-                  onPress: () => navigate?.('OxyAuth'),
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.addAccountButtonText,
-                    children: t('accountCenter.sections.addAccount') || 'Add Account'
-                  })
-                })]
-              }),
-              showChevron: false
-            })
-          })
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: removeSessionDialog,
-      title: t('accountSwitcher.confirms.removeTitle') || 'Remove Account',
-      description: pendingRemoveSession ? t('accountSwitcher.confirms.remove', {
-        displayName: pendingRemoveSession.displayName
-      }) || `Are you sure you want to remove ${pendingRemoveSession.displayName} from this device? You'll need to sign in again to access this account.` : '',
-      actions: [{
-        label: t('common.remove') || 'Remove',
-        color: 'destructive',
-        onPress: handleRemoveSession
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: logoutAllDialog,
-      title: t('accountSwitcher.confirms.logoutAllTitle') || 'Sign Out All',
-      description: t('accountSwitcher.confirms.logoutAll') || 'Are you sure you want to sign out of all accounts? This will remove all saved accounts from this device.',
-      actions: [{
-        label: t('common.signOutAll') || 'Sign Out All',
-        color: 'destructive',
-        onPress: handleLogoutAll
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: remoteLogoutDialog,
-      title: t('accountSwitcher.confirms.remoteLogoutTitle') || 'Remote Sign Out',
-      description: pendingRemoteLogout ? t('accountSwitcher.confirms.remoteLogout', {
-        deviceName: pendingRemoteLogout.deviceName
-      }) || `Are you sure you want to sign out from "${pendingRemoteLogout.deviceName}"? This will end the session on that device.` : '',
-      actions: [{
-        label: t('common.signOut') || 'Sign Out',
-        color: 'destructive',
-        onPress: handleRemoteSessionLogout
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: logoutAllDevicesDialog,
-      title: t('accountSwitcher.confirms.logoutOthersTitle') || 'Sign Out Other Devices',
-      description: t('accountSwitcher.confirms.logoutOthers', {
-        count: otherDevicesCount
-      }) || `Are you sure you want to sign out from all ${otherDevicesCount} other device(s)? This will end sessions on all other devices except this one.`,
-      actions: [{
-        label: t('common.signOutAll') || 'Sign Out All',
-        color: 'destructive',
-        onPress: handleLogoutAllDevices
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    })]
-  });
-};
-const createStyles = colors => _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: colors.background
-  },
-  content: {
-    flex: 1,
-    padding: 16
-  },
-  section: {
-    marginBottom: 24
-  },
-  sectionTitle: {
-    fontSize: 16,
-    fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined,
-    color: colors.text
-  },
-  settingItem: {
-    backgroundColor: colors.card,
-    padding: 16,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginBottom: 2
-  },
-  firstSettingItem: {
-    borderTopLeftRadius: 24,
-    borderTopRightRadius: 24
-  },
-  lastSettingItem: {
-    borderBottomLeftRadius: 24,
-    borderBottomRightRadius: 24,
-    marginBottom: 8
-  },
-  currentAccountCard: {
-    borderWidth: 2,
-    borderColor: colors.info,
-    backgroundColor: colors.primarySubtle
-  },
-  settingInfo: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    flex: 1
-  },
-  settingLabel: {
-    fontSize: 16,
-    fontWeight: '500',
-    color: colors.text,
-    marginBottom: 2
-  },
-  settingDescription: {
-    fontSize: 14,
-    color: colors.textSecondary
-  },
-  userIcon: {
-    marginRight: 12,
-    position: 'relative'
-  },
-  accountAvatarImage: {
-    width: 40,
-    height: 40,
-    borderRadius: 20
-  },
-  accountAvatarFallback: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-    backgroundColor: colors.primary,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  accountAvatarText: {
-    color: colors.negativeForeground,
-    fontSize: 18,
-    fontWeight: 'bold'
-  },
-  activeBadge: {
-    position: 'absolute',
-    top: -2,
-    right: -2,
-    width: 16,
-    height: 16,
-    borderRadius: 8,
-    backgroundColor: colors.success,
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderWidth: 2,
-    borderColor: colors.card
-  },
-  currentBadge: {
-    backgroundColor: colors.info,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 12
-  },
-  currentBadgeText: {
-    color: colors.negativeForeground,
-    fontSize: 12,
-    fontWeight: '600'
-  },
-  accountActions: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 8
-  },
-  switchButton: {
-    backgroundColor: colors.info,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    borderRadius: 16,
-    minWidth: 60,
-    alignItems: 'center'
-  },
-  switchButtonText: {
-    color: colors.negativeForeground,
-    fontSize: 14,
-    fontWeight: '500'
-  },
-  removeButton: {
-    padding: 8,
-    borderRadius: 16,
-    backgroundColor: colors.card,
-    borderWidth: 1,
-    borderColor: colors.error,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  emptyStateContainer: {
-    alignItems: 'center',
-    paddingVertical: 32,
-    paddingHorizontal: 20
-  },
-  emptyStateTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    color: colors.text,
-    marginTop: 16,
-    marginBottom: 8
-  },
-  emptyStateDescription: {
-    fontSize: 14,
-    color: colors.textSecondary,
-    textAlign: 'center',
-    marginBottom: 24,
-    lineHeight: 20
-  },
-  addAccountButton: {
-    backgroundColor: colors.info,
-    paddingHorizontal: 24,
-    paddingVertical: 12,
-    borderRadius: 20
-  },
-  addAccountButtonText: {
-    color: colors.negativeForeground,
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  sectionSubtitle: {
-    fontSize: 13,
-    color: colors.textTertiary,
-    marginBottom: 12
-  },
-  managedAvatarFallback: {
-    backgroundColor: colors.secondary
-  },
-  roleBadge: {
-    backgroundColor: colors.backgroundSecondary,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    borderRadius: 8
-  },
-  roleBadgeText: {
-    color: colors.textSecondary,
-    fontSize: 11,
-    fontWeight: '500',
-    textTransform: 'capitalize'
-  },
-  actingAsBanner: {
-    borderWidth: 2,
-    borderColor: colors.warning,
-    backgroundColor: colors.primarySubtle
-  },
-  switchBackButton: {
-    backgroundColor: colors.warning,
-    paddingHorizontal: 14,
-    paddingVertical: 8,
-    borderRadius: 16
-  },
-  switchBackButtonText: {
-    color: colors.negativeForeground,
-    fontSize: 13,
-    fontWeight: '600'
-  }
-});
-var _default = exports.default = ModernAccountSwitcherScreen;
-//# sourceMappingURL=AccountSwitcherScreen.js.map