@oxyhq/services 30.0.0 → 30.1.0

package/lib/module/ui/screens/fileManagement/FileListSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","TouchableOpacity","ScrollView","RefreshControl","ActivityIndicator","Ionicons","SettingsListGroup","SettingsListItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FileListSection","scrollViewRef","filteredFiles","searchQuery","items","paging","refreshing","colors","t","onRefresh","onLoadMore","onClearSearch","renderEmptyState","ref","className","style","flex","contentContainerClassName","refreshControl","tintColor","primary","onScroll","nativeEvent","layoutMeasurement","contentOffset","contentSize","distanceFromBottom","height","y","loadingMore","hasMore","scrollEventThrottle","children","length","name","size","color","textTertiary","text","textSecondary","query","backgroundColor","onPress","map","item","icon","title","description","showChevron","rightElement","id"],"sourceRoot":"../../../../../src","sources":["ui/screens/fileManagement/FileListSection.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/fileManagement/PhotoPickerSection.js

@@ -0,0 +1,548 @@
+"use strict";
+
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { View, Text, TouchableOpacity, ActivityIndicator, RefreshControl, FlatList, Platform, Animated, useWindowDimensions } from 'react-native';
+import { Image as ExpoImage } from 'expo-image';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import * as Skeleton from '@oxyhq/bloom/skeleton';
+import { computePhotoGridLayout } from "./photoGridLayout.js";
+import FileLibraryError from "./FileLibraryError.js";
+
+/**
+ * Haptic feedback wrapper. `expo-haptics` is an optional dependency — when not
+ * installed (or on web), all calls degrade silently. We resolve the module
+ * once and cache the promise so subsequent calls don't repeat the dynamic
+ * import. Matches the pattern used by AvatarCropScreen.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+let hapticsModulePromise = null;
+const getHaptics = () => {
+  if (Platform.OS === 'web') return Promise.resolve(null);
+  if (hapticsModulePromise) return hapticsModulePromise;
+  hapticsModulePromise = (async () => {
+    try {
+      const mod = await import('expo-haptics');
+      if (!mod || typeof mod.impactAsync !== 'function') return null;
+      return mod;
+    } catch {
+      return null;
+    }
+  })();
+  return hapticsModulePromise;
+};
+const hapticImpact = async style => {
+  const h = await getHaptics();
+  if (!h) return;
+  const styleEnum = style === 'heavy' ? h.ImpactFeedbackStyle.Heavy : style === 'medium' ? h.ImpactFeedbackStyle.Medium : h.ImpactFeedbackStyle.Light;
+  try {
+    await h.impactAsync(styleEnum);
+  } catch {
+    // Silent — haptics are non-critical UX polish.
+  }
+};
+const hapticSelection = async () => {
+  const h = await getHaptics();
+  if (!h) return;
+  try {
+    await h.selectionAsync();
+  } catch {
+    // Silent.
+  }
+};
+
+/**
+ * The picker renders inside a Bloom `<Dialog>` in NAV-HEADER mode with
+ * `tone: 'onImage'` (bottom-sheet on narrow, centered card on `md+`). The Dialog
+ * owns the shared gradient nav bar (Cancel / "Choose Photo" / Upload, wired by
+ * `FileManagementScreen` through `useSurfaceHeader`). Because the tone is
+ * `'onImage'`, the Dialog inserts NO nav-bar spacer above this content
+ * (`DialogNavBarSpacer` collapses to nothing), so the black photo grid slides UP
+ * under the floating translucent bar and reads EDGE-TO-EDGE — the Apple/Google
+ * Photos immersive picker. The grid therefore takes the FULL `frameSize` height
+ * and carries no top padding; only the pull-to-refresh spinner is offset so it
+ * lands below the floating bar.
+ *
+ * `FLOATING_NAV_BAR_HEIGHT` mirrors Bloom's `DIALOG_NAV_BAR_HEIGHT` (not exported
+ * from `@oxyhq/bloom/dialog`) — the height of the floating bar the refresh spinner
+ * must clear.
+ */
+const FLOATING_NAV_BAR_HEIGHT = 52;
+
+/**
+ * Props for the dedicated photo picker view. Used by FileManagementScreen
+ * only when `selectMode + image-only` is active. All callbacks are wired by
+ * the parent — this component is purely presentational.
+ */
+
+/**
+ * Photo-cell animation tuning. The cell uses RN's own `Animated` (NOT
+ * Reanimated): its entrance is a staggered opacity fade — replacing the
+ * Reanimated `entering={FadeIn}` LAYOUT animation, which cannot load on the
+ * RN-Web build (no `react-native-worklets` babel plugin) and only warns +
+ * no-ops there. RN `Animated` runs cross-platform: native-driven on device,
+ * JS-driven on web (`useNativeDriver: false`), so the fade actually plays on
+ * web instead of being skipped.
+ */
+const STAGGER_PER_CELL_MS = 15;
+const MAX_TOTAL_STAGGER_MS = 800;
+const ENTRANCE_DURATION_MS = 200;
+/** Selection-ring pulse: a quick scale bump that springs back to rest. */
+const RING_PULSE_PEAK = 1.05;
+const RING_PULSE_UP_MS = 110;
+const RING_SPRING_FRICTION = 9;
+const RING_SPRING_TENSION = 120;
+/**
+ * The selection ring is an `Animated.View` (its pulse transform must be inline,
+ * and `className` interop on `Animated.View` is not guaranteed under the RN-Web
+ * build), so these mirror the `rounded-radius-8 border-[3px]` design tokens.
+ */
+const CELL_CORNER_RADIUS = 8; // `rounded-radius-8`
+const SELECTION_RING_WIDTH = 3; // `border-[3px]`
+
+/**
+ * Loading-skeleton tile fill. The picker's backdrop is ALWAYS black regardless
+ * of theme, so we cannot use Bloom `Skeleton.Box`'s theme default (`contrast50`,
+ * which is a near-black gray on a dark theme → invisible on this backdrop). A
+ * neutral dark gray reads as a photo placeholder on black; Bloom's shimmer still
+ * pulses the tile opacity on top of it. `Skeleton.Box` applies `style` after its
+ * own base, so this override wins while the animated opacity is preserved.
+ */
+const SKELETON_TILE_COLOR = '#26262A';
+/** Minimum skeleton rows so the grid never looks empty on a very short panel. */
+const SKELETON_MIN_ROWS = 4;
+/**
+ * A single photo cell. Memoized so re-renders during selection only touch
+ * affected cells — selecting one photo must not redraw the whole grid.
+ *
+ * Apple Photos pattern: when any cell is selected, *non-selected* siblings fade
+ * to 0.6 opacity to focus attention on the active selection. A staggered
+ * entrance fade plays on mount; a spring pulse plays each time a cell enters the
+ * selected state. Both animations are pinned off under reduce-motion, so the
+ * one component covers both the animated and the reduced-motion paths.
+ */
+const PhotoPickerCell = /*#__PURE__*/React.memo(function PhotoPickerCell(props) {
+  const {
+    photo,
+    size,
+    marginRight,
+    marginBottom,
+    isSelected,
+    selectionIndex,
+    dim,
+    primaryColor,
+    thumbUrl,
+    enterIndex,
+    reduceMotion,
+    onPress,
+    onLongPress,
+    a11yLabel
+  } = props;
+  const delay = Math.min(enterIndex * STAGGER_PER_CELL_MS, MAX_TOTAL_STAGGER_MS);
+
+  // Entrance fade, staggered by the cell's grid index. Started from the wrapper's
+  // ref callback (fires on mount) rather than an effect. Reduce-motion pins
+  // opacity at 1 and never animates.
+  //
+  // CRITICAL: `Animated.View` rebuilds its merged ref on every render, so React
+  // re-invokes this callback on EVERY commit (not just mount) — and re-running
+  // `Animated.timing().start()`/`setValue` each time drives a web re-render that
+  // re-fires the ref → "Maximum update depth exceeded" once the grid has cells.
+  // The `startedRef` latch makes it genuinely run-once per mount, breaking the
+  // loop. (jest/react-test-renderer never exercises the Animated merged-ref path,
+  // so this only reproduces in a real browser.)
+  const opacity = useRef(new Animated.Value(reduceMotion ? 1 : 0)).current;
+  const startedRef = useRef(false);
+  const startEntrance = useCallback(node => {
+    if (!node) return; // unmount
+    if (startedRef.current) return; // ref re-fired on a later commit — already ran
+    startedRef.current = true;
+    if (reduceMotion) {
+      opacity.setValue(1);
+      return;
+    }
+    opacity.setValue(0);
+    Animated.timing(opacity, {
+      toValue: 1,
+      duration: ENTRANCE_DURATION_MS,
+      delay,
+      useNativeDriver: Platform.OS !== 'web'
+    }).start();
+  }, [opacity, delay, reduceMotion]);
+
+  // Selection-ring pulse: a quick scale bump that springs back to rest. The ring
+  // renders ONLY while selected, so its own mount IS the "became selected"
+  // signal — driven from the ring's ref callback, not an effect. Reduce-motion
+  // holds the ring at rest scale. Same run-once latch as the entrance (the ring's
+  // `Animated.View` re-fires this ref every commit too) — reset on unmount so a
+  // later re-selection pulses again.
+  const ringScale = useRef(new Animated.Value(1)).current;
+  const pulsedRef = useRef(false);
+  const startRingPulse = useCallback(node => {
+    if (!node) {
+      pulsedRef.current = false; // ring unmounted (deselected) — arm the next pulse
+      return;
+    }
+    if (pulsedRef.current) return; // ref re-fired on a later commit — already pulsed
+    pulsedRef.current = true;
+    ringScale.setValue(1);
+    if (reduceMotion) return;
+    Animated.sequence([Animated.timing(ringScale, {
+      toValue: RING_PULSE_PEAK,
+      duration: RING_PULSE_UP_MS,
+      useNativeDriver: Platform.OS !== 'web'
+    }), Animated.spring(ringScale, {
+      toValue: 1,
+      friction: RING_SPRING_FRICTION,
+      tension: RING_SPRING_TENSION,
+      useNativeDriver: Platform.OS !== 'web'
+    })]).start();
+  }, [ringScale, reduceMotion]);
+  return (
+    /*#__PURE__*/
+    // The animated wrapper carries the entrance opacity + the layout box as
+    // inline `style`: animated values must be inline, and the box's
+    // size/margins are runtime pixels className cannot express. `className`
+    // drives the static chrome below (`flex-1` fills this fixed-size box).
+    _jsx(Animated.View, {
+      ref: startEntrance,
+      style: {
+        width: size,
+        height: size,
+        marginRight,
+        marginBottom,
+        position: 'relative',
+        opacity
+      },
+      children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+        activeOpacity: 0.85,
+        onPress: onPress,
+        onLongPress: onLongPress,
+        className: "flex-1",
+        accessibilityRole: "button",
+        accessibilityLabel: a11yLabel,
+        accessibilityState: {
+          selected: isSelected
+        },
+        children: [/*#__PURE__*/_jsx(View, {
+          className: `flex-1 rounded-radius-8 overflow-hidden bg-[#111111]${dim ? ' opacity-60' : ''}`,
+          children: /*#__PURE__*/_jsx(ExpoImage, {
+            source: {
+              uri: thumbUrl
+            },
+            style: {
+              width: '100%',
+              height: '100%'
+            },
+            contentFit: "cover",
+            transition: 120,
+            cachePolicy: "memory-disk",
+            accessibilityLabel: photo.filename
+          })
+        }), isSelected && /*#__PURE__*/_jsx(Animated.View, {
+          ref: startRingPulse,
+          style: {
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            borderRadius: CELL_CORNER_RADIUS,
+            borderWidth: SELECTION_RING_WIDTH,
+            borderColor: primaryColor,
+            transform: [{
+              scale: ringScale
+            }],
+            pointerEvents: 'none'
+          }
+        }), isSelected && /*#__PURE__*/_jsx(View, {
+          className: "absolute top-1.5 right-1.5 min-w-[22px] h-[22px] px-1.5 rounded-full items-center justify-center",
+          style: {
+            backgroundColor: primaryColor,
+            pointerEvents: 'none'
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            className: "text-white text-[12px] font-bold leading-[14px]",
+            children: selectionIndex > 0 ? String(selectionIndex) : ''
+          })
+        })]
+      })
+    })
+  );
+});
+const PhotoPickerView = ({
+  photos,
+  selectedIds,
+  multiSelect,
+  maxSelection,
+  allowUpload,
+  refreshing,
+  uploading,
+  isPickingDocument,
+  hasMore,
+  loadingMore,
+  loading,
+  loadError,
+  onRetry,
+  reduceMotion,
+  getThumbUrl,
+  primaryColor,
+  isOwner,
+  onTogglePhoto,
+  onPreviewPhoto,
+  onUpload,
+  onRefresh,
+  onLoadMore,
+  t
+}) => {
+  // Grid sizing width. We PREFER the measured grid-container width (the
+  // bottom-sheet content width) so tiles size to the sheet, not the device
+  // screen — on wide viewports the sheet is centered/narrower than the screen.
+  // But we must NEVER gate the whole grid on that measurement: `onLayout` is
+  // unreliable on web (react-native-css can suppress it), and a grid that only
+  // renders after a measurement can stay blank forever. So we fall back to the
+  // window width until a real measurement arrives — the grid ALWAYS renders,
+  // then snaps to the sheet width once `onLayout` reports it. The measured
+  // wrapper carries ONLY a `style` (no `className`) to maximise the chance
+  // `onLayout` fires on web.
+  const {
+    width: windowWidth,
+    height: windowHeight
+  } = useWindowDimensions();
+  const [gridWidth, setGridWidth] = useState(0);
+  const onRootLayout = useCallback(e => {
+    const w = Math.round(e.nativeEvent.layout.width);
+    setGridWidth(prev => prev === w ? prev : w);
+  }, []);
+
+  // The picker FILLS its panel: the surface morphs the container UP to an
+  // explicit large target (`frameSize.heightRatio: 0.9` in `surfaceRegistry`),
+  // and this root takes that SAME 0.9-of-viewport height. Under `tone:'onImage'`
+  // the Dialog inserts NO nav-bar spacer, so the grid uses the FULL morph target
+  // (no `-52`) and slides up under the floating bar, edge-to-edge, within the
+  // panel's `maxHeightRatio: 0.9` cap. A `flex: 1` root can't fill (no definite
+  // bound propagates through the sheet's flex chain at rest, where the panel is
+  // height:auto), so the fixed height is required; the FlatList scrolls within
+  // it. Keep the 0.9 ratio in sync with the picker's `frameSize` in
+  // `surfaceRegistry.ts`.
+  const panelHeight = useMemo(() => Math.round(windowHeight * 0.9), [windowHeight]);
+  const rootStyle = useMemo(() => ({
+    height: panelHeight
+  }), [panelHeight]);
+  const effectiveWidth = gridWidth > 0 ? gridWidth : windowWidth;
+  const {
+    columns,
+    cellSize,
+    gutter
+  } = useMemo(() => computePhotoGridLayout(effectiveWidth), [effectiveWidth]);
+
+  // How many shimmer tiles the loading skeleton renders: enough FULL rows to
+  // fill the panel down to (but never past) its `maxHeight` cap, so the panel
+  // hugs the skeleton content instead of overflowing or scrolling. `floor`
+  // keeps the last row whole; `SKELETON_MIN_ROWS` guards a very short panel.
+  const skeletonTileCount = useMemo(() => {
+    const rowHeight = cellSize + gutter;
+    if (rowHeight <= 0) return columns * SKELETON_MIN_ROWS;
+    const available = Math.max(0, panelHeight - FLOATING_NAV_BAR_HEIGHT);
+    const rows = Math.max(SKELETON_MIN_ROWS, Math.floor(available / rowHeight));
+    return rows * columns;
+  }, [cellSize, gutter, columns, panelHeight]);
+
+  // Map selectedIds → 1-based selection order for the badge. We freeze a
+  // stable order at the time of selection: the order is the insertion
+  // order of the Set (which JS preserves natively).
+  const selectionOrder = useMemo(() => {
+    const map = new Map();
+    let i = 1;
+    for (const id of selectedIds) {
+      map.set(id, i++);
+    }
+    return map;
+  }, [selectedIds]);
+  const hasAnySelection = selectedIds.size > 0;
+  const isEmpty = photos.length === 0;
+  const atSelectionLimit = multiSelect && maxSelection != null && selectedIds.size >= maxSelection;
+  const handleCellPress = useCallback(photo => {
+    if (Platform.OS !== 'web') {
+      void hapticImpact('light');
+    }
+    onTogglePhoto(photo);
+  }, [onTogglePhoto]);
+  const handleCellLongPress = useCallback(photo => {
+    if (Platform.OS !== 'web') {
+      void hapticSelection();
+    }
+    onPreviewPhoto(photo);
+  }, [onPreviewPhoto]);
+
+  // FlatList renderItem: each cell knows its enterIndex (for stagger).
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    const isSelected = selectedIds.has(item.id);
+    const selIndex = isSelected ? selectionOrder.get(item.id) || 0 : 0;
+    // Last column gets no right margin; last row no bottom margin
+    // (FlatList handles row breaks via numColumns).
+    const isLastInRow = (index + 1) % columns === 0;
+    const a11yLabel = t(isSelected ? 'fileManagement.a11y.photoCellSelected' : 'fileManagement.a11y.photoCellUnselected', {
+      name: item.filename || 'photo'
+    });
+    return /*#__PURE__*/_jsx(PhotoPickerCell, {
+      photo: item,
+      size: cellSize,
+      marginRight: isLastInRow ? 0 : gutter,
+      marginBottom: gutter,
+      isSelected: isSelected,
+      selectionIndex: selIndex,
+      dim: multiSelect && !isSelected && (hasAnySelection || atSelectionLimit),
+      primaryColor: primaryColor,
+      thumbUrl: getThumbUrl(item),
+      enterIndex: index,
+      reduceMotion: reduceMotion,
+      onPress: () => handleCellPress(item),
+      onLongPress: () => handleCellLongPress(item),
+      a11yLabel: a11yLabel
+    });
+  }, [selectedIds, selectionOrder, columns, cellSize, gutter, multiSelect, hasAnySelection, atSelectionLimit, primaryColor, getThumbUrl, reduceMotion, handleCellPress, handleCellLongPress, t]);
+  const keyExtractor = useCallback(item => item.id, []);
+  const listFooter = useMemo(() => {
+    if (!loadingMore) return null;
+    return /*#__PURE__*/_jsx(View, {
+      className: "py-space-16 items-center",
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: "#FFFFFF"
+      })
+    });
+  }, [loadingMore]);
+  const handleEndReached = useCallback(() => {
+    if (loadingMore || !hasMore) return;
+    onLoadMore();
+  }, [loadingMore, hasMore, onLoadMore]);
+  return (
+    /*#__PURE__*/
+    // Measured wrapper: `style`-only (no className) so RN-Web fires onLayout.
+    // `rootStyle` is placement-aware — a `maxHeight` cap that gives the
+    // FlatList a bounded scroll region while letting a short grid hug its
+    // content (see the `rootStyle` derivation). It must NOT carry a className
+    // (that can suppress web `onLayout`).
+    _jsx(View, {
+      style: rootStyle,
+      onLayout: onRootLayout,
+      children: /*#__PURE__*/_jsx(View, {
+        className: "flex-1 min-h-0 bg-black",
+        children: isEmpty && loadError ?
+        /*#__PURE__*/
+        /* Terminal load failure — a DISTINCT error surface (not the
+           empty state), centered in the immersive frame. Retry re-runs
+           the list query. */
+        _jsx(View, {
+          className: "flex-1 items-center justify-center",
+          children: /*#__PURE__*/_jsx(FileLibraryError, {
+            title: t('fileManagement.loadError.title'),
+            description: t('fileManagement.loadError.description'),
+            retryLabel: t('fileManagement.retry'),
+            onRetry: onRetry,
+            iconColor: "#FF6B6B",
+            titleColor: "#FFFFFF",
+            descriptionColor: "rgba(255,255,255,0.7)",
+            buttonColor: primaryColor
+          })
+        }) : isEmpty && loading ?
+        /*#__PURE__*/
+        /* Loading skeleton — the picker's OWN shape: shimmer tiles laid
+           out with the SAME placement-aware geometry the real grid uses
+           (`computePhotoGridLayout(effectiveWidth)`), edge-to-edge under
+           the floating bar. `flexWrap` breaks rows exactly at `columns`
+           because the last tile in each row carries no right margin (a
+           full row + gutters fits the measured width by construction). */
+        _jsx(View, {
+          style: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            pointerEvents: 'none'
+          },
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no-hide-descendants",
+          children: Array.from({
+            length: skeletonTileCount
+          }, (_, index) => /*#__PURE__*/_jsx(Skeleton.Box, {
+            width: cellSize,
+            height: cellSize,
+            borderRadius: CELL_CORNER_RADIUS,
+            style: {
+              marginRight: (index + 1) % columns === 0 ? 0 : gutter,
+              marginBottom: gutter,
+              backgroundColor: SKELETON_TILE_COLOR
+            }
+          }, `skeleton-${index}`))
+        }) : isEmpty ? /*#__PURE__*/_jsxs(View, {
+          className: "flex-1 items-center justify-center px-space-32",
+          children: [/*#__PURE__*/_jsx(View, {
+            className: "opacity-30 mb-space-16",
+            children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+              name: "image-outline",
+              size: 64,
+              color: "#FFFFFF"
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-white text-[17px] font-semibold text-center mb-1.5",
+            children: t('fileManagement.photoPicker.emptyTitle')
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-white text-[14px] font-normal text-center opacity-70 mb-space-24",
+            children: t('fileManagement.photoPicker.emptySubtitle')
+          }), isOwner && allowUpload && /*#__PURE__*/_jsx(TouchableOpacity, {
+            className: "flex-row items-center gap-space-8 px-[22px] py-space-12 rounded-full",
+            style: {
+              backgroundColor: primaryColor
+            },
+            onPress: onUpload,
+            disabled: uploading || isPickingDocument,
+            accessibilityRole: "button",
+            accessibilityLabel: t('fileManagement.uploadPhoto'),
+            accessibilityState: {
+              busy: uploading || isPickingDocument
+            },
+            children: uploading || isPickingDocument ? /*#__PURE__*/_jsx(ActivityIndicator, {
+              size: "small",
+              color: "#FFFFFF"
+            }) : /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Ionicons, {
+                name: "cloud-upload",
+                size: 18,
+                color: "#FFFFFF"
+              }), /*#__PURE__*/_jsx(Text, {
+                className: "text-white text-[15px] font-semibold",
+                children: t('fileManagement.uploadPhoto')
+              })]
+            })
+          })]
+        }) : /*#__PURE__*/_jsx(FlatList, {
+          data: photos,
+          renderItem: renderItem,
+          keyExtractor: keyExtractor,
+          numColumns: columns,
+          className: "flex-1 min-h-0",
+          contentContainerClassName: "pb-space-24",
+          showsVerticalScrollIndicator: false,
+          refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+            refreshing: refreshing,
+            onRefresh: onRefresh,
+            tintColor: "#FFFFFF",
+            colors: [primaryColor],
+            progressViewOffset: FLOATING_NAV_BAR_HEIGHT
+          }),
+          onEndReached: handleEndReached,
+          onEndReachedThreshold: 0.4,
+          ListFooterComponent: listFooter,
+          removeClippedSubviews: Platform.OS !== 'web',
+          initialNumToRender: Math.max(12, columns * 6),
+          windowSize: 9
+        }, `cols-${columns}`)
+      })
+    })
+  );
+};
+export default PhotoPickerView;
+//# sourceMappingURL=PhotoPickerSection.js.map

