@sendbird/uikit-react-native 2.1.0 → 2.3.0

package/lib/module/contexts/UserProfileCtx.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useState","useSafeAreaInsets","Modal","OutlinedButton","ProfileCard","createStyleSheet","Logger","PASS","useIIFE","LocalizationContext","SendbirdChatContext","UserProfileContext","createContext","UserProfileProvider","children","onCreateChannel","onBeforeCreateChannel","chatContext","localizationContext","Error","bottom","left","right","user","setUser","visible","setVisible","show","hide","userProfileButton","isMe","currentUser","userId","undefined","onPressMessageButton","params","invitedUserIds","name","coverUrl","isDistinct","operatorUserIds","processedParams","channel","sdk","groupChannel","createChannel","warn","STRINGS","PROFILE_CARD","BUTTON_MESSAGE","Boolean","styles","modal","profileCardContainer","paddingLeft","paddingRight","paddingBottom","profileUrl","nickname","LABELS","USER_NO_NAME","BODY_LABEL","BODY","justifyContent","borderTopLeftRadius","borderTopRightRadius"],"sources":["UserProfileCtx.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdGroupChannel,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport { Logger, PASS, useIIFE } from '@sendbird/uikit-utils';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\n\ntype OnCreateChannel = (channel: SendbirdGroupChannel) => void;\ntype OnBeforeCreateChannel = (\n  channelParams: SendbirdGroupChannelCreateParams,\n  users: SendbirdUser[] | SendbirdMember[],\n) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n\nexport type UserProfileContextType = {\n  show(user: SendbirdUser | SendbirdMember): void;\n  hide(): void;\n};\n\ntype Props = React.PropsWithChildren<{\n  onCreateChannel?: OnCreateChannel;\n  onBeforeCreateChannel?: OnBeforeCreateChannel;\n}>;\n\nexport const UserProfileContext = React.createContext<UserProfileContextType | null>(null);\nexport const UserProfileProvider = ({ children, onCreateChannel, onBeforeCreateChannel = PASS }: Props) => {\n  const chatContext = useContext(SendbirdChatContext);\n  const localizationContext = useContext(LocalizationContext);\n\n  if (!chatContext) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationContext) throw new Error('LocalizationContext is not provided');\n\n  const { bottom, left, right } = useSafeAreaInsets();\n\n  const [user, setUser] = useState<SendbirdUser | SendbirdMember>();\n  const [visible, setVisible] = useState(false);\n\n  const show: UserProfileContextType['show'] = useCallback((user) => {\n    setUser(user);\n    setVisible(true);\n  }, []);\n\n  const hide: UserProfileContextType['hide'] = useCallback(() => {\n    setVisible(false);\n  }, []);\n\n  const userProfileButton = useIIFE(() => {\n    const isMe = chatContext.currentUser && user?.userId === chatContext.currentUser.userId;\n    if (isMe) return undefined;\n\n    const onPressMessageButton = async () => {\n      if (user) {\n        const params: SendbirdGroupChannelCreateParams = {\n          invitedUserIds: [user.userId],\n          name: '',\n          coverUrl: '',\n          isDistinct: false,\n        };\n\n        if (chatContext.currentUser) params.operatorUserIds = [chatContext.currentUser.userId];\n        const processedParams = await onBeforeCreateChannel(params, [user]);\n\n        hide();\n        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);\n\n        if (onCreateChannel) {\n          onCreateChannel(channel);\n        } else {\n          Logger.warn(\n            'Please set `onCreateChannel` before message to user from profile card, see `userProfile` prop in the `SendbirdUIKitContainer` props',\n          );\n        }\n      }\n    };\n\n    return (\n      <OutlinedButton onPress={onPressMessageButton}>\n        {localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE}\n      </OutlinedButton>\n    );\n  });\n\n  return (\n    <UserProfileContext.Provider value={{ show, hide }}>\n      {children}\n      <Modal\n        type={'slide'}\n        onClose={hide}\n        onDismiss={() => setUser(undefined)}\n        visible={visible && Boolean(user)}\n        backgroundStyle={styles.modal}\n      >\n        {user && (\n          <ProfileCard\n            containerStyle={[\n              styles.profileCardContainer,\n              { paddingLeft: left, paddingRight: right, paddingBottom: bottom },\n            ]}\n            uri={user.profileUrl}\n            username={user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME}\n            bodyLabel={localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL}\n            body={localizationContext.STRINGS.PROFILE_CARD.BODY(user)}\n            button={userProfileButton}\n          />\n        )}\n      </Modal>\n    </UserProfileContext.Provider>\n  );\n};\n\nconst styles = createStyleSheet({\n  modal: {\n    justifyContent: 'flex-end',\n  },\n  profileCardContainer: {\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useContext","useState","useSafeAreaInsets","Modal","OutlinedButton","ProfileCard","createStyleSheet","Logger","PASS","useIIFE","LocalizationContext","SendbirdChatContext","WARN_onCreateChannel","UserProfileContext","createContext","UserProfileProvider","children","onCreateChannel","onBeforeCreateChannel","chatContext","localizationContext","Error","__DEV__","warn","bottom","left","right","user","setUser","visible","setVisible","show","hide","userProfileButton","isMe","currentUser","userId","undefined","onPressMessageButton","params","invitedUserIds","name","coverUrl","isDistinct","operatorUserIds","processedParams","channel","sdk","groupChannel","createChannel","STRINGS","PROFILE_CARD","BUTTON_MESSAGE","Boolean","styles","modal","profileCardContainer","paddingLeft","paddingRight","paddingBottom","profileUrl","nickname","LABELS","USER_NO_NAME","BODY_LABEL","BODY","justifyContent","borderTopLeftRadius","borderTopRightRadius"],"sources":["UserProfileCtx.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Modal, OutlinedButton, ProfileCard, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdGroupChannel,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport { Logger, PASS, useIIFE } from '@sendbird/uikit-utils';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\n\ntype OnCreateChannel = (channel: SendbirdGroupChannel) => void;\ntype OnBeforeCreateChannel = (\n  channelParams: SendbirdGroupChannelCreateParams,\n  users: SendbirdUser[] | SendbirdMember[],\n) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n\nexport type UserProfileContextType = {\n  show(user: SendbirdUser | SendbirdMember): void;\n  hide(): void;\n};\n\ntype Props = React.PropsWithChildren<{\n  onCreateChannel?: OnCreateChannel;\n  onBeforeCreateChannel?: OnBeforeCreateChannel;\n}>;\n\nlet WARN_onCreateChannel = false;\n\nexport const UserProfileContext = React.createContext<UserProfileContextType | null>(null);\nexport const UserProfileProvider = ({ children, onCreateChannel, onBeforeCreateChannel = PASS }: Props) => {\n  const chatContext = useContext(SendbirdChatContext);\n  const localizationContext = useContext(LocalizationContext);\n\n  if (!chatContext) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationContext) throw new Error('LocalizationContext is not provided');\n\n  if (__DEV__ && !WARN_onCreateChannel && !onCreateChannel) {\n    Logger.warn(\n      'You should pass `userProfile.onCreateChannel` prop to SendbirdUIKitContainer if want to use message in a user profile',\n    );\n    WARN_onCreateChannel = true;\n  }\n\n  const { bottom, left, right } = useSafeAreaInsets();\n\n  const [user, setUser] = useState<SendbirdUser | SendbirdMember>();\n  const [visible, setVisible] = useState(false);\n\n  const show: UserProfileContextType['show'] = useCallback((user) => {\n    setUser(user);\n    setVisible(true);\n  }, []);\n\n  const hide: UserProfileContextType['hide'] = useCallback(() => {\n    setVisible(false);\n  }, []);\n\n  const userProfileButton = useIIFE(() => {\n    const isMe = chatContext.currentUser && user?.userId === chatContext.currentUser.userId;\n    if (isMe) return undefined;\n\n    const onPressMessageButton = async () => {\n      if (user) {\n        const params: SendbirdGroupChannelCreateParams = {\n          invitedUserIds: [user.userId],\n          name: '',\n          coverUrl: '',\n          isDistinct: false,\n        };\n\n        if (chatContext.currentUser) params.operatorUserIds = [chatContext.currentUser.userId];\n        const processedParams = await onBeforeCreateChannel(params, [user]);\n\n        hide();\n        const channel = await chatContext.sdk.groupChannel.createChannel(processedParams);\n\n        if (onCreateChannel) {\n          onCreateChannel(channel);\n        } else {\n          Logger.warn(\n            'Please set `onCreateChannel` before message to user from profile card, see `userProfile` prop in the `SendbirdUIKitContainer` props',\n          );\n        }\n      }\n    };\n\n    return (\n      <OutlinedButton onPress={onPressMessageButton}>\n        {localizationContext.STRINGS.PROFILE_CARD.BUTTON_MESSAGE}\n      </OutlinedButton>\n    );\n  });\n\n  return (\n    <UserProfileContext.Provider value={{ show, hide }}>\n      {children}\n      <Modal\n        type={'slide'}\n        onClose={hide}\n        onDismiss={() => setUser(undefined)}\n        visible={visible && Boolean(user)}\n        backgroundStyle={styles.modal}\n      >\n        {user && (\n          <ProfileCard\n            containerStyle={[\n              styles.profileCardContainer,\n              { paddingLeft: left, paddingRight: right, paddingBottom: bottom },\n            ]}\n            uri={user.profileUrl}\n            username={user.nickname || localizationContext.STRINGS.LABELS.USER_NO_NAME}\n            bodyLabel={localizationContext.STRINGS.PROFILE_CARD.BODY_LABEL}\n            body={localizationContext.STRINGS.PROFILE_CARD.BODY(user)}\n            button={userProfileButton}\n          />\n        )}\n      </Modal>\n    </UserProfileContext.Provider>\n  );\n};\n\nconst styles = createStyleSheet({\n  modal: {\n    justifyContent: 'flex-end',\n  },\n  profileCardContainer: {\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n});\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/component/GroupChannelInput/EditInput.js

@@ -1,50 +1,45 @@
-import React, { useEffect, useRef } from 'react';
+import React, { forwardRef } from 'react';
 import { Platform, View } from 'react-native';
+import { MentionType } from '@sendbird/chat/message';
 import { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';
-import { useLocalization } from '../../../../hooks/useContext';
-const AUTO_FOCUS = Platform.select({
-  ios: false,
-  android: true,
-  default: false
-});
-
-const EditInput = _ref => {
+import { useLocalization, useSendbirdChat } from '../../../../hooks/useContext';
+const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
   let {
     text,
-    setText,
-    editMessage,
-    setEditMessage,
+    onChangeText,
+    messageToEdit,
+    setMessageToEdit,
     onUpdateUserMessage,
-    disabled
+    onSelectionChange,
+    disabled,
+    autoFocus,
+    mentionedUsers
   } = _ref;
+  const {
+    mentionManager
+  } = useSendbirdChat();
   const {
     STRINGS
   } = useLocalization();
-  const inputRef = useRef(null);
   const toast = useToast();
-  useEffect(() => {
-    if (editMessage.isUserMessage()) {
-      setText(editMessage.message ?? '');
-      if (!AUTO_FOCUS) setTimeout(() => {
-        var _inputRef$current;
-
-        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-      }, 500);
-    }
-  }, [editMessage]);
 
   const onPressCancel = () => {
-    setEditMessage();
-    setText('');
+    setMessageToEdit();
+    onChangeText('');
   };
 
   const onPressSave = () => {
-    if (editMessage.isUserMessage()) {
-      onUpdateUserMessage(text, editMessage).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));
+    if (messageToEdit.isUserMessage()) {
+      const mention = {
+        userIds: mentionedUsers.map(it => it.user.userId),
+        messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
+        type: MentionType.USERS
+      };
+      onUpdateUserMessage(text, messageToEdit, mention).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));
     }
 
-    setEditMessage();
-    setText('');
+    setMessageToEdit();
+    onChangeText('');
   };
 
   return /*#__PURE__*/React.createElement(View, {
@@ -52,15 +47,16 @@ const EditInput = _ref => {
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.inputWrapper
   }, /*#__PURE__*/React.createElement(TextInput, {
-    editable: !disabled,
-    autoFocus: AUTO_FOCUS,
-    ref: inputRef,
+    ref: ref,
     multiline: true,
-    value: text,
-    onChangeText: setText,
+    disableFullscreenUI: true,
+    editable: !disabled,
+    autoFocus: autoFocus,
+    onChangeText: onChangeText,
     style: styles.input,
-    placeholder: STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE
-  })), /*#__PURE__*/React.createElement(View, {
+    placeholder: STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,
+    onSelectionChange: onSelectionChange
+  }, mentionManager.textToMentionedComponents(text, mentionedUsers))), /*#__PURE__*/React.createElement(View, {
     style: {
       marginTop: 8,
       flexDirection: 'row'
@@ -74,8 +70,7 @@ const EditInput = _ref => {
     variant: 'contained',
     onPress: onPressSave
   }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK)));
-};
-
+});
 const styles = createStyleSheet({
   editInputContainer: {
     paddingVertical: 10,

package/lib/module/domain/groupChannel/component/GroupChannelInput/EditInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Platform","View","Button","TextInput","createStyleSheet","useToast","useLocalization","AUTO_FOCUS","select","ios","android","default","EditInput","text","setText","editMessage","setEditMessage","onUpdateUserMessage","disabled","STRINGS","inputRef","toast","isUserMessage","message","setTimeout","current","focus","onPressCancel","onPressSave","catch","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","GROUP_CHANNEL","INPUT_PLACEHOLDER_ACTIVE","marginTop","flexDirection","INPUT_EDIT_CANCEL","space","INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Platform, TextInput as RNTextInput, View } from 'react-native';\n\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../../../hooks/useContext';\nimport type { GroupChannelProps } from '../../types';\n\ntype EditInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  editMessage: SendbirdUserMessage | SendbirdFileMessage;\n  setEditMessage: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  disabled: boolean;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst EditInput = ({ text, setText, editMessage, setEditMessage, onUpdateUserMessage, disabled }: EditInputProps) => {\n  const { STRINGS } = useLocalization();\n  const inputRef = useRef<RNTextInput>(null);\n  const toast = useToast();\n\n  useEffect(() => {\n    if (editMessage.isUserMessage()) {\n      setText(editMessage.message ?? '');\n\n      if (!AUTO_FOCUS) setTimeout(() => inputRef.current?.focus(), 500);\n    }\n  }, [editMessage]);\n\n  const onPressCancel = () => {\n    setEditMessage();\n    setText('');\n  };\n\n  const onPressSave = () => {\n    if (editMessage.isUserMessage()) {\n      onUpdateUserMessage(text, editMessage).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));\n    }\n    setEditMessage();\n    setText('');\n  };\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          editable={!disabled}\n          autoFocus={AUTO_FOCUS}\n          ref={inputRef}\n          multiline\n          value={text}\n          onChangeText={setText}\n          style={styles.input}\n          placeholder={STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE}\n        />\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\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  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","Platform","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","ref","text","onChangeText","messageToEdit","setMessageToEdit","onUpdateUserMessage","onSelectionChange","disabled","autoFocus","mentionedUsers","mentionManager","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","mention","userIds","map","it","user","userId","messageTemplate","textToMentionedMessageTemplate","type","USERS","catch","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","GROUP_CHANNEL","INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","INPUT_EDIT_CANCEL","space","INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","select","ios","default","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../../hooks/useContext';\nimport type { MentionedUser } from '../../../../types';\nimport type { GroupChannelProps } from '../../types';\n\ntype EditInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  onChangeText: (val: string) => void;\n  messageToEdit: SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  disabled: boolean;\n  autoFocus: boolean;\n  mentionedUsers: MentionedUser[];\n};\n\nconst EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(\n  {\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onUpdateUserMessage,\n    onSelectionChange,\n    disabled,\n    autoFocus,\n    mentionedUsers,\n  },\n  ref,\n) {\n  const { mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n\n  const onPressCancel = () => {\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onPressSave = () => {\n    if (messageToEdit.isUserMessage()) {\n      const mention = {\n        userIds: mentionedUsers.map((it) => it.user.userId),\n        messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),\n        type: MentionType.USERS,\n      };\n\n      onUpdateUserMessage(text, messageToEdit, mention).catch(() =>\n        toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'),\n      );\n    }\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!disabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={styles.input}\n          placeholder={STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n        >\n          {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n        </TextInput>\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\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  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}

package/lib/module/domain/groupChannel/component/GroupChannelInput/SendInput.js

@@ -1,26 +1,34 @@
-import React from 'react';
+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 { conditionChaining } from '@sendbird/uikit-utils';
-import { useLocalization, usePlatformService } from '../../../../hooks/useContext';
+import { conditionChaining, isImage, shouldCompressImage } from '@sendbird/uikit-utils';
+import { useLocalization, usePlatformService, useSendbirdChat } from '../../../../hooks/useContext';
 import SBUError from '../../../../libs/SBUError';
 import SBUUtils from '../../../../libs/SBUUtils';
-
-const SendInput = _ref => {
+const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
   let {
     onSendUserMessage,
     onSendFileMessage,
     text,
-    setText,
+    onChangeText,
     disabled,
     frozen,
-    muted
+    muted,
+    onSelectionChange,
+    mentionedUsers
   } = _ref;
+  const {
+    mentionManager,
+    imageCompressionConfig,
+    features
+  } = useSendbirdChat();
   const {
     STRINGS
   } = useLocalization();
   const {
-    fileService
+    fileService,
+    mediaService
   } = usePlatformService();
   const {
     colors
@@ -34,8 +42,13 @@ const SendInput = _ref => {
   const toast = useToast();
 
   const onPressSend = () => {
-    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
-    setText('');
+    const mention = {
+      userIds: mentionedUsers.map(it => it.user.userId),
+      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
+      type: MentionType.USERS
+    };
+    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+    onChangeText('');
   };
 
   const onPressAttachment = () => {
@@ -44,13 +57,13 @@ const SendInput = _ref => {
         title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,
         icon: 'camera',
         onPress: async () => {
-          const photo = await fileService.openCamera({
+          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('camera', 'UIKitSample'),
+                  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()
@@ -62,22 +75,39 @@ const SendInput = _ref => {
             }
           });
 
-          if (photo) {
-            onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+          if (mediaFile) {
+            // Image compression
+            if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.uri, 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;
+                }
+              });
+            }
+
+            onSendFileMessage(mediaFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
           }
         }
       }, {
         title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,
         icon: 'photo',
         onPress: async () => {
-          const photo = await fileService.openMediaLibrary({
+          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('device storage', 'UIKitSample'),
+                  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()
@@ -89,20 +119,55 @@ const SendInput = _ref => {
             }
           });
 
-          if (photo && photo[0]) {
-            onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+          if (mediaFiles && mediaFiles[0]) {
+            const mediaFile = mediaFiles[0]; // Image compression
+
+            if (isImage(mediaFile.uri, mediaFile.type) && shouldCompressImage(mediaFile.uri, 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;
+                }
+              });
+            }
+
+            onSendFileMessage(mediaFiles[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
           }
         }
       }, {
         title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,
         icon: 'document',
         onPress: async () => {
-          const file = await fileService.openDocument({
+          const documentFile = await fileService.openDocument({
             onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error')
           });
 
-          if (file) {
-            onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+          if (documentFile) {
+            // Image compression
+            if (isImage(documentFile.uri, documentFile.type) && shouldCompressImage(documentFile.uri, 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;
+                }
+              });
+            }
+
+            onSendFileMessage(documentFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
           }
         }
       }]
@@ -120,13 +185,15 @@ const SendInput = _ref => {
     size: 24,
     containerStyle: styles.iconAttach
   })), /*#__PURE__*/React.createElement(TextInput, {
+    ref: ref,
     multiline: true,
+    disableFullscreenUI: true,
+    onSelectionChange: onSelectionChange,
     editable: !disabled,
-    value: text,
-    onChangeText: setText,
+    onChangeText: onChangeText,
     style: styles.input,
     placeholder: conditionChaining([frozen, muted], [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE])
-  }), Boolean(text.trim()) && /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, mentionManager.textToMentionedComponents(text, mentionedUsers)), Boolean(text.trim()) && /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: onPressSend,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -135,8 +202,7 @@ const SendInput = _ref => {
     size: 24,
     containerStyle: styles.iconSend
   })));
-};
-
+});
 const styles = createStyleSheet({
   sendInputContainer: {
     paddingVertical: 10,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","TouchableOpacity","View","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","conditionChaining","useLocalization","usePlatformService","SBUError","SBUUtils","SendInput","onSendUserMessage","onSendFileMessage","text","setText","disabled","frozen","muted","STRINGS","fileService","colors","openSheet","alert","toast","onPressSend","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","photo","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","DIALOG_ATTACHMENT_PHOTO_LIBRARY","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","file","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_MUTED","INPUT_PLACEHOLDER_ACTIVE","Boolean","trim","iconSend","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","maxHeight","select","ios","borderRadius","padding","marginLeft"],"sources":["SendInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../../hooks/useContext';\nimport SBUError from '../../../../libs/SBUError';\nimport SBUUtils from '../../../../libs/SBUUtils';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  setText: (val: string) => void;\n  frozen: boolean;\n  muted: boolean;\n  disabled: boolean;\n};\nconst SendInput = ({\n  onSendUserMessage,\n  onSendFileMessage,\n  text,\n  setText,\n  disabled,\n  frozen,\n  muted,\n}: SendInputProps) => {\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const onPressSend = () => {\n    onSendUserMessage(text).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    setText('');\n  };\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const photo = await fileService.openCamera({\n              mediaType: 'all',\n              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('camera', 'UIKitSample'),\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 (photo) {\n              onSendFileMessage(photo).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const photo = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'all',\n              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('device storage', 'UIKitSample'),\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 (photo && photo[0]) {\n              onSendFileMessage(photo[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const file = await fileService.openDocument({\n              onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n            });\n\n            if (file) {\n              onSendFileMessage(file).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        multiline\n        editable={!disabled}\n        value={text}\n        onChangeText={setText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [frozen, muted],\n          [\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,\n          ],\n        )}\n      />\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","conditionChaining","isImage","shouldCompressImage","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","ref","onSendUserMessage","onSendFileMessage","text","onChangeText","disabled","frozen","muted","onSelectionChange","mentionedUsers","mentionManager","imageCompressionConfig","features","STRINGS","fileService","mediaService","colors","openSheet","alert","toast","onPressSend","mention","userIds","map","it","user","userId","messageTemplate","textToMentionedMessageTemplate","type","USERS","catch","show","TOAST","SEND_MSG_ERROR","onPressAttachment","sheetItems","title","GROUP_CHANNEL","DIALOG_ATTACHMENT_CAMERA","icon","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","openSettings","OPEN_CAMERA_ERROR","uri","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","size","DIALOG_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","DIALOG_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","styles","sendInputContainer","ui","input","default","highlight","active","iconAttach","INPUT_PLACEHOLDER_DISABLED","INPUT_PLACEHOLDER_MUTED","INPUT_PLACEHOLDER_ACTIVE","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 { conditionChaining, 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 { MentionedUser } from '../../../../types';\nimport type { GroupChannelProps } from '../../types';\n\ntype SendInputProps = GroupChannelProps['Input'] & {\n  text: string;\n  onChangeText: (val: string) => void;\n  frozen: boolean;\n  muted: boolean;\n  disabled: boolean;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  mentionedUsers: MentionedUser[];\n};\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n  {\n    onSendUserMessage,\n    onSendFileMessage,\n    text,\n    onChangeText,\n    disabled,\n    frozen,\n    muted,\n    onSelectionChange,\n    mentionedUsers,\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 onPressSend = () => {\n    const mention = {\n      userIds: mentionedUsers.map((it) => it.user.userId),\n      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),\n      type: MentionType.USERS,\n    };\n\n    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n    onChangeText('');\n  };\n\n  const onPressAttachment = () => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,\n          icon: 'camera',\n          onPress: async () => {\n            const 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              onSendFileMessage(mediaFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,\n          icon: 'photo',\n          onPress: async () => {\n            const 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              onSendFileMessage(mediaFiles[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,\n          icon: 'document',\n          onPress: async () => {\n            const 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              onSendFileMessage(documentFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));\n            }\n          },\n        },\n      ],\n    });\n  };\n\n  return (\n    <View style={styles.sendInputContainer}>\n      <TouchableOpacity onPress={onPressAttachment} disabled={disabled}>\n        <Icon\n          color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n          icon={'add'}\n          size={24}\n          containerStyle={styles.iconAttach}\n        />\n      </TouchableOpacity>\n      <TextInput\n        ref={ref}\n        multiline\n        disableFullscreenUI\n        onSelectionChange={onSelectionChange}\n        editable={!disabled}\n        onChangeText={onChangeText}\n        style={styles.input}\n        placeholder={conditionChaining(\n          [frozen, muted],\n          [\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED,\n            STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,\n          ],\n        )}\n      >\n        {mentionManager.textToMentionedComponents(text, mentionedUsers)}\n      </TextInput>\n\n      {Boolean(text.trim()) && (\n        <TouchableOpacity onPress={onPressSend} disabled={disabled}>\n          <Icon\n            color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n            icon={'send'}\n            size={24}\n            containerStyle={styles.iconSend}\n          />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconAttach: {\n    marginRight: 8,\n    padding: 4,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAEEC,QAFF,EAKEC,gBALF,EAMEC,IANF,QAOO,cAPP;AASA,SAASC,WAAT,QAA4B,wBAA5B;AACA,SACEC,IADF,EAEEC,SAFF,EAGEC,gBAHF,EAIEC,QAJF,EAKEC,cALF,EAMEC,QANF,EAOEC,aAPF,QAQO,yCARP;AASA,SAASC,iBAAT,EAA4BC,OAA5B,EAAqCC,mBAArC,QAAgE,uBAAhE;AAEA,SAASC,eAAT,EAA0BC,kBAA1B,EAA8CC,eAA9C,QAAqE,8BAArE;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AAaA,MAAMC,SAAS,gBAAGpB,UAAU,CAA8B,SAASoB,SAAT,OAYxDC,GAZwD,EAaxD;EAAA,IAZA;IACEC,iBADF;IAEEC,iBAFF;IAGEC,IAHF;IAIEC,YAJF;IAKEC,QALF;IAMEC,MANF;IAOEC,KAPF;IAQEC,iBARF;IASEC;EATF,CAYA;EACA,MAAM;IAAEC,cAAF;IAAkBC,sBAAlB;IAA0CC;EAA1C,IAAuDhB,eAAe,EAA5E;EACA,MAAM;IAAEiB;EAAF,IAAcnB,eAAe,EAAnC;EACA,MAAM;IAAEoB,WAAF;IAAeC;EAAf,IAAgCpB,kBAAkB,EAAxD;EACA,MAAM;IAAEqB;EAAF,IAAa1B,aAAa,EAAhC;EACA,MAAM;IAAE2B;EAAF,IAAgB7B,cAAc,EAApC;EACA,MAAM;IAAE8B;EAAF,IAAY/B,QAAQ,EAA1B;EACA,MAAMgC,KAAK,GAAG9B,QAAQ,EAAtB;;EAEA,MAAM+B,WAAW,GAAG,MAAM;IACxB,MAAMC,OAAO,GAAG;MACdC,OAAO,EAAEb,cAAc,CAACc,GAAf,CAAoBC,EAAD,IAAQA,EAAE,CAACC,IAAH,CAAQC,MAAnC,CADK;MAEdC,eAAe,EAAEjB,cAAc,CAACkB,8BAAf,CAA8CzB,IAA9C,EAAoDM,cAApD,CAFH;MAGdoB,IAAI,EAAE9C,WAAW,CAAC+C;IAHJ,CAAhB;IAMA7B,iBAAiB,CAACE,IAAD,EAAOkB,OAAP,CAAjB,CAAiCU,KAAjC,CAAuC,MAAMZ,KAAK,CAACa,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAcC,cAAzB,EAAyC,OAAzC,CAA7C;IACA9B,YAAY,CAAC,EAAD,CAAZ;EACD,CATD;;EAWA,MAAM+B,iBAAiB,GAAG,MAAM;IAC9BlB,SAAS,CAAC;MACRmB,UAAU,EAAE,CACV;QACEC,KAAK,EAAExB,OAAO,CAACyB,aAAR,CAAsBC,wBAD/B;QAEEC,IAAI,EAAE,QAFR;QAGEC,OAAO,EAAE,YAAY;UACnB,MAAMC,SAAS,GAAG,MAAM5B,WAAW,CAAC6B,UAAZ,CAAuB;YAC7CC,SAAS,EAAE,KADkC;YAE7CC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAelD,QAAQ,CAACmD,IAAT,CAAcC,sBAAjC,EAAyD;gBACvD/B,KAAK,CAAC;kBACJmB,KAAK,EAAExB,OAAO,CAACqC,MAAR,CAAeC,uBADlB;kBAEJC,OAAO,EAAEvC,OAAO,CAACqC,MAAR,CAAeG,yBAAf,CACPxC,OAAO,CAACyC,MAAR,CAAeC,iBADR,EAEP1C,OAAO,CAACyC,MAAR,CAAeE,mBAFR,CAFL;kBAMJC,OAAO,EAAE,CAAC;oBAAEtD,IAAI,EAAEU,OAAO,CAACqC,MAAR,CAAeQ,oBAAvB;oBAA6CjB,OAAO,EAAE,MAAM3C,QAAQ,CAAC6D,YAAT;kBAA5D,CAAD;gBANL,CAAD,CAAL;cAQD,CATD,MASO;gBACLxC,KAAK,CAACa,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAc2B,iBAAzB,EAA4C,OAA5C;cACD;YACF;UAf4C,CAAvB,CAAxB;;UAkBA,IAAIlB,SAAJ,EAAe;YACb;YACA,IACElD,OAAO,CAACkD,SAAS,CAACmB,GAAX,EAAgBnB,SAAS,CAACb,IAA1B,CAAP,IACApC,mBAAmB,CAACiD,SAAS,CAACmB,GAAX,EAAgBjD,QAAQ,CAACkD,uBAAzB,CAFrB,EAGE;cACA,MAAMhE,QAAQ,CAACiE,OAAT,CAAiB,YAAY;gBACjC,MAAMC,UAAU,GAAG,MAAMjD,YAAY,CAACkD,aAAb,CAA2B;kBAClDJ,GAAG,EAAEnB,SAAS,CAACmB,GADmC;kBAElDK,QAAQ,EAAEvD,sBAAsB,CAACwD,KAFiB;kBAGlDC,SAAS,EAAEzD,sBAAsB,CAAC0D,MAHgB;kBAIlDC,eAAe,EAAE3D,sBAAsB,CAAC2D;gBAJU,CAA3B,CAAzB;;gBAOA,IAAIN,UAAJ,EAAgB;kBACdtB,SAAS,CAACmB,GAAV,GAAgBG,UAAU,CAACH,GAA3B;kBACAnB,SAAS,CAAC6B,IAAV,GAAiBP,UAAU,CAACO,IAA5B;gBACD;cACF,CAZK,CAAN;YAaD;;YAEDrE,iBAAiB,CAACwC,SAAD,CAAjB,CAA6BX,KAA7B,CAAmC,MAAMZ,KAAK,CAACa,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAcC,cAAzB,EAAyC,OAAzC,CAAzC;UACD;QACF;MA7CH,CADU,EAgDV;QACEG,KAAK,EAAExB,OAAO,CAACyB,aAAR,CAAsBkC,+BAD/B;QAEEhC,IAAI,EAAE,OAFR;QAGEC,OAAO,EAAE,YAAY;UACnB,MAAMgC,UAAU,GAAG,MAAM3D,WAAW,CAAC4D,gBAAZ,CAA6B;YACpDC,cAAc,EAAE,CADoC;YAEpD/B,SAAS,EAAE,KAFyC;YAGpDC,aAAa,EAAGC,KAAD,IAAW;cACxB,IAAIA,KAAK,CAACC,IAAN,KAAelD,QAAQ,CAACmD,IAAT,CAAcC,sBAAjC,EAAyD;gBACvD/B,KAAK,CAAC;kBACJmB,KAAK,EAAExB,OAAO,CAACqC,MAAR,CAAeC,uBADlB;kBAEJC,OAAO,EAAEvC,OAAO,CAACqC,MAAR,CAAeG,yBAAf,CACPxC,OAAO,CAACyC,MAAR,CAAesB,yBADR,EAEP/D,OAAO,CAACyC,MAAR,CAAeE,mBAFR,CAFL;kBAMJC,OAAO,EAAE,CAAC;oBAAEtD,IAAI,EAAEU,OAAO,CAACqC,MAAR,CAAeQ,oBAAvB;oBAA6CjB,OAAO,EAAE,MAAM3C,QAAQ,CAAC6D,YAAT;kBAA5D,CAAD;gBANL,CAAD,CAAL;cAQD,CATD,MASO;gBACLxC,KAAK,CAACa,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAc4C,wBAAzB,EAAmD,OAAnD;cACD;YACF;UAhBmD,CAA7B,CAAzB;;UAmBA,IAAIJ,UAAU,IAAIA,UAAU,CAAC,CAAD,CAA5B,EAAiC;YAC/B,MAAM/B,SAAS,GAAG+B,UAAU,CAAC,CAAD,CAA5B,CAD+B,CAG/B;;YACA,IACEjF,OAAO,CAACkD,SAAS,CAACmB,GAAX,EAAgBnB,SAAS,CAACb,IAA1B,CAAP,IACApC,mBAAmB,CAACiD,SAAS,CAACmB,GAAX,EAAgBjD,QAAQ,CAACkD,uBAAzB,CAFrB,EAGE;cACA,MAAMhE,QAAQ,CAACiE,OAAT,CAAiB,YAAY;gBACjC,MAAMC,UAAU,GAAG,MAAMjD,YAAY,CAACkD,aAAb,CAA2B;kBAClDJ,GAAG,EAAEnB,SAAS,CAACmB,GADmC;kBAElDK,QAAQ,EAAEvD,sBAAsB,CAACwD,KAFiB;kBAGlDC,SAAS,EAAEzD,sBAAsB,CAAC0D,MAHgB;kBAIlDC,eAAe,EAAE3D,sBAAsB,CAAC2D;gBAJU,CAA3B,CAAzB;;gBAOA,IAAIN,UAAJ,EAAgB;kBACdtB,SAAS,CAACmB,GAAV,GAAgBG,UAAU,CAACH,GAA3B;kBACAnB,SAAS,CAAC6B,IAAV,GAAiBP,UAAU,CAACO,IAA5B;gBACD;cACF,CAZK,CAAN;YAaD;;YAEDrE,iBAAiB,CAACuE,UAAU,CAAC,CAAD,CAAX,CAAjB,CAAiC1C,KAAjC,CAAuC,MAAMZ,KAAK,CAACa,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAcC,cAAzB,EAAyC,OAAzC,CAA7C;UACD;QACF;MAhDH,CAhDU,EAkGV;QACEG,KAAK,EAAExB,OAAO,CAACyB,aAAR,CAAsBwC,uBAD/B;QAEEtC,IAAI,EAAE,UAFR;QAGEC,OAAO,EAAE,YAAY;UACnB,MAAMsC,YAAY,GAAG,MAAMjE,WAAW,CAACkE,YAAZ,CAAyB;YAClDnC,aAAa,EAAE,MAAM1B,KAAK,CAACa,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAcgD,gBAAzB,EAA2C,OAA3C;UAD6B,CAAzB,CAA3B;;UAIA,IAAIF,YAAJ,EAAkB;YAChB;YACA,IACEvF,OAAO,CAACuF,YAAY,CAAClB,GAAd,EAAmBkB,YAAY,CAAClD,IAAhC,CAAP,IACApC,mBAAmB,CAACsF,YAAY,CAAClB,GAAd,EAAmBjD,QAAQ,CAACkD,uBAA5B,CAFrB,EAGE;cACA,MAAMhE,QAAQ,CAACiE,OAAT,CAAiB,YAAY;gBACjC,MAAMC,UAAU,GAAG,MAAMjD,YAAY,CAACkD,aAAb,CAA2B;kBAClDJ,GAAG,EAAEkB,YAAY,CAAClB,GADgC;kBAElDK,QAAQ,EAAEvD,sBAAsB,CAACwD,KAFiB;kBAGlDC,SAAS,EAAEzD,sBAAsB,CAAC0D,MAHgB;kBAIlDC,eAAe,EAAE3D,sBAAsB,CAAC2D;gBAJU,CAA3B,CAAzB;;gBAOA,IAAIN,UAAJ,EAAgB;kBACde,YAAY,CAAClB,GAAb,GAAmBG,UAAU,CAACH,GAA9B;kBACAkB,YAAY,CAACR,IAAb,GAAoBP,UAAU,CAACO,IAA/B;gBACD;cACF,CAZK,CAAN;YAaD;;YAEDrE,iBAAiB,CAAC6E,YAAD,CAAjB,CAAgChD,KAAhC,CAAsC,MAAMZ,KAAK,CAACa,IAAN,CAAWnB,OAAO,CAACoB,KAAR,CAAcC,cAAzB,EAAyC,OAAzC,CAA5C;UACD;QACF;MA/BH,CAlGU;IADJ,CAAD,CAAT;EAsID,CAvID;;EAyIA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEgD,MAAM,CAACC;EAApB,gBACE,oBAAC,gBAAD;IAAkB,OAAO,EAAEhD,iBAA3B;IAA8C,QAAQ,EAAE9B;EAAxD,gBACE,oBAAC,IAAD;IACE,KAAK,EAAEA,QAAQ,GAAGW,MAAM,CAACoE,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBjF,QAAxB,CAAiCkF,SAApC,GAAgDvE,MAAM,CAACoE,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBE,MAAxB,CAA+BD,SADhG;IAEE,IAAI,EAAE,KAFR;IAGE,IAAI,EAAE,EAHR;IAIE,cAAc,EAAEL,MAAM,CAACO;EAJzB,EADF,CADF,eASE,oBAAC,SAAD;IACE,GAAG,EAAEzF,GADP;IAEE,SAAS,MAFX;IAGE,mBAAmB,MAHrB;IAIE,iBAAiB,EAAEQ,iBAJrB;IAKE,QAAQ,EAAE,CAACH,QALb;IAME,YAAY,EAAED,YANhB;IAOE,KAAK,EAAE8E,MAAM,CAACG,KAPhB;IAQE,WAAW,EAAE9F,iBAAiB,CAC5B,CAACe,MAAD,EAASC,KAAT,CAD4B,EAE5B,CACEM,OAAO,CAACyB,aAAR,CAAsBoD,0BADxB,EAEE7E,OAAO,CAACyB,aAAR,CAAsBqD,uBAFxB,EAGE9E,OAAO,CAACyB,aAAR,CAAsBsD,wBAHxB,CAF4B;EARhC,GAiBGlF,cAAc,CAACmF,yBAAf,CAAyC1F,IAAzC,EAA+CM,cAA/C,CAjBH,CATF,EA6BGqF,OAAO,CAAC3F,IAAI,CAAC4F,IAAL,EAAD,CAAP,iBACC,oBAAC,gBAAD;IAAkB,OAAO,EAAE3E,WAA3B;IAAwC,QAAQ,EAAEf;EAAlD,gBACE,oBAAC,IAAD;IACE,KAAK,EAAEA,QAAQ,GAAGW,MAAM,CAACoE,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBjF,QAAxB,CAAiCkF,SAApC,GAAgDvE,MAAM,CAACoE,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBE,MAAxB,CAA+BD,SADhG;IAEE,IAAI,EAAE,MAFR;IAGE,IAAI,EAAE,EAHR;IAIE,cAAc,EAAEL,MAAM,CAACc;EAJzB,EADF,CA9BJ,CADF;AA0CD,CApN2B,CAA5B;AAsNA,MAAMd,MAAM,GAAGhG,gBAAgB,CAAC;EAC9BiG,kBAAkB,EAAE;IAClBc,eAAe,EAAE,EADC;IAElBC,iBAAiB,EAAE,EAFD;IAGlBC,UAAU,EAAE,QAHM;IAIlBC,aAAa,EAAE;EAJG,CADU;EAO9Bf,KAAK,EAAE;IACLgB,IAAI,EAAE,CADD;IAELC,WAAW,EAAE,CAFR;IAGLC,SAAS,EAAE,EAHN;IAILnC,SAAS,EAAE,KAAKxF,QAAQ,CAAC4H,MAAT,CAAgB;MAAEC,GAAG,EAAE,GAAP;MAAYnB,OAAO,EAAE;IAArB,CAAhB,CAJX;IAKLoB,YAAY,EAAE;EALT,CAPuB;EAc9BjB,UAAU,EAAE;IACVa,WAAW,EAAE,CADH;IAEVK,OAAO,EAAE;EAFC,CAdkB;EAkB9BX,QAAQ,EAAE;IACRY,UAAU,EAAE,CADJ;IAERD,OAAO,EAAE;EAFD;AAlBoB,CAAD,CAA/B;AAwBA,eAAe5G,SAAf"}