@oxyhq/services 5.16.23 → 5.16.24

package/lib/module/ui/components/fileManagement/FileViewer.js

@@ -0,0 +1,402 @@
+"use strict";
+
+import React, { useMemo, useState, useEffect } from 'react';
+import { View, Text, TouchableOpacity, ScrollView, ActivityIndicator, Image } from 'react-native';
+import { Image as ExpoImage } from 'expo-image';
+// @ts-ignore - MaterialCommunityIcons is available at runtime
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import { formatFileSize } from '../../utils/fileManagement';
+import { fileManagementStyles } from './styles';
+import { GroupedSection } from '../GroupedSection';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const FileViewer = ({
+  file,
+  fileContent,
+  loadingFileContent,
+  showFileDetailsInViewer,
+  onToggleDetails,
+  onClose,
+  onDownload,
+  onDelete,
+  themeStyles,
+  isOwner
+}) => {
+  const isImage = file.contentType.startsWith('image/');
+  const isText = file.contentType.startsWith('text/') || file.contentType.includes('json') || file.contentType.includes('xml') || file.contentType.includes('javascript') || file.contentType.includes('typescript');
+  const isPDF = file.contentType.includes('pdf');
+  const isVideo = file.contentType.startsWith('video/');
+  const isAudio = file.contentType.startsWith('audio/');
+  const backgroundColor = isImage && fileContent ? 'transparent' : themeStyles.backgroundColor;
+  const borderColor = themeStyles.borderColor;
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [imageDimensions, setImageDimensions] = useState(null);
+
+  // Load image dimensions when image content is available
+  useEffect(() => {
+    if (isImage && fileContent) {
+      Image.getSize(fileContent, (width, height) => {
+        setImageDimensions({
+          width,
+          height
+        });
+      }, () => {
+        // Fallback if dimensions can't be loaded
+        setImageDimensions({
+          width: 400,
+          height: 400
+        });
+      });
+    } else {
+      setImageDimensions(null);
+    }
+  }, [isImage, fileContent]);
+
+  // Calculate display size based on natural dimensions and max constraints
+  // Use natural size when smaller, scale down when larger
+  const imageDisplaySize = useMemo(() => {
+    if (!imageDimensions || !containerWidth) {
+      // Return default size while loading
+      return {
+        width: 400,
+        height: 400
+      };
+    }
+    const maxWidth = containerWidth - 24; // Account for padding
+    const maxHeight = 500;
+    const aspectRatio = imageDimensions.width / imageDimensions.height;
+
+    // Start with natural dimensions
+    let displayWidth = imageDimensions.width;
+    let displayHeight = imageDimensions.height;
+
+    // Only scale down if exceeds max width
+    if (displayWidth > maxWidth) {
+      displayWidth = maxWidth;
+      displayHeight = displayWidth / aspectRatio;
+    }
+
+    // Only scale down if exceeds max height
+    if (displayHeight > maxHeight) {
+      displayHeight = maxHeight;
+      displayWidth = displayHeight * aspectRatio;
+    }
+    return {
+      width: displayWidth,
+      height: displayHeight
+    };
+  }, [imageDimensions, containerWidth]);
+  const fileDetailItems = useMemo(() => {
+    const items = [{
+      id: 'filename',
+      icon: 'file-document',
+      iconColor: themeStyles.colors.iconSecurity,
+      title: 'File Name',
+      subtitle: file.filename
+    }, {
+      id: 'size',
+      icon: 'server',
+      iconColor: themeStyles.colors.iconStorage,
+      title: 'Size',
+      subtitle: formatFileSize(file.length)
+    }, {
+      id: 'type',
+      icon: 'code-tags',
+      iconColor: themeStyles.colors.iconData,
+      title: 'Type',
+      subtitle: file.contentType
+    }, {
+      id: 'uploaded',
+      icon: 'clock',
+      iconColor: themeStyles.colors.iconPersonalInfo,
+      title: 'Uploaded',
+      subtitle: new Date(file.uploadDate).toLocaleString()
+    }];
+    if (file.metadata?.description) {
+      items.push({
+        id: 'description',
+        icon: 'text',
+        iconColor: themeStyles.colors.iconData,
+        title: 'Description',
+        subtitle: file.metadata.description
+      });
+    }
+    items.push({
+      id: 'fileId',
+      icon: 'key',
+      iconColor: themeStyles.colors.iconSecurity,
+      title: 'File ID',
+      subtitle: file.id
+    });
+    return items;
+  }, [file, themeStyles.colors]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [fileManagementStyles.fileViewerContainer, {
+      backgroundColor
+    }],
+    children: [isImage && fileContent && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ExpoImage, {
+        source: {
+          uri: fileContent
+        },
+        style: fileManagementStyles.backgroundImage,
+        contentFit: "cover",
+        blurRadius: 50,
+        transition: 120,
+        cachePolicy: "memory-disk"
+      }), /*#__PURE__*/_jsx(View, {
+        style: [fileManagementStyles.backgroundOverlay, {
+          backgroundColor: themeStyles.isDarkTheme ? 'rgba(0, 0, 0, 0.6)' : 'rgba(255, 255, 255, 0.85)'
+        }]
+      })]
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [fileManagementStyles.floatingBackButton, {
+        backgroundColor: themeStyles.colors.card
+      }],
+      onPress: onClose,
+      children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "arrow-left",
+        size: 20,
+        color: themeStyles.textColor
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [fileManagementStyles.floatingDownloadButton, {
+        backgroundColor: themeStyles.colors.card
+      }],
+      onPress: () => onDownload(file.id, file.filename),
+      children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "download",
+        size: 20,
+        color: themeStyles.primaryColor
+      })
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: fileManagementStyles.fileViewerContent,
+      contentContainerStyle: fileManagementStyles.fileViewerContentContainer,
+      children: loadingFileContent ? /*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.fileViewerLoading,
+        children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "large",
+          color: themeStyles.primaryColor
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [fileManagementStyles.fileViewerLoadingText, {
+            color: themeStyles.textColor
+          }],
+          children: "Loading file content..."
+        })]
+      }) : isImage && fileContent ? /*#__PURE__*/_jsx(View, {
+        style: fileManagementStyles.imageContainer,
+        onLayout: e => {
+          const width = e.nativeEvent.layout.width;
+          if (width > 0) {
+            setContainerWidth(width);
+          }
+        },
+        children: /*#__PURE__*/_jsx(View, {
+          style: [fileManagementStyles.imageWrapper, {
+            width: imageDisplaySize.width,
+            height: imageDisplaySize.height
+          }],
+          children: /*#__PURE__*/_jsx(ExpoImage, {
+            source: {
+              uri: fileContent
+            },
+            style: {
+              width: imageDisplaySize.width,
+              height: imageDisplaySize.height
+            },
+            contentFit: "contain",
+            transition: 120,
+            cachePolicy: "memory-disk",
+            onError: () => {
+              // Image failed to load
+            },
+            accessibilityLabel: file.filename
+          })
+        })
+      }) : isText && fileContent ? /*#__PURE__*/_jsx(View, {
+        style: [fileManagementStyles.textContainer, {
+          backgroundColor: themeStyles.colors.card
+        }],
+        children: /*#__PURE__*/_jsx(ScrollView, {
+          style: {
+            flex: 1
+          },
+          nestedScrollEnabled: true,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [fileManagementStyles.textContent, {
+              color: themeStyles.textColor
+            }],
+            children: fileContent
+          })
+        })
+      }) : isPDF && fileContent ? /*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.unsupportedFileContainer,
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "file-pdf-box",
+          size: 64,
+          color: themeStyles.colors.secondaryText
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [fileManagementStyles.unsupportedFileTitle, {
+            color: themeStyles.textColor
+          }],
+          children: "PDF Preview Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: [fileManagementStyles.unsupportedFileDescription, {
+            color: themeStyles.colors.secondaryText
+          }],
+          children: ["PDF files cannot be previewed in this viewer.", '\n', "Download the file to view its contents."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: [fileManagementStyles.downloadButtonLarge, {
+            backgroundColor: themeStyles.primaryColor
+          }],
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: "#FFFFFF"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: fileManagementStyles.downloadButtonText,
+            children: "Download PDF"
+          })]
+        })]
+      }) : isVideo && fileContent ? /*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.unsupportedFileContainer,
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "video-outline",
+          size: 64,
+          color: themeStyles.colors.secondaryText
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [fileManagementStyles.unsupportedFileTitle, {
+            color: themeStyles.textColor
+          }],
+          children: "Video Playback Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: [fileManagementStyles.unsupportedFileDescription, {
+            color: themeStyles.colors.secondaryText
+          }],
+          children: ["Video playback is not supported in this viewer.", '\n', "Download the file to view it."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: [fileManagementStyles.downloadButtonLarge, {
+            backgroundColor: themeStyles.primaryColor
+          }],
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: "#FFFFFF"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: fileManagementStyles.downloadButtonText,
+            children: "Download Video"
+          })]
+        })]
+      }) : isAudio && fileContent ? /*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.unsupportedFileContainer,
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "music-note-outline",
+          size: 64,
+          color: themeStyles.colors.secondaryText
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [fileManagementStyles.unsupportedFileTitle, {
+            color: themeStyles.textColor
+          }],
+          children: "Audio Playback Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: [fileManagementStyles.unsupportedFileDescription, {
+            color: themeStyles.colors.secondaryText
+          }],
+          children: ["Audio playback is not supported in this viewer.", '\n', "Download the file to listen to it."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: [fileManagementStyles.downloadButtonLarge, {
+            backgroundColor: themeStyles.primaryColor
+          }],
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: "#FFFFFF"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: fileManagementStyles.downloadButtonText,
+            children: "Download Audio"
+          })]
+        })]
+      }) : /*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.unsupportedFileContainer,
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "file-outline",
+          size: 64,
+          color: themeStyles.colors.secondaryText
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [fileManagementStyles.unsupportedFileTitle, {
+            color: themeStyles.textColor
+          }],
+          children: "Preview Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: [fileManagementStyles.unsupportedFileDescription, {
+            color: themeStyles.colors.secondaryText
+          }],
+          children: ["This file type cannot be previewed.", '\n', "Download the file to view its contents."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: [fileManagementStyles.downloadButtonLarge, {
+            backgroundColor: themeStyles.primaryColor
+          }],
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: "#FFFFFF"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: fileManagementStyles.downloadButtonText,
+            children: "Download File"
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [fileManagementStyles.fileDetailsSection, {
+        backgroundColor: themeStyles.colors.card
+      }],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.fileDetailsSectionHeader,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [fileManagementStyles.fileDetailsSectionTitle, {
+            color: themeStyles.textColor
+          }],
+          children: "File Details"
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: fileManagementStyles.fileDetailsSectionToggle,
+          onPress: onToggleDetails,
+          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: showFileDetailsInViewer ? "chevron-up" : "chevron-down",
+            size: 20,
+            color: themeStyles.colors.secondaryText
+          })
+        })]
+      }), showFileDetailsInViewer && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          style: fileManagementStyles.fileDetailsSectionContent,
+          children: /*#__PURE__*/_jsx(GroupedSection, {
+            items: fileDetailItems
+          })
+        }), isOwner && /*#__PURE__*/_jsx(View, {
+          style: fileManagementStyles.fileDetailsActions,
+          children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: [fileManagementStyles.fileDetailsActionButton, {
+              backgroundColor: themeStyles.dangerColor
+            }],
+            onPress: () => {
+              onClose();
+              onDelete(file.id, file.filename);
+            },
+            children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+              name: "delete",
+              size: 16,
+              color: "#FFFFFF"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: fileManagementStyles.fileDetailsActionText,
+              children: "Delete"
+            })]
+          })
+        })]
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=FileViewer.js.map

