@oxyhq/services 6.9.45 → 6.10.1

package/lib/typescript/module/ui/hooks/useThemeStyles.d.ts

@@ -1,22 +0,0 @@
-import { Colors } from '../constants/theme';
-export interface ThemeStyles {
-    textColor: string;
-    backgroundColor: string;
-    secondaryBackgroundColor: string;
-    borderColor: string;
-    mutedTextColor: string;
-    isDarkTheme: boolean;
-    primaryColor: string;
-    dangerColor: string;
-    successColor: string;
-    colorScheme: 'light' | 'dark';
-    colors: typeof Colors.light;
-}
-/**
- * Returns theme styles for service screens.
- * Delegates to bloom's useTheme() for all color values.
- * The `theme` param is kept for backward compatibility but ignored —
- * bloom's resolved mode (from BloomThemeProvider) is used instead.
- */
-export declare const useThemeStyles: (_theme?: string, _colorSchemeFromHook?: string | null) => ThemeStyles;
-//# sourceMappingURL=useThemeStyles.d.ts.map

package/lib/typescript/module/ui/hooks/useThemeStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemeStyles.d.ts","sourceRoot":"","sources":["../../../../../src/ui/hooks/useThemeStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,WAAW,WAAW;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,wBAAwB,EAAE,MAAM,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,MAAM,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;CAC/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACvB,SAAS,MAAM,EACf,uBAAuB,MAAM,GAAG,IAAI,KACrC,WAsBF,CAAC"}

package/lib/typescript/module/ui/styles/fonts.d.ts

@@ -1,21 +0,0 @@
-import { type TextStyle } from 'react-native';
-/**
- * Font family names for use across the app
- *
- * For web platforms, we use the CSS font name with weights
- * For native platforms, we use the specific static font file names
- */
-export declare const fontFamilies: {
-    inter: string;
-    interLight: string;
-    interMedium: string;
-    interSemiBold: string;
-    interBold: string;
-    interExtraBold: string;
-    interBlack: string;
-};
-/**
- * Font styles that can be reused across the app
- */
-export declare const fontStyles: Record<string, TextStyle>;
-//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/module/ui/styles/fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../../src/ui/styles/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;;;;CA0CxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAqBhD,CAAC"}

package/src/lib/sonner-safe.ts

@@ -1,31 +0,0 @@
-/**
- * Safe sonner export that works in both frontend and backend
- * In frontend: exports the actual toast function
- * In backend: exports a no-op function
- */
-
-// Define a type for the toast function
-type ToastFunction = (message: string, options?: Record<string, unknown>) => void;
-
-let toast: ToastFunction;
-
-// Environment detection
-const isFrontend = typeof window !== 'undefined' || 
-                   (typeof global !== 'undefined' && global.navigator) ||
-                   (typeof process !== 'undefined' && process.env.NODE_ENV === 'development' && typeof document !== 'undefined');
-
-if (isFrontend) {
-  try {
-    // Try to import the actual sonner
-    const sonnerModule = require('./sonner');
-    toast = sonnerModule.toast;
-  } catch (e) {
-    // Fallback to no-op if import fails
-    toast = () => {};
-  }
-} else {
-  // Backend environment - no-op function
-  toast = () => {};
-}
-
-export { toast }; 

package/src/lib/sonner.native.ts

@@ -1,28 +0,0 @@
-/**
- * Sonner Toast - Native Implementation
- *
- * This file is resolved by React Native bundlers (Metro)
- * Only imports 'sonner-native', not 'sonner'
- */
-import * as NativeSonner from 'sonner-native';
-
-// Define proper types for the toast components
-interface ToastFunction {
-  (message: string, options?: Record<string, unknown>): void;
-  success: (message: string, options?: Record<string, unknown>) => void;
-  error: (message: string, options?: Record<string, unknown>) => void;
-  info: (message: string, options?: Record<string, unknown>) => void;
-  warning: (message: string, options?: Record<string, unknown>) => void;
-  loading: (message: string, options?: Record<string, unknown>) => void;
-}
-
-type ToasterComponent = (props?: Record<string, unknown>) => React.ReactElement | null;
-
-const { toast: nativeToast, Toaster: NativeToaster } = NativeSonner as {
-  toast: ToastFunction;
-  Toaster: ToasterComponent;
-};
-
-export const toast = nativeToast;
-export const Toaster = NativeToaster;
-export type ToastT = typeof nativeToast;

