@oxyhq/services 5.16.17 → 5.16.18

package/src/ui/screens/AccountOverviewScreen.tsx

@@ -398,7 +398,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'profile-info',
-                                icon: 'person',
+                                icon: 'account',
                                 iconColor: baseThemeStyles.colors.iconSecurity,
                                 title: displayName,
                                 subtitle: user ? (user.email || user.username) : (t('common.status.loading') || 'Loading...'),
@@ -414,7 +414,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'edit-profile',
-                                icon: 'person-circle',
+                                icon: 'account-circle',
                                 iconColor: baseThemeStyles.colors.iconPersonalInfo,
                                 title: t('accountOverview.items.editProfile.title'),
                                 subtitle: t('accountOverview.items.editProfile.subtitle'),
@@ -422,7 +422,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'security-privacy',
-                                icon: 'shield-checkmark',
+                                icon: 'shield-check',
                                 iconColor: baseThemeStyles.colors.iconSecurity,
                                 title: t('accountOverview.items.security.title'),
                                 subtitle: t('accountOverview.items.security.subtitle'),
@@ -430,7 +430,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'notifications',
-                                icon: 'notifications',
+                                icon: 'bell',
                                 iconColor: baseThemeStyles.colors.iconStorage,
                                 title: t('accountOverview.items.notifications.title'),
                                 subtitle: t('accountOverview.items.notifications.subtitle'),
