@oxyhq/services 6.9.0 → 6.9.1

package/src/ui/components/TextField/Adornment/TextFieldAffix.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 import {
   Animated,
-  DimensionValue,
-  GestureResponderEvent,
-  LayoutChangeEvent,
+  type DimensionValue,
+  type GestureResponderEvent,
+  type LayoutChangeEvent,
   Pressable,
-  StyleProp,
+  type StyleProp,
   StyleSheet,
   Text,
-  TextStyle,
-  ViewStyle,
+  type TextStyle,
+  type ViewStyle,
 } from 'react-native';
 
 import { AdornmentSide } from './enums';

package/src/ui/components/TextField/Adornment/TextFieldIcon.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import {
-  ColorValue,
-  GestureResponderEvent,
-  StyleProp,
+  type ColorValue,
+  type GestureResponderEvent,
+  type StyleProp,
   StyleSheet,
   View,
-  ViewStyle,
+  type ViewStyle,
 } from 'react-native';
 
 import { getIconColor } from './utils';

package/src/ui/components/TextField/Adornment/utils.ts

@@ -19,9 +19,9 @@ const hexToRgba = (hex: string, alpha: number): string => {
     }
   }
   // Handle hex strings
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
+  const r = Number.parseInt(hex.slice(1, 3), 16);
+  const g = Number.parseInt(hex.slice(3, 5), 16);
+  const b = Number.parseInt(hex.slice(5, 7), 16);
   return `rgba(${r}, ${g}, ${b}, ${alpha})`;
 };
 