package/src/lib/sonner.ts

@@ -1,11 +0,0 @@
-/**
- * Sonner Toast - Platform-Agnostic Entry Point
- *
- * Bundlers resolve platform-specific implementations:
- * - Metro (React Native): resolves to sonner.native.ts
- * - Vite/Webpack (Web): resolves to sonner.web.ts
- * - Node.js/SSR: uses this file (web fallback)
- *
- * This file exports web as the default for /core and /web entry points.
- */
-export { toast, Toaster, type ToastT } from './sonner.web';

package/src/lib/sonner.web.ts

@@ -1,28 +0,0 @@
-/**
- * Sonner Toast - Web Implementation
- *
- * This file is resolved by web bundlers (Vite, Webpack, etc.)
- * Only imports 'sonner' (web version), not 'sonner-native'
- */
-import * as WebSonner from 'sonner';
-
-// Define proper types for the toast components
-interface ToastFunction {
-  (message: string, options?: Record<string, unknown>): void;
-  success: (message: string, options?: Record<string, unknown>) => void;
-  error: (message: string, options?: Record<string, unknown>) => void;
-  info: (message: string, options?: Record<string, unknown>) => void;
-  warning: (message: string, options?: Record<string, unknown>) => void;
-  loading: (message: string, options?: Record<string, unknown>) => void;
-}
-
-type ToasterComponent = (props?: Record<string, unknown>) => React.ReactElement | null;
-
-const { toast: webToast, Toaster: WebToaster } = WebSonner as {
-  toast: ToastFunction;
-  Toaster: ToasterComponent;
-};
-
-export const toast = webToast;
-export const Toaster = WebToaster;
-export type ToastT = typeof webToast;

package/src/ui/components/GroupedItem.tsx

@@ -1,161 +0,0 @@
-import type React from 'react';
-import { memo, useMemo } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
-import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { useTheme } from '@oxyhq/bloom/theme';
-import { darkenColor } from '../utils/colorUtils';
-
-
-interface GroupedItemProps {
-    icon?: string;
-    iconColor?: string;
-    title: string;
-    subtitle?: string;
-    onPress?: () => void;
-    isFirst?: boolean;
-    isLast?: boolean;
-    showChevron?: boolean;
-    disabled?: boolean;
-    customContent?: React.ReactNode;
-    customIcon?: React.ReactNode;
-    /** Accessibility label (defaults to title) */
-    accessibilityLabel?: string;
-    /** Accessibility hint for what happens on press */
-    accessibilityHint?: string;
-}
-
-const GroupedItemComponent = ({
-    icon,
-    iconColor,
-    title,
-    subtitle,
-    onPress,
-    isFirst = false,
-    isLast = false,
-    showChevron = false,
-    disabled = false,
-    customContent,
-    customIcon,
-    accessibilityLabel,
-    accessibilityHint,
-}: GroupedItemProps) => {
-    const { colors } = useTheme();
-    // Use fallback color when iconColor is not provided
-    const finalIconColor = iconColor || colors.icon;
-
-    const itemStyles = useMemo(
-        () => [
-            styles.groupedItem,
-            isFirst && styles.firstGroupedItem,
-            isLast && styles.lastGroupedItem,
-        ],
-        [isFirst, isLast],
-    );
-
-    const content = (
-        <View style={styles.groupedItemContent}>
-            {customIcon ? (
-                <View style={styles.actionIcon}>{customIcon}</View>
-            ) : icon ? (
-                <View style={[styles.iconContainer, { backgroundColor: finalIconColor }]}>
-                    <MaterialCommunityIcons name={icon} size={22} color={darkenColor(finalIconColor)} />
-                </View>
-            ) : null}
-            <View style={styles.actionTextContainer}>
-                <Text className="text-foreground" style={styles.actionButtonText}>{title}</Text>
-                {subtitle && (
-                    <Text className="text-muted-foreground" style={styles.actionButtonSubtext}>
-                        {subtitle}
-                    </Text>
-                )}
-            </View>
-            {customContent}
-            {showChevron && (
-                <Ionicons name="chevron-forward" size={20} color={colors.icon} />
-            )}
-        </View>
-    );
-
-    if (onPress && !disabled) {
-        return (
-            <TouchableOpacity
-                className="bg-card"
-                style={itemStyles}
-                onPress={onPress}
-                activeOpacity={0.7}
-                accessibilityRole="button"
-                accessibilityLabel={accessibilityLabel || title}
-                accessibilityHint={accessibilityHint || subtitle}
-                accessibilityState={{ disabled }}
-            >
-                {content}
-            </TouchableOpacity>
-        );
-    }
-
-    return (
-        <View
-            className="bg-card"
-            style={itemStyles}
-            accessibilityRole="text"
-            accessibilityLabel={accessibilityLabel || title}
-        >
-            {content}
-        </View>
-    );
-};
-
-GroupedItemComponent.displayName = 'GroupedItem';
-
-export const GroupedItem = memo(GroupedItemComponent);
-
-const styles = StyleSheet.create({
-    groupedItem: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        overflow: 'hidden',
-        width: '100%',
-    },
-    firstGroupedItem: {
-        borderTopLeftRadius: 18,
-        borderTopRightRadius: 18,
-    },
-    lastGroupedItem: {
-        borderBottomLeftRadius: 18,
-        borderBottomRightRadius: 18,
-    },
-    groupedItemContent: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingVertical: 8,
-        paddingHorizontal: 10,
-        width: '100%',
-        gap: 10,
-    },
-    actionIcon: {
-        // marginRight handled by gap
-    },
-    iconContainer: {
-        width: 36,
-        height: 36,
-        borderRadius: 18,
-        alignItems: 'center',
-        justifyContent: 'center',
-        // marginRight handled by gap
-    },
-    actionTextContainer: {
-        flex: 1,
-    },
-    actionButtonText: {
-        fontSize: 14,
-        fontWeight: '400',
-    },
-    actionButtonSubtext: {
-        fontSize: 12,
-        marginTop: 2,
-    },
-});
-
-export default GroupedItem;

