@sendbird/uikit-react-native 3.1.0 → 3.1.2
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.
- package/lib/commonjs/components/ChannelInput/SendInput.js +3 -3
- package/lib/commonjs/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/commonjs/components/ChatFlatList/index.js +15 -3
- package/lib/commonjs/components/ChatFlatList/index.js.map +1 -1
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js +3 -3
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map +1 -1
- package/lib/commonjs/containers/SendbirdUIKitContainer.js +17 -5
- package/lib/commonjs/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/commonjs/hooks/useMentionSuggestion.js +1 -1
- package/lib/commonjs/hooks/useMentionSuggestion.js.map +1 -1
- package/lib/commonjs/version.js +1 -1
- package/lib/commonjs/version.js.map +1 -1
- package/lib/module/components/ChannelInput/SendInput.js +4 -4
- package/lib/module/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/module/components/ChatFlatList/index.js +15 -3
- package/lib/module/components/ChatFlatList/index.js.map +1 -1
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js +4 -4
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map +1 -1
- package/lib/module/containers/SendbirdUIKitContainer.js +17 -5
- package/lib/module/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/module/hooks/useMentionSuggestion.js +1 -1
- package/lib/module/hooks/useMentionSuggestion.js.map +1 -1
- package/lib/module/version.js +1 -1
- package/lib/module/version.js.map +1 -1
- package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts +3 -2
- package/lib/typescript/src/version.d.ts +1 -1
- package/package.json +5 -5
- package/src/components/ChannelInput/SendInput.tsx +4 -4
- package/src/components/ChatFlatList/index.tsx +14 -3
- package/src/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.tsx +4 -4
- package/src/containers/SendbirdUIKitContainer.tsx +13 -6
- package/src/hooks/useMentionSuggestion.ts +2 -1
- package/src/version.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_uikitChatHooks","_uikitUtils","_useContext","useMentionSuggestion","params","text","selection","channel","mentionedUsers","freshChannel","setFreshChannel","useState","useAsyncEffect","refresh","url","id","useUniqHandlerId","useChannelHandler","sdk","onUserJoined","eventChannel","isDifferentChannel","onUserLeft","onUserBanned","isGroupChannel","mentionManager","currentUser","useSendbirdChat","members","setMembers","searchStringRangeRef","useRef","start","end","searchLimitedRef","updateSearchStringRange","selectionIndex","searchString","current","getSearchStringRangeInText","updateSearchLimited","mentionCount","mentionLimit","resetRefs","fetchMembers","selectionRanged","selectionContainsMentionedUser","some","it","rangeHelpers","overlaps","range","isTriggered","isValidSearchString","getSearchString","limited","length","config","isSuper","createMemberListQuery","nicknameStartsWithFilter","limit","suggestionLimit","next","then","filter","member","userId","slice","sort","a","b","_a$nickname","nickname","localeCompare","_member$nickname","toLowerCase","startsWith","useDebounceEffect","catch","debounceMills","reset","useCallback","searchStringRange","searchLimited","_default","exports","default"],"sources":["useMentionSuggestion.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useAsyncEffect, useDebounceEffect, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { Range } from '../types';\n\nconst useMentionSuggestion = (params: {\n text: string;\n selection: Range;\n mentionedUsers: { user: SendbirdUser; range: Range }[];\n sdk: SendbirdChatSDK;\n channel: SendbirdGroupChannel;\n}) => {\n const { text, selection, channel, mentionedUsers } = params;\n\n const [freshChannel, setFreshChannel] = useState(channel);\n\n useAsyncEffect(async () => {\n setFreshChannel(await channel.refresh());\n }, [channel.url]);\n\n const id = useUniqHandlerId('useMentionSuggestion');\n\n useChannelHandler(params.sdk, id, {\n onUserJoined(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n setFreshChannel(eventChannel);\n },\n onUserLeft(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n setFreshChannel(eventChannel);\n },\n onUserBanned(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n if (!eventChannel.isGroupChannel()) return;\n setFreshChannel(eventChannel);\n },\n });\n\n const { mentionManager, currentUser } = useSendbirdChat();\n const [members, setMembers] = useState<SendbirdMember[]>([]);\n\n const searchStringRangeRef = useRef<Range>({ start: 0, end: 0 });\n const searchLimitedRef = useRef(false);\n\n const updateSearchStringRange = (selectionIndex: number, searchString: string) => {\n searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);\n return searchStringRangeRef.current;\n };\n const updateSearchLimited = (mentionCount: number, mentionLimit: number) => {\n searchLimitedRef.current = mentionCount >= mentionLimit;\n return searchLimitedRef.current;\n };\n const resetRefs = () => {\n searchLimitedRef.current = false;\n searchStringRangeRef.current = { start: 0, end: 0 };\n };\n\n const fetchMembers = async (): Promise<SendbirdMember[]> => {\n resetRefs();\n\n const selectionRanged = selection.start !== selection.end;\n if (selectionRanged) return [];\n\n const selectionContainsMentionedUser = mentionedUsers.some((it) =>\n mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n );\n if (selectionContainsMentionedUser) return [];\n\n const { isTriggered, isValidSearchString, searchString } = mentionManager.getSearchString(text, selection.start);\n if (!isTriggered() || !isValidSearchString()) return [];\n\n const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);\n if (limited) return [];\n\n updateSearchStringRange(selection.start, searchString);\n\n if (freshChannel.isSuper) {\n return freshChannel\n .createMemberListQuery({\n nicknameStartsWithFilter: searchString,\n limit: mentionManager.config.suggestionLimit + 1,\n })\n .next()\n .then((members) => members.filter((member) => member.userId !== currentUser?.userId))\n .then((members) => members.slice(0, mentionManager.config.suggestionLimit));\n } else {\n return freshChannel.members\n .sort((a, b) => a.nickname?.localeCompare(b.nickname))\n .filter(\n (member) =>\n member.nickname?.toLowerCase().startsWith(searchString.toLowerCase()) &&\n member.userId !== currentUser?.userId,\n )\n .slice(0, mentionManager.config.suggestionLimit);\n }\n };\n\n useDebounceEffect(\n () => {\n return fetchMembers()\n .then(setMembers)\n .catch(() => setMembers([]));\n },\n mentionManager.config.debounceMills,\n [text, selection],\n );\n\n return {\n members,\n reset: useCallback(() => setMembers([]), []),\n searchStringRange: searchStringRangeRef.current,\n searchLimited: searchLimitedRef.current,\n };\n};\n\nexport default useMentionSuggestion;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","require","_uikitChatHooks","_uikitUtils","_useContext","useMentionSuggestion","params","text","selection","channel","mentionedUsers","freshChannel","setFreshChannel","useState","useAsyncEffect","refresh","url","id","useUniqHandlerId","useChannelHandler","sdk","onUserJoined","eventChannel","isDifferentChannel","onUserLeft","onUserBanned","isGroupChannel","mentionManager","currentUser","useSendbirdChat","members","setMembers","searchStringRangeRef","useRef","start","end","searchLimitedRef","updateSearchStringRange","selectionIndex","searchString","current","getSearchStringRangeInText","updateSearchLimited","mentionCount","mentionLimit","resetRefs","fetchMembers","selectionRanged","selectionContainsMentionedUser","some","it","rangeHelpers","overlaps","range","isTriggered","isValidSearchString","getSearchString","limited","length","config","isSuper","createMemberListQuery","nicknameStartsWithFilter","limit","suggestionLimit","next","then","filter","member","userId","slice","sort","a","b","_a$nickname","nickname","localeCompare","_member$nickname","toLowerCase","startsWith","isActive","useDebounceEffect","catch","debounceMills","reset","useCallback","searchStringRange","searchLimited","_default","exports","default"],"sources":["useMentionSuggestion.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdChatSDK, SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\nimport { isDifferentChannel, useAsyncEffect, useDebounceEffect, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { Range } from '../types';\n\nconst useMentionSuggestion = (params: {\n text: string;\n selection: Range;\n mentionedUsers: { user: SendbirdUser; range: Range }[];\n sdk: SendbirdChatSDK;\n channel: SendbirdGroupChannel;\n}) => {\n const { text, selection, channel, mentionedUsers } = params;\n\n const [freshChannel, setFreshChannel] = useState(channel);\n\n useAsyncEffect(async () => {\n setFreshChannel(await channel.refresh());\n }, [channel.url]);\n\n const id = useUniqHandlerId('useMentionSuggestion');\n\n useChannelHandler(params.sdk, id, {\n onUserJoined(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n setFreshChannel(eventChannel);\n },\n onUserLeft(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n setFreshChannel(eventChannel);\n },\n onUserBanned(eventChannel) {\n if (isDifferentChannel(eventChannel, channel)) return;\n if (!eventChannel.isGroupChannel()) return;\n setFreshChannel(eventChannel);\n },\n });\n\n const { mentionManager, currentUser } = useSendbirdChat();\n const [members, setMembers] = useState<SendbirdMember[]>([]);\n\n const searchStringRangeRef = useRef<Range>({ start: 0, end: 0 });\n const searchLimitedRef = useRef(false);\n\n const updateSearchStringRange = (selectionIndex: number, searchString: string) => {\n searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);\n return searchStringRangeRef.current;\n };\n const updateSearchLimited = (mentionCount: number, mentionLimit: number) => {\n searchLimitedRef.current = mentionCount >= mentionLimit;\n return searchLimitedRef.current;\n };\n const resetRefs = () => {\n searchLimitedRef.current = false;\n searchStringRangeRef.current = { start: 0, end: 0 };\n };\n\n const fetchMembers = async (): Promise<SendbirdMember[]> => {\n resetRefs();\n\n const selectionRanged = selection.start !== selection.end;\n if (selectionRanged) return [];\n\n const selectionContainsMentionedUser = mentionedUsers.some((it) =>\n mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n );\n if (selectionContainsMentionedUser) return [];\n\n const { isTriggered, isValidSearchString, searchString } = mentionManager.getSearchString(text, selection.start);\n if (!isTriggered() || !isValidSearchString()) return [];\n\n const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);\n if (limited) return [];\n\n updateSearchStringRange(selection.start, searchString);\n\n if (freshChannel.isSuper) {\n return freshChannel\n .createMemberListQuery({\n nicknameStartsWithFilter: searchString,\n limit: mentionManager.config.suggestionLimit + 1,\n })\n .next()\n .then((members) => members.filter((member) => member.userId !== currentUser?.userId))\n .then((members) => members.slice(0, mentionManager.config.suggestionLimit));\n } else {\n return freshChannel.members\n .sort((a, b) => a.nickname?.localeCompare(b.nickname))\n .filter(\n (member) =>\n member.nickname?.toLowerCase().startsWith(searchString.toLowerCase()) &&\n member.userId !== currentUser?.userId &&\n member.isActive,\n )\n .slice(0, mentionManager.config.suggestionLimit);\n }\n };\n\n useDebounceEffect(\n () => {\n return fetchMembers()\n .then(setMembers)\n .catch(() => setMembers([]));\n },\n mentionManager.config.debounceMills,\n [text, selection],\n );\n\n return {\n members,\n reset: useCallback(() => setMembers([]), []),\n searchStringRange: searchStringRangeRef.current,\n searchLimited: searchLimitedRef.current,\n };\n};\n\nexport default useMentionSuggestion;\n"],"mappings":"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"}
|
package/lib/commonjs/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["VERSION","_default","exports","default"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.1.
|
|
1
|
+
{"version":3,"names":["VERSION","_default","exports","default"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.1.2';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAO;AAAC,IAAAC,QAAA,GACTD,OAAO;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
|
|
@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import { Platform, TouchableOpacity, View } from 'react-native';
|
|
3
3
|
import { MentionType } from '@sendbird/chat/message';
|
|
4
4
|
import { Icon, ImageWithPlaceholder, Text, TextInput, VideoThumbnail, createStyleSheet, useAlert, useBottomSheet, useToast, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
5
|
-
import { Logger,
|
|
5
|
+
import { Logger, getFileIconFromMessageType, getMessageType, getThumbnailUriFromFileMessage, isImage, shouldCompressImage, useIIFE } from '@sendbird/uikit-utils';
|
|
6
6
|
import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
|
|
7
7
|
import SBUError from '../../libs/SBUError';
|
|
8
8
|
import SBUUtils from '../../libs/SBUUtils';
|
|
@@ -105,7 +105,7 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
|
|
|
105
105
|
return /*#__PURE__*/React.createElement(VideoThumbnail, {
|
|
106
106
|
style: styles.previewImage,
|
|
107
107
|
iconSize: 0,
|
|
108
|
-
|
|
108
|
+
source: url,
|
|
109
109
|
fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
|
|
110
110
|
url: uri,
|
|
111
111
|
timeMills: 1000
|
|
@@ -135,9 +135,9 @@ const SendInput = /*#__PURE__*/forwardRef(function SendInput(_ref, ref) {
|
|
|
135
135
|
const messageType = getMessageType(messageToReply);
|
|
136
136
|
switch (messageType) {
|
|
137
137
|
case 'file.image':
|
|
138
|
-
return getFileIconAsImage(
|
|
138
|
+
return getFileIconAsImage(getThumbnailUriFromFileMessage(messageToReply));
|
|
139
139
|
case 'file.video':
|
|
140
|
-
return getFileIconAsVideoThumbnail(
|
|
140
|
+
return getFileIconAsVideoThumbnail(getThumbnailUriFromFileMessage(messageToReply));
|
|
141
141
|
default:
|
|
142
142
|
return getFileIconAsSymbol(getFileIconFromMessageType(messageType));
|
|
143
143
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Platform","TouchableOpacity","View","MentionType","Icon","ImageWithPlaceholder","Text","TextInput","VideoThumbnail","createStyleSheet","useAlert","useBottomSheet","useToast","useUIKitTheme","Logger","getAvailableUriFromFileMessage","getFileIconFromMessageType","getMessageType","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","videoSource","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 getAvailableUriFromFileMessage,\n getFileIconFromMessageType,\n getMessageType,\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 videoSource={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(getAvailableUriFromFileMessage(messageToReply));\n case 'file.video':\n return getFileIconAsVideoThumbnail(getAvailableUriFromFileMessage(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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"}
|
|
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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"}
|
|
@@ -4,10 +4,22 @@ import { Platform, StyleSheet } from 'react-native';
|
|
|
4
4
|
import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
5
5
|
import { NOOP, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';
|
|
6
6
|
import FlatListInternal from './FlatListInternal';
|
|
7
|
-
|
|
7
|
+
function isInvertedFlatListFixedVersion() {
|
|
8
|
+
var _Platform$constants$r;
|
|
9
|
+
if (((_Platform$constants$r = Platform.constants.reactNativeVersion) === null || _Platform$constants$r === void 0 ? void 0 : _Platform$constants$r.major) < 1) {
|
|
10
|
+
var _Platform$constants$r2;
|
|
11
|
+
if (((_Platform$constants$r2 = Platform.constants.reactNativeVersion) === null || _Platform$constants$r2 === void 0 ? void 0 : _Platform$constants$r2.minor) < 73) {
|
|
12
|
+
var _Platform$constants$r3;
|
|
13
|
+
if (((_Platform$constants$r3 = Platform.constants.reactNativeVersion) === null || _Platform$constants$r3 === void 0 ? void 0 : _Platform$constants$r3.patch) < 4) {
|
|
14
|
+
return false;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
return true;
|
|
19
|
+
}
|
|
20
|
+
let ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android' || isInvertedFlatListFixedVersion();
|
|
8
21
|
const BOTTOM_DETECT_THRESHOLD = 50;
|
|
9
22
|
const UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;
|
|
10
|
-
// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}
|
|
11
23
|
const ChatFlatList = /*#__PURE__*/forwardRef(function ChatFlatList(_ref, ref) {
|
|
12
24
|
var _props$data;
|
|
13
25
|
let {
|
|
@@ -38,7 +50,7 @@ const ChatFlatList = /*#__PURE__*/forwardRef(function ChatFlatList(_ref, ref) {
|
|
|
38
50
|
if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {
|
|
39
51
|
ANDROID_BUG_ALERT_SHOWED = true;
|
|
40
52
|
// eslint-disable-next-line no-console
|
|
41
|
-
console.warn('UIKit Warning: The
|
|
53
|
+
console.warn('UIKit Warning: The Inverted FlatList had performance issues on Android.\n' + 'This issue was fixed in 0.72.4+\n' + 'Please refer to the link: https://github.com/facebook/react-native/issues/30034');
|
|
42
54
|
}
|
|
43
55
|
return /*#__PURE__*/React.createElement(FlatListInternal, _extends({
|
|
44
56
|
bounces: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useRef","Platform","StyleSheet","useUIKitTheme","NOOP","getMessageUniqId","useFreshCallback","FlatListInternal","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ChatFlatList","_ref","ref","_props$data","onTopReached","onBottomReached","onScrolledAwayFromBottom","onScroll","props","select","contentOffsetY","_onScroll","event","contentOffset","nativeEvent","prevOffsetY","current","currOffsetY","y","__DEV__","console","warn","createElement","_extends","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","length","onEndReached","onScrollToIndexFailed","onStartReached","scrollEventThrottle","keyExtractor","style","flex","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, Platform, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport FlatListInternal from './FlatListInternal';\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';\nconst BOTTOM_DETECT_THRESHOLD = 50;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n onBottomReached: () => void;\n onTopReached: () => void;\n onScrolledAwayFromBottom: (value: boolean) => void;\n};\
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useRef","Platform","StyleSheet","useUIKitTheme","NOOP","getMessageUniqId","useFreshCallback","FlatListInternal","isInvertedFlatListFixedVersion","_Platform$constants$r","constants","reactNativeVersion","major","_Platform$constants$r2","minor","_Platform$constants$r3","patch","ANDROID_BUG_ALERT_SHOWED","OS","BOTTOM_DETECT_THRESHOLD","UNREACHABLE_THRESHOLD","Number","MIN_SAFE_INTEGER","ChatFlatList","_ref","ref","_props$data","onTopReached","onBottomReached","onScrolledAwayFromBottom","onScroll","props","select","contentOffsetY","_onScroll","event","contentOffset","nativeEvent","prevOffsetY","current","currOffsetY","y","__DEV__","console","warn","createElement","_extends","bounces","removeClippedSubviews","keyboardDismissMode","keyboardShouldPersistTaps","indicatorStyle","light","dark","inverted","Boolean","data","length","onEndReached","onScrollToIndexFailed","onStartReached","scrollEventThrottle","keyExtractor","style","flex","flatten","maintainVisibleContentPosition","minIndexForVisible","autoscrollToTopThreshold"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { FlatListProps, Platform, FlatList as RNFlatList, StyleSheet } from 'react-native';\n\nimport { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, SendbirdMessage, getMessageUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport FlatListInternal from './FlatListInternal';\n\nfunction isInvertedFlatListFixedVersion() {\n if (Platform.constants.reactNativeVersion?.major < 1) {\n if (Platform.constants.reactNativeVersion?.minor < 73) {\n if (Platform.constants.reactNativeVersion?.patch < 4) {\n return false;\n }\n }\n }\n return true;\n}\n\nlet ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android' || isInvertedFlatListFixedVersion();\nconst BOTTOM_DETECT_THRESHOLD = 50;\nconst UNREACHABLE_THRESHOLD = Number.MIN_SAFE_INTEGER;\n\ntype Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {\n onBottomReached: () => void;\n onTopReached: () => void;\n onScrolledAwayFromBottom: (value: boolean) => void;\n};\nconst ChatFlatList = forwardRef<RNFlatList, Props>(function ChatFlatList(\n { onTopReached, onBottomReached, onScrolledAwayFromBottom, onScroll, ...props },\n ref,\n) {\n const { select } = useUIKitTheme();\n const contentOffsetY = useRef(0);\n\n const _onScroll = useFreshCallback<NonNullable<Props['onScroll']>>((event) => {\n onScroll?.(event);\n\n const { contentOffset } = event.nativeEvent;\n\n const prevOffsetY = contentOffsetY.current;\n const currOffsetY = contentOffset.y;\n\n if (BOTTOM_DETECT_THRESHOLD < prevOffsetY && currOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n onScrolledAwayFromBottom(false);\n } else if (BOTTOM_DETECT_THRESHOLD < currOffsetY && prevOffsetY <= BOTTOM_DETECT_THRESHOLD) {\n onScrolledAwayFromBottom(true);\n }\n\n contentOffsetY.current = contentOffset.y;\n });\n\n if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {\n ANDROID_BUG_ALERT_SHOWED = true;\n // eslint-disable-next-line no-console\n console.warn(\n 'UIKit Warning: The Inverted FlatList had performance issues on Android.\\n' +\n 'This issue was fixed in 0.72.4+\\n' +\n 'Please refer to the link: https://github.com/facebook/react-native/issues/30034',\n );\n }\n\n return (\n <FlatListInternal\n bounces={false}\n removeClippedSubviews\n keyboardDismissMode={'on-drag'}\n keyboardShouldPersistTaps={'handled'}\n indicatorStyle={select({ light: 'black', dark: 'white' })}\n {...props}\n // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}\n inverted={Boolean(props.data?.length)}\n ref={ref}\n onEndReached={onTopReached}\n onScrollToIndexFailed={NOOP}\n onStartReached={onBottomReached}\n scrollEventThrottle={16}\n onScroll={_onScroll}\n keyExtractor={getMessageUniqId}\n style={{ flex: 1, ...StyleSheet.flatten(props.style) }}\n maintainVisibleContentPosition={{ minIndexForVisible: 0, autoscrollToTopThreshold: UNREACHABLE_THRESHOLD }}\n />\n );\n});\n\nexport default ChatFlatList;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,SAAwBC,QAAQ,EAA0BC,UAAU,QAAQ,cAAc;AAE1F,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,IAAI,EAAmBC,gBAAgB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAEjG,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,8BAA8BA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACxC,IAAI,EAAAA,qBAAA,GAAAR,QAAQ,CAACS,SAAS,CAACC,kBAAkB,cAAAF,qBAAA,uBAArCA,qBAAA,CAAuCG,KAAK,IAAG,CAAC,EAAE;IAAA,IAAAC,sBAAA;IACpD,IAAI,EAAAA,sBAAA,GAAAZ,QAAQ,CAACS,SAAS,CAACC,kBAAkB,cAAAE,sBAAA,uBAArCA,sBAAA,CAAuCC,KAAK,IAAG,EAAE,EAAE;MAAA,IAAAC,sBAAA;MACrD,IAAI,EAAAA,sBAAA,GAAAd,QAAQ,CAACS,SAAS,CAACC,kBAAkB,cAAAI,sBAAA,uBAArCA,sBAAA,CAAuCC,KAAK,IAAG,CAAC,EAAE;QACpD,OAAO,KAAK;MACd;IACF;EACF;EACA,OAAO,IAAI;AACb;AAEA,IAAIC,wBAAwB,GAAGhB,QAAQ,CAACiB,EAAE,KAAK,SAAS,IAAIV,8BAA8B,EAAE;AAC5F,MAAMW,uBAAuB,GAAG,EAAE;AAClC,MAAMC,qBAAqB,GAAGC,MAAM,CAACC,gBAAgB;AAOrD,MAAMC,YAAY,gBAAGxB,UAAU,CAAoB,SAASwB,YAAYA,CAAAC,IAAA,EAEtEC,GAAG,EACH;EAAA,IAAAC,WAAA;EAAA,IAFA;IAAEC,YAAY;IAAEC,eAAe;IAAEC,wBAAwB;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAP,IAAA;EAG/E,MAAM;IAAEQ;EAAO,CAAC,GAAG7B,aAAa,EAAE;EAClC,MAAM8B,cAAc,GAAGjC,MAAM,CAAC,CAAC,CAAC;EAEhC,MAAMkC,SAAS,GAAG5B,gBAAgB,CAAkC6B,KAAK,IAAK;IAC5EL,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGK,KAAK,CAAC;IAEjB,MAAM;MAAEC;IAAc,CAAC,GAAGD,KAAK,CAACE,WAAW;IAE3C,MAAMC,WAAW,GAAGL,cAAc,CAACM,OAAO;IAC1C,MAAMC,WAAW,GAAGJ,aAAa,CAACK,CAAC;IAEnC,IAAItB,uBAAuB,GAAGmB,WAAW,IAAIE,WAAW,IAAIrB,uBAAuB,EAAE;MACnFU,wBAAwB,CAAC,KAAK,CAAC;IACjC,CAAC,MAAM,IAAIV,uBAAuB,GAAGqB,WAAW,IAAIF,WAAW,IAAInB,uBAAuB,EAAE;MAC1FU,wBAAwB,CAAC,IAAI,CAAC;IAChC;IAEAI,cAAc,CAACM,OAAO,GAAGH,aAAa,CAACK,CAAC;EAC1C,CAAC,CAAC;EAEF,IAAIC,OAAO,IAAI,CAACzB,wBAAwB,EAAE;IACxCA,wBAAwB,GAAG,IAAI;IAC/B;IACA0B,OAAO,CAACC,IAAI,CACV,2EAA2E,GACzE,mCAAmC,GACnC,iFAAiF,CACpF;EACH;EAEA,oBACE9C,KAAA,CAAA+C,aAAA,CAACtC,gBAAgB,EAAAuC,QAAA;IACfC,OAAO,EAAE,KAAM;IACfC,qBAAqB;IACrBC,mBAAmB,EAAE,SAAU;IAC/BC,yBAAyB,EAAE,SAAU;IACrCC,cAAc,EAAEnB,MAAM,CAAC;MAAEoB,KAAK,EAAE,OAAO;MAAEC,IAAI,EAAE;IAAQ,CAAC;EAAE,GACtDtB,KAAK;IACT;IACAuB,QAAQ,EAAEC,OAAO,EAAA7B,WAAA,GAACK,KAAK,CAACyB,IAAI,cAAA9B,WAAA,uBAAVA,WAAA,CAAY+B,MAAM,CAAE;IACtChC,GAAG,EAAEA,GAAI;IACTiC,YAAY,EAAE/B,YAAa;IAC3BgC,qBAAqB,EAAEvD,IAAK;IAC5BwD,cAAc,EAAEhC,eAAgB;IAChCiC,mBAAmB,EAAE,EAAG;IACxB/B,QAAQ,EAAEI,SAAU;IACpB4B,YAAY,EAAEzD,gBAAiB;IAC/B0D,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAE,GAAG9D,UAAU,CAAC+D,OAAO,CAAClC,KAAK,CAACgC,KAAK;IAAE,CAAE;IACvDG,8BAA8B,EAAE;MAAEC,kBAAkB,EAAE,CAAC;MAAEC,wBAAwB,EAAEhD;IAAsB;EAAE,GAC3G;AAEN,CAAC,CAAC;AAEF,eAAeG,YAAY"}
|
package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useContext, useEffect, useState } from 'react';
|
|
2
2
|
import { Box, Icon, ImageWithPlaceholder, PressBox, Text, VideoThumbnail, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
3
|
-
import {
|
|
3
|
+
import { getFileIconFromMessageType, getMessageType, getThumbnailUriFromFileMessage, truncate, useIIFE } from '@sendbird/uikit-utils';
|
|
4
4
|
import { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';
|
|
5
5
|
import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
|
|
6
6
|
const GroupChannelMessageParentMessage = _ref => {
|
|
@@ -45,7 +45,7 @@ const GroupChannelMessageParentMessage = _ref => {
|
|
|
45
45
|
return /*#__PURE__*/React.createElement(VideoThumbnail, {
|
|
46
46
|
style: styles.image,
|
|
47
47
|
iconSize: 18,
|
|
48
|
-
|
|
48
|
+
source: url,
|
|
49
49
|
fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
|
|
50
50
|
url: uri,
|
|
51
51
|
timeMills: 1000
|
|
@@ -108,11 +108,11 @@ const GroupChannelMessageParentMessage = _ref => {
|
|
|
108
108
|
}
|
|
109
109
|
case 'file.video':
|
|
110
110
|
{
|
|
111
|
-
return renderFileMessageAsVideoThumbnail(
|
|
111
|
+
return renderFileMessageAsVideoThumbnail(getThumbnailUriFromFileMessage(parentMessage));
|
|
112
112
|
}
|
|
113
113
|
case 'file.image':
|
|
114
114
|
{
|
|
115
|
-
return renderFileMessageAsPreview(
|
|
115
|
+
return renderFileMessageAsPreview(getThumbnailUriFromFileMessage(parentMessage));
|
|
116
116
|
}
|
|
117
117
|
default:
|
|
118
118
|
{
|
package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","useEffect","useState","Box","Icon","ImageWithPlaceholder","PressBox","Text","VideoThumbnail","createStyleSheet","useUIKitTheme","getAvailableUriFromFileMessage","getFileIconFromMessageType","getMessageType","truncate","useIIFE","GroupChannelContexts","useLocalization","usePlatformService","useSendbirdChat","GroupChannelMessageParentMessage","_ref","variant","message","childMessage","onPress","currentUser","groupChannelPubSub","PubSub","select","colors","palette","STRINGS","mediaService","parentMessage","setParentMessage","type","subscribe","_ref2","data","updatedParent","messages","find","it","messageId","renderFileMessageAsVideoThumbnail","url","createElement","style","styles","image","iconSize","videoSource","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","source","renderFileMessageAsDownloadable","name","bubbleContainer","backgroundColor","light","background100","dark","background400","icon","size","color","onBackground03","containerStyle","fileIcon","body3","numberOfLines","ellipsizeMode","mode","maxLen","parentMessageComponent","suppressHighlighting","alignItems","paddingLeft","paddingRight","senderLabel","marginRight","caption1","LABELS","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height"],"sources":["GroupChannelMessageParentMessage.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\n\nimport {\n Box,\n Icon,\n ImageWithPlaceholder,\n PressBox,\n Text,\n VideoThumbnail,\n createStyleSheet,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdFileMessage,\n SendbirdMessage,\n SendbirdUserMessage,\n getAvailableUriFromFileMessage,\n getFileIconFromMessageType,\n getMessageType,\n truncate,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n variant: 'outgoing' | 'incoming';\n message: SendbirdUserMessage | SendbirdFileMessage;\n childMessage: SendbirdUserMessage | SendbirdFileMessage;\n onPress?: (message: SendbirdMessage) => void;\n};\n\nconst GroupChannelMessageParentMessage = ({ variant, message, childMessage, onPress }: Props) => {\n const { currentUser } = useSendbirdChat();\n const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n const { select, colors, palette } = useUIKitTheme();\n const { STRINGS } = useLocalization();\n const { mediaService } = usePlatformService();\n\n const [parentMessage, setParentMessage] = useState(() => message);\n const type = getMessageType(parentMessage);\n\n useEffect(() => {\n return groupChannelPubSub.subscribe(({ type, data }) => {\n if (type === 'MESSAGES_UPDATED') {\n const updatedParent = data.messages.find((it): it is SendbirdUserMessage | SendbirdFileMessage => {\n return it.messageId === parentMessage.messageId;\n });\n if (updatedParent) setParentMessage(updatedParent);\n }\n });\n }, []);\n\n const renderFileMessageAsVideoThumbnail = (url: string) => {\n return (\n <VideoThumbnail\n style={styles.image}\n iconSize={18}\n videoSource={url}\n fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n />\n );\n };\n const renderFileMessageAsPreview = (url: string) => {\n return <ImageWithPlaceholder style={styles.image} source={{ uri: url }} />;\n };\n const renderFileMessageAsDownloadable = (name: string) => {\n return (\n <Box\n style={styles.bubbleContainer}\n backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n >\n <Icon\n icon={getFileIconFromMessageType(type)}\n size={16}\n color={colors.onBackground03}\n containerStyle={styles.fileIcon}\n />\n <Text body3 color={colors.onBackground03} numberOfLines={1} ellipsizeMode={'middle'}>\n {truncate(name, { mode: 'mid', maxLen: 20 })}\n </Text>\n </Box>\n );\n };\n\n const parentMessageComponent = useIIFE(() => {\n switch (type) {\n case 'user':\n case 'user.opengraph': {\n return (\n <Box\n style={styles.bubbleContainer}\n backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n >\n <Text body3 color={colors.onBackground03} suppressHighlighting numberOfLines={2} ellipsizeMode={'tail'}>\n {(parentMessage as SendbirdUserMessage).message}\n </Text>\n </Box>\n );\n }\n case 'file':\n case 'file.audio': {\n return renderFileMessageAsDownloadable((parentMessage as SendbirdFileMessage).name);\n }\n case 'file.video': {\n return renderFileMessageAsVideoThumbnail(getAvailableUriFromFileMessage(parentMessage as SendbirdFileMessage));\n }\n case 'file.image': {\n return renderFileMessageAsPreview(getAvailableUriFromFileMessage(parentMessage as SendbirdFileMessage));\n }\n default: {\n return null;\n }\n }\n });\n\n return (\n <Box>\n <Box\n alignItems={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n paddingLeft={variant === 'outgoing' ? 0 : 12}\n paddingRight={variant === 'outgoing' ? 12 : 0}\n >\n <PressBox onPress={() => onPress?.(parentMessage)} style={styles.senderLabel}>\n <Icon icon={'reply-filled'} size={13} color={colors.onBackground03} containerStyle={{ marginRight: 4 }} />\n <Text caption1 color={colors.onBackground03}>\n {STRINGS.LABELS.REPLY_FROM_SENDER_TO_RECEIVER(childMessage, parentMessage, currentUser?.userId)}\n </Text>\n </PressBox>\n </Box>\n <Box\n flexDirection={'row'}\n justifyContent={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n style={styles.messageContainer}\n >\n <PressBox onPress={() => onPress?.(parentMessage)}>{parentMessageComponent}</PressBox>\n </Box>\n </Box>\n );\n};\n\nconst styles = createStyleSheet({\n messageContainer: {\n opacity: 0.5,\n marginTop: 4,\n marginBottom: -6,\n },\n bubbleContainer: {\n maxWidth: 220,\n overflow: 'hidden',\n flexDirection: 'row',\n alignItems: 'center',\n borderRadius: 16,\n paddingHorizontal: 12,\n paddingBottom: 12,\n paddingTop: 6,\n },\n image: {\n width: 156,\n height: 104,\n borderRadius: 16,\n overflow: 'hidden',\n },\n fileIcon: {\n width: 16,\n height: 16,\n borderRadius: 10,\n marginRight: 4,\n marginTop: 2,\n },\n senderLabel: {\n flexDirection: 'row',\n },\n});\n\nexport default GroupChannelMessageParentMessage;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","useContext","useEffect","useState","Box","Icon","ImageWithPlaceholder","PressBox","Text","VideoThumbnail","createStyleSheet","useUIKitTheme","getFileIconFromMessageType","getMessageType","getThumbnailUriFromFileMessage","truncate","useIIFE","GroupChannelContexts","useLocalization","usePlatformService","useSendbirdChat","GroupChannelMessageParentMessage","_ref","variant","message","childMessage","onPress","currentUser","groupChannelPubSub","PubSub","select","colors","palette","STRINGS","mediaService","parentMessage","setParentMessage","type","subscribe","_ref2","data","updatedParent","messages","find","it","messageId","renderFileMessageAsVideoThumbnail","url","createElement","style","styles","image","iconSize","source","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","renderFileMessageAsPreview","renderFileMessageAsDownloadable","name","bubbleContainer","backgroundColor","light","background100","dark","background400","icon","size","color","onBackground03","containerStyle","fileIcon","body3","numberOfLines","ellipsizeMode","mode","maxLen","parentMessageComponent","suppressHighlighting","alignItems","paddingLeft","paddingRight","senderLabel","marginRight","caption1","LABELS","REPLY_FROM_SENDER_TO_RECEIVER","userId","flexDirection","justifyContent","messageContainer","opacity","marginTop","marginBottom","maxWidth","overflow","borderRadius","paddingHorizontal","paddingBottom","paddingTop","width","height"],"sources":["GroupChannelMessageParentMessage.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\n\nimport {\n Box,\n Icon,\n ImageWithPlaceholder,\n PressBox,\n Text,\n VideoThumbnail,\n createStyleSheet,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n SendbirdFileMessage,\n SendbirdMessage,\n SendbirdUserMessage,\n getFileIconFromMessageType,\n getMessageType,\n getThumbnailUriFromFileMessage,\n truncate,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { GroupChannelContexts } from '../../domain/groupChannel/module/moduleContext';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n variant: 'outgoing' | 'incoming';\n message: SendbirdUserMessage | SendbirdFileMessage;\n childMessage: SendbirdUserMessage | SendbirdFileMessage;\n onPress?: (message: SendbirdMessage) => void;\n};\n\nconst GroupChannelMessageParentMessage = ({ variant, message, childMessage, onPress }: Props) => {\n const { currentUser } = useSendbirdChat();\n const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n const { select, colors, palette } = useUIKitTheme();\n const { STRINGS } = useLocalization();\n const { mediaService } = usePlatformService();\n\n const [parentMessage, setParentMessage] = useState(() => message);\n const type = getMessageType(parentMessage);\n\n useEffect(() => {\n return groupChannelPubSub.subscribe(({ type, data }) => {\n if (type === 'MESSAGES_UPDATED') {\n const updatedParent = data.messages.find((it): it is SendbirdUserMessage | SendbirdFileMessage => {\n return it.messageId === parentMessage.messageId;\n });\n if (updatedParent) setParentMessage(updatedParent);\n }\n });\n }, []);\n\n const renderFileMessageAsVideoThumbnail = (url: string) => {\n return (\n <VideoThumbnail\n style={styles.image}\n iconSize={18}\n source={url}\n fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n />\n );\n };\n const renderFileMessageAsPreview = (url: string) => {\n return <ImageWithPlaceholder style={styles.image} source={{ uri: url }} />;\n };\n const renderFileMessageAsDownloadable = (name: string) => {\n return (\n <Box\n style={styles.bubbleContainer}\n backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n >\n <Icon\n icon={getFileIconFromMessageType(type)}\n size={16}\n color={colors.onBackground03}\n containerStyle={styles.fileIcon}\n />\n <Text body3 color={colors.onBackground03} numberOfLines={1} ellipsizeMode={'middle'}>\n {truncate(name, { mode: 'mid', maxLen: 20 })}\n </Text>\n </Box>\n );\n };\n\n const parentMessageComponent = useIIFE(() => {\n switch (type) {\n case 'user':\n case 'user.opengraph': {\n return (\n <Box\n style={styles.bubbleContainer}\n backgroundColor={select({ light: palette.background100, dark: palette.background400 })}\n >\n <Text body3 color={colors.onBackground03} suppressHighlighting numberOfLines={2} ellipsizeMode={'tail'}>\n {(parentMessage as SendbirdUserMessage).message}\n </Text>\n </Box>\n );\n }\n case 'file':\n case 'file.audio': {\n return renderFileMessageAsDownloadable((parentMessage as SendbirdFileMessage).name);\n }\n case 'file.video': {\n return renderFileMessageAsVideoThumbnail(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n }\n case 'file.image': {\n return renderFileMessageAsPreview(getThumbnailUriFromFileMessage(parentMessage as SendbirdFileMessage));\n }\n default: {\n return null;\n }\n }\n });\n\n return (\n <Box>\n <Box\n alignItems={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n paddingLeft={variant === 'outgoing' ? 0 : 12}\n paddingRight={variant === 'outgoing' ? 12 : 0}\n >\n <PressBox onPress={() => onPress?.(parentMessage)} style={styles.senderLabel}>\n <Icon icon={'reply-filled'} size={13} color={colors.onBackground03} containerStyle={{ marginRight: 4 }} />\n <Text caption1 color={colors.onBackground03}>\n {STRINGS.LABELS.REPLY_FROM_SENDER_TO_RECEIVER(childMessage, parentMessage, currentUser?.userId)}\n </Text>\n </PressBox>\n </Box>\n <Box\n flexDirection={'row'}\n justifyContent={variant === 'outgoing' ? 'flex-end' : 'flex-start'}\n style={styles.messageContainer}\n >\n <PressBox onPress={() => onPress?.(parentMessage)}>{parentMessageComponent}</PressBox>\n </Box>\n </Box>\n );\n};\n\nconst styles = createStyleSheet({\n messageContainer: {\n opacity: 0.5,\n marginTop: 4,\n marginBottom: -6,\n },\n bubbleContainer: {\n maxWidth: 220,\n overflow: 'hidden',\n flexDirection: 'row',\n alignItems: 'center',\n borderRadius: 16,\n paddingHorizontal: 12,\n paddingBottom: 12,\n paddingTop: 6,\n },\n image: {\n width: 156,\n height: 104,\n borderRadius: 16,\n overflow: 'hidden',\n },\n fileIcon: {\n width: 16,\n height: 16,\n borderRadius: 10,\n marginRight: 4,\n marginTop: 2,\n },\n senderLabel: {\n flexDirection: 'row',\n },\n});\n\nexport default GroupChannelMessageParentMessage;\n"],"mappings":"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"}
|
|
@@ -54,7 +54,10 @@ const SendbirdUIKitContainer = _ref => {
|
|
|
54
54
|
const unsubscribes = useRef([]);
|
|
55
55
|
const [internalStorage] = useState(() => new InternalLocalCacheStorage(chatOptions.localCacheStorage));
|
|
56
56
|
const [sdkInstance, setSdkInstance] = useState(() => {
|
|
57
|
-
const sendbird = initializeSendbird(appId,
|
|
57
|
+
const sendbird = initializeSendbird(appId, {
|
|
58
|
+
internalStorage,
|
|
59
|
+
...chatOptions
|
|
60
|
+
});
|
|
58
61
|
unsubscribes.current = sendbird.unsubscribes;
|
|
59
62
|
return sendbird.chatSDK;
|
|
60
63
|
});
|
|
@@ -78,7 +81,10 @@ const SendbirdUIKitContainer = _ref => {
|
|
|
78
81
|
}, [imageCompression === null || imageCompression === void 0 ? void 0 : imageCompression.compressionRate, imageCompression === null || imageCompression === void 0 ? void 0 : imageCompression.width, imageCompression === null || imageCompression === void 0 ? void 0 : imageCompression.height]);
|
|
79
82
|
useLayoutEffect(() => {
|
|
80
83
|
if (!isFirstMount) {
|
|
81
|
-
const sendbird = initializeSendbird(appId,
|
|
84
|
+
const sendbird = initializeSendbird(appId, {
|
|
85
|
+
internalStorage,
|
|
86
|
+
...chatOptions
|
|
87
|
+
});
|
|
82
88
|
setSdkInstance(sendbird.chatSDK);
|
|
83
89
|
unsubscribes.current = sendbird.unsubscribes;
|
|
84
90
|
}
|
|
@@ -153,15 +159,21 @@ const SendbirdUIKitContainer = _ref => {
|
|
|
153
159
|
}, renderChildren());
|
|
154
160
|
})))))))))));
|
|
155
161
|
};
|
|
156
|
-
const initializeSendbird = (appId,
|
|
157
|
-
const unsubscribes = [];
|
|
162
|
+
const initializeSendbird = (appId, options) => {
|
|
158
163
|
let chatSDK;
|
|
164
|
+
const unsubscribes = [];
|
|
165
|
+
const {
|
|
166
|
+
internalStorage,
|
|
167
|
+
localCacheEncryption,
|
|
168
|
+
onInitialized
|
|
169
|
+
} = options;
|
|
159
170
|
chatSDK = Sendbird.init({
|
|
160
171
|
appId,
|
|
172
|
+
newInstance: true,
|
|
161
173
|
modules: [new GroupChannelModule(), new OpenChannelModule()],
|
|
162
174
|
localCacheEnabled: Boolean(internalStorage),
|
|
163
175
|
useAsyncStorageStore: internalStorage,
|
|
164
|
-
|
|
176
|
+
localCacheEncryption
|
|
165
177
|
});
|
|
166
178
|
if (onInitialized) {
|
|
167
179
|
chatSDK = onInitialized(chatSDK);
|