@oxyhq/services 6.9.44 → 6.9.45

package/lib/module/ui/screens/FileManagementScreen.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, ScrollView, ActivityIndicator, RefreshControl, TextInput, Image, Animated, Easing, Alert } from 'react-native';
+import { View, Text, TouchableOpacity, StyleSheet, ScrollView, ActivityIndicator, RefreshControl, TextInput, Image, Animated, Easing } from 'react-native';
 import { Image as ExpoImage } from 'expo-image';
 // Lazy load expo-document-picker (optional dependency)
 // This allows the screen to work even if expo-document-picker is not installed
@@ -16,6 +16,8 @@ const loadDocumentPicker = async () => {
   }
 };
 import { toast } from '../../lib/sonner';
+import * as Prompt from '@oxyhq/bloom/prompt';
+import { usePromptControl } from '@oxyhq/bloom/prompt';
 import { Ionicons } from '@expo/vector-icons';
 // @ts-ignore - MaterialCommunityIcons is available at runtime
 import { MaterialCommunityIcons } from '@expo/vector-icons';
@@ -27,10 +29,11 @@ import { useTheme } from '@oxyhq/bloom/theme';
 import { useOxy } from "../context/OxyContext.js";
 import { useI18n } from "../hooks/useI18n.js";
 import { useUploadFile } from "../hooks/mutations/useAccountMutations.js";
-import { confirmAction, convertDocumentPickerAssetToFile, formatFileSize, getFileIcon, getSafeDownloadUrl } from "../utils/fileManagement.js";
+import { convertDocumentPickerAssetToFile, formatFileSize, getFileIcon, getSafeDownloadUrl } from "../utils/fileManagement.js";
 import { FileViewer } from "../components/fileManagement/FileViewer.js";
 import { FileDetailsModal } from "../components/fileManagement/FileDetailsModal.js";
 import { UploadPreview } from "../components/fileManagement/UploadPreview.js";
+import { useDialogControl } from '@oxyhq/bloom/dialog';
 import { fileManagementStyles } from "../components/fileManagement/styles.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /** Extract error message from unknown error type */
