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

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

@@ -5,334 +5,117 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitUtils = require("@sendbird/uikit-utils");
-var _ChatFlatList = _interopRequireDefault(require("../../../components/ChatFlatList"));
-var _ReactionAddons = require("../../../components/ReactionAddons");
+var _ChannelMessageList = _interopRequireDefault(require("../../../components/ChannelMessageList"));
 var _constants = require("../../../constants");
 var _useContext = require("../../../hooks/useContext");
-var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
 var _moduleContext = require("../module/moduleContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const HANDLE_NEXT_MSG_SEPARATELY = _reactNative.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 {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+const GroupChannelMessageList = props => {
   const {
-    left,
-    right
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const [scrollLeaveBottom, setScrollLeaveBottom] = (0, _react.useState)(false);
-  const scrollRef = (0, _react.useRef)(null);
-  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = (0, _react.useState)(() => newMessagesFromMembers);
-  const getMessagePressActions = useGetMessagePressActions({
-    channel,
-    currentUserId,
-    onDeleteMessage,
-    onResendFailedMessage,
-    onPressImageMessage,
-    onPressMediaMessage
-  });
-  const safeAreaLayout = {
-    paddingLeft: left,
-    paddingRight: right
-  };
-  const renderItem = (0, _uikitUtils.useFreshCallback)(_ref2 => {
-    let {
-      item,
-      index
-    } = _ref2;
-    const {
-      onPress,
-      onLongPress
-    } = getMessagePressActions(item);
-    return renderMessage({
-      message: item,
-      prevMessage: messages[index + 1],
-      nextMessage: messages[index - 1],
-      onPress,
-      onLongPress,
-      enableMessageGrouping,
-      channel,
-      currentUserId
-    });
-  });
-  if (!HANDLE_NEXT_MSG_SEPARATELY) {
-    (0, _react.useEffect)(() => {
-      if (newMessagesInternalBuffer.length !== 0) {
-        setNewMessagesInternalBuffer(prev => prev.concat(newMessagesFromMembers));
-      }
-      onBottomReached();
-    }, [newMessagesFromMembers]);
-  }
-  const onLeaveScrollBottom = (0, _react.useCallback)(val => {
-    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);
-    setScrollLeaveBottom(val);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [{
-      flex: 1,
-      backgroundColor: colors.background
-    }, safeAreaLayout]
-  }, channel.isFrozen && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ChannelFrozenBanner, {
-    style: styles.frozenBanner,
-    text: STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN
-  }), /*#__PURE__*/_react.default.createElement(_ChatFlatList.default, _extends({
-    nextMessages: nextMessages,
-    onBottomReached: onBottomReached,
-    onTopReached: onTopReached,
-    onLeaveScrollBottom: onLeaveScrollBottom,
-    currentUserId: currentUserId
-  }, flatListProps, {
-    ref: scrollRef,
-    data: messages,
-    renderItem: renderItem,
-    keyExtractor: _uikitUtils.messageKeyExtractor,
-    contentContainerStyle: [
-    // { minHeight: '100%', justifyContent: 'flex-end' },
-    channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
-  })), renderNewMessagesButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.newMsgButton, safeAreaLayout]
-  }, renderNewMessagesButton({
-    visible: 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.default.createElement(_reactNative.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
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const toast = (0, _uikitReactNativeFoundation.useToast)();
-  const {
-    openSheet
-  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
-  const {
-    alert
-  } = (0, _uikitReactNativeFoundation.useAlert)();
-  const {
-    clipboardService,
-    fileService
-  } = (0, _useContext.usePlatformService)();
-  const {
-    features
+    sdk
   } = (0, _useContext.useSendbirdChat)();
   const {
     setMessageToEdit
   } = (0, _react.useContext)(_moduleContext.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
+  } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.PubSub);
+  const id = (0, _uikitUtils.useUniqHandlerId)('GroupChannelMessageList');
+  const ref = (0, _react.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 ((0, _uikitUtils.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);
+  };
+  (0, _react.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, _constants.MESSAGE_SEARCH_SAFE_SCROLL_DELAY);
       }
     }
-    if (msg.isFileMessage()) {
-      sheetItems.push({
-        icon: 'download',
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
-        onPress: async () => {
-          if ((0, _uikitUtils.toMegabyte)(msg.size) > 4) {
-            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
-          }
-          fileService.save({
-            fileUrl: msg.url,
-            fileName: msg.name,
-            fileType: msg.type
-          }).then(response => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
-            _uikitUtils.Logger.log('File saved to', response);
-          }).catch(err => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
-            _uikitUtils.Logger.log('File save failure', err);
-          });
-        }
+  }, [props.searchItem]);
+  const scrollToBottom = (0, _uikitUtils.useFreshCallback)(function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    if (props.hasNext()) {
+      props.onResetMessageList(() => {
+        lazyScrollToBottom(animated);
+        props.onScrolledAwayFromBottom(false);
       });
-      if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
+    } else {
+      lazyScrollToBottom(animated);
+    }
+  });
+  (0, _uikitChatHooks.useChannelHandler)(sdk, id, {
+    onReactionUpdated(channel, event) {
+      if ((0, _uikitUtils.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 = (0, _uikitUtils.getFileType)(msg.type || (0, _uikitUtils.getFileExtension)(msg.name));
-      switch (fileType) {
-        case 'image':
-        case 'video':
-        case 'audio':
+    }
+  });
+  (0, _react.useEffect)(() => {
+    return subscribe(_ref => {
+      let {
+        type
+      } = _ref;
+      switch (type) {
+        case 'MESSAGES_RECEIVED':
           {
-            response.onPress = () => {
-              if (onPressImageMessage && fileType === 'image') {
-                _uikitUtils.Logger.warn(_constants.DEPRECATION_WARNING.GROUP_CHANNEL.ON_PRESS_IMAGE_MESSAGE);
-                onPressImageMessage(msg, (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
-              }
-              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
-            };
+            if (!props.scrolledAwayFromBottom) {
+              scrollToBottom(true);
+            }
             break;
           }
-        default:
+        case 'MESSAGE_SENT_SUCCESS':
+        case 'MESSAGE_SENT_PENDING':
           {
-            response.onPress = () => _SBUUtils.default.openURL(msg.url);
+            scrollToBottom(false);
             break;
           }
       }
-    }
-    if (sheetItems.length > 0) {
-      response.onLongPress = () => {
-        openSheet({
-          sheetItems,
-          HeaderComponent: (0, _uikitUtils.shouldRenderReaction)(channel, features.reactionEnabled) ? _ref4 => {
-            let {
-              onClose
-            } = _ref4;
-            return /*#__PURE__*/_react.default.createElement(_ReactionAddons.ReactionAddons.BottomSheet, {
-              message: msg,
-              channel: channel,
-              onClose: onClose
-            });
-          } : undefined
-        });
-      };
-    }
-    if (msg.sendingStatus === 'failed') {
-      response.onLongPress = () => handleFailedMessage(msg);
-      response.onPress = () => {
-        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
-      };
-    }
-    if (msg.sendingStatus === 'pending') {
-      response.onLongPress = undefined;
-      response.onPress = undefined;
-    }
-    return response;
-  };
+    });
+  }, [props.scrolledAwayFromBottom]);
+  return /*#__PURE__*/_react.default.createElement(_ChannelMessageList.default, _extends({}, props, {
+    ref: ref,
+    onEditMessage: setMessageToEdit,
+    onPressNewMessagesButton: scrollToBottom,
+    onPressScrollToBottomButton: scrollToBottom
+  }));
 };
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  frozenBanner: {
-    position: 'absolute',
-    zIndex: 999,
-    top: 8,
-    left: 8,
-    right: 8
-  },
-  frozenListPadding: {
-    paddingBottom: 32
-  },
-  newMsgButton: {
-    position: 'absolute',
-    zIndex: 999,
-    bottom: 10,
-    alignSelf: 'center'
-  },
-  scrollButton: {
-    position: 'absolute',
-    zIndex: 998,
-    bottom: 10,
-    right: 16
-  }
-});
 var _default = /*#__PURE__*/_react.default.memo(GroupChannelMessageList);
 exports.default = _default;
 //# sourceMappingURL=GroupChannelMessageList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_ChatFlatList","_interopRequireDefault","_ReactionAddons","_constants","_useContext","_SBUUtils","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","HANDLE_NEXT_MSG_SEPARATELY","Platform","select","GroupChannelMessageList","_ref","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressImageMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","useLocalization","colors","useUIKitTheme","left","right","useSafeAreaInsets","scrollLeaveBottom","setScrollLeaveBottom","useState","scrollRef","useRef","newMessagesInternalBuffer","setNewMessagesInternalBuffer","getMessagePressActions","useGetMessagePressActions","safeAreaLayout","paddingLeft","paddingRight","renderItem","useFreshCallback","_ref2","item","index","onPress","onLongPress","message","prevMessage","nextMessage","useEffect","prev","concat","onLeaveScrollBottom","useCallback","val","createElement","View","style","flex","backgroundColor","background","isFrozen","ChannelFrozenBanner","styles","frozenBanner","text","GROUP_CHANNEL","LIST_BANNER_FROZEN","ref","data","keyExtractor","messageKeyExtractor","contentContainerStyle","frozenListPadding","newMsgButton","visible","_scrollRef$current","current","scrollToBottom","newMessages","pointerEvents","scrollButton","_scrollRef$current2","_ref3","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","features","useSendbirdChat","setMessageToEdit","useContext","GroupChannelContexts","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","isMyMessage","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","toMegabyte","size","DOWNLOAD_START","save","fileUrl","url","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","warn","DEPRECATION_WARNING","ON_PRESS_IMAGE_MESSAGE","getAvailableUriFromFileMessage","SBUUtils","openURL","HeaderComponent","shouldRenderReaction","reactionEnabled","_ref4","onClose","ReactionAddons","BottomSheet","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","_default","React","memo","exports"],"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","_interopRequireWildcard","require","_uikitChatHooks","_uikitUtils","_ChannelMessageList","_interopRequireDefault","_constants","_useContext","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","GroupChannelMessageList","props","sdk","useSendbirdChat","setMessageToEdit","useContext","GroupChannelContexts","Fragment","subscribe","PubSub","id","useUniqHandlerId","ref","useRef","lazyScrollToBottom","animated","undefined","timeout","setTimeout","_ref$current","current","scrollToOffset","offset","lazyScrollToIndex","index","_ref$current2","scrollToIndex","viewPosition","useEffect","searchItem","createdAt","startingPoint","foundMessageIndex","messages","findIndex","it","isIncludedInList","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","scrollToBottom","useFreshCallback","hasNext","onResetMessageList","onScrolledAwayFromBottom","useChannelHandler","onReactionUpdated","channel","event","isDifferentChannel","recentMessage","isRecentMessage","messageId","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","_ref","type","createElement","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","_default","React","memo","exports"],"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/commonjs/domain/groupChannel/component/GroupChannelSuggestedMentionList.js

