npm - @sendbird/uikit-react-native - Versions diffs - 3.7.6 → 3.8.0 - Mend

@sendbird/uikit-react-native 3.7.6 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1098) hide show

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

@@ -7,26 +7,25 @@ import { VOICE_MESSAGE_META_ARRAY_DURATION_KEY, VOICE_MESSAGE_META_ARRAY_MESSAGE
 import { useChannelInputItems } from '../../hooks/useChannelInputItems';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
 import SBUUtils from '../../libs/SBUUtils';
-const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
-  let {
-    style,
-    VoiceMessageInput,
-    MessageToReplyPreview,
-    AttachmentsButton,
-    onPressSendUserMessage,
-    onPressSendFileMessage,
-    text,
-    onChangeText,
-    onSelectionChange,
-    mentionedUsers,
-    inputDisabled,
-    inputFrozen,
-    inputMuted,
-    channel,
-    messageToReply,
-    setMessageToReply,
-    messageForThread
-  } = _ref;
+const SendInput = /*#__PURE__*/forwardRef(function SendInput({
+  style,
+  VoiceMessageInput,
+  MessageToReplyPreview,
+  AttachmentsButton,
+  onPressSendUserMessage,
+  onPressSendFileMessage,
+  text,
+  onChangeText,
+  onSelectionChange,
+  mentionedUsers,
+  inputDisabled,
+  inputFrozen,
+  inputMuted,
+  channel,
+  messageToReply,
+  setMessageToReply,
+  messageForThread
+}, ref) {
   const {
     playerService,
     recorderService
@@ -89,14 +88,14 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
       ...messageReplyParams
     }).catch(onFailureToSend);
     onChangeText('');
-    setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
+    setMessageToReply === null || setMessageToReply === void 0 || setMessageToReply();
   };
   const sendFileMessage = file => {
     onPressSendFileMessage({
       file,
       ...messageReplyParams
     }).catch(onFailureToSend);
-    setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
+    setMessageToReply === null || setMessageToReply === void 0 || setMessageToReply();
   };
   const sendVoiceMessage = (file, durationMills) => {
     if (inputMuted) {
@@ -119,7 +118,7 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
       }).catch(onFailureToSend);
     }
     onChangeText('');
-    setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply();
+    setMessageToReply === null || setMessageToReply === void 0 || setMessageToReply();
   };
   const sheetItems = useChannelInputItems(channel, sendFileMessage);
   const getPlaceholder = () => {
@@ -156,7 +155,9 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
     editable: !inputDisabled,
     onChangeText: onChangeText,
     style: style,
-    placeholder: getPlaceholder()
+    placeholder: getPlaceholder(),
+    originalText: text,
+    supportRTLAlign: true
   }, mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention)), voiceMessageEnabled && /*#__PURE__*/React.createElement(VoiceMessageButton, {
     visible: !sendButtonVisible,
     disabled: inputDisabled,
@@ -180,21 +181,17 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
     type: 'slide-no-gesture'
   }, /*#__PURE__*/React.createElement(VoiceMessageInput, {
     onClose: onClose,
-    onSend: _ref2 => {
-      let {
-        file,
-        duration
-      } = _ref2;
-      return sendVoiceMessage(file, duration);
-    }
+    onSend: ({
+      file,
+      duration
+    }) => sendVoiceMessage(file, duration)
   }))));
 });
-const VoiceMessageButton = _ref3 => {
-  let {
-    visible,
-    disabled,
-    onPress
-  } = _ref3;
+const VoiceMessageButton = ({
+  visible,
+  disabled,
+  onPress
+}) => {
   const {
     STRINGS
   } = useLocalization();
@@ -248,12 +245,11 @@ const VoiceMessageButton = _ref3 => {
     containerStyle: styles.sendIcon
   }));
 };
-const UserMessageSendButton = _ref4 => {
-  let {
-    visible,
-    disabled,
-    onPress
-  } = _ref4;
+const UserMessageSendButton = ({
+  visible,
+  disabled,
+  onPress
+}) => {
   const {
     colors
   } = useUIKitTheme();
@@ -276,7 +272,7 @@ const styles = createStyleSheet({
     flexDirection: 'row'
   },
   sendIcon: {
-    marginLeft: 4,
+    marginStart: 4,
     padding: 4
   }
 });

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

	@@ -1 +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","_ref","ref","style","VoiceMessageInput","MessageToReplyPreview","AttachmentsButton","onPressSendUserMessage","onPressSendFileMessage","text","onChangeText","onSelectionChange","mentionedUsers","inputDisabled","inputFrozen","inputMuted","channel","messageToReply","setMessageToReply","messageForThread","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","textToMentionedComponents","VoiceMessageButton","UserMessageSendButton","disableBackgroundClose","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 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 >\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 marginLeft: 4,\n padding: 4,\n },\n});\n\nexport default SendInput;\n"],"mappings":"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"}
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":"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","ignoreList":[]}

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