package/lib/module/ui/components/fileManagement/FileViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","useEffect","View","Text","TouchableOpacity","ScrollView","ActivityIndicator","Image","ExpoImage","MaterialCommunityIcons","formatFileSize","fileManagementStyles","GroupedSection","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FileViewer","file","fileContent","loadingFileContent","showFileDetailsInViewer","onToggleDetails","onClose","onDownload","onDelete","themeStyles","isOwner","isImage","contentType","startsWith","isText","includes","isPDF","isVideo","isAudio","backgroundColor","borderColor","containerWidth","setContainerWidth","imageDimensions","setImageDimensions","getSize","width","height","imageDisplaySize","maxWidth","maxHeight","aspectRatio","displayWidth","displayHeight","fileDetailItems","items","id","icon","iconColor","colors","iconSecurity","title","subtitle","filename","iconStorage","length","iconData","iconPersonalInfo","Date","uploadDate","toLocaleString","metadata","description","push","style","fileViewerContainer","children","source","uri","backgroundImage","contentFit","blurRadius","transition","cachePolicy","backgroundOverlay","isDarkTheme","floatingBackButton","card","onPress","name","size","color","textColor","floatingDownloadButton","primaryColor","fileViewerContent","contentContainerStyle","fileViewerContentContainer","fileViewerLoading","fileViewerLoadingText","imageContainer","onLayout","e","nativeEvent","layout","imageWrapper","onError","accessibilityLabel","textContainer","flex","nestedScrollEnabled","textContent","unsupportedFileContainer","secondaryText","unsupportedFileTitle","unsupportedFileDescription","downloadButtonLarge","downloadButtonText","fileDetailsSection","fileDetailsSectionHeader","fileDetailsSectionTitle","fileDetailsSectionToggle","fileDetailsSectionContent","fileDetailsActions","fileDetailsActionButton","dangerColor","fileDetailsActionText"],"sourceRoot":"../../../../../src","sources":["ui/components/fileManagement/FileViewer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/fileManagement/UploadPreview.js

