@sendbird/uikit-react-native 1.0.2 → 1.1.0

package/lib/commonjs/domain/groupChannel/component/GroupChannelInput/SendInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["SendInput","onSendUserMessage","onSendFileMessage","text","setText","disabled","STRINGS","useLocalization","openSheet","useBottomSheet","fileService","usePlatformService","colors","useUIKitTheme","toast","useToast","onPressSend","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","photo","openCamera","mediaType","onOpenFailureWithToastMessage","OPEN_CAMERA_ERROR","DIALOG_ATTACHMENT_PHOTO_LIBRARY","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","file","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","conditionChaining","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_ACTIVE","Boolean","trim","iconSend","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","maxHeight","Platform","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../../hooks/useContext';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  disabled: boolean;\n};\nconst SendInput = ({ onSendUserMessage, onSendFileMessage, text, setText, disabled }: SendInputProps) => {\n  const { STRINGS } = useLocalization();\n  const { openSheet } = useBottomSheet();\n  const { fileService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const toast = useToast();\n\n  const onPressSend = () => {\n    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    setText('');\n  };\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const photo = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error'),\n            });\n\n            if (photo) {\n              onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const photo = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error'),\n            });\n\n            if (photo && photo[0]) {\n              onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const file = await fileService.openDocument({\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (file) {\n              onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        multiline\n        editable={!disabled}\n        value={text}\n        onChangeText={setText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [disabled],\n          [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE],\n        )}\n      />\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
+{"version":3,"names":["SendInput","onSendUserMessage","onSendFileMessage","text","setText","disabled","STRINGS","useLocalization","openSheet","useBottomSheet","fileService","usePlatformService","colors","useUIKitTheme","toast","useToast","onPressSend","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","photo","openCamera","mediaType","onOpenFailureWithToastMessage","OPEN_CAMERA_ERROR","DIALOG_ATTACHMENT_PHOTO_LIBRARY","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","file","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","conditionChaining","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_ACTIVE","Boolean","trim","iconSend","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","maxHeight","Platform","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../../hooks/useContext';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  disabled: boolean;\n};\nconst SendInput = ({ onSendUserMessage, onSendFileMessage, text, setText, disabled }: SendInputProps) => {\n  const { STRINGS } = useLocalization();\n  const { openSheet } = useBottomSheet();\n  const { fileService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const toast = useToast();\n\n  const onPressSend = () => {\n    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    setText('');\n  };\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const photo = await fileService.openCamera({\n              mediaType: 'all',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error'),\n            });\n\n            if (photo) {\n              onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const photo = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error'),\n            });\n\n            if (photo && photo[0]) {\n              onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const file = await fileService.openDocument({\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (file) {\n              onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        multiline\n        editable={!disabled}\n        value={text}\n        onChangeText={setText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [disabled],\n          [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE],\n        )}\n      />\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}

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 _constants = require("../../../constants");
+
 var _useContext = require("../../../hooks/useContext");
 
 var _moduleContext = require("../module/moduleContext");
@@ -48,6 +50,7 @@ const GroupChannelMessageList = _ref => {
     onResendFailedMessage,
     onDeleteMessage,
     onPressImageMessage,
+    onPressMediaMessage,
     flatListProps,
     enableMessageGrouping
   } = _ref;
@@ -67,6 +70,7 @@ const GroupChannelMessageList = _ref => {
   const getMessagePressActions = useGetMessagePressActions({
     onDeleteMessage,
     onPressImageMessage,
+    onPressMediaMessage,
     currentUserId,
     onResendFailedMessage
   });
@@ -154,11 +158,10 @@ const GroupChannelMessageList = _ref => {
   })));
 };
 
