@sendbird/uikit-react-native 2.1.0 → 2.2.0

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

@@ -17,6 +17,8 @@ var _uikitUtils = require("@sendbird/uikit-utils");
 
 var _ChatFlatList = _interopRequireDefault(require("../../../components/ChatFlatList"));
 
+var _ReactionAddons = require("../../../components/ReactionAddons");
+
 var _constants = require("../../../constants");
 
 var _useContext = require("../../../hooks/useContext");
@@ -68,11 +70,12 @@ const GroupChannelMessageList = _ref => {
   const scrollRef = (0, _react.useRef)(null);
   const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = (0, _react.useState)(() => newMessagesFromMembers);
   const getMessagePressActions = useGetMessagePressActions({
+    channel,
+    currentUserId,
     onDeleteMessage,
+    onResendFailedMessage,
     onPressImageMessage,
-    onPressMediaMessage,
-    currentUserId,
-    onResendFailedMessage
+    onPressMediaMessage
   });
   const safeAreaLayout = {
     paddingLeft: left,
@@ -160,11 +163,12 @@ const GroupChannelMessageList = _ref => {
 
 const useGetMessagePressActions = _ref3 => {
   let {
-    onPressImageMessage,
-    onPressMediaMessage,
-    onDeleteMessage,
+    channel,
+    currentUserId,
     onResendFailedMessage,
-    currentUserId
+    onDeleteMessage,
+    onPressImageMessage,
+    onPressMediaMessage
   } = _ref3;
   const {
     colors
@@ -184,7 +188,10 @@ const useGetMessagePressActions = _ref3 => {
     fileService
   } = (0, _useContext.usePlatformService)();
   const {
-    setEditMessage
+    features
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    setMessageToEdit
   } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
 
   const handleFailedMessage = message => {
@@ -241,7 +248,7 @@ const useGetMessagePressActions = _ref3 => {
         sheetItems.push({
           icon: 'edit',
           title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,
-          onPress: () => setEditMessage(msg)
+          onPress: () => setMessageToEdit(msg)
         }, {
           icon: 'delete',
           title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,
@@ -313,9 +320,21 @@ const useGetMessagePressActions = _ref3 => {
     }
 
     if (sheetItems.length > 0) {
-      response.onLongPress = () => openSheet({
-        sheetItems
-      });
+      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') {

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

@@ -1 +1 @@
-{"version":3,"names":["HANDLE_NEXT_MSG_SEPARATELY","Platform","select","default","GroupChannelMessageList","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","item","index","onPress","onLongPress","message","prevMessage","nextMessage","useEffect","length","prev","concat","onLeaveScrollBottom","useCallback","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","messageKeyExtractor","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","setEditMessage","useContext","GroupChannelContexts","Fragment","handleFailedMessage","sheetItems","title","DIALOG_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","DIALOG_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","DIALOG_MESSAGE_COPY","setString","COPY_OK","isMyMessage","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","warn","DEPRECATION_WARNING","ON_PRESS_IMAGE_MESSAGE","getAvailableUriFromFileMessage","Linking","openURL","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","React","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Linking, ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  toMegabyte,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { DEPRECATION_WARNING } from '../../../constants';\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst GroupChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressImageMessage,\n  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    onDeleteMessage,\n    onPressImageMessage,\n    onPressMediaMessage,\n    currentUserId,\n    onResendFailedMessage,\n  });\n\n  const safeAreaLayout = { paddingLeft: left, paddingRight: right };\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.GROUP_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  onPressImageMessage,\n  onPressMediaMessage,\n  onDeleteMessage,\n  onResendFailedMessage,\n  currentUserId,\n}: Pick<\n  GroupChannelProps['MessageList'],\n  'onDeleteMessage' | 'onResendFailedMessage' | 'currentUserId' | 'onPressImageMessage' | '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 { setEditMessage } = useContext(GroupChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,\n            onPress: () => setEditMessage(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      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 = () => Linking.openURL(msg.url).catch();\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => openSheet({ sheetItems });\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;AASA;;AAYA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,0BAA0B,GAAGC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,OAAO,EAAE;AAAX,CAAhB,CAAnC;;AAEA,MAAMC,uBAAuB,GAAG,QAiBQ;EAAA,IAjBP;IAC/BC,aAD+B;IAE/BC,OAF+B;IAG/BC,QAH+B;IAI/BC,aAJ+B;IAK/BC,YAL+B;IAM/BC,sBAN+B;IAO/BC,eAP+B;IAQ/BC,YAR+B;IAS/BC,uBAT+B;IAU/BC,0BAV+B;IAW/BC,qBAX+B;IAY/BC,eAZ+B;IAa/BC,mBAb+B;IAc/BC,mBAd+B;IAe/BC,aAf+B;IAgB/BC;EAhB+B,CAiBO;EACtC,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEC,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EACA,MAAM,CAACC,iBAAD,EAAoBC,oBAApB,IAA4C,IAAAC,eAAA,EAAS,KAAT,CAAlD;EACA,MAAMC,SAAS,GAAG,IAAAC,aAAA,EAAwB,IAAxB,CAAlB;EACA,MAAM,CAACC,yBAAD,EAA4BC,4BAA5B,IAA4D,IAAAJ,eAAA,EAAS,MAAMpB,sBAAf,CAAlE;EACA,MAAMyB,sBAAsB,GAAGC,yBAAyB,CAAC;IACvDpB,eADuD;IAEvDC,mBAFuD;IAGvDC,mBAHuD;IAIvDb,aAJuD;IAKvDU;EALuD,CAAD,CAAxD;EAQA,MAAMsB,cAAc,GAAG;IAAEC,WAAW,EAAEb,IAAf;IAAqBc,YAAY,EAAEb;EAAnC,CAAvB;EAEA,MAAMc,UAA2C,GAAG,IAAAC,4BAAA,EAAiB,SAAqB;IAAA,IAApB;MAAEC,IAAF;MAAQC;IAAR,CAAoB;IACxF,MAAM;MAAEC,OAAF;MAAWC;IAAX,IAA2BV,sBAAsB,CAACO,IAAD,CAAvD;IACA,OAAOlC,aAAa,CAAC;MACnBsC,OAAO,EAAEJ,IADU;MAEnBK,WAAW,EAAExC,QAAQ,CAACoC,KAAK,GAAG,CAAT,CAFF;MAGnBK,WAAW,EAAEzC,QAAQ,CAACoC,KAAK,GAAG,CAAT,CAHF;MAInBC,OAJmB;MAKnBC,WALmB;MAMnBzB,qBANmB;MAOnBd,OAPmB;MAQnBD;IARmB,CAAD,CAApB;EAUD,CAZmD,CAApD;;EAcA,IAAI,CAACL,0BAAL,EAAiC;IAC/B,IAAAiD,gBAAA,EAAU,MAAM;MACd,IAAIhB,yBAAyB,CAACiB,MAA1B,KAAqC,CAAzC,EAA4C;QAC1ChB,4BAA4B,CAAEiB,IAAD,IAAUA,IAAI,CAACC,MAAL,CAAY1C,sBAAZ,CAAX,CAA5B;MACD;;MACDC,eAAe;IAChB,CALD,EAKG,CAACD,sBAAD,CALH;EAMD;;EAED,MAAM2C,mBAAmB,GAAG,IAAAC,kBAAA,EAAaC,GAAD,IAAkB;IACxD,IAAI,CAACvD,0BAAL,EAAiCkC,4BAA4B,CAAC,EAAD,CAA5B;IACjCL,oBAAoB,CAAC0B,GAAD,CAApB;EACD,CAH2B,EAGzB,EAHyB,CAA5B;EAKA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAR;MAAWC,eAAe,EAAElC,MAAM,CAACmC;IAAnC,CAAD,EAAkDrB,cAAlD;EAAb,GACG/B,OAAO,CAACqD,QAAR,iBACC,6BAAC,+CAAD;IAAqB,KAAK,EAAEC,MAAM,CAACC,YAAnC;IAAiD,IAAI,EAAExC,OAAO,CAACyC,aAAR,CAAsBC;EAA7E,EAFJ,eAIE,6BAAC,qBAAD;IACE,YAAY,EAAEtD,YADhB;IAEE,eAAe,EAAEE,eAFnB;IAGE,YAAY,EAAEC,YAHhB;IAIE,mBAAmB,EAAEyC,mBAJvB;IAKE,aAAa,EAAEhD;EALjB,GAMMc,aANN;IAOE,OAAO,EAAG,0BAAyBb,OAAO,CAAC0D,GAAI,EAPjD;IAQE,GAAG,EAAEjC,SARP;IASE,IAAI,EAAExB,QATR;IAUE,UAAU,EAAEiC,UAVd;IAWE,YAAY,EAAEyB,+BAXhB;IAYE,qBAAqB,EAAE,CACrB;IACA3D,OAAO,CAACqD,QAAR,IAAoBC,MAAM,CAACM,iBAFN,EAGrB/C,aAHqB,aAGrBA,aAHqB,uBAGrBA,aAAa,CAAEgD,qBAHM;EAZzB,GAJF,EAsBGtD,uBAAuB,iBACtB,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC+C,MAAM,CAACQ,YAAR,EAAsB/B,cAAtB;EAAb,GACGxB,uBAAuB,CAAC;IACvBwD,OAAO,EAAEzC,iBADc;IAEvBgB,OAAO,EAAE;MAAA;;MAAA,6BAAMb,SAAS,CAACuC,OAAhB,uDAAM,mBAAmBC,cAAnB,CAAkC,KAAlC,CAAN;IAAA,CAFc;IAGvBC,WAAW,EAAE,CAACxE,0BAAD,GAA8BiC,yBAA9B,GAA0DvB;EAHhD,CAAD,CAD1B,CAvBJ,EA+BGI,0BAA0B,iBACzB,6BAAC,iBAAD;IAAM,aAAa,EAAEc,iBAAiB,GAAG,MAAH,GAAY,MAAlD;IAA0D,KAAK,EAAE,CAACgC,MAAM,CAACa,YAAR,EAAsBpC,cAAtB;EAAjE,GACGvB,0BAA0B,CAAC;IAC1BuD,OAAO,EAAEzC,iBADiB;IAE1BgB,OAAO,EAAE;MAAA;;MAAA,8BAAMb,SAAS,CAACuC,OAAhB,wDAAM,oBAAmBC,cAAnB,CAAkC,KAAlC,CAAN;IAAA;EAFiB,CAAD,CAD7B,CAhCJ,CADF;AA0CD,CAxGD;;AA2GA,MAAMnC,yBAAyB,GAAG,SAS5B;EAAA,IAT6B;IACjCnB,mBADiC;IAEjCC,mBAFiC;IAGjCF,eAHiC;IAIjCD,qBAJiC;IAKjCV;EALiC,CAS7B;EACJ,MAAM;IAAEkB;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEH;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAMoD,KAAK,GAAG,IAAAC,oCAAA,GAAd;EACA,MAAM;IAAEC;EAAF,IAAgB,IAAAC,0CAAA,GAAtB;EACA,MAAM;IAAEC;EAAF,IAAY,IAAAC,oCAAA,GAAlB;EACA,MAAM;IAAEC,gBAAF;IAAoBC;EAApB,IAAoC,IAAAC,8BAAA,GAA1C;EACA,MAAM;IAAEC;EAAF,IAAqB,IAAAC,iBAAA,EAAWC,mCAAA,CAAqBC,QAAhC,CAA3B;;EAEA,MAAMC,mBAAmB,GAAIzC,OAAD,IAAgC;IAC1D8B,SAAS,CAAC;MACRY,UAAU,EAAE,CACV;QACEC,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsB4B,2BAD/B;QAEE9C,OAAO,EAAE,MACP7B,qBAAqB,CAAC+B,OAAD,CAArB,CAA+B6C,KAA/B,CAAqC,MAAMjB,KAAK,CAACkB,IAAN,CAAWvE,OAAO,CAACwE,KAAR,CAAcC,gBAAzB,EAA2C,OAA3C,CAA3C;MAHJ,CADU,EAMV;QACEL,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsBiC,4BAD/B;QAEEC,UAAU,EAAEzE,MAAM,CAAC0E,EAAP,CAAUC,MAAV,CAAiB/F,OAAjB,CAAyBgG,IAAzB,CAA8BC,WAF5C;QAGExD,OAAO,EAAE,MAAMyD,aAAa,CAACvD,OAAD;MAH9B,CANU;IADJ,CAAD,CAAT;EAcD,CAfD;;EAgBA,MAAMuD,aAAa,GAAIvD,OAAD,IAAgC;IACpDgC,KAAK,CAAC;MACJW,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsBwC,mCADzB;MAEJC,OAAO,EAAE,CACP;QACEC,IAAI,EAAEnF,OAAO,CAACyC,aAAR,CAAsB2C;MAD9B,CADO,EAIP;QACED,IAAI,EAAEnF,OAAO,CAACyC,aAAR,CAAsB4C,gCAD9B;QAEEC,KAAK,EAAE,aAFT;QAGE/D,OAAO,EAAE,MAAM5B,eAAe,CAAC8B,OAAD,CAAf,CAAyB6C,KAAzB,CAA+B,MAAMjB,KAAK,CAACkB,IAAN,CAAWvE,OAAO,CAACwE,KAAR,CAAce,gBAAzB,EAA2C,OAA3C,CAArC;MAHjB,CAJO;IAFL,CAAD,CAAL;EAaD,CAdD;;EAgBA,OAAQC,GAAD,IAA0B;IAC/B,IAAI,CAACA,GAAG,CAACC,aAAJ,EAAD,IAAwB,CAACD,GAAG,CAACE,aAAJ,EAA7B,EAAkD;MAChD,OAAO;QAAEnE,OAAO,EAAEoE,SAAX;QAAsBnE,WAAW,EAAEmE;MAAnC,CAAP;IACD;;IAED,MAAMxB,UAAyC,GAAG,EAAlD;IACA,MAAMyB,QAA4D,GAAG;MACnErE,OAAO,EAAEoE,SAD0D;MAEnEnE,WAAW,EAAEmE;IAFsD,CAArE;;IAKA,IAAIH,GAAG,CAACC,aAAJ,EAAJ,EAAyB;MACvBtB,UAAU,CAAC0B,IAAX,CAAgB;QACdC,IAAI,EAAE,MADQ;QAEd1B,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsBsD,mBAFf;QAGdxE,OAAO,EAAE,MAAM;UACboC,gBAAgB,CAACqC,SAAjB,CAA2BR,GAAG,CAAC/D,OAAJ,IAAe,EAA1C;UACA4B,KAAK,CAACkB,IAAN,CAAWvE,OAAO,CAACwE,KAAR,CAAcyB,OAAzB,EAAkC,SAAlC;QACD;MANa,CAAhB;;MASA,IAAI,IAAAC,uBAAA,EAAYV,GAAZ,EAAiBxG,aAAjB,KAAmCwG,GAAG,CAACW,aAAJ,KAAsB,WAA7D,EAA0E;QACxEhC,UAAU,CAAC0B,IAAX,CACE;UACEC,IAAI,EAAE,MADR;UAEE1B,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsB2D,mBAF/B;UAGE7E,OAAO,EAAE,MAAMuC,cAAc,CAAC0B,GAAD;QAH/B,CADF,EAME;UACEM,IAAI,EAAE,QADR;UAEE1B,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsB4D,qBAF/B;UAGE9E,OAAO,EAAE,MAAMyD,aAAa,CAACQ,GAAD;QAH9B,CANF;MAYD;IACF;;IAED,IAAIA,GAAG,CAACE,aAAJ,EAAJ,EAAyB;MACvBvB,UAAU,CAAC0B,IAAX,CAAgB;QACdC,IAAI,EAAE,UADQ;QAEd1B,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsB6D,mBAFf;QAGd/E,OAAO,EAAE,YAAY;UACnB,IAAI,IAAAgF,sBAAA,EAAWf,GAAG,CAACgB,IAAf,IAAuB,CAA3B,EAA8B;YAC5BnD,KAAK,CAACkB,IAAN,CAAWvE,OAAO,CAACwE,KAAR,CAAciC,cAAzB,EAAyC,SAAzC;UACD;;UAED7C,WAAW,CACR8C,IADH,CACQ;YAAEC,OAAO,EAAEnB,GAAG,CAAC7C,GAAf;YAAoBiE,QAAQ,EAAEpB,GAAG,CAACqB,IAAlC;YAAwCC,QAAQ,EAAEtB,GAAG,CAACuB;UAAtD,CADR,EAEGC,IAFH,CAESpB,QAAD,IAAc;YAClBvC,KAAK,CAACkB,IAAN,CAAWvE,OAAO,CAACwE,KAAR,CAAcyC,WAAzB,EAAsC,SAAtC;;YACAC,kBAAA,CAAOC,GAAP,CAAW,eAAX,EAA4BvB,QAA5B;UACD,CALH,EAMGtB,KANH,CAMU8C,GAAD,IAAS;YACd/D,KAAK,CAACkB,IAAN,CAAWvE,OAAO,CAACwE,KAAR,CAAc6C,cAAzB,EAAyC,OAAzC;;YACAH,kBAAA,CAAOC,GAAP,CAAW,mBAAX,EAAgCC,GAAhC;UACD,CATH;QAUD;MAlBa,CAAhB;;MAqBA,IAAI,IAAAlB,uBAAA,EAAYV,GAAZ,EAAiBxG,aAAjB,KAAmCwG,GAAG,CAACW,aAAJ,KAAsB,WAA7D,EAA0E;QACxEhC,UAAU,CAAC0B,IAAX,CAAgB;UACdC,IAAI,EAAE,QADQ;UAEd1B,KAAK,EAAEpE,OAAO,CAACyC,aAAR,CAAsB4D,qBAFf;UAGd9E,OAAO,EAAE,MAAMyD,aAAa,CAACQ,GAAD;QAHd,CAAhB;MAKD;;MAED,MAAMsB,QAAQ,GAAG,IAAAQ,uBAAA,EAAY9B,GAAG,CAACuB,IAAJ,IAAY,IAAAQ,4BAAA,EAAiB/B,GAAG,CAACqB,IAArB,CAAxB,CAAjB;;MACA,QAAQC,QAAR;QACE,KAAK,OAAL;QACA,KAAK,OAAL;QACA,KAAK,OAAL;UAAc;YACZlB,QAAQ,CAACrE,OAAT,GAAmB,MAAM;cACvB,IAAI3B,mBAAmB,IAAIkH,QAAQ,KAAK,OAAxC,EAAiD;gBAC/CI,kBAAA,CAAOM,IAAP,CAAYC,8BAAA,CAAoBhF,aAApB,CAAkCiF,sBAA9C;;gBACA9H,mBAAmB,CAAC4F,GAAD,EAAM,IAAAmC,0CAAA,EAA+BnC,GAA/B,CAAN,CAAnB;cACD;;cACD3F,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAG2F,GAAH,EAAQ,MAAM7F,eAAe,CAAC6F,GAAD,CAA7B,EAAoC,IAAAmC,0CAAA,EAA+BnC,GAA/B,CAApC,CAAnB;YACD,CAND;;YAOA;UACD;;QACD;UAAS;YACPI,QAAQ,CAACrE,OAAT,GAAmB,MAAMqG,oBAAA,CAAQC,OAAR,CAAgBrC,GAAG,CAAC7C,GAApB,EAAyB2B,KAAzB,EAAzB;;YACA;UACD;MAhBH;IAkBD;;IAED,IAAIH,UAAU,CAACtC,MAAX,GAAoB,CAAxB,EAA2B;MACzB+D,QAAQ,CAACpE,WAAT,GAAuB,MAAM+B,SAAS,CAAC;QAAEY;MAAF,CAAD,CAAtC;IACD;;IAED,IAAIqB,GAAG,CAACW,aAAJ,KAAsB,QAA1B,EAAoC;MAClCP,QAAQ,CAACpE,WAAT,GAAuB,MAAM0C,mBAAmB,CAACsB,GAAD,CAAhD;;MACAI,QAAQ,CAACrE,OAAT,GAAmB,MAAM;QACvB7B,qBAAqB,CAAC8F,GAAD,CAArB,CAA2BlB,KAA3B,CAAiC,MAAMjB,KAAK,CAACkB,IAAN,CAAWvE,OAAO,CAACwE,KAAR,CAAcC,gBAAzB,EAA2C,OAA3C,CAAvC;MACD,CAFD;IAGD;;IAED,IAAIe,GAAG,CAACW,aAAJ,KAAsB,SAA1B,EAAqC;MACnCP,QAAQ,CAACpE,WAAT,GAAuBmE,SAAvB;MACAC,QAAQ,CAACrE,OAAT,GAAmBoE,SAAnB;IACD;;IAED,OAAOC,QAAP;EACD,CAzGD;AA0GD,CA5JD;;AA8JA,MAAMrD,MAAM,GAAG,IAAAuF,4CAAA,EAAiB;EAC9BtF,YAAY,EAAE;IACZuF,QAAQ,EAAE,UADE;IAEZC,MAAM,EAAE,GAFI;IAGZC,GAAG,EAAE,CAHO;IAIZ7H,IAAI,EAAE,CAJM;IAKZC,KAAK,EAAE;EALK,CADgB;EAQ9BwC,iBAAiB,EAAE;IACjBqF,aAAa,EAAE;EADE,CARW;EAW9BnF,YAAY,EAAE;IACZgF,QAAQ,EAAE,UADE;IAEZC,MAAM,EAAE,GAFI;IAGZG,MAAM,EAAE,EAHI;IAIZC,SAAS,EAAE;EAJC,CAXgB;EAiB9BhF,YAAY,EAAE;IACZ2E,QAAQ,EAAE,UADE;IAEZC,MAAM,EAAE,GAFI;IAGZG,MAAM,EAAE,EAHI;IAIZ9H,KAAK,EAAE;EAJK;AAjBgB,CAAjB,CAAf;;4BAyBegI,cAAA,CAAMC,IAAN,CAAWvJ,uBAAX,C"}
+{"version":3,"names":["HANDLE_NEXT_MSG_SEPARATELY","Platform","select","default","GroupChannelMessageList","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","item","index","onPress","onLongPress","message","prevMessage","nextMessage","useEffect","length","prev","concat","onLeaveScrollBottom","useCallback","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","GROUP_CHANNEL","LIST_BANNER_FROZEN","url","messageKeyExtractor","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","features","useSendbirdChat","setMessageToEdit","useContext","GroupChannelContexts","Fragment","handleFailedMessage","sheetItems","title","DIALOG_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","DIALOG_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","DIALOG_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL","DIALOG_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","DIALOG_MESSAGE_COPY","setString","COPY_OK","isMyMessage","sendingStatus","DIALOG_MESSAGE_EDIT","DIALOG_MESSAGE_DELETE","DIALOG_MESSAGE_SAVE","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","warn","DEPRECATION_WARNING","ON_PRESS_IMAGE_MESSAGE","getAvailableUriFromFileMessage","Linking","openURL","HeaderComponent","shouldRenderReaction","reactionEnabled","onClose","createStyleSheet","position","zIndex","top","paddingBottom","bottom","alignSelf","React","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Linking, ListRenderItem, Platform, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  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 { 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        listKey={`group-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst 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.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      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 = () => Linking.openURL(msg.url).catch();\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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"}

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

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _useContext = require("../../../hooks/useContext");
+
+var _useKeyboardStatus = _interopRequireDefault(require("../../../hooks/useKeyboardStatus"));
+
+var _useMentionSuggestion = _interopRequireDefault(require("../../../hooks/useMentionSuggestion"));
+
+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; }
+
+const GroupChannelSuggestedMentionList = _ref => {
+  let {
+    text,
+    selection,
+    inputHeight,
+    bottomInset,
+    onPressToMention,
+    mentionedUsers
+  } = _ref;
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.GroupChannelContexts.Fragment);
+  const {
+    mentionManager
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    topInset
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const keyboard = (0, _useKeyboardStatus.default)();
+  const {
+    members,
+    reset,
+    searchStringRange,
+    searchLimited
+  } = (0, _useMentionSuggestion.default)({
+    text,
+    selection,
+    channel,
+    mentionedUsers
+  });
+  const isLandscape = screenWidth > screenHeight;
+  const isShortened = isLandscape && keyboard.visible;
+  const canRenderMembers = members.length > 0;
+  const maxHeight = isShortened ? screenHeight - (topInset + inputHeight + keyboard.height) : styles.suggestion.height;
+
+  const renderLimitGuide = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.searchLimited, {
+        borderTopColor: colors.onBackground04
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'info',
+      size: 20,
+      containerStyle: {
+        marginRight: 4
+      },
+      color: colors.onBackground02
+    }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      body3: true,
+      color: colors.onBackground02
+    }, STRINGS.GROUP_CHANNEL.MENTION_LIMITED(mentionManager.config.mentionLimit)));
+  };
+
+  const renderMembers = () => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, members.map(member => {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+        onPress: () => {
+          onPressToMention(member, searchStringRange);
+          reset();
+        },
+        key: member.userId,
+        style: styles.userContainer
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+        size: 28,
+        uri: member.profileUrl,
+        containerStyle: styles.userAvatar
+      }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.userInfo
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+        body2: true,
+        color: colors.onBackground01,
+        numberOfLines: 1,
+        style: styles.userNickname
+      }, member.nickname || STRINGS.LABELS.USER_NO_NAME), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+        body3: true,
+        color: colors.onBackground03,
+        numberOfLines: 1,
+        style: styles.userId
+      }, member.userId), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, {
+        style: {
+          position: 'absolute',
+          bottom: 0
+        }
+      })));
+    }));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: reset,
+    pointerEvents: canRenderMembers ? 'auto' : 'none',
+    style: [styles.container, {
+      bottom: inputHeight + bottomInset
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    bounces: false,
+    keyboardDismissMode: 'none',
+    keyboardShouldPersistTaps: 'always',
+    style: [styles.scrollView, {
+      maxHeight,
+      backgroundColor: colors.background,
+      bottom: keyboard.bottomSpace
+    }, canRenderMembers && {
+      borderTopWidth: 1,
+      borderTopColor: colors.onBackground04
+    }],
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right
+    }
+  }, (0, _uikitUtils.conditionChaining)([searchLimited, canRenderMembers], [renderLimitGuide(), renderMembers(), null])));
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  suggestion: {
+    height: 196
+  },
+  container: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    left: 0
+  },
+  scrollView: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  },
+  userContainer: {
+    paddingLeft: 16,
+    flexDirection: 'row',
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  userAvatar: {
+    marginRight: 16
+  },
+  userInfo: {
+    flexDirection: 'row',
+    flex: 1
+  },
+  userNickname: {
+    flexShrink: 1,
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    marginRight: 6
+  },
+  userId: {
+    lineHeight: 44,
+    textAlignVertical: 'center',
+    minWidth: 32,
+    flexShrink: 1,
+    marginRight: 16
+  },
+  searchLimited: {
+    borderTopWidth: 1,
+    paddingHorizontal: 16,
+    height: 44,
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+var _default = GroupChannelSuggestedMentionList;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelSuggestedMentionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelSuggestedMentionList","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","borderTopColor","onBackground04","marginRight","onBackground02","GROUP_CHANNEL","MENTION_LIMITED","config","mentionLimit","renderMembers","map","member","userId","userContainer","profileUrl","userAvatar","userInfo","onBackground01","userNickname","nickname","LABELS","USER_NO_NAME","onBackground03","position","bottom","container","scrollView","backgroundColor","background","bottomSpace","borderTopWidth","paddingLeft","paddingRight","conditionChaining","createStyleSheet","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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"}

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

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "GroupChannelStatusLoading", {
     return _GroupChannelStatusLoading.default;
   }
 });
