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

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

@@ -1,328 +1,111 @@
 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 { 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, shouldRenderReaction, toMegabyte, useFreshCallback } from '@sendbird/uikit-utils';
-import ChatFlatList from '../../../components/ChatFlatList';
-import { ReactionAddons } from '../../../components/ReactionAddons';
-import { DEPRECATION_WARNING } from '../../../constants';
-import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
-import SBUUtils from '../../../libs/SBUUtils';
+import React, { useContext, useEffect, useRef } from 'react';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+import ChannelMessageList from '../../../components/ChannelMessageList';
+import { MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';
+import { useSendbirdChat } 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,
-    onPressMediaMessage,
-    flatListProps,
-    enableMessageGrouping
-  } = _ref;
+const GroupChannelMessageList = props => {
   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({
-    channel,
-    currentUserId,
-    onDeleteMessage,
-    onResendFailedMessage,
-    onPressImageMessage,
-    onPressMediaMessage
-  });
-  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, {
-    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 {
-    channel,
-    currentUserId,
-    onResendFailedMessage,
-    onDeleteMessage,
-    onPressImageMessage,
-    onPressMediaMessage
-  } = _ref3;
-  const {
-    colors
-  } = useUIKitTheme();
-  const {
-    STRINGS
-  } = useLocalization();
-  const toast = useToast();
-  const {
-    openSheet
-  } = useBottomSheet();
-  const {
-    alert
-  } = useAlert();
-  const {
-    clipboardService,
-    fileService
-  } = usePlatformService();
-  const {
-    features
+    sdk
   } = useSendbirdChat();
   const {
     setMessageToEdit
   } = useContext(GroupChannelContexts.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'))
-      }]
-    });
+  const {
+    subscribe
+  } = useContext(GroupChannelContexts.PubSub);
+  const id = useUniqHandlerId('GroupChannelMessageList');
+  const ref = useRef(null);
+
+  // FIXME: Workaround, should run after data has been applied to UI.
+  const lazyScrollToBottom = function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    setTimeout(() => {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollToOffset({
+        offset: 0,
+        animated
+      });
+    }, timeout);
   };
-  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');
-        }
+
+  // FIXME: Workaround, should run after data has been applied to UI.
+  const lazyScrollToIndex = function () {
+    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    setTimeout(() => {
+      var _ref$current2;
+      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollToIndex({
+        index,
+        animated,
+        viewPosition: 0.5
       });
-      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)
-        });
+    }, timeout);
+  };
+  useEffect(() => {
+    if (props.searchItem) {
+      const createdAt = props.searchItem.startingPoint;
+      const foundMessageIndex = props.messages.findIndex(it => it.createdAt === createdAt);
+      const isIncludedInList = foundMessageIndex > -1;
+      if (isIncludedInList) {
+        lazyScrollToIndex(foundMessageIndex, true, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);
       }
     }
-    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);
-          });
-        }
+  }, [props.searchItem]);
+  const scrollToBottom = useFreshCallback(function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    if (props.hasNext()) {
+      props.onResetMessageList(() => {
+        lazyScrollToBottom(animated);
+        props.onScrolledAwayFromBottom(false);
       });
-      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
+    } else {
+      lazyScrollToBottom(animated);
+    }
+  });
+  useChannelHandler(sdk, id, {
+    onReactionUpdated(channel, event) {
+      if (isDifferentChannel(channel, props.channel)) return;
+      const recentMessage = props.messages[0];
+      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;
+      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();
+      if (isRecentMessage && scrollReachedBottomAndCanScroll) {
+        lazyScrollToBottom(true, 250);
       }
-      const fileType = getFileType(msg.type || getFileExtension(msg.name));
-      switch (fileType) {
-        case 'image':
-        case 'video':
-        case 'audio':
+    }
+  });
+  useEffect(() => {
+    return subscribe(_ref => {
+      let {
+        type
+      } = _ref;
+      switch (type) {
+        case 'MESSAGES_RECEIVED':
           {
-            response.onPress = () => {
-              if (onPressImageMessage && fileType === 'image') {
-                Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);
-                onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));
-              }
-              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));
-            };
+            if (!props.scrolledAwayFromBottom) {
+              scrollToBottom(true);
+            }
             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,
-          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled) ? _ref4 => {
-            let {
-              onClose
-            } = _ref4;
-            return /*#__PURE__*/React.createElement(ReactionAddons.BottomSheet, {
-              message: msg,
-              channel: channel,
-              onClose: onClose
-            });
-          } : undefined
-        });
-      };
-    }
-    if (msg.sendingStatus === 'failed') {
-      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;
-  };
+    });
+  }, [props.scrolledAwayFromBottom]);
+  return /*#__PURE__*/React.createElement(ChannelMessageList, _extends({}, props, {
+    ref: ref,
+    onEditMessage: setMessageToEdit,
+    onPressNewMessagesButton: scrollToBottom,
+    onPressScrollToBottomButton: scrollToBottom
+  }));
 };
