@oxy.so/bloom 5.1.0 → 5.1.1

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

@@ -0,0 +1,395 @@
+"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, 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 { useTextareaAutosize } from "../hooks/use-textarea-autosize.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { BAR_PADDING, BAR_RADIUS, chatComposerLabels, CONTROL_SIZE, DEFAULT_MAX_LINES, LINE_HEIGHT, SWAP_MS, resolveChatComposerPalette } from "./shared.js";
+import { dataHook, IS_WEB, useChatComposerWebCss } from "./web-hooks.js";
+import { useMessages } from "../locale/messages.js";
+import { CHAT_COMPOSER_MESSAGES } from "./messages.js";
+import { useCommonMessages } from "../locale/common-messages.js";
+
+/** Platform dependencies are bound once; shared rendering adds no wrapper. */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function createChatComposer({
+  ComposerAttachmentStrip,
+  ComposerIconButton,
+  SuggestionList
+}) {
+  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`. */
+
+  function ChatComposer({
+    value,
+    defaultValue = '',
+    onValueChange,
+    placeholder: placeholderProp,
+    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 {
+      messages
+    } = useMessages(CHAT_COMPOSER_MESSAGES);
+    const common = useCommonMessages();
+    const palette = resolveChatComposerPalette(theme);
+    useChatComposerWebCss();
+    const labels = useMemo(() => ({
+      ...chatComposerLabels(messages, common.send),
+      ...labelOverrides
+    }), [common.send, labelOverrides, messages]);
+    const placeholder = placeholderProp ?? messages.message;
+    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. `useTextareaAutosize`
+     * collapses the node to measure it only when the draft may have got SHORTER —
+     * collapsing on every keystroke re-laid-out the whole page three times a key.
+     */
+    useTextareaAutosize(localRef, text, {
+      enabled: IS_WEB,
+      height,
+      minHeight,
+      onMeasure: setContentHeight
+    });
+    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]
+    });
+  }
+  return ChatComposer;
+}
+//# sourceMappingURL=create-chat-composer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","useState","TextInput","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","RiAddLine","RiCameraLine","RiEmotionLine","RiForbidLine","RiMic2Line","RiSendPlaneLine","useControllableState","useTextareaAutosize","useTheme","Text","TYPE_SCALE","BAR_PADDING","BAR_RADIUS","chatComposerLabels","CONTROL_SIZE","DEFAULT_MAX_LINES","LINE_HEIGHT","SWAP_MS","resolveChatComposerPalette","dataHook","IS_WEB","useChatComposerWebCss","useMessages","CHAT_COMPOSER_MESSAGES","useCommonMessages","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","createChatComposer","ComposerAttachmentStrip","ComposerIconButton","SuggestionList","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","placeholderProp","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","messages","common","palette","send","message","text","setText","onChange","localRef","setFieldRef","node","current","minHeight","Math","max","maxHeight","contentHeight","setContentHeight","height","min","enabled","onMeasure","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","mic","onPressIn","onPressOut","enterHint","modEnterHint"],"sourceRoot":"../../../src","sources":["chat-composer/create-chat-composer.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACrE,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AACrB,OAAOC,QAAQ,IACbC,MAAM,EACNC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,SAAS,QAAQ,6BAA0B;AACpD,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,oBAAoB,QAAQ,oCAAiC;AACtE,SAASC,mBAAmB,QAAQ,mCAAgC;AAEpE,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,UAAU,QAAQ,wBAAqB;AAGhD,SACEC,WAAW,EACXC,UAAU,EACVC,kBAAkB,EAClBC,YAAY,EACZC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,0BAA0B,QACrB,aAAU;AAGjB,SAASC,QAAQ,EAAEC,MAAM,EAAEC,qBAAqB,QAAQ,gBAAa;AACrE,SAASC,WAAW,QAAQ,uBAAoB;AAChD,SAASC,sBAAsB,QAAQ,eAAY;AACnD,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,SAASC,kBAAkBA,CAAC;EAAEC,uBAAuB;EAAEC,kBAAkB;EAAEC;AAIlF,CAAC,EAAE;EAED,MAAMC,QAAQ,GAAGxC,MAAM,CAACyC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;;EAE5C;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,SAASC,SAASA,CAAC;IAAEC,KAAK;IAAEC;EAAwD,CAAC,EAAE;IACrF,MAAMC,aAAa,GAAG3C,gBAAgB,CAAC,CAAC;IACxC,MAAM4C,QAAQ,GAAG3C,cAAc,CAACwC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9CnD,KAAK,CAACuD,SAAS,CAAC,MAAM;MACpBD,QAAQ,CAACE,KAAK,GAAGH,aAAa,GAC1BF,KAAK,GACH,CAAC,GACD,CAAC,GACHvC,UAAU,CAACuC,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE;QAAEM,QAAQ,EAAE3B,OAAO;QAAE4B,MAAM,EAAEV;MAAS,CAAC,CAAC;IACxE,CAAC,EAAE,CAACG,KAAK,EAAEE,aAAa,EAAEC,QAAQ,CAAC,CAAC;IACpC,MAAMK,QAAQ,GAAGlD,gBAAgB,CAAC,OAAO;MAAEmD,OAAO,EAAEN,QAAQ,CAACE;IAAM,CAAC,CAAC,EAAE,CAACF,QAAQ,CAAC,CAAC;IAClF,oBACEf,IAAA,CAAChC,QAAQ,CAACD,IAAI;MACZuD,aAAa,EAAEV,KAAK,GAAG,MAAM,GAAG,MAAO;MACvC,eAAa,CAACA,KAAM;MACpBW,2BAA2B,EAAE,CAACX,KAAM;MACpCY,yBAAyB,EAAEZ,KAAK,GAAG,MAAM,GAAG,qBAAsB;MAClEa,KAAK,EAAE,CAAC;QAAEC,QAAQ,EAAE,UAAU;QAAEC,GAAG,EAAE,CAAC;QAAEC,IAAI,EAAE;MAAE,CAAC,EAAER,QAAQ,CAAE;MAAAP,QAAA,EAC5DA;IAAQ,CACI,CAAC;EAEpB;;EAEA;;EASA,SAASgB,YAAYA,CAAC;IACpBZ,KAAK;IACLa,YAAY,GAAG,EAAE;IACjBC,aAAa;IACbC,WAAW,EAAEC,eAAe;IAC5BC,MAAM;IACNC,MAAM,GAAG,OAAO;IAChBC,QAAQ,GAAG/C,iBAAiB;IAC5BgD,QAAQ,GAAG,CAAC;IACZC,QAAQ,GAAG,KAAK;IAChBC,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,WAAW;IACXC,kBAAkB;IAClBC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,YAAY;IACZC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,OAAO;IACPC,QAAQ;IACRC,WAAW;IACXC,cAAc,GAAG,SAAS;IAC1BC,WAAW,GAAG,CAAC,CAAC;IAChBC,mBAAmB;IACnBC,kBAAkB;IAClBC,QAAQ;IACRC,UAAU;IACVC,gBAAgB,GAAG,KAAK;IACxBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,MAAM,EAAEC,cAAc;IACtBzC,KAAK;IACL0C,MAAM;IACNC;EACiB,CAAC,EAAE;IACpB,MAAMC,KAAK,GAAGvF,QAAQ,CAAC,CAAC;IACxB,MAAM;MAAEwF;IAAS,CAAC,GAAG1E,WAAW,CAACC,sBAAsB,CAAC;IACxD,MAAM0E,MAAM,GAAGzE,iBAAiB,CAAC,CAAC;IAClC,MAAM0E,OAAO,GAAGhF,0BAA0B,CAAC6E,KAAK,CAAC;IACjD1E,qBAAqB,CAAC,CAAC;IACvB,MAAMsE,MAAM,GAAGtG,OAAO,CACpB,OAAO;MAAE,GAAGwB,kBAAkB,CAACmF,QAAQ,EAAEC,MAAM,CAACE,IAAI,CAAC;MAAE,GAAGP;IAAe,CAAC,CAAC,EAC3E,CAACK,MAAM,CAACE,IAAI,EAAEP,cAAc,EAAEI,QAAQ,CACxC,CAAC;IACD,MAAMtC,WAAW,GAAGC,eAAe,IAAIqC,QAAQ,CAACI,OAAO;IAEvD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGhG,oBAAoB,CAAS;MACnDqC,KAAK;MACLa,YAAY;MACZ+C,QAAQ,EAAE9C;IACZ,CAAC,CAAC;IAEF,MAAM+C,QAAQ,GAAGlH,MAAM,CAAmB,IAAI,CAAC;IAC/C,MAAMmH,WAAW,GAAGrH,WAAW,CAC5BsH,IAAsB,IAAK;MAC1BF,QAAQ,CAACG,OAAO,GAAGD,IAAI;MACvB,IAAIlB,QAAQ,EAAEA,QAAQ,CAACmB,OAAO,GAAGD,IAAI;IACvC,CAAC,EACD,CAAClB,QAAQ,CACX,CAAC;IAED,MAAMoB,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE/C,QAAQ,CAAC,GAAG/C,WAAW;IACrD,MAAM+F,SAAS,GAAGF,IAAI,CAACC,GAAG,CAAC/C,QAAQ,EAAED,QAAQ,CAAC,GAAG9C,WAAW;IAC5D,MAAM,CAACgG,aAAa,EAAEC,gBAAgB,CAAC,GAAG1H,QAAQ,CAACqH,SAAS,CAAC;IAC7D,MAAMM,MAAM,GAAGL,IAAI,CAACM,GAAG,CAACJ,SAAS,EAAEF,IAAI,CAACC,GAAG,CAACF,SAAS,EAAEI,aAAa,CAAC,CAAC;;IAEtE;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACIzG,mBAAmB,CAACiG,QAAQ,EAAEH,IAAI,EAAE;MAClCe,OAAO,EAAEhG,MAAM;MACf8F,MAAM;MACNN,SAAS;MACTS,SAAS,EAAEJ;IACb,CAAC,CAAC;IAEF,MAAMK,mBAAmB,GAAGlI,WAAW,CACpCmI,KAAgE,IAAK;MACpE,IAAInG,MAAM,EAAE;MACZ6F,gBAAgB,CAACM,KAAK,CAACC,WAAW,CAACC,WAAW,CAACP,MAAM,CAAC;IACxD,CAAC,EACD,EACF,CAAC;IAED,MAAMQ,OAAO,GAAGrB,IAAI,CAACsB,IAAI,CAAC,CAAC;IAC3B,MAAMC,cAAc,GAAG,CAAC,CAACxD,WAAW,IAAIA,WAAW,CAACyD,MAAM,GAAG,CAAC;IAC9D,MAAMC,QAAQ,GAAGhD,OAAO,KAAK4C,OAAO,CAACG,MAAM,GAAG,CAAC,IAAID,cAAc,CAAC;IAElE,MAAMG,MAAM,GAAG3I,WAAW,CAAC,MAAM;MAC/B,IAAI4E,QAAQ,IAAI,CAAC8D,QAAQ,EAAE;MAC3BlE,MAAM,GAAGyC,IAAI,CAAC;MACd,IAAI1D,KAAK,KAAKqF,SAAS,EAAE1B,OAAO,CAAC,EAAE,CAAC;IACtC,CAAC,EAAE,CAACtC,QAAQ,EAAE8D,QAAQ,EAAElE,MAAM,EAAEyC,IAAI,EAAE1D,KAAK,EAAE2D,OAAO,CAAC,CAAC;IAEtD,MAAM2B,eAAe,GAAG,CAAC,CAACjD,WAAW,IAAIA,WAAW,CAAC6C,MAAM,GAAG,CAAC;IAE/D,MAAMK,UAAU,GAAG9I,WAAW,CAC3BmI,KAAuD,IAAK;MAC3D,IAAI,CAACnG,MAAM,EAAE;MACb,MAAM+G,MAAM,GAAGZ,KAAK,CAACC,WAA0B;MAC/C;MACA;MACA,IAAIW,MAAM,CAACC,WAAW,EAAE;MACxB,MAAMC,GAAG,GAAGF,MAAM,CAACG,OAAO,KAAK,IAAI,IAAIH,MAAM,CAACI,OAAO,KAAK,IAAI;MAE9D,IAAIN,eAAe,KAAKE,MAAM,CAACK,GAAG,KAAK,WAAW,IAAIL,MAAM,CAACK,GAAG,KAAK,SAAS,CAAC,EAAE;QAC/EjB,KAAK,CAACkB,cAAc,CAAC,CAAC;QACtB,MAAMC,KAAK,GAAG1D,WAAW,EAAE6C,MAAM,IAAI,CAAC;QACtC,MAAMc,IAAI,GAAGR,MAAM,CAACK,GAAG,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;QAChD,MAAMI,IAAI,GAAG1D,WAAW,GAAG,CAAC,GAAIyD,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAIzD,WAAW;QAChEC,mBAAmB,GAAG,CAACyD,IAAI,GAAGD,IAAI,GAAGD,KAAK,IAAIA,KAAK,CAAC;QACpD;MACF;MACA,IAAIP,MAAM,CAACK,GAAG,KAAK,QAAQ,EAAE;QAC3BjB,KAAK,CAACkB,cAAc,CAAC,CAAC;QACtBpD,QAAQ,GAAG,CAAC;QACZ;MACF;MACA,IAAI8C,MAAM,CAACK,GAAG,KAAK,SAAS,IAAInC,IAAI,CAACwB,MAAM,KAAK,CAAC,EAAE;QACjDN,KAAK,CAACkB,cAAc,CAAC,CAAC;QACtBnD,UAAU,GAAG,CAAC;QACd;MACF;MACA,IAAI6C,MAAM,CAACK,GAAG,KAAK,OAAO,EAAE;MAE5B,IAAIP,eAAe,IAAI/C,WAAW,IAAI,CAAC,EAAE;QACvC,MAAM2D,MAAM,GAAG7D,WAAW,GAAGE,WAAW,CAAC;QACzC,IAAI2D,MAAM,IAAI,CAACA,MAAM,CAAC7E,QAAQ,EAAE;UAC9BuD,KAAK,CAACkB,cAAc,CAAC,CAAC;UACtBrD,kBAAkB,GAAGyD,MAAM,EAAE3D,WAAW,CAAC;UACzC;QACF;MACF;MACA,IAAIrB,MAAM,KAAK,OAAO,GAAGsE,MAAM,CAACW,QAAQ,KAAK,IAAI,IAAI,CAACT,GAAG,GAAGA,GAAG,EAAE;QAC/Dd,KAAK,CAACkB,cAAc,CAAC,CAAC;QACtBV,MAAM,CAAC,CAAC;MACV;IACF,CAAC,EACD,CACE7C,WAAW,EACXC,mBAAmB,EACnBG,UAAU,EACVD,QAAQ,EACRD,kBAAkB,EAClB6C,eAAe,EACfpE,MAAM,EACNkE,MAAM,EACN/C,WAAW,EACXqB,IAAI,CAACwB,MAAM,CAEf,CAAC;IAED,MAAMkB,GAAgB,GAAG;MACvBC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,UAAU;MACtBC,GAAG,EAAE,CAAC;MACNtC,SAAS,EAAE9F,YAAY,GAAGH,WAAW,GAAG,CAAC;MACzCwI,YAAY,EAAEvI,UAAU;MACxBwI,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEnD,OAAO,CAACoD,MAAM;MAC3B;MACA;MACA;MACA;MACAC,eAAe,EAAEvF,QAAQ,GAAGkC,OAAO,CAACsD,KAAK,GAAGtD,OAAO,CAACuD,OAAO;MAC3DC,WAAW,EAAE/I,WAAW;MACxBgJ,YAAY,EAAEhJ,WAAW;MACzBiJ,UAAU,EAAEjJ,WAAW;MACvBkJ,aAAa,EAAElJ,WAAW;MAC1B,4BAA4B,EAAEuF,OAAO,CAAC4D;IACxC,CAAC;IAED,MAAMC,UAAU,GAAG7F,UAAU,IAAI/D,YAAY;IAE7C,oBACE2B,KAAA,CAACrC,IAAI;MACHqG,kBAAkB,EAAEA,kBAAmB;MACvC3C,KAAK,EAAE,CAAC;QAAE6G,KAAK,EAAE,MAAM;QAAEhB,aAAa,EAAE,QAAQ;QAAEE,GAAG,EAAE;MAAE,CAAC,EAAE/F,KAAK,CAAE;MACnE0C,MAAM,EAAEA,MAAO;MAAAtD,QAAA,GACd0F,eAAe,gBACdvG,IAAA,CAACQ,cAAc;QACb+H,IAAI,EAAEhF,cAAe;QACrBD,WAAW,EAAEA,WAAW,IAAI,EAAG;QAC/BE,WAAW,EAAEA,WAAY;QACzBC,mBAAmB,EAAEA,mBAAoB;QACzCC,kBAAkB,EAAEA,kBAAmB;QACvCS,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,cAAc,GAAGmC;MAAU,CACtD,CAAC,GACA,IAAI,EAEP7D,MAAM,EAENyD,cAAc,gBACblG,IAAA,CAACM,uBAAuB;QACtBoC,WAAW,EAAEA,WAAW,IAAI,EAAG;QAC/B8F,QAAQ,EAAE7F,kBAAmB;QAC7BwB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,cAAc,GAAGmC;MAAU,CACtD,CAAC,GACA,IAAI,EAEPjD,QAAQ,iBACPrD,IAAA,CAACjC,IAAI;QAAC0D,KAAK,EAAE4F,GAAI;QAAClD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,MAAM,GAAGmC,SAAU;QAAAzF,QAAA,EAC5D0B,MAAM,KAAK+D,SAAS,gBACnBtG,IAAA,CAACjC,IAAI;UACH0D,KAAK,EAAE;YACL6F,aAAa,EAAE,KAAK;YACpBC,UAAU,EAAE,QAAQ;YACpBkB,cAAc,EAAE,QAAQ;YACxBjB,GAAG,EAAE,CAAC;YACNkB,QAAQ,EAAE,CAAC;YACXxD,SAAS,EAAE9F,YAAY;YACvB4I,WAAW,EAAE,EAAE;YACfC,YAAY,EAAE;UAChB,CAAE;UACF9D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGmC,SAAU;UAAAzF,QAAA,EAC/C,OAAO0B,MAAM,KAAK,QAAQ,gBACzBnC,KAAA,CAAAF,SAAA;YAAAW,QAAA,gBACEb,IAAA,CAACqI,UAAU;cAACC,KAAK,EAAE,EAAG;cAAC9C,MAAM,EAAE,EAAG;cAACmD,IAAI,EAAEnE,OAAO,CAACoE;YAAc,CAAE,CAAC,eAClE5I,IAAA,CAACjB,IAAI;cACH8J,OAAO,EAAC,gBAAgB;cACxBC,aAAa,EAAE,CAAE;cACjBrH,KAAK,EAAE;gBAAEsH,KAAK,EAAEvE,OAAO,CAACwE,aAAa;gBAAEC,SAAS,EAAE;cAAS,CAAE;cAAApI,QAAA,EAC5D0B;YAAM,CACH,CAAC;UAAA,CACP,CAAC,GAEHA;QACD,CACG,CAAC,gBAEPnC,KAAA,CAAAF,SAAA;UAAAW,QAAA,GACG+B,OAAO,KACLC,aAAa,gBACZ7C,IAAA,CAACO,kBAAkB;YACjB2I,IAAI,EAAE5K,SAAU;YAChB8F,kBAAkB,EAAEH,MAAM,CAACkF,MAAO;YAClCC,OAAO,EAAEvG,aAAc;YACvBP,QAAQ,EAAEA,QAAS;YACnB+G,QAAQ,EAAE,EAAG;YACblF,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGmC;UAAU,CACjD,CAAC,GACA,IAAI,CAAC,eAEXtG,IAAA,CAACjC,IAAI;YACH0D,KAAK,EAAE;cACLiH,QAAQ,EAAE,CAAC;cACXY,UAAU,EAAE,CAAC;cACbb,cAAc,EAAE,QAAQ;cACxBvD,SAAS,EAAE9F,YAAY;cACvB4I,WAAW,EAAE,CAAC;cACdC,YAAY,EAAE;YAChB,CAAE;YAAApH,QAAA,eACFb,IAAA,CAAClC,SAAS;cACRyL,GAAG,EAAExE,WAAY;cAAA,GACbtF,QAAQ,CAAC,wBAAwB,CAAC;cACtC2E,kBAAkB,EAAEH,MAAM,CAACuF,KAAM;cACjCC,SAAS;cACTC,QAAQ,EAAE,CAACpH,QAAS;cACpBrB,KAAK,EAAE0D,IAAK;cACZgF,YAAY,EAAE/E,OAAQ;cACtB4B,UAAU,EAAEA,UAAW;cACvBZ,mBAAmB,EAAEA,mBAAoB;cACzC7B,OAAO,EAAEA,OAAQ;cACjBC,MAAM,EAAEA,MAAO;cACfhC,WAAW,EAAEA,WAAY;cACzB4H,oBAAoB,EAAEpF,OAAO,CAACqF,eAAgB;cAC9CC,cAAc,EAAEtF,OAAO,CAACuF,MAAO;cAC/BC,WAAW,EAAExF,OAAO,CAACuF,MAAO;cAC5BE,aAAa,EAAEzE,MAAM,IAAIH,SAAU;cACnC5D,KAAK,EAAE;gBACL6G,KAAK,EAAE,MAAM;gBACb9C,MAAM;gBACNH,SAAS;gBACT6E,OAAO,EAAE,CAAC;gBACVC,MAAM,EAAE,CAAC;gBACT,GAAGnL,UAAU,CAAC,cAAc,CAAC;gBAC7BoL,UAAU,EAAE1K,MAAM,GAAG,wBAAwB,GAAG,OAAO;gBACvDqJ,KAAK,EAAEzG,QAAQ,GAAGkC,OAAO,CAACwE,aAAa,GAAGxE,OAAO,CAACG,IAAI;gBACtDkD,eAAe,EAAE;cACnB,CAAE;cACF1D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGmC;YAAU,CAChD;UAAC,CACE,CAAC,EAENtD,aAAa,gBACZhD,IAAA,CAACO,kBAAkB;YACjB2I,IAAI,EAAE3K,YAAa;YACnB6F,kBAAkB,EAAEH,MAAM,CAACoG,MAAO;YAClCjB,OAAO,EAAEpG,aAAc;YACvBV,QAAQ,EAAEA,QAAS;YACnB6B,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGmC;UAAU,CACjD,CAAC,GACA,IAAI,EAEPxD,SAAS,KACPC,YAAY,gBACX/C,IAAA,CAACO,kBAAkB;YACjB2I,IAAI,EAAE1K,aAAc;YACpB4F,kBAAkB,EAAEH,MAAM,CAACqG,KAAM;YACjClB,OAAO,EAAErG,YAAa;YACtBT,QAAQ,EAAEA,QAAS;YACnB6B,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGmC;UAAU,CAChD,CAAC,GACA,IAAI,CAAC,eAEXlG,KAAA,CAACrC,IAAI;YAAC0D,KAAK,EAAE;cAAE6G,KAAK,EAAElJ,YAAY;cAAEoG,MAAM,EAAEpG,YAAY;cAAEmL,UAAU,EAAE;YAAE,CAAE;YAAA1J,QAAA,gBACxEb,IAAA,CAACW,SAAS;cAACC,KAAK,EAAEwF,QAAS;cAAAvF,QAAA,eACzBb,IAAA,CAACO,kBAAkB;gBACjB2I,IAAI,EAAEvK,eAAgB;gBACtB6L,IAAI,EAAC,QAAQ;gBACbpG,kBAAkB,EAAEH,MAAM,CAACQ,IAAK;gBAChC2E,OAAO,EAAE/C,MAAO;gBAChB/D,QAAQ,EAAEA,QAAS;gBACnB+G,QAAQ,EAAE,EAAG;gBACblF,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGmC;cAAU,CAC/C;YAAC,CACO,CAAC,eACZtG,IAAA,CAACW,SAAS;cAACC,KAAK,EAAE,CAACwF,QAAS;cAAAvF,QAAA,eAC1Bb,IAAA,CAACO,kBAAkB;gBACjB2I,IAAI,EAAExK,UAAW;gBACjB0F,kBAAkB,EAAEH,MAAM,CAACwG,GAAI;gBAC/BrB,OAAO,EAAEnG,UAAW;gBACpByH,SAAS,EAAExH,YAAa;gBACxByH,UAAU,EAAExH,aAAc;gBAC1Bb,QAAQ,EAAEA,QAAS;gBACnB6B,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,MAAM,GAAGmC;cAAU,CAC9C;YAAC,CACO,CAAC;UAAA,CACR,CAAC;QAAA,CACP;MACH,CACG,CACP,EAEAzC,gBAAgB,IAAInE,MAAM,IAAI6C,MAAM,KAAK+D,SAAS,gBACjDtG,IAAA,CAACjB,IAAI;QACH8J,OAAO,EAAC,mBAAmB;QAC3BpH,KAAK,EAAE;UAAEsH,KAAK,EAAEvE,OAAO,CAACqF,eAAe;UAAE7B,WAAW,EAAE;QAAG,CAAE;QAAAnH,QAAA,EAC1DsB,MAAM,KAAK,OAAO,GAAG8B,MAAM,CAAC2G,SAAS,GAAG3G,MAAM,CAAC4G;MAAY,CACxD,CAAC,GACL,IAAI;IAAA,CACJ,CAAC;EAEX;EAEA,OAAOhJ,YAAY;AACrB","ignoreList":[]}

package/lib/module/chat-composer/create-composer-attachment-strip.js

@@ -0,0 +1,206 @@
+"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, Pressable, 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 { TILE, TILE_RADIUS, resolveChatComposerPalette } from "./shared.js";
+import { dataHook } from "./web-hooks.js";
+import { useMessages } from "../locale/messages.js";
+import { CHAT_COMPOSER_MESSAGES } from "./messages.js";
+
+/** Platform dependencies are bound once; shared rendering adds no wrapper. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function createComposerAttachmentStrip({
+  ComposerIconButton
+}) {
+  function isUrl(value) {
+    return /^(https?:)?\/\//.test(value) || value.startsWith('data:') || value.startsWith('file:');
+  }
+  function Tile({
+    attachment,
+    size,
+    onRemove,
+    removeLabel,
+    onOpen,
+    openLabel,
+    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');
+
+    // The box is a button only where the caller gave it something to do. A tile
+    // that is `role="button"` with no handler announces an action that is not
+    // there, and one that opens on press without a role is unreachable.
+    const Box = onOpen === undefined ? View : Pressable;
+    const boxProps = onOpen === undefined ? {} : {
+      role: 'button',
+      accessibilityLabel: (openLabel ?? (a => a.name))(attachment),
+      onPress: () => onOpen(attachment.id)
+    };
+    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(Box, {
+          ...boxProps,
+          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
+      })]
+    });
+  }
+  function ComposerAttachmentStrip({
+    attachments,
+    onRemove,
+    onOpen,
+    size = TILE,
+    removeLabel: removeLabelProp,
+    openLabel,
+    style,
+    testID,
+    accessibilityLabel: accessibilityLabelProp
+  }) {
+    const {
+      messages
+    } = useMessages(CHAT_COMPOSER_MESSAGES);
+    const removeLabel = removeLabelProp ?? (attachment => messages.removeAttachment(attachment.name));
+    const accessibilityLabel = accessibilityLabelProp ?? messages.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,
+        onOpen: onOpen,
+        openLabel: openLabel,
+        testID: testID ? `${testID}-${attachment.id}` : undefined
+      }, attachment.id))
+    });
+  }
+  return ComposerAttachmentStrip;
+}
+//# sourceMappingURL=create-composer-attachment-strip.js.map

package/lib/module/chat-composer/create-composer-attachment-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Pressable","ScrollView","View","Svg","Path","ringPath","RiCloseLine","RiFileTextLine","useImageResolver","useTheme","Text","TILE","TILE_RADIUS","resolveChatComposerPalette","dataHook","useMessages","CHAT_COMPOSER_MESSAGES","jsx","_jsx","jsxs","_jsxs","createComposerAttachmentStrip","ComposerIconButton","isUrl","value","test","startsWith","Tile","attachment","size","onRemove","removeLabel","onOpen","openLabel","testID","theme","palette","resolveImage","Glyph","icon","uploading","progress","undefined","Math","min","max","radius","path","length","PI","uri","source","Box","boxProps","role","accessibilityLabel","a","name","onPress","id","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","iconSize","surface","variant","numberOfLines","color","textSecondary","round","caption","ComposerAttachmentStrip","attachments","removeLabelProp","accessibilityLabelProp","messages","removeAttachment","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","flexDirection","paddingLeft","paddingRight","paddingTop","paddingBottom","flexGrow","map"],"sourceRoot":"../../../src","sources":["chat-composer/create-composer-attachment-strip.tsx"],"mappings":"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","ignoreList":[]}