@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

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

@@ -0,0 +1,236 @@
+// 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 → paddingTop 10 / horizontal 16 /
+// bottom 10, font-size 0.875rem→14, line-height 1.3→18. Colours resolve through the
+// design tokens (surface/text chatbubble, inbound vs outbound). No hardcoded hex.
+
+import { Dimensions, StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+
+// Web caps the text bubble at 60vw. In RN a percentage maxWidth resolves against the
+// bubble's parent, and inside the action-menu Popover wrapper that parent has an
+// indefinite width — Yoga then collapses the Text to its minimum intrinsic width
+// (word/char-per-line). Use a concrete pixel cap off the screen width instead.
+const BUBBLE_MAX_WIDTH = Math.round(Dimensions.get('window').width * 0.72);
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    bubble: {
+      maxWidth: BUBBLE_MAX_WIDTH,
+      borderRadius: 20,
+      overflow: 'hidden'
+    },
+    bubbleOwn: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageOutboundDefault)
+    },
+    bubbleOwnPressed: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageOutboundPressed)
+    },
+    bubbleOther: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageInboundDefault)
+    },
+    bubbleOtherPressed: {
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleMessageInboundPressed)
+    },
+    text: {
+      paddingTop: 10,
+      paddingHorizontal: 16,
+      paddingBottom: 10,
+      fontSize: 14,
+      lineHeight: 18
+    },
+    // Two-line skeleton shown while a long message's line count is measured.
+    // Carries the text bubble's padding, and a fixed width of 240 (bubble max)
+    // minus its 16 side padding — the measuring probe fills this container, so a
+    // width that collapsed to the bars' intrinsic size would make it count lines
+    // for the wrong width.
+    // The off-screen line-count probe. Absolutely filled so it inherits the
+    // container's width (the measurement depends on width, not height), and fully
+    // transparent — opacity does not affect layout, so onTextLayout still fires.
+    textProbe: {
+      ...StyleSheet.absoluteFillObject,
+      opacity: 0
+    },
+    textSkeleton: {
+      paddingTop: 10,
+      paddingHorizontal: 16,
+      paddingBottom: 10,
+      width: 240 - 32,
+      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 0.75rem→12).
+    divider: {
+      height: 1
+    },
+    dividerOwn: {
+      backgroundColor: token(AmityColorToken.LineChatBubbleOutboundDividerDefault)
+    },
+    dividerOther: {
+      backgroundColor: token(AmityColorToken.LineChatBubbleInboundDividerDefault)
+    },
+    seeMoreRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingVertical: 10,
+      paddingHorizontal: 16
+    },
+    seeMoreLabel: {
+      fontSize: 14,
+      lineHeight: 18,
+      fontWeight: '700'
+    },
+    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 fontSize/lineHeight (14/18): the 500-weight
+    // mention <Text> otherwise renders taller than the 18px line box sized from
+    // the 14px body text and its bottom gets clipped (Android).
+    mentionOwn: {
+      fontSize: 14,
+      lineHeight: 18,
+      fontWeight: '500',
+      color: token(AmityColorToken.TextChatBubbleOutboundMentionedDefault)
+    },
+    mentionOther: {
+      fontSize: 14,
+      lineHeight: 18,
+      fontWeight: '500',
+      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) ---
+    // Web used height 15rem→240 with variable width (inline-block, capped at 20rem/320).
+    // In an RN flex row an Image has no intrinsic width to size against, so we pin a
+    // fixed 240×240 frame (media fills it, cover-cropped) — reported as a fidelity delta
+    // vs web's variable width.
+    imageBubble: {
+      position: 'relative',
+      width: 240,
+      height: 240,
+      borderRadius: 20,
+      overflow: 'hidden',
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    videoBubble: {
+      position: 'relative',
+      width: 240,
+      height: 240,
+      borderRadius: 20,
+      overflow: 'hidden',
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    mediaImage: {
+      width: '100%',
+      height: '100%'
+    },
+    mediaPlaceholder: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 240,
+      height: 240,
+      borderRadius: 20,
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    mediaBroken: {
+      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)
+    },
+    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
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","StyleSheet","useToken","AmityColorToken","BUBBLE_MAX_WIDTH","Math","round","get","width","useStyles","token","styles","create","bubble","maxWidth","borderRadius","overflow","bubbleOwn","backgroundColor","SurfaceChatBubbleMessageOutboundDefault","bubbleOwnPressed","SurfaceChatBubbleMessageOutboundPressed","bubbleOther","SurfaceChatBubbleMessageInboundDefault","bubbleOtherPressed","SurfaceChatBubbleMessageInboundPressed","text","paddingTop","paddingHorizontal","paddingBottom","fontSize","lineHeight","textProbe","absoluteFillObject","opacity","textSkeleton","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","position","SurfaceMediaImageLoading","videoBubble","mediaImage","mediaPlaceholder","mediaBroken","SurfaceMediaImageBroken","mediaLoadingOverlay","mediaPressedScrim","SurfaceBadgeSemanticBadgePostStatusTotalMedia","videoPlayChip","top","left","marginTop","marginLeft","padding","SurfaceIconButtonTransparentPrimaryEnabled"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityMessageBubble/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,260 @@
+// AmityMessageComposer — RN match of AmityUiKitWeb
+// v4/chat/features/shared/components/MessageComposer/MessageComposer. Takes a
+// `composer` object (= ReturnType<typeof useMessageComposer>) plus the overlay
+// openers, 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.
+//
+// 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,
+  onOpenSeeMore,
+  onOpenImage,
+  onOpenVideo
+}) {
+  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(View, {
+    style: styles.container
+  }, isEditing ? /*#__PURE__*/React.createElement(View, {
+    style: styles.editPanel
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.editPanelInfo
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "pen-r",
+    size: 20,
+    tokenColor: AmityColorToken.TextBaseSubdue
+  }), /*#__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.TextBaseSubdue
+  }))) : null, !isEditing && replyTo ? /*#__PURE__*/React.createElement(MessageReplyBand, {
+    replyTo: replyTo,
+    currentUserId: currentUserId,
+    onCancel: cancelReply,
+    onOpenSeeMore: onOpenSeeMore,
+    onOpenImage: onOpenImage,
+    onOpenVideo: onOpenVideo
+  }) : null, showMentions ? /*#__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.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,
+    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/social/features/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","onOpenSeeMore","onOpenImage","onOpenVideo","_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","style","container","editPanel","editPanelInfo","name","size","tokenColor","TextBaseSubdue","variant","editPanelLabel","editPanelClose","onPress","accessibilityRole","accessibilityLabel","onCancel","mentionOverlay","mentionList","keyboardShouldPersistTaps","key","pressed","mentionItem","mentionItemPressed","Fragment","mentionAllIconCircle","mentionAllGlyph","mentionAllRightPane","mentionDisplayName","numberOfLines","mentionAllDescription","mentionAvatar","User","avatarUrl","mentionCloseButton","IconIconButtonFilledSecondaryDefault","inputRow","iconButton","accessibilityState","expanded","ref","onChangeText","placeholderTextColor","autoFocus","onMentionQueryChange","undefined","sendButton","sendButtonEnabled","disabled","IconIconButtonFilledPrimaryDefault","IconIconButtonFilledSecondaryDisabled","onPickAsset"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityMessageComposer/AmityMessageComposer.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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