@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/message-bubble/shared.js

@@ -0,0 +1,467 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { ACCENT_TABLE, colorRamp, mixColor, resolveButtonRamps } from "../button/shared.js";
+import { CHART_TONE_ORDER, chartHueTone } from "../chart-cards/palette.js";
+import { contrastRatio } from "../styles/color-contrast.js";
+export const IS_WEB = Platform.OS === 'web';
+
+/** WCAG AA for body text — every colour in this family is measured against it. */
+const AA = 4.5;
+
+// ---------------------------------------------------------------------------
+//  Geometry
+// ---------------------------------------------------------------------------
+
+/**
+ * The bubble radius, and the one corner that is cut.
+ *
+ *   radius        18   every corner of every bubble…
+ *   tailRadius     4   …except the one the tail hangs off
+ *   paddingX      12
+ *   paddingY       7   (a 20px line in a 34px bubble)
+ *   runGap         2   between bubbles of ONE run
+ *   groupGap       8   between runs
+ *   maxWidth     78%   of the transcript
+ */
+export const BUBBLE_RADIUS = 18;
+export const BUBBLE_TAIL_RADIUS = 4;
+export const BUBBLE_PADDING_X = 12;
+export const BUBBLE_PADDING_Y = 7;
+export const RUN_GAP = 2;
+export const GROUP_GAP = 8;
+export const DEFAULT_MAX_WIDTH = '78%';
+/** Width of the SVG notch, and how far it hangs outside the bubble. */
+export const TAIL_WIDTH = 9;
+export const TAIL_HEIGHT = 15;
+/** The reply quote's left bar. */
+export const QUOTE_BAR_WIDTH = 3;
+/** A second press inside this window is a double press. */
+export const DOUBLE_PRESS_MS = 280;
+/**
+ * Which corner a bubble cuts.
+ *
+ * Only the LAST bubble of a run is cut — the one a tail would hang off — on the
+ * side the run sits on. `'first'` and `'middle'` are fully round, which is what
+ * makes a run read as one block with a single spout rather than as a column of
+ * identical lozenges.
+ */
+export function bubbleRadii(direction, position = 'single') {
+  const cut = position === 'last' || position === 'single';
+  const outgoing = direction === 'outgoing';
+  return {
+    borderTopLeftRadius: BUBBLE_RADIUS,
+    borderTopRightRadius: BUBBLE_RADIUS,
+    borderBottomLeftRadius: cut && !outgoing ? BUBBLE_TAIL_RADIUS : BUBBLE_RADIUS,
+    borderBottomRightRadius: cut && outgoing ? BUBBLE_TAIL_RADIUS : BUBBLE_RADIUS
+  };
+}
+
+/** Whether a bubble at `position` carries the cut corner (and so may carry a tail). */
+export function hasTail(position = 'single') {
+  return position === 'last' || position === 'single';
+}
+
+/**
+ * The `position` of each bubble in a run of `count`.
+ *
+ *   0  []
+ *   1  ['single']
+ *   2  ['first', 'last']
+ *   n  ['first', …'middle', 'last']
+ */
+export function bubblePositions(count) {
+  const n = Number.isFinite(count) ? Math.max(0, Math.floor(count)) : 0;
+  if (n === 0) return [];
+  if (n === 1) return ['single'];
+  const out = ['first'];
+  for (let i = 1; i < n - 1; i++) out.push('middle');
+  out.push('last');
+  return out;
+}
+
+// ---------------------------------------------------------------------------
+//  Sender colours
+// ---------------------------------------------------------------------------
+
+/** FNV-1a, so the same seed picks the same hue on every device and every run. */
+function hashSeed(seed) {
+  let hash = 0x811c9dc5;
+  for (let i = 0; i < seed.length; i++) {
+    hash ^= seed.charCodeAt(i);
+    hash = Math.imul(hash, 0x01000193) >>> 0;
+  }
+  return hash >>> 0;
+}
+
+/**
+ * Stops walked away from the bubble, light and dark, until the name is legible.
+ *
+ * It is a LADDER, not a pair, because the hues are not equally light: the chart
+ * yellow at 400 lands at 2.8:1 on a neutral-800 bubble while the indigo at the
+ * same stop clears comfortably. Picking one stop per mode would ship eight
+ * names of which two cannot be read, and the two would be different in every
+ * preset — the failure a single measured pair hides.
+ */
+const NAME_STOPS_LIGHT = [600, 700, 800, 900];
+const NAME_STOPS_DARK = [400, 300, 200, 100];
+
+/**
+ * The colour a sender's NAME is drawn in inside a group chat.
+ *
+ * It cycles the chart hues (`chart-cards/palette`), which rotate with the theme
+ * preset, so a run of eight speakers keeps the hue spacing the chart series
+ * were tuned for and a brand that is not blue does not end up with eight names
+ * in the same family as its accent.
+ *
+ * The hue itself is a 400/500 stop, which is a FILL lightness — small text on
+ * it clears nothing. So the picked hue is re-rammed and read at the first stop
+ * that clears AA over the INCOMING bubble, which is the only surface a sender
+ * name is ever drawn on. Deterministic: same seed, same theme, same colour.
+ */
+export function senderNameColor(seed, theme) {
+  const hue = CHART_TONE_ORDER[hashSeed(seed) % CHART_TONE_ORDER.length];
+  const ramp = colorRamp(chartHueTone(theme, hue ?? 2).color, ACCENT_TABLE);
+  const {
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const surface = theme.isDark ? n[800] : theme.colors.card;
+  const stops = theme.isDark ? NAME_STOPS_DARK : NAME_STOPS_LIGHT;
+  for (const stop of stops) {
+    if (contrastRatio(surface, ramp[stop]) >= AA) return ramp[stop];
+  }
+  return theme.colors.text;
+}
+
+// ---------------------------------------------------------------------------
+//  Entities
+// ---------------------------------------------------------------------------
+
+/**
+ * Links, `@mentions` and `#hashtags` in `text`, in order, non-overlapping.
+ *
+ * A deliberately small tokenizer: it finds the three things a transcript
+ * styles and hands them back as RANGES, so the caller decides what pressing one
+ * does. It is not a URL validator and it never fetches anything.
+ */
+const ENTITY_PATTERN = /(https?:\/\/[^\s<]+[^\s<.,:;"')\]]|www\.[^\s<]+[^\s<.,:;"')\]])|(^|[\s(])@([A-Za-z0-9_.]{1,30})|(^|[\s(])#([A-Za-z0-9_]{1,50})/g;
+export function messageEntities(text) {
+  const out = [];
+  ENTITY_PATTERN.lastIndex = 0;
+  let match = ENTITY_PATTERN.exec(text);
+  while (match !== null) {
+    const [whole, link, mentionLead, mention, hashLead, hashtag] = match;
+    if (link !== undefined) {
+      out.push({
+        type: 'link',
+        text: link,
+        start: match.index,
+        end: match.index + link.length
+      });
+    } else if (mention !== undefined) {
+      const start = match.index + (mentionLead?.length ?? 0);
+      out.push({
+        type: 'mention',
+        text: `@${mention}`,
+        start,
+        end: start + mention.length + 1
+      });
+    } else if (hashtag !== undefined) {
+      const start = match.index + (hashLead?.length ?? 0);
+      out.push({
+        type: 'hashtag',
+        text: `#${hashtag}`,
+        start,
+        end: start + hashtag.length + 1
+      });
+    }
+    // A zero-length match would spin forever; `exec` with `g` never returns one
+    // here, but the guard costs nothing and the alternative is a hung render.
+    if (whole.length === 0) ENTITY_PATTERN.lastIndex += 1;
+    match = ENTITY_PATTERN.exec(text);
+  }
+  return out;
+}
+
+/** `text` split into plain strings and entities, in order. */
+
+export function splitMessageText(text) {
+  const entities = messageEntities(text);
+  if (entities.length === 0) return [{
+    text
+  }];
+  const parts = [];
+  let cursor = 0;
+  for (const entity of entities) {
+    if (entity.start > cursor) parts.push({
+      text: text.slice(cursor, entity.start)
+    });
+    parts.push({
+      text: entity.text,
+      entity
+    });
+    cursor = entity.end;
+  }
+  if (cursor < text.length) parts.push({
+    text: text.slice(cursor)
+  });
+  return parts;
+}
+
+// ---------------------------------------------------------------------------
+//  Grouping
+// ---------------------------------------------------------------------------
+
+/**
+ * The transcript as a flat list of rows: date separators, the unread rule,
+ * service rows, and RUNS of consecutive bubbles with their corner geometry
+ * already worked out.
+ *
+ * Pure — it reads no clock and formats nothing. A day boundary is a change of
+ * `dateKey`, which the app decides; the label it draws is `dateLabel`.
+ *
+ * A run breaks on: a different `direction`, a different `senderId`, a date
+ * separator, the unread rule, and any service row. That last one matters —
+ * "Ana joined the group" between two of Ana's messages is a break, and a
+ * grouper that ignored it would round the corners of a run that no longer
+ * looks like one.
+ */
+export function groupMessages(items) {
+  const out = [];
+  let run = [];
+  let runKey = null;
+  const flush = () => {
+    if (run.length === 0) return;
+    const positions = bubblePositions(run.length);
+    const messages = run.map((item, index) => ({
+      item,
+      position: positions[index] ?? 'single'
+    }));
+    const first = run[0];
+    out.push({
+      kind: 'group',
+      key: `group-${first?.id ?? out.length}`,
+      direction: first?.direction ?? 'incoming',
+      messages
+    });
+    run = [];
+    runKey = null;
+  };
+  let day = null;
+  for (const item of items) {
+    const key = item.dateKey;
+    if (key !== undefined && key !== day) {
+      flush();
+      out.push({
+        kind: 'date',
+        key: `date-${key}`,
+        label: item.dateLabel ?? key
+      });
+      day = key;
+    }
+    if (item.unreadBefore === true) {
+      flush();
+      out.push({
+        kind: 'unread',
+        key: `unread-${item.id}`
+      });
+    }
+    if (item.system !== undefined) {
+      flush();
+      out.push({
+        kind: 'system',
+        key: `system-${item.id}`,
+        item
+      });
+      continue;
+    }
+    if (item.call !== undefined) {
+      flush();
+      out.push({
+        kind: 'call',
+        key: `call-${item.id}`,
+        item
+      });
+      continue;
+    }
+    const identity = `${item.direction}:${item.senderId ?? ''}`;
+    if (runKey !== null && runKey !== identity) flush();
+    runKey = identity;
+    run.push(item);
+  }
+  flush();
+  return out;
+}
+
+// ---------------------------------------------------------------------------
+//  Paint
+// ---------------------------------------------------------------------------
+
+/** WCAG AA for the 12px meta row, which is not large text either. */
+const AA_META = 4.5;
+
+/**
+ * The most transparent mix of `ink` over `surface` that still clears `ratio`.
+ *
+ * A meta row is meant to sit BACK from the message it annotates, and the usual
+ * way to do that — drop the ink to 60% — is the way timestamps inside a
+ * coloured bubble end up at 2.8:1. This walks the mix from quiet to loud and
+ * stops at the first step that clears, so the row is as quiet as it is allowed
+ * to be rather than as quiet as it looked in one preset.
+ */
+function legibleInk(surface, ink, ratio) {
+  for (let alpha = 0.6; alpha < 1; alpha += 0.05) {
+    const candidate = mixColor(surface, ink, alpha);
+    if (contrastRatio(surface, candidate) >= ratio) return candidate;
+  }
+  return ink;
+}
+
+/** The on-colour for `fill`: the theme's own, white, or near-black — best first. */
+function onFill(fill, theme, nearBlack) {
+  const candidates = [theme.colors.primaryForeground, 'rgb(255 255 255)', nearBlack];
+  let best = candidates[0] ?? 'rgb(255 255 255)';
+  let bestRatio = 0;
+  for (const candidate of candidates) {
+    const ratio = contrastRatio(fill, candidate);
+    if (ratio >= AA) return candidate;
+    if (ratio > bestRatio) {
+      best = candidate;
+      bestRatio = ratio;
+    }
+  }
+  return best;
+}
+
+/** One side of the transcript, fully painted. */
+
+export function resolveMessageBubblePaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const {
+    colors
+  } = theme;
+  const dark = theme.isDark;
+  const background = colors.background;
+  const outgoingFill = dark ? accent[600] : accent[500];
+  const onOutgoing = onFill(outgoingFill, theme, n[950]);
+  const incomingFill = dark ? n[800] : colors.card;
+  const onIncoming = colors.text;
+  const outgoing = {
+    fill: outgoingFill,
+    border: undefined,
+    text: onOutgoing,
+    meta: legibleInk(outgoingFill, onOutgoing, AA_META),
+    accent: legibleInk(outgoingFill, onOutgoing, AA),
+    quoteFill: mixColor(outgoingFill, onOutgoing, 0.16),
+    overlayFill: 'rgba(0, 0, 0, 0.45)',
+    overlayText: 'rgb(255 255 255)'
+  };
+  const incoming = {
+    fill: incomingFill,
+    // Light mode only: a card on a near-white page needs an edge, a neutral-800
+    // bubble on a neutral-950 page already has one.
+    border: dark ? undefined : n[200],
+    text: onIncoming,
+    meta: dark ? n[400] : n[500],
+    accent: dark ? accent[400] : accent[600],
+    quoteFill: dark ? mixColor(incomingFill, n[50], 0.08) : mixColor(incomingFill, n[900], 0.05),
+    overlayFill: 'rgba(0, 0, 0, 0.45)',
+    overlayText: 'rgb(255 255 255)'
+  };
+  return {
+    incoming,
+    outgoing,
+    background,
+    selectedBand: mixColor(background, accent[500], dark ? 0.2 : 0.12),
+    highlightBand: mixColor(background, accent[500], dark ? 0.34 : 0.24),
+    failed: colors.error,
+    failedFill: mixColor(background, colors.error, dark ? 0.22 : 0.1),
+    pillFill: dark ? n[800] : n[200],
+    pillText: dark ? n[300] : n[600],
+    unread: dark ? accent[400] : accent[600],
+    unreadLine: dark ? mixColor(background, accent[400], 0.4) : mixColor(background, accent[600], 0.35),
+    reactionFill: dark ? n[700] : n[100],
+    reactionText: dark ? n[100] : n[700],
+    reactionMineFill: dark ? mixColor(n[900], accent[500], 0.28) : mixColor(background, accent[500], 0.14),
+    reactionMineText: dark ? accent[300] : accent[700],
+    reactionMineBorder: dark ? accent[600] : accent[300],
+    reactionRing: background,
+    focusRing: accent[500],
+    muted: dark ? n[400] : n[500]
+  };
+}
+
+/** The side a direction paints in. */
+export function sidePaint(paint, direction) {
+  return direction === 'outgoing' ? paint.outgoing : paint.incoming;
+}
+
+// ---------------------------------------------------------------------------
+//  Labels
+// ---------------------------------------------------------------------------
+
+export const DEFAULT_MESSAGE_LABELS = {
+  forwardedFrom: 'Forwarded from',
+  deleted: 'This message was deleted',
+  retry: 'Retry sending',
+  addReaction: 'Add a reaction',
+  replyTo: 'Go to the quoted message',
+  selected: 'Selected',
+  pending: 'Sending',
+  failed: 'Not sent'
+};
+export function resolveLabels(labels) {
+  return labels === undefined ? DEFAULT_MESSAGE_LABELS : {
+    ...DEFAULT_MESSAGE_LABELS,
+    ...labels
+  };
+}
+
+/**
+ * The accessible name of a bubble, composed from the parts a sighted reader
+ * gets from position, colour and a tick glyph: who wrote it, what it says, when
+ * it was sent and what happened to it.
+ */
+export function bubbleAccessibleName(parts) {
+  return [parts.senderName, parts.text, parts.time, ...(parts.extras ?? [])].filter(part => typeof part === 'string' && part.trim() !== '').join(', ');
+}
+
+/** The default name of a reaction pill. */
+export function reactionLabel(emoji, count, mine) {
+  return `${emoji}, ${count}${mine ? ', selected' : ''}`;
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS
+//
+//  Two things with no inline spelling: the keyboard focus ring on the bubble
+//  (a `:focus-visible` rule) and the text selection colour inside a coloured
+//  bubble, where the browser default paints selected text in a blue that is
+//  invisible on an accent fill. The hooks are `data-*` attributes through
+//  `dataSet`; `adoptStyleSheet` is a no-op without a `document`.
+// ---------------------------------------------------------------------------
+
+export const MESSAGE_BUBBLE_STYLE_ID = 'bloom-message-bubble-web-css';
+const BUBBLE = '[data-bloom-message-bubble]';
+/**
+ * The PRESSABLE, which is the node the browser focuses — not the bubble box
+ * inside it. Hanging the ring off the box drew nothing: `:focus-visible` never
+ * matched, and a focus ring that silently does not exist is indistinguishable
+ * from one nobody tabbed to.
+ */
+const PRESS = '[data-bloom-message-press]';
+export const MESSAGE_BUBBLE_CSS = `
+${PRESS} {
+  outline: none;
+}
+${PRESS}:focus-visible {
+  box-shadow: 0 0 0 2px var(--bloom-message-ring);
+}
+${BUBBLE} ::selection {
+  background-color: var(--bloom-message-selection);
+}
+`;
+//# sourceMappingURL=shared.js.map

package/lib/module/message-bubble/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","ACCENT_TABLE","colorRamp","mixColor","resolveButtonRamps","CHART_TONE_ORDER","chartHueTone","contrastRatio","IS_WEB","OS","AA","BUBBLE_RADIUS","BUBBLE_TAIL_RADIUS","BUBBLE_PADDING_X","BUBBLE_PADDING_Y","RUN_GAP","GROUP_GAP","DEFAULT_MAX_WIDTH","TAIL_WIDTH","TAIL_HEIGHT","QUOTE_BAR_WIDTH","DOUBLE_PRESS_MS","bubbleRadii","direction","position","cut","outgoing","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","hasTail","bubblePositions","count","n","Number","isFinite","Math","max","floor","out","i","push","hashSeed","seed","hash","length","charCodeAt","imul","NAME_STOPS_LIGHT","NAME_STOPS_DARK","senderNameColor","theme","hue","ramp","color","neutral","surface","isDark","colors","card","stops","stop","text","ENTITY_PATTERN","messageEntities","lastIndex","match","exec","whole","link","mentionLead","mention","hashLead","hashtag","undefined","type","start","index","end","splitMessageText","entities","parts","cursor","entity","slice","groupMessages","items","run","runKey","flush","positions","messages","map","item","first","kind","key","id","day","dateKey","label","dateLabel","unreadBefore","system","call","identity","senderId","AA_META","legibleInk","ink","ratio","alpha","candidate","onFill","fill","nearBlack","candidates","primaryForeground","best","bestRatio","resolveMessageBubblePaint","accent","dark","background","outgoingFill","onOutgoing","incomingFill","onIncoming","border","meta","quoteFill","overlayFill","overlayText","incoming","selectedBand","highlightBand","failed","error","failedFill","pillFill","pillText","unread","unreadLine","reactionFill","reactionText","reactionMineFill","reactionMineText","reactionMineBorder","reactionRing","focusRing","muted","sidePaint","paint","DEFAULT_MESSAGE_LABELS","forwardedFrom","deleted","retry","addReaction","replyTo","selected","pending","resolveLabels","labels","bubbleAccessibleName","senderName","time","extras","filter","part","trim","join","reactionLabel","emoji","mine","MESSAGE_BUBBLE_STYLE_ID","BUBBLE","PRESS","MESSAGE_BUBBLE_CSS"],"sourceRoot":"../../../src","sources":["message-bubble/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/message-bubble/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/message-bubble/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["message-bubble/types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,158 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { webDataSet } from "../styles/web-data.js";
+import { borderRadius, space } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { useHovered, useMessageMediaCss } from "./parts.js";
+import { fileMetaLine, MESSAGE_MEDIA_RADIUS, MESSAGE_MEDIA_WIDTH, resolveMessageMediaPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The first letters of the first two words — the same rule `Avatar` uses. */
+function initialsOf(name) {
+  return name.split(/\s+/).filter(Boolean).slice(0, 2).map(word => word.charAt(0).toUpperCase()).join('');
+}
+function ContactAction({
+  label,
+  paint,
+  onPress,
+  emphasis,
+  testID
+}) {
+  const [hovered, handlers] = useHovered();
+  const style = {
+    flexGrow: 1,
+    flexBasis: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingTop: 7,
+    paddingBottom: 7,
+    paddingLeft: 10,
+    paddingRight: 10,
+    borderRadius: borderRadius.full,
+    backgroundColor: hovered ? paint.washStrong : paint.wash,
+    '--bloom-message-media-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...webDataSet({
+      bloomMessageMediaPressable: ''
+    }),
+    ...handlers,
+    role: "button",
+    accessibilityLabel: label,
+    onPress: onPress,
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-medium",
+      style: {
+        color: emphasis ? paint.accent : paint.text
+      },
+      children: label
+    })
+  });
+}
+
+/**
+ * A shared contact: who it is, and the two things you can do about it.
+ *
+ * The actions are a ROW of equal halves rather than a primary button and a text
+ * link. "Message" and "Add" are the same size of decision — one starts a chat,
+ * the other saves a number — and ranking one of them with a filled button inside
+ * a bubble puts a second accent surface on an accent surface.
+ *
+ * Only the ACTIONS are pressable. The card itself is not: a contact card with no
+ * handler that still highlights under the pointer promises something it does not
+ * do, and every app that wants "open the contact" already has `onMessage`.
+ */
+function ContactMessageComponent({
+  name,
+  detail,
+  avatar,
+  avatarVariant,
+  initials,
+  onMessage,
+  onAdd,
+  messageLabel = 'Message',
+  addLabel = 'Add',
+  width = MESSAGE_MEDIA_WIDTH,
+  radius = MESSAGE_MEDIA_RADIUS,
+  accessibilityLabel,
+  tone = 'incoming',
+  onColor,
+  bubbleColor,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useMessageMediaCss();
+  const paint = useMemo(() => resolveMessageMediaPaint(theme, tone, onColor, bubbleColor), [theme, tone, onColor, bubbleColor]);
+  return /*#__PURE__*/_jsxs(View, {
+    role: "group",
+    accessibilityLabel: accessibilityLabel ?? fileMetaLine(['Contact', name, detail]),
+    style: [{
+      width,
+      borderRadius: radius
+    }, style ?? null],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: space.md
+      },
+      children: [/*#__PURE__*/_jsx(Avatar, {
+        source: avatar ?? null,
+        variant: avatarVariant,
+        size: 44,
+        name: name,
+        initials: initials ?? initialsOf(name)
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexGrow: 1,
+          flexShrink: 1,
+          minWidth: 0
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: {
+            color: paint.text
+          },
+          children: name
+        }), detail ? /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textMuted
+          },
+          children: detail
+        }) : null]
+      })]
+    }), onMessage || onAdd ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        gap: space.sm,
+        paddingTop: space.md
+      },
+      children: [onMessage ? /*#__PURE__*/_jsx(ContactAction, {
+        label: messageLabel,
+        paint: paint,
+        onPress: onMessage,
+        emphasis: true,
+        testID: testID ? `${testID}-message` : undefined
+      }) : null, onAdd ? /*#__PURE__*/_jsx(ContactAction, {
+        label: addLabel,
+        paint: paint,
+        onPress: onAdd,
+        emphasis: false,
+        testID: testID ? `${testID}-add` : undefined
+      }) : null]
+    }) : null]
+  });
+}
+export const ContactMessage = /*#__PURE__*/memo(ContactMessageComponent);
+ContactMessage.displayName = 'ContactMessage';
+//# sourceMappingURL=ContactMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Pressable","View","Avatar","webDataSet","borderRadius","space","useTheme","Text","useHovered","useMessageMediaCss","fileMetaLine","MESSAGE_MEDIA_RADIUS","MESSAGE_MEDIA_WIDTH","resolveMessageMediaPaint","jsx","_jsx","jsxs","_jsxs","initialsOf","name","split","filter","Boolean","slice","map","word","charAt","toUpperCase","join","ContactAction","label","paint","onPress","emphasis","testID","hovered","handlers","style","flexGrow","flexBasis","alignItems","justifyContent","paddingTop","paddingBottom","paddingLeft","paddingRight","full","backgroundColor","washStrong","wash","ring","bloomMessageMediaPressable","role","accessibilityLabel","children","variant","color","accent","text","ContactMessageComponent","detail","avatar","avatarVariant","initials","onMessage","onAdd","messageLabel","addLabel","width","radius","tone","onColor","bubbleColor","theme","flexDirection","gap","md","source","size","flexShrink","minWidth","numberOfLines","textMuted","sm","undefined","ContactMessage","displayName"],"sourceRoot":"../../../src","sources":["message-media/ContactMessage.tsx"],"mappings":"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","ignoreList":[]}