@oxyhq/services 6.9.13 → 6.9.15

package/lib/commonjs/ui/screens/ProfileScreen.js

@@ -1,22 +1,25 @@
 "use strict";
 
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _index = require("../styles/index.js");
-var _Avatar = _interopRequireDefault(require("../components/Avatar.js"));
-var _index2 = require("../components/index.js");
-var _useFollow = require("../hooks/useFollow.js");
-var _vectorIcons = require("@expo/vector-icons");
-var _useI18n = require("../hooks/useI18n.js");
-var _OxyContext = require("../context/OxyContext.js");
-var _core = require("@oxyhq/core");
-var _errorHandlers = require("../utils/errorHandlers.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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,
@@ -28,27 +31,25 @@ const ProfileScreen = ({
   const {
     oxyServices,
     user: currentUser
-  } = (0, _OxyContext.useOxy)();
-  const [profile, setProfile] = (0, _react.useState)(null);
-  const [karmaTotal, setKarmaTotal] = (0, _react.useState)(null);
-  const [postsCount, setPostsCount] = (0, _react.useState)(null);
-  const [commentsCount, setCommentsCount] = (0, _react.useState)(null);
-  const [isLoading, setIsLoading] = (0, _react.useState)(true);
-  const [error, setError] = (0, _react.useState)(null);
-  const [links, setLinks] = (0, _react.useState)([]);
-
+  } = (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.useFollow)(userId);
-  const colors = (0, _index.useThemeColors)(theme ?? 'light');
+  } = (0, useFollow_1.useFollow)(userId);
+  const colors = (0, styles_1.useThemeColors)(theme ?? 'light');
   const styles = createStyles(colors);
   const {
     t
-  } = (0, _useI18n.useI18n)();
-
+  } = (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 => {
@@ -58,7 +59,7 @@ const ProfileScreen = ({
   const currentUserId = normalizeId(currentUser?.id);
   const targetUserId = normalizeId(userId);
   const isOwnProfile = currentUserId && targetUserId && currentUserId === targetUserId;
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(() => {
     if (!userId) {
       setError('No user ID provided');
       setIsLoading(false);
@@ -66,7 +67,6 @@ const ProfileScreen = ({
     }
     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
@@ -98,7 +98,6 @@ const ProfileScreen = ({
       }
       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) => ({
@@ -127,22 +126,19 @@ const ProfileScreen = ({
       } 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.logger.error('Profile loading error', err instanceof Error ? err : new Error(String(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.extractErrorMessage)(err, '');
+      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);
@@ -162,51 +158,51 @@ const ProfileScreen = ({
     }).finally(() => setIsLoading(false));
   }, [userId]);
   if (isLoading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, {
       style: [styles.container, {
         backgroundColor: colors.background,
         justifyContent: 'center'
       }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
         size: "large",
         color: colors.primary
       })
     });
   }
   if (error) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: [styles.container, {
         backgroundColor: colors.background
       }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.errorHeader,
-        children: [goBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        children: [goBack && (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
           onPress: goBack,
           style: styles.backButton,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
             name: "arrow-back",
             size: 24,
             color: colors.text
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.errorTitle, {
             color: colors.text
           }],
           children: "Profile Error"
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.errorContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "alert-circle",
           size: 48,
           color: colors.error,
           style: styles.errorIcon
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.errorText, {
             color: colors.error
           }],
           children: error
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.errorSubtext, {
             color: colors.secondaryText
           }],
@@ -215,79 +211,79 @@ const ProfileScreen = ({
       })]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  return (0, jsx_runtime_1.jsx)(react_native_1.View, {
     style: [styles.container, {
       backgroundColor: colors.background
     }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, {
       style: {
         flex: 1
       },
       contentContainerStyle: styles.scrollContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: styles.bannerContainer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.bannerImage
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.avatarRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.avatarWrapper,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+          children: (0, jsx_runtime_1.jsx)(Avatar_1.default, {
             uri: profile?.avatar ? oxyServices.getFileDownloadUrl(profile.avatar, 'thumb') : undefined,
             name: profile?.username || username,
             size: 96
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.actionButtonWrapper,
-          children: isOwnProfile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          children: isOwnProfile ? (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
             style: styles.actionButton,
             onPress: () => navigate?.('AccountSettings'),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: styles.actionButtonText,
               children: t('editProfile.title') || 'Edit Profile'
             })
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.FollowButton, {
+          }) : (0, jsx_runtime_1.jsx)(components_1.FollowButton, {
             userId: userId,
             onFollowChange: isFollowing => {
               // The follow button will automatically update counts via Zustand
               if (__DEV__) {
-                _core.logger.debug(`Follow status changed: ${isFollowing}`, {
+                core_1.logger.debug(`Follow status changed: ${isFollowing}`, {
                   component: 'ProfileScreen'
                 });
               }
             }
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.header,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        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 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        }), profile?.username && (0, jsx_runtime_1.jsxs)(react_native_1.Text, {
           style: [styles.subText, {
             color: colors.secondaryText
           }],
           children: ["@", profile.username]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (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.'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.infoGrid,
-          children: [profile?.createdAt && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [profile?.createdAt && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.infoGridItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "calendar-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.infoGridText, {
                 color: colors.secondaryText
               }],
@@ -295,96 +291,96 @@ const ProfileScreen = ({
                 date: new Date(profile.createdAt).toLocaleDateString()
               }) || `Joined ${new Date(profile.createdAt).toLocaleDateString()}`
             })]
-          }), profile?.location && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), profile?.location && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.infoGridItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "location-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.infoGridText, {
                 color: colors.secondaryText
               }],
               numberOfLines: 1,
               children: profile.location
             })]
-          }), profile?.website && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), profile?.website && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.infoGridItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "globe-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (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 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), profile && 'company' in profile && typeof profile.company === 'string' && profile.company && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.infoGridItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "business-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (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 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), profile && 'jobTitle' in profile && typeof profile.jobTitle === 'string' && profile.jobTitle && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.infoGridItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "briefcase-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (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 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), profile && 'education' in profile && typeof profile.education === 'string' && profile.education && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.infoGridItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "school-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (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 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), profile && 'birthday' in profile && typeof profile.birthday === 'string' && profile.birthday && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.infoGridItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "gift-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.infoGridText, {
                 color: colors.secondaryText
               }],
@@ -392,26 +388,26 @@ const ProfileScreen = ({
                 date: new Date(profile.birthday).toLocaleDateString()
               }) || `Born ${new Date(profile.birthday).toLocaleDateString()}`
             })]
