@sendbird/uikit-react-native 2.3.0 → 2.4.0

package/lib/module/components/ChannelCover.js

@@ -16,50 +16,64 @@ const ChannelCover = _ref => {
   } = useSendbirdChat();
   const {
     colors
-  } = useUIKitTheme(); // custom channel cover
+  } = useUIKitTheme();
+
+  if (channel.isGroupChannel()) {
+    // custom channel cover
+    if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {
+      return /*#__PURE__*/React.createElement(Avatar, _extends({
+        uri: channel.coverUrl
+      }, avatarProps));
+    } // broadcast channel cover
 
-  if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {
-    return /*#__PURE__*/React.createElement(Avatar, _extends({
-      uri: channel.coverUrl
-    }, avatarProps));
-  } // broadcast channel cover
 
+    if (channel.isBroadcast) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: avatarProps.containerStyle
+      }, /*#__PURE__*/React.createElement(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.isBroadcast) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: avatarProps.containerStyle
-    }, /*#__PURE__*/React.createElement(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.createElement(Avatar, avatarProps);
+    } // 1:1, use member profile
 
-  if (channel.memberCount <= 1) {
-    return /*#__PURE__*/React.createElement(Avatar, avatarProps);
-  } // 1:1, use member profile
 
+    if (channel.memberCount === 2) {
+      var _channel$members$filt, _channel$members$filt2;
 
-  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.createElement(Avatar, _extends({
+        uri: otherUserProfile
+      }, avatarProps));
+    } // group, use members profile
 
-    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.createElement(Avatar.Group, avatarProps, getMembersExcludeMe(channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId).map(m => /*#__PURE__*/React.createElement(Avatar, {
+      key: m.userId,
+      uri: m.profileUrl
+    })));
+  }
+
+  if (channel.isOpenChannel()) {
+    // channel cover
     return /*#__PURE__*/React.createElement(Avatar, _extends({
-      uri: otherUserProfile
+      uri: channel.coverUrl
     }, avatarProps));
-  } // group, use members profile
-
+  }
 
