@sendbird/uikit-react-native 2.4.2 → 2.5.0-rc.1

package/lib/module/domain/openChannel/component/OpenChannelMessageList.js

@@ -1,297 +1,56 @@
 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); }
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { Platform, View } from 'react-native';
-import { ChannelFrozenBanner, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, messageKeyExtractor, toMegabyte, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';
-import ChatFlatList from '../../../components/ChatFlatList';
-import { useLocalization, usePlatformService } from '../../../hooks/useContext';
-import SBUUtils from '../../../libs/SBUUtils';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { useFreshCallback } from '@sendbird/uikit-utils';
+import ChannelMessageList from '../../../components/ChannelMessageList';
 import { OpenChannelContexts } from '../module/moduleContext';
-const HANDLE_NEXT_MSG_SEPARATELY = Platform.select({
-  default: true
-});
-const OpenChannelMessageList = _ref => {
-  let {
-    currentUserId,
-    channel,
-    messages,
-    renderMessage,
-    nextMessages,
-    newMessagesFromMembers,
-    onBottomReached,
-    onTopReached,
-    renderNewMessagesButton,
-    renderScrollToBottomButton,
-    onResendFailedMessage,
-    onDeleteMessage,
-    onPressMediaMessage,
-    flatListProps,
-    enableMessageGrouping
-  } = _ref;
-  const {
-    STRINGS
-  } = useLocalization();
-  const {
-    colors
-  } = useUIKitTheme();
-  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);
-  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);
-  const scrollRef = useRef(null);
-  const safeAreaLayout = useSafeAreaPadding(['left', 'right']);
-  const getMessagePressActions = useGetMessagePressActions({
-    channel,
-    currentUserId,
-    onDeleteMessage,
-    onResendFailedMessage,
-    onPressMediaMessage
-  });
-  const renderItem = 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
-    });
-  });
-  if (!HANDLE_NEXT_MSG_SEPARATELY) {
-    useEffect(() => {
-      if (newMessagesInternalBuffer.length !== 0) {
-        setNewMessagesInternalBuffer(prev => prev.concat(newMessagesFromMembers));
-      }
-      onBottomReached();
-    }, [newMessagesFromMembers]);
-  }
-  const onLeaveScrollBottom = useCallback(val => {
-    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);
-    setScrollLeaveBottom(val);
-  }, []);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      flex: 1,
-      backgroundColor: colors.background
-    }, safeAreaLayout]
-  }, channel.isFrozen && /*#__PURE__*/React.createElement(ChannelFrozenBanner, {
-    style: styles.frozenBanner,
-    text: STRINGS.OPEN_CHANNEL.LIST_BANNER_FROZEN
-  }), /*#__PURE__*/React.createElement(ChatFlatList, _extends({
-    nextMessages: nextMessages,
-    onBottomReached: onBottomReached,
-    onTopReached: onTopReached,
-    onLeaveScrollBottom: onLeaveScrollBottom,
-    currentUserId: currentUserId
-  }, flatListProps, {
-    ref: scrollRef,
-    data: messages,
-    renderItem: renderItem,
-    keyExtractor: messageKeyExtractor,
-    contentContainerStyle: [
-    // { minHeight: '100%', justifyContent: 'flex-end' },
-    channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
-  })), renderNewMessagesButton && /*#__PURE__*/React.createElement(View, {
-    style: [styles.newMsgButton, safeAreaLayout]
-  }, renderNewMessagesButton({
-    visible: scrollLeaveBottom,
-    onPress: () => {
-      var _scrollRef$current;
-      return (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollToBottom(false);
-    },
-    newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers
-  })), renderScrollToBottomButton && /*#__PURE__*/React.createElement(View, {
-    pointerEvents: scrollLeaveBottom ? 'auto' : 'none',
-    style: [styles.scrollButton, safeAreaLayout]
-  }, renderScrollToBottomButton({
-    visible: scrollLeaveBottom,
-    onPress: () => {
-      var _scrollRef$current2;
-      return (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollToBottom(false);
-    }
-  })));
-};
-const useGetMessagePressActions = _ref3 => {
-  let {
-    currentUserId,
-    onResendFailedMessage,
-    onDeleteMessage,
-    onPressMediaMessage
-  } = _ref3;
-  const {
-    colors
-  } = useUIKitTheme();
-  const {
-    STRINGS
-  } = useLocalization();
-  const toast = useToast();
-  const {
-    openSheet
-  } = useBottomSheet();
-  const {
-    alert
-  } = useAlert();
-  const {
-    clipboardService,
-    fileService
-  } = usePlatformService();
+const OpenChannelMessageList = props => {
   const {
     setMessageToEdit
   } = useContext(OpenChannelContexts.Fragment);
-  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 (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'edit',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
-          onPress: () => setMessageToEdit(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 (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');
-            Logger.log('File saved to', response);
-          }).catch(err => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
-            Logger.log('File save failure', err);
-          });
-        }
+  const {
+    subscribe
+  } = useContext(OpenChannelContexts.PubSub);
+  const ref = useRef(null);
+  const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);
+  const scrollToBottom = useFreshCallback(function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    // FIXME: Workaround, should run after data has been applied to UI.
+    setTimeout(() => {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollToOffset({
+        offset: 0,
+        animated
       });
-      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
-      }
-      const fileType = getFileType(msg.type || getFileExtension(msg.name));
-      switch (fileType) {
-        case 'image':
-        case 'video':
-        case 'audio':
+    }, 0);
+  });
+  useEffect(() => {
+    return subscribe(_ref => {
+      let {
+        type
+      } = _ref;
+      switch (type) {
+        case 'MESSAGES_RECEIVED':
           {
-            response.onPress = () => {
-              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));
-            };
+            scrollToBottom(false);
             break;
           }
-        default:
+        case 'MESSAGE_SENT_SUCCESS':
+        case 'MESSAGE_SENT_PENDING':
           {
-            response.onPress = () => SBUUtils.openURL(msg.url);
+            scrollToBottom(false);
             break;
           }
       }
-    }
-    if (sheetItems.length > 0) {
-      response.onLongPress = () => {
-        openSheet({
-          sheetItems
-        });
-      };
-    }
-    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;
-  };
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(ChannelMessageList, _extends({}, props, {
+    ref: ref,
+    onPressScrollToBottomButton: scrollToBottom,
+    onPressNewMessagesButton: scrollToBottom,
+    scrolledAwayFromBottom: scrolledAwayFromBottom,
+    onScrolledAwayFromBottom: setScrolledAwayFromBottom,
+    onEditMessage: setMessageToEdit
+  }));
 };