package/src/ui/components/GroupedSection.tsx

@@ -1,60 +0,0 @@
-import type React from 'react';
-import { memo } from 'react';
-import { View } from 'react-native';
-import { GroupedItem } from './GroupedItem';
-import { Ionicons } from '@expo/vector-icons';
-
-interface GroupedSectionItem {
-    id: string;
-    icon?: string;
-    iconColor?: string;
-    title: string;
-    subtitle?: string;
-    onPress?: () => void;
-    onLongPress?: () => void;
-    showChevron?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    customContent?: React.ReactNode;
-    customIcon?: React.ReactNode;
-    multiRow?: boolean;
-    dense?: boolean;
-    customContentBelow?: React.ReactNode;
-    theme?: string;
-    /** Allow additional properties for extensibility */
-    [key: string]: unknown;
-}
-
-interface GroupedSectionProps {
-    items: GroupedSectionItem[];
-}
-
-const GroupedSectionComponent = ({ items }: GroupedSectionProps) => {
-    return (
-        <View style={{ width: '100%' }}>
-            {items.map((item, index) => (
-                <View key={`${item.id}-${index}`} style={{ marginBottom: index < items.length - 1 ? 4 : 0 }}>
-                    <GroupedItem
-                        icon={item.icon}
-                        iconColor={item.iconColor}
-                        title={item.title}
-                        subtitle={item.subtitle}
-                        onPress={item.onPress}
-                        isFirst={index === 0}
-                        isLast={index === items.length - 1}
-                        showChevron={item.showChevron}
-                        disabled={item.disabled}
-                        customContent={item.customContent}
-                        customIcon={item.customIcon}
-                    />
-                </View>
-            ))}
-        </View>
-    );
-};
-
-GroupedSectionComponent.displayName = 'GroupedSection';
-
-export const GroupedSection = memo(GroupedSectionComponent);
-
-export default GroupedSection;

package/src/ui/components/Section.tsx