@@ -108,6 +111,11 @@ const FileManagementScreen = ({
     t
   } = useI18n();
   const uploadFileMutation = useUploadFile();
+  // Prompt controls
+  const fileDeletePrompt = usePromptControl();
+  const bulkDeletePrompt = usePromptControl();
+  const visibilityChangePrompt = usePromptControl();
+  const [pendingDeleteFile, setPendingDeleteFile] = useState(null);
   const files = useFiles();
   // Ensure containerWidth is a number (TypeScript guard)
   const safeContainerWidth = typeof containerWidth === 'number' ? containerWidth : 400;
@@ -124,7 +132,7 @@ const FileManagementScreen = ({
     loadingMore: false
   });
   const [selectedFile, setSelectedFile] = useState(null);
-  const [showFileDetails, setShowFileDetails] = useState(false);
+  const fileDetailsControl = useDialogControl();
   // In selectMode we never open the detailed viewer
   const [openedFile, setOpenedFile] = useState(null);
   const [fileContent, setFileContent] = useState(null);
@@ -863,14 +871,18 @@ const FileManagementScreen = ({
       setIsPickingDocument(false);
     }
   };
-  const handleFileDelete = async (fileId, filename) => {
-    // Use platform-aware confirmation dialog
-    const confirmed = await confirmAction(t('fileManagement.confirms.deleteFile', {
-      filename
-    }), t('fileManagement.deleteFile'), t('fileManagement.confirm'), t('common.cancel'));
-    if (!confirmed) {
-      return;
-    }
+  const confirmFileDelete = useCallback((fileId, filename) => {
+    setPendingDeleteFile({
+      id: fileId,
+      name: filename
+    });
+    fileDeletePrompt.open();
+  }, [fileDeletePrompt]);
+  const handleFileDelete = useCallback(async () => {
+    if (!pendingDeleteFile) return;
+    const {
+      id: fileId
+    } = pendingDeleteFile;
     try {
       storeSetDeleting(fileId);
       await oxyServices.deleteFile(fileId);
@@ -894,19 +906,15 @@ const FileManagementScreen = ({
       }
     } finally {
       storeSetDeleting(null);
+      setPendingDeleteFile(null);
     }
-  };
+  }, [pendingDeleteFile, storeSetDeleting, oxyServices, loadFiles, t]);
+  const confirmBulkDelete = useCallback(() => {
+    if (selectedIds.size === 0) return;
+    bulkDeletePrompt.open();
+  }, [selectedIds.size, bulkDeletePrompt]);
   const handleBulkDelete = useCallback(async () => {
     if (selectedIds.size === 0) return;
-    const fileMap = {};
-    files.forEach(f => {
-      fileMap[f.id] = f;
-    });
-    const selectedFiles = Array.from(selectedIds).map(id => fileMap[id]).filter(Boolean);
-    const confirmed = await confirmAction(t('fileManagement.confirms.deleteFiles', {
-      count: selectedFiles.length
-    }), t('fileManagement.deleteFiles'), t('fileManagement.confirm'), t('common.cancel'));
-    if (!confirmed) return;
     try {
       const deletePromises = Array.from(selectedIds).map(async fileId => {
         try {
@@ -1081,7 +1089,7 @@ const FileManagementScreen = ({
   };
   const showFileDetailsModal = file => {
     setSelectedFile(file);
-    setShowFileDetails(true);
+    fileDetailsControl.open();
   };
   const renderSimplePhotoItem = useCallback((photo, index) => {
     const downloadUrl = getSafeDownloadUrlCallback(photo, 'thumb');
@@ -1325,9 +1333,7 @@ const FileManagementScreen = ({
           style: [fileManagementStyles.actionButton, {
             backgroundColor: bloomTheme.isDark ? '#400000' : '#FFEBEE'
           }],
-          onPress: () => {
-            handleFileDelete(file.id, file.filename);
-          },
+          onPress: () => confirmFileDelete(file.id, file.filename),
           disabled: deleting === file.id,
           children: deleting === file.id ? /*#__PURE__*/_jsx(ActivityIndicator, {
             size: "small",
@@ -1504,7 +1510,7 @@ const FileManagementScreen = ({
             style: [fileManagementStyles.groupedActionBtn, {
               backgroundColor: bloomTheme.isDark ? '#400000' : '#FFEBEE'
             }],
-            onPress: () => handleFileDelete(file.id, file.filename),
+            onPress: () => confirmFileDelete(file.id, file.filename),
             disabled: deleting === file.id,
             children: deleting === file.id ? /*#__PURE__*/_jsx(ActivityIndicator, {
               size: "small",
@@ -1525,7 +1531,7 @@ const FileManagementScreen = ({
         }) : undefined
       };
     });
-  }, [filteredFiles, theme, deleting, handleFileDownload, handleFileDelete, handleFileOpen, getSafeDownloadUrlCallback, selectMode, selectedIds]);
+  }, [filteredFiles, theme, deleting, handleFileDownload, confirmFileDelete, handleFileOpen, getSafeDownloadUrlCallback, selectMode, selectedIds]);
 
   // Scroll to selected file after selection
   useEffect(() => {
@@ -2001,14 +2007,13 @@ const FileManagementScreen = ({
         onToggleDetails: () => setShowFileDetailsInViewer(!showFileDetailsInViewer),
         onClose: handleCloseFile,
         onDownload: handleFileDownload,
-        onDelete: handleFileDelete,
+        onDelete: confirmFileDelete,
         isOwner: user?.id === targetUserId
       }), /*#__PURE__*/_jsx(FileDetailsModal, {
-        visible: showFileDetails,
+        control: fileDetailsControl,
         file: selectedFile,
-        onClose: () => setShowFileDetails(false),
         onDownload: handleFileDownload,
-        onDelete: handleFileDelete,
+        onDelete: confirmFileDelete,
         isOwner: user?.id === targetUserId
       })]
     });
@@ -2029,7 +2034,6 @@ const FileManagementScreen = ({
         elevation: "none",
         titleAlignment: "left"
       }), /*#__PURE__*/_jsx(UploadPreview, {
-        visible: true,
         pendingFiles: pendingFiles,
         onConfirm: handleConfirmUpload,
         onCancel: handleCancelUpload,
@@ -2073,28 +2077,13 @@ const FileManagementScreen = ({
         text: t('fileManagement.delete', {
           count: selectedIds.size
         }),
-        onPress: handleBulkDelete,
+        onPress: confirmBulkDelete,
         icon: 'delete'
       }, {
         key: 'visibility',
         text: t('fileManagement.visibility'),
         onPress: () => {
-          // Show visibility options menu
-          Alert.alert(t('fileManagement.changeVisibility'), t('fileManagement.changeVisibilityConfirm', {
-            count: selectedIds.size
-          }), [{
-            text: t('common.cancel'),
-            style: 'cancel'
-          }, {
-            text: t('fileManagement.private'),
-            onPress: () => handleBulkVisibilityChange('private')
-          }, {
-            text: t('fileManagement.public'),
-            onPress: () => handleBulkVisibilityChange('public')
-          }, {
-            text: t('fileManagement.unlisted'),
-            onPress: () => handleBulkVisibilityChange('unlisted')
-          }]);
+          visibilityChangePrompt.open();
         },
         icon: 'eye'
       }] : undefined,
@@ -2339,11 +2328,10 @@ const FileManagementScreen = ({
         })]
       })
     }), !selectMode && /*#__PURE__*/_jsx(FileDetailsModal, {
-      visible: showFileDetails,
+      control: fileDetailsControl,
       file: selectedFile,
-      onClose: () => setShowFileDetails(false),
       onDownload: handleFileDownload,
-      onDelete: handleFileDelete,
+      onDelete: confirmFileDelete,
       isOwner: user?.id === targetUserId
     }), !selectMode && uploading && /*#__PURE__*/_jsx(View, {
       style: [fileManagementStyles.uploadBannerContainer, {
@@ -2381,6 +2369,51 @@ const FileManagementScreen = ({
           color: colors.primary
         })]
       })
+    }), /*#__PURE__*/_jsx(Prompt.Basic, {
+      control: fileDeletePrompt,
+      title: t('fileManagement.deleteFile') || 'Delete File',
+      description: pendingDeleteFile ? t('fileManagement.confirms.deleteFile', {
+        filename: pendingDeleteFile.name
+      }) : '',
+      onConfirm: handleFileDelete,
+      confirmButtonCta: t('fileManagement.confirm') || 'Delete',
+      confirmButtonColor: "negative"
+    }), /*#__PURE__*/_jsx(Prompt.Basic, {
+      control: bulkDeletePrompt,
+      title: t('fileManagement.deleteFiles') || 'Delete Files',
+      description: t('fileManagement.confirms.deleteFiles', {
+        count: selectedIds.size
+      }),
+      onConfirm: handleBulkDelete,
+      confirmButtonCta: t('fileManagement.confirm') || 'Delete',
+      confirmButtonColor: "negative"
+    }), /*#__PURE__*/_jsxs(Prompt.Outer, {
+      control: visibilityChangePrompt,
+      children: [/*#__PURE__*/_jsxs(Prompt.Content, {
+        children: [/*#__PURE__*/_jsx(Prompt.TitleText, {
+          children: t('fileManagement.changeVisibility') || 'Change Visibility'
+        }), /*#__PURE__*/_jsx(Prompt.DescriptionText, {
+          children: t('fileManagement.changeVisibilityConfirm', {
+            count: selectedIds.size
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(Prompt.Actions, {
+        children: [/*#__PURE__*/_jsx(Prompt.Action, {
+          cta: t('fileManagement.private') || 'Private',
+          onPress: () => handleBulkVisibilityChange('private'),
+          color: "primary"
+        }), /*#__PURE__*/_jsx(Prompt.Action, {
+          cta: t('fileManagement.public') || 'Public',
+          onPress: () => handleBulkVisibilityChange('public'),
+          color: "primary_subtle"
+        }), /*#__PURE__*/_jsx(Prompt.Action, {
+          cta: t('fileManagement.unlisted') || 'Unlisted',
+          onPress: () => handleBulkVisibilityChange('unlisted'),
+          color: "primary_subtle"
+        }), /*#__PURE__*/_jsx(Prompt.Cancel, {
+          cta: t('common.cancel') || 'Cancel'
+        })]
+      })]
     })]
   });
 };