@oxy.so/bloom 2.10.0 → 2.11.0

package/lib/module/message-media/LinkPreviewMessage.js

@@ -0,0 +1,154 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo } from 'react';
+import { Linking, View } from 'react-native';
+import { fontSize, space } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MediaImage, MediaPressable } from "./parts.js";
+import { MESSAGE_MEDIA_RADIUS, MESSAGE_MEDIA_WIDTH, resolveMessageMediaPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** `tracking-wide` at the site name's 12px. */
+const SITE_TRACKING = fontSize.xs * 0.025;
+/** The accent rule down the left edge. */
+const RULE_WIDTH = 3;
+/** The inline layout's thumbnail. */
+const THUMB = 56;
+
+/** Best-effort hostname, for the site-name fallback. */
+function hostnameOf(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, '');
+  } catch {
+    return undefined;
+  }
+}
+
+/**
+ * A link's preview INSIDE a bubble.
+ *
+ * WHY THIS IS NOT `link-preview`'s `LinkPreviewCard`. That card is the right
+ * component everywhere else and was read before this one was written; it is a
+ * `Card variant="outlined"` at `radius-20` painting `colors.text` /
+ * `colors.textSecondary` on `colors.card`. All three of those are page colours.
+ * Dropped into an outgoing bubble it draws a page-coloured card ON the accent
+ * fill — a second surface inside the message, with its own border and its own
+ * background, and a body text colour that is a grey on a saturated fill.
+ * Re-skinning it would mean giving it a tone prop, a palette, and a mode with no
+ * card chrome, which is a different component wearing the same name.
+ *
+ * So the bubble's preview is its own block and takes the family's shape: NO
+ * surface of its own, an accent RULE down the left edge instead of a border
+ * (one line of colour, which is legible on both tones and does not read as a
+ * nested card), and every colour from `resolveMessageMediaPaint`.
+ *
+ * `large` puts the cover above the text, `inline` keeps a 56px thumb beside it —
+ * the second is for a link in a busy thread where a 160px cover is most of the
+ * message.
+ */
+function LinkPreviewMessageComponent({
+  url,
+  siteName,
+  title,
+  description,
+  image,
+  imageVariant,
+  layout = 'large',
+  width = MESSAGE_MEDIA_WIDTH,
+  radius = MESSAGE_MEDIA_RADIUS,
+  onPress,
+  accessibilityLabel,
+  tone = 'incoming',
+  onColor,
+  bubbleColor,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMessageMediaPaint(theme, tone, onColor, bubbleColor), [theme, tone, onColor, bubbleColor]);
+  const host = hostnameOf(url);
+  const site = siteName ?? host;
+  const heading = title ?? host ?? url;
+  const handlePress = useCallback(() => {
+    if (onPress) {
+      onPress();
+      return;
+    }
+    void Linking.openURL(url).catch(() => undefined);
+  }, [onPress, url]);
+  const root = {
+    width,
+    flexDirection: 'row',
+    gap: space.md,
+    paddingLeft: space.md,
+    borderLeftWidth: RULE_WIDTH,
+    borderLeftColor: paint.accent,
+    borderTopLeftRadius: 2,
+    borderBottomLeftRadius: 2
+  };
+  const text = /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexGrow: 1,
+      flexShrink: 1,
+      minWidth: 0,
+      gap: 2
+    },
+    children: [site ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-2-medium",
+      numberOfLines: 1,
+      style: {
+        color: paint.accent,
+        textTransform: 'uppercase',
+        letterSpacing: SITE_TRACKING
+      },
+      testID: testID ? `${testID}-site` : undefined,
+      children: site
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-medium",
+      numberOfLines: 2,
+      style: {
+        color: paint.text
+      },
+      children: heading
+    }), description ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 2,
+      style: {
+        color: paint.textMuted
+      },
+      children: description
+    }) : null, layout === 'large' && image ? /*#__PURE__*/_jsx(View, {
+      style: {
+        paddingTop: space.sm
+      },
+      children: /*#__PURE__*/_jsx(MediaImage, {
+        source: image,
+        sourceVariant: imageVariant,
+        height: Math.round((width - space.md - RULE_WIDTH) * 0.52),
+        radius: Math.min(radius, 12),
+        placeholder: paint.placeholder,
+        testID: testID ? `${testID}-cover` : undefined
+      })
+    }) : null]
+  });
+  return /*#__PURE__*/_jsxs(MediaPressable, {
+    accessibilityLabel: accessibilityLabel ?? heading,
+    role: "link",
+    onPress: handlePress,
+    ring: paint.ring,
+    style: [root, style ?? null],
+    testID: testID,
+    children: [text, layout === 'inline' && image ? /*#__PURE__*/_jsx(MediaImage, {
+      source: image,
+      sourceVariant: imageVariant,
+      width: THUMB,
+      height: THUMB,
+      radius: Math.min(radius, 10),
+      placeholder: paint.placeholder,
+      testID: testID ? `${testID}-cover` : undefined
+    }) : null]
+  });
+}
+export const LinkPreviewMessage = /*#__PURE__*/memo(LinkPreviewMessageComponent);
+LinkPreviewMessage.displayName = 'LinkPreviewMessage';
+//# sourceMappingURL=LinkPreviewMessage.js.map

