@sendbird/uikit-react-native 2.5.0 → 3.0.0-rc.1
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/FlatListInternal.js +33 -0
- package/lib/commonjs/components/ChatFlatList/FlatListInternal.js.map +1 -0
- package/lib/commonjs/components/{ChatFlatList.js → ChatFlatList/index.js} +5 -7
- package/lib/commonjs/components/ChatFlatList/index.js.map +1 -0
- 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/commonjs/version.js +1 -1
- package/lib/commonjs/version.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/FlatListInternal.js +26 -0
- package/lib/module/components/ChatFlatList/FlatListInternal.js.map +1 -0
- package/lib/module/components/{ChatFlatList.js → ChatFlatList/index.js} +4 -7
- package/lib/module/components/ChatFlatList/index.js.map +1 -0
- 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/module/version.js +1 -1
- package/lib/module/version.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/FlatListInternal.d.ts +20 -0
- package/lib/typescript/src/components/{ChatFlatList.d.ts → ChatFlatList/index.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 +16 -11
- 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/lib/typescript/src/version.d.ts +1 -1
- package/package.json +14 -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/FlatListInternal.tsx +40 -0
- package/src/components/{ChatFlatList.tsx → ChatFlatList/index.tsx} +7 -12
- 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/ChatFlatList.js.map +0 -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/ChatFlatList.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,190 +0,0 @@
|
|
|
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); }
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
import { TouchableOpacity, View } from 'react-native';
|
|
4
|
-
import { Icon, Image, RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
5
|
-
import { conditionChaining, urlRegexRough } from '@sendbird/uikit-utils';
|
|
6
|
-
import { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';
|
|
7
|
-
import SBUUtils from '../../../libs/SBUUtils';
|
|
8
|
-
const OpenGraphUserMessage = _ref => {
|
|
9
|
-
var _ogMetaData$defaultIm;
|
|
10
|
-
let {
|
|
11
|
-
message,
|
|
12
|
-
variant,
|
|
13
|
-
pressed,
|
|
14
|
-
ogMetaData,
|
|
15
|
-
children,
|
|
16
|
-
onLongPressMentionedUser,
|
|
17
|
-
onLongPressURL
|
|
18
|
-
} = _ref;
|
|
19
|
-
const {
|
|
20
|
-
mentionManager,
|
|
21
|
-
currentUser
|
|
22
|
-
} = useSendbirdChat();
|
|
23
|
-
const {
|
|
24
|
-
STRINGS
|
|
25
|
-
} = useLocalization();
|
|
26
|
-
const {
|
|
27
|
-
show
|
|
28
|
-
} = useUserProfile();
|
|
29
|
-
const {
|
|
30
|
-
colors,
|
|
31
|
-
select,
|
|
32
|
-
palette
|
|
33
|
-
} = useUIKitTheme();
|
|
34
|
-
const [imageNotFound, setImageNotFound] = useState(false);
|
|
35
|
-
const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
|
|
36
|
-
const containerBackground = select({
|
|
37
|
-
dark: palette.background400,
|
|
38
|
-
light: palette.background100
|
|
39
|
-
});
|
|
40
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
41
|
-
style: [styles.bubbleContainer, {
|
|
42
|
-
backgroundColor: containerBackground
|
|
43
|
-
}]
|
|
44
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
45
|
-
style: [styles.container, styles.bubbleContainer, {
|
|
46
|
-
backgroundColor: color.background
|
|
47
|
-
}]
|
|
48
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
49
|
-
style: styles.messageContainer
|
|
50
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
51
|
-
body3: true,
|
|
52
|
-
color: color.textMsg
|
|
53
|
-
}, /*#__PURE__*/React.createElement(RegexText, {
|
|
54
|
-
body3: true,
|
|
55
|
-
color: color.textMsg,
|
|
56
|
-
patterns: [{
|
|
57
|
-
regex: mentionManager.templateRegex,
|
|
58
|
-
replacer(_ref2) {
|
|
59
|
-
var _message$mentionedUse;
|
|
60
|
-
let {
|
|
61
|
-
match,
|
|
62
|
-
groups,
|
|
63
|
-
parentProps,
|
|
64
|
-
keyPrefix,
|
|
65
|
-
index
|
|
66
|
-
} = _ref2;
|
|
67
|
-
const user = (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.find(it => it.userId === groups[2]);
|
|
68
|
-
if (user) {
|
|
69
|
-
const isCurrentUser = user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
|
|
70
|
-
return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
|
|
71
|
-
key: `${keyPrefix}-${index}`,
|
|
72
|
-
onPress: () => show(user),
|
|
73
|
-
onLongPress: onLongPressMentionedUser,
|
|
74
|
-
style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.mentionedText, isCurrentUser && {
|
|
75
|
-
backgroundColor: palette.highlight
|
|
76
|
-
}]
|
|
77
|
-
}), `${mentionManager.asMentionedMessageText(user)}`);
|
|
78
|
-
}
|
|
79
|
-
return match;
|
|
80
|
-
}
|
|
81
|
-
}, {
|
|
82
|
-
regex: urlRegexRough,
|
|
83
|
-
replacer(_ref3) {
|
|
84
|
-
let {
|
|
85
|
-
match,
|
|
86
|
-
parentProps,
|
|
87
|
-
keyPrefix,
|
|
88
|
-
index
|
|
89
|
-
} = _ref3;
|
|
90
|
-
return /*#__PURE__*/React.createElement(Text, _extends({}, parentProps, {
|
|
91
|
-
key: `${keyPrefix}-${index}`,
|
|
92
|
-
onPress: () => SBUUtils.openURL(match),
|
|
93
|
-
onLongPress: onLongPressURL,
|
|
94
|
-
style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.urlText]
|
|
95
|
-
}), match);
|
|
96
|
-
}
|
|
97
|
-
}]
|
|
98
|
-
}, mentionManager.shouldUseMentionedMessageTemplate(message) ? message.mentionedMessageTemplate : message.message), Boolean(message.updatedAt) && /*#__PURE__*/React.createElement(Text, {
|
|
99
|
-
body3: true,
|
|
100
|
-
color: color.textEdited
|
|
101
|
-
}, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX))), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
102
|
-
style: {
|
|
103
|
-
backgroundColor: select({
|
|
104
|
-
dark: palette.background500,
|
|
105
|
-
light: palette.background200
|
|
106
|
-
})
|
|
107
|
-
},
|
|
108
|
-
activeOpacity: 0.85,
|
|
109
|
-
onPress: () => SBUUtils.openURL(ogMetaData.url)
|
|
110
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
111
|
-
style: [styles.ogImageContainer, {
|
|
112
|
-
backgroundColor: select({
|
|
113
|
-
dark: palette.background500,
|
|
114
|
-
light: palette.background200
|
|
115
|
-
})
|
|
116
|
-
}]
|
|
117
|
-
}, conditionChaining([imageNotFound], [/*#__PURE__*/React.createElement(Icon, {
|
|
118
|
-
containerStyle: styles.ogImage,
|
|
119
|
-
icon: 'thumbnail-none',
|
|
120
|
-
size: 48,
|
|
121
|
-
color: colors.onBackground02
|
|
122
|
-
}), /*#__PURE__*/React.createElement(Image, {
|
|
123
|
-
source: {
|
|
124
|
-
uri: (_ogMetaData$defaultIm = ogMetaData.defaultImage) === null || _ogMetaData$defaultIm === void 0 ? void 0 : _ogMetaData$defaultIm.url
|
|
125
|
-
},
|
|
126
|
-
style: styles.ogImage,
|
|
127
|
-
resizeMode: 'cover',
|
|
128
|
-
onError: () => setImageNotFound(true)
|
|
129
|
-
})])), /*#__PURE__*/React.createElement(View, {
|
|
130
|
-
style: [styles.ogContainer, {
|
|
131
|
-
backgroundColor: containerBackground
|
|
132
|
-
}]
|
|
133
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
134
|
-
numberOfLines: 3,
|
|
135
|
-
body2: true,
|
|
136
|
-
color: colors.onBackground01,
|
|
137
|
-
style: styles.ogTitle
|
|
138
|
-
}, ogMetaData.title), Boolean(ogMetaData.description) && /*#__PURE__*/React.createElement(Text, {
|
|
139
|
-
numberOfLines: 1,
|
|
140
|
-
caption2: true,
|
|
141
|
-
color: colors.onBackground01,
|
|
142
|
-
style: styles.ogDesc
|
|
143
|
-
}, ogMetaData.description), /*#__PURE__*/React.createElement(Text, {
|
|
144
|
-
numberOfLines: 1,
|
|
145
|
-
caption2: true,
|
|
146
|
-
color: colors.onBackground02
|
|
147
|
-
}, ogMetaData.url)))), children);
|
|
148
|
-
};
|
|
149
|
-
const styles = createStyleSheet({
|
|
150
|
-
bubbleContainer: {
|
|
151
|
-
borderRadius: 16,
|
|
152
|
-
overflow: 'hidden'
|
|
153
|
-
},
|
|
154
|
-
container: {
|
|
155
|
-
width: 240,
|
|
156
|
-
maxWidth: 240
|
|
157
|
-
},
|
|
158
|
-
messageContainer: {
|
|
159
|
-
paddingVertical: 6,
|
|
160
|
-
paddingHorizontal: 12
|
|
161
|
-
},
|
|
162
|
-
ogContainer: {
|
|
163
|
-
paddingHorizontal: 12,
|
|
164
|
-
paddingTop: 8,
|
|
165
|
-
paddingBottom: 12
|
|
166
|
-
},
|
|
167
|
-
ogImageContainer: {
|
|
168
|
-
flex: 1,
|
|
169
|
-
height: 136
|
|
170
|
-
},
|
|
171
|
-
ogImage: {
|
|
172
|
-
width: '100%',
|
|
173
|
-
height: '100%'
|
|
174
|
-
},
|
|
175
|
-
ogTitle: {
|
|
176
|
-
marginBottom: 4
|
|
177
|
-
},
|
|
178
|
-
ogDesc: {
|
|
179
|
-
lineHeight: 14,
|
|
180
|
-
marginBottom: 8
|
|
181
|
-
},
|
|
182
|
-
mentionedText: {
|
|
183
|
-
fontWeight: 'bold'
|
|
184
|
-
},
|
|
185
|
-
urlText: {
|
|
186
|
-
textDecorationLine: 'underline'
|
|
187
|
-
}
|
|
188
|
-
});
|
|
189
|
-
export default OpenGraphUserMessage;
|
|
190
|
-
//# sourceMappingURL=OpenGraphUserMessage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","TouchableOpacity","View","Icon","Image","RegexText","Text","createStyleSheet","useUIKitTheme","conditionChaining","urlRegexRough","useLocalization","useSendbirdChat","useUserProfile","SBUUtils","OpenGraphUserMessage","_ref","_ogMetaData$defaultIm","message","variant","pressed","ogMetaData","children","onLongPressMentionedUser","onLongPressURL","mentionManager","currentUser","STRINGS","show","colors","select","palette","imageNotFound","setImageNotFound","color","ui","groupChannelMessage","containerBackground","dark","background400","light","background100","createElement","style","styles","bubbleContainer","backgroundColor","container","background","messageContainer","body3","textMsg","patterns","regex","templateRegex","replacer","_ref2","_message$mentionedUse","match","groups","parentProps","keyPrefix","index","user","mentionedUsers","find","it","userId","isCurrentUser","_extends","key","onPress","onLongPress","mentionedText","highlight","asMentionedMessageText","_ref3","openURL","urlText","shouldUseMentionedMessageTemplate","mentionedMessageTemplate","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","background500","background200","activeOpacity","url","ogImageContainer","containerStyle","ogImage","icon","size","onBackground02","source","uri","defaultImage","resizeMode","onError","ogContainer","numberOfLines","body2","onBackground01","ogTitle","title","description","caption2","ogDesc","borderRadius","overflow","width","maxWidth","paddingVertical","paddingHorizontal","paddingTop","paddingBottom","flex","height","marginBottom","lineHeight","fontWeight","textDecorationLine"],"sources":["OpenGraphUserMessage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport type { OGMetaData } from '@sendbird/chat/message';\nimport { Icon, Image, RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining, urlRegexRough } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { UserMessageProps } from './index';\n\ntype Props = UserMessageProps & {\n ogMetaData: OGMetaData;\n};\n\nconst OpenGraphUserMessage = ({\n message,\n variant,\n pressed,\n ogMetaData,\n children,\n onLongPressMentionedUser,\n onLongPressURL,\n}: Props) => {\n const { mentionManager, currentUser } = useSendbirdChat();\n const { STRINGS } = useLocalization();\n const { show } = useUserProfile();\n const { colors, select, palette } = useUIKitTheme();\n\n const [imageNotFound, setImageNotFound] = useState(false);\n const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n\n const containerBackground = select({ dark: palette.background400, light: palette.background100 });\n\n return (\n <View style={[styles.bubbleContainer, { backgroundColor: containerBackground }]}>\n <View style={[styles.container, styles.bubbleContainer, { backgroundColor: color.background }]}>\n <View style={styles.messageContainer}>\n <Text body3 color={color.textMsg}>\n <RegexText\n body3\n color={color.textMsg}\n patterns={[\n {\n regex: mentionManager.templateRegex,\n replacer({ match, groups, parentProps, keyPrefix, index }) {\n const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n if (user) {\n const isCurrentUser = user.userId === currentUser?.userId;\n return (\n <Text\n {...parentProps}\n key={`${keyPrefix}-${index}`}\n onPress={() => show(user)}\n onLongPress={onLongPressMentionedUser}\n style={[\n parentProps?.style,\n styles.mentionedText,\n isCurrentUser && { backgroundColor: palette.highlight },\n ]}\n >\n {`${mentionManager.asMentionedMessageText(user)}`}\n </Text>\n );\n }\n return match;\n },\n },\n {\n regex: urlRegexRough,\n replacer({ match, parentProps, keyPrefix, index }) {\n return (\n <Text\n {...parentProps}\n key={`${keyPrefix}-${index}`}\n onPress={() => SBUUtils.openURL(match)}\n onLongPress={onLongPressURL}\n style={[parentProps?.style, styles.urlText]}\n >\n {match}\n </Text>\n );\n },\n },\n ]}\n >\n {mentionManager.shouldUseMentionedMessageTemplate(message)\n ? message.mentionedMessageTemplate\n : message.message}\n </RegexText>\n {Boolean(message.updatedAt) && (\n <Text body3 color={color.textEdited}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n </Text>\n )}\n </Text>\n </View>\n <TouchableOpacity\n style={{ backgroundColor: select({ dark: palette.background500, light: palette.background200 }) }}\n activeOpacity={0.85}\n onPress={() => SBUUtils.openURL(ogMetaData.url)}\n >\n <View\n style={[\n styles.ogImageContainer,\n { backgroundColor: select({ dark: palette.background500, light: palette.background200 }) },\n ]}\n >\n {conditionChaining(\n [imageNotFound],\n [\n <Icon\n containerStyle={styles.ogImage}\n icon={'thumbnail-none'}\n size={48}\n color={colors.onBackground02}\n />,\n <Image\n source={{ uri: ogMetaData.defaultImage?.url }}\n style={styles.ogImage}\n resizeMode={'cover'}\n onError={() => setImageNotFound(true)}\n />,\n ],\n )}\n </View>\n <View style={[styles.ogContainer, { backgroundColor: containerBackground }]}>\n <Text numberOfLines={3} body2 color={colors.onBackground01} style={styles.ogTitle}>\n {ogMetaData.title}\n </Text>\n {Boolean(ogMetaData.description) && (\n <Text numberOfLines={1} caption2 color={colors.onBackground01} style={styles.ogDesc}>\n {ogMetaData.description}\n </Text>\n )}\n <Text numberOfLines={1} caption2 color={colors.onBackground02}>\n {ogMetaData.url}\n </Text>\n </View>\n </TouchableOpacity>\n </View>\n {children}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n bubbleContainer: {\n borderRadius: 16,\n overflow: 'hidden',\n },\n container: {\n width: 240,\n maxWidth: 240,\n },\n messageContainer: {\n paddingVertical: 6,\n paddingHorizontal: 12,\n },\n ogContainer: {\n paddingHorizontal: 12,\n paddingTop: 8,\n paddingBottom: 12,\n },\n ogImageContainer: {\n flex: 1,\n height: 136,\n },\n ogImage: {\n width: '100%',\n height: '100%',\n },\n ogTitle: {\n marginBottom: 4,\n },\n ogDesc: {\n lineHeight: 14,\n marginBottom: 8,\n },\n mentionedText: {\n fontWeight: 'bold',\n },\n urlText: {\n textDecorationLine: 'underline',\n },\n});\n\nexport default OpenGraphUserMessage;\n"],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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); }
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import BaseUserMessage from './BaseUserMessage';
|
|
4
|
-
import OpenGraphUserMessage from './OpenGraphUserMessage';
|
|
5
|
-
const UserMessage = props => {
|
|
6
|
-
if (props.message.ogMetaData) {
|
|
7
|
-
return /*#__PURE__*/React.createElement(OpenGraphUserMessage, _extends({}, props, {
|
|
8
|
-
ogMetaData: props.message.ogMetaData
|
|
9
|
-
}));
|
|
10
|
-
}
|
|
11
|
-
return /*#__PURE__*/React.createElement(BaseUserMessage, props);
|
|
12
|
-
};
|
|
13
|
-
export default /*#__PURE__*/React.memo(UserMessage);
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","BaseUserMessage","OpenGraphUserMessage","UserMessage","props","message","ogMetaData","createElement","_extends","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport type { MessageRendererInterface } from '../index';\nimport BaseUserMessage from './BaseUserMessage';\nimport OpenGraphUserMessage from './OpenGraphUserMessage';\n\nexport type UserMessageProps = MessageRendererInterface<\n SendbirdUserMessage,\n {\n onLongPressMentionedUser?: () => void;\n onLongPressURL?: () => void;\n }\n>;\n\nconst UserMessage = (props: UserMessageProps) => {\n if (props.message.ogMetaData) {\n return <OpenGraphUserMessage {...props} ogMetaData={props.message.ogMetaData} />;\n }\n return <BaseUserMessage {...props} />;\n};\n\nexport default React.memo(UserMessage);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,oBAAoB,MAAM,wBAAwB;AAUzD,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC/C,IAAIA,KAAK,CAACC,OAAO,CAACC,UAAU,EAAE;IAC5B,oBAAON,KAAA,CAAAO,aAAA,CAACL,oBAAoB,EAAAM,QAAA,KAAKJ,KAAK;MAAEE,UAAU,EAAEF,KAAK,CAACC,OAAO,CAACC;IAAW,GAAG;EAClF;EACA,oBAAON,KAAA,CAAAO,aAAA,CAACN,eAAe,EAAKG,KAAK,CAAI;AACvC,CAAC;AAED,4BAAeJ,KAAK,CAACS,IAAI,CAACN,WAAW,CAAC"}
|
|
@@ -1,178 +0,0 @@
|
|
|
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); }
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { Pressable, View } from 'react-native';
|
|
4
|
-
import { createStyleSheet } from '@sendbird/uikit-react-native-foundation';
|
|
5
|
-
import { calcMessageGrouping, conditionChaining, isMyMessage, shouldRenderReaction, useIIFE } from '@sendbird/uikit-utils';
|
|
6
|
-
import { DEFAULT_LONG_PRESS_DELAY } from '../../constants';
|
|
7
|
-
import { useSendbirdChat } from '../../hooks/useContext';
|
|
8
|
-
import { ReactionAddons } from '../ReactionAddons';
|
|
9
|
-
import AdminMessage from './AdminMessage';
|
|
10
|
-
import FileMessage from './FileMessage';
|
|
11
|
-
import MessageContainer from './MessageContainer';
|
|
12
|
-
import MessageDateSeparator from './MessageDateSeparator';
|
|
13
|
-
import MessageIncomingAvatar from './MessageIncomingAvatar';
|
|
14
|
-
import MessageIncomingSenderName from './MessageIncomingSenderName';
|
|
15
|
-
import MessageOutgoingStatus from './MessageOutgoingStatus';
|
|
16
|
-
import MessageTime from './MessageTime';
|
|
17
|
-
import UnknownMessage from './UnknownMessage';
|
|
18
|
-
import UserMessage from './UserMessage';
|
|
19
|
-
const MessageRenderer = _ref => {
|
|
20
|
-
let {
|
|
21
|
-
currentUserId,
|
|
22
|
-
channel,
|
|
23
|
-
message,
|
|
24
|
-
onPress,
|
|
25
|
-
onLongPress,
|
|
26
|
-
...rest
|
|
27
|
-
} = _ref;
|
|
28
|
-
const variant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';
|
|
29
|
-
const isOutgoing = variant === 'outgoing';
|
|
30
|
-
const isIncoming = variant === 'incoming';
|
|
31
|
-
const variantContainerStyle = {
|
|
32
|
-
incoming: styles.chatIncoming,
|
|
33
|
-
outgoing: styles.chatOutgoing
|
|
34
|
-
}[variant];
|
|
35
|
-
const {
|
|
36
|
-
groupWithPrev,
|
|
37
|
-
groupWithNext
|
|
38
|
-
} = calcMessageGrouping(Boolean(rest.enableMessageGrouping), message, rest.prevMessage, rest.nextMessage);
|
|
39
|
-
const {
|
|
40
|
-
features
|
|
41
|
-
} = useSendbirdChat();
|
|
42
|
-
const reactionChildren = useIIFE(() => {
|
|
43
|
-
if (shouldRenderReaction(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {
|
|
44
|
-
return /*#__PURE__*/React.createElement(ReactionAddons.Message, {
|
|
45
|
-
channel: channel,
|
|
46
|
-
message: message
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
return null;
|
|
50
|
-
});
|
|
51
|
-
const messageComponent = useIIFE(() => {
|
|
52
|
-
const pressableProps = {
|
|
53
|
-
style: styles.msgContainer,
|
|
54
|
-
disabled: !onPress && !onLongPress,
|
|
55
|
-
onPress,
|
|
56
|
-
onLongPress,
|
|
57
|
-
delayLongPress: DEFAULT_LONG_PRESS_DELAY
|
|
58
|
-
};
|
|
59
|
-
const messageProps = {
|
|
60
|
-
...rest,
|
|
61
|
-
variant,
|
|
62
|
-
groupWithNext,
|
|
63
|
-
groupWithPrev
|
|
64
|
-
};
|
|
65
|
-
if (message.isUserMessage()) {
|
|
66
|
-
return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref2 => {
|
|
67
|
-
let {
|
|
68
|
-
pressed
|
|
69
|
-
} = _ref2;
|
|
70
|
-
return /*#__PURE__*/React.createElement(UserMessage, _extends({
|
|
71
|
-
message: message,
|
|
72
|
-
pressed: pressed,
|
|
73
|
-
onLongPressURL: onLongPress,
|
|
74
|
-
onLongPressMentionedUser: onLongPress
|
|
75
|
-
}, messageProps), reactionChildren);
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
if (message.isFileMessage()) {
|
|
79
|
-
return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref3 => {
|
|
80
|
-
let {
|
|
81
|
-
pressed
|
|
82
|
-
} = _ref3;
|
|
83
|
-
return /*#__PURE__*/React.createElement(FileMessage, _extends({
|
|
84
|
-
message: message,
|
|
85
|
-
pressed: pressed
|
|
86
|
-
}, messageProps), reactionChildren);
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
if (message.isAdminMessage()) {
|
|
90
|
-
return /*#__PURE__*/React.createElement(AdminMessage, _extends({
|
|
91
|
-
message: message,
|
|
92
|
-
pressed: false
|
|
93
|
-
}, messageProps));
|
|
94
|
-
}
|
|
95
|
-
return /*#__PURE__*/React.createElement(Pressable, pressableProps, _ref4 => {
|
|
96
|
-
let {
|
|
97
|
-
pressed
|
|
98
|
-
} = _ref4;
|
|
99
|
-
return /*#__PURE__*/React.createElement(UnknownMessage, _extends({
|
|
100
|
-
message: message,
|
|
101
|
-
pressed: pressed
|
|
102
|
-
}, messageProps));
|
|
103
|
-
});
|
|
104
|
-
});
|
|
105
|
-
return /*#__PURE__*/React.createElement(MessageContainer, null, /*#__PURE__*/React.createElement(MessageDateSeparator, {
|
|
106
|
-
message: message,
|
|
107
|
-
prevMessage: rest.prevMessage
|
|
108
|
-
}), message.isAdminMessage() && messageComponent, !message.isAdminMessage() && /*#__PURE__*/React.createElement(View, {
|
|
109
|
-
style: [variantContainerStyle, conditionChaining([groupWithNext, Boolean(rest.nextMessage)], [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage])]
|
|
110
|
-
}, isOutgoing && /*#__PURE__*/React.createElement(View, {
|
|
111
|
-
style: styles.outgoingContainer
|
|
112
|
-
}, /*#__PURE__*/React.createElement(MessageOutgoingStatus, {
|
|
113
|
-
channel: channel,
|
|
114
|
-
message: message
|
|
115
|
-
}), /*#__PURE__*/React.createElement(MessageTime, {
|
|
116
|
-
message: message,
|
|
117
|
-
grouping: groupWithNext,
|
|
118
|
-
style: styles.timeOutgoing
|
|
119
|
-
})), isIncoming && /*#__PURE__*/React.createElement(MessageIncomingAvatar, {
|
|
120
|
-
message: message,
|
|
121
|
-
grouping: groupWithNext
|
|
122
|
-
}), /*#__PURE__*/React.createElement(View, {
|
|
123
|
-
style: styles.bubbleContainer
|
|
124
|
-
}, isIncoming && /*#__PURE__*/React.createElement(MessageIncomingSenderName, {
|
|
125
|
-
message: message,
|
|
126
|
-
grouping: groupWithPrev
|
|
127
|
-
}), /*#__PURE__*/React.createElement(View, {
|
|
128
|
-
style: styles.bubbleWrapper
|
|
129
|
-
}, messageComponent, isIncoming && /*#__PURE__*/React.createElement(MessageTime, {
|
|
130
|
-
message: message,
|
|
131
|
-
grouping: groupWithNext,
|
|
132
|
-
style: styles.timeIncoming
|
|
133
|
-
})))));
|
|
134
|
-
};
|
|
135
|
-
const styles = createStyleSheet({
|
|
136
|
-
chatIncoming: {
|
|
137
|
-
flexDirection: 'row',
|
|
138
|
-
justifyContent: 'flex-start',
|
|
139
|
-
alignItems: 'flex-end'
|
|
140
|
-
},
|
|
141
|
-
chatOutgoing: {
|
|
142
|
-
flexDirection: 'row',
|
|
143
|
-
justifyContent: 'flex-end',
|
|
144
|
-
alignItems: 'flex-end'
|
|
145
|
-
},
|
|
146
|
-
timeIncoming: {
|
|
147
|
-
marginLeft: 4
|
|
148
|
-
},
|
|
149
|
-
timeOutgoing: {
|
|
150
|
-
marginRight: 4
|
|
151
|
-
},
|
|
152
|
-
chatGroup: {
|
|
153
|
-
marginBottom: 2
|
|
154
|
-
},
|
|
155
|
-
chatNonGroup: {
|
|
156
|
-
marginBottom: 16
|
|
157
|
-
},
|
|
158
|
-
chatLastMessage: {
|
|
159
|
-
marginBottom: 16
|
|
160
|
-
},
|
|
161
|
-
msgContainer: {
|
|
162
|
-
maxWidth: 240
|
|
163
|
-
},
|
|
164
|
-
bubbleContainer: {
|
|
165
|
-
flexShrink: 1
|
|
166
|
-
},
|
|
167
|
-
bubbleWrapper: {
|
|
168
|
-
flexDirection: 'row',
|
|
169
|
-
alignItems: 'flex-end'
|
|
170
|
-
},
|
|
171
|
-
outgoingContainer: {
|
|
172
|
-
flexDirection: 'row',
|
|
173
|
-
alignItems: 'flex-end',
|
|
174
|
-
justifyContent: 'center'
|
|
175
|
-
}
|
|
176
|
-
});
|
|
177
|
-
export default /*#__PURE__*/React.memo(MessageRenderer);
|
|
178
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","View","createStyleSheet","calcMessageGrouping","conditionChaining","isMyMessage","shouldRenderReaction","useIIFE","DEFAULT_LONG_PRESS_DELAY","useSendbirdChat","ReactionAddons","AdminMessage","FileMessage","MessageContainer","MessageDateSeparator","MessageIncomingAvatar","MessageIncomingSenderName","MessageOutgoingStatus","MessageTime","UnknownMessage","UserMessage","MessageRenderer","_ref","currentUserId","channel","message","onPress","onLongPress","rest","variant","isOutgoing","isIncoming","variantContainerStyle","incoming","styles","chatIncoming","outgoing","chatOutgoing","groupWithPrev","groupWithNext","Boolean","enableMessageGrouping","prevMessage","nextMessage","features","reactionChildren","reactionEnabled","reactions","length","createElement","Message","messageComponent","pressableProps","style","msgContainer","disabled","delayLongPress","messageProps","isUserMessage","_ref2","pressed","_extends","onLongPressURL","onLongPressMentionedUser","isFileMessage","_ref3","isAdminMessage","_ref4","chatGroup","chatNonGroup","chatLastMessage","outgoingContainer","grouping","timeOutgoing","bubbleContainer","bubbleWrapper","timeIncoming","flexDirection","justifyContent","alignItems","marginLeft","marginRight","marginBottom","maxWidth","flexShrink","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, PressableProps, View } from 'react-native';\n\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport {\n calcMessageGrouping,\n conditionChaining,\n isMyMessage,\n shouldRenderReaction,\n useIIFE,\n} from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../../constants';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport { useSendbirdChat } from '../../hooks/useContext';\nimport { ReactionAddons } from '../ReactionAddons';\nimport AdminMessage from './AdminMessage';\nimport FileMessage from './FileMessage';\nimport MessageContainer from './MessageContainer';\nimport MessageDateSeparator from './MessageDateSeparator';\nimport MessageIncomingAvatar from './MessageIncomingAvatar';\nimport MessageIncomingSenderName from './MessageIncomingSenderName';\nimport MessageOutgoingStatus from './MessageOutgoingStatus';\nimport MessageTime from './MessageTime';\nimport UnknownMessage from './UnknownMessage';\nimport UserMessage from './UserMessage';\n\ntype MessageStyleVariant = 'outgoing' | 'incoming';\nexport type MessageRendererInterface<T = SendbirdMessage, AdditionalProps = unknown> = {\n message: T;\n prevMessage?: SendbirdMessage;\n nextMessage?: SendbirdMessage;\n variant: MessageStyleVariant;\n groupWithPrev: boolean;\n groupWithNext: boolean;\n pressed: boolean;\n children?: React.ReactElement | null;\n} & AdditionalProps;\n\nconst MessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n currentUserId,\n channel,\n message,\n onPress,\n onLongPress,\n ...rest\n}) => {\n const variant: MessageStyleVariant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';\n const isOutgoing = variant === 'outgoing';\n const isIncoming = variant === 'incoming';\n const variantContainerStyle = { incoming: styles.chatIncoming, outgoing: styles.chatOutgoing }[variant];\n\n const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n Boolean(rest.enableMessageGrouping),\n message,\n rest.prevMessage,\n rest.nextMessage,\n );\n\n const { features } = useSendbirdChat();\n\n const reactionChildren = useIIFE(() => {\n if (shouldRenderReaction(channel, features.reactionEnabled) && message.reactions && message.reactions.length > 0) {\n return <ReactionAddons.Message channel={channel} message={message} />;\n }\n return null;\n });\n\n const messageComponent = useIIFE(() => {\n const pressableProps: PressableProps = {\n style: styles.msgContainer,\n disabled: !onPress && !onLongPress,\n onPress,\n onLongPress,\n delayLongPress: DEFAULT_LONG_PRESS_DELAY,\n };\n const messageProps = { ...rest, variant, groupWithNext, groupWithPrev };\n\n if (message.isUserMessage()) {\n return (\n <Pressable {...pressableProps}>\n {({ pressed }) => (\n <UserMessage\n message={message}\n pressed={pressed}\n onLongPressURL={onLongPress}\n onLongPressMentionedUser={onLongPress}\n {...messageProps}\n >\n {reactionChildren}\n </UserMessage>\n )}\n </Pressable>\n );\n }\n\n if (message.isFileMessage()) {\n return (\n <Pressable {...pressableProps}>\n {({ pressed }) => (\n <FileMessage message={message} pressed={pressed} {...messageProps}>\n {reactionChildren}\n </FileMessage>\n )}\n </Pressable>\n );\n }\n\n if (message.isAdminMessage()) {\n return <AdminMessage message={message} pressed={false} {...messageProps} />;\n }\n\n return (\n <Pressable {...pressableProps}>\n {({ pressed }) => <UnknownMessage message={message} pressed={pressed} {...messageProps} />}\n </Pressable>\n );\n });\n\n return (\n <MessageContainer>\n <MessageDateSeparator message={message} prevMessage={rest.prevMessage} />\n {message.isAdminMessage() && messageComponent}\n {!message.isAdminMessage() && (\n <View\n style={[\n variantContainerStyle,\n conditionChaining(\n [groupWithNext, Boolean(rest.nextMessage)],\n [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage],\n ),\n ]}\n >\n {isOutgoing && (\n <View style={styles.outgoingContainer}>\n <MessageOutgoingStatus channel={channel} message={message} />\n <MessageTime message={message} grouping={groupWithNext} style={styles.timeOutgoing} />\n </View>\n )}\n {isIncoming && <MessageIncomingAvatar message={message} grouping={groupWithNext} />}\n <View style={styles.bubbleContainer}>\n {isIncoming && <MessageIncomingSenderName message={message} grouping={groupWithPrev} />}\n <View style={styles.bubbleWrapper}>\n {messageComponent}\n {isIncoming && <MessageTime message={message} grouping={groupWithNext} style={styles.timeIncoming} />}\n </View>\n </View>\n </View>\n )}\n </MessageContainer>\n );\n};\n\nconst styles = createStyleSheet({\n chatIncoming: {\n flexDirection: 'row',\n justifyContent: 'flex-start',\n alignItems: 'flex-end',\n },\n chatOutgoing: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n alignItems: 'flex-end',\n },\n timeIncoming: {\n marginLeft: 4,\n },\n timeOutgoing: {\n marginRight: 4,\n },\n chatGroup: {\n marginBottom: 2,\n },\n chatNonGroup: {\n marginBottom: 16,\n },\n chatLastMessage: {\n marginBottom: 16,\n },\n msgContainer: {\n maxWidth: 240,\n },\n bubbleContainer: {\n flexShrink: 1,\n },\n bubbleWrapper: {\n flexDirection: 'row',\n alignItems: 'flex-end',\n },\n outgoingContainer: {\n flexDirection: 'row',\n alignItems: 'flex-end',\n justifyContent: 'center',\n },\n});\n\nexport default React.memo(MessageRenderer);\n"],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
|
|
2
|
-
import type { MessageRendererInterface } from '../index';
|
|
3
|
-
export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
|
|
4
|
-
declare const AdminMessage: ({ message, nextMessage }: AdminMessageProps) => JSX.Element;
|
|
5
|
-
export default AdminMessage;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { FileMessageProps } from './index';
|
|
2
|
-
type Props = FileMessageProps & {
|
|
3
|
-
type: 'image' | 'audio' | 'video' | 'file';
|
|
4
|
-
};
|
|
5
|
-
declare const BaseFileMessage: ({ message, variant, pressed, type, children }: Props) => JSX.Element;
|
|
6
|
-
export default BaseFileMessage;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SendbirdFileMessage } from '@sendbird/uikit-utils';
|
|
3
|
-
import type { MessageRendererInterface } from '../index';
|
|
4
|
-
export type FileMessageProps = MessageRendererInterface<SendbirdFileMessage>;
|
|
5
|
-
declare const _default: React.MemoExoticComponent<(props: {
|
|
6
|
-
message: import("@sendbird/chat/message").FileMessage;
|
|
7
|
-
prevMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
|
|
8
|
-
nextMessage?: import("@sendbird/uikit-utils").SendbirdMessage | undefined;
|
|
9
|
-
variant: "incoming" | "outgoing";
|
|
10
|
-
groupWithPrev: boolean;
|
|
11
|
-
groupWithNext: boolean;
|
|
12
|
-
pressed: boolean;
|
|
13
|
-
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
14
|
-
}) => JSX.Element>;
|
|
15
|
-
export default _default;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SendbirdMessage } from '@sendbird/uikit-utils';
|
|
2
|
-
type Props = {
|
|
3
|
-
message: SendbirdMessage;
|
|
4
|
-
prevMessage?: SendbirdMessage;
|
|
5
|
-
};
|
|
6
|
-
declare const MessageDateSeparator: ({ message, prevMessage }: Props) => JSX.Element | null;
|
|
7
|
-
export default MessageDateSeparator;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SendbirdMessage } from '@sendbird/uikit-utils';
|
|
2
|
-
type Props = {
|
|
3
|
-
message: SendbirdMessage;
|
|
4
|
-
grouping: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare const MessageIncomingSenderName: ({ message, grouping }: Props) => JSX.Element | null;
|
|
7
|
-
export default MessageIncomingSenderName;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
-
import type { SendbirdMessage } from '@sendbird/uikit-utils';
|
|
3
|
-
type Props = {
|
|
4
|
-
message: SendbirdMessage;
|
|
5
|
-
grouping: boolean;
|
|
6
|
-
style?: StyleProp<ViewStyle>;
|
|
7
|
-
};
|
|
8
|
-
declare const MessageTime: ({ message, grouping, style }: Props) => JSX.Element | null;
|
|
9
|
-
export default MessageTime;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { OGMetaData } from '@sendbird/chat/message';
|
|
2
|
-
import type { UserMessageProps } from './index';
|
|
3
|
-
type Props = UserMessageProps & {
|
|
4
|
-
ogMetaData: OGMetaData;
|
|
5
|
-
};
|
|
6
|
-
declare const OpenGraphUserMessage: ({ message, variant, pressed, ogMetaData, children, onLongPressMentionedUser, onLongPressURL, }: Props) => JSX.Element;
|
|
7
|
-
export default OpenGraphUserMessage;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
|
|
3
|
-
import type { MessageRendererInterface } from '../index';
|
|
4
|
-
export type UserMessageProps = MessageRendererInterface<SendbirdUserMessage, {
|
|
5
|
-
onLongPressMentionedUser?: () => void;
|
|
6
|
-
onLongPressURL?: () => void;
|
|
7
|
-
}>;
|
|
8
|
-
declare const _default: React.MemoExoticComponent<(props: UserMessageProps) => JSX.Element>;
|
|
9
|
-
export default _default;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { StyleSheet, View } from 'react-native';
|
|
3
|
-
|
|
4
|
-
import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
|
|
5
|
-
import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
|
|
6
|
-
|
|
7
|
-
import type { MessageRendererInterface } from '../index';
|
|
8
|
-
|
|
9
|
-
export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
|
|
10
|
-
const AdminMessage = ({ message, nextMessage }: AdminMessageProps) => {
|
|
11
|
-
const { colors } = useUIKitTheme();
|
|
12
|
-
|
|
13
|
-
const isNextAdmin = nextMessage?.isAdminMessage();
|
|
14
|
-
return (
|
|
15
|
-
<View style={StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])}>
|
|
16
|
-
<Text caption2 color={colors.onBackground02} style={styles.text}>
|
|
17
|
-
{message.message}
|
|
18
|
-
</Text>
|
|
19
|
-
</View>
|
|
20
|
-
);
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
const styles = createStyleSheet({
|
|
24
|
-
container: {
|
|
25
|
-
width: 300,
|
|
26
|
-
alignSelf: 'center',
|
|
27
|
-
alignItems: 'center',
|
|
28
|
-
},
|
|
29
|
-
nextAdminType: {
|
|
30
|
-
marginBottom: 8,
|
|
31
|
-
},
|
|
32
|
-
next: {
|
|
33
|
-
marginBottom: 16,
|
|
34
|
-
},
|
|
35
|
-
text: {
|
|
36
|
-
textAlign: 'center',
|
|
37
|
-
},
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
export default AdminMessage;
|