@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/lib/module/chat/components/AmityMessageBubble/styles.js

@@ -0,0 +1,355 @@
+// Styles for AmityMessageBubble — ported from AmityUiKitWeb MessageBubble.module.css
+// (.textBubble / .textBubble__text). Geometry: border-radius 1.25rem→20, text
+// padding 0.625rem 1rem 0 + margin-bottom 0.625rem → 10 vertical / 16 horizontal,
+// though the vertical padding is redistributed to compensate for RN's leading
+// model — see TEXT_LEADING_EXCESS below. Colours resolve through the design
+// tokens (surface/text chatbubble, inbound vs outbound). No hardcoded hex.
+
+import { Platform, StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+import { MEDIA_BUBBLE_HEIGHT, MEDIA_BUBBLE_MAX_WIDTH_IMAGE, MEDIA_BUBBLE_MAX_WIDTH_VIDEO, getMediaBubbleMaxWidth, getBubbleMaxWidth } from '../../constants';
+
+// Body text metrics, shared with the mention spans and the measuring probe so
+// every one of them wraps and clamps identically. See src/chat/constants/bubble.
+//
+// SoT tokens/geometry.json → typography.styles "Body" is iOS 15 / Android 14 /
+// Web 14, all at lineHeight 20. This repo's Typography atom deliberately takes
+// the Web column throughout (Typography/styles.ts: body = 14 / 20 / 400), so the
+// bubble matches it rather than picking the iOS size on both platforms.
+const TEXT_FONT_SIZE = 14;
+// The spec's leading is 20, which is what iOS lays out.
+//
+// Android cannot take it. It sizes the text view from the leading it is given
+// rather than from the font's own line box, and at 14px Roboto that box is
+// ascent 14.86 + descent 5.33 = 20.19 — taller than 20. The last line then has
+// nowhere to put its descent and the tails of y/g/p/q are cut off: "Yyyy"
+// renders as "Yvvv" in the bubble while the same message reads correctly in the
+// chat list, which sets no leading of its own. Measured over the debugger, the
+// text view came out 34.67 tall where one line needs 40.
+//
+// 26 clears the font's box on every line with room to spare.
+const TEXT_LINE_HEIGHT = Platform.OS === 'android' ? 26 : 20;
+const TEXT_PADDING_H = 16;
+
+// Leading compensation.
+//
+// The spec's box is padding 10/16/10/16 around a 20px line. On the web that
+// renders centred because CSS distributes the difference between the line
+// height and the font's natural line box as HALF-LEADING: half above the
+// glyphs, half below. RN does not do this. iOS maps lineHeight onto
+// NSParagraphStyle min/maxLineHeight and TextKit grows the line upward from the
+// baseline; Android's CustomLineHeightSpan sets ascent = -(height - descent)
+// and leaves the descent alone. Both put 100% of the extra space ABOVE the ink.
+//
+// At 14px both SF Pro and Roboto have a natural line box of ~16.4px, so a 20px
+// line carries ~3.6px of extra leading — all of it on top. Inside symmetric
+// 10/10 padding the visible gap is then ~13.6 above the text and 10 below,
+// which is what QA reported as the text sitting near the bottom of the bubble.
+// (Note this gets WORSE, not better, as lineHeight rises: the old 14/18 had
+// only ~1.6px of it.)
+//
+// Shift the text up by half the excess and keep the box height identical:
+// 8 + 20 + 12 === 10 + 20 + 10 === 40. Applied to the padding rather than to
+// lineHeight so the 20px leading — which is what the spec actually specifies,
+// and what governs multi-line spacing — is preserved. It also self-corrects for
+// multi-line text: the excess appears above every line, but only the first
+// line's shows as a gap at the top of the block.
+const TEXT_LEADING_EXCESS = TEXT_LINE_HEIGHT - Math.round(TEXT_FONT_SIZE * 1.17);
+const TEXT_PADDING_TOP = 10 - Math.round(TEXT_LEADING_EXCESS / 2);
+// Android keeps the spec's 10 below rather than taking the other half of the
+// excess: the taller leading it needs already sits inside the line box, so
+// adding the compensation underneath as well only pads the bubble out.
+const TEXT_PADDING_BOTTOM = Platform.OS === 'android' ? 10 : 10 + Math.round(TEXT_LEADING_EXCESS / 2);
+
+// The text block's total vertical padding. Exported because AmityMessageBubble
+// has to add it back when it turns a measured text height into a minHeight for
+// the Text (see the iOS last-line note there).
+export const TEXT_VERTICAL_PADDING = TEXT_PADDING_TOP + TEXT_PADDING_BOTTOM;
+export const useStyles = (isUser = false) => {
+  const token = useToken();
+
+  // Resolved per render, not cached at module scope, so rotation re-applies the
+  // 60%-of-viewport rule instead of keeping the launch-time width.
+  const bubbleMaxWidth = getBubbleMaxWidth();
+  // Resolved per render for the same reason, and handed back so the onLoad
+  // handlers size the media against the same number the style caps at.
+  const imageMaxWidth = getMediaBubbleMaxWidth(MEDIA_BUBBLE_MAX_WIDTH_IMAGE, isUser);
+  const videoMaxWidth = getMediaBubbleMaxWidth(MEDIA_BUBBLE_MAX_WIDTH_VIDEO, isUser);
+  const styles = StyleSheet.create({
+    bubble: {
+      maxWidth: bubbleMaxWidth,
+      borderRadius: 20,
+      overflow: 'hidden'
+    },
+    bubbleOwn: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageOutboundDefault)
+    },
+    bubbleOwnPressed: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageOutboundPressed)
+    },
+    bubbleOther: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageInboundDefault)
+    },
+    bubbleOtherPressed: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageInboundPressed)
+    },
+    // The leading was 18 where the SoT says 20, and the padding is
+    // asymmetric to compensate for RN's lack of CSS half-leading — see
+    // TEXT_LEADING_EXCESS above. includeFontPadding: false removes Android's
+    // additional font padding, which otherwise stacks on the same bias.
+    text: {
+      paddingTop: TEXT_PADDING_TOP,
+      paddingHorizontal: TEXT_PADDING_H,
+      paddingBottom: TEXT_PADDING_BOTTOM,
+      fontSize: TEXT_FONT_SIZE,
+      lineHeight: TEXT_LINE_HEIGHT,
+      includeFontPadding: false
+    },
+    // The off-screen line-count probe. It must be constrained on WIDTH ONLY:
+    // the line count depends on the wrap width, and giving it a definite height
+    // makes iOS lay the text into that bounded box, so onTextLayout reports
+    // just the lines that fit and never exceeds maxLines — no "See more" ever
+    // appears at all. StyleSheet.absoluteFillObject was doing exactly that,
+    // because it pins bottom: 0 as well as the sides. Anchor top/left/right and
+    // leave the height free. The parent Pressable is overflow: 'hidden', so the
+    // taller probe cannot paint outside the bubble.
+    textProbe: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      opacity: 0
+    },
+    // Two-line skeleton shown while a long message's line count is measured.
+    // Carries the text bubble's padding. Its width is derived from the same
+    // 60%-of-viewport rule as the bubble, minus the side padding: the probe
+    // fills this container, so a width that disagreed with the real bubble's
+    // would count lines for the wrong wrap width on every platform.
+    textSkeleton: {
+      paddingTop: 10,
+      paddingHorizontal: TEXT_PADDING_H,
+      paddingBottom: 10,
+      width: bubbleMaxWidth - TEXT_PADDING_H * 2,
+      gap: 8
+    },
+    textOwn: {
+      color: token(AmityColorToken.TextChatBubbleOutboundMessagesDefault)
+    },
+    textOther: {
+      color: token(AmityColorToken.TextChatBubbleInboundMessagesDefault)
+    },
+    deletedText: {
+      fontStyle: 'italic'
+    },
+    // "See more" affordance for truncated long messages, faithful to web:
+    // a 1px divider (textBubble__divider) then a space-between row
+    // (textBubble__seeMore) of label + chevron-right icon
+    // (textBubble__seeMoreIcon 1.25rem→20, set at the call site).
+    divider: {
+      height: 1
+    },
+    dividerOwn: {
+      backgroundColor: token(AmityColorToken.LineChatBubbleOutboundDividerDefault)
+    },
+    dividerOther: {
+      backgroundColor: token(AmityColorToken.LineChatBubbleInboundDividerDefault)
+    },
+    // SoT: the row is padded 8 / 16 / 8 / 16 with the label leading and a 20px
+    // chevron trailing (space-between), and the divider above spans the full
+    // bubble width edge-to-edge.
+    seeMoreRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingVertical: 8,
+      paddingHorizontal: TEXT_PADDING_H
+    },
+    // Web sets this row's label to Typography.Caption — 12/16/400, not the
+    // 14/18/700 the port used.
+    seeMoreLabel: {
+      fontSize: 12,
+      lineHeight: 16,
+      fontWeight: '400'
+    },
+    seeMoreOwn: {
+      color: token(AmityColorToken.TextChatBubbleOutboundSeeMoreDefault)
+    },
+    seeMoreOther: {
+      color: token(AmityColorToken.TextChatBubbleInboundSeeMoreDefault)
+    },
+    // Mention span inside the text (web textBubble__mention, weight 500).
+    // Repeat the surrounding text's metrics exactly: the 500-weight mention
+    // <Text> otherwise renders taller than the body line box and its bottom
+    // gets clipped (Android). These MUST track TEXT_FONT_SIZE/TEXT_LINE_HEIGHT
+    // — a mismatch reintroduces the vertical offset above on any line that
+    // mixes plain text with a mention.
+    // Outbound mention and outbound body text resolve to the SAME token
+    // (#FFFFFF), so on your own bubble the weight is the only thing separating a
+    // mention from plain text, and 500 against 400 is not legible on Android —
+    // QA read it as "no highlight in mention". 600 is the smallest step that
+    // reads. Inbound is colour-differentiated and keeps the same weight for
+    // consistency. Revisit if Design gives outbound its own mention colour.
+    mentionOwn: {
+      fontSize: TEXT_FONT_SIZE,
+      lineHeight: TEXT_LINE_HEIGHT,
+      fontWeight: '600',
+      includeFontPadding: false,
+      color: token(AmityColorToken.TextChatBubbleOutboundMentionedDefault)
+    },
+    mentionOther: {
+      fontSize: TEXT_FONT_SIZE,
+      lineHeight: TEXT_LINE_HEIGHT,
+      fontWeight: '600',
+      includeFontPadding: false,
+      color: token(AmityColorToken.TextChatBubbleInboundMentionedDefault)
+    },
+    // "Edited" caption (web textBubble__editedCaption: padding 0 16 10).
+    editedCaption: {
+      paddingHorizontal: 16,
+      paddingBottom: 10,
+      fontSize: 10,
+      lineHeight: 13
+    },
+    editedOwn: {
+      color: token(AmityColorToken.TextChatBubbleOutboundEditedLabelDefault),
+      textAlign: 'right'
+    },
+    editedOther: {
+      color: token(AmityColorToken.TextChatBubbleInboundEditedLabelDefault),
+      textAlign: 'left'
+    },
+    // Link-preview wrapper padding (web textBubble__preview: 0 10 10).
+    preview: {
+      paddingHorizontal: 10,
+      paddingBottom: 10
+    },
+    // In-text URL spans. Web `.textBubble__text a` is underlined and inherits
+    // currentcolor (= the message text colour) for outbound; the `data-user='other'`
+    // rule overrides inbound links to the inbound-link token. RN nested <Text>
+    // inherits colour, so outbound links only need the underline (link) while
+    // inbound links add linkOther to recolour.
+    link: {
+      textDecorationLine: 'underline'
+    },
+    linkOther: {
+      color: token(AmityColorToken.TextChatBubbleInboundLinkDefault)
+    },
+    // Failed-to-send caption under a moderation-rejected media bubble (web
+    // mediaBubble__failedWrapper + mediaBubble__failedCaption: flex column,
+    // align flex-end, gap 4; caption helper-text token, 10/13).
+    failedWrapper: {
+      flexDirection: 'column',
+      alignItems: 'flex-end',
+      gap: 4
+    },
+    failedCaption: {
+      color: token(AmityColorToken.TextChatBubbleOutboundHelperTextDefault),
+      fontSize: 10,
+      lineHeight: 13
+    },
+    // --- Media (image / video) ---
+    // These were pinned to a fixed 240×240, so landscape AND portrait
+    // media were both centre-cropped square. Web locks the HEIGHT at 240 and
+    // lets the width shrink to the media's own ratio, capped at 320 (image) /
+    // 240 (video) — see getMediaBubbleSize in src/chat/constants/bubble.
+    //
+    // These styles now carry only the height and the cap; the concrete width
+    // arrives as an inline style once the media reports its intrinsic size
+    // (<Image onLoad> → nativeEvent.source, <Video onLoad> → naturalSize). The
+    // square below is just the pre-measurement box, matching the placeholders.
+    imageBubble: {
+      position: 'relative',
+      // Web's bubble is an inline-block inside the 80%-capped row, so it
+      // narrows when the row runs out of width. Yoga won't shrink a node with
+      // a measured width unless told to.
+      flexShrink: 1,
+      minWidth: 0,
+      width: MEDIA_BUBBLE_HEIGHT,
+      height: MEDIA_BUBBLE_HEIGHT,
+      maxWidth: imageMaxWidth,
+      borderRadius: 20,
+      overflow: 'hidden',
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    videoBubble: {
+      position: 'relative',
+      flexShrink: 1,
+      minWidth: 0,
+      width: MEDIA_BUBBLE_HEIGHT,
+      height: MEDIA_BUBBLE_HEIGHT,
+      maxWidth: videoMaxWidth,
+      borderRadius: 20,
+      overflow: 'hidden',
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    mediaImage: {
+      width: '100%',
+      height: '100%'
+    },
+    mediaPlaceholder: {
+      flexShrink: 1,
+      minWidth: 0,
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 240,
+      height: 240,
+      borderRadius: 20,
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    mediaBroken: {
+      flexShrink: 1,
+      minWidth: 0,
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 240,
+      height: 240,
+      borderRadius: 20,
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageBroken)
+    },
+    // Spinner overlay shown while a remote image downloads (BUG #5). Sits on the
+    // media-loading surface (same token web uses for the image loading state).
+    mediaLoadingOverlay: {
+      ...StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    // Web `.mediaBubble__preload` — the off-screen element that warms the remote
+    // media before the local preview is dropped. Never meant to be seen: 1×1 and
+    // fully transparent, but still mounted so the native view actually loads.
+    mediaPreload: {
+      position: 'absolute',
+      width: 1,
+      height: 1,
+      opacity: 0
+    },
+    mediaPressedScrim: {
+      ...StyleSheet.absoluteFillObject,
+      // Web used --asc-color-message-overlay (no RN token); substituted with the
+      // closest media-context dark scrim (reported as a gap).
+      backgroundColor: token(AmityColorToken.SurfaceBadgeSemanticBadgePostStatusTotalMedia)
+    },
+    videoPlayChip: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      marginTop: -20,
+      marginLeft: -20,
+      width: 40,
+      height: 40,
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 4,
+      borderRadius: 9999,
+      backgroundColor: token(AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    }
+  });
+  return {
+    styles,
+    token,
+    imageMaxWidth,
+    videoMaxWidth
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/components/AmityMessageBubble/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","useToken","AmityColorToken","MEDIA_BUBBLE_HEIGHT","MEDIA_BUBBLE_MAX_WIDTH_IMAGE","MEDIA_BUBBLE_MAX_WIDTH_VIDEO","getMediaBubbleMaxWidth","getBubbleMaxWidth","TEXT_FONT_SIZE","TEXT_LINE_HEIGHT","OS","TEXT_PADDING_H","TEXT_LEADING_EXCESS","Math","round","TEXT_PADDING_TOP","TEXT_PADDING_BOTTOM","TEXT_VERTICAL_PADDING","useStyles","isUser","token","bubbleMaxWidth","imageMaxWidth","videoMaxWidth","styles","create","bubble","maxWidth","borderRadius","overflow","bubbleOwn","backgroundColor","SurfaceChatBubbleMessageOutboundDefault","bubbleOwnPressed","SurfaceChatBubbleMessageOutboundPressed","bubbleOther","SurfaceChatBubbleMessageInboundDefault","bubbleOtherPressed","SurfaceChatBubbleMessageInboundPressed","text","paddingTop","paddingHorizontal","paddingBottom","fontSize","lineHeight","includeFontPadding","textProbe","position","top","left","right","opacity","textSkeleton","width","gap","textOwn","color","TextChatBubbleOutboundMessagesDefault","textOther","TextChatBubbleInboundMessagesDefault","deletedText","fontStyle","divider","height","dividerOwn","LineChatBubbleOutboundDividerDefault","dividerOther","LineChatBubbleInboundDividerDefault","seeMoreRow","flexDirection","alignItems","justifyContent","paddingVertical","seeMoreLabel","fontWeight","seeMoreOwn","TextChatBubbleOutboundSeeMoreDefault","seeMoreOther","TextChatBubbleInboundSeeMoreDefault","mentionOwn","TextChatBubbleOutboundMentionedDefault","mentionOther","TextChatBubbleInboundMentionedDefault","editedCaption","editedOwn","TextChatBubbleOutboundEditedLabelDefault","textAlign","editedOther","TextChatBubbleInboundEditedLabelDefault","preview","link","textDecorationLine","linkOther","TextChatBubbleInboundLinkDefault","failedWrapper","failedCaption","TextChatBubbleOutboundHelperTextDefault","imageBubble","flexShrink","minWidth","SurfaceMediaImageLoading","videoBubble","mediaImage","mediaPlaceholder","mediaBroken","SurfaceMediaImageBroken","mediaLoadingOverlay","absoluteFillObject","mediaPreload","mediaPressedScrim","SurfaceBadgeSemanticBadgePostStatusTotalMedia","videoPlayChip","marginTop","marginLeft","padding","SurfaceIconButtonTransparentPrimaryEnabled"],"sourceRoot":"../../../../../src","sources":["chat/components/AmityMessageBubble/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/components/AmityMessageComposer/AmityMessageComposer.js

@@ -0,0 +1,262 @@
+// AmityMessageComposer — RN match of AmityUiKitWeb
+// v4/chat/features/shared/components/MessageComposer/MessageComposer. Takes a
+// `composer` object (= ReturnType<typeof useMessageComposer>) and renders the
+// media section + edit panel + reply band + TextEditor. All orchestration
+// (text/canSend/send/edit/reply/media/mentions) lives in the composer object;
+// this component is pure view + input wiring. No overlay openers are passed in:
+// the reply band is inert, so nothing here navigates.
+//
+// RN specifics vs web:
+//  - Web mounts a Lexical contentEditable TextEditor with initialText /
+//    onMentionsChanged and a portal for mention suggestions. RN's TextEditor is
+//    a controlled multiline TextInput; mention segments live inside it and are
+//    synced back into composer.editorMentions on each change (mapping
+//    MentionSegment → web Mentioned), so composer.handleSendText stays faithful.
+//    Web's MediaSection (hidden <input>/FileTrigger) → the RN
+//    AmityMediaAttachmentPicker (react-native-image-picker Asset).
+
+// 1. React / RN imports
+import { useRef } from 'react';
+import { Alert, Pressable, ScrollView, Text, View } from 'react-native';
+
+// 2. Third-party imports
+import { Client } from '@amityco/ts-sdk-react-native';
+
+// 3. Internal imports
+import { TextEditor } from '../../../core/design/components/TextEditor';
+import { AmityIcon } from '../../../core/design/icons';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+import { Typography } from '../../../core/design/components/Typography';
+import { useString } from '../../../core/localization';
+import { Avatar } from '../../elements/Avatar';
+import { useMention } from '../../hooks/useMention';
+import { MessageReplyBand } from '../../features/shared/components/MessageReplyBand';
+import { AmityMediaAttachmentPicker } from '../AmityMediaAttachmentPicker';
+import { useStyles } from './styles';
+
+// Web caps user mentions per message at 30 (MessageComposer MAX_MENTIONS); the
+// 31st pick is blocked with an alert instead of being inserted.
+const MAX_MENTIONS = 30;
+
+// 4. Types
+
+// 5. Named function component
+export function AmityMessageComposer({
+  composer
+}) {
+  var _Client$getCurrentUse;
+  const {
+    subChannelId,
+    enableMention,
+    text,
+    setText,
+    canSend,
+    isEditing,
+    editingMessageId,
+    setEditorMentions,
+    cancelEdit,
+    replyTo,
+    cancelReply,
+    showMediaSection,
+    toggleMediaSection,
+    collapseMediaSection,
+    handleSendText,
+    handleSelectMedia
+  } = composer;
+  const {
+    styles,
+    placeholderColor
+  } = useStyles();
+  const editorRef = useRef(null);
+  const placeholder = useString('amity_chat_composer_placeholder');
+  const editingLabel = useString('amity_chat_editing_message');
+  const mentionLimitTitle = useString('amity_chat_reach_mention_limit_title');
+  const mentionLimitMessage = useString('amity_chat_reach_mention_limit_message');
+  const everyoneLabel = useString('amity_chat_mention_everyone');
+  const currentUserId = (_Client$getCurrentUse = Client.getCurrentUser()) === null || _Client$getCurrentUse === void 0 ? void 0 : _Client$getCurrentUse.userId;
+  const {
+    query,
+    setQuery,
+    suggestions,
+    reset,
+    toMention
+  } = useMention({
+    channelId: subChannelId,
+    includeChannelMention: enableMention
+  });
+  const showMentions = enableMention && query !== null && suggestions.length > 0;
+  function onToggle() {
+    if (!showMediaSection) {
+      var _editorRef$current;
+      (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || _editorRef$current.blur();
+    } else {
+      var _editorRef$current2;
+      (_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 || _editorRef$current2.focus();
+    }
+    toggleMediaSection();
+  }
+  async function onSend() {
+    if (!canSend) return;
+    if (!isEditing) {
+      var _editorRef$current3;
+      (_editorRef$current3 = editorRef.current) === null || _editorRef$current3 === void 0 || _editorRef$current3.clear();
+    }
+    reset();
+    await handleSendText();
+  }
+  function onTextChanged(value) {
+    setText(value);
+    if (value.length > 0 && showMediaSection) {
+      collapseMediaSection();
+    }
+    // Keep composer.editorMentions in sync with the editor's tracked segments so
+    // handleSendText builds the correct mentionees/metadata (web parity).
+    if (enableMention) {
+      var _editorRef$current4;
+      const segments = ((_editorRef$current4 = editorRef.current) === null || _editorRef$current4 === void 0 ? void 0 : _editorRef$current4.getMentioned()) ?? [];
+      setEditorMentions(segments.map(s => ({
+        userId: s.userId,
+        length: s.length,
+        index: s.index,
+        type: s.type,
+        displayName: s.display
+      })));
+    }
+  }
+  function handlePickMention(suggestion) {
+    var _editorRef$current5, _editorRef$current6;
+    // Web parity: block the pick once the mention limit is reached (>= 30) and
+    // surface the limit dialog instead of inserting (MentionPlugin countMentions).
+    const currentMentionCount = ((_editorRef$current5 = editorRef.current) === null || _editorRef$current5 === void 0 ? void 0 : _editorRef$current5.getMentioned().length) ?? 0;
+    if (currentMentionCount >= MAX_MENTIONS) {
+      Alert.alert(mentionLimitTitle, mentionLimitMessage);
+      reset();
+      return;
+    }
+    (_editorRef$current6 = editorRef.current) === null || _editorRef$current6 === void 0 || _editorRef$current6.insertMention(toMention(suggestion));
+    reset();
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showMentions ? /*#__PURE__*/React.createElement(View, {
+    style: styles.mentionContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.mentionOverlay
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.mentionList,
+    keyboardShouldPersistTaps: "handled"
+  }, suggestions.map(suggestion => /*#__PURE__*/React.createElement(Pressable, {
+    key: suggestion.userId,
+    style: ({
+      pressed
+    }) => [styles.mentionItem, pressed && styles.mentionItemPressed],
+    onPress: () => handlePickMention(suggestion),
+    accessibilityRole: "button"
+  }, suggestion.type === 'channel' ?
+  /*#__PURE__*/
+  // web UserMentionItem "all" row: @-glyph featured-icon circle +
+  // display name + "notify everyone" description.
+  React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.mentionAllIconCircle
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.mentionAllGlyph
+  }, "@")), /*#__PURE__*/React.createElement(View, {
+    style: styles.mentionAllRightPane
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "captionBold",
+    style: styles.mentionDisplayName,
+    numberOfLines: 1
+  }, suggestion.display), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.mentionAllDescription,
+    numberOfLines: 1
+  }, everyoneLabel))) :
+  /*#__PURE__*/
+  // web UserMentionItem user row: 2rem avatar + display name.
+  React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.mentionAvatar
+  }, /*#__PURE__*/React.createElement(Avatar.User, {
+    avatarUrl: suggestion.avatarUrl,
+    displayName: suggestion.display,
+    size: "sm"
+  })), /*#__PURE__*/React.createElement(Typography, {
+    variant: "captionBold",
+    style: styles.mentionDisplayName,
+    numberOfLines: 1
+  }, suggestion.display)))))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.mentionCloseButton,
+    onPress: () => setQuery(null),
+    accessibilityRole: "button",
+    accessibilityLabel: "Close mentions"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "cross-r",
+    size: 16,
+    tokenColor: AmityColorToken.IconIconButtonFilledSecondaryDefault
+  }))) : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, isEditing ?
+  /*#__PURE__*/
+  // A two-child row: the CaptionBold title (flex 1) and the close
+  // button, on a surface-list-default-hover band. The design has no
+  // leading glyph and no divider here, so the earlier `pen-r` icon and
+  // its info wrapper are gone and the band carries the hover surface
+  // rather than the composer's own.
+  React.createElement(View, {
+    style: styles.editPanel
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "captionBold",
+    style: styles.editPanelLabel
+  }, editingLabel), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.editPanelClose,
+    onPress: cancelEdit,
+    accessibilityRole: "button",
+    accessibilityLabel: "Cancel edit"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "cross-r",
+    size: 20,
+    tokenColor: AmityColorToken.IconIconButtonGhostSecondaryDefault
+  }))) : null, !isEditing && replyTo ? /*#__PURE__*/React.createElement(MessageReplyBand, {
+    replyTo: replyTo,
+    currentUserId: currentUserId,
+    onCancel: cancelReply
+  }) : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.inputRow
+  }, isEditing ? null : /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.iconButton,
+    onPress: onToggle,
+    accessibilityRole: "button",
+    accessibilityLabel: "Attach media",
+    accessibilityState: {
+      expanded: showMediaSection
+    }
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: showMediaSection ? 'cross-r' : 'plus-r',
+    size: 24,
+    tokenColor: AmityColorToken.IconIconButtonFilledSecondaryDefault
+  })), /*#__PURE__*/React.createElement(TextEditor, {
+    key: editingMessageId ?? 'create',
+    ref: editorRef,
+    value: text,
+    onChangeText: onTextChanged,
+    onSend: onSend,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderColor
+    // Four lines, then the input scrolls. Without this it fell through to
+    // the TextEditor default (a 120px wrapper = five lines).
+    ,
+    maxLines: 4,
+    autoFocus: isEditing,
+    onMentionQueryChange: enableMention ? setQuery : undefined
+  }), showMediaSection ? null : /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.sendButton, canSend && styles.sendButtonEnabled],
+    onPress: onSend,
+    disabled: !canSend,
+    accessibilityRole: "button",
+    accessibilityLabel: "Send message"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "arrow-up-r",
+    size: 24,
+    tokenColor: canSend ? AmityColorToken.IconIconButtonFilledPrimaryDefault : AmityColorToken.IconIconButtonFilledSecondaryDisabled
+  }))), !isEditing && showMediaSection ? /*#__PURE__*/React.createElement(AmityMediaAttachmentPicker, {
+    onPickAsset: handleSelectMedia
+  }) : null));
+}
+//# sourceMappingURL=AmityMessageComposer.js.map

