@oxyhq/services 6.9.13 → 6.9.15

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,252 @@
+"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,254 @@
+"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

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