@@ -0,0 +1,175 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TouchableOpacity, Modal, ScrollView } from 'react-native';
+import { Image as ExpoImage } from 'expo-image';
+import { Ionicons } from '@expo/vector-icons';
+import { formatFileSize, getFileIcon } from '../../utils/fileManagement';
+import { fileManagementStyles } from './styles';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const UploadPreviewContent = ({
+  pendingFiles,
+  onConfirm,
+  onCancel,
+  onRemoveFile,
+  themeStyles
+}) => {
+  const backgroundColor = themeStyles.backgroundColor;
+  const borderColor = themeStyles.borderColor;
+  const totalSize = pendingFiles.reduce((sum, f) => sum + f.size, 0);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [fileManagementStyles.uploadPreviewContainer, {
+      backgroundColor
+    }],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [fileManagementStyles.uploadPreviewHeader, {
+        borderBottomColor: borderColor
+      }],
+      children: [/*#__PURE__*/_jsxs(Text, {
+        style: [fileManagementStyles.uploadPreviewTitle, {
+          color: themeStyles.textColor
+        }],
+        children: ["Review Files (", pendingFiles.length, ")"]
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onCancel,
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: "close",
+          size: 24,
+          color: themeStyles.textColor
+        })
+      })]
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: fileManagementStyles.uploadPreviewList,
+      children: pendingFiles.map((pendingFile, index) => {
+        const isImage = pendingFile.type.startsWith('image/');
+        return /*#__PURE__*/_jsxs(View, {
+          style: [fileManagementStyles.uploadPreviewItem, {
+            backgroundColor: themeStyles.secondaryBackgroundColor,
+            borderColor
+          }],
+          children: [isImage && pendingFile.preview ? /*#__PURE__*/_jsx(ExpoImage, {
+            source: {
+              uri: pendingFile.preview
+            },
+            style: fileManagementStyles.uploadPreviewThumbnail,
+            contentFit: "cover"
+          }) : /*#__PURE__*/_jsx(View, {
+            style: [fileManagementStyles.uploadPreviewIconContainer, {
+              backgroundColor: themeStyles.isDarkTheme ? '#333333' : '#F0F0F0'
+            }],
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: getFileIcon(pendingFile.type),
+              size: 32,
+              color: themeStyles.primaryColor
+            })
+          }), /*#__PURE__*/_jsxs(View, {
+            style: fileManagementStyles.uploadPreviewInfo,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [fileManagementStyles.uploadPreviewName, {
+                color: themeStyles.textColor
+              }],
+              numberOfLines: 1,
+              children: pendingFile.name
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: [fileManagementStyles.uploadPreviewMeta, {
+                color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
+              }],
+              children: [formatFileSize(pendingFile.size), " \u2022 ", pendingFile.type]
+            })]
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: fileManagementStyles.uploadPreviewRemove,
+            onPress: () => onRemoveFile(index),
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "close-circle",
+              size: 24,
+              color: themeStyles.dangerColor
+            })
+          })]
+        }, index);
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [fileManagementStyles.uploadPreviewFooter, {
+        borderTopColor: borderColor
+      }],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.uploadPreviewStats,
+        children: [/*#__PURE__*/_jsxs(Text, {
+          style: [fileManagementStyles.uploadPreviewStatsText, {
+            color: themeStyles.textColor
+          }],
+          children: [pendingFiles.length, " file", pendingFiles.length !== 1 ? 's' : '']
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [fileManagementStyles.uploadPreviewStatsText, {
+            color: themeStyles.textColor
+          }],
+          children: formatFileSize(totalSize)
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: fileManagementStyles.uploadPreviewActions,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: [fileManagementStyles.uploadPreviewCancelButton, {
+            borderColor,
+            backgroundColor: 'transparent'
+          }],
+          onPress: onCancel,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [fileManagementStyles.uploadPreviewCancelText, {
+              color: themeStyles.textColor
+            }],
+            children: "Cancel"
+          })
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: [fileManagementStyles.uploadPreviewConfirmButton, {
+            backgroundColor: themeStyles.primaryColor
+          }],
+          onPress: onConfirm,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "cloud-upload",
+            size: 20,
+            color: "#FFFFFF"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: fileManagementStyles.uploadPreviewConfirmText,
+            children: "Upload"
+          })]
+        })]
+      })]
+    })]
+  });
+};
+export const UploadPreview = ({
+  visible,
+  pendingFiles,
+  onConfirm,
+  onCancel,
+  onRemoveFile,
+  themeStyles,
+  inline = false
+}) => {
+  // If inline mode, render content directly without Modal
+  if (inline) {
+    if (!visible) return null;
+    return /*#__PURE__*/_jsx(UploadPreviewContent, {
+      pendingFiles: pendingFiles,
+      onConfirm: onConfirm,
+      onCancel: onCancel,
+      onRemoveFile: onRemoveFile,
+      themeStyles: themeStyles
+    });
+  }
+
+  // Default: render with Modal (for backward compatibility)
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    animationType: "slide",
+    presentationStyle: "pageSheet",
+    onRequestClose: onCancel,
+    children: /*#__PURE__*/_jsx(UploadPreviewContent, {
+      pendingFiles: pendingFiles,
+      onConfirm: onConfirm,
+      onCancel: onCancel,
+      onRemoveFile: onRemoveFile,
+      themeStyles: themeStyles
+    })
+  });
+};
+//# sourceMappingURL=UploadPreview.js.map

