@oxyhq/services 6.9.15 → 6.9.17

package/src/ui/screens/karma/KarmaRewardsScreen.js

@@ -1,460 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const components_1 = require("../../components");
-const vector_icons_1 = require("@expo/vector-icons");
-const useI18n_1 = require("../../hooks/useI18n");
-const useThemeStyles_1 = require("../../hooks/useThemeStyles");
-const themeUtils_1 = require("../../utils/themeUtils");
-const useColorScheme_1 = require("../../hooks/useColorScheme");
-const theme_1 = require("../../constants/theme");
-const OxyContext_1 = require("../../context/OxyContext");
-const colorUtils_1 = require("../../utils/colorUtils");
-const fonts_1 = require("../../styles/fonts");
-const KarmaRewardsScreen = ({ goBack, theme }) => {
-    const { t } = (0, useI18n_1.useI18n)();
-    const { user, oxyServices, isAuthenticated } = (0, OxyContext_1.useOxy)();
-    const [karmaTotal, setKarmaTotal] = (0, react_1.useState)(0);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const normalizedTheme = (0, themeUtils_1.normalizeTheme)(theme);
-    const baseThemeStyles = (0, useThemeStyles_1.useThemeStyles)(normalizedTheme);
-    const colorScheme = (0, useColorScheme_1.useColorScheme)();
-    const normalizedColorScheme = (0, themeUtils_1.normalizeColorScheme)(colorScheme);
-    const colors = theme_1.Colors[normalizedColorScheme];
-    const themeStyles = (0, react_1.useMemo)(() => ({
-        ...baseThemeStyles,
-        primaryColor: '#d169e5',
-    }), [baseThemeStyles]);
-    (0, react_1.useEffect)(() => {
-        if (!user || !isAuthenticated) {
-            setIsLoading(false);
-            return;
-        }
-        setIsLoading(true);
-        oxyServices.getUserKarmaTotal(user.id)
-            .then((data) => {
-            setKarmaTotal(data.total || 0);
-        })
-            .catch(() => {
-            setKarmaTotal(0);
-        })
-            .finally(() => setIsLoading(false));
-    }, [user, isAuthenticated, oxyServices]);
-    const achievements = (0, react_1.useMemo)(() => [
-        {
-            id: 'first-step',
-            name: t('karma.achievements.firstStep') || 'First Step',
-            description: t('karma.achievements.firstStepDesc') || 'Earned your first karma point',
-            category: 'milestone',
-            icon: 'footsteps',
-            iconColor: '#8E8E93',
-            unlocked: karmaTotal >= 1,
-            rarity: 'common',
-        },
-        {
-            id: 'novice',
-            name: t('karma.achievements.novice') || 'Novice',
-            description: t('karma.achievements.noviceDesc') || 'Reached 10 karma points',
-            category: 'milestone',
-            icon: 'leaf',
-            iconColor: '#34C759',
-            unlocked: karmaTotal >= 10,
-            rarity: 'common',
-        },
-        {
-            id: 'contributor',
-            name: t('karma.achievements.contributor') || 'Contributor',
-            description: t('karma.achievements.contributorDesc') || 'Reached 50 karma points',
-            category: 'contribution',
-            icon: 'account-group',
-            iconColor: '#007AFF',
-            unlocked: karmaTotal >= 50,
-            rarity: 'common',
-        },
-        {
-            id: 'rising-star',
-            name: t('karma.achievements.risingStar') || 'Rising Star',
-            description: t('karma.achievements.risingStarDesc') || 'Reached 100 karma points',
-            category: 'milestone',
-            icon: 'star',
-            iconColor: '#FF9500',
-            unlocked: karmaTotal >= 100,
-            rarity: 'rare',
-        },
-        {
-            id: 'early-adopter',
-            name: t('karma.achievements.earlyAdopter') || 'Early Adopter',
-            description: t('karma.achievements.earlyAdopterDesc') || 'Been part of the community from the start',
-            category: 'special',
-            icon: 'rocket',
-            iconColor: '#AF52DE',
-            unlocked: karmaTotal >= 200,
-            rarity: 'rare',
-        },
-        {
-            id: 'community-hero',
-            name: t('karma.achievements.communityHero') || 'Community Hero',
-            description: t('karma.achievements.communityHeroDesc') || 'Reached 500 karma points',
-            category: 'contribution',
-            icon: 'shield',
-            iconColor: '#FF2D55',
-            unlocked: karmaTotal >= 500,
-            rarity: 'epic',
-        },
-        {
-            id: 'legend',
-            name: t('karma.achievements.legend') || 'Legend',
-            description: t('karma.achievements.legendDesc') || 'Reached 1000 karma points',
-            category: 'milestone',
-            icon: 'trophy',
-            iconColor: '#FFD700',
-            unlocked: karmaTotal >= 1000,
-            rarity: 'legendary',
-        },
-        {
-            id: 'phoenix',
-            name: t('karma.achievements.phoenix') || 'Phoenix',
-            description: t('karma.achievements.phoenixDesc') || 'Reached 2500 karma points',
-            category: 'milestone',
-            icon: 'flame',
-            iconColor: '#FF3B30',
-            unlocked: karmaTotal >= 2500,
-            rarity: 'legendary',
-        },
-        {
-            id: 'unstoppable',
-            name: t('karma.achievements.unstoppable') || 'Unstoppable',
-            description: t('karma.achievements.unstoppableDesc') || 'Reached 5000 karma points',
-            category: 'milestone',
-            icon: 'infinite',
-            iconColor: '#5E5CE6',
-            unlocked: karmaTotal >= 5000,
-            rarity: 'legendary',
-        },
-        {
-            id: 'bug-hunter',
-            name: t('karma.achievements.bugHunter') || 'Bug Hunter',
-            description: t('karma.achievements.bugHunterDesc') || 'Reported helpful bugs',
-            category: 'contribution',
-            icon: 'bug',
-            iconColor: '#FF9500',
-            unlocked: false, // TODO: Check actual bug reports
-            rarity: 'rare',
-        },
-        {
-            id: 'helper',
-            name: t('karma.achievements.helper') || 'Helper',
-            description: t('karma.achievements.helperDesc') || 'Helped 10 users',
-            category: 'contribution',
-            icon: 'hand-left',
-            iconColor: '#34C759',
-            unlocked: false, // TODO: Check help actions
-            rarity: 'common',
-        },
-        {
-            id: 'streak-master',
-            name: t('karma.achievements.streakMaster') || 'Streak Master',
-            description: t('karma.achievements.streakMasterDesc') || '7 day activity streak',
-            category: 'streak',
-            icon: 'flash',
-            iconColor: '#FFD700',
-            unlocked: false, // TODO: Check streak
-            rarity: 'epic',
-        },
-    ], [t, karmaTotal, colors]);
-    const unlockedAchievements = achievements.filter(a => a.unlocked);
-    const lockedAchievements = achievements.filter(a => !a.unlocked);
-    const getRarityColor = (rarity) => {
-        switch (rarity) {
-            case 'legendary':
-                return '#FFD700';
-            case 'epic':
-                return '#AF52DE';
-            case 'rare':
-                return '#007AFF';
-            default:
-                return '#8E8E93';
-        }
-    };
-    const getAchievementValue = (achievement) => {
-        // Extract numeric value from achievement based on ID and unlocked state
-        const valueMap = {
-            'first-step': 1,
-            'novice': 10,
-            'contributor': 50,
-            'rising-star': 100,
-            'early-adopter': 200,
-            'community-hero': 500,
-            'legend': 1000,
-            'phoenix': 2500,
-            'unstoppable': 5000,
-            'helper': 10,
-            'streak-master': 7,
-        };
-        return valueMap[achievement.id] || null;
-    };
-    const renderAchievement = (achievement) => {
-        const rarityColor = getRarityColor(achievement.rarity);
-        const isLocked = !achievement.unlocked;
-        const achievementValue = getAchievementValue(achievement);
-        // Two-tone colors: darker for borders/shadow, lighter for highlights
-        // Use achievement iconColor for unlocked badges, gray for locked
-        const baseColor = isLocked ? '#8E8E93' : (achievement.iconColor || '#8E8E93');
-        const darkTone = (0, colorUtils_1.darkenColor)(baseColor, 0.45); // Darker border/shadow (more contrast)
-        const lightTone = (0, colorUtils_1.lightenColor)(baseColor, 0.25); // Lighter highlight
-        const mediumTone = baseColor; // Base color
-        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
-                styles.achievementCard,
-                {
-                    backgroundColor: colors.card,
-                },
-            ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.badgeContainer, children: [!isLocked && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
-                                styles.badgeGlow,
-                                styles.badgeOrganic,
-                                {
-                                    backgroundColor: darkTone,
-                                    opacity: 0.3,
-                                },
-                            ] })), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
-                                styles.badgeMain,
-                                styles.badgeOrganic,
-                                {
-                                    backgroundColor: isLocked ? '#E5E5EA' : mediumTone,
-                                    borderColor: darkTone,
-                                    borderWidth: 5,
-                                    shadowColor: darkTone,
-                                },
-                            ], children: [!isLocked && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
-                                                styles.badgeHighlight,
-                                                {
-                                                    backgroundColor: lightTone,
-                                                },
-                                            ] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
-                                                styles.badgeHighlightAccent,
-                                                {
-                                                    backgroundColor: (0, colorUtils_1.lightenColor)(lightTone, 0.1),
-                                                },
-                                            ] })] })), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.badgeIconContainer, children: isLocked ? ((0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "lock-closed", size: 40, color: "#8E8E93" })) : ((0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: achievement.icon, size: 40, color: "#FFFFFF" })) }), achievementValue !== null && !isLocked && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.badgeValueContainer, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
-                                            styles.badgeValueText,
-                                            {
-                                                color: lightTone,
-                                                textShadowColor: darkTone,
-                                            },
-                                        ], children: achievementValue }) }))] }), achievement.unlocked && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.rarityBadge, { backgroundColor: rarityColor, borderColor: (0, colorUtils_1.darkenColor)(rarityColor, 0.4) }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.rarityText, children: achievement.rarity[0].toUpperCase() }) }))] }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.achievementName, { color: themeStyles.textColor, opacity: isLocked ? 0.5 : 1 }], children: achievement.name }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.achievementDescription, { color: themeStyles.isDarkTheme ? '#BBBBBB' : '#888888', opacity: isLocked ? 0.5 : 1 }], children: achievement.description })] }, achievement.id));
-    };
-    if (!isAuthenticated) {
-        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor: themeStyles.backgroundColor }], children: [(0, jsx_runtime_1.jsx)(components_1.Header, { title: t('karma.rewards.title') || 'Karma Rewards', subtitle: t('karma.rewards.subtitle') || 'Unlock special features and recognition', onBack: goBack, elevation: "subtle" }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.centerContent, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.message, { color: themeStyles.textColor }], children: t('common.status.notSignedIn') || 'Not signed in' }) })] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor: themeStyles.backgroundColor }], children: [(0, jsx_runtime_1.jsx)(components_1.Header, { title: t('karma.rewards.title') || 'Karma Rewards', subtitle: t('karma.rewards.subtitle') || 'Unlock special features and recognition', onBack: goBack, elevation: "subtle" }), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { contentContainerStyle: styles.contentContainer, showsVerticalScrollIndicator: false, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.statsCard, { backgroundColor: colors.card }], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.statsHeader, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.currentKarma, { color: themeStyles.primaryColor }], children: karmaTotal }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.karmaLabel, { color: themeStyles.isDarkTheme ? '#BBBBBB' : '#888888' }], children: t('karma.center.balance') || 'Karma Points' })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.achievementStats, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.achievementCount, { color: themeStyles.primaryColor }], children: unlockedAchievements.length }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.achievementCountLabel, { color: themeStyles.isDarkTheme ? '#BBBBBB' : '#888888' }], children: t('karma.achievements.unlocked') || 'Achievements' })] })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.progressBarContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.progressBar, { backgroundColor: themeStyles.borderColor }], children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
-                                                styles.progressBarFill,
-                                                {
-                                                    width: `${(unlockedAchievements.length / achievements.length) * 100}%`,
-                                                    backgroundColor: themeStyles.primaryColor,
-                                                },
-                                            ] }) }), (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.progressText, { color: themeStyles.isDarkTheme ? '#BBBBBB' : '#888888' }], children: [unlockedAchievements.length, " / ", achievements.length] })] })] }), unlockedAchievements.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.sectionTitle, { color: themeStyles.textColor }], children: t('karma.achievements.unlocked') || 'Unlocked Achievements' }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.achievementsGrid, children: unlockedAchievements.map(achievement => renderAchievement(achievement)) })] })), lockedAchievements.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.sectionTitle, { color: themeStyles.textColor }], children: t('karma.achievements.locked') || 'Locked Achievements' }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.achievementsGrid, children: lockedAchievements.map(achievement => renderAchievement(achievement)) })] }))] })] }));
-};
-const styles = react_native_1.StyleSheet.create({
-    container: { flex: 1 },
-    contentContainer: {
-        paddingHorizontal: 24,
-        paddingTop: 20,
-        paddingBottom: 40,
-    },
-    centerContent: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    message: {
-        fontSize: 16,
-        textAlign: 'center',
-    },
-    statsCard: {
-        borderRadius: 18,
-        padding: 20,
-        marginBottom: 24,
-    },
-    statsHeader: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 16,
-    },
-    currentKarma: {
-        fontSize: 36,
-        fontWeight: react_native_1.Platform.OS === 'web' ? 'bold' : undefined,
-        fontFamily: fonts_1.fontFamilies.interBold,
-        marginBottom: 4,
-    },
-    achievementStats: {
-        alignItems: 'flex-end',
-    },
-    achievementCount: {
-        fontSize: 36,
-        fontWeight: react_native_1.Platform.OS === 'web' ? 'bold' : undefined,
-        fontFamily: fonts_1.fontFamilies.interBold,
-        marginBottom: 4,
-    },
-    achievementCountLabel: {
-        fontSize: 14,
-    },
-    karmaLabel: {
-        fontSize: 14,
-    },
-    progressBarContainer: {
-        marginTop: 8,
-    },
-    progressBar: {
-        height: 8,
-        borderRadius: 4,
-        overflow: 'hidden',
-        marginBottom: 8,
-    },
-    progressBarFill: {
-        height: '100%',
-        borderRadius: 4,
-    },
-    progressText: {
-        fontSize: 12,
-        textAlign: 'right',
-    },
-    sectionTitle: {
-        fontSize: 20,
-        fontWeight: react_native_1.Platform.OS === 'web' ? '600' : undefined,
-        fontFamily: fonts_1.fontFamilies.interSemiBold,
-        marginTop: 8,
-    },
-    achievementsGrid: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 20,
-        marginBottom: 24,
-        justifyContent: 'space-between',
-    },
-    achievementCard: {
-        width: '47%',
-        minWidth: 140,
-        borderRadius: 20,
-        padding: 20,
-        paddingTop: 24,
-        alignItems: 'center',
-    },
-    badgeContainer: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginBottom: 12,
-        position: 'relative',
-        width: 120,
-        height: 120,
-    },
-    badgeGlow: {
-        position: 'absolute',
-        width: 135,
-        height: 135,
-        borderRadius: 67.5,
-        shadowOffset: { width: 0, height: 6 },
-        shadowRadius: 15,
-        shadowOpacity: 0.4,
-        elevation: 10,
-    },
-    badgeOrganic: {
-        width: 120,
-        height: 120,
-        // More organic blob shape with varied border radius (like Duolingo)
-        borderTopLeftRadius: 48,
-        borderTopRightRadius: 52,
-        borderBottomLeftRadius: 52,
-        borderBottomRightRadius: 48,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    badgeMain: {
-        position: 'absolute',
-        shadowOffset: { width: 0, height: 6 },
-        shadowRadius: 12,
-        shadowOpacity: 0.5,
-        elevation: 8,
-    },
-    badgeHighlight: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        height: '50%',
-        borderTopLeftRadius: 48,
-        borderTopRightRadius: 52,
-        opacity: 0.6,
-    },
-    badgeHighlightAccent: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        height: '30%',
-        borderTopLeftRadius: 48,
-        borderTopRightRadius: 52,
-        opacity: 0.3,
-    },
-    badgeIconContainer: {
-        position: 'absolute',
-        top: 8,
-        left: 0,
-        right: 0,
-        alignItems: 'center',
-        justifyContent: 'flex-start',
-        zIndex: 10,
-        paddingTop: 12,
-    },
-    badgeValueContainer: {
-        position: 'absolute',
-        bottom: 8,
-        left: 0,
-        right: 0,
-        alignItems: 'center',
-        justifyContent: 'center',
-        zIndex: 10,
-    },
-    badgeValueText: {
-        fontSize: 32,
-        fontWeight: 'bold',
-        textShadowOffset: { width: 0, height: 2 },
-        textShadowRadius: 4,
-        letterSpacing: -1,
-    },
-    rarityBadge: {
-        position: 'absolute',
-        top: -6,
-        right: -6,
-        width: 32,
-        height: 32,
-        borderRadius: 16,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderWidth: 3,
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.4,
-        shadowRadius: 4,
-        elevation: 5,
-    },
-    rarityText: {
-        fontSize: 14,
-        fontWeight: 'bold',
-        color: '#FFFFFF',
-    },
-    achievementName: {
-        fontSize: 15,
-        fontWeight: '700',
-        textAlign: 'center',
-        marginBottom: 6,
-        marginTop: 4,
-    },
-    achievementDescription: {
-        fontSize: 11,
-        textAlign: 'center',
-        lineHeight: 15,
-    },
-});
-exports.default = KarmaRewardsScreen;

