@oxy.so/bloom 2.10.0 → 2.11.0

package/lib/commonjs/message-bubble/MessageGroup.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageGroup = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = 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); }
+/**
+ * A run of consecutive messages from one sender.
+ *
+ * It owns three things a single bubble cannot know:
+ *
+ *   - the GEOMETRY. `bubblePositions(count)` is applied to the children, so a
+ *     caller never hand-assigns `'first' | 'middle' | 'last'` and a run cannot
+ *     end up with two cut corners or none. The helper is exported for lists
+ *     that render their own rows.
+ *   - the AVATAR, at the run's BOTTOM edge for incoming runs — beside the last
+ *     bubble, which is the one the tail hangs off. A 1:1 chat passes
+ *     `showAvatar={false}`: an avatar repeated beside every message of a
+ *     two-person conversation is noise.
+ *   - the SENDER NAME, once, above the first bubble, in the per-sender hue from
+ *     `senderNameColor`. The bubbles themselves then draw none.
+ *
+ * Spacing: 2px inside a run, 8px between runs (the run owns its own top
+ * margin), so the block reads as one utterance and the gap between speakers
+ * reads as a turn.
+ *
+ * A child that is not an element is passed through untouched, so a `{cond &&
+ * …}` false, a string, or a caller's own row does not shift the positions of
+ * the bubbles around it.
+ */
+function MessageGroupComponent({
+  direction,
+  children,
+  senderName,
+  senderColorSeed,
+  senderColor,
+  avatarSource,
+  showAvatar,
+  avatarSize = 28,
+  onPressAvatar,
+  showSenderName,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMessageBubblePaint)(theme), [theme]);
+  const outgoing = direction === 'outgoing';
+  const items = _react.Children.toArray(children);
+  const elements = items.filter(_react.isValidElement);
+  const positions = (0, _shared.bubblePositions)(elements.length);
+  let cursor = 0;
+  const positioned = items.map(child => {
+    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) return child;
+    const position = positions[cursor++] ?? 'single';
+    return /*#__PURE__*/(0, _react.cloneElement)(child, {
+      position
+    });
+  });
+  const withAvatar = !outgoing && showAvatar !== false;
+  const nameColor = senderColor ?? (senderName === undefined ? paint.muted : (0, _shared.senderNameColor)(senderColorSeed ?? senderName, theme));
+  const drawName = (showSenderName ?? (senderName !== undefined && !outgoing)) && senderName !== undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      marginTop: _shared.GROUP_GAP
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        gap: 6,
+        justifyContent: outgoing ? 'flex-end' : 'flex-start'
+      },
+      children: [withAvatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+        size: avatarSize,
+        source: avatarSource,
+        name: senderName,
+        alt: senderName,
+        onPress: onPressAvatar
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexGrow: 1,
+          flexShrink: 1,
+          flexBasis: 0,
+          gap: _shared.RUN_GAP
+        },
+        children: [drawName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "body-2-medium",
+          numberOfLines: 1,
+          style: {
+            color: nameColor,
+            paddingLeft: _shared.BUBBLE_PADDING_X,
+            paddingRight: _shared.BUBBLE_PADDING_X,
+            textAlign: outgoing ? 'right' : 'left'
+          },
+          children: senderName
+        }) : null, positioned]
+      })]
+    })
+  });
+}
+const MessageGroup = exports.MessageGroup = /*#__PURE__*/(0, _react.memo)(MessageGroupComponent);
+MessageGroup.displayName = 'MessageGroup';
+//# sourceMappingURL=MessageGroup.js.map

