@oxyhq/services 5.21.5 → 5.21.7

package/lib/commonjs/ui/components/profile/EditUsernameModal.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditUsernameModal = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _vectorIcons = require("@expo/vector-icons");
-var _useThemeStyles = require("../../hooks/useThemeStyles.js");
-var _useColorScheme = require("../../hooks/use-color-scheme.js");
-var _useI18n = require("../../hooks/useI18n.js");
-var _fonts = require("../../styles/fonts.js");
+var _react = _interopRequireDefault(require("react"));
+var _EditFieldModal = require("./EditFieldModal.js");
 var _useProfileEditing = require("../../hooks/useProfileEditing.js");
+var _useI18n = require("../../hooks/useI18n.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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EditUsernameModal = ({
   visible,
   onClose,
@@ -24,157 +20,36 @@ const EditUsernameModal = ({
   const {
     t
   } = (0, _useI18n.useI18n)();
-  const colorScheme = (0, _useColorScheme.useColorScheme)();
-  const themeStyles = (0, _useThemeStyles.useThemeStyles)(theme || 'light', colorScheme);
-  const colors = themeStyles.colors;
   const {
-    updateField,
-    isSaving
+    updateField
   } = (0, _useProfileEditing.useProfileEditing)();
-  const [username, setUsername] = (0, _react.useState)(initialValue);
-  (0, _react.useEffect)(() => {
-    if (visible) {
-      setUsername(initialValue);
-    }
-  }, [visible, initialValue]);
-  const handleSave = async () => {
-    const success = await updateField('username', username);
-    if (success) {
-      onSave?.();
-      onClose();
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditFieldModal.EditFieldModal, {
     visible: visible,
-    animationType: "slide",
-    transparent: true,
-    onRequestClose: onClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.modalOverlay,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.modalContent, {
-          backgroundColor: colors.background
-        }],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.modalHeader,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: onClose,
-            style: styles.closeButton,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-              name: "close",
-              size: 24,
-              color: colors.text
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.modalTitle, {
-              color: colors.text
-            }],
-            children: t('editProfile.items.username.title') || 'Username'
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: handleSave,
-            disabled: isSaving || !username.trim(),
-            style: [styles.saveButton, {
-              opacity: isSaving || !username.trim() ? 0.5 : 1
-            }],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.saveButtonText, {
-                color: colors.tint
-              }],
-              children: isSaving ? 'Saving...' : 'Save'
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.modalBody,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.inputGroup,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.label, {
-                color: colors.text
-              }],
-              children: t('editProfile.items.username.label') || 'Username'
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-              style: [styles.input, {
-                backgroundColor: colors.card,
-                color: colors.text,
-                borderColor: colors.border
-              }],
-              value: username,
-              onChangeText: setUsername,
-              placeholder: t('editProfile.items.username.placeholder') || 'Choose a username',
-              placeholderTextColor: colors.secondaryText,
-              autoFocus: true,
-              autoCapitalize: "none",
-              autoCorrect: false,
-              selectionColor: colors.tint
-            })]
-          })
-        })]
-      })
-    })
+    onClose: onClose,
+    title: t('editProfile.items.username.title') || 'Username',
+    theme: theme,
+    onSave: onSave,
+    variant: "single",
+    fields: [{
+      key: 'username',
+      label: t('editProfile.items.username.label') || 'Username',
+      initialValue,
+      placeholder: t('editProfile.items.username.placeholder') || 'Choose a username',
+      validation: value => {
+        if (!value.trim()) {
+          return t('editProfile.items.username.required') || 'Username is required';
+        }
+        return undefined;
+      },
+      inputProps: {
+        autoCapitalize: 'none',
+        autoCorrect: false
+      }
+    }],
+    onSubmit: async data => {
+      return await updateField('username', data.username);
+    }
   });
 };
 exports.EditUsernameModal = EditUsernameModal;
-const styles = _reactNative.StyleSheet.create({
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    justifyContent: 'flex-end'
-  },
-  modalContent: {
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    paddingTop: _reactNative.Platform.OS === 'ios' ? 20 : 16,
-    maxHeight: '80%'
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: '#E5E5EA'
-  },
-  closeButton: {
-    width: 40,
-    height: 40,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  modalTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    fontFamily: _fonts.fontFamilies.phuduSemiBold,
-    flex: 1,
-    textAlign: 'center'
-  },
-  saveButton: {
-    paddingHorizontal: 16,
-    paddingVertical: 8
-  },
-  saveButtonText: {
-    fontSize: 16,
-    fontWeight: '600',
-    fontFamily: _fonts.fontFamilies.phuduSemiBold
-  },
-  modalBody: {
-    padding: 16,
-    gap: 16
-  },
-  inputGroup: {
-    gap: 8
-  },
-  label: {
-    fontSize: 14,
-    fontWeight: '600',
-    fontFamily: _fonts.fontFamilies.phuduSemiBold
-  },
-  input: {
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderRadius: 12,
-    padding: 16,
-    fontSize: 16,
-    minHeight: 52
-  }
-});
 //# sourceMappingURL=EditUsernameModal.js.map

