@sendbird/uikit-react-native 1.0.1 → 1.0.2

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

@@ -0,0 +1,317 @@
+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 { Linking, Platform, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { ChannelFrozenBanner, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { Logger, getAvailableUriFromFileMessage, getFileExtension, getFileType, isMyMessage, messageKeyExtractor, useFreshCallback } from '@sendbird/uikit-utils';
+import ChatFlatList from '../../../components/ChatFlatList';
+import { useLocalization, usePlatformService } from '../../../hooks/useContext';
+import { GroupChannelContexts } from '../module/moduleContext';
+const HANDLE_NEXT_MSG_SEPARATELY = Platform.select({
+  default: true
+});
+
+const GroupChannelMessageList = _ref => {
+  let {
+    currentUserId,
+    channel,
+    messages,
+    renderMessage,
+    nextMessages,
+    newMessagesFromMembers,
+    onBottomReached,
+    onTopReached,
+    renderNewMessagesButton,
+    renderScrollToBottomButton,
+    onResendFailedMessage,
+    onDeleteMessage,
+    onPressImageMessage,
+    flatListProps,
+    enableMessageGrouping
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);
+  const scrollRef = useRef(null);
+  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);
+  const getMessagePressActions = useGetMessagePressActions({
+    onDeleteMessage,
+    onPressImageMessage,
+    currentUserId,
+    onResendFailedMessage
+  });
+  const safeAreaLayout = {
+    paddingLeft: left,
+    paddingRight: right
+  };
+  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.GROUP_CHANNEL.LIST_BANNER_FROZEN
+  }), /*#__PURE__*/React.createElement(ChatFlatList, _extends({
+    nextMessages: nextMessages,
+    onBottomReached: onBottomReached,
+    onTopReached: onTopReached,
+    onLeaveScrollBottom: onLeaveScrollBottom,
+    currentUserId: currentUserId
+  }, flatListProps, {
+    listKey: `group-channel-messages-${channel.url}`,
+    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 toMegabyte = byte => byte / 1024 / 1024;
+
+const useGetMessagePressActions = _ref3 => {
+  let {
+    onPressImageMessage,
+    onDeleteMessage,
+    onResendFailedMessage,
+    currentUserId
+  } = _ref3;
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    STRINGS
+  } = useLocalization();
+  const toast = useToast();
+  const {
+    openSheet
+  } = useBottomSheet();
+  const {
+    alert
+  } = useAlert();
+  const {
+    clipboardService,
+    fileService
+  } = usePlatformService();
+  const {
+    setEditMessage
+  } = useContext(GroupChannelContexts.Fragment);
+
+  const handleFailedMessage = message => {
+    openSheet({
+      sheetItems: [{
+        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY,
+        onPress: () => onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'))
+      }, {
+        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE,
+        titleColor: colors.ui.dialog.default.none.destructive,
+        onPress: () => confirmDelete(message)
+      }]
+    });
+  };
+
+  const confirmDelete = message => {
+    alert({
+      title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,
+      buttons: [{
+        text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL
+      }, {
+        text: STRINGS.GROUP_CHANNEL.DIALOG_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.GROUP_CHANNEL.DIALOG_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.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,
+          onPress: () => setEditMessage(msg)
+        }, {
+          icon: 'delete',
+          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+    }
+
+    if (msg.isFileMessage()) {
+      sheetItems.push({
+        icon: 'download',
+        title: STRINGS.GROUP_CHANNEL.DIALOG_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);
+          });
+        }
+      });
+
+      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
+        sheetItems.push({
+          icon: 'delete',
+          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,
+          onPress: () => confirmDelete(msg)
+        });
+      }
+
+      const fileType = getFileType(msg.type || getFileExtension(msg.name));
+
+      if (fileType === 'image') {
+        response.onPress = () => onPressImageMessage === null || onPressImageMessage === void 0 ? void 0 : onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));
+      } else {
+        response.onPress = () => Linking.openURL(msg.url).catch();
+      }
+    }
+
+    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;
+  };
+};
+
+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(GroupChannelMessageList);
+//# sourceMappingURL=GroupChannelMessageList.js.map

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelStatusEmpty = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'no-messages'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelStatusEmpty;
+//# sourceMappingURL=GroupChannelStatusEmpty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusEmpty","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-messages'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,uBAAuB,GAAG,MAAM;EACpC,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,uBAAf"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const GroupChannelStatusLoading = () => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'loading'
+  }));
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default GroupChannelStatusLoading;
+//# sourceMappingURL=GroupChannelStatusLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","GroupChannelStatusLoading","styles","container","create","flex","justifyContent","alignItems"],"sources":["GroupChannelStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst GroupChannelStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default GroupChannelStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,yBAAyB,GAAG,MAAM;EACtC,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGJ,UAAU,CAACM,MAAX,CAAkB;EAC/BD,SAAS,EAAE;IAAEE,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;AAIA,eAAeN,yBAAf"}

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