+Object.defineProperty(exports, "GroupChannelSuggestedMentionList", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelSuggestedMentionList.default;
+  }
+});
 Object.defineProperty(exports, "createGroupChannelModule", {
   enumerable: true,
   get: function () {
@@ -58,6 +64,8 @@ var _GroupChannelMessageList = _interopRequireDefault(require("./component/Group
 
 var _GroupChannelInput = _interopRequireDefault(require("./component/GroupChannelInput"));
 
+var _GroupChannelSuggestedMentionList = _interopRequireDefault(require("./component/GroupChannelSuggestedMentionList"));
+
 var _GroupChannelStatusEmpty = _interopRequireDefault(require("./component/GroupChannelStatusEmpty"));
 
 var _GroupChannelStatusLoading = _interopRequireDefault(require("./component/GroupChannelStatusLoading"));

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelHeader } from './component/GroupChannelHeader';\nexport { default as GroupChannelMessageList } from './component/GroupChannelMessageList';\nexport { default as GroupChannelInput } from './component/GroupChannelInput';\nexport { default as GroupChannelSuggestedMentionList } from './component/GroupChannelSuggestedMentionList';\nexport { default as GroupChannelStatusEmpty } from './component/GroupChannelStatusEmpty';\nexport { default as GroupChannelStatusLoading } from './component/GroupChannelStatusLoading';\nexport { default as createGroupChannelModule } from './module/createGroupChannelModule';\nexport { GroupChannelContextsProvider, GroupChannelContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

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

@@ -15,6 +15,8 @@ var _GroupChannelStatusEmpty = _interopRequireDefault(require("../component/Grou
 
 var _GroupChannelStatusLoading = _interopRequireDefault(require("../component/GroupChannelStatusLoading"));
 
+var _GroupChannelSuggestedMentionList = _interopRequireDefault(require("../component/GroupChannelSuggestedMentionList"));
+
 var _moduleContext = require("./moduleContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -24,6 +26,7 @@ const createGroupChannelModule = function () {
     Header = _GroupChannelHeader.default,
     MessageList = _GroupChannelMessageList.default,
     Input = _GroupChannelInput.default,
+    SuggestedMentionList = _GroupChannelSuggestedMentionList.default,
     StatusLoading = _GroupChannelStatusLoading.default,
     StatusEmpty = _GroupChannelStatusEmpty.default,
     Provider = _moduleContext.GroupChannelContextsProvider,
@@ -33,6 +36,7 @@ const createGroupChannelModule = function () {
     Header,
     MessageList,
     Input,
+    SuggestedMentionList,
     StatusEmpty,
     StatusLoading,
     Provider,

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

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelModule","Header","GroupChannelHeader","MessageList","GroupChannelMessageList","Input","GroupChannelInput","StatusLoading","GroupChannelStatusLoading","StatusEmpty","GroupChannelStatusEmpty","Provider","GroupChannelContextsProvider","module"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return { Header, MessageList, Input, StatusEmpty, StatusLoading, Provider, ...module };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,wBAAwB,GAAG,YAQ2B;EAAA,IAR1B;IAChCC,MAAM,GAAGC,2BADuB;IAEhCC,WAAW,GAAGC,gCAFkB;IAGhCC,KAAK,GAAGC,0BAHwB;IAIhCC,aAAa,GAAGC,kCAJgB;IAKhCC,WAAW,GAAGC,gCALkB;IAMhCC,QAAQ,GAAGC,2CANqB;IAOhC,GAAGC;EAP6B,CAQ0B,uEAA3B,EAA2B;EAC1D,OAAO;IAAEZ,MAAF;IAAUE,WAAV;IAAuBE,KAAvB;IAA8BI,WAA9B;IAA2CF,aAA3C;IAA0DI,QAA1D;IAAoE,GAAGE;EAAvE,CAAP;AACD,CAVD;;eAYeb,wB"}
+{"version":3,"names":["createGroupChannelModule","Header","GroupChannelHeader","MessageList","GroupChannelMessageList","Input","GroupChannelInput","SuggestedMentionList","GroupChannelSuggestedMentionList","StatusLoading","GroupChannelStatusLoading","StatusEmpty","GroupChannelStatusEmpty","Provider","GroupChannelContextsProvider","module"],"sources":["createGroupChannelModule.tsx"],"sourcesContent":["import GroupChannelHeader from '../component/GroupChannelHeader';\nimport GroupChannelInput from '../component/GroupChannelInput';\nimport GroupChannelMessageList from '../component/GroupChannelMessageList';\nimport GroupChannelStatusEmpty from '../component/GroupChannelStatusEmpty';\nimport GroupChannelStatusLoading from '../component/GroupChannelStatusLoading';\nimport GroupChannelSuggestedMentionList from '../component/GroupChannelSuggestedMentionList';\nimport type { GroupChannelModule } from '../types';\nimport { GroupChannelContextsProvider } from './moduleContext';\n\nconst createGroupChannelModule = ({\n  Header = GroupChannelHeader,\n  MessageList = GroupChannelMessageList,\n  Input = GroupChannelInput,\n  SuggestedMentionList = GroupChannelSuggestedMentionList,\n  StatusLoading = GroupChannelStatusLoading,\n  StatusEmpty = GroupChannelStatusEmpty,\n  Provider = GroupChannelContextsProvider,\n  ...module\n}: Partial<GroupChannelModule> = {}): GroupChannelModule => {\n  return {\n    Header,\n    MessageList,\n    Input,\n    SuggestedMentionList,\n    StatusEmpty,\n    StatusLoading,\n    Provider,\n    ...module,\n  };\n};\n\nexport default createGroupChannelModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,wBAAwB,GAAG,YAS2B;EAAA,IAT1B;IAChCC,MAAM,GAAGC,2BADuB;IAEhCC,WAAW,GAAGC,gCAFkB;IAGhCC,KAAK,GAAGC,0BAHwB;IAIhCC,oBAAoB,GAAGC,yCAJS;IAKhCC,aAAa,GAAGC,kCALgB;IAMhCC,WAAW,GAAGC,gCANkB;IAOhCC,QAAQ,GAAGC,2CAPqB;IAQhC,GAAGC;EAR6B,CAS0B,uEAA3B,EAA2B;EAC1D,OAAO;IACLd,MADK;IAELE,WAFK;IAGLE,KAHK;IAILE,oBAJK;IAKLI,WALK;IAMLF,aANK;IAOLI,QAPK;IAQL,GAAGE;EARE,CAAP;AAUD,CApBD;;eAsBef,wB"}

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

@@ -25,7 +25,7 @@ const GroupChannelContexts = {
   Fragment: /*#__PURE__*/(0, _react.createContext)({
     headerTitle: '',
     channel: {},
-    setEditMessage: _uikitUtils.NOOP
+    setMessageToEdit: _uikitUtils.NOOP
   }),
   TypingIndicator: /*#__PURE__*/(0, _react.createContext)({
     typingUsers: []
@@ -50,7 +50,7 @@ const GroupChannelContextsProvider = _ref => {
     sdk
   } = (0, _useContext.useSendbirdChat)();
   const [typingUsers, setTypingUsers] = (0, _react.useState)([]);
-  const [editMessage, setEditMessage] = (0, _react.useState)();
+  const [messageToEdit, setMessageToEdit] = (0, _react.useState)();
   (0, _uikitChatHooks.useChannelHandler)(sdk, `GroupChannelContextsProvider_${id}`, {
     onTypingStatusUpdated(eventChannel) {
       if ((0, _uikitUtils.isDifferentChannel)(channel, eventChannel)) return;
@@ -63,8 +63,8 @@ const GroupChannelContextsProvider = _ref => {
     value: {
       headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),
       channel,
-      editMessage,
-      setEditMessage,
+      messageToEdit,
+      setMessageToEdit,
       keyboardAvoidOffset
     }
   }, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.TypingIndicator.Provider, {

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelContexts","Fragment","createContext","headerTitle","channel","setEditMessage","NOOP","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","id","useUniqId","STRINGS","useLocalization","currentUser","sdk","useSendbirdChat","setTypingUsers","useState","editMessage","useChannelHandler","onTypingStatusUpdated","eventChannel","isDifferentChannel","getTypingUsers","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  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setEditMessage: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const id = useUniqId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [editMessage, setEditMessage] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(sdk, `GroupChannelContextsProvider_${id}`, {\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          editMessage,\n          setEditMessage,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAUA;;AACA;;;;;;;;AAGO,MAAMA,oBAA8C,GAAG;EAC5DC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,cAAc,EAAEC;EAHM,CAAd,CADkD;EAM5DC,eAAe,eAAE,IAAAL,oBAAA,EAAc;IAC7BM,WAAW,EAAE;EADgB,CAAd;AAN2C,CAAvD;;;AAWA,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EN,OAF2E;IAG3EO,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACR,OAAL,EAAc,MAAM,IAAIS,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,EAAE,GAAG,IAAAC,qBAAA,EAAU,8BAAV,CAAX;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAAuB,IAAAC,2BAAA,GAA7B;EAEA,MAAM,CAACZ,WAAD,EAAca,cAAd,IAAgC,IAAAC,eAAA,EAAyB,EAAzB,CAAtC;EACA,MAAM,CAACC,WAAD,EAAclB,cAAd,IAAgC,IAAAiB,eAAA,GAAtC;EAEA,IAAAE,iCAAA,EAAkBL,GAAlB,EAAwB,gCAA+BL,EAAG,EAA1D,EAA6D;IAC3DW,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAI,IAAAC,8BAAA,EAAmBvB,OAAnB,EAA4BsB,YAA5B,CAAJ,EAA+C;MAC/C,IAAI,CAACf,qBAAL,EAA4B;MAC5BU,cAAc,CAACK,YAAY,CAACE,cAAb,EAAD,CAAd;IACD;;EAL0D,CAA7D;EAQA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLzB,WAAW,EAAEa,OAAO,CAACa,aAAR,CAAsBC,YAAtB,CAAmC,CAAAZ,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEa,MAAb,KAAuB,EAA1D,EAA8D3B,OAA9D,CADR;MAELA,OAFK;MAGLmB,WAHK;MAILlB,cAJK;MAKLO;IALK;EADT,gBASE,6BAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CAxCM"}
+{"version":3,"names":["GroupChannelContexts","Fragment","createContext","headerTitle","channel","setMessageToEdit","NOOP","TypingIndicator","typingUsers","GroupChannelContextsProvider","children","enableTypingIndicator","keyboardAvoidOffset","Error","id","useUniqId","STRINGS","useLocalization","currentUser","sdk","useSendbirdChat","setTypingUsers","useState","messageToEdit","useChannelHandler","onTypingStatusUpdated","eventChannel","isDifferentChannel","getTypingUsers","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  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    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 id = useUniqId('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, `GroupChannelContextsProvider_${id}`, {\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;;AAEA;;AACA;;AAUA;;AACA;;;;;;;;AAGO,MAAMA,oBAA8C,GAAG;EAC5DC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE,EAFa;IAGtBC,gBAAgB,EAAEC;EAHI,CAAd,CADkD;EAM5DC,eAAe,eAAE,IAAAL,oBAAA,EAAc;IAC7BM,WAAW,EAAE;EADgB,CAAd;AAN2C,CAAvD;;;AAWA,MAAMC,4BAA4D,GAAG,QAKtE;EAAA,IALuE;IAC3EC,QAD2E;IAE3EN,OAF2E;IAG3EO,qBAH2E;IAI3EC,mBAAmB,GAAG;EAJqD,CAKvE;EACJ,IAAI,CAACR,OAAL,EAAc,MAAM,IAAIS,KAAJ,CAAU,oDAAV,CAAN;EAEd,MAAMC,EAAE,GAAG,IAAAC,qBAAA,EAAU,8BAAV,CAAX;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAAuB,IAAAC,2BAAA,GAA7B;EAEA,MAAM,CAACZ,WAAD,EAAca,cAAd,IAAgC,IAAAC,eAAA,EAAyB,EAAzB,CAAtC;EACA,MAAM,CAACC,aAAD,EAAgBlB,gBAAhB,IAAoC,IAAAiB,eAAA,GAA1C;EAEA,IAAAE,iCAAA,EAAkBL,GAAlB,EAAwB,gCAA+BL,EAAG,EAA1D,EAA6D;IAC3DW,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAI,IAAAC,8BAAA,EAAmBvB,OAAnB,EAA4BsB,YAA5B,CAAJ,EAA+C;MAC/C,IAAI,CAACf,qBAAL,EAA4B;MAC5BU,cAAc,CAACK,YAAY,CAACE,cAAb,EAAD,CAAd;IACD;;EAL0D,CAA7D;EAQA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLzB,WAAW,EAAEa,OAAO,CAACa,aAAR,CAAsBC,YAAtB,CAAmC,CAAAZ,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEa,MAAb,KAAuB,EAA1D,EAA8D3B,OAA9D,CADR;MAELA,OAFK;MAGLmB,aAHK;MAILlB,gBAJK;MAKLO;IALK;EADT,gBASE,6BAAC,oBAAD,CAAsB,eAAtB,CAAsC,QAAtC;IAA+C,KAAK,EAAE;MAAEJ;IAAF;EAAtD,GACGE,QADH,CATF,CADF,CADF;AAiBD,CAxCM"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdGroupChannel,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageCreateParams,\n    ) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageCreateParams,\n    ) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    shouldRenderInput: boolean;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (editedText: string, message: SendbirdUserMessage) => Promise<void>;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    editMessage?: SendbirdUserMessage | SendbirdFileMessage;\n    setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type {\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdGroupChannel,\n  SendbirdMember,\n  SendbirdMessage,\n  SendbirdUser,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent, MentionedUser, Range } from '../../types';\n\ntype UserMessageMentionParams = Required<{\n  messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n  userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n  type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport interface GroupChannelProps {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onChannelDeleted: () => void;\n    onPressHeaderLeft: GroupChannelProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelProps['Header']['onPressHeaderRight'];\n\n    onBeforeSendFileMessage?: (\n      params: SendbirdFileMessageCreateParams,\n    ) => SendbirdFileMessageCreateParams | Promise<SendbirdFileMessageCreateParams>;\n    onBeforeSendUserMessage?: (\n      params: SendbirdUserMessageCreateParams,\n    ) => SendbirdUserMessageCreateParams | Promise<SendbirdUserMessageCreateParams>;\n    onPressMediaMessage?: GroupChannelProps['MessageList']['onPressMediaMessage'];\n\n    renderMessage?: GroupChannelProps['MessageList']['renderMessage'];\n    renderNewMessagesButton?: GroupChannelProps['MessageList']['renderNewMessagesButton'];\n    renderScrollToBottomButton?: GroupChannelProps['MessageList']['renderScrollToBottomButton'];\n\n    enableTypingIndicator?: GroupChannelProps['Provider']['enableTypingIndicator'];\n    enableMessageGrouping?: GroupChannelProps['MessageList']['enableMessageGrouping'];\n\n    keyboardAvoidOffset?: GroupChannelProps['Provider']['keyboardAvoidOffset'];\n    flatListProps?: GroupChannelProps['MessageList']['flatListProps'];\n    sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];\n    collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];\n    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  MessageList: {\n    enableMessageGrouping: boolean;\n    currentUserId?: string;\n    channel: SendbirdGroupChannel;\n    messages: SendbirdMessage[];\n    nextMessages: SendbirdMessage[];\n    newMessagesFromMembers: SendbirdMessage[];\n    onTopReached: () => void;\n    onBottomReached: () => void;\n\n    onResendFailedMessage: (failedMessage: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onDeleteMessage: (message: SendbirdUserMessage | SendbirdFileMessage) => Promise<void>;\n    onPressMediaMessage?: (message: SendbirdFileMessage, deleteMessage: () => Promise<void>, uri: string) => void;\n\n    renderMessage: (props: {\n      message: SendbirdMessage;\n      prevMessage?: SendbirdMessage;\n      nextMessage?: SendbirdMessage;\n      onPress?: () => void;\n      onLongPress?: () => void;\n      channel: GroupChannelProps['MessageList']['channel'];\n      currentUserId?: GroupChannelProps['MessageList']['currentUserId'];\n      enableMessageGrouping: GroupChannelProps['MessageList']['enableMessageGrouping'];\n    }) => React.ReactElement | null;\n    renderNewMessagesButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n      newMessages: SendbirdMessage[];\n    }>;\n    renderScrollToBottomButton: null | CommonComponent<{\n      visible: boolean;\n      onPress: () => void;\n    }>;\n    flatListProps?: Omit<FlatListProps<SendbirdMessage>, 'data' | 'renderItem'>;\n\n    /** @deprecated `onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead **/\n    onPressImageMessage?: (message: SendbirdFileMessage, uri: string) => void;\n  };\n  Input: {\n    shouldRenderInput: boolean;\n    onSendFileMessage: (file: FileType) => Promise<void>;\n    onSendUserMessage: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n    onUpdateFileMessage: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n    onUpdateUserMessage: (\n      editedText: string,\n      message: SendbirdUserMessage,\n      mention?: UserMessageMentionParams,\n    ) => Promise<void>;\n    SuggestedMentionList: (props: GroupChannelProps['SuggestedMentionList']) => JSX.Element | null;\n  };\n\n  SuggestedMentionList: {\n    text: string;\n    selection: Range;\n    topInset: number;\n    bottomInset: number;\n    inputHeight: number;\n    onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n    mentionedUsers: MentionedUser[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n    enableTypingIndicator: boolean;\n    keyboardAvoidOffset?: number;\n  };\n}\n\n/**\n * Internal context for GroupChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n    messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n    setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n    keyboardAvoidOffset?: number;\n  }>;\n  TypingIndicator: React.Context<{\n    typingUsers: SendbirdUser[];\n  }>;\n}\nexport interface GroupChannelModule {\n  Provider: CommonComponent<GroupChannelProps['Provider']>;\n  Header: CommonComponent<GroupChannelProps['Header']>;\n  MessageList: CommonComponent<GroupChannelProps['MessageList']>;\n  Input: CommonComponent<GroupChannelProps['Input']>;\n  SuggestedMentionList: CommonComponent<GroupChannelProps['SuggestedMentionList']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelFragment = CommonComponent<GroupChannelProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersList.js

@@ -43,8 +43,9 @@ const GroupChannelBannedUsersList = _ref => {
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,
-    onEndReached: () => onLoadNext(),
-    bounces: false
+    onEndReached: onLoadNext,
+    bounces: false,
+    keyExtractor: _uikitUtils.getUserUniqId
   });
 };
 

package/lib/commonjs/domain/groupChannelBannedUsers/component/GroupChannelBannedUsersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelBannedUsersList","renderUser","bannedUsers","onLoadNext","ListEmptyComponent","renderItem","useFreshCallback","item","user","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow"],"sources":["GroupChannelBannedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelBannedUsersProps } from '../types';\n\nconst GroupChannelBannedUsersList = ({\n  renderUser,\n  bannedUsers,\n  onLoadNext,\n  ListEmptyComponent,\n}: GroupChannelBannedUsersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={bannedUsers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      onEndReached={() => onLoadNext()}\n      bounces={false}\n    />\n  );\n};\n\nexport default GroupChannelBannedUsersList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAIA,MAAMA,2BAA2B,GAAG,QAKQ;EAAA,IALP;IACnCC,UADmC;IAEnCC,WAFmC;IAGnCC,UAHmC;IAInCC;EAJmC,CAKO;EAC1C,MAAMC,UAAkD,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAC1EN,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEO,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAjB,CAA3D;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAET,WADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEO,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH,KAAnC;MAA0CI,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAEV,kBAJtB;IAKE,YAAY,EAAE,MAAMD,UAAU,EALhC;IAME,OAAO,EAAE;EANX,EADF;AAUD,CArBD;;eAuBeH,2B"}
+{"version":3,"names":["GroupChannelBannedUsersList","renderUser","bannedUsers","onLoadNext","ListEmptyComponent","renderItem","useFreshCallback","item","user","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow","getUserUniqId"],"sources":["GroupChannelBannedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { GroupChannelBannedUsersProps } from '../types';\n\nconst GroupChannelBannedUsersList = ({\n  renderUser,\n  bannedUsers,\n  onLoadNext,\n  ListEmptyComponent,\n}: GroupChannelBannedUsersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={bannedUsers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      onEndReached={onLoadNext}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default GroupChannelBannedUsersList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAIA,MAAMA,2BAA2B,GAAG,QAKQ;EAAA,IALP;IACnCC,UADmC;IAEnCC,WAFmC;IAGnCC,UAHmC;IAInCC;EAJmC,CAKO;EAC1C,MAAMC,UAAkD,GAAG,IAAAC,4BAAA,EAAiB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAC1EN,UAD0E,aAC1EA,UAD0E,uBAC1EA,UAAU,CAAG;MAAEO,IAAI,EAAED;IAAR,CAAH,CADgE;EAAA,CAAjB,CAA3D;EAGA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAET,WADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEO,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH,KAAnC;MAA0CI,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAEV,kBAJtB;IAKE,YAAY,EAAED,UALhB;IAME,OAAO,EAAE,KANX;IAOE,YAAY,EAAEY;EAPhB,EADF;AAWD,CAtBD;;eAwBef,2B"}

package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js

@@ -89,7 +89,8 @@ const GroupChannelListList = _ref => {
     contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, {
       paddingLeft: left,
       paddingRight: right
-    }]
+    }],
+    keyExtractor: _uikitUtils.getChannelUniqId
   }));
 };