package/lib/commonjs/ui/components/profile/EditUsernameModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_useThemeStyles","_useColorScheme","_useI18n","_fonts","_useProfileEditing","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EditUsernameModal","visible","onClose","initialValue","theme","onSave","useI18n","colorScheme","useColorScheme","themeStyles","useThemeStyles","colors","updateField","isSaving","useProfileEditing","username","setUsername","useState","useEffect","handleSave","success","jsx","Modal","animationType","transparent","onRequestClose","children","View","style","styles","modalOverlay","jsxs","modalContent","backgroundColor","background","modalHeader","TouchableOpacity","onPress","closeButton","Ionicons","name","size","color","text","Text","modalTitle","disabled","trim","saveButton","opacity","saveButtonText","tint","modalBody","inputGroup","label","TextInput","input","card","borderColor","border","value","onChangeText","placeholder","placeholderTextColor","secondaryText","autoFocus","autoCapitalize","autoCorrect","selectionColor","exports","StyleSheet","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","Platform","OS","maxHeight","flexDirection","alignItems","paddingHorizontal","paddingBottom","borderBottomWidth","hairlineWidth","borderBottomColor","width","height","fontSize","fontWeight","fontFamily","fontFamilies","phuduSemiBold","textAlign","paddingVertical","padding","gap","borderWidth","borderRadius","minHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditUsernameModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_EditFieldModal","_useProfileEditing","_useI18n","_jsxRuntime","e","__esModule","default","EditUsernameModal","visible","onClose","initialValue","theme","onSave","t","useI18n","updateField","useProfileEditing","jsx","EditFieldModal","title","variant","fields","key","label","placeholder","validation","value","trim","undefined","inputProps","autoCapitalize","autoCorrect","onSubmit","data","username","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditUsernameModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUvC,MAAMG,iBAAmD,GAAGA,CAAC;EAClEC,OAAO;EACPC,OAAO;EACPC,YAAY,GAAG,EAAE;EACjBC,KAAK,GAAG,OAAO;EACfC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACvB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE3C,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAACjB,eAAA,CAAAkB,cAAc;IACbV,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBU,KAAK,EAAEN,CAAC,CAAC,kCAAkC,CAAC,IAAI,UAAW;IAC3DF,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfQ,OAAO,EAAC,QAAQ;IAChBC,MAAM,EAAE,CACN;MACEC,GAAG,EAAE,UAAU;MACfC,KAAK,EAAEV,CAAC,CAAC,kCAAkC,CAAC,IAAI,UAAU;MAC1DH,YAAY;MACZc,WAAW,EAAEX,CAAC,CAAC,wCAAwC,CAAC,IAAI,mBAAmB;MAC/EY,UAAU,EAAGC,KAAK,IAAK;QACrB,IAAI,CAACA,KAAK,CAACC,IAAI,CAAC,CAAC,EAAE;UACjB,OAAOd,CAAC,CAAC,qCAAqC,CAAC,IAAI,sBAAsB;QAC3E;QACA,OAAOe,SAAS;MAClB,CAAC;MACDC,UAAU,EAAE;QACVC,cAAc,EAAE,MAAM;QACtBC,WAAW,EAAE;MACf;IACF,CAAC,CACD;IACFC,QAAQ,EAAE,MAAOC,IAAI,IAAK;MACxB,OAAO,MAAMlB,WAAW,CAAC,UAAU,EAAEkB,IAAI,CAACC,QAAkB,CAAC;IAC/D;EAAE,CACH,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA5B,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/ui/hooks/mutations/mutationFactory.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createGenericMutation = createGenericMutation;
+exports.createProfileMutation = createProfileMutation;
+var _queryKeys = require("../queries/queryKeys.js");
+var _sonner = require("../../../lib/sonner.js");
+var _authStore = require("../../stores/authStore.js");
+/**
+ * Mutation Factory - Creates standardized mutations with optimistic updates
+ *
+ * This factory reduces boilerplate code for mutations that follow the common pattern:
+ * 1. Cancel outgoing queries
+ * 2. Snapshot previous data
+ * 3. Apply optimistic update
+ * 4. On error: rollback and show toast
+ * 5. On success: update cache, stores, and invalidate queries
+ */
+
+/**
+ * Configuration for creating a standard profile mutation
+ */
+
+/**
+ * Creates a standard profile mutation with optimistic updates
+ *
+ * @example
+ * ```ts
+ * const updateProfile = createProfileMutation({
+ *   mutationFn: (updates) => oxyServices.updateProfile(updates),
+ *   optimisticUpdate: (user, updates) => updates,
+ *   errorMessage: 'Failed to update profile',
+ * });
+ * ```
+ */
+function createProfileMutation(config, queryClient, activeSessionId) {
+  const {
+    mutationFn,
+    cancelQueryKeys = [],
+    optimisticUpdate,
+    errorMessage = 'Operation failed',
+    successMessage,
+    updateAuthStore = true,
+    invalidateUserQueries: shouldInvalidateUserQueries = true,
+    invalidateAccountQueries: shouldInvalidateAccountQueries = true,
+    onSuccess: customOnSuccess
+  } = config;
+  return {
+    mutationFn,
+    onMutate: async variables => {
+      // Cancel queries that might conflict
+      await queryClient.cancelQueries({
+        queryKey: _queryKeys.queryKeys.accounts.current()
+      });
+      for (const key of cancelQueryKeys) {
+        await queryClient.cancelQueries({
+          queryKey: key
+        });
+      }
+
+      // Snapshot previous user data
+      const previousUser = queryClient.getQueryData(_queryKeys.queryKeys.accounts.current());
+
+      // Apply optimistic update if provided
+      if (previousUser && optimisticUpdate) {
+        const updates = optimisticUpdate(previousUser, variables);
+        const optimisticUser = {
+          ...previousUser,
+          ...updates
+        };
+        queryClient.setQueryData(_queryKeys.queryKeys.accounts.current(), optimisticUser);
+        if (activeSessionId) {
+          queryClient.setQueryData(_queryKeys.queryKeys.users.profile(activeSessionId), optimisticUser);
+        }
+      }
+      return {
+        previousUser
+      };
+    },
+    onError: (error, _variables, context) => {
+      // Rollback optimistic update
+      if (context?.previousUser) {
+        queryClient.setQueryData(_queryKeys.queryKeys.accounts.current(), context.previousUser);
+        if (activeSessionId) {
+          queryClient.setQueryData(_queryKeys.queryKeys.users.profile(activeSessionId), context.previousUser);
+        }
+      }
+
+      // Show error toast
+      const message = typeof errorMessage === 'function' ? errorMessage(error) : error instanceof Error ? error.message : errorMessage;
+      _sonner.toast.error(message);
+    },
+    onSuccess: (data, variables) => {
+      // Update cache with server response
+      queryClient.setQueryData(_queryKeys.queryKeys.accounts.current(), data);
+      if (activeSessionId) {
+        queryClient.setQueryData(_queryKeys.queryKeys.users.profile(activeSessionId), data);
+      }
+
+      // Update authStore for immediate UI updates
+      if (updateAuthStore) {
+        _authStore.useAuthStore.getState().setUser(data);
+      }
+
+      // Invalidate related queries
+      if (shouldInvalidateUserQueries) {
+        (0, _queryKeys.invalidateUserQueries)(queryClient);
+      }
+      if (shouldInvalidateAccountQueries) {
+        (0, _queryKeys.invalidateAccountQueries)(queryClient);
+      }
+
+      // Show success toast if configured
+      if (successMessage) {
+        _sonner.toast.success(successMessage);
+      }
+
+      // Call custom onSuccess handler
+      if (customOnSuccess) {
+        customOnSuccess(data, variables, queryClient);
+      }
+    }
+  };
+}
+
+/**
+ * Configuration for creating a generic mutation (non-profile)
+ */
+
+/**
+ * Creates a generic mutation with optimistic updates
+ */
+function createGenericMutation(config, queryClient) {
+  const {
+    mutationFn,
+    queryKey,
+    optimisticData,
+    errorMessage = 'Operation failed',
+    successMessage,
+    invalidateQueries = []
+  } = config;
+  return {
+    mutationFn,
+    onMutate: async variables => {
+      await queryClient.cancelQueries({
+        queryKey
+      });
+      const previous = queryClient.getQueryData(queryKey);
+      if (optimisticData) {
+        queryClient.setQueryData(queryKey, optimisticData(previous, variables));
+      }
+      return {
+        previous
+      };
+    },
+    onError: (error, _variables, context) => {
+      if (context?.previous !== undefined) {
+        queryClient.setQueryData(queryKey, context.previous);
+      }
+      _sonner.toast.error(error instanceof Error ? error.message : errorMessage);
+    },
+    onSuccess: data => {
+      queryClient.setQueryData(queryKey, data);
+      for (const key of invalidateQueries) {
+        queryClient.invalidateQueries({
+          queryKey: key
+        });
+      }
+      if (successMessage) {
+        _sonner.toast.success(successMessage);
+      }
+    }
+  };
+}
+//# sourceMappingURL=mutationFactory.js.map

