@oxyhq/services 28.0.0 → 30.0.0

package/lib/module/ui/components/feedback/useFeedbackForm.js

@@ -1,47 +0,0 @@
-"use strict";
-
-import { useState, useCallback } from 'react';
-export const useFeedbackForm = () => {
-  const [feedbackData, setFeedbackData] = useState({
-    type: 'general',
-    title: '',
-    description: '',
-    priority: 'medium',
-    category: '',
-    contactEmail: '',
-    systemInfo: true
-  });
-  const [feedbackState, setFeedbackState] = useState({
-    status: 'idle',
-    message: ''
-  });
-  const updateField = useCallback((field, value) => {
-    setFeedbackData(prev => ({
-      ...prev,
-      [field]: value
-    }));
-  }, []);
-  const resetForm = useCallback(() => {
-    setFeedbackData({
-      type: 'general',
-      title: '',
-      description: '',
-      priority: 'medium',
-      category: '',
-      contactEmail: '',
-      systemInfo: true
-    });
-    setFeedbackState({
-      status: 'idle',
-      message: ''
-    });
-  }, []);
-  return {
-    feedbackData,
-    feedbackState,
-    setFeedbackState,
-    updateField,
-    resetForm
-  };
-};
-//# sourceMappingURL=useFeedbackForm.js.map

package/lib/module/ui/components/feedback/useFeedbackForm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useCallback","useFeedbackForm","feedbackData","setFeedbackData","type","title","description","priority","category","contactEmail","systemInfo","feedbackState","setFeedbackState","status","message","updateField","field","value","prev","resetForm"],"sourceRoot":"../../../../../src","sources":["ui/components/feedback/useFeedbackForm.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAG7C,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGJ,QAAQ,CAAe;IAC3DK,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,EAAE;IACfC,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EAChB,CAAC,CAAC;EAEF,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGb,QAAQ,CAAgB;IAC9Dc,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE;EACb,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGf,WAAW,CAAC,CAA+BgB,KAAQ,EAAEC,KAAsB,KAAK;IAChGd,eAAe,CAACe,IAAI,KAAK;MAAE,GAAGA,IAAI;MAAE,CAACF,KAAK,GAAGC;IAAM,CAAC,CAAC,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,SAAS,GAAGnB,WAAW,CAAC,MAAM;IAChCG,eAAe,CAAC;MACZC,IAAI,EAAE,SAAS;MACfC,KAAK,EAAE,EAAE;MACTC,WAAW,EAAE,EAAE;MACfC,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE;IAChB,CAAC,CAAC;IACFE,gBAAgB,CAAC;MAAEC,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAG,CAAC,CAAC;EACrD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHZ,YAAY;IACZS,aAAa;IACbC,gBAAgB;IAChBG,WAAW;IACXI;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,55 +0,0 @@
-"use strict";
-
-import { useEffect, useRef } from 'react';
-import { TouchableOpacity, Animated, Easing } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Animated button component for smooth selection transitions
- * Used in file management views for view mode toggles
- */
-export const AnimatedButton = ({
-  isSelected,
-  onPress,
-  icon,
-  primaryColor,
-  textColor,
-  style,
-  accessibilityLabel
-}) => {
-  const animatedValue = useRef(new Animated.Value(isSelected ? 1 : 0)).current;
-  useEffect(() => {
-    Animated.timing(animatedValue, {
-      toValue: isSelected ? 1 : 0,
-      duration: 200,
-      easing: Easing.out(Easing.ease),
-      useNativeDriver: false
-    }).start();
-  }, [isSelected, animatedValue]);
-  const backgroundColor = animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['transparent', primaryColor]
-  });
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
-    onPress: onPress,
-    activeOpacity: 0.7,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel,
-    accessibilityState: {
-      selected: isSelected
-    },
-    children: /*#__PURE__*/_jsx(Animated.View, {
-      style: [style, {
-        backgroundColor
-      }],
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
-          name: icon,
-          size: 16,
-          color: isSelected ? '#FFFFFF' : textColor
-        })
-      })
-    })
-  });
-};
-//# sourceMappingURL=AnimatedButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useRef","TouchableOpacity","Animated","Easing","MaterialCommunityIcons","jsx","_jsx","AnimatedButton","isSelected","onPress","icon","primaryColor","textColor","style","accessibilityLabel","animatedValue","Value","current","timing","toValue","duration","easing","out","ease","useNativeDriver","start","backgroundColor","interpolate","inputRange","outputRange","activeOpacity","accessibilityRole","accessibilityState","selected","children","View","name","size","color"],"sourceRoot":"../../../../../src","sources":["ui/components/fileManagement/AnimatedButton.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,gBAAgB,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AACjE,OAAOC,sBAAsB,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY/E;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,UAAU;EACVC,OAAO;EACPC,IAAI;EACJC,YAAY;EACZC,SAAS;EACTC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGf,MAAM,CAAC,IAAIE,QAAQ,CAACc,KAAK,CAACR,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACS,OAAO;EAE5ElB,SAAS,CAAC,MAAM;IACdG,QAAQ,CAACgB,MAAM,CAACH,aAAa,EAAE;MAC7BI,OAAO,EAAEX,UAAU,GAAG,CAAC,GAAG,CAAC;MAC3BY,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAElB,MAAM,CAACmB,GAAG,CAACnB,MAAM,CAACoB,IAAI,CAAC;MAC/BC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACjB,UAAU,EAAEO,aAAa,CAAC,CAAC;EAE/B,MAAMW,eAAe,GAAGX,aAAa,CAACY,WAAW,CAAC;IAChDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,aAAa,EAAElB,YAAY;EAC3C,CAAC,CAAC;EAEF,oBACEL,IAAA,CAACL,gBAAgB;IACfQ,OAAO,EAAEA,OAAQ;IACjBqB,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,QAAQ;IAC1BjB,kBAAkB,EAAEA,kBAAmB;IACvCkB,kBAAkB,EAAE;MAAEC,QAAQ,EAAEzB;IAAW,CAAE;IAAA0B,QAAA,eAE7C5B,IAAA,CAACJ,QAAQ,CAACiC,IAAI;MAACtB,KAAK,EAAE,CAACA,KAAK,EAAE;QAAEa;MAAgB,CAAC,CAAE;MAAAQ,QAAA,eACjD5B,IAAA,CAACJ,QAAQ,CAACiC,IAAI;QAAAD,QAAA,eACZ5B,IAAA,CAACF,sBAAsB;UACrBgC,IAAI,EAAE1B,IAAoE;UAC1E2B,IAAI,EAAE,EAAG;UACTC,KAAK,EAAE9B,UAAU,GAAG,SAAS,GAAGI;QAAU,CAC3C;MAAC,CACW;IAAC,CACH;EAAC,CACA,CAAC;AAEvB,CAAC","ignoreList":[]}

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