-const toMegabyte = byte => byte / 1024 / 1024;
-
 const useGetMessagePressActions = _ref3 => {
   let {
     onPressImageMessage,
+    onPressMediaMessage,
     onDeleteMessage,
     onResendFailedMessage,
     currentUserId
@@ -252,7 +255,7 @@ const useGetMessagePressActions = _ref3 => {
         icon: 'download',
         title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_SAVE,
         onPress: async () => {
-          if (toMegabyte(msg.size) > 4) {
+          if ((0, _uikitUtils.toMegabyte)(msg.size) > 4) {
             toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
           }
 
@@ -282,10 +285,30 @@ const useGetMessagePressActions = _ref3 => {
 
       const fileType = (0, _uikitUtils.getFileType)(msg.type || (0, _uikitUtils.getFileExtension)(msg.name));
 
-      if (fileType === 'image') {
-        response.onPress = () => onPressImageMessage === null || onPressImageMessage === void 0 ? void 0 : onPressImageMessage(msg, (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
-      } else {
-        response.onPress = () => _reactNative.Linking.openURL(msg.url).catch();
+      switch (fileType) {
+        case 'image':
+        case 'video':
+        case 'audio':
+          {
+            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));
+            };
+
+            break;
+          }
+
+        default:
+          {
+            response.onPress = () => _reactNative.Linking.openURL(msg.url).catch();
+
+            break;
+          }
       }
     }
 

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

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

@@ -55,11 +55,10 @@ const GroupChannelContextsProvider = _ref => {
     onTypingStatusUpdated(eventChannel) {
       if ((0, _uikitUtils.isDifferentChannel)(channel, eventChannel)) return;
       if (!enableTypingIndicator) return;
-      const usersWithoutMe = eventChannel.getTypingUsers().filter(u => u.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId));
-      setTypingUsers(usersWithoutMe);
+      setTypingUsers(eventChannel.getTypingUsers());
     }
 
-  }, [channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, enableTypingIndicator]);
+  });
   return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelContexts.Fragment.Provider, {
     value: {
       headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? '', channel),

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","usersWithoutMe","getTypingUsers","filter","u","userId","GROUP_CHANNEL","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport {\n  NOOP,\n  SendbirdFileMessage,\n  SendbirdGroupChannel,\n  SendbirdUser,\n  SendbirdUserMessage,\n  isDifferentChannel,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelContextsType, GroupChannelModule } from '../types';\n\nexport const GroupChannelContexts: GroupChannelContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n    setEditMessage: NOOP,\n  }),\n  TypingIndicator: createContext({\n    typingUsers: [] as SendbirdUser[],\n  }),\n};\n\nexport const GroupChannelContextsProvider: GroupChannelModule['Provider'] = ({\n  children,\n  channel,\n  enableTypingIndicator,\n  keyboardAvoidOffset = 0,\n}) => {\n  if (!channel) throw new Error('GroupChannel is not provided to GroupChannelModule');\n\n  const id = useUniqId('GroupChannelContextsProvider');\n  const { STRINGS } = useLocalization();\n  const { currentUser, sdk } = useSendbirdChat();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n  const [editMessage, setEditMessage] = useState<SendbirdUserMessage | SendbirdFileMessage>();\n\n  useChannelHandler(\n    sdk,\n    `GroupChannelContextsProvider_${id}`,\n    {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        if (!enableTypingIndicator) return;\n\n        const usersWithoutMe = eventChannel.getTypingUsers().filter((u) => u.userId !== currentUser?.userId);\n        setTypingUsers(usersWithoutMe);\n      },\n    },\n    [channel, currentUser?.userId, enableTypingIndicator],\n  );\n\n  return (\n    <ProviderLayout>\n      <GroupChannelContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.GROUP_CHANNEL.HEADER_TITLE(currentUser?.userId ?? '', channel),\n          channel,\n          editMessage,\n          setEditMessage,\n          keyboardAvoidOffset,\n        }}\n      >\n        <GroupChannelContexts.TypingIndicator.Provider value={{ typingUsers }}>\n          {children}\n        </GroupChannelContexts.TypingIndicator.Provider>\n      </GroupChannelContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;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,EACEL,GADF,EAEG,gCAA+BL,EAAG,EAFrC,EAGE;IACEW,qBAAqB,CAACC,YAAD,EAAe;MAClC,IAAI,IAAAC,8BAAA,EAAmBvB,OAAnB,EAA4BsB,YAA5B,CAAJ,EAA+C;MAC/C,IAAI,CAACf,qBAAL,EAA4B;MAE5B,MAAMiB,cAAc,GAAGF,YAAY,CAACG,cAAb,GAA8BC,MAA9B,CAAsCC,CAAD,IAAOA,CAAC,CAACC,MAAF,MAAad,WAAb,aAAaA,WAAb,uBAAaA,WAAW,CAAEc,MAA1B,CAA5C,CAAvB;MACAX,cAAc,CAACO,cAAD,CAAd;IACD;;EAPH,CAHF,EAYE,CAACxB,OAAD,EAAUc,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEc,MAAvB,EAA+BrB,qBAA/B,CAZF;EAeA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,oBAAD,CAAsB,QAAtB,CAA+B,QAA/B;IACE,KAAK,EAAE;MACLR,WAAW,EAAEa,OAAO,CAACiB,aAAR,CAAsBC,YAAtB,CAAmC,CAAAhB,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEc,MAAb,KAAuB,EAA1D,EAA8D5B,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,CA/CM"}
+{"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"}

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

