@oxy.so/bloom 2.10.0 → 2.12.0

package/lib/module/chat-list/ChatSwipeRow.js

@@ -0,0 +1,189 @@
+"use strict";
+
+import React, { useCallback, useMemo, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { Text } from "../typography/index.js";
+import { actionPanePaint } from "./parts.js";
+import { CHAT_ROW_RADIUS, SWIPE_ACTION_WIDTH, SWIPE_COMMIT_FRACTION, SWIPE_TAP_SLOP } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The drag affordance behind a chat row, on touch.
+ *
+ * Dragging RIGHT uncovers `actions.left` from the left edge, dragging LEFT
+ * uncovers `actions.right`. The row travels with the finger up to the pane's
+ * full width (`SWIPE_ACTION_WIDTH` per action) and snaps open past
+ * `SWIPE_COMMIT_FRACTION` of it, closed below — so a half-hearted drag never
+ * leaves a row stuck ajar. Anything under `SWIPE_TAP_SLOP` is a tap and the
+ * gesture springs straight back.
+ *
+ * The gesture activates only past a horizontal threshold and FAILS on vertical
+ * travel, so a list scroll never turns into a swipe. Panes are laid under the
+ * row and grow with it rather than sliding in from outside: the row is what
+ * moves, and the action underneath is revealed, not pushed.
+ *
+ * WEB gets none of this. `ChatListItem` renders the same actions as hover
+ * buttons there, because a drag is undiscoverable with a mouse and a
+ * `pointerdown`-driven pan fights text selection.
+ *
+ * Reduced motion keeps the panes and drops the SNAP animation — the row jumps
+ * to its resting position instead of easing to it.
+ */
+export function ChatSwipeRow({
+  actions,
+  onAction,
+  height,
+  paint,
+  closeLabel = 'Close actions',
+  children,
+  testID
+}) {
+  const translateX = useSharedValue(0);
+  const reducedMotion = useReducedMotion();
+  const [open, setOpen] = useState(null);
+  const left = actions.left ?? [];
+  const right = actions.right ?? [];
+  const leftWidth = left.length * SWIPE_ACTION_WIDTH;
+  const rightWidth = right.length * SWIPE_ACTION_WIDTH;
+  const settle = useCallback(next => {
+    setOpen(next);
+  }, []);
+  const close = useCallback(() => {
+    translateX.value = reducedMotion ? 0 : withTiming(0, {
+      duration: 160
+    });
+    setOpen(null);
+  }, [reducedMotion, translateX]);
+  const pan = useMemo(() => Gesture.Pan().activeOffsetX([-12, 12]).failOffsetY([-12, 12]).onChange(event => {
+    'worklet';
+
+    const next = translateX.value + event.changeX;
+    translateX.value = Math.max(-rightWidth, Math.min(leftWidth, next));
+  }).onFinalize(() => {
+    'worklet';
+
+    const travelled = Math.abs(translateX.value);
+    if (travelled < SWIPE_TAP_SLOP) {
+      translateX.value = 0;
+      runOnJS(settle)(null);
+      return;
+    }
+    const opening = translateX.value > 0 ? 'left' : 'right';
+    const full = opening === 'left' ? leftWidth : rightWidth;
+    const commit = travelled >= full * SWIPE_COMMIT_FRACTION && full > 0;
+    const target = commit ? opening === 'left' ? leftWidth : -rightWidth : 0;
+    translateX.value = reducedMotion ? target : withTiming(target, {
+      duration: 160
+    });
+    runOnJS(settle)(commit ? opening : null);
+  }), [leftWidth, reducedMotion, rightWidth, settle, translateX]);
+  const rowStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }), [translateX]);
+  const leftPaneStyle = useAnimatedStyle(() => ({
+    width: Math.max(0, translateX.value)
+  }), [translateX]);
+  const rightPaneStyle = useAnimatedStyle(() => ({
+    width: Math.max(0, -translateX.value)
+  }), [translateX]);
+
+  // The buttons keep their full width and are CLIPPED by the growing pane, so
+  // they are revealed in place rather than squashed as the row travels.
+  const pane = (list, side) => /*#__PURE__*/_jsx(View, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      ...(side === 'left' ? {
+        left: 0
+      } : {
+        right: 0
+      }),
+      flexDirection: 'row'
+    },
+    children: list.map(action => {
+      const tone = actionPanePaint(action, paint);
+      const Icon = action.icon;
+      return /*#__PURE__*/_jsxs(Pressable, {
+        role: "button",
+        accessibilityLabel: action.label,
+        onPress: () => {
+          action.onPress?.();
+          onAction?.(action.key);
+          close();
+        },
+        style: {
+          width: SWIPE_ACTION_WIDTH,
+          height,
+          alignItems: 'center',
+          justifyContent: 'center',
+          gap: 4,
+          backgroundColor: tone.background
+        },
+        testID: testID ? `${testID}-action-${action.key}` : undefined,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          width: 22,
+          height: 22,
+          fill: tone.foreground
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption-2-medium",
+          numberOfLines: 1,
+          style: {
+            color: tone.foreground
+          },
+          children: action.label
+        })]
+      }, action.key);
+    })
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      position: 'relative',
+      height,
+      borderRadius: CHAT_ROW_RADIUS,
+      overflow: 'hidden'
+    },
+    testID: testID,
+    children: [leftWidth > 0 ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        bottom: 0,
+        overflow: 'hidden'
+      }, leftPaneStyle],
+      children: pane(left, 'left')
+    }) : null, rightWidth > 0 ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: 'absolute',
+        right: 0,
+        top: 0,
+        bottom: 0,
+        overflow: 'hidden'
+      }, rightPaneStyle],
+      children: pane(right, 'right')
+    }) : null, /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: [{
+          height
+        }, rowStyle],
+        children: [children, open !== null ?
+        /*#__PURE__*/
+        // While a pane is open the row itself closes it rather than opening
+        // the conversation — the same rule a tap outside an open menu follows.
+        _jsx(Pressable, {
+          role: "button",
+          accessibilityLabel: closeLabel,
+          onPress: close,
+          style: StyleSheet.absoluteFill,
+          testID: testID ? `${testID}-dismiss` : undefined
+        }) : null]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ChatSwipeRow.js.map

