@sendbird/uikit-react-native 2.3.0 → 2.4.1

package/README.md

@@ -294,6 +294,7 @@ import {
   createGroupChannelFragment,
   createGroupChannelListFragment,
 } from '@sendbird/uikit-react-native';
+import { useGroupChannel } from '@sendbird/uikit-chat-hooks';
 
 const GroupChannelListFragment = createGroupChannelListFragment();
 const GroupChannelCreateFragment = createGroupChannelCreateFragment();
@@ -304,14 +305,12 @@ const GroupChannelListScreen = () => {
   return (
     <GroupChannelListFragment
       onPressCreateChannel={(channelType) => {
-        // Navigate to GroupChannelCreate key function.
+        // Navigate to GroupChannelCreate function.
         navigation.navigate('GroupChannelCreate', { channelType });
       }}
       onPressChannel={(channel) => {
-        // Navigate to GroupChannel key function.
-        navigation.navigate('GroupChannel', {
-          serializedChannel: channel.serialize(),
-        });
+        // Navigate to GroupChannel function.
+        navigation.navigate('GroupChannel', { channelUrl: channel.url });
       }}
     />
   );
@@ -323,10 +322,8 @@ const GroupChannelCreateScreen = () => {
   return (
     <GroupChannelCreateFragment
       onCreateChannel={async (channel) => {
-        // Navigate to GroupChannel key function.
-        navigation.replace('GroupChannel', {
-          serializedChannel: channel.serialize(),
-        });
+        // Navigate to GroupChannel function.
+        navigation.replace('GroupChannel', { channelUrl: channel.url });
       }}
       onPressHeaderLeft={() => {
         // Go back to the previous screen.
@@ -341,13 +338,14 @@ const GroupChannelScreen = () => {
   const { params } = useRoute<any>();
 
   const { sdk } = useSendbirdChat();
-  const channel = sdk.GroupChannel.buildFromSerializedData(params.serializedChannel);
-
+  const { channel } = useGroupChannel(sdk, params.channelUrl);
+  if (!channel) return null;
+  
   return (
     <GroupChannelFragment
       channel={channel}
       onChannelDeleted={() => {
-        // Navigate to GroupChannelList key function.
+        // Navigate to GroupChannelList function.
         navigation.navigate('GroupChannelList');
       }}
       onPressHeaderLeft={() => {
@@ -355,10 +353,8 @@ const GroupChannelScreen = () => {
         navigation.goBack();
       }}
       onPressHeaderRight={() => {
-        // Navigate to GroupChannelSettings key function.
-        navigation.navigate('GroupChannelSettings', {
-          serializedChannel: params.serializedChannel,
-        });
+        // Navigate to GroupChannelSettings function.
+        navigation.navigate('GroupChannelSettings', { channelUrl: params.channelUrl });
       }}
     />
   );
@@ -423,6 +419,7 @@ const App = () => {
         file: FileService,
         notification: NotificationService,
         clipboard: ClipboardService,
+        media: MediaService,
       }}
     >
       <Navigation />

package/lib/commonjs/components/ChannelCover.js

@@ -29,50 +29,64 @@ const ChannelCover = _ref => {
   } = (0, _useContext.useSendbirdChat)();
   const {
     colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)(); // custom channel cover
-
-  if (!(0, _uikitUtils.isDefaultCoverImage)(channel.coverUrl) || !currentUser) {
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+
+  if (channel.isGroupChannel()) {
+    // custom channel cover
+    if (!(0, _uikitUtils.isDefaultCoverImage)(channel.coverUrl) || !currentUser) {
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, _extends({
+        uri: channel.coverUrl
+      }, avatarProps));
+    } // broadcast channel cover
+
+
+    if (channel.isBroadcast) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: avatarProps.containerStyle
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+        icon: 'broadcast',
+        size: avatarProps.size * (4 / 7),
+        color: colors.onBackgroundReverse01,
+        containerStyle: {
+          backgroundColor: colors.secondary,
+          borderRadius: avatarProps.size * 0.5,
+          padding: avatarProps.size * (3 / 7) * 0.5
+        }
+      }));
+    } // no members, use anonymous profile
+
+
+    if (channel.memberCount <= 1) {
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, avatarProps);
+    } // 1:1, use member profile
+
+
+    if (channel.memberCount === 2) {
+      var _channel$members$filt, _channel$members$filt2;
+
+      const otherUserProfile = (_channel$members$filt = channel.members.filter(m => m.userId !== currentUser.userId)) === null || _channel$members$filt === void 0 ? void 0 : (_channel$members$filt2 = _channel$members$filt[0]) === null || _channel$members$filt2 === void 0 ? void 0 : _channel$members$filt2.profileUrl;
+      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, _extends({
+        uri: otherUserProfile
+      }, avatarProps));
+    } // group, use members profile
+
+
+    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar.Group, avatarProps, (0, _uikitUtils.getMembersExcludeMe)(channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId).map(m => /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
+      key: m.userId,
+      uri: m.profileUrl
+    })));
+  }
+
+  if (channel.isOpenChannel()) {
+    // channel cover
     return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, _extends({
       uri: channel.coverUrl
     }, avatarProps));
