@sendbird/uikit-react-native 2.0.3 → 2.2.0

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/SendInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["SendInput","onSendUserMessage","onSendFileMessage","text","setText","disabled","STRINGS","useLocalization","fileService","usePlatformService","colors","useUIKitTheme","openSheet","useBottomSheet","alert","useAlert","toast","useToast","onPressSend","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","photo","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","OPEN_CAMERA_ERROR","DIALOG_ATTACHMENT_PHOTO_LIBRARY","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","file","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","conditionChaining","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_ACTIVE","Boolean","trim","iconSend","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","maxHeight","Platform","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../../hooks/useContext';\nimport SBUError from '../../../../libs/SBUError';\nimport SBUUtils from '../../../../libs/SBUUtils';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  disabled: boolean;\n};\nconst SendInput = ({ onSendUserMessage, onSendFileMessage, text, setText, disabled }: SendInputProps) => {\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const onPressSend = () => {\n    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    setText('');\n  };\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const photo = await fileService.openCamera({\n              mediaType: 'all',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n\n            if (photo) {\n              onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const photo = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n\n            if (photo && photo[0]) {\n              onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const file = await fileService.openDocument({\n              onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (file) {\n              onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        multiline\n        editable={!disabled}\n        value={text}\n        onChangeText={setText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [disabled],\n          [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE],\n        )}\n      />\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
+{"version":3,"names":["SendInput","forwardRef","ref","onSendUserMessage","onSendFileMessage","text","onChangeText","disabled","frozen","muted","onSelectionChange","mentionedUsers","mentionManager","useSendbirdChat","STRINGS","useLocalization","fileService","usePlatformService","colors","useUIKitTheme","openSheet","useBottomSheet","alert","useAlert","toast","useToast","onPressSend","mention","userIds","map","it","user","userId","messageTemplate","textToMentionedMessageTemplate","type","MentionType","USERS","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","photo","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","OPEN_CAMERA_ERROR","DIALOG_ATTACHMENT_PHOTO_LIBRARY","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","file","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","conditionChaining","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_MUTED","INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","Boolean","trim","iconSend","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","maxHeight","Platform","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../../hooks/useContext';\nimport SBUError from '../../../../libs/SBUError';\nimport SBUUtils from '../../../../libs/SBUUtils';\nimport type { MentionedUser } from '../../../../types';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  onChangeText: (val: string) => void;\n  frozen: boolean;\n  muted: boolean;\n  disabled: boolean;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  mentionedUsers: MentionedUser[];\n};\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n  {\n    onSendUserMessage,\n    onSendFileMessage,\n    text,\n    onChangeText,\n    disabled,\n    frozen,\n    muted,\n    onSelectionChange,\n    mentionedUsers,\n  },\n  ref,\n) {\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const onPressSend = () => {\n    const mention = {\n      userIds: mentionedUsers.map((it) => it.user.userId),\n      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),\n      type: MentionType.USERS,\n    };\n\n    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    onChangeText('');\n  };\n\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const photo = await fileService.openCamera({\n              mediaType: 'all',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n\n            if (photo) {\n              onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const photo = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n\n            if (photo && photo[0]) {\n              onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const file = await fileService.openDocument({\n              onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (file) {\n              onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        ref={ref}\n        multiline\n        disableFullscreenUI\n        onSelectionChange={onSelectionChange}\n        editable={!disabled}\n        onChangeText={onChangeText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [frozen, muted],\n          [\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,\n          ],\n        )}\n      >\n        {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n      </TextInput>\n\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}

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

@@ -15,6 +15,10 @@ var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundati
 
 var _uikitUtils = require("@sendbird/uikit-utils");
 
+var _useContext = require("../../../../hooks/useContext");
+
+var _useMentionTextInput = _interopRequireDefault(require("../../../../hooks/useMentionTextInput"));
+
 var _moduleContext = require("../../module/moduleContext");
 
 var _EditInput = _interopRequireDefault(require("./EditInput"));
@@ -29,16 +33,25 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+const AUTO_FOCUS = _reactNative.Platform.select({
+  ios: false,
+  android: true,
+  default: false
+});
+
 const KEYBOARD_AVOID_VIEW_BEHAVIOR = _reactNative.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 {
-    channel
-  } = props;
-  const {
+    top,
     left,
     right,
     bottom
@@ -47,30 +60,56 @@ const GroupChannelInput = props => {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
   const {
-    editMessage,
-    setEditMessage,
+    features,
+    mentionManager
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    channel,
+    messageToEdit,
+    setMessageToEdit,
     keyboardAvoidOffset = 0
   } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
-  const [text, setText] = (0, _react.useState)('');
-  const textTmpRef = (0, _react.useRef)('');
-  const isChatUnavailable = (0, _uikitUtils.isGroupChannelChatUnavailable)(channel);
-  (0, _react.useEffect)(() => {
-    if (text.length === 0) channel.endTyping();else channel.startTyping();
-  }, [text]);
-  (0, _react.useEffect)(() => {
-    if (isChatUnavailable) {
-      textTmpRef.current = text;
-      setText('');
-    } else {
-      setText(textTmpRef.current);
-    }
-  }, [isChatUnavailable]);
+  const chatAvailableState = (0, _uikitUtils.getGroupChannelChatAvailableState)(channel);
+  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;
   const inputMode = (0, _uikitUtils.useIIFE)(() => {
-    if (!editMessage) return 'send';
-    if (editMessage.isFileMessage()) return 'send';
+    if (!messageToEdit) return 'send';
+    if (messageToEdit.isFileMessage()) return 'send';
     return 'edit';
   });
-  return /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+  const [inputHeight, setInputHeight] = (0, _react.useState)(styles.inputDefault.height);
+  const {
+    selection,
+    onSelectionChange,
+    textInputRef,
+    text,
+    onChangeText,
+    mentionedUsers
+  } = (0, _useMentionTextInput.default)({
+    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((0, _uikitUtils.replace)(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), {
+      user,
+      range
+    });
+  };
+
+  if (!props.shouldRenderInput) {
+    return /*#__PURE__*/_react.default.createElement(SafeAreaBottom, {
+      height: bottom
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
     keyboardVerticalOffset: -bottom + keyboardAvoidOffset,
     behavior: KEYBOARD_AVOID_VIEW_BEHAVIOR
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -80,22 +119,67 @@ const GroupChannelInput = props => {
       backgroundColor: colors.background
     }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      justifyContent: 'center',
-      width: '100%'
-    }
-  }, inputMode === 'send' && /*#__PURE__*/_react.default.createElement(_SendInput.default, _extends({}, props, {
+    onLayout: e => setInputHeight(e.nativeEvent.layout.height),
+    style: styles.inputContainer
+  }, inputMode === 'send' && /*#__PURE__*/_react.default.createElement(_SendInput.default, _extends({}, props, chatAvailableState, {
+    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+    ref: textInputRef,
     text: text,
-    setText: setText,
-    disabled: isChatUnavailable
-  })), inputMode === 'edit' && editMessage && /*#__PURE__*/_react.default.createElement(_EditInput.default, _extends({}, props, {
+    onChangeText: onChangeText,
+    onSelectionChange: onSelectionChange,
+    mentionedUsers: mentionedUsers
+  })), inputMode === 'edit' && messageToEdit && /*#__PURE__*/_react.default.createElement(_EditInput.default, _extends({}, props, {
+    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+    ref: textInputRef,
+    autoFocus: AUTO_FOCUS,
     text: text,
-    setText: setText,
-    editMessage: editMessage,
-    setEditMessage: setEditMessage
+    onChangeText: onChangeText,
+    messageToEdit: messageToEdit,
+    setMessageToEdit: setMessageToEdit,
+    disabled: chatAvailableState.disabled,
+    onSelectionChange: onSelectionChange,
+    mentionedUsers: mentionedUsers
   }))), /*#__PURE__*/_react.default.createElement(SafeAreaBottom, {
     height: bottom
-  })));
+  }))), mentionAvailable && /*#__PURE__*/_react.default.createElement(props.SuggestedMentionList, {
+    text: text,
+    selection: selection,
+    inputHeight: inputHeight,
+    topInset: top,
+    bottomInset: bottom,
+    onPressToMention: onPressToMention,
+    mentionedUsers: mentionedUsers
+  }));
+};
+
+const useTypingTrigger = (text, channel) => {
+  (0, _react.useEffect)(() => {
+    if (text.length === 0) channel.endTyping();else channel.startTyping();
+  }, [text]);
+};
+
+const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
+  const textTmpRef = (0, _react.useRef)('');
+  (0, _react.useEffect)(() => {
+    if (chatDisabled) {
+      textTmpRef.current = text;
+      setText('');
+    } else {
+      setText(textTmpRef.current);
+    }
+  }, [chatDisabled]);
+};
+
+const useAutoFocusOnEditMode = (textInputRef, messageToEdit) => {
+  (0, _react.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 => {
@@ -109,6 +193,16 @@ const SafeAreaBottom = _ref => {
   });
 };
 
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  inputContainer: {
+    justifyContent: 'center',
+    width: '100%'
+  },
+  inputDefault: {
+    height: 56
+  }
+});
+
 var _default = /*#__PURE__*/_react.default.memo(GroupChannelInput);
 
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["KEYBOARD_AVOID_VIEW_BEHAVIOR","Platform","select","ios","default","undefined","GroupChannelInput","props","channel","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","editMessage","setEditMessage","keyboardAvoidOffset","useContext","GroupChannelContexts","Fragment","text","setText","useState","textTmpRef","useRef","isChatUnavailable","isGroupChannelChatUnavailable","useEffect","length","endTyping","startTyping","current","inputMode","useIIFE","isFileMessage","paddingLeft","paddingRight","backgroundColor","background","justifyContent","width","SafeAreaBottom","height","React","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 { isGroupChannelChatUnavailable, 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 { channel } = props;\n\n  const { left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { editMessage, setEditMessage, keyboardAvoidOffset = 0 } = useContext(GroupChannelContexts.Fragment);\n\n  const [text, setText] = useState('');\n  const textTmpRef = useRef('');\n  const isChatUnavailable = isGroupChannelChatUnavailable(channel);\n\n  useEffect(() => {\n    if (text.length === 0) channel.endTyping();\n    else channel.startTyping();\n  }, [text]);\n\n  useEffect(() => {\n    if (isChatUnavailable) {\n      textTmpRef.current = text;\n      setText('');\n    } else {\n      setText(textTmpRef.current);\n    }\n  }, [isChatUnavailable]);\n\n  const inputMode = useIIFE(() => {\n    if (!editMessage) return 'send';\n    if (editMessage.isFileMessage()) return 'send';\n    return 'edit';\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} disabled={isChatUnavailable} />}\n          {inputMode === 'edit' && editMessage && (\n            <EditInput\n              {...props}\n              text={text}\n              setText={setText}\n              editMessage={editMessage}\n              setEditMessage={setEditMessage}\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;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,4BAA4B,GAAGC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,SAAP;EAA2BC,OAAO,EAAEC;AAApC,CAAhB,CAArC;;AACA,MAAMC,iBAAiB,GAAIC,KAAD,IAAuC;EAC/D,MAAM;IAAEC;EAAF,IAAcD,KAApB;EAEA,MAAM;IAAEE,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA0B,IAAAC,6CAAA,GAAhC;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEC,WAAF;IAAeC,cAAf;IAA+BC,mBAAmB,GAAG;EAArD,IAA2D,IAAAC,iBAAA,EAAWC,mCAAA,CAAqBC,QAAhC,CAAjE;EAEA,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,IAAAC,eAAA,EAAS,EAAT,CAAxB;EACA,MAAMC,UAAU,GAAG,IAAAC,aAAA,EAAO,EAAP,CAAnB;EACA,MAAMC,iBAAiB,GAAG,IAAAC,yCAAA,EAA8BnB,OAA9B,CAA1B;EAEA,IAAAoB,gBAAA,EAAU,MAAM;IACd,IAAIP,IAAI,CAACQ,MAAL,KAAgB,CAApB,EAAuBrB,OAAO,CAACsB,SAAR,GAAvB,KACKtB,OAAO,CAACuB,WAAR;EACN,CAHD,EAGG,CAACV,IAAD,CAHH;EAKA,IAAAO,gBAAA,EAAU,MAAM;IACd,IAAIF,iBAAJ,EAAuB;MACrBF,UAAU,CAACQ,OAAX,GAAqBX,IAArB;MACAC,OAAO,CAAC,EAAD,CAAP;IACD,CAHD,MAGO;MACLA,OAAO,CAACE,UAAU,CAACQ,OAAZ,CAAP;IACD;EACF,CAPD,EAOG,CAACN,iBAAD,CAPH;EASA,MAAMO,SAAS,GAAG,IAAAC,mBAAA,EAAQ,MAAM;IAC9B,IAAI,CAACnB,WAAL,EAAkB,OAAO,MAAP;IAClB,IAAIA,WAAW,CAACoB,aAAZ,EAAJ,EAAiC,OAAO,MAAP;IACjC,OAAO,MAAP;EACD,CAJiB,CAAlB;EAMA,oBACE,6BAAC,iCAAD;IACE,sBAAsB,EAAE,CAACxB,MAAD,GAAUM,mBADpC;IAEE,QAAQ,EAAEjB;EAFZ,gBAIE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEoC,WAAW,EAAE3B,IAAf;MAAqB4B,YAAY,EAAE3B,KAAnC;MAA0C4B,eAAe,EAAEzB,MAAM,CAAC0B;IAAlE;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEC,cAAc,EAAE,QAAlB;MAA4BC,KAAK,EAAE;IAAnC;EAAb,GACGR,SAAS,KAAK,MAAd,iBAAwB,6BAAC,kBAAD,eAAe1B,KAAf;IAAsB,IAAI,EAAEc,IAA5B;IAAkC,OAAO,EAAEC,OAA3C;IAAoD,QAAQ,EAAEI;EAA9D,GAD3B,EAEGO,SAAS,KAAK,MAAd,IAAwBlB,WAAxB,iBACC,6BAAC,kBAAD,eACMR,KADN;IAEE,IAAI,EAAEc,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,WAAW,EAAEP,WAJf;IAKE,cAAc,EAAEC;EALlB,GAHJ,CADF,eAaE,6BAAC,cAAD;IAAgB,MAAM,EAAEL;EAAxB,EAbF,CAJF,CADF;AAsBD,CArDD;;AAsDA,MAAM+B,cAAc,GAAG,QAAoC;EAAA,IAAnC;IAAEC;EAAF,CAAmC;EACzD,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,EAAP;AACD,CAFD;;4BAIeC,cAAA,CAAMC,IAAN,CAAWvC,iBAAX,C"}
+{"version":3,"names":["AUTO_FOCUS","Platform","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","GroupChannelInput","props","top","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","features","mentionManager","useSendbirdChat","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","useContext","GroupChannelContexts","Fragment","chatAvailableState","getGroupChannelChatAvailableState","mentionAvailable","userMentionEnabled","isGroupChannel","isBroadcast","inputMode","useIIFE","isFileMessage","inputHeight","setInputHeight","useState","styles","inputDefault","height","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","useMentionTextInput","useTypingTrigger","useTextPersistenceOnDisabled","disabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","length","replace","shouldRenderInput","paddingLeft","paddingRight","backgroundColor","background","e","nativeEvent","layout","inputContainer","useEffect","endTyping","startTyping","setText","chatDisabled","textTmpRef","useRef","current","isUserMessage","setTimeout","focus","SafeAreaBottom","createStyleSheet","justifyContent","width","React","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/commonjs/domain/groupChannel/component/GroupChannelMessageList.js

@@ -17,6 +17,8 @@ var _uikitUtils = require("@sendbird/uikit-utils");
 
 var _ChatFlatList = _interopRequireDefault(require("../../../components/ChatFlatList"));
 
+var _ReactionAddons = require("../../../components/ReactionAddons");
+
 var _constants = require("../../../constants");
 
 var _useContext = require("../../../hooks/useContext");
@@ -68,11 +70,12 @@ const GroupChannelMessageList = _ref => {
   const scrollRef = (0, _react.useRef)(null);
   const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = (0, _react.useState)(() => newMessagesFromMembers);
   const getMessagePressActions = useGetMessagePressActions({
+    channel,
+    currentUserId,
     onDeleteMessage,
+    onResendFailedMessage,
     onPressImageMessage,
-    onPressMediaMessage,
-    currentUserId,
-    onResendFailedMessage
+    onPressMediaMessage
   });
   const safeAreaLayout = {
     paddingLeft: left,
@@ -160,11 +163,12 @@ const GroupChannelMessageList = _ref => {
 
 const useGetMessagePressActions = _ref3 => {
   let {
-    onPressImageMessage,
-    onPressMediaMessage,
-    onDeleteMessage,
+    channel,
+    currentUserId,
     onResendFailedMessage,
-    currentUserId
+    onDeleteMessage,
+    onPressImageMessage,
+    onPressMediaMessage
   } = _ref3;
   const {
     colors
@@ -184,7 +188,10 @@ const useGetMessagePressActions = _ref3 => {
     fileService
   } = (0, _useContext.usePlatformService)();
   const {
-    setEditMessage
+    features
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    setMessageToEdit
   } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
 
   const handleFailedMessage = message => {
@@ -241,7 +248,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,
@@ -313,9 +320,21 @@ const useGetMessagePressActions = _ref3 => {
     }
 
     if (sheetItems.length > 0) {
-      response.onLongPress = () => openSheet({
-        sheetItems
-      });
+      response.onLongPress = () => {
+        openSheet({
+          sheetItems,
+          HeaderComponent: (0, _uikitUtils.shouldRenderReaction)(channel, features.reactionEnabled) ? _ref4 => {
+            let {
+              onClose
+            } = _ref4;
+            return /*#__PURE__*/_react.default.createElement(_ReactionAddons.ReactionAddons.BottomSheet, {
+              message: msg,
+              channel: channel,
+              onClose: onClose
+            });
+          } : undefined
+        });
+      };
     }
 
     if (msg.sendingStatus === 'failed') {

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

@@ -1 +1 @@
-{"version":3,"names":["HANDLE_NEXT_MSG_SEPARATELY","Platform","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","useLocalization","colors","useUIKitTheme","left","right","useSafeAreaInsets","scrollLeaveBottom","setScrollLeaveBottom","useState","scrollRef","useRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","useFreshCallback","item","index","onPress","onLongPress","message","prevMessage","nextMessage","useEffect","length","prev","concat","onLeaveScrollBottom","useCallback","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","messageKeyExtractor","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","setEditMessage","useContext","GroupChannelContexts","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","isMyMessage","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","warn","DEPRECATION_WARNING","ON_PRESS_IMAGE_MESSAGE","getAvailableUriFromFileMessage","Linking","openURL","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","React","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":["HANDLE_NEXT_MSG_SEPARATELY","Platform","select","default","GroupChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","useLocalization","colors","useUIKitTheme","left","right","useSafeAreaInsets","scrollLeaveBottom","setScrollLeaveBottom","useState","scrollRef","useRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","useFreshCallback","item","index","onPress","onLongPress","message","prevMessage","nextMessage","useEffect","length","prev","concat","onLeaveScrollBottom","useCallback","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","messageKeyExtractor","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","features","useSendbirdChat","setMessageToEdit","useContext","GroupChannelContexts","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","isMyMessage","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","warn","DEPRECATION_WARNING","ON_PRESS_IMAGE_MESSAGE","getAvailableUriFromFileMessage","Linking","openURL","HeaderComponent","shouldRenderReaction","reactionEnabled","onClose","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","React","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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"}