package/lib/commonjs/message-bubble/MessageGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_useTheme","_index2","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageGroupComponent","direction","children","senderName","senderColorSeed","senderColor","avatarSource","showAvatar","avatarSize","onPressAvatar","showSenderName","style","testID","theme","useTheme","paint","useMemo","resolveMessageBubblePaint","outgoing","items","Children","toArray","elements","filter","isValidElement","positions","bubblePositions","length","cursor","positioned","map","child","position","cloneElement","withAvatar","nameColor","undefined","muted","senderNameColor","drawName","jsx","View","marginTop","GROUP_GAP","jsxs","flexDirection","alignItems","gap","justifyContent","Avatar","size","source","name","alt","onPress","flexGrow","flexShrink","flexBasis","RUN_GAP","Text","variant","numberOfLines","color","paddingLeft","BUBBLE_PADDING_X","paddingRight","textAlign","MessageGroup","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["message-bubble/MessageGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/message-bubble/MessageList.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _CallSummaryRow = require("./CallSummaryRow.js");
+var _DateSeparator = require("./DateSeparator.js");
+var _MessageBubble = require("./MessageBubble.js");
+var _MessageGroup = require("./MessageGroup.js");
+var _SystemMessage = require("./SystemMessage.js");
+var _UnreadSeparator = require("./UnreadSeparator.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 transcript as a plain vertical stack: date separators, the unread rule,
+ * service rows and runs of bubbles, from one `items` array.
+ *
+ * NOT VIRTUALISED, and that is the whole contract. It renders every item, which
+ * is right for a thread you have just opened (a screen or two of messages) and
+ * wrong for a year of history. For a long history, render the parts yourself
+ * inside a `FlatList`/`FlashList`: call {@link groupMessages} once on your data,
+ * key the resulting entries, and render `MessageGroup` / `DateSeparator` /
+ * `SystemMessage` / `CallSummaryRow` as the list's rows — every one of them is
+ * a standalone export that takes props and holds no list state.
+ *
+ * The grouping is `groupMessages`, which is pure and exported: a run breaks on a
+ * change of sender, of direction, or on anything between two messages (a day, a
+ * read marker, a service line). So "who is this from" and "where does it sit in
+ * a run" are decided once, from the data, rather than by each row guessing at
+ * its neighbours.
+ */
+function MessageListComponent({
+  items,
+  showAvatars = true,
+  showSenderNames = true,
+  avatarSize = 28,
+  unreadLabel,
+  labels,
+  contentStyle,
+  style,
+  testID
+}) {
+  const entries = (0, _react.useMemo)(() => (0, _shared.groupMessages)(items), [items]);
+  const renderBubble = (item, position) => {
+    const {
+      id,
+      senderId: _senderId,
+      dateKey: _dateKey,
+      dateLabel: _dateLabel,
+      unreadBefore: _unreadBefore,
+      system: _system,
+      call: _call,
+      avatarSource: _avatarSource,
+      onPressAvatar: _onPressAvatar,
+      senderName: _senderName,
+      ...bubble
+    } = item;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageBubble.MessageBubble, {
+      ...bubble,
+      position: position,
+      labels: labels
+    }, id);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        paddingTop: 8,
+        paddingBottom: 8,
+        paddingLeft: 12,
+        paddingRight: 12
+      }, contentStyle],
+      children: entries.map(entry => {
+        switch (entry.kind) {
+          case 'date':
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateSeparator.DateSeparator, {
+              label: entry.label
+            }, entry.key);
+          case 'unread':
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnreadSeparator.UnreadSeparator, {
+              label: unreadLabel
+            }, entry.key);
+          case 'system':
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemMessage.SystemMessage, {
+              text: entry.item.system
+            }, entry.key);
+          case 'call':
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallSummaryRow.CallSummaryRow, {
+              direction: entry.item.direction,
+              outcome: entry.item.call?.outcome ?? 'incoming',
+              title: entry.item.call?.title ?? '',
+              duration: entry.item.call?.duration,
+              time: entry.item.call?.time,
+              video: entry.item.call?.video,
+              onPress: entry.item.call?.onPress
+            }, entry.key);
+          default:
+            {
+              const first = entry.messages[0]?.item;
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageGroup.MessageGroup, {
+                direction: entry.direction,
+                senderName: first?.senderName,
+                senderColorSeed: first?.senderColorSeed ?? first?.senderId,
+                senderColor: first?.senderColor,
+                avatarSource: first?.avatarSource,
+                onPressAvatar: first?.onPressAvatar,
+                showAvatar: showAvatars,
+                showSenderName: showSenderNames && entry.direction === 'incoming',
+                avatarSize: avatarSize,
+                children: entry.messages.map(({
+                  item,
+                  position
+                }) => renderBubble(item, position))
+              }, entry.key);
+            }
+        }
+      })
+    })
+  });
+}
+const MessageList = exports.MessageList = /*#__PURE__*/(0, _react.memo)(MessageListComponent);
+MessageList.displayName = 'MessageList';
+//# sourceMappingURL=MessageList.js.map