-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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","Platform","View","useSafeAreaInsets","ChannelFrozenBanner","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileExtension","getFileType","isMyMessage","messageKeyExtractor","shouldRenderReaction","toMegabyte","useFreshCallback","ChatFlatList","ReactionAddons","DEPRECATION_WARNING","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","GroupChannelContexts","HANDLE_NEXT_MSG_SEPARATELY","select","default","GroupChannelMessageList","_ref","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","colors","left","right","scrollLeaveBottom","setScrollLeaveBottom","scrollRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","_ref2","item","index","onPress","onLongPress","message","prevMessage","nextMessage","length","prev","concat","onLeaveScrollBottom","val","createElement","style","flex","backgroundColor","background","isFrozen","styles","frozenBanner","text","GROUP_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","features","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","warn","ON_PRESS_IMAGE_MESSAGE","openURL","HeaderComponent","reactionEnabled","_ref4","onClose","BottomSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  shouldRenderReaction,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { ReactionAddons } from '../../../components/ReactionAddons';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: GroupChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { left, right } = useSafeAreaInsets();\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const scrollRef = useRef<ChatFlatListRef>(null);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  channel,\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  onPressMediaMessage,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  | 'channel'\n  | 'currentUserId'\n  | 'onResendFailedMessage'\n  | 'onDeleteMessage'\n  | 'onPressImageMessage'\n  | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { features } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.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            if (onPressImageMessage && fileType === 'image') {\n              Logger.warn(DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);\n              onPressImageMessage(msg, getAvailableUriFromFileMessage(msg));\n            }\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({\n          sheetItems,\n          HeaderComponent: shouldRenderReaction(channel, features.reactionEnabled)\n            ? ({ onClose }) => <ReactionAddons.BottomSheet message={msg} channel={channel} onClose={onClose} />\n            : undefined,\n        });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","useEffect","useRef","useChannelHandler","isDifferentChannel","useFreshCallback","useUniqHandlerId","ChannelMessageList","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","sdk","setMessageToEdit","Fragment","subscribe","PubSub","id","ref","lazyScrollToBottom","animated","arguments","length","undefined","timeout","setTimeout","_ref$current","current","scrollToOffset","offset","lazyScrollToIndex","index","_ref$current2","scrollToIndex","viewPosition","searchItem","createdAt","startingPoint","foundMessageIndex","messages","findIndex","it","isIncludedInList","scrollToBottom","hasNext","onResetMessageList","onScrolledAwayFromBottom","onReactionUpdated","channel","event","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","createElement","_extends","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {\n  const { sdk } = useSendbirdChat();\n  const { setMessageToEdit } = useContext(GroupChannelContexts.Fragment);\n  const { subscribe } = useContext(GroupChannelContexts.PubSub);\n\n  const id = useUniqHandlerId('GroupChannelMessageList');\n  const ref = useRef<FlatList<SendbirdMessage>>(null);\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToBottom = (animated = false, timeout = 0) => {\n    setTimeout(() => {\n      ref.current?.scrollToOffset({ offset: 0, animated });\n    }, timeout);\n  };\n\n  // FIXME: Workaround, should run after data has been applied to UI.\n  const lazyScrollToIndex = (index = 0, animated = false, timeout = 0) => {\n    setTimeout(() => {\n      ref.current?.scrollToIndex({ index, animated, viewPosition: 0.5 });\n    }, timeout);\n  };\n\n  useEffect(() => {\n    if (props.searchItem) {\n      const createdAt = props.searchItem.startingPoint;\n      const foundMessageIndex = props.messages.findIndex((it) => it.createdAt === createdAt);\n      const isIncludedInList = foundMessageIndex > -1;\n      if (isIncludedInList) {\n        lazyScrollToIndex(foundMessageIndex, true, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n      }\n    }\n  }, [props.searchItem]);\n\n  const scrollToBottom = useFreshCallback((animated = false) => {\n    if (props.hasNext()) {\n      props.onResetMessageList(() => {\n        lazyScrollToBottom(animated);\n        props.onScrolledAwayFromBottom(false);\n      });\n    } else {\n      lazyScrollToBottom(animated);\n    }\n  });\n\n  useChannelHandler(sdk, id, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom(true, 250);\n      }\n    },\n  });\n\n  useEffect(() => {\n    return subscribe(({ type }) => {\n      switch (type) {\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={ref}\n      onEditMessage={setMessageToEdit}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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"}

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

@@ -24,6 +24,7 @@ const GroupChannelSuggestedMentionList = _ref => {
     channel
   } = useContext(GroupChannelContexts.Fragment);
   const {
+    sdk,
     mentionManager
   } = useSendbirdChat();
   const {
@@ -46,6 +47,7 @@ const GroupChannelSuggestedMentionList = _ref => {
     searchStringRange,
     searchLimited
   } = useMentionSuggestion({
+    sdk,
     text,
     selection,
     channel,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Pressable","ScrollView","View","useWindowDimensions","useSafeAreaInsets","Avatar","Divider","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","conditionChaining","useLocalization","useSendbirdChat","useKeyboardStatus","useMentionSuggestion","GroupChannelContexts","GroupChannelSuggestedMentionList","_ref","text","selection","inputHeight","bottomInset","onPressToMention","mentionedUsers","width","screenWidth","height","screenHeight","channel","Fragment","mentionManager","STRINGS","colors","topInset","left","right","keyboard","members","reset","searchStringRange","searchLimited","isLandscape","isShortened","visible","canRenderMembers","length","maxHeight","styles","suggestion","renderLimitGuide","createElement","style","borderTopColor","onBackground04","icon","size","containerStyle","marginRight","color","onBackground02","body3","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","onPress","key","userId","userContainer","uri","profileUrl","userAvatar","userInfo","body2","onBackground01","numberOfLines","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","position","bottom","pointerEvents","container","bounces","keyboardDismissMode","keyboardShouldPersistTaps","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","contentContainerStyle","paddingLeft","paddingRight","top","flexDirection","alignItems","justifyContent","flex","flexShrink","lineHeight","textAlignVertical","minWidth","paddingHorizontal"],"sources":["GroupChannelSuggestedMentionList.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Avatar,\n  Divider,\n  Icon,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport useKeyboardStatus from '../../../hooks/useKeyboardStatus';\nimport useMentionSuggestion from '../../../hooks/useMentionSuggestion';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelSuggestedMentionList = ({\n  text,\n  selection,\n  inputHeight,\n  bottomInset,\n  onPressToMention,\n  mentionedUsers,\n}: GroupChannelProps['SuggestedMentionList']) => {\n  const { width: screenWidth, height: screenHeight } = useWindowDimensions();\n  const { channel } = useContext(GroupChannelContexts.Fragment);\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { topInset } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  const keyboard = useKeyboardStatus();\n\n  const { members, reset, searchStringRange, searchLimited } = useMentionSuggestion({\n    text,\n    selection,\n    channel,\n    mentionedUsers,\n  });\n\n  const isLandscape = screenWidth > screenHeight;\n  const isShortened = isLandscape && keyboard.visible;\n  const canRenderMembers = members.length > 0;\n  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;\n\n  const renderLimitGuide = () => {\n    return (\n      <View style={[styles.searchLimited, { borderTopColor: colors.onBackground04 }]}>\n        <Icon icon={'info'} size={20} containerStyle={{ marginRight: 4 }} color={colors.onBackground02} />\n        <Text body3 color={colors.onBackground02}>\n          {STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)}\n        </Text>\n      </View>\n    );\n  };\n\n  const renderMembers = () => {\n    return (\n      <View>\n        {members.map((member) => {\n          return (\n            <Pressable\n              onPress={() => {\n                onPressToMention(member, searchStringRange);\n                reset();\n              }}\n              key={member.userId}\n              style={styles.userContainer}\n            >\n              <Avatar size={28} uri={member.profileUrl} containerStyle={styles.userAvatar} />\n              <View style={styles.userInfo}>\n                <Text body2 color={colors.onBackground01} numberOfLines={1} style={styles.userNickname}>\n                  {member.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n                <Text body3 color={colors.onBackground03} numberOfLines={1} style={styles.userId}>\n                  {member.userId}\n                </Text>\n                <Divider style={{ position: 'absolute', bottom: 0 }} />\n              </View>\n            </Pressable>\n          );\n        })}\n      </View>\n    );\n  };\n\n  return (\n    <Pressable\n      onPress={reset}\n      pointerEvents={canRenderMembers ? 'auto' : 'none'}\n      style={[styles.container, { bottom: inputHeight + bottomInset }]}\n    >\n      <ScrollView\n        bounces={false}\n        keyboardDismissMode={'none'}\n        keyboardShouldPersistTaps={'always'}\n        style={[\n          styles.scrollView,\n          {\n            maxHeight,\n            backgroundColor: colors.background,\n            bottom: keyboard.bottomSpace,\n          },\n          canRenderMembers && {\n            borderTopWidth: 1,\n            borderTopColor: colors.onBackground04,\n          },\n        ]}\n        contentContainerStyle={{ paddingLeft: left, paddingRight: right }}\n      >\n        {conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])}\n      </ScrollView>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  suggestion: {\n    height: 196,\n  },\n  container: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n  },\n  scrollView: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n  },\n  userContainer: {\n    paddingLeft: 16,\n    flexDirection: 'row',\n    height: 44,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  userAvatar: {\n    marginRight: 16,\n  },\n  userInfo: {\n    flexDirection: 'row',\n    flex: 1,\n  },\n  userNickname: {\n    flexShrink: 1,\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    marginRight: 6,\n  },\n  userId: {\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    minWidth: 32,\n    flexShrink: 1,\n    marginRight: 16,\n  },\n  searchLimited: {\n    borderTopWidth: 1,\n    paddingHorizontal: 16,\n    height: 44,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\nexport default GroupChannelSuggestedMentionList;\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","Pressable","ScrollView","View","useWindowDimensions","useSafeAreaInsets","Avatar","Divider","Icon","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","conditionChaining","useLocalization","useSendbirdChat","useKeyboardStatus","useMentionSuggestion","GroupChannelContexts","GroupChannelSuggestedMentionList","_ref","text","selection","inputHeight","bottomInset","onPressToMention","mentionedUsers","width","screenWidth","height","screenHeight","channel","Fragment","sdk","mentionManager","STRINGS","colors","topInset","left","right","keyboard","members","reset","searchStringRange","searchLimited","isLandscape","isShortened","visible","canRenderMembers","length","maxHeight","styles","suggestion","renderLimitGuide","createElement","style","borderTopColor","onBackground04","icon","size","containerStyle","marginRight","color","onBackground02","body3","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","onPress","key","userId","userContainer","uri","profileUrl","userAvatar","userInfo","body2","onBackground01","numberOfLines","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","position","bottom","pointerEvents","container","bounces","keyboardDismissMode","keyboardShouldPersistTaps","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","contentContainerStyle","paddingLeft","paddingRight","top","flexDirection","alignItems","justifyContent","flex","flexShrink","lineHeight","textAlignVertical","minWidth","paddingHorizontal"],"sources":["GroupChannelSuggestedMentionList.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Avatar,\n  Divider,\n  Icon,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport useKeyboardStatus from '../../../hooks/useKeyboardStatus';\nimport useMentionSuggestion from '../../../hooks/useMentionSuggestion';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelSuggestedMentionList = ({\n  text,\n  selection,\n  inputHeight,\n  bottomInset,\n  onPressToMention,\n  mentionedUsers,\n}: GroupChannelProps['SuggestedMentionList']) => {\n  const { width: screenWidth, height: screenHeight } = useWindowDimensions();\n  const { channel } = useContext(GroupChannelContexts.Fragment);\n  const { sdk, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { topInset } = useHeaderStyle();\n  const { left, right } = useSafeAreaInsets();\n\n  const keyboard = useKeyboardStatus();\n\n  const { members, reset, searchStringRange, searchLimited } = useMentionSuggestion({\n    sdk,\n    text,\n    selection,\n    channel,\n    mentionedUsers,\n  });\n\n  const isLandscape = screenWidth > screenHeight;\n  const isShortened = isLandscape && keyboard.visible;\n  const canRenderMembers = members.length > 0;\n  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;\n\n  const renderLimitGuide = () => {\n    return (\n      <View style={[styles.searchLimited, { borderTopColor: colors.onBackground04 }]}>\n        <Icon icon={'info'} size={20} containerStyle={{ marginRight: 4 }} color={colors.onBackground02} />\n        <Text body3 color={colors.onBackground02}>\n          {STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)}\n        </Text>\n      </View>\n    );\n  };\n\n  const renderMembers = () => {\n    return (\n      <View>\n        {members.map((member) => {\n          return (\n            <Pressable\n              onPress={() => {\n                onPressToMention(member, searchStringRange);\n                reset();\n              }}\n              key={member.userId}\n              style={styles.userContainer}\n            >\n              <Avatar size={28} uri={member.profileUrl} containerStyle={styles.userAvatar} />\n              <View style={styles.userInfo}>\n                <Text body2 color={colors.onBackground01} numberOfLines={1} style={styles.userNickname}>\n                  {member.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n                <Text body3 color={colors.onBackground03} numberOfLines={1} style={styles.userId}>\n                  {member.userId}\n                </Text>\n                <Divider style={{ position: 'absolute', bottom: 0 }} />\n              </View>\n            </Pressable>\n          );\n        })}\n      </View>\n    );\n  };\n\n  return (\n    <Pressable\n      onPress={reset}\n      pointerEvents={canRenderMembers ? 'auto' : 'none'}\n      style={[styles.container, { bottom: inputHeight + bottomInset }]}\n    >\n      <ScrollView\n        bounces={false}\n        keyboardDismissMode={'none'}\n        keyboardShouldPersistTaps={'always'}\n        style={[\n          styles.scrollView,\n          {\n            maxHeight,\n            backgroundColor: colors.background,\n            bottom: keyboard.bottomSpace,\n          },\n          canRenderMembers && {\n            borderTopWidth: 1,\n            borderTopColor: colors.onBackground04,\n          },\n        ]}\n        contentContainerStyle={{ paddingLeft: left, paddingRight: right }}\n      >\n        {conditionChaining([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])}\n      </ScrollView>\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  suggestion: {\n    height: 196,\n  },\n  container: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n  },\n  scrollView: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n  },\n  userContainer: {\n    paddingLeft: 16,\n    flexDirection: 'row',\n    height: 44,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  userAvatar: {\n    marginRight: 16,\n  },\n  userInfo: {\n    flexDirection: 'row',\n    flex: 1,\n  },\n  userNickname: {\n    flexShrink: 1,\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    marginRight: 6,\n  },\n  userId: {\n    lineHeight: 44,\n    textAlignVertical: 'center',\n    minWidth: 32,\n    flexShrink: 1,\n    marginRight: 16,\n  },\n  searchLimited: {\n    borderTopWidth: 1,\n    paddingHorizontal: 16,\n    height: 44,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\nexport default GroupChannelSuggestedMentionList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AAC/E,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SACEC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,yCAAyC;AAChD,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAC5E,OAAOC,iBAAiB,MAAM,kCAAkC;AAChE,OAAOC,oBAAoB,MAAM,qCAAqC;AACtE,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D,MAAMC,gCAAgC,GAAGC,IAAA,IAOQ;EAAA,IAPP;IACxCC,IAAI;IACJC,SAAS;IACTC,WAAW;IACXC,WAAW;IACXC,gBAAgB;IAChBC;EACyC,CAAC,GAAAN,IAAA;EAC1C,MAAM;IAAEO,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAG1B,mBAAmB,EAAE;EAC1E,MAAM;IAAE2B;EAAQ,CAAC,GAAG/B,UAAU,CAACkB,oBAAoB,CAACc,QAAQ,CAAC;EAC7D,MAAM;IAAEC,GAAG;IAAEC;EAAe,CAAC,GAAGnB,eAAe,EAAE;EACjD,MAAM;IAAEoB;EAAQ,CAAC,GAAGrB,eAAe,EAAE;EACrC,MAAM;IAAEsB;EAAO,CAAC,GAAGxB,aAAa,EAAE;EAClC,MAAM;IAAEyB;EAAS,CAAC,GAAG1B,cAAc,EAAE;EACrC,MAAM;IAAE2B,IAAI;IAAEC;EAAM,CAAC,GAAGlC,iBAAiB,EAAE;EAE3C,MAAMmC,QAAQ,GAAGxB,iBAAiB,EAAE;EAEpC,MAAM;IAAEyB,OAAO;IAAEC,KAAK;IAAEC,iBAAiB;IAAEC;EAAc,CAAC,GAAG3B,oBAAoB,CAAC;IAChFgB,GAAG;IACHZ,IAAI;IACJC,SAAS;IACTS,OAAO;IACPL;EACF,CAAC,CAAC;EAEF,MAAMmB,WAAW,GAAGjB,WAAW,GAAGE,YAAY;EAC9C,MAAMgB,WAAW,GAAGD,WAAW,IAAIL,QAAQ,CAACO,OAAO;EACnD,MAAMC,gBAAgB,GAAGP,OAAO,CAACQ,MAAM,GAAG,CAAC;EAC3C,MAAMC,SAAS,GAAGJ,WAAW,GAAGhB,YAAY,IAAIO,QAAQ,GAAGd,WAAW,GAAGiB,QAAQ,CAACX,MAAM,CAAC,GAAGsB,MAAM,CAACC,UAAU,CAACvB,MAAM;EAEpH,MAAMwB,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,oBACEtD,KAAA,CAAAuD,aAAA,CAACnD,IAAI;MAACoD,KAAK,EAAE,CAACJ,MAAM,CAACP,aAAa,EAAE;QAAEY,cAAc,EAAEpB,MAAM,CAACqB;MAAe,CAAC;IAAE,gBAC7E1D,KAAA,CAAAuD,aAAA,CAAC9C,IAAI;MAACkD,IAAI,EAAE,MAAO;MAACC,IAAI,EAAE,EAAG;MAACC,cAAc,EAAE;QAAEC,WAAW,EAAE;MAAE,CAAE;MAACC,KAAK,EAAE1B,MAAM,CAAC2B;IAAe,EAAG,eAClGhE,KAAA,CAAAuD,aAAA,CAAC7C,IAAI;MAACuD,KAAK;MAACF,KAAK,EAAE1B,MAAM,CAAC2B;IAAe,GACtC5B,OAAO,CAAC8B,aAAa,CAACC,eAAe,CAAChC,cAAc,CAACiC,MAAM,CAACC,YAAY,CAAC,CACrE,CACF;EAEX,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACEtE,KAAA,CAAAuD,aAAA,CAACnD,IAAI,QACFsC,OAAO,CAAC6B,GAAG,CAAEC,MAAM,IAAK;MACvB,oBACExE,KAAA,CAAAuD,aAAA,CAACrD,SAAS;QACRuE,OAAO,EAAEA,CAAA,KAAM;UACb/C,gBAAgB,CAAC8C,MAAM,EAAE5B,iBAAiB,CAAC;UAC3CD,KAAK,EAAE;QACT,CAAE;QACF+B,GAAG,EAAEF,MAAM,CAACG,MAAO;QACnBnB,KAAK,EAAEJ,MAAM,CAACwB;MAAc,gBAE5B5E,KAAA,CAAAuD,aAAA,CAAChD,MAAM;QAACqD,IAAI,EAAE,EAAG;QAACiB,GAAG,EAAEL,MAAM,CAACM,UAAW;QAACjB,cAAc,EAAET,MAAM,CAAC2B;MAAW,EAAG,eAC/E/E,KAAA,CAAAuD,aAAA,CAACnD,IAAI;QAACoD,KAAK,EAAEJ,MAAM,CAAC4B;MAAS,gBAC3BhF,KAAA,CAAAuD,aAAA,CAAC7C,IAAI;QAACuE,KAAK;QAAClB,KAAK,EAAE1B,MAAM,CAAC6C,cAAe;QAACC,aAAa,EAAE,CAAE;QAAC3B,KAAK,EAAEJ,MAAM,CAACgC;MAAa,GACpFZ,MAAM,CAACa,QAAQ,IAAIjD,OAAO,CAACkD,MAAM,CAACC,YAAY,CAC1C,eACPvF,KAAA,CAAAuD,aAAA,CAAC7C,IAAI;QAACuD,KAAK;QAACF,KAAK,EAAE1B,MAAM,CAACmD,cAAe;QAACL,aAAa,EAAE,CAAE;QAAC3B,KAAK,EAAEJ,MAAM,CAACuB;MAAO,GAC9EH,MAAM,CAACG,MAAM,CACT,eACP3E,KAAA,CAAAuD,aAAA,CAAC/C,OAAO;QAACgD,KAAK,EAAE;UAAEiC,QAAQ,EAAE,UAAU;UAAEC,MAAM,EAAE;QAAE;MAAE,EAAG,CAClD,CACG;IAEhB,CAAC,CAAC,CACG;EAEX,CAAC;EAED,oBACE1F,KAAA,CAAAuD,aAAA,CAACrD,SAAS;IACRuE,OAAO,EAAE9B,KAAM;IACfgD,aAAa,EAAE1C,gBAAgB,GAAG,MAAM,GAAG,MAAO;IAClDO,KAAK,EAAE,CAACJ,MAAM,CAACwC,SAAS,EAAE;MAAEF,MAAM,EAAElE,WAAW,GAAGC;IAAY,CAAC;EAAE,gBAEjEzB,KAAA,CAAAuD,aAAA,CAACpD,UAAU;IACT0F,OAAO,EAAE,KAAM;IACfC,mBAAmB,EAAE,MAAO;IAC5BC,yBAAyB,EAAE,QAAS;IACpCvC,KAAK,EAAE,CACLJ,MAAM,CAAC4C,UAAU,EACjB;MACE7C,SAAS;MACT8C,eAAe,EAAE5D,MAAM,CAAC6D,UAAU;MAClCR,MAAM,EAAEjD,QAAQ,CAAC0D;IACnB,CAAC,EACDlD,gBAAgB,IAAI;MAClBmD,cAAc,EAAE,CAAC;MACjB3C,cAAc,EAAEpB,MAAM,CAACqB;IACzB,CAAC,CACD;IACF2C,qBAAqB,EAAE;MAAEC,WAAW,EAAE/D,IAAI;MAAEgE,YAAY,EAAE/D;IAAM;EAAE,GAEjE1B,iBAAiB,CAAC,CAAC+B,aAAa,EAAEI,gBAAgB,CAAC,EAAE,CAACK,gBAAgB,EAAE,EAAEgB,aAAa,EAAE,EAAE,IAAI,CAAC,CAAC,CACvF,CACH;AAEhB,CAAC;AAED,MAAMlB,MAAM,GAAGzC,gBAAgB,CAAC;EAC9B0C,UAAU,EAAE;IACVvB,MAAM,EAAE;EACV,CAAC;EACD8D,SAAS,EAAE;IACTH,QAAQ,EAAE,UAAU;IACpBe,GAAG,EAAE,CAAC;IACNhE,KAAK,EAAE,CAAC;IACRD,IAAI,EAAE;EACR,CAAC;EACDyD,UAAU,EAAE;IACVP,QAAQ,EAAE,UAAU;IACpBlD,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT,CAAC;EACDoC,aAAa,EAAE;IACb0B,WAAW,EAAE,EAAE;IACfG,aAAa,EAAE,KAAK;IACpB3E,MAAM,EAAE,EAAE;IACV4E,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD5B,UAAU,EAAE;IACVjB,WAAW,EAAE;EACf,CAAC;EACDkB,QAAQ,EAAE;IACRyB,aAAa,EAAE,KAAK;IACpBG,IAAI,EAAE;EACR,CAAC;EACDxB,YAAY,EAAE;IACZyB,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,QAAQ;IAC3BjD,WAAW,EAAE;EACf,CAAC;EACDa,MAAM,EAAE;IACNmC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,QAAQ;IAC3BC,QAAQ,EAAE,EAAE;IACZH,UAAU,EAAE,CAAC;IACb/C,WAAW,EAAE;EACf,CAAC;EACDjB,aAAa,EAAE;IACbuD,cAAc,EAAE,CAAC;IACjBa,iBAAiB,EAAE,EAAE;IACrBnF,MAAM,EAAE,EAAE;IACV2E,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AACF,eAAetF,gCAAgC"}

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

@@ -11,6 +11,10 @@ export const GroupChannelContexts = {
   }),
   TypingIndicator: /*#__PURE__*/createContext({
     typingUsers: []
+  }),
+  PubSub: /*#__PURE__*/createContext({
+    publish: NOOP,
+    subscribe: () => NOOP
   })
 };
 export const GroupChannelContextsProvider = _ref => {
@@ -18,7 +22,8 @@ export const GroupChannelContextsProvider = _ref => {
     children,
     channel,
     enableTypingIndicator,
-    keyboardAvoidOffset = 0
+    keyboardAvoidOffset = 0,
+    groupChannelPubSub
   } = _ref;
   if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');
   const handlerId = useUniqHandlerId('GroupChannelContextsProvider');
@@ -50,6 +55,8 @@ export const GroupChannelContextsProvider = _ref => {
     value: {
       typingUsers
     }
-  }, children)));
+  }, /*#__PURE__*/React.createElement(GroupChannelContexts.PubSub.Provider, {
+    value: groupChannelPubSub
+  }, children))));
 };
 //# sourceMappingURL=moduleContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqHandlerId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","TypingIndicator","typingUsers","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","Error","handlerId","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","onTypingStatusUpdated","eventChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE","userId"],"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  useUniqHandlerId,\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    setMessageToEdit: 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 handlerId = useUniqHandlerId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(sdk, handlerId, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\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          messageToEdit,\n          setMessageToEdit,\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,KAAK,IAAIC,aAAa,EAAEC,QAAQ,QAAQ,OAAO;AAEtD,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SACEC,IAAI,EAKJC,kBAAkB,EAClBC,gBAAgB,QACX,uBAAuB;AAE9B,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAG5E,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEV,aAAa,CAAC;IACtBW,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC,CAAyB;IACnCC,gBAAgB,EAAEV;EACpB,CAAC,CAAC;EACFW,eAAe,eAAEd,aAAa,CAAC;IAC7Be,WAAW,EAAE;EACf,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,4BAA4D,GAAGC,IAAA,IAKtE;EAAA,IALuE;IAC3EC,QAAQ;IACRN,OAAO;IACPO,qBAAqB;IACrBC,mBAAmB,GAAG;EACxB,CAAC,GAAAH,IAAA;EACC,IAAI,CAACL,OAAO,EAAE,MAAM,IAAIS,KAAK,CAAC,oDAAoD,CAAC;EAEnF,MAAMC,SAAS,GAAGjB,gBAAgB,CAAC,8BAA8B,CAAC;EAClE,MAAM;IAAEkB;EAAQ,CAAC,GAAGhB,eAAe,EAAE;EACrC,MAAM;IAAEiB,WAAW;IAAEC;EAAI,CAAC,GAAGjB,eAAe,EAAE;EAE9C,MAAM,CAACO,WAAW,EAAEW,cAAc,CAAC,GAAGzB,QAAQ,CAAiB,EAAE,CAAC;EAClE,MAAM,CAAC0B,aAAa,EAAEd,gBAAgB,CAAC,GAAGZ,QAAQ,EAA6C;EAE/FC,iBAAiB,CAACuB,GAAG,EAAEH,SAAS,EAAE;IAChCM,qBAAqBA,CAACC,YAAY,EAAE;MAClC,IAAIzB,kBAAkB,CAACQ,OAAO,EAAEiB,YAAY,CAAC,EAAE;MAC/C,IAAI,CAACV,qBAAqB,EAAE;MAC5BO,cAAc,CAACG,YAAY,CAACC,cAAc,EAAE,CAAC;IAC/C;EACF,CAAC,CAAC;EAEF,oBACE/B,KAAA,CAAAgC,aAAA,CAACzB,cAAc,qBACbP,KAAA,CAAAgC,aAAA,CAACtB,oBAAoB,CAACC,QAAQ,CAACsB,QAAQ;IACrCC,KAAK,EAAE;MACLtB,WAAW,EAAEY,OAAO,CAACW,aAAa,CAACC,YAAY,CAAC,CAAAX,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEY,MAAM,KAAI,EAAE,EAAExB,OAAO,CAAC;MACnFA,OAAO;MACPe,aAAa;MACbd,gBAAgB;MAChBO;IACF;EAAE,gBAEFrB,KAAA,CAAAgC,aAAA,CAACtB,oBAAoB,CAACK,eAAe,CAACkB,QAAQ;IAACC,KAAK,EAAE;MAAElB;IAAY;EAAE,GACnEG,QAAQ,CACqC,CACT,CAC1B;AAErB,CAAC"}