@@ -33,6 +33,7 @@ const GroupChannelSuggestedMentionList = _ref => {
     channel
   } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
   const {
+    sdk,
     mentionManager
   } = (0, _useContext.useSendbirdChat)();
   const {
@@ -55,6 +56,7 @@ const GroupChannelSuggestedMentionList = _ref => {
     searchStringRange,
     searchLimited
   } = (0, _useMentionSuggestion.default)({
+    sdk,
     text,
     selection,
     channel,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_useKeyboardStatus","_interopRequireDefault","_useMentionSuggestion","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelSuggestedMentionList","_ref","text","selection","inputHeight","bottomInset","onPressToMention","mentionedUsers","width","screenWidth","height","screenHeight","useWindowDimensions","channel","useContext","GroupChannelContexts","Fragment","mentionManager","useSendbirdChat","STRINGS","useLocalization","colors","useUIKitTheme","topInset","useHeaderStyle","left","right","useSafeAreaInsets","keyboard","useKeyboardStatus","members","reset","searchStringRange","searchLimited","useMentionSuggestion","isLandscape","isShortened","visible","canRenderMembers","length","maxHeight","styles","suggestion","renderLimitGuide","createElement","View","style","borderTopColor","onBackground04","Icon","icon","size","containerStyle","marginRight","color","onBackground02","Text","body3","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","Pressable","onPress","userId","userContainer","Avatar","uri","profileUrl","userAvatar","userInfo","body2","onBackground01","numberOfLines","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","Divider","position","bottom","pointerEvents","container","ScrollView","bounces","keyboardDismissMode","keyboardShouldPersistTaps","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","contentContainerStyle","paddingLeft","paddingRight","conditionChaining","createStyleSheet","top","flexDirection","alignItems","justifyContent","flex","flexShrink","lineHeight","textAlignVertical","minWidth","paddingHorizontal","_default","exports"],"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","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_useContext","_useKeyboardStatus","_interopRequireDefault","_useMentionSuggestion","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GroupChannelSuggestedMentionList","_ref","text","selection","inputHeight","bottomInset","onPressToMention","mentionedUsers","width","screenWidth","height","screenHeight","useWindowDimensions","channel","useContext","GroupChannelContexts","Fragment","sdk","mentionManager","useSendbirdChat","STRINGS","useLocalization","colors","useUIKitTheme","topInset","useHeaderStyle","left","right","useSafeAreaInsets","keyboard","useKeyboardStatus","members","reset","searchStringRange","searchLimited","useMentionSuggestion","isLandscape","isShortened","visible","canRenderMembers","length","maxHeight","styles","suggestion","renderLimitGuide","createElement","View","style","borderTopColor","onBackground04","Icon","icon","size","containerStyle","marginRight","color","onBackground02","Text","body3","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","Pressable","onPress","userId","userContainer","Avatar","uri","profileUrl","userAvatar","userInfo","body2","onBackground01","numberOfLines","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","Divider","position","bottom","pointerEvents","container","ScrollView","bounces","keyboardDismissMode","keyboardShouldPersistTaps","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","contentContainerStyle","paddingLeft","paddingRight","conditionChaining","createStyleSheet","top","flexDirection","alignItems","justifyContent","flex","flexShrink","lineHeight","textAlignVertical","minWidth","paddingHorizontal","_default","exports"],"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":"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"}

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

@@ -20,6 +20,10 @@ const GroupChannelContexts = {
   }),
   TypingIndicator: /*#__PURE__*/(0, _react.createContext)({
     typingUsers: []
+  }),
+  PubSub: /*#__PURE__*/(0, _react.createContext)({
+    publish: _uikitUtils.NOOP,
+    subscribe: () => _uikitUtils.NOOP
   })
 };
 exports.GroupChannelContexts = GroupChannelContexts;
@@ -28,7 +32,8 @@ 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 = (0, _uikitUtils.useUniqHandlerId)('GroupChannelContextsProvider');
@@ -60,7 +65,9 @@ const GroupChannelContextsProvider = _ref => {
     value: {
       typingUsers
     }
-  }, children)));
+  }, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.PubSub.Provider, {
+    value: groupChannelPubSub
+  }, children))));
 };
 exports.GroupChannelContextsProvider = GroupChannelContextsProvider;
 //# sourceMappingURL=moduleContext.js.map