-  } // broadcast channel cover
-
-
-  if (channel.isBroadcast) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: avatarProps.containerStyle
-    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-      icon: 'broadcast',
-      size: avatarProps.size * (4 / 7),
-      color: colors.onBackgroundReverse01,
-      containerStyle: {
-        backgroundColor: colors.secondary,
-        borderRadius: avatarProps.size * 0.5,
-        padding: avatarProps.size * (3 / 7) * 0.5
-      }
-    }));
-  } // no members, use anonymous profile
-
-
-  if (channel.memberCount <= 1) {
-    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, avatarProps);
-  } // 1:1, use member profile
-
-
-  if (channel.memberCount === 2) {
-    var _channel$members$filt, _channel$members$filt2;
-
-    const otherUserProfile = (_channel$members$filt = channel.members.filter(m => m.userId !== currentUser.userId)) === null || _channel$members$filt === void 0 ? void 0 : (_channel$members$filt2 = _channel$members$filt[0]) === null || _channel$members$filt2 === void 0 ? void 0 : _channel$members$filt2.profileUrl;
-    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, _extends({
-      uri: otherUserProfile
-    }, avatarProps));
-  } // group, use members profile
-
+  }
 
-  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar.Group, avatarProps, (0, _uikitUtils.getMembersExcludeMe)(channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId).map(m => /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
-    key: m.userId,
-    uri: m.profileUrl
-  })));
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, _extends({
+    uri: channel.coverUrl
+  }, avatarProps));
 };
 
 var _default = ChannelCover;

package/lib/commonjs/components/ChannelCover.js.map