@@ -1,42 +0,0 @@
-import type React from 'react';
-import { View, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
-import SectionTitle from './SectionTitle';
-import { useColorScheme } from '../hooks/useColorScheme';
-import { normalizeColorScheme } from '../utils/themeUtils';
-
-interface SectionProps {
-    title?: string;
-    theme?: 'light' | 'dark';
-    children: React.ReactNode;
-    isFirst?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-
-const Section: React.FC<SectionProps> = ({
-    title,
-    theme,
-    children,
-    isFirst = false,
-    style
-}) => {
-    const colorScheme = normalizeColorScheme(useColorScheme(), theme);
-    
-    return (
-        <View style={[styles.section, isFirst && styles.firstSection, style]}>
-            {title && <SectionTitle title={title} theme={colorScheme} />}
-            {children}
-        </View>
-    );
-};
-
-const styles = StyleSheet.create({
-    section: {
-        marginBottom: 10,
-        gap: 12,
-    },
-    firstSection: {
-        marginTop: 8,
-    },
-});
-
-export default Section;

package/src/ui/components/SectionTitle.tsx

@@ -1,27 +0,0 @@
-import type React from 'react';
-import { Text, StyleSheet, type StyleProp, type TextStyle } from 'react-native';
-import { fontFamilies } from '../styles/fonts';
-
-interface SectionTitleProps {
-    title: string;
-    theme?: 'light' | 'dark';
-    style?: StyleProp<TextStyle>;
-}
-
-const SectionTitle: React.FC<SectionTitleProps> = ({ title, theme, style }) => {
-    return (
-        <Text className="text-foreground" style={[styles.sectionTitle, style]}>
-            {title}
-        </Text>
-    );
-};
-
-const styles = StyleSheet.create({
-    sectionTitle: {
-        fontSize: 16,
-        fontWeight: '600',
-        fontFamily: fontFamilies.interSemiBold,
-    },
-});
-
-export default SectionTitle;

package/src/ui/components/SettingRow.tsx

@@ -1,105 +0,0 @@
-import React from 'react';
-import { View, Text, Switch, StyleSheet } from 'react-native';
-import { useTheme } from '@oxyhq/bloom/theme';
-
-export interface SettingRowProps {
-    title: string;
-    description?: string;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
-    disabled?: boolean;
-    textColor?: string;
-    mutedTextColor?: string;
-    borderColor?: string;
-    /** Active color for the switch track */
-    activeColor?: string;
-    /** Inactive color for the switch track */
-    inactiveColor?: string;
-    /** Accessibility label for the switch */
-    accessibilityLabel?: string;
-}
-
-/**
- * Reusable setting row component with switch
- * Extracted from PrivacySettingsScreen for reuse across settings screens
- */
-const SettingRow: React.FC<SettingRowProps> = ({
-    title,
-    description,
-    value,
-    onValueChange,
-    disabled = false,
-    textColor,
-    mutedTextColor,
-    borderColor,
-    activeColor,
-    inactiveColor,
-    accessibilityLabel,
-}) => {
-    const theme = useTheme();
-
-    const resolvedActiveColor = activeColor ?? theme.colors.primary;
-    const resolvedInactiveColor = inactiveColor ?? theme.colors.textTertiary;
-    const thumbOn = theme.colors.background;
-    const thumbOff = theme.colors.backgroundSecondary;
-
-    return (
-        <View
-            style={[styles.settingRow, borderColor ? { borderBottomColor: borderColor } : undefined]}
-            accessibilityRole="none"
-        >
-            <View style={styles.settingInfo}>
-                <Text
-                    style={[styles.settingTitle, textColor ? { color: textColor } : undefined]}
-                    accessibilityRole="text"
-                >
-                    {title}
-                </Text>
-                {description && (
-                    <Text
-                        style={[styles.settingDescription, mutedTextColor ? { color: mutedTextColor } : undefined]}
-                        accessibilityRole="text"
-                    >
-                        {description}
-                    </Text>
-                )}
-            </View>
-            <Switch
-                value={value}
-                onValueChange={onValueChange}
-                disabled={disabled}
-                trackColor={{ false: resolvedInactiveColor, true: resolvedActiveColor }}
-                thumbColor={value ? thumbOn : thumbOff}
-                accessibilityRole="switch"
-                accessibilityLabel={accessibilityLabel || title}
-                accessibilityState={{ checked: value, disabled }}
-                accessibilityHint={description}
-            />
-        </View>
-    );
-};
-
-const styles = StyleSheet.create({
-    settingRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        paddingVertical: 16,
-        borderBottomWidth: 1,
-    },
-    settingInfo: {
-        flex: 1,
-        marginRight: 16,
-    },
-    settingTitle: {
-        fontSize: 16,
-        fontWeight: '500',
-        marginBottom: 4,
-    },
-    settingDescription: {
-        fontSize: 14,
-        opacity: 0.7,
-    },
-});
-
-export default React.memo(SettingRow);