package/lib/module/message-media/LinkPreviewMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","Linking","View","fontSize","space","useTheme","Text","MediaImage","MediaPressable","MESSAGE_MEDIA_RADIUS","MESSAGE_MEDIA_WIDTH","resolveMessageMediaPaint","jsx","_jsx","jsxs","_jsxs","SITE_TRACKING","xs","RULE_WIDTH","THUMB","hostnameOf","url","URL","hostname","replace","undefined","LinkPreviewMessageComponent","siteName","title","description","image","imageVariant","layout","width","radius","onPress","accessibilityLabel","tone","onColor","bubbleColor","style","testID","theme","paint","host","site","heading","handlePress","openURL","catch","root","flexDirection","gap","md","paddingLeft","borderLeftWidth","borderLeftColor","accent","borderTopLeftRadius","borderBottomLeftRadius","text","flexGrow","flexShrink","minWidth","children","variant","numberOfLines","color","textTransform","letterSpacing","textMuted","paddingTop","sm","source","sourceVariant","height","Math","round","min","placeholder","role","ring","LinkPreviewMessage","displayName"],"sourceRoot":"../../../src","sources":["message-media/LinkPreviewMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/message-media/LocationMessage.js

@@ -0,0 +1,284 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { webDataSet } from "../styles/web-data.js";
+import { RiMapPin2Fill } from "../icons/remix/RiMapPin2Fill.js";
+import { borderRadius, space } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MediaPressable, useHovered, useMessageMediaCss } from "./parts.js";
+import { fileMetaLine, MESSAGE_MEDIA_RADIUS, MESSAGE_MEDIA_WIDTH, resolveMessageMediaPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The placeholder grid's cell size, when the app renders no map. */
+const GRID_CELL = 28;
+
+/**
+ * A neutral grid standing in for a map the app has not supplied.
+ *
+ * Bloom ships NO map engine — a tile provider is a dependency, a key and a
+ * licence, none of which belong in a component library — so `renderMap` is the
+ * slot the app fills. This is what the frame looks like until it does, and it is
+ * deliberately abstract: a fake coastline would be a map of somewhere.
+ */
+function MapPlaceholder({
+  width,
+  height,
+  paint
+}) {
+  const columns = Math.ceil(width / GRID_CELL);
+  const rows = Math.ceil(height / GRID_CELL);
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width,
+      height,
+      backgroundColor: paint.wash
+    },
+    children: Array.from({
+      length: rows
+    }, (_, row) => /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        height: GRID_CELL
+      },
+      children: Array.from({
+        length: columns
+      }, (_, column) => /*#__PURE__*/_jsx(View, {
+        style: {
+          width: GRID_CELL,
+          height: GRID_CELL,
+          borderRightWidth: 1,
+          borderBottomWidth: 1,
+          borderRightColor: paint.border,
+          borderBottomColor: paint.border
+        }
+      }, column))
+    }, row))
+  });
+}
+
+/**
+ * The live dot: a solid core with a halo that expands and fades, once a second.
+ *
+ * It STOPS under reduced motion and keeps the solid core — unlike a spinner,
+ * which reports "working" and has to keep moving, this reports "sharing", and
+ * the word beside it already says so.
+ *
+ * The core is the RAW negative colour with a white ring around it, not a colour
+ * mixed until it clears a contrast bar against the bubble. On the accent bubble
+ * nothing red clears 3:1 without becoming either near-black or pink, and a live
+ * dot that is not red has stopped saying the one thing it exists to say. A ring
+ * separates it from whatever is behind it instead — the same move `PresenceDot`
+ * makes for exactly the same reason.
+ */
+function LivePulse({
+  color,
+  ringColor
+}) {
+  const reduced = useReducedMotion();
+  const pulse = useSharedValue(0);
+  useEffect(() => {
+    if (reduced) return undefined;
+    pulse.value = 0;
+    pulse.value = withRepeat(withTiming(1, {
+      duration: 1400,
+      easing: Easing.out(Easing.quad)
+    }), -1, false);
+    return () => cancelAnimation(pulse);
+  }, [reduced, pulse]);
+  const halo = useAnimatedStyle(() => ({
+    opacity: 0.45 * (1 - pulse.value),
+    transform: [{
+      scale: 1 + pulse.value * 1.8
+    }]
+  }), [pulse]);
+  return /*#__PURE__*/_jsxs(View, {
+    pointerEvents: "none",
+    style: {
+      width: 10,
+      height: 10,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: 'absolute',
+        width: 10,
+        height: 10,
+        borderRadius: borderRadius.full,
+        backgroundColor: color
+      }, halo]
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 10,
+        height: 10,
+        borderRadius: borderRadius.full,
+        backgroundColor: color,
+        borderWidth: 2,
+        borderColor: ringColor
+      }
+    })]
+  });
+}
+
+/**
+ * A place, or a live share of one.
+ *
+ * The frame is one press target — the whole map opens it — and the "Stop
+ * sharing" action is a SEPARATE control below the frame rather than an overlay
+ * on it, because it is destructive and must not be one mis-tap away from
+ * "open the map".
+ *
+ * "Live until 18:30" arrives PRE-FORMATTED. A component that formats a time has
+ * to read the clock, and a component that reads the clock renders differently in
+ * every test and every timezone.
+ */
+function LocationMessageComponent({
+  title,
+  address,
+  renderMap,
+  live = false,
+  liveUntilLabel,
+  stopSharingLabel = 'Stop sharing',
+  onStopSharing,
+  onPress,
+  width = MESSAGE_MEDIA_WIDTH,
+  mapHeight = 140,
+  radius = MESSAGE_MEDIA_RADIUS,
+  accessibilityLabel,
+  tone = 'incoming',
+  onColor,
+  bubbleColor,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useMessageMediaCss();
+  const paint = useMemo(() => resolveMessageMediaPaint(theme, tone, onColor, bubbleColor), [theme, tone, onColor, bubbleColor]);
+  const [stopHovered, stopHandlers] = useHovered();
+  const name = accessibilityLabel ?? fileMetaLine([live ? 'Live location' : 'Location', title, address]);
+  const frame = {
+    width,
+    height: mapHeight,
+    borderRadius: radius,
+    overflow: 'hidden',
+    position: 'relative',
+    backgroundColor: paint.wash,
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  const stopStyle = {
+    alignSelf: 'flex-start',
+    marginTop: space.sm,
+    paddingTop: 4,
+    paddingBottom: 4,
+    paddingLeft: 10,
+    paddingRight: 10,
+    borderRadius: borderRadius.full,
+    backgroundColor: stopHovered ? paint.washStrong : paint.wash,
+    '--bloom-message-media-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width
+    }, style ?? null],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(MediaPressable, {
+      accessibilityLabel: name,
+      onPress: onPress,
+      ring: paint.ring,
+      style: frame,
+      testID: testID ? `${testID}-map` : undefined,
+      children: [renderMap ? renderMap({
+        width,
+        height: mapHeight
+      }) : /*#__PURE__*/_jsx(MapPlaceholder, {
+        width: width,
+        height: mapHeight,
+        paint: paint
+      }), /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: {
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        testID: testID ? `${testID}-pin` : undefined,
+        children: live ? /*#__PURE__*/_jsx(LivePulse, {
+          color: theme.colors.error,
+          ringColor: paint.onScrim
+        }) : /*#__PURE__*/_jsx(RiMapPin2Fill, {
+          width: 28,
+          height: 28,
+          fill: paint.accent
+        })
+      })]
+    }), title || address || liveUntilLabel ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        paddingTop: space.sm,
+        gap: 2
+      },
+      children: [title ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        numberOfLines: 1,
+        style: {
+          color: paint.text
+        },
+        children: title
+      }) : null, address ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 2,
+        style: {
+          color: paint.textMuted
+        },
+        children: address
+      }) : null, live && liveUntilLabel ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6,
+          paddingTop: 2
+        },
+        children: [/*#__PURE__*/_jsx(View, {
+          style: {
+            width: 6,
+            height: 6,
+            borderRadius: borderRadius.full,
+            backgroundColor: paint.live
+          }
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          style: {
+            color: paint.textMuted
+          },
+          testID: testID ? `${testID}-live` : undefined,
+          children: liveUntilLabel
+        })]
+      }) : null]
+    }) : null, live && onStopSharing ? /*#__PURE__*/_jsx(Pressable, {
+      ...webDataSet({
+        bloomMessageMediaPressable: ''
+      }),
+      ...stopHandlers,
+      role: "button",
+      accessibilityLabel: stopSharingLabel,
+      onPress: onStopSharing,
+      style: stopStyle,
+      testID: testID ? `${testID}-stop` : undefined,
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-medium",
+        style: {
+          color: paint.danger
+        },
+        children: stopSharingLabel
+      })
+    }) : null]
+  });
+}
+export const LocationMessage = /*#__PURE__*/memo(LocationMessageComponent);
+LocationMessage.displayName = 'LocationMessage';
+//# sourceMappingURL=LocationMessage.js.map