package/lib/module/chat-list/ChatSwipeRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","Pressable","StyleSheet","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","Text","actionPanePaint","CHAT_ROW_RADIUS","SWIPE_ACTION_WIDTH","SWIPE_COMMIT_FRACTION","SWIPE_TAP_SLOP","jsx","_jsx","jsxs","_jsxs","ChatSwipeRow","actions","onAction","height","paint","closeLabel","children","testID","translateX","reducedMotion","open","setOpen","left","right","leftWidth","length","rightWidth","settle","next","close","value","duration","pan","Pan","activeOffsetX","failOffsetY","onChange","event","changeX","Math","max","min","onFinalize","travelled","abs","opening","full","commit","target","rowStyle","transform","leftPaneStyle","width","rightPaneStyle","pane","list","side","style","position","top","bottom","flexDirection","map","action","tone","Icon","icon","role","accessibilityLabel","label","onPress","key","alignItems","justifyContent","gap","backgroundColor","background","undefined","fill","foreground","variant","numberOfLines","color","borderRadius","overflow","gesture","absoluteFill"],"sourceRoot":"../../../src","sources":["chat-list/ChatSwipeRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-list/GroupAvatar.js

@@ -0,0 +1,120 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { resolveChatListPaint } from "./shared.js";
+
+/**
+ * Two to four faces packed into one avatar-sized cluster, for a group chat.
+ *
+ *   2   diagonal, 62% faces — the two people, with the second overlapping
+ *   3   one above two, 55%
+ *   4   a 2×2 rosette, 48%
+ *
+ * Every face carries a hairline ring in the SURFACE colour, which is what makes
+ * the overlap read as two discs rather than one silhouette; pass `ringColor`
+ * when the cluster sits on a card rather than the page. One face renders as a
+ * plain avatar at the full size, so a group that lost a member does not suddenly
+ * draw a lone 62% disc floating in the corner.
+ *
+ * The cluster is DECORATIVE by default. Inside a `ChatListItem` the row's own
+ * accessible name already says which group this is, and a second announcement of
+ * four unnamed faces is noise; pass `accessibilityLabel` to name it when it
+ * stands alone.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const LAYOUTS = {
+  2: {
+    ratio: 0.62,
+    positions: [[0, 0], [1, 1]]
+  },
+  3: {
+    ratio: 0.55,
+    positions: [[0.5, 0], [0, 1], [1, 1]]
+  },
+  4: {
+    ratio: 0.48,
+    positions: [[0, 0], [1, 0], [0, 1], [1, 1]]
+  }
+};
+export const GROUP_AVATAR_MAX_FACES = 4;
+function GroupAvatarComponent({
+  faces,
+  size = 48,
+  shape = 'circle',
+  ringColor,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatListPaint(theme), [theme]);
+  const ring = ringColor ?? paint.background;
+  const shown = faces.slice(0, GROUP_AVATAR_MAX_FACES);
+  const named = accessibilityLabel !== undefined && accessibilityLabel !== '';
+  const a11y = named ? {
+    accessibilityLabel,
+    role: 'img'
+  } : {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: 'no-hide-descendants'
+  };
+  const face = (entry, key, diameter) => /*#__PURE__*/_jsx(Avatar, {
+    source: entry.source ?? null,
+    name: entry.name,
+    initials: entry.initials,
+    size: diameter,
+    shape: shape,
+    testID: testID ? `${testID}-face-${key}` : undefined
+  }, key);
+  if (shown.length <= 1) {
+    const only = shown[0] ?? {};
+    return /*#__PURE__*/_jsx(View, {
+      ...a11y,
+      ...(named ? null : {
+        'aria-hidden': true
+      }),
+      style: [{
+        width: size,
+        height: size
+      }, style],
+      testID: testID,
+      children: face(only, 0, size)
+    });
+  }
+  const layout = LAYOUTS[shown.length];
+  const ringWidth = size >= 40 ? 2 : 1.5;
+  const diameter = Math.round(size * layout.ratio);
+  const box = diameter + ringWidth * 2;
+  const free = size - box;
+  return /*#__PURE__*/_jsx(View, {
+    ...a11y,
+    ...(named ? null : {
+      'aria-hidden': true
+    }),
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    testID: testID,
+    children: shown.map((entry, index) => {
+      const spot = layout.positions[index];
+      return /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          left: Math.round(free * spot[0]),
+          top: Math.round(free * spot[1]),
+          padding: ringWidth,
+          borderRadius: box / 2,
+          backgroundColor: ring
+        },
+        children: face(entry, index, diameter)
+      }, index);
+    })
+  });
+}
+export const GroupAvatar = /*#__PURE__*/memo(GroupAvatarComponent);
+GroupAvatar.displayName = 'GroupAvatar';
+//# sourceMappingURL=GroupAvatar.js.map

