@oxy.so/bloom 2.10.0 → 2.12.0

package/lib/commonjs/chat-people/shared.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.STORY_VIEWER_LABELS = exports.STORY_DURATION_MS = exports.NEW_GROUP_LABELS = exports.MEMBER_LABELS = exports.CONTACT_ALPHABET = void 0;
+exports.contactIndexLetters = contactIndexLetters;
+exports.contactSectionIndex = contactSectionIndex;
+exports.memberBadgeLabel = memberBadgeLabel;
+exports.nameCounterTone = nameCounterTone;
+exports.resolveChatPeoplePaint = resolveChatPeoplePaint;
+exports.storyProgressFill = storyProgressFill;
+exports.storyTapZone = storyTapZone;
+var _shared = require("../button/shared.js");
+/**
+ * Two palettes, because these components live in two places.
+ *
+ * The LIST surfaces (contacts, members, a channel post) are ordinary app
+ * screens: theme surface, theme text, flip with the mode. The STORY VIEWER is
+ * a stage over media Bloom does not own, so it takes the same deep neutral the
+ * call stage does, for the same reason — white chrome is the only thing that
+ * survives an arbitrary photo behind it.
+ */
+
+function resolveChatPeoplePaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = (0, _shared.resolveButtonRamps)(theme);
+  const c = theme.colors;
+  const dark = theme.isDark;
+  const red = (0, _shared.colorRamp)(c.negative, _shared.DANGER_TABLE);
+  const amber = (0, _shared.colorRamp)(c.warning, _shared.ACCENT_TABLE);
+  const stage = dark ? n[950] : n[900];
+  return {
+    surface: c.background,
+    surfaceRaised: c.card,
+    rowHighlight: dark ? (0, _shared.mixColor)(c.background, n[700], 0.55) : n[100],
+    border: dark ? n[700] : n[200],
+    text: c.text,
+    textSecondary: c.textSecondary,
+    textTertiary: dark ? n[600] : n[400],
+    accent: accent[500],
+    onAccent: c.primaryForeground,
+    accentSubtle: dark ? (0, _shared.mixColor)(c.background, accent[500], 0.22) : (0, _shared.mixColor)(c.background, accent[500], 0.12),
+    onAccentSubtle: dark ? accent[300] : accent[700],
+    negative: dark ? red[400] : red[500],
+    owner: dark ? amber[300] : amber[700],
+    ownerSubtle: dark ? (0, _shared.mixColor)(c.background, amber[500], 0.22) : (0, _shared.mixColor)(c.background, amber[500], 0.16),
+    chip: dark ? n[800] : n[100],
+    onChip: c.text,
+    railText: c.textSecondary,
+    railActive: accent[500],
+    stage,
+    onStage: n[50],
+    onStageMuted: (0, _shared.mixColor)(stage, n[50], 0.72),
+    stageControl: (0, _shared.mixColor)(stage, n[50], 0.18),
+    // 0.45, not 0.32: the unplayed segments sit under the top scrim, over a
+    // photo that may be bright, and at a third of the white they read as no bar
+    // at all — which is a viewer that never says how many stories are left.
+    stageTrack: (0, _shared.mixColor)(stage, n[50], 0.45)
+  };
+}
+
+// ---------------------------------------------------------------------------
+//  Contacts
+// ---------------------------------------------------------------------------
+
+/**
+ * The rail the index draws when the caller gives none: A–Z plus `#`.
+ *
+ * `#` LAST, not first. It is where names that do not start with a letter go,
+ * and putting it at the top of the rail puts the least-used target where the
+ * thumb naturally lands.
+ */
+const CONTACT_ALPHABET = exports.CONTACT_ALPHABET = [...'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split(''), '#'];
+
+/** The letters the rail shows: the caller's, else each section's own heading. */
+function contactIndexLetters(sections, override) {
+  if (override !== undefined) return override;
+  return sections.map(section => section.letter);
+}
+
+/**
+ * Where a letter's section starts in a flat list of [heading, ...rows] blocks —
+ * the index `ScrollView.scrollTo` needs, and the one the sticky-header list
+ * numbers its children by.
+ *
+ * `-1` for a letter with no section: a rail can show the whole alphabet over a
+ * list that only has six letters in it, and pressing K must do nothing rather
+ * than jump to whatever happens to be first.
+ */
+function contactSectionIndex(sections, letter) {
+  return sections.findIndex(section => section.letter === letter);
+}
+
+// ---------------------------------------------------------------------------
+//  Groups and members
+// ---------------------------------------------------------------------------
+
+const NEW_GROUP_LABELS = exports.NEW_GROUP_LABELS = {
+  photo: 'Choose a group photo',
+  name: 'Group name',
+  namePlaceholder: 'Name this group',
+  description: 'Description',
+  descriptionPlaceholder: 'What is this group for?',
+  members: count => count === 1 ? '1 member' : `${count} members`,
+  addMembers: 'Add members',
+  remove: name => `Remove ${name}`
+};
+const MEMBER_LABELS = exports.MEMBER_LABELS = {
+  owner: 'Owner',
+  admin: 'Admin',
+  promote: 'Promote to admin',
+  restrict: 'Restrict',
+  remove: 'Remove from group',
+  actions: name => `Actions for ${name}`
+};
+
+/** `owner` and `admin` wear a badge; `member` wears nothing. */
+function memberBadgeLabel(role, labels, override) {
+  if (override !== undefined) return override;
+  if (role === 'owner') return labels.owner;
+  if (role === 'admin') return labels.admin;
+  return undefined;
+}
+
+/**
+ * The name counter's state.
+ *
+ * `warn` at 90% of the limit rather than at the limit itself: the input's own
+ * `maxLength` already stops the text, so a counter that only changes colour
+ * once typing has been blocked is telling the user about something that has
+ * already happened.
+ */
+function nameCounterTone(length, max) {
+  if (max <= 0) return 'quiet';
+  if (length > max) return 'over';
+  return length >= max * 0.9 ? 'warn' : 'quiet';
+}
+
+// ---------------------------------------------------------------------------
+//  Stories
+// ---------------------------------------------------------------------------
+
+const STORY_VIEWER_LABELS = exports.STORY_VIEWER_LABELS = {
+  close: 'Close story',
+  previous: 'Previous story',
+  next: 'Next story',
+  mute: 'Mute story',
+  unmute: 'Unmute story',
+  more: 'Story options',
+  replyPlaceholder: 'Reply…',
+  send: 'Send reply',
+  progress: (index, count) => `Story ${index + 1} of ${count}`,
+  react: emoji => `React with ${emoji}`
+};
+
+/** The default time one story plays for. */
+const STORY_DURATION_MS = exports.STORY_DURATION_MS = 5000;
+
+/**
+ * How full segment `bar` is while story `index` is `progress` of the way
+ * through: everything before it is FULL, everything after it is EMPTY, and only
+ * the current one is partial.
+ *
+ * It is a pure function of three numbers, so the maths is testable without
+ * rendering anything — and this is the part that has a wrong answer. Writing it
+ * per-segment inside the map is how a viewer ends up drawing an empty bar for a
+ * story the user has already watched: the segment knows its own position and
+ * nothing about the sequence.
+ *
+ * `progress` is clamped, and an `index` outside the range answers honestly
+ * rather than throwing — a viewer whose list shrinks under it (a story expired)
+ * renders one frame with a stale index.
+ */
+function storyProgressFill(bar, index, progress) {
+  if (bar < index) return 1;
+  if (bar > index) return 0;
+  if (!Number.isFinite(progress)) return 0;
+  return Math.min(1, Math.max(0, progress));
+}
+
+/** Where a tap at `x` over a `width`-wide viewer goes. */
+function storyTapZone(x, width) {
+  // The BACK zone is the narrower third. Forward is the common intent and it
+  // is the one that must not require aim; back is a correction.
+  return width > 0 && x < width / 3 ? 'previous' : 'next';
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/chat-people/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_shared","require","resolveChatPeoplePaint","theme","accent","neutral","n","resolveButtonRamps","c","colors","dark","isDark","red","colorRamp","negative","DANGER_TABLE","amber","warning","ACCENT_TABLE","stage","surface","background","surfaceRaised","card","rowHighlight","mixColor","border","text","textSecondary","textTertiary","onAccent","primaryForeground","accentSubtle","onAccentSubtle","owner","ownerSubtle","chip","onChip","railText","railActive","onStage","onStageMuted","stageControl","stageTrack","CONTACT_ALPHABET","exports","split","contactIndexLetters","sections","override","undefined","map","section","letter","contactSectionIndex","findIndex","NEW_GROUP_LABELS","photo","name","namePlaceholder","description","descriptionPlaceholder","members","count","addMembers","remove","MEMBER_LABELS","admin","promote","restrict","actions","memberBadgeLabel","role","labels","nameCounterTone","length","max","STORY_VIEWER_LABELS","close","previous","next","mute","unmute","more","replyPlaceholder","send","progress","index","react","emoji","STORY_DURATION_MS","storyProgressFill","bar","Number","isFinite","Math","min","storyTapZone","x","width"],"sourceRoot":"../../../src","sources":["chat-people/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat-people/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/chat-people/types.js.map

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

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

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatBackground = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+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 repeated-glyph wallpaper, as ONE `<Pattern>` tile the renderer repeats.
+ *
+ * The glyphs are stroked, not filled, and written directly in tile coordinates —
+ * `react-native-svg`'s per-element transform props are deprecated and the string
+ * form has to agree across two renderers, so nothing here is placed by a
+ * transform.
+ *
+ * The ink is a neutral ramp step, never the accent: an accent-tinted wallpaper
+ * competes with the outgoing bubble, which IS the accent.
+ */
+function PatternLayer({
+  paint,
+  tint,
+  opacity
+}) {
+  // One id per instance. Two wallpapers on one page (a split layout showing two
+  // conversations) would otherwise both resolve `url(#chat-pattern)` to whichever
+  // `<Defs>` the document happened to parse last.
+  const id = `chat-pattern-${(0, _react.useId)().replace(/[^A-Za-z0-9-]/g, '')}`;
+  const ink = tint ?? paint.patternTint;
+  return (
+    /*#__PURE__*/
+    // The `testID` sits on a View, not on the `<Svg>`: an SVG host element is not
+    // a react-native-web View, so `testID` reaches it as a lowercase DOM
+    // attribute and never becomes `data-testid`.
+    (0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      testID: "chat-background-pattern",
+      style: _reactNative.StyleSheet.absoluteFillObject,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        style: _reactNative.StyleSheet.absoluteFillObject,
+        width: "100%",
+        height: "100%",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Pattern, {
+            id: id,
+            x: 0,
+            y: 0,
+            width: _shared.CHAT_PATTERN_TILE,
+            height: _shared.CHAT_PATTERN_TILE,
+            patternUnits: "userSpaceOnUse",
+            children: _shared.CHAT_PATTERN_GLYPHS.map((d, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+              d: d,
+              fill: "none",
+              stroke: ink,
+              strokeOpacity: opacity,
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }, i))
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+          x: 0,
+          y: 0,
+          width: "100%",
+          height: "100%",
+          fill: `url(#${id})`
+        })]
+      })
+    })
+  );
+}
+function GradientLayer({
+  colors
+}) {
+  const id = `chat-gradient-${(0, _react.useId)().replace(/[^A-Za-z0-9-]/g, '')}`;
+  const last = colors.length - 1;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    testID: "chat-background-gradient",
+    style: _reactNative.StyleSheet.absoluteFillObject,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+      style: _reactNative.StyleSheet.absoluteFillObject,
+      width: "100%",
+      height: "100%",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.LinearGradient, {
+          id: id,
+          x1: "0",
+          y1: "0",
+          x2: "0.35",
+          y2: "1",
+          children: colors.map((color, i) =>
+          /*#__PURE__*/
+          // Opaque stops only: react-native-svg DISCARDS the alpha inside
+          // `stopColor`, so an `rgba()` token here renders correctly on web
+          // and opaque on native — the wallpaper would differ per platform
+          // with nothing to say so.
+          (0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: last === 0 ? 0 : i / last,
+            stopColor: color
+          }, i))
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+        x: 0,
+        y: 0,
+        width: "100%",
+        height: "100%",
+        fill: `url(#${id})`
+      })]
+    })
+  });
+}
+
+/**
+ * The wallpaper behind the transcript, and the container the transcript sits in.
+ *
+ * Four variants, all of them OPAQUE from the page colour up, so a bubble drawn
+ * over any of them is composited over a known colour rather than over whatever
+ * the app's own background happens to be.
+ *
+ * WHY THE IMAGE DIM IS NOT OPTIONAL: a consumer photo has no knowable extremes,
+ * so nothing can be proven about a bubble's separation from it. Dimming toward a
+ * fixed neutral (a mid-light step in light, near-black in dark) at a fixed
+ * opacity gives the wallpaper a measurable lightest and darkest pixel — see
+ * `chatBackgroundExtremes` and the measured table in `docs/chat-screen.mdx`.
+ * Dimming toward pure WHITE was the first attempt and it is the bug: the
+ * wallpaper's brightest reachable pixel then lands exactly on the card colour, so
+ * a white incoming bubble over a bright photo separates by 1.00. Lowering
+ * `overlayOpacity` is a legibility decision, not a taste one.
+ *
+ * Bubble text is unaffected by any of this: a bubble is an opaque fill, so its
+ * own label contrast is a property of the bubble, not of what is behind it. What
+ * the wallpaper CAN do is stop the bubble being told apart from the page.
+ */
+function ChatBackgroundComponent({
+  variant = 'plain',
+  source,
+  overlayOpacity,
+  tint,
+  patternOpacity = _shared.DEFAULT_PATTERN_OPACITY,
+  colors,
+  children,
+  style,
+  testID
+}) {
+  const paint = (0, _shared.useChatScreenPaint)();
+  const image = (0, _shared.useResolvedImageSource)(source, 'large');
+  const dim = overlayOpacity ?? paint.imageDimOpacity;
+  const gradientColors = colors ?? [...paint.gradient];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [{
+      flex: 1,
+      overflow: 'hidden',
+      backgroundColor: paint.page
+    }, style],
+    children: [variant === 'pattern' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternLayer, {
+      paint: paint,
+      tint: tint,
+      opacity: patternOpacity
+    }) : null, variant === 'gradient' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GradientLayer, {
+      colors: gradientColors
+    }) : null, variant === 'image' && image ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: image,
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true,
+        "aria-hidden": true,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        testID: "chat-background-image",
+        style: _reactNative.StyleSheet.absoluteFillObject
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        pointerEvents: "none",
+        testID: "chat-background-dim",
+        style: [_reactNative.StyleSheet.absoluteFillObject, {
+          backgroundColor: paint.imageDim,
+          opacity: dim
+        }]
+      })]
+    }) : null, children]
+  });
+}
+const ChatBackground = exports.ChatBackground = /*#__PURE__*/(0, _react.memo)(ChatBackgroundComponent);
+ChatBackground.displayName = 'ChatBackground';
+//# sourceMappingURL=ChatBackground.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PatternLayer","paint","tint","opacity","id","useId","replace","ink","patternTint","jsx","View","pointerEvents","testID","style","StyleSheet","absoluteFillObject","children","jsxs","width","height","Defs","Pattern","x","y","CHAT_PATTERN_TILE","patternUnits","CHAT_PATTERN_GLYPHS","map","d","Path","fill","stroke","strokeOpacity","strokeWidth","strokeLinecap","strokeLinejoin","Rect","GradientLayer","colors","last","length","LinearGradient","x1","y1","x2","y2","color","Stop","offset","stopColor","ChatBackgroundComponent","variant","source","overlayOpacity","patternOpacity","DEFAULT_PATTERN_OPACITY","useChatScreenPaint","image","useResolvedImageSource","dim","imageDimOpacity","gradientColors","gradient","flex","overflow","backgroundColor","page","Fragment","Image","resizeMode","accessibilityIgnoresInvertColors","accessibilityElementsHidden","importantForAccessibility","imageDim","ChatBackground","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-screen/ChatBackground.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatDateHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 date pill that hovers over the transcript.
+ *
+ * `label` is PRE-FORMATTED — "Today", "Yesterday", "14 March". Nothing here
+ * reads a clock, and nothing here decides what "today" means in the reader's
+ * timezone.
+ *
+ * `visible={false}` fades the pill to nothing and hides it from assistive tech
+ * rather than unmounting it — unlike the jump buttons, this control is not
+ * focusable, so there is no phantom tab stop to worry about, and keeping it
+ * mounted stops the label re-announcing every time a scroll crosses a day
+ * boundary. Hiding is `opacity`, never `display: none`: collapsing an element
+ * inside a scroller is how a restored scroll offset gets clamped to 0.
+ *
+ * `floating` (the default) positions itself over the transcript, so the pill is
+ * `pointerEvents="none"` inside a `box-none` wrapper — a strip across the top of
+ * a conversation that swallowed taps would eat every press on the newest
+ * messages. Both are PROPS, not style entries: react-native-web drops
+ * `pointerEvents` given as a style.
+ */
+function ChatDateHeaderComponent({
+  label,
+  visible = true,
+  placement = 'floating',
+  offset = 8,
+  style,
+  textStyle,
+  testID
+}) {
+  const paint = (0, _shared.useChatScreenPaint)();
+  const pill = {
+    alignSelf: 'center',
+    paddingLeft: 10,
+    paddingRight: 10,
+    paddingTop: 4,
+    paddingBottom: 4,
+    borderRadius: 999,
+    backgroundColor: paint.floatingSurface,
+    borderWidth: 1,
+    borderColor: paint.floatingBorder,
+    boxShadow: paint.floatingShadow,
+    opacity: visible ? 1 : 0
+  };
+  const pillNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    "aria-hidden": visible ? undefined : true,
+    accessibilityElementsHidden: !visible,
+    importantForAccessibility: visible ? 'yes' : 'no-hide-descendants',
+    testID: testID ? `${testID}-pill` : undefined,
+    style: pill,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-medium",
+      numberOfLines: 1,
+      style: [{
+        color: paint.textSecondary
+      }, textStyle],
+      children: label
+    })
+  });
+  if (placement === 'inline') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID,
+      style: [{
+        alignItems: 'center',
+        paddingTop: 8,
+        paddingBottom: 8
+      }, style],
+      children: pillNode
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "box-none",
+    testID: testID,
+    style: [{
+      position: 'absolute',
+      top: offset,
+      left: 0,
+      right: 0,
+      alignItems: 'center',
+      zIndex: 1
+    }, style],
+    children: pillNode
+  });
+}
+const ChatDateHeader = exports.ChatDateHeader = /*#__PURE__*/(0, _react.memo)(ChatDateHeaderComponent);
+ChatDateHeader.displayName = 'ChatDateHeader';
+//# sourceMappingURL=ChatDateHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatDateHeaderComponent","label","visible","placement","offset","style","textStyle","testID","paint","useChatScreenPaint","pill","alignSelf","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","backgroundColor","floatingSurface","borderWidth","borderColor","floatingBorder","boxShadow","floatingShadow","opacity","pillNode","jsx","View","pointerEvents","undefined","accessibilityElementsHidden","importantForAccessibility","children","Text","variant","numberOfLines","color","textSecondary","alignItems","position","top","left","right","zIndex","ChatDateHeader","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-screen/ChatDateHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatEmptyState = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiLock2Line = require("../icons/remix/RiLock2Line.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); }
+/**
+ * What a conversation with nothing in it shows.
+ *
+ * THE NOTICE HAS NO DEFAULT, and that is the point. "Messages are end-to-end
+ * encrypted" is a claim about an app's transport, not about a component — a
+ * default would make it on behalf of every app that mounts this, including the
+ * ones that cannot keep it. Pass the wording you can stand behind, or pass
+ * nothing and the line is not drawn.
+ *
+ * The title DOES default ("No messages yet"), because an empty transcript is a
+ * fact this component can see for itself.
+ */
+function ChatEmptyStateComponent({
+  title = _shared.CHAT_SCREEN_LABELS.emptyTitle,
+  description,
+  illustration,
+  notice,
+  noticeIcon,
+  action,
+  style,
+  testID
+}) {
+  const paint = (0, _shared.useChatScreenPaint)();
+  const NoticeIcon = noticeIcon === false ? null : noticeIcon ?? _RiLock2Line.RiLock2Line;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [{
+      flexGrow: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 16,
+      paddingLeft: 24,
+      paddingRight: 24,
+      paddingTop: 32,
+      paddingBottom: 32
+    }, style],
+    children: [illustration ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-illustration` : undefined,
+      children: illustration
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        alignItems: 'center',
+        gap: 6,
+        maxWidth: 360
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "headline-semibold",
+        accessibilityRole: "header",
+        style: {
+          color: paint.text,
+          textAlign: 'center'
+        },
+        children: title
+      }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-regular",
+        style: {
+          color: paint.textSecondary,
+          textAlign: 'center'
+        },
+        children: description
+      }) : null]
+    }), notice ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      testID: testID ? `${testID}-notice` : undefined,
+      style: {
+        flexDirection: 'row',
+        // `alignSelf` so the pill hugs its text; `flex-start` on the cross
+        // axis so a wrapped second line still sits under the first rather
+        // than the glyph drifting to the middle of two lines.
+        alignSelf: 'center',
+        alignItems: 'flex-start',
+        gap: 6,
+        maxWidth: 340,
+        paddingLeft: 12,
+        paddingRight: 12,
+        paddingTop: 6,
+        paddingBottom: 6,
+        borderRadius: 12,
+        backgroundColor: paint.surfaceSubtle
+      },
+      children: [NoticeIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          paddingTop: 1
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NoticeIcon, {
+          width: 14,
+          height: 14,
+          fill: paint.textSecondary
+        })
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-regular",
+        style: {
+          flexShrink: 1,
+          color: paint.textSecondary
+        },
+        children: notice
+      })]
+    }) : null, action]
+  });
+}
+const ChatEmptyState = exports.ChatEmptyState = /*#__PURE__*/(0, _react.memo)(ChatEmptyStateComponent);
+ChatEmptyState.displayName = 'ChatEmptyState';
+//# sourceMappingURL=ChatEmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RiLock2Line","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatEmptyStateComponent","title","CHAT_SCREEN_LABELS","emptyTitle","description","illustration","notice","noticeIcon","action","style","testID","paint","useChatScreenPaint","NoticeIcon","RiLock2Line","jsxs","View","flexGrow","alignItems","justifyContent","gap","paddingLeft","paddingRight","paddingTop","paddingBottom","children","jsx","undefined","maxWidth","Text","variant","accessibilityRole","color","text","textAlign","textSecondary","flexDirection","alignSelf","borderRadius","backgroundColor","surfaceSubtle","width","height","fill","flexShrink","ChatEmptyState","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["chat-screen/ChatEmptyState.tsx"],"mappings":"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","ignoreList":[]}