package/src/ui/components/TextField/Label/InputLabel.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {
   Animated,
-  ColorValue,
+  type ColorValue,
   Platform,
   StyleSheet,
   useWindowDimensions,

package/src/ui/components/TextField/TextFieldFlat.tsx

@@ -4,7 +4,7 @@ import {
   Platform,
   StyleSheet,
   TextInput as NativeTextInput,
-  TextStyle,
+  type TextStyle,
   View,
   Animated,
 } from 'react-native';
@@ -13,7 +13,7 @@ import { useThemeColors } from '../../hooks/useThemeColors';
 import { Underline } from './Addons/Underline';
 import { AdornmentSide, AdornmentType, InputMode } from './Adornment/enums';
 import TextFieldAdornment, {
-  TextFieldAdornmentProps,
+  type TextFieldAdornmentProps,
 } from './Adornment/TextFieldAdornment';
 import {
   getAdornmentConfig,
@@ -38,7 +38,7 @@ import {
   calculatePadding,
   getConstants,
   getFlatInputColors,
-  Padding,
+  type Padding,
 } from './helpers';
 import InputLabel from './Label/InputLabel';
 import type { ChildTextInputProps, RenderProps } from './types';

package/src/ui/components/TextField/TextFieldOutlined.tsx

@@ -6,9 +6,9 @@ import {
   StyleSheet,
   I18nManager,
   Platform,
-  TextStyle,
-  ColorValue,
-  LayoutChangeEvent,
+  type TextStyle,
+  type ColorValue,
+  type LayoutChangeEvent,
 } from 'react-native';
 import { useThemeColors } from '../../hooks/useThemeColors';
 
@@ -17,7 +17,7 @@ import { AdornmentType, AdornmentSide } from './Adornment/enums';
 import TextFieldAdornment, {
   getAdornmentConfig,
   getAdornmentStyleAdjustmentForNativeInput,
-  TextFieldAdornmentProps,
+  type TextFieldAdornmentProps,
 } from './Adornment/TextFieldAdornment';
 import {
   MAXIMIZED_LABEL_FONT_SIZE,
@@ -34,7 +34,7 @@ import {
   calculateInputHeight,
   calculatePadding,
   adjustPaddingOut,
-  Padding,
+  type Padding,
   calculateOutlinedIconAndAffixTopPosition,
   getOutlinedInputColors,
   getConstants,

package/src/ui/components/TextField/helpers.tsx

@@ -52,8 +52,8 @@ export type Padding = { paddingTop: number; paddingBottom: number };
 
 export const calculateLabelTopPosition = (
   labelHeight: number,
-  height: number = 0,
-  optionalPadding: number = 0
+  height = 0,
+  optionalPadding = 0
 ): number => {
   const customHeight = height > 0 ? height : 0;
 
@@ -62,7 +62,7 @@ export const calculateLabelTopPosition = (
 
 export const calculateInputHeight = (
   labelHeight: number,
-  height: any = 0,
+  height: any,
   minHeight: number
 ): number => {
   const finalHeight = height > 0 ? height : labelHeight;
@@ -408,9 +408,8 @@ const getFlatBackgroundColor = ({ theme, disabled }: BaseProps) => {
   if (theme.isV3) {
     if (disabled) {
       return color(theme.colors.onSurface).alpha(0.04).rgb().string();
-    } else {
-      return theme.colors.surfaceVariant;
     }
+      return theme.colors.surfaceVariant;
   }
 
   if (disabled) {

package/src/ui/components/TextField/types.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type {
   TextInput as NativeTextInput,
   Animated,

package/src/ui/components/TextField.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import {
   Animated,
-  LayoutChangeEvent,
-  StyleProp,
+  type LayoutChangeEvent,
+  type StyleProp,
   TextInput as NativeTextInput,
-  TextStyle,
-  ViewStyle,
-  NativeSyntheticEvent,
-  TextLayoutEventData,
+  type TextStyle,
+  type ViewStyle,
+  type NativeSyntheticEvent,
+  type TextLayoutEventData,
 } from 'react-native';
 
 import TextFieldAffix, {
-  Props as TextFieldAffixProps,
+  type Props as TextFieldAffixProps,
 } from './TextField/Adornment/TextFieldAffix';
 import TextFieldIcon, {
-  Props as TextFieldIconProps,
+  type Props as TextFieldIconProps,
 } from './TextField/Adornment/TextFieldIcon';
 import TextFieldFlat from './TextField/TextFieldFlat';
 import TextFieldOutlined from './TextField/TextFieldOutlined';
@@ -314,15 +314,12 @@ const TextField = forwardRef<TextFieldHandles, Props>(
           useNativeDriver: true,
         }).start();
       } else {
-        // hide error
-        {
           Animated.timing(error, {
             toValue: 0,
             duration: BLUR_ANIMATION_DURATION * scale,
             // To prevent this - https://github.com/callstack/react-native-paper/issues/941
             useNativeDriver: true,
           }).start();
-        }
       }
     }, [errorProp, scale, error]);
 

package/src/ui/components/TouchableRipple/TouchableRipple.native.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import {
-  PressableAndroidRippleConfig,
-  StyleProp,
+  type PressableAndroidRippleConfig,
+  type StyleProp,
   Platform,
-  ViewStyle,
+  type ViewStyle,
   StyleSheet,
-  GestureResponderEvent,
+  type GestureResponderEvent,
   View,
-  ColorValue,
+  type ColorValue,
 } from 'react-native';
 
 import type { PressableProps } from './Pressable';
@@ -28,7 +28,7 @@ export type Props = PressableProps & {
   background?: PressableAndroidRippleConfig;
   centered?: boolean;
   disabled?: boolean;
-  onPress?: (e: GestureResponderEvent) => void | null;
+  onPress?: (e: GestureResponderEvent) => undefined | null;
   onLongPress?: (e: GestureResponderEvent) => void;
   onPressIn?: (e: GestureResponderEvent) => void;
   onPressOut?: (e: GestureResponderEvent) => void;

package/src/ui/components/TouchableRipple/TouchableRipple.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import {
-  ColorValue,
-  GestureResponderEvent,
+  type ColorValue,
+  type GestureResponderEvent,
   Platform,
-  StyleProp,
+  type StyleProp,
   StyleSheet,
-  View,
-  ViewStyle,
+  type View,
+  type ViewStyle,
 } from 'react-native';
 
 import type { PressableProps, PressableStateCallbackType } from './Pressable';
@@ -22,9 +22,9 @@ const SettingsContext = React.createContext({ rippleEffectEnabled: true });
 
 // Color manipulation utilities (simplified without color package)
 const hexToRgb = (hex: string): [number, number, number] => {
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
+  const r = Number.parseInt(hex.slice(1, 3), 16);
+  const g = Number.parseInt(hex.slice(3, 5), 16);
+  const b = Number.parseInt(hex.slice(5, 7), 16);
   return [r, g, b];
 };
 

package/src/ui/components/Typography/AnimatedText.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {
   Animated,
   I18nManager,
-  StyleProp,
+  type StyleProp,
   StyleSheet,
-  TextStyle,
-  Text,
+  type TextStyle,
+  type Text,
 } from 'react-native';
 
 import type { VariantProp } from './types';
@@ -71,7 +71,7 @@ const AnimatedText = forwardRef<Text & HTMLElement, Props<never>>(
           ]}
         />
       );
-    } else {
+    }
       const font = !theme.isV3 ? (theme.fonts.regular || theme.fonts.default) : theme.fonts.bodyMedium;
       const textStyle = {
         ...font,
@@ -91,7 +91,6 @@ const AnimatedText = forwardRef<Text & HTMLElement, Props<never>>(
           ]}
         />
       );
-    }
   }
 );
 