package/lib/module/chat-list/GroupAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Avatar","useTheme","resolveChatListPaint","jsx","_jsx","LAYOUTS","ratio","positions","GROUP_AVATAR_MAX_FACES","GroupAvatarComponent","faces","size","shape","ringColor","accessibilityLabel","style","testID","theme","paint","ring","background","shown","slice","named","undefined","a11y","role","accessibilityElementsHidden","importantForAccessibility","face","entry","key","diameter","source","name","initials","length","only","width","height","children","layout","ringWidth","Math","round","box","free","map","index","spot","position","left","top","padding","borderRadius","backgroundColor","GroupAvatar","displayName"],"sourceRoot":"../../../src","sources":["chat-list/GroupAvatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-list/HighlightedText.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { highlightRuns, resolveChatListPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `text` with every occurrence of `query` marked.
+ *
+ * Matching folds case AND accents, so "jose" finds "José" — but the runs are
+ * sliced out of the ORIGINAL string, never out of the folded one, so what is
+ * drawn is exactly what was passed in. Folding is not length-preserving (a
+ * combining mark disappears), which is why `highlightRuns` maps offsets back
+ * through a per-character index rather than assuming the two strings line up.
+ *
+ * The match is marked with COLOUR, not a band: inside a one-line search result a
+ * tinted background reads as a second badge beside the unread pill. Pass
+ * `highlightBackground` where the text has room to breathe.
+ *
+ * One `<Text>` with nested spans, so it truncates and wraps as a single string.
+ */
+
+function HighlightedTextComponent({
+  text,
+  query,
+  variant = 'body-regular',
+  color,
+  highlightColor,
+  highlightBackground,
+  numberOfLines,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveChatListPaint(theme), [theme]);
+  const runs = useMemo(() => highlightRuns(text, query), [query, text]);
+  return /*#__PURE__*/_jsx(Text, {
+    variant: variant,
+    numberOfLines: numberOfLines,
+    style: [{
+      color: color ?? paint.text
+    }, style],
+    testID: testID,
+    children: runs.map((run, index) => run.match ? /*#__PURE__*/_jsx(Text, {
+      style: {
+        color: highlightColor ?? paint.accent,
+        ...(highlightBackground ? {
+          backgroundColor: highlightBackground
+        } : null)
+      },
+      children: run.text
+    }, index) : run.text)
+  });
+}
+export const HighlightedText = /*#__PURE__*/memo(HighlightedTextComponent);
+HighlightedText.displayName = 'HighlightedText';
+//# sourceMappingURL=HighlightedText.js.map

package/lib/module/chat-list/HighlightedText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useTheme","Text","highlightRuns","resolveChatListPaint","jsx","_jsx","HighlightedTextComponent","text","query","variant","color","highlightColor","highlightBackground","numberOfLines","style","testID","theme","paint","runs","children","map","run","index","match","accent","backgroundColor","HighlightedText","displayName"],"sourceRoot":"../../../src","sources":["chat-list/HighlightedText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAE5C,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,aAAa,EAAEC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASC,wBAAwBA,CAAC;EAChCC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,cAAc;EACxBC,KAAK;EACLC,cAAc;EACdC,mBAAmB;EACnBC,aAAa;EACbC,KAAK;EACLC;AACoB,CAAC,EAAE;EACvB,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,KAAK,GAAGlB,OAAO,CAAC,MAAMI,oBAAoB,CAACa,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACjE,MAAME,IAAI,GAAGnB,OAAO,CAAC,MAAMG,aAAa,CAACK,IAAI,EAAEC,KAAK,CAAC,EAAE,CAACA,KAAK,EAAED,IAAI,CAAC,CAAC;EAErE,oBACEF,IAAA,CAACJ,IAAI;IACHQ,OAAO,EAAEA,OAAQ;IACjBI,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAAEA,KAAK,IAAIO,KAAK,CAACV;IAAK,CAAC,EAAEO,KAAK,CAAE;IAC/CC,MAAM,EAAEA,MAAO;IAAAI,QAAA,EAEdD,IAAI,CAACE,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KACnBD,GAAG,CAACE,KAAK,gBACPlB,IAAA,CAACJ,IAAI;MAEHa,KAAK,EAAE;QACLJ,KAAK,EAAEC,cAAc,IAAIM,KAAK,CAACO,MAAM;QACrC,IAAIZ,mBAAmB,GAAG;UAAEa,eAAe,EAAEb;QAAoB,CAAC,GAAG,IAAI;MAC3E,CAAE;MAAAO,QAAA,EAEDE,GAAG,CAACd;IAAI,GANJe,KAOD,CAAC,GAEPD,GAAG,CAACd,IAER;EAAC,CACG,CAAC;AAEX;AAEA,OAAO,MAAMmB,eAAe,gBAAG5B,IAAI,CAACQ,wBAAwB,CAAC;AAC7DoB,eAAe,CAACC,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/module/chat-list/NewChatButton.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Fab } from '../fab';
+import { RiEditBoxLine } from "../icons/remix/RiEditBoxLine.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The round "New chat" action.
+ *
+ * It IS Bloom's `Fab` — placement, sizing, the minimize behaviour that follows a
+ * tab bar and the web/native fork all come from there; this only fixes the glyph
+ * and the name, so every messaging screen spells the same action the same way
+ * instead of each one picking an icon. Every `Fab` prop passes through, so a
+ * screen that wants it bottom-LEFT, small, or `static` inside its own container
+ * says so exactly as it would to a `Fab`.
+ *
+ * `extended` promotes it to the pill, with `accessibilityLabel` as the text — the
+ * one place the name is also the label, which is why it is not a separate prop.
+ */
+
+function NewChatButtonComponent({
+  icon,
+  accessibilityLabel = 'New chat',
+  extended = false,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Fab, {
+    ...rest,
+    icon: icon ?? /*#__PURE__*/_jsx(RiEditBoxLine, {}),
+    label: extended ? accessibilityLabel : undefined,
+    accessibilityLabel: accessibilityLabel
+  });
+}
+export const NewChatButton = /*#__PURE__*/memo(NewChatButtonComponent);
+NewChatButton.displayName = 'NewChatButton';
+//# sourceMappingURL=NewChatButton.js.map