package/src/ui/screens/karma/KarmaRulesScreen.d.ts

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

package/src/ui/screens/karma/KarmaRulesScreen.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const components_1 = require("../../components");
-const useI18n_1 = require("../../hooks/useI18n");
-const useThemeStyles_1 = require("../../hooks/useThemeStyles");
-const themeUtils_1 = require("../../utils/themeUtils");
-const useColorScheme_1 = require("../../hooks/useColorScheme");
-const OxyContext_1 = require("../../context/OxyContext");
-const KarmaRulesScreen = ({ goBack, theme }) => {
-    // Use useOxy() hook for OxyContext values
-    const { oxyServices } = (0, OxyContext_1.useOxy)();
-    const { t } = (0, useI18n_1.useI18n)();
-    const [rules, setRules] = (0, react_1.useState)([]);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    const colorScheme = (0, useColorScheme_1.useColorScheme)();
-    const normalizedTheme = (0, themeUtils_1.normalizeTheme)(theme);
-    const themeStyles = (0, useThemeStyles_1.useThemeStyles)(normalizedTheme, colorScheme);
-    // Override primaryColor for Karma screens (purple instead of blue)
-    const primaryColor = '#d169e5';
-    (0, react_1.useEffect)(() => {
-        setIsLoading(true);
-        setError(null);
-        oxyServices.getKarmaRules()
-            .then((data) => setRules(Array.isArray(data) ? data : []))
-            .catch((err) => setError((err instanceof Error ? err.message : null) || 'Failed to load rules'))
-            .finally(() => setIsLoading(false));
-    }, [oxyServices]);
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor: themeStyles.backgroundColor }], children: [(0, jsx_runtime_1.jsx)(components_1.Header, { title: t('karma.rules.title') || 'Karma Rules', subtitle: t('karma.rules.subtitle') || 'How to earn karma points', onBack: goBack, elevation: "subtle" }), isLoading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "large", color: primaryColor, style: { marginTop: 40 } })) : error ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.error, { color: '#D32F2F' }], children: error })) : ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { contentContainerStyle: styles.listContainer, children: rules.length === 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.placeholder, { color: themeStyles.textColor }], children: t('karma.rules.empty') || 'No rules found.' })) : (rules.map((rule, idx) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.ruleRow, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.ruleDesc, { color: themeStyles.textColor }], children: rule.description }) }, rule.id || idx)))) }))] }));
-};
-const styles = react_native_1.StyleSheet.create({
-    container: { flex: 1 },
-    listContainer: { paddingBottom: 40, paddingTop: 20 },
-    ruleRow: {
-        paddingVertical: 14,
-        paddingHorizontal: 24,
-        borderBottomWidth: 1,
-        borderColor: '#eee',
-    },
-    ruleDesc: { fontSize: 16 },
-    placeholder: { fontSize: 16, color: '#888', textAlign: 'center', marginTop: 40 },
-    error: { fontSize: 16, textAlign: 'center', marginTop: 40 },
-});
-exports.default = KarmaRulesScreen;

