@oxy.so/bloom 5.1.0 → 5.1.1

package/lib/commonjs/chat-composer/AttachmentMenu.js

@@ -3,233 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AttachmentMenu = AttachmentMenu;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
+exports.AttachmentMenu = void 0;
 var _button = require("../button");
 var _popover = require("../popover");
-var _useTheme = require("../theme/use-theme.js");
-var _index = require("../typography/index.js");
-var _shared = require("./shared.js");
-var _webHooks = require("./web-hooks.js");
-var _messages = require("../locale/messages.js");
-var _messages2 = require("./messages.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * The plus/paperclip menu.
- *
- * It is `Popover`, not a hand-rolled surface, and that one choice is the whole
- * platform story: Bloom's popover is already an anchored panel on a pointer and
- * a bottom sheet on a phone, so this family adds no platform fork of its own
- * and inherits the dismissal, stacking and focus behaviour those surfaces were
- * gated for.
- */
-
-/** A 48px tinted disc with its label under it. */function GridCell({
-  item,
-  onPress,
-  width,
-  testID
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  const palette = (0, _shared.resolveChatComposerPalette)(theme);
-  const tint = item.color ?? palette.accent;
-  const cell = {
-    width,
-    height: 'auto',
-    minHeight: 0,
-    minWidth: 0,
-    paddingLeft: 0,
-    paddingRight: 0,
-    alignItems: 'center',
-    gap: 6,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 12,
-    opacity: item.disabled ? 0.45 : 1,
-    cursor: item.disabled ? 'auto' : 'pointer'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-    appearance: "plain",
-    tone: "neutral",
-    accessibilityLabel: item.label,
-    disabled: item.disabled,
-    onPress: onPress,
-    style: cell,
-    testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        alignItems: 'center',
-        gap: 6
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          width: 48,
-          height: 48,
-          borderRadius: 24,
-          alignItems: 'center',
-          justifyContent: 'center',
-          backgroundColor: palette.accentSoft
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(item.icon, {
-          width: 22,
-          height: 22,
-          fill: tint
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-        variant: "caption-1-regular",
-        numberOfLines: 1,
-        style: {
-          color: palette.textSecondary
-        },
-        children: item.label
-      })]
-    })
-  });
-}
-
-/** A full-width row: glyph, label. */
-function ListRow({
-  item,
-  onPress,
-  testID
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  const palette = (0, _shared.resolveChatComposerPalette)(theme);
-  const tint = item.color ?? palette.accent;
-  const row = {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 12,
-    minHeight: 40,
-    height: 'auto',
-    minWidth: 0,
-    width: '100%',
-    borderRadius: 10,
-    paddingLeft: 8,
-    paddingRight: 8,
-    paddingTop: 6,
-    paddingBottom: 6,
-    opacity: item.disabled ? 0.45 : 1,
-    cursor: item.disabled ? 'auto' : 'pointer'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-    appearance: "plain",
-    tone: "neutral",
-    accessibilityLabel: item.label,
-    disabled: item.disabled,
-    onPress: onPress,
-    style: row,
-    testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 12,
-        width: '100%'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          width: 32,
-          height: 32,
-          borderRadius: 16,
-          alignItems: 'center',
-          justifyContent: 'center',
-          backgroundColor: palette.accentSoft
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(item.icon, {
-          width: 18,
-          height: 18,
-          fill: tint
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-        variant: "body-medium",
-        numberOfLines: 1,
-        style: {
-          color: palette.text
-        },
-        children: item.label
-      })]
-    })
-  });
-}
-function AttachmentMenu({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange,
-  items: itemsProp,
-  layout = 'grid',
-  columns = 4,
-  onSelect,
-  recent,
-  label: labelProp,
-  style,
-  testID
-}) {
-  (0, _webHooks.useChatComposerWebCss)();
-  const {
-    messages
-  } = (0, _messages.useMessages)(_messages2.CHAT_COMPOSER_MESSAGES);
-  const localizedItems = _react.default.useMemo(() => (0, _shared.attachmentMenuItems)(messages), [messages]);
-  const items = itemsProp ?? localizedItems;
-  const label = labelProp ?? messages.attach;
-  const [uncontrolledOpen, setUncontrolledOpen] = _react.default.useState(defaultOpen ?? false);
-  const isOpen = open ?? uncontrolledOpen;
-  const setOpen = next => {
-    if (open === undefined) setUncontrolledOpen(next);
-    onOpenChange?.(next);
-  };
-
-  // A percentage string is the only way to say "n per row" in a wrapping flex
-  // row that has to work on both platforms; Yoga and CSS agree on it.
-  const cellWidth = `${100 / Math.max(1, columns)}%`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_popover.Popover, {
-    open: isOpen,
-    onOpenChange: setOpen,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverTrigger, {
-      asChild: true,
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_popover.PopoverContent, {
-      label: label,
-      side: "top",
-      align: "start",
-      minWidth: layout === 'grid' ? Math.max(264, columns * 72) : 220,
-      style: style,
-      testID: testID,
-      children: [recent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          paddingBottom: 8
-        },
-        children: recent
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: layout === 'grid' ? {
-          flexDirection: 'row',
-          flexWrap: 'wrap',
-          alignItems: 'flex-start'
-        } : {
-          flexDirection: 'column',
-          gap: 2
-        },
-        children: items.map(item => layout === 'grid' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GridCell, {
-          item: item,
-          width: cellWidth,
-          onPress: () => {
-            onSelect?.(item.id, item);
-            setOpen(false);
-          },
-          testID: testID ? `${testID}-${item.id}` : undefined
-        }, item.id) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ListRow, {
-          item: item,
-          onPress: () => {
-            onSelect?.(item.id, item);
-            setOpen(false);
-          },
-          testID: testID ? `${testID}-${item.id}` : undefined
-        }, item.id))
-      })]
-    })]
-  });
-}
+var _createAttachmentMenu = require("./create-attachment-menu.js");
+const AttachmentMenu = exports.AttachmentMenu = (0, _createAttachmentMenu.createAttachmentMenu)({
+  Button: _button.Button,
+  Popover: _popover.Popover,
+  PopoverContent: _popover.PopoverContent,
+  PopoverTrigger: _popover.PopoverTrigger
+});
 //# sourceMappingURL=AttachmentMenu.js.map

