@oxy.so/bloom 2.10.0 → 2.11.0

package/lib/commonjs/chat-screen/ChatSplitLayout.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatSplitLayout = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AiChatShell = require("../ai-chat/AiChatShell.js");
+var _useControllableState = require("../hooks/use-controllable-state.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 desktop frame: conversation list, conversation, and optionally an info
+ * pane — collapsing to ONE pane when there is not room for two.
+ *
+ * THE COMPACT LAYOUT RENDERS ONE PANE, it does not hide two. A hidden pane is
+ * still mounted, still subscribed, still measuring, and on web still in the tab
+ * order; on a phone that is three screens' worth of work to show one. So `pane`
+ * SELECTS, and `list` / `info` are simply not built while the conversation is
+ * showing.
+ *
+ * Asking for `info` with no `info` node falls back to the conversation rather
+ * than rendering an empty screen: the caller has told you which pane it wants,
+ * and the only honest answer when that pane does not exist is the one that
+ * always does.
+ *
+ * The grip is `ai-chat`'s `AiChatResizeHandle` — the same pointer-capture drag,
+ * arrow-key nudging and hover grip the AI shell uses, rather than a second
+ * implementation of the same 90 lines. It reports a DELTA, so the width is
+ * rebased on every drag start and the pane cannot drift.
+ *
+ * Compact is MEASURED from the layout, not from the window: this frame is
+ * regularly mounted inside something narrower than the screen (a story, a
+ * split-view host). The first render has no measurement, so it is seeded from
+ * the window — which is right for the full-screen case and corrected on the next
+ * frame for every other one.
+ */
+function ChatSplitLayoutComponent({
+  list,
+  children,
+  info,
+  pane = 'conversation',
+  listWidth,
+  onListWidthChange,
+  defaultListWidth = _shared.CHAT_LIST_PANE_WIDTH,
+  minWidth = 280,
+  maxWidth = 480,
+  infoWidth = _shared.CHAT_INFO_PANE_WIDTH,
+  resizable = true,
+  resizeLabel = _shared.CHAT_SCREEN_LABELS.resizeList,
+  breakpoint = _shared.CHAT_SPLIT_BREAKPOINT,
+  compact: compactProp,
+  style,
+  testID
+}) {
+  const paint = (0, _shared.useChatScreenPaint)();
+  const {
+    width: windowWidth
+  } = (0, _reactNative.useWindowDimensions)();
+  const [measured, setMeasured] = (0, _react.useState)(null);
+  const compact = compactProp ?? (measured ?? windowWidth) < breakpoint;
+  const [width, setWidth] = (0, _useControllableState.useControllableState)({
+    value: listWidth,
+    defaultValue: defaultListWidth,
+    onChange: onListWidthChange
+  });
+  const widthAtDragStart = (0, _react.useRef)(width);
+  const onResizeStart = (0, _react.useCallback)(() => {
+    widthAtDragStart.current = width;
+  }, [width]);
+  const onResize = (0, _react.useCallback)(dx => setWidth((0, _shared.clamp)(widthAtDragStart.current + dx, minWidth, maxWidth)), [maxWidth, minWidth, setWidth]);
+  // The grip's arrow keys report a delta in the same direction the AI shell's
+  // panel reads it (positive = the pane to the LEFT gives up width), so the sign
+  // is flipped here: this handle sits on the list's right edge.
+  const onNudge = (0, _react.useCallback)(dx => setWidth((0, _shared.clamp)(width - dx, minWidth, maxWidth)), [maxWidth, minWidth, setWidth, width]);
+  const onLayout = (0, _react.useCallback)(event => {
+    setMeasured(event.nativeEvent.layout.width);
+  }, []);
+  if (compact) {
+    const resolved = pane === 'info' && !info ? 'conversation' : pane;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      testID: testID,
+      onLayout: onLayout,
+      ...(0, _shared.dataHook)('chatPane', resolved),
+      style: [{
+        flexGrow: 1,
+        flexShrink: 1,
+        minWidth: 0,
+        backgroundColor: paint.page
+      }, style],
+      children: [resolved === 'list' ? list : null, resolved === 'conversation' ? children : null, resolved === 'info' ? info : null]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    onLayout: onLayout,
+    ...(0, _shared.dataHook)('chatPane', 'split'),
+    style: [{
+      flexGrow: 1,
+      flexShrink: 1,
+      minWidth: 0,
+      flexDirection: 'row',
+      backgroundColor: paint.page
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      testID: testID ? `${testID}-list` : undefined,
+      style: {
+        position: 'relative',
+        width,
+        flexShrink: 0,
+        minWidth: 0,
+        borderRightWidth: 1,
+        borderRightColor: paint.border
+      },
+      children: [list, resizable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AiChatShell.AiChatResizeHandle, {
+        label: resizeLabel,
+        onResizeStart: onResizeStart,
+        onResize: onResize,
+        onNudge: onNudge,
+        testID: testID ? `${testID}-grip` : undefined
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-conversation` : undefined,
+      style: {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexBasis: 0,
+        minWidth: 0
+      },
+      children: children
+    }), info ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-info` : undefined,
+      style: {
+        width: infoWidth,
+        flexShrink: 0,
+        minWidth: 0
+      },
+      children: info
+    }) : null]
+  });
+}
+const ChatSplitLayout = exports.ChatSplitLayout = /*#__PURE__*/(0, _react.memo)(ChatSplitLayoutComponent);
+ChatSplitLayout.displayName = 'ChatSplitLayout';
+//# sourceMappingURL=ChatSplitLayout.js.map

package/lib/commonjs/chat-screen/ChatSplitLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AiChatShell","_useControllableState","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatSplitLayoutComponent","list","children","info","pane","listWidth","onListWidthChange","defaultListWidth","CHAT_LIST_PANE_WIDTH","minWidth","maxWidth","infoWidth","CHAT_INFO_PANE_WIDTH","resizable","resizeLabel","CHAT_SCREEN_LABELS","resizeList","breakpoint","CHAT_SPLIT_BREAKPOINT","compact","compactProp","style","testID","paint","useChatScreenPaint","width","windowWidth","useWindowDimensions","measured","setMeasured","useState","setWidth","useControllableState","value","defaultValue","onChange","widthAtDragStart","useRef","onResizeStart","useCallback","current","onResize","dx","clamp","onNudge","onLayout","event","nativeEvent","layout","resolved","jsxs","View","dataHook","flexGrow","flexShrink","backgroundColor","page","flexDirection","undefined","position","borderRightWidth","borderRightColor","border","jsx","AiChatResizeHandle","label","flexBasis","ChatSplitLayout","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-screen/ChatSplitLayout.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-screen/PinnedMessageBar.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinnedMessageBar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _RiCloseLine = require("../icons/remix/RiCloseLine.js");
+var _RiListUnordered = require("../icons/remix/RiListUnordered.js");
+var _RiUnpinLine = require("../icons/remix/RiUnpinLine.js");
+var _index = require("../typography/index.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); }
+const BAR_HEIGHT = 52;
+const ACCENT_BAR_HEIGHT = 32;
+const SEGMENT_GAP = 2;
+
+/**
+ * The vertical accent rule: one segment per pin, the current one at full
+ * strength and the rest washed out, so the bar says WHERE you are in the pins as
+ * well as that there are some.
+ *
+ * Past {@link MAX_PIN_SEGMENTS} it draws a single solid rule instead. Nine
+ * segments inside 32px are sub-pixel slivers — a progress indicator that cannot
+ * be counted is decoration, and decoration that looks like information is worse
+ * than none.
+ */
+function PinSegments({
+  total,
+  index,
+  active,
+  inactive,
+  testID
+}) {
+  const segments = total > _shared.MAX_PIN_SEGMENTS ? 1 : total;
+  const height = (ACCENT_BAR_HEIGHT - SEGMENT_GAP * (segments - 1)) / segments;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-hidden": true,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      width: 3,
+      height: ACCENT_BAR_HEIGHT,
+      gap: SEGMENT_GAP
+    },
+    testID: testID,
+    children: Array.from({
+      length: segments
+    }, (_unused, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-${i}` : undefined,
+      style: {
+        height,
+        borderRadius: 2,
+        backgroundColor: segments === 1 || i === index ? active : inactive
+      }
+    }, i))
+  });
+}
+function PinThumbnail({
+  source
+}) {
+  const paint = (0, _shared.useChatScreenPaint)();
+  const resolved = (0, _shared.useResolvedImageSource)(source, 'thumb');
+  if (!resolved) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: resolved,
+    accessibilityIgnoresInvertColors: true,
+    style: {
+      width: 32,
+      height: 32,
+      borderRadius: 6,
+      backgroundColor: paint.surfaceSubtle
+    }
+  });
+}
+
+/**
+ * The strip under the header: which message is pinned, what it says, and a way
+ * to jump to it.
+ *
+ * An empty `pins` renders NOTHING — a bar reading "Pinned message" over no pin
+ * is a row of chrome claiming a state the conversation is not in.
+ *
+ * `index` is CLAMPED rather than trusted. The pins arrive from a list that can
+ * shrink under the caller (someone unpins the one you were looking at), and a
+ * bar that renders `undefined.preview` for one frame is a crash, not a state.
+ */
+function PinnedMessageBarComponent({
+  pins,
+  index = 0,
+  onPressPin,
+  onPressList,
+  onDismiss,
+  dismissIcon = 'close',
+  formatTitle = _shared.formatPinTitle,
+  listLabel = _shared.CHAT_SCREEN_LABELS.pinnedList,
+  dismissLabel,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const paint = (0, _shared.useChatScreenPaint)();
+  if (pins.length === 0) return null;
+  const safeIndex = (0, _shared.clamp)(Math.round(index), 0, pins.length - 1);
+  const pin = pins[safeIndex];
+  const title = formatTitle(safeIndex, pins.length);
+  const preview = pin.author ? `${pin.author}: ${pin.preview}` : pin.preview;
+  const resolvedDismissLabel = dismissLabel ?? (dismissIcon === 'unpin' ? _shared.CHAT_SCREEN_LABELS.pinnedUnpin : _shared.CHAT_SCREEN_LABELS.pinnedClose);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [{
+      minHeight: BAR_HEIGHT,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingLeft: 12,
+      paddingRight: 8,
+      paddingTop: 8,
+      paddingBottom: 8,
+      backgroundColor: paint.surface,
+      borderBottomWidth: 1,
+      borderBottomColor: paint.border
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? `${title}. ${preview}`,
+      onPress: onPressPin ? () => onPressPin(pin, safeIndex) : undefined,
+      disabled: !onPressPin,
+      testID: testID ? `${testID}-jump` : undefined,
+      style: {
+        minWidth: 0,
+        flexGrow: 1,
+        flexShrink: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 10
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PinSegments, {
+        total: pins.length,
+        index: safeIndex,
+        active: paint.accentColor,
+        inactive: paint.accentTrack,
+        testID: testID ? `${testID}-segment` : undefined
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          minWidth: 0,
+          flexGrow: 1,
+          flexShrink: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "caption-1-semibold",
+          numberOfLines: 1,
+          testID: testID ? `${testID}-title` : undefined,
+          style: {
+            color: paint.accentColor
+          },
+          children: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          variant: "body-2-regular",
+          numberOfLines: 1,
+          testID: testID ? `${testID}-preview` : undefined,
+          style: {
+            color: paint.textSecondary
+          },
+          children: preview
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PinThumbnail, {
+        source: pin.thumbnail
+      })]
+    }), onPressList ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+      variant: "text",
+      size: "small",
+      iconOnly: true
+      // An ELEMENT: `variant="text"` paints a component icon in the ACCENT,
+      // and two accent glyphs beside an accent title line is three things
+      // competing for the same attention.
+      ,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiListUnordered.RiListUnordered, {
+        width: 18,
+        height: 18,
+        fill: paint.textSecondary
+      }),
+      accessibilityLabel: listLabel,
+      onPress: onPressList,
+      testID: testID ? `${testID}-list` : undefined
+    }) : null, onDismiss ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+      variant: "text",
+      size: "small",
+      iconOnly: true,
+      icon: dismissIcon === 'unpin' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiUnpinLine.RiUnpinLine, {
+        width: 18,
+        height: 18,
+        fill: paint.textSecondary
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiCloseLine.RiCloseLine, {
+        width: 18,
+        height: 18,
+        fill: paint.textSecondary
+      }),
+      accessibilityLabel: resolvedDismissLabel,
+      onPress: onDismiss,
+      testID: testID ? `${testID}-dismiss` : undefined
+    }) : null]
+  });
+}
+const PinnedMessageBar = exports.PinnedMessageBar = /*#__PURE__*/(0, _react.memo)(PinnedMessageBarComponent);
+PinnedMessageBar.displayName = 'PinnedMessageBar';
+//# sourceMappingURL=PinnedMessageBar.js.map

package/lib/commonjs/chat-screen/PinnedMessageBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_RiCloseLine","_RiListUnordered","_RiUnpinLine","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BAR_HEIGHT","ACCENT_BAR_HEIGHT","SEGMENT_GAP","PinSegments","total","index","active","inactive","testID","segments","MAX_PIN_SEGMENTS","height","jsx","View","accessibilityElementsHidden","importantForAccessibility","style","width","gap","children","Array","from","length","_unused","undefined","borderRadius","backgroundColor","PinThumbnail","source","paint","useChatScreenPaint","resolved","useResolvedImageSource","Image","accessibilityIgnoresInvertColors","surfaceSubtle","PinnedMessageBarComponent","pins","onPressPin","onPressList","onDismiss","dismissIcon","formatTitle","formatPinTitle","listLabel","CHAT_SCREEN_LABELS","pinnedList","dismissLabel","accessibilityLabel","safeIndex","clamp","Math","round","pin","title","preview","author","resolvedDismissLabel","pinnedUnpin","pinnedClose","jsxs","minHeight","flexDirection","alignItems","paddingLeft","paddingRight","paddingTop","paddingBottom","surface","borderBottomWidth","borderBottomColor","border","Pressable","accessibilityRole","onPress","disabled","minWidth","flexGrow","flexShrink","accentColor","accentTrack","Text","variant","numberOfLines","color","textSecondary","thumbnail","Button","size","iconOnly","icon","RiListUnordered","fill","RiUnpinLine","RiCloseLine","PinnedMessageBar","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-screen/PinnedMessageBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-screen/ScrollToBottomButton.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScrollToBottomButton = exports.JumpToMentionButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _UnreadBadge = require("../chat-indicators/UnreadBadge.js");
+var _RiArrowDownLine = require("../icons/remix/RiArrowDownLine.js");
+var _RiAtLine = require("../icons/remix/RiAtLine.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 shared body of the two round jump buttons.
+ *
+ * `visible={false}` renders NOTHING. Keeping a faded button mounted would leave
+ * a focusable control in the tab order that nobody can see, and a screen reader
+ * announcing "Scroll to latest messages" for a transcript already at the bottom
+ * is worse than silence. There is no entrance animation for the same reason
+ * nothing else in Bloom scales on press: the button appearing IS the signal.
+ *
+ * The badge sits ABOVE the circle rather than inside it, and it carries its own
+ * accessible name (`UnreadBadge` composes "3 unread messages"), so the count is
+ * announced without the button's name having to be rewritten per count.
+ */
+function RoundJumpButton({
+  visible = true,
+  count = 0,
+  badgeMax = 99,
+  icon: Icon,
+  onPress,
+  accessibilityLabel,
+  size = 44,
+  style,
+  testID
+}) {
+  const paint = (0, _shared.useChatScreenPaint)();
+  if (!visible) return null;
+  const circle = {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: paint.floatingSurface,
+    borderWidth: 1,
+    borderColor: paint.floatingBorder,
+    boxShadow: paint.floatingShadow
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [{
+      alignItems: 'center'
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      onPress: onPress,
+      style: circle,
+      testID: testID ? `${testID}-button` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        width: 22,
+        height: 22,
+        fill: paint.textSecondary
+      })
+    }), count > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: {
+        position: 'absolute',
+        top: -6,
+        alignSelf: 'center'
+      },
+      testID: testID ? `${testID}-badge` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnreadBadge.UnreadBadge, {
+        count: count,
+        max: badgeMax,
+        size: "small"
+      })
+    }) : null]
+  });
+}
+
+/** The round "back to the newest message" button, with its unread tally. */
+function ScrollToBottomButtonComponent({
+  visible = true,
+  unreadCount = 0,
+  badgeMax,
+  onPress,
+  accessibilityLabel = _shared.CHAT_SCREEN_LABELS.scrollToBottom,
+  size,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RoundJumpButton, {
+    visible: visible,
+    count: unreadCount,
+    badgeMax: badgeMax,
+    icon: _RiArrowDownLine.RiArrowDownLine,
+    onPress: onPress,
+    accessibilityLabel: accessibilityLabel,
+    size: size,
+    style: style,
+    testID: testID
+  });
+}
+
+/**
+ * The `@` companion: the same button for the mentions you have not read. It is a
+ * SEPARATE control rather than a mode of the one above, because "newest" and
+ * "the message that named me" are different destinations and a user scrolled
+ * far up wants both offered at once.
+ */
+function JumpToMentionButtonComponent({
+  visible = true,
+  count = 0,
+  badgeMax,
+  onPress,
+  accessibilityLabel = _shared.CHAT_SCREEN_LABELS.jumpToMention,
+  size,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RoundJumpButton, {
+    visible: visible,
+    count: count,
+    badgeMax: badgeMax,
+    icon: _RiAtLine.RiAtLine,
+    onPress: onPress,
+    accessibilityLabel: accessibilityLabel,
+    size: size,
+    style: style,
+    testID: testID
+  });
+}
+const ScrollToBottomButton = exports.ScrollToBottomButton = /*#__PURE__*/(0, _react.memo)(ScrollToBottomButtonComponent);
+ScrollToBottomButton.displayName = 'ScrollToBottomButton';
+const JumpToMentionButton = exports.JumpToMentionButton = /*#__PURE__*/(0, _react.memo)(JumpToMentionButtonComponent);
+JumpToMentionButton.displayName = 'JumpToMentionButton';
+//# sourceMappingURL=ScrollToBottomButton.js.map

package/lib/commonjs/chat-screen/ScrollToBottomButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_UnreadBadge","_RiArrowDownLine","_RiAtLine","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RoundJumpButton","visible","count","badgeMax","icon","Icon","onPress","accessibilityLabel","size","style","testID","paint","useChatScreenPaint","circle","width","height","borderRadius","alignItems","justifyContent","backgroundColor","floatingSurface","borderWidth","borderColor","floatingBorder","boxShadow","floatingShadow","jsxs","View","children","jsx","Pressable","accessibilityRole","undefined","fill","textSecondary","pointerEvents","position","top","alignSelf","UnreadBadge","max","ScrollToBottomButtonComponent","unreadCount","CHAT_SCREEN_LABELS","scrollToBottom","RiArrowDownLine","JumpToMentionButtonComponent","jumpToMention","RiAtLine","ScrollToBottomButton","exports","memo","displayName","JumpToMentionButton"],"sourceRoot":"../../../src","sources":["chat-screen/ScrollToBottomButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-screen/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CHAT_COMPACT_BREAKPOINT", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_COMPACT_BREAKPOINT;
+  }
+});
+Object.defineProperty(exports, "CHAT_HEADER_HEIGHT", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_HEADER_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "CHAT_INFO_PANE_WIDTH", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_INFO_PANE_WIDTH;
+  }
+});
+Object.defineProperty(exports, "CHAT_LIST_PANE_WIDTH", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_LIST_PANE_WIDTH;
+  }
+});
+Object.defineProperty(exports, "CHAT_SPLIT_BREAKPOINT", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHAT_SPLIT_BREAKPOINT;
+  }
+});
+Object.defineProperty(exports, "ChatBackground", {
+  enumerable: true,
+  get: function () {
+    return _ChatBackground.ChatBackground;
+  }
+});
+Object.defineProperty(exports, "ChatDateHeader", {
+  enumerable: true,
+  get: function () {
+    return _ChatDateHeader.ChatDateHeader;
+  }
+});
+Object.defineProperty(exports, "ChatEmptyState", {
+  enumerable: true,
+  get: function () {
+    return _ChatEmptyState.ChatEmptyState;
+  }
+});
+Object.defineProperty(exports, "ChatHeader", {
+  enumerable: true,
+  get: function () {
+    return _ChatHeader.ChatHeader;
+  }
+});
+Object.defineProperty(exports, "ChatInfoPanel", {
+  enumerable: true,
+  get: function () {
+    return _ChatInfoPanel.ChatInfoPanel;
+  }
+});
+Object.defineProperty(exports, "ChatMemberRow", {
+  enumerable: true,
+  get: function () {
+    return _ChatMemberRow.ChatMemberRow;
+  }
+});
+Object.defineProperty(exports, "ChatSplitLayout", {
+  enumerable: true,
+  get: function () {
+    return _ChatSplitLayout.ChatSplitLayout;
+  }
+});
+Object.defineProperty(exports, "JumpToMentionButton", {
+  enumerable: true,
+  get: function () {
+    return _ScrollToBottomButton.JumpToMentionButton;
+  }
+});
+Object.defineProperty(exports, "MAX_PIN_SEGMENTS", {
+  enumerable: true,
+  get: function () {
+    return _shared.MAX_PIN_SEGMENTS;
+  }
+});
+Object.defineProperty(exports, "PinnedMessageBar", {
+  enumerable: true,
+  get: function () {
+    return _PinnedMessageBar.PinnedMessageBar;
+  }
+});
+Object.defineProperty(exports, "ScrollToBottomButton", {
+  enumerable: true,
+  get: function () {
+    return _ScrollToBottomButton.ScrollToBottomButton;
+  }
+});
+Object.defineProperty(exports, "chatBackgroundExtremes", {
+  enumerable: true,
+  get: function () {
+    return _shared.chatBackgroundExtremes;
+  }
+});
+Object.defineProperty(exports, "chatBackgroundReferenceSurfaces", {
+  enumerable: true,
+  get: function () {
+    return _shared.chatBackgroundReferenceSurfaces;
+  }
+});
+Object.defineProperty(exports, "resolveChatScreenPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveChatScreenPaint;
+  }
+});
+var _ChatBackground = require("./ChatBackground.js");
+var _ChatDateHeader = require("./ChatDateHeader.js");
+var _ChatEmptyState = require("./ChatEmptyState.js");
+var _ChatHeader = require("./ChatHeader.js");
+var _ChatInfoPanel = require("./ChatInfoPanel.js");
+var _ChatMemberRow = require("./ChatMemberRow.js");
+var _ChatSplitLayout = require("./ChatSplitLayout.js");
+var _PinnedMessageBar = require("./PinnedMessageBar.js");
+var _ScrollToBottomButton = require("./ScrollToBottomButton.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map