@@ -1,119 +0,0 @@
-"use strict";
-
-import { View, Text } from 'react-native';
-import Ionicons from '@expo/vector-icons/Ionicons';
-import { Button } from '@oxyhq/bloom/button';
-import { useTheme } from '@oxyhq/bloom/theme';
-import { surfaces } from '@oxyhq/bloom/surfaces';
-import { useI18n } from "../../hooks/useI18n.js";
-import { formatFileSize, getFileIcon } from "../../utils/fileManagement.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * File-detail panel — a rich presented surface (NOT a yes/no confirm): a file's
- * icon + metadata plus download / delete / cancel actions. Each action first
- * dismisses this surface, then runs its handler, so a follow-up delete confirm
- * stacks cleanly above whatever remains. Presented via {@link presentFileDetails}.
- */
-export const FileDetailsModal = ({
-  surface,
-  file,
-  onDownload,
-  onDelete,
-  isOwner
-}) => {
-  const {
-    t
-  } = useI18n();
-  const {
-    colors
-  } = useTheme();
-  return /*#__PURE__*/_jsxs(View, {
-    children: [/*#__PURE__*/_jsxs(View, {
-      className: "bg-secondary border-border p-[18px] rounded-[14px] border items-center",
-      children: [/*#__PURE__*/_jsx(View, {
-        className: "mb-space-16",
-        children: /*#__PURE__*/_jsx(Ionicons, {
-          name: getFileIcon(file.contentType),
-          size: 64,
-          color: colors.primary
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        className: "text-text text-[20px] font-bold text-center mb-space-24",
-        children: file.filename
-      }), /*#__PURE__*/_jsxs(View, {
-        className: "w-full mb-space-32",
-        children: [/*#__PURE__*/_jsxs(View, {
-          className: "flex-row justify-between items-start mb-space-12 flex-wrap",
-          children: [/*#__PURE__*/_jsxs(Text, {
-            className: "text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]",
-            children: [t('fileManagement.size'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            className: "text-text text-[16px] flex-[2] text-right",
-            children: formatFileSize(file.length)
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          className: "flex-row justify-between items-start mb-space-12 flex-wrap",
-          children: [/*#__PURE__*/_jsxs(Text, {
-            className: "text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]",
-            children: [t('fileManagement.details.type'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            className: "text-text text-[16px] flex-[2] text-right",
-            children: file.contentType
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          className: "flex-row justify-between items-start mb-space-12 flex-wrap",
-          children: [/*#__PURE__*/_jsxs(Text, {
-            className: "text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]",
-            children: [t('fileManagement.details.uploaded'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            className: "text-text text-[16px] flex-[2] text-right",
-            children: new Date(file.uploadDate).toLocaleString()
-          })]
-        }), file.metadata?.description && /*#__PURE__*/_jsxs(View, {
-          className: "flex-row justify-between items-start mb-space-12 flex-wrap",
-          children: [/*#__PURE__*/_jsxs(Text, {
-            className: "text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]",
-            children: [t('fileManagement.details.description'), ":"]
-          }), /*#__PURE__*/_jsx(Text, {
-            className: "text-text text-[16px] flex-[2] text-right",
-            children: file.metadata.description
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/_jsxs(View, {
-      style: {
-        gap: 8
-      },
-      children: [/*#__PURE__*/_jsx(Button, {
-        variant: "primary",
-        onPress: () => {
-          surface.dismiss();
-          onDownload(file.id, file.filename);
-        },
-        children: t('fileManagement.details.download')
-      }), isOwner ? /*#__PURE__*/_jsx(Button, {
-        variant: "destructive",
-        onPress: () => {
-          surface.dismiss();
-          onDelete(file.id, file.filename);
-        },
-        children: t('common.actions.delete')
-      }) : null, /*#__PURE__*/_jsx(Button, {
-        variant: "secondary",
-        onPress: () => surface.dismiss(),
-        children: t('common.cancel')
-      })]
-    })]
-  });
-};
-
-/** Options accepted by {@link presentFileDetails} (everything but `surface`). */
-
-/** Present the file-detail panel on the shared surface stack. */
-export function presentFileDetails(options) {
-  void surfaces.present(surface => /*#__PURE__*/_jsx(FileDetailsModal, {
-    surface: surface,
-    ...options
-  }));
-}
-//# sourceMappingURL=FileDetailsModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["View","Text","Ionicons","Button","useTheme","surfaces","useI18n","formatFileSize","getFileIcon","jsx","_jsx","jsxs","_jsxs","FileDetailsModal","surface","file","onDownload","onDelete","isOwner","t","colors","children","className","name","contentType","size","color","primary","filename","length","Date","uploadDate","toLocaleString","metadata","description","style","gap","variant","onPress","dismiss","id","presentFileDetails","options","present"],"sourceRoot":"../../../../../src","sources":["ui/components/fileManagement/FileDetailsModal.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,OAAOC,QAAQ,MAAM,6BAA6B;AAClD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,QAAQ,QAA8B,uBAAuB;AAEtE,SAASC,OAAO,QAAQ,wBAAqB;AAC7C,SAASC,cAAc,EAAEC,WAAW,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWzE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAiD,GAAGA,CAAC;EAC9DC,OAAO;EACPC,IAAI;EACJC,UAAU;EACVC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAM;IAAEC;EAAE,CAAC,GAAGb,OAAO,CAAC,CAAC;EACvB,MAAM;IAAEc;EAAO,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EAE7B,oBACIQ,KAAA,CAACZ,IAAI;IAAAqB,QAAA,gBACDT,KAAA,CAACZ,IAAI;MAACsB,SAAS,EAAC,wEAAwE;MAAAD,QAAA,gBACpFX,IAAA,CAACV,IAAI;QAACsB,SAAS,EAAC,aAAa;QAAAD,QAAA,eACzBX,IAAA,CAACR,QAAQ;UACLqB,IAAI,EAAEf,WAAW,CAACO,IAAI,CAACS,WAAW,CAAE;UACpCC,IAAI,EAAE,EAAG;UACTC,KAAK,EAAEN,MAAM,CAACO;QAAQ,CACzB;MAAC,CACA,CAAC,eAEPjB,IAAA,CAACT,IAAI;QAACqB,SAAS,EAAC,yDAAyD;QAAAD,QAAA,EACpEN,IAAI,CAACa;MAAQ,CACZ,CAAC,eAEPhB,KAAA,CAACZ,IAAI;QAACsB,SAAS,EAAC,oBAAoB;QAAAD,QAAA,gBAChCT,KAAA,CAACZ,IAAI;UAACsB,SAAS,EAAC,4DAA4D;UAAAD,QAAA,gBACxET,KAAA,CAACX,IAAI;YAACqB,SAAS,EAAC,kEAAkE;YAAAD,QAAA,GAC7EF,CAAC,CAAC,qBAAqB,CAAC,EAAC,GAC9B;UAAA,CAAM,CAAC,eACPT,IAAA,CAACT,IAAI;YAACqB,SAAS,EAAC,2CAA2C;YAAAD,QAAA,EACtDd,cAAc,CAACQ,IAAI,CAACc,MAAM;UAAC,CAC1B,CAAC;QAAA,CACL,CAAC,eAEPjB,KAAA,CAACZ,IAAI;UAACsB,SAAS,EAAC,4DAA4D;UAAAD,QAAA,gBACxET,KAAA,CAACX,IAAI;YAACqB,SAAS,EAAC,kEAAkE;YAAAD,QAAA,GAC7EF,CAAC,CAAC,6BAA6B,CAAC,EAAC,GACtC;UAAA,CAAM,CAAC,eACPT,IAAA,CAACT,IAAI;YAACqB,SAAS,EAAC,2CAA2C;YAAAD,QAAA,EACtDN,IAAI,CAACS;UAAW,CACf,CAAC;QAAA,CACL,CAAC,eAEPZ,KAAA,CAACZ,IAAI;UAACsB,SAAS,EAAC,4DAA4D;UAAAD,QAAA,gBACxET,KAAA,CAACX,IAAI;YAACqB,SAAS,EAAC,kEAAkE;YAAAD,QAAA,GAC7EF,CAAC,CAAC,iCAAiC,CAAC,EAAC,GAC1C;UAAA,CAAM,CAAC,eACPT,IAAA,CAACT,IAAI;YAACqB,SAAS,EAAC,2CAA2C;YAAAD,QAAA,EACtD,IAAIS,IAAI,CAACf,IAAI,CAACgB,UAAU,CAAC,CAACC,cAAc,CAAC;UAAC,CACzC,CAAC;QAAA,CACL,CAAC,EAENjB,IAAI,CAACkB,QAAQ,EAAEC,WAAW,iBACvBtB,KAAA,CAACZ,IAAI;UAACsB,SAAS,EAAC,4DAA4D;UAAAD,QAAA,gBACxET,KAAA,CAACX,IAAI;YAACqB,SAAS,EAAC,kEAAkE;YAAAD,QAAA,GAC7EF,CAAC,CAAC,oCAAoC,CAAC,EAAC,GAC7C;UAAA,CAAM,CAAC,eACPT,IAAA,CAACT,IAAI;YAACqB,SAAS,EAAC,2CAA2C;YAAAD,QAAA,EACtDN,IAAI,CAACkB,QAAQ,CAACC;UAAW,CACxB,CAAC;QAAA,CACL,CACT;MAAA,CACC,CAAC;IAAA,CACL,CAAC,eAEPtB,KAAA,CAACZ,IAAI;MAACmC,KAAK,EAAE;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAf,QAAA,gBACpBX,IAAA,CAACP,MAAM;QACHkC,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAEA,CAAA,KAAM;UACXxB,OAAO,CAACyB,OAAO,CAAC,CAAC;UACjBvB,UAAU,CAACD,IAAI,CAACyB,EAAE,EAAEzB,IAAI,CAACa,QAAQ,CAAC;QACtC,CAAE;QAAAP,QAAA,EAEDF,CAAC,CAAC,iCAAiC;MAAC,CACjC,CAAC,EACRD,OAAO,gBACJR,IAAA,CAACP,MAAM;QACHkC,OAAO,EAAC,aAAa;QACrBC,OAAO,EAAEA,CAAA,KAAM;UACXxB,OAAO,CAACyB,OAAO,CAAC,CAAC;UACjBtB,QAAQ,CAACF,IAAI,CAACyB,EAAE,EAAEzB,IAAI,CAACa,QAAQ,CAAC;QACpC,CAAE;QAAAP,QAAA,EAEDF,CAAC,CAAC,uBAAuB;MAAC,CACvB,CAAC,GACT,IAAI,eACRT,IAAA,CAACP,MAAM;QAACkC,OAAO,EAAC,WAAW;QAACC,OAAO,EAAEA,CAAA,KAAMxB,OAAO,CAACyB,OAAO,CAAC,CAAE;QAAAlB,QAAA,EACxDF,CAAC,CAAC,eAAe;MAAC,CACf,CAAC;IAAA,CACP,CAAC;EAAA,CACL,CAAC;AAEf,CAAC;;AAED;;AAGA;AACA,OAAO,SAASsB,kBAAkBA,CAACC,OAAkC,EAAQ;EACzE,KAAKrC,QAAQ,CAACsC,OAAO,CAAE7B,OAAO,iBAC1BJ,IAAA,CAACG,gBAAgB;IAACC,OAAO,EAAEA,OAAQ;IAAA,GAAK4B;EAAO,CAAG,CACrD,CAAC;AACN","ignoreList":[]}

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

@@ -1,425 +0,0 @@
-"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