package/lib/commonjs/chat-composer/AttachmentMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_button","_popover","_useTheme","_index","_shared","_webHooks","_messages","_messages2","_jsxRuntime","e","__esModule","default","GridCell","item","onPress","width","testID","theme","useTheme","palette","resolveChatComposerPalette","tint","color","accent","cell","height","minHeight","minWidth","paddingLeft","paddingRight","alignItems","gap","paddingTop","paddingBottom","borderRadius","opacity","disabled","cursor","jsx","Button","appearance","tone","accessibilityLabel","label","style","children","jsxs","View","justifyContent","backgroundColor","accentSoft","icon","fill","Text","variant","numberOfLines","textSecondary","ListRow","row","flexDirection","text","AttachmentMenu","open","defaultOpen","onOpenChange","items","itemsProp","layout","columns","onSelect","recent","labelProp","useChatComposerWebCss","messages","useMessages","CHAT_COMPOSER_MESSAGES","localizedItems","React","useMemo","attachmentMenuItems","attach","uncontrolledOpen","setUncontrolledOpen","useState","isOpen","setOpen","next","undefined","cellWidth","Math","max","Popover","PopoverTrigger","asChild","PopoverContent","side","align","flexWrap","map","id"],"sourceRoot":"../../../src","sources":["chat-composer/AttachmentMenu.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_button","require","_popover","_createAttachmentMenu","AttachmentMenu","exports","createAttachmentMenu","Button","Popover","PopoverContent","PopoverTrigger"],"sourceRoot":"../../../src","sources":["chat-composer/AttachmentMenu.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,0CAAoB,EAAC;EAAEC,MAAM,EAANA,cAAM;EAAEC,OAAO,EAAPA,gBAAO;EAAEC,cAAc,EAAdA,uBAAc;EAAEC,cAAc,EAAdA;AAAe,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachmentMenu = void 0;
+var _indexWeb = require("../button/index.web.js");
+var _indexWeb2 = require("../popover/index.web.js");
+var _createAttachmentMenu = require("./create-attachment-menu.js");
+const AttachmentMenu = exports.AttachmentMenu = (0, _createAttachmentMenu.createAttachmentMenu)({
+  Button: _indexWeb.Button,
+  Popover: _indexWeb2.Popover,
+  PopoverContent: _indexWeb2.PopoverContent,
+  PopoverTrigger: _indexWeb2.PopoverTrigger
+});
+//# sourceMappingURL=AttachmentMenu.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_indexWeb","require","_indexWeb2","_createAttachmentMenu","AttachmentMenu","exports","createAttachmentMenu","Button","Popover","PopoverContent","PopoverTrigger"],"sourceRoot":"../../../src","sources":["chat-composer/AttachmentMenu.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,0CAAoB,EAAC;EAAEC,MAAM,EAANA,gBAAM;EAAEC,OAAO,EAAPA,kBAAO;EAAEC,cAAc,EAAdA,yBAAc;EAAEC,cAAc,EAAdA;AAAe,CAAC,CAAC","ignoreList":[]}

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

