@repzo/widget-react-native 1.2.1 → 1.2.2

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

@@ -0,0 +1,130 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { formatBytes } from "../../attachments/pickers.js";
+import { ChevronIcon, PlayIcon } from "./icons.js";
+import { fontSize, palette, radius, spacing, withAlpha } from "../styles/theme.js";
+import { forwardDirection, START_ALIGN } from "../utils/rtl.js";
+
+/** `PDF`, `MP4`, `XLSX` — from the name, else the MIME subtype; at most 4 letters. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export 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;
+}
+export 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} · ${formatBytes(size)}` : type;
+  const accent = onBrandBubble ? palette.white : color;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    disabled: !onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: openLabel,
+    style: ({
+      pressed
+    }) => [styles.card, onBrandBubble ? {
+      backgroundColor: withAlpha(palette.white, 0.16),
+      borderColor: withAlpha(palette.white, 0.35)
+    } : {
+      backgroundColor: palette.white,
+      borderColor: palette.border
+    }, !onPress && styles.unavailable, pressed && styles.pressed],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.tile, {
+        backgroundColor: onBrandBubble ? palette.white : withAlpha(color, 0.12)
+      }],
+      children: isVideo ? /*#__PURE__*/_jsx(PlayIcon, {
+        size: 16,
+        color: color
+      }) : /*#__PURE__*/_jsx(Text, {
+        style: [styles.tileLabel, {
+          color
+        }],
+        numberOfLines: 1,
+        children: type
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.text,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.name, {
+          color: onBrandBubble ? palette.white : palette.ink
+        }],
+        numberOfLines: 2,
+        children: name
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.meta, {
+          color: onBrandBubble ? withAlpha(palette.white, 0.8) : palette.textMuted
+        }],
+        children: meta
+      })]
+    }), onPress ? /*#__PURE__*/_jsx(ChevronIcon, {
+      size: 14,
+      color: accent,
+      direction: forwardDirection()
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.sm + 2,
+    minWidth: 220,
+    paddingVertical: spacing.sm + 1,
+    paddingHorizontal: spacing.sm + 2,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: radius.lg
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  unavailable: {
+    opacity: 0.6
+  },
+  tile: {
+    width: 40,
+    height: 40,
+    borderRadius: 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: fontSize.meta + 1,
+    fontWeight: '600',
+    textAlign: START_ALIGN
+  },
+  meta: {
+    fontSize: fontSize.caption,
+    textAlign: START_ALIGN
+  }
+});
+//# sourceMappingURL=FileCard.js.map

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

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

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

@@ -11,7 +11,7 @@
 
 import { Pressable, StyleSheet, Text, View } from 'react-native';
 import { createTranslator, DEFAULT_LABELS } from "../../i18n.js";
-import { useWidgetState } from "../../state/use-widget-state.js";
+import { shallowEqual, useWidgetSelector } from "../../state/use-widget-state.js";
 import { controller } from "../../controller.js";
 import { ChatIcon, ChevronIcon } from "./icons.js";
 import { DEFAULT_PRIMARY_COLOR, fontSize, palette, radius, shadows, spacing } from "../styles/theme.js";