package/lib/module/chat/components/AmityMessageComposer/AmityMessageComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","Alert","Pressable","ScrollView","Text","View","Client","TextEditor","AmityIcon","AmityColorToken","Typography","useString","Avatar","useMention","MessageReplyBand","AmityMediaAttachmentPicker","useStyles","MAX_MENTIONS","AmityMessageComposer","composer","_Client$getCurrentUse","subChannelId","enableMention","text","setText","canSend","isEditing","editingMessageId","setEditorMentions","cancelEdit","replyTo","cancelReply","showMediaSection","toggleMediaSection","collapseMediaSection","handleSendText","handleSelectMedia","styles","placeholderColor","editorRef","placeholder","editingLabel","mentionLimitTitle","mentionLimitMessage","everyoneLabel","currentUserId","getCurrentUser","userId","query","setQuery","suggestions","reset","toMention","channelId","includeChannelMention","showMentions","length","onToggle","_editorRef$current","current","blur","_editorRef$current2","focus","onSend","_editorRef$current3","clear","onTextChanged","value","_editorRef$current4","segments","getMentioned","map","s","index","type","displayName","display","handlePickMention","suggestion","_editorRef$current5","_editorRef$current6","currentMentionCount","alert","insertMention","React","createElement","Fragment","style","mentionContainer","mentionOverlay","mentionList","keyboardShouldPersistTaps","key","pressed","mentionItem","mentionItemPressed","onPress","accessibilityRole","mentionAllIconCircle","mentionAllGlyph","mentionAllRightPane","variant","mentionDisplayName","numberOfLines","mentionAllDescription","mentionAvatar","User","avatarUrl","size","mentionCloseButton","accessibilityLabel","name","tokenColor","IconIconButtonFilledSecondaryDefault","container","editPanel","editPanelLabel","editPanelClose","IconIconButtonGhostSecondaryDefault","onCancel","inputRow","iconButton","accessibilityState","expanded","ref","onChangeText","placeholderTextColor","maxLines","autoFocus","onMentionQueryChange","undefined","sendButton","sendButtonEnabled","disabled","IconIconButtonFilledPrimaryDefault","IconIconButtonFilledSecondaryDisabled","onPickAsset"],"sourceRoot":"../../../../../src","sources":["chat/components/AmityMessageComposer/AmityMessageComposer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/components/AmityMessageComposer/index.js

@@ -0,0 +1,2 @@
+export { AmityMessageComposer } from './AmityMessageComposer';
+//# sourceMappingURL=index.js.map

package/lib/module/chat/components/AmityMessageComposer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AmityMessageComposer"],"sourceRoot":"../../../../../src","sources":["chat/components/AmityMessageComposer/index.ts"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}