@@ -3,393 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChatComposer = ChatComposer;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _RiAddLine = require("../icons/remix/RiAddLine.js");
-var _RiCameraLine = require("../icons/remix/RiCameraLine.js");
-var _RiEmotionLine = require("../icons/remix/RiEmotionLine.js");
-var _RiForbidLine = require("../icons/remix/RiForbidLine.js");
-var _RiMic2Line = require("../icons/remix/RiMic2Line.js");
-var _RiSendPlaneLine = require("../icons/remix/RiSendPlaneLine.js");
-var _useControllableState = require("../hooks/use-controllable-state.js");
-var _useTextareaAutosize = require("../hooks/use-textarea-autosize.js");
-var _useTheme = require("../theme/use-theme.js");
-var _index = require("../typography/index.js");
-var _scale = require("../typography/scale.js");
-var _ComposerAttachmentStrip = require("./ComposerAttachmentStrip.js");
+exports.ChatComposer = void 0;
+var _ComposerAttachmentStrip = require("./ComposerAttachmentStrip");
 var _ComposerIconButton = require("./ComposerIconButton");
-var _shared = require("./shared.js");
-var _SuggestionList = require("./SuggestionList.js");
-var _webHooks = require("./web-hooks.js");
-var _messages = require("../locale/messages.js");
-var _messages2 = require("./messages.js");
-var _commonMessages = require("../locale/common-messages.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * 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.
- */
-
-const EASE_OUT = _reactNativeReanimated.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 = (0, _reactNativeReanimated.useReducedMotion)();
-  const progress = (0, _reactNativeReanimated.useSharedValue)(shown ? 1 : 0);
-  _react.default.useEffect(() => {
-    progress.value = reducedMotion ? shown ? 1 : 0 : (0, _reactNativeReanimated.withTiming)(shown ? 1 : 0, {
-      duration: _shared.SWAP_MS,
-      easing: EASE_OUT
-    });
-  }, [shown, reducedMotion, progress]);
-  const animated = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    opacity: progress.value
-  }), [progress]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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 = _shared.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 = (0, _useTheme.useTheme)();
-  const {
-    messages
-  } = (0, _messages.useMessages)(_messages2.CHAT_COMPOSER_MESSAGES);
-  const common = (0, _commonMessages.useCommonMessages)();
-  const palette = (0, _shared.resolveChatComposerPalette)(theme);
-  (0, _webHooks.useChatComposerWebCss)();
-  const labels = (0, _react.useMemo)(() => ({
-    ...(0, _shared.chatComposerLabels)(messages, common.send),
-    ...labelOverrides
-  }), [common.send, labelOverrides, messages]);
-  const placeholder = placeholderProp ?? messages.message;
-  const [text, setText] = (0, _useControllableState.useControllableState)({
-    value,
-    defaultValue,
-    onChange: onValueChange
-  });
-  const localRef = (0, _react.useRef)(null);
-  const setFieldRef = (0, _react.useCallback)(node => {
-    localRef.current = node;
-    if (inputRef) inputRef.current = node;
-  }, [inputRef]);
-  const minHeight = Math.max(1, minLines) * _shared.LINE_HEIGHT;
-  const maxHeight = Math.max(minLines, maxLines) * _shared.LINE_HEIGHT;
-  const [contentHeight, setContentHeight] = (0, _react.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.
-   */
-  (0, _useTextareaAutosize.useTextareaAutosize)(localRef, text, {
-    enabled: _webHooks.IS_WEB,
-    height,
-    minHeight,
-    onMeasure: setContentHeight
-  });
-  const onContentSizeChange = (0, _react.useCallback)(event => {
-    if (_webHooks.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 = (0, _react.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 = (0, _react.useCallback)(event => {
-    if (!_webHooks.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: _shared.CONTROL_SIZE + _shared.BAR_PADDING * 2,
-    borderRadius: _shared.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: _shared.BAR_PADDING,
-    paddingRight: _shared.BAR_PADDING,
-    paddingTop: _shared.BAR_PADDING,
-    paddingBottom: _shared.BAR_PADDING,
-    '--bloom-chat-composer-ring': palette.focusRing
-  };
-  const NoticeIcon = noticeIcon ?? _RiForbidLine.RiForbidLine;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    accessibilityLabel: accessibilityLabel,
-    style: [{
-      width: '100%',
-      flexDirection: 'column',
-      gap: 6
-    }, style],
-    testID: testID,
-    children: [openSuggestions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SuggestionList.SuggestionList, {
-      kind: suggestionKind,
-      suggestions: suggestions ?? [],
-      activeIndex: activeIndex,
-      onActiveIndexChange: onActiveIndexChange,
-      onSelectSuggestion: onSelectSuggestion,
-      testID: testID ? `${testID}-suggestions` : undefined
-    }) : null, banner, hasAttachments ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComposerAttachmentStrip.ComposerAttachmentStrip, {
-      attachments: attachments ?? [],
-      onRemove: onRemoveAttachment,
-      testID: testID ? `${testID}-attachments` : undefined
-    }) : null, recorder ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: bar,
-      testID: testID ? `${testID}-bar` : undefined,
-      children: notice !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          flexDirection: 'row',
-          alignItems: 'center',
-          justifyContent: 'center',
-          gap: 8,
-          flexGrow: 1,
-          minHeight: _shared.CONTROL_SIZE,
-          paddingLeft: 12,
-          paddingRight: 12
-        },
-        testID: testID ? `${testID}-notice` : undefined,
-        children: typeof notice === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NoticeIcon, {
-            width: 16,
-            height: 16,
-            fill: palette.iconSecondary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-            variant: "body-2-regular",
-            numberOfLines: 2,
-            style: {
-              color: palette.textSecondary,
-              textAlign: 'center'
-            },
-            children: notice
-          })]
-        }) : notice
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [leading ?? (onAttachPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComposerIconButton.ComposerIconButton, {
-          icon: _RiAddLine.RiAddLine,
-          accessibilityLabel: labels.attach,
-          onPress: onAttachPress,
-          disabled: disabled,
-          iconSize: 22,
-          testID: testID ? `${testID}-attach` : undefined
-        }) : null), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            flexGrow: 1,
-            flexShrink: 1,
-            justifyContent: 'center',
-            minHeight: _shared.CONTROL_SIZE,
-            paddingLeft: 6,
-            paddingRight: 6
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            ref: setFieldRef,
-            ...(0, _webHooks.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,
-              ..._scale.TYPE_SCALE['body-regular'],
-              fontFamily: _webHooks.IS_WEB ? 'var(--bloom-font-sans)' : 'Inter',
-              color: disabled ? palette.textSecondary : palette.text,
-              backgroundColor: 'transparent'
-            },
-            testID: testID ? `${testID}-input` : undefined
-          })
-        }), onCameraPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComposerIconButton.ComposerIconButton, {
-          icon: _RiCameraLine.RiCameraLine,
-          accessibilityLabel: labels.camera,
-          onPress: onCameraPress,
-          disabled: disabled,
-          testID: testID ? `${testID}-camera` : undefined
-        }) : null, emojiSlot ?? (onEmojiPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComposerIconButton.ComposerIconButton, {
-          icon: _RiEmotionLine.RiEmotionLine,
-          accessibilityLabel: labels.emoji,
-          onPress: onEmojiPress,
-          disabled: disabled,
-          testID: testID ? `${testID}-emoji` : undefined
-        }) : null), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: {
-            width: _shared.CONTROL_SIZE,
-            height: _shared.CONTROL_SIZE,
-            marginLeft: 2
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SwapLayer, {
-            shown: showSend,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComposerIconButton.ComposerIconButton, {
-              icon: _RiSendPlaneLine.RiSendPlaneLine,
-              tone: "accent",
-              accessibilityLabel: labels.send,
-              onPress: submit,
-              disabled: disabled,
-              iconSize: 18,
-              testID: testID ? `${testID}-send` : undefined
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SwapLayer, {
-            shown: !showSend,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComposerIconButton.ComposerIconButton, {
-              icon: _RiMic2Line.RiMic2Line,
-              accessibilityLabel: labels.mic,
-              onPress: onMicPress,
-              onPressIn: onMicPressIn,
-              onPressOut: onMicPressOut,
-              disabled: disabled,
-              testID: testID ? `${testID}-mic` : undefined
-            })
-          })]
-        })]
-      })
-    }), showKeyboardHint && _webHooks.IS_WEB && notice === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      variant: "caption-2-regular",
-      style: {
-        color: palette.textPlaceholder,
-        paddingLeft: 14
-      },
-      children: sendOn === 'enter' ? labels.enterHint : labels.modEnterHint
-    }) : null]
-  });
-}
+var _SuggestionList = require("./SuggestionList");
+var _createChatComposer = require("./create-chat-composer.js");
+const ChatComposer = exports.ChatComposer = (0, _createChatComposer.createChatComposer)({
+  ComposerAttachmentStrip: _ComposerAttachmentStrip.ComposerAttachmentStrip,
+  ComposerIconButton: _ComposerIconButton.ComposerIconButton,
+  SuggestionList: _SuggestionList.SuggestionList
+});
 //# sourceMappingURL=ChatComposer.js.map