@oxy.so/bloom 2.10.0 → 2.12.0

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

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaAlbum = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../media-controls/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _parts = require("./parts.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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] = (0, _react.useState)(false);
+  const hidden = Boolean(item.spoiler) && !revealed;
+  const isVideo = item.kind === 'video';
+  const duration = item.durationLabel ?? (typeof item.duration === 'number' ? (0, _index.formatDuration)(item.duration) : undefined);
+  const name = item.accessibilityLabel ?? `${isVideo ? 'Video' : 'Photo'} ${index + 1} of ${total}`;
+  const handlePress = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_parts.MediaPressable, {
+    accessibilityLabel: overflow > 0 ? `${name}, ${formatOverflow(overflow)}` : name,
+    onPress: onPress || hidden ? handlePress : undefined,
+    ring: paint.ring,
+    style: cellStyle,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaImage, {
+      source: item.source,
+      sourceVariant: item.sourceVariant,
+      radii: rect.radii,
+      placeholder: item.placeholderColor ?? paint.placeholder
+    }), hidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.SpoilerCover, {
+      label: "Tap to view",
+      paint: paint,
+      radii: rect.radii
+    }) : null, !hidden && isVideo && duration ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaPill, {
+      label: duration,
+      paint: paint,
+      leadingPlay: true,
+      position: {
+        left: 6,
+        bottom: 6
+      }
+    }) : null, overflow > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaOverlay, {
+      scrim: "rgba(0, 0, 0, 0.5)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "title-2-semibold",
+        style: {
+          color: paint.onScrim
+        },
+        children: formatOverflow(overflow)
+      })
+    }) : null]
+  });
+}
+function MediaAlbumComponent({
+  items,
+  width = _shared.MESSAGE_MEDIA_WIDTH,
+  radius = _shared.MESSAGE_MEDIA_RADIUS,
+  gap = _shared.ALBUM_GAP,
+  maxTiles = _shared.MAX_ALBUM_TILES,
+  formatOverflow = remaining => `+${remaining}`,
+  onPress,
+  state = 'idle',
+  progress,
+  onCancel,
+  onRetry,
+  accessibilityLabel,
+  tone = 'incoming',
+  onColor,
+  bubbleColor,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMessageMediaPaint)(theme, tone, onColor, bubbleColor), [theme, tone, onColor, bubbleColor]);
+  const layout = (0, _react.useMemo)(() => (0, _shared.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width
+    }, style ?? null],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_parts.MediaOverlay, {
+        scrim: paint.scrim,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.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__*/(0, _jsxRuntime.jsx)(_parts.MediaFailure, {
+      paint: paint,
+      onRetry: onRetry,
+      testID: testID ? `${testID}-failed` : undefined
+    }) : null]
+  });
+}
+const MediaAlbum = exports.MediaAlbum = /*#__PURE__*/(0, _react.memo)(MediaAlbumComponent);
+MediaAlbum.displayName = 'MediaAlbum';
+//# sourceMappingURL=MediaAlbum.js.map

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

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

package/lib/commonjs/message-media/PollMessage.js