@@ -4,11 +4,10 @@ import { Box, Icon, PressBox, ProgressBar, Text, createStyleSheet, useUIKitTheme
 import { Logger, conditionChaining, millsToMMSS } from '@sendbird/uikit-utils';
 import { useLocalization } from '../../hooks/useContext';
 import useVoiceMessageInput from '../../hooks/useVoiceMessageInput';
-const VoiceMessageInput = _ref => {
-  let {
-    onClose,
-    onSend
-  } = _ref;
+const VoiceMessageInput = ({
+  onClose,
+  onSend
+}) => {
   const {
     STRINGS
   } = useLocalization();
@@ -112,14 +111,14 @@ const VoiceMessageInput = _ref => {
       flexDirection: 'row',
       alignItems: 'center',
       justifyContent: 'flex-end',
-      paddingRight: 16
+      paddingEnd: 16
     }, /*#__PURE__*/React.createElement(RecordingLight, {
       visible: state.status === 'recording'
     }), /*#__PURE__*/React.createElement(Text, {
       caption1: true,
       style: {
         lineHeight: undefined,
-        marginLeft: 6
+        marginStart: 6
       },
       color: uiColors.textTime
     }, millsToMMSS(isRecorderState ? state.recordingTime.currentTime : remainingTime)))
@@ -225,8 +224,8 @@ const SendButton = props => {
 };
 const styles = createStyleSheet({
   container: {
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8
+    borderTopStartRadius: 8,
+    borderTopEndRadius: 8
   },
   progressBar: {
     height: 36,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","Animated","Box","Icon","PressBox","ProgressBar","Text","createStyleSheet","useUIKitTheme","Logger","conditionChaining","millsToMMSS","useLocalization","useVoiceMessageInput","VoiceMessageInput","_ref","onClose","onSend","STRINGS","colors","actions","state","file","duration","uiColors","ui","voiceMessageInput","default","status","onPressCancel","cancel","catch","error","warn","finally","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 { Logger, 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 await actions\n .cancel()\n .catch((error) => {\n Logger.warn('Failed to cancel voice message input', error);\n })\n .finally(() => {\n onClose();\n });\n };\n\n const onPressSend = async () => {\n await actions\n .send()\n .catch((error) => {\n Logger.warn('Failed to send voice message', error);\n })\n .finally(() => {\n onClose();\n });\n };\n\n const onPressVoiceMessageAction = async () => {\n try {\n switch (state.status) {\n case 'idle':\n await actions.startRecording();\n break;\n case 'recording':\n if (lessThanMinimumDuration) {\n await actions.cancel();\n } else {\n await actions.stopRecording();\n }\n break;\n case 'recording_completed':\n case 'playing_paused':\n await actions.playPlayer();\n break;\n case 'playing':\n await actions.pausePlayer();\n break;\n }\n } catch (error) {\n Logger.warn('Failed to run voice message action.', state);\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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"}
1	+ {"version":3,"names":["React","useEffect","useRef","Animated","Box","Icon","PressBox","ProgressBar","Text","createStyleSheet","useUIKitTheme","Logger","conditionChaining","millsToMMSS","useLocalization","useVoiceMessageInput","VoiceMessageInput","onClose","onSend","STRINGS","colors","actions","state","file","duration","uiColors","ui","voiceMessageInput","default","status","onPressCancel","cancel","catch","error","warn","finally","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","paddingEnd","RecordingLight","visible","caption1","lineHeight","undefined","marginStart","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","borderTopStartRadius","borderTopEndRadius","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 { Logger, 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 await actions\n .cancel()\n .catch((error) => {\n Logger.warn('Failed to cancel voice message input', error);\n })\n .finally(() => {\n onClose();\n });\n };\n\n const onPressSend = async () => {\n await actions\n .send()\n .catch((error) => {\n Logger.warn('Failed to send voice message', error);\n })\n .finally(() => {\n onClose();\n });\n };\n\n const onPressVoiceMessageAction = async () => {\n try {\n switch (state.status) {\n case 'idle':\n await actions.startRecording();\n break;\n case 'recording':\n if (lessThanMinimumDuration) {\n await actions.cancel();\n } else {\n await actions.stopRecording();\n }\n break;\n case 'recording_completed':\n case 'playing_paused':\n await actions.playPlayer();\n break;\n case 'playing':\n await actions.pausePlayer();\n break;\n }\n } catch (error) {\n Logger.warn('Failed to run voice message action.', state);\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'} paddingEnd={16}>\n <RecordingLight visible={state.status === 'recording'} />\n <Text caption1 style={{ lineHeight: undefined, marginStart: 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 borderTopStartRadius: 8,\n borderTopEndRadius: 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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","ignoreList":[]}

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

@@ -1,9 +1,8 @@
-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); }
+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 { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { Logger, replace, useIIFE } from '@sendbird/uikit-utils';
+import { Logger, replace, useIIFE, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { useSendbirdChat } from '../../hooks/useContext';
 import useMentionTextInput from '../../hooks/useMentionTextInput';
 import AttachmentsButton from './AttachmentsButton';
@@ -24,7 +23,9 @@ const KEYBOARD_AVOID_VIEW_BEHAVIOR = Platform.select({
 // FIXME(iOS): Dynamic style does not work properly when typing the CJK. (https://github.com/facebook/react-native/issues/26107)
 //  To workaround temporarily, change the key for re-mount the component.
 //  -> This will affect to keyboard blur when add/remove first mentioned user.
-const GET_INPUT_KEY = shouldReset => shouldReset ? 'uikit-input-clear' : 'uikit-input';
+// const GET_INPUT_KEY = (shouldReset: boolean) => {
+//   return Platform.OS === 'ios' && shouldReset ? 'uikit-input-clear' : 'uikit-input';
+// };
 // TODO: Refactor 'Edit' mode to clearly
 const ChannelInput = props => {
@@ -34,12 +35,7 @@ const ChannelInput = props => {
     messageToEdit,
     setMessageToEdit
   } = props;
-  const {
-    top,
-    left,
-    right,
-    bottom
-  } = useSafeAreaInsets();
+  const safeArea = useSafeAreaPadding(['top', 'left', 'right', 'bottom']);
   const {
     colors,
     typography
@@ -62,7 +58,8 @@ const ChannelInput = props => {
     if (messageToEdit && !messageToEdit.isFileMessage()) return 'edit';else return 'send';
   });
   const mentionAvailable = sbOptions.uikit.groupChannel.channel.enableMention && channel.isGroupChannel() && !channel.isBroadcast;
-  const inputKeyToRemount = GET_INPUT_KEY(mentionAvailable ? mentionedUsers.length === 0 : false);
+  const inputKeyToRemount = 'input'; //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;
@@ -90,16 +87,16 @@ const ChannelInput = props => {
   };
   if (!props.shouldRenderInput) {
     return /*#__PURE__*/React.createElement(SafeAreaBottom, {
-      height: bottom
+      height: safeArea.paddingBottom
     });
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
-    keyboardVerticalOffset: -bottom + keyboardAvoidOffset,
+    keyboardVerticalOffset: -safeArea.paddingBottom + keyboardAvoidOffset,
     behavior: KEYBOARD_AVOID_VIEW_BEHAVIOR
   }, /*#__PURE__*/React.createElement(View, {
     style: {
-      paddingLeft: left,
-      paddingRight: right,
+      paddingStart: safeArea.paddingStart,
+      paddingEnd: safeArea.paddingEnd,
       backgroundColor: colors.background
     }
   }, /*#__PURE__*/React.createElement(View, {
@@ -128,13 +125,13 @@ const ChannelInput = props => {
     setMessageToEdit: setMessageToEdit,
     style: textInputStyle
   }))), /*#__PURE__*/React.createElement(SafeAreaBottom, {
-    height: bottom
+    height: safeArea.paddingBottom
   }))), mentionAvailable && props.SuggestedMentionList && /*#__PURE__*/React.createElement(props.SuggestedMentionList, {
     text: text,
     selection: selection,
     inputHeight: inputHeight,
-    topInset: top,
-    bottomInset: bottom,
+    topInset: safeArea.paddingTop,
+    bottomInset: safeArea.paddingBottom,
     onPressToMention: onPressToMention,
     mentionedUsers: mentionedUsers
   }));
@@ -167,10 +164,9 @@ const useAutoFocusOnEditMode = (textInputRef, messageToEdit) => {
     }
   }, [messageToEdit]);
 };
-const SafeAreaBottom = _ref => {
-  let {
-    height
-  } = _ref;
+const SafeAreaBottom = ({
+  height
+}) => {
   return /*#__PURE__*/React.createElement(View, {
     style: {
       height
@@ -187,7 +183,7 @@ const styles = createStyleSheet({
   },
   input: {
     flex: 1,
-    marginRight: 4,
+    marginEnd: 4,
     borderRadius: 20,
     paddingTop: 8,
     paddingBottom: 8,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useMemo","useState","KeyboardAvoidingView","Platform","StyleSheet","View","useSafeAreaInsets","createStyleSheet","useUIKitTheme","Logger","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","triggerTyping","action","endTyping","startTyping","catch","error","debug","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 Logger,\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 { 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\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 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 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 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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"}
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","KEYBOARD_AVOID_VIEW_BEHAVIOR","undefined","ChannelInput","props","channel","keyboardAvoidOffset","messageToEdit","setMessageToEdit","safeArea","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","paddingBottom","Fragment","keyboardVerticalOffset","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\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 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.\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 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\n keyboardVerticalOffset={-safeArea.paddingBottom + keyboardAvoidOffset}\n behavior={KEYBOARD_AVOID_VIEW_BEHAVIOR}\n >\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 <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":[]}