@oxyhq/services 6.9.4 → 6.9.6

package/src/ui/components/payment/PaymentSummaryStep.tsx

@@ -7,6 +7,7 @@ import GroupedPillButtons from '../internal/GroupedPillButtons';
 import { createPaymentStyles } from './paymentStyles';
 import { getCurrencySymbol, CURRENCY_SYMBOLS } from './constants';
 import type { PaymentItem, PaymentColors, PaymentStepAnimations } from './types';
+import { useI18n } from '../../hooks/useI18n';
 
 interface PaymentSummaryStepProps {
     paymentItems: PaymentItem[];
@@ -40,6 +41,7 @@ const PaymentSummaryStep: React.FC<PaymentSummaryStepProps> = ({
     onNext,
 }) => {
     const styles = useMemo(() => createPaymentStyles(colors), [colors]);
+    const { t } = useI18n();
     const currencySymbol = getCurrencySymbol(currency);
     const { fadeAnim, slideAnim, scaleAnim } = animations;
 
@@ -59,7 +61,7 @@ const PaymentSummaryStep: React.FC<PaymentSummaryStepProps> = ({
             accessibilityLabel="Payment summary step"
         >
             <View style={styles.section}>
-                <Text style={styles.sectionTitle}>Payment Summary</Text>
+                <Text style={styles.sectionTitle}>{t('payment.summary.title')}</Text>
 
                 <View style={styles.summaryCard}>
                     <View style={styles.summaryCardContent}>
@@ -70,10 +72,10 @@ const PaymentSummaryStep: React.FC<PaymentSummaryStepProps> = ({
                             style={styles.summaryCardIcon}
                         />
                         <Text style={styles.summaryCardMainTitle}>
-                            {paymentItems.length > 0 ? 'Order Summary' : 'Payment'}
+                            {paymentItems.length > 0 ? t('payment.summary.orderSummary') : t('payment.summary.payment')}
                         </Text>
                         <Text style={styles.summaryCardSubtitle}>
-                            {paymentItems.length > 0 ? 'Review your payment details' : 'Complete your payment'}
+                            {paymentItems.length > 0 ? t('payment.summary.reviewDetails') : t('payment.summary.completePayment')}
                         </Text>
 
                         {paymentItems.length > 0 ? (
@@ -99,15 +101,15 @@ const PaymentSummaryStep: React.FC<PaymentSummaryStepProps> = ({
 
                                 <View style={styles.summaryCardTotalSection}>
                                     <View style={styles.summaryCardTotalRow}>
-                                        <Text style={styles.summaryCardTotalLabel}>Subtotal</Text>
+                                        <Text style={styles.summaryCardTotalLabel}>{t('payment.summary.subtotal')}</Text>
                                         <Text style={styles.summaryCardTotalValue}>{currencySymbol} {amount}</Text>
                                     </View>
                                     <View style={styles.summaryCardTotalRow}>
-                                        <Text style={styles.summaryCardTotalLabel}>Tax</Text>
+                                        <Text style={styles.summaryCardTotalLabel}>{t('payment.summary.tax')}</Text>
                                         <Text style={styles.summaryCardTotalValue}>{currencySymbol} 0.00</Text>
                                     </View>
                                     <View style={styles.summaryCardTotalRow}>
-                                        <Text style={styles.summaryCardTotalLabel}>Total</Text>
+                                        <Text style={styles.summaryCardTotalLabel}>{t('payment.summary.total')}</Text>
                                         <Text style={styles.summaryCardTotalValue}>{currencySymbol} {amount}</Text>
                                     </View>
                                 </View>
@@ -115,7 +117,7 @@ const PaymentSummaryStep: React.FC<PaymentSummaryStepProps> = ({
                         ) : (
                             <>
                                 <View style={styles.summaryCardAmount}>
-                                    <Text style={styles.summaryCardAmountLabel}>Amount to Pay</Text>
+                                    <Text style={styles.summaryCardAmountLabel}>{t('payment.summary.amountToPay')}</Text>
                                     <Text style={styles.summaryCardAmountValue}>{currencySymbol} {amount}</Text>
                                     {description && (
                                         <Text style={styles.summaryCardAmountDescription}>{description}</Text>
@@ -126,7 +128,7 @@ const PaymentSummaryStep: React.FC<PaymentSummaryStepProps> = ({
 
                                 <View style={styles.summaryCardTotalSection}>
                                     <View style={styles.summaryCardTotalRow}>
-                                        <Text style={styles.summaryCardTotalLabel}>Total</Text>
+                                        <Text style={styles.summaryCardTotalLabel}>{t('payment.summary.total')}</Text>
                                         <Text style={styles.summaryCardTotalValue}>{currencySymbol} {amount}</Text>
                                     </View>
                                 </View>
@@ -139,13 +141,13 @@ const PaymentSummaryStep: React.FC<PaymentSummaryStepProps> = ({
             <GroupedPillButtons
                 buttons={[
                     {
-                        text: 'Close',
+                        text: t('payment.actions.close'),
                         onPress: onClose,
                         icon: 'close',
                         variant: 'transparent',
                     },
                     {
-                        text: 'Continue',
+                        text: t('payment.actions.continue'),
                         onPress: onNext,
                         icon: 'arrow-forward',
                         variant: 'primary',

package/src/ui/components/types.tsx

@@ -1,3 +1,5 @@
+import type { TextStyle } from 'react-native';
+
 // Types for react-native-paper compatibility
 // Support both string theme ('light' | 'dark') and InternalTheme object
 export type ThemeProp = Partial<InternalTheme> | 'light' | 'dark';
@@ -61,24 +63,24 @@ export type InternalTheme = {
     placeholder?: string;
   };
   fonts: {
-    displayLarge: any;
-    displayMedium: any;
-    displaySmall: any;
-    headlineLarge: any;
-    headlineMedium: any;
-    headlineSmall: any;
-    titleLarge: any;
-    titleMedium: any;
-    titleSmall: any;
-    labelLarge: any;
-    labelMedium: any;
-    labelSmall: any;
-    bodyLarge: any;
-    bodyMedium: any;
-    bodySmall: any;
-    default: any;
+    displayLarge: TextStyle;
+    displayMedium: TextStyle;
+    displaySmall: TextStyle;
+    headlineLarge: TextStyle;
+    headlineMedium: TextStyle;
+    headlineSmall: TextStyle;
+    titleLarge: TextStyle;
+    titleMedium: TextStyle;
+    titleSmall: TextStyle;
+    labelLarge: TextStyle;
+    labelMedium: TextStyle;
+    labelSmall: TextStyle;
+    bodyLarge: TextStyle;
+    bodyMedium: TextStyle;
+    bodySmall: TextStyle;
+    default: TextStyle;
     // Legacy property for backward compatibility
-    regular?: any;
+    regular?: TextStyle;
   };
 };
 

package/src/ui/hooks/useAssets.ts

@@ -84,8 +84,8 @@ export const useAssets = () => {
       }
       
       return null;
-    } catch (error: any) {
-      setUploadError(error.message || 'Upload failed');
+    } catch (error: unknown) {
+      setUploadError((error instanceof Error ? error.message : null) || 'Upload failed');
       throw error;
     } finally {
       setUploading(false);
@@ -133,8 +133,8 @@ export const useAssets = () => {
           createdAt: new Date().toISOString()
         });
       }
-    } catch (error: any) {
-      setLinkError(error.message || 'Link failed');
+    } catch (error: unknown) {
+      setLinkError((error instanceof Error ? error.message : null) || 'Link failed');
       throw error;
     } finally {
       setLinking(false);
@@ -164,8 +164,8 @@ export const useAssets = () => {
         // Update store optimistically
         removeLink(assetId, app, entityType, entityId);
       }
-    } catch (error: any) {
-      setLinkError(error.message || 'Unlink failed');
+    } catch (error: unknown) {
+      setLinkError((error instanceof Error ? error.message : null) || 'Unlink failed');
       throw error;
     } finally {
       setLinking(false);
@@ -213,8 +213,8 @@ export const useAssets = () => {
       
       await oxyInstance.assetDelete(assetId, force);
       removeAsset(assetId);
-    } catch (error: any) {
-      setDeleteError(error.message || 'Delete failed');
+    } catch (error: unknown) {
+      setDeleteError((error instanceof Error ? error.message : null) || 'Delete failed');
       throw error;
     } finally {
       setDeleting(false);

package/src/ui/hooks/useAsyncAction.ts

@@ -75,10 +75,10 @@ export function useAsyncAction<T = void>(
 
             onSuccess?.(result);
             return result;
-        } catch (err: any) {
+        } catch (err: unknown) {
             const message = typeof errorMessage === 'function'
                 ? errorMessage(err)
-                : errorMessage || err?.message || 'An error occurred';
+                : errorMessage || (err instanceof Error ? err.message : null) || 'An error occurred';
 
             toast.error(message);
             setError(err instanceof Error ? err : new Error(message));
@@ -120,8 +120,8 @@ export async function executeWithToast<T>(
             toast.success(successMessage);
         }
         return result;
-    } catch (err: any) {
-        toast.error(errorMessage || err?.message || 'An error occurred');
+    } catch (err: unknown) {
+        toast.error(errorMessage || (err instanceof Error ? err.message : null) || 'An error occurred');
         return undefined;
     }
 }

package/src/ui/hooks/useFollow.ts

@@ -61,7 +61,7 @@ export const useFollow = (userId?: string | string[]) => {
 
     // If either count is not set and we're not already loading counts, trigger a fetch.
     if ((followerCount === null || followingCount === null) && !isLoadingCounts) {
-      fetchUserCounts().catch((err: any) => console.warn('useFollow: fetchUserCounts failed', err));
+      fetchUserCounts().catch((err: unknown) => console.warn('useFollow: fetchUserCounts failed', err));
     }
   }, [isSingleUser, userId, followerCount, followingCount, isLoadingCounts, fetchUserCounts]);
 

package/src/ui/hooks/useProfileEditing.ts

@@ -82,7 +82,7 @@ export const useProfileEditing = () => {
         try {
             await updateProfileMutation.mutateAsync(updateData);
             return true;
-        } catch (error: any) {
+        } catch (error: unknown) {
             // Error toast is handled by the mutation
             return false;
         }

package/src/ui/hooks/useSettingToggle.ts

@@ -72,13 +72,13 @@ export function useSettingToggle(options: UseSettingToggleOptions): UseSettingTo
             if (showSuccessToast && successMessage) {
                 toast.success(successMessage);
             }
-        } catch (err: any) {
+        } catch (err: unknown) {
             // Revert on error
             if (revertOnError) {
                 setValue(previousValue);
             }
 
-            toast.error(errorMessage || err?.message || 'An error occurred');
+            toast.error(errorMessage || (err instanceof Error ? err.message : null) || 'An error occurred');
         } finally {
             setIsSaving(false);
         }
@@ -122,7 +122,7 @@ export function useSettingToggles<T extends { [K in keyof T]: boolean }>(options
 
         try {
             await onSave(key, newValue);
-        } catch (err: any) {
+        } catch (err: unknown) {
             // Revert on error
             if (revertOnError) {
                 setValues(prev => ({ ...prev, [key]: previousValue }));
@@ -131,7 +131,7 @@ export function useSettingToggles<T extends { [K in keyof T]: boolean }>(options
             const message = typeof errorMessage === 'function'
                 ? errorMessage(key)
                 : errorMessage;
-            toast.error(message || err?.message || 'An error occurred');
+            toast.error(message || (err instanceof Error ? err.message : null) || 'An error occurred');
         } finally {
             setSavingKeys(prev => {
                 const next = new Set(prev);

package/src/ui/screens/AccountOverviewScreen.tsx

@@ -246,11 +246,11 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                                     // For React Native, you'd need to use a library like expo-file-system
                                     toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
                                 }
-                            } catch (error: any) {
+                            } catch (error: unknown) {
                                 if (__DEV__) {
                                     console.error('Failed to download data:', error);
                                 }
-                                toast.error(error?.message || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+                                toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
                             }
                         },
                     },
@@ -276,21 +276,21 @@ const AccountOverviewScreen: React.FC<BaseScreenProps> = ({
                                     // For React Native, you'd need to use a library like expo-file-system
                                     toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
                                 }
-                            } catch (error: any) {
+                            } catch (error: unknown) {
                                 if (__DEV__) {
                                     console.error('Failed to download data:', error);
                                 }
-                                toast.error(error?.message || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+                                toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
                             }
                         },
                     },
                 ]
             );
-        } catch (error: any) {
+        } catch (error: unknown) {
             if (__DEV__) {
                 console.error('Failed to initiate download:', error);
             }
-            toast.error(error?.message || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+            toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
         }
     }, [oxyServices, user, t]);
 

package/src/ui/screens/AccountVerificationScreen.tsx

@@ -70,12 +70,12 @@ const AccountVerificationScreen: React.FC<BaseScreenProps> = ({
                     },
                 ]
             );
-        } catch (error: any) {
+        } catch (error: unknown) {
             if (__DEV__) {
                 console.error('Failed to submit verification request:', error);
             }
             toast.error(
-                error?.message || t('accountVerification.submitError') || 'Failed to submit verification request'
+                (error instanceof Error ? error.message : null) || t('accountVerification.submitError') || 'Failed to submit verification request'
             );
         } finally {
             setIsSubmitting(false);