@sendbird/uikit-react-native 2.5.0 → 3.0.0-rc.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.
- package/README.md +6 -1
- package/lib/commonjs/components/{MessageRenderer/MessageTime.js → ChannelInput/AttachmentsButton.js} +20 -17
- package/lib/commonjs/components/ChannelInput/AttachmentsButton.js.map +1 -0
- package/lib/commonjs/components/ChannelInput/EditInput.js +10 -18
- package/lib/commonjs/components/ChannelInput/EditInput.js.map +1 -1
- package/lib/commonjs/components/ChannelInput/SendInput.js +220 -163
- package/lib/commonjs/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/commonjs/components/ChannelInput/index.js +5 -3
- package/lib/commonjs/components/ChannelInput/index.js.map +1 -1
- package/lib/commonjs/components/ChannelMessageList/index.js +27 -27
- package/lib/commonjs/components/ChannelMessageList/index.js.map +1 -1
- package/lib/commonjs/components/ChatFlatList.js +18 -6
- package/lib/commonjs/components/ChatFlatList.js.map +1 -1
- package/lib/commonjs/components/{MessageRenderer/MessageDateSeparator.js → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js} +3 -3
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map +1 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +47 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -0
- package/lib/commonjs/components/{MessageRenderer/MessageOutgoingStatus.js → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js} +11 -14
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map +1 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/index.js +204 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/index.js.map +1 -0
- package/lib/commonjs/components/MessageSearchResultItem.js +3 -2
- package/lib/commonjs/components/MessageSearchResultItem.js.map +1 -1
- package/lib/commonjs/components/OpenChannelMessageRenderer/index.js +15 -9
- package/lib/commonjs/components/OpenChannelMessageRenderer/index.js.map +1 -1
- package/lib/commonjs/constants.js +1 -7
- package/lib/commonjs/constants.js.map +1 -1
- package/lib/commonjs/containers/GroupChannelPreviewContainer.js +13 -13
- package/lib/commonjs/containers/GroupChannelPreviewContainer.js.map +1 -1
- package/lib/commonjs/containers/SendbirdUIKitContainer.js +29 -19
- package/lib/commonjs/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/commonjs/contexts/SendbirdChatCtx.js +17 -14
- package/lib/commonjs/contexts/SendbirdChatCtx.js.map +1 -1
- package/lib/commonjs/contexts/UserProfileCtx.js +6 -4
- package/lib/commonjs/contexts/UserProfileCtx.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js +4 -13
- package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/types.js.map +1 -1
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js +10 -6
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js.map +1 -1
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js +3 -3
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map +1 -1
- package/lib/commonjs/domain/groupChannelList/types.js.map +1 -1
- package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js +11 -10
- package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map +1 -1
- package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js +4 -8
- package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js.map +1 -1
- package/lib/commonjs/domain/openChannel/types.js.map +1 -1
- package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js +3 -1
- package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js.map +1 -1
- package/lib/commonjs/domain/openChannelList/types.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelCreateFragment.js +1 -1
- package/lib/commonjs/fragments/createGroupChannelCreateFragment.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelFragment.js +22 -100
- package/lib/commonjs/fragments/createGroupChannelFragment.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelInviteFragment.js +1 -1
- package/lib/commonjs/fragments/createGroupChannelInviteFragment.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelListFragment.js +8 -13
- package/lib/commonjs/fragments/createGroupChannelListFragment.js.map +1 -1
- package/lib/commonjs/fragments/createMessageSearchFragment.js +2 -2
- package/lib/commonjs/fragments/createMessageSearchFragment.js.map +1 -1
- package/lib/commonjs/fragments/createOpenChannelFragment.js +1 -7
- package/lib/commonjs/fragments/createOpenChannelFragment.js.map +1 -1
- package/lib/commonjs/fragments/createOpenChannelListFragment.js +2 -1
- package/lib/commonjs/fragments/createOpenChannelListFragment.js.map +1 -1
- package/lib/commonjs/hooks/useConnection.js +11 -7
- package/lib/commonjs/hooks/useConnection.js.map +1 -1
- package/lib/commonjs/hooks/useMentionTextInput.js +3 -2
- package/lib/commonjs/hooks/useMentionTextInput.js.map +1 -1
- package/lib/commonjs/index.js +20 -4
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/libs/MentionManager.js +8 -9
- package/lib/commonjs/libs/MentionManager.js.map +1 -1
- package/lib/commonjs/libs/SBUUtils.js +7 -3
- package/lib/commonjs/libs/SBUUtils.js.map +1 -1
- package/lib/commonjs/localization/StringSet.type.js.map +1 -1
- package/lib/commonjs/localization/createBaseStringSet.js +20 -62
- package/lib/commonjs/localization/createBaseStringSet.js.map +1 -1
- package/lib/module/components/ChannelInput/AttachmentsButton.js +29 -0
- package/lib/module/components/ChannelInput/AttachmentsButton.js.map +1 -0
- package/lib/module/components/ChannelInput/EditInput.js +10 -18
- package/lib/module/components/ChannelInput/EditInput.js.map +1 -1
- package/lib/module/components/ChannelInput/SendInput.js +221 -164
- package/lib/module/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/module/components/ChannelInput/index.js +5 -3
- package/lib/module/components/ChannelInput/index.js.map +1 -1
- package/lib/module/components/ChannelMessageList/index.js +28 -28
- package/lib/module/components/ChannelMessageList/index.js.map +1 -1
- package/lib/module/components/ChatFlatList.js +17 -5
- package/lib/module/components/ChatFlatList.js.map +1 -1
- package/lib/module/components/{MessageRenderer/MessageDateSeparator.js → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js} +3 -3
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map +1 -0
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +38 -0
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -0
- package/lib/module/components/{MessageRenderer/MessageOutgoingStatus.js → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js} +12 -15
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map +1 -0
- package/lib/module/components/GroupChannelMessageRenderer/index.js +196 -0
- package/lib/module/components/GroupChannelMessageRenderer/index.js.map +1 -0
- package/lib/module/components/MessageSearchResultItem.js +2 -1
- package/lib/module/components/MessageSearchResultItem.js.map +1 -1
- package/lib/module/components/OpenChannelMessageRenderer/index.js +16 -10
- package/lib/module/components/OpenChannelMessageRenderer/index.js.map +1 -1
- package/lib/module/constants.js +0 -5
- package/lib/module/constants.js.map +1 -1
- package/lib/module/containers/GroupChannelPreviewContainer.js +13 -13
- package/lib/module/containers/GroupChannelPreviewContainer.js.map +1 -1
- package/lib/module/containers/SendbirdUIKitContainer.js +29 -19
- package/lib/module/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/module/contexts/SendbirdChatCtx.js +17 -14
- package/lib/module/contexts/SendbirdChatCtx.js.map +1 -1
- package/lib/module/contexts/UserProfileCtx.js +6 -4
- package/lib/module/contexts/UserProfileCtx.js.map +1 -1
- package/lib/module/domain/groupChannel/component/GroupChannelInput.js +4 -13
- package/lib/module/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
- package/lib/module/domain/groupChannel/types.js.map +1 -1
- package/lib/module/domain/groupChannelList/component/GroupChannelListList.js +9 -4
- package/lib/module/domain/groupChannelList/component/GroupChannelListList.js.map +1 -1
- package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js +3 -3
- package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map +1 -1
- package/lib/module/domain/groupChannelList/types.js.map +1 -1
- package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js +11 -10
- package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map +1 -1
- package/lib/module/domain/openChannel/component/OpenChannelInput.js +4 -8
- package/lib/module/domain/openChannel/component/OpenChannelInput.js.map +1 -1
- package/lib/module/domain/openChannel/types.js.map +1 -1
- package/lib/module/domain/openChannelList/component/OpenChannelListList.js +3 -1
- package/lib/module/domain/openChannelList/component/OpenChannelListList.js.map +1 -1
- package/lib/module/domain/openChannelList/types.js.map +1 -1
- package/lib/module/fragments/createGroupChannelCreateFragment.js +1 -1
- package/lib/module/fragments/createGroupChannelCreateFragment.js.map +1 -1
- package/lib/module/fragments/createGroupChannelFragment.js +24 -102
- package/lib/module/fragments/createGroupChannelFragment.js.map +1 -1
- package/lib/module/fragments/createGroupChannelInviteFragment.js +1 -1
- package/lib/module/fragments/createGroupChannelInviteFragment.js.map +1 -1
- package/lib/module/fragments/createGroupChannelListFragment.js +8 -13
- package/lib/module/fragments/createGroupChannelListFragment.js.map +1 -1
- package/lib/module/fragments/createMessageSearchFragment.js +1 -1
- package/lib/module/fragments/createMessageSearchFragment.js.map +1 -1
- package/lib/module/fragments/createOpenChannelFragment.js +2 -8
- package/lib/module/fragments/createOpenChannelFragment.js.map +1 -1
- package/lib/module/fragments/createOpenChannelListFragment.js +2 -1
- package/lib/module/fragments/createOpenChannelListFragment.js.map +1 -1
- package/lib/module/hooks/useConnection.js +11 -7
- package/lib/module/hooks/useConnection.js.map +1 -1
- package/lib/module/hooks/useMentionTextInput.js +3 -2
- package/lib/module/hooks/useMentionTextInput.js.map +1 -1
- package/lib/module/index.js +5 -2
- package/lib/module/index.js.map +1 -1
- package/lib/module/libs/MentionManager.js +8 -9
- package/lib/module/libs/MentionManager.js.map +1 -1
- package/lib/module/libs/SBUUtils.js +7 -3
- package/lib/module/libs/SBUUtils.js.map +1 -1
- package/lib/module/localization/StringSet.type.js.map +1 -1
- package/lib/module/localization/createBaseStringSet.js +20 -62
- package/lib/module/localization/createBaseStringSet.js.map +1 -1
- package/lib/typescript/src/components/ChannelInput/AttachmentsButton.d.ts +6 -0
- package/lib/typescript/src/components/ChannelInput/index.d.ts +2 -14
- package/lib/typescript/src/components/ChannelMessageList/index.d.ts +2 -4
- package/lib/typescript/src/components/ChatFlatList.d.ts +1 -5
- package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.d.ts +6 -0
- package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.d.ts +5 -0
- package/lib/typescript/src/components/{MessageRenderer/MessageOutgoingStatus.d.ts → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.d.ts} +3 -1
- package/lib/typescript/src/components/{MessageRenderer → GroupChannelMessageRenderer}/index.d.ts +2 -13
- package/lib/typescript/src/components/MessageSearchResultItem.d.ts +2 -1
- package/lib/typescript/src/components/OpenChannelMessageRenderer/index.d.ts +1 -1
- package/lib/typescript/src/constants.d.ts +0 -5
- package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts +15 -10
- package/lib/typescript/src/contexts/SendbirdChatCtx.d.ts +33 -19
- package/lib/typescript/src/domain/groupChannel/component/GroupChannelInput.d.ts +1 -1
- package/lib/typescript/src/domain/groupChannel/component/GroupChannelMessageList.d.ts +1 -4
- package/lib/typescript/src/domain/groupChannel/types.d.ts +2 -9
- package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListList.d.ts +1 -1
- package/lib/typescript/src/domain/groupChannelList/types.d.ts +8 -23
- package/lib/typescript/src/domain/openChannel/component/OpenChannelHeader.d.ts +1 -1
- package/lib/typescript/src/domain/openChannel/component/OpenChannelInput.d.ts +1 -1
- package/lib/typescript/src/domain/openChannel/component/OpenChannelMessageList.d.ts +1 -1
- package/lib/typescript/src/domain/openChannel/types.d.ts +2 -2
- package/lib/typescript/src/domain/openChannelList/component/OpenChannelListList.d.ts +1 -1
- package/lib/typescript/src/domain/openChannelList/types.d.ts +3 -12
- package/lib/typescript/src/index.d.ts +4 -1
- package/lib/typescript/src/libs/MentionManager.d.ts +4 -5
- package/lib/typescript/src/libs/SBUUtils.d.ts +1 -1
- package/lib/typescript/src/localization/StringSet.type.d.ts +2 -43
- package/package.json +13 -10
- package/src/components/ChannelInput/AttachmentsButton.tsx +32 -0
- package/src/components/ChannelInput/EditInput.tsx +17 -18
- package/src/components/ChannelInput/SendInput.tsx +237 -181
- package/src/components/ChannelInput/index.tsx +8 -21
- package/src/components/ChannelMessageList/index.tsx +33 -41
- package/src/components/ChatFlatList.tsx +39 -13
- package/src/components/{MessageRenderer/MessageDateSeparator.tsx → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.tsx} +7 -5
- package/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.tsx +29 -0
- package/src/components/{MessageRenderer/MessageOutgoingStatus.tsx → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.tsx} +15 -15
- package/src/components/GroupChannelMessageRenderer/index.tsx +203 -0
- package/src/components/MessageSearchResultItem.tsx +3 -1
- package/src/components/OpenChannelMessageRenderer/index.tsx +10 -5
- package/src/constants.ts +0 -5
- package/src/containers/GroupChannelPreviewContainer.tsx +14 -13
- package/src/containers/SendbirdUIKitContainer.tsx +98 -90
- package/src/contexts/SendbirdChatCtx.tsx +49 -36
- package/src/contexts/UserProfileCtx.tsx +10 -5
- package/src/domain/groupChannel/component/GroupChannelInput.tsx +1 -10
- package/src/domain/groupChannel/types.ts +1 -14
- package/src/domain/groupChannelList/component/GroupChannelListList.tsx +8 -4
- package/src/domain/groupChannelList/component/GroupChannelListTypeSelector.tsx +3 -3
- package/src/domain/groupChannelList/types.ts +8 -30
- package/src/domain/groupChannelSettings/component/GroupChannelSettingsMenu.tsx +22 -10
- package/src/domain/openChannel/component/OpenChannelInput.tsx +1 -5
- package/src/domain/openChannel/types.ts +1 -1
- package/src/domain/openChannelList/component/OpenChannelListList.tsx +2 -1
- package/src/domain/openChannelList/types.ts +6 -13
- package/src/fragments/createGroupChannelCreateFragment.tsx +1 -1
- package/src/fragments/createGroupChannelFragment.tsx +21 -97
- package/src/fragments/createGroupChannelInviteFragment.tsx +1 -1
- package/src/fragments/createGroupChannelListFragment.tsx +9 -15
- package/src/fragments/createMessageSearchFragment.tsx +1 -1
- package/src/fragments/createOpenChannelFragment.tsx +2 -3
- package/src/fragments/createOpenChannelListFragment.tsx +2 -1
- package/src/hooks/useConnection.ts +9 -7
- package/src/hooks/useMentionTextInput.ts +7 -2
- package/src/index.ts +4 -2
- package/src/libs/MentionManager.tsx +8 -7
- package/src/libs/SBUUtils.ts +7 -3
- package/src/localization/StringSet.type.ts +2 -46
- package/src/localization/createBaseStringSet.ts +19 -71
- package/src/version.ts +1 -1
- package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js +0 -46
- package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js +0 -73
- package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js +0 -93
- package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/VideoFileMessage.js +0 -132
- package/lib/commonjs/components/MessageRenderer/FileMessage/VideoFileMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/index.js +0 -24
- package/lib/commonjs/components/MessageRenderer/FileMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageContainer.js +0 -27
- package/lib/commonjs/components/MessageRenderer/MessageContainer.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageDateSeparator.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageIncomingAvatar.js +0 -41
- package/lib/commonjs/components/MessageRenderer/MessageIncomingAvatar.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageIncomingSenderName.js +0 -41
- package/lib/commonjs/components/MessageRenderer/MessageIncomingSenderName.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageOutgoingStatus.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageTime.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UnknownMessage/index.js +0 -46
- package/lib/commonjs/components/MessageRenderer/UnknownMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UserMessage/BaseUserMessage.js +0 -113
- package/lib/commonjs/components/MessageRenderer/UserMessage/BaseUserMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js +0 -200
- package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UserMessage/index.js +0 -22
- package/lib/commonjs/components/MessageRenderer/UserMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/index.js +0 -186
- package/lib/commonjs/components/MessageRenderer/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/AdminMessage/index.js +0 -38
- package/lib/module/components/MessageRenderer/AdminMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js +0 -65
- package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js +0 -84
- package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js +0 -123
- package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/index.js +0 -16
- package/lib/module/components/MessageRenderer/FileMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageContainer.js +0 -19
- package/lib/module/components/MessageRenderer/MessageContainer.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageDateSeparator.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js +0 -33
- package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageIncomingSenderName.js +0 -33
- package/lib/module/components/MessageRenderer/MessageIncomingSenderName.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageOutgoingStatus.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageTime.js +0 -26
- package/lib/module/components/MessageRenderer/MessageTime.js.map +0 -1
- package/lib/module/components/MessageRenderer/UnknownMessage/index.js +0 -38
- package/lib/module/components/MessageRenderer/UnknownMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js +0 -105
- package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js +0 -190
- package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/UserMessage/index.js +0 -14
- package/lib/module/components/MessageRenderer/UserMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/index.js +0 -178
- package/lib/module/components/MessageRenderer/index.js.map +0 -1
- package/lib/typescript/src/components/MessageRenderer/AdminMessage/index.d.ts +0 -5
- package/lib/typescript/src/components/MessageRenderer/FileMessage/BaseFileMessage.d.ts +0 -6
- package/lib/typescript/src/components/MessageRenderer/FileMessage/ImageFileMessage.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/FileMessage/VideoFileMessage.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/FileMessage/index.d.ts +0 -15
- package/lib/typescript/src/components/MessageRenderer/MessageContainer.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/MessageDateSeparator.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/MessageIncomingAvatar.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/MessageIncomingSenderName.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/MessageTime.d.ts +0 -9
- package/lib/typescript/src/components/MessageRenderer/UnknownMessage/index.d.ts +0 -4
- package/lib/typescript/src/components/MessageRenderer/UserMessage/BaseUserMessage.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/UserMessage/index.d.ts +0 -9
- package/src/components/MessageRenderer/AdminMessage/index.tsx +0 -40
- package/src/components/MessageRenderer/FileMessage/BaseFileMessage.tsx +0 -51
- package/src/components/MessageRenderer/FileMessage/ImageFileMessage.tsx +0 -98
- package/src/components/MessageRenderer/FileMessage/VideoFileMessage.tsx +0 -113
- package/src/components/MessageRenderer/FileMessage/index.tsx +0 -20
- package/src/components/MessageRenderer/MessageContainer.tsx +0 -17
- package/src/components/MessageRenderer/MessageIncomingAvatar.tsx +0 -34
- package/src/components/MessageRenderer/MessageIncomingSenderName.tsx +0 -36
- package/src/components/MessageRenderer/MessageTime.tsx +0 -28
- package/src/components/MessageRenderer/UnknownMessage/index.tsx +0 -34
- package/src/components/MessageRenderer/UserMessage/BaseUserMessage.tsx +0 -102
- package/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.tsx +0 -188
- package/src/components/MessageRenderer/UserMessage/index.tsx +0 -24
- package/src/components/MessageRenderer/index.tsx +0 -198
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","useEffect","Platform","TouchableOpacity","View","Icon","Modal","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelListContexts","TYPES","TYPE_ICONS","STATUS_BAR_TOP_INSET_AS","select","android","default","GroupChannelListTypeSelector","_ref","skipTypeSelection","onSelectType","statusBarTranslucent","HeaderComponent","colors","
|
|
1
|
+
{"version":3,"names":["React","useContext","useEffect","Platform","TouchableOpacity","View","Icon","Modal","Text","createStyleSheet","useHeaderStyle","useUIKitTheme","useLocalization","useSendbirdChat","GroupChannelListContexts","TYPES","TYPE_ICONS","STATUS_BAR_TOP_INSET_AS","select","android","default","GroupChannelListTypeSelector","_ref","skipTypeSelection","onSelectType","statusBarTranslucent","HeaderComponent","colors","sbOptions","typeSelector","TypeSelector","visible","hide","createOnPressType","type","createElement","onClose","title","headerTitle","right","icon","color","onBackground01","onPressRight","statusBarTopInsetAs","style","styles","buttonArea","map","appInfo","superGroupChannelEnabled","broadcastChannelEnabled","key","activeOpacity","onPress","typeButton","DefaultTypeIcon","DefaultTypeText","_ref2","size","containerStyle","_ref3","STRINGS","caption2","GROUP_CHANNEL_LIST","flexDirection","paddingVertical","flex","alignItems","justifyContent","marginBottom"],"sources":["GroupChannelListTypeSelector.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n Icon,\n Modal,\n Text,\n createStyleSheet,\n useHeaderStyle,\n useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelListContexts } from '../module/moduleContext';\nimport type { GroupChannelListProps, GroupChannelType } from '../types';\n\nconst TYPES: GroupChannelType[] = ['GROUP', 'SUPER_GROUP', 'BROADCAST'];\nconst TYPE_ICONS: Record<GroupChannelType, keyof typeof Icon.Assets> = {\n 'GROUP': 'chat',\n 'SUPER_GROUP': 'supergroup',\n 'BROADCAST': 'broadcast',\n};\nconst STATUS_BAR_TOP_INSET_AS: 'margin' | 'padding' = Platform.select({ android: 'margin', default: 'padding' });\n\nconst GroupChannelListTypeSelector = ({ skipTypeSelection, onSelectType }: GroupChannelListProps['TypeSelector']) => {\n const { statusBarTranslucent, HeaderComponent } = useHeaderStyle();\n const { colors } = useUIKitTheme();\n const { sbOptions } = useSendbirdChat();\n const typeSelector = useContext(GroupChannelListContexts.TypeSelector);\n const { visible, hide } = typeSelector;\n\n const createOnPressType = (type: GroupChannelType) => () => {\n hide();\n onSelectType(type);\n };\n\n useEffect(() => {\n if (skipTypeSelection && visible) createOnPressType('GROUP')();\n }, [skipTypeSelection, visible]);\n\n if (skipTypeSelection) return null;\n\n return (\n <Modal visible={visible} onClose={hide} statusBarTranslucent={statusBarTranslucent}>\n <HeaderComponent\n title={typeSelector.headerTitle}\n right={<Icon icon={'close'} color={colors.onBackground01} />}\n onPressRight={typeSelector.hide}\n statusBarTopInsetAs={STATUS_BAR_TOP_INSET_AS}\n >\n <View style={styles.buttonArea}>\n {TYPES.map((type) => {\n if (type === 'SUPER_GROUP' && !sbOptions.appInfo.superGroupChannelEnabled) {\n return null;\n }\n\n if (type === 'BROADCAST' && !sbOptions.appInfo.broadcastChannelEnabled) {\n return null;\n }\n\n return (\n <TouchableOpacity\n key={type}\n activeOpacity={0.6}\n onPress={createOnPressType(type)}\n style={styles.typeButton}\n >\n <DefaultTypeIcon type={type} />\n <DefaultTypeText type={type} />\n </TouchableOpacity>\n );\n })}\n </View>\n </HeaderComponent>\n </Modal>\n );\n};\n\nconst DefaultTypeIcon = ({ type }: { type: GroupChannelType }) => {\n return <Icon size={24} icon={TYPE_ICONS[type]} containerStyle={styles.icon} />;\n};\n\nconst DefaultTypeText = ({ type }: { type: GroupChannelType }) => {\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n return (\n <Text caption2 color={colors.onBackground01}>\n {STRINGS.GROUP_CHANNEL_LIST[`TYPE_SELECTOR_${type}`]}\n </Text>\n );\n};\n\nconst styles = createStyleSheet({\n buttonArea: {\n flexDirection: 'row',\n },\n typeButton: {\n paddingVertical: 24,\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n },\n icon: {\n marginBottom: 8,\n },\n});\n\nexport default GroupChannelListTypeSelector;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n Fragment: {\n onPressChannel: GroupChannelListProps['List']['onPressChannel'];\n onPressCreateChannel: (channelType: GroupChannelType) => void;\n renderGroupChannelPreview?: GroupChannelListProps['List']['renderGroupChannelPreview'];\n skipTypeSelection?: boolean;\n collectionCreator?: UseGroupChannelListOptions['collectionCreator'];\n flatListProps?: GroupChannelListProps['List']['flatListProps'];\n menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];\n };\n Header: {};\n List: {\n onPressChannel: (channel: SendbirdGroupChannel) => void;\n groupChannels: SendbirdGroupChannel[];\n renderGroupChannelPreview: (props: {\n channel: SendbirdGroupChannel;\n onPress: () => void;\n onLongPress: () => void;\n }) => React.ReactElement | null;\n onLoadNext: () => Promise<void>;\n flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;\n menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;\n };\n TypeSelector: {\n skipTypeSelection: boolean;\n onSelectType: (type: GroupChannelType) => void;\n };\n}\n\n/**\n * Internal context for GroupChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelListContextsType {\n Fragment: React.Context<{\n headerTitle: string;\n }>;\n TypeSelector: React.Context<{\n visible: boolean;\n show: () => void;\n hide: () => void;\n headerTitle: string;\n }>;\n}\nexport interface GroupChannelListModule {\n Provider: CommonComponent;\n Header: CommonComponent<GroupChannelListProps['Header']>;\n List: CommonComponent<GroupChannelListProps['List']>;\n TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;\n StatusEmpty: CommonComponent;\n StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;\nexport type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';\n"],"mappings":""}
|
|
@@ -18,7 +18,7 @@ const GroupChannelSettingsMenu = _ref => {
|
|
|
18
18
|
} = _ref;
|
|
19
19
|
const {
|
|
20
20
|
sdk,
|
|
21
|
-
|
|
21
|
+
sbOptions
|
|
22
22
|
} = useSendbirdChat();
|
|
23
23
|
const {
|
|
24
24
|
channel
|
|
@@ -29,11 +29,11 @@ const GroupChannelSettingsMenu = _ref => {
|
|
|
29
29
|
const {
|
|
30
30
|
colors
|
|
31
31
|
} = useUIKitTheme();
|
|
32
|
-
if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification &&
|
|
32
|
+
if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification && sbOptions.uikit.groupChannel.channel.enableMention) {
|
|
33
33
|
Logger.warn('If you are using mention, make sure to pass the `onPressMenuNotification` prop');
|
|
34
34
|
WARN_onPressMenuNotification = true;
|
|
35
35
|
}
|
|
36
|
-
if (__DEV__ && !WARN_onPressMenuSearchInChannel && !onPressMenuSearchInChannel &&
|
|
36
|
+
if (__DEV__ && !WARN_onPressMenuSearchInChannel && !onPressMenuSearchInChannel && sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch) {
|
|
37
37
|
Logger.warn('If you are using message search, make sure to pass the `onPressMenuSearchInChannel` prop');
|
|
38
38
|
WARN_onPressMenuSearchInChannel = true;
|
|
39
39
|
}
|
|
@@ -62,7 +62,7 @@ const GroupChannelSettingsMenu = _ref => {
|
|
|
62
62
|
};
|
|
63
63
|
return {
|
|
64
64
|
actionLabelNotificationMenu: getNotificationsLabel(),
|
|
65
|
-
actionItemNotificationMenu: conditionChaining([
|
|
65
|
+
actionItemNotificationMenu: conditionChaining([sbOptions.uikit.groupChannel.channel.enableMention], [/*#__PURE__*/React.createElement(Icon, {
|
|
66
66
|
icon: 'chevron-right',
|
|
67
67
|
color: colors.onBackground01
|
|
68
68
|
}), /*#__PURE__*/React.createElement(Switch, {
|
|
@@ -70,11 +70,11 @@ const GroupChannelSettingsMenu = _ref => {
|
|
|
70
70
|
onChangeValue: toggleNotification
|
|
71
71
|
})]),
|
|
72
72
|
onPressNotificationMenu: () => {
|
|
73
|
-
if (
|
|
73
|
+
if (sbOptions.uikit.groupChannel.channel.enableMention) onPressMenuNotification === null || onPressMenuNotification === void 0 ? void 0 : onPressMenuNotification();else toggleNotification();
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
});
|
|
77
|
-
const
|
|
77
|
+
const defaultMenuItems = [{
|
|
78
78
|
icon: 'moderation',
|
|
79
79
|
visible: channel.myRole === 'operator',
|
|
80
80
|
name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,
|
|
@@ -98,15 +98,15 @@ const GroupChannelSettingsMenu = _ref => {
|
|
|
98
98
|
icon: 'chevron-right',
|
|
99
99
|
color: colors.onBackground01
|
|
100
100
|
})
|
|
101
|
-
}]
|
|
102
|
-
if (
|
|
103
|
-
|
|
101
|
+
}];
|
|
102
|
+
if (sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch && !channel.isEphemeral) {
|
|
103
|
+
defaultMenuItems.push({
|
|
104
104
|
icon: 'search',
|
|
105
105
|
name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_SEARCH,
|
|
106
106
|
onPress: () => onPressMenuSearchInChannel === null || onPressMenuSearchInChannel === void 0 ? void 0 : onPressMenuSearchInChannel()
|
|
107
107
|
});
|
|
108
108
|
}
|
|
109
|
-
|
|
109
|
+
defaultMenuItems.push({
|
|
110
110
|
icon: 'leave',
|
|
111
111
|
iconColor: colors.error,
|
|
112
112
|
name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,
|
|
@@ -117,6 +117,7 @@ const GroupChannelSettingsMenu = _ref => {
|
|
|
117
117
|
});
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
|
+
const menuItems = menuItemsCreator(defaultMenuItems);
|
|
120
121
|
return /*#__PURE__*/React.createElement(View, null, menuItems.map(menu => {
|
|
121
122
|
return /*#__PURE__*/React.createElement(MenuBar, {
|
|
122
123
|
key: menu.name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","View","PushTriggerOption","Icon","MenuBar","Switch","useUIKitTheme","Logger","conditionChaining","useIIFE","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","WARN_onPressMenuNotification","WARN_onPressMenuSearchInChannel","GroupChannelSettingsMenu","_ref","onPressMenuModeration","onPressMenuMembers","onPressMenuSearchInChannel","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","menu","sdk","features","channel","Fragment","STRINGS","colors","__DEV__","userMentionEnabled","warn","messageSearchEnabled","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","DEFAULT","OFF","onPressNotificationMenu","actionLabelNotificationMenu","actionItemNotificationMenu","getNotificationsLabel","ALL","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION_LABEL_ON","MENU_NOTIFICATION_LABEL_OFF","MENTION_ONLY","MENU_NOTIFICATION_LABEL_MENTION_ONLY","createElement","icon","color","onBackground01","value","onChangeValue","menuItems","visible","myRole","name","MENU_MODERATION","onPress","actionItem","MENU_NOTIFICATION","actionLabel","MENU_MEMBERS","String","memberCount","push","MENU_SEARCH","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","key","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, conditionChaining, useIIFE } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nlet WARN_onPressMenuNotification = false;\nlet WARN_onPressMenuSearchInChannel = false;\n\nconst GroupChannelSettingsMenu = ({\n onPressMenuModeration,\n onPressMenuMembers,\n onPressMenuSearchInChannel,\n onPressMenuLeaveChannel,\n onPressMenuNotification,\n menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n const { sdk, features } = useSendbirdChat();\n const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n\n if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification && features.userMentionEnabled) {\n Logger.warn('If you are using mention, make sure to pass the `onPressMenuNotification` prop');\n WARN_onPressMenuNotification = true;\n }\n\n if (__DEV__ && !WARN_onPressMenuSearchInChannel && !onPressMenuSearchInChannel && features.messageSearchEnabled) {\n Logger.warn('If you are using message search, make sure to pass the `onPressMenuSearchInChannel` prop');\n WARN_onPressMenuSearchInChannel = true;\n }\n\n const toggleNotification = async () => {\n if (channel.myPushTriggerOption === 'off') {\n await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n } else {\n await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n }\n };\n\n const { onPressNotificationMenu, actionLabelNotificationMenu, actionItemNotificationMenu } = useIIFE(() => {\n const getNotificationsLabel = () => {\n switch (channel.myPushTriggerOption) {\n case PushTriggerOption.ALL:\n case PushTriggerOption.DEFAULT:\n return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;\n case PushTriggerOption.OFF:\n return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;\n case PushTriggerOption.MENTION_ONLY:\n return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;\n }\n };\n\n return {\n actionLabelNotificationMenu: getNotificationsLabel(),\n actionItemNotificationMenu: conditionChaining(\n [features.userMentionEnabled],\n [\n <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n ],\n ),\n onPressNotificationMenu: () => {\n if (features.userMentionEnabled) onPressMenuNotification?.();\n else toggleNotification();\n },\n };\n });\n\n const menuItems: MenuBarProps[] = menuItemsCreator([\n {\n icon: 'moderation',\n visible: channel.myRole === 'operator',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,\n onPress: () => onPressMenuModeration(),\n actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n },\n {\n icon: 'notifications',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n onPress: onPressNotificationMenu,\n actionLabel: actionLabelNotificationMenu,\n actionItem: actionItemNotificationMenu,\n },\n {\n icon: 'members',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n onPress: () => onPressMenuMembers(),\n actionLabel: String(channel.memberCount),\n actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n },\n ]);\n\n if (features.messageSearchEnabled) {\n menuItems.push({\n icon: 'search',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_SEARCH,\n onPress: () => onPressMenuSearchInChannel?.(),\n });\n }\n\n menuItems.push({\n icon: 'leave',\n iconColor: colors.error,\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n onPress: () => {\n channel.leave().then(() => {\n onPressMenuLeaveChannel();\n sdk.clearCachedMessages([channel.url]).catch();\n });\n },\n });\n\n return (\n <View>\n {menuItems.map((menu) => {\n return (\n <MenuBar\n key={menu.name}\n onPress={menu.onPress}\n name={menu.name}\n disabled={menu.disabled}\n visible={menu.visible}\n icon={menu.icon}\n iconColor={menu.iconColor}\n iconBackgroundColor={menu.iconBackgroundColor}\n actionLabel={menu.actionLabel}\n actionItem={menu.actionItem}\n />\n );\n })}\n </View>\n );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","useContext","View","PushTriggerOption","Icon","MenuBar","Switch","useUIKitTheme","Logger","conditionChaining","useIIFE","useLocalization","useSendbirdChat","GroupChannelSettingsContexts","WARN_onPressMenuNotification","WARN_onPressMenuSearchInChannel","GroupChannelSettingsMenu","_ref","onPressMenuModeration","onPressMenuMembers","onPressMenuSearchInChannel","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","menu","sdk","sbOptions","channel","Fragment","STRINGS","colors","__DEV__","uikit","groupChannel","enableMention","warn","uikitWithAppInfo","setting","enableMessageSearch","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","DEFAULT","OFF","onPressNotificationMenu","actionLabelNotificationMenu","actionItemNotificationMenu","getNotificationsLabel","ALL","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION_LABEL_ON","MENU_NOTIFICATION_LABEL_OFF","MENTION_ONLY","MENU_NOTIFICATION_LABEL_MENTION_ONLY","createElement","icon","color","onBackground01","value","onChangeValue","defaultMenuItems","visible","myRole","name","MENU_MODERATION","onPress","actionItem","MENU_NOTIFICATION","actionLabel","MENU_MEMBERS","String","memberCount","isEphemeral","push","MENU_SEARCH","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","menuItems","map","key","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, conditionChaining, useIIFE } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nlet WARN_onPressMenuNotification = false;\nlet WARN_onPressMenuSearchInChannel = false;\n\nconst GroupChannelSettingsMenu = ({\n onPressMenuModeration,\n onPressMenuMembers,\n onPressMenuSearchInChannel,\n onPressMenuLeaveChannel,\n onPressMenuNotification,\n menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n const { sdk, sbOptions } = useSendbirdChat();\n const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n\n if (\n __DEV__ &&\n !WARN_onPressMenuNotification &&\n !onPressMenuNotification &&\n sbOptions.uikit.groupChannel.channel.enableMention\n ) {\n Logger.warn('If you are using mention, make sure to pass the `onPressMenuNotification` prop');\n WARN_onPressMenuNotification = true;\n }\n\n if (\n __DEV__ &&\n !WARN_onPressMenuSearchInChannel &&\n !onPressMenuSearchInChannel &&\n sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch\n ) {\n Logger.warn('If you are using message search, make sure to pass the `onPressMenuSearchInChannel` prop');\n WARN_onPressMenuSearchInChannel = true;\n }\n\n const toggleNotification = async () => {\n if (channel.myPushTriggerOption === 'off') {\n await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n } else {\n await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n }\n };\n\n const { onPressNotificationMenu, actionLabelNotificationMenu, actionItemNotificationMenu } = useIIFE(() => {\n const getNotificationsLabel = () => {\n switch (channel.myPushTriggerOption) {\n case PushTriggerOption.ALL:\n case PushTriggerOption.DEFAULT:\n return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;\n case PushTriggerOption.OFF:\n return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;\n case PushTriggerOption.MENTION_ONLY:\n return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;\n }\n };\n\n return {\n actionLabelNotificationMenu: getNotificationsLabel(),\n actionItemNotificationMenu: conditionChaining(\n [sbOptions.uikit.groupChannel.channel.enableMention],\n [\n <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n ],\n ),\n onPressNotificationMenu: () => {\n if (sbOptions.uikit.groupChannel.channel.enableMention) onPressMenuNotification?.();\n else toggleNotification();\n },\n };\n });\n\n const defaultMenuItems: MenuBarProps[] = [\n {\n icon: 'moderation',\n visible: channel.myRole === 'operator',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,\n onPress: () => onPressMenuModeration(),\n actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n },\n {\n icon: 'notifications',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n onPress: onPressNotificationMenu,\n actionLabel: actionLabelNotificationMenu,\n actionItem: actionItemNotificationMenu,\n },\n {\n icon: 'members',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n onPress: () => onPressMenuMembers(),\n actionLabel: String(channel.memberCount),\n actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n },\n ];\n\n if (sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch && !channel.isEphemeral) {\n defaultMenuItems.push({\n icon: 'search',\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_SEARCH,\n onPress: () => onPressMenuSearchInChannel?.(),\n });\n }\n\n defaultMenuItems.push({\n icon: 'leave',\n iconColor: colors.error,\n name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n onPress: () => {\n channel.leave().then(() => {\n onPressMenuLeaveChannel();\n sdk.clearCachedMessages([channel.url]).catch();\n });\n },\n });\n\n const menuItems = menuItemsCreator(defaultMenuItems);\n\n return (\n <View>\n {menuItems.map((menu) => {\n return (\n <MenuBar\n key={menu.name}\n onPress={menu.onPress}\n name={menu.name}\n disabled={menu.disabled}\n visible={menu.visible}\n icon={menu.icon}\n iconColor={menu.iconColor}\n iconBackgroundColor={menu.iconBackgroundColor}\n actionLabel={menu.actionLabel}\n actionItem={menu.actionItem}\n />\n );\n })}\n </View>\n );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
import React, { useCallback, useContext, useEffect, useState } from 'react';
|
|
2
3
|
import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
|
|
3
4
|
import { getOpenChannelChatAvailableState, useUniqHandlerId } from '@sendbird/uikit-utils';
|
|
@@ -48,20 +49,15 @@ const OpenChannelInput = props => {
|
|
|
48
49
|
updateChatAvailableState(channel);
|
|
49
50
|
}
|
|
50
51
|
}, 'open');
|
|
51
|
-
return /*#__PURE__*/React.createElement(ChannelInput, {
|
|
52
|
+
return /*#__PURE__*/React.createElement(ChannelInput, _extends({
|
|
52
53
|
channel: channel,
|
|
53
54
|
messageToEdit: messageToEdit,
|
|
54
55
|
setMessageToEdit: setMessageToEdit,
|
|
55
56
|
inputMuted: chatAvailableState.muted,
|
|
56
57
|
inputFrozen: channel.isFrozen,
|
|
57
58
|
inputDisabled: chatAvailableState.disabled,
|
|
58
|
-
keyboardAvoidOffset: keyboardAvoidOffset
|
|
59
|
-
|
|
60
|
-
onPressSendUserMessage: props.onPressSendUserMessage,
|
|
61
|
-
onPressSendFileMessage: props.onPressSendFileMessage,
|
|
62
|
-
onPressUpdateUserMessage: props.onPressUpdateUserMessage,
|
|
63
|
-
onPressUpdateFileMessage: props.onPressUpdateFileMessage
|
|
64
|
-
});
|
|
59
|
+
keyboardAvoidOffset: keyboardAvoidOffset
|
|
60
|
+
}, props));
|
|
65
61
|
};
|
|
66
62
|
export default /*#__PURE__*/React.memo(OpenChannelInput);
|
|
67
63
|
//# sourceMappingURL=OpenChannelInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useContext","useEffect","useState","useChannelHandler","getOpenChannelChatAvailableState","useUniqHandlerId","ChannelInput","UNKNOWN_USER_ID","useSendbirdChat","OpenChannelContexts","OpenChannelInput","props","sdk","currentUser","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","Fragment","chatAvailableState","setChatAvailableState","frozen","muted","disabled","updateChatAvailableState","baseChannel","isOpenChannel","userId","then","handlerId","onChannelFrozen","onChannelUnfrozen","onUserMuted","onUserUnmuted","onOperatorUpdated","createElement","inputMuted","inputFrozen","isFrozen","inputDisabled","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useContext","useEffect","useState","useChannelHandler","getOpenChannelChatAvailableState","useUniqHandlerId","ChannelInput","UNKNOWN_USER_ID","useSendbirdChat","OpenChannelContexts","OpenChannelInput","props","sdk","currentUser","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","Fragment","chatAvailableState","setChatAvailableState","frozen","muted","disabled","updateChatAvailableState","baseChannel","isOpenChannel","userId","then","handlerId","onChannelFrozen","onChannelUnfrozen","onUserMuted","onUserUnmuted","onOperatorUpdated","createElement","_extends","inputMuted","inputFrozen","isFrozen","inputDisabled","memo"],"sources":["OpenChannelInput.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { SendbirdBaseChannel, getOpenChannelChatAvailableState, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { UNKNOWN_USER_ID } from '../../../constants';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelInput = (props: OpenChannelProps['Input']) => {\n const { sdk, currentUser } = useSendbirdChat();\n\n const {\n channel,\n messageToEdit,\n setMessageToEdit,\n keyboardAvoidOffset = 0,\n } = useContext(OpenChannelContexts.Fragment);\n\n const [chatAvailableState, setChatAvailableState] = useState({ frozen: false, muted: false, disabled: false });\n\n const updateChatAvailableState = useCallback(\n (baseChannel: SendbirdBaseChannel) => {\n if (baseChannel.isOpenChannel()) {\n const userId = currentUser?.userId ?? UNKNOWN_USER_ID;\n getOpenChannelChatAvailableState(baseChannel, userId).then(setChatAvailableState);\n }\n },\n [currentUser?.userId],\n );\n\n useEffect(() => {\n updateChatAvailableState(channel);\n }, [channel, updateChatAvailableState]);\n\n const handlerId = useUniqHandlerId('OpenChannelInput');\n useChannelHandler(\n sdk,\n handlerId,\n {\n onChannelFrozen(channel) {\n updateChatAvailableState(channel);\n },\n onChannelUnfrozen(channel) {\n updateChatAvailableState(channel);\n },\n onUserMuted(channel) {\n updateChatAvailableState(channel);\n },\n onUserUnmuted(channel) {\n updateChatAvailableState(channel);\n },\n onOperatorUpdated(channel) {\n updateChatAvailableState(channel);\n },\n },\n 'open',\n );\n\n return (\n <ChannelInput\n channel={channel}\n messageToEdit={messageToEdit}\n setMessageToEdit={setMessageToEdit}\n inputMuted={chatAvailableState.muted}\n inputFrozen={channel.isFrozen}\n inputDisabled={chatAvailableState.disabled}\n keyboardAvoidOffset={keyboardAvoidOffset}\n {...props}\n />\n );\n};\n\nexport default React.memo(OpenChannelInput);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3E,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAA8BC,gCAAgC,EAAEC,gBAAgB,QAAQ,uBAAuB;AAE/G,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,mBAAmB,QAAQ,yBAAyB;AAG7D,MAAMC,gBAAgB,GAAIC,KAAgC,IAAK;EAC7D,MAAM;IAAEC,GAAG;IAAEC;EAAY,CAAC,GAAGL,eAAe,EAAE;EAE9C,MAAM;IACJM,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,mBAAmB,GAAG;EACxB,CAAC,GAAGjB,UAAU,CAACS,mBAAmB,CAACS,QAAQ,CAAC;EAE5C,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGlB,QAAQ,CAAC;IAAEmB,MAAM,EAAE,KAAK;IAAEC,KAAK,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAM,CAAC,CAAC;EAE9G,MAAMC,wBAAwB,GAAGzB,WAAW,CACzC0B,WAAgC,IAAK;IACpC,IAAIA,WAAW,CAACC,aAAa,EAAE,EAAE;MAC/B,MAAMC,MAAM,GAAG,CAAAd,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEc,MAAM,KAAIpB,eAAe;MACrDH,gCAAgC,CAACqB,WAAW,EAAEE,MAAM,CAAC,CAACC,IAAI,CAACR,qBAAqB,CAAC;IACnF;EACF,CAAC,EACD,CAACP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEc,MAAM,CAAC,CACtB;EAED1B,SAAS,CAAC,MAAM;IACduB,wBAAwB,CAACV,OAAO,CAAC;EACnC,CAAC,EAAE,CAACA,OAAO,EAAEU,wBAAwB,CAAC,CAAC;EAEvC,MAAMK,SAAS,GAAGxB,gBAAgB,CAAC,kBAAkB,CAAC;EACtDF,iBAAiB,CACfS,GAAG,EACHiB,SAAS,EACT;IACEC,eAAeA,CAAChB,OAAO,EAAE;MACvBU,wBAAwB,CAACV,OAAO,CAAC;IACnC,CAAC;IACDiB,iBAAiBA,CAACjB,OAAO,EAAE;MACzBU,wBAAwB,CAACV,OAAO,CAAC;IACnC,CAAC;IACDkB,WAAWA,CAAClB,OAAO,EAAE;MACnBU,wBAAwB,CAACV,OAAO,CAAC;IACnC,CAAC;IACDmB,aAAaA,CAACnB,OAAO,EAAE;MACrBU,wBAAwB,CAACV,OAAO,CAAC;IACnC,CAAC;IACDoB,iBAAiBA,CAACpB,OAAO,EAAE;MACzBU,wBAAwB,CAACV,OAAO,CAAC;IACnC;EACF,CAAC,EACD,MAAM,CACP;EAED,oBACEhB,KAAA,CAAAqC,aAAA,CAAC7B,YAAY,EAAA8B,QAAA;IACXtB,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCqB,UAAU,EAAElB,kBAAkB,CAACG,KAAM;IACrCgB,WAAW,EAAExB,OAAO,CAACyB,QAAS;IAC9BC,aAAa,EAAErB,kBAAkB,CAACI,QAAS;IAC3CN,mBAAmB,EAAEA;EAAoB,GACrCN,KAAK,EACT;AAEN,CAAC;AAED,4BAAeb,KAAK,CAAC2C,IAAI,CAAC/B,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseOpenChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type {\n OnBeforeHandler,\n SendbirdFileMessage,\n SendbirdFileMessageCreateParams,\n SendbirdFileMessageUpdateParams,\n SendbirdMessage,\n SendbirdOpenChannel,\n SendbirdUserMessage,\n SendbirdUserMessageCreateParams,\n SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps } from '../../components/ChannelInput';\nimport type { ChannelMessageListProps } from '../../components/ChannelMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\nimport type { GroupChannelPubSubContextPayload } from '../groupChannel/types';\n\nexport type OpenChannelProps = {\n Fragment: {\n channel: SendbirdOpenChannel;\n onChannelDeleted: () => void;\n onPressHeaderLeft: OpenChannelProps['Header']['onPressHeaderLeft'];\n onPressHeaderRightWithSettings: OpenChannelProps['Header']['onPressHeaderRight'];\n onPressHeaderRightWithParticipants: OpenChannelProps['Header']['onPressHeaderRight'];\n onPressMediaMessage?: OpenChannelProps['MessageList']['onPressMediaMessage'];\n\n onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n renderMessage?: OpenChannelProps['MessageList']['renderMessage'];\n renderNewMessagesButton?: OpenChannelProps['MessageList']['renderNewMessagesButton'];\n renderScrollToBottomButton?: OpenChannelProps['MessageList']['renderScrollToBottomButton'];\n\n enableMessageGrouping?: OpenChannelProps['MessageList']['enableMessageGrouping'];\n\n keyboardAvoidOffset?: OpenChannelProps['Provider']['keyboardAvoidOffset'];\n flatListProps?: OpenChannelProps['MessageList']['flatListProps'];\n sortComparator?: UseOpenChannelMessagesOptions['sortComparator'];\n queryCreator?: UseOpenChannelMessagesOptions['queryCreator'];\n };\n Header: {\n rightIconName: keyof typeof Icon.Assets;\n onPressHeaderLeft: () => void;\n onPressHeaderRight: () => void;\n };\n\n MessageList: Pick<\n ChannelMessageListProps<SendbirdOpenChannel>,\n | 'enableMessageGrouping'\n | 'currentUserId'\n | 'channel'\n | 'messages'\n | 'newMessages'\n | 'scrolledAwayFromBottom'\n | 'onScrolledAwayFromBottom'\n | 'onTopReached'\n | 'onBottomReached'\n | 'onResendFailedMessage'\n | 'onDeleteMessage'\n | 'onPressMediaMessage'\n | 'renderMessage'\n | 'renderNewMessagesButton'\n | 'renderScrollToBottomButton'\n | 'flatListProps'\n | '
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseOpenChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';\nimport type { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type {\n OnBeforeHandler,\n SendbirdFileMessage,\n SendbirdFileMessageCreateParams,\n SendbirdFileMessageUpdateParams,\n SendbirdMessage,\n SendbirdOpenChannel,\n SendbirdUserMessage,\n SendbirdUserMessageCreateParams,\n SendbirdUserMessageUpdateParams,\n} from '@sendbird/uikit-utils';\n\nimport type { ChannelInputProps } from '../../components/ChannelInput';\nimport type { ChannelMessageListProps } from '../../components/ChannelMessageList';\nimport type { CommonComponent } from '../../types';\nimport type { PubSub } from '../../utils/pubsub';\nimport type { GroupChannelPubSubContextPayload } from '../groupChannel/types';\n\nexport type OpenChannelProps = {\n Fragment: {\n channel: SendbirdOpenChannel;\n onChannelDeleted: () => void;\n onPressHeaderLeft: OpenChannelProps['Header']['onPressHeaderLeft'];\n onPressHeaderRightWithSettings: OpenChannelProps['Header']['onPressHeaderRight'];\n onPressHeaderRightWithParticipants: OpenChannelProps['Header']['onPressHeaderRight'];\n onPressMediaMessage?: OpenChannelProps['MessageList']['onPressMediaMessage'];\n\n onBeforeSendUserMessage?: OnBeforeHandler<SendbirdUserMessageCreateParams>;\n onBeforeSendFileMessage?: OnBeforeHandler<SendbirdFileMessageCreateParams>;\n onBeforeUpdateUserMessage?: OnBeforeHandler<SendbirdUserMessageUpdateParams>;\n onBeforeUpdateFileMessage?: OnBeforeHandler<SendbirdFileMessageUpdateParams>;\n\n renderMessage?: OpenChannelProps['MessageList']['renderMessage'];\n renderNewMessagesButton?: OpenChannelProps['MessageList']['renderNewMessagesButton'];\n renderScrollToBottomButton?: OpenChannelProps['MessageList']['renderScrollToBottomButton'];\n\n enableMessageGrouping?: OpenChannelProps['MessageList']['enableMessageGrouping'];\n\n keyboardAvoidOffset?: OpenChannelProps['Provider']['keyboardAvoidOffset'];\n flatListProps?: OpenChannelProps['MessageList']['flatListProps'];\n sortComparator?: UseOpenChannelMessagesOptions['sortComparator'];\n queryCreator?: UseOpenChannelMessagesOptions['queryCreator'];\n };\n Header: {\n rightIconName: keyof typeof Icon.Assets;\n onPressHeaderLeft: () => void;\n onPressHeaderRight: () => void;\n };\n\n MessageList: Pick<\n ChannelMessageListProps<SendbirdOpenChannel>,\n | 'enableMessageGrouping'\n | 'currentUserId'\n | 'channel'\n | 'messages'\n | 'newMessages'\n | 'scrolledAwayFromBottom'\n | 'onScrolledAwayFromBottom'\n | 'onTopReached'\n | 'onBottomReached'\n | 'onResendFailedMessage'\n | 'onDeleteMessage'\n | 'onPressMediaMessage'\n | 'renderMessage'\n | 'renderNewMessagesButton'\n | 'renderScrollToBottomButton'\n | 'flatListProps'\n | 'hasNext'\n >;\n Input: Pick<\n ChannelInputProps,\n | 'shouldRenderInput'\n | 'onPressSendUserMessage'\n | 'onPressSendFileMessage'\n | 'onPressUpdateUserMessage'\n | 'onPressUpdateFileMessage'\n | 'AttachmentsButton'\n >;\n\n Provider: {\n channel: SendbirdOpenChannel;\n keyboardAvoidOffset?: number;\n openChannelPubSub: PubSub<OpenChannelPubSubContextPayload>;\n };\n};\n\n/**\n * Internal context for OpenChannel\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelContextsType = {\n Fragment: React.Context<{\n headerTitle: string;\n channel: SendbirdOpenChannel;\n messageToEdit?: SendbirdUserMessage | SendbirdFileMessage;\n setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n keyboardAvoidOffset?: number;\n }>;\n PubSub: React.Context<PubSub<GroupChannelPubSubContextPayload>>;\n};\nexport interface OpenChannelModule {\n Provider: CommonComponent<OpenChannelProps['Provider']>;\n Header: CommonComponent<OpenChannelProps['Header']>;\n MessageList: CommonComponent<OpenChannelProps['MessageList']>;\n Input: CommonComponent<OpenChannelProps['Input']>;\n StatusEmpty: CommonComponent;\n StatusLoading: CommonComponent;\n}\n\nexport type OpenChannelFragment = CommonComponent<OpenChannelProps['Fragment']>;\n\nexport type OpenChannelPubSubContextPayload =\n | {\n type: 'MESSAGE_SENT_PENDING' | 'MESSAGE_SENT_SUCCESS';\n data: {\n message: SendbirdUserMessage | SendbirdFileMessage;\n };\n }\n | {\n type: 'MESSAGES_RECEIVED';\n data: {\n messages: SendbirdMessage[];\n };\n };\n"],"mappings":""}
|
|
@@ -5,6 +5,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
|
5
5
|
import { getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';
|
|
6
6
|
const OpenChanelListList = _ref => {
|
|
7
7
|
let {
|
|
8
|
+
onPressChannel,
|
|
8
9
|
openChannels,
|
|
9
10
|
onLoadNext,
|
|
10
11
|
flatListProps,
|
|
@@ -17,7 +18,8 @@ const OpenChanelListList = _ref => {
|
|
|
17
18
|
item
|
|
18
19
|
} = _ref2;
|
|
19
20
|
return renderOpenChannelPreview === null || renderOpenChannelPreview === void 0 ? void 0 : renderOpenChannelPreview({
|
|
20
|
-
channel: item
|
|
21
|
+
channel: item,
|
|
22
|
+
onPress: () => onPressChannel(item)
|
|
21
23
|
});
|
|
22
24
|
});
|
|
23
25
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","FlatList","useSafeAreaInsets","getChannelUniqId","useFreshCallback","OpenChanelListList","_ref","openChannels","onLoadNext","flatListProps","renderOpenChannelPreview","refreshing","onRefresh","renderItem","_ref2","item","channel","left","right","createElement","_extends","data","onEndReached","contentContainerStyle","paddingLeft","paddingRight","keyExtractor"],"sources":["OpenChannelListList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdOpenChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChanelListList = ({\n openChannels,\n onLoadNext,\n flatListProps,\n renderOpenChannelPreview,\n refreshing,\n onRefresh,\n}: OpenChannelListProps['List']) => {\n const renderItem: ListRenderItem<SendbirdOpenChannel> = useFreshCallback(({ item }) =>\n renderOpenChannelPreview?.({ channel: item }),\n );\n\n const { left, right } = useSafeAreaInsets();\n\n return (\n <FlatList\n refreshing={refreshing}\n data={openChannels}\n renderItem={renderItem}\n onEndReached={onLoadNext}\n onRefresh={onRefresh}\n {...flatListProps}\n contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n keyExtractor={getChannelUniqId}\n />\n );\n};\n\nexport default OpenChanelListList;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AACvD,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAA8BC,gBAAgB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAI/F,MAAMC,kBAAkB,GAAGC,IAAA,
|
|
1
|
+
{"version":3,"names":["React","FlatList","useSafeAreaInsets","getChannelUniqId","useFreshCallback","OpenChanelListList","_ref","onPressChannel","openChannels","onLoadNext","flatListProps","renderOpenChannelPreview","refreshing","onRefresh","renderItem","_ref2","item","channel","onPress","left","right","createElement","_extends","data","onEndReached","contentContainerStyle","paddingLeft","paddingRight","keyExtractor"],"sources":["OpenChannelListList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdOpenChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChanelListList = ({\n onPressChannel,\n openChannels,\n onLoadNext,\n flatListProps,\n renderOpenChannelPreview,\n refreshing,\n onRefresh,\n}: OpenChannelListProps['List']) => {\n const renderItem: ListRenderItem<SendbirdOpenChannel> = useFreshCallback(({ item }) =>\n renderOpenChannelPreview?.({ channel: item, onPress: () => onPressChannel(item) }),\n );\n\n const { left, right } = useSafeAreaInsets();\n\n return (\n <FlatList\n refreshing={refreshing}\n data={openChannels}\n renderItem={renderItem}\n onEndReached={onLoadNext}\n onRefresh={onRefresh}\n {...flatListProps}\n contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n keyExtractor={getChannelUniqId}\n />\n );\n};\n\nexport default OpenChanelListList;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AACvD,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAA8BC,gBAAgB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAI/F,MAAMC,kBAAkB,GAAGC,IAAA,IAQS;EAAA,IARR;IAC1BC,cAAc;IACdC,YAAY;IACZC,UAAU;IACVC,aAAa;IACbC,wBAAwB;IACxBC,UAAU;IACVC;EAC4B,CAAC,GAAAP,IAAA;EAC7B,MAAMQ,UAA+C,GAAGV,gBAAgB,CAACW,KAAA;IAAA,IAAC;MAAEC;IAAK,CAAC,GAAAD,KAAA;IAAA,OAChFJ,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAG;MAAEM,OAAO,EAAED,IAAI;MAAEE,OAAO,EAAEA,CAAA,KAAMX,cAAc,CAACS,IAAI;IAAE,CAAC,CAAC;EAAA,EACnF;EAED,MAAM;IAAEG,IAAI;IAAEC;EAAM,CAAC,GAAGlB,iBAAiB,EAAE;EAE3C,oBACEF,KAAA,CAAAqB,aAAA,CAACpB,QAAQ,EAAAqB,QAAA;IACPV,UAAU,EAAEA,UAAW;IACvBW,IAAI,EAAEf,YAAa;IACnBM,UAAU,EAAEA,UAAW;IACvBU,YAAY,EAAEf,UAAW;IACzBI,SAAS,EAAEA;EAAU,GACjBH,aAAa;IACjBe,qBAAqB,EAAE,CAACf,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEe,qBAAqB,EAAE;MAAEC,WAAW,EAAEP,IAAI;MAAEQ,YAAY,EAAEP;IAAM,CAAC,CAAE;IAC1GQ,YAAY,EAAEzB;EAAiB,GAC/B;AAEN,CAAC;AAED,eAAeE,kBAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseOpenChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelListProps = {\n Fragment: {\n
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseOpenChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelListProps = {\n Fragment: {\n onPressChannel: OpenChannelListProps['List']['onPressChannel'];\n onPressCreateChannel: () => void;\n renderOpenChannelPreview?: OpenChannelListProps['List']['renderOpenChannelPreview'];\n queryCreator?: UseOpenChannelListOptions['queryCreator'];\n flatListProps?: OpenChannelListProps['List']['flatListProps'];\n };\n Header: {\n onPressHeaderRight: () => void;\n };\n List: {\n onPressChannel: (channel: SendbirdOpenChannel) => void;\n openChannels: SendbirdOpenChannel[];\n renderOpenChannelPreview: (props: {\n channel: SendbirdOpenChannel;\n onPress: () => void;\n }) => React.ReactElement | null;\n onLoadNext: () => Promise<void>;\n flatListProps?: Omit<FlatListProps<SendbirdOpenChannel>, 'data' | 'renderItem'>;\n refreshing: boolean;\n onRefresh: () => void;\n };\n StatusError: {\n onPressRetry: () => void;\n };\n};\n\n/**\n * Internal context for OpenChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelListContextsType = {\n Fragment: React.Context<{\n headerTitle: string;\n }>;\n};\nexport interface OpenChannelListModule {\n Provider: CommonComponent;\n Header: CommonComponent<OpenChannelListProps['Header']>;\n List: CommonComponent<OpenChannelListProps['List']>;\n StatusEmpty: CommonComponent;\n StatusLoading: CommonComponent;\n StatusError: CommonComponent<OpenChannelListProps['StatusError']>;\n}\n\nexport type OpenChannelListFragment = CommonComponent<OpenChannelListProps['Fragment']>;\n"],"mappings":""}
|
|
@@ -38,7 +38,7 @@ const createGroupChannelCreateFragment = initModule => {
|
|
|
38
38
|
});
|
|
39
39
|
const _renderUser = useFreshCallback((user, selectedUsers, setSelectedUsers) => {
|
|
40
40
|
if (queryCreator && !renderUser) {
|
|
41
|
-
const hasRequiredKey =
|
|
41
|
+
const hasRequiredKey = 'profileUrl' in user && 'nickname' in user;
|
|
42
42
|
if (!hasRequiredKey) throw new Error('You should provide "renderUser" when providing "queryCreator"');
|
|
43
43
|
}
|
|
44
44
|
if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TouchableOpacity","useUserList","PASS","getDefaultGroupChannelCreateParams","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelCreateFragment","initModule","UserListModule","_ref","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","users","refreshing","loading","error","refresh","next","_renderUser","user","selectedUsers","setSelectedUsers","hasRequiredKey","
|
|
1
|
+
{"version":3,"names":["React","TouchableOpacity","useUserList","PASS","getDefaultGroupChannelCreateParams","useFreshCallback","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createGroupChannelCreateFragment","initModule","UserListModule","_ref","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","STRINGS","users","refreshing","loading","error","refresh","next","_renderUser","user","selectedUsers","setSelectedUsers","hasRequiredKey","Error","isMe","userId","userIdx","findIndex","u","isSelected","createElement","activeOpacity","onPress","_ref2","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","selected","disabled","Provider","headerRight","GROUP_CHANNEL_CREATE","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","onPressHeaderRight","params","invitedUserIds","map","it","currentUserId","isBroadcast","isSuper","processedParams","channel","groupChannel","createChannel","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport {\n PASS,\n SendbirdUser,\n UserStruct,\n getDefaultGroupChannelCreateParams,\n useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelCreateFragment = <UserType extends UserStruct>(\n initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n const UserListModule = createUserListModule<UserType>(initModule);\n\n return ({\n onPressHeaderLeft,\n onBeforeCreateChannel = PASS,\n onCreateChannel,\n sortComparator,\n queryCreator,\n channelType = 'GROUP',\n renderUser,\n }) => {\n const { sdk, currentUser } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n queryCreator,\n sortComparator,\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n if (queryCreator && !renderUser) {\n const hasRequiredKey = 'profileUrl' in user && 'nickname' in user;\n if (!hasRequiredKey) throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n }\n\n if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n const isMe = user.userId === currentUser?.userId;\n if (isMe) return null;\n\n const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n const isSelected = userIdx > -1;\n\n return (\n <TouchableOpacity\n activeOpacity={0.7}\n onPress={() => {\n setSelectedUsers(([...draft]) => {\n if (isSelected) draft.splice(userIdx, 1);\n else draft.push(user);\n return draft;\n });\n }}\n >\n <UserSelectableBar\n uri={(user as unknown as SendbirdUser).profileUrl}\n name={(user as unknown as SendbirdUser).nickname || STRINGS.LABELS.USER_NO_NAME}\n selected={isSelected}\n disabled={false}\n />\n </TouchableOpacity>\n );\n });\n\n return (\n <UserListModule.Provider\n headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n >\n <UserListModule.Header\n onPressHeaderLeft={onPressHeaderLeft}\n onPressHeaderRight={async (users) => {\n const params = getDefaultGroupChannelCreateParams({\n invitedUserIds: users.map((it) => it.userId),\n currentUserId: currentUser?.userId,\n });\n\n if (channelType === 'BROADCAST') params.isBroadcast = true;\n if (channelType === 'SUPER_GROUP') params.isSuper = true;\n\n const processedParams = await onBeforeCreateChannel(params, users);\n const channel = await sdk.groupChannel.createChannel(processedParams);\n onCreateChannel(channel);\n }}\n />\n <StatusComposition\n loading={loading}\n error={Boolean(error)}\n LoadingComponent={<UserListModule.StatusLoading />}\n ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n >\n <UserListModule.List\n onLoadNext={next}\n users={users}\n renderUser={_renderUser}\n onRefresh={refresh}\n refreshing={refreshing}\n ListEmptyComponent={<UserListModule.StatusEmpty />}\n />\n </StatusComposition>\n </UserListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelCreateFragment;\n"],"mappings":"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"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import React, { useCallback,
|
|
2
|
-
import {
|
|
1
|
+
import React, { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
import { ReplyType } from '@sendbird/chat/message';
|
|
3
3
|
import { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';
|
|
4
|
-
import { NOOP, PASS, messageComparator, useFreshCallback, useRefTracker } from '@sendbird/uikit-utils';
|
|
5
|
-
import
|
|
4
|
+
import { NOOP, PASS, messageComparator, useFreshCallback, useIIFE, useRefTracker } from '@sendbird/uikit-utils';
|
|
5
|
+
import GroupChannelMessageRenderer from '../components/GroupChannelMessageRenderer';
|
|
6
6
|
import NewMessagesButton from '../components/NewMessagesButton';
|
|
7
7
|
import ScrollToBottomButton from '../components/ScrollToBottomButton';
|
|
8
8
|
import StatusComposition from '../components/StatusComposition';
|
|
9
|
-
import { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../constants';
|
|
10
9
|
import createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';
|
|
11
10
|
import { useSendbirdChat } from '../hooks/useContext';
|
|
12
11
|
import pubsub from '../utils/pubsub';
|
|
@@ -19,7 +18,7 @@ const createGroupChannelFragment = initModule => {
|
|
|
19
18
|
renderScrollToBottomButton = props => /*#__PURE__*/React.createElement(ScrollToBottomButton, props),
|
|
20
19
|
renderMessage,
|
|
21
20
|
enableMessageGrouping = true,
|
|
22
|
-
enableTypingIndicator
|
|
21
|
+
enableTypingIndicator,
|
|
23
22
|
onPressHeaderLeft = NOOP,
|
|
24
23
|
onPressHeaderRight = NOOP,
|
|
25
24
|
onPressMediaMessage = NOOP,
|
|
@@ -30,21 +29,23 @@ const createGroupChannelFragment = initModule => {
|
|
|
30
29
|
onBeforeUpdateFileMessage = PASS,
|
|
31
30
|
channel,
|
|
32
31
|
keyboardAvoidOffset,
|
|
33
|
-
queryCreator,
|
|
34
32
|
collectionCreator,
|
|
35
33
|
sortComparator = messageComparator,
|
|
36
|
-
flatListProps
|
|
37
|
-
onPressImageMessage
|
|
34
|
+
flatListProps
|
|
38
35
|
} = _ref;
|
|
39
36
|
const {
|
|
40
37
|
sdk,
|
|
41
|
-
currentUser
|
|
38
|
+
currentUser,
|
|
39
|
+
sbOptions
|
|
42
40
|
} = useSendbirdChat();
|
|
43
41
|
const [internalSearchItem, setInternalSearchItem] = useState(searchItem);
|
|
44
42
|
const navigateFromMessageSearch = useCallback(() => Boolean(searchItem), []);
|
|
45
43
|
const [groupChannelPubSub] = useState(() => pubsub());
|
|
46
44
|
const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);
|
|
47
45
|
const scrolledAwayFromBottomRef = useRefTracker(scrolledAwayFromBottom);
|
|
46
|
+
const replyType = useIIFE(() => {
|
|
47
|
+
if (sbOptions.uikit.groupChannel.channel.replyType === 'none') return ReplyType.NONE;else return ReplyType.ONLY_REPLY_TO_CHANNEL;
|
|
48
|
+
});
|
|
48
49
|
const {
|
|
49
50
|
loading,
|
|
50
51
|
messages,
|
|
@@ -61,11 +62,6 @@ const createGroupChannelFragment = initModule => {
|
|
|
61
62
|
deleteMessage,
|
|
62
63
|
resetWithStartingPoint
|
|
63
64
|
} = useGroupChannelMessages(sdk, channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
|
|
64
|
-
collectionCreator,
|
|
65
|
-
queryCreator,
|
|
66
|
-
sortComparator,
|
|
67
|
-
onChannelDeleted,
|
|
68
|
-
enableCollectionWithoutLocalCache: !queryCreator,
|
|
69
65
|
shouldCountNewMessages: () => scrolledAwayFromBottomRef.current,
|
|
70
66
|
onMessagesReceived(messages) {
|
|
71
67
|
groupChannelPubSub.publish({
|
|
@@ -75,11 +71,16 @@ const createGroupChannelFragment = initModule => {
|
|
|
75
71
|
}
|
|
76
72
|
});
|
|
77
73
|
},
|
|
78
|
-
|
|
74
|
+
collectionCreator,
|
|
75
|
+
sortComparator,
|
|
76
|
+
onChannelDeleted,
|
|
77
|
+
replyType,
|
|
78
|
+
startingPoint: internalSearchItem === null || internalSearchItem === void 0 ? void 0 : internalSearchItem.startingPoint,
|
|
79
|
+
enableCollectionWithoutLocalCache: true
|
|
79
80
|
});
|
|
80
|
-
const
|
|
81
|
-
|
|
82
|
-
return /*#__PURE__*/React.createElement(
|
|
81
|
+
const renderItem = useFreshCallback(props => {
|
|
82
|
+
if (renderMessage) return renderMessage(props);
|
|
83
|
+
return /*#__PURE__*/React.createElement(GroupChannelMessageRenderer, props);
|
|
83
84
|
});
|
|
84
85
|
const memoizedFlatListProps = useMemo(() => ({
|
|
85
86
|
ListEmptyComponent: /*#__PURE__*/React.createElement(GroupChannelModule.StatusEmpty, null),
|
|
@@ -130,47 +131,10 @@ const createGroupChannelFragment = initModule => {
|
|
|
130
131
|
if (!value) resetNewMessages();
|
|
131
132
|
setScrolledAwayFromBottom(value);
|
|
132
133
|
});
|
|
133
|
-
|
|
134
|
-
/** @deprecated **/
|
|
135
|
-
const onSendFileMessage = useFreshCallback(async file => {
|
|
136
|
-
const processedParams = await onBeforeSendFileMessage({
|
|
137
|
-
file
|
|
138
|
-
});
|
|
139
|
-
const message = await sendFileMessage(processedParams, onPending);
|
|
140
|
-
onSent(message);
|
|
141
|
-
});
|
|
142
|
-
/** @deprecated **/
|
|
143
|
-
const onSendUserMessage = useFreshCallback(async (text, mention) => {
|
|
144
|
-
const processedParams = await onBeforeSendUserMessage({
|
|
145
|
-
message: text,
|
|
146
|
-
mentionedUserIds: mention === null || mention === void 0 ? void 0 : mention.userIds,
|
|
147
|
-
mentionedMessageTemplate: mention === null || mention === void 0 ? void 0 : mention.messageTemplate,
|
|
148
|
-
mentionType: mention === null || mention === void 0 ? void 0 : mention.type
|
|
149
|
-
});
|
|
150
|
-
const message = await sendUserMessage(processedParams, onPending);
|
|
151
|
-
onSent(message);
|
|
152
|
-
});
|
|
153
|
-
/** @deprecated **/
|
|
154
|
-
const onUpdateFileMessage = useFreshCallback(async (editedFile, message) => {
|
|
155
|
-
const processedParams = await onBeforeSendFileMessage({
|
|
156
|
-
file: editedFile
|
|
157
|
-
});
|
|
158
|
-
await updateFileMessage(message.messageId, processedParams);
|
|
159
|
-
});
|
|
160
|
-
/** @deprecated **/
|
|
161
|
-
const onUpdateUserMessage = useFreshCallback(async (editedText, message, mention) => {
|
|
162
|
-
const processedParams = await onBeforeSendUserMessage({
|
|
163
|
-
message: editedText,
|
|
164
|
-
mentionedUserIds: mention === null || mention === void 0 ? void 0 : mention.userIds,
|
|
165
|
-
mentionedMessageTemplate: mention === null || mention === void 0 ? void 0 : mention.messageTemplate,
|
|
166
|
-
mentionType: mention === null || mention === void 0 ? void 0 : mention.type
|
|
167
|
-
});
|
|
168
|
-
await updateUserMessage(message.messageId, processedParams);
|
|
169
|
-
});
|
|
170
134
|
return /*#__PURE__*/React.createElement(GroupChannelModule.Provider, {
|
|
171
135
|
channel: channel,
|
|
172
136
|
groupChannelPubSub: groupChannelPubSub,
|
|
173
|
-
enableTypingIndicator: enableTypingIndicator,
|
|
137
|
+
enableTypingIndicator: enableTypingIndicator ?? sbOptions.uikit.groupChannel.channel.enableTypingIndicator,
|
|
174
138
|
keyboardAvoidOffset: keyboardAvoidOffset
|
|
175
139
|
}, /*#__PURE__*/React.createElement(GroupChannelModule.Header, {
|
|
176
140
|
shouldHideRight: navigateFromMessageSearch,
|
|
@@ -185,7 +149,7 @@ const createGroupChannelFragment = initModule => {
|
|
|
185
149
|
onResetMessageList: onResetMessageList,
|
|
186
150
|
enableMessageGrouping: enableMessageGrouping,
|
|
187
151
|
currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
|
|
188
|
-
renderMessage:
|
|
152
|
+
renderMessage: renderItem,
|
|
189
153
|
messages: messages,
|
|
190
154
|
newMessages: newMessages,
|
|
191
155
|
onTopReached: prev,
|
|
@@ -198,21 +162,14 @@ const createGroupChannelFragment = initModule => {
|
|
|
198
162
|
onResendFailedMessage: resendMessage,
|
|
199
163
|
onDeleteMessage: deleteMessage,
|
|
200
164
|
onPressMediaMessage: onPressMediaMessage,
|
|
201
|
-
flatListProps: memoizedFlatListProps
|
|
202
|
-
nextMessages: newMessages,
|
|
203
|
-
newMessagesFromMembers: newMessages,
|
|
204
|
-
onPressImageMessage: onPressImageMessage
|
|
165
|
+
flatListProps: memoizedFlatListProps
|
|
205
166
|
}), /*#__PURE__*/React.createElement(GroupChannelModule.Input, {
|
|
206
167
|
SuggestedMentionList: GroupChannelModule.SuggestedMentionList,
|
|
207
168
|
shouldRenderInput: shouldRenderInput(channel),
|
|
208
169
|
onPressSendUserMessage: onPressSendUserMessage,
|
|
209
170
|
onPressSendFileMessage: onPressSendFileMessage,
|
|
210
171
|
onPressUpdateUserMessage: onPressUpdateUserMessage,
|
|
211
|
-
onPressUpdateFileMessage: onPressUpdateFileMessage
|
|
212
|
-
onSendFileMessage: onSendFileMessage,
|
|
213
|
-
onSendUserMessage: onSendUserMessage,
|
|
214
|
-
onUpdateFileMessage: onUpdateFileMessage,
|
|
215
|
-
onUpdateUserMessage: onUpdateUserMessage
|
|
172
|
+
onPressUpdateFileMessage: onPressUpdateFileMessage
|
|
216
173
|
})));
|
|
217
174
|
};
|
|
218
175
|
};
|
|
@@ -222,40 +179,5 @@ function shouldRenderInput(channel) {
|
|
|
222
179
|
}
|
|
223
180
|
return true;
|
|
224
181
|
}
|
|
225
|
-
function withFocusingAnimation(Component) {
|
|
226
|
-
return /*#__PURE__*/React.memo(props => {
|
|
227
|
-
const translateY = useRef(new Animated.Value(0)).current;
|
|
228
|
-
useEffect(() => {
|
|
229
|
-
if (props.focused) {
|
|
230
|
-
setTimeout(() => {
|
|
231
|
-
Animated.sequence([{
|
|
232
|
-
toValue: -10,
|
|
233
|
-
duration: 500
|
|
234
|
-
}, {
|
|
235
|
-
toValue: 0,
|
|
236
|
-
duration: 100
|
|
237
|
-
}, {
|
|
238
|
-
toValue: -10,
|
|
239
|
-
duration: 200
|
|
240
|
-
}, {
|
|
241
|
-
toValue: 0,
|
|
242
|
-
duration: 100
|
|
243
|
-
}].map(value => Animated.timing(translateY, {
|
|
244
|
-
...value,
|
|
245
|
-
useNativeDriver: true,
|
|
246
|
-
easing: Easing.inOut(Easing.ease)
|
|
247
|
-
}))).start();
|
|
248
|
-
}, MESSAGE_SEARCH_SAFE_SCROLL_DELAY + MESSAGE_FOCUS_ANIMATION_DELAY);
|
|
249
|
-
}
|
|
250
|
-
}, [props.focused]);
|
|
251
|
-
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
252
|
-
style: {
|
|
253
|
-
transform: [{
|
|
254
|
-
translateY
|
|
255
|
-
}]
|
|
256
|
-
}
|
|
257
|
-
}, /*#__PURE__*/React.createElement(Component, props));
|
|
258
|
-
});
|
|
259
|
-
}
|
|
260
182
|
export default createGroupChannelFragment;
|
|
261
183
|
//# sourceMappingURL=createGroupChannelFragment.js.map
|