+{"version":3,"names":["React","createContext","useState","useChannelHandler","NOOP","isDifferentChannel","useUniqHandlerId","ProviderLayout","useLocalization","useSendbirdChat","GroupChannelContexts","Fragment","headerTitle","channel","setMessageToEdit","TypingIndicator","typingUsers","PubSub","publish","subscribe","GroupChannelContextsProvider","_ref","children","enableTypingIndicator","keyboardAvoidOffset","groupChannelPubSub","Error","handlerId","STRINGS","currentUser","sdk","setTypingUsers","messageToEdit","onTypingStatusUpdated","eventChannel","getTypingUsers","createElement","Provider","value","GROUP_CHANNEL","HEADER_TITLE","userId"],"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  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { PubSub } from '../../../utils/pubsub';\nimport type { GroupChannelContextsType, GroupChannelModule, GroupChannelPubSubContextPayload } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setMessageToEdit: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n  PubSub: createContext({\n    publish: NOOP,\n    subscribe: () => NOOP,\n  } as PubSub<GroupChannelPubSubContextPayload>),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n  groupChannelPubSub,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const handlerId = useUniqHandlerId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [messageToEdit, setMessageToEdit] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(sdk, handlerId, {\n    onTypingStatusUpdated(eventChannel) {\n      if (isDifferentChannel(channel, eventChannel)) return;\n      if (!enableTypingIndicator) return;\n      setTypingUsers(eventChannel.getTypingUsers());\n    },\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          messageToEdit,\n          setMessageToEdit,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          <GroupChannelContexts.PubSub.Provider value={groupChannelPubSub}>\n            {children}\n          </GroupChannelContexts.PubSub.Provider>\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,QAAQ,QAAQ,OAAO;AAEtD,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SACEC,IAAI,EAKJC,kBAAkB,EAClBC,gBAAgB,QACX,uBAAuB;AAE9B,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,EAAEC,eAAe,QAAQ,2BAA2B;AAI5E,OAAO,MAAMC,oBAA8C,GAAG;EAC5DC,QAAQ,eAAEV,aAAa,CAAC;IACtBW,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC,CAAyB;IACnCC,gBAAgB,EAAEV;EACpB,CAAC,CAAC;EACFW,eAAe,eAAEd,aAAa,CAAC;IAC7Be,WAAW,EAAE;EACf,CAAC,CAAC;EACFC,MAAM,eAAEhB,aAAa,CAAC;IACpBiB,OAAO,EAAEd,IAAI;IACbe,SAAS,EAAEA,CAAA,KAAMf;EACnB,CAAC;AACH,CAAC;AAED,OAAO,MAAMgB,4BAA4D,GAAGC,IAAA,IAMtE;EAAA,IANuE;IAC3EC,QAAQ;IACRT,OAAO;IACPU,qBAAqB;IACrBC,mBAAmB,GAAG,CAAC;IACvBC;EACF,CAAC,GAAAJ,IAAA;EACC,IAAI,CAACR,OAAO,EAAE,MAAM,IAAIa,KAAK,CAAC,oDAAoD,CAAC;EAEnF,MAAMC,SAAS,GAAGrB,gBAAgB,CAAC,8BAA8B,CAAC;EAClE,MAAM;IAAEsB;EAAQ,CAAC,GAAGpB,eAAe,EAAE;EACrC,MAAM;IAAEqB,WAAW;IAAEC;EAAI,CAAC,GAAGrB,eAAe,EAAE;EAE9C,MAAM,CAACO,WAAW,EAAEe,cAAc,CAAC,GAAG7B,QAAQ,CAAiB,EAAE,CAAC;EAClE,MAAM,CAAC8B,aAAa,EAAElB,gBAAgB,CAAC,GAAGZ,QAAQ,EAA6C;EAE/FC,iBAAiB,CAAC2B,GAAG,EAAEH,SAAS,EAAE;IAChCM,qBAAqBA,CAACC,YAAY,EAAE;MAClC,IAAI7B,kBAAkB,CAACQ,OAAO,EAAEqB,YAAY,CAAC,EAAE;MAC/C,IAAI,CAACX,qBAAqB,EAAE;MAC5BQ,cAAc,CAACG,YAAY,CAACC,cAAc,EAAE,CAAC;IAC/C;EACF,CAAC,CAAC;EAEF,oBACEnC,KAAA,CAAAoC,aAAA,CAAC7B,cAAc,qBACbP,KAAA,CAAAoC,aAAA,CAAC1B,oBAAoB,CAACC,QAAQ,CAAC0B,QAAQ;IACrCC,KAAK,EAAE;MACL1B,WAAW,EAAEgB,OAAO,CAACW,aAAa,CAACC,YAAY,CAAC,CAAAX,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEY,MAAM,KAAI,EAAE,EAAE5B,OAAO,CAAC;MACnFA,OAAO;MACPmB,aAAa;MACblB,gBAAgB;MAChBU;IACF;EAAE,gBAEFxB,KAAA,CAAAoC,aAAA,CAAC1B,oBAAoB,CAACK,eAAe,CAACsB,QAAQ;IAACC,KAAK,EAAE;MAAEtB;IAAY;EAAE,gBACpEhB,KAAA,CAAAoC,aAAA,CAAC1B,oBAAoB,CAACO,MAAM,CAACoB,QAAQ;IAACC,KAAK,EAAEb;EAAmB,GAC7DH,QAAQ,CAC4B,CACO,CACT,CAC1B;AAErB,CAAC"}