@@ -22,7 +22,21 @@ export function Launcher({
   horizontalPadding,
   hidden = false
 }) {
-  const state = 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 = useWidgetSelector(({
+    booted,
+    config,
+    isOpen,
+    locale,
+    unreadCount
+  }) => ({
+    booted,
+    config,
+    isOpen,
+    locale,
+    unreadCount
+  }), shallowEqual);
   const config = state.config;
   if (hidden || !state.booted || config?.showLauncher === false) return null;
   const color = config?.primaryColor || DEFAULT_PRIMARY_COLOR;

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

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","Text","View","createTranslator","DEFAULT_LABELS","useWidgetState","controller","ChatIcon","ChevronIcon","DEFAULT_PRIMARY_COLOR","fontSize","palette","radius","shadows","spacing","jsx","_jsx","jsxs","_jsxs","Launcher","position","verticalPadding","horizontalPadding","hidden","state","config","booted","showLauncher","color","primaryColor","side","bottom","Math","max","launcherVerticalPadding","inset","launcherHorizontalPadding","text","bubbleText","showText","isOpen","translate","locale","accessibilityLabel","launcherClose","launcherOpen","style","styles","wrapper","right","left","pointerEvents","children","onPress","store","toggle","accessibilityRole","pressed","bubble","bubbleWithText","bubbleRound","backgroundColor","size","direction","white","unreadCount","badge","badgeLabel","create","height","alignItems","justifyContent","flexDirection","gap","sm","floating","width","borderRadius","pill","paddingHorizontal","xl","body","fontWeight","opacity","transform","scale","top","minWidth","xs","danger","caption"],"sourceRoot":"../../../../src","sources":["ui/components/Launcher.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","Text","View","createTranslator","DEFAULT_LABELS","shallowEqual","useWidgetSelector","controller","ChatIcon","ChevronIcon","DEFAULT_PRIMARY_COLOR","fontSize","palette","radius","shadows","spacing","jsx","_jsx","jsxs","_jsxs","Launcher","position","verticalPadding","horizontalPadding","hidden","state","booted","config","isOpen","locale","unreadCount","showLauncher","color","primaryColor","side","bottom","Math","max","launcherVerticalPadding","inset","launcherHorizontalPadding","text","bubbleText","showText","translate","accessibilityLabel","launcherClose","launcherOpen","style","styles","wrapper","right","left","pointerEvents","children","onPress","store","toggle","accessibilityRole","pressed","bubble","bubbleWithText","bubbleRound","backgroundColor","size","direction","white","badge","badgeLabel","create","height","alignItems","justifyContent","flexDirection","gap","sm","floating","width","borderRadius","pill","paddingHorizontal","xl","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/module/ui/components/VoiceNote.js

@@ -0,0 +1,350 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { ActivityIndicator, PanResponder, Pressable, StyleSheet, Text, View } from 'react-native';
+import { audioPlayerOptions, claimVoicePlayback, formatVoiceClock, voicePlaybackModule, voiceWaveformLevels } from "../../audio/voice.js";
+import { PauseIcon, PlayIcon } from "./icons.js";
+import { fontSize, palette, withAlpha } from "../styles/theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.
+ */
+export function VoiceNote(props) {
+  const [started, setStarted] = useState(false);
+  if (started) return /*#__PURE__*/_jsx(ActiveVoiceNote, {
+    ...props
+  });
+  return /*#__PURE__*/_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 = voicePlaybackModule();
+  const player = audio.useAudioPlayer({
+    uri: url
+  }, audioPlayerOptions());
+  const status = audio.useAudioPlayerStatus(player);
+  const [speedIndex, setSpeedIndex] = useState(0);
+  const [scrub, setScrub] = useState(null);
+  const [trackWidth, setTrackWidth] = 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] = useState(true);
+  // This note's hold on playback: starting it pauses any other note.
+  const releasePlayback = 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 = 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.
+  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;
+  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 = 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 = useRef(0);
+  const pan = useRef(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__*/_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 ? 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 ? palette.white : color;
+  const onAccent = onBrandBubble ? color : palette.white;
+  const trackColor = onBrandBubble ? withAlpha(palette.white, 0.4) : palette.disabled;
+  const subtle = onBrandBubble ? withAlpha(palette.white, 0.8) : palette.textMuted;
+  const levels = useMemo(() => voiceWaveformLevels(seed, BAR_COUNT), [seed]);
+  const [trackWidth, setTrackWidth] = 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__*/_jsx(PlayIcon, {
+    size: 14,
+    color: onAccent
+  });
+  if (loading) icon = /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: "small",
+    color: onAccent
+  });else if (playing) icon = /*#__PURE__*/_jsx(PauseIcon, {
+    size: 14,
+    color: onAccent
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(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__*/_jsxs(View, {
+        style: styles.track,
+        onLayout: onTrackLayout,
+        ...track?.panHandlers,
+        children: [levels.map((level, i) => /*#__PURE__*/_jsx(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__*/_jsx(View, {
+          pointerEvents: "none",
+          style: [styles.knob, {
+            backgroundColor: accent,
+            transform: [{
+              translateX: knobOffset
+            }]
+          }]
+        }) : null]
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.meta,
+      children: [time != null ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.time, {
+          color: subtle
+        }],
+        children: time
+      }) : null, speed ? /*#__PURE__*/_jsx(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__*/_jsxs(Text, {
+          style: [styles.speedText, {
+            color: speed.changed ? onAccent : onBrandBubble ? palette.white : palette.text
+          }],
+          children: [speed.value, "\xD7"]
+        })
+      }) : null]
+    })]
+  });
+}
+const styles = 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: 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/module/ui/components/VoiceNote.js.map

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

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

@@ -79,6 +79,61 @@ export function ChevronIcon({
   });
 }
 
+/** A right-pointing triangle, drawn with borders — a voice note's play button. */
+export function PlayIcon({
+  size = 16,
+  color = palette.white,
+  style
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: /*#__PURE__*/_jsx(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. */
+export function PauseIcon({
+  size = 16,
+  color = palette.white,
+  style
+}) {
+  const bar = {
+    width: size * 0.26,
+    height: size * 0.8,
+    borderRadius: 1.5,
+    backgroundColor: color
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size,
+      flexDirection: 'row',
+      gap: size * 0.2
+    }, styles.center, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: bar
+    }), /*#__PURE__*/_jsx(View, {
+      style: bar
+    })]
+  });
+}
+
 /** Arrow with a shaft — used for the "start a conversation" affordance. */
 export function ArrowRightIcon({
   size = 16,