package/lib/module/message-media/LocationMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","Pressable","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withTiming","webDataSet","RiMapPin2Fill","borderRadius","space","useTheme","Text","MediaPressable","useHovered","useMessageMediaCss","fileMetaLine","MESSAGE_MEDIA_RADIUS","MESSAGE_MEDIA_WIDTH","resolveMessageMediaPaint","jsx","_jsx","jsxs","_jsxs","GRID_CELL","MapPlaceholder","width","height","paint","columns","Math","ceil","rows","pointerEvents","style","position","top","left","backgroundColor","wash","children","Array","from","length","_","row","flexDirection","column","borderRightWidth","borderBottomWidth","borderRightColor","border","borderBottomColor","LivePulse","color","ringColor","reduced","pulse","undefined","value","duration","easing","out","quad","halo","opacity","transform","scale","alignItems","justifyContent","full","borderWidth","borderColor","LocationMessageComponent","title","address","renderMap","live","liveUntilLabel","stopSharingLabel","onStopSharing","onPress","mapHeight","radius","accessibilityLabel","tone","onColor","bubbleColor","testID","theme","stopHovered","stopHandlers","name","frame","overflow","stopStyle","alignSelf","marginTop","sm","paddingTop","paddingBottom","paddingLeft","paddingRight","washStrong","ring","colors","error","onScrim","fill","accent","gap","variant","numberOfLines","text","textMuted","bloomMessageMediaPressable","role","danger","LocationMessage","displayName"],"sourceRoot":"../../../src","sources":["message-media/LocationMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/message-media/MediaAlbum.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { formatDuration } from "../media-controls/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { MediaFailure, MediaImage, MediaOverlay, MediaPill, MediaPressable, MediaProgressRing, SpoilerCover } from "./parts.js";
+import { ALBUM_GAP, albumLayout, MAX_ALBUM_TILES, MESSAGE_MEDIA_RADIUS, MESSAGE_MEDIA_WIDTH, resolveMessageMediaPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The packed photo/video grid, 2–10 cells.
+ *
+ * The geometry is `albumLayout()` — absolute rectangles with integer widths that
+ * sum to the frame exactly. Absolute positioning rather than nested flex rows
+ * because the two have to agree pixel for pixel: a flex row rounds each child
+ * independently and the last cell in a row of three ends up one pixel short of
+ * the edge, which on a ROUNDED group reads as a rendering fault. The layout
+ * function is also the thing the tests can read without a renderer.
+ *
+ * Only the group's four outer corners are rounded; a cell in the middle of the
+ * grid is square on every side. Each cell carries the radii for its own position
+ * (`radii`), so no cell has to know how many cells there are.
+ */
+function AlbumCell({
+  item,
+  index,
+  total,
+  rect,
+  paint,
+  onPress,
+  overflow,
+  formatOverflow,
+  testID
+}) {
+  const [revealed, setRevealed] = useState(false);
+  const hidden = Boolean(item.spoiler) && !revealed;
+  const isVideo = item.kind === 'video';
+  const duration = item.durationLabel ?? (typeof item.duration === 'number' ? formatDuration(item.duration) : undefined);
+  const name = item.accessibilityLabel ?? `${isVideo ? 'Video' : 'Photo'} ${index + 1} of ${total}`;
+  const handlePress = useCallback(() => {
+    if (hidden) {
+      setRevealed(true);
+      return;
+    }
+    onPress?.(index);
+  }, [hidden, index, onPress]);
+  const cellStyle = {
+    position: 'absolute',
+    left: rect.left,
+    top: rect.top,
+    width: rect.width,
+    height: rect.height,
+    overflow: 'hidden',
+    borderTopLeftRadius: rect.radii.topLeft,
+    borderTopRightRadius: rect.radii.topRight,
+    borderBottomLeftRadius: rect.radii.bottomLeft,
+    borderBottomRightRadius: rect.radii.bottomRight
+  };
+  return /*#__PURE__*/_jsxs(MediaPressable, {
+    accessibilityLabel: overflow > 0 ? `${name}, ${formatOverflow(overflow)}` : name,
+    onPress: onPress || hidden ? handlePress : undefined,
+    ring: paint.ring,
+    style: cellStyle,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(MediaImage, {
+      source: item.source,
+      sourceVariant: item.sourceVariant,
+      radii: rect.radii,
+      placeholder: item.placeholderColor ?? paint.placeholder
+    }), hidden ? /*#__PURE__*/_jsx(SpoilerCover, {
+      label: "Tap to view",
+      paint: paint,
+      radii: rect.radii
+    }) : null, !hidden && isVideo && duration ? /*#__PURE__*/_jsx(MediaPill, {
+      label: duration,
+      paint: paint,
+      leadingPlay: true,
+      position: {
+        left: 6,
+        bottom: 6
+      }
+    }) : null, overflow > 0 ? /*#__PURE__*/_jsx(MediaOverlay, {
+      scrim: "rgba(0, 0, 0, 0.5)",
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "title-2-semibold",
+        style: {
+          color: paint.onScrim
+        },
+        children: formatOverflow(overflow)
+      })
+    }) : null]
+  });
+}
+function MediaAlbumComponent({
+  items,
+  width = MESSAGE_MEDIA_WIDTH,
+  radius = MESSAGE_MEDIA_RADIUS,
+  gap = ALBUM_GAP,
+  maxTiles = MAX_ALBUM_TILES,
+  formatOverflow = remaining => `+${remaining}`,
+  onPress,
+  state = 'idle',
+  progress,
+  onCancel,
+  onRetry,
+  accessibilityLabel,
+  tone = 'incoming',
+  onColor,
+  bubbleColor,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMessageMediaPaint(theme, tone, onColor, bubbleColor), [theme, tone, onColor, bubbleColor]);
+  const layout = useMemo(() => albumLayout(items.length, width, {
+    gap,
+    radius,
+    maxTiles
+  }), [items.length, width, gap, radius, maxTiles]);
+  const sending = state === 'sending';
+  const groupName = accessibilityLabel ?? `Album, ${items.length} item${items.length === 1 ? '' : 's'}`;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width
+    }, style ?? null],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      role: "group",
+      accessibilityLabel: groupName,
+      style: {
+        width,
+        height: layout.height,
+        position: 'relative'
+      },
+      children: [layout.cells.map(rect => {
+        const item = items[rect.index];
+        if (!item) return null;
+        const last = rect.index === layout.cells.length - 1;
+        return /*#__PURE__*/_jsx(AlbumCell, {
+          item: item,
+          index: rect.index,
+          total: items.length,
+          rect: rect,
+          paint: paint,
+          onPress: onPress,
+          overflow: last ? layout.overflow : 0,
+          formatOverflow: formatOverflow,
+          testID: testID ? `${testID}-cell-${rect.index}` : undefined
+        }, item.id);
+      }), sending ? /*#__PURE__*/_jsx(MediaOverlay, {
+        scrim: paint.scrim,
+        children: /*#__PURE__*/_jsx(MediaProgressRing, {
+          progress: progress,
+          color: paint.onScrim,
+          track: "rgba(255, 255, 255, 0.3)",
+          fill: "rgba(0, 0, 0, 0.35)",
+          glyph: onCancel ? 'cancel' : 'none',
+          onPress: onCancel,
+          accessibilityLabel: onCancel ? 'Cancel' : 'Sending album',
+          ring: paint.ring,
+          testID: testID ? `${testID}-progress` : undefined
+        })
+      }) : null]
+    }), state === 'failed' ? /*#__PURE__*/_jsx(MediaFailure, {
+      paint: paint,
+      onRetry: onRetry,
+      testID: testID ? `${testID}-failed` : undefined
+    }) : null]
+  });
+}
+export const MediaAlbum = /*#__PURE__*/memo(MediaAlbumComponent);
+MediaAlbum.displayName = 'MediaAlbum';
+//# sourceMappingURL=MediaAlbum.js.map

