@sendbird/uikit-react 3.0.0-beta.5 → 3.0.0-beta.6
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/App.js +31 -30
- package/App.js.map +1 -1
- package/Channel/components/ChannelHeader.js +15 -15
- package/Channel/components/ChannelUI.js +24 -23
- package/Channel/components/ChannelUI.js.map +1 -1
- package/Channel/components/FileViewer.js +14 -14
- package/Channel/components/FrozenNotification.js +5 -5
- package/Channel/components/Message.js +25 -20
- package/Channel/components/Message.js.map +1 -1
- package/Channel/components/MessageInput.js +27 -17
- package/Channel/components/MessageInput.js.map +1 -1
- package/Channel/components/MessageList.js +23 -22
- package/Channel/components/MessageList.js.map +1 -1
- package/Channel/components/RemoveMessageModal.js +17 -17
- package/Channel/components/SuggestedMentionList.js +94 -43
- package/Channel/components/SuggestedMentionList.js.map +1 -1
- package/Channel/components/TypingIndicator.js +14 -14
- package/Channel/components/UnreadCount.js +5 -5
- package/Channel/context.js +13 -13
- package/Channel.js +24 -23
- package/Channel.js.map +1 -1
- package/ChannelList/components/AddChannel.js +14 -14
- package/ChannelList/components/ChannelListHeader.js +7 -7
- package/ChannelList/components/ChannelListUI.js +26 -26
- package/ChannelList/components/ChannelPreview.js +21 -20
- package/ChannelList/components/ChannelPreview.js.map +1 -1
- package/ChannelList/components/ChannelPreviewAction.js +14 -14
- package/ChannelList/context.js +8 -8
- package/ChannelList.js +26 -26
- package/{ChannelListProvider-a7bdd63a.js → ChannelListProvider-737ee36f.js} +8 -8
- package/{ChannelListProvider-a7bdd63a.js.map → ChannelListProvider-737ee36f.js.map} +1 -1
- package/{ChannelProvider-923b58df.js → ChannelProvider-34834493.js} +13 -13
- package/ChannelProvider-34834493.js.map +1 -0
- package/ChannelSettings/components/AdminPanel.js +15 -15
- package/ChannelSettings/components/ChannelProfile.js +13 -13
- package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
- package/ChannelSettings/components/EditDetailsModal.js +13 -13
- package/ChannelSettings/components/LeaveChannel.js +10 -10
- package/ChannelSettings/components/UserListItem.js +11 -11
- package/ChannelSettings/components/UserPanel.js +14 -14
- package/ChannelSettings/context.js +3 -3
- package/ChannelSettings.js +18 -18
- package/CreateChannel/components/CreateChannelUI.js +14 -14
- package/CreateChannel/components/InviteMembers.js +14 -14
- package/CreateChannel/components/SelectChannelType.js +10 -10
- package/CreateChannel/context.js +3 -3
- package/CreateChannel.js +14 -14
- package/{CreateChannelProvider-e491613f.js → CreateChannelProvider-3d3e4a7c.js} +1 -1
- package/{CreateChannelProvider-e491613f.js.map → CreateChannelProvider-3d3e4a7c.js.map} +1 -1
- package/EditUserProfile/components/EditUserProfileUI.js +13 -13
- package/EditUserProfile.js +13 -13
- package/{LocalizationContext-0e05ddca.js → LocalizationContext-5b0a9339.js} +3 -3
- package/{LocalizationContext-0e05ddca.js.map → LocalizationContext-5b0a9339.js.map} +1 -1
- package/{MemberList-ed7da941.js → MemberList-6e33a562.js} +5 -5
- package/{MemberList-ed7da941.js.map → MemberList-6e33a562.js.map} +1 -1
- package/MessageSearch/components/MessageSearchUI.js +11 -11
- package/MessageSearch/context.js +2 -2
- package/MessageSearch.js +11 -11
- package/OpenChannel/components/FrozenChannelNotification.js +5 -5
- package/OpenChannel/components/OpenChannelHeader.js +12 -12
- package/OpenChannel/components/OpenChannelInput.js +16 -16
- package/OpenChannel/components/OpenChannelMessage.js +21 -21
- package/OpenChannel/components/OpenChannelMessageList.js +23 -23
- package/OpenChannel/components/OpenChannelUI.js +23 -23
- package/OpenChannel/context.js +9 -9
- package/OpenChannel.js +23 -23
- package/{OpenChannelProvider-45a848a3.js → OpenChannelProvider-9ef0d52a.js} +7 -7
- package/{OpenChannelProvider-45a848a3.js.map → OpenChannelProvider-9ef0d52a.js.map} +1 -1
- package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
- package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
- package/OpenChannelSettings/components/OperatorUI.js +16 -16
- package/OpenChannelSettings/components/ParticipantUI.js +14 -14
- package/OpenChannelSettings/context.js +2 -2
- package/OpenChannelSettings.js +17 -17
- package/SendbirdProvider.js +25 -10
- package/SendbirdProvider.js.map +1 -1
- package/{UserProfileContext-90704c73.js → UserProfileContext-b6d89d0d.js} +1 -1
- package/{UserProfileContext-90704c73.js.map → UserProfileContext-b6d89d0d.js.map} +1 -1
- package/{_rollupPluginBabelHelpers-c7eeba03.js → _rollupPluginBabelHelpers-d10f91b9.js} +1 -1
- package/{_rollupPluginBabelHelpers-c7eeba03.js.map → _rollupPluginBabelHelpers-d10f91b9.js.map} +1 -1
- package/{actionTypes-e0f4e19c.js → actionTypes-17920f59.js} +1 -1
- package/{actionTypes-e0f4e19c.js.map → actionTypes-17920f59.js.map} +1 -1
- package/cjs/App.js +31 -30
- package/cjs/App.js.map +1 -1
- package/cjs/Channel/components/ChannelHeader.js +15 -15
- package/cjs/Channel/components/ChannelUI.js +24 -23
- package/cjs/Channel/components/ChannelUI.js.map +1 -1
- package/cjs/Channel/components/FileViewer.js +14 -14
- package/cjs/Channel/components/FrozenNotification.js +5 -5
- package/cjs/Channel/components/Message.js +25 -20
- package/cjs/Channel/components/Message.js.map +1 -1
- package/cjs/Channel/components/MessageInput.js +27 -17
- package/cjs/Channel/components/MessageInput.js.map +1 -1
- package/cjs/Channel/components/MessageList.js +23 -22
- package/cjs/Channel/components/MessageList.js.map +1 -1
- package/cjs/Channel/components/RemoveMessageModal.js +17 -17
- package/cjs/Channel/components/SuggestedMentionList.js +94 -43
- package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
- package/cjs/Channel/components/TypingIndicator.js +14 -14
- package/cjs/Channel/components/UnreadCount.js +5 -5
- package/cjs/Channel/context.js +13 -13
- package/cjs/Channel.js +24 -23
- package/cjs/Channel.js.map +1 -1
- package/cjs/ChannelList/components/AddChannel.js +14 -14
- package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
- package/cjs/ChannelList/components/ChannelListUI.js +26 -26
- package/cjs/ChannelList/components/ChannelPreview.js +21 -20
- package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
- package/cjs/ChannelList/context.js +8 -8
- package/cjs/ChannelList.js +26 -26
- package/cjs/{ChannelListProvider-01864e22.js → ChannelListProvider-f910e236.js} +8 -8
- package/cjs/{ChannelListProvider-01864e22.js.map → ChannelListProvider-f910e236.js.map} +1 -1
- package/cjs/{ChannelProvider-3ef2a755.js → ChannelProvider-86e2e68c.js} +13 -13
- package/cjs/ChannelProvider-86e2e68c.js.map +1 -0
- package/cjs/ChannelSettings/components/AdminPanel.js +15 -15
- package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
- package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
- package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
- package/cjs/ChannelSettings/components/UserListItem.js +11 -11
- package/cjs/ChannelSettings/components/UserPanel.js +14 -14
- package/cjs/ChannelSettings/context.js +3 -3
- package/cjs/ChannelSettings.js +18 -18
- package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
- package/cjs/CreateChannel/components/InviteMembers.js +14 -14
- package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
- package/cjs/CreateChannel/context.js +3 -3
- package/cjs/CreateChannel.js +14 -14
- package/cjs/{CreateChannelProvider-0d01dcbf.js → CreateChannelProvider-07992a6d.js} +1 -1
- package/cjs/{CreateChannelProvider-0d01dcbf.js.map → CreateChannelProvider-07992a6d.js.map} +1 -1
- package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
- package/cjs/EditUserProfile.js +13 -13
- package/cjs/{LocalizationContext-4c0a4a70.js → LocalizationContext-79514649.js} +3 -3
- package/cjs/{LocalizationContext-4c0a4a70.js.map → LocalizationContext-79514649.js.map} +1 -1
- package/cjs/{MemberList-b917d2b8.js → MemberList-015c1075.js} +5 -5
- package/cjs/{MemberList-b917d2b8.js.map → MemberList-015c1075.js.map} +1 -1
- package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
- package/cjs/MessageSearch/context.js +2 -2
- package/cjs/MessageSearch.js +11 -11
- package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
- package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
- package/cjs/OpenChannel/components/OpenChannelInput.js +16 -16
- package/cjs/OpenChannel/components/OpenChannelMessage.js +21 -21
- package/cjs/OpenChannel/components/OpenChannelMessageList.js +23 -23
- package/cjs/OpenChannel/components/OpenChannelUI.js +23 -23
- package/cjs/OpenChannel/context.js +9 -9
- package/cjs/OpenChannel.js +23 -23
- package/cjs/{OpenChannelProvider-862a55ec.js → OpenChannelProvider-445f214c.js} +7 -7
- package/cjs/{OpenChannelProvider-862a55ec.js.map → OpenChannelProvider-445f214c.js.map} +1 -1
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
- package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
- package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
- package/cjs/OpenChannelSettings/context.js +2 -2
- package/cjs/OpenChannelSettings.js +17 -17
- package/cjs/SendbirdProvider.js +25 -10
- package/cjs/SendbirdProvider.js.map +1 -1
- package/cjs/{UserProfileContext-0081d7b2.js → UserProfileContext-12cfee31.js} +1 -1
- package/cjs/{UserProfileContext-0081d7b2.js.map → UserProfileContext-12cfee31.js.map} +1 -1
- package/cjs/{_rollupPluginBabelHelpers-08d1d0ec.js → _rollupPluginBabelHelpers-f802e0e8.js} +1 -1
- package/cjs/{_rollupPluginBabelHelpers-08d1d0ec.js.map → _rollupPluginBabelHelpers-f802e0e8.js.map} +1 -1
- package/cjs/{actionTypes-03bdd863.js → actionTypes-93161807.js} +1 -1
- package/cjs/{actionTypes-03bdd863.js.map → actionTypes-93161807.js.map} +1 -1
- package/cjs/{color-37edcf95.js → color-c53ac792.js} +1 -1
- package/cjs/{color-37edcf95.js.map → color-c53ac792.js.map} +1 -1
- package/cjs/{compareIds-1cb14940.js → compareIds-37e8380c.js} +1 -1
- package/cjs/{compareIds-1cb14940.js.map → compareIds-37e8380c.js.map} +1 -1
- package/cjs/{const-21636adb.js → const-3024c719.js} +1 -1
- package/cjs/{const-21636adb.js.map → const-3024c719.js.map} +1 -1
- package/cjs/{const-64185108.js → const-489c46b6.js} +1 -1
- package/cjs/{const-64185108.js.map → const-489c46b6.js.map} +1 -1
- package/cjs/{context-8f183eb3.js → context-961d5b11.js} +2 -2
- package/cjs/{context-8f183eb3.js.map → context-961d5b11.js.map} +1 -1
- package/{index.css → cjs/dist/index.css} +74 -56
- package/cjs/dist/index.css.map +1 -0
- package/cjs/{index-23c51d89.js → index-07623c8b.js} +2 -2
- package/cjs/{index-23c51d89.js.map → index-07623c8b.js.map} +1 -1
- package/cjs/{index-4e4d7494.js → index-0b2e2c2a.js} +1 -1
- package/cjs/{index-4e4d7494.js.map → index-0b2e2c2a.js.map} +1 -1
- package/cjs/{index-630f8d1b.js → index-2180f74f.js} +3 -3
- package/cjs/{index-630f8d1b.js.map → index-2180f74f.js.map} +1 -1
- package/cjs/{index-94e8cf13.js → index-4e8b61f7.js} +10 -9
- package/cjs/index-4e8b61f7.js.map +1 -0
- package/cjs/{index-7532e1ca.js → index-5615eab4.js} +4 -4
- package/cjs/{index-7532e1ca.js.map → index-5615eab4.js.map} +1 -1
- package/cjs/{index-8479199c.js → index-5eaebc66.js} +6 -6
- package/cjs/{index-8479199c.js.map → index-5eaebc66.js.map} +1 -1
- package/cjs/{index-30e8e785.js → index-a20b40c4.js} +3 -3
- package/cjs/{index-30e8e785.js.map → index-a20b40c4.js.map} +1 -1
- package/cjs/{index-a40d57a5.js → index-bc563d47.js} +6 -2
- package/cjs/index-bc563d47.js.map +1 -0
- package/cjs/{index-dcd38046.js → index-cb53adf5.js} +2 -2
- package/cjs/{index-dcd38046.js.map → index-cb53adf5.js.map} +1 -1
- package/cjs/{index-6d82098c.js → index-d25a7cbf.js} +4 -4
- package/cjs/{index-6d82098c.js.map → index-d25a7cbf.js.map} +1 -1
- package/cjs/{index-1a6c1893.js → index-d70ac86e.js} +1 -1
- package/cjs/{index-1a6c1893.js.map → index-d70ac86e.js.map} +1 -1
- package/cjs/index.js +34 -33
- package/cjs/index.js.map +1 -1
- package/cjs/{openChannelUtils-46a3a403.js → openChannelUtils-7fb1abc6.js} +1 -1
- package/cjs/{openChannelUtils-46a3a403.js.map → openChannelUtils-7fb1abc6.js.map} +1 -1
- package/cjs/sendBirdSelectors.js +1 -1
- package/cjs/{stringSet-d9121aa6.js → stringSet-ae448472.js} +1 -1
- package/cjs/{stringSet-d9121aa6.js.map → stringSet-ae448472.js.map} +1 -1
- package/cjs/{topics-4fc933cb.js → topics-bdbff23e.js} +1 -1
- package/cjs/{topics-4fc933cb.js.map → topics-bdbff23e.js.map} +1 -1
- package/cjs/{tslib.es6-571bbfc9.js → tslib.es6-a7af7bb8.js} +1 -1
- package/cjs/{tslib.es6-571bbfc9.js.map → tslib.es6-a7af7bb8.js.map} +1 -1
- package/cjs/ui/Accordion.js +4 -4
- package/cjs/ui/AccordionGroup.js +2 -2
- package/cjs/ui/AdminMessage.js +3 -3
- package/cjs/ui/Avatar.js +3 -3
- package/cjs/ui/Badge.js +5 -5
- package/cjs/ui/Button.js +4 -4
- package/cjs/ui/ChannelAvatar.js +4 -4
- package/cjs/ui/ChannelPreview.js +12 -12
- package/cjs/ui/ChatHeader.js +8 -8
- package/cjs/ui/Checkbox.js +1 -1
- package/cjs/ui/ConnectionStatus.js +5 -5
- package/cjs/ui/ContextMenu.js +5 -5
- package/cjs/ui/DateSeparator.js +4 -4
- package/cjs/ui/Dropdown.js +3 -3
- package/cjs/ui/EmojiReactions.js +7 -7
- package/cjs/ui/FileMessageItemBody.js +6 -6
- package/cjs/ui/FileViewer.js +7 -7
- package/cjs/ui/Icon.js +1 -1
- package/cjs/ui/IconButton.js +1 -1
- package/cjs/ui/ImageRenderer.js +1 -1
- package/cjs/ui/Input.js +3 -3
- package/cjs/ui/Label.js +3 -3
- package/cjs/ui/LinkLabel.js +3 -3
- package/cjs/ui/Loader.js +1 -1
- package/cjs/ui/MentionLabel.js +98 -0
- package/cjs/ui/MentionLabel.js.map +1 -0
- package/cjs/ui/MessageContent.js +15 -14
- package/cjs/ui/MessageContent.js.map +1 -1
- package/cjs/ui/MessageInput.js +18 -14
- package/cjs/ui/MessageInput.js.map +1 -1
- package/cjs/ui/MessageItemMenu.js +7 -7
- package/cjs/ui/MessageItemReactionMenu.js +5 -5
- package/cjs/ui/MessageSearchFileItem.js +10 -10
- package/cjs/ui/MessageSearchItem.js +10 -10
- package/cjs/ui/MessageStatus.js +8 -8
- package/cjs/ui/Modal.js +8 -8
- package/cjs/ui/MutedAvatarOverlay.js +1 -1
- package/cjs/ui/OGMessageItemBody.js +20 -9
- package/cjs/ui/OGMessageItemBody.js.map +1 -1
- package/cjs/ui/OpenChannelAdminMessage.js +4 -4
- package/cjs/ui/OpenChannelAvatar.js +7 -7
- package/cjs/ui/OpenchannelConversationHeader.js +7 -7
- package/cjs/ui/OpenchannelFileMessage.js +14 -14
- package/cjs/ui/OpenchannelOGMessage.js +14 -14
- package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
- package/cjs/ui/OpenchannelUserMessage.js +14 -14
- package/cjs/ui/PlaceHolder.js +6 -6
- package/cjs/ui/QuoteMessage.js +7 -7
- package/cjs/ui/QuoteMessageInput.js +7 -7
- package/cjs/ui/ReactionBadge.js +3 -3
- package/cjs/ui/ReactionButton.js +1 -1
- package/cjs/ui/SortByRow.js +1 -1
- package/cjs/ui/TextButton.js +2 -2
- package/cjs/ui/TextMessageItemBody.js +22 -9
- package/cjs/ui/TextMessageItemBody.js.map +1 -1
- package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
- package/cjs/ui/Tooltip.js +3 -3
- package/cjs/ui/TooltipWrapper.js +1 -1
- package/cjs/ui/UnknownMessageItemBody.js +7 -7
- package/cjs/ui/UserListItem.js +11 -11
- package/cjs/ui/UserProfile.js +13 -13
- package/cjs/ui/UserProfile.js.map +1 -1
- package/cjs/useSendbirdStateContext.js +1 -1
- package/cjs/{utils-f734965d.js → utils-03155980.js} +1 -1
- package/cjs/{utils-f734965d.js.map → utils-03155980.js.map} +1 -1
- package/cjs/{utils-b88eb3e0.js → utils-0d5ecf05.js} +1 -1
- package/cjs/{utils-b88eb3e0.js.map → utils-0d5ecf05.js.map} +1 -1
- package/cjs/{utils-63225dc9.js → utils-139469a5.js} +1 -1
- package/cjs/{utils-63225dc9.js.map → utils-139469a5.js.map} +1 -1
- package/cjs/{uuid-086f0c34.js → uuid-03009a31.js} +1 -1
- package/cjs/{uuid-086f0c34.js.map → uuid-03009a31.js.map} +1 -1
- package/cjs/withSendBird.js +1 -1
- package/{color-a3d3742c.js → color-6b259e40.js} +1 -1
- package/{color-a3d3742c.js.map → color-6b259e40.js.map} +1 -1
- package/{compareIds-2bfd667a.js → compareIds-982972e8.js} +1 -1
- package/{compareIds-2bfd667a.js.map → compareIds-982972e8.js.map} +1 -1
- package/{const-9f83647a.js → const-da3968a5.js} +1 -1
- package/{const-9f83647a.js.map → const-da3968a5.js.map} +1 -1
- package/{const-a8df15de.js → const-e3d1e0ec.js} +1 -1
- package/{const-a8df15de.js.map → const-e3d1e0ec.js.map} +1 -1
- package/{context-ae164d45.js → context-3d5505d0.js} +2 -2
- package/{context-ae164d45.js.map → context-3d5505d0.js.map} +1 -1
- package/dist/index.css +74 -56
- package/dist/index.css.map +1 -1
- package/{index-89f5a4ba.js → index-065ef420.js} +6 -6
- package/{index-89f5a4ba.js.map → index-065ef420.js.map} +1 -1
- package/{index-e1b93b3a.js → index-17cf7808.js} +3 -3
- package/{index-e1b93b3a.js.map → index-17cf7808.js.map} +1 -1
- package/{index-df459121.js → index-691dc8da.js} +4 -4
- package/{index-df459121.js.map → index-691dc8da.js.map} +1 -1
- package/{index-13eb0f5e.js → index-81a93b05.js} +10 -9
- package/index-81a93b05.js.map +1 -0
- package/{index-03baba6a.js → index-902c2068.js} +6 -3
- package/index-902c2068.js.map +1 -0
- package/{index-2c56786f.js → index-92160328.js} +2 -2
- package/{index-2c56786f.js.map → index-92160328.js.map} +1 -1
- package/{index-e7c0bc26.js → index-94489c17.js} +1 -1
- package/{index-e7c0bc26.js.map → index-94489c17.js.map} +1 -1
- package/{index-29563598.js → index-95677caf.js} +2 -2
- package/{index-29563598.js.map → index-95677caf.js.map} +1 -1
- package/{index-f78ebc31.js → index-9deb1389.js} +3 -3
- package/{index-f78ebc31.js.map → index-9deb1389.js.map} +1 -1
- package/{index-d7840fad.js → index-a755675d.js} +4 -4
- package/{index-d7840fad.js.map → index-a755675d.js.map} +1 -1
- package/{index-80e330a9.js → index-db6a4860.js} +1 -1
- package/{index-80e330a9.js.map → index-db6a4860.js.map} +1 -1
- package/index.d.ts +14 -3
- package/index.js +34 -33
- package/index.js.map +1 -1
- package/{openChannelUtils-ae1d6038.js → openChannelUtils-2cd370a7.js} +1 -1
- package/{openChannelUtils-ae1d6038.js.map → openChannelUtils-2cd370a7.js.map} +1 -1
- package/package.json +1 -1
- package/sendBirdSelectors.js +1 -1
- package/{stringSet-6c9c68ae.js → stringSet-5a85ff4b.js} +1 -1
- package/{stringSet-6c9c68ae.js.map → stringSet-5a85ff4b.js.map} +1 -1
- package/{topics-d347c996.js → topics-24a660ee.js} +1 -1
- package/{topics-d347c996.js.map → topics-24a660ee.js.map} +1 -1
- package/{tslib.es6-61821688.js → tslib.es6-2c4d01e9.js} +1 -1
- package/{tslib.es6-61821688.js.map → tslib.es6-2c4d01e9.js.map} +1 -1
- package/ui/Accordion.js +4 -4
- package/ui/AccordionGroup.js +2 -2
- package/ui/AdminMessage.js +3 -3
- package/ui/Avatar.js +3 -3
- package/ui/Badge.js +5 -5
- package/ui/Button.js +4 -4
- package/ui/ChannelAvatar.js +4 -4
- package/ui/ChannelPreview.js +12 -12
- package/ui/ChatHeader.js +8 -8
- package/ui/Checkbox.js +1 -1
- package/ui/ConnectionStatus.js +5 -5
- package/ui/ContextMenu.js +5 -5
- package/ui/DateSeparator.js +4 -4
- package/ui/Dropdown.js +3 -3
- package/ui/EmojiReactions.js +7 -7
- package/ui/FileMessageItemBody.js +6 -6
- package/ui/FileViewer.js +7 -7
- package/ui/Icon.js +1 -1
- package/ui/IconButton.js +1 -1
- package/ui/ImageRenderer.js +1 -1
- package/ui/Input.js +3 -3
- package/ui/Label.js +3 -3
- package/ui/LinkLabel.js +3 -3
- package/ui/Loader.js +1 -1
- package/ui/MentionLabel.js +92 -0
- package/ui/MentionLabel.js.map +1 -0
- package/ui/MessageContent.js +15 -14
- package/ui/MessageContent.js.map +1 -1
- package/ui/MessageInput.js +18 -14
- package/ui/MessageInput.js.map +1 -1
- package/ui/MessageItemMenu.js +7 -7
- package/ui/MessageItemReactionMenu.js +5 -5
- package/ui/MessageSearchFileItem.js +10 -10
- package/ui/MessageSearchItem.js +10 -10
- package/ui/MessageStatus.js +8 -8
- package/ui/Modal.js +8 -8
- package/ui/MutedAvatarOverlay.js +1 -1
- package/ui/OGMessageItemBody.js +20 -9
- package/ui/OGMessageItemBody.js.map +1 -1
- package/ui/OpenChannelAdminMessage.js +4 -4
- package/ui/OpenChannelAvatar.js +7 -7
- package/ui/OpenchannelConversationHeader.js +7 -7
- package/ui/OpenchannelFileMessage.js +14 -14
- package/ui/OpenchannelOGMessage.js +14 -14
- package/ui/OpenchannelThumbnailMessage.js +13 -13
- package/ui/OpenchannelUserMessage.js +14 -14
- package/ui/PlaceHolder.js +6 -6
- package/ui/QuoteMessage.js +7 -7
- package/ui/QuoteMessageInput.js +7 -7
- package/ui/ReactionBadge.js +3 -3
- package/ui/ReactionButton.js +1 -1
- package/ui/SortByRow.js +1 -1
- package/ui/TextButton.js +2 -2
- package/ui/TextMessageItemBody.js +22 -9
- package/ui/TextMessageItemBody.js.map +1 -1
- package/ui/ThumbnailMessageItemBody.js +3 -3
- package/ui/Tooltip.js +3 -3
- package/ui/TooltipWrapper.js +1 -1
- package/ui/UnknownMessageItemBody.js +7 -7
- package/ui/UserListItem.js +11 -11
- package/ui/UserProfile.js +13 -13
- package/ui/UserProfile.js.map +1 -1
- package/useSendbirdStateContext.js +1 -1
- package/{utils-aed86fb8.js → utils-57c79308.js} +1 -1
- package/{utils-aed86fb8.js.map → utils-57c79308.js.map} +1 -1
- package/{utils-4e85584a.js → utils-85d3d94c.js} +1 -1
- package/{utils-4e85584a.js.map → utils-85d3d94c.js.map} +1 -1
- package/{utils-5e25aca3.js → utils-b3b6f503.js} +1 -1
- package/{utils-5e25aca3.js.map → utils-b3b6f503.js.map} +1 -1
- package/{uuid-6e6389e2.js → uuid-0ab81e67.js} +1 -1
- package/{uuid-6e6389e2.js.map → uuid-0ab81e67.js.map} +1 -1
- package/withSendBird.js +1 -1
- package/CHANGELOG.md +0 -65
- package/ChannelProvider-923b58df.js.map +0 -1
- package/README.md +0 -129
- package/cjs/ChannelProvider-3ef2a755.js.map +0 -1
- package/cjs/index-94e8cf13.js.map +0 -1
- package/cjs/index-a40d57a5.js.map +0 -1
- package/cjs/index.css +0 -4463
- package/cjs/index.css.map +0 -1
- package/index-03baba6a.js.map +0 -1
- package/index-13eb0f5e.js.map +0 -1
- package/index.css.map +0 -1
|
@@ -1,15 +1,28 @@
|
|
|
1
1
|
import React__default, { useContext, useMemo } from 'react';
|
|
2
|
-
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-
|
|
3
|
-
import {
|
|
4
|
-
import { a as LocalizationContext } from '../LocalizationContext-
|
|
5
|
-
import { u as uuidv4 } from '../uuid-
|
|
6
|
-
import { W as Word } from '../index-
|
|
7
|
-
import '../_rollupPluginBabelHelpers-
|
|
2
|
+
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
|
|
3
|
+
import { j as getClassName, K as isEditedMessage } from '../index-902c2068.js';
|
|
4
|
+
import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
|
|
5
|
+
import { u as uuidv4 } from '../uuid-0ab81e67.js';
|
|
6
|
+
import { W as Word } from '../index-81a93b05.js';
|
|
7
|
+
import '../_rollupPluginBabelHelpers-d10f91b9.js';
|
|
8
8
|
import 'prop-types';
|
|
9
|
-
import '../stringSet-
|
|
10
|
-
import '../tslib.es6-
|
|
11
|
-
import '../index-
|
|
9
|
+
import '../stringSet-5a85ff4b.js';
|
|
10
|
+
import '../tslib.es6-2c4d01e9.js';
|
|
11
|
+
import '../index-94489c17.js';
|
|
12
12
|
import './LinkLabel.js';
|
|
13
|
+
import './MentionLabel.js';
|
|
14
|
+
import './ContextMenu.js';
|
|
15
|
+
import 'react-dom';
|
|
16
|
+
import './SortByRow.js';
|
|
17
|
+
import './UserProfile.js';
|
|
18
|
+
import '../withSendBird.js';
|
|
19
|
+
import '../sendBirdSelectors.js';
|
|
20
|
+
import '../topics-24a660ee.js';
|
|
21
|
+
import './Avatar.js';
|
|
22
|
+
import './ImageRenderer.js';
|
|
23
|
+
import './Icon.js';
|
|
24
|
+
import '../index-9deb1389.js';
|
|
25
|
+
import '../useSendbirdStateContext.js';
|
|
13
26
|
|
|
14
27
|
function TextMessageItemBody(_a) {
|
|
15
28
|
var _b, _c, _d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext, useMemo } from 'react';\nimport SendBird from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n className?: string | Array<string>;\n message: SendBird.UserMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isMentionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isMentionEnabled = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n const sentences: Array<Array<string>> = useMemo(() => {\n return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n }, [message?.mentionedMessageTemplate]);\n return (\n <Label\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n <p className={getClassName([\n className,\n 'sendbird-text-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n {\n isMessageMentioned\n ? (\n sentences.map((sentence, index) => {\n return [\n sentence.map((word) => {\n return (\n <Word\n key={uuidv4()}\n word={word}\n message={message}\n isByMe={isByMe}\n />\n );\n }),\n sentences?.[index + 1] ? <br /> : null,\n ]\n })\n )\n : message?.message\n }\n {\n isEditedMessage(message) && (\n <Label\n className=\"sendbird-text-message-item-body__message edited\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {` ${stringSet.MESSAGE_EDITED} `}\n </Label>\n )\n }\n </p>\n </Label>\n );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext, useMemo } from 'react';\nimport SendBird from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n className?: string | Array<string>;\n message: SendBird.UserMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isMentionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isMentionEnabled = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n const sentences: Array<Array<string>> = useMemo(() => {\n return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n }, [message?.mentionedMessageTemplate]);\n return (\n <Label\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n <p className={getClassName([\n className,\n 'sendbird-text-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n {\n isMessageMentioned\n ? (\n sentences.map((sentence, index) => {\n return [\n sentence.map((word) => {\n return (\n <Word\n key={uuidv4()}\n word={word}\n message={message}\n isByMe={isByMe}\n />\n );\n }),\n sentences?.[index + 1] ? <br /> : null,\n ]\n })\n )\n : message?.message\n }\n {\n isEditedMessage(message) && (\n <Label\n className=\"sendbird-text-message-item-body__message edited\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {` ${stringSet.MESSAGE_EDITED} `}\n </Label>\n )\n }\n </p>\n </Label>\n );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;AAEX,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,MAAMC,kBAAkB,GAAGJ,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,MAAME,SAAS,GAAyBC,OAAO,CAAC;;;AAC9C,WAAO,MAAAf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCK,MAAM,MAAMC,IAAI,UAACC,QAAD;AAAc,aAAAA,QAAQ,CAACF,KAAT,CAAe,IAAf,CAAA;AAAoB,MAA5F;AACD,GAF8C,EAE5C,CAAChB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAV,CAF4C,CAA/C;AAGA,sBACEQ,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEC,eAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAEnB,MAAM,GAAGoB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,kBAIEL;AAAG,IAAA,SAAS,EAAEM,YAAY,CAAC,CACzB1B,SADyB,EAEzB,iCAFyB,EAGzBG,MAAM,GAAG,UAAH,GAAgB,UAHG,EAIzBE,UAAU,GAAG,aAAH,GAAmB,EAJJ,EAKzB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE0B,SAAT,UAAA,iBAAA,SAAA,MAAoBd,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALtB,CAAD;AAA1B,KAQIF,kBAAkB,GAEdI,SAAS,CAACG,GAAV,CAAc,UAACC,QAAD,EAAWS,KAAX;AACZ,WAAO,CACLT,QAAQ,CAACD,GAAT,CAAa,UAACW,IAAD;AACX,0BACET,6BAAC,IAAD;AACE,QAAA,GAAG,EAAEU,MAAM,EADb;AAEE,QAAA,IAAI,EAAED,IAFR;AAGE,QAAA,OAAO,EAAE5B,OAHX;AAIE,QAAA,MAAM,EAAEE;AAJV,QADF;AAQD,KATD,CADK,EAWL,CAAAY,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAGa,KAAK,GAAG,CAAX,CAAT,iBAAyBR,wCAAzB,GAAkC,IAX7B,CAAP;AAaD,GAdD,CAFc,GAkBfnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OA1BhB,EA6BI8B,eAAe,CAAC9B,OAAD,CAAf,iBACEmB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEnB,MAAM,GAAGoB,WAAW,CAACS,WAAf,GAA6BT,WAAW,CAACU;AAHxD,KAKG,MAAIzB,SAAS,CAAC0B,cAAd,MALH,CA9BN,CAJF,CADF;AA+CD;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React__default, { useState } from 'react';
|
|
2
2
|
import Icon, { IconTypes, IconColors } from './Icon.js';
|
|
3
3
|
import ImageRenderer from './ImageRenderer.js';
|
|
4
|
-
import {
|
|
5
|
-
import '../_rollupPluginBabelHelpers-
|
|
4
|
+
import { j as getClassName, C as isSentMessage, r as isVideoMessage, q as isGifMessage } from '../index-902c2068.js';
|
|
5
|
+
import '../_rollupPluginBabelHelpers-d10f91b9.js';
|
|
6
6
|
import 'prop-types';
|
|
7
|
-
import '../tslib.es6-
|
|
7
|
+
import '../tslib.es6-2c4d01e9.js';
|
|
8
8
|
|
|
9
9
|
function ThumbnailMessageItemBody(_a) {
|
|
10
10
|
var _b, _c;
|
package/ui/Tooltip.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-
|
|
1
|
+
import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-d10f91b9.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-
|
|
5
|
-
import '../stringSet-
|
|
4
|
+
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
|
|
5
|
+
import '../stringSet-5a85ff4b.js';
|
|
6
6
|
|
|
7
7
|
function Tooltip(_ref) {
|
|
8
8
|
var className = _ref.className,
|
package/ui/TooltipWrapper.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-
|
|
1
|
+
import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-d10f91b9.js';
|
|
2
2
|
import React__default, { useState, useRef } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React__default, { useContext } from 'react';
|
|
2
|
-
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-
|
|
3
|
-
import {
|
|
4
|
-
import { a as LocalizationContext } from '../LocalizationContext-
|
|
5
|
-
import '../_rollupPluginBabelHelpers-
|
|
2
|
+
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
|
|
3
|
+
import { j as getClassName } from '../index-902c2068.js';
|
|
4
|
+
import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
|
|
5
|
+
import '../_rollupPluginBabelHelpers-d10f91b9.js';
|
|
6
6
|
import 'prop-types';
|
|
7
|
-
import '../stringSet-
|
|
8
|
-
import '../tslib.es6-
|
|
9
|
-
import '../index-
|
|
7
|
+
import '../stringSet-5a85ff4b.js';
|
|
8
|
+
import '../tslib.es6-2c4d01e9.js';
|
|
9
|
+
import '../index-94489c17.js';
|
|
10
10
|
|
|
11
11
|
function UnknownMessageItemBody(_a) {
|
|
12
12
|
var _b;
|
package/ui/UserListItem.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-
|
|
1
|
+
import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-d10f91b9.js';
|
|
2
2
|
import React__default, { useContext } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import { a as UserProfileContext } from '../UserProfileContext-
|
|
5
|
-
import { a as LocalizationContext } from '../LocalizationContext-
|
|
4
|
+
import { a as UserProfileContext } from '../UserProfileContext-b6d89d0d.js';
|
|
5
|
+
import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
|
|
6
6
|
import Avatar from './Avatar.js';
|
|
7
7
|
import MutedAvatarOverlay from './MutedAvatarOverlay.js';
|
|
8
8
|
import Checkbox from './Checkbox.js';
|
|
9
9
|
import ConnectedUserProfile from './UserProfile.js';
|
|
10
10
|
import ContextMenu, { MenuItems } from './ContextMenu.js';
|
|
11
|
-
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-
|
|
12
|
-
import '../stringSet-
|
|
13
|
-
import '../index-
|
|
14
|
-
import '../tslib.es6-
|
|
11
|
+
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
|
|
12
|
+
import '../stringSet-5a85ff4b.js';
|
|
13
|
+
import '../index-94489c17.js';
|
|
14
|
+
import '../tslib.es6-2c4d01e9.js';
|
|
15
15
|
import './ImageRenderer.js';
|
|
16
16
|
import './Icon.js';
|
|
17
|
-
import '../uuid-
|
|
17
|
+
import '../uuid-0ab81e67.js';
|
|
18
18
|
import '../withSendBird.js';
|
|
19
19
|
import '../sendBirdSelectors.js';
|
|
20
|
-
import '../topics-
|
|
21
|
-
import '../index-
|
|
22
|
-
import '../index-
|
|
20
|
+
import '../topics-24a660ee.js';
|
|
21
|
+
import '../index-9deb1389.js';
|
|
22
|
+
import '../index-902c2068.js';
|
|
23
23
|
import 'react-dom';
|
|
24
24
|
import './SortByRow.js';
|
|
25
25
|
|
package/ui/UserProfile.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import React__default, { useContext } from 'react';
|
|
2
|
-
import { a as LocalizationContext } from '../LocalizationContext-
|
|
2
|
+
import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
|
|
3
3
|
import withSendbirdContext from '../withSendBird.js';
|
|
4
4
|
import { getSdk, getCreateChannel } from '../sendBirdSelectors.js';
|
|
5
5
|
import Avatar from './Avatar.js';
|
|
6
|
-
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-
|
|
7
|
-
import { B as Button, a as ButtonTypes } from '../index-
|
|
8
|
-
import '../stringSet-
|
|
9
|
-
import '../index-
|
|
10
|
-
import '../_rollupPluginBabelHelpers-
|
|
11
|
-
import '../topics-
|
|
12
|
-
import '../tslib.es6-
|
|
6
|
+
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
|
|
7
|
+
import { B as Button, a as ButtonTypes } from '../index-9deb1389.js';
|
|
8
|
+
import '../stringSet-5a85ff4b.js';
|
|
9
|
+
import '../index-94489c17.js';
|
|
10
|
+
import '../_rollupPluginBabelHelpers-d10f91b9.js';
|
|
11
|
+
import '../topics-24a660ee.js';
|
|
12
|
+
import '../tslib.es6-2c4d01e9.js';
|
|
13
13
|
import './ImageRenderer.js';
|
|
14
14
|
import 'prop-types';
|
|
15
15
|
import './Icon.js';
|
|
16
|
-
import '../uuid-
|
|
16
|
+
import '../uuid-0ab81e67.js';
|
|
17
17
|
|
|
18
18
|
function UserProfile(_a) {
|
|
19
19
|
var user = _a.user,
|
|
@@ -32,20 +32,20 @@ function UserProfile(_a) {
|
|
|
32
32
|
}, /*#__PURE__*/React__default.createElement(Avatar, {
|
|
33
33
|
height: "80px",
|
|
34
34
|
width: "80px",
|
|
35
|
-
src: user.profileUrl
|
|
35
|
+
src: user === null || user === void 0 ? void 0 : user.profileUrl
|
|
36
36
|
})), /*#__PURE__*/React__default.createElement("section", {
|
|
37
37
|
className: "sendbird__user-profile-name"
|
|
38
38
|
}, /*#__PURE__*/React__default.createElement(Label, {
|
|
39
39
|
type: LabelTypography.H_2,
|
|
40
40
|
color: LabelColors.ONBACKGROUND_1
|
|
41
|
-
}, user.nickname || stringSet.NO_NAME)), user.userId !== currentUserId && !disableMessaging && /*#__PURE__*/React__default.createElement("section", {
|
|
41
|
+
}, (user === null || user === void 0 ? void 0 : user.nickname) || stringSet.NO_NAME)), (user === null || user === void 0 ? void 0 : user.userId) !== currentUserId && !disableMessaging && /*#__PURE__*/React__default.createElement("section", {
|
|
42
42
|
className: "sendbird__user-profile-message"
|
|
43
43
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
44
44
|
type: ButtonTypes.SECONDARY,
|
|
45
45
|
onClick: function onClick() {
|
|
46
46
|
var params = new sdk.GroupChannelParams();
|
|
47
47
|
params.isDistinct = true;
|
|
48
|
-
params.addUserIds([user.userId]);
|
|
48
|
+
params.addUserIds([user === null || user === void 0 ? void 0 : user.userId]);
|
|
49
49
|
onSuccess();
|
|
50
50
|
createChannel(params).then(function (groupChannel) {
|
|
51
51
|
logger.info('UserProfile, channel create', groupChannel);
|
|
@@ -63,7 +63,7 @@ function UserProfile(_a) {
|
|
|
63
63
|
className: "sendbird__user-profile-userId--value",
|
|
64
64
|
type: LabelTypography.BODY_1,
|
|
65
65
|
color: LabelColors.ONBACKGROUND_1
|
|
66
|
-
}, user.userId)));
|
|
66
|
+
}, user === null || user === void 0 ? void 0 : user.userId)));
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
var mapStoreToProps = function mapStoreToProps(store) {
|
package/ui/UserProfile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserProfile.js","sources":["../../src/ui/UserProfile/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport type SendBird from 'sendbird';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport withSendbirdContext from '../../lib/SendbirdSdkContext';\nimport { getSdk, getCreateChannel } from '../../lib/selectors';\nimport Avatar from '../Avatar/index';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Button, { ButtonTypes } from '../Button';\n\ninterface Logger {\n info?(message: string, channel: SendBird.GroupChannel): void;\n}\n\ninterface Props {\n user: SendBird.User;\n currentUserId?: string;\n sdk?: SendBird.SendBirdInstance;\n logger?: Logger;\n disableMessaging?: boolean;\n createChannel?(params: SendBird.GroupChannelParams): Promise<SendBird.GroupChannel>;\n onSuccess?(): void;\n}\n\nfunction UserProfile({\n user,\n currentUserId,\n sdk,\n logger,\n disableMessaging = false,\n createChannel,\n onSuccess,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird__user-profile\">\n <section className=\"sendbird__user-profile-avatar\">\n <Avatar\n height=\"80px\"\n width=\"80px\"\n src={user
|
|
1
|
+
{"version":3,"file":"UserProfile.js","sources":["../../src/ui/UserProfile/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport type SendBird from 'sendbird';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport withSendbirdContext from '../../lib/SendbirdSdkContext';\nimport { getSdk, getCreateChannel } from '../../lib/selectors';\nimport Avatar from '../Avatar/index';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Button, { ButtonTypes } from '../Button';\n\ninterface Logger {\n info?(message: string, channel: SendBird.GroupChannel): void;\n}\n\ninterface Props {\n user: SendBird.User;\n currentUserId?: string;\n sdk?: SendBird.SendBirdInstance;\n logger?: Logger;\n disableMessaging?: boolean;\n createChannel?(params: SendBird.GroupChannelParams): Promise<SendBird.GroupChannel>;\n onSuccess?(): void;\n}\n\nfunction UserProfile({\n user,\n currentUserId,\n sdk,\n logger,\n disableMessaging = false,\n createChannel,\n onSuccess,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className=\"sendbird__user-profile\">\n <section className=\"sendbird__user-profile-avatar\">\n <Avatar\n height=\"80px\"\n width=\"80px\"\n src={user?.profileUrl}\n />\n </section>\n <section className=\"sendbird__user-profile-name\">\n <Label\n type={LabelTypography.H_2}\n color={LabelColors.ONBACKGROUND_1}\n >\n {user?.nickname || stringSet.NO_NAME}\n </Label>\n </section>\n {\n (user?.userId !== currentUserId) && !disableMessaging && (\n <section className=\"sendbird__user-profile-message\">\n <Button\n type={ButtonTypes.SECONDARY}\n onClick={() => {\n const params = new sdk.GroupChannelParams();\n params.isDistinct = true;\n params.addUserIds([user?.userId]);\n onSuccess();\n createChannel(params)\n .then((groupChannel) => {\n logger.info('UserProfile, channel create', groupChannel);\n });\n }}\n >\n {stringSet.USER_PROFILE__MESSAGE}\n </Button>\n </section>\n )\n }\n <div className=\"sendbird__user-profile-separator\" />\n <section className=\"sendbird__user-profile-userId\">\n <Label\n className=\"sendbird__user-profile-userId--label\"\n type={LabelTypography.CAPTION_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.USER_PROFILE__USER_ID}\n </Label>\n <Label\n className=\"sendbird__user-profile-userId--value\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {user?.userId}\n </Label>\n </section>\n </div>\n );\n}\n\nconst mapStoreToProps = (store) => ({\n sdk: getSdk(store),\n createChannel: getCreateChannel(store),\n logger: store.config.logger,\n pubsub: store.config.pubSub,\n});\n\nconst ConnectedUserProfile = withSendbirdContext(UserProfile, mapStoreToProps);\n\nexport default ConnectedUserProfile;\n"],"names":["UserProfile","_a","user","currentUserId","sdk","logger","_b","disableMessaging","createChannel","onSuccess","stringSet","useContext","LocalizationContext","React","profileUrl","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","userId","ButtonTypes","SECONDARY","params","GroupChannelParams","isDistinct","addUserIds","then","groupChannel","info","USER_PROFILE__MESSAGE","CAPTION_2","ONBACKGROUND_2","USER_PROFILE__USER_ID","BODY_1","mapStoreToProps","store","getSdk","getCreateChannel","config","pubsub","pubSub","ConnectedUserProfile","withSendbirdContext"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,SAASA,WAAT,CAAqBC,EAArB;MACEC,IAAI;MACJC,aAAa;MACbC,GAAG;MACHC,MAAM;MACNC;MAAAC,gBAAgB,mBAAG;MACnBC,aAAa;MACbC,SAAS;AAED,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,MAAD;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,GAAG,EAAEX,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEY;AAHb,IADF,CADF,eAQED;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEE,eAAe,CAACC,GADxB;AAEE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAFrB,KAIG,CAAAhB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEiB,QAAN,KAAkBT,SAAS,CAACU,OAJ/B,CADF,CARF,EAiBK,CAAAlB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEmB,MAAN,MAAiBlB,aAAlB,IAAoC,CAACI,gBAArC,iBACEM;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,MAAD;AACE,IAAA,IAAI,EAAES,WAAW,CAACC,SADpB;AAEE,IAAA,OAAO,EAAE;AACP,UAAMC,MAAM,GAAG,IAAIpB,GAAG,CAACqB,kBAAR,EAAf;AACAD,MAAAA,MAAM,CAACE,UAAP,GAAoB,IAApB;AACAF,MAAAA,MAAM,CAACG,UAAP,CAAkB,CAACzB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEmB,MAAP,CAAlB;AACAZ,MAAAA,SAAS;AACTD,MAAAA,aAAa,CAACgB,MAAD,CAAb,CACGI,IADH,CACQ,UAACC,YAAD;AACJxB,QAAAA,MAAM,CAACyB,IAAP,CAAY,6BAAZ,EAA2CD,YAA3C;AACD,OAHH;AAID;AAXH,KAaGnB,SAAS,CAACqB,qBAbb,CADF,CAlBN,eAqCElB;AAAK,IAAA,SAAS,EAAC;AAAf,IArCF,eAsCEA;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,sCADZ;AAEE,IAAA,IAAI,EAAEE,eAAe,CAACiB,SAFxB;AAGE,IAAA,KAAK,EAAEf,WAAW,CAACgB;AAHrB,KAKGvB,SAAS,CAACwB,qBALb,CADF,eAQErB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,sCADZ;AAEE,IAAA,IAAI,EAAEE,eAAe,CAACoB,MAFxB;AAGE,IAAA,KAAK,EAAElB,WAAW,CAACC;AAHrB,KAKGhB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEmB,MALT,CARF,CAtCF,CADF;AAyDD;;AAED,IAAMe,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAW,SAAC;AAClCjC,IAAAA,GAAG,EAAEkC,MAAM,CAACD,KAAD,CADuB;AAElC7B,IAAAA,aAAa,EAAE+B,gBAAgB,CAACF,KAAD,CAFG;AAGlChC,IAAAA,MAAM,EAAEgC,KAAK,CAACG,MAAN,CAAanC,MAHa;AAIlCoC,IAAAA,MAAM,EAAEJ,KAAK,CAACG,MAAN,CAAaE;AAJa,GAAD;AAKjC,CALF;;IAOMC,oBAAoB,GAAGC,mBAAmB,CAAC5C,WAAD,EAAcoC,eAAd;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils-
|
|
1
|
+
{"version":3,"file":"utils-57c79308.js","sources":["../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n // @ts-ignore: Unreachable code error\n if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n // @ts-ignore: Unreachable code error\n return window.clipboardData.setData('Text', text);\n }\n if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n const textarea = document.createElement('textarea');\n textarea.textContent = text;\n textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n } catch (ex) {\n return false;\n } finally {\n document.body.removeChild(textarea);\n }\n }\n return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils-
|
|
1
|
+
{"version":3,"file":"utils-85d3d94c.js","sources":["../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n message.sender && (\n message.sender.friendName\n || message.sender.nickname\n || message.sender.userId\n )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n getSenderName,\n getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":"IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils-
|
|
1
|
+
{"version":3,"file":"utils-b3b6f503.js","sources":["../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["export const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: SendBird.OpenChannel): string => {\n if (channel && channel.coverUrl) {\n return channel.coverUrl;\n }\n};\n\nexport const getChannelAvatarSource = (channel: SendBird.GroupChannel, currentUserId: string): string | Array<string> => {\n if (channel && channel.coverUrl) {\n if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n return channel.coverUrl;\n }\n }\n\n return channel && channel.members\n ? channel.members\n .filter((member) => member.userId !== currentUserId)\n .map(({ profileUrl }) => profileUrl)\n : [];\n};\n\n\nexport const generateDefaultAvatar = (channel: SendBird.GroupChannel): boolean => {\n if (channel && channel.coverUrl) {\n if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n return true;\n }\n return false;\n }\n return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG,iDAA3B;IAEMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAClC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,WAAOD,OAAO,CAACC,QAAf;AACD;AACF;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,OAAD,EAAiCG,aAAjC;AACpC,MAAIH,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,CAAE,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;AAClE,aAAOD,OAAO,CAACC,QAAf;AACD;AACF;;AAED,SAAOD,OAAO,IAAIA,OAAO,CAACM,OAAnB,GACHN,OAAO,CAACM,OAAR,CACCC,MADD,CACQ,UAACC,MAAD;AAAY,WAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB;AAA+B,GADnD,EAECO,GAFD,CAEK,UAACC,EAAD;QAAGC,UAAU;AAAO,WAAAA,UAAA;AAAU,GAFnC,CADG,GAIH,EAJJ;AAKD;IAGYC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACb,OAAD;AACnC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uuid-
|
|
1
|
+
{"version":3,"file":"uuid-0ab81e67.js","sources":["../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.random() * 16 | 0;\n const v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":"AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}
|
package/withSendBird.js
CHANGED
package/CHANGELOG.md
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
# Changelog - v3
|
|
2
|
-
|
|
3
|
-
## [3.0.0-beta.4] (May 24 2022)
|
|
4
|
-
Fixes:
|
|
5
|
-
* Export useChannelList
|
|
6
|
-
* Active disableAutoSelect props
|
|
7
|
-
* Remove empty CSS file to fix source map warning
|
|
8
|
-
|
|
9
|
-
DOC:
|
|
10
|
-
* Add info about webpack 5 breaking changes
|
|
11
|
-
## [3.0.0-beta.3] (May 19 2022)
|
|
12
|
-
Fixes:
|
|
13
|
-
* Rate limit markAsDelivered call
|
|
14
|
-
* Do not render date separator when renderCustomSeparator is null
|
|
15
|
-
Misc:
|
|
16
|
-
* Update Chat SDK minimum version to `3.1.13`
|
|
17
|
-
|
|
18
|
-
## [3.0.0-beta.2] (April 29 2022)
|
|
19
|
-
|
|
20
|
-
Feature:
|
|
21
|
-
* Mention
|
|
22
|
-
* Add isMentionEnabled props to the <App /> and <SendbirdProvider />
|
|
23
|
-
* Add userMention into the config props of the <App /> andd <SendbirdProvider />
|
|
24
|
-
* <SendbirdProvider config={{ userMention: { maxMentionCount: 10, maxSuggestionCount: 15 } }} />
|
|
25
|
-
* maxMentionCount: A maximum count that you can mention in the message input
|
|
26
|
-
* maxSuggestionCount: A maximum user count that the SuggestedMentionList suggests for user mention
|
|
27
|
-
* Create SuggestedMentionList component under the Channel smart component
|
|
28
|
-
* Create SuggestedUserMentionItem component
|
|
29
|
-
* Create MentionUserLabel ui component
|
|
30
|
-
* Add string set
|
|
31
|
-
* MENTION_NAME__NO_NAME: '(No name)'
|
|
32
|
-
* MENTION_COUNT__OVER_LIMIT: 'You can mention up to %d times per message.'
|
|
33
|
-
Fix:
|
|
34
|
-
* Type definition file fix for TS project
|
|
35
|
-
For typescript projects, add `node_modules/@sendbird/uikit-react/index.d.ts`
|
|
36
|
-
to your `include` section in tsconfig file to get type definitions
|
|
37
|
-
|
|
38
|
-
* Move font import to top of CSS file
|
|
39
|
-
Some bundlers such as parcel throw error:
|
|
40
|
-
`@import rules must precede all rules aside from @charset and @layer statements`
|
|
41
|
-
Resolve this issue by moving the line to the top
|
|
42
|
-
|
|
43
|
-
## [3.0.0-beta] (Apr 12 2022)
|
|
44
|
-
|
|
45
|
-
This is the official beta for Sendbird UIKit for React version 3!
|
|
46
|
-
|
|
47
|
-
TLDR -> We split the old `smart-components` into modules which contian context and UI. Context contain logic and UI Components handle UI
|
|
48
|
-
|
|
49
|
-
**[Check out the v2 to v3 migration guide for details](MIGRATION_v2-to-v3.md)**
|
|
50
|
-
|
|
51
|
-
Changelog:
|
|
52
|
-
* Package should be installed using `@sendbird/uikit-react`
|
|
53
|
-
* Restructure smart-components into modules that contain a context and related UI components
|
|
54
|
-
* Export these context and UI components to allow fine-grain customization
|
|
55
|
-
* Recommend to use these context elements `useXXXXX()` and react function components to make custom components
|
|
56
|
-
* All generic UI components are available as exports
|
|
57
|
-
* Restrcuture export paths to allow better tree-shaking
|
|
58
|
-
* Example:
|
|
59
|
-
```
|
|
60
|
-
import { useChannel } from '@sendbird/uikit-react/Channel/context';
|
|
61
|
-
import ChannelUI from '@sendbird/uikit-react/Channel/components/ChannelUI';
|
|
62
|
-
```
|
|
63
|
-
* We keep older export patterns to make migration easier
|
|
64
|
-
* Retained modules - ChannelList, Channel, ChannelSettings, OpenChannel, OpenChannelSettings, MessageSearch
|
|
65
|
-
* New modules(not including context and ui of above) - CreateChannel, EditUserProfile, ui
|