package/lib/commonjs/domain/groupChannelList/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 { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem, BaseHeaderProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n  /** Props for `GroupChannelListFragment` **/\n  Fragment: {\n    /** Navigate to GroupChannelFragment **/\n    onPressChannel: (channel: SendbirdGroupChannel) => void;\n    /** Navigate to GroupChannelCreateFragment **/\n    onPressCreateChannel: (channelType: GroupChannelType) => void;\n    /** Custom Header for TypeSelector, Only replace header component not a module **/\n    TypeSelectorHeader?: null | CommonComponent<\n      BaseHeaderProps<{ title: string; right: React.ReactElement; onPressRight: () => void }>\n    >;\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview?: (\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    // /** Skip type selection, When this is set to true 'channelType' only receive 'GROUP' type **/\n    // skipTypeSelection?: boolean;\n    /** Custom Query creator for channels query **/\n    queryCreator?: UseGroupChannelListOptions['queryCreator'];\n    /** Sort comparator for sort channels **/\n    sortComparator?: UseGroupChannelListOptions['sortComparator'];\n    /** FlatList props for GroupChannelList.List **/\n    flatListProps?: GroupChannelListProps['List']['flatListProps'];\n    /** Action menu item creator for onLongPress **/\n    menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];\n  };\n  /** Props for `GroupChannelListModule.Header` **/\n  Header: {};\n  /** Props for `GroupChannelListModule.List` **/\n  List: {\n    /** GroupChannels from SendbirdChat SDK **/\n    groupChannels: SendbirdGroupChannel[];\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview: (\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Method to load more data, called with onEndReached of FlatList **/\n    onLoadNext: () => Promise<void>;\n    /** Prop from Fragment **/\n    flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;\n    /** Prop from Fragment **/\n    menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;\n  };\n  /** Props for `GroupChannelListModule.TypeSelector` **/\n  TypeSelector: {\n    /** Prop from Fragment `Fragment.TypeSelectorHeader` **/\n    Header: GroupChannelListProps['Fragment']['TypeSelectorHeader'];\n    /** Prop from Fragment `Fragment.skipTypeSelection` **/\n    skipTypeSelection: boolean;\n    /** Method called when type is selected, call `Fragment.onPressCreateChannel` **/\n    onSelectType: (type: GroupChannelType) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelListContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n  }>;\n  TypeSelector: React.Context<{\n    visible: boolean;\n    show: () => void;\n    hide: () => void;\n    headerTitle: string;\n  }>;\n}\nexport interface GroupChannelListModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<GroupChannelListProps['Header']>;\n  List: CommonComponent<GroupChannelListProps['List']>;\n  TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;\nexport type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem, BaseHeaderProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n  /** Props for `GroupChannelListFragment` **/\n  Fragment: {\n    /** Navigate to GroupChannelFragment **/\n    onPressChannel: (channel: SendbirdGroupChannel) => void;\n    /** Navigate to GroupChannelCreateFragment **/\n    onPressCreateChannel: (channelType: GroupChannelType) => void;\n    /** Custom Header for TypeSelector, Only replace header component not a module **/\n    TypeSelectorHeader?: null | CommonComponent<\n      BaseHeaderProps<{ title: string; right: React.ReactElement; onPressRight: () => void }>\n    >;\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview?: (\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    // /** Skip type selection, When this is set to true 'channelType' only receive 'GROUP' type **/\n    // skipTypeSelection?: boolean;\n    /** Custom Query creator for channels query **/\n    queryCreator?: UseGroupChannelListOptions['queryCreator'];\n    /** Sort comparator for sort channels **/\n    sortComparator?: UseGroupChannelListOptions['sortComparator'];\n    /** FlatList props for GroupChannelList.List **/\n    flatListProps?: GroupChannelListProps['List']['flatListProps'];\n    /** Action menu item creator for onLongPress **/\n    menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];\n  };\n  /** Props for `GroupChannelListModule.Header` **/\n  Header: {};\n  /** Props for `GroupChannelListModule.List` **/\n  List: {\n    /** GroupChannels from SendbirdChat SDK **/\n    groupChannels: SendbirdGroupChannel[];\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview: (\n      // FIXME/BREAKING: Changed to props object\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Method to load more data, called with onEndReached of FlatList **/\n    onLoadNext: () => Promise<void>;\n    /** Prop from Fragment **/\n    flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;\n    /** Prop from Fragment **/\n    menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;\n  };\n  /** Props for `GroupChannelListModule.TypeSelector` **/\n  TypeSelector: {\n    /** Prop from Fragment `Fragment.TypeSelectorHeader` **/\n    Header: GroupChannelListProps['Fragment']['TypeSelectorHeader'];\n    /** Prop from Fragment `Fragment.skipTypeSelection` **/\n    skipTypeSelection: boolean;\n    /** Method called when type is selected, call `Fragment.onPressCreateChannel` **/\n    onSelectType: (type: GroupChannelType) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelListContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n  }>;\n  TypeSelector: React.Context<{\n    visible: boolean;\n    show: () => void;\n    hide: () => void;\n    headerTitle: string;\n  }>;\n}\nexport interface GroupChannelListModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<GroupChannelListProps['Header']>;\n  List: CommonComponent<GroupChannelListProps['List']>;\n  TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;\nexport type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';\n"],"mappings":""}

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

@@ -65,7 +65,7 @@ const GroupChannelSettingsContextsProvider = _ref => {
     onChannelChanged: onChannelChanged,
     onChannelFrozen: onChannelChanged,
     onChannelUnfrozen: onChannelChanged
-  }, [activeChannel]);
+  });
   const toast = (0, _uikitReactNativeFoundation.useToast)();
   const {
     openSheet

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsContexts","Fragment","createContext","channel","headerTitle","headerRight","onPressHeaderRight","NOOP","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","useUniqId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","useSendbirdChat","fileService","usePlatformService","activeChannel","setActiveChannel","useActiveGroupChannel","onChannelChanged","isDifferentChannel","isGroupChannel","useChannelHandler","onChannelFrozen","onChannelUnfrozen","toast","useToast","openSheet","useBottomSheet","openPrompt","usePrompt","openMenu","useActionMenu","updateChannel","useCallback","params","updatedChannel","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","GroupChannelParams","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailureWithToastMessage","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelParams,\n  SendbirdOpenChannel,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdGroupChannel | SendbirdOpenChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(\n    sdk,\n    `${HOOK_NAME}_${uniqId}`,\n    {\n      onChannelChanged: onChannelChanged,\n      onChannelFrozen: onChannelChanged,\n      onChannelUnfrozen: onChannelChanged,\n    },\n    [activeChannel],\n  );\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelParams) => {\n      const updatedChannel = await activeChannel.updateChannel(params);\n      setActiveChannel(updatedChannel);\n      forceUpdate();\n    },\n    [activeChannel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: activeChannel.name,\n      onSubmit: async (channelName) => {\n        const params = new sdk.GroupChannelParams();\n        params.name = channelName;\n        await updateChannel(params);\n      },\n    });\n  }, [STRINGS, updateChannel, activeChannel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error'),\n            });\n            if (!file) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = file;\n            await updateChannel(params);\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error'),\n            });\n            if (!files || !files[0]) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = files[0];\n            await updateChannel(params);\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel: activeChannel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["GroupChannelSettingsContexts","Fragment","createContext","channel","headerTitle","headerRight","onPressHeaderRight","NOOP","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","useUniqId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","useSendbirdChat","fileService","usePlatformService","activeChannel","setActiveChannel","useActiveGroupChannel","onChannelChanged","isDifferentChannel","isGroupChannel","useChannelHandler","onChannelFrozen","onChannelUnfrozen","toast","useToast","openSheet","useBottomSheet","openPrompt","usePrompt","openMenu","useActionMenu","updateChannel","useCallback","params","updatedChannel","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","GroupChannelParams","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailureWithToastMessage","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelParams,\n  SendbirdOpenChannel,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdGroupChannel | SendbirdOpenChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelParams) => {\n      const updatedChannel = await activeChannel.updateChannel(params);\n      setActiveChannel(updatedChannel);\n      forceUpdate();\n    },\n    [activeChannel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: activeChannel.name,\n      onSubmit: async (channelName) => {\n        const params = new sdk.GroupChannelParams();\n        params.name = channelName;\n        await updateChannel(params);\n      },\n    });\n  }, [STRINGS, updateChannel, activeChannel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error'),\n            });\n            if (!file) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = file;\n            await updateChannel(params);\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error'),\n            });\n            if (!files || !files[0]) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = files[0];\n            await updateChannel(params);\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel: activeChannel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAUA;;AACA;;;;;;;;AAGO,MAAMA,4BAA8D,GAAG;EAC5EC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,OAAO,EAAE,EADa;IAEtBC,WAAW,EAAE,EAFS;IAGtBC,WAAW,EAAE,EAHS;IAItBC,kBAAkB,EAAEC;EAJE,CAAd;AADkE,CAAvE;;AASP,MAAMC,SAAS,GAAG,sCAAlB;;AACO,MAAMC,oCAA4E,GAAG,QAA2B;EAAA,IAA1B;IAAEC,QAAF;IAAYP;EAAZ,CAA0B;EACrH,MAAMQ,MAAM,GAAG,IAAAC,qBAAA,EAAUJ,SAAV,CAAf;EACA,MAAMK,WAAW,GAAG,IAAAC,0BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAU,IAAAC,2BAAA,GAAhB;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,8BAAA,GAAxB;EAEA,MAAM;IAAEC,aAAF;IAAiBC;EAAjB,IAAsC,IAAAC,qCAAA,EAAsBN,GAAtB,EAA2Bd,OAA3B,CAA5C;;EAEA,MAAMqB,gBAAgB,GAAIrB,OAAD,IAAyD;IAChF,IAAI,IAAAsB,8BAAA,EAAmBtB,OAAnB,EAA4BkB,aAA5B,KAA8C,CAAClB,OAAO,CAACuB,cAAR,EAAnD,EAA6E;IAC7EJ,gBAAgB,CAACnB,OAAD,CAAhB;IACAU,WAAW;EACZ,CAJD;;EAMA,IAAAc,iCAAA,EAAkBV,GAAlB,EAAwB,GAAET,SAAU,IAAGG,MAAO,EAA9C,EAAiD;IAC/Ca,gBAAgB,EAAEA,gBAD6B;IAE/CI,eAAe,EAAEJ,gBAF8B;IAG/CK,iBAAiB,EAAEL;EAH4B,CAAjD;EAMA,MAAMM,KAAK,GAAG,IAAAC,oCAAA,GAAd;EACA,MAAM;IAAEC;EAAF,IAAgB,IAAAC,0CAAA,GAAtB;EACA,MAAM;IAAEC;EAAF,IAAiB,IAAAC,qCAAA,GAAvB;EACA,MAAM;IAAEC;EAAF,IAAe,IAAAC,yCAAA,GAArB;EAEA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpB,MAAOC,MAAP,IAA8C;IAC5C,MAAMC,cAAc,GAAG,MAAMpB,aAAa,CAACiB,aAAd,CAA4BE,MAA5B,CAA7B;IACAlB,gBAAgB,CAACmB,cAAD,CAAhB;IACA5B,WAAW;EACZ,CALmB,EAMpB,CAACQ,aAAD,CANoB,CAAtB;EASA,MAAMqB,iBAAiB,GAAG,IAAAH,kBAAA,EAAY,MAAM;IAC1CL,UAAU,CAAC;MACTS,KAAK,EAAE5B,OAAO,CAAC6B,sBAAR,CAA+BC,+BAD7B;MAETC,WAAW,EAAE/B,OAAO,CAAC6B,sBAAR,CAA+BG,4BAFnC;MAGTC,WAAW,EAAEjC,OAAO,CAAC6B,sBAAR,CAA+BK,qCAHnC;MAITC,YAAY,EAAE7B,aAAa,CAAC8B,IAJnB;MAKTC,QAAQ,EAAE,MAAOC,WAAP,IAAuB;QAC/B,MAAMb,MAAM,GAAG,IAAIvB,GAAG,CAACqC,kBAAR,EAAf;QACAd,MAAM,CAACW,IAAP,GAAcE,WAAd;QACA,MAAMf,aAAa,CAACE,MAAD,CAAnB;MACD;IATQ,CAAD,CAAV;EAWD,CAZyB,EAYvB,CAACzB,OAAD,EAAUuB,aAAV,EAAyBjB,aAAa,CAAC8B,IAAvC,CAZuB,CAA1B;EAcA,MAAMI,kBAAkB,GAAG,IAAAhB,kBAAA,EAAY,MAAM;IAC3CH,QAAQ,CAAC;MACPO,KAAK,EAAE5B,OAAO,CAAC6B,sBAAR,CAA+BY,8BAD/B;MAEPC,SAAS,EAAE,CACT;QACEd,KAAK,EAAE5B,OAAO,CAAC6B,sBAAR,CAA+Bc,+BADxC;QAEEC,OAAO,EAAE,YAAY;UACnB,MAAMC,IAAI,GAAG,MAAMzC,WAAW,CAAC0C,UAAZ,CAAuB;YACxCC,SAAS,EAAE,OAD6B;YAExCC,6BAA6B,EAAE,MAAMjC,KAAK,CAACkC,IAAN,CAAWjD,OAAO,CAACkD,KAAR,CAAcC,iBAAzB,EAA4C,OAA5C;UAFG,CAAvB,CAAnB;UAIA,IAAI,CAACN,IAAL,EAAW;UAEX,MAAMpB,MAAM,GAAG,IAAIvB,GAAG,CAACqC,kBAAR,EAAf;UACAd,MAAM,CAAC2B,UAAP,GAAoBP,IAApB;UACA,MAAMtB,aAAa,CAACE,MAAD,CAAnB;QACD;MAZH,CADS,EAeT;QACEG,KAAK,EAAE5B,OAAO,CAAC6B,sBAAR,CAA+BwB,sCADxC;QAEET,OAAO,EAAE,YAAY;UACnB,MAAMU,KAAK,GAAG,MAAMlD,WAAW,CAACmD,gBAAZ,CAA6B;YAC/CC,cAAc,EAAE,CAD+B;YAE/CT,SAAS,EAAE,OAFoC;YAG/CC,6BAA6B,EAAE,MAAMjC,KAAK,CAACkC,IAAN,CAAWjD,OAAO,CAACkD,KAAR,CAAcO,wBAAzB,EAAmD,OAAnD;UAHU,CAA7B,CAApB;UAKA,IAAI,CAACH,KAAD,IAAU,CAACA,KAAK,CAAC,CAAD,CAApB,EAAyB;UAEzB,MAAM7B,MAAM,GAAG,IAAIvB,GAAG,CAACqC,kBAAR,EAAf;UACAd,MAAM,CAAC2B,UAAP,GAAoBE,KAAK,CAAC,CAAD,CAAzB;UACA,MAAM/B,aAAa,CAACE,MAAD,CAAnB;QACD;MAbH,CAfS;IAFJ,CAAD,CAAR;EAkCD,CAnC0B,EAmCxB,CAACzB,OAAD,EAAUuB,aAAV,CAnCwB,CAA3B;EAqCA,MAAMhC,kBAAkB,GAAG,IAAAiC,kBAAA,EAAY,MAAM;IAC3CP,SAAS,CAAC;MACRyC,UAAU,EAAE,CACV;QAAE9B,KAAK,EAAE5B,OAAO,CAAC6B,sBAAR,CAA+B8B,kBAAxC;QAA4Df,OAAO,EAAEjB;MAArE,CADU,EAEV;QAAEC,KAAK,EAAE5B,OAAO,CAAC6B,sBAAR,CAA+B+B,mBAAxC;QAA6DhB,OAAO,EAAEJ;MAAtE,CAFU;IADJ,CAAD,CAAT;EAMD,CAP0B,EAOxB,CAACxC,OAAD,EAAUwC,kBAAV,EAA8Bb,iBAA9B,CAPwB,CAA3B;EASA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,4BAAD,CAA8B,QAA9B,CAAuC,QAAvC;IACE,KAAK,EAAE;MACLvC,OAAO,EAAEkB,aADJ;MAELjB,WAAW,EAAEW,OAAO,CAAC6B,sBAAR,CAA+BgC,YAFvC;MAGLvE,WAAW,EAAEU,OAAO,CAAC6B,sBAAR,CAA+BiC,YAHvC;MAILvE;IAJK;EADT,GAQGI,QARH,CADF,CADF;AAcD,CA7GM"}

