@sendbird/uikit-react-native 2.5.0 → 3.0.0-rc.1

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

@@ -2,190 +2,59 @@ import React, { forwardRef } from 'react';
 import { Platform, TouchableOpacity, View } from 'react-native';
 import { MentionType } from '@sendbird/chat/message';
 import { Icon, TextInput, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { isImage, shouldCompressImage } from '@sendbird/uikit-utils';
+import { isImage, shouldCompressImage, useIIFE } from '@sendbird/uikit-utils';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
 import SBUError from '../../libs/SBUError';
 import SBUUtils from '../../libs/SBUUtils';
 const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
   let {
+    AttachmentsButton,
     onPressSendUserMessage,
     onPressSendFileMessage,
-    onSendUserMessage,
-    onSendFileMessage,
     text,
     onChangeText,
     onSelectionChange,
     mentionedUsers,
     inputDisabled,
     inputFrozen,
-    inputMuted
+    inputMuted,
+    channel
   } = _ref;
   const {
     mentionManager,
-    imageCompressionConfig,
-    features
+    sbOptions
   } = useSendbirdChat();
   const {
     STRINGS
   } = useLocalization();
-  const {
-    fileService,
-    mediaService
-  } = usePlatformService();
   const {
     colors
   } = useUIKitTheme();
   const {
     openSheet
   } = useBottomSheet();
-  const {
-    alert
-  } = useAlert();
   const toast = useToast();
+  const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');
   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,
-        mentionType,
-        mentionedUserIds,
-        mentionedMessageTemplate
-      }).catch(onFailureToSend);
-    } else if (onSendUserMessage) {
-      onSendUserMessage(text, {
-        type: mentionType,
-        userIds: mentionedUserIds,
-        messageTemplate: mentionedMessageTemplate
-      }).catch(onFailureToSend);
-    }
+    const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention);
+    onPressSendUserMessage({
+      message: text,
+      mentionType,
+      mentionedUserIds,
+      mentionedMessageTemplate
+    }).catch(onFailureToSend);
     onChangeText('');
   };
-  const sendFileMessage = file => {
-    if (onPressSendFileMessage) {
-      onPressSendFileMessage({
-        file
-      }).catch(onFailureToSend);
-    } else if (onSendFileMessage) {
-      onSendFileMessage(file).catch(onFailureToSend);
-    }
-  };
-  const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');
-  const onPressAttachment = () => {
-    openSheet({
-      sheetItems: [{
-        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA,
-        icon: 'camera',
-        onPress: async () => {
-          const mediaFile = await fileService.openCamera({
-            mediaType: 'all',
-            onOpenFailure: error => {
-              if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
-                alert({
-                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
-                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
-                  buttons: [{
-                    text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
-                    onPress: () => SBUUtils.openSettings()
-                  }]
-                });
-              } else {
-                toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');
-              }
-            }
-          });
-          if (mediaFile) {
-            // 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,
-                  maxWidth: imageCompressionConfig.width,
-                  maxHeight: imageCompressionConfig.height,
-                  compressionRate: imageCompressionConfig.compressionRate
-                });
-                if (compressed) {
-                  mediaFile.uri = compressed.uri;
-                  mediaFile.size = compressed.size;
-                }
-              });
-            }
-            sendFileMessage(mediaFile);
-          }
-        }
-      }, {
-        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,
-        icon: 'photo',
-        onPress: async () => {
-          const mediaFiles = await fileService.openMediaLibrary({
-            selectionLimit: 1,
-            mediaType: 'all',
-            onOpenFailure: error => {
-              if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
-                alert({
-                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
-                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
-                  buttons: [{
-                    text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
-                    onPress: () => SBUUtils.openSettings()
-                  }]
-                });
-              } else {
-                toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');
-              }
-            }
-          });
-          if (mediaFiles && mediaFiles[0]) {
-            const mediaFile = mediaFiles[0];
-
-            // 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,
-                  maxWidth: imageCompressionConfig.width,
-                  maxHeight: imageCompressionConfig.height,
-                  compressionRate: imageCompressionConfig.compressionRate
-                });
-                if (compressed) {
-                  mediaFile.uri = compressed.uri;
-                  mediaFile.size = compressed.size;
-                }
-              });
-            }
-            sendFileMessage(mediaFile);
-          }
-        }
-      }, {
-        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,
-        icon: 'document',
-        onPress: async () => {
-          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.type, features.imageCompressionEnabled)) {
-              await SBUUtils.safeRun(async () => {
-                const compressed = await mediaService.compressImage({
-                  uri: documentFile.uri,
-                  maxWidth: imageCompressionConfig.width,
-                  maxHeight: imageCompressionConfig.height,
-                  compressionRate: imageCompressionConfig.compressionRate
-                });
-                if (compressed) {
-                  documentFile.uri = compressed.uri;
-                  documentFile.size = compressed.size;
-                }
-              });
-            }
-            sendFileMessage(documentFile);
-          }
-        }
-      }]
-    });
-  };
+  const sheetItems = useChannelInputItems(channel, file => {
+    onPressSendFileMessage({
+      file
+    }).catch(onFailureToSend);
+  });
+  const onPressAttachment = () => openSheet({
+    sheetItems
+  });
   const getPlaceholder = () => {
     if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
     if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
@@ -194,15 +63,10 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
   };
   return /*#__PURE__*/React.createElement(View, {
     style: styles.sendInputContainer
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, AttachmentsButton && /*#__PURE__*/React.createElement(AttachmentsButton, {
     onPress: onPressAttachment,
     disabled: inputDisabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    color: inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
-    icon: 'add',
-    size: 24,
-    containerStyle: styles.iconAttach
-  })), /*#__PURE__*/React.createElement(TextInput, {
+  }), /*#__PURE__*/React.createElement(TextInput, {
     ref: ref,
     multiline: true,
     disableFullscreenUI: true,
@@ -211,7 +75,7 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
     onChangeText: onChangeText,
     style: styles.input,
     placeholder: getPlaceholder()
-  }, mentionManager.textToMentionedComponents(text, mentionedUsers)), Boolean(text.trim()) && /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention)), Boolean(text.trim()) && /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: sendUserMessage,
     disabled: inputDisabled
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -221,6 +85,203 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
     containerStyle: styles.iconSend
   })));
 });
