@oxy.so/bloom 5.0.0 → 5.1.1

package/lib/module/chat-composer/AttachmentMenu.web.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { Button } from "../button/index.web.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover/index.web.js";
+import { createAttachmentMenu } from "./create-attachment-menu.js";
+export const AttachmentMenu = createAttachmentMenu({
+  Button,
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+});
+//# sourceMappingURL=AttachmentMenu.web.js.map

package/lib/module/chat-composer/AttachmentMenu.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Popover","PopoverContent","PopoverTrigger","createAttachmentMenu","AttachmentMenu"],"sourceRoot":"../../../src","sources":["chat-composer/AttachmentMenu.web.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,yBAAsB;AAC9E,SAASC,oBAAoB,QAAQ,6BAA0B;AAE/D,OAAO,MAAMC,cAAc,GAAGD,oBAAoB,CAAC;EAAEJ,MAAM;EAAEC,OAAO;EAAEC,cAAc;EAAEC;AAAe,CAAC,CAAC","ignoreList":[]}

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

@@ -1,389 +1,12 @@
 "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 { ComposerAttachmentStrip } from "./ComposerAttachmentStrip.js";
+import { ComposerAttachmentStrip } from './ComposerAttachmentStrip';
 import { ComposerIconButton } from './ComposerIconButton';
-import { BAR_PADDING, BAR_RADIUS, chatComposerLabels, 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 { useMessages } from "../locale/messages.js";
-import { CHAT_COMPOSER_MESSAGES } from "./messages.js";
-import { useCommonMessages } from "../locale/common-messages.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: 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]
-  });
-}
+import { SuggestionList } from './SuggestionList';
+import { createChatComposer } from "./create-chat-composer.js";
+export const ChatComposer = createChatComposer({
+  ComposerAttachmentStrip,
+  ComposerIconButton,
+  SuggestionList
+});
 //# sourceMappingURL=ChatComposer.js.map

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

@@ -1 +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","ComposerAttachmentStrip","ComposerIconButton","BAR_PADDING","BAR_RADIUS","chatComposerLabels","CONTROL_SIZE","DEFAULT_MAX_LINES","LINE_HEIGHT","SWAP_MS","resolveChatComposerPalette","SuggestionList","dataHook","IS_WEB","useChatComposerWebCss","useMessages","CHAT_COMPOSER_MESSAGES","useCommonMessages","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","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/ChatComposer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ComposerAttachmentStrip","ComposerIconButton","SuggestionList","createChatComposer","ChatComposer"],"sourceRoot":"../../../src","sources":["chat-composer/ChatComposer.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,kBAAkB,QAAQ,2BAAwB;AAE3D,OAAO,MAAMC,YAAY,GAAGD,kBAAkB,CAAC;EAAEH,uBAAuB;EAAEC,kBAAkB;EAAEC;AAAe,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+import { ComposerAttachmentStrip } from "./ComposerAttachmentStrip.web.js";
+import { ComposerIconButton } from "./ComposerIconButton.web.js";
+import { SuggestionList } from "./SuggestionList.web.js";
+import { createChatComposer } from "./create-chat-composer.js";
+export const ChatComposer = createChatComposer({
+  ComposerAttachmentStrip,
+  ComposerIconButton,
+  SuggestionList
+});
+//# sourceMappingURL=ChatComposer.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ComposerAttachmentStrip","ComposerIconButton","SuggestionList","createChatComposer","ChatComposer"],"sourceRoot":"../../../src","sources":["chat-composer/ChatComposer.web.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,kCAA+B;AACvE,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,cAAc,QAAQ,yBAAsB;AACrD,SAASC,kBAAkB,QAAQ,2BAAwB;AAE3D,OAAO,MAAMC,YAAY,GAAGD,kBAAkB,CAAC;EAAEH,uBAAuB;EAAEC,kBAAkB;EAAEC;AAAe,CAAC,CAAC","ignoreList":[]}

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

@@ -1,200 +1,8 @@
 "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 { ComposerIconButton } from './ComposerIconButton';
-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";
-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 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
-    })]
-  });
-}
-export 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))
-  });
-}
+import { createComposerAttachmentStrip } from "./create-composer-attachment-strip.js";
+export const ComposerAttachmentStrip = createComposerAttachmentStrip({
+  ComposerIconButton
+});
 //# sourceMappingURL=ComposerAttachmentStrip.js.map