package/lib/module/message-media/MediaAlbum.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","View","formatDuration","useTheme","Text","MediaFailure","MediaImage","MediaOverlay","MediaPill","MediaPressable","MediaProgressRing","SpoilerCover","ALBUM_GAP","albumLayout","MAX_ALBUM_TILES","MESSAGE_MEDIA_RADIUS","MESSAGE_MEDIA_WIDTH","resolveMessageMediaPaint","jsx","_jsx","jsxs","_jsxs","AlbumCell","item","index","total","rect","paint","onPress","overflow","formatOverflow","testID","revealed","setRevealed","hidden","Boolean","spoiler","isVideo","kind","duration","durationLabel","undefined","name","accessibilityLabel","handlePress","cellStyle","position","left","top","width","height","borderTopLeftRadius","radii","topLeft","borderTopRightRadius","topRight","borderBottomLeftRadius","bottomLeft","borderBottomRightRadius","bottomRight","ring","style","children","source","sourceVariant","placeholder","placeholderColor","label","leadingPlay","bottom","scrim","variant","color","onScrim","MediaAlbumComponent","items","radius","gap","maxTiles","remaining","state","progress","onCancel","onRetry","tone","onColor","bubbleColor","theme","layout","length","sending","groupName","role","cells","map","last","id","track","fill","glyph","MediaAlbum","displayName"],"sourceRoot":"../../../src","sources":["message-media/MediaAlbum.tsx"],"mappings":"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","ignoreList":[]}