@sendbird/uikit-react-native 3.1.2 → 3.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","ImageWithPlaceholder","Text","TextInput","VideoThumbnail","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getFileIconFromMessageType","getMessageType","getThumbnailUriFromFileMessage","isImage","shouldCompressImage","useIIFE","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","SendInput","_ref","ref","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","messageToReply","setMessageToReply","mentionManager","sbOptions","select","colors","palette","STRINGS","openSheet","toast","mediaService","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","sheetItems","useChannelInputItems","onPressAttachment","getPlaceholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_MUTED","CHANNEL_INPUT_PLACEHOLDER_DISABLED","CHANNEL_INPUT_PLACEHOLDER_REPLY","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","getFileIconAsImage","url","createElement","source","uri","style","styles","previewImage","getFileIconAsVideoThumbnail","iconSize","fetchThumbnailFromVideoSource","getVideoThumbnail","timeMills","getFileIconAsSymbol","icon","size","color","onBackground02","containerStyle","backgroundColor","light","background100","dark","background500","width","height","borderRadius","marginRight","marginTop","getFileIcon","isFileMessage","messageType","flexDirection","paddingLeft","paddingRight","paddingTop","paddingBottom","alignItems","borderTopWidth","borderColor","onBackground04","flex","numberOfLines","fontSize","fontWeight","marginBottom","CHANNEL_INPUT_REPLY_PREVIEW_TITLE","sender","onBackground03","CHANNEL_INPUT_REPLY_PREVIEW_BODY","onPress","undefined","onBackground01","iconSend","sendInputContainer","disabled","multiline","disableFullscreenUI","editable","input","placeholder","textToMentionedComponents","Boolean","trim","ui","default","highlight","active","imageCompressionConfig","fileService","alert","isOpenChannel","openChannel","enableDocument","camera","enablePhoto","enableVideo","gallery","push","title","CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO","mediaFile","openCamera","mediaType","onOpenFailure","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","type","chat","imageCompressionEnabled","safeRun","compressed","compressImage","maxWidth","maxHeight","compressionRate","CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO","CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","CHANNEL_INPUT_ATTACHMENT_FILES","documentFile","openDocument","OPEN_FILES_ERROR","paddingVertical","paddingHorizontal","minHeight","ios","marginLeft","padding","overflow"],"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 type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  Icon,\n  ImageWithPlaceholder,\n  Text,\n  TextInput,\n  VideoThumbnail,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  FileIcon,\n  Logger,\n  SendbirdBaseMessage,\n  SendbirdChannel,\n  getFileIconFromMessageType,\n  getMessageType,\n  getThumbnailUriFromFileMessage,\n  isImage,\n  shouldCompressImage,\n  useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\nimport SBUError from '../../libs/SBUError';\nimport SBUUtils from '../../libs/SBUUtils';\nimport type { FileType } from '../../platform/types';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface SendInputProps extends ChannelInputProps {\n  text: string;\n  onChangeText: (val: string) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  mentionedUsers: MentionedUser[];\n}\n\nconst SendInput = forwardRef<RNTextInput, SendInputProps>(function SendInput(\n  {\n    AttachmentsButton,\n    onPressSendUserMessage,\n    onPressSendFileMessage,\n    text,\n    onChangeText,\n    onSelectionChange,\n    mentionedUsers,\n    inputDisabled,\n    inputFrozen,\n    inputMuted,\n    channel,\n    messageToReply,\n    setMessageToReply,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = useSendbirdChat();\n  const { select, colors, palette } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const { openSheet } = useBottomSheet();\n  const toast = useToast();\n  const { mediaService } = usePlatformService();\n\n  const messageReplyParams = useIIFE(() => {\n    const { groupChannel } = sbOptions.uikit;\n    if (!channel.isGroupChannel() || groupChannel.channel.replyType === 'none' || !messageToReply) return {};\n    return {\n      parentMessageId: messageToReply.messageId,\n      isReplyToChannel: true,\n    };\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 sheetItems = useChannelInputItems(channel, sendFileMessage);\n  const onPressAttachment = () => openSheet({ sheetItems });\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\n    return STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE;\n  };\n\n  const getFileIconAsImage = (url: string) => {\n    return <ImageWithPlaceholder source={{ uri: url }} style={styles.previewImage} />;\n  };\n\n  const getFileIconAsVideoThumbnail = (url: string) => {\n    return (\n      <VideoThumbnail\n        style={styles.previewImage}\n        iconSize={0}\n        source={url}\n        fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n      />\n    );\n  };\n\n  const getFileIconAsSymbol = (icon: FileIcon) => {\n    return (\n      <Icon\n        icon={icon}\n        size={20}\n        color={colors.onBackground02}\n        containerStyle={{\n          backgroundColor: select({\n            light: palette.background100,\n            dark: palette.background500,\n          }),\n          width: 36,\n          height: 36,\n          borderRadius: 10,\n          marginRight: 10,\n          marginTop: 2,\n        }}\n      />\n    );\n  };\n\n  const getFileIcon = (messageToReply: SendbirdBaseMessage) => {\n    if (messageToReply?.isFileMessage()) {\n      const messageType = getMessageType(messageToReply);\n      switch (messageType) {\n        case 'file.image':\n          return getFileIconAsImage(getThumbnailUriFromFileMessage(messageToReply));\n        case 'file.video':\n          return getFileIconAsVideoThumbnail(getThumbnailUriFromFileMessage(messageToReply));\n        default:\n          return getFileIconAsSymbol(getFileIconFromMessageType(messageType));\n      }\n    }\n    return null;\n  };\n\n  return (\n    <View>\n      {messageToReply && (\n        <View\n          style={{\n            flexDirection: 'row',\n            paddingLeft: 18,\n            paddingRight: 16,\n            paddingTop: 10,\n            paddingBottom: 8,\n            alignItems: 'center',\n            borderTopWidth: 1,\n            borderColor: colors.onBackground04,\n          }}\n        >\n          <View style={{ flex: 1, flexDirection: 'row' }}>\n            {getFileIcon(messageToReply)}\n            <View style={{ flex: 1, flexDirection: 'column' }}>\n              <Text numberOfLines={1} style={{ fontSize: 13, fontWeight: '900', marginBottom: 4 }}>\n                {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)}\n              </Text>\n              <Text numberOfLines={1} style={{ fontSize: 13, color: colors.onBackground03 }}>\n                {STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)}\n              </Text>\n            </View>\n          </View>\n          <TouchableOpacity onPress={() => setMessageToReply?.(undefined)}>\n            <Icon icon={'close'} size={24} color={colors.onBackground01} containerStyle={styles.iconSend} />\n          </TouchableOpacity>\n        </View>\n      )}\n      <View style={styles.sendInputContainer}>\n        {AttachmentsButton && <AttachmentsButton onPress={onPressAttachment} disabled={inputDisabled} />}\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          onSelectionChange={onSelectionChange}\n          editable={!inputDisabled}\n          onChangeText={onChangeText}\n          style={styles.input}\n          placeholder={getPlaceholder()}\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\n        </TextInput>\n\n        {Boolean(text.trim()) && (\n          <TouchableOpacity onPress={sendUserMessage} disabled={inputDisabled}>\n            <Icon\n              color={\n                inputDisabled ? colors.ui.input.default.disabled.highlight : colors.ui.input.default.active.highlight\n              }\n              icon={'send'}\n              size={24}\n              containerStyle={styles.iconSend}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n});\n\nconst useChannelInputItems = (channel: SendbirdChannel, sendFileMessage: (file: FileType) => void) => {\n  const { sbOptions, imageCompressionConfig } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { fileService, mediaService } = usePlatformService();\n  const { alert } = useAlert();\n  const toast = useToast();\n\n  const sheetItems: BottomSheetItem['sheetItems'] = [];\n  const input = useIIFE(() => {\n    switch (true) {\n      case channel.isOpenChannel():\n        return sbOptions.uikit.openChannel.channel.input;\n      case channel.isGroupChannel():\n        return sbOptions.uikit.groupChannel.channel.input;\n      default:\n        return {\n          enableDocument: true,\n          camera: { enablePhoto: true, enableVideo: true },\n          gallery: { enablePhoto: true, enableVideo: true },\n        };\n    }\n  });\n\n  if (input.camera.enablePhoto) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO,\n      icon: 'camera',\n      onPress: async () => {\n        const mediaFile = await fileService.openCamera({\n          mediaType: 'photo',\n          onOpenFailure: (error) => {\n            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n              alert({\n                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                  STRINGS.LABELS.PERMISSION_CAMERA,\n                  STRINGS.LABELS.PERMISSION_APP_NAME,\n                ),\n                buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n              });\n            } else {\n              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n            }\n          },\n        });\n\n        if (mediaFile) {\n          // Image compression\n          if (\n            isImage(mediaFile.uri, mediaFile.type) &&\n            shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n          ) {\n            await SBUUtils.safeRun(async () => {\n              const compressed = await mediaService.compressImage({\n                uri: mediaFile.uri,\n                maxWidth: imageCompressionConfig.width,\n                maxHeight: imageCompressionConfig.height,\n                compressionRate: imageCompressionConfig.compressionRate,\n              });\n\n              if (compressed) {\n                mediaFile.uri = compressed.uri;\n                mediaFile.size = compressed.size;\n              }\n            });\n          }\n\n          sendFileMessage(mediaFile);\n        }\n      },\n    });\n  }\n\n  if (input.camera.enableVideo) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO,\n      icon: 'camera',\n      onPress: async () => {\n        const mediaFile = await fileService.openCamera({\n          mediaType: 'video',\n          onOpenFailure: (error) => {\n            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n              alert({\n                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                  STRINGS.LABELS.PERMISSION_CAMERA,\n                  STRINGS.LABELS.PERMISSION_APP_NAME,\n                ),\n                buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n              });\n            } else {\n              toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n            }\n          },\n        });\n\n        if (mediaFile) {\n          sendFileMessage(mediaFile);\n        }\n      },\n    });\n  }\n\n  if (input.gallery.enablePhoto || input.gallery.enableVideo) {\n    const mediaType = (() => {\n      switch (true) {\n        case input.gallery.enablePhoto && input.gallery.enableVideo:\n          return 'all';\n        case input.gallery.enablePhoto && !input.gallery.enableVideo:\n          return 'photo';\n        case !input.gallery.enablePhoto && input.gallery.enableVideo:\n          return 'video';\n        default:\n          return 'all';\n      }\n    })();\n\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY,\n      icon: 'photo',\n      onPress: async () => {\n        const mediaFiles = await fileService.openMediaLibrary({\n          selectionLimit: 1,\n          mediaType,\n          onOpenFailure: (error) => {\n            if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n              alert({\n                title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                  STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                  STRINGS.LABELS.PERMISSION_APP_NAME,\n                ),\n                buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n              });\n            } else {\n              toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n            }\n          },\n        });\n\n        if (mediaFiles && mediaFiles[0]) {\n          const mediaFile = mediaFiles[0];\n\n          // Image compression\n          if (\n            isImage(mediaFile.uri, mediaFile.type) &&\n            shouldCompressImage(mediaFile.type, sbOptions.chat.imageCompressionEnabled)\n          ) {\n            await SBUUtils.safeRun(async () => {\n              const compressed = await mediaService.compressImage({\n                uri: mediaFile.uri,\n                maxWidth: imageCompressionConfig.width,\n                maxHeight: imageCompressionConfig.height,\n                compressionRate: imageCompressionConfig.compressionRate,\n              });\n\n              if (compressed) {\n                mediaFile.uri = compressed.uri;\n                mediaFile.size = compressed.size;\n              }\n            });\n          }\n\n          sendFileMessage(mediaFile);\n        }\n      },\n    });\n  }\n\n  if (input.enableDocument) {\n    sheetItems.push({\n      title: STRINGS.LABELS.CHANNEL_INPUT_ATTACHMENT_FILES,\n      icon: 'document',\n      onPress: async () => {\n        const documentFile = await fileService.openDocument({\n          onOpenFailure: () => toast.show(STRINGS.TOAST.OPEN_FILES_ERROR, 'error'),\n        });\n\n        if (documentFile) {\n          // Image compression\n          if (\n            isImage(documentFile.uri, documentFile.type) &&\n            shouldCompressImage(documentFile.type, sbOptions.chat.imageCompressionEnabled)\n          ) {\n            await SBUUtils.safeRun(async () => {\n              const compressed = await mediaService.compressImage({\n                uri: documentFile.uri,\n                maxWidth: imageCompressionConfig.width,\n                maxHeight: imageCompressionConfig.height,\n                compressionRate: imageCompressionConfig.compressionRate,\n              });\n\n              if (compressed) {\n                documentFile.uri = compressed.uri;\n                documentFile.size = compressed.size;\n              }\n            });\n          }\n\n          sendFileMessage(documentFile);\n        }\n      },\n    });\n  }\n\n  return sheetItems;\n};\n\nconst styles = createStyleSheet({\n  sendInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 12,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  iconSend: {\n    marginLeft: 4,\n    padding: 4,\n  },\n  previewImage: {\n    width: 36,\n    height: 36,\n    borderRadius: 10,\n    marginTop: 2,\n    marginRight: 10,\n    overflow: 'hidden',\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
+{"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","_ref","ref","style","VoiceMessageInput","MessageToReplyPreview","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","messageToReply","setMessageToReply","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","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","voiceMessageEnabled","enableVoiceMessage","sendButtonVisible","Boolean","trim","createElement","styles","sendInputContainer","onPress","disabled","multiline","disableFullscreenUI","editable","placeholder","textToMentionedComponents","VoiceMessageButton","UserMessageSendButton","disableBackgroundClose","Promise","allSettled","reset","backgroundStyle","justifyContent","type","onSend","_ref2","duration","_ref3","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","_ref4","paddingVertical","paddingHorizontal","alignItems","flexDirection","marginLeft","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  },\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    if (!channel.isGroupChannel() || groupChannel.channel.replyType === 'none' || !messageToReply) return {};\n    return {\n      parentMessageId: messageToReply.messageId,\n      isReplyToChannel: true,\n    };\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\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        >\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              Promise.allSettled([playerService.reset(), recorderService.reset()]);\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    marginLeft: 4,\n    padding: 4,\n  },\n});\n\nexport default SendInput;\n"],"mappings":"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"}

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

@@ -0,0 +1,228 @@
+import React, { useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { Box, Icon, PressBox, ProgressBar, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { conditionChaining, millsToMMSS } from '@sendbird/uikit-utils';
+import { useLocalization } from '../../hooks/useContext';
+import useVoiceMessageInput from '../../hooks/useVoiceMessageInput';
+const VoiceMessageInput = _ref => {
+  let {
+    onClose,
+    onSend
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    actions,
+    state
+  } = useVoiceMessageInput({
+    onSend: (file, duration) => onSend({
+      file,
+      duration
+    }),
+    onClose
+  });
+  const uiColors = colors.ui.voiceMessageInput.default[state.status !== 'idle' ? 'active' : 'inactive'];
+  const onPressCancel = async () => {
+    actions.cancel();
+    onClose();
+  };
+  const onPressSend = async () => {
+    actions.send();
+    onClose();
+  };
+  const onPressVoiceMessageAction = () => {
+    switch (state.status) {
+      case 'idle':
+        actions.startRecording();
+        break;
+      case 'recording':
+        if (lessThanMinimumDuration) {
+          actions.cancel();
+        } else {
+          actions.stopRecording();
+        }
+        break;
+      case 'recording_completed':
+      case 'playing_paused':
+        actions.playPlayer();
+        break;
+      case 'playing':
+        actions.pausePlayer();
+        break;
+    }
+  };
+  const renderActionIcon = () => {
+    switch (state.status) {
+      case 'idle':
+        return /*#__PURE__*/React.createElement(Icon, {
+          icon: 'recording',
+          size: 20,
+          color: uiColors.recording
+        });
+      case 'recording':
+        return /*#__PURE__*/React.createElement(Icon, {
+          icon: 'stop',
+          size: 20,
+          color: uiColors.actionIcon
+        });
+      case 'recording_completed':
+      case 'playing_paused':
+        return /*#__PURE__*/React.createElement(Icon, {
+          icon: 'play',
+          size: 20,
+          color: uiColors.actionIcon
+        });
+      case 'playing':
+        return /*#__PURE__*/React.createElement(Icon, {
+          icon: 'pause',
+          size: 20,
+          color: uiColors.actionIcon
+        });
+    }
+  };
+  const isRecorderState = state.status === 'recording' || state.status === 'recording_completed';
+  const lessThanMinimumDuration = state.recordingTime.currentTime < state.recordingTime.minDuration;
+  const remainingTime = state.playingTime.duration - state.playingTime.currentTime;
+  return /*#__PURE__*/React.createElement(Box, {
+    backgroundColor: uiColors.background,
+    paddingVertical: 24,
+    paddingHorizontal: 16,
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    style: styles.progressBar,
+    current: conditionChaining([state.status === 'recording', state.status === 'recording_completed'], [state.recordingTime.currentTime, 0, state.playingTime.currentTime]),
+    total: (isRecorderState ? state.recordingTime.maxDuration : state.playingTime.duration) || 1,
+    trackColor: uiColors.progressTrack,
+    overlay: /*#__PURE__*/React.createElement(Box, {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      paddingRight: 16
+    }, /*#__PURE__*/React.createElement(RecordingLight, {
+      visible: state.status === 'recording'
+    }), /*#__PURE__*/React.createElement(Text, {
+      caption1: true,
+      style: {
+        lineHeight: undefined,
+        marginLeft: 6
+      },
+      color: uiColors.textTime
+    }, millsToMMSS(isRecorderState ? state.recordingTime.currentTime : remainingTime)))
+  }), /*#__PURE__*/React.createElement(Box, {
+    height: 34,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(Box, {
+    flexDirection: 'row'
+  }, /*#__PURE__*/React.createElement(CancelButton, {
+    label: STRINGS.LABELS.VOICE_MESSAGE_INPUT_CANCEL,
+    onPress: onPressCancel
+  }), /*#__PURE__*/React.createElement(Box, {
+    flex: 1
+  }), /*#__PURE__*/React.createElement(SendButton, {
+    disabled: state.status === 'idle' || lessThanMinimumDuration,
+    onPress: onPressSend
+  })), /*#__PURE__*/React.createElement(Box, {
+    style: {
+      position: 'absolute'
+    },
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(PressBox, {
+    activeOpacity: 0.5,
+    onPress: onPressVoiceMessageAction
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: 34,
+    height: 34,
+    borderRadius: 17,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: uiColors.actionIconBackground
+  }, renderActionIcon())))));
+};
+const RecordingLight = props => {
+  const {
+    colors
+  } = useUIKitTheme();
+  const value = useRef(new Animated.Value(0)).current;
+  const animation = useRef(Animated.loop(Animated.sequence([Animated.timing(value, {
+    toValue: 1,
+    duration: 500,
+    useNativeDriver: true
+  }), Animated.timing(value, {
+    toValue: 0,
+    duration: 500,
+    useNativeDriver: true
+  })]))).current;
+  useEffect(() => {
+    if (props.visible) animation.start();
+    return () => {
+      animation.reset();
+    };
+  }, [props.visible]);
+  if (!props.visible) return null;
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      width: 12,
+      height: 12,
+      borderRadius: 6,
+      opacity: value,
+      backgroundColor: colors.ui.voiceMessageInput.default.active.recording
+    }
+  });
+};
+const CancelButton = props => {
+  const {
+    colors
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(PressBox, {
+    activeOpacity: 0.8,
+    onPress: props.onPress
+  }, /*#__PURE__*/React.createElement(Box, {
+    paddingHorizontal: 12,
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(Text, {
+    button: true,
+    color: colors.ui.voiceMessageInput.default.active.textCancel,
+    numberOfLines: 1
+  }, props.label)));
+};
+const SendButton = props => {
+  const {
+    colors
+  } = useUIKitTheme();
+  const uiColors = colors.ui.voiceMessageInput.default[props.disabled ? 'inactive' : 'active'];
+  return /*#__PURE__*/React.createElement(PressBox, {
+    disabled: props.disabled,
+    activeOpacity: 0.8,
+    onPress: props.onPress
+  }, /*#__PURE__*/React.createElement(Box, {
+    backgroundColor: uiColors.sendIconBackground,
+    padding: 7,
+    borderRadius: 40
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: 'send',
+    size: 20,
+    color: uiColors.sendIcon
+  })));
+};
+const styles = createStyleSheet({
+  container: {
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8
+  },
+  progressBar: {
+    height: 36,
+    marginBottom: 16,
+    borderRadius: 18
+  }
+});
+export default VoiceMessageInput;
+//# sourceMappingURL=VoiceMessageInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","Animated","Box","Icon","PressBox","ProgressBar","Text","createStyleSheet","useUIKitTheme","conditionChaining","millsToMMSS","useLocalization","useVoiceMessageInput","VoiceMessageInput","_ref","onClose","onSend","STRINGS","colors","actions","state","file","duration","uiColors","ui","voiceMessageInput","default","status","onPressCancel","cancel","onPressSend","send","onPressVoiceMessageAction","startRecording","lessThanMinimumDuration","stopRecording","playPlayer","pausePlayer","renderActionIcon","createElement","icon","size","color","recording","actionIcon","isRecorderState","recordingTime","currentTime","minDuration","remainingTime","playingTime","backgroundColor","background","paddingVertical","paddingHorizontal","style","styles","container","progressBar","current","total","maxDuration","trackColor","progressTrack","overlay","flex","flexDirection","alignItems","justifyContent","paddingRight","RecordingLight","visible","caption1","lineHeight","undefined","marginLeft","textTime","height","CancelButton","label","LABELS","VOICE_MESSAGE_INPUT_CANCEL","onPress","SendButton","disabled","position","activeOpacity","width","borderRadius","actionIconBackground","props","value","Value","animation","loop","sequence","timing","toValue","useNativeDriver","start","reset","View","opacity","active","button","textCancel","numberOfLines","sendIconBackground","padding","sendIcon","borderTopLeftRadius","borderTopRightRadius","marginBottom"],"sources":["VoiceMessageInput.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated } from 'react-native';\n\nimport {\n  Box,\n  Icon,\n  PressBox,\n  ProgressBar,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining, millsToMMSS } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\nimport useVoiceMessageInput from '../../hooks/useVoiceMessageInput';\nimport type { FileType } from '../../platform/types';\n\nexport type VoiceMessageInputProps = {\n  onClose: () => Promise<void>;\n  onSend: (params: { file: FileType; duration: number }) => void;\n};\n\nconst VoiceMessageInput = ({ onClose, onSend }: VoiceMessageInputProps) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { actions, state } = useVoiceMessageInput({\n    onSend: (file, duration) => onSend({ file, duration }),\n    onClose,\n  });\n\n  const uiColors = colors.ui.voiceMessageInput.default[state.status !== 'idle' ? 'active' : 'inactive'];\n\n  const onPressCancel = async () => {\n    actions.cancel();\n    onClose();\n  };\n\n  const onPressSend = async () => {\n    actions.send();\n    onClose();\n  };\n\n  const onPressVoiceMessageAction = () => {\n    switch (state.status) {\n      case 'idle':\n        actions.startRecording();\n        break;\n      case 'recording':\n        if (lessThanMinimumDuration) {\n          actions.cancel();\n        } else {\n          actions.stopRecording();\n        }\n        break;\n      case 'recording_completed':\n      case 'playing_paused':\n        actions.playPlayer();\n        break;\n      case 'playing':\n        actions.pausePlayer();\n        break;\n    }\n  };\n  const renderActionIcon = () => {\n    switch (state.status) {\n      case 'idle':\n        return <Icon icon={'recording'} size={20} color={uiColors.recording} />;\n      case 'recording':\n        return <Icon icon={'stop'} size={20} color={uiColors.actionIcon} />;\n      case 'recording_completed':\n      case 'playing_paused':\n        return <Icon icon={'play'} size={20} color={uiColors.actionIcon} />;\n      case 'playing':\n        return <Icon icon={'pause'} size={20} color={uiColors.actionIcon} />;\n    }\n  };\n\n  const isRecorderState = state.status === 'recording' || state.status === 'recording_completed';\n  const lessThanMinimumDuration = state.recordingTime.currentTime < state.recordingTime.minDuration;\n  const remainingTime = state.playingTime.duration - state.playingTime.currentTime;\n\n  return (\n    <Box backgroundColor={uiColors.background} paddingVertical={24} paddingHorizontal={16} style={styles.container}>\n      {/** Progress bar **/}\n      <ProgressBar\n        style={styles.progressBar}\n        current={conditionChaining(\n          [state.status === 'recording', state.status === 'recording_completed'],\n          [state.recordingTime.currentTime, 0, state.playingTime.currentTime],\n        )}\n        total={(isRecorderState ? state.recordingTime.maxDuration : state.playingTime.duration) || 1}\n        trackColor={uiColors.progressTrack}\n        overlay={\n          <Box flex={1} flexDirection={'row'} alignItems={'center'} justifyContent={'flex-end'} paddingRight={16}>\n            <RecordingLight visible={state.status === 'recording'} />\n            <Text caption1 style={{ lineHeight: undefined, marginLeft: 6 }} color={uiColors.textTime}>\n              {millsToMMSS(isRecorderState ? state.recordingTime.currentTime : remainingTime)}\n            </Text>\n          </Box>\n        }\n      />\n\n      <Box height={34} alignItems={'center'} justifyContent={'center'}>\n        {/** Cancel / Send **/}\n        <Box flexDirection={'row'}>\n          <CancelButton label={STRINGS.LABELS.VOICE_MESSAGE_INPUT_CANCEL} onPress={onPressCancel} />\n          <Box flex={1} />\n          <SendButton disabled={state.status === 'idle' || lessThanMinimumDuration} onPress={onPressSend} />\n        </Box>\n\n        {/** Record / Stop / Play / Pause **/}\n        <Box style={{ position: 'absolute' }} alignItems={'center'} justifyContent={'center'}>\n          <PressBox activeOpacity={0.5} onPress={onPressVoiceMessageAction}>\n            <Box\n              width={34}\n              height={34}\n              borderRadius={17}\n              alignItems={'center'}\n              justifyContent={'center'}\n              backgroundColor={uiColors.actionIconBackground}\n            >\n              {renderActionIcon()}\n            </Box>\n          </PressBox>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nconst RecordingLight = (props: { visible: boolean }) => {\n  const { colors } = useUIKitTheme();\n\n  const value = useRef(new Animated.Value(0)).current;\n  const animation = useRef(\n    Animated.loop(\n      Animated.sequence([\n        Animated.timing(value, { toValue: 1, duration: 500, useNativeDriver: true }),\n        Animated.timing(value, { toValue: 0, duration: 500, useNativeDriver: true }),\n      ]),\n    ),\n  ).current;\n\n  useEffect(() => {\n    if (props.visible) animation.start();\n    return () => {\n      animation.reset();\n    };\n  }, [props.visible]);\n\n  if (!props.visible) return null;\n  return (\n    <Animated.View\n      style={{\n        width: 12,\n        height: 12,\n        borderRadius: 6,\n        opacity: value,\n        backgroundColor: colors.ui.voiceMessageInput.default.active.recording,\n      }}\n    />\n  );\n};\n\nconst CancelButton = (props: { onPress: () => void; label: string }) => {\n  const { colors } = useUIKitTheme();\n\n  return (\n    <PressBox activeOpacity={0.8} onPress={props.onPress}>\n      <Box paddingHorizontal={12} height={'100%'} alignItems={'center'} justifyContent={'center'}>\n        <Text button color={colors.ui.voiceMessageInput.default.active.textCancel} numberOfLines={1}>\n          {props.label}\n        </Text>\n      </Box>\n    </PressBox>\n  );\n};\n\nconst SendButton = (props: { onPress: () => void; disabled: boolean }) => {\n  const { colors } = useUIKitTheme();\n\n  const uiColors = colors.ui.voiceMessageInput.default[props.disabled ? 'inactive' : 'active'];\n\n  return (\n    <PressBox disabled={props.disabled} activeOpacity={0.8} onPress={props.onPress}>\n      <Box backgroundColor={uiColors.sendIconBackground} padding={7} borderRadius={40}>\n        <Icon icon={'send'} size={20} color={uiColors.sendIcon} />\n      </Box>\n    </PressBox>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  progressBar: {\n    height: 36,\n    marginBottom: 16,\n    borderRadius: 18,\n  },\n});\n\nexport default VoiceMessageInput;\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 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, { useEffect, useState } from 'react';
-import { KeyboardAvoidingView, Platform, View } from 'react-native';
+import React, { useEffect, useMemo, useState } from 'react';
+import { KeyboardAvoidingView, Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { replace, useIIFE } from '@sendbird/uikit-utils';
@@ -8,7 +8,9 @@ import { useSendbirdChat } from '../../hooks/useContext';
 import useMentionTextInput from '../../hooks/useMentionTextInput';
 import AttachmentsButton from './AttachmentsButton';
 import EditInput from './EditInput';
+import { MessageToReplyPreview } from './MessageToReplyPreview';
 import SendInput from './SendInput';
+import VoiceMessageInput from './VoiceMessageInput';
 const AUTO_FOCUS = Platform.select({
   ios: false,
   android: true,
@@ -39,7 +41,8 @@ const ChannelInput = props => {
     bottom
   } = useSafeAreaInsets();
   const {
-    colors
+    colors,
+    typography
   } = useUIKitTheme();
   const {
     sbOptions,
@@ -61,6 +64,16 @@ const ChannelInput = props => {
   const mentionAvailable = sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;
   const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);
   const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);
+  const fontStyle = useMemo(() => {
+    if (!typography.body3.fontSize) return typography.body3;
+    // NOTE: iOS does not support textAlignVertical, so we should adjust lineHeight to center the text in multiline TextInput.
+    return {
+      ...typography.body3,
+      lineHeight: typography.body3.fontSize * 1.275,
+      textAlignVertical: 'center'
+    };
+  }, [typography.body3.fontSize]);
+  const textInputStyle = StyleSheet.flatten([styles.input, fontStyle, props.style]);
   useTypingTrigger(text, channel);
   useTextClearOnDisabled(onChangeText, props.inputDisabled);
   useAutoFocusOnEditMode(textInputRef, messageToEdit);
@@ -99,7 +112,10 @@ const ChannelInput = props => {
     onChangeText: onChangeText,
     onSelectionChange: onSelectionChange,
     mentionedUsers: mentionedUsers,
-    AttachmentsButton: props.AttachmentsButton ?? AttachmentsButton
+    VoiceMessageInput: props.VoiceMessageInput ?? VoiceMessageInput,
+    AttachmentsButton: props.AttachmentsButton ?? AttachmentsButton,
+    MessageToReplyPreview: props.MessageToReplyPreview ?? MessageToReplyPreview,
+    style: textInputStyle
   })), inputMode === 'edit' && messageToEdit && /*#__PURE__*/React.createElement(EditInput, _extends({}, props, {
     key: inputKeyToRemount,
     ref: textInputRef,
@@ -109,7 +125,8 @@ const ChannelInput = props => {
     onSelectionChange: onSelectionChange,
     mentionedUsers: mentionedUsers,
     messageToEdit: messageToEdit,
-    setMessageToEdit: setMessageToEdit
+    setMessageToEdit: setMessageToEdit,
+    style: textInputStyle
   }))), /*#__PURE__*/React.createElement(SafeAreaBottom, {
     height: bottom
   }))), mentionAvailable && props.SuggestedMentionList && /*#__PURE__*/React.createElement(props.SuggestedMentionList, {
@@ -161,6 +178,20 @@ const styles = createStyleSheet({
   },
   inputDefault: {
     height: 56
+  },
+  input: {
+    flex: 1,
+    marginRight: 4,
+    borderRadius: 20,
+    paddingTop: 8,
+    paddingBottom: 8,
+    minHeight: 36,
+    // Android - padding area is hidden
+    // iOS - padding area is visible
+    maxHeight: Platform.select({
+      ios: 36 * 2 + 16,
+      android: 36 * 2
+    })
   }
 });
 export default /*#__PURE__*/React.memo(ChannelInput);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","KeyboardAvoidingView","Platform","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","replace","useIIFE","useSendbirdChat","useMentionTextInput","AttachmentsButton","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","sbOptions","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","length","inputHeight","setInputHeight","styles","inputDefault","height","useTypingTrigger","useTextClearOnDisabled","inputDisabled","useAutoFocusOnEditMode","onPressToMention","user","searchStringRange","mentionedMessageText","asMentionedMessageText","range","start","end","shouldRenderInput","createElement","SafeAreaBottom","Fragment","keyboardVerticalOffset","behavior","style","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","_extends","key","ref","autoFocus","SuggestedMentionList","topInset","bottomInset","endTyping","startTyping","setText","chatDisabled","isUserMessage","setTimeout","_textInputRef$current","current","focus","_ref","justifyContent","width","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { MutableRefObject, useEffect, 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 { MentionedUser, Range } from '../../types';\nimport type { AttachmentsButtonProps } from './AttachmentsButton';\nimport AttachmentsButton from './AttachmentsButton';\nimport EditInput from './EditInput';\nimport SendInput from './SendInput';\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  // reply - only available on group channel\n  messageToReply?: undefined | SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToReply?: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;\n\n  // mention\n  SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element | null;\n\n  // sub-components\n  AttachmentsButton?: (props: AttachmentsButtonProps) => JSX.Element | null;\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 { 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 = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);\n\n  const [inputHeight, setInputHeight] = useState(styles.inputDefault.height);\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={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                AttachmentsButton={props.AttachmentsButton ?? AttachmentsButton}\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              />\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 useTextClearOnDisabled = (setText: (val: string) => void, chatDisabled: boolean) => {\n  useEffect(() => {\n    if (chatDisabled) setText('');\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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"}
+{"version":3,"names":["React","useEffect","useMemo","useState","KeyboardAvoidingView","Platform","StyleSheet","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","replace","useIIFE","useSendbirdChat","useMentionTextInput","AttachmentsButton","EditInput","MessageToReplyPreview","SendInput","VoiceMessageInput","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","typography","sbOptions","mentionManager","selection","onSelectionChange","textInputRef","text","onChangeText","mentionedUsers","inputMode","isFileMessage","mentionAvailable","uikit","groupChannel","enableMention","isGroupChannel","isBroadcast","inputKeyToRemount","length","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","shouldRenderInput","createElement","SafeAreaBottom","Fragment","keyboardVerticalOffset","behavior","paddingLeft","paddingRight","backgroundColor","background","onLayout","e","nativeEvent","layout","inputContainer","_extends","key","ref","autoFocus","SuggestedMentionList","topInset","bottomInset","endTyping","startTyping","setText","chatDisabled","isUserMessage","setTimeout","_textInputRef$current","current","focus","_ref","justifyContent","width","flex","marginRight","borderRadius","paddingTop","paddingBottom","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';\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 { 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\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\n  // mention\n  SuggestedMentionList?: (props: SuggestedMentionListProps) => React.ReactNode | null;\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 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, 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 = 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={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                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          <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 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    marginRight: 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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"}