@oxyhq/services 30.0.0 → 30.0.1

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

@@ -0,0 +1,425 @@
+"use strict";
+
+import { useMemo, useState, useEffect } from 'react';
+import { View, Text, TouchableOpacity, ScrollView, ActivityIndicator, Image, StyleSheet } from 'react-native';
+import { Image as ExpoImage } from 'expo-image';
+import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import { useTheme } from '@oxyhq/bloom/theme';
+import { formatFileSize } from "../../utils/fileManagement.js";
+import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// Genuinely-inline-only styles: the full-bleed blurred background is an
+// `expo-image` (no className remap), and `imageContainer` is a measurement
+// wrapper whose `onLayout` never fires on web for a className'd component.
+const viewerStyles = StyleSheet.create({
+  backgroundImage: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: '100%',
+    height: '100%',
+    zIndex: 0
+  },
+  imageContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    flex: 1,
+    marginTop: 56,
+    marginBottom: 8,
+    paddingHorizontal: 12
+  }
+});
+export const FileViewer = ({
+  file,
+  fileContent,
+  loadingFileContent,
+  showFileDetailsInViewer,
+  onToggleDetails,
+  onClose,
+  onDownload,
+  onDelete,
+  isOwner
+}) => {
+  const {
+    colors
+  } = useTheme();
+  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 [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',
+      iconName: 'file-document',
+      iconColor: colors.info,
+      title: 'File Name',
+      description: file.filename
+    }, {
+      id: 'size',
+      iconName: 'server',
+      iconColor: colors.warning,
+      title: 'Size',
+      description: formatFileSize(file.length)
+    }, {
+      id: 'type',
+      iconName: 'code-tags',
+      iconColor: colors.primary,
+      title: 'Type',
+      description: file.contentType
+    }, {
+      id: 'uploaded',
+      iconName: 'clock',
+      iconColor: colors.success,
+      title: 'Uploaded',
+      description: new Date(file.uploadDate).toLocaleString()
+    }];
+    if (file.metadata?.description) {
+      items.push({
+        id: 'description',
+        iconName: 'text',
+        iconColor: colors.primary,
+        title: 'Description',
+        description: file.metadata.description
+      });
+    }
+    items.push({
+      id: 'fileId',
+      iconName: 'key',
+      iconColor: colors.info,
+      title: 'File ID',
+      description: file.id
+    });
+    return items;
+  }, [file, colors]);
+  return /*#__PURE__*/_jsxs(View, {
+    className: `flex-1 relative ${isImage && fileContent ? '' : 'bg-bg'}`,
+    children: [isImage && fileContent && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ExpoImage, {
+        source: {
+          uri: fileContent
+        },
+        style: viewerStyles.backgroundImage,
+        contentFit: "cover",
+        blurRadius: 50,
+        transition: 120,
+        cachePolicy: "memory-disk"
+      }), /*#__PURE__*/_jsx(View, {
+        className: "absolute top-0 left-0 right-0 bottom-0",
+        style: {
+          backgroundColor: colors.overlay,
+          zIndex: 1
+        }
+      })]
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      className: "bg-card absolute top-[12px] left-[12px] w-[40px] h-[40px] rounded-full items-center justify-center",
+      style: {
+        zIndex: 10
+      },
+      onPress: onClose,
+      children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "arrow-left",
+        size: 20,
+        color: colors.text
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      className: "bg-card absolute top-[12px] right-[12px] w-[40px] h-[40px] rounded-full items-center justify-center",
+      style: {
+        zIndex: 10
+      },
+      onPress: () => onDownload(file.id, file.filename),
+      children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "download",
+        size: 20,
+        color: colors.primary
+      })
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      className: "flex-1 relative",
+      style: {
+        zIndex: 2
+      },
+      contentContainerClassName: "grow px-[12px] pt-0 pb-[8px]",
+      children: loadingFileContent ? /*#__PURE__*/_jsxs(View, {
+        className: "flex-1 justify-center items-center",
+        children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "large",
+          color: colors.primary
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "text-text text-[16px] mt-[16px]",
+          children: "Loading file content..."
+        })]
+      }) : isImage && fileContent ? /*#__PURE__*/_jsx(View, {
+        style: viewerStyles.imageContainer,
+        onLayout: e => {
+          const width = e.nativeEvent.layout.width;
+          if (width > 0) {
+            setContainerWidth(width);
+          }
+        },
+        children: /*#__PURE__*/_jsx(View, {
+          className: "rounded-[24px] overflow-hidden self-center",
+          style: {
+            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, {
+        className: "bg-card flex-1 rounded-[18px] p-[12px] min-h-[180px]",
+        style: {
+          maxHeight: '80%'
+        },
+        children: /*#__PURE__*/_jsx(ScrollView, {
+          className: "flex-1",
+          nestedScrollEnabled: true,
+          children: /*#__PURE__*/_jsx(Text, {
+            className: "text-text text-[14px] leading-[20px]",
+            style: {
+              fontFamily: 'monospace'
+            },
+            children: fileContent
+          })
+        })
+      }) : isPDF && fileContent ? /*#__PURE__*/_jsxs(View, {
+        className: "flex-1 justify-center items-center py-[32px] px-[24px]",
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "file-pdf-box",
+          size: 64,
+          color: colors.textSecondary
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "text-text text-[24px] font-bold mt-[16px] mb-[8px] text-center",
+          children: "PDF Preview Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          className: "text-text-secondary text-[16px] text-center leading-[24px] mb-[32px]",
+          children: ["PDF files cannot be previewed in this viewer.", '\n', "Download the file to view its contents."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          className: "bg-primary flex-row items-center px-[18px] py-[12px] rounded-full gap-[8px]",
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: colors.primaryForeground
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-[16px] font-semibold",
+            style: {
+              color: colors.primaryForeground
+            },
+            children: "Download PDF"
+          })]
+        })]
+      }) : isVideo && fileContent ? /*#__PURE__*/_jsxs(View, {
+        className: "flex-1 justify-center items-center py-[32px] px-[24px]",
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "video-outline",
+          size: 64,
+          color: colors.textSecondary
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "text-text text-[24px] font-bold mt-[16px] mb-[8px] text-center",
+          children: "Video Playback Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          className: "text-text-secondary text-[16px] text-center leading-[24px] mb-[32px]",
+          children: ["Video playback is not supported in this viewer.", '\n', "Download the file to view it."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          className: "bg-primary flex-row items-center px-[18px] py-[12px] rounded-full gap-[8px]",
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: colors.primaryForeground
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-[16px] font-semibold",
+            style: {
+              color: colors.primaryForeground
+            },
+            children: "Download Video"
+          })]
+        })]
+      }) : isAudio && fileContent ? /*#__PURE__*/_jsxs(View, {
+        className: "flex-1 justify-center items-center py-[32px] px-[24px]",
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "music-note-outline",
+          size: 64,
+          color: colors.textSecondary
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "text-text text-[24px] font-bold mt-[16px] mb-[8px] text-center",
+          children: "Audio Playback Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          className: "text-text-secondary text-[16px] text-center leading-[24px] mb-[32px]",
+          children: ["Audio playback is not supported in this viewer.", '\n', "Download the file to listen to it."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          className: "bg-primary flex-row items-center px-[18px] py-[12px] rounded-full gap-[8px]",
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: colors.primaryForeground
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-[16px] font-semibold",
+            style: {
+              color: colors.primaryForeground
+            },
+            children: "Download Audio"
+          })]
+        })]
+      }) : /*#__PURE__*/_jsxs(View, {
+        className: "flex-1 justify-center items-center py-[32px] px-[24px]",
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "file-outline",
+          size: 64,
+          color: colors.textSecondary
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "text-text text-[24px] font-bold mt-[16px] mb-[8px] text-center",
+          children: "Preview Not Available"
+        }), /*#__PURE__*/_jsxs(Text, {
+          className: "text-text-secondary text-[16px] text-center leading-[24px] mb-[32px]",
+          children: ["This file type cannot be previewed.", '\n', "Download the file to view its contents."]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          className: "bg-primary flex-row items-center px-[18px] py-[12px] rounded-full gap-[8px]",
+          onPress: () => onDownload(file.id, file.filename),
+          children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "download",
+            size: 18,
+            color: colors.primaryForeground
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-[16px] font-semibold",
+            style: {
+              color: colors.primaryForeground
+            },
+            children: "Download File"
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "bg-card mx-[12px] mt-[8px] mb-[12px] rounded-[18px] overflow-hidden relative",
+      style: {
+        zIndex: 2
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "flex-row items-center justify-between px-[12px] pt-[10px] pb-[6px]",
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "text-text text-[18px] font-semibold flex-1",
+          children: "File Details"
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          className: "p-[4px]",
+          onPress: onToggleDetails,
+          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: showFileDetailsInViewer ? "chevron-up" : "chevron-down",
+            size: 20,
+            color: colors.textSecondary
+          })
+        })]
+      }), showFileDetailsInViewer && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          className: "px-[12px] pb-[8px]",
+          children: /*#__PURE__*/_jsx(SettingsListGroup, {
+            children: fileDetailItems.map(item => /*#__PURE__*/_jsx(SettingsListItem, {
+              icon: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+                name: item.iconName,
+                size: 20,
+                color: item.iconColor
+              }),
+              title: item.title,
+              description: item.description,
+              showChevron: false
+            }, item.id))
+          })
+        }), isOwner && /*#__PURE__*/_jsx(View, {
+          className: "flex-row gap-[12px] mt-[8px] px-[12px] pb-[10px]",
+          children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+            className: "bg-destructive flex-1 flex-row items-center justify-center py-[12px] rounded-full gap-[6px]",
+            onPress: () => {
+              onClose();
+              onDelete(file.id, file.filename);
+            },
+            children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+              name: "delete",
+              size: 16,
+              color: colors.negativeForeground
+            }), /*#__PURE__*/_jsx(Text, {
+              className: "text-[14px] font-semibold",
+              style: {
+                color: colors.negativeForeground
+              },
+              children: "Delete"
+            })]
+          })
+        })]
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=FileViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","useEffect","View","Text","TouchableOpacity","ScrollView","ActivityIndicator","Image","StyleSheet","ExpoImage","MaterialCommunityIcons","useTheme","formatFileSize","SettingsListGroup","SettingsListItem","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","viewerStyles","create","backgroundImage","position","top","left","right","bottom","width","height","zIndex","imageContainer","alignItems","justifyContent","flex","marginTop","marginBottom","paddingHorizontal","FileViewer","file","fileContent","loadingFileContent","showFileDetailsInViewer","onToggleDetails","onClose","onDownload","onDelete","isOwner","colors","isImage","contentType","startsWith","isText","includes","isPDF","isVideo","isAudio","containerWidth","setContainerWidth","imageDimensions","setImageDimensions","getSize","imageDisplaySize","maxWidth","maxHeight","aspectRatio","displayWidth","displayHeight","fileDetailItems","items","id","iconName","iconColor","info","title","description","filename","warning","length","primary","success","Date","uploadDate","toLocaleString","metadata","push","className","children","source","uri","style","contentFit","blurRadius","transition","cachePolicy","backgroundColor","overlay","onPress","name","size","color","text","contentContainerClassName","onLayout","e","nativeEvent","layout","onError","accessibilityLabel","nestedScrollEnabled","fontFamily","textSecondary","primaryForeground","map","item","icon","showChevron","negativeForeground"],"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,166 @@
+"use strict";
+
+import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from 'react-native';
+import { Image as ExpoImage } from 'expo-image';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import { Dialog } from '@oxyhq/bloom/dialog';
+import { useTheme } from '@oxyhq/bloom/theme';
+import { formatFileSize, getFileIcon } from "../../utils/fileManagement.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// `expo-image` takes no className remap — the thumbnail size stays inline.
+const previewStyles = StyleSheet.create({
+  thumbnail: {
+    width: 60,
+    height: 60,
+    borderRadius: 8
+  }
+});
+const UploadPreviewContent = ({
+  pendingFiles,
+  onConfirm,
+  onCancel,
+  onRemoveFile,
+  showActions = true
+}) => {
+  const {
+    colors
+  } = useTheme();
+  const totalSize = pendingFiles.reduce((sum, f) => sum + f.size, 0);
+  return /*#__PURE__*/_jsxs(View, {
+    className: "bg-bg flex-1",
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: "border-b border-border flex-row items-center justify-between px-[16px] py-[16px]",
+      children: [/*#__PURE__*/_jsxs(Text, {
+        className: "text-text text-[20px] font-bold",
+        children: ["Review Files (", pendingFiles.length, ")"]
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onCancel,
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: "close",
+          size: 24,
+          color: colors.text
+        })
+      })]
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      className: "flex-1 p-[16px]",
+      children: pendingFiles.map(pendingFile => {
+        const isImage = pendingFile.type.startsWith('image/');
+        return /*#__PURE__*/_jsxs(View, {
+          className: "bg-secondary border-border flex-row items-center p-[12px] rounded-[12px] border mb-[12px] gap-[12px]",
+          children: [isImage && pendingFile.preview ? /*#__PURE__*/_jsx(ExpoImage, {
+            source: {
+              uri: pendingFile.preview
+            },
+            style: previewStyles.thumbnail,
+            contentFit: "cover"
+          }) : /*#__PURE__*/_jsx(View, {
+            className: "w-[60px] h-[60px] rounded-[8px] items-center justify-center",
+            style: {
+              backgroundColor: colors.backgroundSecondary
+            },
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: getFileIcon(pendingFile.type),
+              size: 32,
+              color: colors.primary
+            })
+          }), /*#__PURE__*/_jsxs(View, {
+            className: "flex-1 min-w-0",
+            children: [/*#__PURE__*/_jsx(Text, {
+              className: "text-text text-[16px] font-semibold mb-[4px]",
+              numberOfLines: 1,
+              children: pendingFile.name
+            }), /*#__PURE__*/_jsxs(Text, {
+              className: "text-text-secondary text-[13px]",
+              children: [formatFileSize(pendingFile.size), " \u2022 ", pendingFile.type]
+            })]
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            className: "p-[4px]",
+            onPress: () => onRemoveFile(pendingFile.id),
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "close-circle",
+              size: 24,
+              color: colors.error
+            })
+          })]
+        }, pendingFile.id);
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "border-t border-border p-[16px]",
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "flex-row justify-between mb-[16px]",
+        children: [/*#__PURE__*/_jsxs(Text, {
+          className: "text-text text-[15px] font-semibold",
+          children: [pendingFiles.length, " file", pendingFiles.length !== 1 ? 's' : '']
+        }), /*#__PURE__*/_jsx(Text, {
+          className: "text-text text-[15px] font-semibold",
+          children: formatFileSize(totalSize)
+        })]
+      }), showActions && /*#__PURE__*/_jsxs(View, {
+        className: "flex-row gap-[12px]",
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          className: "bg-transparent border-border flex-1 py-[14px] rounded-[12px] border items-center justify-center",
+          onPress: onCancel,
+          children: /*#__PURE__*/_jsx(Text, {
+            className: "text-text text-[16px] font-semibold",
+            children: "Cancel"
+          })
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          className: "bg-primary flex-[2] flex-row items-center justify-center py-[14px] rounded-[12px] gap-[8px]",
+          onPress: onConfirm,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "cloud-upload",
+            size: 20,
+            color: colors.primaryForeground
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-[16px] font-semibold",
+            style: {
+              color: colors.primaryForeground
+            },
+            children: "Upload"
+          })]
+        })]
+      })]
+    })]
+  });
+};
+export const UploadPreview = ({
+  control,
+  pendingFiles,
+  onConfirm,
+  onCancel,
+  onRemoveFile,
+  inline = false
+}) => {
+  // Inline mode: render content directly without Dialog
+  if (inline) {
+    return /*#__PURE__*/_jsx(UploadPreviewContent, {
+      pendingFiles: pendingFiles,
+      onConfirm: onConfirm,
+      onCancel: onCancel,
+      onRemoveFile: onRemoveFile
+    });
+  }
+
+  // Dialog mode: requires control prop
+  if (!control) return null;
+  return /*#__PURE__*/_jsx(Dialog, {
+    control: control,
+    onClose: onCancel,
+    label: "Review Files",
+    actions: [{
+      label: 'Upload',
+      onPress: onConfirm
+    }, {
+      label: 'Cancel',
+      color: 'cancel'
+    }],
+    children: /*#__PURE__*/_jsx(UploadPreviewContent, {
+      pendingFiles: pendingFiles,
+      onConfirm: onConfirm,
+      onCancel: onCancel,
+      onRemoveFile: onRemoveFile,
+      showActions: false
+    })
+  });
+};
+//# sourceMappingURL=UploadPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","TouchableOpacity","ScrollView","StyleSheet","Image","ExpoImage","Ionicons","Dialog","useTheme","formatFileSize","getFileIcon","jsxs","_jsxs","jsx","_jsx","previewStyles","create","thumbnail","width","height","borderRadius","UploadPreviewContent","pendingFiles","onConfirm","onCancel","onRemoveFile","showActions","colors","totalSize","reduce","sum","f","size","className","children","length","onPress","name","color","text","map","pendingFile","isImage","type","startsWith","preview","source","uri","style","contentFit","backgroundColor","backgroundSecondary","primary","numberOfLines","id","error","primaryForeground","UploadPreview","control","inline","onClose","label","actions"],"sourceRoot":"../../../../../src","sources":["ui/components/fileManagement/UploadPreview.tsx"],"mappings":"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","ignoreList":[]}