npm - @sendbird/uikit-react-native - Versions diffs - 2.4.0 → 2.4.2 - Mend

@sendbird/uikit-react-native 2.4.0 → 2.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (917) hide show

package/lib/module/components/ChannelInput/SendInput.js CHANGED Viewed

@@ -42,12 +42,10 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
     alert
   } = useAlert();
   const toast = useToast();
   const sendUserMessage = () => {
     const mentionType = MentionType.USERS;
     const mentionedUserIds = mentionedUsers.map(it => it.user.userId);
     const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);
     if (onPressSendUserMessage) {
       onPressSendUserMessage({
         message: text,
@@ -62,10 +60,8 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
         messageTemplate: mentionedMessageTemplate
       }).catch(onFailureToSend);
     }
     onChangeText('');
   };
   const sendFileMessage = file => {
     if (onPressSendFileMessage) {
       onPressSendFileMessage({
@@ -75,9 +71,7 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
       onSendFileMessage(file).catch(onFailureToSend);
     }
   };
   const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');
   const onPressAttachment = () => {
     openSheet({
       sheetItems: [{
@@ -101,10 +95,9 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
               }
             }
           });
           if (mediaFile) {
             // Image compression
-            if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.uri, features.imageCompressionEnabled)) {
+            if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.type, features.imageCompressionEnabled)) {
               await SBUUtils.safeRun(async () => {
                 const compressed = await mediaService.compressImage({
                   uri: mediaFile.uri,
@@ -112,14 +105,12 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
                   maxHeight: imageCompressionConfig.height,
                   compressionRate: imageCompressionConfig.compressionRate
                 });
                 if (compressed) {
                   mediaFile.uri = compressed.uri;
                   mediaFile.size = compressed.size;
                 }
               });
             }
             sendFileMessage(mediaFile);
           }
         }
@@ -145,11 +136,11 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
               }
             }
           });
           if (mediaFiles && mediaFiles[0]) {
-            const mediaFile = mediaFiles[0]; // Image compression
+            const mediaFile = mediaFiles[0];
-            if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.uri, features.imageCompressionEnabled)) {
+            // Image compression
+            if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.type, features.imageCompressionEnabled)) {
               await SBUUtils.safeRun(async () => {
                 const compressed = await mediaService.compressImage({
                   uri: mediaFile.uri,
@@ -157,14 +148,12 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
                   maxHeight: imageCompressionConfig.height,
                   compressionRate: imageCompressionConfig.compressionRate
                 });
                 if (compressed) {
                   mediaFile.uri = compressed.uri;
                   mediaFile.size = compressed.size;
                 }
               });
             }
             sendFileMessage(mediaFile);
           }
         }
