@repzo/widget-react-native 1.2.0 → 1.2.2

package/lib/commonjs/ui/components/FileCard.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileCard = FileCard;
+exports.fileTypeLabel = fileTypeLabel;
+var _reactNative = require("react-native");
+var _pickers = require("../../attachments/pickers.js");
+var _icons = require("./icons.js");
+var _theme = require("../styles/theme.js");
+var _rtl = require("../utils/rtl.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * An attachment that opens outside the chat (PDF, video, sheet…), drawn as a
+ * card that reads as tappable: a tile with the file's type, its name, the
+ * type and size under it, and an arrow — instead of a bare name in a box.
+ */
+
+/** `PDF`, `MP4`, `XLSX` — from the name, else the MIME subtype; at most 4 letters. */
+function fileTypeLabel(name, contentType) {
+  const fromName = /\.([a-z0-9]{1,8})$/i.exec(name.trim())?.[1];
+  const fromType = (contentType ?? '').split('/')[1]?.split(/[;+.-]/)[0];
+  const label = (fromName || fromType || 'file').toUpperCase();
+  return label.length > 4 ? label.slice(0, 4) : label;
+}
+function FileCard({
+  name,
+  contentType,
+  size,
+  color,
+  onBrandBubble,
+  openLabel,
+  onPress
+}) {
+  const type = fileTypeLabel(name, contentType);
+  const isVideo = (contentType ?? '').toLowerCase().startsWith('video/');
+  const meta = size > 0 ? `${type} · ${(0, _pickers.formatBytes)(size)}` : type;
+  const accent = onBrandBubble ? _theme.palette.white : color;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: !onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: openLabel,
+    style: ({
+      pressed
+    }) => [styles.card, onBrandBubble ? {
+      backgroundColor: (0, _theme.withAlpha)(_theme.palette.white, 0.16),
+      borderColor: (0, _theme.withAlpha)(_theme.palette.white, 0.35)
+    } : {
+      backgroundColor: _theme.palette.white,
+      borderColor: _theme.palette.border
+    }, !onPress && styles.unavailable, pressed && styles.pressed],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.tile, {
+        backgroundColor: onBrandBubble ? _theme.palette.white : (0, _theme.withAlpha)(color, 0.12)
+      }],
+      children: isVideo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlayIcon, {
+        size: 16,
+        color: color
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.tileLabel, {
+          color
+        }],
+        numberOfLines: 1,
+        children: type
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.text,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.name, {
+          color: onBrandBubble ? _theme.palette.white : _theme.palette.ink
+        }],
+        numberOfLines: 2,
+        children: name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.meta, {
+          color: onBrandBubble ? (0, _theme.withAlpha)(_theme.palette.white, 0.8) : _theme.palette.textMuted
+        }],
+        children: meta
+      })]
+    }), onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ChevronIcon, {
+      size: 14,
+      color: accent,
+      direction: (0, _rtl.forwardDirection)()
+    }) : null]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _theme.spacing.sm + 2,
+    minWidth: 220,
+    paddingVertical: _theme.spacing.sm + 1,
+    paddingHorizontal: _theme.spacing.sm + 2,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderRadius: _theme.radius.lg
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  unavailable: {
+    opacity: 0.6
+  },
+  tile: {
+    width: 40,
+    height: 40,
+    borderRadius: _theme.radius.sm,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  tileLabel: {
+    fontSize: 11,
+    fontWeight: '800',
+    letterSpacing: 0.3
+  },
+  text: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2
+  },
+  // A Latin file name in an Arabic chat still lines up with the card's start.
+  name: {
+    fontSize: _theme.fontSize.meta + 1,
+    fontWeight: '600',
+    textAlign: _rtl.START_ALIGN
+  },
+  meta: {
+    fontSize: _theme.fontSize.caption,
+    textAlign: _rtl.START_ALIGN
+  }
+});
+//# sourceMappingURL=FileCard.js.map