package/src/ui/components/feedback/FormInput.tsx

@@ -67,7 +67,7 @@ const FormInput: React.FC<FormInputProps> = React.memo(({
                     value={value}
                     onChangeText={onChangeText}
                     placeholder={placeholder}
-                    placeholderTextColor={colors.secondaryText + '60'}
+                    placeholderTextColor={`${colors.secondaryText}60`}
                     multiline={multiline}
                     numberOfLines={multiline ? numberOfLines : undefined}
                     testID={testID}

package/src/ui/components/fileManagement/AnimatedButton.tsx

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef } from 'react';
+import type React from 'react';
+import { useEffect, useRef } from 'react';
 import { TouchableOpacity, Animated, Easing } from 'react-native';
 // @ts-ignore - MaterialCommunityIcons is available at runtime
 import { MaterialCommunityIcons } from '@expo/vector-icons';

package/src/ui/components/fileManagement/FileDetailsModal.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, TouchableOpacity, Modal, ScrollView } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import type { FileMetadata } from '@oxyhq/core';

package/src/ui/components/fileManagement/FileViewer.tsx

@@ -1,4 +1,5 @@
-import React, { useMemo, useState, useEffect } from 'react';
+import type React from 'react';
+import { useMemo, useState, useEffect } from 'react';
 import { View, Text, TouchableOpacity, ScrollView, ActivityIndicator, Image } from 'react-native';
 import { Image as ExpoImage } from 'expo-image';
 // @ts-ignore - MaterialCommunityIcons is available at runtime

package/src/ui/components/fileManagement/UploadPreview.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import { View, Text, TouchableOpacity, Modal, ScrollView } from 'react-native';
 import { Image as ExpoImage } from 'expo-image';
 import { Ionicons } from '@expo/vector-icons';

package/src/ui/components/internal/GroupedPillButtons.tsx

@@ -85,7 +85,6 @@ const GroupedPillButtons: React.FC<GroupedPillButtonsProps> = ({
                 backgroundColor = isDisabled ? '#CCCCCC' : (colors.secondary || colors.primary);
                 borderColor = isDisabled ? '#CCCCCC' : (colors.secondary || colors.primary);
                 break;
-            case 'transparent':
             default:
                 backgroundColor = 'transparent';
                 borderColor = isDisabled ? '#CCCCCC' : colors.border;
@@ -117,7 +116,6 @@ const GroupedPillButtons: React.FC<GroupedPillButtonsProps> = ({
             case 'secondary':
                 textColor = isDisabled ? '#999999' : '#FFFFFF';
                 break;
-            case 'transparent':
             default:
                 textColor = isDisabled ? '#999999' : colors.text;
                 break;
@@ -137,7 +135,6 @@ const GroupedPillButtons: React.FC<GroupedPillButtonsProps> = ({
             case 'primary':
             case 'secondary':
                 return isDisabled ? '#999999' : '#FFFFFF';
-            case 'transparent':
             default:
                 return isDisabled ? '#999999' : colors.text;
         }
@@ -182,7 +179,7 @@ const GroupedPillButtons: React.FC<GroupedPillButtonsProps> = ({
                     )}
                 </>
             );
-        } else if (isFirstButton || isBack) {
+        }if (isFirstButton || isBack) {
             // First button or back button: icon on left, text on right
             return (
                 <>
@@ -198,7 +195,7 @@ const GroupedPillButtons: React.FC<GroupedPillButtonsProps> = ({
                     </Text>
                 </>
             );
-        } else {
+        }
             // Second button or forward/action button: text on left, icon on right
             return (
                 <>
@@ -214,7 +211,6 @@ const GroupedPillButtons: React.FC<GroupedPillButtonsProps> = ({
                     )}
                 </>
             );
-        }
     };
 
     return (

package/src/ui/components/modals/DeleteAccountModal.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useCallback } from 'react';
+import type React from 'react';
+import { useState, useCallback } from 'react';
 import {
     View,
     Text,
@@ -97,7 +98,7 @@ const DeleteAccountModal: React.FC<DeleteAccountModalProps> = ({
                     </Text>
 
                     {error && (
-                        <View style={[styles.errorContainer, { backgroundColor: colors.danger + '20' }]}>
+                        <View style={[styles.errorContainer, { backgroundColor: `${colors.danger}20` }]}>
                             <Text style={[styles.errorText, { color: colors.danger }]}>
                                 {error}
                             </Text>
@@ -171,7 +172,7 @@ const DeleteAccountModal: React.FC<DeleteAccountModalProps> = ({
                             style={[
                                 styles.button,
                                 styles.deleteButton,
-                                { backgroundColor: isValid ? colors.danger : colors.danger + '50' },
+                                { backgroundColor: isValid ? colors.danger : `${colors.danger}50` },
                             ]}
                             onPress={handleDelete}
                             disabled={!isValid || isDeleting}

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

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import type React from 'react';
+import { useMemo } from 'react';
 import { View, Text, Animated, TouchableOpacity, Clipboard, Linking } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import GroupedPillButtons from '../internal/GroupedPillButtons';

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

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import type React from 'react';
+import { useMemo } from 'react';
 import { View, Text, Animated } from 'react-native';
 import { GroupedSection } from '../index';
 import GroupedPillButtons from '../internal/GroupedPillButtons';

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

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import type React from 'react';
+import { useMemo } from 'react';
 import { View, Text, Animated } from 'react-native';
 import { GroupedSection } from '../index';
 import GroupedPillButtons from '../internal/GroupedPillButtons';

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

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import type React from 'react';
+import { useMemo } from 'react';
 import { View, Text, Animated } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import GroupedPillButtons from '../internal/GroupedPillButtons';

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

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import type React from 'react';
+import { useMemo } from 'react';
 import { View, Text, Animated } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import { GroupedSection } from '../index';

package/src/ui/components/payment/paymentStyles.ts

@@ -230,7 +230,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         marginBottom: 8,
     },
     oxyPayBalanceBox: {
-        backgroundColor: colors.primary + '22',
+        backgroundColor: `${colors.primary}22`,
         borderRadius: 12,
         padding: 8,
         marginTop: 8,
@@ -333,7 +333,7 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         flexDirection: 'row',
         alignItems: 'center',
         alignSelf: 'center',
-        backgroundColor: colors.primary + '11',
+        backgroundColor: `${colors.primary}11`,
         borderRadius: 16,
         paddingHorizontal: 16,
         paddingVertical: 8,

package/src/ui/components/styles/overlay.tsx

@@ -2,16 +2,16 @@ import { Animated } from 'react-native';
 
 // Simple hex color manipulation without color package
 const hexToRgb = (hex: string): [number, number, number] => {
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
+  const r = Number.parseInt(hex.slice(1, 3), 16);
+  const g = Number.parseInt(hex.slice(3, 5), 16);
+  const b = Number.parseInt(hex.slice(5, 7), 16);
   return [r, g, b];
 };
 
 const rgbToHex = (r: number, g: number, b: number): string => {
   return `#${[r, g, b].map(x => {
     const hex = Math.round(x).toString(16);
-    return hex.length === 1 ? '0' + hex : hex;
+    return hex.length === 1 ? `0${hex}` : hex;
   }).join('')}`;
 };
 
@@ -30,7 +30,7 @@ export const isAnimatedValue = (
 
 export default function overlay<T extends Animated.Value | number>(
   elevation: T,
-  surfaceColor: string = '#121212'
+  surfaceColor = '#121212'
 ): T extends number ? string : Animated.AnimatedInterpolation<number | string> {
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];
@@ -48,7 +48,7 @@ export default function overlay<T extends Animated.Value | number>(
   return calculateColor(surfaceColor, elevation);
 }
 
-function calculateColor(surfaceColor: string, elevation: number = 1) {
+function calculateColor(surfaceColor: string, elevation = 1) {
   let overlayTransparency: number;
   if (elevation >= 1 && elevation <= 24) {
     overlayTransparency = elevationOverlayTransparency[elevation];

package/src/ui/components/styles/shadow.tsx

@@ -1,4 +1,4 @@
-import { Animated, Platform, ShadowStyleIOS, ViewStyle } from 'react-native';
+import { Animated, Platform, type ShadowStyleIOS, type ViewStyle } from 'react-native';
 
 const SHADOW_COLOR = '#000000';
 const SHADOW_OPACITY = 0.24;
@@ -36,20 +36,20 @@ function v2Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowSty
           outputRange: [0, 0.75, 1.5, 3, 8, 24],
         }),
       } as unknown as ShadowStyleIOS;
-    } else {
+    }
       return {
         elevation: elevation.interpolate({
           inputRange,
           outputRange: [0, 1, 2, 3, 8, 24],
         }) as unknown as number,
       };
-    }
-  } else {
+  }
     if (elevation === 0) {
       return {};
     }
 
-    let height, radius;
+    let height;
+    let radius;
     switch (elevation) {
       case 1:
         height = 0.5;
@@ -74,12 +74,10 @@ function v2Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowSty
         shadowOpacity: SHADOW_OPACITY,
         shadowRadius: radius,
       } as ShadowStyleIOS;
-    } else {
+    }
       return {
         elevation: elevation,
       };
-    }
-  }
 }
 
 function v3Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowStyleIOS {
@@ -108,15 +106,14 @@ function v3Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowSty
           outputRange: shadowRadius,
         }),
       } as unknown as ShadowStyleIOS;
-    } else {
+    }
       return {
         elevation: elevation.interpolate({
           inputRange,
           outputRange: [0, 1, 2, 3, 4, 5],
         }) as unknown as number,
       };
-    }
-  } else {
+  }
     if (Platform.OS === 'ios') {
       return {
         shadowColor: MD3_SHADOW_COLOR,
@@ -127,10 +124,8 @@ function v3Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowSty
         },
         shadowRadius: shadowRadius[elevation] || 0,
       } as ShadowStyleIOS;