@@ -0,0 +1,320 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PollMessage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _webData = require("../styles/web-data.js");
+var _RiCheckLine = require("../icons/remix/RiCheckLine.js");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.js");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _parts = require("./parts.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** The mark's box. 20px: a radio you can hit without hitting the row. */
+const MARK = 20;
+/** The results bar. */
+const BAR_HEIGHT = 4;
+/**
+ * One option.
+ *
+ * BEFORE the results it is a `radio` (single) or a `checkbox` (multiple)
+ * carrying `aria-checked` — both spellings, because react-native-web reads only
+ * the `aria-*` one and React Native folds it back into `accessibilityState`.
+ * AFTER them it is no longer a control at all: it is a `progressbar` with its own
+ * name and the three `aria-value*` attributes, because pressing it does nothing
+ * and a disabled checkbox that still announces "not checked" invites a press
+ * that is never going to land.
+ *
+ * A QUIZ marks the right answer green and the viewer's wrong pick negative, and
+ * it marks BOTH — not just whichever one the viewer chose. A quiz that hides the
+ * right answer after a wrong guess has taught nobody anything.
+ */
+const OptionRow = /*#__PURE__*/(0, _react.memo)(function OptionRow({
+  option,
+  percent,
+  results,
+  multiple,
+  quiz,
+  picked,
+  paint,
+  onPress,
+  testID
+}) {
+  const [hovered, handlers] = (0, _parts.useHovered)();
+  const correct = quiz && option.correct === true;
+  const wrong = quiz && results && picked && option.correct !== true;
+  const markColor = correct ? paint.correct : wrong ? paint.danger : paint.accent;
+  const marked = results ? picked || correct : picked;
+  const mark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: MARK,
+      height: MARK,
+      borderRadius: multiple && !results ? 6 : _tokens.borderRadius.full,
+      borderWidth: marked ? 0 : 1.5,
+      borderColor: paint.rail,
+      backgroundColor: marked ? markColor : 'transparent',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    testID: testID ? `${testID}-mark` : undefined,
+    children: marked ? wrong ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCloseLine.RiCloseLine, {
+      width: 13,
+      height: 13,
+      fill: paint.onAccent
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCheckLine.RiCheckLine, {
+      width: 13,
+      height: 13,
+      fill: paint.onAccent
+    }) : null
+  });
+  const label = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexGrow: 1,
+      flexShrink: 1,
+      minWidth: 0,
+      gap: 6
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: _tokens.space.sm
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.text,
+          flexGrow: 1,
+          flexShrink: 1
+        },
+        children: option.label
+      }), results ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-2-medium",
+        style: {
+          color: paint.textMuted,
+          fontVariant: ['tabular-nums']
+        },
+        testID: testID ? `${testID}-percent` : undefined,
+        children: `${percent}%`
+      }) : null]
+    }), results ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        height: BAR_HEIGHT,
+        borderRadius: _tokens.borderRadius.full,
+        backgroundColor: paint.rail,
+        overflow: 'hidden'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: `${percent}%`,
+          height: BAR_HEIGHT,
+          borderRadius: _tokens.borderRadius.full,
+          backgroundColor: correct ? paint.correct : wrong ? paint.danger : paint.accent
+        },
+        testID: testID ? `${testID}-bar` : undefined
+      })
+    }) : null]
+  });
+  const rowStyle = {
+    flexDirection: 'row',
+    alignItems: results ? 'flex-start' : 'center',
+    gap: _tokens.space.md,
+    paddingTop: 7,
+    paddingBottom: 7,
+    paddingLeft: 6,
+    paddingRight: 6,
+    borderRadius: 10,
+    backgroundColor: hovered && onPress ? paint.wash : 'transparent',
+    '--bloom-message-media-ring': paint.ring
+  };
+  if (results) {
+    const name = `${option.label}, ${percent}%${correct ? ', correct answer' : ''}${wrong ? ', your answer' : ''}`;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      role: "progressbar",
+      accessibilityLabel: name,
+      "aria-valuenow": percent,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuetext": `${percent}%`,
+      accessibilityValue: {
+        now: percent,
+        min: 0,
+        max: 100,
+        text: `${percent}%`
+      },
+      style: rowStyle,
+      testID: testID,
+      children: [mark, label]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ...(0, _webData.webDataSet)({
+      bloomMessageMediaPressable: ''
+    }),
+    ...handlers,
+    role: multiple ? 'checkbox' : 'radio',
+    accessibilityLabel: option.label,
+    "aria-checked": picked,
+    accessibilityState: {
+      checked: picked
+    },
+    onPress: onPress,
+    style: rowStyle,
+    testID: testID,
+    children: [mark, label]
+  });
+});
+
+/**
+ * A poll or a quiz in a bubble.
+ *
+ * The percentages come from `pollPercentages()`, which distributes the rounding
+ * remainder by largest fraction so the column sums to exactly 100. Rounding each
+ * share on its own gives three equal options 33/33/33 and two equal ones
+ * 51/51 — a poll that visibly cannot add up is a poll nobody believes.
+ *
+ * MULTIPLE choice keeps its picks locally until the viewer presses "Vote", and
+ * that is the only reason this component holds state at all: a multi-select
+ * poll where each tap is a separate commit has no way to change your mind.
+ * Single choice commits on the tap, since there is nothing to accumulate —
+ * unless it is `multiple`, when the action row is the commit.
+ *
+ * `anonymous` and `quiz` are LABELS on the question, not styling: they change
+ * what voting means, and a reader has to be told before they vote rather than
+ * after.
+ */
+function PollMessageComponent({
+  question,
+  options,
+  totalVotes,
+  multiple = false,
+  anonymous = false,
+  quiz = false,
+  voted = false,
+  showResults = false,
+  onVote,
+  onViewResults,
+  voteLabel = 'Vote',
+  viewResultsLabel = 'View results',
+  anonymousLabel = 'Anonymous voting',
+  quizLabel = 'Quiz',
+  formatVotes = _shared.formatVoteCount,
+  hintLabel,
+  width = _shared.MESSAGE_MEDIA_WIDTH,
+  radius = _shared.MESSAGE_MEDIA_RADIUS,
+  tone = 'incoming',
+  onColor,
+  bubbleColor,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  (0, _parts.useMessageMediaCss)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMessageMediaPaint)(theme, tone, onColor, bubbleColor), [theme, tone, onColor, bubbleColor]);
+  const [pending, setPending] = (0, _react.useState)([]);
+  const results = voted || showResults;
+  const percentages = (0, _react.useMemo)(() => (0, _shared.pollPercentages)(options.map(o => o.votes ?? 0), totalVotes), [options, totalVotes]);
+  const total = totalVotes ?? options.reduce((sum, option) => sum + (option.votes ?? 0), 0);
+  const isPicked = (0, _react.useCallback)(option => results ? option.selected === true : pending.includes(option.id), [results, pending]);
+  const pick = (0, _react.useCallback)(option => {
+    if (multiple) {
+      setPending(current => current.includes(option.id) ? current.filter(id => id !== option.id) : [...current, option.id]);
+      return;
+    }
+    setPending([option.id]);
+    onVote?.([option.id]);
+  }, [multiple, onVote]);
+  const hint = hintLabel ?? (multiple ? 'Select one or more' : 'Select one');
+  const labels = [quiz ? quizLabel : undefined, anonymous ? anonymousLabel : undefined].filter(l => Boolean(l));
+  const [actionHovered, actionHandlers] = (0, _parts.useHovered)();
+  const actionStyle = {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingTop: 7,
+    paddingBottom: 7,
+    borderRadius: _tokens.borderRadius.full,
+    marginTop: _tokens.space.sm,
+    backgroundColor: actionHovered ? paint.washStrong : paint.wash,
+    '--bloom-message-media-ring': paint.ring
+  };
+  const action = results ? onViewResults ? {
+    label: viewResultsLabel,
+    press: onViewResults
+  } : null : multiple && onVote ? {
+    label: voteLabel,
+    press: () => onVote(pending)
+  } : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "group",
+    accessibilityLabel: question,
+    style: [{
+      width,
+      borderRadius: radius
+    }, style ?? null],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-medium",
+      style: {
+        color: paint.text
+      },
+      children: question
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-regular",
+      style: {
+        color: paint.textMuted,
+        paddingTop: 2
+      },
+      testID: testID ? `${testID}-labels` : undefined,
+      children: [...labels, results ? undefined : hint].filter(Boolean).join(' · ')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        paddingTop: _tokens.space.sm
+      },
+      children: options.map((option, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionRow, {
+        option: option,
+        percent: percentages[index] ?? 0,
+        results: results,
+        multiple: multiple,
+        quiz: quiz,
+        picked: isPicked(option),
+        paint: paint,
+        onPress: results ? undefined : () => pick(option),
+        testID: testID ? `${testID}-option-${option.id}` : undefined
+      }, option.id))
+    }), action ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      ...(0, _webData.webDataSet)({
+        bloomMessageMediaPressable: ''
+      }),
+      ...actionHandlers,
+      role: "button",
+      accessibilityLabel: action.label,
+      onPress: action.press,
+      style: actionStyle,
+      testID: testID ? `${testID}-action` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-2-medium",
+        style: {
+          color: paint.accent
+        },
+        children: action.label
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-regular",
+      style: {
+        color: paint.textMuted,
+        paddingTop: _tokens.space.sm
+      },
+      testID: testID ? `${testID}-total` : undefined,
+      children: formatVotes(total)
+    })]
+  });
+}
+const PollMessage = exports.PollMessage = /*#__PURE__*/(0, _react.memo)(PollMessageComponent);
+PollMessage.displayName = 'PollMessage';
+//# sourceMappingURL=PollMessage.js.map