package/lib/module/chat-list/NewChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","Fab","RiEditBoxLine","jsx","_jsx","NewChatButtonComponent","icon","accessibilityLabel","extended","rest","label","undefined","NewChatButton","displayName"],"sourceRoot":"../../../src","sources":["chat-list/NewChatButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,GAAG,QAAQ,QAAQ;AAC5B,SAASC,aAAa,QAAQ,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASC,sBAAsBA,CAAC;EAC9BC,IAAI;EACJC,kBAAkB,GAAG,UAAU;EAC/BC,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACe,CAAC,EAAE;EACrB,oBACEL,IAAA,CAACH,GAAG;IAAA,GACEQ,IAAI;IACRH,IAAI,EAAEA,IAAI,iBAAIF,IAAA,CAACF,aAAa,IAAE,CAAE;IAChCQ,KAAK,EAAEF,QAAQ,GAAGD,kBAAkB,GAAGI,SAAU;IACjDJ,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN;AAEA,OAAO,MAAMK,aAAa,gBAAGZ,IAAI,CAACK,sBAAsB,CAAC;AACzDO,aAAa,CAACC,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/chat-list/StoriesRow.js

@@ -0,0 +1,154 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { ScrollView, View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { webDataSet } from "../styles/web-data.js";
+import { StoryRing } from "../chat-indicators/index.js";
+import { RiAddFill } from "../icons/remix/RiAddFill.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { CHAT_LIST_CSS, CHAT_LIST_STYLE_ID, resolveChatListPaint, sortStories } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The strip of story rings above the conversations.
+ *
+ * "Your story" comes first with a `+` badge on its ring; the rest follow with
+ * the UNSEEN ones before the seen (`seenLast`, on by default) — the point of the
+ * row is what is new, and a seen ring that keeps its place pushes the new ones
+ * off the right edge. The order is computed with a STABLE sort, so two unseen
+ * stories keep the order the app gave them.
+ *
+ * Names sit under the rings, one line, clipped to the ring's footprint so the
+ * row's rhythm survives a long name. The whole strip scrolls horizontally with
+ * no visible scrollbar on web.
+ *
+ * ACCESSIBILITY: `role="list"` named by `accessibilityLabel`; each ring is a
+ * button named by `StoryRing`'s own `accessibilityLabel` ("Ana Ferrer's story"),
+ * and the caption under it is hidden so the name is announced once.
+ */
+
+const NAME_GAP = 6;
+function StoriesRowComponent({
+  stories,
+  own,
+  onStoryPress,
+  onOwnPress,
+  size = 60,
+  seenLast = true,
+  gap = 12,
+  paddingHorizontal = 16,
+  accessibilityLabel = 'Stories',
+  labels,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(CHAT_LIST_STYLE_ID, CHAT_LIST_CSS);
+  }, []);
+  const paint = useMemo(() => resolveChatListPaint(theme), [theme]);
+  const ordered = useMemo(() => seenLast ? sortStories(stories) : [...stories], [seenLast, stories]);
+  const ownName = own?.name ?? labels?.own ?? 'Your story';
+  const addLabel = labels?.add ?? 'Add to your story';
+  // The ring reserves `thickness + gap` on every side (2 + 2 by default), so the
+  // caption column is the ring's real footprint, not the avatar's.
+  const footprint = size + 8;
+  const caption = text => /*#__PURE__*/_jsx(View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textMuted,
+        maxWidth: footprint,
+        textAlign: 'center'
+      },
+      children: text
+    })
+  });
+  return /*#__PURE__*/_jsx(ScrollView, {
+    ...webDataSet({
+      bloomChatScrollX: ''
+    }),
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: {
+      flexDirection: 'row',
+      gap,
+      paddingLeft: paddingHorizontal,
+      paddingRight: paddingHorizontal,
+      paddingTop: 12,
+      paddingBottom: 12
+    },
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      role: "list",
+      accessibilityLabel: accessibilityLabel,
+      style: {
+        flexDirection: 'row',
+        gap
+      },
+      children: [own !== undefined ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          alignItems: 'center',
+          gap: NAME_GAP,
+          width: footprint
+        },
+        children: [/*#__PURE__*/_jsx(StoryRing, {
+          state: own.state ?? 'none',
+          size: size,
+          onPress: onOwnPress,
+          accessibilityLabel: addLabel,
+          badge: /*#__PURE__*/_jsx(View, {
+            style: {
+              width: 22,
+              height: 22,
+              borderRadius: 11,
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundColor: paint.accent,
+              borderWidth: 2,
+              borderColor: paint.background
+            },
+            children: /*#__PURE__*/_jsx(RiAddFill, {
+              width: 14,
+              height: 14,
+              fill: paint.onAccent
+            })
+          }),
+          testID: testID ? `${testID}-own` : undefined,
+          children: /*#__PURE__*/_jsx(Avatar, {
+            source: own.avatar ?? null,
+            name: ownName,
+            size: size
+          })
+        }), caption(ownName)]
+      }) : null, ordered.map(story => /*#__PURE__*/_jsxs(View, {
+        style: {
+          alignItems: 'center',
+          gap: NAME_GAP,
+          width: footprint
+        },
+        children: [/*#__PURE__*/_jsx(StoryRing, {
+          state: story.state ?? 'unseen',
+          size: size,
+          onPress: onStoryPress ? () => onStoryPress(story.id) : undefined,
+          accessibilityLabel: `${story.name}'s story`,
+          testID: testID ? `${testID}-story-${story.id}` : undefined,
+          children: /*#__PURE__*/_jsx(Avatar, {
+            source: story.avatar ?? null,
+            name: story.name,
+            size: size
+          })
+        }), caption(story.name)]
+      }, story.id))]
+    })
+  });
+}
+export const StoriesRow = /*#__PURE__*/memo(StoriesRowComponent);
+StoriesRow.displayName = 'StoriesRow';
+//# sourceMappingURL=StoriesRow.js.map