package/lib/commonjs/message-bubble/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CallSummaryRow","_DateSeparator","_MessageBubble","_MessageGroup","_SystemMessage","_UnreadSeparator","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageListComponent","items","showAvatars","showSenderNames","avatarSize","unreadLabel","labels","contentStyle","style","testID","entries","useMemo","groupMessages","renderBubble","item","position","id","senderId","_senderId","dateKey","_dateKey","dateLabel","_dateLabel","unreadBefore","_unreadBefore","system","_system","_call","avatarSource","_avatarSource","onPressAvatar","_onPressAvatar","senderName","_senderName","bubble","jsx","MessageBubble","View","children","paddingTop","paddingBottom","paddingLeft","paddingRight","map","entry","kind","DateSeparator","label","key","UnreadSeparator","SystemMessage","text","CallSummaryRow","direction","outcome","title","duration","time","video","onPress","first","messages","MessageGroup","senderColorSeed","senderColor","showAvatar","showSenderName","MessageList","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["message-bubble/MessageList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/message-bubble/SwipeToReply.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwipeToReply = SwipeToReply;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../icons/remix/index.js");
+var _useTheme = require("../theme/use-theme.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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Swipe a bubble towards the centre to reply.
+ *
+ * NATIVE ONLY, deliberately. On web the same gesture is the browser's own text
+ * selection and horizontal scroll, and a pan handler that wins that race takes
+ * away the ability to select a message — which is the one thing people do with
+ * a transcript in a browser. The web affordance is the context menu
+ * (`onContextMenu`), which is already a prop on the bubble.
+ *
+ * Geometry: the bubble follows the finger up to `TRAVEL`, resisted past it, and
+ * the reply glyph fades in once the gesture passes `THRESHOLD`. Release past
+ * the threshold fires `onSwipeReply`; release short of it springs back. Both
+ * releases animate home, so the row never stays displaced.
+ *
+ * The pan activates only after `activeOffsetX`, so a vertical flick through the
+ * transcript is still a scroll and a tap is still a tap.
+ */
+
+const TRAVEL = 64;
+const THRESHOLD = 44;
+const ACTIVATE_X = 12;
+function SwipeToReply({
+  direction,
+  onSwipeReply,
+  children,
+  style
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _shared.resolveMessageBubblePaint)(theme);
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  // Incoming bubbles are dragged right, outgoing left — towards the centre in
+  // both cases, so the gesture always means "pull this one out to answer it".
+  const sign = direction === 'outgoing' ? -1 : 1;
+  const translate = (0, _reactNativeReanimated.useSharedValue)(0);
+  const enabled = onSwipeReply !== undefined && !_shared.IS_WEB;
+  const fire = () => onSwipeReply?.();
+  const pan = _reactNativeGestureHandler.Gesture.Pan().enabled(enabled).activeOffsetX(sign > 0 ? [-9999, -ACTIVATE_X] : [ACTIVATE_X, 9999]).failOffsetY([-12, 12]).onUpdate(event => {
+    const raw = event.translationX * sign;
+    const clamped = raw <= 0 ? 0 : raw <= TRAVEL ? raw : TRAVEL + (raw - TRAVEL) * 0.2;
+    translate.value = clamped * sign;
+  }).onEnd(() => {
+    if (Math.abs(translate.value) >= THRESHOLD) (0, _reactNativeReanimated.runOnJS)(fire)();
+    translate.value = reducedMotion ? 0 : (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 180
+    });
+  });
+  const rowStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: translate.value
+    }]
+  }), [translate]);
+  const glyphStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: Math.min(1, Math.abs(translate.value) / THRESHOLD)
+  }), [translate]);
+  if (!enabled) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      "aria-hidden": true,
+      pointerEvents: "none",
+      style: [{
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        justifyContent: 'center',
+        ...(sign > 0 ? {
+          left: -28
+        } : {
+          right: -28
+        })
+      }, glyphStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RiArrowGoBackLine, {
+        width: 18,
+        height: 18,
+        fill: paint.muted
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: rowStyle,
+        children: children
+      })
+    })]
+  });
+}
+//# sourceMappingURL=SwipeToReply.js.map

