@sendbird/uikit-react-native 3.10.1 → 3.10.3

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

@@ -1,3 +1,4 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
 import { View } from 'react-native';
 import { MentionType } from '@sendbird/chat/message';
@@ -13,7 +14,8 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput({
   onSelectionChange,
   autoFocus,
   mentionedUsers,
-  inputDisabled
+  inputDisabled,
+  partialTextInputProps
 }, ref) {
   const {
     mentionManager,
@@ -47,7 +49,7 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput({
     style: styles.editInputContainer
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.inputWrapper
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React.createElement(TextInput, _extends({}, partialTextInputProps, {
     ref: ref,
     multiline: true,
     disableFullscreenUI: true,
@@ -59,7 +61,7 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput({
     onSelectionChange: onSelectionChange,
     originalText: text,
     supportRTLAlign: true
-  }, mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention))), /*#__PURE__*/React.createElement(View, {
+  }), mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention))), /*#__PURE__*/React.createElement(View, {
     style: {
       marginTop: 8,
       flexDirection: 'row'

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","style","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","ref","mentionManager","sbOptions","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","message","catch","onFailureToUpdate","show","TOAST","UPDATE_MSG_ERROR","createElement","styles","editInputContainer","inputWrapper","multiline","disableFullscreenUI","editable","placeholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","originalText","supportRTLAlign","textToMentionedComponents","marginTop","flexDirection","variant","onPress","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData, View } 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    style,\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = 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(\n        text,\n        mentionedUsers,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      );\n\n      onPressUpdateUserMessage(messageToEdit, {\n        message: text,\n        mentionType,\n        mentionedUserIds,\n        mentionedMessageTemplate,\n      }).catch(onFailureToUpdate);\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={style}\n          placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n          originalText={text}\n          supportRTLAlign\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\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  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAA4FC,IAAI,QAAQ,cAAc;AAEtH,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,MAAM,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,QAAQ,QAAQ,yCAAyC;AAGvG,SAASC,eAAe,EAAEC,eAAe,QAAQ,wBAAwB;AAczE,MAAMC,SAAS,gBAAGT,UAAU,CAA8B,SAASS,SAASA,CAC1E;EACEC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,aAAa;EACbC,gBAAgB;EAChBC,wBAAwB;EACxBC,iBAAiB;EACjBC,SAAS;EACTC,cAAc;EACdC;AACF,CAAC,EACDC,GAAG,EACH;EACA,MAAM;IAAEC,cAAc;IAAEC;EAAU,CAAC,GAAGd,eAAe,CAAC,CAAC;EACvD,MAAM;IAAEe;EAAQ,CAAC,GAAGhB,eAAe,CAAC,CAAC;EACrC,MAAMiB,KAAK,GAAGlB,QAAQ,CAAC,CAAC;EAExB,MAAMmB,aAAa,GAAGA,CAAA,KAAM;IAC1BX,gBAAgB,CAAC,CAAC;IAClBF,YAAY,CAAC,EAAE,CAAC;EAClB,CAAC;EAED,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIb,aAAa,CAACc,aAAa,CAAC,CAAC,EAAE;MACjC,MAAMC,WAAW,GAAG1B,WAAW,CAAC2B,KAAK;MACrC,MAAMC,gBAAgB,GAAGZ,cAAc,CAACa,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,IAAI,CAACC,MAAM,CAAC;MACnE,MAAMC,wBAAwB,GAAGd,cAAc,CAACe,8BAA8B,CAC5EzB,IAAI,EACJO,cAAc,EACdI,SAAS,CAACe,KAAK,CAACC,YAAY,CAACC,OAAO,CAACC,aACvC,CAAC;MAEDzB,wBAAwB,CAACF,aAAa,EAAE;QACtC4B,OAAO,EAAE9B,IAAI;QACbiB,WAAW;QACXE,gBAAgB;QAChBK;MACF,CAAC,CAAC,CAACO,KAAK,CAACC,iBAAiB,CAAC;IAC7B;IACA7B,gBAAgB,CAAC,CAAC;IAClBF,YAAY,CAAC,EAAE,CAAC;EAClB,CAAC;EAED,MAAM+B,iBAAiB,GAAGA,CAAA,KAAMnB,KAAK,CAACoB,IAAI,CAACrB,OAAO,CAACsB,KAAK,CAACC,gBAAgB,EAAE,OAAO,CAAC;EAEnF,oBACE/C,KAAA,CAAAgD,aAAA,CAAC9C,IAAI;IAACS,KAAK,EAAEsC,MAAM,CAACC;EAAmB,gBACrClD,KAAA,CAAAgD,aAAA,CAAC9C,IAAI;IAACS,KAAK,EAAEsC,MAAM,CAACE;EAAa,gBAC/BnD,KAAA,CAAAgD,aAAA,CAAC3C,SAAS;IACRgB,GAAG,EAAEA,GAAI;IACT+B,SAAS;IACTC,mBAAmB;IACnBC,QAAQ,EAAE,CAAClC,aAAc;IACzBF,SAAS,EAAEA,SAAU;IACrBL,YAAY,EAAEA,YAAa;IAC3BF,KAAK,EAAEA,KAAM;IACb4C,WAAW,EAAE/B,OAAO,CAACgC,MAAM,CAACC,gCAAiC;IAC7DxC,iBAAiB,EAAEA,iBAAkB;IACrCyC,YAAY,EAAE9C,IAAK;IACnB+C,eAAe;EAAA,GAEdrC,cAAc,CAACsC,yBAAyB,CACvChD,IAAI,EACJO,cAAc,EACdI,SAAS,CAACe,KAAK,CAACC,YAAY,CAACC,OAAO,CAACC,aACvC,CACS,CACP,CAAC,eACPzC,KAAA,CAAAgD,aAAA,CAAC9C,IAAI;IAACS,KAAK,EAAE;MAAEkD,SAAS,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAM;EAAE,gBAClD9D,KAAA,CAAAgD,aAAA,CAAC5C,MAAM;IAAC2D,OAAO,EAAE,MAAO;IAACC,OAAO,EAAEtC;EAAc,GAC7CF,OAAO,CAACgC,MAAM,CAACS,yBACV,CAAC,eACTjE,KAAA,CAAAgD,aAAA,CAAC9C,IAAI;IAACS,KAAK,EAAEsC,MAAM,CAACiB;EAAM,CAAE,CAAC,eAC7BlE,KAAA,CAAAgD,aAAA,CAAC5C,MAAM;IAAC2D,OAAO,EAAE,WAAY;IAACC,OAAO,EAAErC;EAAY,GAChDH,OAAO,CAACgC,MAAM,CAACW,qBACV,CACJ,CACF,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMlB,MAAM,GAAG3C,gBAAgB,CAAC;EAC9B4C,kBAAkB,EAAE;IAClBkB,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBP,aAAa,EAAE,QAAQ;IACvBQ,UAAU,EAAE;EACd,CAAC;EACDnB,YAAY,EAAE;IACZW,aAAa,EAAE;EACjB,CAAC;EACDI,KAAK,EAAE;IACLK,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAe7D,SAAS","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","style","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","partialTextInputProps","ref","mentionManager","sbOptions","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","message","catch","onFailureToUpdate","show","TOAST","UPDATE_MSG_ERROR","createElement","styles","editInputContainer","inputWrapper","_extends","multiline","disableFullscreenUI","editable","placeholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","originalText","supportRTLAlign","textToMentionedComponents","marginTop","flexDirection","variant","onPress","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData, View } 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    style,\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\n    partialTextInputProps,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = 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(\n        text,\n        mentionedUsers,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      );\n\n      onPressUpdateUserMessage(messageToEdit, {\n        message: text,\n        mentionType,\n        mentionedUserIds,\n        mentionedMessageTemplate,\n      }).catch(onFailureToUpdate);\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          {...partialTextInputProps}\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!inputDisabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={style}\n          placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n          originalText={text}\n          supportRTLAlign\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\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  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,6 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
-import { TouchableOpacity, View } from 'react-native';
+import { Platform, TouchableOpacity, View } from 'react-native';
 import { MentionType, MessageMetaArray } from '@sendbird/chat/message';
 import { Icon, Modal, TextInput, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { Logger, useDeferredModalState, useIIFE } from '@sendbird/uikit-utils';
@@ -24,7 +25,8 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput({
   channel,
   messageToReply,
   setMessageToReply,
-  messageForThread
+  messageForThread,
+  partialTextInputProps
 }, ref) {
   const {
     playerService,
@@ -87,7 +89,20 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput({
       ...messageMentionParams,
       ...messageReplyParams
     }).catch(onFailureToSend);
-    onChangeText('');
+
+    // On iOS with autoCorrect enabled, calling onChangeText('') immediately after sending
+    // can be ignored due to the keyboard's autocorrect not being committed yet.
+    // Delay the clear call slightly to allow the autocorrected text to be applied first.
+    if (Platform.OS === 'ios') {
+      const textInputRef = ref;
+      if (textInputRef.current) {
+        setTimeout(() => {
+          onChangeText('');
+        }, 10);
+      }
+    } else {
+      onChangeText('');
+    }
     setMessageToReply === null || setMessageToReply === void 0 || setMessageToReply();
   };
   const sendFileMessage = file => {
@@ -147,7 +162,7 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput({
       sheetItems
     }),
     disabled: inputDisabled
-  }), /*#__PURE__*/React.createElement(TextInput, {
+  }), /*#__PURE__*/React.createElement(TextInput, _extends({}, partialTextInputProps, {
     ref: ref,
     multiline: true,
     disableFullscreenUI: true,
@@ -158,7 +173,7 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput({
     placeholder: getPlaceholder(),
     originalText: text,
     supportRTLAlign: true
-  }, mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention)), voiceMessageEnabled && /*#__PURE__*/React.createElement(VoiceMessageButton, {
+  }), mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention)), voiceMessageEnabled && /*#__PURE__*/React.createElement(VoiceMessageButton, {
     visible: !sendButtonVisible,
     disabled: inputDisabled,
     onPress: () => setVoiceMessageInputVisible(true)

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","TouchableOpacity","View","MentionType","MessageMetaArray","Icon","Modal","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","useDeferredModalState","useIIFE","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY","useChannelInputItems","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","SendInput","style","VoiceMessageInput","MessageToReplyPreview","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","messageToReply","setMessageToReply","messageForThread","ref","playerService","recorderService","mentionManager","sbOptions","STRINGS","openSheet","toast","onClose","onDismiss","visible","voiceMessageInputVisible","setVisible","setVoiceMessageInputVisible","messageReplyParams","groupChannel","uikit","isGroupChannel","replyType","parentMessageId","messageId","isReplyToChannel","messageMentionParams","enableMention","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","onFailureToSend","error","show","TOAST","SEND_MSG_ERROR","sendUserMessage","message","catch","sendFileMessage","file","sendVoiceMessage","durationMills","USER_MUTED_ERROR","CHANNEL_FROZEN_ERROR","metaArrays","key","value","String","options","extension","sheetItems","getPlaceholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_MUTED","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_REPLY","threadInfo","replyCount","CHANNEL_INPUT_PLACEHOLDER_REPLY_TO_THREAD","CHANNEL_INPUT_PLACEHOLDER_REPLY_IN_THREAD","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","voiceMessageEnabled","enableVoiceMessage","sendButtonVisible","Boolean","trim","createElement","styles","sendInputContainer","onPress","disabled","multiline","disableFullscreenUI","editable","placeholder","originalText","supportRTLAlign","textToMentionedComponents","VoiceMessageButton","UserMessageSendButton","disableBackgroundClose","reset","backgroundStyle","justifyContent","type","onSend","duration","alert","colors","onPressWithPermissionCheck","recorderGranted","requestPermission","title","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_MICROPHONE","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","openSettings","playerGranted","PERMISSION_DEVICE_STORAGE","color","ui","input","default","highlight","active","icon","size","containerStyle","sendIcon","paddingVertical","paddingHorizontal","alignItems","flexDirection","marginStart","padding"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport { MentionType, MessageMetaArray } from '@sendbird/chat/message';\nimport {\n  Icon,\n  Modal,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { Logger, useDeferredModalState, useIIFE } from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY, VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY } from '../../constants';\nimport { useChannelInputItems } from '../../hooks/useChannelInputItems';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\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    style,\n    VoiceMessageInput,\n    MessageToReplyPreview,\n    AttachmentsButton,\n    onPressSendUserMessage,\n    onPressSendFileMessage,\n    text,\n    onChangeText,\n    onSelectionChange,\n    mentionedUsers,\n    inputDisabled,\n    inputFrozen,\n    inputMuted,\n    channel,\n    messageToReply,\n    setMessageToReply,\n    messageForThread,\n  },\n  ref,\n) {\n  const { playerService, recorderService } = usePlatformService();\n  const { mentionManager, sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { openSheet } = useBottomSheet();\n  const toast = useToast();\n\n  const {\n    onClose,\n    onDismiss,\n    visible: voiceMessageInputVisible,\n    setVisible: setVoiceMessageInputVisible,\n  } = useDeferredModalState();\n\n  const messageReplyParams = useIIFE(() => {\n    const { groupChannel } = sbOptions.uikit;\n\n    if (channel.isGroupChannel()) {\n      if (groupChannel.channel.replyType === 'quote_reply' && messageToReply) {\n        return {\n          parentMessageId: messageToReply.messageId,\n          isReplyToChannel: true,\n        };\n      } else if (groupChannel.channel.replyType === 'thread' && messageForThread) {\n        return {\n          parentMessageId: messageForThread.messageId,\n          isReplyToChannel: true,\n        };\n      }\n    }\n\n    return {};\n  });\n\n  const messageMentionParams = useIIFE(() => {\n    const { groupChannel } = sbOptions.uikit;\n    if (!channel.isGroupChannel() || !groupChannel.channel.enableMention) return {};\n    return {\n      mentionType: MentionType.USERS,\n      mentionedUserIds: mentionedUsers.map((it) => it.user.userId),\n      mentionedMessageTemplate: mentionManager.textToMentionedMessageTemplate(\n        text,\n        mentionedUsers,\n        groupChannel.channel.enableMention,\n      ),\n    };\n  });\n\n  const onFailureToSend = (error: Error) => {\n    toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.SEND_MSG_ERROR, error);\n  };\n\n  const sendUserMessage = () => {\n    onPressSendUserMessage({\n      message: text,\n      ...messageMentionParams,\n      ...messageReplyParams,\n    }).catch(onFailureToSend);\n\n    onChangeText('');\n    setMessageToReply?.();\n  };\n\n  const sendFileMessage = (file: FileType) => {\n    onPressSendFileMessage({\n      file,\n      ...messageReplyParams,\n    }).catch(onFailureToSend);\n\n    setMessageToReply?.();\n  };\n\n  const sendVoiceMessage = (file: FileType, durationMills: number) => {\n    if (inputMuted) {\n      toast.show(STRINGS.TOAST.USER_MUTED_ERROR, 'error');\n      Logger.error(STRINGS.TOAST.USER_MUTED_ERROR);\n    } else if (inputFrozen) {\n      toast.show(STRINGS.TOAST.CHANNEL_FROZEN_ERROR, 'error');\n      Logger.error(STRINGS.TOAST.CHANNEL_FROZEN_ERROR);\n    } else {\n      onPressSendFileMessage({\n        file,\n        metaArrays: [\n          new MessageMetaArray({\n            key: VOICE_MESSAGE_META_ARRAY_DURATION_KEY,\n            value: [String(durationMills)],\n          }),\n          new MessageMetaArray({\n            key: VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY,\n            value: [`voice/${recorderService.options.extension}`],\n          }),\n        ],\n        ...messageReplyParams,\n      }).catch(onFailureToSend);\n    }\n\n    onChangeText('');\n    setMessageToReply?.();\n  };\n\n  const sheetItems = useChannelInputItems(channel, sendFileMessage);\n\n  const getPlaceholder = () => {\n    if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;\n    if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n    if (inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n    if (messageToReply) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY;\n    if (messageForThread) {\n      if (messageForThread.threadInfo && messageForThread.threadInfo.replyCount > 0) {\n        return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY_TO_THREAD;\n      } else {\n        return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY_IN_THREAD;\n      }\n    }\n\n    return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n  };\n\n  const voiceMessageEnabled = channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.enableVoiceMessage;\n  const sendButtonVisible = Boolean(text.trim());\n\n  return (\n    <View>\n      {MessageToReplyPreview && (\n        <MessageToReplyPreview messageToReply={messageToReply} setMessageToReply={setMessageToReply} />\n      )}\n      <View style={styles.sendInputContainer}>\n        {AttachmentsButton && <AttachmentsButton onPress={() => openSheet({ sheetItems })} disabled={inputDisabled} />}\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          onSelectionChange={onSelectionChange}\n          editable={!inputDisabled}\n          onChangeText={onChangeText}\n          style={style}\n          placeholder={getPlaceholder()}\n          originalText={text}\n          supportRTLAlign\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\n        </TextInput>\n\n        {voiceMessageEnabled && (\n          <VoiceMessageButton\n            visible={!sendButtonVisible}\n            disabled={inputDisabled}\n            onPress={() => setVoiceMessageInputVisible(true)}\n          />\n        )}\n        <UserMessageSendButton visible={sendButtonVisible} disabled={inputDisabled} onPress={sendUserMessage} />\n        {voiceMessageEnabled && VoiceMessageInput && (\n          <Modal\n            disableBackgroundClose\n            onClose={onClose}\n            onDismiss={() => {\n              onDismiss();\n              playerService.reset().catch(() => {});\n              recorderService.reset().catch(() => {});\n            }}\n            backgroundStyle={{ justifyContent: 'flex-end' }}\n            visible={voiceMessageInputVisible}\n            type={'slide-no-gesture'}\n          >\n            <VoiceMessageInput onClose={onClose} onSend={({ file, duration }) => sendVoiceMessage(file, duration)} />\n          </Modal>\n        )}\n      </View>\n    </View>\n  );\n});\n\ntype InputButtonProps = { visible: boolean; disabled: boolean; onPress: () => void };\nconst VoiceMessageButton = ({ visible, disabled, onPress }: InputButtonProps) => {\n  const { STRINGS } = useLocalization();\n  const { alert } = useAlert();\n  const { playerService, recorderService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  if (!visible) return null;\n\n  const onPressWithPermissionCheck = async () => {\n    const recorderGranted = await recorderService.requestPermission();\n    if (!recorderGranted) {\n      alert({\n        title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n        message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n          STRINGS.LABELS.PERMISSION_MICROPHONE,\n          STRINGS.LABELS.PERMISSION_APP_NAME,\n        ),\n        buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n      });\n      Logger.error('Failed to request permission for recorder');\n      return;\n    }\n\n    const playerGranted = await playerService.requestPermission();\n    if (!playerGranted) {\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      Logger.error('Failed to request permission for player');\n      return;\n    }\n\n    onPress();\n  };\n\n  return (\n    <TouchableOpacity onPress={onPressWithPermissionCheck} disabled={disabled}>\n      <Icon\n        color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n        icon={'audio-on'}\n        size={24}\n        containerStyle={styles.sendIcon}\n      />\n    </TouchableOpacity>\n  );\n};\nconst UserMessageSendButton = ({ visible, disabled, onPress }: InputButtonProps) => {\n  const { colors } = useUIKitTheme();\n  if (!visible) return null;\n  return (\n    <TouchableOpacity onPress={onPress} disabled={disabled}>\n      <Icon\n        color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n        icon={'send'}\n        size={24}\n        containerStyle={styles.sendIcon}\n      />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  sendIcon: {\n    marginStart: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAIEC,gBAAgB,EAChBC,IAAI,QACC,cAAc;AAErB,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,wBAAwB;AACtE,SACEC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,gBAAgB,EAChBC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,aAAa,QACR,yCAAyC;AAChD,SAASC,MAAM,EAAEC,qBAAqB,EAAEC,OAAO,QAAQ,uBAAuB;AAE9E,SAASC,qCAAqC,EAAEC,yCAAyC,QAAQ,iBAAiB;AAClH,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,eAAe,EAAEC,kBAAkB,EAAEC,eAAe,QAAQ,wBAAwB;AAC7F,OAAOC,QAAQ,MAAM,qBAAqB;AAY1C,MAAMC,SAAS,gBAAGvB,UAAU,CAA8B,SAASuB,SAASA,CAC1E;EACEC,KAAK;EACLC,iBAAiB;EACjBC,qBAAqB;EACrBC,iBAAiB;EACjBC,sBAAsB;EACtBC,sBAAsB;EACtBC,IAAI;EACJC,YAAY;EACZC,iBAAiB;EACjBC,cAAc;EACdC,aAAa;EACbC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,cAAc;EACdC,iBAAiB;EACjBC;AACF,CAAC,EACDC,GAAG,EACH;EACA,MAAM;IAAEC,aAAa;IAAEC;EAAgB,CAAC,GAAGvB,kBAAkB,CAAC,CAAC;EAC/D,MAAM;IAAEwB,cAAc;IAAEC;EAAU,CAAC,GAAGxB,eAAe,CAAC,CAAC;EACvD,MAAM;IAAEyB;EAAQ,CAAC,GAAG3B,eAAe,CAAC,CAAC;EACrC,MAAM;IAAE4B;EAAU,CAAC,GAAGrC,cAAc,CAAC,CAAC;EACtC,MAAMsC,KAAK,GAAGrC,QAAQ,CAAC,CAAC;EAExB,MAAM;IACJsC,OAAO;IACPC,SAAS;IACTC,OAAO,EAAEC,wBAAwB;IACjCC,UAAU,EAAEC;EACd,CAAC,GAAGxC,qBAAqB,CAAC,CAAC;EAE3B,MAAMyC,kBAAkB,GAAGxC,OAAO,CAAC,MAAM;IACvC,MAAM;MAAEyC;IAAa,CAAC,GAAGX,SAAS,CAACY,KAAK;IAExC,IAAIpB,OAAO,CAACqB,cAAc,CAAC,CAAC,EAAE;MAC5B,IAAIF,YAAY,CAACnB,OAAO,CAACsB,SAAS,KAAK,aAAa,IAAIrB,cAAc,EAAE;QACtE,OAAO;UACLsB,eAAe,EAAEtB,cAAc,CAACuB,SAAS;UACzCC,gBAAgB,EAAE;QACpB,CAAC;MACH,CAAC,MAAM,IAAIN,YAAY,CAACnB,OAAO,CAACsB,SAAS,KAAK,QAAQ,IAAInB,gBAAgB,EAAE;QAC1E,OAAO;UACLoB,eAAe,EAAEpB,gBAAgB,CAACqB,SAAS;UAC3CC,gBAAgB,EAAE;QACpB,CAAC;MACH;IACF;IAEA,OAAO,CAAC,CAAC;EACX,CAAC,CAAC;EAEF,MAAMC,oBAAoB,GAAGhD,OAAO,CAAC,MAAM;IACzC,MAAM;MAAEyC;IAAa,CAAC,GAAGX,SAAS,CAACY,KAAK;IACxC,IAAI,CAACpB,OAAO,CAACqB,cAAc,CAAC,CAAC,IAAI,CAACF,YAAY,CAACnB,OAAO,CAAC2B,aAAa,EAAE,OAAO,CAAC,CAAC;IAC/E,OAAO;MACLC,WAAW,EAAE9D,WAAW,CAAC+D,KAAK;MAC9BC,gBAAgB,EAAElC,cAAc,CAACmC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,IAAI,CAACC,MAAM,CAAC;MAC5DC,wBAAwB,EAAE5B,cAAc,CAAC6B,8BAA8B,CACrE3C,IAAI,EACJG,cAAc,EACduB,YAAY,CAACnB,OAAO,CAAC2B,aACvB;IACF,CAAC;EACH,CAAC,CAAC;EAEF,MAAMU,eAAe,GAAIC,KAAY,IAAK;IACxC3B,KAAK,CAAC4B,IAAI,CAAC9B,OAAO,CAAC+B,KAAK,CAACC,cAAc,EAAE,OAAO,CAAC;IACjDjE,MAAM,CAAC8D,KAAK,CAAC7B,OAAO,CAAC+B,KAAK,CAACC,cAAc,EAAEH,KAAK,CAAC;EACnD,CAAC;EAED,MAAMI,eAAe,GAAGA,CAAA,KAAM;IAC5BnD,sBAAsB,CAAC;MACrBoD,OAAO,EAAElD,IAAI;MACb,GAAGiC,oBAAoB;MACvB,GAAGR;IACL,CAAC,CAAC,CAAC0B,KAAK,CAACP,eAAe,CAAC;IAEzB3C,YAAY,CAAC,EAAE,CAAC;IAChBQ,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAG,CAAC;EACvB,CAAC;EAED,MAAM2C,eAAe,GAAIC,IAAc,IAAK;IAC1CtD,sBAAsB,CAAC;MACrBsD,IAAI;MACJ,GAAG5B;IACL,CAAC,CAAC,CAAC0B,KAAK,CAACP,eAAe,CAAC;IAEzBnC,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAG,CAAC;EACvB,CAAC;EAED,MAAM6C,gBAAgB,GAAGA,CAACD,IAAc,EAAEE,aAAqB,KAAK;IAClE,IAAIjD,UAAU,EAAE;MACdY,KAAK,CAAC4B,IAAI,CAAC9B,OAAO,CAAC+B,KAAK,CAACS,gBAAgB,EAAE,OAAO,CAAC;MACnDzE,MAAM,CAAC8D,KAAK,CAAC7B,OAAO,CAAC+B,KAAK,CAACS,gBAAgB,CAAC;IAC9C,CAAC,MAAM,IAAInD,WAAW,EAAE;MACtBa,KAAK,CAAC4B,IAAI,CAAC9B,OAAO,CAAC+B,KAAK,CAACU,oBAAoB,EAAE,OAAO,CAAC;MACvD1E,MAAM,CAAC8D,KAAK,CAAC7B,OAAO,CAAC+B,KAAK,CAACU,oBAAoB,CAAC;IAClD,CAAC,MAAM;MACL1D,sBAAsB,CAAC;QACrBsD,IAAI;QACJK,UAAU,EAAE,CACV,IAAIpF,gBAAgB,CAAC;UACnBqF,GAAG,EAAEzE,qCAAqC;UAC1C0E,KAAK,EAAE,CAACC,MAAM,CAACN,aAAa,CAAC;QAC/B,CAAC,CAAC,EACF,IAAIjF,gBAAgB,CAAC;UACnBqF,GAAG,EAAExE,yCAAyC;UAC9CyE,KAAK,EAAE,CAAC,SAAS/C,eAAe,CAACiD,OAAO,CAACC,SAAS,EAAE;QACtD,CAAC,CAAC,CACH;QACD,GAAGtC;MACL,CAAC,CAAC,CAAC0B,KAAK,CAACP,eAAe,CAAC;IAC3B;IAEA3C,YAAY,CAAC,EAAE,CAAC;IAChBQ,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAG,CAAC;EACvB,CAAC;EAED,MAAMuD,UAAU,GAAG5E,oBAAoB,CAACmB,OAAO,EAAE6C,eAAe,CAAC;EAEjE,MAAMa,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI3D,UAAU,EAAE,OAAOU,OAAO,CAACkD,MAAM,CAACC,+BAA+B;IACrE,IAAI9D,WAAW,EAAE,OAAOW,OAAO,CAACkD,MAAM,CAACE,kCAAkC;IACzE,IAAIhE,aAAa,EAAE,OAAOY,OAAO,CAACkD,MAAM,CAACE,kCAAkC;IAC3E,IAAI5D,cAAc,EAAE,OAAOQ,OAAO,CAACkD,MAAM,CAACG,+BAA+B;IACzE,IAAI3D,gBAAgB,EAAE;MACpB,IAAIA,gBAAgB,CAAC4D,UAAU,IAAI5D,gBAAgB,CAAC4D,UAAU,CAACC,UAAU,GAAG,CAAC,EAAE;QAC7E,OAAOvD,OAAO,CAACkD,MAAM,CAACM,yCAAyC;MACjE,CAAC,MAAM;QACL,OAAOxD,OAAO,CAACkD,MAAM,CAACO,yCAAyC;MACjE;IACF;IAEA,OAAOzD,OAAO,CAACkD,MAAM,CAACQ,gCAAgC;EACxD,CAAC;EAED,MAAMC,mBAAmB,GAAGpE,OAAO,CAACqB,cAAc,CAAC,CAAC,IAAIb,SAAS,CAACY,KAAK,CAACD,YAAY,CAACnB,OAAO,CAACqE,kBAAkB;EAC/G,MAAMC,iBAAiB,GAAGC,OAAO,CAAC9E,IAAI,CAAC+E,IAAI,CAAC,CAAC,CAAC;EAE9C,oBACE9G,KAAA,CAAA+G,aAAA,CAAC5G,IAAI,QACFwB,qBAAqB,iBACpB3B,KAAA,CAAA+G,aAAA,CAACpF,qBAAqB;IAACY,cAAc,EAAEA,cAAe;IAACC,iBAAiB,EAAEA;EAAkB,CAAE,CAC/F,eACDxC,KAAA,CAAA+G,aAAA,CAAC5G,IAAI;IAACsB,KAAK,EAAEuF,MAAM,CAACC;EAAmB,GACpCrF,iBAAiB,iBAAI5B,KAAA,CAAA+G,aAAA,CAACnF,iBAAiB;IAACsF,OAAO,EAAEA,CAAA,KAAMlE,SAAS,CAAC;MAAE+C;IAAW,CAAC,CAAE;IAACoB,QAAQ,EAAEhF;EAAc,CAAE,CAAC,eAC9GnC,KAAA,CAAA+G,aAAA,CAACvG,SAAS;IACRkC,GAAG,EAAEA,GAAI;IACT0E,SAAS;IACTC,mBAAmB;IACnBpF,iBAAiB,EAAEA,iBAAkB;IACrCqF,QAAQ,EAAE,CAACnF,aAAc;IACzBH,YAAY,EAAEA,YAAa;IAC3BP,KAAK,EAAEA,KAAM;IACb8F,WAAW,EAAEvB,cAAc,CAAC,CAAE;IAC9BwB,YAAY,EAAEzF,IAAK;IACnB0F,eAAe;EAAA,GAEd5E,cAAc,CAAC6E,yBAAyB,CACvC3F,IAAI,EACJG,cAAc,EACdY,SAAS,CAACY,KAAK,CAACD,YAAY,CAACnB,OAAO,CAAC2B,aACvC,CACS,CAAC,EAEXyC,mBAAmB,iBAClB1G,KAAA,CAAA+G,aAAA,CAACY,kBAAkB;IACjBvE,OAAO,EAAE,CAACwD,iBAAkB;IAC5BO,QAAQ,EAAEhF,aAAc;IACxB+E,OAAO,EAAEA,CAAA,KAAM3D,2BAA2B,CAAC,IAAI;EAAE,CAClD,CACF,eACDvD,KAAA,CAAA+G,aAAA,CAACa,qBAAqB;IAACxE,OAAO,EAAEwD,iBAAkB;IAACO,QAAQ,EAAEhF,aAAc;IAAC+E,OAAO,EAAElC;EAAgB,CAAE,CAAC,EACvG0B,mBAAmB,IAAIhF,iBAAiB,iBACvC1B,KAAA,CAAA+G,aAAA,CAACxG,KAAK;IACJsH,sBAAsB;IACtB3E,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,CAAA,KAAM;MACfA,SAAS,CAAC,CAAC;MACXR,aAAa,CAACmF,KAAK,CAAC,CAAC,CAAC5C,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;MACrCtC,eAAe,CAACkF,KAAK,CAAC,CAAC,CAAC5C,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,CAAE;IACF6C,eAAe,EAAE;MAAEC,cAAc,EAAE;IAAW,CAAE;IAChD5E,OAAO,EAAEC,wBAAyB;IAClC4E,IAAI,EAAE;EAAmB,gBAEzBjI,KAAA,CAAA+G,aAAA,CAACrF,iBAAiB;IAACwB,OAAO,EAAEA,OAAQ;IAACgF,MAAM,EAAEA,CAAC;MAAE9C,IAAI;MAAE+C;IAAS,CAAC,KAAK9C,gBAAgB,CAACD,IAAI,EAAE+C,QAAQ;EAAE,CAAE,CACnG,CAEL,CACF,CAAC;AAEX,CAAC,CAAC;AAGF,MAAMR,kBAAkB,GAAGA,CAAC;EAAEvE,OAAO;EAAE+D,QAAQ;EAAED;AAA0B,CAAC,KAAK;EAC/E,MAAM;IAAEnE;EAAQ,CAAC,GAAG3B,eAAe,CAAC,CAAC;EACrC,MAAM;IAAEgH;EAAM,CAAC,GAAG1H,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEiC,aAAa;IAAEC;EAAgB,CAAC,GAAGvB,kBAAkB,CAAC,CAAC;EAC/D,MAAM;IAAEgH;EAAO,CAAC,GAAGxH,aAAa,CAAC,CAAC;EAClC,IAAI,CAACuC,OAAO,EAAE,OAAO,IAAI;EAEzB,MAAMkF,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C,MAAMC,eAAe,GAAG,MAAM3F,eAAe,CAAC4F,iBAAiB,CAAC,CAAC;IACjE,IAAI,CAACD,eAAe,EAAE;MACpBH,KAAK,CAAC;QACJK,KAAK,EAAE1F,OAAO,CAAC2F,MAAM,CAACC,uBAAuB;QAC7C1D,OAAO,EAAElC,OAAO,CAAC2F,MAAM,CAACE,yBAAyB,CAC/C7F,OAAO,CAACkD,MAAM,CAAC4C,qBAAqB,EACpC9F,OAAO,CAACkD,MAAM,CAAC6C,mBACjB,CAAC;QACDC,OAAO,EAAE,CAAC;UAAEhH,IAAI,EAAEgB,OAAO,CAAC2F,MAAM,CAACM,oBAAoB;UAAE9B,OAAO,EAAEA,CAAA,KAAM3F,QAAQ,CAAC0H,YAAY,CAAC;QAAE,CAAC;MACjG,CAAC,CAAC;MACFnI,MAAM,CAAC8D,KAAK,CAAC,2CAA2C,CAAC;MACzD;IACF;IAEA,MAAMsE,aAAa,GAAG,MAAMvG,aAAa,CAAC6F,iBAAiB,CAAC,CAAC;IAC7D,IAAI,CAACU,aAAa,EAAE;MAClBd,KAAK,CAAC;QACJK,KAAK,EAAE1F,OAAO,CAAC2F,MAAM,CAACC,uBAAuB;QAC7C1D,OAAO,EAAElC,OAAO,CAAC2F,MAAM,CAACE,yBAAyB,CAC/C7F,OAAO,CAACkD,MAAM,CAACkD,yBAAyB,EACxCpG,OAAO,CAACkD,MAAM,CAAC6C,mBACjB,CAAC;QACDC,OAAO,EAAE,CAAC;UAAEhH,IAAI,EAAEgB,OAAO,CAAC2F,MAAM,CAACM,oBAAoB;UAAE9B,OAAO,EAAEA,CAAA,KAAM3F,QAAQ,CAAC0H,YAAY,CAAC;QAAE,CAAC;MACjG,CAAC,CAAC;MACFnI,MAAM,CAAC8D,KAAK,CAAC,yCAAyC,CAAC;MACvD;IACF;IAEAsC,OAAO,CAAC,CAAC;EACX,CAAC;EAED,oBACElH,KAAA,CAAA+G,aAAA,CAAC7G,gBAAgB;IAACgH,OAAO,EAAEoB,0BAA2B;IAACnB,QAAQ,EAAEA;EAAS,gBACxEnH,KAAA,CAAA+G,aAAA,CAACzG,IAAI;IACH8I,KAAK,EAAEjC,QAAQ,GAAGkB,MAAM,CAACgB,EAAE,CAACC,KAAK,CAACC,OAAO,CAACpC,QAAQ,CAACqC,SAAS,GAAGnB,MAAM,CAACgB,EAAE,CAACC,KAAK,CAACC,OAAO,CAACE,MAAM,CAACD,SAAU;IACxGE,IAAI,EAAE,UAAW;IACjBC,IAAI,EAAE,EAAG;IACTC,cAAc,EAAE5C,MAAM,CAAC6C;EAAS,CACjC,CACe,CAAC;AAEvB,CAAC;AACD,MAAMjC,qBAAqB,GAAGA,CAAC;EAAExE,OAAO;EAAE+D,QAAQ;EAAED;AAA0B,CAAC,KAAK;EAClF,MAAM;IAAEmB;EAAO,CAAC,GAAGxH,aAAa,CAAC,CAAC;EAClC,IAAI,CAACuC,OAAO,EAAE,OAAO,IAAI;EACzB,oBACEpD,KAAA,CAAA+G,aAAA,CAAC7G,gBAAgB;IAACgH,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBACrDnH,KAAA,CAAA+G,aAAA,CAACzG,IAAI;IACH8I,KAAK,EAAEjC,QAAQ,GAAGkB,MAAM,CAACgB,EAAE,CAACC,KAAK,CAACC,OAAO,CAACpC,QAAQ,CAACqC,SAAS,GAAGnB,MAAM,CAACgB,EAAE,CAACC,KAAK,CAACC,OAAO,CAACE,MAAM,CAACD,SAAU;IACxGE,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE,EAAG;IACTC,cAAc,EAAE5C,MAAM,CAAC6C;EAAS,CACjC,CACe,CAAC;AAEvB,CAAC;AAED,MAAM7C,MAAM,GAAGvG,gBAAgB,CAAC;EAC9BwG,kBAAkB,EAAE;IAClB6C,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDJ,QAAQ,EAAE;IACRK,WAAW,EAAE,CAAC;IACdC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAe3I,SAAS","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","MessageMetaArray","Icon","Modal","TextInput","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","useDeferredModalState","useIIFE","VOICE_MESSAGE_META_ARRAY_DURATION_KEY","VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY","useChannelInputItems","useLocalization","usePlatformService","useSendbirdChat","SBUUtils","SendInput","style","VoiceMessageInput","MessageToReplyPreview","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","messageToReply","setMessageToReply","messageForThread","partialTextInputProps","ref","playerService","recorderService","mentionManager","sbOptions","STRINGS","openSheet","toast","onClose","onDismiss","visible","voiceMessageInputVisible","setVisible","setVoiceMessageInputVisible","messageReplyParams","groupChannel","uikit","isGroupChannel","replyType","parentMessageId","messageId","isReplyToChannel","messageMentionParams","enableMention","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","onFailureToSend","error","show","TOAST","SEND_MSG_ERROR","sendUserMessage","message","catch","OS","textInputRef","current","setTimeout","sendFileMessage","file","sendVoiceMessage","durationMills","USER_MUTED_ERROR","CHANNEL_FROZEN_ERROR","metaArrays","key","value","String","options","extension","sheetItems","getPlaceholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_MUTED","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_REPLY","threadInfo","replyCount","CHANNEL_INPUT_PLACEHOLDER_REPLY_TO_THREAD","CHANNEL_INPUT_PLACEHOLDER_REPLY_IN_THREAD","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","voiceMessageEnabled","enableVoiceMessage","sendButtonVisible","Boolean","trim","createElement","styles","sendInputContainer","onPress","disabled","_extends","multiline","disableFullscreenUI","editable","placeholder","originalText","supportRTLAlign","textToMentionedComponents","VoiceMessageButton","UserMessageSendButton","disableBackgroundClose","reset","backgroundStyle","justifyContent","type","onSend","duration","alert","colors","onPressWithPermissionCheck","recorderGranted","requestPermission","title","DIALOG","ALERT_PERMISSIONS_TITLE","ALERT_PERMISSIONS_MESSAGE","PERMISSION_MICROPHONE","PERMISSION_APP_NAME","buttons","ALERT_PERMISSIONS_OK","openSettings","playerGranted","PERMISSION_DEVICE_STORAGE","color","ui","input","default","highlight","active","icon","size","containerStyle","sendIcon","paddingVertical","paddingHorizontal","alignItems","flexDirection","marginStart","padding"],"sources":["SendInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport { MentionType, MessageMetaArray } from '@sendbird/chat/message';\nimport {\n  Icon,\n  Modal,\n  TextInput,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { Logger, useDeferredModalState, useIIFE } from '@sendbird/uikit-utils';\n\nimport { VOICE_MESSAGE_META_ARRAY_DURATION_KEY, VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY } from '../../constants';\nimport { useChannelInputItems } from '../../hooks/useChannelInputItems';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\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    style,\n    VoiceMessageInput,\n    MessageToReplyPreview,\n    AttachmentsButton,\n    onPressSendUserMessage,\n    onPressSendFileMessage,\n    text,\n    onChangeText,\n    onSelectionChange,\n    mentionedUsers,\n    inputDisabled,\n    inputFrozen,\n    inputMuted,\n    channel,\n    messageToReply,\n    setMessageToReply,\n    messageForThread,\n    partialTextInputProps,\n  },\n  ref,\n) {\n  const { playerService, recorderService } = usePlatformService();\n  const { mentionManager, sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { openSheet } = useBottomSheet();\n  const toast = useToast();\n\n  const {\n    onClose,\n    onDismiss,\n    visible: voiceMessageInputVisible,\n    setVisible: setVoiceMessageInputVisible,\n  } = useDeferredModalState();\n\n  const messageReplyParams = useIIFE(() => {\n    const { groupChannel } = sbOptions.uikit;\n\n    if (channel.isGroupChannel()) {\n      if (groupChannel.channel.replyType === 'quote_reply' && messageToReply) {\n        return {\n          parentMessageId: messageToReply.messageId,\n          isReplyToChannel: true,\n        };\n      } else if (groupChannel.channel.replyType === 'thread' && messageForThread) {\n        return {\n          parentMessageId: messageForThread.messageId,\n          isReplyToChannel: true,\n        };\n      }\n    }\n\n    return {};\n  });\n\n  const messageMentionParams = useIIFE(() => {\n    const { groupChannel } = sbOptions.uikit;\n    if (!channel.isGroupChannel() || !groupChannel.channel.enableMention) return {};\n    return {\n      mentionType: MentionType.USERS,\n      mentionedUserIds: mentionedUsers.map((it) => it.user.userId),\n      mentionedMessageTemplate: mentionManager.textToMentionedMessageTemplate(\n        text,\n        mentionedUsers,\n        groupChannel.channel.enableMention,\n      ),\n    };\n  });\n\n  const onFailureToSend = (error: Error) => {\n    toast.show(STRINGS.TOAST.SEND_MSG_ERROR, 'error');\n    Logger.error(STRINGS.TOAST.SEND_MSG_ERROR, error);\n  };\n\n  const sendUserMessage = () => {\n    onPressSendUserMessage({\n      message: text,\n      ...messageMentionParams,\n      ...messageReplyParams,\n    }).catch(onFailureToSend);\n\n    // On iOS with autoCorrect enabled, calling onChangeText('') immediately after sending\n    // can be ignored due to the keyboard's autocorrect not being committed yet.\n    // Delay the clear call slightly to allow the autocorrected text to be applied first.\n    if (Platform.OS === 'ios') {\n      const textInputRef = ref as React.MutableRefObject<RNTextInput | undefined>;\n      if (textInputRef.current) {\n        setTimeout(() => {\n          onChangeText('');\n        }, 10);\n      }\n    } else {\n      onChangeText('');\n    }\n    setMessageToReply?.();\n  };\n\n  const sendFileMessage = (file: FileType) => {\n    onPressSendFileMessage({\n      file,\n      ...messageReplyParams,\n    }).catch(onFailureToSend);\n\n    setMessageToReply?.();\n  };\n\n  const sendVoiceMessage = (file: FileType, durationMills: number) => {\n    if (inputMuted) {\n      toast.show(STRINGS.TOAST.USER_MUTED_ERROR, 'error');\n      Logger.error(STRINGS.TOAST.USER_MUTED_ERROR);\n    } else if (inputFrozen) {\n      toast.show(STRINGS.TOAST.CHANNEL_FROZEN_ERROR, 'error');\n      Logger.error(STRINGS.TOAST.CHANNEL_FROZEN_ERROR);\n    } else {\n      onPressSendFileMessage({\n        file,\n        metaArrays: [\n          new MessageMetaArray({\n            key: VOICE_MESSAGE_META_ARRAY_DURATION_KEY,\n            value: [String(durationMills)],\n          }),\n          new MessageMetaArray({\n            key: VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY,\n            value: [`voice/${recorderService.options.extension}`],\n          }),\n        ],\n        ...messageReplyParams,\n      }).catch(onFailureToSend);\n    }\n\n    onChangeText('');\n    setMessageToReply?.();\n  };\n\n  const sheetItems = useChannelInputItems(channel, sendFileMessage);\n\n  const getPlaceholder = () => {\n    if (inputMuted) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED;\n    if (inputFrozen) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n    if (inputDisabled) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED;\n    if (messageToReply) return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY;\n    if (messageForThread) {\n      if (messageForThread.threadInfo && messageForThread.threadInfo.replyCount > 0) {\n        return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY_TO_THREAD;\n      } else {\n        return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_REPLY_IN_THREAD;\n      }\n    }\n\n    return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n  };\n\n  const voiceMessageEnabled = channel.isGroupChannel() && sbOptions.uikit.groupChannel.channel.enableVoiceMessage;\n  const sendButtonVisible = Boolean(text.trim());\n\n  return (\n    <View>\n      {MessageToReplyPreview && (\n        <MessageToReplyPreview messageToReply={messageToReply} setMessageToReply={setMessageToReply} />\n      )}\n      <View style={styles.sendInputContainer}>\n        {AttachmentsButton && <AttachmentsButton onPress={() => openSheet({ sheetItems })} disabled={inputDisabled} />}\n        <TextInput\n          {...partialTextInputProps}\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          onSelectionChange={onSelectionChange}\n          editable={!inputDisabled}\n          onChangeText={onChangeText}\n          style={style}\n          placeholder={getPlaceholder()}\n          originalText={text}\n          supportRTLAlign\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\n        </TextInput>\n\n        {voiceMessageEnabled && (\n          <VoiceMessageButton\n            visible={!sendButtonVisible}\n            disabled={inputDisabled}\n            onPress={() => setVoiceMessageInputVisible(true)}\n          />\n        )}\n        <UserMessageSendButton visible={sendButtonVisible} disabled={inputDisabled} onPress={sendUserMessage} />\n        {voiceMessageEnabled && VoiceMessageInput && (\n          <Modal\n            disableBackgroundClose\n            onClose={onClose}\n            onDismiss={() => {\n              onDismiss();\n              playerService.reset().catch(() => {});\n              recorderService.reset().catch(() => {});\n            }}\n            backgroundStyle={{ justifyContent: 'flex-end' }}\n            visible={voiceMessageInputVisible}\n            type={'slide-no-gesture'}\n          >\n            <VoiceMessageInput onClose={onClose} onSend={({ file, duration }) => sendVoiceMessage(file, duration)} />\n          </Modal>\n        )}\n      </View>\n    </View>\n  );\n});\n\ntype InputButtonProps = { visible: boolean; disabled: boolean; onPress: () => void };\nconst VoiceMessageButton = ({ visible, disabled, onPress }: InputButtonProps) => {\n  const { STRINGS } = useLocalization();\n  const { alert } = useAlert();\n  const { playerService, recorderService } = usePlatformService();\n  const { colors } = useUIKitTheme();\n  if (!visible) return null;\n\n  const onPressWithPermissionCheck = async () => {\n    const recorderGranted = await recorderService.requestPermission();\n    if (!recorderGranted) {\n      alert({\n        title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n        message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n          STRINGS.LABELS.PERMISSION_MICROPHONE,\n          STRINGS.LABELS.PERMISSION_APP_NAME,\n        ),\n        buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n      });\n      Logger.error('Failed to request permission for recorder');\n      return;\n    }\n\n    const playerGranted = await playerService.requestPermission();\n    if (!playerGranted) {\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      Logger.error('Failed to request permission for player');\n      return;\n    }\n\n    onPress();\n  };\n\n  return (\n    <TouchableOpacity onPress={onPressWithPermissionCheck} disabled={disabled}>\n      <Icon\n        color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n        icon={'audio-on'}\n        size={24}\n        containerStyle={styles.sendIcon}\n      />\n    </TouchableOpacity>\n  );\n};\nconst UserMessageSendButton = ({ visible, disabled, onPress }: InputButtonProps) => {\n  const { colors } = useUIKitTheme();\n  if (!visible) return null;\n  return (\n    <TouchableOpacity onPress={onPress} disabled={disabled}>\n      <Icon\n        color={disabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight}\n        icon={'send'}\n        size={24}\n        containerStyle={styles.sendIcon}\n      />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  sendIcon: {\n    marginStart: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useEffect, useMemo, useState } from 'react';
-import { KeyboardAvoidingView, Platform, StyleSheet, View } from 'react-native';
+import { Keyboard, KeyboardAvoidingView, Platform, StyleSheet, View } from 'react-native';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { Logger, replace, useIIFE, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { useSendbirdChat } from '../../hooks/useContext';
@@ -15,10 +15,10 @@ const AUTO_FOCUS = Platform.select({
   android: true,
   default: false
 });
-const isAndroidApi35 = Platform.OS === 'android' && Platform.Version >= 35;
+const isAndroidApi35Plus = Platform.OS === 'android' && Platform.Version >= 35;
 const KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({
   ios: 'padding',
-  android: isAndroidApi35 ? 'padding' : undefined,
+  android: isAndroidApi35Plus ? 'padding' : undefined,
   default: undefined
 });
 
@@ -46,7 +46,7 @@ const ChannelInput = props => {
    * For older Android versions, we manually subtract the safe area bottom padding to avoid overlapping with system UI.
    * See: https://developer.android.com/develop/ui/views/layout/edge-to-edge
    */
-  const keyboardVerticalOffset = isAndroidApi35 ? keyboardAvoidOffset : -safeArea.paddingBottom + keyboardAvoidOffset;
+  const keyboardVerticalOffset = isAndroidApi35Plus ? keyboardAvoidOffset : -safeArea.paddingBottom + keyboardAvoidOffset;
   const {
     colors,
     typography
@@ -96,6 +96,18 @@ const ChannelInput = props => {
       range
     });
   };
+  const [keyboardShown, setKeyboardShown] = useState(false);
+  useEffect(() => {
+    const keyboardDidShow = () => setKeyboardShown(true);
+    const keyboardDidHide = () => setKeyboardShown(false);
+    const showSubscription = Keyboard.addListener('keyboardDidShow', keyboardDidShow);
+    const hideSubscription = Keyboard.addListener('keyboardDidHide', keyboardDidHide);
+    return () => {
+      showSubscription.remove();
+      hideSubscription.remove();
+    };
+  }, []);
+  const shouldShowSafeAreaBottom = !isAndroidApi35Plus || isAndroidApi35Plus && !keyboardShown;
   if (!props.shouldRenderInput) {
     return /*#__PURE__*/React.createElement(SafeAreaBottom, {
       height: safeArea.paddingBottom
@@ -135,7 +147,7 @@ const ChannelInput = props => {
     messageToEdit: messageToEdit,
     setMessageToEdit: setMessageToEdit,
     style: textInputStyle
-  }))), !isAndroidApi35 && /*#__PURE__*/React.createElement(SafeAreaBottom, {
+  }))), shouldShowSafeAreaBottom && /*#__PURE__*/React.createElement(SafeAreaBottom, {
     height: safeArea.paddingBottom
   }))), mentionAvailable && props.SuggestedMentionList && /*#__PURE__*/React.createElement(props.SuggestedMentionList, {
     text: text,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useState","KeyboardAvoidingView","Platform","StyleSheet","View","createStyleSheet","useUIKitTheme","Logger","replace","useIIFE","useSafeAreaPadding","useSendbirdChat","useMentionTextInput","AttachmentsButton","EditInput","MessageToReplyPreview","SendInput","VoiceMessageInput","AUTO_FOCUS","select","ios","android","default","isAndroidApi35","OS","Version","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","safeArea","keyboardVerticalOffset","paddingBottom","colors","typography","sbOptions","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","inputHeight","setInputHeight","styles","inputDefault","height","fontStyle","body3","fontSize","lineHeight","textAlignVertical","textInputStyle","flatten","input","style","useTypingTrigger","useTextClearOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","length","shouldRenderInput","createElement","SafeAreaBottom","Fragment","behavior","paddingStart","paddingEnd","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","_extends","key","ref","autoFocus","SuggestedMentionList","topInset","paddingTop","bottomInset","triggerTyping","action","endTyping","startTyping","catch","error","debug","setText","chatDisabled","isUserMessage","setTimeout","_textInputRef$current","current","focus","justifyContent","width","flex","marginEnd","borderRadius","minHeight","maxHeight","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { KeyboardAvoidingView, Platform, StyleProp, StyleSheet, TextInput, TextStyle, View } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  Logger,\n  SendbirdBaseChannel,\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdMember,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n  replace,\n  useIIFE,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { CommonComponent, MentionedUser, Range } from '../../types';\nimport type { AttachmentsButtonProps } from './AttachmentsButton';\nimport AttachmentsButton from './AttachmentsButton';\nimport EditInput from './EditInput';\nimport type { MessageToReplyPreviewProps } from './MessageToReplyPreview';\nimport { MessageToReplyPreview } from './MessageToReplyPreview';\nimport SendInput from './SendInput';\nimport VoiceMessageInput, { VoiceMessageInputProps } from './VoiceMessageInput';\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   * Whether to show user id information on each item.\n   * */\n  showUserId?: boolean;\n};\n\nexport type ChannelInputProps = {\n  // style\n  style?: StyleProp<TextStyle>;\n\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  // reply - only available on group channel\n  messageToReply?: undefined | SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToReply?: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n  messageForThread?: undefined | SendbirdUserMessage | SendbirdFileMessage;\n\n  // mention\n  SuggestedMentionList?: CommonComponent<SuggestedMentionListProps>;\n\n  // sub-components\n  AttachmentsButton?: (props: AttachmentsButtonProps) => React.ReactNode | null;\n  MessageToReplyPreview?: (props: MessageToReplyPreviewProps) => React.ReactNode | null;\n  VoiceMessageInput?: (props: VoiceMessageInputProps) => React.ReactNode | null;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst isAndroidApi35 = Platform.OS === 'android' && Platform.Version >= 35;\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({\n  ios: 'padding' as const,\n  android: isAndroidApi35 ? ('padding' as const) : undefined,\n  default: undefined,\n});\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.\n// const GET_INPUT_KEY = (shouldReset: boolean) => {\n//   return Platform.OS === 'ios' && shouldReset ? 'uikit-input-clear' : 'uikit-input';\n// };\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n  const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n  const safeArea = useSafeAreaPadding(['top', 'left', 'right', 'bottom']);\n\n  // Android API 35+ keyboard avoidance handling\n  /**\n   * Android API 35+ introduced edge-to-edge layouts, which changed how keyboard avoidance should be handled.\n   * For API 35+, the system manages insets automatically, so we use the provided keyboardAvoidOffset directly.\n   * For older Android versions, we manually subtract the safe area bottom padding to avoid overlapping with system UI.\n   * See: https://developer.android.com/develop/ui/views/layout/edge-to-edge\n   */\n  const keyboardVerticalOffset = isAndroidApi35 ? keyboardAvoidOffset : -safeArea.paddingBottom + keyboardAvoidOffset;\n  const { colors, typography } = useUIKitTheme();\n  const { sbOptions, mentionManager } = useSendbirdChat();\n\n  const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n    messageToEdit,\n  });\n  const inputMode = useIIFE(() => {\n    if (messageToEdit && !messageToEdit.isFileMessage()) return 'edit';\n    else return 'send';\n  });\n\n  const mentionAvailable =\n    sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;\n  const inputKeyToRemount = 'input'; //GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n  const fontStyle = useMemo(() => {\n    if (!typography.body3.fontSize) return typography.body3;\n    // NOTE: iOS does not support textAlignVertical, so we should adjust lineHeight to center the text in multiline TextInput.\n    return { ...typography.body3, lineHeight: typography.body3.fontSize * 1.275, textAlignVertical: 'center' };\n  }, [typography.body3.fontSize]);\n\n  const textInputStyle = StyleSheet.flatten([styles.input, fontStyle, props.style]);\n\n  useTypingTrigger(text, channel);\n  useTextClearOnDisabled(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={safeArea.paddingBottom} />;\n  }\n\n  return (\n    <>\n      <KeyboardAvoidingView keyboardVerticalOffset={keyboardVerticalOffset} behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}>\n        <View\n          style={{\n            paddingStart: safeArea.paddingStart,\n            paddingEnd: safeArea.paddingEnd,\n            backgroundColor: colors.background,\n          }}\n        >\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                VoiceMessageInput={props.VoiceMessageInput ?? VoiceMessageInput}\n                AttachmentsButton={props.AttachmentsButton ?? AttachmentsButton}\n                MessageToReplyPreview={props.MessageToReplyPreview ?? MessageToReplyPreview}\n                style={textInputStyle}\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                mentionedUsers={mentionedUsers}\n                messageToEdit={messageToEdit}\n                setMessageToEdit={setMessageToEdit}\n                style={textInputStyle}\n              />\n            )}\n          </View>\n          {!isAndroidApi35 && <SafeAreaBottom height={safeArea.paddingBottom} />}\n        </View>\n      </KeyboardAvoidingView>\n      {mentionAvailable && props.SuggestedMentionList && (\n        <props.SuggestedMentionList\n          text={text}\n          selection={selection}\n          inputHeight={inputHeight}\n          topInset={safeArea.paddingTop}\n          bottomInset={safeArea.paddingBottom}\n          onPressToMention={onPressToMention}\n          mentionedUsers={mentionedUsers}\n        />\n      )}\n    </>\n  );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {\n  useEffect(\n    () => {\n      function triggerTyping() {\n        if (channel.isGroupChannel()) {\n          const action = () => (text.length === 0 ? channel.endTyping() : channel.startTyping());\n          action().catch((error) => {\n            Logger.debug('ChannelInput: Failed to trigger typing', error);\n          });\n        }\n      }\n\n      triggerTyping();\n    },\n    channel.isGroupChannel() ? [text] : [],\n  );\n};\n\nconst useTextClearOnDisabled = (setText: (val: string) => void, chatDisabled: boolean) => {\n  useEffect(() => {\n    if (chatDisabled) setText('');\n  }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n  textInputRef: React.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  input: {\n    flex: 1,\n    marginEnd: 4,\n    borderRadius: 20,\n    paddingTop: 8,\n    paddingBottom: 8,\n    minHeight: 36,\n    // Android - padding area is hidden\n    // iOS - padding area is visible\n    maxHeight: Platform.select({ ios: 36 * 2 + 16, android: 36 * 2 }),\n  },\n});\n\nexport default React.memo(ChannelInput);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","Keyboard","KeyboardAvoidingView","Platform","StyleSheet","View","createStyleSheet","useUIKitTheme","Logger","replace","useIIFE","useSafeAreaPadding","useSendbirdChat","useMentionTextInput","AttachmentsButton","EditInput","MessageToReplyPreview","SendInput","VoiceMessageInput","AUTO_FOCUS","select","ios","android","default","isAndroidApi35Plus","OS","Version","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","safeArea","keyboardVerticalOffset","paddingBottom","colors","typography","sbOptions","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","inputHeight","setInputHeight","styles","inputDefault","height","fontStyle","body3","fontSize","lineHeight","textAlignVertical","textInputStyle","flatten","input","style","useTypingTrigger","useTextClearOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","length","keyboardShown","setKeyboardShown","keyboardDidShow","keyboardDidHide","showSubscription","addListener","hideSubscription","remove","shouldShowSafeAreaBottom","shouldRenderInput","createElement","SafeAreaBottom","Fragment","behavior","paddingStart","paddingEnd","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","_extends","key","ref","autoFocus","SuggestedMentionList","topInset","paddingTop","bottomInset","triggerTyping","action","endTyping","startTyping","catch","error","debug","setText","chatDisabled","isUserMessage","setTimeout","_textInputRef$current","current","focus","justifyContent","width","flex","marginEnd","borderRadius","minHeight","maxHeight","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  Keyboard,\n  KeyboardAvoidingView,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  TextInput,\n  TextInputProps,\n  TextStyle,\n  View,\n} from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  Logger,\n  SendbirdBaseChannel,\n  SendbirdBaseMessage,\n  SendbirdFileMessage,\n  SendbirdFileMessageCreateParams,\n  SendbirdFileMessageUpdateParams,\n  SendbirdMember,\n  SendbirdUserMessage,\n  SendbirdUserMessageCreateParams,\n  SendbirdUserMessageUpdateParams,\n  replace,\n  useIIFE,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport useMentionTextInput from '../../hooks/useMentionTextInput';\nimport type { CommonComponent, MentionedUser, Range } from '../../types';\nimport type { AttachmentsButtonProps } from './AttachmentsButton';\nimport AttachmentsButton from './AttachmentsButton';\nimport EditInput from './EditInput';\nimport type { MessageToReplyPreviewProps } from './MessageToReplyPreview';\nimport { MessageToReplyPreview } from './MessageToReplyPreview';\nimport SendInput from './SendInput';\nimport VoiceMessageInput, { VoiceMessageInputProps } from './VoiceMessageInput';\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   * Whether to show user id information on each item.\n   * */\n  showUserId?: boolean;\n};\n\nexport type ChannelInputProps = {\n  // style\n  style?: StyleProp<TextStyle>;\n\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  // reply - only available on group channel\n  messageToReply?: undefined | SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToReply?: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n  messageForThread?: undefined | SendbirdUserMessage | SendbirdFileMessage;\n\n  // mention\n  SuggestedMentionList?: CommonComponent<SuggestedMentionListProps>;\n\n  // sub-components\n  AttachmentsButton?: (props: AttachmentsButtonProps) => React.ReactNode | null;\n  MessageToReplyPreview?: (props: MessageToReplyPreviewProps) => React.ReactNode | null;\n  VoiceMessageInput?: (props: VoiceMessageInputProps) => React.ReactNode | null;\n\n  // TextInput props - only safe properties that don't interfere with UIKit functionality\n  partialTextInputProps?: Partial<Pick<TextInputProps, 'autoCorrect'>>;\n};\n\nconst AUTO_FOCUS = Platform.select({ ios: false, android: true, default: false });\nconst isAndroidApi35Plus = Platform.OS === 'android' && Platform.Version >= 35;\nconst KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({\n  ios: 'padding' as const,\n  android: isAndroidApi35Plus ? ('padding' as const) : undefined,\n  default: undefined,\n});\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.\n// const GET_INPUT_KEY = (shouldReset: boolean) => {\n//   return Platform.OS === 'ios' && shouldReset ? 'uikit-input-clear' : 'uikit-input';\n// };\n\n// TODO: Refactor 'Edit' mode to clearly\nconst ChannelInput = (props: ChannelInputProps) => {\n  const { channel, keyboardAvoidOffset, messageToEdit, setMessageToEdit } = props;\n\n  const safeArea = useSafeAreaPadding(['top', 'left', 'right', 'bottom']);\n\n  // Android API 35+ keyboard avoidance handling\n  /**\n   * Android API 35+ introduced edge-to-edge layouts, which changed how keyboard avoidance should be handled.\n   * For API 35+, the system manages insets automatically, so we use the provided keyboardAvoidOffset directly.\n   * For older Android versions, we manually subtract the safe area bottom padding to avoid overlapping with system UI.\n   * See: https://developer.android.com/develop/ui/views/layout/edge-to-edge\n   */\n  const keyboardVerticalOffset = isAndroidApi35Plus\n    ? keyboardAvoidOffset\n    : -safeArea.paddingBottom + keyboardAvoidOffset;\n  const { colors, typography } = useUIKitTheme();\n  const { sbOptions, mentionManager } = useSendbirdChat();\n\n  const { selection, onSelectionChange, textInputRef, text, onChangeText, mentionedUsers } = useMentionTextInput({\n    messageToEdit,\n  });\n  const inputMode = useIIFE(() => {\n    if (messageToEdit && !messageToEdit.isFileMessage()) return 'edit';\n    else return 'send';\n  });\n\n  const mentionAvailable =\n    sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;\n  const inputKeyToRemount = 'input'; //GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\n\n  const fontStyle = useMemo(() => {\n    if (!typography.body3.fontSize) return typography.body3;\n    // NOTE: iOS does not support textAlignVertical, so we should adjust lineHeight to center the text in multiline TextInput.\n    return { ...typography.body3, lineHeight: typography.body3.fontSize * 1.275, textAlignVertical: 'center' };\n  }, [typography.body3.fontSize]);\n\n  const textInputStyle = StyleSheet.flatten([styles.input, fontStyle, props.style]);\n\n  useTypingTrigger(text, channel);\n  useTextClearOnDisabled(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  const [keyboardShown, setKeyboardShown] = useState(false);\n\n  useEffect(() => {\n    const keyboardDidShow = () => setKeyboardShown(true);\n    const keyboardDidHide = () => setKeyboardShown(false);\n\n    const showSubscription = Keyboard.addListener('keyboardDidShow', keyboardDidShow);\n    const hideSubscription = Keyboard.addListener('keyboardDidHide', keyboardDidHide);\n\n    return () => {\n      showSubscription.remove();\n      hideSubscription.remove();\n    };\n  }, []);\n\n  const shouldShowSafeAreaBottom = !isAndroidApi35Plus || (isAndroidApi35Plus && !keyboardShown);\n\n  if (!props.shouldRenderInput) {\n    return <SafeAreaBottom height={safeArea.paddingBottom} />;\n  }\n\n  return (\n    <>\n      <KeyboardAvoidingView keyboardVerticalOffset={keyboardVerticalOffset} behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}>\n        <View\n          style={{\n            paddingStart: safeArea.paddingStart,\n            paddingEnd: safeArea.paddingEnd,\n            backgroundColor: colors.background,\n          }}\n        >\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                VoiceMessageInput={props.VoiceMessageInput ?? VoiceMessageInput}\n                AttachmentsButton={props.AttachmentsButton ?? AttachmentsButton}\n                MessageToReplyPreview={props.MessageToReplyPreview ?? MessageToReplyPreview}\n                style={textInputStyle}\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                mentionedUsers={mentionedUsers}\n                messageToEdit={messageToEdit}\n                setMessageToEdit={setMessageToEdit}\n                style={textInputStyle}\n              />\n            )}\n          </View>\n          {shouldShowSafeAreaBottom && <SafeAreaBottom height={safeArea.paddingBottom} />}\n        </View>\n      </KeyboardAvoidingView>\n      {mentionAvailable && props.SuggestedMentionList && (\n        <props.SuggestedMentionList\n          text={text}\n          selection={selection}\n          inputHeight={inputHeight}\n          topInset={safeArea.paddingTop}\n          bottomInset={safeArea.paddingBottom}\n          onPressToMention={onPressToMention}\n          mentionedUsers={mentionedUsers}\n        />\n      )}\n    </>\n  );\n};\n\nconst useTypingTrigger = (text: string, channel: SendbirdBaseChannel) => {\n  useEffect(\n    () => {\n      function triggerTyping() {\n        if (channel.isGroupChannel()) {\n          const action = () => (text.length === 0 ? channel.endTyping() : channel.startTyping());\n          action().catch((error) => {\n            Logger.debug('ChannelInput: Failed to trigger typing', error);\n          });\n        }\n      }\n\n      triggerTyping();\n    },\n    channel.isGroupChannel() ? [text] : [],\n  );\n};\n\nconst useTextClearOnDisabled = (setText: (val: string) => void, chatDisabled: boolean) => {\n  useEffect(() => {\n    if (chatDisabled) setText('');\n  }, [chatDisabled]);\n};\n\nconst useAutoFocusOnEditMode = (\n  textInputRef: React.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  input: {\n    flex: 1,\n    marginEnd: 4,\n    borderRadius: 20,\n    paddingTop: 8,\n    paddingBottom: 8,\n    minHeight: 36,\n    // Android - padding area is hidden\n    // iOS - padding area is visible\n    maxHeight: Platform.select({ ios: 36 * 2 + 16, android: 36 * 2 }),\n  },\n});\n\nexport default React.memo(ChannelInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SACEC,QAAQ,EACRC,oBAAoB,EACpBC,QAAQ,EAERC,UAAU,EAIVC,IAAI,QACC,cAAc;AAErB,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SACEC,MAAM,EAUNC,OAAO,EACPC,OAAO,EACPC,kBAAkB,QACb,uBAAuB;AAE9B,SAASC,eAAe,QAAQ,wBAAwB;AACxD,OAAOC,mBAAmB,MAAM,iCAAiC;AAGjE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,SAAS,MAAM,aAAa;AAEnC,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,iBAAiB,MAAkC,qBAAqB;AAyD/E,MAAMC,UAAU,GAAGhB,QAAQ,CAACiB,MAAM,CAAC;EAAEC,GAAG,EAAE,KAAK;EAAEC,OAAO,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAM,CAAC,CAAC;AACjF,MAAMC,kBAAkB,GAAGrB,QAAQ,CAACsB,EAAE,KAAK,SAAS,IAAItB,QAAQ,CAACuB,OAAO,IAAI,EAAE;AAC9E,MAAMC,4BAA4B,GAAGxB,QAAQ,CAACiB,MAAM,CAAC;EACnDC,GAAG,EAAE,SAAkB;EACvBC,OAAO,EAAEE,kBAAkB,GAAI,SAAS,GAAaI,SAAS;EAC9DL,OAAO,EAAEK;AACX,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACjD,MAAM;IAAEC,OAAO;IAAEC,mBAAmB;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAAGJ,KAAK;EAE/E,MAAMK,QAAQ,GAAGxB,kBAAkB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;;EAEvE;EACA;AACF;AACA;AACA;AACA;AACA;EACE,MAAMyB,sBAAsB,GAAGZ,kBAAkB,GAC7CQ,mBAAmB,GACnB,CAACG,QAAQ,CAACE,aAAa,GAAGL,mBAAmB;EACjD,MAAM;IAAEM,MAAM;IAAEC;EAAW,CAAC,GAAGhC,aAAa,CAAC,CAAC;EAC9C,MAAM;IAAEiC,SAAS;IAAEC;EAAe,CAAC,GAAG7B,eAAe,CAAC,CAAC;EAEvD,MAAM;IAAE8B,SAAS;IAAEC,iBAAiB;IAAEC,YAAY;IAAEC,IAAI;IAAEC,YAAY;IAAEC;EAAe,CAAC,GAAGlC,mBAAmB,CAAC;IAC7GoB;EACF,CAAC,CAAC;EACF,MAAMe,SAAS,GAAGtC,OAAO,CAAC,MAAM;IAC9B,IAAIuB,aAAa,IAAI,CAACA,aAAa,CAACgB,aAAa,CAAC,CAAC,EAAE,OAAO,MAAM,CAAC,KAC9D,OAAO,MAAM;EACpB,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GACpBV,SAAS,CAACW,KAAK,CAACC,YAAY,CAACrB,OAAO,CAACsB,aAAa,IAAItB,OAAO,CAACuB,cAAc,CAAC,CAAC,IAAI,CAACvB,OAAO,CAACwB,WAAW;EACxG,MAAMC,iBAAiB,GAAG,OAAO,CAAC,CAAC;;EAEnC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG1D,QAAQ,CAAC2D,MAAM,CAACC,YAAY,CAACC,MAAM,CAAC;EAE1E,MAAMC,SAAS,GAAG/D,OAAO,CAAC,MAAM;IAC9B,IAAI,CAACwC,UAAU,CAACwB,KAAK,CAACC,QAAQ,EAAE,OAAOzB,UAAU,CAACwB,KAAK;IACvD;IACA,OAAO;MAAE,GAAGxB,UAAU,CAACwB,KAAK;MAAEE,UAAU,EAAE1B,UAAU,CAACwB,KAAK,CAACC,QAAQ,GAAG,KAAK;MAAEE,iBAAiB,EAAE;IAAS,CAAC;EAC5G,CAAC,EAAE,CAAC3B,UAAU,CAACwB,KAAK,CAACC,QAAQ,CAAC,CAAC;EAE/B,MAAMG,cAAc,GAAG/D,UAAU,CAACgE,OAAO,CAAC,CAACT,MAAM,CAACU,KAAK,EAAEP,SAAS,EAAEhC,KAAK,CAACwC,KAAK,CAAC,CAAC;EAEjFC,gBAAgB,CAAC1B,IAAI,EAAEd,OAAO,CAAC;EAC/ByC,sBAAsB,CAAC1B,YAAY,EAAEhB,KAAK,CAAC2C,aAAa,CAAC;EACzDC,sBAAsB,CAAC9B,YAAY,EAAEX,aAAa,CAAC;EAEnD,MAAM0C,gBAAgB,GAAGA,CAACC,IAAoB,EAAEC,iBAAwB,KAAK;IAC3E,MAAMC,oBAAoB,GAAGrC,cAAc,CAACsC,sBAAsB,CAACH,IAAI,EAAE,IAAI,CAAC;IAC9E,MAAMI,KAAK,GAAG;MAAEC,KAAK,EAAEJ,iBAAiB,CAACI,KAAK;MAAEC,GAAG,EAAEL,iBAAiB,CAACI,KAAK,GAAGH,oBAAoB,CAACK,MAAM,GAAG;IAAE,CAAC;IAEhHrC,YAAY,CAACrC,OAAO,CAACoC,IAAI,EAAEgC,iBAAiB,CAACI,KAAK,EAAEJ,iBAAiB,CAACK,GAAG,EAAEJ,oBAAoB,CAAC,EAAE;MAAEF,IAAI;MAAEI;IAAM,CAAC,CAAC;EACpH,CAAC;EAED,MAAM,CAACI,aAAa,EAAEC,gBAAgB,CAAC,GAAGrF,QAAQ,CAAC,KAAK,CAAC;EAEzDF,SAAS,CAAC,MAAM;IACd,MAAMwF,eAAe,GAAGA,CAAA,KAAMD,gBAAgB,CAAC,IAAI,CAAC;IACpD,MAAME,eAAe,GAAGA,CAAA,KAAMF,gBAAgB,CAAC,KAAK,CAAC;IAErD,MAAMG,gBAAgB,GAAGvF,QAAQ,CAACwF,WAAW,CAAC,iBAAiB,EAAEH,eAAe,CAAC;IACjF,MAAMI,gBAAgB,GAAGzF,QAAQ,CAACwF,WAAW,CAAC,iBAAiB,EAAEF,eAAe,CAAC;IAEjF,OAAO,MAAM;MACXC,gBAAgB,CAACG,MAAM,CAAC,CAAC;MACzBD,gBAAgB,CAACC,MAAM,CAAC,CAAC;IAC3B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,wBAAwB,GAAG,CAACpE,kBAAkB,IAAKA,kBAAkB,IAAI,CAAC4D,aAAc;EAE9F,IAAI,CAACtD,KAAK,CAAC+D,iBAAiB,EAAE;IAC5B,oBAAOhG,KAAA,CAAAiG,aAAA,CAACC,cAAc;MAAClC,MAAM,EAAE1B,QAAQ,CAACE;IAAc,CAAE,CAAC;EAC3D;EAEA,oBACExC,KAAA,CAAAiG,aAAA,CAAAjG,KAAA,CAAAmG,QAAA,qBACEnG,KAAA,CAAAiG,aAAA,CAAC5F,oBAAoB;IAACkC,sBAAsB,EAAEA,sBAAuB;IAAC6D,QAAQ,EAAEtE;EAA6B,gBAC3G9B,KAAA,CAAAiG,aAAA,CAACzF,IAAI;IACHiE,KAAK,EAAE;MACL4B,YAAY,EAAE/D,QAAQ,CAAC+D,YAAY;MACnCC,UAAU,EAAEhE,QAAQ,CAACgE,UAAU;MAC/BC,eAAe,EAAE9D,MAAM,CAAC+D;IAC1B;EAAE,gBAEFxG,KAAA,CAAAiG,aAAA,CAACzF,IAAI;IAACiG,QAAQ,EAAGC,CAAC,IAAK7C,cAAc,CAAC6C,CAAC,CAACC,WAAW,CAACC,MAAM,CAAC5C,MAAM,CAAE;IAACS,KAAK,EAAEX,MAAM,CAAC+C;EAAe,GAC9F1D,SAAS,KAAK,MAAM,iBACnBnD,KAAA,CAAAiG,aAAA,CAAC7E,SAAS,EAAA0F,QAAA,KACJ7E,KAAK;IACT8E,GAAG,EAAEpD,iBAAkB;IACvBqD,GAAG,EAAEjE,YAAsB;IAC3BC,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAa;IAC3BH,iBAAiB,EAAEA,iBAAkB;IACrCI,cAAc,EAAEA,cAAe;IAC/B7B,iBAAiB,EAAEY,KAAK,CAACZ,iBAAiB,IAAIA,iBAAkB;IAChEJ,iBAAiB,EAAEgB,KAAK,CAAChB,iBAAiB,IAAIA,iBAAkB;IAChEE,qBAAqB,EAAEc,KAAK,CAACd,qBAAqB,IAAIA,qBAAsB;IAC5EsD,KAAK,EAAEH;EAAe,EACvB,CACF,EACAnB,SAAS,KAAK,MAAM,IAAIf,aAAa,iBACpCpC,KAAA,CAAAiG,aAAA,CAAC/E,SAAS,EAAA4F,QAAA,KACJ7E,KAAK;IACT8E,GAAG,EAAEpD,iBAAkB;IACvBqD,GAAG,EAAEjE,YAAsB;IAC3BC,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAa;IAC3BgE,SAAS,EAAE3F,UAAW;IACtBwB,iBAAiB,EAAEA,iBAAkB;IACrCI,cAAc,EAAEA,cAAe;IAC/Bd,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCoC,KAAK,EAAEH;EAAe,EACvB,CAEC,CAAC,EACNyB,wBAAwB,iBAAI/F,KAAA,CAAAiG,aAAA,CAACC,cAAc;IAAClC,MAAM,EAAE1B,QAAQ,CAACE;EAAc,CAAE,CAC1E,CACc,CAAC,EACtBa,gBAAgB,IAAIpB,KAAK,CAACiF,oBAAoB,iBAC7ClH,KAAA,CAAAiG,aAAA,CAAChE,KAAK,CAACiF,oBAAoB;IACzBlE,IAAI,EAAEA,IAAK;IACXH,SAAS,EAAEA,SAAU;IACrBe,WAAW,EAAEA,WAAY;IACzBuD,QAAQ,EAAE7E,QAAQ,CAAC8E,UAAW;IAC9BC,WAAW,EAAE/E,QAAQ,CAACE,aAAc;IACpCsC,gBAAgB,EAAEA,gBAAiB;IACnC5B,cAAc,EAAEA;EAAe,CAChC,CAEH,CAAC;AAEP,CAAC;AAED,MAAMwB,gBAAgB,GAAGA,CAAC1B,IAAY,EAAEd,OAA4B,KAAK;EACvEjC,SAAS,CACP,MAAM;IACJ,SAASqH,aAAaA,CAAA,EAAG;MACvB,IAAIpF,OAAO,CAACuB,cAAc,CAAC,CAAC,EAAE;QAC5B,MAAM8D,MAAM,GAAGA,CAAA,KAAOvE,IAAI,CAACsC,MAAM,KAAK,CAAC,GAAGpD,OAAO,CAACsF,SAAS,CAAC,CAAC,GAAGtF,OAAO,CAACuF,WAAW,CAAC,CAAE;QACtFF,MAAM,CAAC,CAAC,CAACG,KAAK,CAAEC,KAAK,IAAK;UACxBhH,MAAM,CAACiH,KAAK,CAAC,wCAAwC,EAAED,KAAK,CAAC;QAC/D,CAAC,CAAC;MACJ;IACF;IAEAL,aAAa,CAAC,CAAC;EACjB,CAAC,EACDpF,OAAO,CAACuB,cAAc,CAAC,CAAC,GAAG,CAACT,IAAI,CAAC,GAAG,EACtC,CAAC;AACH,CAAC;AAED,MAAM2B,sBAAsB,GAAGA,CAACkD,OAA8B,EAAEC,YAAqB,KAAK;EACxF7H,SAAS,CAAC,MAAM;IACd,IAAI6H,YAAY,EAAED,OAAO,CAAC,EAAE,CAAC;EAC/B,CAAC,EAAE,CAACC,YAAY,CAAC,CAAC;AACpB,CAAC;AAED,MAAMjD,sBAAsB,GAAGA,CAC7B9B,YAA2D,EAC3DX,aAAmC,KAChC;EACHnC,SAAS,CAAC,MAAM;IACd,IAAImC,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAE2F,aAAa,CAAC,CAAC,EAAE;MAClC,IAAI,CAACzG,UAAU,EAAE0G,UAAU,CAAC;QAAA,IAAAC,qBAAA;QAAA,QAAAA,qBAAA,GAAMlF,YAAY,CAACmF,OAAO,cAAAD,qBAAA,uBAApBA,qBAAA,CAAsBE,KAAK,CAAC,CAAC;MAAA,GAAE,GAAG,CAAC;IACvE;EACF,CAAC,EAAE,CAAC/F,aAAa,CAAC,CAAC;AACrB,CAAC;AAED,MAAM8D,cAAc,GAAGA,CAAC;EAAElC;AAA2B,CAAC,KAAK;EACzD,oBAAOhE,KAAA,CAAAiG,aAAA,CAACzF,IAAI;IAACiE,KAAK,EAAE;MAAET;IAAO;EAAE,CAAE,CAAC;AACpC,CAAC;AAED,MAAMF,MAAM,GAAGrD,gBAAgB,CAAC;EAC9BoG,cAAc,EAAE;IACduB,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDtE,YAAY,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EACDQ,KAAK,EAAE;IACL8D,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,EAAE;IAChBpB,UAAU,EAAE,CAAC;IACb5E,aAAa,EAAE,CAAC;IAChBiG,SAAS,EAAE,EAAE;IACb;IACA;IACAC,SAAS,EAAEpI,QAAQ,CAACiB,MAAM,CAAC;MAAEC,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE;MAAEC,OAAO,EAAE,EAAE,GAAG;IAAE,CAAC;EAClE;AACF,CAAC,CAAC;AAEF,4BAAezB,KAAK,CAAC2I,IAAI,CAAC3G,YAAY,CAAC","ignoreList":[]}

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js

@@ -25,7 +25,7 @@ const GroupChannelMessageList = props => {
   const {
     flatListRef,
     lazyScrollToBottom,
-    lazyScrollToIndex,
+    lazyScrollToMessageId,
     onPressReplyMessageInThread
   } = useContext(GroupChannelContexts.MessageList);
   const isFirstMount = useIsFirstMount();
@@ -37,6 +37,7 @@ const GroupChannelMessageList = props => {
   const viewableMessages = useRef();
   const hasUserMarkedAsUnreadRef = useRef(false);
   const [unreadFirstMessage, setUnreadFirstMessage] = useState(undefined);
+  const pendingBottomReachedRef = useRef(null);
   const updateHasSeenNewLine = useCallback(hasSeenNewLine => {
     if (hasSeenNewLineRef.current !== hasSeenNewLine) {
       var _props$onNewLineSeenC;
@@ -52,16 +53,21 @@ const GroupChannelMessageList = props => {
     }
   }, [props.onUserMarkedAsUnreadChange]);
   const scrollToMessageWithCreatedAt = useFreshCallback((createdAt, focusAnimated, timeout) => {
-    const foundMessageIndex = props.messages.findIndex(it => it.createdAt === createdAt);
-    const isIncludedInList = foundMessageIndex > -1;
+    const foundMessage = props.messages.find(it => it.createdAt === createdAt);
+    const isIncludedInList = !!foundMessage;
+    pendingBottomReachedRef.current = null;
     if (isIncludedInList) {
       if (focusAnimated) {
         setTimeout(() => props.onUpdateSearchItem({
           startingPoint: createdAt
         }), MESSAGE_FOCUS_ANIMATION_DELAY);
       }
-      lazyScrollToIndex({
-        index: foundMessageIndex,
+      pendingBottomReachedRef.current = {
+        timeout,
+        timestamp: Date.now()
+      };
+      lazyScrollToMessageId({
+        messageId: foundMessage.messageId,
         animated: true,
         timeout
       });
@@ -299,6 +305,23 @@ const GroupChannelMessageList = props => {
       if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');
     }
   });
+  const onBottomReached = useFreshCallback(() => {
+    if (props.hasNext()) {
+      if (pendingBottomReachedRef.current) {
+        const currentTime = Date.now();
+        const elapsedTime = currentTime - pendingBottomReachedRef.current.timestamp;
+        const timeoutThreshold = 500;
+        if (elapsedTime >= pendingBottomReachedRef.current.timeout + timeoutThreshold) {
+          var _props$onBottomReache;
+          (_props$onBottomReache = props.onBottomReached) === null || _props$onBottomReache === void 0 || _props$onBottomReache.call(props);
+          pendingBottomReachedRef.current = null;
+        }
+      } else {
+        var _props$onBottomReache2;
+        (_props$onBottomReache2 = props.onBottomReached) === null || _props$onBottomReache2 === void 0 || _props$onBottomReache2.call(props);
+      }
+    }
+  });
   return /*#__PURE__*/React.createElement(ChannelMessageList, _extends({}, props, {
     ref: flatListRef,
     onScrolledAwayFromBottom: onScrolledAwayFromBottom,
@@ -310,6 +333,7 @@ const GroupChannelMessageList = props => {
     onPressNewMessagesButton: scrollToBottom,
     onPressScrollToBottomButton: scrollToBottom,
     onPressMarkAsUnreadMessage: onPressMarkAsUnreadMessage,
+    onBottomReached: onBottomReached,
     unreadFirstMessage: unreadFirstMessage,
     unreadMessagesFloatingProps: unreadMessagesFloatingPropsRef.current
   }));