@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.js +272 -345
- package/App.js.map +1 -1
- package/CHANGELOG.md +134 -0
- package/Channel/components/ChannelHeader.js +45 -50
- package/Channel/components/ChannelHeader.js.map +1 -1
- package/Channel/components/ChannelUI.js +76 -77
- package/Channel/components/ChannelUI.js.map +1 -1
- package/Channel/components/FileViewer.js +53 -58
- package/Channel/components/FileViewer.js.map +1 -1
- package/Channel/components/FrozenNotification.js +9 -12
- package/Channel/components/FrozenNotification.js.map +1 -1
- package/Channel/components/Message.js +198 -176
- package/Channel/components/Message.js.map +1 -1
- package/Channel/components/MessageInput.js +137 -130
- package/Channel/components/MessageInput.js.map +1 -1
- package/Channel/components/MessageList.js +171 -161
- package/Channel/components/MessageList.js.map +1 -1
- package/Channel/components/RemoveMessageModal.js +40 -41
- package/Channel/components/RemoveMessageModal.js.map +1 -1
- package/Channel/components/SuggestedMentionList.js +156 -136
- package/Channel/components/SuggestedMentionList.js.map +1 -1
- package/Channel/components/TypingIndicator.js +47 -48
- package/Channel/components/TypingIndicator.js.map +1 -1
- package/Channel/components/UnreadCount.js +17 -18
- package/Channel/components/UnreadCount.js.map +1 -1
- package/Channel/context.js +17 -17
- package/Channel/utils/compareMessagesForGrouping.js +11 -11
- package/Channel/utils/compareMessagesForGrouping.js.map +1 -1
- package/Channel/utils/getMessagePartsInfo.js +32 -26
- package/Channel/utils/getMessagePartsInfo.js.map +1 -1
- package/Channel.js +54 -51
- package/Channel.js.map +1 -1
- package/ChannelList/components/AddChannel.js +32 -30
- package/ChannelList/components/AddChannel.js.map +1 -1
- package/ChannelList/components/ChannelListHeader.js +22 -31
- package/ChannelList/components/ChannelListHeader.js.map +1 -1
- package/ChannelList/components/ChannelListUI.js +93 -88
- package/ChannelList/components/ChannelListUI.js.map +1 -1
- package/ChannelList/components/ChannelPreview.js +79 -75
- package/ChannelList/components/ChannelPreview.js.map +1 -1
- package/ChannelList/components/ChannelPreviewAction.js +85 -91
- package/ChannelList/components/ChannelPreviewAction.js.map +1 -1
- package/ChannelList/context.js +9 -10
- package/ChannelList/context.js.map +1 -1
- package/ChannelList.js +38 -35
- package/ChannelList.js.map +1 -1
- package/ChannelListProvider-f520f5b3.js +1051 -0
- package/ChannelListProvider-f520f5b3.js.map +1 -0
- package/ChannelProvider-7f6fd1f8.js +2080 -0
- package/ChannelProvider-7f6fd1f8.js.map +1 -0
- package/ChannelSettings/components/ChannelProfile.js +42 -37
- package/ChannelSettings/components/ChannelProfile.js.map +1 -1
- package/ChannelSettings/components/ChannelSettingsUI.js +44 -47
- package/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
- package/ChannelSettings/components/EditDetailsModal.js +54 -52
- package/ChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/ChannelSettings/components/LeaveChannel.js +39 -41
- package/ChannelSettings/components/LeaveChannel.js.map +1 -1
- package/ChannelSettings/components/ModerationPanel.js +552 -509
- package/ChannelSettings/components/ModerationPanel.js.map +1 -1
- package/ChannelSettings/components/UserListItem.js +66 -66
- package/ChannelSettings/components/UserListItem.js.map +1 -1
- package/ChannelSettings/components/UserPanel.js +29 -26
- package/ChannelSettings/components/UserPanel.js.map +1 -1
- package/ChannelSettings/context.js +52 -57
- package/ChannelSettings/context.js.map +1 -1
- package/ChannelSettings.js +20 -19
- package/ChannelSettings.js.map +1 -1
- package/CreateChannel/components/CreateChannelUI.js +23 -25
- package/CreateChannel/components/CreateChannelUI.js.map +1 -1
- package/CreateChannel/components/InviteUsers.js +106 -102
- package/CreateChannel/components/InviteUsers.js.map +1 -1
- package/CreateChannel/components/SelectChannelType.js +38 -43
- package/CreateChannel/components/SelectChannelType.js.map +1 -1
- package/CreateChannel/context.js +4 -4
- package/CreateChannel.js +22 -23
- package/CreateChannel.js.map +1 -1
- package/CreateChannelProvider-c25dd81b.js +48 -0
- package/{CreateChannelProvider-a2fad282.js.map → CreateChannelProvider-c25dd81b.js.map} +1 -1
- package/CreateOpenChannel/components/CreateOpenChannelUI.js +38 -36
- package/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
- package/CreateOpenChannel/context.js +29 -34
- package/CreateOpenChannel/context.js.map +1 -1
- package/CreateOpenChannel.js +20 -21
- package/CreateOpenChannel.js.map +1 -1
- package/EditUserProfile/components/EditUserProfileUI.js +152 -21
- package/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
- package/EditUserProfile/context.js +13 -13
- package/EditUserProfile/context.js.map +1 -1
- package/EditUserProfile.js +19 -19
- package/EditUserProfile.js.map +1 -1
- package/LocalizationContext-d18a86d8.js +20 -0
- package/{LocalizationContext-2463058b.js.map → LocalizationContext-d18a86d8.js.map} +1 -1
- package/MediaQueryContext-3eeeec4f.js +85 -0
- package/MediaQueryContext-3eeeec4f.js.map +1 -0
- package/MemberList-469dae9b.js +422 -0
- package/{MemberList-593867cb.js.map → MemberList-469dae9b.js.map} +1 -1
- package/Message/context.js +11 -12
- package/Message/context.js.map +1 -1
- package/Message/hooks/useDirtyGetMentions.js +21 -26
- package/Message/hooks/useDirtyGetMentions.js.map +1 -1
- package/MessageSearch/components/MessageSearchUI.js +56 -61
- package/MessageSearch/components/MessageSearchUI.js.map +1 -1
- package/MessageSearch/context.js +166 -177
- package/MessageSearch/context.js.map +1 -1
- package/MessageSearch.js +49 -47
- package/MessageSearch.js.map +1 -1
- package/OpenChannel/components/FrozenChannelNotification.js +6 -8
- package/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
- package/OpenChannel/components/OpenChannelHeader.js +22 -27
- package/OpenChannel/components/OpenChannelHeader.js.map +1 -1
- package/OpenChannel/components/OpenChannelInput.js +32 -35
- package/OpenChannel/components/OpenChannelInput.js.map +1 -1
- package/OpenChannel/components/OpenChannelMessage.js +170 -171
- package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/OpenChannel/components/OpenChannelMessageList.js +70 -64
- package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/OpenChannel/components/OpenChannelUI.js +53 -54
- package/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/OpenChannel/context.js +8 -9
- package/OpenChannel/context.js.map +1 -1
- package/OpenChannel.js +37 -35
- package/OpenChannel.js.map +1 -1
- package/OpenChannelList/components/OpenChannelListUI.js +63 -61
- package/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
- package/OpenChannelList/components/OpenChannelPreview.js +22 -21
- package/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
- package/OpenChannelList/context.js +3 -3
- package/OpenChannelList.js +27 -27
- package/OpenChannelList.js.map +1 -1
- package/{OpenChannelListProvider-a0a09f0b.js → OpenChannelListProvider-24e735a1.js} +156 -178
- package/{OpenChannelListProvider-a0a09f0b.js.map → OpenChannelListProvider-24e735a1.js.map} +1 -1
- package/OpenChannelProvider-e9cb0f98.js +1850 -0
- package/{OpenChannelProvider-3e4b8c8e.js.map → OpenChannelProvider-e9cb0f98.js.map} +1 -1
- package/OpenChannelSettings/components/EditDetailsModal.js +52 -51
- package/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/OpenChannelSettings/components/OpenChannelProfile.js +30 -29
- package/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js +39 -47
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
- package/OpenChannelSettings/components/OperatorUI.js +550 -518
- package/OpenChannelSettings/components/OperatorUI.js.map +1 -1
- package/OpenChannelSettings/components/ParticipantUI.js +16 -15
- package/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
- package/OpenChannelSettings/context.js +58 -57
- package/OpenChannelSettings/context.js.map +1 -1
- package/OpenChannelSettings.js +20 -19
- package/OpenChannelSettings.js.map +1 -1
- package/README.md +4 -4
- package/RemoveMessageModal-f0cd37a5.js +33 -0
- package/RemoveMessageModal-f0cd37a5.js.map +1 -0
- package/SendbirdProvider.js +726 -690
- package/SendbirdProvider.js.map +1 -1
- package/Thread/components/ParentMessageInfo.js +194 -181
- package/Thread/components/ParentMessageInfo.js.map +1 -1
- package/Thread/components/ParentMessageInfoItem.js +86 -79
- package/Thread/components/ParentMessageInfoItem.js.map +1 -1
- package/Thread/components/ThreadHeader.js +22 -22
- package/Thread/components/ThreadHeader.js.map +1 -1
- package/Thread/components/ThreadList.js +126 -94
- package/Thread/components/ThreadList.js.map +1 -1
- package/Thread/components/ThreadListItem.js +260 -241
- package/Thread/components/ThreadListItem.js.map +1 -1
- package/Thread/components/ThreadMessageInput.js +121 -120
- package/Thread/components/ThreadMessageInput.js.map +1 -1
- package/Thread/components/ThreadUI.js +128 -144
- package/Thread/components/ThreadUI.js.map +1 -1
- package/Thread/context/types.js +9 -9
- package/Thread/context/types.js.map +1 -1
- package/Thread/context.js +1678 -19
- package/Thread/context.js.map +1 -1
- package/Thread.js +76 -73
- package/Thread.js.map +1 -1
- package/UserProfileContext-26e71f9a.js +34 -0
- package/UserProfileContext-26e71f9a.js.map +1 -0
- package/VoicePlayer/context.js +3 -3
- package/VoicePlayer/useVoicePlayer.js +52 -46
- package/VoicePlayer/useVoicePlayer.js.map +1 -1
- package/VoiceRecorder/context.js +68 -64
- package/VoiceRecorder/context.js.map +1 -1
- package/VoiceRecorder/useVoiceRecorder.js +50 -52
- package/VoiceRecorder/useVoiceRecorder.js.map +1 -1
- package/{WebAudioUtils-f9386235.js → WebAudioUtils-dbb010a5.js} +38 -38
- package/{WebAudioUtils-f9386235.js.map → WebAudioUtils-dbb010a5.js.map} +1 -1
- package/{_rollupPluginBabelHelpers-50c9576f.js → _rollupPluginBabelHelpers-07dcbc2b.js} +17 -17
- package/_rollupPluginBabelHelpers-07dcbc2b.js.map +1 -0
- package/{actionTypes-501b8c11.js → actionTypes-3cd49b5c.js} +2 -2
- package/{actionTypes-501b8c11.js.map → actionTypes-3cd49b5c.js.map} +1 -1
- package/cjs/App.js +270 -344
- package/cjs/App.js.map +1 -1
- package/cjs/Channel/components/ChannelHeader.js +44 -49
- package/cjs/Channel/components/ChannelHeader.js.map +1 -1
- package/cjs/Channel/components/ChannelUI.js +79 -80
- package/cjs/Channel/components/ChannelUI.js.map +1 -1
- package/cjs/Channel/components/FileViewer.js +52 -57
- package/cjs/Channel/components/FileViewer.js.map +1 -1
- package/cjs/Channel/components/FrozenNotification.js +9 -12
- package/cjs/Channel/components/FrozenNotification.js.map +1 -1
- package/cjs/Channel/components/Message.js +197 -175
- package/cjs/Channel/components/Message.js.map +1 -1
- package/cjs/Channel/components/MessageInput.js +136 -129
- package/cjs/Channel/components/MessageInput.js.map +1 -1
- package/cjs/Channel/components/MessageList.js +173 -163
- package/cjs/Channel/components/MessageList.js.map +1 -1
- package/cjs/Channel/components/RemoveMessageModal.js +41 -42
- package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
- package/cjs/Channel/components/SuggestedMentionList.js +155 -135
- package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
- package/cjs/Channel/components/TypingIndicator.js +46 -47
- package/cjs/Channel/components/TypingIndicator.js.map +1 -1
- package/cjs/Channel/components/UnreadCount.js +17 -18
- package/cjs/Channel/components/UnreadCount.js.map +1 -1
- package/cjs/Channel/context.js +17 -17
- package/cjs/Channel/utils/compareMessagesForGrouping.js +11 -11
- package/cjs/Channel/utils/compareMessagesForGrouping.js.map +1 -1
- package/cjs/Channel/utils/getMessagePartsInfo.js +32 -26
- package/cjs/Channel/utils/getMessagePartsInfo.js.map +1 -1
- package/cjs/Channel.js +54 -51
- package/cjs/Channel.js.map +1 -1
- package/cjs/ChannelList/components/AddChannel.js +31 -29
- package/cjs/ChannelList/components/AddChannel.js.map +1 -1
- package/cjs/ChannelList/components/ChannelListHeader.js +21 -30
- package/cjs/ChannelList/components/ChannelListHeader.js.map +1 -1
- package/cjs/ChannelList/components/ChannelListUI.js +96 -91
- package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreview.js +78 -74
- package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreviewAction.js +84 -91
- package/cjs/ChannelList/components/ChannelPreviewAction.js.map +1 -1
- package/cjs/ChannelList/context.js +9 -10
- package/cjs/ChannelList/context.js.map +1 -1
- package/cjs/ChannelList.js +38 -35
- package/cjs/ChannelList.js.map +1 -1
- package/cjs/ChannelListProvider-a418de2e.js +1060 -0
- package/cjs/ChannelListProvider-a418de2e.js.map +1 -0
- package/cjs/ChannelProvider-7fa98120.js +2088 -0
- package/cjs/ChannelProvider-7fa98120.js.map +1 -0
- package/cjs/ChannelSettings/components/ChannelProfile.js +41 -36
- package/cjs/ChannelSettings/components/ChannelProfile.js.map +1 -1
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js +44 -47
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map +1 -1
- package/cjs/ChannelSettings/components/EditDetailsModal.js +54 -52
- package/cjs/ChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/cjs/ChannelSettings/components/LeaveChannel.js +38 -40
- package/cjs/ChannelSettings/components/LeaveChannel.js.map +1 -1
- package/cjs/ChannelSettings/components/ModerationPanel.js +559 -516
- package/cjs/ChannelSettings/components/ModerationPanel.js.map +1 -1
- package/cjs/ChannelSettings/components/UserListItem.js +66 -66
- package/cjs/ChannelSettings/components/UserListItem.js.map +1 -1
- package/cjs/ChannelSettings/components/UserPanel.js +29 -26
- package/cjs/ChannelSettings/components/UserPanel.js.map +1 -1
- package/cjs/ChannelSettings/context.js +51 -56
- package/cjs/ChannelSettings/context.js.map +1 -1
- package/cjs/ChannelSettings.js +20 -19
- package/cjs/ChannelSettings.js.map +1 -1
- package/cjs/CreateChannel/components/CreateChannelUI.js +23 -25
- package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
- package/cjs/CreateChannel/components/InviteUsers.js +106 -102
- package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
- package/cjs/CreateChannel/components/SelectChannelType.js +37 -42
- package/cjs/CreateChannel/components/SelectChannelType.js.map +1 -1
- package/cjs/CreateChannel/context.js +4 -4
- package/cjs/CreateChannel.js +22 -23
- package/cjs/CreateChannel.js.map +1 -1
- package/cjs/CreateChannelProvider-70c9cb7c.js +55 -0
- package/cjs/{CreateChannelProvider-8b8a557c.js.map → CreateChannelProvider-70c9cb7c.js.map} +1 -1
- package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +39 -37
- package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map +1 -1
- package/cjs/CreateOpenChannel/context.js +28 -33
- package/cjs/CreateOpenChannel/context.js.map +1 -1
- package/cjs/CreateOpenChannel.js +20 -21
- package/cjs/CreateOpenChannel.js.map +1 -1
- package/cjs/EditUserProfile/components/EditUserProfileUI.js +153 -22
- package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
- package/cjs/EditUserProfile/context.js +13 -13
- package/cjs/EditUserProfile/context.js.map +1 -1
- package/cjs/EditUserProfile.js +21 -21
- package/cjs/EditUserProfile.js.map +1 -1
- package/cjs/{LocalizationContext-482c1343.js → LocalizationContext-5009012e.js} +9 -9
- package/cjs/{LocalizationContext-482c1343.js.map → LocalizationContext-5009012e.js.map} +1 -1
- package/cjs/MediaQueryContext-d6fdbe43.js +92 -0
- package/cjs/MediaQueryContext-d6fdbe43.js.map +1 -0
- package/cjs/MemberList-529a0086.js +428 -0
- package/cjs/{MemberList-26b8de48.js.map → MemberList-529a0086.js.map} +1 -1
- package/cjs/Message/context.js +11 -12
- package/cjs/Message/context.js.map +1 -1
- package/cjs/Message/hooks/useDirtyGetMentions.js +21 -26
- package/cjs/Message/hooks/useDirtyGetMentions.js.map +1 -1
- package/cjs/MessageSearch/components/MessageSearchUI.js +60 -65
- package/cjs/MessageSearch/components/MessageSearchUI.js.map +1 -1
- package/cjs/MessageSearch/context.js +165 -176
- package/cjs/MessageSearch/context.js.map +1 -1
- package/cjs/MessageSearch.js +49 -47
- package/cjs/MessageSearch.js.map +1 -1
- package/cjs/OpenChannel/components/FrozenChannelNotification.js +6 -8
- package/cjs/OpenChannel/components/FrozenChannelNotification.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelHeader.js +22 -27
- package/cjs/OpenChannel/components/OpenChannelHeader.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelInput.js +32 -35
- package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelMessage.js +169 -170
- package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelMessageList.js +69 -63
- package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelUI.js +56 -57
- package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/cjs/OpenChannel/context.js +8 -9
- package/cjs/OpenChannel/context.js.map +1 -1
- package/cjs/OpenChannel.js +37 -35
- package/cjs/OpenChannel.js.map +1 -1
- package/cjs/OpenChannelList/components/OpenChannelListUI.js +66 -64
- package/cjs/OpenChannelList/components/OpenChannelListUI.js.map +1 -1
- package/cjs/OpenChannelList/components/OpenChannelPreview.js +22 -21
- package/cjs/OpenChannelList/components/OpenChannelPreview.js.map +1 -1
- package/cjs/OpenChannelList/context.js +3 -3
- package/cjs/OpenChannelList.js +27 -27
- package/cjs/OpenChannelList.js.map +1 -1
- package/cjs/OpenChannelListProvider-0b8cd3bf.js +416 -0
- package/cjs/{OpenChannelListProvider-2e3ee48d.js.map → OpenChannelListProvider-0b8cd3bf.js.map} +1 -1
- package/cjs/OpenChannelProvider-d8cc11fe.js +1859 -0
- package/cjs/{OpenChannelProvider-8577ea58.js.map → OpenChannelProvider-d8cc11fe.js.map} +1 -1
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js +53 -52
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +29 -28
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +40 -48
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js.map +1 -1
- package/cjs/OpenChannelSettings/components/OperatorUI.js +557 -525
- package/cjs/OpenChannelSettings/components/OperatorUI.js.map +1 -1
- package/cjs/OpenChannelSettings/components/ParticipantUI.js +16 -15
- package/cjs/OpenChannelSettings/components/ParticipantUI.js.map +1 -1
- package/cjs/OpenChannelSettings/context.js +57 -56
- package/cjs/OpenChannelSettings/context.js.map +1 -1
- package/cjs/OpenChannelSettings.js +20 -19
- package/cjs/OpenChannelSettings.js.map +1 -1
- package/cjs/RemoveMessageModal-f029d40e.js +39 -0
- package/cjs/RemoveMessageModal-f029d40e.js.map +1 -0
- package/cjs/SendbirdProvider.js +733 -693
- package/cjs/SendbirdProvider.js.map +1 -1
- package/cjs/Thread/components/ParentMessageInfo.js +193 -180
- package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
- package/cjs/Thread/components/ParentMessageInfoItem.js +86 -79
- package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
- package/cjs/Thread/components/ThreadHeader.js +22 -22
- package/cjs/Thread/components/ThreadHeader.js.map +1 -1
- package/cjs/Thread/components/ThreadList.js +125 -93
- package/cjs/Thread/components/ThreadList.js.map +1 -1
- package/cjs/Thread/components/ThreadListItem.js +263 -244
- package/cjs/Thread/components/ThreadListItem.js.map +1 -1
- package/cjs/Thread/components/ThreadMessageInput.js +120 -119
- package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
- package/cjs/Thread/components/ThreadUI.js +134 -150
- package/cjs/Thread/components/ThreadUI.js.map +1 -1
- package/cjs/Thread/context/types.js +9 -13
- package/cjs/Thread/context/types.js.map +1 -1
- package/cjs/Thread/context.js +1680 -21
- package/cjs/Thread/context.js.map +1 -1
- package/cjs/Thread.js +76 -73
- package/cjs/Thread.js.map +1 -1
- package/cjs/UserProfileContext-922a43ec.js +41 -0
- package/cjs/UserProfileContext-922a43ec.js.map +1 -0
- package/cjs/VoicePlayer/context.js +3 -3
- package/cjs/VoicePlayer/useVoicePlayer.js +52 -46
- package/cjs/VoicePlayer/useVoicePlayer.js.map +1 -1
- package/cjs/VoiceRecorder/context.js +67 -63
- package/cjs/VoiceRecorder/context.js.map +1 -1
- package/cjs/VoiceRecorder/useVoiceRecorder.js +49 -51
- package/cjs/VoiceRecorder/useVoiceRecorder.js.map +1 -1
- package/cjs/{WebAudioUtils-142344fd.js → WebAudioUtils-29717597.js} +38 -38
- package/cjs/{WebAudioUtils-142344fd.js.map → WebAudioUtils-29717597.js.map} +1 -1
- package/cjs/{_rollupPluginBabelHelpers-83d7e84b.js → _rollupPluginBabelHelpers-94c18dc1.js} +16 -17
- package/cjs/_rollupPluginBabelHelpers-94c18dc1.js.map +1 -0
- package/cjs/{actionTypes-1d118952.js → actionTypes-7fa02f94.js} +2 -2
- package/cjs/{actionTypes-1d118952.js.map → actionTypes-7fa02f94.js.map} +1 -1
- package/cjs/{color-d83b77ac.js → color-477ddbd4.js} +12 -13
- package/cjs/color-477ddbd4.js.map +1 -0
- package/cjs/{compareIds-bef997cb.js → compareIds-de541666.js} +7 -6
- package/cjs/compareIds-de541666.js.map +1 -0
- package/cjs/{const-1726bde0.js → const-640252c1.js} +4 -4
- package/cjs/{const-1726bde0.js.map → const-640252c1.js.map} +1 -1
- package/cjs/const-9def5c09.js +19 -0
- package/cjs/{const-67ff9e34.js.map → const-9def5c09.js.map} +1 -1
- package/cjs/consts-54f5c12d.js +6 -0
- package/cjs/consts-54f5c12d.js.map +1 -0
- package/cjs/consts-85cd42fa.js +6 -0
- package/cjs/{consts-bf228385.js.map → consts-85cd42fa.js.map} +1 -1
- package/cjs/{consts-fb07c671.js → consts-95462b21.js} +18 -25
- package/cjs/{consts-fb07c671.js.map → consts-95462b21.js.map} +1 -1
- package/cjs/consts-a3b7ae99.js +6 -0
- package/cjs/{consts-d3b53f23.js.map → consts-a3b7ae99.js.map} +1 -1
- package/cjs/{context-bd2878ff.js → context-9814fafe.js} +5 -6
- package/cjs/{context-bd2878ff.js.map → context-9814fafe.js.map} +1 -1
- package/cjs/dist/index.css +110 -95
- package/cjs/dist/index.css.map +1 -1
- package/cjs/handlers/OpenChannelHandler.js.map +1 -1
- package/cjs/handlers/SessionHandler.js.map +1 -1
- package/cjs/hooks/useModal.js +84 -0
- package/cjs/hooks/useModal.js.map +1 -0
- package/cjs/{index-81baccd0.js → index-0a25b9b2.js} +166 -154
- package/cjs/index-0a25b9b2.js.map +1 -0
- package/cjs/index-0ec5a831.js +308 -0
- package/cjs/{index-1f6b30ea.js.map → index-0ec5a831.js.map} +1 -1
- package/cjs/{index-18720f0d.js → index-35820a94.js} +2 -2
- package/cjs/{index-18720f0d.js.map → index-35820a94.js.map} +1 -1
- package/cjs/index-609b07a2.js +7 -0
- package/cjs/index-609b07a2.js.map +1 -0
- package/cjs/index-6b0644d7.js +369 -0
- package/cjs/index-6b0644d7.js.map +1 -0
- package/cjs/{index-857630c5.js → index-7b0c6630.js} +104 -114
- package/cjs/index-7b0c6630.js.map +1 -0
- package/cjs/index-80a11b6a.js +197 -0
- package/cjs/{index-6ab9a40d.js.map → index-80a11b6a.js.map} +1 -1
- package/cjs/{index-4eb7e2b5.js → index-826b76d5.js} +2 -4
- package/cjs/index-826b76d5.js.map +1 -0
- package/cjs/{index-11f9cc0f.js → index-83d2aed9.js} +3 -12
- package/cjs/index-83d2aed9.js.map +1 -0
- package/cjs/index-aeb36f01.js +173 -0
- package/cjs/index-aeb36f01.js.map +1 -0
- package/cjs/{index-c9b003b3.js → index-b6d51e74.js} +56 -193
- package/cjs/index-b6d51e74.js.map +1 -0
- package/cjs/index-b995f638.js +741 -0
- package/cjs/index-b995f638.js.map +1 -0
- package/cjs/{index-759f2a26.js → index-bdf7089c.js} +72 -80
- package/cjs/{index-759f2a26.js.map → index-bdf7089c.js.map} +1 -1
- package/cjs/{index-7c374c20.js → index-c22e0cbf.js} +25 -28
- package/cjs/{index-7c374c20.js.map → index-c22e0cbf.js.map} +1 -1
- package/cjs/index-daf80c58.js +20 -0
- package/cjs/index-daf80c58.js.map +1 -0
- package/cjs/index-e81e2882.js +59 -0
- package/cjs/{index-2ab19f9b.js.map → index-e81e2882.js.map} +1 -1
- package/cjs/{index-91b4af96.js → index-ee3bf381.js} +39 -37
- package/cjs/{index-91b4af96.js.map → index-ee3bf381.js.map} +1 -1
- package/cjs/{index-d04f312e.js → index-fd8a0abb.js} +10 -30
- package/cjs/index-fd8a0abb.js.map +1 -0
- package/cjs/index.js +66 -63
- package/cjs/index.js.map +1 -1
- package/cjs/lame.all.js.map +1 -1
- package/cjs/package.json +2 -49
- package/cjs/{topics-adde627b.js → pubSub/topics.js} +6 -2
- package/cjs/pubSub/topics.js.map +1 -0
- package/cjs/{resolvedReplyType-85b4bd7c.js → resolvedReplyType-c20ef661.js} +1 -1
- package/cjs/{resolvedReplyType-85b4bd7c.js.map → resolvedReplyType-c20ef661.js.map} +1 -1
- package/cjs/sendbirdSelectors.js +381 -332
- package/cjs/sendbirdSelectors.js.map +1 -1
- package/cjs/stringFormatterUtils-e324636c.js +16 -0
- package/cjs/{stringFormatterUtils-8d6592ca.js.map → stringFormatterUtils-e324636c.js.map} +1 -1
- package/cjs/{stringSet-d00535a5.js → stringSet-98b52c49.js} +9 -2
- package/cjs/stringSet-98b52c49.js.map +1 -0
- package/cjs/{tokenize-9296fc47.js → tokenize-91bdbeb0.js} +56 -61
- package/cjs/{tokenize-9296fc47.js.map → tokenize-91bdbeb0.js.map} +1 -1
- package/cjs/tslib.es6-2f2b0bca.js +102 -0
- package/cjs/tslib.es6-2f2b0bca.js.map +1 -0
- package/cjs/types-31ed2276.js +11 -0
- package/cjs/types-31ed2276.js.map +1 -0
- package/cjs/types-66554668.js +15 -0
- package/cjs/types-66554668.js.map +1 -0
- package/cjs/ui/Accordion.js +18 -19
- package/cjs/ui/Accordion.js.map +1 -1
- package/cjs/ui/AccordionGroup.js +11 -10
- package/cjs/ui/AccordionGroup.js.map +1 -1
- package/cjs/ui/AdminMessage.js +10 -10
- package/cjs/ui/AdminMessage.js.map +1 -1
- package/cjs/ui/Avatar.js +59 -55
- package/cjs/ui/Avatar.js.map +1 -1
- package/cjs/ui/Badge.js +15 -16
- package/cjs/ui/Badge.js.map +1 -1
- package/cjs/ui/BottomSheet.js +15 -17
- package/cjs/ui/BottomSheet.js.map +1 -1
- package/cjs/ui/Button.js +31 -33
- package/cjs/ui/Button.js.map +1 -1
- package/cjs/ui/ChannelAvatar.js +41 -38
- package/cjs/ui/ChannelAvatar.js.map +1 -1
- package/cjs/ui/Checkbox.js +10 -9
- package/cjs/ui/Checkbox.js.map +1 -1
- package/cjs/ui/ConnectionStatus.js +5 -7
- package/cjs/ui/ConnectionStatus.js.map +1 -1
- package/cjs/ui/ContextMenu.js +143 -144
- package/cjs/ui/ContextMenu.js.map +1 -1
- package/cjs/ui/DateSeparator.js +14 -12
- package/cjs/ui/DateSeparator.js.map +1 -1
- package/cjs/ui/EmojiReactions.js +206 -176
- package/cjs/ui/EmojiReactions.js.map +1 -1
- package/cjs/ui/FileMessageItemBody.js +23 -23
- package/cjs/ui/FileMessageItemBody.js.map +1 -1
- package/cjs/ui/FileViewer.js +14 -12
- package/cjs/ui/FileViewer.js.map +1 -1
- package/cjs/ui/Icon.js +16 -16
- package/cjs/ui/Icon.js.map +1 -1
- package/cjs/ui/IconButton.js +28 -20
- package/cjs/ui/IconButton.js.map +1 -1
- package/cjs/ui/ImageRenderer.js +84 -64
- package/cjs/ui/ImageRenderer.js.map +1 -1
- package/cjs/ui/Input.js +14 -16
- package/cjs/ui/Input.js.map +1 -1
- package/cjs/ui/Label.js +2 -2
- package/cjs/ui/LinkLabel.js +2 -2
- package/cjs/ui/LinkLabel.js.map +1 -1
- package/cjs/ui/Loader.js +12 -10
- package/cjs/ui/Loader.js.map +1 -1
- package/cjs/ui/MentionLabel.js +63 -59
- package/cjs/ui/MentionLabel.js.map +1 -1
- package/cjs/ui/MentionUserLabel.js +10 -10
- package/cjs/ui/MentionUserLabel.js.map +1 -1
- package/cjs/ui/MessageContent.js +187 -171
- package/cjs/ui/MessageContent.js.map +1 -1
- package/cjs/ui/MessageInput/hooks/usePaste.js +5 -4
- package/cjs/ui/MessageInput/hooks/usePaste.js.map +1 -1
- package/cjs/ui/MessageInput.js +55 -57
- package/cjs/ui/MessageInput.js.map +1 -1
- package/cjs/ui/MessageItemMenu.js +93 -72
- package/cjs/ui/MessageItemMenu.js.map +1 -1
- package/cjs/ui/MessageItemReactionMenu.js +64 -56
- package/cjs/ui/MessageItemReactionMenu.js.map +1 -1
- package/cjs/ui/MessageSearchFileItem.js +40 -49
- package/cjs/ui/MessageSearchFileItem.js.map +1 -1
- package/cjs/ui/MessageSearchItem.js +32 -40
- package/cjs/ui/MessageSearchItem.js.map +1 -1
- package/cjs/ui/MessageStatus.js +11 -11
- package/cjs/ui/Modal.js +57 -59
- package/cjs/ui/Modal.js.map +1 -1
- package/cjs/ui/MutedAvatarOverlay.js +10 -10
- package/cjs/ui/MutedAvatarOverlay.js.map +1 -1
- package/cjs/ui/OGMessageItemBody.js +47 -47
- package/cjs/ui/OGMessageItemBody.js.map +1 -1
- package/cjs/ui/OpenChannelAdminMessage.js +7 -8
- package/cjs/ui/OpenChannelAdminMessage.js.map +1 -1
- package/cjs/ui/OpenChannelAvatar.js +17 -18
- package/cjs/ui/OpenChannelAvatar.js.map +1 -1
- package/cjs/ui/OpenchannelConversationHeader.js +13 -17
- package/cjs/ui/OpenchannelConversationHeader.js.map +1 -1
- package/cjs/ui/OpenchannelFileMessage.js +147 -139
- package/cjs/ui/OpenchannelFileMessage.js.map +1 -1
- package/cjs/ui/OpenchannelOGMessage.js +185 -178
- package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
- package/cjs/ui/OpenchannelThumbnailMessage.js +220 -213
- package/cjs/ui/OpenchannelThumbnailMessage.js.map +1 -1
- package/cjs/ui/OpenchannelUserMessage.js +172 -164
- package/cjs/ui/OpenchannelUserMessage.js.map +1 -1
- package/cjs/ui/PlaceHolder.js +108 -10
- package/cjs/ui/PlaceHolder.js.map +1 -1
- package/cjs/ui/PlaybackTime.js +16 -15
- package/cjs/ui/PlaybackTime.js.map +1 -1
- package/cjs/ui/ProgressBar.js +15 -13
- package/cjs/ui/ProgressBar.js.map +1 -1
- package/cjs/ui/QuoteMessage.js +41 -44
- package/cjs/ui/QuoteMessage.js.map +1 -1
- package/cjs/ui/QuoteMessageInput.js +45 -31
- package/cjs/ui/QuoteMessageInput.js.map +1 -1
- package/cjs/ui/ReactionBadge.js +17 -13
- package/cjs/ui/ReactionBadge.js.map +1 -1
- package/cjs/ui/ReactionButton.js +19 -19
- package/cjs/ui/ReactionButton.js.map +1 -1
- package/cjs/ui/SortByRow.js +14 -14
- package/cjs/ui/SortByRow.js.map +1 -1
- package/cjs/ui/TextButton.js +21 -13
- package/cjs/ui/TextButton.js.map +1 -1
- package/cjs/ui/TextMessageItemBody.js +33 -31
- package/cjs/ui/TextMessageItemBody.js.map +1 -1
- package/cjs/ui/ThreadReplies.js +21 -25
- package/cjs/ui/ThreadReplies.js.map +1 -1
- package/cjs/ui/ThumbnailMessageItemBody.js +37 -28
- package/cjs/ui/ThumbnailMessageItemBody.js.map +1 -1
- package/cjs/ui/Toggle.js +85 -77
- package/cjs/ui/Toggle.js.map +1 -1
- package/cjs/ui/Tooltip.js +9 -8
- package/cjs/ui/Tooltip.js.map +1 -1
- package/cjs/ui/TooltipWrapper.js +18 -17
- package/cjs/ui/TooltipWrapper.js.map +1 -1
- package/cjs/ui/UnknownMessageItemBody.js +19 -20
- package/cjs/ui/UnknownMessageItemBody.js.map +1 -1
- package/cjs/ui/UserListItem.js +80 -75
- package/cjs/ui/UserListItem.js.map +1 -1
- package/cjs/ui/UserProfile.js +28 -33
- package/cjs/ui/UserProfile.js.map +1 -1
- package/cjs/ui/VoiceMessageItemBody.js +49 -43
- package/cjs/ui/VoiceMessageItemBody.js.map +1 -1
- package/cjs/ui/VoiceMessgeInput.js +8 -7
- package/cjs/ui/VoiceMessgeInput.js.map +1 -1
- package/cjs/ui/Word.js +29 -27
- package/cjs/ui/Word.js.map +1 -1
- package/cjs/{useHandleUploadFiles-b2fc56e5.js → useHandleUploadFiles-fbe6ad64.js} +114 -127
- package/cjs/useHandleUploadFiles-fbe6ad64.js.map +1 -0
- package/cjs/useLongPress-c1da8ba7.js +105 -0
- package/cjs/useLongPress-c1da8ba7.js.map +1 -0
- package/cjs/useSendMultipleFilesMessage-87e0ffa3.js +316 -0
- package/cjs/useSendMultipleFilesMessage-87e0ffa3.js.map +1 -0
- package/cjs/useSendbirdStateContext.js +8 -3
- package/cjs/useSendbirdStateContext.js.map +1 -1
- package/cjs/useStatefulFileInfoList-aa70b6b9.js +228 -0
- package/cjs/useStatefulFileInfoList-aa70b6b9.js.map +1 -0
- package/cjs/utils/message/getOutgoingMessageState.js +14 -16
- package/cjs/utils/message/getOutgoingMessageState.js.map +1 -1
- package/cjs/utils/message/isVoiceMessage.js +4 -4
- package/cjs/utils/message/isVoiceMessage.js.map +1 -1
- package/cjs/utils-0fac6ad1.js +27 -0
- package/cjs/utils-0fac6ad1.js.map +1 -0
- package/cjs/utils-180c6bc8.js +10 -0
- package/cjs/utils-180c6bc8.js.map +1 -0
- package/cjs/{utils-991911af.js → utils-46483130.js} +3 -3
- package/cjs/{utils-991911af.js.map → utils-46483130.js.map} +1 -1
- package/cjs/utils-55fc6797.js +170 -0
- package/cjs/utils-55fc6797.js.map +1 -0
- package/cjs/utils-851724e0.js +62 -0
- package/cjs/utils-851724e0.js.map +1 -0
- package/cjs/utils-e313131f.js +35 -0
- package/cjs/utils-e313131f.js.map +1 -0
- package/cjs/uuid-c74bbbb6.js +17 -0
- package/cjs/{uuid-b2806cf5.js.map → uuid-c74bbbb6.js.map} +1 -1
- package/cjs/withSendbird.js +16 -22
- package/cjs/withSendbird.js.map +1 -1
- package/{color-b7f211a8.js → color-1383d4ab.js} +5 -5
- package/{color-b7f211a8.js.map → color-1383d4ab.js.map} +1 -1
- package/compareIds-b56b02f1.js +16 -0
- package/compareIds-b56b02f1.js.map +1 -0
- package/{const-74ec9eb4.js → const-4bc3721f.js} +4 -4
- package/{const-74ec9eb4.js.map → const-4bc3721f.js.map} +1 -1
- package/const-e3326913.js +13 -0
- package/{const-711048c3.js.map → const-e3326913.js.map} +1 -1
- package/consts-7f4d53a3.js +4 -0
- package/consts-7f4d53a3.js.map +1 -0
- package/consts-833420ed.js +4 -0
- package/{consts-6ee24012.js.map → consts-833420ed.js.map} +1 -1
- package/consts-aa64aca8.js +30 -0
- package/{consts-691a3935.js.map → consts-aa64aca8.js.map} +1 -1
- package/consts-f0ba9b80.js +4 -0
- package/consts-f0ba9b80.js.map +1 -0
- package/context-ae47ac54.js +12 -0
- package/{context-b4c70964.js.map → context-ae47ac54.js.map} +1 -1
- package/dist/index.css +110 -95
- package/dist/index.css.map +1 -1
- package/handlers/OpenChannelHandler.js.map +1 -1
- package/handlers/SessionHandler.js.map +1 -1
- package/hooks/useModal.js +73 -0
- package/hooks/useModal.js.map +1 -0
- package/{index-aa520474.js → index-12103973.js} +2 -2
- package/{index-aa520474.js.map → index-12103973.js.map} +1 -1
- package/index-124a5766.js +298 -0
- package/{index-e15f6b6a.js.map → index-124a5766.js.map} +1 -1
- package/{index-13401b87.js → index-1432c287.js} +2 -4
- package/index-1432c287.js.map +1 -0
- package/{index-b22c4150.js → index-1969ccd8.js} +25 -28
- package/{index-b22c4150.js.map → index-1969ccd8.js.map} +1 -1
- package/index-3d508585.js +53 -0
- package/{index-ae7ef8cf.js.map → index-3d508585.js.map} +1 -1
- package/{index-8a01c364.js → index-40447645.js} +73 -81
- package/{index-8a01c364.js.map → index-40447645.js.map} +1 -1
- package/{index-c421b228.js → index-7a1085b6.js} +99 -109
- package/index-7a1085b6.js.map +1 -0
- package/index-89b3b8ba.js +362 -0
- package/index-89b3b8ba.js.map +1 -0
- package/index-8c72f0bd.js +182 -0
- package/{index-98138798.js.map → index-8c72f0bd.js.map} +1 -1
- package/index-942c5fa2.js +161 -0
- package/index-942c5fa2.js.map +1 -0
- package/index-c6095960.js +4 -0
- package/index-c6095960.js.map +1 -0
- package/index-c7ed4aef.js +13 -0
- package/index-c7ed4aef.js.map +1 -0
- package/{index-daa3ae67.js → index-c81fd6ec.js} +56 -193
- package/index-c81fd6ec.js.map +1 -0
- package/{index-7700a436.js → index-d3f61405.js} +10 -30
- package/index-d3f61405.js.map +1 -0
- package/{index-5cb32ab5.js → index-dc1827ea.js} +3 -12
- package/index-dc1827ea.js.map +1 -0
- package/{index-3530f4f6.js → index-ec0c048b.js} +39 -37
- package/{index-3530f4f6.js.map → index-ec0c048b.js.map} +1 -1
- package/{index-b25ffa7e.js → index-eec0ce47.js} +166 -154
- package/index-eec0ce47.js.map +1 -0
- package/index-fc1642cb.js +692 -0
- package/index-fc1642cb.js.map +1 -0
- package/index.d.ts +143 -79
- package/index.js +66 -63
- package/index.js.map +1 -1
- package/lame.all.js.map +1 -1
- package/package.json +3 -3
- package/{topics-5659403d.js → pubSub/topics.js} +4 -3
- package/pubSub/topics.js.map +1 -0
- package/{resolvedReplyType-1a128514.js → resolvedReplyType-0532593c.js} +1 -1
- package/{resolvedReplyType-1a128514.js.map → resolvedReplyType-0532593c.js.map} +1 -1
- package/sendbirdSelectors.js +381 -332
- package/sendbirdSelectors.js.map +1 -1
- package/stringFormatterUtils-444f6f4c.js +14 -0
- package/{stringFormatterUtils-dbad592d.js.map → stringFormatterUtils-444f6f4c.js.map} +1 -1
- package/{stringSet-2814bf17.js → stringSet-1106c8ec.js} +9 -2
- package/stringSet-1106c8ec.js.map +1 -0
- package/{tokenize-4b153552.js → tokenize-d17bf862.js} +56 -61
- package/{tokenize-4b153552.js.map → tokenize-d17bf862.js.map} +1 -1
- package/tslib.es6-0c779aab.js +97 -0
- package/tslib.es6-0c779aab.js.map +1 -0
- package/types-4ffc52f6.js +15 -0
- package/types-4ffc52f6.js.map +1 -0
- package/types-50e412d8.js +9 -0
- package/types-50e412d8.js.map +1 -0
- package/ui/Accordion.js +18 -19
- package/ui/Accordion.js.map +1 -1
- package/ui/AccordionGroup.js +11 -10
- package/ui/AccordionGroup.js.map +1 -1
- package/ui/AdminMessage.js +10 -10
- package/ui/AdminMessage.js.map +1 -1
- package/ui/Avatar.js +59 -55
- package/ui/Avatar.js.map +1 -1
- package/ui/Badge.js +15 -16
- package/ui/Badge.js.map +1 -1
- package/ui/BottomSheet.js +15 -17
- package/ui/BottomSheet.js.map +1 -1
- package/ui/Button.js +19 -26
- package/ui/Button.js.map +1 -1
- package/ui/ChannelAvatar.js +41 -38
- package/ui/ChannelAvatar.js.map +1 -1
- package/ui/Checkbox.js +10 -9
- package/ui/Checkbox.js.map +1 -1
- package/ui/ConnectionStatus.js +5 -7
- package/ui/ConnectionStatus.js.map +1 -1
- package/ui/ContextMenu.js +143 -144
- package/ui/ContextMenu.js.map +1 -1
- package/ui/DateSeparator.js +14 -12
- package/ui/DateSeparator.js.map +1 -1
- package/ui/EmojiReactions.js +207 -177
- package/ui/EmojiReactions.js.map +1 -1
- package/ui/FileMessageItemBody.js +23 -23
- package/ui/FileMessageItemBody.js.map +1 -1
- package/ui/FileViewer.js +14 -12
- package/ui/FileViewer.js.map +1 -1
- package/ui/Icon.js +2 -2
- package/ui/Icon.js.map +1 -1
- package/ui/IconButton.js +28 -20
- package/ui/IconButton.js.map +1 -1
- package/ui/ImageRenderer.js +84 -65
- package/ui/ImageRenderer.js.map +1 -1
- package/ui/Input.js +14 -16
- package/ui/Input.js.map +1 -1
- package/ui/Label.js +2 -2
- package/ui/LinkLabel.js +2 -2
- package/ui/LinkLabel.js.map +1 -1
- package/ui/Loader.js +12 -10
- package/ui/Loader.js.map +1 -1
- package/ui/MentionLabel.js +64 -60
- package/ui/MentionLabel.js.map +1 -1
- package/ui/MentionUserLabel.js +10 -10
- package/ui/MentionUserLabel.js.map +1 -1
- package/ui/MessageContent.js +186 -170
- package/ui/MessageContent.js.map +1 -1
- package/ui/MessageInput/hooks/usePaste.js +5 -4
- package/ui/MessageInput/hooks/usePaste.js.map +1 -1
- package/ui/MessageInput.js +48 -50
- package/ui/MessageInput.js.map +1 -1
- package/ui/MessageItemMenu.js +93 -72
- package/ui/MessageItemMenu.js.map +1 -1
- package/ui/MessageItemReactionMenu.js +64 -56
- package/ui/MessageItemReactionMenu.js.map +1 -1
- package/ui/MessageSearchFileItem.js +40 -49
- package/ui/MessageSearchFileItem.js.map +1 -1
- package/ui/MessageSearchItem.js +32 -40
- package/ui/MessageSearchItem.js.map +1 -1
- package/ui/MessageStatus.js +11 -11
- package/ui/Modal.js +57 -59
- package/ui/Modal.js.map +1 -1
- package/ui/MutedAvatarOverlay.js +10 -10
- package/ui/MutedAvatarOverlay.js.map +1 -1
- package/ui/OGMessageItemBody.js +47 -47
- package/ui/OGMessageItemBody.js.map +1 -1
- package/ui/OpenChannelAdminMessage.js +7 -8
- package/ui/OpenChannelAdminMessage.js.map +1 -1
- package/ui/OpenChannelAvatar.js +17 -18
- package/ui/OpenChannelAvatar.js.map +1 -1
- package/ui/OpenchannelConversationHeader.js +13 -17
- package/ui/OpenchannelConversationHeader.js.map +1 -1
- package/ui/OpenchannelFileMessage.js +147 -139
- package/ui/OpenchannelFileMessage.js.map +1 -1
- package/ui/OpenchannelOGMessage.js +185 -178
- package/ui/OpenchannelOGMessage.js.map +1 -1
- package/ui/OpenchannelThumbnailMessage.js +220 -213
- package/ui/OpenchannelThumbnailMessage.js.map +1 -1
- package/ui/OpenchannelUserMessage.js +172 -164
- package/ui/OpenchannelUserMessage.js.map +1 -1
- package/ui/PlaceHolder.js +106 -8
- package/ui/PlaceHolder.js.map +1 -1
- package/ui/PlaybackTime.js +16 -15
- package/ui/PlaybackTime.js.map +1 -1
- package/ui/ProgressBar.js +15 -13
- package/ui/ProgressBar.js.map +1 -1
- package/ui/QuoteMessage.js +41 -44
- package/ui/QuoteMessage.js.map +1 -1
- package/ui/QuoteMessageInput.js +45 -31
- package/ui/QuoteMessageInput.js.map +1 -1
- package/ui/ReactionBadge.js +17 -13
- package/ui/ReactionBadge.js.map +1 -1
- package/ui/ReactionButton.js +19 -19
- package/ui/ReactionButton.js.map +1 -1
- package/ui/SortByRow.js +14 -14
- package/ui/SortByRow.js.map +1 -1
- package/ui/TextButton.js +21 -13
- package/ui/TextButton.js.map +1 -1
- package/ui/TextMessageItemBody.js +33 -31
- package/ui/TextMessageItemBody.js.map +1 -1
- package/ui/ThreadReplies.js +21 -25
- package/ui/ThreadReplies.js.map +1 -1
- package/ui/ThumbnailMessageItemBody.js +37 -28
- package/ui/ThumbnailMessageItemBody.js.map +1 -1
- package/ui/Toggle.js +86 -78
- package/ui/Toggle.js.map +1 -1
- package/ui/Tooltip.js +9 -8
- package/ui/Tooltip.js.map +1 -1
- package/ui/TooltipWrapper.js +18 -17
- package/ui/TooltipWrapper.js.map +1 -1
- package/ui/UnknownMessageItemBody.js +19 -20
- package/ui/UnknownMessageItemBody.js.map +1 -1
- package/ui/UserListItem.js +80 -75
- package/ui/UserListItem.js.map +1 -1
- package/ui/UserProfile.js +29 -34
- package/ui/UserProfile.js.map +1 -1
- package/ui/VoiceMessageItemBody.js +49 -43
- package/ui/VoiceMessageItemBody.js.map +1 -1
- package/ui/VoiceMessgeInput.js +8 -7
- package/ui/VoiceMessgeInput.js.map +1 -1
- package/ui/Word.js +29 -27
- package/ui/Word.js.map +1 -1
- package/{useHandleUploadFiles-406a6c9c.js → useHandleUploadFiles-33aff88e.js} +111 -124
- package/useHandleUploadFiles-33aff88e.js.map +1 -0
- package/useLongPress-322bb6a3.js +103 -0
- package/useLongPress-322bb6a3.js.map +1 -0
- package/useSendMultipleFilesMessage-4489a0f6.js +283 -0
- package/useSendMultipleFilesMessage-4489a0f6.js.map +1 -0
- package/useSendbirdStateContext.js +5 -3
- package/useSendbirdStateContext.js.map +1 -1
- package/useStatefulFileInfoList-dd95f949.js +219 -0
- package/useStatefulFileInfoList-dd95f949.js.map +1 -0
- package/utils/message/getOutgoingMessageState.js +8 -9
- package/utils/message/getOutgoingMessageState.js.map +1 -1
- package/utils/message/isVoiceMessage.js +4 -4
- package/utils/message/isVoiceMessage.js.map +1 -1
- package/{utils-7cc92ac2.js → utils-158c1683.js} +3 -3
- package/{utils-7cc92ac2.js.map → utils-158c1683.js.map} +1 -1
- package/utils-3660243c.js +25 -0
- package/utils-3660243c.js.map +1 -0
- package/utils-40040f8e.js +157 -0
- package/utils-40040f8e.js.map +1 -0
- package/utils-48a3ef27.js +31 -0
- package/utils-48a3ef27.js.map +1 -0
- package/utils-74c161a0.js +7 -0
- package/utils-74c161a0.js.map +1 -0
- package/utils-e98a7f8c.js +57 -0
- package/utils-e98a7f8c.js.map +1 -0
- package/uuid-3c77ef7b.js +15 -0
- package/{uuid-16373bba.js.map → uuid-3c77ef7b.js.map} +1 -1
- package/withSendbird.js +16 -22
- package/withSendbird.js.map +1 -1
- package/ChannelListProvider-1188e373.js +0 -1028
- package/ChannelListProvider-1188e373.js.map +0 -1
- package/ChannelProvider-9de00431.js +0 -1933
- package/ChannelProvider-9de00431.js.map +0 -1
- package/CreateChannelProvider-a2fad282.js +0 -44
- package/LocalizationContext-2463058b.js +0 -20
- package/MediaQueryContext-e3429d12.js +0 -87
- package/MediaQueryContext-e3429d12.js.map +0 -1
- package/MemberList-593867cb.js +0 -404
- package/OpenChannelProvider-3e4b8c8e.js +0 -1890
- package/RemoveMessageModal-9162aebe.js +0 -38
- package/RemoveMessageModal-9162aebe.js.map +0 -1
- package/ThreadProvider-9a3b145f.js +0 -1778
- package/ThreadProvider-9a3b145f.js.map +0 -1
- package/UserProfileContext-4ae968eb.js +0 -41
- package/UserProfileContext-4ae968eb.js.map +0 -1
- package/_rollupPluginBabelHelpers-50c9576f.js.map +0 -1
- package/cjs/ChannelListProvider-e55e6242.js +0 -1037
- package/cjs/ChannelListProvider-e55e6242.js.map +0 -1
- package/cjs/ChannelProvider-6fa73019.js +0 -1941
- package/cjs/ChannelProvider-6fa73019.js.map +0 -1
- package/cjs/CreateChannelProvider-8b8a557c.js +0 -52
- package/cjs/MediaQueryContext-73aac8cf.js +0 -94
- package/cjs/MediaQueryContext-73aac8cf.js.map +0 -1
- package/cjs/MemberList-26b8de48.js +0 -410
- package/cjs/OpenChannelListProvider-2e3ee48d.js +0 -439
- package/cjs/OpenChannelProvider-8577ea58.js +0 -1899
- package/cjs/RemoveMessageModal-dfeeb36a.js +0 -44
- package/cjs/RemoveMessageModal-dfeeb36a.js.map +0 -1
- package/cjs/ThreadProvider-8b0cf491.js +0 -1787
- package/cjs/ThreadProvider-8b0cf491.js.map +0 -1
- package/cjs/UserProfileContext-fa8d0383.js +0 -49
- package/cjs/UserProfileContext-fa8d0383.js.map +0 -1
- package/cjs/_rollupPluginBabelHelpers-83d7e84b.js.map +0 -1
- package/cjs/color-d83b77ac.js.map +0 -1
- package/cjs/compareIds-bef997cb.js.map +0 -1
- package/cjs/const-67ff9e34.js +0 -20
- package/cjs/consts-b018b1ed.js +0 -6
- package/cjs/consts-b018b1ed.js.map +0 -1
- package/cjs/consts-bf228385.js +0 -6
- package/cjs/consts-d3b53f23.js +0 -6
- package/cjs/index-11f9cc0f.js.map +0 -1
- package/cjs/index-1a9fdbb4.js +0 -368
- package/cjs/index-1a9fdbb4.js.map +0 -1
- package/cjs/index-1f6b30ea.js +0 -330
- package/cjs/index-2ab19f9b.js +0 -57
- package/cjs/index-4b5a006d.js +0 -139
- package/cjs/index-4b5a006d.js.map +0 -1
- package/cjs/index-4eb7e2b5.js.map +0 -1
- package/cjs/index-56a25735.js +0 -171
- package/cjs/index-56a25735.js.map +0 -1
- package/cjs/index-6ab9a40d.js +0 -202
- package/cjs/index-7f41c4b6.js +0 -118
- package/cjs/index-7f41c4b6.js.map +0 -1
- package/cjs/index-81baccd0.js.map +0 -1
- package/cjs/index-857630c5.js.map +0 -1
- package/cjs/index-8ec12d1d.js +0 -164
- package/cjs/index-8ec12d1d.js.map +0 -1
- package/cjs/index-c9b003b3.js.map +0 -1
- package/cjs/index-cbcacbee.js +0 -9
- package/cjs/index-cbcacbee.js.map +0 -1
- package/cjs/index-d04f312e.js.map +0 -1
- package/cjs/index-e9ac5ae1.js +0 -58
- package/cjs/index-e9ac5ae1.js.map +0 -1
- package/cjs/index-fbe9cc73.js +0 -647
- package/cjs/index-fbe9cc73.js.map +0 -1
- package/cjs/index.module-a24e9cd7.js +0 -6
- package/cjs/index.module-a24e9cd7.js.map +0 -1
- package/cjs/stringFormatterUtils-8d6592ca.js +0 -16
- package/cjs/stringSet-d00535a5.js.map +0 -1
- package/cjs/topics-adde627b.js.map +0 -1
- package/cjs/types-0b5148cb.js +0 -17
- package/cjs/types-0b5148cb.js.map +0 -1
- package/cjs/useHandleUploadFiles-b2fc56e5.js.map +0 -1
- package/cjs/useLongPress-1c0f4696.js +0 -87
- package/cjs/useLongPress-1c0f4696.js.map +0 -1
- package/cjs/useSendMultipleFilesMessage-81cdc9d0.js +0 -109
- package/cjs/useSendMultipleFilesMessage-81cdc9d0.js.map +0 -1
- package/cjs/utils-418b4438.js +0 -62
- package/cjs/utils-418b4438.js.map +0 -1
- package/cjs/utils-5bfb4516.js +0 -35
- package/cjs/utils-5bfb4516.js.map +0 -1
- package/cjs/utils-68aa6bf6.js +0 -345
- package/cjs/utils-68aa6bf6.js.map +0 -1
- package/cjs/utils-b34d4e2c.js +0 -31
- package/cjs/utils-b34d4e2c.js.map +0 -1
- package/cjs/utils-c47c68b1.js +0 -6
- package/cjs/utils-c47c68b1.js.map +0 -1
- package/cjs/uuid-b2806cf5.js +0 -15
- package/compareIds-8ed6e36a.js +0 -15
- package/compareIds-8ed6e36a.js.map +0 -1
- package/const-711048c3.js +0 -13
- package/consts-675764c9.js +0 -4
- package/consts-675764c9.js.map +0 -1
- package/consts-691a3935.js +0 -37
- package/consts-6ee24012.js +0 -4
- package/consts-eb77e905.js +0 -4
- package/consts-eb77e905.js.map +0 -1
- package/context-b4c70964.js +0 -13
- package/index-128523eb.js +0 -110
- package/index-128523eb.js.map +0 -1
- package/index-13401b87.js.map +0 -1
- package/index-5cb32ab5.js.map +0 -1
- package/index-5d6a0f12.js +0 -598
- package/index-5d6a0f12.js.map +0 -1
- package/index-60a7bf91.js +0 -164
- package/index-60a7bf91.js.map +0 -1
- package/index-7700a436.js.map +0 -1
- package/index-7946293f.js +0 -152
- package/index-7946293f.js.map +0 -1
- package/index-7b7478f5.js +0 -132
- package/index-7b7478f5.js.map +0 -1
- package/index-82178c6a.js +0 -361
- package/index-82178c6a.js.map +0 -1
- package/index-98138798.js +0 -187
- package/index-98887e8d.js +0 -7
- package/index-98887e8d.js.map +0 -1
- package/index-ae7ef8cf.js +0 -51
- package/index-b25ffa7e.js.map +0 -1
- package/index-c421b228.js.map +0 -1
- package/index-d99155f7.js +0 -51
- package/index-d99155f7.js.map +0 -1
- package/index-daa3ae67.js.map +0 -1
- package/index-e15f6b6a.js +0 -320
- package/index.module-60af77d3.js +0 -4
- package/index.module-60af77d3.js.map +0 -1
- package/stringFormatterUtils-dbad592d.js +0 -14
- package/stringSet-2814bf17.js.map +0 -1
- package/topics-5659403d.js.map +0 -1
- package/types-89092633.js +0 -15
- package/types-89092633.js.map +0 -1
- package/useHandleUploadFiles-406a6c9c.js.map +0 -1
- package/useLongPress-5e1ad951.js +0 -85
- package/useLongPress-5e1ad951.js.map +0 -1
- package/useSendMultipleFilesMessage-a3a2c84b.js +0 -107
- package/useSendMultipleFilesMessage-a3a2c84b.js.map +0 -1
- package/utils-0c22998a.js +0 -306
- package/utils-0c22998a.js.map +0 -1
- package/utils-407da489.js +0 -4
- package/utils-407da489.js.map +0 -1
- package/utils-b97d5113.js +0 -57
- package/utils-b97d5113.js.map +0 -1
- package/utils-cae84d8a.js +0 -29
- package/utils-cae84d8a.js.map +0 -1
- package/utils-ebf008e2.js +0 -31
- package/utils-ebf008e2.js.map +0 -1
- package/uuid-16373bba.js +0 -13
package/ui/EmojiReactions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiReactions.js","sources":["../../src/ui/MobileMenu/ReactedMembersBottomSheet.tsx","../../src/ui/EmojiReactions/ReactionItem.tsx","../../src/ui/EmojiReactions/AddReactionBadgeItem.tsx","../../src/ui/MobileMenu/MobileEmojisBottomSheet.tsx","../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport { Reaction } from '@sendbird/chat/message';\n\nimport './mobile-menu-reacted-members.scss';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiUrl, SendableMessageType } from '../../utils';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport UserListItem from '../UserListItem';\n\nexport interface ReactedMembersBottomSheetProps {\n message: SendableMessageType;\n channel: GroupChannel;\n emojiKey: string;\n hideMenu: () => void;\n emojiContainer?: EmojiContainer;\n}\n\nexport const ReactedMembersBottomSheet = ({\n message,\n channel,\n emojiKey = '',\n hideMenu,\n emojiContainer,\n}: ReactedMembersBottomSheetProps): ReactElement => {\n const { members = [] } = channel;\n const [selectedEmoji, setSelectedEmoji] = useState(emojiKey);\n\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet\">\n <div className=\"sendbird-message__bottomsheet__reacted-members\">\n {message.reactions?.map((reaction: Reaction): ReactElement => {\n const emojiUrl = getEmojiUrl(emojiContainer, reaction.key);\n return (\n <div\n key={reaction.key}\n className={`\n sendbird-message__bottomsheet__reacted-members__item\n ${selectedEmoji === reaction.key ? 'sendbird-message__bottomsheet__reacted-members__item__selected' : ''}\n `}\n onClick={() => {\n setSelectedEmoji(reaction.key);\n }}\n >\n <ImageRenderer\n url={emojiUrl}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style) => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n <Label\n type={LabelTypography.BUTTON_2}\n color={selectedEmoji === reaction.key ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n >\n {reaction.userIds.length}\n </Label>\n </div>\n );\n })}\n </div>\n <div className=\"sendbird-message__bottomsheet__reactor-list\">\n { // making a member list who reacted to the message with the `selectedEmoji`\n (\n message.reactions?.find(reaction => reaction.key === selectedEmoji)\n ?.userIds.map((userId) => members.find((member) => member.userId === userId))\n .filter((member) => member !== undefined) as Array<Member>\n )\n .map((member) => (\n <UserListItem\n key={member.userId}\n className=\"sendbird-message__bottomsheet__reactor-list__item\"\n user={member}\n avatarSize=\"36px\"\n />\n ))\n }\n </div>\n </div>\n </BottomSheet>\n );\n};\n","import React, { useContext } from 'react';\n\nimport { Emoji } from '@sendbird/chat';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\n\nimport { Nullable } from '../../types';\nimport { getEmojiTooltipString, isReactedBy, SendableMessageType } from '../../utils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useMessageContext } from '../../modules/Message/context/MessageProvider';\n\ntype Props = {\n reaction: Reaction;\n memberNicknamesMap: Map<string, string>;\n setEmojiKey: React.Dispatch<React.SetStateAction<string>>;\n toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n emojisMap: Map<string, Emoji>;\n channel: Nullable<GroupChannel | OpenChannel>;\n};\n\nexport default function ReactionItem({\n reaction,\n memberNicknamesMap,\n setEmojiKey,\n toggleReaction,\n emojisMap,\n channel,\n}: Props) {\n const store = useSendbirdStateContext();\n const { isMobile } = useMediaQueryContext();\n const messageStore = useMessageContext();\n const message = messageStore?.message as UserMessage;\n const { stringSet } = useContext(LocalizationContext);\n\n const userId = store.config.userId;\n const reactedByMe = isReactedBy(userId, reaction);\n const showHoverTooltip = (reaction.userIds.length > 0)\n && (channel?.isGroupChannel() && !channel.isSuper);\n\n const handleOnClick = () => {\n setEmojiKey('');\n toggleReaction?.((message), reaction.key, reactedByMe);\n };\n const longPress = useLongPress({\n onLongPress: () => {\n setEmojiKey(reaction.key);\n },\n onClick: handleOnClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <TooltipWrapper\n className=\"sendbird-emoji-reactions__reaction-badge\"\n hoverTooltip={showHoverTooltip ? (\n <Tooltip>\n {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n </Tooltip>\n ) : <></>}\n >\n <div\n {...(\n isMobile\n ? longPress\n : { onClick: handleOnClick }\n )}\n >\n <ReactionBadge\n count={reaction.userIds.length}\n selected={reactedByMe}\n >\n <ImageRenderer\n circle\n url={emojisMap.get(reaction?.key)?.url || ''}\n width=\"20px\"\n height=\"20px\"\n defaultComponent={(\n <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n )}\n />\n </ReactionBadge>\n </div>\n </TooltipWrapper>\n );\n}\n","import React, {\n KeyboardEvent,\n MouseEvent,\n TouchEvent,\n} from 'react';\nimport ReactionBadge from '../ReactionBadge';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport useLongPress from '../../hooks/useLongPress';\n\nexport interface AddReactionBadgeItemProps {\n onClick: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n}\n\nexport const AddReactionBadgeItem = ({\n onClick,\n}: AddReactionBadgeItemProps): React.ReactElement => {\n const onlyClick = useLongPress({\n onLongPress: () => { /* noop */ },\n onClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <div\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n {...onlyClick}\n >\n <ReactionBadge\n isAdd\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n </div>\n );\n};\n","import React, { ReactElement, useMemo } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { Reaction } from '@sendbird/chat/message';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiListAll, SendableMessageType } from '../../utils';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\nexport interface MobileEmojisBottomSheetProps {\n userId: string;\n message: SendableMessageType;\n emojiContainer: EmojiContainer;\n hideMenu: () => void;\n toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n}\n\nexport const MobileEmojisBottomSheet = ({\n userId,\n message,\n emojiContainer,\n hideMenu,\n toggleReaction,\n}: MobileEmojisBottomSheetProps): ReactElement => {\n const emojiAllList = useMemo(() => {\n return getEmojiListAll(emojiContainer);\n }, [emojiContainer]);\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet sendbird-message__emojis-bottomsheet\">\n {emojiAllList.map((emoji) => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) ?? false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"44px\"\n height=\"44px\"\n selected={isReacted}\n onClick={(e) => {\n e?.stopPropagation();\n toggleReaction?.(message, emoji.key, isReacted);\n hideMenu();\n }}\n dataSbId={`ui_mobile_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji.url}\n width=\"38px\"\n height=\"38px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </div>\n </BottomSheet>\n );\n};\n","import './index.scss';\nimport React, { ReactElement, useRef, useState } from 'react';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\nimport type { Reaction } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport { Nullable, SpaceFromTriggerType } from '../../types';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll, SendableMessageType } from '../../utils';\nimport { ReactedMembersBottomSheet } from '../MobileMenu/ReactedMembersBottomSheet';\nimport ReactionItem from './ReactionItem';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { AddReactionBadgeItem } from './AddReactionBadgeItem';\nimport { MobileEmojisBottomSheet } from '../MobileMenu/MobileEmojisBottomSheet';\n\ninterface Props {\n className?: string | Array<string>;\n userId: string;\n message: SendableMessageType;\n channel: Nullable<GroupChannel>;\n emojiContainer: EmojiContainer;\n memberNicknamesMap: Map<string, string>;\n spaceFromTrigger?: SpaceFromTriggerType;\n isByMe?: boolean;\n toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n}\n\nconst EmojiReactions = ({\n className = '',\n userId,\n message,\n channel,\n emojiContainer,\n memberNicknamesMap,\n spaceFromTrigger = { x: 0, y: 0 },\n isByMe = false,\n toggleReaction,\n}: Props): ReactElement => {\n const { isMobile } = useMediaQueryContext();\n const addReactionRef = useRef(null);\n const [showEmojiList, setShowEmojiList] = useState(false);\n const [selectedEmojiKey, setSelectedEmojiKey] = useState('');\n\n const emojisMap = getEmojiMapAll(emojiContainer);\n const showAddReactionBadge = (message.reactions?.length ?? 0) < emojisMap.size;\n\n return (\n <div className={getClassName([\n className, 'sendbird-emoji-reactions',\n isByMe ? 'outgoing' : 'incoming',\n ])}>\n {((message.reactions?.length ?? 0) > 0) && (\n message.reactions?.map((reaction: Reaction): ReactElement => {\n return (\n <ReactionItem\n key={reaction?.key}\n reaction={reaction}\n memberNicknamesMap={memberNicknamesMap}\n setEmojiKey={setSelectedEmojiKey}\n toggleReaction={toggleReaction}\n emojisMap={emojisMap}\n channel={channel}\n />\n );\n })\n )}\n {(!isMobile && showAddReactionBadge) && (\n <ContextMenu\n menuTrigger={(toggleDropdown: () => void): ReactElement => (\n <ReactionBadge\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n ref={addReactionRef}\n isAdd\n onClick={(e) => {\n toggleDropdown();\n e?.stopPropagation?.();\n }}\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n )}\n menuItems={(closeDropdown: () => void): ReactElement => (\n <EmojiListItems\n parentRef={addReactionRef}\n parentContainRef={addReactionRef}\n closeDropdown={closeDropdown}\n spaceFromTrigger={spaceFromTrigger}\n >\n {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) || false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"36px\"\n height=\"36px\"\n selected={isReacted}\n onClick={(e): void => {\n closeDropdown();\n toggleReaction?.(message, emoji.key, isReacted);\n e?.stopPropagation();\n }}\n dataSbId={`ui_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji?.url || ''}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </EmojiListItems>\n )}\n />\n )}\n {(isMobile && showAddReactionBadge) && (\n <AddReactionBadgeItem\n onClick={() => {\n setShowEmojiList(true);\n }}\n />\n )}\n {(isMobile && showEmojiList) && (\n <MobileEmojisBottomSheet\n userId={userId}\n message={message}\n emojiContainer={emojiContainer}\n hideMenu={() => {\n setShowEmojiList(false);\n }}\n toggleReaction={toggleReaction}\n />\n )}\n {(isMobile && selectedEmojiKey && channel !== null) && (\n <ReactedMembersBottomSheet\n message={message}\n channel={channel}\n emojiKey={selectedEmojiKey}\n hideMenu={() => {\n setSelectedEmojiKey('');\n }}\n emojiContainer={emojiContainer}\n />\n )}\n </div>\n );\n};\n\nexport default EmojiReactions;\n"],"names":["ReactedMembersBottomSheet","_ref","_message$reactions","_message$reactions2","_message$reactions2$f","message","channel","emojiKey","hideMenu","emojiContainer","members","selectedEmoji","setSelectedEmoji","useState","React","createElement","BottomSheet","onBackdropClick","className","reactions","map","reaction","emojiUrl","getEmojiUrl","key","onClick","ImageRenderer","url","width","height","placeHolder","style","Icon","type","IconTypes","QUESTION","fillColor","IconColors","ON_BACKGROUND_3","Label","LabelTypography","BUTTON_2","color","LabelColors","PRIMARY","ONBACKGROUND_3","userIds","length","find","userId","member","filter","undefined","UserListItem","user","avatarSize","ReactionItem","_emojisMap$get","memberNicknamesMap","setEmojiKey","toggleReaction","emojisMap","store","useSendbirdStateContext","isMobile","useMediaQueryContext","messageStore","useMessageContext","stringSet","useContext","LocalizationContext","config","reactedByMe","isReactedBy","showHoverTooltip","isGroupChannel","isSuper","handleOnClick","longPress","useLongPress","onLongPress","shouldPreventDefault","shouldStopPropagation","TooltipWrapper","hoverTooltip","Tooltip","getEmojiTooltipString","Fragment","ReactionBadge","count","selected","circle","get","defaultComponent","AddReactionBadgeItem","onlyClick","_extends","isAdd","EMOJI_MORE","MobileEmojisBottomSheet","emojiAllList","useMemo","getEmojiListAll","emoji","_message$reactions$fi","_message$reactions$fi2","_message$reactions$fi3","isReacted","some","reactorId","ReactionButton","e","stopPropagation","dataSbId","EmojiReactions","_message$reactions$le","_message$reactions$le2","_message$reactions3","spaceFromTrigger","x","y","isByMe","addReactionRef","useRef","showEmojiList","setShowEmojiList","selectedEmojiKey","setSelectedEmojiKey","getEmojiMapAll","showAddReactionBadge","size","getClassName","ContextMenu","menuTrigger","toggleDropdown","ref","_e$stopPropagation","call","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef","_message$reactions4","_message$reactions4$f","_message$reactions4$f2"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EmojiReactions.js","sources":["../../src/ui/MobileMenu/ReactedMembersBottomSheet.tsx","../../src/ui/EmojiReactions/ReactionItem.tsx","../../src/ui/EmojiReactions/AddReactionBadgeItem.tsx","../../src/ui/MobileMenu/MobileEmojisBottomSheet.tsx","../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { EmojiContainer, User } from '@sendbird/chat';\nimport { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport { Reaction } from '@sendbird/chat/message';\n\nimport './mobile-menu-reacted-members.scss';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiUrl, SendableMessageType } from '../../utils';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport UserListItem from '../UserListItem';\n\nexport interface ReactedMembersBottomSheetProps {\n message: SendableMessageType;\n channel: GroupChannel;\n emojiKey: string;\n hideMenu: () => void;\n emojiContainer?: EmojiContainer;\n onPressUserProfileHandler?: (member: User) => void;\n}\n\nexport const ReactedMembersBottomSheet = ({\n message,\n channel,\n emojiKey = '',\n hideMenu,\n emojiContainer,\n onPressUserProfileHandler,\n}: ReactedMembersBottomSheetProps): ReactElement => {\n const { members = [] } = channel;\n const [selectedEmoji, setSelectedEmoji] = useState(emojiKey);\n\n function onPressUserProfileCallBack() {\n if (onPressUserProfileHandler && message) {\n const sender = (message as SendableMessageType)?.sender;\n onPressUserProfileHandler(sender);\n }\n }\n\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet\">\n <div className=\"sendbird-message__bottomsheet__reacted-members\">\n {message.reactions?.map((reaction: Reaction): ReactElement => {\n const emojiUrl = getEmojiUrl(emojiContainer, reaction.key);\n return (\n <div\n key={reaction.key}\n className={`\n sendbird-message__bottomsheet__reacted-members__item\n ${selectedEmoji === reaction.key ? 'sendbird-message__bottomsheet__reacted-members__item__selected' : ''}\n `}\n onClick={() => {\n setSelectedEmoji(reaction.key);\n }}\n >\n <ImageRenderer\n url={emojiUrl}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style) => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n <Label\n type={LabelTypography.BUTTON_2}\n color={selectedEmoji === reaction.key ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n >\n {reaction.userIds.length}\n </Label>\n </div>\n );\n })}\n </div>\n <div className=\"sendbird-message__bottomsheet__reactor-list\">\n { // making a member list who reacted to the message with the `selectedEmoji`\n (\n message.reactions?.find(reaction => reaction.key === selectedEmoji)\n ?.userIds.map((userId) => members.find((member) => member.userId === userId))\n .filter((member) => member !== undefined) as Array<Member>\n )\n .map((member) => (\n <UserListItem\n key={member.userId}\n className=\"sendbird-message__bottomsheet__reactor-list__item\"\n user={member}\n avatarSize=\"36px\"\n onClick={onPressUserProfileCallBack}\n />\n ))\n }\n </div>\n </div>\n </BottomSheet>\n );\n};\n","import React, { useContext } from 'react';\n\nimport { Emoji } from '@sendbird/chat';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\n\nimport { Nullable } from '../../types';\nimport { getEmojiTooltipString, isReactedBy, SendableMessageType } from '../../utils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useMessageContext } from '../../modules/Message/context/MessageProvider';\n\ntype Props = {\n reaction: Reaction;\n memberNicknamesMap: Map<string, string>;\n setEmojiKey: React.Dispatch<React.SetStateAction<string>>;\n toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n emojisMap: Map<string, Emoji>;\n channel: Nullable<GroupChannel | OpenChannel>;\n};\n\nexport default function ReactionItem({\n reaction,\n memberNicknamesMap,\n setEmojiKey,\n toggleReaction,\n emojisMap,\n channel,\n}: Props) {\n const store = useSendbirdStateContext();\n const { isMobile } = useMediaQueryContext();\n const messageStore = useMessageContext();\n const message = messageStore?.message as UserMessage;\n const { stringSet } = useContext(LocalizationContext);\n\n const userId = store.config.userId;\n const reactedByMe = isReactedBy(userId, reaction);\n const showHoverTooltip = (reaction.userIds.length > 0)\n && (channel?.isGroupChannel() && !channel.isSuper);\n\n const handleOnClick = () => {\n setEmojiKey('');\n toggleReaction?.((message), reaction.key, reactedByMe);\n };\n const longPress = useLongPress({\n onLongPress: () => {\n setEmojiKey(reaction.key);\n },\n onClick: handleOnClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <TooltipWrapper\n className=\"sendbird-emoji-reactions__reaction-badge\"\n hoverTooltip={showHoverTooltip ? (\n <Tooltip>\n {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n </Tooltip>\n ) : <></>}\n >\n <div\n {...(\n isMobile\n ? longPress\n : { onClick: handleOnClick }\n )}\n >\n <ReactionBadge\n count={reaction.userIds.length}\n selected={reactedByMe}\n >\n <ImageRenderer\n circle\n url={emojisMap.get(reaction?.key)?.url || ''}\n width=\"20px\"\n height=\"20px\"\n defaultComponent={(\n <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n )}\n />\n </ReactionBadge>\n </div>\n </TooltipWrapper>\n );\n}\n","import React, {\n KeyboardEvent,\n MouseEvent,\n TouchEvent,\n} from 'react';\nimport ReactionBadge from '../ReactionBadge';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport useLongPress from '../../hooks/useLongPress';\n\nexport interface AddReactionBadgeItemProps {\n onClick: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n}\n\nexport const AddReactionBadgeItem = ({\n onClick,\n}: AddReactionBadgeItemProps): React.ReactElement => {\n const onlyClick = useLongPress({\n onLongPress: () => { /* noop */ },\n onClick,\n }, {\n shouldPreventDefault: true,\n shouldStopPropagation: true,\n });\n\n return (\n <div\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n {...onlyClick}\n >\n <ReactionBadge\n isAdd\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n </div>\n );\n};\n","import React, { ReactElement, useMemo } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { Reaction } from '@sendbird/chat/message';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiListAll, SendableMessageType } from '../../utils';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\nexport interface MobileEmojisBottomSheetProps {\n userId: string;\n message: SendableMessageType;\n emojiContainer: EmojiContainer;\n hideMenu: () => void;\n toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n}\n\nexport const MobileEmojisBottomSheet = ({\n userId,\n message,\n emojiContainer,\n hideMenu,\n toggleReaction,\n}: MobileEmojisBottomSheetProps): ReactElement => {\n const emojiAllList = useMemo(() => {\n return getEmojiListAll(emojiContainer);\n }, [emojiContainer]);\n return (\n <BottomSheet onBackdropClick={hideMenu}>\n <div className=\"sendbird-message__bottomsheet sendbird-message__emojis-bottomsheet\">\n {emojiAllList.map((emoji) => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) ?? false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"44px\"\n height=\"44px\"\n selected={isReacted}\n onClick={(e) => {\n e?.stopPropagation();\n toggleReaction?.(message, emoji.key, isReacted);\n hideMenu();\n }}\n dataSbId={`ui_mobile_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji.url}\n width=\"38px\"\n height=\"38px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </div>\n </BottomSheet>\n );\n};\n","import './index.scss';\nimport React, { ReactElement, useRef, useState } from 'react';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\nimport type { Reaction } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport { Nullable, SpaceFromTriggerType } from '../../types';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll, SendableMessageType } from '../../utils';\nimport { ReactedMembersBottomSheet } from '../MobileMenu/ReactedMembersBottomSheet';\nimport ReactionItem from './ReactionItem';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { AddReactionBadgeItem } from './AddReactionBadgeItem';\nimport { MobileEmojisBottomSheet } from '../MobileMenu/MobileEmojisBottomSheet';\nimport { User } from '@sendbird/chat';\n\ninterface Props {\n className?: string | Array<string>;\n userId: string;\n message: SendableMessageType;\n channel: Nullable<GroupChannel>;\n emojiContainer: EmojiContainer;\n memberNicknamesMap: Map<string, string>;\n spaceFromTrigger?: SpaceFromTriggerType;\n isByMe?: boolean;\n toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n onPressUserProfile?: (member: User) => void;\n}\n\nconst EmojiReactions = ({\n className = '',\n userId,\n message,\n channel,\n emojiContainer,\n memberNicknamesMap,\n spaceFromTrigger = { x: 0, y: 0 },\n isByMe = false,\n toggleReaction,\n onPressUserProfile,\n}: Props): ReactElement => {\n const { isMobile } = useMediaQueryContext();\n const addReactionRef = useRef(null);\n const [showEmojiList, setShowEmojiList] = useState(false);\n const [selectedEmojiKey, setSelectedEmojiKey] = useState('');\n\n const emojisMap = getEmojiMapAll(emojiContainer);\n const showAddReactionBadge = (message.reactions?.length ?? 0) < emojisMap.size;\n\n return (\n <div className={getClassName([\n className, 'sendbird-emoji-reactions',\n isByMe ? 'outgoing' : 'incoming',\n ])}>\n {((message.reactions?.length ?? 0) > 0) && (\n message.reactions?.map((reaction: Reaction): ReactElement => {\n return (\n <ReactionItem\n key={reaction?.key}\n reaction={reaction}\n memberNicknamesMap={memberNicknamesMap}\n setEmojiKey={setSelectedEmojiKey}\n toggleReaction={toggleReaction}\n emojisMap={emojisMap}\n channel={channel}\n />\n );\n })\n )}\n {(!isMobile && showAddReactionBadge) && (\n <ContextMenu\n menuTrigger={(toggleDropdown: () => void): ReactElement => (\n <ReactionBadge\n className=\"sendbird-emoji-reactions__add-reaction-badge\"\n ref={addReactionRef}\n isAdd\n onClick={(e) => {\n toggleDropdown();\n e?.stopPropagation?.();\n }}\n >\n <Icon\n type={IconTypes.EMOJI_MORE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"20px\"\n height=\"20px\"\n />\n </ReactionBadge>\n )}\n menuItems={(closeDropdown: () => void): ReactElement => (\n <EmojiListItems\n parentRef={addReactionRef}\n parentContainRef={addReactionRef}\n closeDropdown={closeDropdown}\n spaceFromTrigger={spaceFromTrigger}\n >\n {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n const isReacted: boolean = (message?.reactions\n ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n ?.some((reactorId: string): boolean => reactorId === userId)) || false;\n return (\n <ReactionButton\n key={emoji.key}\n width=\"36px\"\n height=\"36px\"\n selected={isReacted}\n onClick={(e): void => {\n closeDropdown();\n toggleReaction?.(message, emoji.key, isReacted);\n e?.stopPropagation();\n }}\n dataSbId={`ui_emoji_reactions_menu_${emoji.key}`}\n >\n <ImageRenderer\n url={emoji?.url || ''}\n width=\"28px\"\n height=\"28px\"\n placeHolder={(style: Record<string, unknown>): ReactElement => (\n <div style={style}>\n <Icon\n type={IconTypes.QUESTION}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"28px\"\n height=\"28px\"\n />\n </div>\n )}\n />\n </ReactionButton>\n );\n })}\n </EmojiListItems>\n )}\n />\n )}\n {(isMobile && showAddReactionBadge) && (\n <AddReactionBadgeItem\n onClick={() => {\n setShowEmojiList(true);\n }}\n />\n )}\n {(isMobile && showEmojiList) && (\n <MobileEmojisBottomSheet\n userId={userId}\n message={message}\n emojiContainer={emojiContainer}\n hideMenu={() => {\n setShowEmojiList(false);\n }}\n toggleReaction={toggleReaction}\n />\n )}\n {(isMobile && selectedEmojiKey && channel !== null) && (\n <ReactedMembersBottomSheet\n message={message}\n channel={channel}\n emojiKey={selectedEmojiKey}\n hideMenu={() => {\n setSelectedEmojiKey('');\n }}\n emojiContainer={emojiContainer}\n onPressUserProfileHandler={onPressUserProfile}\n />\n )}\n </div>\n );\n};\n\nexport default EmojiReactions;\n"],"names":["ReactedMembersBottomSheet","_a","message","channel","_e","emojiKey","hideMenu","emojiContainer","onPressUserProfileHandler","_f","members","_g","useState","selectedEmoji","setSelectedEmoji","onPressUserProfileCallBack","sender","React","createElement","BottomSheet","onBackdropClick","className","_b","reactions","map","reaction","emojiUrl","getEmojiUrl","key","concat","onClick","ImageRenderer","url","width","height","placeHolder","style","Icon","type","IconTypes","QUESTION","fillColor","IconColors","ON_BACKGROUND_3","Label","LabelTypography","BUTTON_2","color","LabelColors","PRIMARY","ONBACKGROUND_3","userIds","length","_d","_c","find","userId","member","filter","undefined","UserListItem","user","avatarSize","ReactionItem","memberNicknamesMap","setEmojiKey","toggleReaction","emojisMap","store","useSendbirdStateContext","isMobile","useMediaQueryContext","messageStore","useMessageContext","stringSet","useContext","LocalizationContext","config","reactedByMe","isReactedBy","showHoverTooltip","isGroupChannel","isSuper","handleOnClick","longPress","useLongPress","onLongPress","shouldPreventDefault","shouldStopPropagation","TooltipWrapper","hoverTooltip","Tooltip","getEmojiTooltipString","Fragment","ReactionBadge","count","selected","circle","get","defaultComponent","AddReactionBadgeItem","onlyClick","_extends","isAdd","EMOJI_MORE","MobileEmojisBottomSheet","emojiAllList","useMemo","getEmojiListAll","emoji","isReacted","some","reactorId","ReactionButton","e","stopPropagation","dataSbId","EmojiReactions","_h","spaceFromTrigger","x","y","_j","isByMe","onPressUserProfile","addReactionRef","useRef","_k","showEmojiList","setShowEmojiList","_l","selectedEmojiKey","setSelectedEmojiKey","getEmojiMapAll","showAddReactionBadge","size","getClassName","ContextMenu","menuTrigger","toggleDropdown","ref","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef"],"mappings":"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"}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-
|
|
2
|
+
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-12103973.js';
|
|
3
3
|
import Icon, { IconTypes, IconColors } from './Icon.js';
|
|
4
4
|
import TextButton from './TextButton.js';
|
|
5
|
-
import {
|
|
6
|
-
import { C as Colors } from '../color-
|
|
7
|
-
import { u as useMediaQueryContext } from '../MediaQueryContext-
|
|
5
|
+
import { o as getClassName, Q as getUIKitFileType, R as truncateString } from '../index-fc1642cb.js';
|
|
6
|
+
import { C as Colors } from '../color-1383d4ab.js';
|
|
7
|
+
import { u as useMediaQueryContext } from '../MediaQueryContext-3eeeec4f.js';
|
|
8
8
|
import 'prop-types';
|
|
9
|
-
import '../stringSet-
|
|
10
|
-
import '../
|
|
9
|
+
import '../stringSet-1106c8ec.js';
|
|
10
|
+
import '../tslib.es6-0c779aab.js';
|
|
11
11
|
import '../utils/message/getOutgoingMessageState.js';
|
|
12
|
-
import '../index
|
|
12
|
+
import '../index-c6095960.js';
|
|
13
13
|
|
|
14
|
-
function FileMessageItemBody(
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
isByMe = false,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
14
|
+
function FileMessageItemBody(_a) {
|
|
15
|
+
var _b;
|
|
16
|
+
var className = _a.className,
|
|
17
|
+
message = _a.message,
|
|
18
|
+
_c = _a.isByMe,
|
|
19
|
+
isByMe = _c === void 0 ? false : _c,
|
|
20
|
+
_d = _a.mouseHover,
|
|
21
|
+
mouseHover = _d === void 0 ? false : _d,
|
|
22
|
+
_e = _a.isReactionEnabled,
|
|
23
|
+
isReactionEnabled = _e === void 0 ? false : _e,
|
|
24
|
+
_f = _a.truncateLimit,
|
|
25
|
+
truncateLimit = _f === void 0 ? null : _f;
|
|
26
|
+
var isMobile = useMediaQueryContext().isMobile;
|
|
27
|
+
var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
|
|
28
28
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
29
|
-
className: getClassName([className, 'sendbird-file-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && (message === null || message === void 0 ? void 0 :
|
|
29
|
+
className: getClassName([className, 'sendbird-file-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
|
|
30
30
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
31
31
|
className: "sendbird-file-message-item-body__file-icon"
|
|
32
32
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -43,7 +43,7 @@ function FileMessageItemBody(_ref) {
|
|
|
43
43
|
height: "24px"
|
|
44
44
|
})), /*#__PURE__*/React__default.createElement(TextButton, {
|
|
45
45
|
className: "sendbird-file-message-item-body__file-name",
|
|
46
|
-
onClick: ()
|
|
46
|
+
onClick: function () {
|
|
47
47
|
window.open(message === null || message === void 0 ? void 0 : message.url);
|
|
48
48
|
},
|
|
49
49
|
color: isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n className?: string | Array<string>;\n message: FileMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isReactionEnabled?: boolean;\n truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isReactionEnabled = false,\n truncateLimit = null,\n}: Props): ReactElement {\n const { isMobile } = useMediaQueryContext();\n const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n return (\n <div className={getClassName([\n className,\n 'sendbird-file-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n ])}>\n <div className=\"sendbird-file-message-item-body__file-icon\">\n <Icon\n className=\"sendbird-file-message-item-body__file-icon__icon\"\n type={{\n IMAGE: IconTypes.PHOTO,\n VIDEO: IconTypes.PLAY,\n AUDIO: IconTypes.FILE_AUDIO,\n GIF: IconTypes.GIF,\n OTHERS: IconTypes.FILE_DOCUMENT,\n }[getUIKitFileType(message?.type)]}\n fillColor={IconColors.PRIMARY}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n <TextButton\n className=\"sendbird-file-message-item-body__file-name\"\n onClick={() => { window.open(message?.url); }}\n color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n >\n <Label\n className=\"sendbird-file-message-item-body__file-name__text\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n {truncateString(message?.name || message?.url, truncateMaxNum)}\n </Label>\n </TextButton>\n </div>\n );\n}\n"],"names":["FileMessageItemBody","
|
|
1
|
+
{"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n className?: string | Array<string>;\n message: FileMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isReactionEnabled?: boolean;\n truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isReactionEnabled = false,\n truncateLimit = null,\n}: Props): ReactElement {\n const { isMobile } = useMediaQueryContext();\n const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n return (\n <div className={getClassName([\n className,\n 'sendbird-file-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n ])}>\n <div className=\"sendbird-file-message-item-body__file-icon\">\n <Icon\n className=\"sendbird-file-message-item-body__file-icon__icon\"\n type={{\n IMAGE: IconTypes.PHOTO,\n VIDEO: IconTypes.PLAY,\n AUDIO: IconTypes.FILE_AUDIO,\n GIF: IconTypes.GIF,\n OTHERS: IconTypes.FILE_DOCUMENT,\n }[getUIKitFileType(message?.type)]}\n fillColor={IconColors.PRIMARY}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n <TextButton\n className=\"sendbird-file-message-item-body__file-name\"\n onClick={() => { window.open(message?.url); }}\n color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n >\n <Label\n className=\"sendbird-file-message-item-body__file-name__text\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n {truncateString(message?.name || message?.url, truncateMaxNum)}\n </Label>\n </TextButton>\n </div>\n );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","_f","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","_b","reactions","length","Icon","type","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","url","color","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}
|
package/ui/FileViewer.js
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import '../_rollupPluginBabelHelpers-
|
|
1
|
+
import '../_rollupPluginBabelHelpers-07dcbc2b.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'react-dom';
|
|
4
|
-
import '../LocalizationContext-
|
|
5
|
-
import '../
|
|
6
|
-
import '../
|
|
7
|
-
import '../
|
|
4
|
+
import '../LocalizationContext-d18a86d8.js';
|
|
5
|
+
import '../tslib.es6-0c779aab.js';
|
|
6
|
+
import '../index-c6095960.js';
|
|
7
|
+
import '../utils-74c161a0.js';
|
|
8
|
+
import '../index-12103973.js';
|
|
9
|
+
import '../types-4ffc52f6.js';
|
|
8
10
|
import './Icon.js';
|
|
9
|
-
import '../index-
|
|
10
|
-
import '../index-
|
|
11
|
+
import '../index-c7ed4aef.js';
|
|
12
|
+
import '../index-fc1642cb.js';
|
|
11
13
|
import './Avatar.js';
|
|
12
|
-
export { b as FileViewerComponent, F as default } from '../index-
|
|
13
|
-
import '../stringSet-
|
|
14
|
-
import '../index-
|
|
14
|
+
export { b as FileViewerComponent, F as default } from '../index-7a1085b6.js';
|
|
15
|
+
import '../stringSet-1106c8ec.js';
|
|
16
|
+
import '../index-d3f61405.js';
|
|
15
17
|
import 'prop-types';
|
|
16
18
|
import '../utils/message/getOutgoingMessageState.js';
|
|
17
19
|
import './ImageRenderer.js';
|
|
18
|
-
import '../uuid-
|
|
19
|
-
import '../consts-
|
|
20
|
+
import '../uuid-3c77ef7b.js';
|
|
21
|
+
import '../consts-aa64aca8.js';
|
|
20
22
|
//# sourceMappingURL=FileViewer.js.map
|
package/ui/FileViewer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/ui/Icon.js
CHANGED
|
@@ -3,7 +3,7 @@ import React__default from 'react';
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
|
|
5
5
|
/* eslint-disable no-redeclare */
|
|
6
|
-
|
|
6
|
+
var Types = {
|
|
7
7
|
ADD: 'ADD',
|
|
8
8
|
ARROW_LEFT: 'ARROW_LEFT',
|
|
9
9
|
ATTACH: 'ATTACH',
|
|
@@ -65,7 +65,7 @@ const Types = {
|
|
|
65
65
|
};
|
|
66
66
|
|
|
67
67
|
/* eslint-disable no-redeclare */
|
|
68
|
-
|
|
68
|
+
var Colors = {
|
|
69
69
|
DEFAULT: 'DEFAULT',
|
|
70
70
|
PRIMARY: 'PRIMARY',
|
|
71
71
|
PRIMARY_2: 'PRIMARY_2',
|
package/ui/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":["../../src/ui/Icon/type.ts","../../src/ui/Icon/colors.ts","../../src/ui/Icon/utils.ts","../../src/ui/Icon/index.jsx"],"sourcesContent":["/* eslint-disable no-redeclare */\nexport const Types = {\n ADD: 'ADD',\n ARROW_LEFT: 'ARROW_LEFT',\n ATTACH: 'ATTACH',\n AUDIO_ON_LINED: 'AUDIO_ON_LINED',\n BAN: 'BAN',\n BROADCAST: 'BROADCAST',\n CAMERA: 'CAMERA',\n CHANNELS: 'CHANNELS',\n CHAT: 'CHAT',\n CHAT_FILLED: 'CHAT_FILLED',\n CHEVRON_DOWN: 'CHEVRON_DOWN',\n CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n CLOSE: 'CLOSE',\n COLLAPSE: 'COLLAPSE',\n COPY: 'COPY',\n CREATE: 'CREATE',\n DELETE: 'DELETE',\n DISCONNECTED: 'DISCONNECTED',\n DOCUMENT: 'DOCUMENT',\n DONE: 'DONE',\n DONE_ALL: 'DONE_ALL',\n DOWNLOAD: 'DOWNLOAD',\n EDIT: 'EDIT',\n EMOJI_MORE: 'EMOJI_MORE',\n ERROR: 'ERROR',\n EXPAND: 'EXPAND',\n FILE_AUDIO: 'FILE_AUDIO',\n FILE_DOCUMENT: 'FILE_DOCUMENT',\n FREEZE: 'FREEZE',\n GIF: 'GIF',\n INFO: 'INFO',\n LEAVE: 'LEAVE',\n MEMBERS: 'MEMBERS',\n MESSAGE: 'MESSAGE',\n MODERATIONS: 'MODERATIONS',\n MORE: 'MORE',\n MUTE: 'MUTE',\n NOTIFICATIONS: 'NOTIFICATIONS',\n NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n OPERATOR: 'OPERATOR',\n PHOTO: 'PHOTO',\n PLAY: 'PLAY',\n PLUS: 'PLUS',\n QUESTION: 'QUESTION',\n REFRESH: 'REFRESH',\n REPLY: 'REPLY',\n REMOVE: 'REMOVE',\n SEARCH: 'SEARCH',\n SEND: 'SEND',\n SETTINGS_FILLED: 'SETTINGS_FILLED',\n SLIDE_LEFT: 'SLIDE_LEFT',\n SPINNER: 'SPINNER',\n SUPERGROUP: 'SUPERGROUP',\n THREAD: 'THREAD',\n THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n TOGGLE_OFF: 'TOGGLE_OFF',\n TOGGLE_ON: 'TOGGLE_ON',\n USER: 'USER',\n} as const;\nexport type Types = typeof Types[keyof typeof Types];\n","/* eslint-disable no-redeclare */\nexport const Colors = {\n DEFAULT: 'DEFAULT',\n PRIMARY: 'PRIMARY',\n PRIMARY_2: 'PRIMARY_2',\n SECONDARY: 'SECONDARY',\n CONTENT: 'CONTENT',\n CONTENT_INVERSE: 'CONTENT_INVERSE',\n WHITE: 'WHITE',\n GRAY: 'GRAY',\n THUMBNAIL_ICON: 'THUMBNAIL_ICON',\n SENT: 'SENT',\n READ: 'READ',\n ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n ON_BACKGROUND_4: 'ON_BACKGROUND_4',\n BACKGROUND_3: 'BACKGROUND_3',\n ERROR: 'ERROR',\n} as const;\nexport type Colors = typeof Colors[keyof typeof Colors];\n\nexport default { Colors };\n","import { Types } from './type';\nimport { Colors } from './colors';\n\nexport function changeColorToClassName(color: Colors): string {\n switch (color) {\n case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n case Colors.PRIMARY_2: return 'sendbird-icon-color--primary-2';\n case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n case Colors.CONTENT: return 'sendbird-icon-color--content';\n case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n case Colors.WHITE: return 'sendbird-icon-color--white';\n case Colors.GRAY: return 'sendbird-icon-color--gray';\n case Colors.THUMBNAIL_ICON: return 'sendbird-icon-color--thumbnail-icon';\n case Colors.SENT: return 'sendbird-icon-color--sent';\n case Colors.READ: return 'sendbird-icon-color--read';\n case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n case Colors.ON_BACKGROUND_4: return 'sendbird-icon-color--on-background-4';\n case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n case Colors.ERROR: return 'sendbird-icon-color--error';\n default: return '';\n }\n}\n\nexport function changeTypeToIconClassName(type: Types): string {\n switch (type) {\n case Types.ADD: return 'sendbird-icon-add';\n case Types.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n case Types.ATTACH: return 'sendbird-icon-attach';\n case Types.AUDIO_ON_LINED: return 'sendbird-icon-audio-on-lined';\n case Types.BAN: return 'sendbird-icon-ban';\n case Types.BROADCAST: return 'sendbird-icon-broadcast';\n case Types.CAMERA: return 'sendbird-icon-camera';\n case Types.CHANNELS: return 'sendbird-icon-channels';\n case Types.CHAT: return 'sendbird-icon-chat';\n case Types.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n case Types.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n case Types.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n case Types.CLOSE: return 'sendbird-icon-close';\n case Types.COLLAPSE: return 'sendbird-icon-collapse';\n case Types.COPY: return 'sendbird-icon-copy';\n case Types.CREATE: return 'sendbird-icon-create';\n case Types.DELETE: return 'sendbird-icon-delete';\n case Types.DISCONNECTED: return 'sendbird-icon-disconnected';\n case Types.DOCUMENT: return 'sendbird-icon-document';\n case Types.DONE: return 'sendbird-icon-done';\n case Types.DONE_ALL: return 'sendbird-icon-done-all';\n case Types.DOWNLOAD: return 'sendbird-icon-down-load';\n case Types.EDIT: return 'sendbird-icon-edit';\n case Types.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n case Types.ERROR: return 'sendbird-icon-error';\n case Types.EXPAND: return 'sendbird-icon-expand';\n case Types.FILE_AUDIO: return 'sendbird-icon-file-audio';\n case Types.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n case Types.FREEZE: return 'sendbird-icon-freeze';\n case Types.GIF: return 'sendbird-icon-gif';\n case Types.INFO: return 'sendbird-icon-info';\n case Types.LEAVE: return 'sendbird-icon-leave';\n case Types.MEMBERS: return 'sendbird-icon-members';\n case Types.MESSAGE: return 'sendbird-icon-message';\n case Types.MODERATIONS: return 'sendbird-icon-moderations';\n case Types.MORE: return 'sendbird-icon-more';\n case Types.MUTE: return 'sendbird-icon-mute';\n case Types.NOTIFICATIONS: return 'sendbird-icon-notifications';\n case Types.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n case Types.OPERATOR: return 'sendbird-icon-operator';\n case Types.PHOTO: return 'sendbird-icon-photo';\n case Types.PLAY: return 'sendbird-icon-play';\n case Types.PLUS: return 'sendbird-iconn-plus';\n case Types.QUESTION: return 'sendbird-icon-question';\n case Types.REFRESH: return 'sendbird-icon-refresh';\n case Types.REMOVE: return 'sendbird-icon-remove';\n case Types.REPLY: return 'sendbird-icon-reply';\n case Types.SEARCH: return 'sendbird-icon-search';\n case Types.SEND: return 'sendbird-icon-send';\n case Types.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n case Types.SPINNER: return 'sendbird-icon-spinner';\n case Types.SUPERGROUP: return 'sendbird-icon-supergroup';\n case Types.THREAD: return 'sendbird-icon-thread';\n case Types.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n case Types.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n case Types.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n case Types.USER: return 'sendbird-icon-user';\n default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Types } from './type';\nimport { Colors } from './colors';\nimport {\n changeColorToClassName,\n changeTypeToIconClassName,\n} from './utils';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconAudioOnLined from '../../svgs/icon-audio-on-lined.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSlideLeft from '../../svgs/icon-slide-left.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThread from '../../svgs/icon-thread.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nfunction changeTypeToIconComponent(type) {\n switch (type) {\n case Types.ADD: return <IconAdd />;\n case Types.ARROW_LEFT: return <IconArrowLeft />;\n case Types.ATTACH: return <IconAttach />;\n case Types.AUDIO_ON_LINED: return <IconAudioOnLined />;\n case Types.BAN: return <IconBan />;\n case Types.BROADCAST: return <IconBroadcast />;\n case Types.CAMERA: return <IconCamera />;\n case Types.CHANNELS: return <IconChannels />;\n case Types.CHAT: return <IconChat />;\n case Types.CHAT_FILLED: return <IconChatFilled />;\n case Types.CHEVRON_DOWN: return <IconChevronDown />;\n case Types.CHEVRON_RIGHT: return <IconChevronRight />;\n case Types.CLOSE: return <IconClose />;\n case Types.COLLAPSE: return <IconCollapse />;\n case Types.COPY: return <IconCopy />;\n case Types.CREATE: return <IconCreate />;\n case Types.DELETE: return <IconDelete />;\n case Types.DISCONNECTED: return <IconDisconnected />;\n case Types.DOCUMENT: return <IconDocument />;\n case Types.DONE: return <IconDone />;\n case Types.DONE_ALL: return <IconDoneAll />;\n case Types.DOWNLOAD: return <IconDownload />;\n case Types.EDIT: return <IconEdit />;\n case Types.EMOJI_MORE: return <IconEmojiMore />;\n case Types.ERROR: return <IconError />;\n case Types.EXPAND: return <IconExpand />;\n case Types.FILE_AUDIO: return <IconFileAudio />;\n case Types.FILE_DOCUMENT: return <IconFileDocument />;\n case Types.FREEZE: return <IconFreeze />;\n case Types.GIF: return <IconGif />;\n case Types.INFO: return <IconInfo />;\n case Types.LEAVE: return <IconLeave />;\n case Types.MEMBERS: return <IconMembers />;\n case Types.MESSAGE: return <IconMessage />;\n case Types.MODERATIONS: return <IconModerations />;\n case Types.MORE: return <IconMore />;\n case Types.MUTE: return <IconMute />;\n case Types.NOTIFICATIONS: return <IconNotifications />;\n case Types.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n case Types.OPERATOR: return <IconOperator />;\n case Types.PHOTO: return <IconPhoto />;\n case Types.PLAY: return <IconPlay />;\n case Types.PLUS: return <IconPlus />;\n case Types.QUESTION: return <IconQuestion />;\n case Types.REFRESH: return <IconRefresh />;\n case Types.REMOVE: return <IconRemove />;\n case Types.REPLY: return <IconReply />;\n case Types.SEARCH: return <IconSearch />;\n case Types.SEND: return <IconSend />;\n case Types.SETTINGS_FILLED: return <IconSettingsFilled />;\n case Types.SLIDE_LEFT: return <IconSlideLeft />;\n case Types.SPINNER: return <IconSpinner />;\n case Types.SUPERGROUP: return <IconSupergroup />;\n case Types.THREAD: return <IconThread />;\n case Types.THUMBNAIL_NONE: return <IconThumbnailNone />;\n case Types.TOGGLE_OFF: return <IconToggleOff />;\n case Types.TOGGLE_ON: return <IconToggleOn />;\n case Types.USER: return <IconUser />;\n default: return 'icon'; // If you see this text 'icon' replace icon for it\n }\n}\n\nexport default function Icon({\n className,\n type,\n fillColor,\n width,\n height,\n onClick,\n children,\n}) {\n const iconStyle = {\n width: typeof width === 'string' ? width : `${width}px`,\n minWidth: typeof width === 'string' ? width : `${width}px`,\n height: typeof height === 'string' ? height : `${height}px`,\n minHeight: typeof height === 'string' ? height : `${height}px`,\n };\n return (\n <div\n className={[\n ...Array.isArray(className) ? className : [className],\n 'sendbird-icon',\n changeTypeToIconClassName(type),\n changeColorToClassName(fillColor),\n ].join(' ')}\n role=\"button\"\n onClick={onClick}\n onKeyDown={onClick}\n tabIndex=\"0\"\n style={iconStyle}\n >\n {children || changeTypeToIconComponent(type)}\n </div>\n );\n}\n\nIcon.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n /** Type: Use strings from below list */\n type: PropTypes.oneOfType([\n PropTypes.oneOf(Object.keys(Types)),\n PropTypes.string,\n ]).isRequired,\n /** Type: Use Colors from below list */\n fillColor: PropTypes.oneOf(Object.keys(Colors)),\n width: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n height: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n onClick: PropTypes.func,\n children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n className: '',\n fillColor: Colors.DEFAULT,\n width: 26,\n height: 26,\n onClick: () => { },\n children: null,\n};\n\nexport const IconTypes = Types;\nexport const IconColors = Colors;\n"],"names":["Types","ADD","ARROW_LEFT","ATTACH","AUDIO_ON_LINED","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SLIDE_LEFT","SPINNER","SUPERGROUP","THREAD","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","PRIMARY_2","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","THUMBNAIL_ICON","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","ON_BACKGROUND_4","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconClassName","type","changeTypeToIconComponent","React","createElement","IconAdd","IconArrowLeft","IconAttach","IconAudioOnLined","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSlideLeft","IconSpinner","IconSupergroup","IconThread","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","Icon","_ref","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","role","onKeyDown","tabIndex","style","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../src/ui/Icon/type.ts","../../src/ui/Icon/colors.ts","../../src/ui/Icon/utils.ts","../../src/ui/Icon/index.jsx"],"sourcesContent":["/* eslint-disable no-redeclare */\nexport const Types = {\n ADD: 'ADD',\n ARROW_LEFT: 'ARROW_LEFT',\n ATTACH: 'ATTACH',\n AUDIO_ON_LINED: 'AUDIO_ON_LINED',\n BAN: 'BAN',\n BROADCAST: 'BROADCAST',\n CAMERA: 'CAMERA',\n CHANNELS: 'CHANNELS',\n CHAT: 'CHAT',\n CHAT_FILLED: 'CHAT_FILLED',\n CHEVRON_DOWN: 'CHEVRON_DOWN',\n CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n CLOSE: 'CLOSE',\n COLLAPSE: 'COLLAPSE',\n COPY: 'COPY',\n CREATE: 'CREATE',\n DELETE: 'DELETE',\n DISCONNECTED: 'DISCONNECTED',\n DOCUMENT: 'DOCUMENT',\n DONE: 'DONE',\n DONE_ALL: 'DONE_ALL',\n DOWNLOAD: 'DOWNLOAD',\n EDIT: 'EDIT',\n EMOJI_MORE: 'EMOJI_MORE',\n ERROR: 'ERROR',\n EXPAND: 'EXPAND',\n FILE_AUDIO: 'FILE_AUDIO',\n FILE_DOCUMENT: 'FILE_DOCUMENT',\n FREEZE: 'FREEZE',\n GIF: 'GIF',\n INFO: 'INFO',\n LEAVE: 'LEAVE',\n MEMBERS: 'MEMBERS',\n MESSAGE: 'MESSAGE',\n MODERATIONS: 'MODERATIONS',\n MORE: 'MORE',\n MUTE: 'MUTE',\n NOTIFICATIONS: 'NOTIFICATIONS',\n NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n OPERATOR: 'OPERATOR',\n PHOTO: 'PHOTO',\n PLAY: 'PLAY',\n PLUS: 'PLUS',\n QUESTION: 'QUESTION',\n REFRESH: 'REFRESH',\n REPLY: 'REPLY',\n REMOVE: 'REMOVE',\n SEARCH: 'SEARCH',\n SEND: 'SEND',\n SETTINGS_FILLED: 'SETTINGS_FILLED',\n SLIDE_LEFT: 'SLIDE_LEFT',\n SPINNER: 'SPINNER',\n SUPERGROUP: 'SUPERGROUP',\n THREAD: 'THREAD',\n THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n TOGGLE_OFF: 'TOGGLE_OFF',\n TOGGLE_ON: 'TOGGLE_ON',\n USER: 'USER',\n} as const;\nexport type Types = typeof Types[keyof typeof Types];\n","/* eslint-disable no-redeclare */\nexport const Colors = {\n DEFAULT: 'DEFAULT',\n PRIMARY: 'PRIMARY',\n PRIMARY_2: 'PRIMARY_2',\n SECONDARY: 'SECONDARY',\n CONTENT: 'CONTENT',\n CONTENT_INVERSE: 'CONTENT_INVERSE',\n WHITE: 'WHITE',\n GRAY: 'GRAY',\n THUMBNAIL_ICON: 'THUMBNAIL_ICON',\n SENT: 'SENT',\n READ: 'READ',\n ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n ON_BACKGROUND_4: 'ON_BACKGROUND_4',\n BACKGROUND_3: 'BACKGROUND_3',\n ERROR: 'ERROR',\n} as const;\nexport type Colors = typeof Colors[keyof typeof Colors];\n\nexport default { Colors };\n","import { Types } from './type';\nimport { Colors } from './colors';\n\nexport function changeColorToClassName(color: Colors): string {\n switch (color) {\n case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n case Colors.PRIMARY_2: return 'sendbird-icon-color--primary-2';\n case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n case Colors.CONTENT: return 'sendbird-icon-color--content';\n case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n case Colors.WHITE: return 'sendbird-icon-color--white';\n case Colors.GRAY: return 'sendbird-icon-color--gray';\n case Colors.THUMBNAIL_ICON: return 'sendbird-icon-color--thumbnail-icon';\n case Colors.SENT: return 'sendbird-icon-color--sent';\n case Colors.READ: return 'sendbird-icon-color--read';\n case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n case Colors.ON_BACKGROUND_4: return 'sendbird-icon-color--on-background-4';\n case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n case Colors.ERROR: return 'sendbird-icon-color--error';\n default: return '';\n }\n}\n\nexport function changeTypeToIconClassName(type: Types): string {\n switch (type) {\n case Types.ADD: return 'sendbird-icon-add';\n case Types.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n case Types.ATTACH: return 'sendbird-icon-attach';\n case Types.AUDIO_ON_LINED: return 'sendbird-icon-audio-on-lined';\n case Types.BAN: return 'sendbird-icon-ban';\n case Types.BROADCAST: return 'sendbird-icon-broadcast';\n case Types.CAMERA: return 'sendbird-icon-camera';\n case Types.CHANNELS: return 'sendbird-icon-channels';\n case Types.CHAT: return 'sendbird-icon-chat';\n case Types.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n case Types.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n case Types.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n case Types.CLOSE: return 'sendbird-icon-close';\n case Types.COLLAPSE: return 'sendbird-icon-collapse';\n case Types.COPY: return 'sendbird-icon-copy';\n case Types.CREATE: return 'sendbird-icon-create';\n case Types.DELETE: return 'sendbird-icon-delete';\n case Types.DISCONNECTED: return 'sendbird-icon-disconnected';\n case Types.DOCUMENT: return 'sendbird-icon-document';\n case Types.DONE: return 'sendbird-icon-done';\n case Types.DONE_ALL: return 'sendbird-icon-done-all';\n case Types.DOWNLOAD: return 'sendbird-icon-down-load';\n case Types.EDIT: return 'sendbird-icon-edit';\n case Types.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n case Types.ERROR: return 'sendbird-icon-error';\n case Types.EXPAND: return 'sendbird-icon-expand';\n case Types.FILE_AUDIO: return 'sendbird-icon-file-audio';\n case Types.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n case Types.FREEZE: return 'sendbird-icon-freeze';\n case Types.GIF: return 'sendbird-icon-gif';\n case Types.INFO: return 'sendbird-icon-info';\n case Types.LEAVE: return 'sendbird-icon-leave';\n case Types.MEMBERS: return 'sendbird-icon-members';\n case Types.MESSAGE: return 'sendbird-icon-message';\n case Types.MODERATIONS: return 'sendbird-icon-moderations';\n case Types.MORE: return 'sendbird-icon-more';\n case Types.MUTE: return 'sendbird-icon-mute';\n case Types.NOTIFICATIONS: return 'sendbird-icon-notifications';\n case Types.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n case Types.OPERATOR: return 'sendbird-icon-operator';\n case Types.PHOTO: return 'sendbird-icon-photo';\n case Types.PLAY: return 'sendbird-icon-play';\n case Types.PLUS: return 'sendbird-iconn-plus';\n case Types.QUESTION: return 'sendbird-icon-question';\n case Types.REFRESH: return 'sendbird-icon-refresh';\n case Types.REMOVE: return 'sendbird-icon-remove';\n case Types.REPLY: return 'sendbird-icon-reply';\n case Types.SEARCH: return 'sendbird-icon-search';\n case Types.SEND: return 'sendbird-icon-send';\n case Types.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n case Types.SPINNER: return 'sendbird-icon-spinner';\n case Types.SUPERGROUP: return 'sendbird-icon-supergroup';\n case Types.THREAD: return 'sendbird-icon-thread';\n case Types.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n case Types.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n case Types.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n case Types.USER: return 'sendbird-icon-user';\n default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Types } from './type';\nimport { Colors } from './colors';\nimport {\n changeColorToClassName,\n changeTypeToIconClassName,\n} from './utils';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconAudioOnLined from '../../svgs/icon-audio-on-lined.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSlideLeft from '../../svgs/icon-slide-left.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThread from '../../svgs/icon-thread.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nfunction changeTypeToIconComponent(type) {\n switch (type) {\n case Types.ADD: return <IconAdd />;\n case Types.ARROW_LEFT: return <IconArrowLeft />;\n case Types.ATTACH: return <IconAttach />;\n case Types.AUDIO_ON_LINED: return <IconAudioOnLined />;\n case Types.BAN: return <IconBan />;\n case Types.BROADCAST: return <IconBroadcast />;\n case Types.CAMERA: return <IconCamera />;\n case Types.CHANNELS: return <IconChannels />;\n case Types.CHAT: return <IconChat />;\n case Types.CHAT_FILLED: return <IconChatFilled />;\n case Types.CHEVRON_DOWN: return <IconChevronDown />;\n case Types.CHEVRON_RIGHT: return <IconChevronRight />;\n case Types.CLOSE: return <IconClose />;\n case Types.COLLAPSE: return <IconCollapse />;\n case Types.COPY: return <IconCopy />;\n case Types.CREATE: return <IconCreate />;\n case Types.DELETE: return <IconDelete />;\n case Types.DISCONNECTED: return <IconDisconnected />;\n case Types.DOCUMENT: return <IconDocument />;\n case Types.DONE: return <IconDone />;\n case Types.DONE_ALL: return <IconDoneAll />;\n case Types.DOWNLOAD: return <IconDownload />;\n case Types.EDIT: return <IconEdit />;\n case Types.EMOJI_MORE: return <IconEmojiMore />;\n case Types.ERROR: return <IconError />;\n case Types.EXPAND: return <IconExpand />;\n case Types.FILE_AUDIO: return <IconFileAudio />;\n case Types.FILE_DOCUMENT: return <IconFileDocument />;\n case Types.FREEZE: return <IconFreeze />;\n case Types.GIF: return <IconGif />;\n case Types.INFO: return <IconInfo />;\n case Types.LEAVE: return <IconLeave />;\n case Types.MEMBERS: return <IconMembers />;\n case Types.MESSAGE: return <IconMessage />;\n case Types.MODERATIONS: return <IconModerations />;\n case Types.MORE: return <IconMore />;\n case Types.MUTE: return <IconMute />;\n case Types.NOTIFICATIONS: return <IconNotifications />;\n case Types.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n case Types.OPERATOR: return <IconOperator />;\n case Types.PHOTO: return <IconPhoto />;\n case Types.PLAY: return <IconPlay />;\n case Types.PLUS: return <IconPlus />;\n case Types.QUESTION: return <IconQuestion />;\n case Types.REFRESH: return <IconRefresh />;\n case Types.REMOVE: return <IconRemove />;\n case Types.REPLY: return <IconReply />;\n case Types.SEARCH: return <IconSearch />;\n case Types.SEND: return <IconSend />;\n case Types.SETTINGS_FILLED: return <IconSettingsFilled />;\n case Types.SLIDE_LEFT: return <IconSlideLeft />;\n case Types.SPINNER: return <IconSpinner />;\n case Types.SUPERGROUP: return <IconSupergroup />;\n case Types.THREAD: return <IconThread />;\n case Types.THUMBNAIL_NONE: return <IconThumbnailNone />;\n case Types.TOGGLE_OFF: return <IconToggleOff />;\n case Types.TOGGLE_ON: return <IconToggleOn />;\n case Types.USER: return <IconUser />;\n default: return 'icon'; // If you see this text 'icon' replace icon for it\n }\n}\n\nexport default function Icon({\n className,\n type,\n fillColor,\n width,\n height,\n onClick,\n children,\n}) {\n const iconStyle = {\n width: typeof width === 'string' ? width : `${width}px`,\n minWidth: typeof width === 'string' ? width : `${width}px`,\n height: typeof height === 'string' ? height : `${height}px`,\n minHeight: typeof height === 'string' ? height : `${height}px`,\n };\n return (\n <div\n className={[\n ...Array.isArray(className) ? className : [className],\n 'sendbird-icon',\n changeTypeToIconClassName(type),\n changeColorToClassName(fillColor),\n ].join(' ')}\n role=\"button\"\n onClick={onClick}\n onKeyDown={onClick}\n tabIndex=\"0\"\n style={iconStyle}\n >\n {children || changeTypeToIconComponent(type)}\n </div>\n );\n}\n\nIcon.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n /** Type: Use strings from below list */\n type: PropTypes.oneOfType([\n PropTypes.oneOf(Object.keys(Types)),\n PropTypes.string,\n ]).isRequired,\n /** Type: Use Colors from below list */\n fillColor: PropTypes.oneOf(Object.keys(Colors)),\n width: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n height: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n onClick: PropTypes.func,\n children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n className: '',\n fillColor: Colors.DEFAULT,\n width: 26,\n height: 26,\n onClick: () => { },\n children: null,\n};\n\nexport const IconTypes = Types;\nexport const IconColors = Colors;\n"],"names":["Types","ADD","ARROW_LEFT","ATTACH","AUDIO_ON_LINED","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SLIDE_LEFT","SPINNER","SUPERGROUP","THREAD","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","PRIMARY_2","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","THUMBNAIL_ICON","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","ON_BACKGROUND_4","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconClassName","type","changeTypeToIconComponent","React","createElement","IconAdd","IconArrowLeft","IconAttach","IconAudioOnLined","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSlideLeft","IconSpinner","IconSupergroup","IconThread","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","Icon","_ref","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","role","onKeyDown","tabIndex","style","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}
|
package/ui/IconButton.js
CHANGED
|
@@ -1,36 +1,44 @@
|
|
|
1
|
-
import { _ as
|
|
1
|
+
import { c as __spreadArray, _ as __assign } from '../tslib.es6-0c779aab.js';
|
|
2
2
|
import React__default, { useState } from 'react';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
className = '',
|
|
7
|
-
children,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
var IconButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
5
|
+
var _a = props.className,
|
|
6
|
+
className = _a === void 0 ? '' : _a,
|
|
7
|
+
children = props.children,
|
|
8
|
+
_b = props.disabled,
|
|
9
|
+
disabled = _b === void 0 ? false : _b,
|
|
10
|
+
_c = props.width,
|
|
11
|
+
width = _c === void 0 ? '56px' : _c,
|
|
12
|
+
_d = props.height,
|
|
13
|
+
height = _d === void 0 ? '56px' : _d,
|
|
14
|
+
_e = props.type,
|
|
15
|
+
type = _e === void 0 ? 'button' : _e,
|
|
16
|
+
_f = props.style,
|
|
17
|
+
style = _f === void 0 ? {} : _f,
|
|
18
|
+
_g = props.onBlur,
|
|
19
|
+
onBlur = _g === void 0 ? function () {} : _g,
|
|
20
|
+
_h = props.onClick,
|
|
21
|
+
onClick = _h === void 0 ? function () {} : _h;
|
|
22
|
+
var _j = useState(false),
|
|
23
|
+
isPressed = _j[0],
|
|
24
|
+
setIsPressed = _j[1];
|
|
17
25
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
18
|
-
className: [
|
|
26
|
+
className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-iconbutton', isPressed ? 'sendbird-iconbutton--pressed' : ''], false).join(' '),
|
|
19
27
|
disabled: disabled,
|
|
20
28
|
ref: ref,
|
|
21
29
|
type: type,
|
|
22
|
-
style:
|
|
23
|
-
height,
|
|
24
|
-
width
|
|
30
|
+
style: __assign(__assign({}, style), {
|
|
31
|
+
height: height,
|
|
32
|
+
width: width
|
|
25
33
|
}),
|
|
26
|
-
onClick: e
|
|
34
|
+
onClick: function (e) {
|
|
27
35
|
if (disabled) {
|
|
28
36
|
return;
|
|
29
37
|
}
|
|
30
38
|
setIsPressed(true);
|
|
31
39
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
32
40
|
},
|
|
33
|
-
onBlur: e
|
|
41
|
+
onBlur: function (e) {
|
|
34
42
|
setIsPressed(false);
|
|
35
43
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
36
44
|
}
|
package/ui/IconButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n FocusEvent,\n MouseEvent,\n ReactElement,\n RefObject,\n useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n className?: string | Array<string>;\n children: ReactElement;\n disabled?: boolean;\n width?: string;\n height?: string;\n type?: 'button' | 'submit' | 'reset';\n style?: { [key: string]: string };\n onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n props: IconButtonProps,\n ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n const {\n className = '',\n children,\n disabled = false,\n width = '56px',\n height = '56px',\n type = 'button',\n style = {},\n onBlur = () => { /* noop */ },\n onClick = () => { /* noop */ },\n } = props;\n const [isPressed, setIsPressed] = useState(false);\n return (\n <button\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-iconbutton',\n isPressed ? 'sendbird-iconbutton--pressed' : '',\n ].join(' ')}\n disabled={disabled}\n ref={ref}\n type={type}\n style={{\n ...style,\n height,\n width,\n }}\n onClick={(e) => {\n if (disabled) { return; }\n setIsPressed(true);\n onClick?.(e);\n }}\n onBlur={(e) => {\n setIsPressed(false);\n onBlur?.(e);\n }}\n >\n <span className=\"sendbird-iconbutton__inner\">\n {children}\n </span>\n </button>\n );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","className","children","disabled","width","height","type","style","onBlur","onClick","isPressed","setIsPressed","
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n FocusEvent,\n MouseEvent,\n ReactElement,\n RefObject,\n useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n className?: string | Array<string>;\n children: ReactElement;\n disabled?: boolean;\n width?: string;\n height?: string;\n type?: 'button' | 'submit' | 'reset';\n style?: { [key: string]: string };\n onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n props: IconButtonProps,\n ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n const {\n className = '',\n children,\n disabled = false,\n width = '56px',\n height = '56px',\n type = 'button',\n style = {},\n onBlur = () => { /* noop */ },\n onClick = () => { /* noop */ },\n } = props;\n const [isPressed, setIsPressed] = useState(false);\n return (\n <button\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-iconbutton',\n isPressed ? 'sendbird-iconbutton--pressed' : '',\n ].join(' ')}\n disabled={disabled}\n ref={ref}\n type={type}\n style={{\n ...style,\n height,\n width,\n }}\n onClick={(e) => {\n if (disabled) { return; }\n setIsPressed(true);\n onClick?.(e);\n }}\n onBlur={(e) => {\n setIsPressed(false);\n onBlur?.(e);\n }}\n >\n <span className=\"sendbird-iconbutton__inner\">\n {children}\n </span>\n </button>\n );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","_a","className","children","_b","disabled","_c","width","_d","height","_e","type","_f","style","_g","onBlur","_h","onClick","_j","useState","isPressed","setIsPressed","createElement","__spreadArray","Array","isArray","join","__assign","e"],"mappings":";;;AAsBMA,IAAAA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAClCC,KAAsB,EACtBC,GAAiC,EAAA;AAG/B,EAAA,IAAAC,KASEF,KAAK,CAAAG,SATO;IAAdA,SAAS,mBAAG,EAAE,GAAAD,EAAA;IACdE,QAAQ,GAQNJ,KAAK,CAAAI,QARC;IACRC,EAAA,GAOEL,KAAK,CAPSM,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAME,GAAAP,KAAK,MANO;IAAdQ,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;IACdE,EAAA,GAKET,KAAK,CALQU,MAAA;IAAfA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAAA,EAAA;IACfE,KAIEX,KAAK,CAAAY,IAJQ;IAAfA,IAAI,mBAAG,QAAQ,GAAAD,EAAA;IACfE,EAAA,GAGEb,KAAK,CAHGc,KAAA;IAAVA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACVE,EAEE,GAAAf,KAAK,OAFsB;IAA7BgB,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA;IAC7BE,EACE,GAAAjB,KAAK,QADuB;IAA9BkB,OAAO,mBAAG,YAAmB,EAAC,KAAA,CAAA;AAE1B,EAAA,IAAAC,EAAA,GAA4BC,QAAQ,CAAC,KAAK,CAAC;AAA1CC,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;EACjD,oBACErB,cAAA,CAAAyB,aAAA,CAAA,QAAA,EAAA;AACEpB,IAAAA,SAAS,EAAEqB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACvB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,qBAAqB,EACrBkB,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAC/C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,QAAQ,EAAEA,QAAS;AACnBL,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAEA,IAAK;IACXE,KAAK,EACAc,QAAA,CAAAA,QAAA,CAAA,EAAA,EAAAd,KAAK;AACRJ,MAAAA,MAAM,EAAAA,MAAA;AACNF,MAAAA,KAAK;AACL,KAAA,CAAA;AACFU,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAA;AACT,MAAA,IAAIvB,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAS,OAAA;MACzBgB,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBJ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGW,CAAC,CAAC,CAAA;KACZ;AACFb,IAAAA,MAAM,EAAE,UAACa,CAAC,EAAA;MACRP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBN,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGa,CAAC,CAAC,CAAA;AACb,KAAA;GAEA/B,eAAAA,cAAA,CAAAyB,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QACG,CACA,CAAC,CAAA;AAEb,CAAC;;;;"}
|