package/lib/module/ui/components/fileManagement/UploadPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","Modal","ScrollView","Image","ExpoImage","Ionicons","formatFileSize","getFileIcon","fileManagementStyles","jsxs","_jsxs","jsx","_jsx","UploadPreviewContent","pendingFiles","onConfirm","onCancel","onRemoveFile","themeStyles","backgroundColor","borderColor","totalSize","reduce","sum","f","size","style","uploadPreviewContainer","children","uploadPreviewHeader","borderBottomColor","uploadPreviewTitle","color","textColor","length","onPress","name","uploadPreviewList","map","pendingFile","index","isImage","type","startsWith","uploadPreviewItem","secondaryBackgroundColor","preview","source","uri","uploadPreviewThumbnail","contentFit","uploadPreviewIconContainer","isDarkTheme","primaryColor","uploadPreviewInfo","uploadPreviewName","numberOfLines","uploadPreviewMeta","uploadPreviewRemove","dangerColor","uploadPreviewFooter","borderTopColor","uploadPreviewStats","uploadPreviewStatsText","uploadPreviewActions","uploadPreviewCancelButton","uploadPreviewCancelText","uploadPreviewConfirmButton","uploadPreviewConfirmText","UploadPreview","visible","inline","animationType","presentationStyle","onRequestClose"],"sourceRoot":"../../../../../src","sources":["ui/components/fileManagement/UploadPreview.tsx"],"mappings":"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","ignoreList":[]}