package/lib/commonjs/fragments/createGroupChannelCreateFragment.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -23,10 +23,6 @@ var _useContext = require("../hooks/useContext");
 
 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 defaultUserIdsGenerator = users => {
   const userIds = users.map(user => {
     // @ts-ignore
@@ -72,7 +68,7 @@ const createGroupChannelCreateFragment = initModule => {
       sortComparator
     });
 
-    const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
+    const _renderUser = (0, _uikitUtils.useFreshCallback)((user, selectedUsers, setSelectedUsers) => {
       if (queryCreator && !renderUser) {
         throw new Error('You should provide "renderUser" when providing "queryCreator"');
       }
@@ -100,7 +96,7 @@ const createGroupChannelCreateFragment = initModule => {
         selected: isSelected,
         disabled: false
       }));
-    }, [renderUser, queryCreator]);
+    });
 
     return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({

package/lib/commonjs/fragments/createGroupChannelCreateFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","refreshing","loading","error","refresh","next","useUserList","_renderUser","useCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","GroupChannelParams","isBroadcast","isSuper","operatorUserIds","addUserIds","name","coverUrl","isDistinct","processedParams","channel","GroupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n        }\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const sbUser = user as unknown as SendbirdUser;\n        const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n        const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n        const isMe = sbUser.userId === currentUser?.userId;\n        if (isMe) return null;\n\n        const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n        const isSelected = userIdx > -1;\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            onPress={() => {\n              sbSetSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(sbUser);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={sbUser.profileUrl}\n              name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n              selected={isSelected}\n              disabled={false}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [renderUser, queryCreator],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params = new sdk.GroupChannelParams();\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n            params.addUserIds(userIdsGenerator(users));\n            params.name = '';\n            params.coverUrl = '';\n            params.isDistinct = false;\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.GroupChannel.createChannel(processedParams);\n            onCreateChannel(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelCreateFragment;\n"],"mappings":"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"}
+{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","refreshing","loading","error","refresh","next","useUserList","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","GroupChannelParams","isBroadcast","isSuper","operatorUserIds","addUserIds","name","coverUrl","isDistinct","processedParams","channel","GroupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdUser, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (queryCreator && !renderUser) {\n        throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n      }\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const sbUser = user as unknown as SendbirdUser;\n      const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n      const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n      const isMe = sbUser.userId === currentUser?.userId;\n      if (isMe) return null;\n\n      const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n      const isSelected = userIdx > -1;\n\n      return (\n        <TouchableOpacity\n          activeOpacity={0.7}\n          onPress={() => {\n            sbSetSelectedUsers(([...draft]) => {\n              if (isSelected) draft.splice(userIdx, 1);\n              else draft.push(sbUser);\n              return draft;\n            });\n          }}\n        >\n          <UserSelectableBar\n            uri={sbUser.profileUrl}\n            name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n            selected={isSelected}\n            disabled={false}\n          />\n        </TouchableOpacity>\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params = new sdk.GroupChannelParams();\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n            params.addUserIds(userIdsGenerator(users));\n            params.name = '';\n            params.coverUrl = '';\n            params.isDistinct = false;\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.GroupChannel.createChannel(processedParams);\n            onCreateChannel(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelCreateFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEA,MAAMA,uBAAuB,GAAQC,KAAL,IAAoB;EAClD,MAAMC,OAAO,GAAGD,KAAK,CAClBE,GADa,CACRC,IAAD,IAAU;IACb;IACA,OAAOA,IAAI,CAACC,MAAZ;EACD,CAJa,EAKbC,MALa,CAKLC,CAAD,IAAoBC,OAAO,CAACD,CAAD,CALrB,CAAhB;;EAOA,IAAIL,OAAO,CAACO,MAAR,KAAmB,CAAvB,EAA0B;IACxBC,kBAAA,CAAOC,IAAP,CACE,+HADF;EAGD;;EAED,OAAOT,OAAP;AACD,CAfD;;AAiBA,MAAMU,gCAAgC,GACpCC,UADuC,IAEE;EACzC,MAAMC,cAAc,GAAG,IAAAC,6BAAA,EAA+BF,UAA/B,CAAvB;EAEA,OAAO,QASD;IAAA,IATE;MACNG,gBAAgB,GAAGhB,uBADb;MAENiB,iBAFM;MAGNC,qBAAqB,GAAGC,gBAHlB;MAINC,eAJM;MAKNC,cALM;MAMNC,YANM;MAONC,WAAW,GAAG,OAPR;MAQNC;IARM,CASF;IACJ,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAE5B,KAAF;MAAS6B,UAAT;MAAqBC,OAArB;MAA8BC,KAA9B;MAAqCC,OAArC;MAA8CC;IAA9C,IAAuD,IAAAC,2BAAA,EAAYV,GAAZ,EAAiB;MAC5EH,YAD4E;MAE5ED;IAF4E,CAAjB,CAA7D;;IAKA,MAAMe,WAA2C,GAAG,IAAAC,4BAAA,EAAiB,CAACjC,IAAD,EAAOkC,aAAP,EAAsBC,gBAAtB,KAA2C;MAC9G,IAAIjB,YAAY,IAAI,CAACE,UAArB,EAAiC;QAC/B,MAAM,IAAIgB,KAAJ,CAAU,+DAAV,CAAN;MACD;;MACD,IAAIhB,UAAJ,EAAgB,OAAOA,UAAU,CAACpB,IAAD,EAAOkC,aAAP,EAAsBC,gBAAtB,CAAjB;MAEhB,MAAME,MAAM,GAAGrC,IAAf;MACA,MAAMsC,eAAe,GAAGJ,aAAxB;MACA,MAAMK,kBAAkB,GAAGJ,gBAA3B;MAEA,MAAMK,IAAI,GAAGH,MAAM,CAACpC,MAAP,MAAkBqB,WAAlB,aAAkBA,WAAlB,uBAAkBA,WAAW,CAAErB,MAA/B,CAAb;MACA,IAAIuC,IAAJ,EAAU,OAAO,IAAP;MAEV,MAAMC,OAAO,GAAGH,eAAe,CAACI,SAAhB,CAA2BvC,CAAD,IAAOA,CAAC,CAACF,MAAF,KAAaoC,MAAM,CAACpC,MAArD,CAAhB;MACA,MAAM0C,UAAU,GAAGF,OAAO,GAAG,CAAC,CAA9B;MAEA,oBACE,6BAAC,6BAAD;QACE,aAAa,EAAE,GADjB;QAEE,OAAO,EAAE,MAAM;UACbF,kBAAkB,CAAC,SAAgB;YAAA,IAAf,CAAC,GAAGK,KAAJ,CAAe;YACjC,IAAID,UAAJ,EAAgBC,KAAK,CAACC,MAAN,CAAaJ,OAAb,EAAsB,CAAtB,EAAhB,KACKG,KAAK,CAACE,IAAN,CAAWT,MAAX;YACL,OAAOO,KAAP;UACD,CAJiB,CAAlB;QAKD;MARH,gBAUE,6BAAC,0BAAD;QACE,GAAG,EAAEP,MAAM,CAACU,UADd;QAEE,IAAI,EAAEV,MAAM,CAACW,QAAP,IAAmBxB,OAAO,CAACyB,MAAR,CAAeC,YAF1C;QAGE,QAAQ,EAAEP,UAHZ;QAIE,QAAQ,EAAE;MAJZ,EAVF,CADF;IAmBD,CAnCmD,CAApD;;IAqCA,oBACE,6BAAC,cAAD,CAAgB,QAAhB;MACE,WAAW,EAAGT,aAAD,IAAmBV,OAAO,CAAC2B,oBAAR,CAA6BC,YAA7B,CAA0C;QAAElB;MAAF,CAA1C,CADlC;MAEE,WAAW,EAAEV,OAAO,CAAC2B,oBAAR,CAA6BE;IAF5C,gBAIE,6BAAC,cAAD,CAAgB,MAAhB;MACE,iBAAiB,EAAExC,iBADrB;MAEE,kBAAkB,EAAE,MAAOhB,KAAP,IAAiB;QACnC,MAAMyD,MAAM,GAAG,IAAIjC,GAAG,CAACkC,kBAAR,EAAf;QAEA,IAAIpC,WAAW,KAAK,WAApB,EAAiCmC,MAAM,CAACE,WAAP,GAAqB,IAArB;QACjC,IAAIrC,WAAW,KAAK,aAApB,EAAmCmC,MAAM,CAACG,OAAP,GAAiB,IAAjB;QACnC,IAAInC,WAAJ,EAAiBgC,MAAM,CAACI,eAAP,GAAyB,CAACpC,WAAW,CAACrB,MAAb,CAAzB;QACjBqD,MAAM,CAACK,UAAP,CAAkB/C,gBAAgB,CAACf,KAAD,CAAlC;QACAyD,MAAM,CAACM,IAAP,GAAc,EAAd;QACAN,MAAM,CAACO,QAAP,GAAkB,EAAlB;QACAP,MAAM,CAACQ,UAAP,GAAoB,KAApB;QAEA,MAAMC,eAAe,GAAG,MAAMjD,qBAAqB,CAACwC,MAAD,EAASzD,KAAT,CAAnD;QACA,MAAMmE,OAAO,GAAG,MAAM3C,GAAG,CAAC4C,YAAJ,CAAiBC,aAAjB,CAA+BH,eAA/B,CAAtB;QACA/C,eAAe,CAACgD,OAAD,CAAf;MACD;IAhBH,EAJF,eAsBE,6BAAC,0BAAD;MACE,OAAO,EAAErC,OADX;MAEE,KAAK,EAAEvB,OAAO,CAACwB,KAAD,CAFhB;MAGE,gBAAgB,eAAE,6BAAC,cAAD,CAAgB,aAAhB,OAHpB;MAIE,cAAc,eAAE,6BAAC,cAAD,CAAgB,WAAhB;QAA4B,YAAY,EAAE,MAAMC,OAAO;MAAvD;IAJlB,gBAME,6BAAC,cAAD,CAAgB,IAAhB;MACE,UAAU,EAAEC,IADd;MAEE,KAAK,EAAEjC,KAFT;MAGE,UAAU,EAAEmC,WAHd;MAIE,SAAS,EAAEH,OAJb;MAKE,UAAU,EAAEH,UALd;MAME,kBAAkB,eAAE,6BAAC,cAAD,CAAgB,WAAhB;IANtB,EANF,CAtBF,CADF;EAwCD,CA9FD;AA+FD,CApGD;;eAsGelB,gC"}

package/lib/commonjs/fragments/createGroupChannelFragment.js

@@ -40,7 +40,8 @@ const createGroupChannelFragment = initModule => {
       enableTypingIndicator = true,
       onPressHeaderLeft = _uikitUtils.NOOP,
       onPressHeaderRight = _uikitUtils.NOOP,
-      onPressImageMessage = _uikitUtils.NOOP,
+      onPressImageMessage,
+      onPressMediaMessage = _uikitUtils.NOOP,
       onChannelDeleted = _uikitUtils.NOOP,
       onBeforeSendFileMessage = _uikitUtils.PASS,
       onBeforeSendUserMessage = _uikitUtils.PASS,
@@ -77,10 +78,10 @@ const createGroupChannelFragment = initModule => {
       enableCollectionWithoutLocalCache: true
     });
 
-    const _renderMessage = (0, _react.useCallback)(props => {
+    const _renderMessage = (0, _uikitUtils.useFreshCallback)(props => {
       if (renderMessage) return renderMessage(props);
       return /*#__PURE__*/_react.default.createElement(_MessageRenderer.default, props);
-    }, [renderMessage]);
+    });
 
     const memoizedFlatListProps = (0, _react.useMemo)(() => ({
       ListEmptyComponent: /*#__PURE__*/_react.default.createElement(GroupChannelModule.StatusEmpty, null),
@@ -89,30 +90,30 @@ const createGroupChannelFragment = initModule => {
       },
       ...flatListProps
     }), [loading, flatListProps]);
-    const onSendFileMessage = (0, _react.useCallback)(async file => {
+    const onSendFileMessage = (0, _uikitUtils.useFreshCallback)(async file => {
       const params = new sdk.FileMessageParams();
       params.file = file;
       const processedParams = await onBeforeSendFileMessage(params);
       await sendFileMessage(processedParams);
-    }, [sdk, sendFileMessage, onBeforeSendFileMessage]);
-    const onSendUserMessage = (0, _react.useCallback)(async text => {
+    });
+    const onSendUserMessage = (0, _uikitUtils.useFreshCallback)(async text => {
       const params = new sdk.UserMessageParams();
       params.message = text;
       const processedParams = await onBeforeSendUserMessage(params);
       await sendUserMessage(processedParams);
-    }, [sdk, sendUserMessage, onBeforeSendUserMessage]);
-    const onUpdateFileMessage = (0, _react.useCallback)(async (editedFile, message) => {
+    });
+    const onUpdateFileMessage = (0, _uikitUtils.useFreshCallback)(async (editedFile, message) => {
       const params = new sdk.FileMessageParams();
       params.file = editedFile;
       const processedParams = await onBeforeSendFileMessage(params);
       await updateFileMessage(message.messageId, processedParams);
-    }, [sdk, updateFileMessage, onBeforeSendFileMessage]);
-    const onUpdateUserMessage = (0, _react.useCallback)(async (editedText, message) => {
+    });
+    const onUpdateUserMessage = (0, _uikitUtils.useFreshCallback)(async (editedText, message) => {
       const params = new sdk.UserMessageParams();
       params.message = editedText;
       const processedParams = await onBeforeSendUserMessage(params);
       await updateUserMessage(message.messageId, processedParams);
-    }, [sdk, updateUserMessage, onBeforeSendUserMessage]);
+    });
     return /*#__PURE__*/_react.default.createElement(GroupChannelModule.Provider, {
       channel: activeChannel,
       enableTypingIndicator: enableTypingIndicator,
@@ -138,6 +139,7 @@ const createGroupChannelFragment = initModule => {
       onResendFailedMessage: resendMessage,
       onDeleteMessage: deleteMessage,
       onPressImageMessage: onPressImageMessage,
+      onPressMediaMessage: onPressMediaMessage,
       flatListProps: memoizedFlatListProps
     }), /*#__PURE__*/_react.default.createElement(GroupChannelModule.Input, {
       channel: activeChannel,