+const useChannelInputItems = (channel, sendFileMessage) => {
+  const {
+    sbOptions,
+    imageCompressionConfig
+  } = useSendbirdChat();
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    fileService,
+    mediaService
+  } = usePlatformService();
+  const {
+    alert
+  } = useAlert();
+  const toast = useToast();
+  const sheetItems = [];
+  const input = useIIFE(() => {
+    switch (true) {
+      case channel.isOpenChannel():
+        return sbOptions.uikit.openChannel.channel.input;
+      case channel.isGroupChannel():
+        return sbOptions.uikit.groupChannel.channel.input;
+      default:
+        return {
+          enableDocument: true,
+          camera: {
+            enablePhoto: true,
+            enableVideo: true
+          },
+          gallery: {
+            enablePhoto: true,
+            enableVideo: true
+          }
+        };
+    }
+  });
+  if (input.camera.enablePhoto) {
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO,
+      icon: 'camera',
+      onPress: async () => {
+        const mediaFile = await fileService.openCamera({
+          mediaType: 'photo',
+          onOpenFailure: error => {
+            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
+              alert({
+                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
+                buttons: [{
+                  text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                  onPress: () => SBUUtils.openSettings()
+                }]
+              });
+            } else {
+              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');
+            }
+          }
+        });
+        if (mediaFile) {
+          // Image compression
+          if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)) {
+            await SBUUtils.safeRun(async () => {
+              const compressed = await mediaService.compressImage({
+                uri: mediaFile.uri,
+                maxWidth: imageCompressionConfig.width,
+                maxHeight: imageCompressionConfig.height,
+                compressionRate: imageCompressionConfig.compressionRate
+              });
+              if (compressed) {
+                mediaFile.uri = compressed.uri;
+                mediaFile.size = compressed.size;
+              }
+            });
+          }
+          sendFileMessage(mediaFile);
+        }
+      }
+    });
+  }
+  if (input.camera.enableVideo) {
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO,
+      icon: 'camera',
+      onPress: async () => {
+        const mediaFile = await fileService.openCamera({
+          mediaType: 'video',
+          onOpenFailure: error => {
+            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
+              alert({
+                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
+                buttons: [{
+                  text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                  onPress: () => SBUUtils.openSettings()
+                }]
+              });
+            } else {
+              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');
+            }
+          }
+        });
+        if (mediaFile) {
+          sendFileMessage(mediaFile);
+        }
+      }
+    });
+  }
+  if (input.gallery.enablePhoto || input.gallery.enableVideo) {
+    const mediaType = (() => {
+      switch (true) {
+        case input.gallery.enablePhoto && input.gallery.enableVideo:
+          return 'all';
+        case input.gallery.enablePhoto && !input.gallery.enableVideo:
+          return 'photo';
+        case !input.gallery.enablePhoto && input.gallery.enableVideo:
+          return 'video';
+        default:
+          return 'all';
+      }
+    })();
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,
+      icon: 'photo',
+      onPress: async () => {
+        const mediaFiles = await fileService.openMediaLibrary({
+          selectionLimit: 1,
+          mediaType,
+          onOpenFailure: error => {
+            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {
+              alert({
+                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
+                buttons: [{
+                  text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                  onPress: () => SBUUtils.openSettings()
+                }]
+              });
+            } else {
+              toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');
+            }
+          }
+        });
+        if (mediaFiles && mediaFiles[0]) {
+          const mediaFile = mediaFiles[0];
+
+          // Image compression
+          if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)) {
+            await SBUUtils.safeRun(async () => {
+              const compressed = await mediaService.compressImage({
+                uri: mediaFile.uri,
+                maxWidth: imageCompressionConfig.width,
+                maxHeight: imageCompressionConfig.height,
+                compressionRate: imageCompressionConfig.compressionRate
+              });
+              if (compressed) {
+                mediaFile.uri = compressed.uri;
+                mediaFile.size = compressed.size;
+              }
+            });
+          }
+          sendFileMessage(mediaFile);
+        }
+      }
+    });
+  }
+  if (input.enableDocument) {
+    sheetItems.push({
+      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,
+      icon: 'document',
+      onPress: async () => {
+        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.type, sbOptions.chat.imageCompressionEnabled)) {
+            await SBUUtils.safeRun(async () => {
+              const compressed = await mediaService.compressImage({
+                uri: documentFile.uri,
+                maxWidth: imageCompressionConfig.width,
+                maxHeight: imageCompressionConfig.height,
+                compressionRate: imageCompressionConfig.compressionRate
+              });
+              if (compressed) {
+                documentFile.uri = compressed.uri;
+                documentFile.size = compressed.size;
+              }
+            });
+          }
+          sendFileMessage(documentFile);
+        }
+      }
+    });
+  }
+  return sheetItems;
+};
 const styles = createStyleSheet({
   sendInputContainer: {
     paddingVertical: 10,
@@ -238,10 +299,6 @@ const styles = createStyleSheet({
     }),
     borderRadius: 20
   },
-  iconAttach: {
-    marginRight: 8,
-    padding: 4
-  },
   iconSend: {
     marginLeft: 4,
     padding: 4

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

@@ -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","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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"}
+{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","isImage","shouldCompressImage","useIIFE","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","_ref","ref","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","mentionManager","sbOptions","STRINGS","colors","openSheet","toast","onFailureToSend","show","TOAST","SEND_MSG_ERROR","sendUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","enableMention","message","catch","sheetItems","useChannelInputItems","file","onPressAttachment","getPlaceholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_MUTED","createElement","style","styles","sendInputContainer","onPress","disabled","multiline","disableFullscreenUI","editable","input","placeholder","textToMentionedComponents","Boolean","trim","color","ui","default","highlight","active","icon","size","containerStyle","iconSend","sendFileMessage","imageCompressionConfig","fileService","mediaService","alert","isOpenChannel","openChannel","isGroupChannel","enableDocument","camera","enablePhoto","enableVideo","gallery","push","title","CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO","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","type","chat","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","select","ios","borderRadius","marginLeft","padding"],"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 type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdChannel, isImage, shouldCompressImage, useIIFE } 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    AttachmentsButton,\n    onPressSendUserMessage,\n    onPressSendFileMessage,\n    text,\n    onChangeText,\n    onSelectionChange,\n    mentionedUsers,\n    inputDisabled,\n    inputFrozen,\n    inputMuted,\n    channel,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { openSheet } = useBottomSheet();\n  const toast = useToast();\n\n  const onFailureToSend = () => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n\n  const sendUserMessage = () => {\n    const mentionType = MentionType.USERS;\n    const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n    const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(\n      text,\n      mentionedUsers,\n      sbOptions.uikit.groupChannel.channel.enableMention,\n    );\n\n    onPressSendUserMessage({\n      message: text,\n      mentionType,\n      mentionedUserIds,\n      mentionedMessageTemplate,\n    }).catch(onFailureToSend);\n\n    onChangeText('');\n  };\n\n  const sheetItems = useChannelInputItems(channel, (file) => {\n    onPressSendFileMessage({ file }).catch(onFailureToSend);\n  });\n  const onPressAttachment = () => openSheet({ sheetItems });\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      {AttachmentsButton && <AttachmentsButton onPress={onPressAttachment} disabled={inputDisabled} />}\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(\n          text,\n          mentionedUsers,\n          sbOptions.uikit.groupChannel.channel.enableMention,\n        )}\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 useChannelInputItems = (channel: SendbirdChannel, sendFileMessage: (file: FileType) => void) => {\n  const { sbOptions, imageCompressionConfig } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { fileService, mediaService } = usePlatformService();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const sheetItems: BottomSheetItem['sheetItems'] = [];\n  const input = useIIFE(() => {\n    switch (true) {\n      case channel.isOpenChannel():\n        return sbOptions.uikit.openChannel.channel.input;\n      case channel.isGroupChannel():\n        return sbOptions.uikit.groupChannel.channel.input;\n      default:\n        return {\n          enableDocument: true,\n          camera: { enablePhoto: true, enableVideo: true },\n          gallery: { enablePhoto: true, enableVideo: true },\n        };\n    }\n  });\n\n  if (input.camera.enablePhoto) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO,\n      icon: 'camera',\n      onPress: async () => {\n        const mediaFile = await fileService.openCamera({\n          mediaType: 'photo',\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, sbOptions.chat.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\n  if (input.camera.enableVideo) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO,\n      icon: 'camera',\n      onPress: async () => {\n        const mediaFile = await fileService.openCamera({\n          mediaType: 'video',\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          sendFileMessage(mediaFile);\n        }\n      },\n    });\n  }\n\n  if (input.gallery.enablePhoto || input.gallery.enableVideo) {\n    const mediaType = (() => {\n      switch (true) {\n        case input.gallery.enablePhoto && input.gallery.enableVideo:\n          return 'all';\n        case input.gallery.enablePhoto && !input.gallery.enableVideo:\n          return 'photo';\n        case !input.gallery.enablePhoto && input.gallery.enableVideo:\n          return 'video';\n        default:\n          return 'all';\n      }\n    })();\n\n    sheetItems.push({\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,\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, sbOptions.chat.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\n  if (input.enableDocument) {\n    sheetItems.push({\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, sbOptions.chat.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  return sheetItems;\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  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

@@ -6,6 +6,7 @@ import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-fo
 import { replace, useIIFE } from '@sendbird/uikit-utils';
 import { useSendbirdChat } from '../../hooks/useContext';
 import useMentionTextInput from '../../hooks/useMentionTextInput';
+import AttachmentsButton from './AttachmentsButton';
 import EditInput from './EditInput';
 import SendInput from './SendInput';
 const AUTO_FOCUS = Platform.select({
@@ -41,7 +42,7 @@ const ChannelInput = props => {
     colors
   } = useUIKitTheme();
   const {
-    features,
+    sbOptions,
     mentionManager
   } = useSendbirdChat();
   const {
@@ -59,7 +60,7 @@ const ChannelInput = props => {
     if (messageToEdit.isFileMessage()) return 'send';
     return 'edit';
   });
-  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;
+  const mentionAvailable = sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;
   const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);
   const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);
   useTypingTrigger(text, channel);
@@ -99,7 +100,8 @@ const ChannelInput = props => {
     text: text,
     onChangeText: onChangeText,
     onSelectionChange: onSelectionChange,
-    mentionedUsers: mentionedUsers
+    mentionedUsers: mentionedUsers,
+    AttachmentsButton: props.AttachmentsButton ?? AttachmentsButton
   })), inputMode === 'edit' && messageToEdit && /*#__PURE__*/React.createElement(EditInput, _extends({}, props, {
     key: inputKeyToRemount,
     ref: textInputRef,