package/lib/commonjs/message-media/PollMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_webData","_RiCheckLine","_RiCloseLine","_tokens","_useTheme","_index","_parts","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MARK","BAR_HEIGHT","OptionRow","memo","option","percent","results","multiple","quiz","picked","paint","onPress","testID","hovered","handlers","useHovered","correct","wrong","markColor","danger","accent","marked","mark","jsx","View","style","width","height","borderRadius","full","borderWidth","borderColor","rail","backgroundColor","alignItems","justifyContent","undefined","children","RiCloseLine","fill","onAccent","RiCheckLine","label","jsxs","flexGrow","flexShrink","minWidth","gap","flexDirection","space","sm","Text","variant","color","text","textMuted","fontVariant","overflow","rowStyle","md","paddingTop","paddingBottom","paddingLeft","paddingRight","wash","ring","name","role","accessibilityLabel","accessibilityValue","now","min","max","Pressable","webDataSet","bloomMessageMediaPressable","accessibilityState","checked","PollMessageComponent","question","options","totalVotes","anonymous","voted","showResults","onVote","onViewResults","voteLabel","viewResultsLabel","anonymousLabel","quizLabel","formatVotes","formatVoteCount","hintLabel","MESSAGE_MEDIA_WIDTH","radius","MESSAGE_MEDIA_RADIUS","tone","onColor","bubbleColor","theme","useTheme","useMessageMediaCss","useMemo","resolveMessageMediaPaint","pending","setPending","useState","percentages","pollPercentages","map","votes","total","reduce","sum","isPicked","useCallback","selected","includes","id","pick","current","filter","hint","labels","l","Boolean","actionHovered","actionHandlers","actionStyle","marginTop","washStrong","action","press","join","index","PollMessage","exports","displayName"],"sourceRoot":"../../../src","sources":["message-media/PollMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/message-media/SharedMediaGrid.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SharedMediaGrid = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../media-controls/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _parts = require("./parts.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** `total` split into `parts` integers summing to exactly `total`. */
+function split(total, parts) {
+  const base = Math.floor(total / parts);
+  const remainder = total - base * parts;
+  return Array.from({
+    length: parts
+  }, (_, i) => base + (i < remainder ? 1 : 0));
+}
+
+/**
+ * The media tab of a chat's info panel: a tight 3-column grid of everything that
+ * has been sent.
+ *
+ * Column widths are INTEGERS that sum to the grid width, the same arithmetic
+ * `albumLayout` uses and for the same reason — a 340px grid divided three ways
+ * leaves a remainder, and handing it to the first columns keeps the right edge
+ * flush instead of a pixel short.
+ *
+ * The tiles are square and the radius is 4, not 16. This is a grid, not a row of
+ * cards: at three columns a 16px radius on every tile turns the grid into a
+ * pattern of gaps, and the grid's own outer corners belong to whatever panel
+ * holds it.
+ *
+ * "+N more" replaces the LAST tile rather than being appended after it, so the
+ * grid stays rectangular — a trailing overflow tile on its own row is a row with
+ * two holes in it.
+ */
+function SharedMediaGridComponent({
+  items,
+  columns = 3,
+  width = 340,
+  gap = _shared.ALBUM_GAP,
+  maxItems,
+  formatOverflow = remaining => `+${remaining} more`,
+  radius = 4,
+  onPressItem,
+  onPressOverflow,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMessageMediaPaint)(theme, 'incoming'), [theme]);
+  const cols = Math.max(1, Math.floor(columns));
+  const widths = (0, _react.useMemo)(() => split(width - gap * (cols - 1), cols), [width, gap, cols]);
+  const tile = widths[0] ?? 0;
+  const visible = maxItems === undefined ? items.length : Math.min(items.length, Math.max(0, maxItems));
+  const overflow = items.length - visible;
+  const shown = items.slice(0, visible);
+  const gridName = accessibilityLabel ?? `Shared media, ${items.length} item${items.length === 1 ? '' : 's'}`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "group",
+    accessibilityLabel: gridName,
+    style: [{
+      width,
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap
+    }, style ?? null],
+    testID: testID,
+    children: shown.map((item, index) => {
+      const column = index % cols;
+      const tileWidth = widths[column] ?? tile;
+      const last = overflow > 0 && index === shown.length - 1;
+      const isVideo = item.kind === 'video';
+      const duration = item.durationLabel ?? (typeof item.duration === 'number' ? (0, _index.formatDuration)(item.duration) : undefined);
+      const name = item.accessibilityLabel ?? `${isVideo ? 'Video' : 'Photo'} ${index + 1} of ${items.length}`;
+      const cell = {
+        width: tileWidth,
+        height: tileWidth,
+        borderRadius: radius,
+        overflow: 'hidden',
+        position: 'relative'
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_parts.MediaPressable, {
+        accessibilityLabel: last ? formatOverflow(overflow) : name,
+        onPress: last && onPressOverflow ? onPressOverflow : onPressItem ? () => onPressItem(index) : undefined,
+        ring: paint.ring,
+        style: cell,
+        testID: testID ? `${testID}-tile-${index}` : undefined,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaImage, {
+          source: item.source,
+          sourceVariant: item.sourceVariant,
+          radius: radius,
+          placeholder: item.placeholderColor ?? paint.placeholder
+        }), !last && isVideo && duration ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaPill, {
+          label: duration,
+          paint: paint,
+          leadingPlay: true,
+          position: {
+            left: 4,
+            bottom: 4
+          }
+        }) : null, last ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.MediaOverlay, {
+          scrim: "rgba(0, 0, 0, 0.55)",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "body-2-medium",
+            style: {
+              color: paint.onScrim,
+              textAlign: 'center'
+            },
+            children: formatOverflow(overflow)
+          })
+        }) : null]
+      }, item.id);
+    })
+  });
+}
+const SharedMediaGrid = exports.SharedMediaGrid = /*#__PURE__*/(0, _react.memo)(SharedMediaGridComponent);
+SharedMediaGrid.displayName = 'SharedMediaGrid';
+//# sourceMappingURL=SharedMediaGrid.js.map