-          }), links.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+          }), links.length > 0 && (0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
             style: styles.infoGridItem,
             onPress: () => navigate?.('UserLinks', {
               userId,
               links
             }),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
               name: "link-outline",
               size: 16,
               color: colors.secondaryText,
               style: {
                 marginRight: 6
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.infoGridText, {
                 color: colors.secondaryText
               }],
               numberOfLines: 1,
               children: links[0].url
-            }), links.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), links.length > 1 && (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.linksMore, {
                 color: colors.secondaryText
               }],
@@ -420,50 +416,50 @@ const ProfileScreen = ({
               }) || `+ ${links.length - 1} more`
             })]
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.divider
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
           style: styles.statsRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.statItem,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.karmaAmount, {
                 color: colors.primary
               }],
               children: karmaTotal !== null && karmaTotal !== undefined ? karmaTotal : '--'
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.karmaLabel, {
                 color: colors.secondaryText
               }],
               children: t('profile.karma') || 'Karma'
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.statItem,
-            children: [isLoadingCounts ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            children: [isLoadingCounts ? (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
               size: "small",
               color: colors.text
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }) : (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.karmaAmount, {
                 color: colors.text
               }],
               children: followerCount !== null ? followerCount : '--'
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.karmaLabel, {
                 color: colors.secondaryText
               }],
               children: t('profile.followers') || 'Followers'
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
             style: styles.statItem,
-            children: [isLoadingCounts ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            children: [isLoadingCounts ? (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
               size: "small",
               color: colors.text
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }) : (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.karmaAmount, {
                 color: colors.text
               }],
               children: followingCount !== null ? followingCount : '--'
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
               style: [styles.karmaLabel, {
                 color: colors.secondaryText
               }],
@@ -475,7 +471,7 @@ const ProfileScreen = ({
     })
   });
 };
-const createStyles = colors => _reactNative.StyleSheet.create({
+const createStyles = colors => react_native_1.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -651,5 +647,35 @@ const createStyles = colors => _reactNative.StyleSheet.create({
     opacity: 0.7
   }
 });
+exports.default = ProfileScreen;
+//# sourceMappingURL=ProfileScreen.js.mapton: {
+    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
+  }
+});
 var _default = exports.default = ProfileScreen;
 //# sourceMappingURL=ProfileScreen.js.map