package/lib/commonjs/ui/components/FileCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_pickers","_icons","_theme","_rtl","_jsxRuntime","fileTypeLabel","name","contentType","fromName","exec","trim","fromType","split","label","toUpperCase","length","slice","FileCard","size","color","onBrandBubble","openLabel","onPress","type","isVideo","toLowerCase","startsWith","meta","formatBytes","accent","palette","white","jsxs","Pressable","disabled","accessibilityRole","accessibilityLabel","style","pressed","styles","card","backgroundColor","withAlpha","borderColor","border","unavailable","children","jsx","View","tile","PlayIcon","Text","tileLabel","numberOfLines","text","ink","textMuted","ChevronIcon","direction","forwardDirection","StyleSheet","create","flexDirection","alignItems","gap","spacing","sm","minWidth","paddingVertical","paddingHorizontal","borderWidth","hairlineWidth","borderRadius","radius","lg","opacity","width","height","justifyContent","fontSize","fontWeight","letterSpacing","flex","textAlign","START_ALIGN","caption"],"sourceRoot":"../../../../src","sources":["ui/components/FileCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/Launcher.js

@@ -26,7 +26,21 @@ function Launcher({
   horizontalPadding,
   hidden = false
 }) {
-  const state = (0, _useWidgetState.useWidgetState)();
+  // Only what the launcher draws: it sits on the host's screens and shouldn't
+  // redraw on every message or typing event.
+  const state = (0, _useWidgetState.useWidgetSelector)(({
+    booted,
+    config,
+    isOpen,
+    locale,
+    unreadCount
+  }) => ({
+    booted,
+    config,
+    isOpen,
+    locale,
+    unreadCount
+  }), _useWidgetState.shallowEqual);
   const config = state.config;
   if (hidden || !state.booted || config?.showLauncher === false) return null;
   const color = config?.primaryColor || _theme.DEFAULT_PRIMARY_COLOR;

package/lib/commonjs/ui/components/Launcher.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_useWidgetState","_controller","_icons","_theme","_jsxRuntime","Launcher","position","verticalPadding","horizontalPadding","hidden","state","useWidgetState","config","booted","showLauncher","color","primaryColor","DEFAULT_PRIMARY_COLOR","side","bottom","Math","max","launcherVerticalPadding","inset","launcherHorizontalPadding","text","bubbleText","showText","isOpen","translate","createTranslator","locale","accessibilityLabel","DEFAULT_LABELS","launcherClose","launcherOpen","jsxs","View","style","styles","wrapper","right","left","pointerEvents","children","Pressable","onPress","controller","store","toggle","accessibilityRole","pressed","bubble","bubbleWithText","bubbleRound","backgroundColor","jsx","Text","ChevronIcon","size","direction","palette","white","ChatIcon","unreadCount","badge","badgeLabel","StyleSheet","create","height","alignItems","justifyContent","flexDirection","gap","spacing","sm","shadows","floating","width","borderRadius","radius","pill","paddingHorizontal","xl","fontSize","body","fontWeight","opacity","transform","scale","top","minWidth","xs","danger","caption"],"sourceRoot":"../../../../src","sources":["ui/components/Launcher.tsx"],"mappings":";;;;;;AASA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAOyB,IAAAM,WAAA,GAAAN,OAAA;AAtBzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA0BO,SAASO,QAAQA,CAAC;EACvBC,QAAQ;EACRC,eAAe;EACfC,iBAAiB;EACjBC,MAAM,GAAG;AACI,CAAC,EAAE;EAChB,MAAMC,KAAK,GAAG,IAAAC,8BAAc,EAAC,CAAC;EAC9B,MAAMC,MAAM,GAAGF,KAAK,CAACE,MAAM;EAE3B,IAAIH,MAAM,IAAI,CAACC,KAAK,CAACG,MAAM,IAAID,MAAM,EAAEE,YAAY,KAAK,KAAK,EAAE,OAAO,IAAI;EAE1E,MAAMC,KAAK,GAAGH,MAAM,EAAEI,YAAY,IAAIC,4BAAqB;EAC3D,MAAMC,IAAI,GAAGZ,QAAQ,IAAIM,MAAM,EAAEN,QAAQ,IAAI,OAAO;EACpD,MAAMa,MAAM,GAAGC,IAAI,CAACC,GAAG,CAACd,eAAe,IAAIK,MAAM,EAAEU,uBAAuB,IAAI,EAAE,EAAE,EAAE,CAAC;EACrF,MAAMC,KAAK,GAAGH,IAAI,CAACC,GAAG,CAACb,iBAAiB,IAAII,MAAM,EAAEY,yBAAyB,IAAI,EAAE,EAAE,EAAE,CAAC;EACxF,MAAMC,IAAI,GAAGb,MAAM,EAAEc,UAAU;EAC/B,MAAMC,QAAQ,GAAG,CAAC,CAACF,IAAI,IAAI,CAACf,KAAK,CAACkB,MAAM;EACxC,MAAMC,SAAS,GAAG,IAAAC,sBAAgB,EAAClB,MAAM,EAAEF,KAAK,CAACqB,MAAM,CAAC;EACxD,MAAMC,kBAAkB,GAAGtB,KAAK,CAACkB,MAAM,GACnCC,SAAS,CAAC,eAAe,EAAEI,oBAAc,CAACC,aAAa,CAAC,GACxDL,SAAS,CAAC,cAAc,EAAEI,oBAAc,CAACE,YAAY,CAAC;EAE1D,oBACE,IAAA/B,WAAA,CAAAgC,IAAA,EAACvC,YAAA,CAAAwC,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAErB;IAAO,CAAC,EAAED,IAAI,KAAK,OAAO,GAAG;MAAEuB,KAAK,EAAElB;IAAM,CAAC,GAAG;MAAEmB,IAAI,EAAEnB;IAAM,CAAC,CAAE;IAC3FoB,aAAa,EAAC,UAAU;IAAAC,QAAA,gBACxB,IAAAxC,WAAA,CAAAgC,IAAA,EAACvC,YAAA,CAAAgD,SAAS;MACRC,OAAO,EAAEA,CAAA,KAAMC,sBAAU,CAACC,KAAK,CAACC,MAAM,CAAC,CAAE;MACzCC,iBAAiB,EAAC,QAAQ;MAC1BlB,kBAAkB,EAAEA,kBAAmB;MACvCM,KAAK,EAAEA,CAAC;QAAEa;MAAQ,CAAC,KAAK,CACtBZ,MAAM,CAACa,MAAM,EACbzB,QAAQ,GAAGY,MAAM,CAACc,cAAc,GAAGd,MAAM,CAACe,WAAW,EACrD;QAAEC,eAAe,EAAExC;MAAM,CAAC,EAC1BoC,OAAO,IAAIZ,MAAM,CAACY,OAAO,CACzB;MAAAP,QAAA,GACDjB,QAAQ,gBAAG,IAAAvB,WAAA,CAAAoD,GAAA,EAAC3D,YAAA,CAAA4D,IAAI;QAACnB,KAAK,EAAEC,MAAM,CAACb,UAAW;QAAAkB,QAAA,EAAEnB;MAAI,CAAO,CAAC,GAAG,IAAI,EAC/Df,KAAK,CAACkB,MAAM,gBACX,IAAAxB,WAAA,CAAAoD,GAAA,EAACtD,MAAA,CAAAwD,WAAW;QAACC,IAAI,EAAE,EAAG;QAACC,SAAS,EAAC,MAAM;QAAC7C,KAAK,EAAE8C,cAAO,CAACC;MAAM,CAAE,CAAC,gBAEhE,IAAA1D,WAAA,CAAAoD,GAAA,EAACtD,MAAA,CAAA6D,QAAQ;QAACJ,IAAI,EAAE,EAAG;QAAC5C,KAAK,EAAE8C,cAAO,CAACC;MAAM,CAAE,CAC5C;IAAA,CACQ,CAAC,EAEX,CAACpD,KAAK,CAACkB,MAAM,IAAIlB,KAAK,CAACsD,WAAW,GAAG,CAAC,gBACrC,IAAA5D,WAAA,CAAAoD,GAAA,EAAC3D,YAAA,CAAAwC,IAAI;MAACC,KAAK,EAAEC,MAAM,CAAC0B,KAAM;MAACtB,aAAa,EAAC,MAAM;MAAAC,QAAA,eAC7C,IAAAxC,WAAA,CAAAoD,GAAA,EAAC3D,YAAA,CAAA4D,IAAI;QAACnB,KAAK,EAAEC,MAAM,CAAC2B,UAAW;QAAAtB,QAAA,EAAElC,KAAK,CAACsD,WAAW,GAAG,CAAC,GAAG,IAAI,GAAGtD,KAAK,CAACsD;MAAW,CAAO;IAAC,CACrF,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMzB,MAAM,GAAG4B,uBAAU,CAACC,MAAM,CAAC;EAC/B5B,OAAO,EAAE;IACPlC,QAAQ,EAAE;EACZ,CAAC;EACD8C,MAAM,EAAE;IACNiB,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,cAAO,CAACC,EAAE,GAAG,CAAC;IACnB,GAAGC,cAAO,CAACC;EACb,CAAC;EACDvB,WAAW,EAAE;IACXwB,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE;EAChB,CAAC;EACD1B,cAAc,EAAE;IACd0B,YAAY,EAAEC,aAAM,CAACC,IAAI;IACzBC,iBAAiB,EAAER,cAAO,CAACS;EAC7B,CAAC;EACDzD,UAAU,EAAE;IACVX,KAAK,EAAE8C,cAAO,CAACC,KAAK;IACpBsB,QAAQ,EAAEA,eAAQ,CAACC,IAAI;IACvBC,UAAU,EAAE;EACd,CAAC;EACDnC,OAAO,EAAE;IACPoC,OAAO,EAAE,GAAG;IACZC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAC;EAC7B,CAAC;EACDxB,KAAK,EAAE;IACL3D,QAAQ,EAAE,UAAU;IACpBoF,GAAG,EAAE,CAAC,CAAC;IACPjD,KAAK,EAAE,CAAC,CAAC;IACTkD,QAAQ,EAAE,EAAE;IACZtB,MAAM,EAAE,EAAE;IACVU,YAAY,EAAE,EAAE;IAChBG,iBAAiB,EAAER,cAAO,CAACkB,EAAE;IAC7BrC,eAAe,EAAEM,cAAO,CAACgC,MAAM;IAC/BvB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,UAAU,EAAE;IACVnD,KAAK,EAAE8C,cAAO,CAACC,KAAK;IACpBsB,QAAQ,EAAEA,eAAQ,CAACU,OAAO;IAC1BR,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_useWidgetState","_controller","_icons","_theme","_jsxRuntime","Launcher","position","verticalPadding","horizontalPadding","hidden","state","useWidgetSelector","booted","config","isOpen","locale","unreadCount","shallowEqual","showLauncher","color","primaryColor","DEFAULT_PRIMARY_COLOR","side","bottom","Math","max","launcherVerticalPadding","inset","launcherHorizontalPadding","text","bubbleText","showText","translate","createTranslator","accessibilityLabel","DEFAULT_LABELS","launcherClose","launcherOpen","jsxs","View","style","styles","wrapper","right","left","pointerEvents","children","Pressable","onPress","controller","store","toggle","accessibilityRole","pressed","bubble","bubbleWithText","bubbleRound","backgroundColor","jsx","Text","ChevronIcon","size","direction","palette","white","ChatIcon","badge","badgeLabel","StyleSheet","create","height","alignItems","justifyContent","flexDirection","gap","spacing","sm","shadows","floating","width","borderRadius","radius","pill","paddingHorizontal","xl","fontSize","body","fontWeight","opacity","transform","scale","top","minWidth","xs","danger","caption"],"sourceRoot":"../../../../src","sources":["ui/components/Launcher.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/VoiceNote.js

@@ -0,0 +1,354 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceNote = VoiceNote;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _voice = require("../../audio/voice.js");
+var _icons = require("./icons.js");
+var _theme = require("../styles/theme.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A voice note (or any audio attachment) played inside the chat, laid out the
+ * way messaging apps do it: a play button beside a waveform the visitor can
+ * tap or drag to jump through the note, the time under it, and a speed chip
+ * once the note has been started. Only rendered when the host app has
+ * `expo-audio` (see `src/audio/voice.ts`); without it audio stays a file row.
+ */
+
+const BAR_COUNT = 32;
+const BAR_WIDTH = 3;
+const BAR_MIN_HEIGHT = 4;
+const BAR_MAX_HEIGHT = 24;
+const BUTTON_SIZE = 36;
+const KNOB_SIZE = 12;
+const SPEEDS = [1, 1.5, 2];
+
+/**
+ * The player is only created once the visitor taps play. The whole thread
+ * renders at once, so a player per note would download every note in the
+ * conversation as soon as the chat opened.
+ */
+function VoiceNote(props) {
+  const [started, setStarted] = (0, _react.useState)(false);
+  if (started) return /*#__PURE__*/(0, _jsxRuntime.jsx)(ActiveVoiceNote, {
+    ...props
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(VoiceNoteLayout, {
+    ...props,
+    playing: false,
+    loading: false,
+    progress: 0,
+    time: null,
+    onToggle: () => setStarted(true)
+  });
+}
+
+/** A note that has been started: owns its expo-audio player and plays on mount. */
+function ActiveVoiceNote(props) {
+  const {
+    url,
+    onError
+  } = props;
+  const audio = (0, _voice.voicePlaybackModule)();
+  const player = audio.useAudioPlayer({
+    uri: url
+  }, (0, _voice.audioPlayerOptions)());
+  const status = audio.useAudioPlayerStatus(player);
+  const [speedIndex, setSpeedIndex] = (0, _react.useState)(0);
+  const [scrub, setScrub] = (0, _react.useState)(null);
+  const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
+  // Whether the visitor asked for playback, so a note still loading shows a
+  // spinner, and one they paused while it loaded doesn't.
+  const [wantsPlay, setWantsPlay] = (0, _react.useState)(true);
+  // This note's hold on playback: starting it pauses any other note.
+  const releasePlayback = (0, _react.useRef)(null);
+  const duration = Math.max(Number(status?.duration) || 0, 0);
+  const currentTime = Math.max(Number(status?.currentTime) || 0, 0);
+  const playing = !!status?.playing;
+  const finished = !!status?.didJustFinish || duration > 0 && currentTime >= duration - 0.1;
+  // `isLoaded` / `isBuffering` are compared strictly: an expo-audio that
+  // doesn't report them never gets a spinner that can't go away.
+  const loading = wantsPlay && !playing && (status?.isLoaded === false || status?.isBuffering === true);
+  const pause = () => {
+    setWantsPlay(false);
+    player.pause();
+  };
+  const start = () => {
+    releasePlayback.current?.();
+    releasePlayback.current = (0, _voice.claimVoicePlayback)(pause);
+    setWantsPlay(true);
+    player.play();
+  };
+
+  // The visitor tapped play on the idle note, which created this player.
+  // Neither callback changes for the player's lifetime.
+  (0, _react.useEffect)(() => {
+    start();
+    return () => releasePlayback.current?.();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // The error is only on the status update that reports it (the next one
+  // clears it), so it is acted on as it arrives.
+  const error = status?.error;
+  (0, _react.useEffect)(() => {
+    if (error) onError();
+  }, [error, onError]);
+  const togglePlay = async () => {
+    if (playing || loading) {
+      pause();
+      return;
+    }
+    if (finished) await player.seekTo(0);
+    start();
+  };
+  const cycleSpeed = () => {
+    const next = (speedIndex + 1) % SPEEDS.length;
+    setSpeedIndex(next);
+    try {
+      player.setPlaybackRate(SPEEDS[next], 'high');
+    } catch {
+      // Some versions take no pitch-correction argument.
+      try {
+        player.setPlaybackRate(SPEEDS[next]);
+      } catch {
+        // Speed unsupported: the note keeps playing at 1×.
+      }
+    }
+  };
+
+  // The latest values for the (stable) PanResponder below.
+  const latest = (0, _react.useRef)({
+    trackWidth,
+    duration,
+    player
+  });
+  latest.current = {
+    trackWidth,
+    duration,
+    player
+  };
+  const ratioAt = x => {
+    const width = latest.current.trackWidth;
+    return width > 0 ? Math.min(1, Math.max(0, x / width)) : 0;
+  };
+  // Where the finger first touched the track. Later positions are that plus
+  // the drag distance: a move event's own `locationX` is measured from
+  // whatever view is under the finger, not from the track.
+  const startX = (0, _react.useRef)(0);
+  const pan = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: event => {
+      startX.current = event.nativeEvent.locationX;
+      setScrub(ratioAt(startX.current));
+    },
+    onPanResponderMove: (_, gesture) => setScrub(ratioAt(startX.current + gesture.dx)),
+    onPanResponderRelease: (_, gesture) => {
+      const {
+        duration: length,
+        player: current
+      } = latest.current;
+      if (length > 0) void current.seekTo(ratioAt(startX.current + gesture.dx) * length);
+      setScrub(null);
+    },
+    onPanResponderTerminate: () => setScrub(null)
+  })).current;
+  const displayTime = scrub != null ? scrub * duration : playing ? currentTime : finished ? duration : currentTime || duration;
+  // The chip joins once the note was started, so an untouched note shows only its length.
+  const showSpeed = speedIndex > 0 || playing || currentTime > 0 && !finished;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(VoiceNoteLayout, {
+    ...props,
+    playing: playing,
+    loading: loading,
+    progress: scrub ?? (duration > 0 ? Math.min(1, currentTime / duration) : 0)
+    // Nothing to show until the player knows the note's length.
+    ,
+    time: duration > 0 ? (0, _voice.formatVoiceClock)(displayTime) : null,
+    onToggle: () => void togglePlay(),
+    track: {
+      panHandlers: pan.panHandlers,
+      onWidth: setTrackWidth
+    },
+    speed: showSpeed ? {
+      value: SPEEDS[speedIndex],
+      changed: speedIndex > 0,
+      onPress: cycleSpeed
+    } : null
+  });
+}
+function VoiceNoteLayout({
+  seed,
+  color,
+  onBrandBubble,
+  labels,
+  playing,
+  loading,
+  progress,
+  time,
+  onToggle,
+  track,
+  speed
+}) {
+  const accent = onBrandBubble ? _theme.palette.white : color;
+  const onAccent = onBrandBubble ? color : _theme.palette.white;
+  const trackColor = onBrandBubble ? (0, _theme.withAlpha)(_theme.palette.white, 0.4) : _theme.palette.disabled;
+  const subtle = onBrandBubble ? (0, _theme.withAlpha)(_theme.palette.white, 0.8) : _theme.palette.textMuted;
+  const levels = (0, _react.useMemo)(() => (0, _voice.voiceWaveformLevels)(seed, BAR_COUNT), [seed]);
+  const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
+  const onTrackLayout = event => {
+    setTrackWidth(event.nativeEvent.layout.width);
+    track?.onWidth(event.nativeEvent.layout.width);
+  };
+
+  // Bar i's centre sits at this share of the track; the playhead travels the same span.
+  const barCentre = i => trackWidth > BAR_WIDTH ? (BAR_WIDTH / 2 + i * (trackWidth - BAR_WIDTH) / (BAR_COUNT - 1)) / trackWidth : i / (BAR_COUNT - 1);
+  const knobOffset = trackWidth > 0 ? Math.round(progress * (trackWidth - KNOB_SIZE)) : 0;
+  let icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlayIcon, {
+    size: 14,
+    color: onAccent
+  });
+  if (loading) icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+    size: "small",
+    color: onAccent
+  });else if (playing) icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PauseIcon, {
+    size: 14,
+    color: onAccent
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.row,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onToggle,
+        accessibilityRole: "button",
+        accessibilityLabel: playing || loading ? labels.pause : labels.play,
+        accessibilityState: {
+          busy: loading
+        },
+        hitSlop: 4,
+        style: ({
+          pressed
+        }) => [styles.playButton, {
+          backgroundColor: accent,
+          opacity: pressed ? 0.8 : 1
+        }],
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.track,
+        onLayout: onTrackLayout,
+        ...track?.panHandlers,
+        children: [levels.map((level, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          // Touches land on the track itself, so their position is measured from its edge.
+          pointerEvents: "none",
+          style: [styles.bar, {
+            height: BAR_MIN_HEIGHT + level * (BAR_MAX_HEIGHT - BAR_MIN_HEIGHT),
+            backgroundColor: barCentre(i) <= progress ? accent : trackColor
+          }]
+        }, i)), trackWidth > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          pointerEvents: "none",
+          style: [styles.knob, {
+            backgroundColor: accent,
+            transform: [{
+              translateX: knobOffset
+            }]
+          }]
+        }) : null]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.meta,
+      children: [time != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.time, {
+          color: subtle
+        }],
+        children: time
+      }) : null, speed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: speed.onPress,
+        accessibilityRole: "button",
+        accessibilityLabel: labels.speed,
+        hitSlop: 12,
+        style: ({
+          pressed
+        }) => [styles.speed, {
+          backgroundColor: speed.changed ? accent : trackColor,
+          opacity: pressed ? 0.6 : 1
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [styles.speedText, {
+            color: speed.changed ? onAccent : onBrandBubble ? _theme.palette.white : _theme.palette.text
+          }],
+          children: [speed.value, "\xD7"]
+        })
+      }) : null]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  // A timeline runs left to right in every language, so RTL doesn't mirror it
+  // (the touch position and the playhead stay in the same coordinates).
+  root: {
+    minWidth: 200,
+    direction: 'ltr'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10
+  },
+  playButton: {
+    width: BUTTON_SIZE,
+    height: BUTTON_SIZE,
+    borderRadius: BUTTON_SIZE / 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  track: {
+    flex: 1,
+    minWidth: 0,
+    height: BUTTON_SIZE,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  bar: {
+    width: BAR_WIDTH,
+    borderRadius: BAR_WIDTH / 2
+  },
+  knob: {
+    position: 'absolute',
+    left: 0,
+    width: KNOB_SIZE,
+    height: KNOB_SIZE,
+    borderRadius: KNOB_SIZE / 2
+  },
+  meta: {
+    minHeight: 18,
+    marginTop: -2,
+    marginLeft: BUTTON_SIZE + 10,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6
+  },
+  time: {
+    fontSize: _theme.fontSize.caption,
+    fontWeight: '500',
+    fontVariant: ['tabular-nums']
+  },
+  speed: {
+    minWidth: 30,
+    height: 18,
+    paddingHorizontal: 6,
+    borderRadius: 9,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  speedText: {
+    fontSize: 11,
+    fontWeight: '700',
+    fontVariant: ['tabular-nums']
+  }
+});
+//# sourceMappingURL=VoiceNote.js.map

package/lib/commonjs/ui/components/VoiceNote.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_voice","_icons","_theme","_jsxRuntime","BAR_COUNT","BAR_WIDTH","BAR_MIN_HEIGHT","BAR_MAX_HEIGHT","BUTTON_SIZE","KNOB_SIZE","SPEEDS","VoiceNote","props","started","setStarted","useState","jsx","ActiveVoiceNote","VoiceNoteLayout","playing","loading","progress","time","onToggle","url","onError","audio","voicePlaybackModule","player","useAudioPlayer","uri","audioPlayerOptions","status","useAudioPlayerStatus","speedIndex","setSpeedIndex","scrub","setScrub","trackWidth","setTrackWidth","wantsPlay","setWantsPlay","releasePlayback","useRef","duration","Math","max","Number","currentTime","finished","didJustFinish","isLoaded","isBuffering","pause","start","current","claimVoicePlayback","play","useEffect","error","togglePlay","seekTo","cycleSpeed","next","length","setPlaybackRate","latest","ratioAt","x","width","min","startX","pan","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","event","nativeEvent","locationX","onPanResponderMove","_","gesture","dx","onPanResponderRelease","onPanResponderTerminate","displayTime","showSpeed","formatVoiceClock","track","panHandlers","onWidth","speed","value","changed","onPress","seed","color","onBrandBubble","labels","accent","palette","white","onAccent","trackColor","withAlpha","disabled","subtle","textMuted","levels","useMemo","voiceWaveformLevels","onTrackLayout","layout","barCentre","i","knobOffset","round","icon","PlayIcon","size","ActivityIndicator","PauseIcon","jsxs","View","style","styles","root","children","row","Pressable","accessibilityRole","accessibilityLabel","accessibilityState","busy","hitSlop","pressed","playButton","backgroundColor","opacity","onLayout","map","level","pointerEvents","bar","height","knob","transform","translateX","meta","Text","speedText","text","StyleSheet","minWidth","direction","flexDirection","alignItems","gap","borderRadius","justifyContent","flex","position","left","minHeight","marginTop","marginLeft","fontSize","caption","fontWeight","fontVariant","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["ui/components/VoiceNote.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/icons.js

@@ -13,7 +13,9 @@ exports.ClockIcon = ClockIcon;
 exports.CloseIcon = CloseIcon;
 exports.HomeIcon = HomeIcon;
 exports.PaperclipIcon = PaperclipIcon;
+exports.PauseIcon = PauseIcon;
 exports.PersonIcon = PersonIcon;
+exports.PlayIcon = PlayIcon;
 var _reactNative = require("react-native");
 var _theme = require("../styles/theme.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -93,6 +95,61 @@ function ChevronIcon({
   });
 }
 
+/** A right-pointing triangle, drawn with borders — a voice note's play button. */
+function PlayIcon({
+  size = 16,
+  color = _theme.palette.white,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 0,
+        height: 0,
+        // The triangle's weight sits left of its box; nudge it to look centred.
+        marginLeft: size * 0.12,
+        borderLeftWidth: size * 0.72,
+        borderTopWidth: size * 0.42,
+        borderBottomWidth: size * 0.42,
+        borderLeftColor: color,
+        borderTopColor: 'transparent',
+        borderBottomColor: 'transparent'
+      }
+    })
+  });
+}
+
+/** Two upright bars — a playing voice note's pause button. */
+function PauseIcon({
+  size = 16,
+  color = _theme.palette.white,
+  style
+}) {
+  const bar = {
+    width: size * 0.26,
+    height: size * 0.8,
+    borderRadius: 1.5,
+    backgroundColor: color
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size,
+      flexDirection: 'row',
+      gap: size * 0.2
+    }, styles.center, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: bar
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: bar
+    })]
+  });
+}
+
 /** Arrow with a shaft — used for the "start a conversation" affordance. */
 function ArrowRightIcon({
   size = 16,