@@ -483,7 +483,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             <GroupedSection
                                 items={additionalAccountsData.map((account, index) => ({
                                     id: `account-${account.id}`,
-                                    icon: 'person',
+                                    icon: 'account',
                                     iconColor: baseThemeStyles.colors.iconData,
                                     title: typeof account.name === 'object'
                                         ? account.name?.full || account.name?.first || account.username
@@ -519,7 +519,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                                 items={[
                                     {
                                         id: 'no-accounts',
-                                        icon: 'person-outline',
+                                        icon: 'account-outline',
                                         iconColor: '#ccc',
                                         title: t('accountOverview.additional.noAccounts.title') || 'No other accounts',
                                         subtitle: t('accountOverview.additional.noAccounts.subtitle') || 'Add another account to switch between them',
@@ -546,7 +546,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                                 },
                                 {
                                     id: 'sign-out-all',
-                                    icon: 'log-out',
+                                    icon: 'logout',
                                     iconColor: baseThemeStyles.colors.iconSharing,
                                     title: t('accountOverview.items.signOutAll.title') || 'Sign out of all accounts',
                                     subtitle: t('accountOverview.items.signOutAll.subtitle') || 'Remove all accounts from this device',
@@ -564,7 +564,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'account-switcher',
-                                icon: 'people',
+                                icon: 'account-group',
                                 iconColor: baseThemeStyles.colors.iconData,
                                 title: showMoreAccounts
                                     ? t('accountOverview.items.accountSwitcher.titleHide')
@@ -580,7 +580,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'history-view',
-                                icon: 'time',
+                                icon: 'clock',
                                 iconColor: baseThemeStyles.colors.iconSecurity,
                                 title: t('accountOverview.items.history.title') || 'History',
                                 subtitle: t('accountOverview.items.history.subtitle') || 'View and manage your search history',
@@ -604,7 +604,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'delete-account',
-                                icon: 'trash',
+                                icon: 'delete',
                                 iconColor: baseThemeStyles.colors.iconSharing,
                                 title: t('accountOverview.items.deleteAccount.title'),
                                 subtitle: t('accountOverview.items.deleteAccount.subtitle'),
@@ -621,7 +621,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'search-settings',
-                                icon: 'search',
+                                icon: 'magnify',
                                 iconColor: baseThemeStyles.colors.iconSecurity,
                                 title: t('accountOverview.items.searchSettings.title') || 'Search Settings',
                                 subtitle: t('accountOverview.items.searchSettings.subtitle') || 'SafeSearch and personalization',
@@ -629,7 +629,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'language-settings',
-                                icon: 'language',
+                                icon: 'translate',
                                 iconColor: baseThemeStyles.colors.iconPersonalInfo,
                                 title: t('accountOverview.items.language.title') || 'Language',
                                 subtitle: t('accountOverview.items.language.subtitle') || 'Choose your preferred language',
@@ -637,7 +637,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'account-preferences',
-                                icon: 'settings',
+                                icon: 'cog',
                                 iconColor: '#8E8E93',
                                 title: t('accountOverview.items.preferences.title'),
                                 subtitle: t('accountOverview.items.preferences.subtitle'),
@@ -653,7 +653,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'privacy-policy',
-                                icon: 'shield-checkmark',
+                                icon: 'shield-check',
                                 iconColor: baseThemeStyles.colors.iconPersonalInfo,
                                 title: t('accountOverview.items.privacyPolicy.title') || 'Privacy Policy',
                                 subtitle: t('accountOverview.items.privacyPolicy.subtitle') || 'How we handle your data',
@@ -661,7 +661,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'terms-of-service',
-                                icon: 'document-text',
+                                icon: 'file-document',
                                 iconColor: baseThemeStyles.colors.iconSecurity,
                                 title: t('accountOverview.items.termsOfService.title') || 'Terms of Service',
                                 subtitle: t('accountOverview.items.termsOfService.subtitle') || 'Terms and conditions of use',
@@ -677,7 +677,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'about',
-                                icon: 'information-circle',
+                                icon: 'information',
                                 iconColor: '#8E8E93',
                                 title: t('accountOverview.items.about.title'),
                                 subtitle: t('accountOverview.items.about.subtitle'),
@@ -691,7 +691,7 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                 {/* Sign Out */}
                 <Section title={t('accountOverview.sections.actions')} >
                     <GroupedItem
-                        icon="log-out"
+                        icon="logout"
                         iconColor="#FF3B30"
                         title={t('accountOverview.items.signOut.title')}
                         subtitle={t('accountOverview.items.signOut.subtitle')}

package/src/ui/screens/AccountSettingsScreen.tsx

@@ -1038,10 +1038,10 @@ const AccountSettingsScreen: React.FC<BaseScreenProps & { initialField?: string;
             );
         }
         const fieldConfig = {
-            displayName: { label: 'Display Name', value: displayName, placeholder: 'Enter your display name', icon: 'person', color: colors.iconPersonalInfo, multiline: false, keyboardType: 'default' as const },
+            displayName: { label: 'Display Name', value: displayName, placeholder: 'Enter your display name', icon: 'account', color: colors.iconPersonalInfo, multiline: false, keyboardType: 'default' as const },
             username: { label: 'Username', value: username, placeholder: 'Choose a username', icon: 'at', color: colors.iconData, multiline: false, keyboardType: 'default' as const },
             email: { label: 'Email', value: email, placeholder: 'Enter your email address', icon: 'mail', color: colors.iconStorage, multiline: false, keyboardType: 'email-address' as const },
-            bio: { label: 'Bio', value: bio, placeholder: 'Tell people about yourself...', icon: 'document-text', color: colors.iconPersonalInfo, multiline: true, keyboardType: 'default' as const },
+            bio: { label: 'Bio', value: bio, placeholder: 'Tell people about yourself...', icon: 'file-document', color: colors.iconPersonalInfo, multiline: true, keyboardType: 'default' as const },
             location: { label: 'Location', value: location, placeholder: 'Enter your location', icon: 'location', color: colors.iconSharing, multiline: false, keyboardType: 'default' as const },
             links: { label: 'Links', value: links.join(', '), placeholder: 'Enter your links (comma separated)', icon: 'link', color: colors.iconPersonalInfo, multiline: false, keyboardType: 'url' as const }
         };

package/src/ui/screens/AccountSwitcherScreen.tsx

@@ -456,7 +456,7 @@ const ModernAccountSwitcherScreen: React.FC<BaseScreenProps> = ({
                                 items={[
                                     {
                                         id: 'add-account',
-                                        icon: 'person-add',
+                                        icon: 'account-plus',
                                         iconColor: '#007AFF',
                                         title: 'Add Another Account',
                                         subtitle: 'Sign in with a different account',
@@ -464,7 +464,7 @@ const ModernAccountSwitcherScreen: React.FC<BaseScreenProps> = ({
                                     },
                                     {
                                         id: 'device-management',
-                                        icon: 'phone-portrait',
+                                        icon: 'cellphone',
                                         iconColor: '#5856D6',
                                         title: `${showDeviceManagement ? 'Hide' : 'Manage'} Device Sessions`,
                                         subtitle: 'View and manage sessions on other devices',
@@ -472,7 +472,7 @@ const ModernAccountSwitcherScreen: React.FC<BaseScreenProps> = ({
                                     },
                                     {
                                         id: 'sign-out-all',
-                                        icon: 'log-out',
+                                        icon: 'logout',
                                         iconColor: '#FF3B30',
                                         title: 'Sign Out All Accounts',
                                         subtitle: 'Remove all accounts from this device',
@@ -511,7 +511,7 @@ const ModernAccountSwitcherScreen: React.FC<BaseScreenProps> = ({
                                         items={[
                                             {
                                                 id: 'no-device-sessions',
-                                                icon: 'phone-portrait',
+                                                icon: 'cellphone',
                                                 iconColor: '#ccc',
                                                 title: t('accountSwitcher.device.noneTitle') || 'No device sessions found',
                                                 subtitle: t('accountSwitcher.device.noneSubtitle') || 'Device session management not available',
@@ -524,7 +524,7 @@ const ModernAccountSwitcherScreen: React.FC<BaseScreenProps> = ({
                                     <GroupedSection
                                         items={deviceSessions.map((session, index) => ({
                                             id: `device-session-${session.sessionId}`,
-                                            icon: session.isCurrent ? 'phone-portrait' : 'phone-portrait-outline',
+                                            icon: session.isCurrent ? 'cellphone' : 'cellphone-basic',
                                             iconColor: session.isCurrent ? '#34C759' : '#8E8E93',
                                             title: `${session.deviceName} ${session.isCurrent ? '(' + (t('accountSwitcher.device.thisDevice') || 'This device') + ')' : ''}`,
                                             subtitle: t('accountSwitcher.device.lastActive', { date: new Date(session.lastActive).toLocaleDateString() }) || `Last active: ${new Date(session.lastActive).toLocaleDateString()}`,
@@ -557,7 +557,7 @@ const ModernAccountSwitcherScreen: React.FC<BaseScreenProps> = ({
                                     items={[
                                         {
                                             id: 'empty-state',
-                                            icon: 'person-outline',
+                                            icon: 'account-outline',
                                             iconColor: '#ccc',
                                             title: t('accountSwitcher.empty.title') || 'No saved accounts',
                                             subtitle: t('accountSwitcher.empty.subtitle') || 'Add another account to switch between them quickly',
@@ -605,9 +605,9 @@ const styles = StyleSheet.create({
     },
     sectionTitle: {
         fontSize: 16,
-        fontWeight: '600',
+        fontWeight: Platform.OS === 'web' ? '600' : undefined,
+        fontFamily: fontFamilies.phuduSemiBold,
         color: '#333',
-        marginBottom: 12,
     },
     settingItem: {
         backgroundColor: '#fff',

package/src/ui/screens/AppInfoScreen.tsx

@@ -175,7 +175,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'name',
-                                icon: 'information-circle',
+                                icon: 'information',
                                 iconColor: themeStyles.colors.iconSecurity,
                                 title: 'Name',
                                 subtitle: packageInfo.name,
@@ -184,7 +184,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'version',
-                                icon: 'pricetag',
+                                icon: 'tag',
                                 iconColor: themeStyles.colors.iconData,
                                 title: 'Version',
                                 subtitle: packageInfo.version,
@@ -192,14 +192,14 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'description',
-                                icon: 'document-text',
+                                icon: 'file-document',
                                 iconColor: themeStyles.colors.iconPersonalInfo,
                                 title: 'Description',
                                 subtitle: packageInfo.description || 'No description',
                             },
                             {
                                 id: 'main-entry',
-                                icon: 'code',
+                                icon: 'code-tags',
                                 iconColor: themeStyles.colors.iconStorage,
                                 title: 'Main Entry',
                                 subtitle: packageInfo.main || 'N/A',
@@ -215,7 +215,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'types-entry',
-                                icon: 'construct',
+                                icon: 'wrench',
                                 iconColor: themeStyles.colors.iconPersonalInfo,
                                 title: 'Types Entry',
                                 subtitle: packageInfo.types || 'N/A',
@@ -231,14 +231,14 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'platform',
-                                icon: 'phone-portrait',
+                                icon: 'cellphone',
                                 iconColor: themeStyles.colors.iconSecurity,
                                 title: 'Platform',
                                 subtitle: Platform.OS,
                             },
                             {
                                 id: 'platform-version',
-                                icon: 'hardware-chip',
+                                icon: 'chip',
                                 iconColor: themeStyles.colors.iconData,
                                 title: 'Platform Version',
                                 subtitle: systemInfo?.version || 'Loading...',
@@ -259,7 +259,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'environment',
-                                icon: 'settings',
+                                icon: 'cog',
                                 iconColor: themeStyles.colors.iconPersonalInfo,
                                 title: 'Environment',
                                 subtitle: __DEV__ ? 'Development' : 'Production',
@@ -274,7 +274,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'auth-status',
-                                icon: 'shield-checkmark',
+                                icon: 'shield-check',
                                 iconColor: isAuthenticated ? themeStyles.colors.iconPersonalInfo : themeStyles.colors.iconSharing,
                                 title: 'Authentication Status',
                                 subtitle: isAuthenticated ? 'Authenticated' : 'Not Authenticated',
@@ -282,7 +282,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             ...(user ? [
                                 {
                                     id: 'user-id',
-                                    icon: 'person',
+                                    icon: 'account',
                                     iconColor: themeStyles.colors.iconSecurity,
                                     title: 'User ID',
                                     subtitle: user.id,
@@ -319,7 +319,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             ] : []),
                             {
                                 id: 'active-sessions',
-                                icon: 'people',
+                                icon: 'account-group',
                                 iconColor: themeStyles.colors.iconPersonalInfo,
                                 title: 'Total Active Sessions',
                                 subtitle: sessions?.length?.toString() || '0',
@@ -375,7 +375,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'build-timestamp',
-                                icon: 'time',
+                                icon: 'clock',
                                 iconColor: themeStyles.colors.iconSecurity,
                                 title: 'Build Timestamp',
                                 subtitle: systemInfo?.timestamp || 'Loading...',
@@ -383,7 +383,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'react-native',
-                                icon: 'logo-react',
+                                icon: 'react',
                                 iconColor: '#61DAFB',
                                 title: 'React Native',
                                 subtitle: 'Expo/React Native',
@@ -405,7 +405,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'copy-full-report',
-                                icon: 'copy',
+                                icon: 'content-copy',
                                 iconColor: themeStyles.colors.iconSecurity,
                                 title: 'Copy Full Report',
                                 subtitle: 'Copy complete application information to clipboard',
@@ -413,7 +413,7 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'run-system-check',
-                                icon: isRunningSystemCheck ? 'sync' : 'checkmark-circle',
+                                icon: isRunningSystemCheck ? 'sync' : 'check-circle',
                                 iconColor: isRunningSystemCheck ? '#FF9500' : '#34C759',
                                 title: isRunningSystemCheck ? 'Running System Check...' : 'Run System Check',
                                 subtitle: isRunningSystemCheck

package/src/ui/screens/FeedbackScreen.tsx

@@ -648,7 +648,7 @@ const FeedbackScreen: React.FC<BaseScreenProps> = ({
 
     const categoryItems = useMemo(() => (feedbackData.type ? (CATEGORIES[feedbackData.type as keyof typeof CATEGORIES] || []).map(cat => ({
         id: cat,
-        icon: feedbackData.category === cat ? 'checkmark-circle' : 'ellipse-outline',
+        icon: feedbackData.category === cat ? 'check-circle' : 'ellipse-outline',
         iconColor: feedbackData.category === cat ? colors.primary : colors.secondaryText,
         title: cat,
         onPress: () => updateField('category', cat),

package/src/ui/screens/FileManagementScreen.tsx

@@ -2007,7 +2007,7 @@ const FileManagementScreen: React.FC<FileManagementScreenProps> = ({
                         key: 'delete',
                         text: `Delete (${selectedIds.size})`,
                         onPress: handleBulkDelete,
-                        icon: 'trash',
+                        icon: 'delete',
                     },
                     {
                         key: 'visibility',

package/src/ui/screens/HelpSupportScreen.tsx

@@ -93,7 +93,7 @@ const HelpSupportScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'documentation',
-                                icon: 'document-text',
+                                icon: 'file-document',
                                 iconColor: '#8E8E93',
                                 title: t('help.documentation.title') || 'Documentation',
                                 subtitle: t('help.documentation.subtitle') || 'User guides and tutorials',
@@ -105,7 +105,7 @@ const HelpSupportScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'community',
-                                icon: 'people',
+                                icon: 'account-group',
                                 iconColor: themeStyles.colors.iconData,
                                 title: t('help.community.title') || 'Community',
                                 subtitle: t('help.community.subtitle') || 'Join our community',
@@ -117,7 +117,7 @@ const HelpSupportScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'developers-portal',
-                                icon: 'code',
+                                icon: 'code-tags',
                                 iconColor: themeStyles.colors.iconSharing,
                                 title: t('help.developersPortal.title') || 'Developers Portal',
                                 subtitle: t('help.developersPortal.subtitle') || 'API documentation and developer resources',

package/src/ui/screens/HistoryViewScreen.tsx

@@ -185,7 +185,7 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'delete-last-15',
-                                icon: 'time-outline',
+                                icon: 'clock-outline',
                                 iconColor: themeStyles.colors.iconStorage,
                                 title: t('history.deleteLast15Minutes.title') || 'Delete Last 15 Minutes',
                                 subtitle: t('history.deleteLast15Minutes.subtitle') || 'Remove recent history entries',
@@ -194,7 +194,7 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'clear-all',
-                                icon: 'trash-outline',
+                                icon: 'delete-outline',
                                 iconColor: themeStyles.colors.iconSharing,
                                 title: t('history.clearAll.title') || 'Clear All History',
                                 subtitle: t('history.clearAll.subtitle') || 'Remove all history entries',

package/src/ui/screens/LanguageSelectorScreen.tsx

@@ -5,6 +5,7 @@ import {
     TouchableOpacity,
     StyleSheet,
     ScrollView,
+    Platform,
 } from 'react-native';
 import type { BaseScreenProps } from '../types/navigation';
 import { useThemeStyles } from '../hooks/useThemeStyles';
@@ -16,6 +17,7 @@ import { Header, GroupedSection } from '../components';
 import { useI18n } from '../hooks/useI18n';
 import { SUPPORTED_LANGUAGES } from '../../utils/languageUtils';
 import { useOxy } from '../context/OxyContext';
+import { fontFamilies } from '../styles/fonts';
 
 interface LanguageSelectorScreenProps extends BaseScreenProps { }
 
@@ -174,7 +176,8 @@ const styles = StyleSheet.create({
     },
     bigTitle: {
         fontSize: 34,
-        fontWeight: '700',
+        fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
+        fontFamily: fontFamilies.phuduBold,
         lineHeight: 40,
         marginBottom: 8,
         letterSpacing: -0.5,

package/src/ui/screens/LegalDocumentsScreen.tsx

@@ -120,7 +120,7 @@ const LegalDocumentsScreen: React.FC<BaseScreenProps> = ({
                         items={[
                             {
                                 id: 'privacy-policy',
-                                icon: 'shield-checkmark',
+                                icon: 'shield-check',
                                 iconColor: themeStyles.colors.iconPersonalInfo,
                                 title: t('legal.privacyPolicy.title') || 'Privacy Policy',
                                 subtitle: t('legal.privacyPolicy.subtitle') || 'How we handle your data',
@@ -128,7 +128,7 @@ const LegalDocumentsScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'terms-of-service',
-                                icon: 'document-text',
+                                icon: 'file-document',
                                 iconColor: themeStyles.colors.iconSecurity,
                                 title: t('legal.termsOfService.title') || 'Terms of Service',
                                 subtitle: t('legal.termsOfService.subtitle') || 'Terms and conditions of use',
@@ -136,7 +136,7 @@ const LegalDocumentsScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'community-guidelines',
-                                icon: 'people',
+                                icon: 'account-group',
                                 iconColor: themeStyles.colors.iconData,
                                 title: t('legal.communityGuidelines.title') || 'Community Guidelines',
                                 subtitle: t('legal.communityGuidelines.subtitle') || 'Rules and expectations for our community',
@@ -144,7 +144,7 @@ const LegalDocumentsScreen: React.FC<BaseScreenProps> = ({
                             },
                             {
                                 id: 'data-retention',
-                                icon: 'time',
+                                icon: 'clock',
                                 iconColor: themeStyles.colors.iconStorage,
                                 title: t('legal.dataRetention.title') || 'Data Retention Policy',
                                 subtitle: t('legal.dataRetention.subtitle') || 'How long we keep your data',

package/src/ui/screens/PaymentGatewayScreen.tsx

@@ -695,7 +695,7 @@ const PaymentGatewayScreen: React.FC<PaymentGatewayScreenProps> = (props) => {
                     items={[
                         {
                             id: 'secure-payment',
-                            icon: 'shield-checkmark',
+                            icon: 'shield-check',
                             iconColor: colors.success || '#4BB543',
                             title: 'Secure payment',
                             subtitle: 'Your payment is protected by industry-standard encryption',

package/src/ui/screens/PremiumSubscriptionScreen.tsx

@@ -1197,7 +1197,6 @@ const styles = StyleSheet.create({
     sectionSubtitle: {
         fontSize: 16,
         lineHeight: 22,
-        marginBottom: 20,
     },
     loadingText: {
         fontSize: 16,