package/lib/module/chat-list/StoriesRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","ScrollView","View","Avatar","webDataSet","StoryRing","RiAddFill","adoptStyleSheet","useTheme","Text","CHAT_LIST_CSS","CHAT_LIST_STYLE_ID","resolveChatListPaint","sortStories","jsx","_jsx","jsxs","_jsxs","NAME_GAP","StoriesRowComponent","stories","own","onStoryPress","onOwnPress","size","seenLast","gap","paddingHorizontal","accessibilityLabel","labels","style","testID","theme","paint","ordered","ownName","name","addLabel","add","footprint","caption","text","importantForAccessibility","children","variant","numberOfLines","color","textMuted","maxWidth","textAlign","bloomChatScrollX","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","flexDirection","paddingLeft","paddingRight","paddingTop","paddingBottom","role","undefined","alignItems","width","state","onPress","badge","height","borderRadius","justifyContent","backgroundColor","accent","borderWidth","borderColor","background","fill","onAccent","source","avatar","map","story","id","StoriesRow","displayName"],"sourceRoot":"../../../src","sources":["chat-list/StoriesRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-list/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+export { ArchivedRow } from "./ArchivedRow.js";
+export { ChatFolderTabs } from "./ChatFolderTabs.js";
+export { ChatList } from "./ChatList.js";
+export { ChatListItem } from "./ChatListItem.js";
+export { ChatListItemSkeleton } from "./ChatListItemSkeleton.js";
+export { ChatSearchField, CHAT_SEARCH_FIELD_HEIGHT } from "./ChatSearchField.js";
+export { ChatSearchResults } from "./ChatSearchResults.js";
+export { GroupAvatar, GROUP_AVATAR_MAX_FACES } from "./GroupAvatar.js";
+export { HighlightedText } from "./HighlightedText.js";
+export { NewChatButton } from "./NewChatButton.js";
+export { StoriesRow } from "./StoriesRow.js";
+export { CHAT_ATTACHMENT_ICONS, CHAT_ROW_GEOMETRY, CHAT_SEARCH_KINDS, groupSearchResults, hasUnread, highlightRuns, sortStories } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/chat-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ArchivedRow","ChatFolderTabs","ChatList","ChatListItem","ChatListItemSkeleton","ChatSearchField","CHAT_SEARCH_FIELD_HEIGHT","ChatSearchResults","GroupAvatar","GROUP_AVATAR_MAX_FACES","HighlightedText","NewChatButton","StoriesRow","CHAT_ATTACHMENT_ICONS","CHAT_ROW_GEOMETRY","CHAT_SEARCH_KINDS","groupSearchResults","hasUnread","highlightRuns","sortStories"],"sourceRoot":"../../../src","sources":["chat-list/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAC3C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,oBAAoB,QAAQ,2BAAwB;AAC7D,SAASC,eAAe,EAAEC,wBAAwB,QAAQ,sBAAmB;AAC7E,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,WAAW,EAAEC,sBAAsB,QAAQ,kBAAe;AACnE,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SACEC,qBAAqB,EACrBC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,SAAS,EACTC,aAAa,EACbC,WAAW,QACN,aAAU","ignoreList":[]}