@oxyhq/services 6.9.13 → 6.9.15

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

@@ -1,28 +1,67 @@
 "use strict";
 
+var __createBinding = void 0 && (void 0).__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 = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__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
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sonner = require("../../lib/sonner");
-var _fonts = require("../styles/fonts.js");
-var _confirmAction = require("../utils/confirmAction.js");
-var _authStore = require("../stores/authStore.js");
-var _index = require("../components/index.js");
-var _useI18n = require("../hooks/useI18n.js");
-var _useThemeStyles = require("../hooks/useThemeStyles.js");
-var _useColorScheme = require("../hooks/useColorScheme.js");
-var _theme = require("../constants/theme.js");
-var _themeUtils = require("../utils/themeUtils.js");
-var _userUtils = require("../utils/userUtils.js");
-var _OxyContext = require("../context/OxyContext.js");
-var _useAccountQueries = require("../hooks/queries/useAccountQueries.js");
-var _useAccountMutations = require("../hooks/mutations/useAccountMutations.js");
-var _spacing = require("../constants/spacing.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 fonts_1 = require("../styles/fonts");
+const confirmAction_1 = require("../utils/confirmAction");
+const authStore_1 = require("../stores/authStore");
+const components_1 = require("../components");
+const useI18n_1 = require("../hooks/useI18n");
+const useThemeStyles_1 = require("../hooks/useThemeStyles");
+const useColorScheme_1 = require("../hooks/useColorScheme");
+const theme_1 = require("../constants/theme");
+const themeUtils_1 = require("../utils/themeUtils");
+const userUtils_1 = require("../utils/userUtils");
+const OxyContext_1 = require("../context/OxyContext");
+const useAccountQueries_1 = require("../hooks/queries/useAccountQueries");
+const useAccountMutations_1 = require("../hooks/mutations/useAccountMutations");
+const spacing_1 = require("../constants/spacing");
 const AccountSettingsScreen = ({
   onClose,
   theme,
@@ -36,85 +75,73 @@ const AccountSettingsScreen = ({
   const {
     oxyServices,
     isAuthenticated
-  } = (0, _OxyContext.useOxy)();
+  } = (0, OxyContext_1.useOxy)();
   const {
     t
-  } = (0, _useI18n.useI18n)();
-
+  } = (0, useI18n_1.useI18n)();
   // Use TanStack Query for user data
   const {
     data: user,
     isLoading: userLoading
-  } = (0, _useAccountQueries.useCurrentUser)({
+  } = (0, useAccountQueries_1.useCurrentUser)({
     enabled: isAuthenticated
   });
-  const uploadAvatarMutation = (0, _useAccountMutations.useUploadAvatar)();
-
+  const uploadAvatarMutation = (0, useAccountMutations_1.useUploadAvatar)();
   // Fallback to store for backward compatibility
-  const userFromStore = (0, _authStore.useAuthStore)(state => state.user);
+  const userFromStore = (0, authStore_1.useAuthStore)(state => state.user);
   const finalUser = user || userFromStore;
   const isUpdatingAvatar = uploadAvatarMutation.isPending;
-  const [optimisticAvatarId, setOptimisticAvatarId] = (0, _react.useState)(null);
-  const scrollViewRef = (0, _react.useRef)(null);
-  const avatarSectionRef = (0, _react.useRef)(null);
-
+  const [optimisticAvatarId, setOptimisticAvatarId] = (0, react_1.useState)(null);
+  const scrollViewRef = (0, react_1.useRef)(null);
+  const avatarSectionRef = (0, react_1.useRef)(null);
   // Section refs for navigation
-  const profilePictureSectionRef = (0, _react.useRef)(null);
-  const basicInfoSectionRef = (0, _react.useRef)(null);
-  const aboutSectionRef = (0, _react.useRef)(null);
-  const quickActionsSectionRef = (0, _react.useRef)(null);
-  const securitySectionRef = (0, _react.useRef)(null);
-
+  const profilePictureSectionRef = (0, react_1.useRef)(null);
+  const basicInfoSectionRef = (0, react_1.useRef)(null);
+  const aboutSectionRef = (0, react_1.useRef)(null);
+  const quickActionsSectionRef = (0, react_1.useRef)(null);
+  const securitySectionRef = (0, react_1.useRef)(null);
   // Section Y positions for scrolling
-  const [profilePictureSectionY, setProfilePictureSectionY] = (0, _react.useState)(null);
-  const [basicInfoSectionY, setBasicInfoSectionY] = (0, _react.useState)(null);
-  const [aboutSectionY, setAboutSectionY] = (0, _react.useState)(null);
-  const [quickActionsSectionY, setQuickActionsSectionY] = (0, _react.useState)(null);
-  const [securitySectionY, setSecuritySectionY] = (0, _react.useState)(null);
-
+  const [profilePictureSectionY, setProfilePictureSectionY] = (0, react_1.useState)(null);
+  const [basicInfoSectionY, setBasicInfoSectionY] = (0, react_1.useState)(null);
+  const [aboutSectionY, setAboutSectionY] = (0, react_1.useState)(null);
+  const [quickActionsSectionY, setQuickActionsSectionY] = (0, react_1.useState)(null);
+  const [securitySectionY, setSecuritySectionY] = (0, react_1.useState)(null);
   // Form state
-  const [displayName, setDisplayName] = (0, _react.useState)('');
-  const [lastName, setLastName] = (0, _react.useState)('');
-  const [username, setUsername] = (0, _react.useState)('');
-  const [email, setEmail] = (0, _react.useState)('');
-  const [bio, setBio] = (0, _react.useState)('');
-  const [location, setLocation] = (0, _react.useState)('');
-  const [links, setLinks] = (0, _react.useState)([]);
-  const [avatarFileId, setAvatarFileId] = (0, _react.useState)('');
-
+  const [displayName, setDisplayName] = (0, react_1.useState)('');
+  const [lastName, setLastName] = (0, react_1.useState)('');
+  const [username, setUsername] = (0, react_1.useState)('');
+  const [email, setEmail] = (0, react_1.useState)('');
+  const [bio, setBio] = (0, react_1.useState)('');
+  const [location, setLocation] = (0, react_1.useState)('');
+  const [links, setLinks] = (0, react_1.useState)([]);
+  const [avatarFileId, setAvatarFileId] = (0, react_1.useState)('');
   // Navigation helper for editing fields
-  const navigateToEditField = (0, _react.useCallback)(fieldType => {
+  const navigateToEditField = (0, react_1.useCallback)(fieldType => {
     navigate?.('EditProfileField', {
       fieldType
     });
   }, [navigate]);
-
   // Location and links state (for display only - modals handle editing)
-  const [locations, setLocations] = (0, _react.useState)([]);
-  const [linksMetadata, setLinksMetadata] = (0, _react.useState)([]);
-
+  const [locations, setLocations] = (0, react_1.useState)([]);
+  const [linksMetadata, setLinksMetadata] = (0, react_1.useState)([]);
   // Get theme colors using centralized hook
-  const colorScheme = (0, _useColorScheme.useColorScheme)();
-  const themeStyles = (0, _useThemeStyles.useThemeStyles)(theme || 'light', colorScheme);
-
+  const colorScheme = (0, useColorScheme_1.useColorScheme)();
+  const themeStyles = (0, useThemeStyles_1.useThemeStyles)(theme || 'light', colorScheme);
   // Extract colors for convenience - ensure it's always defined
   // useThemeStyles always returns colors, but add safety check for edge cases
-  const colors = themeStyles.colors || _theme.Colors[(0, _themeUtils.normalizeColorScheme)(colorScheme, theme || 'light')];
-
+  const colors = themeStyles.colors || theme_1.Colors[(0, themeUtils_1.normalizeColorScheme)(colorScheme, theme || 'light')];
   // Track initialization to prevent unnecessary resets
-  const isInitializedRef = (0, _react.useRef)(false);
-  const previousUserIdRef = (0, _react.useRef)(null);
-  const previousAvatarRef = (0, _react.useRef)(null);
-
+  const isInitializedRef = (0, react_1.useRef)(false);
+  const previousUserIdRef = (0, react_1.useRef)(null);
+  const previousAvatarRef = (0, react_1.useRef)(null);
   // Load user data - only reset fields when user actually changes (not just avatar)
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(() => {
     if (finalUser) {
       const currentUserId = finalUser.id;
       const currentAvatar = finalUser.avatar ?? '';
       const isNewUser = previousUserIdRef.current !== currentUserId;
       const isAvatarOnlyUpdate = !isNewUser && previousUserIdRef.current === currentUserId && previousAvatarRef.current !== currentAvatar && previousAvatarRef.current !== null;
       const shouldInitialize = !isInitializedRef.current || isNewUser;
-
       // Only reset all fields if it's a new user or first load
       // Skip reset if it's just an avatar update
       if (shouldInitialize && !isAvatarOnlyUpdate) {
@@ -126,7 +153,6 @@ const AccountSettingsScreen = ({
         setEmail(finalUser.email || '');
         setBio(finalUser.bio || '');
         setLocation(finalUser.location || '');
-
         // Handle locations - convert single location to array format
         if (finalUser.locations && Array.isArray(finalUser.locations)) {
           setLocations(finalUser.locations.map((loc, index) => ({
@@ -145,7 +171,6 @@ const AccountSettingsScreen = ({
         } else {
           setLocations([]);
         }
-
         // Handle links - simple and direct like other fields
         if (finalUser.linksMetadata && Array.isArray(finalUser.linksMetadata)) {
           const urls = finalUser.linksMetadata.map(l => l.url);
@@ -181,14 +206,12 @@ const AccountSettingsScreen = ({
         }
         isInitializedRef.current = true;
       }
-
       // Update avatar only if it changed and we're not in optimistic/updating state
       // This allows the server response to update the avatar without resetting other fields
       // But don't override if we have a pending optimistic update
       if (currentAvatar !== avatarFileId && !isUpdatingAvatar && !optimisticAvatarId) {
         setAvatarFileId(currentAvatar);
       }
-
       // If we just finished updating and the server avatar matches our optimistic one, clear optimistic state
       // Also clear if the server avatar matches our current avatarFileId (update completed)
       if (isUpdatingAvatar === false && optimisticAvatarId) {
@@ -200,28 +223,25 @@ const AccountSettingsScreen = ({
       previousAvatarRef.current = currentAvatar;
     }
   }, [finalUser, avatarFileId, isUpdatingAvatar, optimisticAvatarId]);
-
   // Set initial editing field if provided via props (e.g., from navigation)
   // Handle initialSection prop to scroll to specific section
-  const hasScrolledToSectionRef = (0, _react.useRef)(false);
-  const previousInitialSectionRef = (0, _react.useRef)(undefined);
+  const hasScrolledToSectionRef = (0, react_1.useRef)(false);
+  const previousInitialSectionRef = (0, react_1.useRef)(undefined);
   const SCROLL_OFFSET = 100; // Offset to show section near top of viewport
-
   // Map section names to their Y positions
-  const sectionYPositions = (0, _react.useMemo)(() => ({
+  const sectionYPositions = (0, react_1.useMemo)(() => ({
     profilePicture: profilePictureSectionY,
     basicInfo: basicInfoSectionY,
     about: aboutSectionY,
     quickActions: quickActionsSectionY,
     security: securitySectionY
   }), [profilePictureSectionY, basicInfoSectionY, aboutSectionY, quickActionsSectionY, securitySectionY]);
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(() => {
     // If initialSection changed, reset the flag
     if (previousInitialSectionRef.current !== initialSection) {
       hasScrolledToSectionRef.current = false;
       previousInitialSectionRef.current = initialSection;
     }
-
     // Scroll to the specified section if initialSection is provided and we haven't scrolled yet
     if (initialSection && !hasScrolledToSectionRef.current) {
       const sectionY = sectionYPositions[initialSection];
@@ -236,25 +256,23 @@ const AccountSettingsScreen = ({
     }
   }, [initialSection, sectionYPositions]);
   const handleAvatarRemove = () => {
-    (0, _confirmAction.confirmAction)(t('editProfile.confirms.removeAvatar') || 'Remove your profile picture?', () => {
+    (0, confirmAction_1.confirmAction)(t('editProfile.confirms.removeAvatar') || 'Remove your profile picture?', () => {
       setAvatarFileId('');
-      _sonner.toast.success(t('editProfile.toasts.avatarRemoved') || 'Avatar removed');
+      sonner_1.toast.success(t('editProfile.toasts.avatarRemoved') || 'Avatar removed');
     });
   };
   const {
     openAvatarPicker
-  } = (0, _OxyContext.useOxy)();
-
+  } = (0, OxyContext_1.useOxy)();
   // Handlers to navigate to edit screens
-  const handleOpenDisplayNameModal = (0, _react.useCallback)(() => navigateToEditField('displayName'), [navigateToEditField]);
-  const handleOpenUsernameModal = (0, _react.useCallback)(() => navigateToEditField('username'), [navigateToEditField]);
-  const handleOpenEmailModal = (0, _react.useCallback)(() => navigateToEditField('email'), [navigateToEditField]);
-  const handleOpenBioModal = (0, _react.useCallback)(() => navigateToEditField('bio'), [navigateToEditField]);
-  const handleOpenLocationModal = (0, _react.useCallback)(() => navigateToEditField('locations'), [navigateToEditField]);
-  const handleOpenLinksModal = (0, _react.useCallback)(() => navigateToEditField('links'), [navigateToEditField]);
-
+  const handleOpenDisplayNameModal = (0, react_1.useCallback)(() => navigateToEditField('displayName'), [navigateToEditField]);
+  const handleOpenUsernameModal = (0, react_1.useCallback)(() => navigateToEditField('username'), [navigateToEditField]);
+  const handleOpenEmailModal = (0, react_1.useCallback)(() => navigateToEditField('email'), [navigateToEditField]);
+  const handleOpenBioModal = (0, react_1.useCallback)(() => navigateToEditField('bio'), [navigateToEditField]);
+  const handleOpenLocationModal = (0, react_1.useCallback)(() => navigateToEditField('locations'), [navigateToEditField]);
+  const handleOpenLinksModal = (0, react_1.useCallback)(() => navigateToEditField('links'), [navigateToEditField]);
   // Handle initialField prop - navigate to appropriate edit screen
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(() => {
     if (initialField) {
       // Special handling for avatar - open avatar picker directly
       if (initialField === 'avatar') {
@@ -281,40 +299,39 @@ const AccountSettingsScreen = ({
       }
     }
   }, [initialField, openAvatarPicker, navigateToEditField]);
-
   // Memoize display name for avatar
-  const displayNameForAvatar = (0, _react.useMemo)(() => (0, _userUtils.getDisplayName)(finalUser), [finalUser]);
+  const displayNameForAvatar = (0, react_1.useMemo)(() => (0, userUtils_1.getDisplayName)(finalUser), [finalUser]);
   if (userLoading || !isAuthenticated) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, {
       style: [styles.container, {
         backgroundColor: themeStyles.backgroundColor,
         justifyContent: 'center'
       }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
         size: "large",
         color: themeStyles.primaryColor
       })
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  return (0, jsx_runtime_1.jsx)(react_native_1.View, {
     style: [styles.container, {
       backgroundColor: themeStyles.backgroundColor
     }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, {
       ref: scrollViewRef,
       style: styles.content,
       contentContainerStyle: styles.scrollContent,
       showsVerticalScrollIndicator: false,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: [styles.headerContainer, styles.headerSection],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.modernTitle, {
             color: themeStyles.textColor,
             marginBottom: 0,
             marginTop: 0
           }],
           children: t('accountOverview.items.editProfile.title') || t('editProfile.title') || 'Edit Profile'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.modernSubtitle, {
             color: colors.secondaryText,
             marginBottom: 0,
@@ -322,7 +339,7 @@ const AccountSettingsScreen = ({
           }],
           children: t('accountOverview.items.editProfile.subtitle') || t('editProfile.subtitle') || 'Manage your profile and preferences'
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         ref: ref => {
           avatarSectionRef.current = ref;
           profilePictureSectionRef.current = ref;
@@ -334,23 +351,23 @@ const AccountSettingsScreen = ({
           } = event.nativeEvent.layout;
           setProfilePictureSectionY(y);
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: colors.secondaryText
           }],
           children: t('editProfile.sections.profilePicture') || 'PROFILE PICTURE'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.groupedSectionWrapper,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
+          children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
             items: [{
               id: 'profile-photo',
-              customIcon: optimisticAvatarId || avatarFileId ? isUpdatingAvatar ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+              customIcon: optimisticAvatarId || avatarFileId ? isUpdatingAvatar ? (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, {
                 style: {
                   position: 'relative',
                   width: 36,
                   height: 36
                 },
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Image, {
+                children: [(0, jsx_runtime_1.jsx)(react_native_1.Animated.Image, {
                   source: {
                     uri: oxyServices.getFileDownloadUrl(optimisticAvatarId || avatarFileId, 'thumb')
                   },
@@ -360,7 +377,7 @@ const AccountSettingsScreen = ({
                     borderRadius: 18,
                     opacity: 0.6
                   }
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
                   style: {
                     position: 'absolute',
                     top: 0,
@@ -372,12 +389,12 @@ const AccountSettingsScreen = ({
                     backgroundColor: colorScheme === 'dark' ? 'rgba(0, 0, 0, 0.4)' : 'rgba(255, 255, 255, 0.7)',
                     borderRadius: 18
                   },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+                  children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
                     size: "small",
                     color: colors.tint
                   })
                 })]
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+              }) : (0, jsx_runtime_1.jsx)(react_native_1.Image, {
                 source: {
                   uri: oxyServices.getFileDownloadUrl(optimisticAvatarId || avatarFileId, 'thumb')
                 },
@@ -403,7 +420,7 @@ const AccountSettingsScreen = ({
             }] : [])]
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         ref: basicInfoSectionRef,
         style: styles.section,
         onLayout: event => {
@@ -412,14 +429,14 @@ const AccountSettingsScreen = ({
           } = event.nativeEvent.layout;
           setBasicInfoSectionY(y);
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: colors.secondaryText
           }],
           children: t('editProfile.sections.basicInfo') || 'BASIC INFORMATION'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.groupedSectionWrapper,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
+          children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
             items: [{
               id: 'display-name',
               icon: 'account-outline',
@@ -444,7 +461,7 @@ const AccountSettingsScreen = ({
             }]
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         ref: aboutSectionRef,
         style: styles.section,
         onLayout: event => {
@@ -453,14 +470,14 @@ const AccountSettingsScreen = ({
           } = event.nativeEvent.layout;
           setAboutSectionY(y);
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: colors.secondaryText
           }],
           children: t('editProfile.sections.about') || 'ABOUT YOU'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.groupedSectionWrapper,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
+          children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
             items: [{
               id: 'bio',
               icon: 'text-box-outline',
@@ -493,7 +510,7 @@ const AccountSettingsScreen = ({
             }]
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         ref: quickActionsSectionRef,
         style: styles.section,
         onLayout: event => {
@@ -502,14 +519,14 @@ const AccountSettingsScreen = ({
           } = event.nativeEvent.layout;
           setQuickActionsSectionY(y);
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: colors.secondaryText
           }],
           children: t('editProfile.sections.quickActions') || 'QUICK ACTIONS'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.groupedSectionWrapper,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
+          children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
             items: [{
               id: 'preview-profile',
               icon: 'eye',
@@ -536,7 +553,7 @@ const AccountSettingsScreen = ({
             }]
           })
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         ref: securitySectionRef,
         style: styles.section,
         onLayout: event => {
@@ -545,19 +562,19 @@ const AccountSettingsScreen = ({
           } = event.nativeEvent.layout;
           setSecuritySectionY(y);
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.sectionTitle, {
             color: colors.secondaryText
           }],
           children: t('editProfile.sections.security') || 'SECURITY'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
           style: styles.groupedSectionWrapper
         })]
       })]
     })
   });
 };
-const styles = _reactNative.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
   container: {
     flexShrink: 1,
     width: '100%'
@@ -565,21 +582,21 @@ const styles = _reactNative.StyleSheet.create({
   content: {
     flexShrink: 1
   },
-  scrollContent: (0, _spacing.createScreenContentStyle)(_spacing.HEADER_PADDING_TOP_SETTINGS),
+  scrollContent: (0, spacing_1.createScreenContentStyle)(spacing_1.HEADER_PADDING_TOP_SETTINGS),
   headerContainer: {
     width: '100%',
     maxWidth: 420,
     alignSelf: 'center',
-    marginBottom: _spacing.SECTION_GAP_LARGE
+    marginBottom: spacing_1.SECTION_GAP_LARGE
   },
   headerSection: {
     alignItems: 'flex-start',
     width: '100%',
-    gap: _spacing.COMPONENT_GAP
+    gap: spacing_1.COMPONENT_GAP
   },
   modernTitle: {
-    fontFamily: _fonts.fontFamilies.interBold,
-    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined,
+    fontFamily: fonts_1.fontFamilies.interBold,
+    fontWeight: react_native_1.Platform.OS === 'web' ? 'bold' : undefined,
     fontSize: 42,
     lineHeight: 50.4,
     // 42 * 1.2
@@ -595,7 +612,7 @@ const styles = _reactNative.StyleSheet.create({
     opacity: 0.8
   },
   section: {
-    marginBottom: _spacing.SECTION_GAP_LARGE
+    marginBottom: spacing_1.SECTION_GAP_LARGE
   },
   sectionTitle: {
     fontSize: 13,
@@ -604,11 +621,11 @@ const styles = _reactNative.StyleSheet.create({
     marginTop: 4,
     textTransform: 'uppercase',
     letterSpacing: 0.5,
-    fontFamily: _fonts.fontFamilies.interSemiBold
+    fontFamily: fonts_1.fontFamilies.interSemiBold
   },
   groupedSectionWrapper: {
     backgroundColor: 'transparent'
   }
 });
-var _default = exports.default = /*#__PURE__*/_react.default.memo(AccountSettingsScreen);
+exports.default = react_1.default.memo(AccountSettingsScreen);
 //# sourceMappingURL=AccountSettingsScreen.js.map