@@ -175,10 +164,9 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
           const documentFile = await fileService.openDocument({
             onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error')
           });
           if (documentFile) {
             // Image compression
-            if (isImage(documentFile.uri, documentFile.type) && shouldCompressImage(documentFile.uri, features.imageCompressionEnabled)) {
+            if (isImage(documentFile.uri, documentFile.type) && shouldCompressImage(documentFile.type, features.imageCompressionEnabled)) {
               await SBUUtils.safeRun(async () => {
                 const compressed = await mediaService.compressImage({
                   uri: documentFile.uri,
@@ -186,28 +174,24 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
                   maxHeight: imageCompressionConfig.height,
                   compressionRate: imageCompressionConfig.compressionRate
                 });
                 if (compressed) {
                   documentFile.uri = compressed.uri;
                   documentFile.size = compressed.size;
                 }
               });
             }
             sendFileMessage(documentFile);
           }
         }
       }]
     });
   };
   const getPlaceholder = () => {
     if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
     if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
     if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;
     return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
   };
   return /*#__PURE__*/React.createElement(View, {
     style: styles.sendInputContainer
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {

package/lib/module/components/ChannelInput/SendInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","isImage","shouldCompressImage","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","ref","onPressSendUserMessage","onPressSendFileMessage","onSendUserMessage","onSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","mentionManager","imageCompressionConfig","features","STRINGS","fileService","mediaService","colors","openSheet","alert","toast","sendUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","message","catch","onFailureToSend","type","userIds","messageTemplate","sendFileMessage","file","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","LABELS","CHANNEL_INPUT_ATTACHMENT_CAMERA","icon","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","uri","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","size","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","getPlaceholder","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_MUTED","styles","sendInputContainer","ui","input","default","disabled","highlight","active","iconAttach","textToMentionedComponents","Boolean","trim","iconSend","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n NativeSyntheticEvent,\n Platform,\n TextInput as RNTextInput,\n TextInputSelectionChangeEventData,\n TouchableOpacity,\n View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport {\n Icon,\n TextInput,\n createStyleSheet,\n useAlert,\n useBottomSheet,\n useToast,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { isImage, shouldCompressImage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUError from '../../libs/SBUError';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface SendInputProps extends ChannelInputProps {\n text: string;\n onChangeText: (val: string) => void;\n onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n mentionedUsers: MentionedUser[];\n}\n\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n {\n onPressSendUserMessage,\n onPressSendFileMessage,\n onSendUserMessage,\n onSendFileMessage,\n text,\n onChangeText,\n onSelectionChange,\n mentionedUsers,\n inputDisabled,\n inputFrozen,\n inputMuted,\n },\n ref,\n) {\n const { mentionManager, imageCompressionConfig, features } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { fileService, mediaService } = usePlatformService();\n const { colors } = useUIKitTheme();\n const { openSheet } = useBottomSheet();\n const { alert } = useAlert();\n const toast = useToast();\n\n const sendUserMessage = () => {\n const mentionType = MentionType.USERS;\n const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);\n\n if (onPressSendUserMessage) {\n onPressSendUserMessage({\n message: text,\n mentionType,\n mentionedUserIds,\n mentionedMessageTemplate,\n }).catch(onFailureToSend);\n } else if (onSendUserMessage) {\n onSendUserMessage(text, {\n type: mentionType,\n userIds: mentionedUserIds,\n messageTemplate: mentionedMessageTemplate,\n }).catch(onFailureToSend);\n }\n\n onChangeText('');\n };\n\n const sendFileMessage = (file: FileType) => {\n if (onPressSendFileMessage) {\n onPressSendFileMessage({ file }).catch(onFailureToSend);\n } else if (onSendFileMessage) {\n onSendFileMessage(file).catch(onFailureToSend);\n }\n };\n\n const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n\n const onPressAttachment = () => {\n openSheet({\n sheetItems: [\n {\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA,\n icon: 'camera',\n onPress: async () => {\n const mediaFile = await fileService.openCamera({\n mediaType: 'all',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_CAMERA,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n }\n },\n });\n\n if (mediaFile) {\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.uri, features.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n },\n {\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,\n icon: 'photo',\n onPress: async () => {\n const mediaFiles = await fileService.openMediaLibrary({\n selectionLimit: 1,\n mediaType: 'all',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n }\n },\n });\n\n if (mediaFiles && mediaFiles[0]) {\n const mediaFile = mediaFiles[0];\n\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.uri, features.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n },\n {\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,\n icon: 'document',\n onPress: async () => {\n const documentFile = await fileService.openDocument({\n onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n });\n\n if (documentFile) {\n // Image compression\n if (\n isImage(documentFile.uri, documentFile.type) &&\n shouldCompressImage(documentFile.uri, features.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: documentFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n documentFile.uri = compressed.uri;\n documentFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(documentFile);\n }\n },\n },\n ],\n });\n };\n\n const getPlaceholder = () => {\n if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;\n\n return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n };\n\n return (\n <View style={styles.sendInputContainer}>\n <TouchableOpacity onPress={onPressAttachment} disabled={inputDisabled}>\n <Icon\n color={inputDisabled ? 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 ref={ref}\n multiline\n disableFullscreenUI\n onSelectionChange={onSelectionChange}\n editable={!inputDisabled}\n onChangeText={onChangeText}\n style={styles.input}\n placeholder={getPlaceholder()}\n >\n {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n </TextInput>\n\n {Boolean(text.trim()) && (\n <TouchableOpacity onPress={sendUserMessage} disabled={inputDisabled}>\n <Icon\n color={\n inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight\n }\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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"}
1	+ {"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","isImage","shouldCompressImage","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","_ref","ref","onPressSendUserMessage","onPressSendFileMessage","onSendUserMessage","onSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","mentionManager","imageCompressionConfig","features","STRINGS","fileService","mediaService","colors","openSheet","alert","toast","sendUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","message","catch","onFailureToSend","type","userIds","messageTemplate","sendFileMessage","file","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","LABELS","CHANNEL_INPUT_ATTACHMENT_CAMERA","icon","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","uri","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","size","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","getPlaceholder","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_MUTED","createElement","style","styles","sendInputContainer","disabled","color","ui","input","default","highlight","active","containerStyle","iconAttach","multiline","disableFullscreenUI","editable","placeholder","textToMentionedComponents","Boolean","trim","iconSend","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n NativeSyntheticEvent,\n Platform,\n TextInput as RNTextInput,\n TextInputSelectionChangeEventData,\n TouchableOpacity,\n View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport {\n Icon,\n TextInput,\n createStyleSheet,\n useAlert,\n useBottomSheet,\n useToast,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { isImage, shouldCompressImage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUError from '../../libs/SBUError';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface SendInputProps extends ChannelInputProps {\n text: string;\n onChangeText: (val: string) => void;\n onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n mentionedUsers: MentionedUser[];\n}\n\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n {\n onPressSendUserMessage,\n onPressSendFileMessage,\n onSendUserMessage,\n onSendFileMessage,\n text,\n onChangeText,\n onSelectionChange,\n mentionedUsers,\n inputDisabled,\n inputFrozen,\n inputMuted,\n },\n ref,\n) {\n const { mentionManager, imageCompressionConfig, features } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { fileService, mediaService } = usePlatformService();\n const { colors } = useUIKitTheme();\n const { openSheet } = useBottomSheet();\n const { alert } = useAlert();\n const toast = useToast();\n\n const sendUserMessage = () => {\n const mentionType = MentionType.USERS;\n const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);\n\n if (onPressSendUserMessage) {\n onPressSendUserMessage({\n message: text,\n mentionType,\n mentionedUserIds,\n mentionedMessageTemplate,\n }).catch(onFailureToSend);\n } else if (onSendUserMessage) {\n onSendUserMessage(text, {\n type: mentionType,\n userIds: mentionedUserIds,\n messageTemplate: mentionedMessageTemplate,\n }).catch(onFailureToSend);\n }\n\n onChangeText('');\n };\n\n const sendFileMessage = (file: FileType) => {\n if (onPressSendFileMessage) {\n onPressSendFileMessage({ file }).catch(onFailureToSend);\n } else if (onSendFileMessage) {\n onSendFileMessage(file).catch(onFailureToSend);\n }\n };\n\n const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n\n const onPressAttachment = () => {\n openSheet({\n sheetItems: [\n {\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA,\n icon: 'camera',\n onPress: async () => {\n const mediaFile = await fileService.openCamera({\n mediaType: 'all',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_CAMERA,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n }\n },\n });\n\n if (mediaFile) {\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.type, features.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n },\n {\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,\n icon: 'photo',\n onPress: async () => {\n const mediaFiles = await fileService.openMediaLibrary({\n selectionLimit: 1,\n mediaType: 'all',\n onOpenFailure: (error) => {\n if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n alert({\n title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n STRINGS.LABELS.PERMISSION_APP_NAME,\n ),\n buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n });\n } else {\n toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n }\n },\n });\n\n if (mediaFiles && mediaFiles[0]) {\n const mediaFile = mediaFiles[0];\n\n // Image compression\n if (\n isImage(mediaFile.uri, mediaFile.type) &&\n shouldCompressImage(mediaFile.type, features.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: mediaFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n mediaFile.uri = compressed.uri;\n mediaFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(mediaFile);\n }\n },\n },\n {\n title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,\n icon: 'document',\n onPress: async () => {\n const documentFile = await fileService.openDocument({\n onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n });\n\n if (documentFile) {\n // Image compression\n if (\n isImage(documentFile.uri, documentFile.type) &&\n shouldCompressImage(documentFile.type, features.imageCompressionEnabled)\n ) {\n await SBUUtils.safeRun(async () => {\n const compressed = await mediaService.compressImage({\n uri: documentFile.uri,\n maxWidth: imageCompressionConfig.width,\n maxHeight: imageCompressionConfig.height,\n compressionRate: imageCompressionConfig.compressionRate,\n });\n\n if (compressed) {\n documentFile.uri = compressed.uri;\n documentFile.size = compressed.size;\n }\n });\n }\n\n sendFileMessage(documentFile);\n }\n },\n },\n ],\n });\n };\n\n const getPlaceholder = () => {\n if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;\n\n return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n };\n\n return (\n <View style={styles.sendInputContainer}>\n <TouchableOpacity onPress={onPressAttachment} disabled={inputDisabled}>\n <Icon\n color={inputDisabled ? 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 ref={ref}\n multiline\n disableFullscreenUI\n onSelectionChange={onSelectionChange}\n editable={!inputDisabled}\n onChangeText={onChangeText}\n style={styles.input}\n placeholder={getPlaceholder()}\n >\n {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n </TextInput>\n\n {Boolean(text.trim()) && (\n <TouchableOpacity onPress={sendUserMessage} disabled={inputDisabled}>\n <Icon\n color={\n inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight\n }\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/module/components/ChannelInput/index.js CHANGED Viewed

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useEffect, useRef, useState } from 'react';
 import { KeyboardAvoidingView, Platform, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -17,13 +16,14 @@ const AUTO_FOCUS = Platform.select({
 const KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({
   ios: 'padding',
   default: undefined
-}); // FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)
+});
+// FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)
 //  To workaround temporarily, change the key for re-mount the component.
 //  -> This will affect to keyboard blur when add/remove first mentioned user.
+const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input';
-const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input'; // TODO: Refactor 'Edit' mode to clearly
+// TODO: Refactor 'Edit' mode to clearly
 const ChannelInput = props => {
   const {
     channel,
@@ -65,7 +65,6 @@ const ChannelInput = props => {
   useTypingTrigger(text, channel);
   useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);
   useAutoFocusOnEditMode(textInputRef, messageToEdit);
   const onPressToMention = (user, searchStringRange) => {
     const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);
     const range = {
@@ -77,13 +76,11 @@ const ChannelInput = props => {
       range
     });
   };
   if (!props.shouldRenderInput) {
     return /*#__PURE__*/React.createElement(SafeAreaBottom, {
       height: bottom
     });
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
     keyboardVerticalOffset: -bottom + keyboardAvoidOffset,
     behavior: KEYBOARD_AVOID_VIEW_BEHAVIOR
@@ -125,7 +122,6 @@ const ChannelInput = props => {
     mentionedUsers: mentionedUsers
   }));
 };
 const useTypingTrigger = (text, channel) => {
   if (channel.isGroupChannel()) {
     useEffect(() => {
@@ -133,7 +129,6 @@ const useTypingTrigger = (text, channel) => {
     }, [text]);
   }
 };
 const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
   const textTmpRef = useRef('');
   useEffect(() => {
@@ -145,19 +140,16 @@ const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
     }
   }, [chatDisabled]);
 };
 const useAutoFocusOnEditMode = (textInputRef, messageToEdit) => {
   useEffect(() => {
     if (messageToEdit !== null && messageToEdit !== void 0 && messageToEdit.isUserMessage()) {
       if (!AUTO_FOCUS) setTimeout(() => {
         var _textInputRef$current;
         return (_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 ? void 0 : _textInputRef$current.focus();
       }, 500);
     }
   }, [messageToEdit]);
 };
 const SafeAreaBottom = _ref => {
   let {
     height
@@ -168,7 +160,6 @@ const SafeAreaBottom = _ref => {
     }
   });
 };
 const styles = createStyleSheet({
   inputContainer: {
     justifyContent: 'center',

package/lib/module/components/ChannelInput/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","replace","useIIFE","useSendbirdChat","useMentionTextInput","EditInput","SendInput","AUTO_FOCUS","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","colors","features","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","userMentionEnabled","isGroupChannel","isBroadcast","inputKeyToRemount","length","inputHeight","setInputHeight","styles","inputDefault","height","useTypingTrigger","useTextPersistenceOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","shouldRenderInput","paddingLeft","paddingRight","backgroundColor","background","e","nativeEvent","layout","inputContainer","SuggestedMentionList","endTyping","startTyping","setText","chatDisabled","textTmpRef","current","isUserMessage","setTimeout","focus","SafeAreaBottom","justifyContent","width","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, TextInput, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdBaseChannel,\n SendbirdBaseMessage,\n SendbirdFileMessage,\n SendbirdFileMessageCreateParams,\n SendbirdFileMessageUpdateParams,\n SendbirdMember,\n SendbirdUserMessage,\n SendbirdUserMessageCreateParams,\n SendbirdUserMessageUpdateParams,\n replace,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser, Range } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\ntype UserMessageMentionParams = Required<{\n messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport type SuggestedMentionListProps = {\n text: string;\n selection: Range;\n topInset: number;\n bottomInset: number;\n inputHeight: number;\n onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n mentionedUsers: MentionedUser[];\n};\n\nexport type ChannelInputProps = {\n // default\n channel: SendbirdBaseChannel;\n shouldRenderInput: boolean;\n keyboardAvoidOffset: number;\n\n // default actions\n onPressSendUserMessage: (params: SendbirdUserMessageCreateParams) => Promise<void>;\n onPressSendFileMessage: (params: SendbirdFileMessageCreateParams) => Promise<void>;\n onPressUpdateUserMessage: (message: SendbirdUserMessage, params: SendbirdUserMessageUpdateParams) => Promise<void>;\n onPressUpdateFileMessage: (message: SendbirdFileMessage, params: SendbirdFileMessageUpdateParams) => Promise<void>;\n\n // input status\n inputFrozen: boolean;\n inputMuted: boolean;\n inputDisabled: boolean;\n\n // edit\n messageToEdit: undefined \| SendbirdUserMessage \| SendbirdFileMessage;\n setMessageToEdit: (message?: undefined \| SendbirdUserMessage \| SendbirdFileMessage) => void;\n\n // mention\n SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element \| null;\n\n / @deprecated Please use `onPressSendUserMessage` /\n onSendFileMessage?: (file: FileType) => Promise<void>;\n / @deprecated Please use `onPressSendFileMessage` /\n onSendUserMessage?: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n / @deprecated Please use `onPressUpdateUserMessage` /\n onUpdateFileMessage?: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n / @deprecated Please use `onPressUpdateFileMessage` /\n onUpdateUserMessage?: (\n editedText: string,\n message: SendbirdUserMessage,\n mention?: UserMessageMentionParams,\n ) => Promise<void>;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\n\n// FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)\n// To workaround temporarily, change the key for re-mount the component.\n// -> This will affect to keyboard blur when add/remove first mentioned user.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n const { top, left, right, bottom } = useSafeAreaInsets();\n const { colors } = useUIKitTheme();\n const { features, mentionManager } = useSendbirdChat();\n\n const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n messageToEdit,\n });\n const inputMode = useIIFE(() => {\n if (!messageToEdit) return 'send';\n if (messageToEdit.isFileMessage()) return 'send';\n return 'edit';\n });\n\n const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;\n const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n useTypingTrigger(text, channel);\n useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);\n useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n const onPressToMention = (user: SendbirdMember, searchStringRange: Range) => {\n const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);\n const range = { start: searchStringRange.start, end: searchStringRange.start + mentionedMessageText.length - 1 };\n\n onChangeText(replace(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), { user, range });\n };\n\n if (!props.shouldRenderInput) {\n return <SafeAreaBottom height={bottom} />;\n }\n\n return (\n <>\n <KeyboardAvoidingView\n keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n >\n <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n <View onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)} style={styles.inputContainer}>\n {inputMode === 'send' && (\n <SendInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n onSelectionChange={onSelectionChange}\n mentionedUsers={mentionedUsers}\n />\n )}\n {inputMode === 'edit' && messageToEdit && (\n <EditInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n autoFocus={AUTO_FOCUS}\n onSelectionChange={onSelectionChange}\n messageToEdit={messageToEdit}\n mentionedUsers={mentionedUsers}\n setMessageToEdit={setMessageToEdit}\n />\n )}\n </View>\n <SafeAreaBottom height={bottom} />\n </View>\n </KeyboardAvoidingView>\n {mentionAvailable && props.SuggestedMentionList && (\n <props.SuggestedMentionList\n text={text}\n selection={selection}\n inputHeight={inputHeight}\n topInset={top}\n bottomInset={bottom}\n onPressToMention={onPressToMention}\n mentionedUsers={mentionedUsers}\n />\n )}\n </>\n );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {\n if (channel.isGroupChannel()) {\n useEffect(() => {\n if (text.length === 0) channel.endTyping();\n else channel.startTyping();\n }, [text]);\n }\n};\n\nconst useTextPersistenceOnDisabled = (text: string, setText: (val: string) => void, chatDisabled: boolean) => {\n const textTmpRef = useRef('');\n\n useEffect(() => {\n if (chatDisabled) {\n textTmpRef.current = text;\n setText('');\n } else {\n setText(textTmpRef.current);\n }\n }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n textInputRef: MutableRefObject<TextInput \| undefined>,\n messageToEdit?: SendbirdBaseMessage,\n) => {\n useEffect(() => {\n if (messageToEdit?.isUserMessage()) {\n if (!AUTO_FOCUS) setTimeout(() => textInputRef.current?.focus(), 500);\n }\n }, [messageToEdit]);\n};\n\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n return <View style={{ height }} />;\n};\n\nconst styles = createStyleSheet({\n inputContainer: {\n justifyContent: 'center',\n width: '100%',\n },\n inputDefault: {\n height: 56,\n },\n});\n\nexport default React.memo(ChannelInput);\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useEffect","useRef","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","replace","useIIFE","useSendbirdChat","useMentionTextInput","EditInput","SendInput","AUTO_FOCUS","select","ios","android","default","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","GET_INPUT_KEY","shouldReset","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","top","left","right","bottom","colors","features","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","userMentionEnabled","isGroupChannel","isBroadcast","inputKeyToRemount","length","inputHeight","setInputHeight","styles","inputDefault","height","useTypingTrigger","useTextPersistenceOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","shouldRenderInput","createElement","SafeAreaBottom","Fragment","keyboardVerticalOffset","behavior","style","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","_extends","key","ref","autoFocus","SuggestedMentionList","topInset","bottomInset","endTyping","startTyping","setText","chatDisabled","textTmpRef","current","isUserMessage","setTimeout","_textInputRef$current","focus","_ref","justifyContent","width","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, TextInput, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdBaseChannel,\n SendbirdBaseMessage,\n SendbirdFileMessage,\n SendbirdFileMessageCreateParams,\n SendbirdFileMessageUpdateParams,\n SendbirdMember,\n SendbirdUserMessage,\n SendbirdUserMessageCreateParams,\n SendbirdUserMessageUpdateParams,\n replace,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser, Range } from '../../types';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\n\ntype UserMessageMentionParams = Required<{\n messageTemplate: SendbirdUserMessageCreateParams['mentionedMessageTemplate'];\n userIds: SendbirdUserMessageCreateParams['mentionedUserIds'];\n type: SendbirdUserMessageCreateParams['mentionType'];\n}>;\n\nexport type SuggestedMentionListProps = {\n text: string;\n selection: Range;\n topInset: number;\n bottomInset: number;\n inputHeight: number;\n onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;\n mentionedUsers: MentionedUser[];\n};\n\nexport type ChannelInputProps = {\n // default\n channel: SendbirdBaseChannel;\n shouldRenderInput: boolean;\n keyboardAvoidOffset: number;\n\n // default actions\n onPressSendUserMessage: (params: SendbirdUserMessageCreateParams) => Promise<void>;\n onPressSendFileMessage: (params: SendbirdFileMessageCreateParams) => Promise<void>;\n onPressUpdateUserMessage: (message: SendbirdUserMessage, params: SendbirdUserMessageUpdateParams) => Promise<void>;\n onPressUpdateFileMessage: (message: SendbirdFileMessage, params: SendbirdFileMessageUpdateParams) => Promise<void>;\n\n // input status\n inputFrozen: boolean;\n inputMuted: boolean;\n inputDisabled: boolean;\n\n // edit\n messageToEdit: undefined \| SendbirdUserMessage \| SendbirdFileMessage;\n setMessageToEdit: (message?: undefined \| SendbirdUserMessage \| SendbirdFileMessage) => void;\n\n // mention\n SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element \| null;\n\n / @deprecated Please use `onPressSendUserMessage` /\n onSendFileMessage?: (file: FileType) => Promise<void>;\n / @deprecated Please use `onPressSendFileMessage` /\n onSendUserMessage?: (text: string, mention?: UserMessageMentionParams) => Promise<void>;\n / @deprecated Please use `onPressUpdateUserMessage` /\n onUpdateFileMessage?: (editedFile: FileType, message: SendbirdFileMessage) => Promise<void>;\n / @deprecated Please use `onPressUpdateFileMessage` /\n onUpdateUserMessage?: (\n editedText: string,\n message: SendbirdUserMessage,\n mention?: UserMessageMentionParams,\n ) => Promise<void>;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({ ios: 'padding' as const, default: undefined });\n\n// FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)\n// To workaround temporarily, change the key for re-mount the component.\n// -> This will affect to keyboard blur when add/remove first mentioned user.\nconst GET_INPUT_KEY = (shouldReset: boolean) => (shouldReset ? 'uikit-input-clear' : 'uikit-input');\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n const { top, left, right, bottom } = useSafeAreaInsets();\n const { colors } = useUIKitTheme();\n const { features, mentionManager } = useSendbirdChat();\n\n const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n messageToEdit,\n });\n const inputMode = useIIFE(() => {\n if (!messageToEdit) return 'send';\n if (messageToEdit.isFileMessage()) return 'send';\n return 'edit';\n });\n\n const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;\n const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n useTypingTrigger(text, channel);\n useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);\n useAutoFocusOnEditMode(textInputRef, messageToEdit);\n\n const onPressToMention = (user: SendbirdMember, searchStringRange: Range) => {\n const mentionedMessageText = mentionManager.asMentionedMessageText(user, true);\n const range = { start: searchStringRange.start, end: searchStringRange.start + mentionedMessageText.length - 1 };\n\n onChangeText(replace(text, searchStringRange.start, searchStringRange.end, mentionedMessageText), { user, range });\n };\n\n if (!props.shouldRenderInput) {\n return <SafeAreaBottom height={bottom} />;\n }\n\n return (\n <>\n <KeyboardAvoidingView\n keyboardVerticalOffset={-bottom + keyboardAvoidOffset}\n behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n >\n <View style={{ paddingLeft: left, paddingRight: right, backgroundColor: colors.background }}>\n <View onLayout={(e) => setInputHeight(e.nativeEvent.layout.height)} style={styles.inputContainer}>\n {inputMode === 'send' && (\n <SendInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n onSelectionChange={onSelectionChange}\n mentionedUsers={mentionedUsers}\n />\n )}\n {inputMode === 'edit' && messageToEdit && (\n <EditInput\n {...props}\n key={inputKeyToRemount}\n ref={textInputRef as never}\n text={text}\n onChangeText={onChangeText}\n autoFocus={AUTO_FOCUS}\n onSelectionChange={onSelectionChange}\n messageToEdit={messageToEdit}\n mentionedUsers={mentionedUsers}\n setMessageToEdit={setMessageToEdit}\n />\n )}\n </View>\n <SafeAreaBottom height={bottom} />\n </View>\n </KeyboardAvoidingView>\n {mentionAvailable && props.SuggestedMentionList && (\n <props.SuggestedMentionList\n text={text}\n selection={selection}\n inputHeight={inputHeight}\n topInset={top}\n bottomInset={bottom}\n onPressToMention={onPressToMention}\n mentionedUsers={mentionedUsers}\n />\n )}\n </>\n );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {\n if (channel.isGroupChannel()) {\n useEffect(() => {\n if (text.length === 0) channel.endTyping();\n else channel.startTyping();\n }, [text]);\n }\n};\n\nconst useTextPersistenceOnDisabled = (text: string, setText: (val: string) => void, chatDisabled: boolean) => {\n const textTmpRef = useRef('');\n\n useEffect(() => {\n if (chatDisabled) {\n textTmpRef.current = text;\n setText('');\n } else {\n setText(textTmpRef.current);\n }\n }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n textInputRef: MutableRefObject<TextInput \| undefined>,\n messageToEdit?: SendbirdBaseMessage,\n) => {\n useEffect(() => {\n if (messageToEdit?.isUserMessage()) {\n if (!AUTO_FOCUS) setTimeout(() => textInputRef.current?.focus(), 500);\n }\n }, [messageToEdit]);\n};\n\nconst SafeAreaBottom = ({ height }: { height: number }) => {\n return <View style={{ height }} />;\n};\n\nconst styles = createStyleSheet({\n inputContainer: {\n justifyContent: 'center',\n width: '100%',\n },\n inputDefault: {\n height: 56,\n },\n});\n\nexport default React.memo(ChannelInput);\n"],"mappings":"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"}

package/lib/module/components/ChatFlatList.js CHANGED Viewed

@@ -1,21 +1,19 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import { FlatList, Platform } from 'react-native';
 import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';
 let ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';
-const BOTTOM_DETECT_THRESHOLD = 25; // const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;
+const BOTTOM_DETECT_THRESHOLD = 25;
+// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;
 function hasReachedToBottom(yPos) {
   let thresholdPx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   return thresholdPx >= yPos;
 }
 // FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}
 const ChatFlatList = /*#__PURE__*/forwardRef(function CustomFlatList(_ref, ref) {
   var _props$data;
   let {
     onTopReached,
     nextMessages,
@@ -33,7 +31,6 @@ const ChatFlatList = /*#__PURE__*/forwardRef(function CustomFlatList(_ref, ref)
   useImperativeHandle(ref, () => ({
     scrollToBottom: function () {
       var _scrollRef$current;
       let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       return (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollToOffset({
         animated,
@@ -44,41 +41,34 @@ const ChatFlatList = /*#__PURE__*/forwardRef(function CustomFlatList(_ref, ref)
   useEffect(() => {
     const latestMessage = nextMessages[nextMessages.length - 1];
     if (!latestMessage) return;
     if (hasReachedToBottom(yPos.current)) {
       onBottomReached();
     } else if (isMyMessage(latestMessage, currentUserId)) {
       var _scrollRef$current2;
       (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollToOffset({
         animated: false,
         offset: 0
       });
     }
   }, [onBottomReached, nextMessages, currentUserId]);
   const _onScroll = useCallback(event => {
     const {
       contentOffset
     } = event.nativeEvent;
     if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {
       onLeaveScrollBottom(false);
     } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {
       onLeaveScrollBottom(true);
     }
     yPos.current = contentOffset.y;
     onScroll === null || onScroll === void 0 ? void 0 : onScroll(event);
     if (hasReachedToBottom(yPos.current)) onBottomReached();
   }, [onScroll, onBottomReached]);
   if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {
-    ANDROID_BUG_ALERT_SHOWED = true; // eslint-disable-next-line no-console
+    ANDROID_BUG_ALERT_SHOWED = true;
+    // eslint-disable-next-line no-console
     console.warn('UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\nhttps://github.com/facebook/react-native/issues/30034');
   }
   return /*#__PURE__*/React.createElement(FlatList, _extends({
     bounces: false,
     removeClippedSubviews: true,
@@ -90,7 +80,8 @@ const ChatFlatList = /*#__PURE__*/forwardRef(function CustomFlatList(_ref, ref)
     })
   }, props, {
     // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}
-    inverted: Boolean((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}
+    inverted: Boolean((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length)
+    // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}
     // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}
     ,
     ref: scrollRef,

package/lib/module/components/ChatFlatList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","FlatList","Platform","useUIKitTheme","getMessageUniqId","isMyMessage","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","ChatFlatList","CustomFlatList","ref","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","scrollRef","scrollToBottom","animated","current","scrollToOffset","offset","latestMessage","~~length~~","_onScroll","event","contentOffset","nativeEvent","y","__DEV__","console","warn","light","dark","Boolean","data"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n currentUserId?: string;\n onBottomReached: () => void;\n onTopReached: () => void;\n nextMessages: SendbirdMessage[];\n onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n ref,\n) {\n const { select } = useUIKitTheme();\n const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n const yPos = useRef(0);\n\n useImperativeHandle(\n ref,\n () => ({\n scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n }),\n [],\n );\n\n useEffect(() => {\n const latestMessage = nextMessages[nextMessages.length - 1];\n if (!latestMessage) return;\n\n if (hasReachedToBottom(yPos.current)) {\n onBottomReached();\n } else if (isMyMessage(latestMessage, currentUserId)) {\n scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n }\n }, [onBottomReached, nextMessages, currentUserId]);\n\n const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n (event) => {\n const { contentOffset } = event.nativeEvent;\n if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(false);\n } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(true);\n }\n\n yPos.current = contentOffset.y;\n\n onScroll?.(event);\n if (hasReachedToBottom(yPos.current)) onBottomReached();\n },\n [onScroll, onBottomReached],\n );\n\n if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n ANDROID_BUG_ALERT_SHOWED = true;\n // eslint-disable-next-line no-console\n console.warn(\n 'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n );\n }\n\n return (\n <FlatList\n bounces={false}\n removeClippedSubviews\n keyboardDismissMode={'on-drag'}\n keyboardShouldPersistTaps={'handled'}\n indicatorStyle={select({ light: 'black', dark: 'white' })}\n {...props}\n // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n inverted={Boolean(props.data?.length)}\n // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n ref={scrollRef}\n onEndReachedThreshold={0.5}\n onEndReached={onTopReached}\n scrollEventThrottle={16}\n onScroll={_onScroll}\n keyExtractor={getMessageUniqId}\n />\n );\n});\n\nexport default ChatFlatList;\n"],"mappings":";;AAAA,OAAOA,~~KAAP~~,~~IAAgBC~~,~~UAAhB~~,~~EAA4BC~~,~~WAA5B~~,~~EAAyCC~~,~~SAAzC~~,~~EAAoDC~~,~~mBAApD~~,~~EAAyEC~~,~~MAAzE~~,~~QAAuF~~,~~OAAvF~~;~~AACA~~,SAASC,~~QAAT~~,~~EAAkCC~~,~~QAAlC~~,~~QAAkD~~,~~cAAlD~~;~~AAEA~~,SAASC,~~aAAT~~,~~QAA8B~~,~~yCAA9B~~;~~AACA~~,SAA0BC,~~gBAA1B~~,~~EAA4CC~~,~~WAA5C~~,~~QAA+D~~,~~uBAA/D~~;~~AAEA~~,IAAIC,wBAAwB,GAAGJ,QAAQ,CAACK,~~EAAT~~,~~KAAgB~~,~~SAA/C~~;~~AACA~~,MAAMC,uBAAuB,GAAG,~~EAAhC,C,CACA~~;;AAEA,SAASC,~~kBAAT~~,~~CAA4BC~~,~~IAA5B~~,~~EAA2D~~;EAAA,IAAjBC,~~WAAiB~~,~~uEAAH~~,~~CAAG~~;~~EACzD~~,~~OAAOA~~,WAAW,IAAID,~~IAAtB~~;~~AACD;;AAUD~~;AACA,~~MAAME~~,YAAY,~~gBAAGhB~~,UAAU,CAAyB,~~SAASiB~~,~~cAAT~~,~~OAEtDC~~,~~GAFsD~~,~~EAGtD~~;EAAA;;EAAA,IAFA;IAAEC,~~YAAF~~;~~IAAgBC~~,~~YAAhB~~;~~IAA8BC~~,~~eAA9B~~;~~IAA+CC~~,~~mBAA/C~~;~~IAAoEC~~,~~QAApE~~;~~IAA8EC~~,~~aAA9E~~;~~IAA6F~~,GAAGC;~~EAAhG~~,~~CAEA~~;~~EACA~~,MAAM;~~IAAEC~~;~~EAAF~~,~~IAAanB~~,aAAa,~~EAAhC~~;~~EACA~~,~~MAAMoB~~,SAAS,~~GAAGvB~~,MAAM,CAA4B,~~IAA5B~~,~~CAAxB~~;~~EACA~~,MAAMU,IAAI,GAAGV,MAAM,CAAC,~~CAAD~~,~~CAAnB~~;~~EAEAD~~,mBAAmB,~~CACjBe~~,~~GADiB~~,~~EAEjB~~,OAAO;~~IACLU~~,cAAc,EAAE;MAAA;;MAAA,IAACC,~~QAAD~~,~~uEAAY~~,~~IAAZ~~;MAAA,~~6BAAqBF~~,SAAS,~~CAACG~~,~~OAA/B~~,~~uDAAqB~~,~~mBAAmBC~~,~~cAAnB~~,~~CAAkC~~;QAAEF,~~QAAF~~;~~QAAYG~~,MAAM,EAAE;~~MAApB~~,~~CAAlC~~,~~CAArB~~;IAAA;~~EADX~~,~~CAAP~~,~~CAFiB~~,~~EAKjB~~,~~EALiB~~,~~CAAnB~~;~~EAQA9B~~,SAAS,CAAC,MAAM;IACd,~~MAAM+B~~,aAAa,~~GAAGb~~,YAAY,CAACA,YAAY,~~CAACc~~,~~MAAb~~,~~GAAsB~~,~~CAAvB~~,~~CAAlC~~;~~IACA~~,IAAI,~~CAACD~~,~~aAAL~~,~~EAAoB;;~~IAEpB,~~IAAIpB~~,kBAAkB,CAACC,IAAI,~~CAACgB~~,~~OAAN~~,~~CAAtB~~,~~EAAsC~~;~~MACpCT~~,eAAe;~~IAChB~~,~~CAFD~~,~~MAEO~~,~~IAAIZ~~,WAAW,~~CAACwB~~,~~aAAD~~,~~EAAgBT~~,~~aAAhB~~,~~CAAf~~,~~EAA+C~~;MAAA;;MACpD,~~uBAAAG~~,SAAS,~~CAACG~~,~~OAAV~~,~~4EAAmBC~~,~~cAAnB~~,~~CAAkC~~;QAAEF,QAAQ,EAAE,~~KAAZ~~;~~QAAmBG~~,MAAM,EAAE;~~MAA3B~~,~~CAAlC~~;~~IACD~~;EACF,~~CATQ~~,~~EASN~~,~~CAACX~~,~~eAAD~~,~~EAAkBD~~,~~YAAlB~~,~~EAAgCI~~,~~aAAhC~~,~~CATM~~,~~CAAT;;EAWA~~,~~MAAMW~~,SAAS,~~GAAGlC~~,WAAW,~~CAC1BmC~~,~~KAAD~~,~~IAAW~~;IACT,MAAM;MAAEC;~~IAAF~~,~~IAAoBD~~,KAAK,CAACE,~~WAAhC;;IACA~~,~~IAAI1B~~,uBAAuB,GAAGE,IAAI,~~CAACgB~~,~~OAA/B~~,~~IAA0CO~~,aAAa,CAACE,~~CAAd~~,~~IAAmB3B~~,~~uBAAjE~~,~~EAA0F~~;~~MACxFU~~,mBAAmB,CAAC,~~KAAD~~,~~CAAnB~~;~~IACD~~,~~CAFD~~,~~MAEO~~,~~IAAIV~~,uBAAuB,~~GAAGyB~~,aAAa,CAACE,~~CAAxC~~,~~IAA6CzB~~,IAAI,~~CAACgB~~,~~OAAL~~,~~IAAgBlB~~,~~uBAAjE~~,~~EAA0F~~;MAC/FU,mBAAmB,CAAC,~~IAAD~~,~~CAAnB~~;~~IACD;;IAEDR~~,IAAI,~~CAACgB~~,~~OAAL~~,~~GAAeO~~,aAAa,CAACE,~~CAA7B~~;~~IAEAhB~~,QAAQ,~~SAAR~~,~~IAAAA,~~QAAQ,~~WAAR~~,~~YAAAA,~~QAAQ,~~CAAGa~~,~~KAAH~~,~~CAAR~~;~~IACA~~,~~IAAIvB~~,kBAAkB,CAACC,IAAI,~~CAACgB~~,~~OAAN~~,~~CAAtB~~,~~EAAsCT~~,eAAe;~~EACtD~~,~~CAb0B~~,~~EAc3B~~,CAACE,~~QAAD~~,~~EAAWF~~,~~eAAX~~,~~CAd2B~~,~~CAA7B;;EAiBA~~,~~IAAImB~~,OAAO,IAAI,~~CAAC9B~~,~~wBAAhB~~,~~EAA0C~~;IACxCA,wBAAwB,GAAG,~~IAA3B,CADwC,CAExC;;IACA+~~B,OAAO,CAACC,~~IAAR~~,~~CACE~~,~~mKADF~~;~~EAGD;;EAED~~,~~oBACE~~,~~oBAAC~~,~~QAAD~~;~~IACE~~,OAAO,EAAE,~~KADX~~;~~IAEE~~,qBAAqB~~,MAFvB~~;~~IAGE~~,mBAAmB,EAAE,~~SAHvB~~;~~IAIE~~,yBAAyB,EAAE,~~SAJ7B~~;~~IAKE~~,cAAc,~~EAAEhB~~,MAAM,CAAC;~~MAAEiB~~,KAAK,EAAE,~~OAAT~~;~~MAAkBC~~,IAAI,EAAE;~~IAAxB~~,~~CAAD~~;~~EALxB~~,~~GAMMnB~~,~~KANN~~;~~IAOE~~;~~IACA~~,QAAQ,~~EAAEoB~~,OAAO,~~gBAACpB~~,KAAK,~~CAACqB~~,~~IAAP~~,~~gDAAC~~,~~YAAYZ~~,~~MAAb~~,~~CARnB~~,~~CASE~~;IACA;~~IAVF~~;~~IAWE~~,GAAG,~~EAAEP~~,~~SAXP~~;~~IAYE~~,qBAAqB,EAAE,~~GAZzB~~;~~IAaE~~,YAAY,~~EAAER~~,~~YAbhB~~;~~IAcE~~,mBAAmB,EAAE,~~EAdvB~~;~~IAeE~~,QAAQ,~~EAAEgB~~,~~SAfZ~~;~~IAgBE~~,YAAY,~~EAAE3B~~;~~EAhBhB~~,~~GADF~~;~~AAoBD~~,~~CAxE8B~~,~~CAA/B~~;~~AA0EA~~,~~eAAeQ~~,~~YAAf~~"}
1	+ {"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","FlatList","Platform","useUIKitTheme","getMessageUniqId","isMyMessage","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","hasReachedToBottom","yPos","thresholdPx","arguments","length","undefined","ChatFlatList","CustomFlatList","_ref","ref","_props$data","onTopReached","nextMessages","onBottomReached","onLeaveScrollBottom","onScroll","currentUserId","props","select","scrollRef","scrollToBottom","_scrollRef$current","animated","current","scrollToOffset","offset","latestMessage","_scrollRef$current2","_onScroll","event","contentOffset","nativeEvent","y","__DEV__","console","warn","createElement","_extends","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","onEndReachedThreshold","onEndReached","scrollEventThrottle","keyExtractor"],"sources":["ChatFlatList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlatList, FlatListProps, Platform } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdMessage, getMessageUniqId, isMyMessage } from '@sendbird/uikit-utils';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 25;\n// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;\n\nfunction hasReachedToBottom(yPos: number, thresholdPx = 0) {\n return thresholdPx >= yPos;\n}\n\nexport type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n currentUserId?: string;\n onBottomReached: () => void;\n onTopReached: () => void;\n nextMessages: SendbirdMessage[];\n onLeaveScrollBottom: (value: boolean) => void;\n};\n// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}\nconst ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(\n { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },\n ref,\n) {\n const { select } = useUIKitTheme();\n const scrollRef = useRef<FlatList<SendbirdMessage>>(null);\n const yPos = useRef(0);\n\n useImperativeHandle(\n ref,\n () => ({\n scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),\n }),\n [],\n );\n\n useEffect(() => {\n const latestMessage = nextMessages[nextMessages.length - 1];\n if (!latestMessage) return;\n\n if (hasReachedToBottom(yPos.current)) {\n onBottomReached();\n } else if (isMyMessage(latestMessage, currentUserId)) {\n scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });\n }\n }, [onBottomReached, nextMessages, currentUserId]);\n\n const _onScroll = useCallback<NonNullable<Props['onScroll']>>(\n (event) => {\n const { contentOffset } = event.nativeEvent;\n if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(false);\n } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {\n onLeaveScrollBottom(true);\n }\n\n yPos.current = contentOffset.y;\n\n onScroll?.(event);\n if (hasReachedToBottom(yPos.current)) onBottomReached();\n },\n [onScroll, onBottomReached],\n );\n\n if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n ANDROID_BUG_ALERT_SHOWED = true;\n // eslint-disable-next-line no-console\n console.warn(\n 'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\\nhttps://github.com/facebook/react-native/issues/30034',\n );\n }\n\n return (\n <FlatList\n bounces={false}\n removeClippedSubviews\n keyboardDismissMode={'on-drag'}\n keyboardShouldPersistTaps={'handled'}\n indicatorStyle={select({ light: 'black', dark: 'white' })}\n {...props}\n // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n inverted={Boolean(props.data?.length)}\n // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}\n // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}\n ref={scrollRef}\n onEndReachedThreshold={0.5}\n onEndReached={onTopReached}\n scrollEventThrottle={16}\n onScroll={_onScroll}\n keyExtractor={getMessageUniqId}\n />\n );\n});\n\nexport default ChatFlatList;\n"],"mappings":"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"}

package/lib/module/components/FileViewer.js CHANGED Viewed

@@ -4,7 +4,6 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Icon, Image, LoadingSpinner, Text, createStyleSheet, useAlert, useHeaderStyle, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { Logger, getFileExtension, getFileType, isMyMessage, toMegabyte, truncate, useIIFE } from '@sendbird/uikit-utils';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../hooks/useContext';
 const FileViewer = _ref => {
   let {
     headerShown = true,
@@ -60,7 +59,6 @@ const FileViewer = _ref => {
             onLoadEnd: () => setLoading(false)
           });
         }
       case 'video':
       case 'audio':
         {
@@ -76,17 +74,14 @@ const FileViewer = _ref => {
             onLoad: () => setLoading(false)
           });
         }
       default:
         {
           return null;
         }
     }
   });
   const _onPressDelete = () => {
     if (!canDelete) return;
     if (onPressDelete) {
       onPressDelete(fileMessage);
     } else {
@@ -108,7 +103,6 @@ const FileViewer = _ref => {
       });
     }
   };
   const _onPressDownload = () => {
     if (onPressDownload) {
       onPressDownload(fileMessage);
@@ -116,7 +110,6 @@ const FileViewer = _ref => {
       if (toMegabyte(fileMessage.size) > 4) {
         toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
       }
       fileService.save({
         fileUrl: fileMessage.url,
         fileName: fileMessage.name,
@@ -130,7 +123,6 @@ const FileViewer = _ref => {
       });
     }
   };
   return /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1,
@@ -163,7 +155,6 @@ const FileViewer = _ref => {
     onPressDownload: _onPressDownload
   }));
 };
 const FileViewerHeader = _ref2 => {
   let {
     topInset,
@@ -215,7 +206,6 @@ const FileViewerHeader = _ref2 => {
     style: styles.barButton
   }));
 };
 const FileViewerFooter = _ref3 => {
   let {
     bottomInset,
@@ -261,7 +251,6 @@ const FileViewerFooter = _ref3 => {
     color: palette.onBackgroundDark01
   })));
 };
 const styles = createStyleSheet({
   headerContainer: {
     top: 0,