@oxy.so/bloom 2.10.0 → 2.12.0

package/lib/module/chat-composer/ReactionPicker.js

@@ -0,0 +1,113 @@
+"use strict";
+
+/**
+ * The quick reaction bar: six glyphs and a "+" that hands over to the full
+ * `EmojiPicker`. It is its own part rather than a mode of the picker because it
+ * is shown in a different place (over a message, above its menu) and must stay
+ * one row tall at 390px.
+ */
+import React, { useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { RiAddLine } from "../icons/remix/RiAddLine.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { REACTION_PICKER_EMOJIS, resolveChatComposerPalette } from "./shared.js";
+import { dataHook, useChatComposerWebCss } from "./web-hooks.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BOX = {
+  small: 30,
+  medium: 36
+};
+const GLYPH = {
+  small: 'title-3-regular',
+  medium: 'title-2-regular'
+};
+export function ReactionPicker({
+  emojis = REACTION_PICKER_EMOJIS,
+  selected,
+  onSelectEmoji,
+  onMorePress,
+  moreLabel = 'More reactions',
+  size = 'medium',
+  surface = true,
+  style,
+  testID,
+  accessibilityLabel = 'Quick reactions',
+  emojiLabel
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  useChatComposerWebCss();
+  const [hovered, setHovered] = useState(null);
+  const box = BOX[size];
+  const bar = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 2,
+    alignSelf: 'flex-start',
+    borderRadius: 9999,
+    paddingLeft: 4,
+    paddingRight: 4,
+    paddingTop: 4,
+    paddingBottom: 4,
+    ...(surface ? {
+      backgroundColor: palette.surface,
+      borderWidth: 1,
+      borderColor: palette.border,
+      boxShadow: palette.shadowPanel
+    } : null),
+    '--bloom-chat-composer-ring': palette.focusRing
+  };
+  const cell = (key, active) => ({
+    width: box,
+    height: box,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 9999,
+    backgroundColor: active ? palette.accentSoft : hovered === key ? palette.hover : 'transparent',
+    cursor: 'pointer'
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityLabel: accessibilityLabel,
+    style: [bar, style],
+    testID: testID,
+    children: [emojis.map(emoji => {
+      const active = selected === emoji;
+      return /*#__PURE__*/_jsx(Pressable, {
+        ...dataHook('bloomChatComposerControl'),
+        accessibilityRole: "button",
+        accessibilityLabel: emojiLabel ? emojiLabel(emoji) : emoji,
+        "aria-pressed": active,
+        accessibilityState: {
+          selected: active
+        },
+        onPress: () => onSelectEmoji?.(emoji),
+        onHoverIn: () => setHovered(emoji),
+        onHoverOut: () => setHovered(null),
+        style: cell(emoji, active),
+        testID: testID ? `${testID}-${emoji}` : undefined,
+        children: /*#__PURE__*/_jsx(Text, {
+          variant: GLYPH[size],
+          children: emoji
+        })
+      }, emoji);
+    }), onMorePress ? /*#__PURE__*/_jsx(Pressable, {
+      ...dataHook('bloomChatComposerControl'),
+      accessibilityRole: "button",
+      accessibilityLabel: moreLabel,
+      onPress: onMorePress,
+      onHoverIn: () => setHovered('__more'),
+      onHoverOut: () => setHovered(null),
+      style: [cell('__more', false), {
+        backgroundColor: hovered === '__more' ? palette.hover : palette.inset
+      }],
+      testID: testID ? `${testID}-more` : undefined,
+      children: /*#__PURE__*/_jsx(RiAddLine, {
+        width: 18,
+        height: 18,
+        fill: palette.iconSecondary
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=ReactionPicker.js.map

package/lib/module/chat-composer/ReactionPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","View","RiAddLine","useTheme","Text","REACTION_PICKER_EMOJIS","resolveChatComposerPalette","dataHook","useChatComposerWebCss","jsx","_jsx","jsxs","_jsxs","BOX","small","medium","GLYPH","ReactionPicker","emojis","selected","onSelectEmoji","onMorePress","moreLabel","size","surface","style","testID","accessibilityLabel","emojiLabel","theme","palette","hovered","setHovered","box","bar","flexDirection","alignItems","gap","alignSelf","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","backgroundColor","borderWidth","borderColor","border","boxShadow","shadowPanel","focusRing","cell","key","active","width","height","justifyContent","accentSoft","hover","cursor","children","map","emoji","accessibilityRole","accessibilityState","onPress","onHoverIn","onHoverOut","undefined","variant","inset","fill","iconSecondary"],"sourceRoot":"../../../src","sources":["chat-composer/ReactionPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-composer/SuggestionList.js

@@ -0,0 +1,225 @@
+"use strict";
+
+/**
+ * The anchored list above the composer: `@mention`, `/command` and `:shortcode`
+ * are ONE part with a `kind`, because the row geometry, the keyboard model and
+ * the announced role are identical — only the leading slot differs.
+ *
+ * It is a listbox the composer's field OWNS: `activeIndex` arrives as a prop and
+ * the arrow keys are handled on the input, never here. A list that kept its own
+ * highlight would fight the field for it the first time a pointer moved.
+ */
+import React from 'react';
+import { Image, Pressable, ScrollView, View } from 'react-native';
+import { RiHashtag } from "../icons/remix/RiHashtag.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { PANEL_RADIUS, SUGGESTION_MAX_HEIGHT, SUGGESTION_ROW_HEIGHT, resolveChatComposerPalette } from "./shared.js";
+import { dataHook, IS_WEB } from "./web-hooks.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_NAMES = {
+  mention: 'People',
+  command: 'Commands',
+  emoji: 'Emoji'
+};
+function isUrl(value) {
+  return /^(https?:)?\/\//.test(value) || value.startsWith('data:') || value.startsWith('file:');
+}
+function Leading({
+  kind,
+  suggestion
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  const resolveImage = useImageResolver();
+  if (kind === 'emoji') {
+    return /*#__PURE__*/_jsx(Text, {
+      variant: "title-2-regular",
+      style: {
+        width: 28,
+        textAlign: 'center'
+      },
+      children: suggestion.emoji ?? suggestion.label
+    });
+  }
+  if (kind === 'mention') {
+    const uri = suggestion.avatar === undefined ? undefined : isUrl(suggestion.avatar) ? suggestion.avatar : resolveImage?.(suggestion.avatar, 'thumb');
+    return uri ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri
+      },
+      accessibilityIgnoresInvertColors: true,
+      style: {
+        width: 28,
+        height: 28,
+        borderRadius: 14,
+        backgroundColor: palette.inset
+      }
+    }) : /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 28,
+        height: 28,
+        borderRadius: 14,
+        backgroundColor: palette.inset,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-medium",
+        style: {
+          color: palette.textSecondary
+        },
+        children: suggestion.label.slice(0, 1).toUpperCase()
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 28,
+      height: 28,
+      borderRadius: 8,
+      backgroundColor: palette.inset,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/_jsx(RiHashtag, {
+      width: 16,
+      height: 16,
+      fill: palette.iconSecondary
+    })
+  });
+}
+export function SuggestionList({
+  kind,
+  suggestions,
+  activeIndex = -1,
+  onSelectSuggestion,
+  onActiveIndexChange,
+  header,
+  maxHeight = SUGGESTION_MAX_HEIGHT,
+  style,
+  testID,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  if (suggestions.length === 0) return null;
+
+  // React Native's `Role` union has no `listbox`; react-native-web passes the
+  // DOM `role` straight through, so it travels as a web-only prop.
+  const listRole = IS_WEB ? {
+    role: 'listbox'
+  } : {
+    accessibilityRole: 'list'
+  };
+  const panel = {
+    borderRadius: PANEL_RADIUS,
+    borderWidth: 1,
+    borderColor: palette.border,
+    backgroundColor: palette.surface,
+    boxShadow: palette.shadowPanel,
+    paddingTop: 6,
+    paddingBottom: 6,
+    paddingLeft: 6,
+    paddingRight: 6,
+    overflow: 'hidden'
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [panel, style],
+    testID: testID,
+    children: [header ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-medium",
+      style: {
+        color: palette.textSecondary,
+        paddingLeft: 8,
+        paddingRight: 8,
+        paddingTop: 2,
+        paddingBottom: 6
+      },
+      children: header
+    }) : null, /*#__PURE__*/_jsx(ScrollView, {
+      ...dataHook('bloomChatComposerScroll'),
+      ...listRole,
+      accessibilityLabel: accessibilityLabel ?? DEFAULT_NAMES[kind],
+      style: {
+        maxHeight
+      },
+      showsVerticalScrollIndicator: false,
+      children: suggestions.map((suggestion, index) => {
+        const active = index === activeIndex;
+        const row = {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 10,
+          minHeight: SUGGESTION_ROW_HEIGHT,
+          borderRadius: 10,
+          paddingLeft: 8,
+          paddingRight: 8,
+          paddingTop: 6,
+          paddingBottom: 6,
+          opacity: suggestion.disabled ? 0.5 : 1,
+          backgroundColor: active ? palette.hover : 'transparent',
+          cursor: suggestion.disabled ? 'auto' : 'pointer',
+          '--bloom-chat-composer-ring': palette.focusRing
+        };
+        const name = suggestion.handle ? `${suggestion.label} ${suggestion.handle}` : suggestion.label;
+        return /*#__PURE__*/_jsxs(Pressable, {
+          ...dataHook('bloomChatComposerRow'),
+          role: "option",
+          accessibilityLabel: name,
+          "aria-selected": active,
+          accessibilityState: {
+            selected: active,
+            disabled: suggestion.disabled
+          },
+          disabled: suggestion.disabled,
+          onPress: () => onSelectSuggestion?.(suggestion, index),
+          onHoverIn: () => onActiveIndexChange?.(index),
+          style: row,
+          testID: testID ? `${testID}-row-${suggestion.id}` : undefined,
+          children: [/*#__PURE__*/_jsx(Leading, {
+            kind: kind,
+            suggestion: suggestion
+          }), /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexShrink: 1,
+              flexGrow: 1
+            },
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'baseline',
+                gap: 6
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                variant: "body-medium",
+                numberOfLines: 1,
+                style: {
+                  color: palette.text
+                },
+                children: suggestion.label
+              }), suggestion.handle ? /*#__PURE__*/_jsx(Text, {
+                variant: "body-2-regular",
+                numberOfLines: 1,
+                style: {
+                  color: palette.textSecondary,
+                  flexShrink: 1
+                },
+                children: suggestion.handle
+              }) : null]
+            }), suggestion.description ? /*#__PURE__*/_jsx(Text, {
+              variant: "caption-1-regular",
+              numberOfLines: 1,
+              style: {
+                color: palette.textPlaceholder
+              },
+              children: suggestion.description
+            }) : null]
+          })]
+        }, suggestion.id);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=SuggestionList.js.map

package/lib/module/chat-composer/SuggestionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Pressable","ScrollView","View","RiHashtag","useImageResolver","useTheme","Text","PANEL_RADIUS","SUGGESTION_MAX_HEIGHT","SUGGESTION_ROW_HEIGHT","resolveChatComposerPalette","dataHook","IS_WEB","jsx","_jsx","jsxs","_jsxs","DEFAULT_NAMES","mention","command","emoji","isUrl","value","test","startsWith","Leading","kind","suggestion","theme","palette","resolveImage","variant","style","width","textAlign","children","label","uri","avatar","undefined","source","accessibilityIgnoresInvertColors","height","borderRadius","backgroundColor","inset","alignItems","justifyContent","color","textSecondary","slice","toUpperCase","fill","iconSecondary","SuggestionList","suggestions","activeIndex","onSelectSuggestion","onActiveIndexChange","header","maxHeight","testID","accessibilityLabel","length","listRole","role","accessibilityRole","panel","borderWidth","borderColor","border","surface","boxShadow","shadowPanel","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","showsVerticalScrollIndicator","map","index","active","row","flexDirection","gap","minHeight","opacity","disabled","hover","cursor","focusRing","name","handle","accessibilityState","selected","onPress","onHoverIn","id","flexShrink","flexGrow","numberOfLines","text","description","textPlaceholder"],"sourceRoot":"../../../src","sources":["chat-composer/SuggestionList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat-composer/VoiceRecorder.js

@@ -0,0 +1,259 @@
+"use strict";
+
+/**
+ * The bar while a voice message is being recorded, and after: a live meter
+ * (`recording`), a hands-free one with explicit buttons (`locked`), and the
+ * playable result (`preview`).
+ *
+ * Purely presentational, and deliberately so — the elapsed time, the levels and
+ * the playback position all arrive as props. A recorder that owned a timer
+ * would be reading the clock inside a component, which is the one thing every
+ * relative time in this fleet is forbidden to do; it also makes the three
+ * states impossible to screenshot.
+ */
+import React, { useEffect, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { RiArrowLeftSLine } from "../icons/remix/RiArrowLeftSLine.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { RiDeleteBinLine } from "../icons/remix/RiDeleteBinLine.js";
+import { RiLockLine } from "../icons/remix/RiLockLine.js";
+import { RiPauseFill } from "../icons/remix/RiPauseFill.js";
+import { RiPlayFill } from "../icons/remix/RiPlayFill.js";
+import { RiSendPlaneLine } from "../icons/remix/RiSendPlaneLine.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { ComposerIconButton } from "./ComposerIconButton.js";
+import { BAR_PADDING, BAR_RADIUS, CONTROL_SIZE, VOICE_RECORDER_LABELS, WAVE_BAR_GAP, WAVE_BAR_WIDTH, WAVE_HEIGHT, formatRecordingTime, resolveChatComposerPalette, waveformBars } from "./shared.js";
+import { IS_WEB, dataHook, useChatComposerWebCss } from "./web-hooks.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const EASE_IN_OUT = Easing.bezier(0.42, 0, 0.58, 1);
+
+/** The live "we are recording" dot. CSS keyframes on web, a reanimated loop on native. */
+function RecordDot({
+  color,
+  active
+}) {
+  const reducedMotion = useReducedMotion();
+  const opacity = useSharedValue(1);
+  useEffect(() => {
+    if (IS_WEB || !active || reducedMotion) return;
+    opacity.value = withRepeat(withSequence(withTiming(0.25, {
+      duration: 500,
+      easing: EASE_IN_OUT
+    }), withTiming(1, {
+      duration: 500,
+      easing: EASE_IN_OUT
+    })), -1);
+    return () => cancelAnimation(opacity);
+  }, [active, reducedMotion, opacity]);
+  const animated = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }), [opacity]);
+  const base = {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: color
+  };
+  if (IS_WEB) {
+    const web = active && !reducedMotion ? {
+      ...base,
+      animation: 'bloom-chat-composer-pulse 1000ms ease-in-out infinite'
+    } : base;
+    return /*#__PURE__*/_jsx(View, {
+      style: web
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [base, animated]
+  });
+}
+
+/**
+ * The meter. Bars are laid out from a MEASURED width rather than a fixed count,
+ * so the same recorder reads correctly in a 390px column and a 900px one; the
+ * oldest samples fall off the left as the array grows.
+ */
+function Waveform({
+  amplitudes,
+  color,
+  dimColor,
+  progress,
+  testID
+}) {
+  const [width, setWidth] = useState(0);
+  const onLayout = event => setWidth(event.nativeEvent.layout.width);
+  const slot = WAVE_BAR_WIDTH + WAVE_BAR_GAP;
+  const count = width > 0 ? Math.max(1, Math.floor(width / slot)) : 0;
+  const bars = count > 0 ? waveformBars(amplitudes, count) : [];
+  const played = progress === undefined ? bars.length : Math.round(bars.length * progress);
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout,
+    style: {
+      flexGrow: 1,
+      flexShrink: 1,
+      height: WAVE_HEIGHT,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: WAVE_BAR_GAP,
+      overflow: 'hidden'
+    },
+    testID: testID,
+    children: bars.map((level, index) => /*#__PURE__*/_jsx(View, {
+      style: {
+        width: WAVE_BAR_WIDTH,
+        height: Math.max(2, Math.round(level * WAVE_HEIGHT)),
+        borderRadius: WAVE_BAR_WIDTH,
+        backgroundColor: index < played ? color : dimColor
+      }
+    }, index))
+  });
+}
+export function VoiceRecorder({
+  state,
+  seconds,
+  duration,
+  amplitudes = [],
+  playing = false,
+  onPlayToggle,
+  onCancel,
+  onDelete,
+  onSend,
+  onLock,
+  slideToCancel = !IS_WEB,
+  labels: labelOverrides,
+  style,
+  testID,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  useChatComposerWebCss();
+  const labels = {
+    ...VOICE_RECORDER_LABELS,
+    ...labelOverrides
+  };
+  const preview = state === 'preview';
+  const total = duration ?? seconds;
+  const bar = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    minHeight: CONTROL_SIZE + BAR_PADDING * 2,
+    borderRadius: BAR_RADIUS,
+    borderWidth: 1,
+    borderColor: palette.border,
+    backgroundColor: palette.surface,
+    paddingLeft: 12,
+    paddingRight: BAR_PADDING,
+    paddingTop: BAR_PADDING,
+    paddingBottom: BAR_PADDING,
+    '--bloom-chat-composer-ring': palette.focusRing
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityLabel: accessibilityLabel ?? labels.recording,
+    style: [bar, style],
+    testID: testID,
+    children: [preview ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [onDelete ? /*#__PURE__*/_jsx(ComposerIconButton, {
+        icon: RiDeleteBinLine,
+        accessibilityLabel: labels.delete,
+        onPress: onDelete,
+        size: 32,
+        iconSize: 18,
+        style: {
+          marginLeft: -6
+        },
+        testID: testID ? `${testID}-delete` : undefined
+      }) : null, /*#__PURE__*/_jsx(ComposerIconButton, {
+        icon: playing ? RiPauseFill : RiPlayFill,
+        accessibilityLabel: playing ? labels.pause : labels.play,
+        onPress: onPlayToggle,
+        size: 32,
+        iconSize: 18,
+        style: {
+          backgroundColor: palette.inset
+        },
+        testID: testID ? `${testID}-play` : undefined
+      })]
+    }) : /*#__PURE__*/_jsx(RecordDot, {
+      color: palette.destructive,
+      active: true
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-medium",
+      style: {
+        color: palette.text,
+        minWidth: 40
+      },
+      testID: testID ? `${testID}-time` : undefined,
+      children: formatRecordingTime(seconds)
+    }), /*#__PURE__*/_jsx(Waveform, {
+      amplitudes: amplitudes,
+      color: preview ? palette.accent : palette.destructive,
+      dimColor: palette.border,
+      progress: preview && total > 0 ? Math.min(1, seconds / total) : undefined,
+      testID: testID ? `${testID}-wave` : undefined
+    }), preview ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      style: {
+        color: palette.textSecondary
+      },
+      children: formatRecordingTime(total)
+    }) : null, state === 'recording' && slideToCancel ? /*#__PURE__*/_jsxs(Pressable, {
+      ...dataHook('bloomChatComposerControl'),
+      accessibilityRole: "button",
+      accessibilityLabel: labels.cancel,
+      onPress: onCancel,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 2
+      },
+      testID: testID ? `${testID}-slide` : undefined,
+      children: [/*#__PURE__*/_jsx(RiArrowLeftSLine, {
+        width: 16,
+        height: 16,
+        fill: palette.textSecondary
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        style: {
+          color: palette.textSecondary
+        },
+        children: labels.slideToCancel
+      })]
+    }) : null, state === 'recording' && !slideToCancel && onCancel ? /*#__PURE__*/_jsx(ComposerIconButton, {
+      icon: RiCloseLine,
+      accessibilityLabel: labels.cancel,
+      onPress: onCancel,
+      size: 32,
+      iconSize: 18,
+      testID: testID ? `${testID}-cancel` : undefined
+    }) : null, state === 'recording' && onLock ? /*#__PURE__*/_jsx(ComposerIconButton, {
+      icon: RiLockLine,
+      accessibilityLabel: labels.lock,
+      onPress: onLock,
+      size: 32,
+      iconSize: 16,
+      style: {
+        backgroundColor: palette.inset
+      },
+      testID: testID ? `${testID}-lock` : undefined
+    }) : null, state !== 'recording' && onCancel ? /*#__PURE__*/_jsx(ComposerIconButton, {
+      icon: RiCloseLine,
+      accessibilityLabel: labels.cancel,
+      onPress: onCancel,
+      size: 32,
+      iconSize: 18,
+      testID: testID ? `${testID}-cancel` : undefined
+    }) : null, onSend && state !== 'recording' ? /*#__PURE__*/_jsx(ComposerIconButton, {
+      icon: RiSendPlaneLine,
+      tone: "accent",
+      accessibilityLabel: labels.send,
+      onPress: onSend,
+      iconSize: 18,
+      testID: testID ? `${testID}-send` : undefined
+    }) : null]
+  });
+}
+//# sourceMappingURL=VoiceRecorder.js.map