-  return /*#__PURE__*/React.createElement(Avatar.Group, avatarProps, getMembersExcludeMe(channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId).map(m => /*#__PURE__*/React.createElement(Avatar, {
-    key: m.userId,
-    uri: m.profileUrl
-  })));
+  return /*#__PURE__*/React.createElement(Avatar, _extends({
+    uri: channel.coverUrl
+  }, avatarProps));
 };
 
 export default ChannelCover;

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Avatar","Icon","useUIKitTheme","getMembersExcludeMe","isDefaultCoverImage","useSendbirdChat","ChannelCover","channel","avatarProps","currentUser","colors","coverUrl","isBroadcast","containerStyle","size","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,aAAvB,QAA4C,yCAA5C;AACA,SAA+BC,mBAA/B,EAAoDC,mBAApD,QAA+E,uBAA/E;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAQA,MAAMC,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkBJ,eAAe,EAAvC;EACA,MAAM;IAAEK;EAAF,IAAaR,aAAa,EAAhC,CAF2D,CAI3D;;EACA,IAAI,CAACE,mBAAmB,CAACG,OAAO,CAACI,QAAT,CAApB,IAA0C,CAACF,WAA/C,EAA4D;IAC1D,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEF,OAAO,CAACI;IAArB,GAAmCH,WAAnC,EAAP;EACD,CAP0D,CAS3D;;;EACA,IAAID,OAAO,CAACK,WAAZ,EAAyB;IACvB,oBACE,oBAAC,IAAD;MAAM,KAAK,EAAEJ,WAAW,CAACK;IAAzB,gBACE,oBAAC,IAAD;MACE,IAAI,EAAE,WADR;MAEE,IAAI,EAAEL,WAAW,CAACM,IAAZ,IAAoB,IAAI,CAAxB,CAFR;MAGE,KAAK,EAAEJ,MAAM,CAACK,qBAHhB;MAIE,cAAc,EAAE;QACdC,eAAe,EAAEN,MAAM,CAACO,SADV;QAEdC,YAAY,EAAEV,WAAW,CAACM,IAAZ,GAAmB,GAFnB;QAGdK,OAAO,EAAEX,WAAW,CAACM,IAAZ,IAAoB,IAAI,CAAxB,IAA6B;MAHxB;IAJlB,EADF,CADF;EAcD,CAzB0D,CA2B3D;;;EACA,IAAIP,OAAO,CAACa,WAAR,IAAuB,CAA3B,EAA8B;IAC5B,oBAAO,oBAAC,MAAD,EAAYZ,WAAZ,CAAP;EACD,CA9B0D,CAgC3D;;;EACA,IAAID,OAAO,CAACa,WAAR,KAAwB,CAA5B,EAA+B;IAAA;;IAC7B,MAAMC,gBAAgB,4BAAGd,OAAO,CAACe,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAahB,WAAW,CAACgB,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;IACA,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEL;IAAb,GAAmCb,WAAnC,EAAP;EACD,CApC0D,CAsC3D;;;EACA,oBACE,oBAAC,MAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACGL,mBAAmB,CAACI,OAAD,EAAUE,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEgB,MAAvB,CAAnB,CAAkDE,GAAlD,CAAuDH,CAAD,iBACrD,oBAAC,MAAD;IAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;IAAuB,GAAG,EAAED,CAAC,CAACE;EAA9B,EADD,CADH,CADF;AAOD,CA9CD;;AAgDA,eAAepB,YAAf"}
+{"version":3,"names":["React","View","Avatar","Icon","useUIKitTheme","getMembersExcludeMe","isDefaultCoverImage","useSendbirdChat","ChannelCover","channel","avatarProps","currentUser","colors","isGroupChannel","coverUrl","isBroadcast","containerStyle","size","onBackgroundReverse01","backgroundColor","secondary","borderRadius","padding","memberCount","otherUserProfile","members","filter","m","userId","profileUrl","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,aAAvB,QAA4C,yCAA5C;AACA,SAA8BC,mBAA9B,EAAmDC,mBAAnD,QAA8E,uBAA9E;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAQA,MAAMC,YAAY,GAAG,QAAwC;EAAA,IAAvC;IAAEC,OAAF;IAAW,GAAGC;EAAd,CAAuC;EAC3D,MAAM;IAAEC;EAAF,IAAkBJ,eAAe,EAAvC;EACA,MAAM;IAAEK;EAAF,IAAaR,aAAa,EAAhC;;EAEA,IAAIK,OAAO,CAACI,cAAR,EAAJ,EAA8B;IAC5B;IACA,IAAI,CAACP,mBAAmB,CAACG,OAAO,CAACK,QAAT,CAApB,IAA0C,CAACH,WAA/C,EAA4D;MAC1D,oBAAO,oBAAC,MAAD;QAAQ,GAAG,EAAEF,OAAO,CAACK;MAArB,GAAmCJ,WAAnC,EAAP;IACD,CAJ2B,CAM5B;;;IACA,IAAID,OAAO,CAACM,WAAZ,EAAyB;MACvB,oBACE,oBAAC,IAAD;QAAM,KAAK,EAAEL,WAAW,CAACM;MAAzB,gBACE,oBAAC,IAAD;QACE,IAAI,EAAE,WADR;QAEE,IAAI,EAAEN,WAAW,CAACO,IAAZ,IAAoB,IAAI,CAAxB,CAFR;QAGE,KAAK,EAAEL,MAAM,CAACM,qBAHhB;QAIE,cAAc,EAAE;UACdC,eAAe,EAAEP,MAAM,CAACQ,SADV;UAEdC,YAAY,EAAEX,WAAW,CAACO,IAAZ,GAAmB,GAFnB;UAGdK,OAAO,EAAEZ,WAAW,CAACO,IAAZ,IAAoB,IAAI,CAAxB,IAA6B;QAHxB;MAJlB,EADF,CADF;IAcD,CAtB2B,CAwB5B;;;IACA,IAAIR,OAAO,CAACc,WAAR,IAAuB,CAA3B,EAA8B;MAC5B,oBAAO,oBAAC,MAAD,EAAYb,WAAZ,CAAP;IACD,CA3B2B,CA6B5B;;;IACA,IAAID,OAAO,CAACc,WAAR,KAAwB,CAA5B,EAA+B;MAAA;;MAC7B,MAAMC,gBAAgB,4BAAGf,OAAO,CAACgB,OAAR,CAAgBC,MAAhB,CAAwBC,CAAD,IAAOA,CAAC,CAACC,MAAF,KAAajB,WAAW,CAACiB,MAAvD,CAAH,oFAAG,sBAAiE,CAAjE,CAAH,2DAAG,uBAAqEC,UAA9F;MACA,oBAAO,oBAAC,MAAD;QAAQ,GAAG,EAAEL;MAAb,GAAmCd,WAAnC,EAAP;IACD,CAjC2B,CAmC5B;;;IACA,oBACE,oBAAC,MAAD,CAAQ,KAAR,EAAkBA,WAAlB,EACGL,mBAAmB,CAACI,OAAD,EAAUE,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEiB,MAAvB,CAAnB,CAAkDE,GAAlD,CAAuDH,CAAD,iBACrD,oBAAC,MAAD;MAAQ,GAAG,EAAEA,CAAC,CAACC,MAAf;MAAuB,GAAG,EAAED,CAAC,CAACE;IAA9B,EADD,CADH,CADF;EAOD;;EAED,IAAIpB,OAAO,CAACsB,aAAR,EAAJ,EAA6B;IAC3B;IACA,oBAAO,oBAAC,MAAD;MAAQ,GAAG,EAAEtB,OAAO,CAACK;IAArB,GAAmCJ,WAAnC,EAAP;EACD;;EAED,oBAAO,oBAAC,MAAD;IAAQ,GAAG,EAAED,OAAO,CAACK;EAArB,GAAmCJ,WAAnC,EAAP;AACD,CAvDD;;AAyDA,eAAeF,YAAf"}

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

@@ -2,18 +2,19 @@ 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, useSendbirdChat } from '../../../../hooks/useContext';
+import { useLocalization, useSendbirdChat } from '../../hooks/useContext';
 const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
   let {
     text,
     onChangeText,
     messageToEdit,
     setMessageToEdit,
+    onPressUpdateUserMessage,
     onUpdateUserMessage,
     onSelectionChange,
-    disabled,
     autoFocus,
-    mentionedUsers
+    mentionedUsers,
+    inputDisabled
   } = _ref;
   const {
     mentionManager
@@ -30,18 +31,32 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
 
   const onPressSave = () => {
     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'));
+      const mentionType = 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: MentionType.USERS,
+          userIds: mentionedUserIds,
+          messageTemplate: mentionedMessageTemplate
+        }).catch(onFailureToUpdate);
+      }
     }
 
     setMessageToEdit();
     onChangeText('');
   };
 