package/lib/commonjs/message-bubble/SwipeToReply.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_index","_useTheme","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TRAVEL","THRESHOLD","ACTIVATE_X","SwipeToReply","direction","onSwipeReply","children","style","theme","useTheme","paint","resolveMessageBubblePaint","reducedMotion","useReducedMotion","sign","translate","useSharedValue","enabled","undefined","IS_WEB","fire","pan","Gesture","Pan","activeOffsetX","failOffsetY","onUpdate","event","raw","translationX","clamped","value","onEnd","Math","abs","runOnJS","withTiming","duration","rowStyle","useAnimatedStyle","transform","translateX","glyphStyle","opacity","min","jsx","View","jsxs","pointerEvents","position","top","bottom","justifyContent","left","right","RiArrowGoBackLine","width","height","fill","muted","GestureDetector","gesture"],"sourceRoot":"../../../src","sources":["message-bubble/SwipeToReply.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/message-bubble/SystemMessage.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SystemMessage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.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); }
+/**
+ * A service line in the transcript — "Ana joined the group", "You pinned a
+ * message", a channel notice. Centred, on the same quiet pill as
+ * `DateSeparator`, because they are the same KIND of thing: something the app
+ * says about the conversation rather than something a person said in it.
+ *
+ * It takes `children` as well as `text`, so a line with a bold name or a link
+ * inside it does not need a second component.
+ *
+ * Pressable service lines exist ("tap to view the pinned message"), and when
+ * they draw no text of their own — an `icon` and `children` the caller
+ * composed — ARIA has nothing to name the button with, so `accessibilityLabel`
+ * is required on that branch.
+ */
+function SystemMessageComponent({
+  children,
+  text,
+  icon,
+  onPress,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMessageBubblePaint)(theme), [theme]);
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      borderRadius: 999,
+      backgroundColor: paint.pillFill,
+      paddingTop: 4,
+      paddingBottom: 4,
+      paddingLeft: 10,
+      paddingRight: 10,
+      maxWidth: '90%'
+    },
+    children: [icon, children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-regular",
+      style: {
+        color: paint.pillText,
+        textAlign: 'center'
+      },
+      children: text
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      alignItems: 'center',
+      paddingTop: 6,
+      paddingBottom: 6
+    }, style],
+    testID: testID,
+    children: onPress === undefined ? body : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      role: "button",
+      accessibilityLabel: accessibilityLabel ?? text,
+      onPress: onPress,
+      style: {
+        borderRadius: 999,
+        maxWidth: '90%'
+      },
+      children: body
+    })
+  });
+}
+const SystemMessage = exports.SystemMessage = /*#__PURE__*/(0, _react.memo)(SystemMessageComponent);
+SystemMessage.displayName = 'SystemMessage';
+//# sourceMappingURL=SystemMessage.js.map