@@ -0,0 +1,8 @@
+export { default as GroupChannelHeader } from './component/GroupChannelHeader';
+export { default as GroupChannelMessageList } from './component/GroupChannelMessageList';
+export { default as GroupChannelInput } from './component/GroupChannelInput';
+export { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';
+export { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';
+export { default as createGroupChannelModule } from './module/createGroupChannelModule';
+export { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","GroupChannelHeader","GroupChannelMessageList","GroupChannelInput","GroupChannelStatusEmpty","GroupChannelStatusLoading","createGroupChannelModule","GroupChannelContextsProvider","GroupChannelContexts"],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,gCAA9C;AACA,SAASD,OAAO,IAAIE,uBAApB,QAAmD,qCAAnD;AACA,SAASF,OAAO,IAAIG,iBAApB,QAA6C,+BAA7C;AACA,SAASH,OAAO,IAAII,uBAApB,QAAmD,qCAAnD;AACA,SAASJ,OAAO,IAAIK,yBAApB,QAAqD,uCAArD;AACA,SAASL,OAAO,IAAIM,wBAApB,QAAoD,mCAApD;AACA,SAASC,4BAAT,EAAuCC,oBAAvC,QAAmE,wBAAnE"}

package/lib/module/domain/groupChannel/module/createGroupChannelModule.js

@@ -0,0 +1,30 @@
+import GroupChannelHeader from '../component/GroupChannelHeader';
+import GroupChannelInput from '../component/GroupChannelInput';
+import GroupChannelMessageList from '../component/GroupChannelMessageList';
+import GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';
+import GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';
+import { GroupChannelContextsProvider } from './moduleContext';
+
+const createGroupChannelModule = function () {
+  let {
+    Header = GroupChannelHeader,
+    MessageList = GroupChannelMessageList,
+    Input = GroupChannelInput,
+    StatusLoading = GroupChannelStatusLoading,
+    StatusEmpty = GroupChannelStatusEmpty,
+    Provider = GroupChannelContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    MessageList,
+    Input,
+    StatusEmpty,
+    StatusLoading,
+    Provider,
+    ...module
+  };
+};
+
+export default createGroupChannelModule;
+//# sourceMappingURL=createGroupChannelModule.js.map

package/lib/module/domain/groupChannel/module/createGroupChannelModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelHeader","GroupChannelInput","GroupChannelMessageList","GroupChannelStatusEmpty","GroupChannelStatusLoading","GroupChannelContextsProvider","createGroupChannelModule","Header","MessageList","Input","StatusLoading","StatusEmpty","Provider","module"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return { Header, MessageList, Input, StatusEmpty, StatusLoading, Provider, ...module };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AACA,OAAOC,yBAAP,MAAsC,wCAAtC;AAEA,SAASC,4BAAT,QAA6C,iBAA7C;;AAEA,MAAMC,wBAAwB,GAAG,YAQ2B;EAAA,IAR1B;IAChCC,MAAM,GAAGP,kBADuB;IAEhCQ,WAAW,GAAGN,uBAFkB;IAGhCO,KAAK,GAAGR,iBAHwB;IAIhCS,aAAa,GAAGN,yBAJgB;IAKhCO,WAAW,GAAGR,uBALkB;IAMhCS,QAAQ,GAAGP,4BANqB;IAOhC,GAAGQ;EAP6B,CAQ0B,uEAA3B,EAA2B;EAC1D,OAAO;IAAEN,MAAF;IAAUC,WAAV;IAAuBC,KAAvB;IAA8BE,WAA9B;IAA2CD,aAA3C;IAA0DE,QAA1D;IAAoE,GAAGC;EAAvE,CAAP;AACD,CAVD;;AAYA,eAAeP,wBAAf"}

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

@@ -0,0 +1,57 @@
+import React, { createContext, useState } from 'react';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { NOOP, isDifferentChannel, useUniqId } from '@sendbird/uikit-utils';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
+export const GroupChannelContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    channel: {},
+    setEditMessage: NOOP
+  }),
+  TypingIndicator: /*#__PURE__*/createContext({
+    typingUsers: []
+  })
+};
+export const GroupChannelContextsProvider = _ref => {
+  let {
+    children,
+    channel,
+    enableTypingIndicator,
+    keyboardAvoidOffset = 0
+  } = _ref;
+  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');
+  const id = useUniqId('GroupChannelContextsProvider');
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    currentUser,
+    sdk
+  } = useSendbirdChat();
+  const [typingUsers, setTypingUsers] = useState([]);
+  const [editMessage, setEditMessage] = useState();
+  useChannelHandler(sdk, `GroupChannelContextsProvider_${id}`, {
+    onTypingStatusUpdated(eventChannel) {
+      if (isDifferentChannel(channel, eventChannel)) return;
+      if (!enableTypingIndicator) return;
+      const usersWithoutMe = eventChannel.getTypingUsers().filter(u => u.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId));
+      setTypingUsers(usersWithoutMe);
+    }
+
+  }, [channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, enableTypingIndicator]);
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(GroupChannelContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),
+      channel,
+      editMessage,
+      setEditMessage,
+      keyboardAvoidOffset
+    }
+  }, /*#__PURE__*/React.createElement(GroupChannelContexts.TypingIndicator.Provider, {
+    value: {
+      typingUsers
+    }
+  }, children)));
+};
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setEditMessage","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","id","STRINGS","currentUser","sdk","setTypingUsers","editMessage","onTypingStatusUpdated","eventChannel","usersWithoutMe","getTypingUsers","filter","u","userId","GROUP_CHANNEL","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setEditMessage: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const id = useUniqId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [editMessage, setEditMessage] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(\n    sdk,\n    `GroupChannelContextsProvider_${id}`,\n    {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        if (!enableTypingIndicator) return;\n\n        const usersWithoutMe = eventChannel.getTypingUsers().filter((u) => u.userId !== currentUser?.userId);\n        setTypingUsers(usersWithoutMe);\n      },\n    },\n    [channel, currentUser?.userId, enableTypingIndicator],\n  );\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          editMessage,\n          setEditMessage,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,SACEC,IADF,EAMEC,kBANF,EAOEC,SAPF,QAQO,uBARP;AAUA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,2BAAjD;AAGA,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEV,aAAa,CAAC;IACtBW,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,cAAc,EAAEV;EAHM,CAAD,CADqC;EAM5DW,eAAe,eAAEd,aAAa,CAAC;IAC7Be,WAAW,EAAE;EADgB,CAAD;AAN8B,CAAvD;AAWP,OAAO,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EL,OAF2E;IAG3EM,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACP,OAAL,EAAc,MAAM,IAAIQ,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,EAAE,GAAGhB,SAAS,CAAC,8BAAD,CAApB;EACA,MAAM;IAAEiB;EAAF,IAAcf,eAAe,EAAnC;EACA,MAAM;IAAEgB,WAAF;IAAeC;EAAf,IAAuBhB,eAAe,EAA5C;EAEA,MAAM,CAACO,WAAD,EAAcU,cAAd,IAAgCxB,QAAQ,CAAiB,EAAjB,CAA9C;EACA,MAAM,CAACyB,WAAD,EAAcb,cAAd,IAAgCZ,QAAQ,EAA9C;EAEAC,iBAAiB,CACfsB,GADe,EAEd,gCAA+BH,EAAG,EAFpB,EAGf;IACEM,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAIxB,kBAAkB,CAACQ,OAAD,EAAUgB,YAAV,CAAtB,EAA+C;MAC/C,IAAI,CAACV,qBAAL,EAA4B;MAE5B,MAAMW,cAAc,GAAGD,YAAY,CAACE,cAAb,GAA8BC,MAA9B,CAAsCC,CAAD,IAAOA,CAAC,CAACC,MAAF,MAAaV,WAAb,aAAaA,WAAb,uBAAaA,WAAW,CAAEU,MAA1B,CAA5C,CAAvB;MACAR,cAAc,CAACI,cAAD,CAAd;IACD;;EAPH,CAHe,EAYf,CAACjB,OAAD,EAAUW,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEU,MAAvB,EAA+Bf,qBAA/B,CAZe,CAAjB;EAeA,oBACE,oBAAC,cAAD,qBACE,oBAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLP,WAAW,EAAEW,OAAO,CAACY,aAAR,CAAsBC,YAAtB,CAAmC,CAAAZ,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEU,MAAb,KAAuB,EAA1D,EAA8DrB,OAA9D,CADR;MAELA,OAFK;MAGLc,WAHK;MAILb,cAJK;MAKLM;IALK;EADT,gBASE,oBAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CA/CM"}