-    } else {
+    }
       return {
         elevation: elevation || 0,
       };
-    }
-  }
 }

package/src/ui/components/theming.tsx

@@ -30,17 +30,17 @@ export const useInternalTheme = (
     },
     colors: {
       primary: colors.primary,
-      primaryContainer: colors.primary + '20',
+      primaryContainer: `${colors.primary}20`,
       secondary: colors.secondaryText,
-      secondaryContainer: colors.secondaryText + '20',
+      secondaryContainer: `${colors.secondaryText}20`,
       tertiary: colors.primary,
-      tertiaryContainer: colors.primary + '20',
+      tertiaryContainer: `${colors.primary}20`,
       surface: colors.background,
       surfaceVariant: colors.inputBackground,
-      surfaceDisabled: colors.secondaryText + '40',
+      surfaceDisabled: `${colors.secondaryText}40`,
       background: colors.background,
       error: colors.error,
-      errorContainer: colors.error + '20',
+      errorContainer: `${colors.error}20`,
       onPrimary: '#FFFFFF',
       onPrimaryContainer: colors.primary,
       onSecondary: '#FFFFFF',
@@ -49,12 +49,12 @@ export const useInternalTheme = (
       onTertiaryContainer: colors.primary,
       onSurface: colors.text,
       onSurfaceVariant: colors.secondaryText,
-      onSurfaceDisabled: colors.secondaryText + '60',
+      onSurfaceDisabled: `${colors.secondaryText}60`,
       onError: '#FFFFFF',
       onErrorContainer: colors.error,
       onBackground: colors.text,
       outline: colors.border,
-      outlineVariant: colors.border + '80',
+      outlineVariant: `${colors.border}80`,
       inverseSurface: theme === 'dark' ? '#FFFFFF' : '#000000',
       inverseOnSurface: theme === 'dark' ? '#000000' : '#FFFFFF',
       inversePrimary: colors.primary,

package/src/ui/context/OxyContext.tsx

@@ -1,4 +1,5 @@
-import React, {
+import type React from 'react';
+import {
   createContext,
   useCallback,
   useContext,

package/src/ui/context/ThemeContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, ReactNode } from 'react';
+import React, { createContext, useContext, type ReactNode } from 'react';
 
 type ResolvedTheme = 'light' | 'dark';
 

package/src/ui/hooks/mutations/mutationFactory.ts

@@ -9,7 +9,7 @@
  * 5. On success: update cache, stores, and invalidate queries
  */
 
-import { QueryClient, UseMutationOptions } from '@tanstack/react-query';
+import type { QueryClient, UseMutationOptions } from '@tanstack/react-query';
 import type { User } from '@oxyhq/core';
 import { queryKeys, invalidateAccountQueries, invalidateUserQueries } from '../queries/queryKeys';
 import { toast } from '../../../lib/sonner';