@oxyhq/services 6.9.44 → 6.9.45

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

@@ -8,6 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _expoImage = require("expo-image");
 var _sonner = require("../../lib/sonner");
+var _prompt = _interopRequireWildcard(require("@oxyhq/bloom/prompt"));
+var Prompt = _prompt;
 var _vectorIcons = require("@expo/vector-icons");
 var _fileStore = require("../stores/fileStore.js");
 var _Header = _interopRequireDefault(require("../components/Header.js"));
@@ -21,6 +23,7 @@ var _fileManagement = require("../utils/fileManagement.js");
 var _FileViewer = require("../components/fileManagement/FileViewer.js");
 var _FileDetailsModal = require("../components/fileManagement/FileDetailsModal.js");
 var _UploadPreview = require("../components/fileManagement/UploadPreview.js");
+var _dialog = require("@oxyhq/bloom/dialog");
 var _styles = require("../components/fileManagement/styles.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -115,6 +118,11 @@ const FileManagementScreen = ({
     t
   } = (0, _useI18n.useI18n)();
   const uploadFileMutation = (0, _useAccountMutations.useUploadFile)();
+  // Prompt controls
+  const fileDeletePrompt = (0, _prompt.usePromptControl)();
+  const bulkDeletePrompt = (0, _prompt.usePromptControl)();
+  const visibilityChangePrompt = (0, _prompt.usePromptControl)();
+  const [pendingDeleteFile, setPendingDeleteFile] = (0, _react.useState)(null);
   const files = (0, _fileStore.useFiles)();
   // Ensure containerWidth is a number (TypeScript guard)
   const safeContainerWidth = typeof containerWidth === 'number' ? containerWidth : 400;
@@ -131,7 +139,7 @@ const FileManagementScreen = ({
     loadingMore: false
   });
   const [selectedFile, setSelectedFile] = (0, _react.useState)(null);
-  const [showFileDetails, setShowFileDetails] = (0, _react.useState)(false);
+  const fileDetailsControl = (0, _dialog.useDialogControl)();
   // In selectMode we never open the detailed viewer
   const [openedFile, setOpenedFile] = (0, _react.useState)(null);
   const [fileContent, setFileContent] = (0, _react.useState)(null);
@@ -870,14 +878,18 @@ const FileManagementScreen = ({
       setIsPickingDocument(false);
     }
   };
-  const handleFileDelete = async (fileId, filename) => {
-    // Use platform-aware confirmation dialog
-    const confirmed = await (0, _fileManagement.confirmAction)(t('fileManagement.confirms.deleteFile', {
-      filename
-    }), t('fileManagement.deleteFile'), t('fileManagement.confirm'), t('common.cancel'));
-    if (!confirmed) {
-      return;
-    }
+  const confirmFileDelete = (0, _react.useCallback)((fileId, filename) => {
+    setPendingDeleteFile({
+      id: fileId,
+      name: filename
+    });
+    fileDeletePrompt.open();
+  }, [fileDeletePrompt]);
+  const handleFileDelete = (0, _react.useCallback)(async () => {
+    if (!pendingDeleteFile) return;
+    const {
+      id: fileId
+    } = pendingDeleteFile;
     try {
       storeSetDeleting(fileId);
       await oxyServices.deleteFile(fileId);
@@ -901,19 +913,15 @@ const FileManagementScreen = ({
       }
     } finally {
       storeSetDeleting(null);
+      setPendingDeleteFile(null);
     }
-  };
+  }, [pendingDeleteFile, storeSetDeleting, oxyServices, loadFiles, t]);
+  const confirmBulkDelete = (0, _react.useCallback)(() => {
+    if (selectedIds.size === 0) return;
+    bulkDeletePrompt.open();
+  }, [selectedIds.size, bulkDeletePrompt]);
   const handleBulkDelete = (0, _react.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 (0, _fileManagement.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 {
@@ -1088,7 +1096,7 @@ const FileManagementScreen = ({
   };
   const showFileDetailsModal = file => {
     setSelectedFile(file);
-    setShowFileDetails(true);
+    fileDetailsControl.open();
   };
   const renderSimplePhotoItem = (0, _react.useCallback)((photo, index) => {
     const downloadUrl = getSafeDownloadUrlCallback(photo, 'thumb');
@@ -1332,9 +1340,7 @@ const FileManagementScreen = ({
           style: [_styles.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
             size: "small",
@@ -1511,7 +1517,7 @@ const FileManagementScreen = ({
             style: [_styles.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
               size: "small",
@@ -1532,7 +1538,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
   (0, _react.useEffect)(() => {
@@ -2008,14 +2014,13 @@ const FileManagementScreen = ({
         onToggleDetails: () => setShowFileDetailsInViewer(!showFileDetailsInViewer),
         onClose: handleCloseFile,
         onDownload: handleFileDownload,
-        onDelete: handleFileDelete,
+        onDelete: confirmFileDelete,
         isOwner: user?.id === targetUserId
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileDetailsModal.FileDetailsModal, {
-        visible: showFileDetails,
+        control: fileDetailsControl,
         file: selectedFile,
-        onClose: () => setShowFileDetails(false),
         onDownload: handleFileDownload,
-        onDelete: handleFileDelete,
+        onDelete: confirmFileDelete,
         isOwner: user?.id === targetUserId
       })]
     });
@@ -2036,7 +2041,6 @@ const FileManagementScreen = ({
         elevation: "none",
         titleAlignment: "left"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadPreview.UploadPreview, {
-        visible: true,
         pendingFiles: pendingFiles,
         onConfirm: handleConfirmUpload,
         onCancel: handleCancelUpload,
@@ -2080,28 +2084,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
-          _reactNative.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,
@@ -2346,11 +2335,10 @@ const FileManagementScreen = ({
         })]
       })
     }), !selectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileDetailsModal.FileDetailsModal, {
-      visible: showFileDetails,
+      control: fileDetailsControl,
       file: selectedFile,
-      onClose: () => setShowFileDetails(false),
       onDownload: handleFileDownload,
-      onDelete: handleFileDelete,
+      onDelete: confirmFileDelete,
       isOwner: user?.id === targetUserId
     }), !selectMode && uploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [_styles.fileManagementStyles.uploadBannerContainer, {
@@ -2388,6 +2376,51 @@ const FileManagementScreen = ({
           color: colors.primary
         })]
       })
+    }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(Prompt.Outer, {
+      control: visibilityChangePrompt,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Prompt.Content, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.TitleText, {
+          children: t('fileManagement.changeVisibility') || 'Change Visibility'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.DescriptionText, {
+          children: t('fileManagement.changeVisibilityConfirm', {
+            count: selectedIds.size
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Prompt.Actions, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Action, {
+          cta: t('fileManagement.private') || 'Private',
+          onPress: () => handleBulkVisibilityChange('private'),
+          color: "primary"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Action, {
+          cta: t('fileManagement.public') || 'Public',
+          onPress: () => handleBulkVisibilityChange('public'),
+          color: "primary_subtle"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Action, {
+          cta: t('fileManagement.unlisted') || 'Unlisted',
+          onPress: () => handleBulkVisibilityChange('unlisted'),
+          color: "primary_subtle"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Cancel, {
+          cta: t('common.cancel') || 'Cancel'
+        })]
+      })]
     })]
   });
 };