-const styles = 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
-  }
-});
 export default /*#__PURE__*/React.memo(OpenChannelMessageList);
 //# sourceMappingURL=OpenChannelMessageList.js.map

package/lib/module/domain/openChannel/component/OpenChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Platform","View","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","toMegabyte","useFreshCallback","useSafeAreaPadding","ChatFlatList","useLocalization","usePlatformService","SBUUtils","OpenChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","OpenChannelMessageList","_ref","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","scrollLeaveBottom","setScrollLeaveBottom","newMessagesInternalBuffer","setNewMessagesInternalBuffer","scrollRef","safeAreaLayout","getMessagePressActions","useGetMessagePressActions","renderItem","_ref2","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","createElement","style","flex","backgroundColor","background","isFrozen","styles","frozenBanner","text","OPEN_CHANNEL","LIST_BANNER_FROZEN","_extends","ref","data","keyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","_scrollRef$current","current","scrollToBottom","newMessages","pointerEvents","scrollButton","_scrollRef$current2","_ref3","toast","openSheet","alert","clipboardService","fileService","setMessageToEdit","Fragment","handleFailedMessage","sheetItems","title","LABELS","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","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","DOWNLOAD_OK","log","err","DOWNLOAD_ERROR","openURL","position","zIndex","top","left","right","paddingBottom","bottom","alignSelf","memo"],"sources":["OpenChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\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  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst OpenChannelMessageList = ({\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  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: OpenChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n\n  const scrollRef = useRef<ChatFlatListRef>(null);\n\n  const safeAreaLayout = useSafeAreaPadding(['left', 'right']);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n  });\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.OPEN_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        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  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n}: Pick<\n  OpenChannelProps['MessageList'],\n  'channel' | 'currentUserId' | 'onResendFailedMessage' | 'onDeleteMessage' | '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 { setMessageToEdit } = useContext(OpenChannelContexts.Fragment);\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          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: () => 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.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: () => setMessageToEdit(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            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({ sheetItems });\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(OpenChannelMessageList);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnF,SAAyBC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAG7D,SACEC,mBAAmB,EACnBC,gBAAgB,EAChBC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,aAAa,QACR,yCAAyC;AAEhD,SACEC,MAAM,EACNC,8BAA8B,EAC9BC,gBAAgB,EAChBC,WAAW,EACXC,WAAW,EACXC,mBAAmB,EACnBC,UAAU,EACVC,gBAAgB,EAChBC,kBAAkB,QACb,uBAAuB;AAG9B,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,2BAA2B;AAC/E,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,SAASC,mBAAmB,QAAQ,yBAAyB;AAG7D,MAAMC,0BAA0B,GAAGtB,QAAQ,CAACuB,MAAM,CAAC;EAAEC,OAAO,EAAE;AAAK,CAAC,CAAC;AAErE,MAAMC,sBAAsB,GAAGC,IAAA,IAgBQ;EAAA,IAhBP;IAC9BC,aAAa;IACbC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,YAAY;IACZC,sBAAsB;IACtBC,eAAe;IACfC,YAAY;IACZC,uBAAuB;IACvBC,0BAA0B;IAC1BC,qBAAqB;IACrBC,eAAe;IACfC,mBAAmB;IACnBC,aAAa;IACbC;EAC+B,CAAC,GAAAf,IAAA;EAChC,MAAM;IAAEgB;EAAQ,CAAC,GAAGxB,eAAe,EAAE;EACrC,MAAM;IAAEyB;EAAO,CAAC,GAAGpC,aAAa,EAAE;EAElC,MAAM,CAACqC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG9C,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAM,CAAC+C,yBAAyB,EAAEC,4BAA4B,CAAC,GAAGhD,QAAQ,CAAC,MAAMiC,sBAAsB,CAAC;EAExG,MAAMgB,SAAS,GAAGlD,MAAM,CAAkB,IAAI,CAAC;EAE/C,MAAMmD,cAAc,GAAGjC,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAC5D,MAAMkC,sBAAsB,GAAGC,yBAAyB,CAAC;IACvDvB,OAAO;IACPD,aAAa;IACbW,eAAe;IACfD,qBAAqB;IACrBE;EACF,CAAC,CAAC;EAEF,MAAMa,UAA2C,GAAGrC,gBAAgB,CAACsC,KAAA,IAAqB;IAAA,IAApB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,KAAA;IACnF,MAAM;MAAEG,OAAO;MAAEC;IAAY,CAAC,GAAGP,sBAAsB,CAACI,IAAI,CAAC;IAC7D,OAAOxB,aAAa,CAAC;MACnB4B,OAAO,EAAEJ,IAAI;MACbK,WAAW,EAAE9B,QAAQ,CAAC0B,KAAK,GAAG,CAAC,CAAC;MAChCK,WAAW,EAAE/B,QAAQ,CAAC0B,KAAK,GAAG,CAAC,CAAC;MAChCC,OAAO;MACPC,WAAW;MACXhB,qBAAqB;MACrBb,OAAO;MACPD;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAI,CAACL,0BAA0B,EAAE;IAC/BzB,SAAS,CAAC,MAAM;MACd,IAAIiD,yBAAyB,CAACe,MAAM,KAAK,CAAC,EAAE;QAC1Cd,4BAA4B,CAAEe,IAAI,IAAKA,IAAI,CAACC,MAAM,CAAC/B,sBAAsB,CAAC,CAAC;MAC7E;MACAC,eAAe,EAAE;IACnB,CAAC,EAAE,CAACD,sBAAsB,CAAC,CAAC;EAC9B;EAEA,MAAMgC,mBAAmB,GAAGrE,WAAW,CAAEsE,GAAY,IAAK;IACxD,IAAI,CAAC3C,0BAA0B,EAAEyB,4BAA4B,CAAC,EAAE,CAAC;IACjEF,oBAAoB,CAACoB,GAAG,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvE,KAAA,CAAAwE,aAAA,CAACjE,IAAI;IAACkE,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAE1B,MAAM,CAAC2B;IAAW,CAAC,EAAErB,cAAc;EAAE,GAC5ErB,OAAO,CAAC2C,QAAQ,iBACf7E,KAAA,CAAAwE,aAAA,CAAChE,mBAAmB;IAACiE,KAAK,EAAEK,MAAM,CAACC,YAAa;IAACC,IAAI,EAAEhC,OAAO,CAACiC,YAAY,CAACC;EAAmB,EAChG,eACDlF,KAAA,CAAAwE,aAAA,CAACjD,YAAY,EAAA4D,QAAA;IACX9C,YAAY,EAAEA,YAAa;IAC3BE,eAAe,EAAEA,eAAgB;IACjCC,YAAY,EAAEA,YAAa;IAC3B8B,mBAAmB,EAAEA,mBAAoB;IACzCrC,aAAa,EAAEA;EAAc,GACzBa,aAAa;IACjBsC,GAAG,EAAE9B,SAAU;IACf+B,IAAI,EAAElD,QAAS;IACfuB,UAAU,EAAEA,UAAW;IACvB4B,YAAY,EAAEnE,mBAAoB;IAClCoE,qBAAqB,EAAE;IACrB;IACArD,OAAO,CAAC2C,QAAQ,IAAIC,MAAM,CAACU,iBAAiB,EAC5C1C,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEyC,qBAAqB;EACpC,GACF,EACD9C,uBAAuB,iBACtBzC,KAAA,CAAAwE,aAAA,CAACjE,IAAI;IAACkE,KAAK,EAAE,CAACK,MAAM,CAACW,YAAY,EAAElC,cAAc;EAAE,GAChDd,uBAAuB,CAAC;IACvBiD,OAAO,EAAExC,iBAAiB;IAC1BY,OAAO,EAAEA,CAAA;MAAA,IAAA6B,kBAAA;MAAA,QAAAA,kBAAA,GAAMrC,SAAS,CAACsC,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBE,cAAc,CAAC,KAAK,CAAC;IAAA;IACvDC,WAAW,EAAE,CAAClE,0BAA0B,GAAGwB,yBAAyB,GAAGd;EACzE,CAAC,CAAC,CAEL,EACAI,0BAA0B,iBACzB1C,KAAA,CAAAwE,aAAA,CAACjE,IAAI;IAACwF,aAAa,EAAE7C,iBAAiB,GAAG,MAAM,GAAG,MAAO;IAACuB,KAAK,EAAE,CAACK,MAAM,CAACkB,YAAY,EAAEzC,cAAc;EAAE,GACpGb,0BAA0B,CAAC;IAC1BgD,OAAO,EAAExC,iBAAiB;IAC1BY,OAAO,EAAEA,CAAA;MAAA,IAAAmC,mBAAA;MAAA,QAAAA,mBAAA,GAAM3C,SAAS,CAACsC,OAAO,cAAAK,mBAAA,uBAAjBA,mBAAA,CAAmBJ,cAAc,CAAC,KAAK,CAAC;IAAA;EACzD,CAAC,CAAC,CAEL,CACI;AAEX,CAAC;AAGD,MAAMpC,yBAAyB,GAAGyC,KAAA,IAQ5B;EAAA,IAR6B;IACjCjE,aAAa;IACbU,qBAAqB;IACrBC,eAAe;IACfC;EAIF,CAAC,GAAAqD,KAAA;EACC,MAAM;IAAEjD;EAAO,CAAC,GAAGpC,aAAa,EAAE;EAClC,MAAM;IAAEmC;EAAQ,CAAC,GAAGxB,eAAe,EAAE;EACrC,MAAM2E,KAAK,GAAGvF,QAAQ,EAAE;EACxB,MAAM;IAAEwF;EAAU,CAAC,GAAGzF,cAAc,EAAE;EACtC,MAAM;IAAE0F;EAAM,CAAC,GAAG3F,QAAQ,EAAE;EAC5B,MAAM;IAAE4F,gBAAgB;IAAEC;EAAY,CAAC,GAAG9E,kBAAkB,EAAE;EAC9D,MAAM;IAAE+E;EAAiB,CAAC,GAAGtG,UAAU,CAACyB,mBAAmB,CAAC8E,QAAQ,CAAC;EAErE,MAAMC,mBAAmB,GAAI1C,OAA0B,IAAK;IAC1DoC,SAAS,CAAC;MACRO,UAAU,EAAE,CACV;QACEC,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAACC,4BAA4B;QAClDhD,OAAO,EAAEA,CAAA,KACPnB,qBAAqB,CAACqB,OAAO,CAAC,CAAC+C,KAAK,CAAC,MAAMZ,KAAK,CAACa,IAAI,CAAChE,OAAO,CAACiE,KAAK,CAACC,gBAAgB,EAAE,OAAO,CAAC;MAClG,CAAC,EACD;QACEN,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAACM,6BAA6B;QACnDC,UAAU,EAAEnE,MAAM,CAACoE,EAAE,CAACC,MAAM,CAACxF,OAAO,CAACyF,IAAI,CAACC,WAAW;QACrD1D,OAAO,EAAEA,CAAA,KAAM2D,aAAa,CAACzD,OAAO;MACtC,CAAC;IAEL,CAAC,CAAC;EACJ,CAAC;EACD,MAAMyD,aAAa,GAAIzD,OAA0B,IAAK;IACpDqC,KAAK,CAAC;MACJO,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAACa,oCAAoC;MAC1DC,OAAO,EAAE,CACP;QACE3C,IAAI,EAAEhC,OAAO,CAAC6D,MAAM,CAACe;MACvB,CAAC,EACD;QACE5C,IAAI,EAAEhC,OAAO,CAAC6D,MAAM,CAACgB,iCAAiC;QACtDpD,KAAK,EAAE,aAAa;QACpBX,OAAO,EAAEA,CAAA,KAAMlB,eAAe,CAACoB,OAAO,CAAC,CAAC+C,KAAK,CAAC,MAAMZ,KAAK,CAACa,IAAI,CAAChE,OAAO,CAACiE,KAAK,CAACa,gBAAgB,EAAE,OAAO,CAAC;MACzG,CAAC;IAEL,CAAC,CAAC;EACJ,CAAC;EAED,OAAQC,GAAoB,IAAK;IAC/B,IAAI,CAACA,GAAG,CAACC,aAAa,EAAE,IAAI,CAACD,GAAG,CAACE,aAAa,EAAE,EAAE;MAChD,OAAO;QAAEnE,OAAO,EAAEoE,SAAS;QAAEnE,WAAW,EAAEmE;MAAU,CAAC;IACvD;IAEA,MAAMvB,UAAyC,GAAG,EAAE;IACpD,MAAMwB,QAA4D,GAAG;MACnErE,OAAO,EAAEoE,SAAS;MAClBnE,WAAW,EAAEmE;IACf,CAAC;IAED,IAAIH,GAAG,CAACC,aAAa,EAAE,EAAE;MACvBrB,UAAU,CAACyB,IAAI,CAAC;QACdC,IAAI,EAAE,MAAM;QACZzB,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAACyB,oBAAoB;QAC1CxE,OAAO,EAAEA,CAAA,KAAM;UACbwC,gBAAgB,CAACiC,SAAS,CAACR,GAAG,CAAC/D,OAAO,IAAI,EAAE,CAAC;UAC7CmC,KAAK,CAACa,IAAI,CAAChE,OAAO,CAACiE,KAAK,CAACuB,OAAO,EAAE,SAAS,CAAC;QAC9C;MACF,CAAC,CAAC;MAEF,IAAItH,WAAW,CAAC6G,GAAG,EAAE9F,aAAa,CAAC,IAAI8F,GAAG,CAACU,aAAa,KAAK,WAAW,EAAE;QACxE9B,UAAU,CAACyB,IAAI,CACb;UACEC,IAAI,EAAE,MAAM;UACZzB,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAAC6B,oBAAoB;UAC1C5E,OAAO,EAAEA,CAAA,KAAM0C,gBAAgB,CAACuB,GAAG;QACrC,CAAC,EACD;UACEM,IAAI,EAAE,QAAQ;UACdzB,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAAC8B,sBAAsB;UAC5C7E,OAAO,EAAEA,CAAA,KAAM2D,aAAa,CAACM,GAAG;QAClC,CAAC,CACF;MACH;IACF;IAEA,IAAIA,GAAG,CAACE,aAAa,EAAE,EAAE;MACvBtB,UAAU,CAACyB,IAAI,CAAC;QACdC,IAAI,EAAE,UAAU;QAChBzB,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAAC+B,oBAAoB;QAC1C9E,OAAO,EAAE,MAAAA,CAAA,KAAY;UACnB,IAAI1C,UAAU,CAAC2G,GAAG,CAACc,IAAI,CAAC,GAAG,CAAC,EAAE;YAC5B1C,KAAK,CAACa,IAAI,CAAChE,OAAO,CAACiE,KAAK,CAAC6B,cAAc,EAAE,SAAS,CAAC;UACrD;UAEAvC,WAAW,CACRwC,IAAI,CAAC;YAAEC,OAAO,EAAEjB,GAAG,CAACkB,GAAG;YAAEC,QAAQ,EAAEnB,GAAG,CAACoB,IAAI;YAAEC,QAAQ,EAAErB,GAAG,CAACsB;UAAK,CAAC,CAAC,CAClEC,IAAI,CAAEnB,QAAQ,IAAK;YAClBhC,KAAK,CAACa,IAAI,CAAChE,OAAO,CAACiE,KAAK,CAACsC,WAAW,EAAE,SAAS,CAAC;YAChDzI,MAAM,CAAC0I,GAAG,CAAC,eAAe,EAAErB,QAAQ,CAAC;UACvC,CAAC,CAAC,CACDpB,KAAK,CAAE0C,GAAG,IAAK;YACdtD,KAAK,CAACa,IAAI,CAAChE,OAAO,CAACiE,KAAK,CAACyC,cAAc,EAAE,OAAO,CAAC;YACjD5I,MAAM,CAAC0I,GAAG,CAAC,mBAAmB,EAAEC,GAAG,CAAC;UACtC,CAAC,CAAC;QACN;MACF,CAAC,CAAC;MAEF,IAAIvI,WAAW,CAAC6G,GAAG,EAAE9F,aAAa,CAAC,IAAI8F,GAAG,CAACU,aAAa,KAAK,WAAW,EAAE;QACxE9B,UAAU,CAACyB,IAAI,CAAC;UACdC,IAAI,EAAE,QAAQ;UACdzB,KAAK,EAAE5D,OAAO,CAAC6D,MAAM,CAAC8B,sBAAsB;UAC5C7E,OAAO,EAAEA,CAAA,KAAM2D,aAAa,CAACM,GAAG;QAClC,CAAC,CAAC;MACJ;MAEA,MAAMqB,QAAQ,GAAGnI,WAAW,CAAC8G,GAAG,CAACsB,IAAI,IAAIrI,gBAAgB,CAAC+G,GAAG,CAACoB,IAAI,CAAC,CAAC;MACpE,QAAQC,QAAQ;QACd,KAAK,OAAO;QACZ,KAAK,OAAO;QACZ,KAAK,OAAO;UAAE;YACZjB,QAAQ,CAACrE,OAAO,GAAG,MAAM;cACvBjB,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGkF,GAAG,EAAE,MAAMnF,eAAe,CAACmF,GAAG,CAAC,EAAEhH,8BAA8B,CAACgH,GAAG,CAAC,CAAC;YAC7F,CAAC;YACD;UACF;QACA;UAAS;YACPI,QAAQ,CAACrE,OAAO,GAAG,MAAMpC,QAAQ,CAACiI,OAAO,CAAC5B,GAAG,CAACkB,GAAG,CAAC;YAClD;UACF;MAAC;IAEL;IAEA,IAAItC,UAAU,CAACxC,MAAM,GAAG,CAAC,EAAE;MACzBgE,QAAQ,CAACpE,WAAW,GAAG,MAAM;QAC3BqC,SAAS,CAAC;UAAEO;QAAW,CAAC,CAAC;MAC3B,CAAC;IACH;IAEA,IAAIoB,GAAG,CAACU,aAAa,KAAK,QAAQ,EAAE;MAClCN,QAAQ,CAACpE,WAAW,GAAG,MAAM2C,mBAAmB,CAACqB,GAAG,CAAC;MACrDI,QAAQ,CAACrE,OAAO,GAAG,MAAM;QACvBnB,qBAAqB,CAACoF,GAAG,CAAC,CAAChB,KAAK,CAAC,MAAMZ,KAAK,CAACa,IAAI,CAAChE,OAAO,CAACiE,KAAK,CAACC,gBAAgB,EAAE,OAAO,CAAC,CAAC;MAC7F,CAAC;IACH;IAEA,IAAIa,GAAG,CAACU,aAAa,KAAK,SAAS,EAAE;MACnCN,QAAQ,CAACpE,WAAW,GAAGmE,SAAS;MAChCC,QAAQ,CAACrE,OAAO,GAAGoE,SAAS;IAC9B;IAEA,OAAOC,QAAQ;EACjB,CAAC;AACH,CAAC;AAED,MAAMrD,MAAM,GAAGrE,gBAAgB,CAAC;EAC9BsE,YAAY,EAAE;IACZ6E,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,GAAG;IACXC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT,CAAC;EACDxE,iBAAiB,EAAE;IACjByE,aAAa,EAAE;EACjB,CAAC;EACDxE,YAAY,EAAE;IACZmE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,GAAG;IACXK,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDnE,YAAY,EAAE;IACZ4D,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,GAAG;IACXK,MAAM,EAAE,EAAE;IACVF,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,4BAAehK,KAAK,CAACoK,IAAI,CAACrI,sBAAsB,CAAC"}
+{"version":3,"names":["React","useContext","useEffect","useRef","useState","useFreshCallback","ChannelMessageList","OpenChannelContexts","OpenChannelMessageList","props","setMessageToEdit","Fragment","subscribe","PubSub","ref","scrolledAwayFromBottom","setScrolledAwayFromBottom","scrollToBottom","animated","arguments","length","undefined","setTimeout","_ref$current","current","scrollToOffset","offset","_ref","type","createElement","_extends","onPressScrollToBottomButton","onPressNewMessagesButton","onScrolledAwayFromBottom","onEditMessage","memo"],"sources":["OpenChannelMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport { SendbirdMessage, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelMessageList = (props: OpenChannelProps['MessageList']) => {\n  const { setMessageToEdit } = useContext(OpenChannelContexts.Fragment);\n  const { subscribe } = useContext(OpenChannelContexts.PubSub);\n\n  const ref = useRef<FlatList<SendbirdMessage>>(null);\n  const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);\n\n  const scrollToBottom = useFreshCallback((animated = false) => {\n    // FIXME: Workaround, should run after data has been applied to UI.\n    setTimeout(() => {\n      ref.current?.scrollToOffset({ offset: 0, animated });\n    }, 0);\n  });\n\n  useEffect(() => {\n    return subscribe(({ type }) => {\n      switch (type) {\n        case 'MESSAGES_RECEIVED': {\n          scrollToBottom(false);\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, []);\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={ref}\n      onPressScrollToBottomButton={scrollToBottom}\n      onPressNewMessagesButton={scrollToBottom}\n      scrolledAwayFromBottom={scrolledAwayFromBottom}\n      onScrolledAwayFromBottom={setScrolledAwayFromBottom}\n      onEditMessage={setMessageToEdit}\n    />\n  );\n};\n\nexport default React.memo(OpenChannelMessageList);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAGtE,SAA0BC,gBAAgB,QAAQ,uBAAuB;AAEzE,OAAOC,kBAAkB,MAAM,wCAAwC;AACvE,SAASC,mBAAmB,QAAQ,yBAAyB;AAG7D,MAAMC,sBAAsB,GAAIC,KAAsC,IAAK;EACzE,MAAM;IAAEC;EAAiB,CAAC,GAAGT,UAAU,CAACM,mBAAmB,CAACI,QAAQ,CAAC;EACrE,MAAM;IAAEC;EAAU,CAAC,GAAGX,UAAU,CAACM,mBAAmB,CAACM,MAAM,CAAC;EAE5D,MAAMC,GAAG,GAAGX,MAAM,CAA4B,IAAI,CAAC;EACnD,MAAM,CAACY,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAE3E,MAAMa,cAAc,GAAGZ,gBAAgB,CAAC,YAAsB;IAAA,IAArBa,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;IACvD;IACAG,UAAU,CAAC,MAAM;MAAA,IAAAC,YAAA;MACf,CAAAA,YAAA,GAAAT,GAAG,CAACU,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,cAAc,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAER;MAAS,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,CAAC;EACP,CAAC,CAAC;EAEFhB,SAAS,CAAC,MAAM;IACd,OAAOU,SAAS,CAACe,IAAA,IAAc;MAAA,IAAb;QAAEC;MAAK,CAAC,GAAAD,IAAA;MACxB,QAAQC,IAAI;QACV,KAAK,mBAAmB;UAAE;YACxBX,cAAc,CAAC,KAAK,CAAC;YACrB;UACF;QACA,KAAK,sBAAsB;QAC3B,KAAK,sBAAsB;UAAE;YAC3BA,cAAc,CAAC,KAAK,CAAC;YACrB;UACF;MAAC;IAEL,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEjB,KAAA,CAAA6B,aAAA,CAACvB,kBAAkB,EAAAwB,QAAA,KACbrB,KAAK;IACTK,GAAG,EAAEA,GAAI;IACTiB,2BAA2B,EAAEd,cAAe;IAC5Ce,wBAAwB,EAAEf,cAAe;IACzCF,sBAAsB,EAAEA,sBAAuB;IAC/CkB,wBAAwB,EAAEjB,yBAA0B;IACpDkB,aAAa,EAAExB;EAAiB,GAChC;AAEN,CAAC;AAED,4BAAeV,KAAK,CAACmC,IAAI,CAAC3B,sBAAsB,CAAC"}

package/lib/module/domain/openChannel/module/moduleContext.js

@@ -7,13 +7,18 @@ export const OpenChannelContexts = {
     headerTitle: '',
     channel: {},
     setMessageToEdit: NOOP
+  }),
+  PubSub: /*#__PURE__*/createContext({
+    publish: NOOP,
+    subscribe: () => NOOP
   })
 };
 export const OpenChannelContextsProvider = _ref => {
   let {
     children,
     channel,
-    keyboardAvoidOffset
+    keyboardAvoidOffset,
+    openChannelPubSub
   } = _ref;
   const {
     STRINGS
@@ -27,6 +32,8 @@ export const OpenChannelContextsProvider = _ref => {
       messageToEdit,
       setMessageToEdit
     }
-  }, children));
+  }, /*#__PURE__*/React.createElement(OpenChannelContexts.PubSub.Provider, {
+    value: openChannelPubSub
+  }, children)));
 };
 //# sourceMappingURL=moduleContext.js.map

