@oxyhq/services 6.9.15 → 6.9.16

package/src/ui/screens/PrivacySettingsScreen.d.ts

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

package/src/ui/screens/PrivacySettingsScreen.js

@@ -1,252 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const sonner_1 = require("../../lib/sonner");
-const components_1 = require("../components");
-const useI18n_1 = require("../hooks/useI18n");
-const useThemeStyles_1 = require("../hooks/useThemeStyles");
-const useSettingToggle_1 = require("../hooks/useSettingToggle");
-const themeUtils_1 = require("../utils/themeUtils");
-const OxyContext_1 = require("../context/OxyContext");
-const DEFAULT_PRIVACY_SETTINGS = {
-    isPrivateAccount: false,
-    hideOnlineStatus: false,
-    hideLastSeen: false,
-    profileVisibility: true,
-    loginAlerts: true,
-    blockScreenshots: false,
-    login: true,
-    biometricLogin: false,
-    showActivity: true,
-    allowTagging: true,
-    allowMentions: true,
-    hideReadReceipts: false,
-    allowDirectMessages: true,
-    dataSharing: true,
-    locationSharing: false,
-    analyticsSharing: true,
-    sensitiveContent: false,
-    autoFilter: true,
-    muteKeywords: false,
-};
-const PrivacySettingsScreen = ({ onClose, theme, goBack, }) => {
-    const { oxyServices, user } = (0, OxyContext_1.useOxy)();
-    const { t } = (0, useI18n_1.useI18n)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [blockedUsers, setBlockedUsers] = (0, react_1.useState)([]);
-    const [restrictedUsers, setRestrictedUsers] = (0, react_1.useState)([]);
-    const [isLoadingUsers, setIsLoadingUsers] = (0, react_1.useState)(false);
-    // Use the existing useSettingToggles hook for toggle management
-    const { values: settings, toggle, savingKeys, setValues } = (0, useSettingToggle_1.useSettingToggles)({
-        initialValues: DEFAULT_PRIVACY_SETTINGS,
-        onSave: async (key, value) => {
-            if (!user?.id || !oxyServices)
-                return;
-            await oxyServices.updatePrivacySettings({ [key]: value }, user.id);
-        },
-        errorMessage: t('privacySettings.updateError') || 'Failed to update privacy setting',
-    });
-    const isSaving = savingKeys.size > 0;
-    // Load settings
-    (0, react_1.useEffect)(() => {
-        const loadSettings = async () => {
-            try {
-                setIsLoading(true);
-                if (user?.id && oxyServices) {
-                    const privacySettings = await oxyServices.getPrivacySettings(user.id);
-                    if (privacySettings) {
-                        setValues(privacySettings);
-                    }
-                }
-            }
-            catch (error) {
-                if (__DEV__) {
-                    console.error('Failed to load privacy settings:', error);
-                }
-                sonner_1.toast.error(t('privacySettings.loadError') || 'Failed to load privacy settings');
-            }
-            finally {
-                setIsLoading(false);
-            }
-        };
-        loadSettings();
-    }, [user?.id, oxyServices, t, setValues]);
-    // Load blocked and restricted users
-    (0, react_1.useEffect)(() => {
-        const loadUsers = async () => {
-            if (!oxyServices)
-                return;
-            try {
-                setIsLoadingUsers(true);
-                const [blocked, restricted] = await Promise.all([
-                    oxyServices.getBlockedUsers(),
-                    oxyServices.getRestrictedUsers(),
-                ]);
-                setBlockedUsers(blocked);
-                setRestrictedUsers(restricted);
-            }
-            catch (error) {
-                if (__DEV__) {
-                    console.error('Failed to load blocked/restricted users:', error);
-                }
-            }
-            finally {
-                setIsLoadingUsers(false);
-            }
-        };
-        loadUsers();
-    }, [oxyServices]);
-    const handleUnblock = (0, react_1.useCallback)(async (userId) => {
-        if (!oxyServices)
-            return;
-        try {
-            await oxyServices.unblockUser(userId);
-            setBlockedUsers(prev => prev.filter(u => {
-                const id = typeof u.blockedId === 'string' ? u.blockedId : u.blockedId._id;
-                return id !== userId;
-            }));
-            sonner_1.toast.success(t('privacySettings.userUnblocked') || 'User unblocked');
-        }
-        catch (error) {
-            if (__DEV__) {
-                console.error('Failed to unblock user:', error);
-            }
-            sonner_1.toast.error(t('privacySettings.unblockError') || 'Failed to unblock user');
-        }
-    }, [oxyServices, t]);
-    const handleUnrestrict = (0, react_1.useCallback)(async (userId) => {
-        if (!oxyServices)
-            return;
-        try {
-            await oxyServices.unrestrictUser(userId);
-            setRestrictedUsers(prev => prev.filter(u => {
-                const id = typeof u.restrictedId === 'string' ? u.restrictedId : u.restrictedId._id;
-                return id !== userId;
-            }));
-            sonner_1.toast.success(t('privacySettings.userUnrestricted') || 'User unrestricted');
-        }
-        catch (error) {
-            if (__DEV__) {
-                console.error('Failed to unrestrict user:', error);
-            }
-            sonner_1.toast.error(t('privacySettings.unrestrictError') || 'Failed to unrestrict user');
-        }
-    }, [oxyServices, t]);
-    // Helper to extract user info from blocked/restricted objects
-    const extractUserInfo = (0, react_1.useCallback)((item, idField) => {
-        let userIdField;
-        let username;
-        let avatar;
-        if (idField === 'blockedId' && 'blockedId' in item) {
-            userIdField = item.blockedId;
-            username = typeof item.blockedId === 'string'
-                ? (item.username || 'Unknown')
-                : (item.blockedId.username || 'Unknown');
-            avatar = typeof item.blockedId === 'string' ? item.avatar : item.blockedId.avatar;
-        }
-        else if (idField === 'restrictedId' && 'restrictedId' in item) {
-            userIdField = item.restrictedId;
-            username = typeof item.restrictedId === 'string'
-                ? (item.username || 'Unknown')
-                : (item.restrictedId.username || 'Unknown');
-            avatar = typeof item.restrictedId === 'string' ? item.avatar : item.restrictedId.avatar;
-        }
-        else {
-            // Fallback (should not happen)
-            return { userId: '', username: 'Unknown', avatar: undefined };
-        }
-        const userId = typeof userIdField === 'string' ? userIdField : userIdField._id;
-        return { userId, username, avatar };
-    }, []);
-    const normalizedTheme = (0, themeUtils_1.normalizeTheme)(theme);
-    const themeStyles = (0, useThemeStyles_1.useThemeStyles)(normalizedTheme);
-    // Convert blocked users to GroupedSection items
-    const blockedUserItems = (0, react_1.useMemo)(() => {
-        return blockedUsers.map((blocked) => {
-            const { userId, username, avatar } = extractUserInfo(blocked, 'blockedId');
-            const avatarUri = avatar && oxyServices
-                ? oxyServices.getFileDownloadUrl(avatar, 'thumb')
-                : undefined;
-            return {
-                id: userId,
-                title: username,
-                customIcon: ((0, jsx_runtime_1.jsx)(components_1.Avatar, { uri: avatarUri, name: username, size: 40 })),
-                customContent: ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => handleUnblock(userId), style: [styles.actionButton, { backgroundColor: themeStyles.secondaryBackgroundColor }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.actionButtonText, { color: themeStyles.dangerColor }], children: t('privacySettings.unblock') || 'Unblock' }) })),
-            };
-        });
-    }, [blockedUsers, oxyServices, themeStyles, handleUnblock, t]);
-    // Convert restricted users to GroupedSection items
-    const restrictedUserItems = (0, react_1.useMemo)(() => {
-        return restrictedUsers.map((restricted) => {
-            const { userId, username, avatar } = extractUserInfo(restricted, 'restrictedId');
-            const avatarUri = avatar && oxyServices
-                ? oxyServices.getFileDownloadUrl(avatar, 'thumb')
-                : undefined;
-            return {
-                id: userId,
-                title: username,
-                subtitle: t('privacySettings.restrictedDescription') || 'Limited interactions',
-                customIcon: ((0, jsx_runtime_1.jsx)(components_1.Avatar, { uri: avatarUri, name: username, size: 40 })),
-                customContent: ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => handleUnrestrict(userId), style: [styles.actionButton, { backgroundColor: themeStyles.secondaryBackgroundColor }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.actionButtonText, { color: themeStyles.primaryColor }], children: t('privacySettings.unrestrict') || 'Unrestrict' }) })),
-            };
-        });
-    }, [restrictedUsers, oxyServices, themeStyles, handleUnrestrict, t]);
-    if (isLoading) {
-        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('privacySettings.title') || 'Privacy Settings', onBack: goBack || onClose, variant: "minimal", elevation: "subtle" }), (0, jsx_runtime_1.jsx)(components_1.LoadingState, { color: themeStyles.textColor })] }));
-    }
-    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('privacySettings.title') || 'Privacy Settings', onBack: goBack || onClose, variant: "minimal", elevation: "subtle" }), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { style: styles.content, children: [(0, jsx_runtime_1.jsxs)(components_1.Section, { title: t('privacySettings.sections.account') || 'ACCOUNT PRIVACY', isFirst: true, children: [(0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.isPrivateAccount') || 'Private Account', description: t('privacySettings.isPrivateAccountDesc') || 'Only approved followers can see your posts', value: settings.isPrivateAccount, onValueChange: () => toggle('isPrivateAccount'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.profileVisibility') || 'Profile Visibility', description: t('privacySettings.profileVisibilityDesc') || 'Control who can view your profile', value: settings.profileVisibility, onValueChange: () => toggle('profileVisibility'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.hideOnlineStatus') || 'Hide Online Status', description: t('privacySettings.hideOnlineStatusDesc') || 'Don\'t show when you\'re online', value: settings.hideOnlineStatus, onValueChange: () => toggle('hideOnlineStatus'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.hideLastSeen') || 'Hide Last Seen', description: t('privacySettings.hideLastSeenDesc') || 'Don\'t show when you were last active', value: settings.hideLastSeen, onValueChange: () => toggle('hideLastSeen'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor })] }), (0, jsx_runtime_1.jsxs)(components_1.Section, { title: t('privacySettings.sections.interactions') || 'INTERACTIONS', children: [(0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.allowTagging') || 'Allow Tagging', description: t('privacySettings.allowTaggingDesc') || 'Let others tag you in posts', value: settings.allowTagging, onValueChange: () => toggle('allowTagging'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.allowMentions') || 'Allow Mentions', description: t('privacySettings.allowMentionsDesc') || 'Let others mention you', value: settings.allowMentions, onValueChange: () => toggle('allowMentions'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.allowDirectMessages') || 'Allow Direct Messages', description: t('privacySettings.allowDirectMessagesDesc') || 'Let others send you direct messages', value: settings.allowDirectMessages, onValueChange: () => toggle('allowDirectMessages'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.hideReadReceipts') || 'Hide Read Receipts', description: t('privacySettings.hideReadReceiptsDesc') || 'Don\'t show read receipts in messages', value: settings.hideReadReceipts, onValueChange: () => toggle('hideReadReceipts'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor })] }), (0, jsx_runtime_1.jsxs)(components_1.Section, { title: t('privacySettings.sections.activity') || 'ACTIVITY & DATA', children: [(0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.showActivity') || 'Show Activity Status', description: t('privacySettings.showActivityDesc') || 'Display your activity on your profile', value: settings.showActivity, onValueChange: () => toggle('showActivity'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.dataSharing') || 'Data Sharing', description: t('privacySettings.dataSharingDesc') || 'Allow sharing data for personalization', value: settings.dataSharing, onValueChange: () => toggle('dataSharing'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.locationSharing') || 'Location Sharing', description: t('privacySettings.locationSharingDesc') || 'Share your location', value: settings.locationSharing, onValueChange: () => toggle('locationSharing'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.analyticsSharing') || 'Analytics Sharing', description: t('privacySettings.analyticsSharingDesc') || 'Allow analytics data collection', value: settings.analyticsSharing, onValueChange: () => toggle('analyticsSharing'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor })] }), (0, jsx_runtime_1.jsxs)(components_1.Section, { title: t('privacySettings.sections.content') || 'CONTENT & SAFETY', children: [(0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.sensitiveContent') || 'Show Sensitive Content', description: t('privacySettings.sensitiveContentDesc') || 'Allow sensitive or explicit content', value: settings.sensitiveContent, onValueChange: () => toggle('sensitiveContent'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.autoFilter') || 'Auto Filter', description: t('privacySettings.autoFilterDesc') || 'Automatically filter inappropriate content', value: settings.autoFilter, onValueChange: () => toggle('autoFilter'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.muteKeywords') || 'Mute Keywords', description: t('privacySettings.muteKeywordsDesc') || 'Hide posts containing muted keywords', value: settings.muteKeywords, onValueChange: () => toggle('muteKeywords'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor }), (0, jsx_runtime_1.jsx)(components_1.SettingRow, { title: t('privacySettings.blockScreenshots') || 'Block Screenshots', description: t('privacySettings.blockScreenshotsDesc') || 'Prevent screenshots of your content', value: settings.blockScreenshots, onValueChange: () => toggle('blockScreenshots'), disabled: isSaving, textColor: themeStyles.textColor, mutedTextColor: themeStyles.mutedTextColor, borderColor: themeStyles.borderColor })] }), (0, jsx_runtime_1.jsx)(components_1.Section, { title: t('privacySettings.sections.blockedUsers') || 'BLOCKED USERS', children: isLoadingUsers ? ((0, jsx_runtime_1.jsx)(components_1.LoadingState, { color: themeStyles.textColor, size: "small" })) : blockedUsers.length === 0 ? ((0, jsx_runtime_1.jsx)(components_1.EmptyState, { message: t('privacySettings.noBlockedUsers') || 'No blocked users', textColor: themeStyles.mutedTextColor })) : ((0, jsx_runtime_1.jsx)(components_1.GroupedSection, { items: blockedUserItems })) }), (0, jsx_runtime_1.jsx)(components_1.Section, { title: t('privacySettings.sections.restrictedUsers') || 'RESTRICTED USERS', children: isLoadingUsers ? ((0, jsx_runtime_1.jsx)(components_1.LoadingState, { color: themeStyles.textColor, size: "small" })) : restrictedUsers.length === 0 ? ((0, jsx_runtime_1.jsx)(components_1.EmptyState, { message: t('privacySettings.noRestrictedUsers') || 'No restricted users', textColor: themeStyles.mutedTextColor })) : ((0, jsx_runtime_1.jsx)(components_1.GroupedSection, { items: restrictedUserItems })) })] })] }));
-};
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    content: {
-        flex: 1,
-        padding: 16,
-    },
-    actionButton: {
-        paddingHorizontal: 16,
-        paddingVertical: 8,
-        borderRadius: 8,
-    },
-    actionButtonText: {
-        fontSize: 14,
-        fontWeight: '600',
-    },
-});
-exports.default = react_1.default.memo(PrivacySettingsScreen);

package/src/ui/screens/ProfileScreen.d.ts

@@ -1,8 +0,0 @@
-import type React from 'react';
-import type { BaseScreenProps } from '../types/navigation';
-interface ProfileScreenProps extends BaseScreenProps {
-    userId: string;
-    username?: string;
-}
-declare const ProfileScreen: React.FC<ProfileScreenProps>;
-export default ProfileScreen;

package/src/ui/screens/ProfileScreen.js

@@ -1,254 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-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 styles_1 = require("../styles");
-const Avatar_1 = __importDefault(require("../components/Avatar"));
-const components_1 = require("../components");
-const useFollow_1 = require("../hooks/useFollow");
-const vector_icons_1 = require("@expo/vector-icons");
-const useI18n_1 = require("../hooks/useI18n");
-const OxyContext_1 = require("../context/OxyContext");
-const core_1 = require("@oxyhq/core");
-const errorHandlers_1 = require("../utils/errorHandlers");
-const ProfileScreen = ({ userId, username, theme, goBack, navigate }) => {
-    // Use useOxy() hook for OxyContext values
-    const { oxyServices, user: currentUser } = (0, OxyContext_1.useOxy)();
-    const [profile, setProfile] = (0, react_1.useState)(null);
-    const [karmaTotal, setKarmaTotal] = (0, react_1.useState)(null);
-    const [postsCount, setPostsCount] = (0, react_1.useState)(null);
-    const [commentsCount, setCommentsCount] = (0, react_1.useState)(null);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [links, setLinks] = (0, react_1.useState)([]);
-    // Use the follow hook for real follower data
-    const { followerCount, followingCount, isLoadingCounts, } = (0, useFollow_1.useFollow)(userId);
-    const colors = (0, styles_1.useThemeColors)(theme ?? 'light');
-    const styles = createStyles(colors);
-    const { t } = (0, useI18n_1.useI18n)();
-    // Check if current user is viewing their own profile
-    // Normalize IDs by trimming whitespace to handle format mismatches
-    const normalizeId = (id) => {
-        if (!id)
-            return '';
-        return String(id).trim();
-    };
-    const currentUserId = normalizeId(currentUser?.id);
-    const targetUserId = normalizeId(userId);
-    const isOwnProfile = currentUserId && targetUserId && currentUserId === targetUserId;
-    (0, react_1.useEffect)(() => {
-        if (!userId) {
-            setError('No user ID provided');
-            setIsLoading(false);
-            return;
-        }
-        setIsLoading(true);
-        setError(null);
-        // Load user profile, karma total, and stats
-        Promise.all([
-            oxyServices.getUserById(userId).catch((err) => {
-                // If this is the current user and the API call fails, use current user data as fallback
-                const normalizedCurrentId = normalizeId(currentUser?.id);
-                const normalizedTargetId = normalizeId(userId);
-                if (normalizedCurrentId && normalizedTargetId && normalizedCurrentId === normalizedTargetId) {
-                    return currentUser;
-                }
-                throw err;
-            }),
-            oxyServices.getUserKarmaTotal ?
-                oxyServices.getUserKarmaTotal(userId).catch(() => {
-                    return { total: undefined };
-                }) :
-                Promise.resolve({ total: undefined }),
-            oxyServices.getUserStats ?
-                oxyServices.getUserStats(userId).catch(() => {
-                    return { postCount: 0, commentCount: 0 };
-                }) :
-                Promise.resolve({ postCount: 0, commentCount: 0 })
-        ])
-            .then(([profileRes, karmaRes, statsRes]) => {
-            if (!profileRes) {
-                setError('Profile data is not available');
-                setIsLoading(false);
-                return;
-            }
-            setProfile(profileRes);
-            setKarmaTotal(typeof karmaRes.total === 'number' ? karmaRes.total : null);
-            // Extract links from profile data
-            if (profileRes.linksMetadata && Array.isArray(profileRes.linksMetadata)) {
-                const linksWithIds = profileRes.linksMetadata.map((link, index) => ({
-                    ...link,
-                    id: link.id || `existing-${index}`
-                }));
-                setLinks(linksWithIds);
-            }
-            else if (Array.isArray(profileRes.links)) {
-                const simpleLinks = profileRes.links.map((l) => typeof l === 'string' ? l : (typeof l === 'object' && 'link' in l ? l.link : '')).filter(Boolean);
-                const linksWithMetadata = simpleLinks.map((url, index) => ({
-                    url,
-                    title: url.replace(/^https?:\/\//, '').replace(/\/$/, ''),
-                    description: `Link to ${url}`,
-                    image: undefined,
-                    id: `existing-${index}`
-                }));
-                setLinks(linksWithMetadata);
-            }
-            else if (profileRes.website) {
-                setLinks([{
-                        url: profileRes.website,
-                        title: profileRes.website.replace(/^https?:\/\//, '').replace(/\/$/, ''),
-                        description: `Link to ${profileRes.website}`,
-                        image: undefined,
-                        id: 'existing-0'
-                    }]);
-            }
-            else {
-                setLinks([]);
-            }
-            // Follower/following counts are managed by the `useFollow` hook.
-            // User stats from API
-            setPostsCount(statsRes?.postCount ?? 0);
-            setCommentsCount(statsRes?.commentCount ?? 0);
-        })
-            .catch((err) => {
-            core_1.logger.error('Profile loading error', err instanceof Error ? err : new Error(String(err)), { component: 'ProfileScreen' });
-            // Provide user-friendly error messages based on the error type
-            let errorMessage = 'Failed to load profile';
-            // Type guard for error with status property
-            const errorWithStatus = err && typeof err === 'object' && 'status' in err ? err : null;
-            const errorMessageText = (0, errorHandlers_1.extractErrorMessage)(err, '');
-            if (errorWithStatus?.status === 404 || errorMessageText.includes('not found') || errorMessageText.includes('Resource not found')) {
-                const normalizedCurrentId = normalizeId(currentUser?.id);
-                const normalizedTargetId = normalizeId(userId);
-                if (normalizedCurrentId && normalizedTargetId && normalizedCurrentId === normalizedTargetId) {
-                    errorMessage = 'Unable to load your profile from the server. This may be due to a temporary service issue.';
-                }
-                else {
-                    errorMessage = 'This user profile could not be found or may have been removed.';
-                }
-            }
-            else if (errorWithStatus?.status === 403) {
-                errorMessage = 'You do not have permission to view this profile.';
-            }
-            else if (errorWithStatus?.status === 500) {
-                errorMessage = 'Server error occurred while loading the profile. Please try again later.';
-            }
-            else if (errorMessageText) {
-                errorMessage = errorMessageText;
-            }
-            setError(errorMessage);
-        })
-            .finally(() => setIsLoading(false));
-    }, [userId]);
-    if (isLoading) {
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { backgroundColor: colors.background, justifyContent: 'center' }], children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "large", color: colors.primary }) }));
-    }
-    if (error) {
-        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, { backgroundColor: colors.background }], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.errorHeader, children: [goBack && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: goBack, style: styles.backButton, children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "arrow-back", size: 24, color: colors.text }) })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.errorTitle, { color: colors.text }], children: "Profile Error" })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.errorContent, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "alert-circle", size: 48, color: colors.error, style: styles.errorIcon }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.errorText, { color: colors.error }], children: error }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.errorSubtext, { color: colors.secondaryText }], children: "This could happen if the user doesn't exist or the profile service is unavailable." })] })] }));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.container, { backgroundColor: colors.background }], children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { style: { flex: 1 }, contentContainerStyle: styles.scrollContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bannerContainer, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bannerImage }) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.avatarRow, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.avatarWrapper, children: (0, jsx_runtime_1.jsx)(Avatar_1.default, { uri: profile?.avatar ? oxyServices.getFileDownloadUrl(profile.avatar, 'thumb') : undefined, name: profile?.username || username, size: 96 }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.actionButtonWrapper, children: isOwnProfile ? ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.actionButton, onPress: () => navigate?.('AccountSettings'), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.actionButtonText, children: t('editProfile.title') || 'Edit Profile' }) })) : ((0, jsx_runtime_1.jsx)(components_1.FollowButton, { userId: userId, onFollowChange: (isFollowing) => {
-                                    // The follow button will automatically update counts via Zustand
-                                    if (__DEV__) {
-                                        core_1.logger.debug(`Follow status changed: ${isFollowing}`, { component: 'ProfileScreen' });
-                                    }
-                                } })) })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.header, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.displayName, { color: colors.text }], children: (profile && 'displayName' in profile && typeof profile.displayName === 'string' ? profile.displayName : null) || profile?.username || username || profile?.id || '' }), profile?.username && ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.subText, { color: colors.secondaryText }], children: ["@", profile.username] })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.bio, { color: colors.text }], children: profile?.bio || (t('profile.noBio') || 'This user has no bio yet.') }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGrid, children: [profile?.createdAt && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGridItem, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "calendar-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], children: t('profile.joinedOn', { date: new Date(profile.createdAt).toLocaleDateString() }) || `Joined ${new Date(profile.createdAt).toLocaleDateString()}` })] })), profile?.location && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGridItem, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "location-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], numberOfLines: 1, children: profile.location })] })), profile?.website && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGridItem, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "globe-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], numberOfLines: 1, children: profile.website })] })), profile && 'company' in profile && typeof profile.company === 'string' && profile.company && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGridItem, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "business-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], numberOfLines: 1, children: profile.company })] })), profile && 'jobTitle' in profile && typeof profile.jobTitle === 'string' && profile.jobTitle && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGridItem, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "briefcase-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], numberOfLines: 1, children: profile.jobTitle })] })), profile && 'education' in profile && typeof profile.education === 'string' && profile.education && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGridItem, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "school-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], numberOfLines: 1, children: profile.education })] })), profile && 'birthday' in profile && typeof profile.birthday === 'string' && profile.birthday && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.infoGridItem, children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "gift-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], children: t('profile.bornOn', { date: new Date(profile.birthday).toLocaleDateString() }) || `Born ${new Date(profile.birthday).toLocaleDateString()}` })] })), links.length > 0 && ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: styles.infoGridItem, onPress: () => navigate?.('UserLinks', { userId, links }), children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, { name: "link-outline", size: 16, color: colors.secondaryText, style: { marginRight: 6 } }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.infoGridText, { color: colors.secondaryText }], numberOfLines: 1, children: links[0].url }), links.length > 1 && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.linksMore, { color: colors.secondaryText }], children: t('profile.more', { count: links.length - 1 }) || `+ ${links.length - 1} more` }))] }))] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.divider }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.statsRow, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.statItem, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.karmaAmount, { color: colors.primary }], children: karmaTotal !== null && karmaTotal !== undefined ? karmaTotal : '--' }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.karmaLabel, { color: colors.secondaryText }], children: t('profile.karma') || 'Karma' })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.statItem, children: [isLoadingCounts ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "small", color: colors.text })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.karmaAmount, { color: colors.text }], children: followerCount !== null ? followerCount : '--' })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.karmaLabel, { color: colors.secondaryText }], children: t('profile.followers') || 'Followers' })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.statItem, children: [isLoadingCounts ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "small", color: colors.text })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.karmaAmount, { color: colors.text }], children: followingCount !== null ? followingCount : '--' })), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.karmaLabel, { color: colors.secondaryText }], children: t('profile.following') || 'Following' })] })] })] })] }) }));
-};
-const createStyles = (colors) => react_native_1.StyleSheet.create({
-    container: { flex: 1 },
-    scrollContainer: { alignItems: 'stretch', paddingBottom: 40 },
-    bannerContainer: { height: 160, backgroundColor: `${colors.primary}20`, position: 'relative', overflow: 'hidden' },
-    bannerImage: { flex: 1, backgroundColor: colors.primary }, // Placeholder, replace with Image if available
-    avatarRow: { flexDirection: 'row', alignItems: 'flex-end', marginTop: -56, paddingHorizontal: 20, justifyContent: 'space-between', zIndex: 2 },
-    avatarWrapper: { borderWidth: 5, borderColor: colors.background, borderRadius: 64, overflow: 'hidden', backgroundColor: colors.background },
-    actionButtonWrapper: { flex: 1, alignItems: 'flex-end', justifyContent: 'flex-end' },
-    actionButton: {
-        backgroundColor: colors.background,
-        borderWidth: 1,
-        borderColor: colors.primary,
-        borderRadius: 24,
-        paddingVertical: 7,
-        paddingHorizontal: 22,
-        marginBottom: 8,
-        elevation: 2,
-        shadowColor: colors.primary,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.08,
-        shadowRadius: 2
-    },
-    actionButtonText: {
-        color: colors.primary,
-        fontWeight: 'bold',
-        fontSize: 16
-    },
-    header: { alignItems: 'flex-start', width: '100%', paddingHorizontal: 20 },
-    displayName: { fontSize: 24, fontWeight: 'bold', marginTop: 10, marginBottom: 2, letterSpacing: 0.1 },
-    subText: { fontSize: 16, marginBottom: 2, color: colors.secondaryText },
-    bio: { fontSize: 16, marginTop: 10, marginBottom: 10, color: colors.text, lineHeight: 22 },
-    infoGrid: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        marginBottom: 10,
-        flexWrap: 'wrap'
-    },
-    infoGridItem: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        marginRight: 24,
-        marginBottom: 4
-    },
-    infoGridText: {
-        fontSize: 15,
-        color: colors.text
-    },
-    divider: { height: 1, backgroundColor: colors.border, width: '100%', marginVertical: 14 },
-    linksMore: {
-        fontSize: 15,
-        marginLeft: 4
-    },
-    statsRow: { width: '100%', flex: 1, flexDirection: 'row', alignItems: 'center', marginTop: 6, marginBottom: 2, justifyContent: 'space-between' },
-    statItem: { flex: 1, alignItems: 'center', minWidth: 50, marginBottom: 12 },
-    karmaLabel: { fontSize: 14, marginBottom: 2, textAlign: 'center', color: colors.secondaryText },
-    karmaAmount: { fontSize: 24, fontWeight: 'bold', textAlign: 'center', letterSpacing: 0.2 },
-    // Error handling styles
-    errorHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 16,
-        paddingVertical: 12,
-        borderBottomWidth: 1,
-        borderBottomColor: '#E0E0E0',
-    },
-    backButton: {
-        padding: 8,
-        marginRight: 16,
-    },
-    errorTitle: {
-        fontSize: 20,
-        fontWeight: 'bold',
-    },
-    errorContent: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        paddingHorizontal: 32,
-    },
-    errorIcon: {
-        marginBottom: 16,
-    },
-    errorText: {
-        fontSize: 18,
-        fontWeight: '600',
-        textAlign: 'center',
-        marginBottom: 8,
-    },
-    errorSubtext: {
-        fontSize: 14,
-        textAlign: 'center',
-        opacity: 0.7,
-    },
-});
-exports.default = ProfileScreen;

package/src/ui/screens/SavesCollectionsScreen.d.ts

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