package/lib/module/ui/screens/fileManagement/PhotoPickerSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","useState","View","Text","TouchableOpacity","ActivityIndicator","RefreshControl","FlatList","Platform","Animated","useWindowDimensions","Image","ExpoImage","Ionicons","MaterialCommunityIcons","Skeleton","computePhotoGridLayout","FileLibraryError","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","hapticsModulePromise","getHaptics","OS","Promise","resolve","mod","impactAsync","hapticImpact","style","h","styleEnum","ImpactFeedbackStyle","Heavy","Medium","Light","hapticSelection","selectionAsync","FLOATING_NAV_BAR_HEIGHT","STAGGER_PER_CELL_MS","MAX_TOTAL_STAGGER_MS","ENTRANCE_DURATION_MS","RING_PULSE_PEAK","RING_PULSE_UP_MS","RING_SPRING_FRICTION","RING_SPRING_TENSION","CELL_CORNER_RADIUS","SELECTION_RING_WIDTH","SKELETON_TILE_COLOR","SKELETON_MIN_ROWS","PhotoPickerCell","memo","props","photo","size","marginRight","marginBottom","isSelected","selectionIndex","dim","primaryColor","thumbUrl","enterIndex","reduceMotion","onPress","onLongPress","a11yLabel","delay","Math","min","opacity","Value","current","startedRef","startEntrance","node","setValue","timing","toValue","duration","useNativeDriver","start","ringScale","pulsedRef","startRingPulse","sequence","spring","friction","tension","ref","width","height","position","children","activeOpacity","className","accessibilityRole","accessibilityLabel","accessibilityState","selected","source","uri","contentFit","transition","cachePolicy","filename","top","right","bottom","left","borderRadius","borderWidth","borderColor","transform","scale","pointerEvents","backgroundColor","String","PhotoPickerView","photos","selectedIds","multiSelect","maxSelection","allowUpload","refreshing","uploading","isPickingDocument","hasMore","loadingMore","loading","loadError","onRetry","getThumbUrl","isOwner","onTogglePhoto","onPreviewPhoto","onUpload","onRefresh","onLoadMore","t","windowWidth","windowHeight","gridWidth","setGridWidth","onRootLayout","e","w","round","nativeEvent","layout","prev","panelHeight","rootStyle","effectiveWidth","columns","cellSize","gutter","skeletonTileCount","rowHeight","available","max","rows","floor","selectionOrder","map","Map","i","id","set","hasAnySelection","isEmpty","length","atSelectionLimit","handleCellPress","handleCellLongPress","renderItem","item","index","has","selIndex","get","isLastInRow","name","keyExtractor","listFooter","color","handleEndReached","onLayout","title","description","retryLabel","iconColor","titleColor","descriptionColor","buttonColor","flexDirection","flexWrap","accessibilityElementsHidden","importantForAccessibility","Array","from","_","Box","disabled","busy","data","numColumns","contentContainerClassName","showsVerticalScrollIndicator","refreshControl","tintColor","colors","progressViewOffset","onEndReached","onEndReachedThreshold","ListFooterComponent","removeClippedSubviews","initialNumToRender","windowSize"],"sourceRoot":"../../../../../src","sources":["ui/screens/fileManagement/PhotoPickerSection.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/fileManagement/UploadBar.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import { View, Text, ActivityIndicator, StyleSheet, Platform } from 'react-native';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The banner drop-shadow has no Bloom/Tailwind token equivalent, so it stays an
+// inline style. `boxShadow` on web (RN-Web deprecated the `shadow*` props);
+// RN `shadow*`/`elevation` on native.
+const shadowStyle = StyleSheet.create({
+  banner: Platform.select({
+    web: {
+      boxShadow: '0px 2px 6px rgba(0, 0, 0, 0.1)'
+    },
+    default: {
+      shadowColor: '#000',
+      shadowOpacity: 0.1,
+      shadowRadius: 6,
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      elevation: 2
+    }
+  })
+});
+
+/**
+ * The non-blocking "Uploading…" banner overlay shown at the bottom of the file
+ * manager while uploads are in flight. Purely presentational — the orchestrator
+ * gates rendering on `!selectMode && uploading`.
+ */
+const UploadBar = ({
+  uploadProgress,
+  isDark,
+  colors,
+  t
+}) => /*#__PURE__*/_jsx(View, {
+  className: "absolute top-[72px] left-0 right-0 items-center z-50",
+  style: {
+    pointerEvents: 'none'
+  },
+  children: /*#__PURE__*/_jsxs(View, {
+    className: "flex-row items-center px-3.5 py-2.5 rounded-[24px] gap-2.5 border min-w-[200px]",
+    style: [shadowStyle.banner, {
+      backgroundColor: isDark ? '#222831EE' : '#FFFFFFEE',
+      borderColor: colors.border
+    }],
+    children: [/*#__PURE__*/_jsx(Ionicons, {
+      name: "cloud-upload",
+      size: 18,
+      color: colors.primary
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "flex-1 gap-1.5",
+      children: [/*#__PURE__*/_jsxs(Text, {
+        className: "text-[13px] font-medium",
+        style: {
+          color: colors.text
+        },
+        children: [t('fileManagement.uploading'), uploadProgress ? ` ${uploadProgress.current}/${uploadProgress.total}` : '...']
+      }), uploadProgress && uploadProgress.total > 0 && /*#__PURE__*/_jsx(View, {
+        className: "h-[3px] rounded-[2px] overflow-hidden",
+        style: {
+          backgroundColor: isDark ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)'
+        },
+        children: /*#__PURE__*/_jsx(View, {
+          className: "h-full rounded-[2px]",
+          style: {
+            width: `${uploadProgress.current / uploadProgress.total * 100}%`,
+            backgroundColor: colors.primary
+          }
+        })
+      })]
+    }), /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: colors.primary
+    })]
+  })
+});
+export default UploadBar;
+//# sourceMappingURL=UploadBar.js.map