package/lib/module/domain/openChannel/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useState","NOOP","ProviderLayout","useLocalization","OpenChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","OpenChannelContextsProvider","_ref","children","keyboardAvoidOffset","STRINGS","messageToEdit","createElement","Provider","value","OPEN_CHANNEL","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\nimport { NOOP, SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelContextsType, OpenChannelModule } from '../types';\n\nexport const OpenChannelContexts: OpenChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n    setMessageToEdit: NOOP,\n  }),\n};\n\nexport const OpenChannelContextsProvider: OpenChannelModule['Provider'] = ({\n  children,\n  channel,\n  keyboardAvoidOffset,\n}) => {\n  const { STRINGS } = useLocalization();\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  return (\n    <ProviderLayout>\n      <OpenChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.OPEN_CHANNEL.HEADER_TITLE(channel),\n          channel,\n          keyboardAvoidOffset,\n          messageToEdit,\n          setMessageToEdit,\n        }}\n      >\n        {children}\n      </OpenChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,QAAQ,QAAQ,OAAO;AAGtD,SAASC,IAAI,QAAkD,uBAAuB;AAEtF,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,QAAQ,2BAA2B;AAG3D,OAAO,MAAMC,mBAA4C,GAAG;EAC1DC,QAAQ,eAAEN,aAAa,CAAC;IACtBO,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC,CAAwB;IAClCC,gBAAgB,EAAEP;EACpB,CAAC;AACH,CAAC;AAED,OAAO,MAAMQ,2BAA0D,GAAGC,IAAA,IAIpE;EAAA,IAJqE;IACzEC,QAAQ;IACRJ,OAAO;IACPK;EACF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG;EAAQ,CAAC,GAAGV,eAAe,EAAE;EACrC,MAAM,CAACW,aAAa,EAAEN,gBAAgB,CAAC,GAAGR,QAAQ,EAA6C;EAE/F,oBACEF,KAAA,CAAAiB,aAAA,CAACb,cAAc,qBACbJ,KAAA,CAAAiB,aAAA,CAACX,mBAAmB,CAACC,QAAQ,CAACW,QAAQ;IACpCC,KAAK,EAAE;MACLX,WAAW,EAAEO,OAAO,CAACK,YAAY,CAACC,YAAY,CAACZ,OAAO,CAAC;MACvDA,OAAO;MACPK,mBAAmB;MACnBE,aAAa;MACbN;IACF;EAAE,GAEDG,QAAQ,CAC6B,CACzB;AAErB,CAAC"}
+{"version":3,"names":["React","createContext","useState","NOOP","ProviderLayout","useLocalization","OpenChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","PubSub","publish","subscribe","OpenChannelContextsProvider","_ref","children","keyboardAvoidOffset","openChannelPubSub","STRINGS","messageToEdit","createElement","Provider","value","OPEN_CHANNEL","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\nimport { NOOP, SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { PubSub } from '../../../utils/pubsub';\nimport type { OpenChannelContextsType, OpenChannelModule, OpenChannelPubSubContextPayload } from '../types';\n\nexport const OpenChannelContexts: OpenChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n    setMessageToEdit: NOOP,\n  }),\n  PubSub: createContext({\n    publish: NOOP,\n    subscribe: () => NOOP,\n  } as PubSub<OpenChannelPubSubContextPayload>),\n};\n\nexport const OpenChannelContextsProvider: OpenChannelModule['Provider'] = ({\n  children,\n  channel,\n  keyboardAvoidOffset,\n  openChannelPubSub,\n}) => {\n  const { STRINGS } = useLocalization();\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  return (\n    <ProviderLayout>\n      <OpenChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.OPEN_CHANNEL.HEADER_TITLE(channel),\n          channel,\n          keyboardAvoidOffset,\n          messageToEdit,\n          setMessageToEdit,\n        }}\n      >\n        <OpenChannelContexts.PubSub.Provider value={openChannelPubSub}>{children}</OpenChannelContexts.PubSub.Provider>\n      </OpenChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,QAAQ,QAAQ,OAAO;AAGtD,SAASC,IAAI,QAAkD,uBAAuB;AAEtF,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,QAAQ,2BAA2B;AAI3D,OAAO,MAAMC,mBAA4C,GAAG;EAC1DC,QAAQ,eAAEN,aAAa,CAAC;IACtBO,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC,CAAwB;IAClCC,gBAAgB,EAAEP;EACpB,CAAC,CAAC;EACFQ,MAAM,eAAEV,aAAa,CAAC;IACpBW,OAAO,EAAET,IAAI;IACbU,SAAS,EAAEA,CAAA,KAAMV;EACnB,CAAC;AACH,CAAC;AAED,OAAO,MAAMW,2BAA0D,GAAGC,IAAA,IAKpE;EAAA,IALqE;IACzEC,QAAQ;IACRP,OAAO;IACPQ,mBAAmB;IACnBC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI;EAAQ,CAAC,GAAGd,eAAe,EAAE;EACrC,MAAM,CAACe,aAAa,EAAEV,gBAAgB,CAAC,GAAGR,QAAQ,EAA6C;EAE/F,oBACEF,KAAA,CAAAqB,aAAA,CAACjB,cAAc,qBACbJ,KAAA,CAAAqB,aAAA,CAACf,mBAAmB,CAACC,QAAQ,CAACe,QAAQ;IACpCC,KAAK,EAAE;MACLf,WAAW,EAAEW,OAAO,CAACK,YAAY,CAACC,YAAY,CAAChB,OAAO,CAAC;MACvDA,OAAO;MACPQ,mBAAmB;MACnBG,aAAa;MACbV;IACF;EAAE,gBAEFV,KAAA,CAAAqB,aAAA,CAACf,mBAAmB,CAACK,MAAM,CAACW,QAAQ;IAACC,KAAK,EAAEL;EAAkB,GAAEF,QAAQ,CAAuC,CACzE,CACzB;AAErB,CAAC"}

package/lib/module/domain/openChannel/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseOpenChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  OnBeforeHandler,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdMessage,\n  SendbirdOpenChannel,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps } from '../../components/ChannelInput';\nimport type { UserProfileContextType } from '../../contexts/UserProfileCtx';\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: OpenChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRightWithSettings: OpenChannelProps['Header']['onPressHeaderRight'];\n    onPressHeaderRightWithParticipants: OpenChannelProps['Header']['onPressHeaderRight'];\n    onPressMediaMessage?: OpenChannelProps['MessageList']['onPressMediaMessage'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: OpenChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: OpenChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: OpenChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableMessageGrouping?: OpenChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: OpenChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: OpenChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseOpenChannelMessagesOptions['sortComparator'];\n    queryCreator?: UseOpenChannelMessagesOptions['queryCreator'];\n  };\n  Header: {\n    rightIconName: keyof typeof Icon.Assets;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdOpenChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      onPressAvatar?: UserProfileContextType['show'];\n      channel: OpenChannelProps['MessageList']['channel'];\n      currentUserId?: OpenChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: OpenChannelProps['MessageList']['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  Input: Pick<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n  >;\n\n  Provider: {\n    channel: SendbirdOpenChannel;\n    keyboardAvoidOffset?: number;\n  };\n};\n\n/**\n * Internal context for OpenChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n};\nexport interface OpenChannelModule {\n  Provider: CommonComponent<OpenChannelProps['Provider']>;\n  Header: CommonComponent<OpenChannelProps['Header']>;\n  MessageList: CommonComponent<OpenChannelProps['MessageList']>;\n  Input: CommonComponent<OpenChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type OpenChannelFragment = CommonComponent<OpenChannelProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseOpenChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  OnBeforeHandler,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdMessage,\n  SendbirdOpenChannel,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps } from '../../components/ChannelInput';\nimport type { ChannelMessageListProps } from '../../components/ChannelMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\nimport type { GroupChannelPubSubContextPayload } from '../groupChannel/types';\n\nexport type OpenChannelProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: OpenChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRightWithSettings: OpenChannelProps['Header']['onPressHeaderRight'];\n    onPressHeaderRightWithParticipants: OpenChannelProps['Header']['onPressHeaderRight'];\n    onPressMediaMessage?: OpenChannelProps['MessageList']['onPressMediaMessage'];\n\n    onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n    onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n    onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n    onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n    renderMessage?: OpenChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: OpenChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: OpenChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableMessageGrouping?: OpenChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: OpenChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: OpenChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseOpenChannelMessagesOptions['sortComparator'];\n    queryCreator?: UseOpenChannelMessagesOptions['queryCreator'];\n  };\n  Header: {\n    rightIconName: keyof typeof Icon.Assets;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n\n  MessageList: Pick<\n    ChannelMessageListProps<SendbirdOpenChannel>,\n    | 'enableMessageGrouping'\n    | 'currentUserId'\n    | 'channel'\n    | 'messages'\n    | 'newMessages'\n    | 'scrolledAwayFromBottom'\n    | 'onScrolledAwayFromBottom'\n    | 'onTopReached'\n    | 'onBottomReached'\n    | 'onResendFailedMessage'\n    | 'onDeleteMessage'\n    | 'onPressMediaMessage'\n    | 'renderMessage'\n    | 'renderNewMessagesButton'\n    | 'renderScrollToBottomButton'\n    | 'flatListProps'\n    | 'onPressImageMessage'\n    | 'hasNext'\n  >;\n  Input: Pick<\n    ChannelInputProps,\n    | 'shouldRenderInput'\n    | 'onPressSendUserMessage'\n    | 'onPressSendFileMessage'\n    | 'onPressUpdateUserMessage'\n    | 'onPressUpdateFileMessage'\n  >;\n\n  Provider: {\n    channel: SendbirdOpenChannel;\n    keyboardAvoidOffset?: number;\n    openChannelPubSub: PubSub<OpenChannelPubSubContextPayload>;\n  };\n};\n\n/**\n * Internal context for OpenChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;\n};\nexport interface OpenChannelModule {\n  Provider: CommonComponent<OpenChannelProps['Provider']>;\n  Header: CommonComponent<OpenChannelProps['Header']>;\n  MessageList: CommonComponent<OpenChannelProps['MessageList']>;\n  Input: CommonComponent<OpenChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type OpenChannelFragment = CommonComponent<OpenChannelProps['Fragment']>;\n\nexport type OpenChannelPubSubContextPayload =\n  | {\n      type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';\n      data: {\n        message: SendbirdUserMessage | SendbirdFileMessage;\n      };\n    }\n  | {\n      type: 'MESSAGES_RECEIVED';\n      data: {\n        messages: SendbirdMessage[];\n      };\n    };\n"],"mappings":""}