@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

package/lib/commonjs/components/ChannelInput/index.js

@@ -4,50 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _useContext = require("../../hooks/useContext");
-
 var _useMentionTextInput = _interopRequireDefault(require("../../hooks/useMentionTextInput"));
-
 var _EditInput = _interopRequireDefault(require("./EditInput"));
-
 var _SendInput = _interopRequireDefault(require("./SendInput"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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)
+});
+
+// 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.
 //  -> This will affect to keyboard blur when add/remove first mentioned user.
+const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input';
 
-
-const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input'; // TODO: Refactor 'Edit' mode to clearly
-
-
+// TODO: Refactor 'Edit' mode to clearly
 const ChannelInput = props => {
   const {
     channel,
@@ -89,7 +74,6 @@ const ChannelInput = props => {
   useTypingTrigger(text, channel);
   useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);
   useAutoFocusOnEditMode(textInputRef, messageToEdit);
-
   const onPressToMention = (user, searchStringRange) => {
     const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);
     const range = {
@@ -101,13 +85,11 @@ const ChannelInput = props => {
       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
@@ -149,7 +131,6 @@ const ChannelInput = props => {
     mentionedUsers: mentionedUsers
   }));
 };
-
 const useTypingTrigger = (text, channel) => {
   if (channel.isGroupChannel()) {
     (0, _react.useEffect)(() => {
@@ -157,7 +138,6 @@ const useTypingTrigger = (text, channel) => {
     }, [text]);
   }
 };
-
 const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
   const textTmpRef = (0, _react.useRef)('');
   (0, _react.useEffect)(() => {
@@ -169,19 +149,16 @@ const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
     }
   }, [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 => {
   let {
     height
@@ -192,7 +169,6 @@ const SafeAreaBottom = _ref => {
     }
   });
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   inputContainer: {
     justifyContent: 'center',
@@ -202,8 +178,6 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     height: 56
   }
 });
-
 var _default = /*#__PURE__*/_react.default.memo(ChannelInput);
-
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/ChannelInput/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AUTO_FOCUS","Platform","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","features","mentionManager","useSendbirdChat","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","useMentionTextInput","inputMode","useIIFE","isFileMessage","mentionAvailable","userMentionEnabled","isGroupChannel","isBroadcast","inputKeyToRemount","length","inputHeight","setInputHeight","useState","styles","inputDefault","height","useTypingTrigger","useTextPersistenceOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","replace","shouldRenderInput","paddingLeft","paddingRight","backgroundColor","background","e","nativeEvent","layout","inputContainer","SuggestedMentionList","useEffect","endTyping","startTyping","setText","chatDisabled","textTmpRef","useRef","current","isUserMessage","setTimeout","focus","SafeAreaBottom","createStyleSheet","justifyContent","width","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, 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  SendbirdBaseChannel,\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdMember,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n  replace,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser, Range } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\ntype UserMessageMentionParams = Required<{\n  messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n  userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n  type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport type SuggestedMentionListProps = {\n  text: string;\n  selection: Range;\n  topInset: number;\n  bottomInset: number;\n  inputHeight: number;\n  onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n  mentionedUsers: MentionedUser[];\n};\n\nexport type ChannelInputProps = {\n  // default\n  channel: SendbirdBaseChannel;\n  shouldRenderInput: boolean;\n  keyboardAvoidOffset: number;\n\n  // default actions\n  onPressSendUserMessage: (params: SendbirdUserMessageCreateParams) => Promise<void>;\n  onPressSendFileMessage: (params: SendbirdFileMessageCreateParams) => Promise<void>;\n  onPressUpdateUserMessage: (message: SendbirdUserMessage, params: SendbirdUserMessageUpdateParams) => Promise<void>;\n  onPressUpdateFileMessage: (message: SendbirdFileMessage, params: SendbirdFileMessageUpdateParams) => Promise<void>;\n\n  // input status\n  inputFrozen: boolean;\n  inputMuted: boolean;\n  inputDisabled: boolean;\n\n  // edit\n  messageToEdit: undefined | SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n\n  // mention\n  SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element | null;\n\n  /** @deprecated Please use `onPressSendUserMessage` **/\n  onSendFileMessage?: (file: FileType) => Promise<void>;\n  /** @deprecated Please use `onPressSendFileMessage` **/\n  onSendUserMessage?: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n  /** @deprecated Please use `onPressUpdateUserMessage` **/\n  onUpdateFileMessage?: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n  /** @deprecated Please use `onPressUpdateFileMessage` **/\n  onUpdateUserMessage?: (\n    editedText: string,\n    message: SendbirdUserMessage,\n    mention?: UserMessageMentionParams,\n  ) => Promise<void>;\n};\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.\n//  -> This will affect to keyboard blur when add/remove first mentioned user.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n  const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n  const { top, left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { features, mentionManager } = useSendbirdChat();\n\n  const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n    messageToEdit,\n  });\n  const inputMode = useIIFE(() => {\n    if (!messageToEdit) return 'send';\n    if (messageToEdit.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;\n  const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n  useTypingTrigger(text, channel);\n  useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);\n  useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n  const onPressToMention = (user: SendbirdMember, searchStringRange: Range) => {\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                key={inputKeyToRemount}\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={inputKeyToRemount}\n                ref={textInputRef as never}\n                text={text}\n                onChangeText={onChangeText}\n                autoFocus={AUTO_FOCUS}\n                onSelectionChange={onSelectionChange}\n                messageToEdit={messageToEdit}\n                mentionedUsers={mentionedUsers}\n                setMessageToEdit={setMessageToEdit}\n              />\n            )}\n          </View>\n          <SafeAreaBottom height={bottom} />\n        </View>\n      </KeyboardAvoidingView>\n      {mentionAvailable && props.SuggestedMentionList && (\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: SendbirdBaseChannel) => {\n  if (channel.isGroupChannel()) {\n    useEffect(() => {\n      if (text.length === 0) channel.endTyping();\n      else channel.startTyping();\n    }, [text]);\n  }\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?: SendbirdBaseMessage,\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(ChannelInput);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_useMentionTextInput","_interopRequireDefault","_EditInput","_SendInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","AUTO_FOCUS","Platform","select","ios","android","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","useSafeAreaInsets","colors","useUIKitTheme","features","mentionManager","useSendbirdChat","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","useMentionTextInput","inputMode","useIIFE","isFileMessage","mentionAvailable","userMentionEnabled","isGroupChannel","isBroadcast","inputKeyToRemount","inputHeight","setInputHeight","useState","styles","inputDefault","height","useTypingTrigger","useTextPersistenceOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","replace","shouldRenderInput","createElement","SafeAreaBottom","Fragment","KeyboardAvoidingView","keyboardVerticalOffset","behavior","View","style","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","ref","autoFocus","SuggestedMentionList","topInset","bottomInset","useEffect","endTyping","startTyping","setText","chatDisabled","textTmpRef","useRef","current","isUserMessage","setTimeout","_textInputRef$current","focus","_ref","createStyleSheet","justifyContent","width","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, 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  SendbirdBaseChannel,\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdMember,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n  replace,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser, Range } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\ntype UserMessageMentionParams = Required<{\n  messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n  userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n  type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport type SuggestedMentionListProps = {\n  text: string;\n  selection: Range;\n  topInset: number;\n  bottomInset: number;\n  inputHeight: number;\n  onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n  mentionedUsers: MentionedUser[];\n};\n\nexport type ChannelInputProps = {\n  // default\n  channel: SendbirdBaseChannel;\n  shouldRenderInput: boolean;\n  keyboardAvoidOffset: number;\n\n  // default actions\n  onPressSendUserMessage: (params: SendbirdUserMessageCreateParams) => Promise<void>;\n  onPressSendFileMessage: (params: SendbirdFileMessageCreateParams) => Promise<void>;\n  onPressUpdateUserMessage: (message: SendbirdUserMessage, params: SendbirdUserMessageUpdateParams) => Promise<void>;\n  onPressUpdateFileMessage: (message: SendbirdFileMessage, params: SendbirdFileMessageUpdateParams) => Promise<void>;\n\n  // input status\n  inputFrozen: boolean;\n  inputMuted: boolean;\n  inputDisabled: boolean;\n\n  // edit\n  messageToEdit: undefined | SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n\n  // mention\n  SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element | null;\n\n  /** @deprecated Please use `onPressSendUserMessage` **/\n  onSendFileMessage?: (file: FileType) => Promise<void>;\n  /** @deprecated Please use `onPressSendFileMessage` **/\n  onSendUserMessage?: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n  /** @deprecated Please use `onPressUpdateUserMessage` **/\n  onUpdateFileMessage?: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n  /** @deprecated Please use `onPressUpdateFileMessage` **/\n  onUpdateUserMessage?: (\n    editedText: string,\n    message: SendbirdUserMessage,\n    mention?: UserMessageMentionParams,\n  ) => Promise<void>;\n};\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.\n//  -> This will affect to keyboard blur when add/remove first mentioned user.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n  const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n  const { top, left, right, bottom } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n  const { features, mentionManager } = useSendbirdChat();\n\n  const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n    messageToEdit,\n  });\n  const inputMode = useIIFE(() => {\n    if (!messageToEdit) return 'send';\n    if (messageToEdit.isFileMessage()) return 'send';\n    return 'edit';\n  });\n\n  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;\n  const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n  useTypingTrigger(text, channel);\n  useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);\n  useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n  const onPressToMention = (user: SendbirdMember, searchStringRange: Range) => {\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                key={inputKeyToRemount}\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={inputKeyToRemount}\n                ref={textInputRef as never}\n                text={text}\n                onChangeText={onChangeText}\n                autoFocus={AUTO_FOCUS}\n                onSelectionChange={onSelectionChange}\n                messageToEdit={messageToEdit}\n                mentionedUsers={mentionedUsers}\n                setMessageToEdit={setMessageToEdit}\n              />\n            )}\n          </View>\n          <SafeAreaBottom height={bottom} />\n        </View>\n      </KeyboardAvoidingView>\n      {mentionAvailable && props.SuggestedMentionList && (\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: SendbirdBaseChannel) => {\n  if (channel.isGroupChannel()) {\n    useEffect(() => {\n      if (text.length === 0) channel.endTyping();\n      else channel.startTyping();\n    }, [text]);\n  }\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?: SendbirdBaseMessage,\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(ChannelInput);\n"],"mappings":"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"}

package/lib/commonjs/components/ChannelMessageList/index.js

@@ -0,0 +1,319 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _constants = require("../../constants");
+var _useContext = require("../../hooks/useContext");
+var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
+var _ChatFlatList = _interopRequireDefault(require("../ChatFlatList"));
+var _ReactionAddons = require("../ReactionAddons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 ChannelMessageList = (_ref, ref) => {
+  let {
+    searchItem,
+    hasNext,
+    channel,
+    onEditMessage,
+    onDeleteMessage,
+    onResendFailedMessage,
+    onPressMediaMessage,
+    currentUserId,
+    renderNewMessagesButton,
+    renderScrollToBottomButton,
+    renderMessage,
+    messages,
+    newMessages,
+    enableMessageGrouping,
+    onScrolledAwayFromBottom,
+    scrolledAwayFromBottom,
+    onBottomReached,
+    onTopReached,
+    flatListProps,
+    onPressNewMessagesButton,
+    onPressScrollToBottomButton,
+    onPressImageMessage
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const getMessagePressActions = useGetMessagePressActions({
+    channel,
+    currentUserId,
+    onEditMessage,
+    onDeleteMessage,
+    onResendFailedMessage,
+    onPressImageMessage,
+    onPressMediaMessage
+  });
+  const safeAreaLayout = {
+    paddingLeft: left,
+    paddingRight: right
+  };
+  const renderItem = (0, _uikitUtils.useFreshCallback)(_ref2 => {
+    let {
+      item,
+      index
+    } = _ref2;
+    const {
+      onPress,
+      onLongPress
+    } = getMessagePressActions(item);
+    return renderMessage({
+      message: item,
+      prevMessage: messages[index + 1],
+      nextMessage: messages[index - 1],
+      onPress,
+      onLongPress,
+      enableMessageGrouping,
+      channel,
+      currentUserId,
+      focused: ((searchItem === null || searchItem === void 0 ? void 0 : searchItem.startingPoint) ?? -1) === item.createdAt
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      flex: 1,
+      backgroundColor: colors.background
+    }, safeAreaLayout]
+  }, channel.isFrozen && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ChannelFrozenBanner, {
+    style: styles.frozenBanner,
+    text: STRINGS.LABELS.CHANNEL_MESSAGE_LIST_FROZEN
+  }), /*#__PURE__*/_react.default.createElement(_ChatFlatList.default, _extends({}, flatListProps, {
+    onTopReached: onTopReached,
+    onBottomReached: onBottomReached,
+    onScrolledAwayFromBottom: onScrolledAwayFromBottom,
+    ref: ref,
+    data: messages,
+    renderItem: renderItem,
+    keyExtractor: _uikitUtils.messageKeyExtractor,
+    contentContainerStyle: [
+    // { minHeight: '100%', justifyContent: 'flex-end' },
+    channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
+  })), renderNewMessagesButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.newMsgButton, safeAreaLayout]
+  }, renderNewMessagesButton({
+    visible: newMessages.length > 0 && (hasNext() || scrolledAwayFromBottom),
+    onPress: () => onPressNewMessagesButton(),
+    newMessages
+  })), renderScrollToBottomButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.scrollButton, safeAreaLayout]
+  }, renderScrollToBottomButton({
+    visible: hasNext() || scrolledAwayFromBottom,
+    onPress: () => onPressScrollToBottomButton()
+  })));
+};
+const useGetMessagePressActions = _ref3 => {
+  let {
+    channel,
+    currentUserId,
+    onResendFailedMessage,
+    onEditMessage,
+    onDeleteMessage,
+    onPressImageMessage,
+    onPressMediaMessage
+  } = _ref3;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const toast = (0, _uikitReactNativeFoundation.useToast)();
+  const {
+    openSheet
+  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
+  const {
+    alert
+  } = (0, _uikitReactNativeFoundation.useAlert)();
+  const {
+    clipboardService,
+    fileService
+  } = (0, _useContext.usePlatformService)();
+  const {
+    features
+  } = (0, _useContext.useSendbirdChat)();
+  const handleFailedMessage = message => {
+    openSheet({
+      sheetItems: [{
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
+        onPress: () => {
+          onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
+        }
+      }, {
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
+        titleColor: colors.ui.dialog.default.none.destructive,
+        onPress: () => confirmDelete(message)
+      }]
+    });
+  };
+  const confirmDelete = message => {
+    alert({
+      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
+      buttons: [{
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
+      }, {
+        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
+        style: 'destructive',
+        onPress: () => {
+          onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'));
+        }
+      }]
+    });
+  };
+  return msg => {
+    if (!msg.isUserMessage() && !msg.isFileMessage()) {
+      return {
+        onPress: undefined,
+        onLongPress: undefined
+      };
+    }
+    const sheetItems = [];
+    const response = {
+      onPress: undefined,
+      onLongPress: undefined
+    };
+    if (msg.isUserMessage()) {
+      sheetItems.push({
+        icon: 'copy',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
+        onPress: () => {
+          clipboardService.setString(msg.message || '');
+          toast.show(STRINGS.TOAST.COPY_OK, 'success');
+        }
+      });
+      if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
+        sheetItems.push({
+          icon: 'edit',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
+          onPress: () => onEditMessage(msg)
+        }, {
+          icon: 'delete',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+    }
+    if (msg.isFileMessage()) {
+      sheetItems.push({
+        icon: 'download',
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
+        onPress: async () => {
+          if ((0, _uikitUtils.toMegabyte)(msg.size) > 4) {
+            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
+          }
+          fileService.save({
+            fileUrl: msg.url,
+            fileName: msg.name,
+            fileType: msg.type
+          }).then(response => {
+            toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
+            _uikitUtils.Logger.log('File saved to', response);
+          }).catch(err => {
+            toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
+            _uikitUtils.Logger.log('File save failure', err);
+          });
+        }
+      });
+      if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
+        sheetItems.push({
+          icon: 'delete',
+          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+      const fileType = (0, _uikitUtils.getFileType)(msg.type || (0, _uikitUtils.getFileExtension)(msg.name));
+      switch (fileType) {
+        case 'image':
+        case 'video':
+        case 'audio':
+          {
+            response.onPress = () => {
+              if (onPressImageMessage && fileType === 'image') {
+                _uikitUtils.Logger.warn(_constants.DEPRECATION_WARNING.CHANNEL.ON_PRESS_IMAGE_MESSAGE);
+                onPressImageMessage(msg, (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
+              }
+              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
+            };
+            break;
+          }
+        default:
+          {
+            response.onPress = () => _SBUUtils.default.openURL(msg.url);
+            break;
+          }
+      }
+    }
+    if (sheetItems.length > 0) {
+      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') {
+      response.onLongPress = () => handleFailedMessage(msg);
+      response.onPress = () => {
+        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
+      };
+    }
+    if (msg.sendingStatus === 'pending') {
+      response.onLongPress = undefined;
+      response.onPress = undefined;
+    }
+    return response;
+  };
+};
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  frozenBanner: {
+    position: 'absolute',
+    zIndex: 999,
+    top: 8,
+    left: 8,
+    right: 8
+  },
+  frozenListPadding: {
+    paddingBottom: 32
+  },
+  newMsgButton: {
+    position: 'absolute',
+    zIndex: 999,
+    bottom: 10,
+    alignSelf: 'center'
+  },
+  scrollButton: {
+    position: 'absolute',
+    zIndex: 998,
+    bottom: 10,
+    right: 16
+  }
+});
+
+// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it as typeof ChannelMessageList and implicit `ref` prop
+var _default = /*#__PURE__*/_react.default.forwardRef(ChannelMessageList);
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/ChannelMessageList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_constants","_useContext","_SBUUtils","_ChatFlatList","_ReactionAddons","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ChannelMessageList","_ref","ref","searchItem","hasNext","channel","onEditMessage","onDeleteMessage","onResendFailedMessage","onPressMediaMessage","currentUserId","renderNewMessagesButton","renderScrollToBottomButton","renderMessage","messages","newMessages","enableMessageGrouping","onScrolledAwayFromBottom","scrolledAwayFromBottom","onBottomReached","onTopReached","flatListProps","onPressNewMessagesButton","onPressScrollToBottomButton","onPressImageMessage","STRINGS","useLocalization","colors","useUIKitTheme","left","right","useSafeAreaInsets","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","useFreshCallback","_ref2","item","index","onPress","onLongPress","message","prevMessage","nextMessage","focused","startingPoint","createdAt","createElement","View","style","flex","backgroundColor","background","isFrozen","ChannelFrozenBanner","styles","frozenBanner","text","LABELS","CHANNEL_MESSAGE_LIST_FROZEN","data","keyExtractor","messageKeyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","scrollButton","_ref3","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","features","useSendbirdChat","handleFailedMessage","sheetItems","title","CHANNEL_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","CHANNEL_MESSAGE_COPY","setString","COPY_OK","isMyMessage","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","toMegabyte","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","warn","DEPRECATION_WARNING","CHANNEL","ON_PRESS_IMAGE_MESSAGE","getAvailableUriFromFileMessage","SBUUtils","openURL","HeaderComponent","shouldRenderReaction","reactionEnabled","_ref4","onClose","ReactionAddons","BottomSheet","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","_default","React","forwardRef","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { Ref } from 'react';\nimport { FlatList, FlatListProps, ListRenderItem, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  BottomSheetItem,\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  Logger,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdOpenChannel,\n  SendbirdUserMessage,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport { DEPRECATION_WARNING } from '../../constants';\nimport type { UserProfileContextType } from '../../contexts/UserProfileCtx';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { CommonComponent } from '../../types';\nimport ChatFlatList from '../ChatFlatList';\nimport { ReactionAddons } from '../ReactionAddons';\n\ntype PressActions = { onPress?: () => void; onLongPress?: () => void };\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nexport type ChannelMessageListProps<T extends SendbirdGroupChannel | SendbirdOpenChannel> = {\n  enableMessageGrouping: boolean;\n  currentUserId?: string;\n  channel: T;\n  messages: SendbirdMessage[];\n  newMessages: SendbirdMessage[];\n  searchItem?: { startingPoint: number };\n\n  scrolledAwayFromBottom: boolean;\n  onScrolledAwayFromBottom: (value: boolean) => void;\n  onTopReached: () => void;\n  onBottomReached: () => void;\n  hasNext: () => boolean;\n\n  onPressNewMessagesButton: (animated?: boolean) => void;\n  onPressScrollToBottomButton: (animated?: boolean) => void;\n\n  onEditMessage: (message: HandleableMessage) => void;\n  onDeleteMessage: (message: HandleableMessage) => Promise<void>;\n  onResendFailedMessage: (failedMessage: HandleableMessage) => Promise<void>;\n  onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n  renderMessage: (props: {\n    focused: boolean;\n    message: SendbirdMessage;\n    prevMessage?: SendbirdMessage;\n    nextMessage?: SendbirdMessage;\n    onPress?: () => void;\n    onLongPress?: () => void;\n    onPressAvatar?: UserProfileContextType['show'];\n    channel: T;\n    currentUserId?: ChannelMessageListProps<T>['currentUserId'];\n    enableMessageGrouping: ChannelMessageListProps<T>['enableMessageGrouping'];\n  }) => React.ReactElement | null;\n  renderNewMessagesButton: null | CommonComponent<{\n    visible: boolean;\n    onPress: () => void;\n    newMessages: SendbirdMessage[];\n  }>;\n  renderScrollToBottomButton: null | CommonComponent<{\n    visible: boolean;\n    onPress: () => void;\n  }>;\n  flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n  /** @deprecated Please use `onPressMediaMessage` instead **/\n  onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n} & {\n  ref?: Ref<FlatList<SendbirdMessage>> | undefined;\n};\n\nconst ChannelMessageList = <T extends SendbirdGroupChannel | SendbirdOpenChannel>(\n  {\n    searchItem,\n    hasNext,\n    channel,\n    onEditMessage,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n    currentUserId,\n    renderNewMessagesButton,\n    renderScrollToBottomButton,\n    renderMessage,\n    messages,\n    newMessages,\n    enableMessageGrouping,\n    onScrolledAwayFromBottom,\n    scrolledAwayFromBottom,\n    onBottomReached,\n    onTopReached,\n    flatListProps,\n    onPressNewMessagesButton,\n    onPressScrollToBottomButton,\n    onPressImageMessage,\n  }: ChannelMessageListProps<T>,\n  ref: React.ForwardedRef<FlatList<SendbirdMessage>>,\n) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onEditMessage,\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      focused: (searchItem?.startingPoint ?? -1) === item.createdAt,\n    });\n  });\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.LABELS.CHANNEL_MESSAGE_LIST_FROZEN} />\n      )}\n      <ChatFlatList\n        {...flatListProps}\n        onTopReached={onTopReached}\n        onBottomReached={onBottomReached}\n        onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n        ref={ref}\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: newMessages.length > 0 && (hasNext() || scrolledAwayFromBottom),\n            onPress: () => onPressNewMessagesButton(),\n            newMessages,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: hasNext() || scrolledAwayFromBottom,\n            onPress: () => onPressScrollToBottomButton(),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst useGetMessagePressActions = <T extends SendbirdGroupChannel | SendbirdOpenChannel>({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onEditMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  ChannelMessageListProps<T>,\n  | 'channel'\n  | 'currentUserId'\n  | 'onEditMessage'\n  | 'onDeleteMessage'\n  | 'onResendFailedMessage'\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\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () => {\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n          },\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_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.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => {\n            onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'));\n          },\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: PressActions = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.LABELS.CHANNEL_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.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => onEditMessage(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_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.LABELS.CHANNEL_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.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 = () => SBUUtils.openURL(msg.url);\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\n// NOTE: Due to Generic inference is not working on forwardRef, we need to cast it as typeof ChannelMessageList and implicit `ref` prop\nexport default React.forwardRef(ChannelMessageList) as typeof ChannelMessageList;\n"],"mappings":"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"}