package/lib/module/chat-composer/VoiceRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Pressable","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withSequence","withTiming","RiArrowLeftSLine","RiCloseLine","RiDeleteBinLine","RiLockLine","RiPauseFill","RiPlayFill","RiSendPlaneLine","useTheme","Text","ComposerIconButton","BAR_PADDING","BAR_RADIUS","CONTROL_SIZE","VOICE_RECORDER_LABELS","WAVE_BAR_GAP","WAVE_BAR_WIDTH","WAVE_HEIGHT","formatRecordingTime","resolveChatComposerPalette","waveformBars","IS_WEB","dataHook","useChatComposerWebCss","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","EASE_IN_OUT","bezier","RecordDot","color","active","reducedMotion","opacity","value","duration","easing","animated","base","width","height","borderRadius","backgroundColor","web","animation","style","Waveform","amplitudes","dimColor","progress","testID","setWidth","onLayout","event","nativeEvent","layout","slot","count","Math","max","floor","bars","played","undefined","length","round","flexGrow","flexShrink","flexDirection","alignItems","gap","overflow","children","map","level","index","VoiceRecorder","state","seconds","playing","onPlayToggle","onCancel","onDelete","onSend","onLock","slideToCancel","labels","labelOverrides","accessibilityLabel","theme","palette","preview","total","bar","minHeight","borderWidth","borderColor","border","surface","paddingLeft","paddingRight","paddingTop","paddingBottom","focusRing","recording","icon","delete","onPress","size","iconSize","marginLeft","pause","play","inset","destructive","variant","text","minWidth","accent","min","textSecondary","accessibilityRole","cancel","fill","lock","tone","send"],"sourceRoot":"../../../src","sources":["chat-composer/VoiceRecorder.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,IAAI,QAAgC,cAAc;AACtE,OAAOC,QAAQ,IACbC,MAAM,EACNC,eAAe,EACfC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,UAAU,QACL,yBAAyB;AAEhC,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,eAAe,QAAQ,mCAAgC;AAEhE,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SACEC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,qBAAqB,EACrBC,YAAY,EACZC,cAAc,EACdC,WAAW,EACXC,mBAAmB,EACnBC,0BAA0B,EAC1BC,YAAY,QACP,aAAU;AAEjB,SAASC,MAAM,EAAEC,QAAQ,EAAEC,qBAAqB,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtE,MAAMC,WAAW,GAAGrC,MAAM,CAACsC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;;AAEnD;AACA,SAASC,SAASA,CAAC;EAAEC,KAAK;EAAEC;AAA2C,CAAC,EAAE;EACxE,MAAMC,aAAa,GAAGvC,gBAAgB,CAAC,CAAC;EACxC,MAAMwC,OAAO,GAAGvC,cAAc,CAAC,CAAC,CAAC;EACjCT,SAAS,CAAC,MAAM;IACd,IAAIiC,MAAM,IAAI,CAACa,MAAM,IAAIC,aAAa,EAAE;IACxCC,OAAO,CAACC,KAAK,GAAGvC,UAAU,CACxBC,YAAY,CACVC,UAAU,CAAC,IAAI,EAAE;MAAEsC,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAET;IAAY,CAAC,CAAC,EACxD9B,UAAU,CAAC,CAAC,EAAE;MAAEsC,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAET;IAAY,CAAC,CACtD,CAAC,EACD,CAAC,CACH,CAAC;IACD,OAAO,MAAMpC,eAAe,CAAC0C,OAAO,CAAC;EACvC,CAAC,EAAE,CAACF,MAAM,EAAEC,aAAa,EAAEC,OAAO,CAAC,CAAC;EACpC,MAAMI,QAAQ,GAAG7C,gBAAgB,CAAC,OAAO;IAAEyC,OAAO,EAAEA,OAAO,CAACC;EAAM,CAAC,CAAC,EAAE,CAACD,OAAO,CAAC,CAAC;EAEhF,MAAMK,IAAI,GAAG;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE,CAAC;IAAEC,YAAY,EAAE,CAAC;IAAEC,eAAe,EAAEZ;EAAM,CAAC;EAC7E,IAAIZ,MAAM,EAAE;IACV,MAAMyB,GAAgB,GACpBZ,MAAM,IAAI,CAACC,aAAa,GACpB;MAAE,GAAGM,IAAI;MAAEM,SAAS,EAAE;IAAwD,CAAC,GAC/EN,IAAI;IACV,oBAAOhB,IAAA,CAAClC,IAAI;MAACyD,KAAK,EAAEF;IAAI,CAAE,CAAC;EAC7B;EACA,oBAAOrB,IAAA,CAACjC,QAAQ,CAACD,IAAI;IAACyD,KAAK,EAAE,CAACP,IAAI,EAAED,QAAQ;EAAE,CAAE,CAAC;AACnD;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASS,QAAQA,CAAC;EAChBC,UAAU;EACVjB,KAAK;EACLkB,QAAQ;EACRC,QAAQ;EACRC;AAQF,CAAC,EAAE;EACD,MAAM,CAACX,KAAK,EAAEY,QAAQ,CAAC,GAAGjE,QAAQ,CAAC,CAAC,CAAC;EACrC,MAAMkE,QAAQ,GAAIC,KAAwB,IAAKF,QAAQ,CAACE,KAAK,CAACC,WAAW,CAACC,MAAM,CAAChB,KAAK,CAAC;EACvF,MAAMiB,IAAI,GAAG3C,cAAc,GAAGD,YAAY;EAC1C,MAAM6C,KAAK,GAAGlB,KAAK,GAAG,CAAC,GAAGmB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACrB,KAAK,GAAGiB,IAAI,CAAC,CAAC,GAAG,CAAC;EACnE,MAAMK,IAAI,GAAGJ,KAAK,GAAG,CAAC,GAAGxC,YAAY,CAAC8B,UAAU,EAAEU,KAAK,CAAC,GAAG,EAAE;EAC7D,MAAMK,MAAM,GAAGb,QAAQ,KAAKc,SAAS,GAAGF,IAAI,CAACG,MAAM,GAAGN,IAAI,CAACO,KAAK,CAACJ,IAAI,CAACG,MAAM,GAAGf,QAAQ,CAAC;EAExF,oBACE3B,IAAA,CAAClC,IAAI;IACHgE,QAAQ,EAAEA,QAAS;IACnBP,KAAK,EAAE;MACLqB,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE,CAAC;MACb3B,MAAM,EAAE1B,WAAW;MACnBsD,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE1D,YAAY;MACjB2D,QAAQ,EAAE;IACZ,CAAE;IACFrB,MAAM,EAAEA,MAAO;IAAAsB,QAAA,EACdX,IAAI,CAACY,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACrBrD,IAAA,CAAClC,IAAI;MAEHyD,KAAK,EAAE;QACLN,KAAK,EAAE1B,cAAc;QACrB2B,MAAM,EAAEkB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACO,KAAK,CAACS,KAAK,GAAG5D,WAAW,CAAC,CAAC;QACpD2B,YAAY,EAAE5B,cAAc;QAC5B6B,eAAe,EAAEiC,KAAK,GAAGb,MAAM,GAAGhC,KAAK,GAAGkB;MAC5C;IAAE,GANG2B,KAON,CACF;EAAC,CACE,CAAC;AAEX;AAEA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,KAAK;EACLC,OAAO;EACP3C,QAAQ;EACRY,UAAU,GAAG,EAAE;EACfgC,OAAO,GAAG,KAAK;EACfC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,MAAM;EACNC,aAAa,GAAG,CAACnE,MAAM;EACvBoE,MAAM,EAAEC,cAAc;EACtB1C,KAAK;EACLK,MAAM;EACNsC;AACkB,CAAC,EAAE;EACrB,MAAMC,KAAK,GAAGpF,QAAQ,CAAC,CAAC;EACxB,MAAMqF,OAAO,GAAG1E,0BAA0B,CAACyE,KAAK,CAAC;EACjDrE,qBAAqB,CAAC,CAAC;EACvB,MAAMkE,MAAM,GAAG;IAAE,GAAG3E,qBAAqB;IAAE,GAAG4E;EAAe,CAAC;EAC9D,MAAMI,OAAO,GAAGd,KAAK,KAAK,SAAS;EACnC,MAAMe,KAAK,GAAGzD,QAAQ,IAAI2C,OAAO;EAEjC,MAAMe,GAAgB,GAAG;IACvBzB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPwB,SAAS,EAAEpF,YAAY,GAAGF,WAAW,GAAG,CAAC;IACzCiC,YAAY,EAAEhC,UAAU;IACxBsF,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEN,OAAO,CAACO,MAAM;IAC3BvD,eAAe,EAAEgD,OAAO,CAACQ,OAAO;IAChCC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE5F,WAAW;IACzB6F,UAAU,EAAE7F,WAAW;IACvB8F,aAAa,EAAE9F,WAAW;IAC1B,4BAA4B,EAAEkF,OAAO,CAACa;EACxC,CAAC;EAED,oBACE7E,KAAA,CAACtC,IAAI;IACHoG,kBAAkB,EAAEA,kBAAkB,IAAIF,MAAM,CAACkB,SAAU;IAC3D3D,KAAK,EAAE,CAACgD,GAAG,EAAEhD,KAAK,CAAE;IACpBK,MAAM,EAAEA,MAAO;IAAAsB,QAAA,GACdmB,OAAO,gBACNjE,KAAA,CAAAF,SAAA;MAAAgD,QAAA,GACGU,QAAQ,gBACP5D,IAAA,CAACf,kBAAkB;QACjBkG,IAAI,EAAEzG,eAAgB;QACtBwF,kBAAkB,EAAEF,MAAM,CAACoB,MAAO;QAClCC,OAAO,EAAEzB,QAAS;QAClB0B,IAAI,EAAE,EAAG;QACTC,QAAQ,EAAE,EAAG;QACbhE,KAAK,EAAE;UAAEiE,UAAU,EAAE,CAAC;QAAE,CAAE;QAC1B5D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGa;MAAU,CACjD,CAAC,GACA,IAAI,eACRzC,IAAA,CAACf,kBAAkB;QACjBkG,IAAI,EAAE1B,OAAO,GAAG7E,WAAW,GAAGC,UAAW;QACzCqF,kBAAkB,EAAET,OAAO,GAAGO,MAAM,CAACyB,KAAK,GAAGzB,MAAM,CAAC0B,IAAK;QACzDL,OAAO,EAAE3B,YAAa;QACtB4B,IAAI,EAAE,EAAG;QACTC,QAAQ,EAAE,EAAG;QACbhE,KAAK,EAAE;UAAEH,eAAe,EAAEgD,OAAO,CAACuB;QAAM,CAAE;QAC1C/D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGa;MAAU,CAC/C,CAAC;IAAA,CACF,CAAC,gBAEHzC,IAAA,CAACO,SAAS;MAACC,KAAK,EAAE4D,OAAO,CAACwB,WAAY;MAACnF,MAAM;IAAA,CAAE,CAChD,eAEDT,IAAA,CAAChB,IAAI;MACH6G,OAAO,EAAC,eAAe;MACvBtE,KAAK,EAAE;QAAEf,KAAK,EAAE4D,OAAO,CAAC0B,IAAI;QAAEC,QAAQ,EAAE;MAAG,CAAE;MAC7CnE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGa,SAAU;MAAAS,QAAA,EAC7CzD,mBAAmB,CAAC+D,OAAO;IAAC,CACzB,CAAC,eAEPxD,IAAA,CAACwB,QAAQ;MACPC,UAAU,EAAEA,UAAW;MACvBjB,KAAK,EAAE6D,OAAO,GAAGD,OAAO,CAAC4B,MAAM,GAAG5B,OAAO,CAACwB,WAAY;MACtDlE,QAAQ,EAAE0C,OAAO,CAACO,MAAO;MACzBhD,QAAQ,EAAE0C,OAAO,IAAIC,KAAK,GAAG,CAAC,GAAGlC,IAAI,CAAC6D,GAAG,CAAC,CAAC,EAAEzC,OAAO,GAAGc,KAAK,CAAC,GAAG7B,SAAU;MAC1Eb,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGa;IAAU,CAC/C,CAAC,EAED4B,OAAO,gBACNrE,IAAA,CAAChB,IAAI;MAAC6G,OAAO,EAAC,mBAAmB;MAACtE,KAAK,EAAE;QAAEf,KAAK,EAAE4D,OAAO,CAAC8B;MAAc,CAAE;MAAAhD,QAAA,EACvEzD,mBAAmB,CAAC6E,KAAK;IAAC,CACvB,CAAC,GACL,IAAI,EAEPf,KAAK,KAAK,WAAW,IAAIQ,aAAa,gBACrC3D,KAAA,CAACvC,SAAS;MAAA,GACJgC,QAAQ,CAAC,0BAA0B,CAAC;MACxCsG,iBAAiB,EAAC,QAAQ;MAC1BjC,kBAAkB,EAAEF,MAAM,CAACoC,MAAO;MAClCf,OAAO,EAAE1B,QAAS;MAClBpC,KAAK,EAAE;QAAEuB,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAE,CAAE;MAC9DpB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGa,SAAU;MAAAS,QAAA,gBAC/ClD,IAAA,CAACxB,gBAAgB;QAACyC,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACmF,IAAI,EAAEjC,OAAO,CAAC8B;MAAc,CAAE,CAAC,eACxElG,IAAA,CAAChB,IAAI;QAAC6G,OAAO,EAAC,mBAAmB;QAACtE,KAAK,EAAE;UAAEf,KAAK,EAAE4D,OAAO,CAAC8B;QAAc,CAAE;QAAAhD,QAAA,EACvEc,MAAM,CAACD;MAAa,CACjB,CAAC;IAAA,CACE,CAAC,GACV,IAAI,EAEPR,KAAK,KAAK,WAAW,IAAI,CAACQ,aAAa,IAAIJ,QAAQ,gBAClD3D,IAAA,CAACf,kBAAkB;MACjBkG,IAAI,EAAE1G,WAAY;MAClByF,kBAAkB,EAAEF,MAAM,CAACoC,MAAO;MAClCf,OAAO,EAAE1B,QAAS;MAClB2B,IAAI,EAAE,EAAG;MACTC,QAAQ,EAAE,EAAG;MACb3D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGa;IAAU,CACjD,CAAC,GACA,IAAI,EAEPc,KAAK,KAAK,WAAW,IAAIO,MAAM,gBAC9B9D,IAAA,CAACf,kBAAkB;MACjBkG,IAAI,EAAExG,UAAW;MACjBuF,kBAAkB,EAAEF,MAAM,CAACsC,IAAK;MAChCjB,OAAO,EAAEvB,MAAO;MAChBwB,IAAI,EAAE,EAAG;MACTC,QAAQ,EAAE,EAAG;MACbhE,KAAK,EAAE;QAAEH,eAAe,EAAEgD,OAAO,CAACuB;MAAM,CAAE;MAC1C/D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGa;IAAU,CAC/C,CAAC,GACA,IAAI,EAEPc,KAAK,KAAK,WAAW,IAAII,QAAQ,gBAChC3D,IAAA,CAACf,kBAAkB;MACjBkG,IAAI,EAAE1G,WAAY;MAClByF,kBAAkB,EAAEF,MAAM,CAACoC,MAAO;MAClCf,OAAO,EAAE1B,QAAS;MAClB2B,IAAI,EAAE,EAAG;MACTC,QAAQ,EAAE,EAAG;MACb3D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGa;IAAU,CACjD,CAAC,GACA,IAAI,EAEPoB,MAAM,IAAIN,KAAK,KAAK,WAAW,gBAC9BvD,IAAA,CAACf,kBAAkB;MACjBkG,IAAI,EAAErG,eAAgB;MACtByH,IAAI,EAAC,QAAQ;MACbrC,kBAAkB,EAAEF,MAAM,CAACwC,IAAK;MAChCnB,OAAO,EAAExB,MAAO;MAChB0B,QAAQ,EAAE,EAAG;MACb3D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGa;IAAU,CAC/C,CAAC,GACA,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat-composer/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+export { ChatComposer } from "./ChatComposer.js";
+export { ComposerBanner } from "./ComposerBanner.js";
+export { ComposerAttachmentStrip } from "./ComposerAttachmentStrip.js";
+export { ComposerIconButton } from "./ComposerIconButton.js";
+export { SuggestionList } from "./SuggestionList.js";
+export { VoiceRecorder } from "./VoiceRecorder.js";
+export { AttachmentMenu } from "./AttachmentMenu.js";
+export { EmojiPicker } from "./EmojiPicker.js";
+export { ReactionPicker } from "./ReactionPicker.js";
+export { MessageContextMenu } from "./MessageContextMenu.js";
+export { ATTACHMENT_MENU_ITEMS, EMOJI_CATEGORY_ICONS, REACTION_PICKER_EMOJIS, SKIN_TONE_MODIFIERS, applySkinTone, emojiChar, filterEmojiGroups, formatRecordingTime } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/chat-composer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChatComposer","ComposerBanner","ComposerAttachmentStrip","ComposerIconButton","SuggestionList","VoiceRecorder","AttachmentMenu","EmojiPicker","ReactionPicker","MessageContextMenu","ATTACHMENT_MENU_ITEMS","EMOJI_CATEGORY_ICONS","REACTION_PICKER_EMOJIS","SKIN_TONE_MODIFIERS","applySkinTone","emojiChar","filterEmojiGroups","formatRecordingTime"],"sourceRoot":"../../../src","sources":["chat-composer/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,uBAAuB,QAAQ,8BAA2B;AACnE,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SACEC,qBAAqB,EACrBC,oBAAoB,EACpBC,sBAAsB,EACtBC,mBAAmB,EACnBC,aAAa,EACbC,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,QACd,aAAU","ignoreList":[]}