@oxyhq/services 6.9.15 → 6.9.16

package/src/ui/screens/AccountCenterScreen.js

@@ -1,202 +0,0 @@
-"use strict";
-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_native_1 = require("react-native");
-const react_1 = require("react");
-const core_1 = require("@oxyhq/core");
-const sonner_1 = require("../../lib/sonner");
-const confirmAction_1 = require("../utils/confirmAction");
-const fonts_1 = require("../styles/fonts");
-const ProfileCard_1 = __importDefault(require("../components/ProfileCard"));
-const Section_1 = __importDefault(require("../components/Section"));
-const QuickActions_1 = __importDefault(require("../components/QuickActions"));
-const GroupedSection_1 = __importDefault(require("../components/GroupedSection"));
-const GroupedItem_1 = __importDefault(require("../components/GroupedItem"));
-const useI18n_1 = require("../hooks/useI18n");
-const useThemeStyles_1 = require("../hooks/useThemeStyles");
-const useColorScheme_1 = require("../hooks/useColorScheme");
-const theme_1 = require("../constants/theme");
-const themeUtils_1 = require("../utils/themeUtils");
-const OxyContext_1 = require("../context/OxyContext");
-const spacing_1 = require("../constants/spacing");
-const AccountCenterScreen = ({ onClose, theme, navigate, }) => {
-    // Use useOxy() hook for OxyContext values
-    const { user, logout, isLoading, sessions, isAuthenticated } = (0, OxyContext_1.useOxy)();
-    const { t } = (0, useI18n_1.useI18n)();
-    const colorScheme = (0, useColorScheme_1.useColorScheme)();
-    const normalizedTheme = (0, themeUtils_1.normalizeTheme)(theme);
-    const themeStyles = (0, useThemeStyles_1.useThemeStyles)(normalizedTheme, colorScheme);
-    // AccountCenterScreen uses a slightly different light background
-    const backgroundColor = themeStyles.isDarkTheme ? themeStyles.backgroundColor : '#f2f2f2';
-    // Extract commonly used colors for readability - ensure colors is always defined
-    const { textColor, secondaryBackgroundColor, borderColor, primaryColor, dangerColor, colors: themeColors } = themeStyles;
-    const colors = themeColors || theme_1.Colors[(0, themeUtils_1.normalizeColorScheme)(colorScheme, normalizedTheme)];
-    // Memoized logout handler - prevents unnecessary re-renders
-    const handleLogout = (0, react_1.useCallback)(async () => {
-        try {
-            await logout();
-            if (onClose) {
-                onClose();
-            }
-        }
-        catch (error) {
-            if (__DEV__) {
-                console.error('Logout failed:', error);
-            }
-            sonner_1.toast.error(t('common.errors.signOutFailed') || 'There was a problem signing you out. Please try again.');
-        }
-    }, [logout, onClose, t]);
-    // Memoized confirm logout handler - prevents unnecessary re-renders
-    const confirmLogout = (0, react_1.useCallback)(() => {
-        (0, confirmAction_1.confirmAction)(t('common.confirms.signOut') || 'Are you sure you want to sign out?', handleLogout);
-    }, [handleLogout, t]);
-    if (!isAuthenticated) {
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { backgroundColor }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.message, { color: textColor }], children: t('common.status.notSignedIn') || 'Not signed in' }) }));
-    }
-    if (isLoading) {
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { backgroundColor, justifyContent: 'center' }], children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "large", color: primaryColor }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor }], children: [user && ((0, jsx_runtime_1.jsx)(ProfileCard_1.default, { user: user, theme: normalizedTheme, onEditPress: () => navigate?.('AccountSettings', { activeTab: 'profile' }), onClosePress: onClose, showCloseButton: !!onClose })), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { style: styles.scrollView, contentContainerStyle: styles.scrollContainer, showsVerticalScrollIndicator: false, children: [(0, jsx_runtime_1.jsx)(Section_1.default, { title: t('accountCenter.sections.quickActions') || 'Quick Actions', isFirst: true, children: (0, jsx_runtime_1.jsx)(QuickActions_1.default, { theme: normalizedTheme, actions: (0, react_1.useMemo)(() => [
-                                { id: 'overview', icon: 'account-circle', iconColor: colors.iconSecurity, title: t('accountCenter.quickActions.overview') || 'Overview', onPress: () => navigate?.('AccountOverview') },
-                                { id: 'settings', icon: 'cog', iconColor: colors.iconData, title: t('accountCenter.quickActions.editProfile') || 'Edit Profile', onPress: () => navigate?.('AccountSettings') },
-                                { id: 'sessions', icon: 'shield-check', iconColor: colors.iconSecurity, title: t('accountCenter.quickActions.sessions') || 'Sessions', onPress: () => navigate?.('SessionManagement') },
-                                { id: 'premium', icon: 'star', iconColor: colors.iconPayments, title: t('accountCenter.quickActions.premium') || 'Premium', onPress: () => navigate?.('PremiumSubscription') },
-                                ...(user?.isPremium ? [{ id: 'billing', icon: 'card', iconColor: colors.iconPersonalInfo, title: t('accountCenter.quickActions.billing') || 'Billing', onPress: () => navigate?.('PaymentGateway') }] : []),
-                                ...(sessions && sessions.length > 1 ? [{ id: 'switch', icon: 'swap-horizontal', iconColor: colors.iconStorage, title: t('accountCenter.quickActions.switch') || 'Switch', onPress: () => navigate?.('AccountSwitcher') }] : []),
-                            ], [user?.isPremium, sessions, navigate, t, colors]) }) }), (0, jsx_runtime_1.jsx)(Section_1.default, { title: t('accountCenter.sections.accountManagement') || 'Account Management', children: (0, jsx_runtime_1.jsx)(GroupedSection_1.default, { items: (0, react_1.useMemo)(() => [
-                                {
-                                    id: 'overview',
-                                    icon: 'account-circle',
-                                    iconColor: colors.iconSecurity,
-                                    title: t('accountCenter.items.accountOverview.title') || 'Account Overview',
-                                    subtitle: t('accountCenter.items.accountOverview.subtitle') || 'Complete account information',
-                                    onPress: () => navigate?.('AccountOverview'),
-                                },
-                                {
-                                    id: 'settings',
-                                    icon: 'cog',
-                                    iconColor: colors.iconData,
-                                    title: t('accountCenter.items.editProfile.title') || 'Edit Profile',
-                                    subtitle: t('accountCenter.items.editProfile.subtitle') || 'Manage your profile and preferences',
-                                    onPress: () => navigate?.('AccountSettings'),
-                                },
-                                {
-                                    id: 'sessions',
-                                    icon: 'shield-check',
-                                    iconColor: colors.iconSecurity,
-                                    title: t('accountCenter.items.manageSessions.title') || 'Manage Sessions',
-                                    subtitle: t('accountCenter.items.manageSessions.subtitle') || 'Security and active devices',
-                                    onPress: () => navigate?.('SessionManagement'),
-                                },
-                                {
-                                    id: 'files',
-                                    icon: 'folder',
-                                    iconColor: colors.iconStorage,
-                                    title: t('accountCenter.items.fileManagement.title') || 'File Management',
-                                    subtitle: t('accountCenter.items.fileManagement.subtitle') || 'Upload, download, and manage your files',
-                                    onPress: () => navigate?.('FileManagement'),
-                                },
-                                {
-                                    id: 'premium',
-                                    icon: 'star',
-                                    iconColor: colors.iconPayments,
-                                    title: t('accountCenter.items.premium.title') || 'Oxy+ Subscriptions',
-                                    subtitle: user?.isPremium ? (t('accountCenter.items.premium.manage') || 'Manage your premium plan') : (t('accountCenter.items.premium.upgrade') || 'Upgrade to premium features'),
-                                    onPress: () => navigate?.('PremiumSubscription'),
-                                },
-                                ...(user?.isPremium ? [{
-                                        id: 'billing',
-                                        icon: 'card',
-                                        iconColor: colors.iconPersonalInfo,
-                                        title: t('accountCenter.items.billing.title') || 'Billing Management',
-                                        subtitle: t('accountCenter.items.billing.subtitle') || 'Payment methods and invoices',
-                                        onPress: () => navigate?.('PaymentGateway'),
-                                    }] : []),
-                            ], [user?.isPremium, navigate, t, colors]) }) }), sessions && sessions.length > 1 && ((0, jsx_runtime_1.jsx)(Section_1.default, { title: t('accountCenter.sections.multiAccount') || 'Multi-Account', children: (0, jsx_runtime_1.jsx)(GroupedSection_1.default, { items: (0, react_1.useMemo)(() => [
-                                {
-                                    id: 'switch',
-                                    icon: 'account-group',
-                                    iconColor: colors.iconStorage,
-                                    title: t('accountCenter.items.switchAccount.title') || 'Switch Account',
-                                    subtitle: t('accountCenter.items.switchAccount.subtitle', { count: sessions.length }) || `${sessions.length} accounts available`,
-                                    onPress: () => navigate?.('AccountSwitcher'),
-                                },
-                                {
-                                    id: 'add',
-                                    icon: 'account-plus',
-                                    iconColor: colors.iconPersonalInfo,
-                                    title: t('accountCenter.items.addAccount.title') || 'Add Another Account',
-                                    subtitle: t('accountCenter.items.addAccount.subtitle') || 'Sign in with a different account',
-                                    onPress: () => navigate?.('OxyAuth'),
-                                },
-                            ], [sessions.length, navigate, t, colors]) }) })), (!sessions || sessions.length <= 1) && ((0, jsx_runtime_1.jsx)(Section_1.default, { title: t('accountCenter.sections.addAccount') || 'Add Account', children: (0, jsx_runtime_1.jsx)(GroupedSection_1.default, { items: (0, react_1.useMemo)(() => [
-                                {
-                                    id: 'add',
-                                    icon: 'account-plus',
-                                    iconColor: colors.iconPersonalInfo,
-                                    title: t('accountCenter.items.addAccount.title') || 'Add Another Account',
-                                    subtitle: t('accountCenter.items.addAccount.subtitle') || 'Sign in with a different account',
-                                    onPress: () => navigate?.('OxyAuth'),
-                                },
-                            ], [navigate, t, colors]) }) })), (0, jsx_runtime_1.jsx)(Section_1.default, { title: t('accountCenter.sections.moreOptions') || 'More Options', children: (0, jsx_runtime_1.jsx)(GroupedSection_1.default, { items: (0, react_1.useMemo)(() => [
-                                ...(react_native_1.Platform.OS !== 'web' ? [{
-                                        id: 'notifications',
-                                        icon: 'bell',
-                                        iconColor: colors.iconStorage,
-                                        title: t('accountCenter.items.notifications.title') || 'Notifications',
-                                        subtitle: t('accountCenter.items.notifications.subtitle') || 'Manage notification settings',
-                                        onPress: () => navigate?.('AccountSettings', { activeTab: 'notifications' }),
-                                    }] : []),
-                                {
-                                    id: 'language',
-                                    icon: 'translate',
-                                    iconColor: colors.iconPersonalInfo,
-                                    title: t('language.title') || 'Language',
-                                    subtitle: t('language.subtitle') || 'Choose your preferred language',
-                                    onPress: () => navigate?.('LanguageSelector'),
-                                },
-                                {
-                                    id: 'help',
-                                    icon: 'help-circle',
-                                    iconColor: colors.iconSecurity,
-                                    title: t('accountOverview.items.help.title') || 'Help & Support',
-                                    subtitle: t('accountOverview.items.help.subtitle') || 'Get help and contact support',
-                                    onPress: () => navigate?.('HelpSupport'),
-                                },
-                                {
-                                    id: 'appinfo',
-                                    icon: 'information',
-                                    iconColor: '#8E8E93',
-                                    title: t('accountCenter.items.appInfo.title') || 'App Information',
-                                    subtitle: t('accountCenter.items.appInfo.subtitle') || 'Version and system details',
-                                    onPress: () => navigate?.('AppInfo'),
-                                },
-                            ], [navigate, t, colors, react_native_1.Platform.OS]) }) }), (0, jsx_runtime_1.jsx)(Section_1.default, { children: (0, jsx_runtime_1.jsx)(GroupedItem_1.default, { icon: "logout", iconColor: dangerColor, title: isLoading ? (t('accountCenter.signingOut') || 'Signing out...') : (t('common.actions.signOut') || 'Sign Out'), onPress: confirmLogout, isFirst: true, isLast: true, showChevron: false, disabled: isLoading, customContent: isLoading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: dangerColor, size: "small", style: { marginRight: 16 } })) : null }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.versionContainer, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.versionText, { color: themeStyles.isDarkTheme ? '#666666' : '#999999' }], children: t('accountCenter.version', { version: core_1.packageInfo.version }) || `Version ${core_1.packageInfo.version}` }) })] })] }));
-};
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    scrollView: {
-        flex: 1,
-    },
-    scrollContainer: spacing_1.screenContentStyle,
-    versionContainer: {
-        alignItems: 'center',
-        marginTop: 20,
-        marginBottom: 20,
-    },
-    versionText: {
-        fontSize: 12,
-        fontFamily: fonts_1.fontFamilies.inter,
-    },
-    message: {
-        fontSize: 16,
-        textAlign: 'center',
-        marginTop: 24,
-    },
-});
-exports.default = AccountCenterScreen;

package/src/ui/screens/AccountOverviewScreen.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { BaseScreenProps } from '../types/navigation';
-declare const _default: React.NamedExoticComponent<BaseScreenProps>;
-export default _default;