package/src/ui/server.d.ts

@@ -1,40 +0,0 @@
-/**
- * Server-safe UI exports (noops)
- *
- * Import from this module for SSR environments where React components
- * shouldn't be rendered on the server.
- *
- * @example
- * import { OxyProvider, useOxy } from '@oxyhq/services/ui/server';
- */
-export declare const OxyProvider: () => null;
-export declare const OxySignInButton: () => null;
-export declare const OxyLogo: () => null;
-export declare const Avatar: () => null;
-export declare const FollowButton: () => null;
-export declare const OxyPayButton: () => null;
-export declare const FontLoader: () => null;
-export declare const setupFonts: () => void;
-export declare const OxyIcon: () => null;
-export declare const useOxy: () => {};
-export declare const useAuth: () => {};
-export declare const useFollow: () => {};
-export declare const useStorage: () => {
-    storage: null;
-    isReady: boolean;
-};
-export declare const ProfileScreen: () => null;
-export declare const useAuthStore: () => {};
-export declare const useAccountStore: () => {};
-export declare const fontFamilies: {};
-export declare const fontStyles: {};
-export declare const toast: (() => void) & {
-    success: () => void;
-    error: () => void;
-    info: () => void;
-    warning: () => void;
-    loading: () => void;
-    dismiss: () => void;
-};
-export { handleAuthError, isInvalidSessionError, isTimeoutOrNetworkError, extractErrorMessage, } from './utils/errorHandlers';
-export type { HandleAuthErrorOptions } from './utils/errorHandlers';