@@ -1 +1 @@
-{"version":3,"names":["ChannelCover","channel","avatarProps","currentUser","useSendbirdChat","colors","useUIKitTheme","isDefaultCoverImage","coverUrl","isBroadcast","containerStyle","size","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","getMembersExcludeMe","map"],"sources":["ChannelCover.tsx"],"sourcesContent":["import React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdGroupChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ChannelCover = ({ channel, ...avatarProps }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n\n  // custom channel cover\n  if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {\n    return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n  }\n\n  // broadcast channel cover\n  if (channel.isBroadcast) {\n    return (\n      <View style={avatarProps.containerStyle}>\n        <Icon\n          icon={'broadcast'}\n          size={avatarProps.size * (4 / 7)}\n          color={colors.onBackgroundReverse01}\n          containerStyle={{\n            backgroundColor: colors.secondary,\n            borderRadius: avatarProps.size * 0.5,\n            padding: avatarProps.size * (3 / 7) * 0.5,\n          }}\n        />\n      </View>\n    );\n  }\n\n  // no members, use anonymous profile\n  if (channel.memberCount <= 1) {\n    return <Avatar {...avatarProps} />;\n  }\n\n  // 1:1, use member profile\n  if (channel.memberCount === 2) {\n    const otherUserProfile = channel.members.filter((m) => m.userId !== currentUser.userId)?.[0]?.profileUrl;\n    return <Avatar uri={otherUserProfile} {...avatarProps} />;\n  }\n\n  // group, use members profile\n  return (\n    <Avatar.Group {...avatarProps}>\n      {getMembersExcludeMe(channel, currentUser?.userId).map((m) => (\n        <Avatar key={m.userId} uri={m.profileUrl} />\n      ))}\n    </Avatar.Group>\n  );\n};\n\nexport default ChannelCover;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AAEA;;;;;;AAQA,MAAMA,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkB,IAAAC,2BAAA,GAAxB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB,CAF2D,CAI3D;;EACA,IAAI,CAAC,IAAAC,+BAAA,EAAoBN,OAAO,CAACO,QAA5B,CAAD,IAA0C,CAACL,WAA/C,EAA4D;IAC1D,oBAAO,6BAAC,kCAAD;MAAQ,GAAG,EAAEF,OAAO,CAACO;IAArB,GAAmCN,WAAnC,EAAP;EACD,CAP0D,CAS3D;;;EACA,IAAID,OAAO,CAACQ,WAAZ,EAAyB;IACvB,oBACE,6BAAC,iBAAD;MAAM,KAAK,EAAEP,WAAW,CAACQ;IAAzB,gBACE,6BAAC,gCAAD;MACE,IAAI,EAAE,WADR;MAEE,IAAI,EAAER,WAAW,CAACS,IAAZ,IAAoB,IAAI,CAAxB,CAFR;MAGE,KAAK,EAAEN,MAAM,CAACO,qBAHhB;MAIE,cAAc,EAAE;QACdC,eAAe,EAAER,MAAM,CAACS,SADV;QAEdC,YAAY,EAAEb,WAAW,CAACS,IAAZ,GAAmB,GAFnB;QAGdK,OAAO,EAAEd,WAAW,CAACS,IAAZ,IAAoB,IAAI,CAAxB,IAA6B;MAHxB;IAJlB,EADF,CADF;EAcD,CAzB0D,CA2B3D;;;EACA,IAAIV,OAAO,CAACgB,WAAR,IAAuB,CAA3B,EAA8B;IAC5B,oBAAO,6BAAC,kCAAD,EAAYf,WAAZ,CAAP;EACD,CA9B0D,CAgC3D;;;EACA,IAAID,OAAO,CAACgB,WAAR,KAAwB,CAA5B,EAA+B;IAAA;;IAC7B,MAAMC,gBAAgB,4BAAGjB,OAAO,CAACkB,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAanB,WAAW,CAACmB,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;IACA,oBAAO,6BAAC,kCAAD;MAAQ,GAAG,EAAEL;IAAb,GAAmChB,WAAnC,EAAP;EACD,CApC0D,CAsC3D;;;EACA,oBACE,6BAAC,kCAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACG,IAAAsB,+BAAA,EAAoBvB,OAApB,EAA6BE,WAA7B,aAA6BA,WAA7B,uBAA6BA,WAAW,CAAEmB,MAA1C,EAAkDG,GAAlD,CAAuDJ,CAAD,iBACrD,6BAAC,kCAAD;IAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;IAAuB,GAAG,EAAED,CAAC,CAACE;EAA9B,EADD,CADH,CADF;AAOD,CA9CD;;eAgDevB,Y"}
+{"version":3,"names":["ChannelCover","channel","avatarProps","currentUser","useSendbirdChat","colors","useUIKitTheme","isGroupChannel","isDefaultCoverImage","coverUrl","isBroadcast","containerStyle","size","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","getMembersExcludeMe","map","isOpenChannel"],"sources":["ChannelCover.tsx"],"sourcesContent":["import React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdBaseChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\n\ntype Props = {\n  channel: SendbirdBaseChannel;\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst ChannelCover = ({ channel, ...avatarProps }: Props) => {\n  const { currentUser } = useSendbirdChat();\n  const { colors } = useUIKitTheme();\n\n  if (channel.isGroupChannel()) {\n    // custom channel cover\n    if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {\n      return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n    }\n\n    // broadcast channel cover\n    if (channel.isBroadcast) {\n      return (\n        <View style={avatarProps.containerStyle}>\n          <Icon\n            icon={'broadcast'}\n            size={avatarProps.size * (4 / 7)}\n            color={colors.onBackgroundReverse01}\n            containerStyle={{\n              backgroundColor: colors.secondary,\n              borderRadius: avatarProps.size * 0.5,\n              padding: avatarProps.size * (3 / 7) * 0.5,\n            }}\n          />\n        </View>\n      );\n    }\n\n    // no members, use anonymous profile\n    if (channel.memberCount <= 1) {\n      return <Avatar {...avatarProps} />;\n    }\n\n    // 1:1, use member profile\n    if (channel.memberCount === 2) {\n      const otherUserProfile = channel.members.filter((m) => m.userId !== currentUser.userId)?.[0]?.profileUrl;\n      return <Avatar uri={otherUserProfile} {...avatarProps} />;\n    }\n\n    // group, use members profile\n    return (\n      <Avatar.Group {...avatarProps}>\n        {getMembersExcludeMe(channel, currentUser?.userId).map((m) => (\n          <Avatar key={m.userId} uri={m.profileUrl} />\n        ))}\n      </Avatar.Group>\n    );\n  }\n\n  if (channel.isOpenChannel()) {\n    // channel cover\n    return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n  }\n\n  return <Avatar uri={channel.coverUrl} {...avatarProps} />;\n};\n\nexport default ChannelCover;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AAEA;;;;;;AAQA,MAAMA,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkB,IAAAC,2BAAA,GAAxB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;;EAEA,IAAIL,OAAO,CAACM,cAAR,EAAJ,EAA8B;IAC5B;IACA,IAAI,CAAC,IAAAC,+BAAA,EAAoBP,OAAO,CAACQ,QAA5B,CAAD,IAA0C,CAACN,WAA/C,EAA4D;MAC1D,oBAAO,6BAAC,kCAAD;QAAQ,GAAG,EAAEF,OAAO,CAACQ;MAArB,GAAmCP,WAAnC,EAAP;IACD,CAJ2B,CAM5B;;;IACA,IAAID,OAAO,CAACS,WAAZ,EAAyB;MACvB,oBACE,6BAAC,iBAAD;QAAM,KAAK,EAAER,WAAW,CAACS;MAAzB,gBACE,6BAAC,gCAAD;QACE,IAAI,EAAE,WADR;QAEE,IAAI,EAAET,WAAW,CAACU,IAAZ,IAAoB,IAAI,CAAxB,CAFR;QAGE,KAAK,EAAEP,MAAM,CAACQ,qBAHhB;QAIE,cAAc,EAAE;UACdC,eAAe,EAAET,MAAM,CAACU,SADV;UAEdC,YAAY,EAAEd,WAAW,CAACU,IAAZ,GAAmB,GAFnB;UAGdK,OAAO,EAAEf,WAAW,CAACU,IAAZ,IAAoB,IAAI,CAAxB,IAA6B;QAHxB;MAJlB,EADF,CADF;IAcD,CAtB2B,CAwB5B;;;IACA,IAAIX,OAAO,CAACiB,WAAR,IAAuB,CAA3B,EAA8B;MAC5B,oBAAO,6BAAC,kCAAD,EAAYhB,WAAZ,CAAP;IACD,CA3B2B,CA6B5B;;;IACA,IAAID,OAAO,CAACiB,WAAR,KAAwB,CAA5B,EAA+B;MAAA;;MAC7B,MAAMC,gBAAgB,4BAAGlB,OAAO,CAACmB,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAapB,WAAW,CAACoB,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;MACA,oBAAO,6BAAC,kCAAD;QAAQ,GAAG,EAAEL;MAAb,GAAmCjB,WAAnC,EAAP;IACD,CAjC2B,CAmC5B;;;IACA,oBACE,6BAAC,kCAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACG,IAAAuB,+BAAA,EAAoBxB,OAApB,EAA6BE,WAA7B,aAA6BA,WAA7B,uBAA6BA,WAAW,CAAEoB,MAA1C,EAAkDG,GAAlD,CAAuDJ,CAAD,iBACrD,6BAAC,kCAAD;MAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;MAAuB,GAAG,EAAED,CAAC,CAACE;IAA9B,EADD,CADH,CADF;EAOD;;EAED,IAAIvB,OAAO,CAAC0B,aAAR,EAAJ,EAA6B;IAC3B;IACA,oBAAO,6BAAC,kCAAD;MAAQ,GAAG,EAAE1B,OAAO,CAACQ;IAArB,GAAmCP,WAAnC,EAAP;EACD;;EAED,oBAAO,6BAAC,kCAAD;IAAQ,GAAG,EAAED,OAAO,CAACQ;EAArB,GAAmCP,WAAnC,EAAP;AACD,CAvDD;;eAyDeF,Y"}

package/lib/commonjs/{domain/groupChannel/component/GroupChannelInput → components/ChannelInput}/EditInput.js

@@ -13,7 +13,7 @@ var _message = require("@sendbird/chat/message");
 
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 
-var _useContext = require("../../../../hooks/useContext");
+var _useContext = require("../../hooks/useContext");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -25,11 +25,12 @@ const EditInput = /*#__PURE__*/(0, _react.forwardRef)(function EditInput(_ref, r
     onChangeText,
     messageToEdit,
     setMessageToEdit,
+    onPressUpdateUserMessage,
     onUpdateUserMessage,
     onSelectionChange,
-    disabled,
     autoFocus,
-    mentionedUsers
+    mentionedUsers,
+    inputDisabled
   } = _ref;
   const {
     mentionManager
@@ -46,18 +47,32 @@ const EditInput = /*#__PURE__*/(0, _react.forwardRef)(function EditInput(_ref, r
 
   const onPressSave = () => {
     if (messageToEdit.isUserMessage()) {
-      const mention = {
-        userIds: mentionedUsers.map(it => it.user.userId),
-        messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
-        type: _message.MentionType.USERS
-      };
-      onUpdateUserMessage(text, messageToEdit, mention).catch(() => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error'));
+      const mentionType = _message.MentionType.USERS;
+      const mentionedUserIds = mentionedUsers.map(it => it.user.userId);
+      const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);
+
+      if (onPressUpdateUserMessage) {
+        onPressUpdateUserMessage(messageToEdit, {
+          message: text,
+          mentionType,
+          mentionedUserIds,
+          mentionedMessageTemplate
+        }).catch(onFailureToUpdate);
+      } else if (onUpdateUserMessage) {
+        onUpdateUserMessage(text, messageToEdit, {
+          type: _message.MentionType.USERS,
+          userIds: mentionedUserIds,
+          messageTemplate: mentionedMessageTemplate
+        }).catch(onFailureToUpdate);
+      }
     }
 
     setMessageToEdit();
     onChangeText('');
   };
 
+  const onFailureToUpdate = () => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error');
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.editInputContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -66,11 +81,11 @@ const EditInput = /*#__PURE__*/(0, _react.forwardRef)(function EditInput(_ref, r
     ref: ref,
     multiline: true,
     disableFullscreenUI: true,
-    editable: !disabled,
+    editable: !inputDisabled,
     autoFocus: autoFocus,
     onChangeText: onChangeText,
     style: styles.input,
-    placeholder: STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE,
+    placeholder: STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE,
     onSelectionChange: onSelectionChange
   }, mentionManager.textToMentionedComponents(text, mentionedUsers))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
@@ -80,12 +95,12 @@ const EditInput = /*#__PURE__*/(0, _react.forwardRef)(function EditInput(_ref, r
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Button, {
     variant: 'text',
     onPress: onPressCancel
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, STRINGS.LABELS.CHANNEL_INPUT_EDIT_CANCEL), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.space
   }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Button, {
     variant: 'contained',
     onPress: onPressSave
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK)));
+  }, STRINGS.LABELS.CHANNEL_INPUT_EDIT_OK)));
 });
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   editInputContainer: {

package/lib/commonjs/components/ChannelInput/EditInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EditInput","forwardRef","ref","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","mentionManager","useSendbirdChat","STRINGS","useLocalization","toast","useToast","onPressCancel","onPressSave","isUserMessage","mentionType","MentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","message","catch","onFailureToUpdate","type","userIds","messageTemplate","show","TOAST","UPDATE_MSG_ERROR","styles","editInputContainer","inputWrapper","input","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","Platform","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 { ChannelInputProps } from './index';\n\ninterface EditInputProps extends ChannelInputProps {\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  autoFocus: boolean;\n  mentionedUsers: MentionedUser[];\n}\n\nconst EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(\n  {\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\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 mentionType = MentionType.USERS;\n      const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n      const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);\n\n      if (onPressUpdateUserMessage) {\n        onPressUpdateUserMessage(messageToEdit, {\n          message: text,\n          mentionType,\n          mentionedUserIds,\n          mentionedMessageTemplate,\n        }).catch(onFailureToUpdate);\n      } else if (onUpdateUserMessage) {\n        onUpdateUserMessage(text, messageToEdit, {\n          type: MentionType.USERS,\n          userIds: mentionedUserIds,\n          messageTemplate: mentionedMessageTemplate,\n        }).catch(onFailureToUpdate);\n      }\n    }\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onFailureToUpdate = () => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error');\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!inputDisabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={styles.input}\n          placeholder={STRINGS.LABELS.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.LABELS.CHANNEL_INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.LABELS.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/commonjs/{domain/groupChannel/component/GroupChannelInput → components/ChannelInput}/SendInput.js

@@ -15,11 +15,11 @@ var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundati
 
 var _uikitUtils = require("@sendbird/uikit-utils");
 
-var _useContext = require("../../../../hooks/useContext");
+var _useContext = require("../../hooks/useContext");
 
-var _SBUError = _interopRequireDefault(require("../../../../libs/SBUError"));
+var _SBUError = _interopRequireDefault(require("../../libs/SBUError"));
 
-var _SBUUtils = _interopRequireDefault(require("../../../../libs/SBUUtils"));
+var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -29,15 +29,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, ref) {
   let {
+    onPressSendUserMessage,
+    onPressSendFileMessage,
     onSendUserMessage,
     onSendFileMessage,
     text,
     onChangeText,
-    disabled,
-    frozen,
-    muted,
     onSelectionChange,
-    mentionedUsers
+    mentionedUsers,
+    inputDisabled,
+    inputFrozen,
+    inputMuted
   } = _ref;
   const {
     mentionManager,
@@ -62,20 +64,45 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
   } = (0, _uikitReactNativeFoundation.useAlert)();
   const toast = (0, _uikitReactNativeFoundation.useToast)();
 
-  const onPressSend = () => {
-    const mention = {
-      userIds: mentionedUsers.map(it => it.user.userId),
-      messageTemplate: mentionManager.textToMentionedMessageTemplate(text, mentionedUsers),
-      type: _message.MentionType.USERS
-    };
-    onSendUserMessage(text, mention).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+  const sendUserMessage = () => {
+    const mentionType = _message.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);
+    }
+
     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.GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA,
+        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA,
         icon: 'camera',
         onPress: async () => {
           const mediaFile = await fileService.openCamera({
@@ -98,7 +125,7 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
 
           if (mediaFile) {
             // Image compression
-            if ((0, _uikitUtils.isImage)(mediaFile.uri, mediaFile.type) && (0, _uikitUtils.shouldCompressImage)(mediaFile.uri, features.imageCompressionEnabled)) {
+            if ((0, _uikitUtils.isImage)(mediaFile.uri, mediaFile.type) && (0, _uikitUtils.shouldCompressImage)(mediaFile.type, features.imageCompressionEnabled)) {
               await _SBUUtils.default.safeRun(async () => {
                 const compressed = await mediaService.compressImage({
                   uri: mediaFile.uri,
@@ -114,11 +141,11 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
               });
             }
 
-            onSendFileMessage(mediaFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+            sendFileMessage(mediaFile);
           }
         }
       }, {
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY,
+        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,
         icon: 'photo',
         onPress: async () => {
           const mediaFiles = await fileService.openMediaLibrary({
@@ -143,7 +170,7 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
           if (mediaFiles && mediaFiles[0]) {
             const mediaFile = mediaFiles[0]; // Image compression
 
-            if ((0, _uikitUtils.isImage)(mediaFile.uri, mediaFile.type) && (0, _uikitUtils.shouldCompressImage)(mediaFile.uri, features.imageCompressionEnabled)) {
+            if ((0, _uikitUtils.isImage)(mediaFile.uri, mediaFile.type) && (0, _uikitUtils.shouldCompressImage)(mediaFile.type, features.imageCompressionEnabled)) {
               await _SBUUtils.default.safeRun(async () => {
                 const compressed = await mediaService.compressImage({
                   uri: mediaFile.uri,
@@ -159,11 +186,11 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
               });
             }
 
-            onSendFileMessage(mediaFiles[0]).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+            sendFileMessage(mediaFile);
           }
         }
       }, {
-        title: STRINGS.GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES,
+        title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,
         icon: 'document',
         onPress: async () => {
           const documentFile = await fileService.openDocument({
@@ -172,7 +199,7 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
 
           if (documentFile) {
             // Image compression
-            if ((0, _uikitUtils.isImage)(documentFile.uri, documentFile.type) && (0, _uikitUtils.shouldCompressImage)(documentFile.uri, features.imageCompressionEnabled)) {
+            if ((0, _uikitUtils.isImage)(documentFile.uri, documentFile.type) && (0, _uikitUtils.shouldCompressImage)(documentFile.type, features.imageCompressionEnabled)) {
               await _SBUUtils.default.safeRun(async () => {
                 const compressed = await mediaService.compressImage({
                   uri: documentFile.uri,
@@ -188,20 +215,27 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
               });
             }
 
-            onSendFileMessage(documentFile).catch(() => toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error'));
+            sendFileMessage(documentFile);
           }
         }
       }]
     });
   };
 
+  const getPlaceholder = () => {
+    if (!inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;
+    if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
+    if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;
+    return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;
+  };
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.sendInputContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     onPress: onPressAttachment,
-    disabled: disabled
+    disabled: inputDisabled
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    color: disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
+    color: inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
     icon: 'add',
     size: 24,
     containerStyle: styles.iconAttach
@@ -210,15 +244,15 @@ const SendInput = /*#__PURE__*/(0, _react.forwardRef)(function SendInput(_ref, r
     multiline: true,
     disableFullscreenUI: true,
     onSelectionChange: onSelectionChange,
-    editable: !disabled,
+    editable: !inputDisabled,
     onChangeText: onChangeText,
     style: styles.input,
-    placeholder: (0, _uikitUtils.conditionChaining)([frozen, muted], [STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED, STRINGS.GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE])
+    placeholder: getPlaceholder()
   }, mentionManager.textToMentionedComponents(text, mentionedUsers)), Boolean(text.trim()) && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: onPressSend,
-    disabled: disabled
+    onPress: sendUserMessage,
+    disabled: inputDisabled
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    color: disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
+    color: inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight,
     icon: 'send',
     size: 24,
     containerStyle: styles.iconSend

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

@@ -0,0 +1 @@
+{"version":3,"names":["SendInput","forwardRef","ref","onPressSendUserMessage","onPressSendFileMessage","onSendUserMessage","onSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","mentionManager","imageCompressionConfig","features","useSendbirdChat","STRINGS","useLocalization","fileService","mediaService","usePlatformService","colors","useUIKitTheme","openSheet","useBottomSheet","alert","useAlert","toast","useToast","sendUserMessage","mentionType","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","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","OPEN_CAMERA_ERROR","isImage","uri","shouldCompressImage","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","width","maxHeight","height","compressionRate","size","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","getPlaceholder","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_MUTED","styles","sendInputContainer","ui","input","default","disabled","highlight","active","iconAttach","textToMentionedComponents","Boolean","trim","iconSend","createStyleSheet","paddingVertical","paddingHorizontal","alignItems","flexDirection","flex","marginRight","minHeight","Platform","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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"}