@sendbird/uikit-react-native 2.1.0 → 2.2.0

package/lib/module/domain/groupChannel/component/GroupChannelInput/index.js

@@ -3,18 +3,30 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { KeyboardAvoidingView, Platform, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { getGroupChannelChatAvailableState, useIIFE } from '@sendbird/uikit-utils';
+import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { getGroupChannelChatAvailableState, replace, useIIFE } from '@sendbird/uikit-utils';
+import { useSendbirdChat } from '../../../../hooks/useContext';
+import useMentionTextInput from '../../../../hooks/useMentionTextInput';
 import { GroupChannelContexts } from '../../module/moduleContext';
 import EditInput from './EditInput';
 import SendInput from './SendInput';
+const AUTO_FOCUS = Platform.select({
+  ios: false,
+  android: true,
+  default: false
+});
 const KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({
   ios: 'padding',
   default: undefined
-});
+}); // FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)
+//  To workaround temporarily, change the key for re-mount the component.
+
+const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input'; // TODO: Refactor 'Edit' mode to clearly
+
 
 const GroupChannelInput = props => {
   const {
+    top,
     left,
     right,
     bottom
@@ -22,31 +34,49 @@ const GroupChannelInput = props => {
   const {
     colors
   } = useUIKitTheme();
+  const {
+    features,
+    mentionManager
+  } = useSendbirdChat();
   const {
     channel,
-    editMessage,
-    setEditMessage,
+    messageToEdit,
+    setMessageToEdit,
     keyboardAvoidOffset = 0
   } = useContext(GroupChannelContexts.Fragment);
-  const [text, setText] = useState('');
-  const textTmpRef = useRef('');
   const chatAvailableState = getGroupChannelChatAvailableState(channel);
-  useEffect(() => {
-    if (text.length === 0) channel.endTyping();else channel.startTyping();
-  }, [text]);
-  useEffect(() => {
-    if (chatAvailableState.disabled) {
-      textTmpRef.current = text;
-      setText('');
-    } else {
-      setText(textTmpRef.current);
-    }
-  }, [chatAvailableState.disabled]);
+  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;
   const inputMode = useIIFE(() => {
-    if (!editMessage) return 'send';
-    if (editMessage.isFileMessage()) return 'send';
+    if (!messageToEdit) return 'send';
+    if (messageToEdit.isFileMessage()) return 'send';
     return 'edit';
   });
+  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);
+  const {
+    selection,
+    onSelectionChange,
+    textInputRef,
+    text,
+    onChangeText,
+    mentionedUsers
+  } = useMentionTextInput({
+    messageToEdit: messageToEdit
+  });
+  useTypingTrigger(text, channel);
+  useTextPersistenceOnDisabled(text, onChangeText, chatAvailableState.disabled);
+  useAutoFocusOnEditMode(textInputRef, messageToEdit);
+
+  const onPressToMention = (user, searchStringRange) => {
+    const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);
+    const range = {
+      start: searchStringRange.start,
+      end: searchStringRange.start + mentionedMessageText.length - 1
+    };
+    onChangeText(replace(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), {
+      user,
+      range
+    });
+  };
 
   if (!props.shouldRenderInput) {
     return /*#__PURE__*/React.createElement(SafeAreaBottom, {
@@ -54,7 +84,7 @@ const GroupChannelInput = props => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
     keyboardVerticalOffset: -bottom + keyboardAvoidOffset,
     behavior: KEYBOARD_AVOID_VIEW_BEHAVIOR
   }, /*#__PURE__*/React.createElement(View, {
@@ -64,22 +94,67 @@ const GroupChannelInput = props => {
       backgroundColor: colors.background
     }
   }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      justifyContent: 'center',
-      width: '100%'
-    }
-  }, inputMode === 'send' && /*#__PURE__*/React.createElement(SendInput, _extends({}, props, {
+    onLayout: e => setInputHeight(e.nativeEvent.layout.height),
+    style: styles.inputContainer
+  }, inputMode === 'send' && /*#__PURE__*/React.createElement(SendInput, _extends({}, props, chatAvailableState, {
+    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+    ref: textInputRef,
     text: text,
-    setText: setText
-  }, chatAvailableState)), inputMode === 'edit' && editMessage && /*#__PURE__*/React.createElement(EditInput, _extends({}, props, {
+    onChangeText: onChangeText,
+    onSelectionChange: onSelectionChange,
+    mentionedUsers: mentionedUsers
+  })), inputMode === 'edit' && messageToEdit && /*#__PURE__*/React.createElement(EditInput, _extends({}, props, {
+    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+    ref: textInputRef,
+    autoFocus: AUTO_FOCUS,
     text: text,
-    setText: setText,
-    editMessage: editMessage,
-    setEditMessage: setEditMessage,
-    disabled: chatAvailableState.disabled
+    onChangeText: onChangeText,
+    messageToEdit: messageToEdit,
+    setMessageToEdit: setMessageToEdit,
+    disabled: chatAvailableState.disabled,
+    onSelectionChange: onSelectionChange,
+    mentionedUsers: mentionedUsers
   }))), /*#__PURE__*/React.createElement(SafeAreaBottom, {
     height: bottom
-  })));
+  }))), mentionAvailable && /*#__PURE__*/React.createElement(props.SuggestedMentionList, {
+    text: text,
+    selection: selection,
+    inputHeight: inputHeight,
+    topInset: top,
+    bottomInset: bottom,
+    onPressToMention: onPressToMention,
+    mentionedUsers: mentionedUsers
+  }));
+};
+
+const useTypingTrigger = (text, channel) => {
+  useEffect(() => {
+    if (text.length === 0) channel.endTyping();else channel.startTyping();
+  }, [text]);
+};
+
+const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
+  const textTmpRef = useRef('');
+  useEffect(() => {
+    if (chatDisabled) {
+      textTmpRef.current = text;
+      setText('');
+    } else {
+      setText(textTmpRef.current);
+    }
+  }, [chatDisabled]);
+};
+
+const useAutoFocusOnEditMode = (textInputRef, messageToEdit) => {
+  useEffect(() => {
+    if (messageToEdit !== null && messageToEdit !== void 0 && messageToEdit.isUserMessage()) {
+      if (!AUTO_FOCUS) setTimeout(() => {
+        var _textInputRef$current;
+
+        return (_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 ? void 0 : _textInputRef$current.focus();
+      }, 500);
+    }
+  }, [messageToEdit]);
 };
 
 const SafeAreaBottom = _ref => {
@@ -93,5 +168,14 @@ const SafeAreaBottom = _ref => {
   });
 };
 
