@sendbird/uikit-react 3.0.0-alpha.2 → 3.0.0-beta.3
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 +54 -35
- package/App.js.map +1 -1
- package/Channel/components/ChannelHeader.js +15 -14
- package/Channel/components/ChannelHeader.js.map +1 -1
- package/Channel/components/ChannelUI.js +30 -23
- package/Channel/components/ChannelUI.js.map +1 -1
- package/Channel/components/FileViewer.js +14 -13
- package/Channel/components/FileViewer.js.map +1 -1
- package/Channel/components/FrozenNotification.js +5 -5
- package/Channel/components/Message.js +189 -66
- package/Channel/components/Message.js.map +1 -1
- package/Channel/components/MessageInput.js +145 -30
- package/Channel/components/MessageInput.js.map +1 -1
- package/Channel/components/MessageList.js +72 -60
- package/Channel/components/MessageList.js.map +1 -1
- package/Channel/components/RemoveMessageModal.js +17 -16
- package/Channel/components/RemoveMessageModal.js.map +1 -1
- package/Channel/components/SuggestedMentionList.js +250 -0
- package/Channel/components/SuggestedMentionList.js.map +1 -0
- package/Channel/components/TypingIndicator.js +16 -15
- package/Channel/components/TypingIndicator.js.map +1 -1
- package/Channel/components/UnreadCount.js +5 -5
- package/Channel/context.js +13 -12
- package/Channel/context.js.map +1 -1
- package/Channel.js +29 -22
- package/Channel.js.map +1 -1
- package/ChannelList/components/AddChannel.js +14 -14
- package/ChannelList/components/ChannelListHeader.js +7 -7
- package/ChannelList/components/ChannelListUI.js +52 -29
- package/ChannelList/components/ChannelListUI.js.map +1 -1
- package/ChannelList/components/ChannelPreview.js +55 -21
- package/ChannelList/components/ChannelPreview.js.map +1 -1
- package/ChannelList/components/ChannelPreviewAction.js +14 -14
- package/ChannelList/context.js +8 -8
- package/ChannelList.js +34 -25
- package/ChannelList.js.map +1 -1
- package/{ChannelListProvider-0b0c2c40.js → ChannelListProvider-d602a166.js} +92 -27
- package/ChannelListProvider-d602a166.js.map +1 -0
- package/{ChannelProvider-459e463f.js → ChannelProvider-cf8fc05a.js} +72 -41
- package/ChannelProvider-cf8fc05a.js.map +1 -0
- package/ChannelSettings/components/AdminPanel.js +15 -15
- package/ChannelSettings/components/ChannelProfile.js +13 -13
- package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
- package/ChannelSettings/components/EditDetailsModal.js +13 -13
- package/ChannelSettings/components/LeaveChannel.js +10 -10
- package/ChannelSettings/components/UserListItem.js +11 -11
- package/ChannelSettings/components/UserPanel.js +14 -14
- package/ChannelSettings/context.js +3 -3
- package/ChannelSettings.js +18 -18
- package/CreateChannel/components/CreateChannelUI.js +14 -14
- package/CreateChannel/components/InviteMembers.js +14 -14
- package/CreateChannel/components/SelectChannelType.js +10 -10
- package/CreateChannel/context.js +3 -3
- package/CreateChannel.js +14 -14
- package/{CreateChannelProvider-c617a1bb.js → CreateChannelProvider-3f3dafed.js} +1 -1
- package/{CreateChannelProvider-c617a1bb.js.map → CreateChannelProvider-3f3dafed.js.map} +1 -1
- package/EditUserProfile/components/EditUserProfileUI.js +13 -13
- package/EditUserProfile.js +13 -13
- package/{LocalizationContext-e4391013.js → LocalizationContext-b970a73c.js} +3 -3
- package/{LocalizationContext-e4391013.js.map → LocalizationContext-b970a73c.js.map} +1 -1
- package/{MemberList-6655cba0.js → MemberList-9d29bee4.js} +5 -5
- package/{MemberList-6655cba0.js.map → MemberList-9d29bee4.js.map} +1 -1
- package/MessageSearch/components/MessageSearchUI.js +11 -11
- package/MessageSearch/context.js +2 -2
- package/MessageSearch.js +11 -11
- package/OpenChannel/components/FrozenChannelNotification.js +5 -5
- package/OpenChannel/components/OpenChannelHeader.js +12 -12
- package/OpenChannel/components/OpenChannelInput.js +18 -14
- package/OpenChannel/components/OpenChannelInput.js.map +1 -1
- package/OpenChannel/components/OpenChannelMessage.js +23 -19
- package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/OpenChannel/components/OpenChannelMessageList.js +25 -21
- package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/OpenChannel/components/OpenChannelUI.js +25 -21
- package/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/OpenChannel/context.js +9 -9
- package/OpenChannel.js +25 -21
- package/OpenChannel.js.map +1 -1
- package/{OpenChannelProvider-a7691eb4.js → OpenChannelProvider-821fb008.js} +7 -7
- package/{OpenChannelProvider-a7691eb4.js.map → OpenChannelProvider-821fb008.js.map} +1 -1
- package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
- package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
- package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
- package/OpenChannelSettings/components/OperatorUI.js +16 -16
- package/OpenChannelSettings/components/ParticipantUI.js +14 -14
- package/OpenChannelSettings/context.js +2 -2
- package/OpenChannelSettings.js +17 -17
- package/SendbirdProvider.js +36 -14
- package/SendbirdProvider.js.map +1 -1
- package/{UserProfileContext-865db5e6.js → UserProfileContext-f4ff4291.js} +1 -1
- package/{UserProfileContext-865db5e6.js.map → UserProfileContext-f4ff4291.js.map} +1 -1
- package/{_rollupPluginBabelHelpers-20904f21.js → _rollupPluginBabelHelpers-6bf18550.js} +1 -1
- package/{_rollupPluginBabelHelpers-20904f21.js.map → _rollupPluginBabelHelpers-6bf18550.js.map} +1 -1
- package/{actionTypes-1e3a4074.js → actionTypes-8e320ded.js} +1 -1
- package/{actionTypes-1e3a4074.js.map → actionTypes-8e320ded.js.map} +1 -1
- package/cjs/App.js +54 -35
- package/cjs/App.js.map +1 -1
- package/cjs/Channel/components/ChannelHeader.js +15 -14
- package/cjs/Channel/components/ChannelHeader.js.map +1 -1
- package/cjs/Channel/components/ChannelUI.js +31 -24
- package/cjs/Channel/components/ChannelUI.js.map +1 -1
- package/cjs/Channel/components/FileViewer.js +14 -13
- package/cjs/Channel/components/FileViewer.js.map +1 -1
- package/cjs/Channel/components/FrozenNotification.js +5 -5
- package/cjs/Channel/components/Message.js +188 -65
- package/cjs/Channel/components/Message.js.map +1 -1
- package/cjs/Channel/components/MessageInput.js +144 -29
- package/cjs/Channel/components/MessageInput.js.map +1 -1
- package/cjs/Channel/components/MessageList.js +71 -59
- package/cjs/Channel/components/MessageList.js.map +1 -1
- package/cjs/Channel/components/RemoveMessageModal.js +17 -16
- package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
- package/cjs/Channel/components/SuggestedMentionList.js +256 -0
- package/cjs/Channel/components/SuggestedMentionList.js.map +1 -0
- package/cjs/Channel/components/TypingIndicator.js +18 -14
- package/cjs/Channel/components/TypingIndicator.js.map +1 -1
- package/cjs/Channel/components/UnreadCount.js +5 -5
- package/cjs/Channel/context.js +13 -12
- package/cjs/Channel/context.js.map +1 -1
- package/cjs/Channel.js +29 -22
- package/cjs/Channel.js.map +1 -1
- package/cjs/ChannelList/components/AddChannel.js +14 -14
- package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
- package/cjs/ChannelList/components/ChannelListUI.js +52 -29
- package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreview.js +55 -21
- package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
- package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
- package/cjs/ChannelList/context.js +8 -8
- package/cjs/ChannelList.js +34 -25
- package/cjs/ChannelList.js.map +1 -1
- package/cjs/{ChannelListProvider-5a152618.js → ChannelListProvider-64db9f70.js} +92 -27
- package/cjs/ChannelListProvider-64db9f70.js.map +1 -0
- package/cjs/{ChannelProvider-f1fb0108.js → ChannelProvider-5e8e33b1.js} +79 -48
- package/cjs/ChannelProvider-5e8e33b1.js.map +1 -0
- package/cjs/ChannelSettings/components/AdminPanel.js +15 -15
- package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
- package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
- package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
- package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
- package/cjs/ChannelSettings/components/UserListItem.js +11 -11
- package/cjs/ChannelSettings/components/UserPanel.js +14 -14
- package/cjs/ChannelSettings/context.js +3 -3
- package/cjs/ChannelSettings.js +18 -18
- package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
- package/cjs/CreateChannel/components/InviteMembers.js +14 -14
- package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
- package/cjs/CreateChannel/context.js +3 -3
- package/cjs/CreateChannel.js +14 -14
- package/cjs/{CreateChannelProvider-df42106f.js → CreateChannelProvider-dcf7f906.js} +1 -1
- package/cjs/{CreateChannelProvider-df42106f.js.map → CreateChannelProvider-dcf7f906.js.map} +1 -1
- package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
- package/cjs/EditUserProfile.js +13 -13
- package/cjs/{LocalizationContext-68e55e2a.js → LocalizationContext-382a9ef1.js} +3 -3
- package/cjs/{LocalizationContext-68e55e2a.js.map → LocalizationContext-382a9ef1.js.map} +1 -1
- package/cjs/{MemberList-dc84e303.js → MemberList-03a241cd.js} +5 -5
- package/cjs/{MemberList-dc84e303.js.map → MemberList-03a241cd.js.map} +1 -1
- package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
- package/cjs/MessageSearch/context.js +2 -2
- package/cjs/MessageSearch.js +11 -11
- package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
- package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
- package/cjs/OpenChannel/components/OpenChannelInput.js +18 -14
- package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelMessage.js +23 -19
- package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelMessageList.js +25 -21
- package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
- package/cjs/OpenChannel/components/OpenChannelUI.js +25 -21
- package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
- package/cjs/OpenChannel/context.js +9 -9
- package/cjs/OpenChannel.js +25 -21
- package/cjs/OpenChannel.js.map +1 -1
- package/cjs/{OpenChannelProvider-7a1a996f.js → OpenChannelProvider-9000ccb9.js} +7 -7
- package/cjs/{OpenChannelProvider-7a1a996f.js.map → OpenChannelProvider-9000ccb9.js.map} +1 -1
- package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
- package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
- package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
- package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
- package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
- package/cjs/OpenChannelSettings/context.js +2 -2
- package/cjs/OpenChannelSettings.js +17 -17
- package/cjs/SendbirdProvider.js +36 -14
- package/cjs/SendbirdProvider.js.map +1 -1
- package/cjs/{UserProfileContext-3533547d.js → UserProfileContext-0b7ef11a.js} +1 -1
- package/cjs/{UserProfileContext-3533547d.js.map → UserProfileContext-0b7ef11a.js.map} +1 -1
- package/cjs/{_rollupPluginBabelHelpers-fc14118c.js → _rollupPluginBabelHelpers-6193d45d.js} +1 -1
- package/cjs/{_rollupPluginBabelHelpers-fc14118c.js.map → _rollupPluginBabelHelpers-6193d45d.js.map} +1 -1
- package/cjs/{actionTypes-bc47f97a.js → actionTypes-092bc172.js} +1 -1
- package/cjs/{actionTypes-bc47f97a.js.map → actionTypes-092bc172.js.map} +1 -1
- package/cjs/{color-4afb15fb.js → color-1816dacf.js} +1 -1
- package/cjs/{color-4afb15fb.js.map → color-1816dacf.js.map} +1 -1
- package/cjs/{compareIds-01306377.js → compareIds-e9bca8c4.js} +1 -1
- package/cjs/{compareIds-01306377.js.map → compareIds-e9bca8c4.js.map} +1 -1
- package/cjs/const-c65837c1.js +22 -0
- package/cjs/const-c65837c1.js.map +1 -0
- package/cjs/const-d9f4d880.js +14 -0
- package/cjs/const-d9f4d880.js.map +1 -0
- package/cjs/{context-c1f9d650.js → context-6ebf3379.js} +2 -2
- package/cjs/{context-c1f9d650.js.map → context-6ebf3379.js.map} +1 -1
- package/cjs/{index-1044f1ed.js → index-01072ac9.js} +3 -3
- package/cjs/{index-1044f1ed.js.map → index-01072ac9.js.map} +1 -1
- package/cjs/{index-e2bb862c.js → index-20a06ed6.js} +1 -1
- package/cjs/{index-e2bb862c.js.map → index-20a06ed6.js.map} +1 -1
- package/cjs/{index-d4880236.js → index-212a11f2.js} +84 -3
- package/cjs/index-212a11f2.js.map +1 -0
- package/cjs/{index-aecc8d24.js → index-2faa2f93.js} +1 -1
- package/cjs/{index-aecc8d24.js.map → index-2faa2f93.js.map} +1 -1
- package/cjs/{index-9dc3863f.js → index-4f40f311.js} +2 -2
- package/cjs/{index-9dc3863f.js.map → index-4f40f311.js.map} +1 -1
- package/cjs/index-75453415.js +54 -0
- package/cjs/index-75453415.js.map +1 -0
- package/cjs/{index-8becccd8.js → index-948426a8.js} +4 -4
- package/cjs/{index-8becccd8.js.map → index-948426a8.js.map} +1 -1
- package/cjs/{index-905331fa.js → index-a2ce047a.js} +2 -2
- package/cjs/{index-905331fa.js.map → index-a2ce047a.js.map} +1 -1
- package/cjs/{index-4987c8b2.js → index-d57081d1.js} +6 -6
- package/cjs/{index-4987c8b2.js.map → index-d57081d1.js.map} +1 -1
- package/cjs/{index-659c9ca5.js → index-e63da805.js} +4 -4
- package/cjs/{index-659c9ca5.js.map → index-e63da805.js.map} +1 -1
- package/cjs/{index-1468d245.js → index-f1971e28.js} +3 -3
- package/cjs/{index-1468d245.js.map → index-f1971e28.js.map} +1 -1
- package/cjs/index.css +243 -133
- package/cjs/index.css.map +1 -1
- package/cjs/index.js +40 -33
- package/cjs/index.js.map +1 -1
- package/cjs/{openChannelUtils-37919a36.js → openChannelUtils-16f29ba2.js} +1 -1
- package/cjs/{openChannelUtils-37919a36.js.map → openChannelUtils-16f29ba2.js.map} +1 -1
- package/cjs/sendBirdSelectors.js +1 -1
- package/cjs/{stringSet-aa544ce5.js → stringSet-b9ea6eef.js} +4 -2
- package/cjs/stringSet-b9ea6eef.js.map +1 -0
- package/cjs/{topics-8314d425.js → topics-11048db8.js} +1 -1
- package/cjs/{topics-8314d425.js.map → topics-11048db8.js.map} +1 -1
- package/cjs/{tslib.es6-4a281a05.js → tslib.es6-07dd6257.js} +1 -1
- package/cjs/{tslib.es6-4a281a05.js.map → tslib.es6-07dd6257.js.map} +1 -1
- package/cjs/ui/Accordion.js +4 -4
- package/cjs/ui/AccordionGroup.js +2 -2
- package/cjs/ui/AdminMessage.js +3 -3
- package/cjs/ui/Avatar.js +3 -3
- package/cjs/ui/Badge.js +5 -5
- package/cjs/ui/Button.js +4 -4
- package/cjs/ui/ChannelAvatar.js +4 -4
- package/cjs/ui/ChannelPreview.js +12 -12
- package/cjs/ui/ChatHeader.js +8 -8
- package/cjs/ui/Checkbox.js +1 -1
- package/cjs/ui/ConnectionStatus.js +5 -5
- package/cjs/ui/ContextMenu.js +5 -5
- package/cjs/ui/DateSeparator.js +4 -4
- package/cjs/ui/Dropdown.js +3 -3
- package/cjs/ui/EmojiReactions.js +7 -7
- package/cjs/ui/FileMessageItemBody.js +6 -6
- package/cjs/ui/FileViewer.js +7 -7
- package/cjs/ui/Icon.js +1 -1
- package/cjs/ui/IconButton.js +1 -1
- package/cjs/ui/ImageRenderer.js +1 -1
- package/cjs/ui/Input.js +3 -3
- package/cjs/ui/Label.js +3 -3
- package/cjs/ui/LinkLabel.js +3 -3
- package/cjs/ui/Loader.js +1 -1
- package/cjs/ui/MentionUserLabel.js +25 -0
- package/cjs/ui/MentionUserLabel.js.map +1 -0
- package/cjs/ui/MessageContent.js +25 -62
- package/cjs/ui/MessageContent.js.map +1 -1
- package/cjs/ui/MessageInput.js +4900 -84
- package/cjs/ui/MessageInput.js.map +1 -1
- package/cjs/ui/MessageItemMenu.js +7 -7
- package/cjs/ui/MessageItemReactionMenu.js +5 -5
- package/cjs/ui/MessageSearchFileItem.js +10 -10
- package/cjs/ui/MessageSearchItem.js +10 -10
- package/cjs/ui/MessageStatus.js +66 -0
- package/cjs/ui/MessageStatus.js.map +1 -0
- package/cjs/ui/Modal.js +8 -8
- package/cjs/ui/MutedAvatarOverlay.js +1 -1
- package/cjs/ui/OGMessageItemBody.js +38 -28
- package/cjs/ui/OGMessageItemBody.js.map +1 -1
- package/cjs/ui/OpenChannelAdminMessage.js +4 -4
- package/cjs/ui/OpenChannelAvatar.js +7 -7
- package/cjs/ui/OpenchannelConversationHeader.js +7 -7
- package/cjs/ui/OpenchannelFileMessage.js +14 -14
- package/cjs/ui/OpenchannelOGMessage.js +14 -14
- package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
- package/cjs/ui/OpenchannelUserMessage.js +14 -14
- package/cjs/ui/PlaceHolder.js +6 -6
- package/cjs/ui/QuoteMessage.js +7 -7
- package/cjs/ui/QuoteMessageInput.js +7 -7
- package/cjs/ui/QuoteMessageInput.js.map +1 -1
- package/cjs/ui/ReactionBadge.js +3 -3
- package/cjs/ui/ReactionButton.js +1 -1
- package/cjs/ui/SortByRow.js +1 -1
- package/cjs/ui/TextButton.js +2 -2
- package/cjs/ui/TextMessageItemBody.js +36 -14
- package/cjs/ui/TextMessageItemBody.js.map +1 -1
- package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
- package/cjs/ui/Tooltip.js +3 -3
- package/cjs/ui/TooltipWrapper.js +1 -1
- package/cjs/ui/UnknownMessageItemBody.js +7 -7
- package/cjs/ui/UserListItem.js +11 -11
- package/cjs/ui/UserProfile.js +9 -9
- package/cjs/useSendbirdStateContext.js +1 -1
- package/cjs/{utils-cbd3ed99.js → utils-3240365f.js} +1 -1
- package/cjs/{utils-cbd3ed99.js.map → utils-3240365f.js.map} +1 -1
- package/cjs/{utils-66b3f4ec.js → utils-53d332a6.js} +1 -1
- package/cjs/{utils-66b3f4ec.js.map → utils-53d332a6.js.map} +1 -1
- package/cjs/{utils-3b0815dc.js → utils-94ae6cec.js} +1 -1
- package/cjs/{utils-3b0815dc.js.map → utils-94ae6cec.js.map} +1 -1
- package/cjs/{uuid-1d5ec8b2.js → uuid-172844fb.js} +1 -1
- package/cjs/{uuid-1d5ec8b2.js.map → uuid-172844fb.js.map} +1 -1
- package/cjs/withSendBird.js +1 -1
- package/{color-ee3fc5ee.js → color-38dc84d3.js} +1 -1
- package/{color-ee3fc5ee.js.map → color-38dc84d3.js.map} +1 -1
- package/{compareIds-808956f2.js → compareIds-f01e0c3c.js} +1 -1
- package/{compareIds-808956f2.js.map → compareIds-f01e0c3c.js.map} +1 -1
- package/const-b6685801.js +8 -0
- package/const-b6685801.js.map +1 -0
- package/const-d46f09a1.js +18 -0
- package/const-d46f09a1.js.map +1 -0
- package/{context-98ce535c.js → context-b5168bd0.js} +2 -2
- package/{context-98ce535c.js.map → context-b5168bd0.js.map} +1 -1
- package/dist/index.css +243 -133
- package/dist/index.css.map +1 -1
- package/{index-770d7112.js → index-1c2588aa.js} +2 -2
- package/{index-770d7112.js.map → index-1c2588aa.js.map} +1 -1
- package/{index-acebc2ff.js → index-2dce3a04.js} +3 -3
- package/{index-acebc2ff.js.map → index-2dce3a04.js.map} +1 -1
- package/{index-5c2c81bc.js → index-3bd4a058.js} +6 -6
- package/{index-5c2c81bc.js.map → index-3bd4a058.js.map} +1 -1
- package/index-62fd2db7.js +48 -0
- package/index-62fd2db7.js.map +1 -0
- package/{index-6ebf7894.js → index-6381b534.js} +1 -1
- package/{index-6ebf7894.js.map → index-6381b534.js.map} +1 -1
- package/{index-cd21929d.js → index-9afb4d01.js} +2 -2
- package/{index-cd21929d.js.map → index-9afb4d01.js.map} +1 -1
- package/{index-1718324d.js → index-a6675155.js} +4 -4
- package/{index-1718324d.js.map → index-a6675155.js.map} +1 -1
- package/{index-e818a8a3.js → index-b12b270e.js} +4 -4
- package/{index-e818a8a3.js.map → index-b12b270e.js.map} +1 -1
- package/{index-7a51bd16.js → index-d0b30cd5.js} +3 -3
- package/{index-7a51bd16.js.map → index-d0b30cd5.js.map} +1 -1
- package/{index-942c85a6.js → index-d0fe8fe1.js} +1 -1
- package/{index-942c85a6.js.map → index-d0fe8fe1.js.map} +1 -1
- package/{index-8c72a94a.js → index-e6d0889d.js} +83 -3
- package/index-e6d0889d.js.map +1 -0
- package/index.d.ts +238 -210
- package/index.js +40 -33
- package/index.js.map +1 -1
- package/{openChannelUtils-56a372e7.js → openChannelUtils-22ed0258.js} +1 -1
- package/{openChannelUtils-56a372e7.js.map → openChannelUtils-22ed0258.js.map} +1 -1
- package/package.json +5 -2
- package/sendBirdSelectors.js +1 -1
- package/{stringSet-4f6eaa60.js → stringSet-2e6c1d2c.js} +4 -2
- package/stringSet-2e6c1d2c.js.map +1 -0
- package/{topics-9442035c.js → topics-67738aac.js} +1 -1
- package/{topics-9442035c.js.map → topics-67738aac.js.map} +1 -1
- package/{tslib.es6-e3c44017.js → tslib.es6-b6e567bd.js} +1 -1
- package/{tslib.es6-e3c44017.js.map → tslib.es6-b6e567bd.js.map} +1 -1
- package/ui/Accordion.js +4 -4
- package/ui/AccordionGroup.js +2 -2
- package/ui/AdminMessage.js +3 -3
- package/ui/Avatar.js +3 -3
- package/ui/Badge.js +5 -5
- package/ui/Button.js +4 -4
- package/ui/ChannelAvatar.js +4 -4
- package/ui/ChannelPreview.js +12 -12
- package/ui/ChatHeader.js +8 -8
- package/ui/Checkbox.js +1 -1
- package/ui/ConnectionStatus.js +5 -5
- package/ui/ContextMenu.js +5 -5
- package/ui/DateSeparator.js +4 -4
- package/ui/Dropdown.js +3 -3
- package/ui/EmojiReactions.js +7 -7
- package/ui/FileMessageItemBody.js +6 -6
- package/ui/FileViewer.js +7 -7
- package/ui/Icon.js +1 -1
- package/ui/IconButton.js +1 -1
- package/ui/ImageRenderer.js +1 -1
- package/ui/Input.js +3 -3
- package/ui/Label.js +3 -3
- package/ui/LinkLabel.js +3 -3
- package/ui/Loader.js +1 -1
- package/ui/MentionUserLabel.js +19 -0
- package/ui/MentionUserLabel.js.map +1 -0
- package/ui/MessageContent.js +25 -62
- package/ui/MessageContent.js.map +1 -1
- package/ui/MessageInput.js +4900 -85
- package/ui/MessageInput.js.map +1 -1
- package/ui/MessageItemMenu.js +7 -7
- package/ui/MessageItemReactionMenu.js +5 -5
- package/ui/MessageSearchFileItem.js +10 -10
- package/ui/MessageSearchItem.js +10 -10
- package/ui/MessageStatus.js +57 -0
- package/ui/MessageStatus.js.map +1 -0
- package/ui/Modal.js +8 -8
- package/ui/MutedAvatarOverlay.js +1 -1
- package/ui/OGMessageItemBody.js +38 -28
- package/ui/OGMessageItemBody.js.map +1 -1
- package/ui/OpenChannelAdminMessage.js +4 -4
- package/ui/OpenChannelAvatar.js +7 -7
- package/ui/OpenchannelConversationHeader.js +7 -7
- package/ui/OpenchannelFileMessage.js +14 -14
- package/ui/OpenchannelOGMessage.js +14 -14
- package/ui/OpenchannelThumbnailMessage.js +13 -13
- package/ui/OpenchannelUserMessage.js +14 -14
- package/ui/PlaceHolder.js +6 -6
- package/ui/QuoteMessage.js +7 -7
- package/ui/QuoteMessageInput.js +7 -7
- package/ui/QuoteMessageInput.js.map +1 -1
- package/ui/ReactionBadge.js +3 -3
- package/ui/ReactionButton.js +1 -1
- package/ui/SortByRow.js +1 -1
- package/ui/TextButton.js +2 -2
- package/ui/TextMessageItemBody.js +37 -15
- package/ui/TextMessageItemBody.js.map +1 -1
- package/ui/ThumbnailMessageItemBody.js +3 -3
- package/ui/Tooltip.js +3 -3
- package/ui/TooltipWrapper.js +1 -1
- package/ui/UnknownMessageItemBody.js +7 -7
- package/ui/UserListItem.js +11 -11
- package/ui/UserProfile.js +9 -9
- package/useSendbirdStateContext.js +1 -1
- package/{utils-08c4dbdc.js → utils-04c291d8.js} +1 -1
- package/{utils-08c4dbdc.js.map → utils-04c291d8.js.map} +1 -1
- package/{utils-af1b9829.js → utils-28de36e9.js} +1 -1
- package/{utils-af1b9829.js.map → utils-28de36e9.js.map} +1 -1
- package/{utils-c393e880.js → utils-f5c9ef64.js} +1 -1
- package/{utils-c393e880.js.map → utils-f5c9ef64.js.map} +1 -1
- package/{uuid-b0c93400.js → uuid-0139dc21.js} +1 -1
- package/{uuid-b0c93400.js.map → uuid-0139dc21.js.map} +1 -1
- package/withSendBird.js +1 -1
- package/ChannelListProvider-0b0c2c40.js.map +0 -1
- package/ChannelProvider-459e463f.js.map +0 -1
- package/cjs/ChannelListProvider-5a152618.js.map +0 -1
- package/cjs/ChannelProvider-f1fb0108.js.map +0 -1
- package/cjs/index-d4880236.js.map +0 -1
- package/cjs/stringSet-aa544ce5.js.map +0 -1
- package/index-8c72a94a.js.map +0 -1
- package/index.css +0 -4355
- package/index.css.map +0 -1
- package/stringSet-4f6eaa60.js.map +0 -1
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var ui_Modal = require('./ui/Modal.js');
|
|
5
|
-
var LocalizationContext = require('./LocalizationContext-
|
|
5
|
+
var LocalizationContext = require('./LocalizationContext-382a9ef1.js');
|
|
6
6
|
var useSendbirdStateContext = require('./useSendbirdStateContext.js');
|
|
7
7
|
var ui_Input = require('./ui/Input.js');
|
|
8
8
|
var ui_Avatar = require('./ui/Avatar.js');
|
|
9
9
|
var ui_Icon = require('./ui/Icon.js');
|
|
10
|
-
var ui_Button = require('./index-
|
|
11
|
-
var ui_Label = require('./index-
|
|
10
|
+
var ui_Button = require('./index-01072ac9.js');
|
|
11
|
+
var ui_Label = require('./index-f1971e28.js');
|
|
12
12
|
var ui_TextButton = require('./ui/TextButton.js');
|
|
13
|
-
var utils = require('./utils-
|
|
14
|
-
var actionTypes = require('./actionTypes-
|
|
13
|
+
var utils = require('./utils-94ae6cec.js');
|
|
14
|
+
var actionTypes = require('./actionTypes-092bc172.js');
|
|
15
15
|
|
|
16
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
17
|
|
|
@@ -172,4 +172,4 @@ function EditUserProfile() {
|
|
|
172
172
|
|
|
173
173
|
exports.EditUserProfile = EditUserProfile;
|
|
174
174
|
exports.EditUserProfileProvider = EditUserProfileProvider;
|
|
175
|
-
//# sourceMappingURL=index-
|
|
175
|
+
//# sourceMappingURL=index-d57081d1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-4987c8b2.js","sources":["../../src/smart-components/EditUserProfile/context/EditUserProfIleProvider.tsx","../../src/smart-components/EditUserProfile/components/EditUserProfileUI/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Sendbird from 'sendbird';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n children?: React.ReactNode;\n onCancel?(): void;\n onThemeChange?(theme: string): void;\n onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n onCancel?(): void;\n onThemeChange?(theme: string): void;\n onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n const {\n children,\n onEditProfile,\n onCancel,\n onThemeChange,\n } = props;\n\n const value = useMemo(() => {\n return {\n onEditProfile,\n onCancel,\n onThemeChange,\n };\n }, []);\n\n return (\n <EditUserProfileProviderContext.Provider value={value}>\n {children}\n </EditUserProfileProviderContext.Provider>\n );\n}\n\nconst useEditUserProfileProvider = (): EditUserProfileProviderInterface => (\n React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n EditUserProfileProvider,\n useEditUserProfileProvider,\n};\n","import './edit-user-profile.scss';\n\nimport React, {\n ReactElement,\n useRef,\n useState,\n useContext,\n} from 'react';\nimport { useEditUserProfileProvider } from '../../context/EditUserProfIleProvider';\n\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\nimport { Type as ButtonType } from '../../../../ui/Button/type';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { noop } from '../../../../utils/utils';\nimport * as userActions from '../../../../lib/dux/user/actionTypes';\n\nexport default function EditUserProfile(): ReactElement {\n const editProfileProps = useEditUserProfileProvider();\n const store = useSendbirdStateContext();\n const hiddenInputRef = useRef(null);\n const inputRef = useRef(null);\n const formRef = useRef(null);\n const { stringSet } = useContext(LocalizationContext);\n const [currentImg, setCurrentImg] = useState(null);\n const [newFile, setNewFile] = useState(null);\n\n const {\n onEditProfile,\n onCancel,\n onThemeChange,\n } = editProfileProps;\n\n const theme = store?.config?.theme || 'light';\n const changeTheme = store?.config?.setCurrenttheme || noop;\n const user = store?.stores?.userStore?.user;\n const sdk = store?.stores?.sdkStore?.sdk;\n const userDispatcher = store?.dispatchers?.userDispatcher;\n\n return (\n <Modal\n titleText={stringSet.EDIT_PROFILE__TITLE}\n submitText={stringSet.BUTTON__SAVE}\n type={ButtonType.PRIMARY}\n onCancel={onCancel}\n onSubmit={() => {\n if (user?.nickname !== '' && !inputRef.current.value) {\n if (formRef.current.reportValidity) { // might not work in explorer\n formRef.current.reportValidity();\n }\n return;\n }\n sdk?.updateCurrentUserInfoWithProfileImage(inputRef?.current?.value, newFile, (updatedUser) => {\n userDispatcher({ type: userActions.UPDATE_USER_INFO, payload: updatedUser });\n if (onEditProfile && typeof onEditProfile === 'function') {\n onEditProfile(updatedUser);\n }\n });\n }}\n >\n <form\n className=\"sendbird-edit-user-profile\"\n ref={formRef}\n onSubmit={(e) => { e.preventDefault(); }}\n >\n <section className=\"sendbird-edit-user-profile__img\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__IMAGE_LABEL}\n </InputLabel>\n <div className=\"sendbird-edit-user-profile__img__avatar\">\n <Avatar\n width=\"80px\"\n height=\"80px\"\n src={currentImg || user?.profileUrl}\n />\n </div>\n <input\n ref={hiddenInputRef}\n type=\"file\"\n accept=\"image/gif, image/jpeg, image/png\"\n style={{ display: 'none' }}\n onChange={(e) => {\n setCurrentImg(URL.createObjectURL(e.target.files[0]));\n setNewFile(e.target.files[0]);\n hiddenInputRef.current.value = '';\n }}\n />\n <TextButton\n className=\"sendbird-edit-user-profile__img__avatar-button\"\n notUnderline\n onClick={() => hiddenInputRef.current.click()}\n >\n <Label type={LabelTypography.BUTTON_1} color={LabelColors.PRIMARY}>\n {stringSet.EDIT_PROFILE__IMAGE_UPLOAD}\n </Label>\n </TextButton>\n </section>\n <section className=\"sendbird-edit-user-profile__name\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__NICKNAME_LABEL}\n </InputLabel>\n <Input\n required={user?.nickname !== ''}\n name=\"sendbird-edit-user-profile__name__input\"\n ref={inputRef}\n value={user?.nickname}\n placeHolder={stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER}\n />\n </section>\n <section className=\"sendbird-edit-user-profile__userid\">\n <InputLabel>\n {/* userID */}\n {stringSet.EDIT_PROFILE__USERID_LABEL}\n </InputLabel>\n <Input\n disabled\n name=\"sendbird-edit-user-profile__userid__input\"\n value={user?.userId}\n />\n </section>\n <section className=\"sendbird-edit-user-profile__theme\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__THEME_LABEL}\n </InputLabel>\n <div className=\"sendbird-edit-user-profile__theme__theme-icon\">\n {\n theme === 'dark'\n ? (\n <Icon\n onClick={() => {\n changeTheme('light');\n onThemeChange?.('light');\n // if (onThemeChange && typeof onThemeChange === 'function') {\n // onThemeChange('light');\n // }\n }}\n type={IconTypes.TOGGLE_ON}\n width={44}\n height={24}\n />\n )\n : (\n <Icon\n onClick={() => {\n changeTheme('dark');\n onThemeChange?.('dark');\n // if (onThemeChange && typeof onThemeChange === 'function') {\n // onThemeChange('dark');\n // }\n }}\n type={IconTypes.TOGGLE_OFF}\n width={44}\n height={24}\n />\n )\n }\n </div>\n </section>\n </form>\n </Modal>\n );\n}\n\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileProvider","useContext","EditUserProfile","editProfileProps","store","useSendbirdStateContext","hiddenInputRef","useRef","inputRef","formRef","stringSet","LocalizationContext","_h","useState","currentImg","setCurrentImg","_j","newFile","setNewFile","theme","config","changeTheme","setCurrenttheme","noop","user","stores","userStore","sdk","sdkStore","userDispatcher","dispatchers","Modal","EDIT_PROFILE__TITLE","BUTTON__SAVE","ButtonType","PRIMARY","nickname","current","reportValidity","updateCurrentUserInfoWithProfileImage","updatedUser","type","userActions","payload","e","preventDefault","InputLabel","EDIT_PROFILE__IMAGE_LABEL","Avatar","profileUrl","display","URL","createObjectURL","target","files","TextButton","click","Label","LabelTypography","BUTTON_1","LabelColors","EDIT_PROFILE__IMAGE_UPLOAD","EDIT_PROFILE__NICKNAME_LABEL","Input","EDIT_PROFILE__NICKNAME_PLACEHOLDER","EDIT_PROFILE__USERID_LABEL","userId","EDIT_PROFILE__THEME_LABEL","Icon","IconTypes","TOGGLE_ON","TOGGLE_OFF"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index-d57081d1.js","sources":["../../src/smart-components/EditUserProfile/context/EditUserProfIleProvider.tsx","../../src/smart-components/EditUserProfile/components/EditUserProfileUI/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Sendbird from 'sendbird';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n children?: React.ReactNode;\n onCancel?(): void;\n onThemeChange?(theme: string): void;\n onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n onCancel?(): void;\n onThemeChange?(theme: string): void;\n onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n const {\n children,\n onEditProfile,\n onCancel,\n onThemeChange,\n } = props;\n\n const value = useMemo(() => {\n return {\n onEditProfile,\n onCancel,\n onThemeChange,\n };\n }, []);\n\n return (\n <EditUserProfileProviderContext.Provider value={value}>\n {children}\n </EditUserProfileProviderContext.Provider>\n );\n}\n\nconst useEditUserProfileProvider = (): EditUserProfileProviderInterface => (\n React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n EditUserProfileProvider,\n useEditUserProfileProvider,\n};\n","import './edit-user-profile.scss';\n\nimport React, {\n ReactElement,\n useRef,\n useState,\n useContext,\n} from 'react';\nimport { useEditUserProfileProvider } from '../../context/EditUserProfIleProvider';\n\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\nimport { Type as ButtonType } from '../../../../ui/Button/type';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { noop } from '../../../../utils/utils';\nimport * as userActions from '../../../../lib/dux/user/actionTypes';\n\nexport default function EditUserProfile(): ReactElement {\n const editProfileProps = useEditUserProfileProvider();\n const store = useSendbirdStateContext();\n const hiddenInputRef = useRef(null);\n const inputRef = useRef(null);\n const formRef = useRef(null);\n const { stringSet } = useContext(LocalizationContext);\n const [currentImg, setCurrentImg] = useState(null);\n const [newFile, setNewFile] = useState(null);\n\n const {\n onEditProfile,\n onCancel,\n onThemeChange,\n } = editProfileProps;\n\n const theme = store?.config?.theme || 'light';\n const changeTheme = store?.config?.setCurrenttheme || noop;\n const user = store?.stores?.userStore?.user;\n const sdk = store?.stores?.sdkStore?.sdk;\n const userDispatcher = store?.dispatchers?.userDispatcher;\n\n return (\n <Modal\n titleText={stringSet.EDIT_PROFILE__TITLE}\n submitText={stringSet.BUTTON__SAVE}\n type={ButtonType.PRIMARY}\n onCancel={onCancel}\n onSubmit={() => {\n if (user?.nickname !== '' && !inputRef.current.value) {\n if (formRef.current.reportValidity) { // might not work in explorer\n formRef.current.reportValidity();\n }\n return;\n }\n sdk?.updateCurrentUserInfoWithProfileImage(inputRef?.current?.value, newFile, (updatedUser) => {\n userDispatcher({ type: userActions.UPDATE_USER_INFO, payload: updatedUser });\n if (onEditProfile && typeof onEditProfile === 'function') {\n onEditProfile(updatedUser);\n }\n });\n }}\n >\n <form\n className=\"sendbird-edit-user-profile\"\n ref={formRef}\n onSubmit={(e) => { e.preventDefault(); }}\n >\n <section className=\"sendbird-edit-user-profile__img\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__IMAGE_LABEL}\n </InputLabel>\n <div className=\"sendbird-edit-user-profile__img__avatar\">\n <Avatar\n width=\"80px\"\n height=\"80px\"\n src={currentImg || user?.profileUrl}\n />\n </div>\n <input\n ref={hiddenInputRef}\n type=\"file\"\n accept=\"image/gif, image/jpeg, image/png\"\n style={{ display: 'none' }}\n onChange={(e) => {\n setCurrentImg(URL.createObjectURL(e.target.files[0]));\n setNewFile(e.target.files[0]);\n hiddenInputRef.current.value = '';\n }}\n />\n <TextButton\n className=\"sendbird-edit-user-profile__img__avatar-button\"\n notUnderline\n onClick={() => hiddenInputRef.current.click()}\n >\n <Label type={LabelTypography.BUTTON_1} color={LabelColors.PRIMARY}>\n {stringSet.EDIT_PROFILE__IMAGE_UPLOAD}\n </Label>\n </TextButton>\n </section>\n <section className=\"sendbird-edit-user-profile__name\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__NICKNAME_LABEL}\n </InputLabel>\n <Input\n required={user?.nickname !== ''}\n name=\"sendbird-edit-user-profile__name__input\"\n ref={inputRef}\n value={user?.nickname}\n placeHolder={stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER}\n />\n </section>\n <section className=\"sendbird-edit-user-profile__userid\">\n <InputLabel>\n {/* userID */}\n {stringSet.EDIT_PROFILE__USERID_LABEL}\n </InputLabel>\n <Input\n disabled\n name=\"sendbird-edit-user-profile__userid__input\"\n value={user?.userId}\n />\n </section>\n <section className=\"sendbird-edit-user-profile__theme\">\n <InputLabel>\n {stringSet.EDIT_PROFILE__THEME_LABEL}\n </InputLabel>\n <div className=\"sendbird-edit-user-profile__theme__theme-icon\">\n {\n theme === 'dark'\n ? (\n <Icon\n onClick={() => {\n changeTheme('light');\n onThemeChange?.('light');\n // if (onThemeChange && typeof onThemeChange === 'function') {\n // onThemeChange('light');\n // }\n }}\n type={IconTypes.TOGGLE_ON}\n width={44}\n height={24}\n />\n )\n : (\n <Icon\n onClick={() => {\n changeTheme('dark');\n onThemeChange?.('dark');\n // if (onThemeChange && typeof onThemeChange === 'function') {\n // onThemeChange('dark');\n // }\n }}\n type={IconTypes.TOGGLE_OFF}\n width={44}\n height={24}\n />\n )\n }\n </div>\n </section>\n </form>\n </Modal>\n );\n}\n\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileProvider","useContext","EditUserProfile","editProfileProps","store","useSendbirdStateContext","hiddenInputRef","useRef","inputRef","formRef","stringSet","LocalizationContext","_h","useState","currentImg","setCurrentImg","_j","newFile","setNewFile","theme","config","changeTheme","setCurrenttheme","noop","user","stores","userStore","sdk","sdkStore","userDispatcher","dispatchers","Modal","EDIT_PROFILE__TITLE","BUTTON__SAVE","ButtonType","PRIMARY","nickname","current","reportValidity","updateCurrentUserInfoWithProfileImage","updatedUser","type","userActions","payload","e","preventDefault","InputLabel","EDIT_PROFILE__IMAGE_LABEL","Avatar","profileUrl","display","URL","createObjectURL","target","files","TextButton","click","Label","LabelTypography","BUTTON_1","LabelColors","EDIT_PROFILE__IMAGE_UPLOAD","EDIT_PROFILE__NICKNAME_LABEL","Input","EDIT_PROFILE__NICKNAME_PLACEHOLDER","EDIT_PROFILE__USERID_LABEL","userId","EDIT_PROFILE__THEME_LABEL","Icon","IconTypes","TOGGLE_ON","TOGGLE_OFF"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
3
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6193d45d.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var PropTypes = require('prop-types');
|
|
6
6
|
var ui_Icon = require('./ui/Icon.js');
|
|
7
7
|
var ui_Loader = require('./ui/Loader.js');
|
|
8
|
-
var LocalizationContext = require('./LocalizationContext-
|
|
9
|
-
var ui_Label = require('./index-
|
|
8
|
+
var LocalizationContext = require('./LocalizationContext-382a9ef1.js');
|
|
9
|
+
var ui_Label = require('./index-f1971e28.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
@@ -127,4 +127,4 @@ PlaceHolder.defaultProps = {
|
|
|
127
127
|
exports.PlaceHolder = PlaceHolder;
|
|
128
128
|
exports.PlaceHolderTypes = PlaceHolderTypes;
|
|
129
129
|
exports.PlaceHolderTypes$1 = PlaceHolderTypes$1;
|
|
130
|
-
//# sourceMappingURL=index-
|
|
130
|
+
//# sourceMappingURL=index-e63da805.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-659c9ca5.js","sources":["../../src/ui/PlaceHolder/type.js","../../src/ui/PlaceHolder/index.jsx"],"sourcesContent":["export function Types() {\n return {\n LOADING: 'LOADING',\n NO_CHANNELS: 'NO_CHANNELS',\n NO_MESSAGES: 'NO_MESSAGES',\n WRONG: 'WRONG',\n SEARCH_IN: 'SEARCH_IN',\n SEARCHING: 'SEARCHING',\n NO_RESULTS: 'NO_RESULTS',\n };\n}\n\nexport default Types();\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Loader from '../Loader';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport _PlaceHolderTypes from './type';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport default function PlaceHolder({\n className,\n type,\n retryToConnect,\n searchInString,\n}) {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-place-holder',\n ].join(' ')}\n >\n {\n type === PlaceHolderTypes.LOADING && (\n <Loader\n width=\"48px\"\n height=\"48px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"48px\"\n height=\"48px\"\n />\n </Loader>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_CHANNELS\n || type === PlaceHolderTypes.NO_MESSAGES\n || type === PlaceHolderTypes.WRONG\n ) && (\n <div className=\"sendbird-place-holder__body\">\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.CHAT}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.ERROR}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.MESSAGE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n <Label\n className=\"sendbird-place-holder__body__text\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n stringSet.PLACE_HOLDER__NO_CHANNEL\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n stringSet.PLACE_HOLDER__WRONG\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n stringSet.PLACE_HOLDER__NO_MESSAGES\n )\n }\n </Label>\n {\n retryToConnect && (\n <div\n className=\"sendbird-place-holder__body__reconnect\"\n role=\"button\"\n onClick={retryToConnect}\n onKeyPress={retryToConnect}\n tabIndex={0}\n >\n <Icon\n className=\"sendbird-place-holder__body__reconnect__icon\"\n type={IconTypes.REFRESH}\n fillColor={IconColors.PRIMARY}\n width=\"20px\"\n height=\"20px\"\n />\n <Label\n className=\"sendbird-place-holder__body__reconnect__text\"\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n </Label>\n </div>\n )\n }\n </div>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_RESULTS\n || type === PlaceHolderTypes.SEARCH_IN\n || type === PlaceHolderTypes.SEARCHING\n ) && (\n <div className=\"sendbird-place-holder__body--align-top\">\n {\n type === PlaceHolderTypes.SEARCH_IN && (\n <div className=\"sendbird-place-holder__body--align-top__text\">\n <Label\n className=\"sendbird-place-holder__body--align-top__text__search-in\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCH_IN}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {`'${searchInString}`}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__quote\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {'\\''}\n </Label>\n </div>\n )\n }\n {\n type === PlaceHolderTypes.SEARCHING && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__searching\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCHING}\n </Label>\n )\n }\n {\n type === PlaceHolderTypes.NO_RESULTS && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__no-result\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.NO_SEARCHED_MESSAGE}\n </Label>\n )\n }\n </div>\n )\n }\n </div>\n );\n}\n\nPlaceHolder.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n type: PropTypes.oneOfType([\n PropTypes.oneOf(Object.keys(PlaceHolderTypes)),\n PropTypes.string,\n ]).isRequired,\n retryToConnect: PropTypes.func,\n searchInString: PropTypes.string,\n};\n\nPlaceHolder.defaultProps = {\n className: '',\n retryToConnect: null,\n searchInString: '',\n};\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","className","type","retryToConnect","searchInString","useContext","LocalizationContext","stringSet","React","Array","isArray","join","Loader","Icon","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","NO_SEARCHED_MESSAGE","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","func","defaultProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index-e63da805.js","sources":["../../src/ui/PlaceHolder/type.js","../../src/ui/PlaceHolder/index.jsx"],"sourcesContent":["export function Types() {\n return {\n LOADING: 'LOADING',\n NO_CHANNELS: 'NO_CHANNELS',\n NO_MESSAGES: 'NO_MESSAGES',\n WRONG: 'WRONG',\n SEARCH_IN: 'SEARCH_IN',\n SEARCHING: 'SEARCHING',\n NO_RESULTS: 'NO_RESULTS',\n };\n}\n\nexport default Types();\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Loader from '../Loader';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport _PlaceHolderTypes from './type';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport default function PlaceHolder({\n className,\n type,\n retryToConnect,\n searchInString,\n}) {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <div className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-place-holder',\n ].join(' ')}\n >\n {\n type === PlaceHolderTypes.LOADING && (\n <Loader\n width=\"48px\"\n height=\"48px\"\n >\n <Icon\n type={IconTypes.SPINNER}\n fillColor={IconColors.PRIMARY}\n width=\"48px\"\n height=\"48px\"\n />\n </Loader>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_CHANNELS\n || type === PlaceHolderTypes.NO_MESSAGES\n || type === PlaceHolderTypes.WRONG\n ) && (\n <div className=\"sendbird-place-holder__body\">\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.CHAT}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.ERROR}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n <Icon\n className=\"sendbird-place-holder__body__icon\"\n type={IconTypes.MESSAGE}\n fillColor={IconColors.ON_BACKGROUND_3}\n width=\"64px\"\n height=\"64px\"\n />\n )\n }\n <Label\n className=\"sendbird-place-holder__body__text\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {\n type === PlaceHolderTypes.NO_CHANNELS && (\n stringSet.PLACE_HOLDER__NO_CHANNEL\n )\n }\n {\n type === PlaceHolderTypes.WRONG && (\n stringSet.PLACE_HOLDER__WRONG\n )\n }\n {\n type === PlaceHolderTypes.NO_MESSAGES && (\n stringSet.PLACE_HOLDER__NO_MESSAGES\n )\n }\n </Label>\n {\n retryToConnect && (\n <div\n className=\"sendbird-place-holder__body__reconnect\"\n role=\"button\"\n onClick={retryToConnect}\n onKeyPress={retryToConnect}\n tabIndex={0}\n >\n <Icon\n className=\"sendbird-place-holder__body__reconnect__icon\"\n type={IconTypes.REFRESH}\n fillColor={IconColors.PRIMARY}\n width=\"20px\"\n height=\"20px\"\n />\n <Label\n className=\"sendbird-place-holder__body__reconnect__text\"\n type={LabelTypography.BUTTON_1}\n color={LabelColors.PRIMARY}\n >\n {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n </Label>\n </div>\n )\n }\n </div>\n )\n }\n {\n (\n type === PlaceHolderTypes.NO_RESULTS\n || type === PlaceHolderTypes.SEARCH_IN\n || type === PlaceHolderTypes.SEARCHING\n ) && (\n <div className=\"sendbird-place-holder__body--align-top\">\n {\n type === PlaceHolderTypes.SEARCH_IN && (\n <div className=\"sendbird-place-holder__body--align-top__text\">\n <Label\n className=\"sendbird-place-holder__body--align-top__text__search-in\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCH_IN}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {`'${searchInString}`}\n </Label>\n <Label\n className=\"sendbird-place-holder__body--align-top__text__quote\"\n type={LabelTypography.BUTTON_2}\n color={LabelColors.PRIMARY}\n >\n {'\\''}\n </Label>\n </div>\n )\n }\n {\n type === PlaceHolderTypes.SEARCHING && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__searching\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.SEARCHING}\n </Label>\n )\n }\n {\n type === PlaceHolderTypes.NO_RESULTS && (\n <Label\n className=\"sendbird-place-hlder__body--align-top__no-result\"\n type={LabelTypography.BODY_1}\n color={LabelColors.ONBACKGROUND_2}\n >\n {stringSet.NO_SEARCHED_MESSAGE}\n </Label>\n )\n }\n </div>\n )\n }\n </div>\n );\n}\n\nPlaceHolder.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n type: PropTypes.oneOfType([\n PropTypes.oneOf(Object.keys(PlaceHolderTypes)),\n PropTypes.string,\n ]).isRequired,\n retryToConnect: PropTypes.func,\n searchInString: PropTypes.string,\n};\n\nPlaceHolder.defaultProps = {\n className: '',\n retryToConnect: null,\n searchInString: '',\n};\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","className","type","retryToConnect","searchInString","useContext","LocalizationContext","stringSet","React","Array","isArray","join","Loader","Icon","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","Label","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","NO_SEARCHED_MESSAGE","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","func","defaultProps"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
3
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6193d45d.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var PropTypes = require('prop-types');
|
|
6
|
-
var stringSet = require('./stringSet-
|
|
6
|
+
var stringSet = require('./stringSet-b9ea6eef.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
9
|
|
|
@@ -139,4 +139,4 @@ exports.LabelColors = LabelColors;
|
|
|
139
139
|
exports.LabelStringSet = LabelStringSet;
|
|
140
140
|
exports.LabelTypography = LabelTypography;
|
|
141
141
|
exports.changeColorToClassName = changeColorToClassName;
|
|
142
|
-
//# sourceMappingURL=index-
|
|
142
|
+
//# sourceMappingURL=index-f1971e28.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-f1971e28.js","sources":["../../src/ui/Label/types.js","../../src/ui/Label/utils.js","../../src/ui/Label/index.jsx"],"sourcesContent":["export const Typography = {\n H_1: 'H_1',\n H_2: 'H_2',\n SUBTITLE_1: 'SUBTITLE_1',\n SUBTITLE_2: 'SUBTITLE_2',\n BODY_1: 'BODY_1',\n BODY_2: 'BODY_2',\n BUTTON_1: 'BUTTON_1',\n BUTTON_2: 'BUTTON_2',\n CAPTION_1: 'CAPTION_1',\n CAPTION_2: 'CAPTION_2',\n CAPTION_3: 'CAPTION_3',\n};\n\nexport const Colors = {\n ONBACKGROUND_1: 'ONBACKGROUND_1',\n ONBACKGROUND_2: 'ONBACKGROUND_2',\n ONBACKGROUND_3: 'ONBACKGROUND_3',\n ONBACKGROUND_4: 'ONBACKGROUND_4',\n ONCONTENT_1: 'ONCONTENT_1',\n ONCONTENT_2: 'ONCONTENT_2',\n PRIMARY: 'PRIMARY',\n ERROR: 'ERROR',\n SECONDARY_3: 'SECONDARY_3',\n};\n","import { Typography, Colors } from './types';\n\nexport function changeTypographyToClassName(type) {\n switch (type) {\n case Typography.H_1: return 'sendbird-label--h-1';\n case Typography.H_2: return 'sendbird-label--h-2';\n case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';\n case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';\n case Typography.BODY_1: return 'sendbird-label--body-1';\n case Typography.BODY_2: return 'sendbird-label--body-2';\n case Typography.BUTTON_1: return 'sendbird-label--button-1';\n case Typography.BUTTON_2: return 'sendbird-label--button-2';\n case Typography.CAPTION_1: return 'sendbird-label--caption-1';\n case Typography.CAPTION_2: return 'sendbird-label--caption-2';\n case Typography.CAPTION_3: return 'sendbird-label--caption-3';\n default: return null;\n }\n}\n\nexport function changeColorToClassName(color) {\n switch (color) {\n case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';\n case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';\n case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';\n case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';\n case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';\n case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';\n case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me\n case Colors.ERROR: return 'sendbird-label--color-error';\n case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';\n default: return null;\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Typography, Colors } from './types';\nimport { changeTypographyToClassName, changeColorToClassName } from './utils';\nimport getStringSet from './stringSet';\n\nexport default function Label({\n className,\n type,\n color,\n children,\n}) {\n return (\n <span\n className={[\n ...(Array.isArray(className) ? className : [className]),\n 'sendbird-label',\n type ? changeTypographyToClassName(type) : '',\n color ? changeColorToClassName(color) : '',\n ].join(' ')}\n >\n {children}\n </span>\n );\n}\n\nLabel.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n ]),\n type: PropTypes.oneOf([...Object.keys(Typography), '']),\n color: PropTypes.oneOf([...Object.keys(Colors), '']),\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.element,\n PropTypes.any,\n ]),\n};\n\nLabel.defaultProps = {\n className: [],\n type: '',\n color: '',\n children: null,\n};\n\nconst LabelTypography = Typography;\nconst LabelColors = Colors;\nconst LabelStringSet = getStringSet('en');\nexport { LabelTypography, LabelColors, LabelStringSet };\n"],"names":["Typography","H_1","H_2","SUBTITLE_1","SUBTITLE_2","BODY_1","BODY_2","BUTTON_1","BUTTON_2","CAPTION_1","CAPTION_2","CAPTION_3","Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","ONCONTENT_2","PRIMARY","ERROR","SECONDARY_3","changeTypographyToClassName","type","changeColorToClassName","color","Label","className","children","React","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","number","element","any","defaultProps","LabelTypography","LabelColors","LabelStringSet","getStringSet"],"mappings":"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"}
|