+  const onFailureToUpdate = () => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error');
+
   return /*#__PURE__*/React.createElement(View, {
     style: styles.editInputContainer
   }, /*#__PURE__*/React.createElement(View, {
@@ -50,11 +65,11 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
     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.createElement(View, {
     style: {
@@ -64,12 +79,12 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     variant: 'text',
     onPress: onPressCancel
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_CANCEL), /*#__PURE__*/React.createElement(View, {
+  }, STRINGS.LABELS.CHANNEL_INPUT_EDIT_CANCEL), /*#__PURE__*/React.createElement(View, {
     style: styles.space
   }), /*#__PURE__*/React.createElement(Button, {
     variant: 'contained',
     onPress: onPressSave
-  }, STRINGS.GROUP_CHANNEL.INPUT_EDIT_OK)));
+  }, STRINGS.LABELS.CHANNEL_INPUT_EDIT_OK)));
 });
 const styles = createStyleSheet({
   editInputContainer: {

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Platform","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","ref","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","mentionManager","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","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","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 { 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/module/{domain/groupChannel/component/GroupChannelInput → components/ChannelInput}/SendInput.js

@@ -2,21 +2,23 @@ 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, isImage, shouldCompressImage } from '@sendbird/uikit-utils';
-import { useLocalization, usePlatformService, useSendbirdChat } from '../../../../hooks/useContext';
-import SBUError from '../../../../libs/SBUError';
-import SBUUtils from '../../../../libs/SBUUtils';
+import { 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 = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
   let {
+    onPressSendUserMessage,
+    onPressSendFileMessage,
     onSendUserMessage,
     onSendFileMessage,
     text,
     onChangeText,
-    disabled,
-    frozen,
-    muted,
     onSelectionChange,
-    mentionedUsers
+    mentionedUsers,
+    inputDisabled,
+    inputFrozen,
+    inputMuted
   } = _ref;
   const {
     mentionManager,
@@ -41,20 +43,45 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
   } = useAlert();
   const toast = useToast();
 
-  const onPressSend = () => {
-    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'));
+  const sendUserMessage = () => {
+    const mentionType = MentionType.USERS;
+    const mentionedUserIds = mentionedUsers.map(it => it.user.userId);
+    const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(text, mentionedUsers);
+
+    if (onPressSendUserMessage) {
+      onPressSendUserMessage({
+        message: text,
+        mentionType,
+        mentionedUserIds,
+        mentionedMessageTemplate
+      }).catch(onFailureToSend);
+    } else if (onSendUserMessage) {
+      onSendUserMessage(text, {
+        type: mentionType,
+        userIds: mentionedUserIds,
+        messageTemplate: mentionedMessageTemplate
+      }).catch(onFailureToSend);
+    }
+
     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({
@@ -93,11 +120,11 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
               });
             }
 
-            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({
@@ -138,11 +165,11 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
               });
             }
 
-            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({
@@ -167,20 +194,27 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
               });
             }
 
-            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.createElement(View, {
     style: styles.sendInputContainer
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: onPressAttachment,
-    disabled: disabled
+    disabled: inputDisabled
   }, /*#__PURE__*/React.createElement(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
@@ -189,15 +223,15 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
     multiline: true,
     disableFullscreenUI: true,
     onSelectionChange: onSelectionChange,
-    editable: !disabled,
+    editable: !inputDisabled,
     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])
+    placeholder: getPlaceholder()
   }, mentionManager.textToMentionedComponents(text, mentionedUsers)), Boolean(text.trim()) && /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: onPressSend,
-    disabled: disabled
+    onPress: sendUserMessage,
+    disabled: inputDisabled
   }, /*#__PURE__*/React.createElement(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/module/components/ChannelInput/SendInput.js.map

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

package/lib/module/{domain/groupChannel/component/GroupChannelInput → components/ChannelInput}/index.js

@@ -1,13 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { KeyboardAvoidingView, Platform, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { getGroupChannelChatAvailableState, replace, useIIFE } from '@sendbird/uikit-utils';
-import { useSendbirdChat } from '../../../../hooks/useContext';
-import useMentionTextInput from '../../../../hooks/useMentionTextInput';
-import { GroupChannelContexts } from '../../module/moduleContext';
+import { replace, useIIFE } from '@sendbird/uikit-utils';
+import { useSendbirdChat } from '../../hooks/useContext';
+import useMentionTextInput from '../../hooks/useMentionTextInput';
 import EditInput from './EditInput';
 import SendInput from './SendInput';
 const AUTO_FOCUS = Platform.select({
@@ -25,7 +24,13 @@ const KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({
 const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input'; // TODO: Refactor 'Edit' mode to clearly
 
 
-const GroupChannelInput = props => {
+const ChannelInput = props => {
+  const {
+    channel,
+    keyboardAvoidOffset,
+    messageToEdit,
+    setMessageToEdit
+  } = props;
   const {
     top,
     left,
@@ -39,20 +44,6 @@ const GroupChannelInput = props => {
     features,
     mentionManager
   } = useSendbirdChat();
-  const {
-    channel,
-    messageToEdit,
-    setMessageToEdit,
-    keyboardAvoidOffset = 0
-  } = useContext(GroupChannelContexts.Fragment);
-  const chatAvailableState = getGroupChannelChatAvailableState(channel);
-  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;
-  const inputMode = useIIFE(() => {
-    if (!messageToEdit) return 'send';
-    if (messageToEdit.isFileMessage()) return 'send';
-    return 'edit';
-  });
-  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);
   const {
     selection,
     onSelectionChange,
@@ -61,10 +52,18 @@ const GroupChannelInput = props => {
     onChangeText,
     mentionedUsers
   } = useMentionTextInput({
-    messageToEdit: messageToEdit
+    messageToEdit
   });
+  const inputMode = useIIFE(() => {
+    if (!messageToEdit) return 'send';
+    if (messageToEdit.isFileMessage()) return 'send';
+    return 'edit';
+  });
+  const mentionAvailable = features.userMentionEnabled && channel.isGroupChannel() && !channel.isBroadcast;
+  const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);
+  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);
   useTypingTrigger(text, channel);
-  useTextPersistenceOnDisabled(text, onChangeText, chatAvailableState.disabled);
+  useTextPersistenceOnDisabled(text, onChangeText, props.inputDisabled);
   useAutoFocusOnEditMode(textInputRef, messageToEdit);
 
   const onPressToMention = (user, searchStringRange) => {
@@ -97,27 +96,26 @@ const GroupChannelInput = props => {
   }, /*#__PURE__*/React.createElement(View, {
     onLayout: e => setInputHeight(e.nativeEvent.layout.height),
     style: styles.inputContainer
-  }, inputMode === 'send' && /*#__PURE__*/React.createElement(SendInput, _extends({}, props, chatAvailableState, {
-    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+  }, inputMode === 'send' && /*#__PURE__*/React.createElement(SendInput, _extends({}, props, {
+    key: inputKeyToRemount,
     ref: textInputRef,
     text: text,
     onChangeText: onChangeText,
     onSelectionChange: onSelectionChange,
     mentionedUsers: mentionedUsers
   })), inputMode === 'edit' && messageToEdit && /*#__PURE__*/React.createElement(EditInput, _extends({}, props, {
-    key: GET_INPUT_KEY(mentionedUsers.length === 0),
+    key: inputKeyToRemount,
     ref: textInputRef,
-    autoFocus: AUTO_FOCUS,
     text: text,
     onChangeText: onChangeText,
-    messageToEdit: messageToEdit,
-    setMessageToEdit: setMessageToEdit,
-    disabled: chatAvailableState.disabled,
+    autoFocus: AUTO_FOCUS,
     onSelectionChange: onSelectionChange,
-    mentionedUsers: mentionedUsers
+    messageToEdit: messageToEdit,
+    mentionedUsers: mentionedUsers,
+    setMessageToEdit: setMessageToEdit
   }))), /*#__PURE__*/React.createElement(SafeAreaBottom, {
     height: bottom
-  }))), mentionAvailable && /*#__PURE__*/React.createElement(props.SuggestedMentionList, {
+  }))), mentionAvailable && props.SuggestedMentionList && /*#__PURE__*/React.createElement(props.SuggestedMentionList, {
     text: text,
     selection: selection,
     inputHeight: inputHeight,
@@ -129,9 +127,11 @@ const GroupChannelInput = props => {
 };
 
 const useTypingTrigger = (text, channel) => {
-  useEffect(() => {
-    if (text.length === 0) channel.endTyping();else channel.startTyping();
-  }, [text]);
+  if (channel.isGroupChannel()) {
+    useEffect(() => {
+      if (text.length === 0) channel.endTyping();else channel.startTyping();
+    }, [text]);
+  }
 };
 
 const useTextPersistenceOnDisabled = (text, setText, chatDisabled) => {
@@ -178,5 +178,5 @@ const styles = createStyleSheet({
     height: 56
   }
 });
-export default /*#__PURE__*/React.memo(GroupChannelInput);
+export default /*#__PURE__*/React.memo(ChannelInput);
 //# sourceMappingURL=index.js.map

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

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

package/lib/module/components/FileViewer.js

@@ -91,11 +91,11 @@ const FileViewer = _ref => {
       onPressDelete(fileMessage);
     } else {
       alert({
-        title: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE,
+        title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
         buttons: [{
-          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL
+          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
         }, {
-          text: STRINGS.GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK,
+          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
           style: 'destructive',
           onPress: () => {
             deleteMessage().then(() => {