package/lib/commonjs/message-bubble/SystemMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SystemMessageComponent","children","text","icon","onPress","accessibilityLabel","style","testID","theme","useTheme","paint","useMemo","resolveMessageBubblePaint","body","jsxs","View","flexDirection","alignItems","gap","borderRadius","backgroundColor","pillFill","paddingTop","paddingBottom","paddingLeft","paddingRight","maxWidth","jsx","Text","variant","color","pillText","textAlign","undefined","Pressable","role","SystemMessage","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["message-bubble/SystemMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/message-bubble/TypingBubble.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypingBubble = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _index2 = require("../chat-indicators/index.js");
+var _useTheme = require("../theme/use-theme.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); }
+/**
+ * A bubble with three dots in it, in the run's own geometry — the cut corner
+ * and the avatar included, so it sits where the next message will appear
+ * instead of arriving somewhere else and pushing the transcript.
+ *
+ * It draws NO text, which means nothing can name it by contents: `label`
+ * (default "Typing…") is the accessible name and an empty string is not one.
+ * `TypingDots` itself is hidden, because the bubble already says it.
+ */
+function TypingBubbleComponent({
+  direction = 'incoming',
+  senderName,
+  avatarSource,
+  showAvatar,
+  avatarSize = 28,
+  label = 'Typing…',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMessageBubblePaint)(theme), [theme]);
+  const side = (0, _shared.sidePaint)(paint, direction);
+  const outgoing = direction === 'outgoing';
+  const withAvatar = !outgoing && showAvatar !== false;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      gap: 6,
+      paddingTop: 1,
+      paddingBottom: 1,
+      paddingLeft: 2,
+      paddingRight: 2,
+      justifyContent: outgoing ? 'flex-end' : 'flex-start'
+    }, style],
+    testID: testID,
+    children: [withAvatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+      size: avatarSize,
+      source: avatarSource,
+      name: senderName,
+      alt: senderName
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: true,
+      accessibilityLabel: label,
+      style: {
+        ...(0, _shared.bubbleRadii)(direction, 'single'),
+        backgroundColor: side.fill,
+        borderWidth: side.border === undefined ? 0 : 1,
+        borderColor: side.border,
+        paddingTop: 10,
+        paddingBottom: 10,
+        paddingLeft: _shared.BUBBLE_PADDING_X,
+        paddingRight: _shared.BUBBLE_PADDING_X
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.TypingDots, {
+        color: side.meta,
+        label: ""
+      })
+    })]
+  });
+}
+const TypingBubble = exports.TypingBubble = /*#__PURE__*/(0, _react.memo)(TypingBubbleComponent);
+TypingBubble.displayName = 'TypingBubble';
+//# sourceMappingURL=TypingBubble.js.map

package/lib/commonjs/message-bubble/TypingBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_useTheme","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TypingBubbleComponent","direction","senderName","avatarSource","showAvatar","avatarSize","label","style","testID","theme","useTheme","paint","useMemo","resolveMessageBubblePaint","side","sidePaint","outgoing","withAvatar","jsxs","View","flexDirection","alignItems","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","children","jsx","Avatar","size","source","name","alt","accessible","accessibilityLabel","bubbleRadii","backgroundColor","fill","borderWidth","border","undefined","borderColor","BUBBLE_PADDING_X","TypingDots","color","meta","TypingBubble","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["message-bubble/TypingBubble.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/message-bubble/UnreadSeparator.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnreadSeparator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.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); }
+/**
+ * The rule that marks where reading stopped: a hairline in the accent with the
+ * label centred on it.
+ *
+ * It is drawn ONCE, above the first unread message, and it does not move while
+ * the transcript is open — the position is the caller's (`unreadBefore` on a
+ * list item), because a marker that chased the read state would vanish as soon
+ * as it was seen, which is the one moment it is useful.
+ */
+function UnreadSeparatorComponent({
+  label = 'Unread messages',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveMessageBubblePaint)(theme), [theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessible: true,
+    accessibilityLabel: label,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingTop: 10,
+      paddingBottom: 6
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1,
+        height: 1,
+        backgroundColor: paint.unreadLine
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-medium",
+      style: {
+        color: paint.unread
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1,
+        height: 1,
+        backgroundColor: paint.unreadLine
+      }
+    })]
+  });
+}
+const UnreadSeparator = exports.UnreadSeparator = /*#__PURE__*/(0, _react.memo)(UnreadSeparatorComponent);
+UnreadSeparator.displayName = 'UnreadSeparator';
+//# sourceMappingURL=UnreadSeparator.js.map

package/lib/commonjs/message-bubble/UnreadSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UnreadSeparatorComponent","label","style","testID","theme","useTheme","paint","useMemo","resolveMessageBubblePaint","jsxs","View","accessible","accessibilityLabel","flexDirection","alignItems","gap","paddingTop","paddingBottom","children","jsx","flex","height","backgroundColor","unreadLine","Text","variant","color","unread","UnreadSeparator","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["message-bubble/UnreadSeparator.tsx"],"mappings":"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","ignoreList":[]}