package/lib/commonjs/ui/hooks/mutations/mutationFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_queryKeys","require","_sonner","_authStore","createProfileMutation","config","queryClient","activeSessionId","mutationFn","cancelQueryKeys","optimisticUpdate","errorMessage","successMessage","updateAuthStore","invalidateUserQueries","shouldInvalidateUserQueries","invalidateAccountQueries","shouldInvalidateAccountQueries","onSuccess","customOnSuccess","onMutate","variables","cancelQueries","queryKey","queryKeys","accounts","current","key","previousUser","getQueryData","updates","optimisticUser","setQueryData","users","profile","onError","error","_variables","context","message","Error","toast","data","useAuthStore","getState","setUser","success","createGenericMutation","optimisticData","invalidateQueries","previous","undefined"],"sourceRoot":"../../../../../src","sources":["ui/hooks/mutations/mutationFactory.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/hooks/mutations/useAccountMutations.js

@@ -10,6 +10,7 @@ var _OxyContext = require("../../context/OxyContext.js");
 var _sonner = require("../../../lib/sonner.js");
 var _avatarUtils = require("../../utils/avatarUtils.js");
 var _authStore = require("../../stores/authStore.js");
+var _authHelpers = require("../../utils/authHelpers.js");
 /**
  * Update user profile with optimistic updates and offline queue support
  */