package/src/ui/server.js

@@ -1,57 +0,0 @@
-"use strict";
-/**
- * Server-safe UI exports (noops)
- *
- * Import from this module for SSR environments where React components
- * shouldn't be rendered on the server.
- *
- * @example
- * import { OxyProvider, useOxy } from '@oxyhq/services/ui/server';
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractErrorMessage = exports.isTimeoutOrNetworkError = exports.isInvalidSessionError = exports.handleAuthError = exports.toast = exports.fontStyles = exports.fontFamilies = exports.useAccountStore = exports.useAuthStore = exports.ProfileScreen = exports.useStorage = exports.useFollow = exports.useAuth = exports.useOxy = exports.OxyIcon = exports.setupFonts = exports.FontLoader = exports.OxyPayButton = exports.FollowButton = exports.Avatar = exports.OxyLogo = exports.OxySignInButton = exports.OxyProvider = void 0;
-// Noop utilities
-const noopComponent = () => null;
-const noopHook = () => ({});
-const noopStorageResult = { storage: null, isReady: false };
-// Components (all render null)
-exports.OxyProvider = noopComponent;
-exports.OxySignInButton = noopComponent;
-exports.OxyLogo = noopComponent;
-exports.Avatar = noopComponent;
-exports.FollowButton = noopComponent;
-exports.OxyPayButton = noopComponent;
-exports.FontLoader = noopComponent;
-const setupFonts = () => { };
-exports.setupFonts = setupFonts;
-exports.OxyIcon = noopComponent;
-// Context
-exports.useOxy = noopHook;
-// Hooks (all return empty objects)
-exports.useAuth = noopHook;
-exports.useFollow = noopHook;
-const useStorage = () => noopStorageResult;
-exports.useStorage = useStorage;
-// Screens (render null)
-exports.ProfileScreen = noopComponent;
-// Stores (return empty objects)
-exports.useAuthStore = noopHook;
-exports.useAccountStore = noopHook;
-// Styles (empty objects)
-exports.fontFamilies = {};
-exports.fontStyles = {};
-// Toast (noop)
-exports.toast = Object.assign(() => { }, {
-    success: () => { },
-    error: () => { },
-    info: () => { },
-    warning: () => { },
-    loading: () => { },
-    dismiss: () => { },
-});
-// Error handler utilities (pure functions work everywhere)
-var errorHandlers_1 = require("./utils/errorHandlers");
-Object.defineProperty(exports, "handleAuthError", { enumerable: true, get: function () { return errorHandlers_1.handleAuthError; } });
-Object.defineProperty(exports, "isInvalidSessionError", { enumerable: true, get: function () { return errorHandlers_1.isInvalidSessionError; } });
-Object.defineProperty(exports, "isTimeoutOrNetworkError", { enumerable: true, get: function () { return errorHandlers_1.isTimeoutOrNetworkError; } });
-Object.defineProperty(exports, "extractErrorMessage", { enumerable: true, get: function () { return errorHandlers_1.extractErrorMessage; } });

package/src/ui/stores/accountStore.d.ts

@@ -1,26 +0,0 @@
-import type { OxyServices } from '@oxyhq/core';
-import type { QuickAccount } from '@oxyhq/core';
-export type { QuickAccount };
-interface AccountState {
-    accounts: Record<string, QuickAccount>;
-    accountOrder: string[];
-    accountsArray: QuickAccount[];
-    loading: boolean;
-    loadingSessionIds: Set<string>;
-    error: string | null;
-    setAccounts: (accounts: QuickAccount[]) => void;
-    addAccount: (account: QuickAccount) => void;
-    updateAccount: (sessionId: string, updates: Partial<QuickAccount>) => void;
-    removeAccount: (sessionId: string) => void;
-    moveAccountToTop: (sessionId: string) => void;
-    setLoading: (loading: boolean) => void;
-    setLoadingSession: (sessionId: string, loading: boolean) => void;
-    setError: (error: string | null) => void;
-    loadAccounts: (sessionIds: string[], oxyServices: OxyServices, existingAccounts?: QuickAccount[], preserveOrder?: boolean) => Promise<void>;
-    reset: () => void;
-}
-export declare const useAccountStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AccountState>>;
-export declare const useAccounts: () => QuickAccount[];
-export declare const useAccountLoading: () => boolean;
-export declare const useAccountError: () => string | null;
-export declare const useAccountLoadingSession: (sessionId: string) => boolean;