+const styles = createStyleSheet({
+  inputContainer: {
+    justifyContent: 'center',
+    width: '100%'
+  },
+  inputDefault: {
+    height: 56
+  }
+});
 export default /*#__PURE__*/React.memo(GroupChannelInput);
 //# sourceMappingURL=index.js.map

package/lib/module/domain/groupChannel/component/GroupChannelInput/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useRef","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","useUIKitTheme","getGroupChannelChatAvailableState","useIIFE","GroupChannelContexts","EditInput","SendInput","KEYBOARD_AVOID_VIEW_BEHAVIOR","select","ios","default","undefined","GroupChannelInput","props","left","right","bottom","colors","channel","editMessage","setEditMessage","keyboardAvoidOffset","Fragment","text","setText","textTmpRef","chatAvailableState","length","endTyping","startTyping","disabled","current","inputMode","isFileMessage","shouldRenderInput","paddingLeft","paddingRight","backgroundColor","background","justifyContent","width","SafeAreaBottom","height","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getGroupChannelChatAvailableState, useIIFE } from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../module/moduleContext';\nimport type { GroupChannelProps } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\nconst GroupChannelInput = (props: GroupChannelProps['Input']) => {\n  const { left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { channel, editMessage, setEditMessage, keyboardAvoidOffset = 0 } = useContext(GroupChannelContexts.Fragment);\n\n  const [text, setText] = useState('');\n  const textTmpRef = useRef('');\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n\n  useEffect(() => {\n    if (text.length === 0) channel.endTyping();\n    else channel.startTyping();\n  }, [text]);\n\n  useEffect(() => {\n    if (chatAvailableState.disabled) {\n      textTmpRef.current = text;\n      setText('');\n    } else {\n      setText(textTmpRef.current);\n    }\n  }, [chatAvailableState.disabled]);\n\n  const inputMode = useIIFE(() => {\n    if (!editMessage) return 'send';\n    if (editMessage.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  if (!props.shouldRenderInput) {\n    return <SafeAreaBottom height={bottom} />;\n  }\n\n  return (\n    <KeyboardAvoidingView\n      keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n      behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n    >\n      <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n        <View style={{ justifyContent: 'center', width: '100%' }}>\n          {inputMode === 'send' && <SendInput {...props} text={text} setText={setText} {...chatAvailableState} />}\n          {inputMode === 'edit' && editMessage && (\n            <EditInput\n              {...props}\n              text={text}\n              setText={setText}\n              editMessage={editMessage}\n              setEditMessage={setEditMessage}\n              disabled={chatAvailableState.disabled}\n            />\n          )}\n        </View>\n        <SafeAreaBottom height={bottom} />\n      </View>\n    </KeyboardAvoidingView>\n  );\n};\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n  return <View style={{ height }} />;\n};\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,SAA5B,EAAuCC,MAAvC,EAA+CC,QAA/C,QAA+D,OAA/D;AACA,SAASC,oBAAT,EAA+BC,QAA/B,EAAyCC,IAAzC,QAAqD,cAArD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,aAAT,QAA8B,yCAA9B;AACA,SAASC,iCAAT,EAA4CC,OAA5C,QAA2D,uBAA3D;AAEA,SAASC,oBAAT,QAAqC,4BAArC;AAEA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAEA,MAAMC,4BAA4B,GAAGT,QAAQ,CAACU,MAAT,CAAgB;EAAEC,GAAG,EAAE,SAAP;EAA2BC,OAAO,EAAEC;AAApC,CAAhB,CAArC;;AACA,MAAMC,iBAAiB,GAAIC,KAAD,IAAuC;EAC/D,MAAM;IAAEC,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA0BhB,iBAAiB,EAAjD;EACA,MAAM;IAAEiB;EAAF,IAAahB,aAAa,EAAhC;EACA,MAAM;IAAEiB,OAAF;IAAWC,WAAX;IAAwBC,cAAxB;IAAwCC,mBAAmB,GAAG;EAA9D,IAAoE5B,UAAU,CAACW,oBAAoB,CAACkB,QAAtB,CAApF;EAEA,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB5B,QAAQ,CAAC,EAAD,CAAhC;EACA,MAAM6B,UAAU,GAAG9B,MAAM,CAAC,EAAD,CAAzB;EACA,MAAM+B,kBAAkB,GAAGxB,iCAAiC,CAACgB,OAAD,CAA5D;EAEAxB,SAAS,CAAC,MAAM;IACd,IAAI6B,IAAI,CAACI,MAAL,KAAgB,CAApB,EAAuBT,OAAO,CAACU,SAAR,GAAvB,KACKV,OAAO,CAACW,WAAR;EACN,CAHQ,EAGN,CAACN,IAAD,CAHM,CAAT;EAKA7B,SAAS,CAAC,MAAM;IACd,IAAIgC,kBAAkB,CAACI,QAAvB,EAAiC;MAC/BL,UAAU,CAACM,OAAX,GAAqBR,IAArB;MACAC,OAAO,CAAC,EAAD,CAAP;IACD,CAHD,MAGO;MACLA,OAAO,CAACC,UAAU,CAACM,OAAZ,CAAP;IACD;EACF,CAPQ,EAON,CAACL,kBAAkB,CAACI,QAApB,CAPM,CAAT;EASA,MAAME,SAAS,GAAG7B,OAAO,CAAC,MAAM;IAC9B,IAAI,CAACgB,WAAL,EAAkB,OAAO,MAAP;IAClB,IAAIA,WAAW,CAACc,aAAZ,EAAJ,EAAiC,OAAO,MAAP;IACjC,OAAO,MAAP;EACD,CAJwB,CAAzB;;EAMA,IAAI,CAACpB,KAAK,CAACqB,iBAAX,EAA8B;IAC5B,oBAAO,oBAAC,cAAD;MAAgB,MAAM,EAAElB;IAAxB,EAAP;EACD;;EAED,oBACE,oBAAC,oBAAD;IACE,sBAAsB,EAAE,CAACA,MAAD,GAAUK,mBADpC;IAEE,QAAQ,EAAEd;EAFZ,gBAIE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAE4B,WAAW,EAAErB,IAAf;MAAqBsB,YAAY,EAAErB,KAAnC;MAA0CsB,eAAe,EAAEpB,MAAM,CAACqB;IAAlE;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEC,cAAc,EAAE,QAAlB;MAA4BC,KAAK,EAAE;IAAnC;EAAb,GACGR,SAAS,KAAK,MAAd,iBAAwB,oBAAC,SAAD,eAAenB,KAAf;IAAsB,IAAI,EAAEU,IAA5B;IAAkC,OAAO,EAAEC;EAA3C,GAAwDE,kBAAxD,EAD3B,EAEGM,SAAS,KAAK,MAAd,IAAwBb,WAAxB,iBACC,oBAAC,SAAD,eACMN,KADN;IAEE,IAAI,EAAEU,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,WAAW,EAAEL,WAJf;IAKE,cAAc,EAAEC,cALlB;IAME,QAAQ,EAAEM,kBAAkB,CAACI;EAN/B,GAHJ,CADF,eAcE,oBAAC,cAAD;IAAgB,MAAM,EAAEd;EAAxB,EAdF,CAJF,CADF;AAuBD,CAxDD;;AAyDA,MAAMyB,cAAc,GAAG,QAAoC;EAAA,IAAnC;IAAEC;EAAF,CAAmC;EACzD,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,EAAP;AACD,CAFD;;AAIA,4BAAelD,KAAK,CAACmD,IAAN,CAAW/B,iBAAX,CAAf"}
+{"version":3,"names":["React","useContext","useEffect","useRef","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","getGroupChannelChatAvailableState","replace","useIIFE","useSendbirdChat","useMentionTextInput","GroupChannelContexts","EditInput","SendInput","AUTO_FOCUS","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","GroupChannelInput","props","top","left","right","bottom","colors","features","mentionManager","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","Fragment","chatAvailableState","mentionAvailable","userMentionEnabled","isGroupChannel","isBroadcast","inputMode","isFileMessage","inputHeight","setInputHeight","styles","inputDefault","height","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","useTypingTrigger","useTextPersistenceOnDisabled","disabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","length","shouldRenderInput","paddingLeft","paddingRight","backgroundColor","background","e","nativeEvent","layout","inputContainer","endTyping","startTyping","setText","chatDisabled","textTmpRef","current","isUserMessage","setTimeout","focus","SafeAreaBottom","justifyContent","width","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, useContext, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, TextInput, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUserMessage,\n  getGroupChannelChatAvailableState,\n  replace,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../../../hooks/useContext';\nimport useMentionTextInput from '../../../../hooks/useMentionTextInput';\nimport { GroupChannelContexts } from '../../module/moduleContext';\nimport type { GroupChannelProps } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\n\n// FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)\n//  To workaround temporarily, change the key for re-mount the component.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst GroupChannelInput = (props: GroupChannelProps['Input']) => {\n  const { top, left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { features, mentionManager } = useSendbirdChat();\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\n  } = useContext(GroupChannelContexts.Fragment);\n\n  const chatAvailableState = getGroupChannelChatAvailableState(channel);\n  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;\n  const inputMode = useIIFE(() => {\n    if (!messageToEdit) return 'send';\n    if (messageToEdit.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n  const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n    messageToEdit: messageToEdit,\n  });\n\n  useTypingTrigger(text, channel);\n  useTextPersistenceOnDisabled(text, onChangeText, chatAvailableState.disabled);\n  useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n  const onPressToMention: GroupChannelProps['SuggestedMentionList']['onPressToMention'] = (user, searchStringRange) => {\n    const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);\n    const range = { start: searchStringRange.start, end: searchStringRange.start + mentionedMessageText.length - 1 };\n\n    onChangeText(replace(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), { user, range });\n  };\n\n  if (!props.shouldRenderInput) {\n    return <SafeAreaBottom height={bottom} />;\n  }\n\n  return (\n    <>\n      <KeyboardAvoidingView\n        keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n        behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n      >\n        <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n          <View onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)} style={styles.inputContainer}>\n            {inputMode === 'send' && (\n              <SendInput\n                {...props}\n                {...chatAvailableState}\n                key={GET_INPUT_KEY(mentionedUsers.length === 0)}\n                ref={textInputRef as never}\n                text={text}\n                onChangeText={onChangeText}\n                onSelectionChange={onSelectionChange}\n                mentionedUsers={mentionedUsers}\n              />\n            )}\n            {inputMode === 'edit' && messageToEdit && (\n              <EditInput\n                {...props}\n                key={GET_INPUT_KEY(mentionedUsers.length === 0)}\n                ref={textInputRef as never}\n                autoFocus={AUTO_FOCUS}\n                text={text}\n                onChangeText={onChangeText}\n                messageToEdit={messageToEdit}\n                setMessageToEdit={setMessageToEdit}\n                disabled={chatAvailableState.disabled}\n                onSelectionChange={onSelectionChange}\n                mentionedUsers={mentionedUsers}\n              />\n            )}\n          </View>\n          <SafeAreaBottom height={bottom} />\n        </View>\n      </KeyboardAvoidingView>\n      {mentionAvailable && (\n        <props.SuggestedMentionList\n          text={text}\n          selection={selection}\n          inputHeight={inputHeight}\n          topInset={top}\n          bottomInset={bottom}\n          onPressToMention={onPressToMention}\n          mentionedUsers={mentionedUsers}\n        />\n      )}\n    </>\n  );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdGroupChannel) => {\n  useEffect(() => {\n    if (text.length === 0) channel.endTyping();\n    else channel.startTyping();\n  }, [text]);\n};\n\nconst useTextPersistenceOnDisabled = (text: string, setText: (val: string) => void, chatDisabled: boolean) => {\n  const textTmpRef = useRef('');\n\n  useEffect(() => {\n    if (chatDisabled) {\n      textTmpRef.current = text;\n      setText('');\n    } else {\n      setText(textTmpRef.current);\n    }\n  }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n  textInputRef: MutableRefObject<TextInput | undefined>,\n  messageToEdit?: SendbirdUserMessage | SendbirdFileMessage,\n) => {\n  useEffect(() => {\n    if (messageToEdit?.isUserMessage()) {\n      if (!AUTO_FOCUS) setTimeout(() => textInputRef.current?.focus(), 500);\n    }\n  }, [messageToEdit]);\n};\n\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n  return <View style={{ height }} />;\n};\n\nconst styles = createStyleSheet({\n  inputContainer: {\n    justifyContent: 'center',\n    width: '100%',\n  },\n  inputDefault: {\n    height: 56,\n  },\n});\n\nexport default React.memo(GroupChannelInput);\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js

@@ -4,10 +4,11 @@ import React, { useCallback, useContext, useEffect, useRef, useState } from 'rea
 import { Linking, Platform, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { ChannelFrozenBanner, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, messageKeyExtractor, toMegabyte, useFreshCallback } from '@sendbird/uikit-utils';
+import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, messageKeyExtractor, shouldRenderReaction, toMegabyte, useFreshCallback } from '@sendbird/uikit-utils';
 import ChatFlatList from '../../../components/ChatFlatList';
+import { ReactionAddons } from '../../../components/ReactionAddons';
 import { DEPRECATION_WARNING } from '../../../constants';
-import { useLocalization, usePlatformService } from '../../../hooks/useContext';
+import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelContexts } from '../module/moduleContext';
 const HANDLE_NEXT_MSG_SEPARATELY = Platform.select({
   default: true
@@ -46,11 +47,12 @@ const GroupChannelMessageList = _ref => {
   const scrollRef = useRef(null);
   const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);
   const getMessagePressActions = useGetMessagePressActions({
+    channel,
+    currentUserId,
     onDeleteMessage,
+    onResendFailedMessage,
     onPressImageMessage,
-    onPressMediaMessage,
-    currentUserId,
-    onResendFailedMessage
+    onPressMediaMessage
   });
   const safeAreaLayout = {
     paddingLeft: left,
@@ -138,11 +140,12 @@ const GroupChannelMessageList = _ref => {
 
 const useGetMessagePressActions = _ref3 => {
   let {
-    onPressImageMessage,
-    onPressMediaMessage,
-    onDeleteMessage,
+    channel,
+    currentUserId,
     onResendFailedMessage,
-    currentUserId
+    onDeleteMessage,
+    onPressImageMessage,
+    onPressMediaMessage
   } = _ref3;
   const {
     colors
@@ -162,7 +165,10 @@ const useGetMessagePressActions = _ref3 => {
     fileService
   } = usePlatformService();
   const {
-    setEditMessage
+    features
+  } = useSendbirdChat();
+  const {
+    setMessageToEdit
   } = useContext(GroupChannelContexts.Fragment);
 
   const handleFailedMessage = message => {
@@ -219,7 +225,7 @@ const useGetMessagePressActions = _ref3 => {
         sheetItems.push({
           icon: 'edit',
           title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,
-          onPress: () => setEditMessage(msg)
+          onPress: () => setMessageToEdit(msg)
         }, {
           icon: 'delete',
           title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,
@@ -288,9 +294,21 @@ const useGetMessagePressActions = _ref3 => {
     }
 
     if (sheetItems.length > 0) {
-      response.onLongPress = () => openSheet({
-        sheetItems
-      });
+      response.onLongPress = () => {
+        openSheet({
+          sheetItems,
+          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled) ? _ref4 => {
+            let {
+              onClose
+            } = _ref4;
+            return /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
+              message: msg,
+              channel: channel,
+              onClose: onClose
+            });
+          } : undefined
+        });
+      };
     }
 
     if (msg.sendingStatus === 'failed') {

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Linking","Platform","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","toMegabyte","useFreshCallback","ChatFlatList","DEPRECATION_WARNING","useLocalization","usePlatformService","GroupChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","left","right","scrollLeaveBottom","setScrollLeaveBottom","scrollRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","openSheet","alert","clipboardService","fileService","setEditMessage","Fragment","handleFailedMessage","sheetItems","title","DIALOG_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","DIALOG_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","DIALOG_MESSAGE_COPY","setString","COPY_OK","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","warn","ON_PRESS_IMAGE_MESSAGE","openURL","position","zIndex","top","paddingBottom","bottom","alignSelf","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Linking, ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: GroupChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    onDeleteMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n    currentUserId,\n    onResendFailedMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  onPressImageMessage,\n  onPressMediaMessage,\n  onDeleteMessage,\n  onResendFailedMessage,\n  currentUserId,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  'onDeleteMessage' | 'onResendFailedMessage' | 'currentUserId' | 'onPressImageMessage' | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { setEditMessage } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,\n            onPress: () => setEditMessage(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => Linking.openURL(msg.url).catch();\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => openSheet({ sheetItems });\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Linking","Platform","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","ChatFlatList","ReactionAddons","DEPRECATION_WARNING","useLocalization","usePlatformService","useSendbirdChat","GroupChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","left","right","scrollLeaveBottom","setScrollLeaveBottom","scrollRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","openSheet","alert","clipboardService","fileService","features","setMessageToEdit","Fragment","handleFailedMessage","sheetItems","title","DIALOG_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","DIALOG_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","DIALOG_MESSAGE_COPY","setString","COPY_OK","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","warn","ON_PRESS_IMAGE_MESSAGE","openURL","HeaderComponent","reactionEnabled","onClose","position","zIndex","top","paddingBottom","bottom","alignSelf","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Linking, ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { ReactionAddons } from '../../../components/ReactionAddons';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: GroupChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  | 'channel'\n  | 'currentUserId'\n  | 'onResendFailedMessage'\n  | 'onDeleteMessage'\n  | 'onPressImageMessage'\n  | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { features } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => Linking.openURL(msg.url).catch();\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled)\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/component/GroupChannelSuggestedMentionList.js

@@ -0,0 +1,188 @@
+import React, { useContext } from 'react';
+import { Pressable, ScrollView, View, useWindowDimensions } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Avatar, Divider, Icon, Text, createStyleSheet, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { conditionChaining } from '@sendbird/uikit-utils';
+import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
+import useKeyboardStatus from '../../../hooks/useKeyboardStatus';
+import useMentionSuggestion from '../../../hooks/useMentionSuggestion';
+import { GroupChannelContexts } from '../module/moduleContext';
+
+const GroupChannelSuggestedMentionList = _ref => {
+  let {
+    text,
+    selection,
+    inputHeight,
+    bottomInset,
+    onPressToMention,
+    mentionedUsers
+  } = _ref;
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = useWindowDimensions();
+  const {
+    channel
+  } = useContext(GroupChannelContexts.Fragment);
+  const {
+    mentionManager
+  } = useSendbirdChat();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    topInset
+  } = useHeaderStyle();
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  const keyboard = useKeyboardStatus();
+  const {
+    members,
+    reset,
+    searchStringRange,
+    searchLimited
+  } = useMentionSuggestion({
+    text,
+    selection,
+    channel,
+    mentionedUsers
+  });
+  const isLandscape = screenWidth > screenHeight;
+  const isShortened = isLandscape && keyboard.visible;
+  const canRenderMembers = members.length > 0;
+  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;
+
+  const renderLimitGuide = () => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.searchLimited, {
+        borderTopColor: colors.onBackground04
+      }]
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: 'info',
+      size: 20,
+      containerStyle: {
+        marginRight: 4
+      },
+      color: colors.onBackground02
+    }), /*#__PURE__*/React.createElement(Text, {
+      body3: true,
+      color: colors.onBackground02
+    }, STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)));
+  };
+
+  const renderMembers = () => {
+    return /*#__PURE__*/React.createElement(View, null, members.map(member => {
+      return /*#__PURE__*/React.createElement(Pressable, {
+        onPress: () => {
+          onPressToMention(member, searchStringRange);
+          reset();
+        },
+        key: member.userId,
+        style: styles.userContainer
+      }, /*#__PURE__*/React.createElement(Avatar, {
+        size: 28,
+        uri: member.profileUrl,
+        containerStyle: styles.userAvatar
+      }), /*#__PURE__*/React.createElement(View, {
+        style: styles.userInfo
+      }, /*#__PURE__*/React.createElement(Text, {
+        body2: true,
+        color: colors.onBackground01,
+        numberOfLines: 1,
+        style: styles.userNickname
+      }, member.nickname || STRINGS.LABELS.USER_NO_NAME), /*#__PURE__*/React.createElement(Text, {
+        body3: true,
+        color: colors.onBackground03,
+        numberOfLines: 1,
+        style: styles.userId
+      }, member.userId), /*#__PURE__*/React.createElement(Divider, {
+        style: {
+          position: 'absolute',
+          bottom: 0
+        }
+      })));
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: reset,
+    pointerEvents: canRenderMembers ? 'auto' : 'none',
+    style: [styles.container, {
+      bottom: inputHeight + bottomInset
+    }]
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    bounces: false,
+    keyboardDismissMode: 'none',
+    keyboardShouldPersistTaps: 'always',
+    style: [styles.scrollView, {
+      maxHeight,
+      backgroundColor: colors.background,
+      bottom: keyboard.bottomSpace
+    }, canRenderMembers && {
+      borderTopWidth: 1,
+      borderTopColor: colors.onBackground04
+    }],
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right
+    }
+  }, conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])));
+};
+
+const styles = createStyleSheet({
+  suggestion: {
+    height: 196
+  },
+  container: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    left: 0
+  },
+  scrollView: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  },
+  userContainer: {
+    paddingLeft: 16,
+    flexDirection: 'row',
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  userAvatar: {
+    marginRight: 16
+  },
+  userInfo: {
+    flexDirection: 'row',
+    flex: 1
+  },
+  userNickname: {
+    flexShrink: 1,
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    marginRight: 6
+  },
+  userId: {
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    minWidth: 32,
+    flexShrink: 1,
+    marginRight: 16
+  },
+  searchLimited: {
+    borderTopWidth: 1,
+    paddingHorizontal: 16,
+    height: 44,
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelSuggestedMentionList;
+//# sourceMappingURL=GroupChannelSuggestedMentionList.js.map