@oxy.so/bloom 2.9.0 → 2.11.0

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

@@ -0,0 +1,383 @@
+"use strict";
+
+/**
+ * The message input bar of a person-to-person chat: a radius-24 pill with a
+ * left attach button, an autosizing field, an emoji button and a right control
+ * that swaps between a mic (nothing to send) and an accent send disc (there is).
+ *
+ * Presentational. Every piece of state — the draft, the banners, the pending
+ * attachments, which suggestion is highlighted — arrives as a prop, because the
+ * app owns drafts per conversation and a composer that kept its own would lose
+ * them on every navigation.
+ */
+import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { TextInput, View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { RiAddLine } from "../icons/remix/RiAddLine.js";
+import { RiCameraLine } from "../icons/remix/RiCameraLine.js";
+import { RiEmotionLine } from "../icons/remix/RiEmotionLine.js";
+import { RiForbidLine } from "../icons/remix/RiForbidLine.js";
+import { RiMic2Line } from "../icons/remix/RiMic2Line.js";
+import { RiSendPlaneLine } from "../icons/remix/RiSendPlaneLine.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { ComposerAttachmentStrip } from "./ComposerAttachmentStrip.js";
+import { ComposerIconButton } from "./ComposerIconButton.js";
+import { BAR_PADDING, BAR_RADIUS, CHAT_COMPOSER_LABELS, CONTROL_SIZE, DEFAULT_MAX_LINES, LINE_HEIGHT, SWAP_MS, resolveChatComposerPalette } from "./shared.js";
+import { SuggestionList } from "./SuggestionList.js";
+import { dataHook, IS_WEB, useChatComposerWebCss } from "./web-hooks.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const EASE_OUT = Easing.bezier(0, 0, 0.2, 1);
+
+/**
+ * One half of the mic ↔ send crossfade.
+ *
+ * Two things the fade must not break, neither of which the animation expresses:
+ *
+ * `pointerEvents` is a PROP, not a style entry — react-native-web drops it from
+ * a style object silently, and a hidden layer that still takes the press is a
+ * send button that fires when the field is empty.
+ *
+ * The hidden half leaves the ACCESSIBILITY TREE too. Both halves stay mounted so
+ * they can cross-fade, so without this every composer announces "Send" and
+ * "Record a voice message" side by side and only one of them does anything.
+ * `aria-hidden` is what react-native-web reads and
+ * `importantForAccessibility` is what React Native reads; a surface that sets
+ * one of the two is hidden on one platform only.
+ */
+function SwapLayer({
+  shown,
+  children
+}) {
+  const reducedMotion = useReducedMotion();
+  const progress = useSharedValue(shown ? 1 : 0);
+  React.useEffect(() => {
+    progress.value = reducedMotion ? shown ? 1 : 0 : withTiming(shown ? 1 : 0, {
+      duration: SWAP_MS,
+      easing: EASE_OUT
+    });
+  }, [shown, reducedMotion, progress]);
+  const animated = useAnimatedStyle(() => ({
+    opacity: progress.value
+  }), [progress]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: shown ? 'auto' : 'none',
+    "aria-hidden": !shown,
+    accessibilityElementsHidden: !shown,
+    importantForAccessibility: shown ? 'auto' : 'no-hide-descendants',
+    style: [{
+      position: 'absolute',
+      top: 0,
+      left: 0
+    }, animated],
+    children: children
+  });
+}
+
+/** A DOM keyboard event as react-native-web hands it to `onKeyPress`. */
+
+export function ChatComposer({
+  value,
+  defaultValue = '',
+  onValueChange,
+  placeholder = 'Message',
+  onSend,
+  sendOn = 'enter',
+  maxLines = DEFAULT_MAX_LINES,
+  minLines = 1,
+  disabled = false,
+  notice,
+  noticeIcon,
+  banner,
+  attachments,
+  onRemoveAttachment,
+  leading,
+  onAttachPress,
+  emojiSlot,
+  onEmojiPress,
+  onCameraPress,
+  onMicPress,
+  onMicPressIn,
+  onMicPressOut,
+  canSend,
+  recorder,
+  suggestions,
+  suggestionKind = 'mention',
+  activeIndex = -1,
+  onActiveIndexChange,
+  onSelectSuggestion,
+  onEscape,
+  onEditLast,
+  showKeyboardHint = false,
+  inputRef,
+  onFocus,
+  onBlur,
+  labels: labelOverrides,
+  style,
+  testID,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  useChatComposerWebCss();
+  const labels = useMemo(() => ({
+    ...CHAT_COMPOSER_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const [text, setText] = useControllableState({
+    value,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const localRef = useRef(null);
+  const setFieldRef = useCallback(node => {
+    localRef.current = node;
+    if (inputRef) inputRef.current = node;
+  }, [inputRef]);
+  const minHeight = Math.max(1, minLines) * LINE_HEIGHT;
+  const maxHeight = Math.max(minLines, maxLines) * LINE_HEIGHT;
+  const [contentHeight, setContentHeight] = useState(minHeight);
+  const height = Math.min(maxHeight, Math.max(minHeight, contentHeight));
+
+  /**
+   * Web autosize measures the node, native reads `onContentSizeChange`.
+   *
+   * They are not interchangeable: react-native-web reports `scrollHeight`,
+   * which never falls below the height already applied, so a field grown to six
+   * lines and then emptied would stay six lines tall. Collapsing the node to
+   * zero first and restoring it in the same frame is what makes it SHRINK.
+   */
+  useLayoutEffect(() => {
+    if (!IS_WEB) return;
+    const node = localRef.current;
+    if (!node || typeof node.scrollHeight !== 'number' || !node.style) return;
+    const previous = node.style.height;
+    node.style.height = '0px';
+    const measured = node.scrollHeight;
+    node.style.height = previous;
+    if (measured > 0) setContentHeight(measured);
+  }, [text, minHeight]);
+  const onContentSizeChange = useCallback(event => {
+    if (IS_WEB) return;
+    setContentHeight(event.nativeEvent.contentSize.height);
+  }, []);
+  const trimmed = text.trim();
+  const hasAttachments = !!attachments && attachments.length > 0;
+  const showSend = canSend ?? (trimmed.length > 0 || hasAttachments);
+  const submit = useCallback(() => {
+    if (disabled || !showSend) return;
+    onSend?.(text);
+    if (value === undefined) setText('');
+  }, [disabled, showSend, onSend, text, value, setText]);
+  const openSuggestions = !!suggestions && suggestions.length > 0;
+  const onKeyPress = useCallback(event => {
+    if (!IS_WEB) return;
+    const native = event.nativeEvent;
+    // An IME candidate window is using the same keys; committing a
+    // composition must never send the half-written word behind it.
+    if (native.isComposing) return;
+    const mod = native.metaKey === true || native.ctrlKey === true;
+    if (openSuggestions && (native.key === 'ArrowDown' || native.key === 'ArrowUp')) {
+      event.preventDefault();
+      const count = suggestions?.length ?? 0;
+      const step = native.key === 'ArrowDown' ? 1 : -1;
+      const from = activeIndex < 0 ? step > 0 ? -1 : 0 : activeIndex;
+      onActiveIndexChange?.((from + step + count) % count);
+      return;
+    }
+    if (native.key === 'Escape') {
+      event.preventDefault();
+      onEscape?.();
+      return;
+    }
+    if (native.key === 'ArrowUp' && text.length === 0) {
+      event.preventDefault();
+      onEditLast?.();
+      return;
+    }
+    if (native.key !== 'Enter') return;
+    if (openSuggestions && activeIndex >= 0) {
+      const picked = suggestions?.[activeIndex];
+      if (picked && !picked.disabled) {
+        event.preventDefault();
+        onSelectSuggestion?.(picked, activeIndex);
+        return;
+      }
+    }
+    if (sendOn === 'enter' ? native.shiftKey !== true && !mod : mod) {
+      event.preventDefault();
+      submit();
+    }
+  }, [activeIndex, onActiveIndexChange, onEditLast, onEscape, onSelectSuggestion, openSuggestions, sendOn, submit, suggestions, text.length]);
+  const bar = {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: 2,
+    minHeight: CONTROL_SIZE + BAR_PADDING * 2,
+    borderRadius: BAR_RADIUS,
+    borderWidth: 1,
+    borderColor: palette.border,
+    // A disabled bar changes its FILL rather than its opacity. Dimming the
+    // container compounds with each control's own disabled opacity — 0.55 × 0.4
+    // put the send disc at 0.22, which reads as a rendering fault rather than a
+    // state.
+    backgroundColor: disabled ? palette.inset : palette.surface,
+    paddingLeft: BAR_PADDING,
+    paddingRight: BAR_PADDING,
+    paddingTop: BAR_PADDING,
+    paddingBottom: BAR_PADDING,
+    '--bloom-chat-composer-ring': palette.focusRing
+  };
+  const NoticeIcon = noticeIcon ?? RiForbidLine;
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      width: '100%',
+      flexDirection: 'column',
+      gap: 6
+    }, style],
+    testID: testID,
+    children: [openSuggestions ? /*#__PURE__*/_jsx(SuggestionList, {
+      kind: suggestionKind,
+      suggestions: suggestions ?? [],
+      activeIndex: activeIndex,
+      onActiveIndexChange: onActiveIndexChange,
+      onSelectSuggestion: onSelectSuggestion,
+      testID: testID ? `${testID}-suggestions` : undefined
+    }) : null, banner, hasAttachments ? /*#__PURE__*/_jsx(ComposerAttachmentStrip, {
+      attachments: attachments ?? [],
+      onRemove: onRemoveAttachment,
+      testID: testID ? `${testID}-attachments` : undefined
+    }) : null, recorder ?? /*#__PURE__*/_jsx(View, {
+      style: bar,
+      testID: testID ? `${testID}-bar` : undefined,
+      children: notice !== undefined ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'center',
+          gap: 8,
+          flexGrow: 1,
+          minHeight: CONTROL_SIZE,
+          paddingLeft: 12,
+          paddingRight: 12
+        },
+        testID: testID ? `${testID}-notice` : undefined,
+        children: typeof notice === 'string' ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(NoticeIcon, {
+            width: 16,
+            height: 16,
+            fill: palette.iconSecondary
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            numberOfLines: 2,
+            style: {
+              color: palette.textSecondary,
+              textAlign: 'center'
+            },
+            children: notice
+          })]
+        }) : notice
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [leading ?? (onAttachPress ? /*#__PURE__*/_jsx(ComposerIconButton, {
+          icon: RiAddLine,
+          accessibilityLabel: labels.attach,
+          onPress: onAttachPress,
+          disabled: disabled,
+          iconSize: 22,
+          testID: testID ? `${testID}-attach` : undefined
+        }) : null), /*#__PURE__*/_jsx(View, {
+          style: {
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            minHeight: CONTROL_SIZE,
+            paddingLeft: 6,
+            paddingRight: 6
+          },
+          children: /*#__PURE__*/_jsx(TextInput, {
+            ref: setFieldRef,
+            ...dataHook('bloomChatComposerInput'),
+            accessibilityLabel: labels.input,
+            multiline: true,
+            editable: !disabled,
+            value: text,
+            onChangeText: setText,
+            onKeyPress: onKeyPress,
+            onContentSizeChange: onContentSizeChange,
+            onFocus: onFocus,
+            onBlur: onBlur,
+            placeholder: placeholder,
+            placeholderTextColor: palette.textPlaceholder,
+            selectionColor: palette.accent,
+            cursorColor: palette.accent,
+            scrollEnabled: height >= maxHeight,
+            style: {
+              width: '100%',
+              height,
+              maxHeight,
+              padding: 0,
+              margin: 0,
+              ...TYPE_SCALE['body-regular'],
+              fontFamily: IS_WEB ? 'var(--bloom-font-sans)' : 'Inter',
+              color: disabled ? palette.textSecondary : palette.text,
+              backgroundColor: 'transparent'
+            },
+            testID: testID ? `${testID}-input` : undefined
+          })
+        }), onCameraPress ? /*#__PURE__*/_jsx(ComposerIconButton, {
+          icon: RiCameraLine,
+          accessibilityLabel: labels.camera,
+          onPress: onCameraPress,
+          disabled: disabled,
+          testID: testID ? `${testID}-camera` : undefined
+        }) : null, emojiSlot ?? (onEmojiPress ? /*#__PURE__*/_jsx(ComposerIconButton, {
+          icon: RiEmotionLine,
+          accessibilityLabel: labels.emoji,
+          onPress: onEmojiPress,
+          disabled: disabled,
+          testID: testID ? `${testID}-emoji` : undefined
+        }) : null), /*#__PURE__*/_jsxs(View, {
+          style: {
+            width: CONTROL_SIZE,
+            height: CONTROL_SIZE,
+            marginLeft: 2
+          },
+          children: [/*#__PURE__*/_jsx(SwapLayer, {
+            shown: showSend,
+            children: /*#__PURE__*/_jsx(ComposerIconButton, {
+              icon: RiSendPlaneLine,
+              tone: "accent",
+              accessibilityLabel: labels.send,
+              onPress: submit,
+              disabled: disabled,
+              iconSize: 18,
+              testID: testID ? `${testID}-send` : undefined
+            })
+          }), /*#__PURE__*/_jsx(SwapLayer, {
+            shown: !showSend,
+            children: /*#__PURE__*/_jsx(ComposerIconButton, {
+              icon: RiMic2Line,
+              accessibilityLabel: labels.mic,
+              onPress: onMicPress,
+              onPressIn: onMicPressIn,
+              onPressOut: onMicPressOut,
+              disabled: disabled,
+              testID: testID ? `${testID}-mic` : undefined
+            })
+          })]
+        })]
+      })
+    }), showKeyboardHint && IS_WEB && notice === undefined ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-2-regular",
+      style: {
+        color: palette.textPlaceholder,
+        paddingLeft: 14
+      },
+      children: sendOn === 'enter' ? labels.enterHint : labels.modEnterHint
+    }) : null]
+  });
+}
+//# sourceMappingURL=ChatComposer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useLayoutEffect","useMemo","useRef","useState","TextInput","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","RiAddLine","RiCameraLine","RiEmotionLine","RiForbidLine","RiMic2Line","RiSendPlaneLine","useControllableState","useTheme","Text","TYPE_SCALE","ComposerAttachmentStrip","ComposerIconButton","BAR_PADDING","BAR_RADIUS","CHAT_COMPOSER_LABELS","CONTROL_SIZE","DEFAULT_MAX_LINES","LINE_HEIGHT","SWAP_MS","resolveChatComposerPalette","SuggestionList","dataHook","IS_WEB","useChatComposerWebCss","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","EASE_OUT","bezier","SwapLayer","shown","children","reducedMotion","progress","useEffect","value","duration","easing","animated","opacity","pointerEvents","accessibilityElementsHidden","importantForAccessibility","style","position","top","left","ChatComposer","defaultValue","onValueChange","placeholder","onSend","sendOn","maxLines","minLines","disabled","notice","noticeIcon","banner","attachments","onRemoveAttachment","leading","onAttachPress","emojiSlot","onEmojiPress","onCameraPress","onMicPress","onMicPressIn","onMicPressOut","canSend","recorder","suggestions","suggestionKind","activeIndex","onActiveIndexChange","onSelectSuggestion","onEscape","onEditLast","showKeyboardHint","inputRef","onFocus","onBlur","labels","labelOverrides","testID","accessibilityLabel","theme","palette","text","setText","onChange","localRef","setFieldRef","node","current","minHeight","Math","max","maxHeight","contentHeight","setContentHeight","height","min","scrollHeight","previous","measured","onContentSizeChange","event","nativeEvent","contentSize","trimmed","trim","hasAttachments","length","showSend","submit","undefined","openSuggestions","onKeyPress","native","isComposing","mod","metaKey","ctrlKey","key","preventDefault","count","step","from","picked","shiftKey","bar","flexDirection","alignItems","gap","borderRadius","borderWidth","borderColor","border","backgroundColor","inset","surface","paddingLeft","paddingRight","paddingTop","paddingBottom","focusRing","NoticeIcon","width","kind","onRemove","justifyContent","flexGrow","fill","iconSecondary","variant","numberOfLines","color","textSecondary","textAlign","icon","attach","onPress","iconSize","flexShrink","ref","input","multiline","editable","onChangeText","placeholderTextColor","textPlaceholder","selectionColor","accent","cursorColor","scrollEnabled","padding","margin","fontFamily","camera","emoji","marginLeft","tone","send","mic","onPressIn","onPressOut","enterHint","modEnterHint"],"sourceRoot":"../../../src","sources":["chat-composer/ChatComposer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,179 @@
+"use strict";
+
+/**
+ * The pending-attachment strip between the banner stack and the bar.
+ *
+ * The tile geometry and the rounded-rect progress path are `composer-panel`'s —
+ * imported rather than retyped, because a second ring drawn from a second path
+ * helper is how two composers end up with rings that close at different angles.
+ */
+import React from 'react';
+import { Image, ScrollView, View } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { ringPath } from "../composer-panel/shared.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { RiFileTextLine } from "../icons/remix/RiFileTextLine.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { ComposerIconButton } from "./ComposerIconButton.js";
+import { TILE, TILE_RADIUS, resolveChatComposerPalette } from "./shared.js";
+import { dataHook } from "./web-hooks.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function isUrl(value) {
+  return /^(https?:)?\/\//.test(value) || value.startsWith('data:') || value.startsWith('file:');
+}
+function defaultRemoveLabel(attachment) {
+  return `Remove ${attachment.name}`;
+}
+function Tile({
+  attachment,
+  size,
+  onRemove,
+  removeLabel,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = resolveChatComposerPalette(theme);
+  const resolveImage = useImageResolver();
+  const Glyph = attachment.icon ?? RiFileTextLine;
+  const uploading = attachment.progress !== undefined;
+  const progress = Math.min(100, Math.max(0, attachment.progress ?? 0));
+  const radius = TILE_RADIUS - 1;
+  const path = ringPath(size, size, 1, radius);
+  // No `pathLength` on native, so the dash arithmetic needs the real length:
+  // four straight runs plus one full circle of the corner radius.
+  const length = 4 * (size - 2 - 2 * radius) + 2 * Math.PI * radius;
+  const uri = attachment.source === undefined ? undefined : isUrl(attachment.source) ? attachment.source : resolveImage?.(attachment.source, 'thumb');
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: size,
+      gap: 4
+    },
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        position: 'relative',
+        width: size,
+        height: size
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          width: size,
+          height: size,
+          borderRadius: TILE_RADIUS,
+          borderWidth: 1,
+          borderColor: palette.border,
+          backgroundColor: palette.inset,
+          alignItems: 'center',
+          justifyContent: 'center',
+          overflow: 'hidden'
+        },
+        children: uri ? /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri
+          },
+          accessibilityIgnoresInvertColors: true,
+          style: {
+            width: size,
+            height: size,
+            opacity: uploading ? 0.6 : 1
+          }
+        }) : /*#__PURE__*/_jsx(Glyph, {
+          width: 22,
+          height: 22,
+          fill: palette.iconSecondary
+        })
+      }), uploading ? /*#__PURE__*/_jsx(View, {
+        ...dataHook('bloomChatComposerRing'),
+        pointerEvents: "none",
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: size,
+          height: size
+        },
+        testID: testID ? `${testID}-ring` : undefined,
+        children: /*#__PURE__*/_jsx(Svg, {
+          width: size,
+          height: size,
+          children: /*#__PURE__*/_jsx(Path, {
+            d: path,
+            fill: "none",
+            stroke: palette.accent,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeDasharray: `${length * progress / 100} ${length}`
+          })
+        })
+      }) : null]
+    }), onRemove && !uploading ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: -6,
+        right: -6
+      },
+      children: /*#__PURE__*/_jsx(ComposerIconButton, {
+        icon: RiCloseLine,
+        accessibilityLabel: removeLabel(attachment),
+        onPress: () => onRemove(attachment.id),
+        size: 20,
+        iconSize: 12,
+        style: {
+          backgroundColor: palette.surface,
+          borderWidth: 1,
+          borderColor: palette.border
+        },
+        testID: testID ? `${testID}-remove` : undefined
+      })
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: "caption-2-regular",
+      numberOfLines: 1,
+      style: {
+        color: uploading ? palette.accent : palette.textSecondary
+      },
+      children: uploading ? `${Math.round(progress)}%` : attachment.caption ?? attachment.name
+    })]
+  });
+}
+export function ComposerAttachmentStrip({
+  attachments,
+  onRemove,
+  size = TILE,
+  removeLabel = defaultRemoveLabel,
+  style,
+  testID,
+  accessibilityLabel = 'Attachments'
+}) {
+  if (attachments.length === 0) return null;
+  return /*#__PURE__*/_jsx(ScrollView, {
+    ...dataHook('bloomChatComposerScroll'),
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    accessibilityLabel: accessibilityLabel,
+    contentContainerStyle: {
+      flexDirection: 'row',
+      gap: 10,
+      // The remove disc hangs 6px past the tile on both axes and a horizontal
+      // ScrollView clips its cross axis (`overflow-y: hidden` on web), so the
+      // top pad is the disc's overhang plus its border — not a rhythm value.
+      paddingLeft: 8,
+      paddingRight: 8,
+      paddingTop: 10,
+      paddingBottom: 2
+    },
+    style: [{
+      flexGrow: 0
+    }, style],
+    testID: testID,
+    children: attachments.map(attachment => /*#__PURE__*/_jsx(Tile, {
+      attachment: attachment,
+      size: size,
+      onRemove: onRemove,
+      removeLabel: removeLabel,
+      testID: testID ? `${testID}-${attachment.id}` : undefined
+    }, attachment.id))
+  });
+}
+//# sourceMappingURL=ComposerAttachmentStrip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","ScrollView","View","Svg","Path","ringPath","RiCloseLine","RiFileTextLine","useImageResolver","useTheme","Text","ComposerIconButton","TILE","TILE_RADIUS","resolveChatComposerPalette","dataHook","jsx","_jsx","jsxs","_jsxs","isUrl","value","test","startsWith","defaultRemoveLabel","attachment","name","Tile","size","onRemove","removeLabel","testID","theme","palette","resolveImage","Glyph","icon","uploading","progress","undefined","Math","min","max","radius","path","length","PI","uri","source","style","width","gap","children","position","height","borderRadius","borderWidth","borderColor","border","backgroundColor","inset","alignItems","justifyContent","overflow","accessibilityIgnoresInvertColors","opacity","fill","iconSecondary","pointerEvents","top","left","d","stroke","accent","strokeWidth","strokeLinecap","strokeDasharray","right","accessibilityLabel","onPress","id","iconSize","surface","variant","numberOfLines","color","textSecondary","round","caption","ComposerAttachmentStrip","attachments","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","flexDirection","paddingLeft","paddingRight","paddingTop","paddingBottom","flexGrow","map"],"sourceRoot":"../../../src","sources":["chat-composer/ComposerAttachmentStrip.tsx"],"mappings":"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","ignoreList":[]}