@@ -22,37 +23,7 @@ const useUpdateProfile = () => {
   const queryClient = (0, _reactQuery.useQueryClient)();
   return (0, _reactQuery.useMutation)({
     mutationFn: async updates => {
-      // Ensure we have a valid token before making the request
-      if (!oxyServices.hasValidToken() && activeSessionId) {
-        try {
-          // Try to get token for the session
-          await oxyServices.getTokenBySession(activeSessionId);
-        } catch (tokenError) {
-          // If getting token fails, might be an offline session - try syncing
-          const errorMessage = tokenError instanceof Error ? tokenError.message : String(tokenError);
-          if (errorMessage.includes('AUTH_REQUIRED_OFFLINE_SESSION') || errorMessage.includes('offline')) {
-            // Session sync should be handled by the app layer
-            throw new Error('Session needs to be synced. Please try again.');
-          } else {
-            throw tokenError;
-          }
-        }
-      }
-      try {
-        return await oxyServices.updateProfile(updates);
-      } catch (error) {
-        const errorMessage = error?.message || '';
-        const status = error?.status || error?.response?.status;
-
-        // Handle authentication errors
-        if (status === 401 || errorMessage.includes('Authentication required') || errorMessage.includes('Invalid or missing authorization header')) {
-          // Session sync should be handled by the app layer
-          throw new Error('Authentication failed. Please sign in again.');
-        }
-
-        // TanStack Query will automatically retry on network errors
-        throw error;
-      }
+      return (0, _authHelpers.authenticatedApiCall)(oxyServices, activeSessionId, () => oxyServices.updateProfile(updates));
     },
     // Optimistic update
     onMutate: async updates => {
@@ -128,21 +99,7 @@ const useUploadAvatar = () => {
   const queryClient = (0, _reactQuery.useQueryClient)();
   return (0, _reactQuery.useMutation)({
     mutationFn: async file => {
-      // Ensure we have a valid token before making the request
-      if (!oxyServices.hasValidToken() && activeSessionId) {
-        try {
-          await oxyServices.getTokenBySession(activeSessionId);
-        } catch (tokenError) {
-          const errorMessage = tokenError instanceof Error ? tokenError.message : String(tokenError);
-          if (errorMessage.includes('AUTH_REQUIRED_OFFLINE_SESSION') || errorMessage.includes('offline')) {
-            // Session sync should be handled by the app layer
-            throw new Error('Session needs to be synced. Please try again.');
-          } else {
-            throw tokenError;
-          }
-        }
-      }
-      try {
+      return (0, _authHelpers.authenticatedApiCall)(oxyServices, activeSessionId, async () => {
         // Upload file first
         const uploadResult = await oxyServices.assetUpload(file, 'public');
         const fileId = uploadResult?.file?.id || uploadResult?.id || uploadResult;
@@ -154,19 +111,7 @@ const useUploadAvatar = () => {
         return await oxyServices.updateProfile({
           avatar: fileId
         });
-      } catch (error) {
-        const errorMessage = error?.message || '';
-        const status = error?.status || error?.response?.status;
-
-        // Handle authentication errors
-        if (status === 401 || errorMessage.includes('Authentication required') || errorMessage.includes('Invalid or missing authorization header')) {
-          // Session sync should be handled by the app layer
-          throw new Error('Authentication failed. Please sign in again.');
-        }
-
-        // TanStack Query will automatically retry on network errors
-        throw error;
-      }
+      });
     },
     onMutate: async file => {
       await queryClient.cancelQueries({
@@ -296,38 +241,7 @@ const useUpdatePrivacySettings = () => {
       if (!targetUserId) {
         throw new Error('User ID is required');
       }
-
-      // Ensure we have a valid token before making the request
-      if (!oxyServices.hasValidToken() && activeSessionId) {
-        try {
-          // Try to get token for the session
-          await oxyServices.getTokenBySession(activeSessionId);
-        } catch (tokenError) {
-          // If getting token fails, might be an offline session - try syncing
-          const errorMessage = tokenError instanceof Error ? tokenError.message : String(tokenError);
-          if (errorMessage.includes('AUTH_REQUIRED_OFFLINE_SESSION') || errorMessage.includes('offline')) {
-            // Session sync should be handled by the app layer
-            throw new Error('Session needs to be synced. Please try again.');
-          } else {
-            throw tokenError;
-          }
-        }
-      }
-      try {
-        return await oxyServices.updatePrivacySettings(settings, targetUserId);
-      } catch (error) {
-        const errorMessage = error?.message || '';
-        const status = error?.status || error?.response?.status;
-
-        // Handle authentication errors
-        if (status === 401 || errorMessage.includes('Authentication required') || errorMessage.includes('Invalid or missing authorization header')) {
-          // Session sync should be handled by the app layer
-          throw new Error('Authentication failed. Please sign in again.');
-        }
-
-        // TanStack Query will automatically retry on network errors
-        throw error;
-      }
+      return (0, _authHelpers.authenticatedApiCall)(oxyServices, activeSessionId, () => oxyServices.updatePrivacySettings(settings, targetUserId));
     },
     // Optimistic update
     onMutate: async ({
@@ -424,10 +338,13 @@ const useUpdatePrivacySettings = () => {
   });
 };
 
+/** Uploaded file data structure from API */
+
+/** Upload result type that supports both single file and batch responses */
+exports.useUpdatePrivacySettings = useUpdatePrivacySettings;
 /**
  * Upload file with authentication handling and progress tracking
  */
-exports.useUpdatePrivacySettings = useUpdatePrivacySettings;
 const useUploadFile = () => {
   const {
     oxyServices,
@@ -440,37 +357,7 @@ const useUploadFile = () => {
       metadata,
       onProgress
     }) => {
-      // Ensure we have a valid token before making the request
-      if (!oxyServices.hasValidToken() && activeSessionId) {
-        try {
-          // Try to get token for the session
-          await oxyServices.getTokenBySession(activeSessionId);
-        } catch (tokenError) {
-          // If getting token fails, might be an offline session - try syncing
-          const errorMessage = tokenError instanceof Error ? tokenError.message : String(tokenError);
-          if (errorMessage.includes('AUTH_REQUIRED_OFFLINE_SESSION') || errorMessage.includes('offline')) {
-            // Session sync should be handled by the app layer
-            throw new Error('Session needs to be synced. Please try again.');
-          } else {
-            throw tokenError;
-          }
-        }
-      }
-      try {
-        return await oxyServices.assetUpload(file, visibility, metadata, onProgress);
-      } catch (error) {
-        const errorMessage = error?.message || '';
-        const status = error?.status || error?.response?.status;
-
-        // Handle authentication errors
-        if (status === 401 || errorMessage.includes('Authentication required') || errorMessage.includes('Invalid or missing authorization header')) {
-          // Session sync should be handled by the app layer
-          throw new Error('Authentication failed. Please sign in again.');
-        }
-
-        // TanStack Query will automatically retry on network errors
-        throw error;
-      }
+      return (0, _authHelpers.authenticatedApiCall)(oxyServices, activeSessionId, () => oxyServices.assetUpload(file, visibility, metadata, onProgress));
     }
   });
 };