package/lib/module/domain/groupChannel/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageParams,\n    ) => SendbirdFileMessageParams | Promise<SendbirdFileMessageParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageParams,\n    ) => SendbirdUserMessageParams | Promise<SendbirdUserMessageParams>;\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\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    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['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: {\n    channel: SendbirdGroupChannel;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    editMessage?: SendbirdUserMessage | SendbirdFileMessage;\n    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}

package/lib/module/domain/groupChannelList/component/GroupChannelListHeader.js

@@ -0,0 +1,21 @@
+import React, { useContext } from 'react';
+import { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { GroupChannelListContexts } from '../module/moduleContext';
+
+const GroupChannelListHeader = _ => {
+  const fragment = useContext(GroupChannelListContexts.Fragment);
+  const typeSelector = useContext(GroupChannelListContexts.TypeSelector);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: fragment.headerTitle,
+    right: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'create'
+    }),
+    onPressRight: typeSelector.show
+  });
+};
+
+export default GroupChannelListHeader;
+//# sourceMappingURL=GroupChannelListHeader.js.map

package/lib/module/domain/groupChannelList/component/GroupChannelListHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","useHeaderStyle","GroupChannelListContexts","GroupChannelListHeader","_","fragment","Fragment","typeSelector","TypeSelector","HeaderComponent","headerTitle","show"],"sources":["GroupChannelListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelListContexts } from '../module/moduleContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListHeader = (_: GroupChannelListProps['Header']) => {\n  const fragment = useContext(GroupChannelListContexts.Fragment);\n  const typeSelector = useContext(GroupChannelListContexts.TypeSelector);\n  const { HeaderComponent } = useHeaderStyle();\n\n  return (\n    <HeaderComponent title={fragment.headerTitle} right={<Icon icon={'create'} />} onPressRight={typeSelector.show} />\n  );\n};\n\nexport default GroupChannelListHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,cAAf,QAAqC,yCAArC;AAEA,SAASC,wBAAT,QAAyC,yBAAzC;;AAGA,MAAMC,sBAAsB,GAAIC,CAAD,IAAwC;EACrE,MAAMC,QAAQ,GAAGN,UAAU,CAACG,wBAAwB,CAACI,QAA1B,CAA3B;EACA,MAAMC,YAAY,GAAGR,UAAU,CAACG,wBAAwB,CAACM,YAA1B,CAA/B;EACA,MAAM;IAAEC;EAAF,IAAsBR,cAAc,EAA1C;EAEA,oBACE,oBAAC,eAAD;IAAiB,KAAK,EAAEI,QAAQ,CAACK,WAAjC;IAA8C,KAAK,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAArD;IAA+E,YAAY,EAAEH,YAAY,CAACI;EAA1G,EADF;AAGD,CARD;;AAUA,eAAeR,sBAAf"}