@sendbird/uikit-react-native 2.5.0 → 3.0.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -1
- package/lib/commonjs/components/{MessageRenderer/MessageTime.js → ChannelInput/AttachmentsButton.js} +20 -17
- package/lib/commonjs/components/ChannelInput/AttachmentsButton.js.map +1 -0
- package/lib/commonjs/components/ChannelInput/EditInput.js +10 -18
- package/lib/commonjs/components/ChannelInput/EditInput.js.map +1 -1
- package/lib/commonjs/components/ChannelInput/SendInput.js +220 -163
- package/lib/commonjs/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/commonjs/components/ChannelInput/index.js +5 -3
- package/lib/commonjs/components/ChannelInput/index.js.map +1 -1
- package/lib/commonjs/components/ChannelMessageList/index.js +27 -27
- package/lib/commonjs/components/ChannelMessageList/index.js.map +1 -1
- package/lib/commonjs/components/ChatFlatList.js +18 -6
- package/lib/commonjs/components/ChatFlatList.js.map +1 -1
- package/lib/commonjs/components/{MessageRenderer/MessageDateSeparator.js → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js} +3 -3
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map +1 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +47 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -0
- package/lib/commonjs/components/{MessageRenderer/MessageOutgoingStatus.js → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js} +11 -14
- package/lib/commonjs/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map +1 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/index.js +204 -0
- package/lib/commonjs/components/GroupChannelMessageRenderer/index.js.map +1 -0
- package/lib/commonjs/components/MessageSearchResultItem.js +3 -2
- package/lib/commonjs/components/MessageSearchResultItem.js.map +1 -1
- package/lib/commonjs/components/OpenChannelMessageRenderer/index.js +15 -9
- package/lib/commonjs/components/OpenChannelMessageRenderer/index.js.map +1 -1
- package/lib/commonjs/constants.js +1 -7
- package/lib/commonjs/constants.js.map +1 -1
- package/lib/commonjs/containers/GroupChannelPreviewContainer.js +13 -13
- package/lib/commonjs/containers/GroupChannelPreviewContainer.js.map +1 -1
- package/lib/commonjs/containers/SendbirdUIKitContainer.js +29 -19
- package/lib/commonjs/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/commonjs/contexts/SendbirdChatCtx.js +17 -14
- package/lib/commonjs/contexts/SendbirdChatCtx.js.map +1 -1
- package/lib/commonjs/contexts/UserProfileCtx.js +6 -4
- package/lib/commonjs/contexts/UserProfileCtx.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js +4 -13
- package/lib/commonjs/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
- package/lib/commonjs/domain/groupChannel/types.js.map +1 -1
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js +10 -6
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js.map +1 -1
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js +3 -3
- package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map +1 -1
- package/lib/commonjs/domain/groupChannelList/types.js.map +1 -1
- package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js +11 -10
- package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map +1 -1
- package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js +4 -8
- package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js.map +1 -1
- package/lib/commonjs/domain/openChannel/types.js.map +1 -1
- package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js +3 -1
- package/lib/commonjs/domain/openChannelList/component/OpenChannelListList.js.map +1 -1
- package/lib/commonjs/domain/openChannelList/types.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelCreateFragment.js +1 -1
- package/lib/commonjs/fragments/createGroupChannelCreateFragment.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelFragment.js +22 -100
- package/lib/commonjs/fragments/createGroupChannelFragment.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelInviteFragment.js +1 -1
- package/lib/commonjs/fragments/createGroupChannelInviteFragment.js.map +1 -1
- package/lib/commonjs/fragments/createGroupChannelListFragment.js +8 -13
- package/lib/commonjs/fragments/createGroupChannelListFragment.js.map +1 -1
- package/lib/commonjs/fragments/createMessageSearchFragment.js +2 -2
- package/lib/commonjs/fragments/createMessageSearchFragment.js.map +1 -1
- package/lib/commonjs/fragments/createOpenChannelFragment.js +1 -7
- package/lib/commonjs/fragments/createOpenChannelFragment.js.map +1 -1
- package/lib/commonjs/fragments/createOpenChannelListFragment.js +2 -1
- package/lib/commonjs/fragments/createOpenChannelListFragment.js.map +1 -1
- package/lib/commonjs/hooks/useConnection.js +11 -7
- package/lib/commonjs/hooks/useConnection.js.map +1 -1
- package/lib/commonjs/hooks/useMentionTextInput.js +3 -2
- package/lib/commonjs/hooks/useMentionTextInput.js.map +1 -1
- package/lib/commonjs/index.js +20 -4
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/libs/MentionManager.js +8 -9
- package/lib/commonjs/libs/MentionManager.js.map +1 -1
- package/lib/commonjs/libs/SBUUtils.js +7 -3
- package/lib/commonjs/libs/SBUUtils.js.map +1 -1
- package/lib/commonjs/localization/StringSet.type.js.map +1 -1
- package/lib/commonjs/localization/createBaseStringSet.js +20 -62
- package/lib/commonjs/localization/createBaseStringSet.js.map +1 -1
- package/lib/module/components/ChannelInput/AttachmentsButton.js +29 -0
- package/lib/module/components/ChannelInput/AttachmentsButton.js.map +1 -0
- package/lib/module/components/ChannelInput/EditInput.js +10 -18
- package/lib/module/components/ChannelInput/EditInput.js.map +1 -1
- package/lib/module/components/ChannelInput/SendInput.js +221 -164
- package/lib/module/components/ChannelInput/SendInput.js.map +1 -1
- package/lib/module/components/ChannelInput/index.js +5 -3
- package/lib/module/components/ChannelInput/index.js.map +1 -1
- package/lib/module/components/ChannelMessageList/index.js +28 -28
- package/lib/module/components/ChannelMessageList/index.js.map +1 -1
- package/lib/module/components/ChatFlatList.js +17 -5
- package/lib/module/components/ChatFlatList.js.map +1 -1
- package/lib/module/components/{MessageRenderer/MessageDateSeparator.js → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js} +3 -3
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.js.map +1 -0
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js +38 -0
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.js.map +1 -0
- package/lib/module/components/{MessageRenderer/MessageOutgoingStatus.js → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js} +12 -15
- package/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.js.map +1 -0
- package/lib/module/components/GroupChannelMessageRenderer/index.js +196 -0
- package/lib/module/components/GroupChannelMessageRenderer/index.js.map +1 -0
- package/lib/module/components/MessageSearchResultItem.js +2 -1
- package/lib/module/components/MessageSearchResultItem.js.map +1 -1
- package/lib/module/components/OpenChannelMessageRenderer/index.js +16 -10
- package/lib/module/components/OpenChannelMessageRenderer/index.js.map +1 -1
- package/lib/module/constants.js +0 -5
- package/lib/module/constants.js.map +1 -1
- package/lib/module/containers/GroupChannelPreviewContainer.js +13 -13
- package/lib/module/containers/GroupChannelPreviewContainer.js.map +1 -1
- package/lib/module/containers/SendbirdUIKitContainer.js +29 -19
- package/lib/module/containers/SendbirdUIKitContainer.js.map +1 -1
- package/lib/module/contexts/SendbirdChatCtx.js +17 -14
- package/lib/module/contexts/SendbirdChatCtx.js.map +1 -1
- package/lib/module/contexts/UserProfileCtx.js +6 -4
- package/lib/module/contexts/UserProfileCtx.js.map +1 -1
- package/lib/module/domain/groupChannel/component/GroupChannelInput.js +4 -13
- package/lib/module/domain/groupChannel/component/GroupChannelInput.js.map +1 -1
- package/lib/module/domain/groupChannel/types.js.map +1 -1
- package/lib/module/domain/groupChannelList/component/GroupChannelListList.js +9 -4
- package/lib/module/domain/groupChannelList/component/GroupChannelListList.js.map +1 -1
- package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js +3 -3
- package/lib/module/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map +1 -1
- package/lib/module/domain/groupChannelList/types.js.map +1 -1
- package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js +11 -10
- package/lib/module/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map +1 -1
- package/lib/module/domain/openChannel/component/OpenChannelInput.js +4 -8
- package/lib/module/domain/openChannel/component/OpenChannelInput.js.map +1 -1
- package/lib/module/domain/openChannel/types.js.map +1 -1
- package/lib/module/domain/openChannelList/component/OpenChannelListList.js +3 -1
- package/lib/module/domain/openChannelList/component/OpenChannelListList.js.map +1 -1
- package/lib/module/domain/openChannelList/types.js.map +1 -1
- package/lib/module/fragments/createGroupChannelCreateFragment.js +1 -1
- package/lib/module/fragments/createGroupChannelCreateFragment.js.map +1 -1
- package/lib/module/fragments/createGroupChannelFragment.js +24 -102
- package/lib/module/fragments/createGroupChannelFragment.js.map +1 -1
- package/lib/module/fragments/createGroupChannelInviteFragment.js +1 -1
- package/lib/module/fragments/createGroupChannelInviteFragment.js.map +1 -1
- package/lib/module/fragments/createGroupChannelListFragment.js +8 -13
- package/lib/module/fragments/createGroupChannelListFragment.js.map +1 -1
- package/lib/module/fragments/createMessageSearchFragment.js +1 -1
- package/lib/module/fragments/createMessageSearchFragment.js.map +1 -1
- package/lib/module/fragments/createOpenChannelFragment.js +2 -8
- package/lib/module/fragments/createOpenChannelFragment.js.map +1 -1
- package/lib/module/fragments/createOpenChannelListFragment.js +2 -1
- package/lib/module/fragments/createOpenChannelListFragment.js.map +1 -1
- package/lib/module/hooks/useConnection.js +11 -7
- package/lib/module/hooks/useConnection.js.map +1 -1
- package/lib/module/hooks/useMentionTextInput.js +3 -2
- package/lib/module/hooks/useMentionTextInput.js.map +1 -1
- package/lib/module/index.js +5 -2
- package/lib/module/index.js.map +1 -1
- package/lib/module/libs/MentionManager.js +8 -9
- package/lib/module/libs/MentionManager.js.map +1 -1
- package/lib/module/libs/SBUUtils.js +7 -3
- package/lib/module/libs/SBUUtils.js.map +1 -1
- package/lib/module/localization/StringSet.type.js.map +1 -1
- package/lib/module/localization/createBaseStringSet.js +20 -62
- package/lib/module/localization/createBaseStringSet.js.map +1 -1
- package/lib/typescript/src/components/ChannelInput/AttachmentsButton.d.ts +6 -0
- package/lib/typescript/src/components/ChannelInput/index.d.ts +2 -14
- package/lib/typescript/src/components/ChannelMessageList/index.d.ts +2 -4
- package/lib/typescript/src/components/ChatFlatList.d.ts +1 -5
- package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.d.ts +6 -0
- package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.d.ts +5 -0
- package/lib/typescript/src/components/{MessageRenderer/MessageOutgoingStatus.d.ts → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.d.ts} +3 -1
- package/lib/typescript/src/components/{MessageRenderer → GroupChannelMessageRenderer}/index.d.ts +2 -13
- package/lib/typescript/src/components/MessageSearchResultItem.d.ts +2 -1
- package/lib/typescript/src/components/OpenChannelMessageRenderer/index.d.ts +1 -1
- package/lib/typescript/src/constants.d.ts +0 -5
- package/lib/typescript/src/containers/SendbirdUIKitContainer.d.ts +15 -10
- package/lib/typescript/src/contexts/SendbirdChatCtx.d.ts +33 -19
- package/lib/typescript/src/domain/groupChannel/component/GroupChannelInput.d.ts +1 -1
- package/lib/typescript/src/domain/groupChannel/component/GroupChannelMessageList.d.ts +1 -4
- package/lib/typescript/src/domain/groupChannel/types.d.ts +2 -9
- package/lib/typescript/src/domain/groupChannelList/component/GroupChannelListList.d.ts +1 -1
- package/lib/typescript/src/domain/groupChannelList/types.d.ts +8 -23
- package/lib/typescript/src/domain/openChannel/component/OpenChannelHeader.d.ts +1 -1
- package/lib/typescript/src/domain/openChannel/component/OpenChannelInput.d.ts +1 -1
- package/lib/typescript/src/domain/openChannel/component/OpenChannelMessageList.d.ts +1 -1
- package/lib/typescript/src/domain/openChannel/types.d.ts +2 -2
- package/lib/typescript/src/domain/openChannelList/component/OpenChannelListList.d.ts +1 -1
- package/lib/typescript/src/domain/openChannelList/types.d.ts +3 -12
- package/lib/typescript/src/index.d.ts +4 -1
- package/lib/typescript/src/libs/MentionManager.d.ts +4 -5
- package/lib/typescript/src/libs/SBUUtils.d.ts +1 -1
- package/lib/typescript/src/localization/StringSet.type.d.ts +2 -43
- package/package.json +13 -10
- package/src/components/ChannelInput/AttachmentsButton.tsx +32 -0
- package/src/components/ChannelInput/EditInput.tsx +17 -18
- package/src/components/ChannelInput/SendInput.tsx +237 -181
- package/src/components/ChannelInput/index.tsx +8 -21
- package/src/components/ChannelMessageList/index.tsx +33 -41
- package/src/components/ChatFlatList.tsx +39 -13
- package/src/components/{MessageRenderer/MessageDateSeparator.tsx → GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.tsx} +7 -5
- package/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.tsx +29 -0
- package/src/components/{MessageRenderer/MessageOutgoingStatus.tsx → GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.tsx} +15 -15
- package/src/components/GroupChannelMessageRenderer/index.tsx +203 -0
- package/src/components/MessageSearchResultItem.tsx +3 -1
- package/src/components/OpenChannelMessageRenderer/index.tsx +10 -5
- package/src/constants.ts +0 -5
- package/src/containers/GroupChannelPreviewContainer.tsx +14 -13
- package/src/containers/SendbirdUIKitContainer.tsx +98 -90
- package/src/contexts/SendbirdChatCtx.tsx +49 -36
- package/src/contexts/UserProfileCtx.tsx +10 -5
- package/src/domain/groupChannel/component/GroupChannelInput.tsx +1 -10
- package/src/domain/groupChannel/types.ts +1 -14
- package/src/domain/groupChannelList/component/GroupChannelListList.tsx +8 -4
- package/src/domain/groupChannelList/component/GroupChannelListTypeSelector.tsx +3 -3
- package/src/domain/groupChannelList/types.ts +8 -30
- package/src/domain/groupChannelSettings/component/GroupChannelSettingsMenu.tsx +22 -10
- package/src/domain/openChannel/component/OpenChannelInput.tsx +1 -5
- package/src/domain/openChannel/types.ts +1 -1
- package/src/domain/openChannelList/component/OpenChannelListList.tsx +2 -1
- package/src/domain/openChannelList/types.ts +6 -13
- package/src/fragments/createGroupChannelCreateFragment.tsx +1 -1
- package/src/fragments/createGroupChannelFragment.tsx +21 -97
- package/src/fragments/createGroupChannelInviteFragment.tsx +1 -1
- package/src/fragments/createGroupChannelListFragment.tsx +9 -15
- package/src/fragments/createMessageSearchFragment.tsx +1 -1
- package/src/fragments/createOpenChannelFragment.tsx +2 -3
- package/src/fragments/createOpenChannelListFragment.tsx +2 -1
- package/src/hooks/useConnection.ts +9 -7
- package/src/hooks/useMentionTextInput.ts +7 -2
- package/src/index.ts +4 -2
- package/src/libs/MentionManager.tsx +8 -7
- package/src/libs/SBUUtils.ts +7 -3
- package/src/localization/StringSet.type.ts +2 -46
- package/src/localization/createBaseStringSet.ts +19 -71
- package/src/version.ts +1 -1
- package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js +0 -46
- package/lib/commonjs/components/MessageRenderer/AdminMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js +0 -73
- package/lib/commonjs/components/MessageRenderer/FileMessage/BaseFileMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js +0 -93
- package/lib/commonjs/components/MessageRenderer/FileMessage/ImageFileMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/VideoFileMessage.js +0 -132
- package/lib/commonjs/components/MessageRenderer/FileMessage/VideoFileMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/FileMessage/index.js +0 -24
- package/lib/commonjs/components/MessageRenderer/FileMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageContainer.js +0 -27
- package/lib/commonjs/components/MessageRenderer/MessageContainer.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageDateSeparator.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageIncomingAvatar.js +0 -41
- package/lib/commonjs/components/MessageRenderer/MessageIncomingAvatar.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageIncomingSenderName.js +0 -41
- package/lib/commonjs/components/MessageRenderer/MessageIncomingSenderName.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageOutgoingStatus.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/MessageTime.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UnknownMessage/index.js +0 -46
- package/lib/commonjs/components/MessageRenderer/UnknownMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UserMessage/BaseUserMessage.js +0 -113
- package/lib/commonjs/components/MessageRenderer/UserMessage/BaseUserMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js +0 -200
- package/lib/commonjs/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/UserMessage/index.js +0 -22
- package/lib/commonjs/components/MessageRenderer/UserMessage/index.js.map +0 -1
- package/lib/commonjs/components/MessageRenderer/index.js +0 -186
- package/lib/commonjs/components/MessageRenderer/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/AdminMessage/index.js +0 -38
- package/lib/module/components/MessageRenderer/AdminMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js +0 -65
- package/lib/module/components/MessageRenderer/FileMessage/BaseFileMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js +0 -84
- package/lib/module/components/MessageRenderer/FileMessage/ImageFileMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js +0 -123
- package/lib/module/components/MessageRenderer/FileMessage/VideoFileMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/FileMessage/index.js +0 -16
- package/lib/module/components/MessageRenderer/FileMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageContainer.js +0 -19
- package/lib/module/components/MessageRenderer/MessageContainer.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageDateSeparator.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js +0 -33
- package/lib/module/components/MessageRenderer/MessageIncomingAvatar.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageIncomingSenderName.js +0 -33
- package/lib/module/components/MessageRenderer/MessageIncomingSenderName.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageOutgoingStatus.js.map +0 -1
- package/lib/module/components/MessageRenderer/MessageTime.js +0 -26
- package/lib/module/components/MessageRenderer/MessageTime.js.map +0 -1
- package/lib/module/components/MessageRenderer/UnknownMessage/index.js +0 -38
- package/lib/module/components/MessageRenderer/UnknownMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js +0 -105
- package/lib/module/components/MessageRenderer/UserMessage/BaseUserMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js +0 -190
- package/lib/module/components/MessageRenderer/UserMessage/OpenGraphUserMessage.js.map +0 -1
- package/lib/module/components/MessageRenderer/UserMessage/index.js +0 -14
- package/lib/module/components/MessageRenderer/UserMessage/index.js.map +0 -1
- package/lib/module/components/MessageRenderer/index.js +0 -178
- package/lib/module/components/MessageRenderer/index.js.map +0 -1
- package/lib/typescript/src/components/MessageRenderer/AdminMessage/index.d.ts +0 -5
- package/lib/typescript/src/components/MessageRenderer/FileMessage/BaseFileMessage.d.ts +0 -6
- package/lib/typescript/src/components/MessageRenderer/FileMessage/ImageFileMessage.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/FileMessage/VideoFileMessage.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/FileMessage/index.d.ts +0 -15
- package/lib/typescript/src/components/MessageRenderer/MessageContainer.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/MessageDateSeparator.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/MessageIncomingAvatar.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/MessageIncomingSenderName.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/MessageTime.d.ts +0 -9
- package/lib/typescript/src/components/MessageRenderer/UnknownMessage/index.d.ts +0 -4
- package/lib/typescript/src/components/MessageRenderer/UserMessage/BaseUserMessage.d.ts +0 -3
- package/lib/typescript/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.d.ts +0 -7
- package/lib/typescript/src/components/MessageRenderer/UserMessage/index.d.ts +0 -9
- package/src/components/MessageRenderer/AdminMessage/index.tsx +0 -40
- package/src/components/MessageRenderer/FileMessage/BaseFileMessage.tsx +0 -51
- package/src/components/MessageRenderer/FileMessage/ImageFileMessage.tsx +0 -98
- package/src/components/MessageRenderer/FileMessage/VideoFileMessage.tsx +0 -113
- package/src/components/MessageRenderer/FileMessage/index.tsx +0 -20
- package/src/components/MessageRenderer/MessageContainer.tsx +0 -17
- package/src/components/MessageRenderer/MessageIncomingAvatar.tsx +0 -34
- package/src/components/MessageRenderer/MessageIncomingSenderName.tsx +0 -36
- package/src/components/MessageRenderer/MessageTime.tsx +0 -28
- package/src/components/MessageRenderer/UnknownMessage/index.tsx +0 -34
- package/src/components/MessageRenderer/UserMessage/BaseUserMessage.tsx +0 -102
- package/src/components/MessageRenderer/UserMessage/OpenGraphUserMessage.tsx +0 -188
- package/src/components/MessageRenderer/UserMessage/index.tsx +0 -24
- package/src/components/MessageRenderer/index.tsx +0 -198
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useRetry","videoFileUrl","retryCount","arguments","length","undefined","state","setState","useState","thumbnail","loading","retryCountRef","useRef","retryTimeoutRef","mediaService","usePlatformService","fetchThumbnail","getVideoThumbnail","url","timeMills","then","result","path","useEffect","reloadReservation","current","setTimeout","clearTimeout","VideoFileMessage","_ref","message","variant","children","colors","useUIKitTheme","fileUrl","getAvailableUriFromFileMessage","style","styles","video","backgroundColor","onBackground04","createElement","View","bubbleContainer","ui","groupChannelMessage","enabled","background","bubbleInnerContainer","PlayIcon","Image","source","uri","resizeMode","resizeMethod","Icon","icon","size","color","onBackground02","containerStyle","playIcon","onBackgroundReverse01","createStyleSheet","borderRadius","overflow","alignItems","justifyContent","width","maxWidth","height","position","padding","_default","exports"],"sources":["VideoFileMessage.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getAvailableUriFromFileMessage } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../../hooks/useContext';\nimport type { FileMessageProps } from './index';\n\nconst useRetry = (videoFileUrl: string, retryCount = 5) => {\n const [state, setState] = useState({ thumbnail: null as null | string, loading: true });\n const retryCountRef = useRef(0);\n const retryTimeoutRef = useRef<NodeJS.Timeout>();\n\n const { mediaService } = usePlatformService();\n\n const fetchThumbnail = () => {\n return mediaService.getVideoThumbnail({ url: videoFileUrl, timeMills: 1000 }).then((result) => {\n setState({ loading: false, thumbnail: result?.path ?? null });\n });\n };\n\n useEffect(() => {\n if (!state.thumbnail) {\n const reloadReservation = () => {\n if (retryCountRef.current < retryCount) {\n retryTimeoutRef.current = setTimeout(() => {\n retryCountRef.current++;\n reloadReservation();\n fetchThumbnail();\n }, retryCountRef.current * 5000);\n }\n };\n\n return reloadReservation();\n } else {\n return clearTimeout(retryTimeoutRef.current);\n }\n }, [state.thumbnail]);\n\n return state;\n};\n\nconst VideoFileMessage = ({ message, variant, children }: FileMessageProps) => {\n const { colors } = useUIKitTheme();\n\n const fileUrl = getAvailableUriFromFileMessage(message);\n const style = [styles.video, { backgroundColor: colors.onBackground04 }];\n\n const { loading, thumbnail } = useRetry(fileUrl);\n\n if (loading) {\n return (\n <View\n style={[styles.bubbleContainer, { backgroundColor: colors.ui.groupChannelMessage[variant].enabled.background }]}\n >\n <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>\n <View style={style} />\n <PlayIcon />\n </View>\n {children}\n </View>\n );\n }\n\n return (\n <View\n style={[styles.bubbleContainer, { backgroundColor: colors.ui.groupChannelMessage[variant].enabled.background }]}\n >\n <View style={[styles.bubbleContainer, styles.bubbleInnerContainer]}>\n <Image source={{ uri: thumbnail || fileUrl }} style={style} resizeMode={'cover'} resizeMethod={'resize'} />\n <PlayIcon />\n </View>\n {children}\n </View>\n );\n};\n\nconst PlayIcon = () => {\n const { colors } = useUIKitTheme();\n\n return (\n <Icon\n icon={'play'}\n size={28}\n color={colors.onBackground02}\n containerStyle={[styles.playIcon, { backgroundColor: colors.onBackgroundReverse01 }]}\n />\n );\n};\n\nconst styles = createStyleSheet({\n bubbleContainer: {\n borderRadius: 16,\n overflow: 'hidden',\n },\n bubbleInnerContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n video: {\n width: 240,\n maxWidth: 240,\n height: 160,\n },\n playIcon: {\n position: 'absolute',\n padding: 10,\n borderRadius: 50,\n },\n});\n\nexport default VideoFileMessage;\n"],"mappings":"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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _uikitUtils = require("@sendbird/uikit-utils");
|
|
9
|
-
var _BaseFileMessage = _interopRequireDefault(require("./BaseFileMessage"));
|
|
10
|
-
var _ImageFileMessage = _interopRequireDefault(require("./ImageFileMessage"));
|
|
11
|
-
var _VideoFileMessage = _interopRequireDefault(require("./VideoFileMessage"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
const FileMessage = props => {
|
|
15
|
-
const fileType = (0, _uikitUtils.getFileType)(props.message.type || (0, _uikitUtils.getFileExtension)(props.message.name));
|
|
16
|
-
if (fileType === 'image') return /*#__PURE__*/_react.default.createElement(_ImageFileMessage.default, props);
|
|
17
|
-
if (fileType === 'video') return /*#__PURE__*/_react.default.createElement(_VideoFileMessage.default, props);
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_BaseFileMessage.default, _extends({}, props, {
|
|
19
|
-
type: fileType
|
|
20
|
-
}));
|
|
21
|
-
};
|
|
22
|
-
var _default = /*#__PURE__*/_react.default.memo(FileMessage);
|
|
23
|
-
exports.default = _default;
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_BaseFileMessage","_ImageFileMessage","_VideoFileMessage","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FileMessage","props","fileType","getFileType","message","type","getFileExtension","name","createElement","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SendbirdFileMessage, getFileExtension, getFileType } from '@sendbird/uikit-utils';\n\nimport type { MessageRendererInterface } from '../index';\nimport BaseFileMessage from './BaseFileMessage';\nimport ImageFileMessage from './ImageFileMessage';\nimport VideoFileMessage from './VideoFileMessage';\n\nexport type FileMessageProps = MessageRendererInterface<SendbirdFileMessage>;\nconst FileMessage = (props: FileMessageProps) => {\n const fileType = getFileType(props.message.type || getFileExtension(props.message.name));\n\n if (fileType === 'image') return <ImageFileMessage {...props} />;\n if (fileType === 'video') return <VideoFileMessage {...props} />;\n\n return <BaseFileMessage {...props} type={fileType} />;\n};\n\nexport default React.memo(FileMessage);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAGA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAGlD,MAAMQ,WAAW,GAAIC,KAAuB,IAAK;EAC/C,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAACF,KAAK,CAACG,OAAO,CAACC,IAAI,IAAI,IAAAC,4BAAgB,EAACL,KAAK,CAACG,OAAO,CAACG,IAAI,CAAC,CAAC;EAExF,IAAIL,QAAQ,KAAK,OAAO,EAAE,oBAAO1B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC3B,iBAAA,CAAAI,OAAgB,EAAKgB,KAAK,CAAI;EAChE,IAAIC,QAAQ,KAAK,OAAO,EAAE,oBAAO1B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC1B,iBAAA,CAAAG,OAAgB,EAAKgB,KAAK,CAAI;EAEhE,oBAAOzB,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC5B,gBAAA,CAAAK,OAAe,EAAAC,QAAA,KAAKe,KAAK;IAAEI,IAAI,EAAEH;EAAS,GAAG;AACvD,CAAC;AAAC,IAAAO,QAAA,gBAEaC,cAAK,CAACC,IAAI,CAACX,WAAW,CAAC;AAAAY,OAAA,CAAA3B,OAAA,GAAAwB,QAAA"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
const MessageContainer = _ref => {
|
|
12
|
-
let {
|
|
13
|
-
children
|
|
14
|
-
} = _ref;
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
16
|
-
style: styles.container
|
|
17
|
-
}, children);
|
|
18
|
-
};
|
|
19
|
-
const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
|
|
20
|
-
container: {
|
|
21
|
-
flexDirection: 'column',
|
|
22
|
-
paddingHorizontal: 16
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
var _default = MessageContainer;
|
|
26
|
-
exports.default = _default;
|
|
27
|
-
//# sourceMappingURL=MessageContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","obj","__esModule","default","MessageContainer","_ref","children","createElement","View","style","styles","container","createStyleSheet","flexDirection","paddingHorizontal","_default","exports"],"sources":["MessageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\n\nconst MessageContainer = ({ children }: React.PropsWithChildren) => {\n return <View style={styles.container}>{children}</View>;\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'column',\n paddingHorizontal: 16,\n },\n});\n\nexport default MessageContainer;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAA2E,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3E,MAAMG,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EAC7D,oBAAOT,MAAA,CAAAO,OAAA,CAAAI,aAAA,CAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,GAAEL,QAAQ,CAAQ;AACzD,CAAC;AAED,MAAMI,MAAM,GAAG,IAAAE,4CAAgB,EAAC;EAC9BD,SAAS,EAAE;IACTE,aAAa,EAAE,QAAQ;IACvBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYX,gBAAgB;AAAAY,OAAA,CAAAb,OAAA,GAAAY,QAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_isSameDay","_interopRequireDefault","require","_react","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","MessageDateSeparator","_ref","message","prevMessage","STRINGS","useLocalization","colors","useUIKitTheme","sameDay","isSameDay","createdAt","createElement","View","style","styles","container","view","backgroundColor","ui","dateSeparator","none","background","Text","caption1","color","text","GROUP_CHANNEL","LIST_DATE_SEPARATOR","Date","createStyleSheet","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal","_default","exports"],"sources":["MessageDateSeparator.tsx"],"sourcesContent":["import isSameDay from 'date-fns/isSameDay';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\ntype Props = {\n message: SendbirdMessage;\n prevMessage?: SendbirdMessage;\n};\n\nconst MessageDateSeparator = ({ message, prevMessage }: Props) => {\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n\n const sameDay = isSameDay(message.createdAt, prevMessage?.createdAt ?? 0);\n if (sameDay) return null;\n return (\n <View style={styles.container}>\n <View style={[styles.view, { backgroundColor: colors.ui.dateSeparator.default.none.background }]}>\n <Text caption1 color={colors.ui.dateSeparator.default.none.text}>\n {STRINGS.GROUP_CHANNEL.LIST_DATE_SEPARATOR(new Date(message.createdAt))}\n </Text>\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n alignItems: 'center',\n marginVertical: 16,\n },\n view: {\n borderRadius: 10,\n paddingVertical: 4,\n paddingHorizontal: 10,\n },\n});\n\nexport default MessageDateSeparator;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AAAyD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOzD,MAAMG,oBAAoB,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC,OAAO;IAAEC;EAAmB,CAAC,GAAAF,IAAA;EAC3D,MAAM;IAAEG;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAMC,OAAO,GAAG,IAAAC,kBAAS,EAACP,OAAO,CAACQ,SAAS,EAAE,CAAAP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEO,SAAS,KAAI,CAAC,CAAC;EACzE,IAAIF,OAAO,EAAE,OAAO,IAAI;EACxB,oBACEf,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAEX,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACC;IAAW,CAAC;EAAE,gBAC/F5B,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAAChB,2BAAA,CAAA2B,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAElB,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACK;EAAK,GAC7DrB,OAAO,CAACsB,aAAa,CAACC,mBAAmB,CAAC,IAAIC,IAAI,CAAC1B,OAAO,CAACQ,SAAS,CAAC,CAAC,CAClE,CACF,CACF;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG,IAAAe,4CAAgB,EAAC;EAC9Bd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJgB,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYnC,oBAAoB;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
|
|
10
|
-
var _useContext = require("../../hooks/useContext");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
const MessageIncomingAvatar = _ref => {
|
|
13
|
-
var _message$sender;
|
|
14
|
-
let {
|
|
15
|
-
message,
|
|
16
|
-
grouping
|
|
17
|
-
} = _ref;
|
|
18
|
-
const {
|
|
19
|
-
show
|
|
20
|
-
} = (0, _useContext.useUserProfile)();
|
|
21
|
-
if (grouping) return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
22
|
-
style: styles.avatar
|
|
23
|
-
});
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
25
|
-
style: styles.avatar
|
|
26
|
-
}, (message.isFileMessage() || message.isUserMessage()) && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
27
|
-
onPress: () => show(message.sender)
|
|
28
|
-
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
|
|
29
|
-
size: 26,
|
|
30
|
-
uri: (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.profileUrl
|
|
31
|
-
})));
|
|
32
|
-
};
|
|
33
|
-
const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
|
|
34
|
-
avatar: {
|
|
35
|
-
width: 26,
|
|
36
|
-
marginRight: 12
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
var _default = MessageIncomingAvatar;
|
|
40
|
-
exports.default = _default;
|
|
41
|
-
//# sourceMappingURL=MessageIncomingAvatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","MessageIncomingAvatar","_ref","_message$sender","message","grouping","show","useUserProfile","createElement","View","style","styles","avatar","isFileMessage","isUserMessage","Pressable","onPress","sender","Avatar","size","uri","profileUrl","createStyleSheet","width","marginRight","_default","exports"],"sources":["MessageIncomingAvatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { Avatar, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useUserProfile } from '../../hooks/useContext';\n\ntype Props = {\n message: SendbirdMessage;\n grouping: boolean;\n};\nconst MessageIncomingAvatar = ({ message, grouping }: Props) => {\n const { show } = useUserProfile();\n if (grouping) return <View style={styles.avatar} />;\n return (\n <View style={styles.avatar}>\n {(message.isFileMessage() || message.isUserMessage()) && (\n <Pressable onPress={() => show(message.sender)}>\n <Avatar size={26} uri={message.sender?.profileUrl} />\n </Pressable>\n )}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n avatar: {\n width: 26,\n marginRight: 12,\n },\n});\n\nexport default MessageIncomingAvatar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMxD,MAAMG,qBAAqB,GAAGC,IAAA,IAAkC;EAAA,IAAAC,eAAA;EAAA,IAAjC;IAAEC,OAAO;IAAEC;EAAgB,CAAC,GAAAH,IAAA;EACzD,MAAM;IAAEI;EAAK,CAAC,GAAG,IAAAC,0BAAc,GAAE;EACjC,IAAIF,QAAQ,EAAE,oBAAOb,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAO,EAAG;EACnD,oBACEpB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAO,GACxB,CAACR,OAAO,CAACS,aAAa,EAAE,IAAIT,OAAO,CAACU,aAAa,EAAE,kBAClDtB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,YAAA,CAAAoB,SAAS;IAACC,OAAO,EAAEA,CAAA,KAAMV,IAAI,CAACF,OAAO,CAACa,MAAM;EAAE,gBAC7CzB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,2BAAA,CAAAsB,MAAM;IAACC,IAAI,EAAE,EAAG;IAACC,GAAG,GAAAjB,eAAA,GAAEC,OAAO,CAACa,MAAM,cAAAd,eAAA,uBAAdA,eAAA,CAAgBkB;EAAW,EAAG,CAExD,CACI;AAEX,CAAC;AAED,MAAMV,MAAM,GAAG,IAAAW,4CAAgB,EAAC;EAC9BV,MAAM,EAAE;IACNW,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYxB,qBAAqB;AAAAyB,OAAA,CAAA1B,OAAA,GAAAyB,QAAA"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
|
|
10
|
-
var _useContext = require("../../hooks/useContext");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
const MessageIncomingSenderName = _ref => {
|
|
13
|
-
var _message$sender;
|
|
14
|
-
let {
|
|
15
|
-
message,
|
|
16
|
-
grouping
|
|
17
|
-
} = _ref;
|
|
18
|
-
const {
|
|
19
|
-
colors
|
|
20
|
-
} = (0, _uikitReactNativeFoundation.useUIKitTheme)();
|
|
21
|
-
const {
|
|
22
|
-
STRINGS
|
|
23
|
-
} = (0, _useContext.useLocalization)();
|
|
24
|
-
if (grouping) return null;
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
26
|
-
style: styles.sender
|
|
27
|
-
}, (message.isFileMessage() || message.isUserMessage()) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
28
|
-
caption1: true,
|
|
29
|
-
color: colors.ui.groupChannelMessage.incoming.enabled.textSenderName,
|
|
30
|
-
numberOfLines: 1
|
|
31
|
-
}, ((_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.nickname) || STRINGS.LABELS.USER_NO_NAME));
|
|
32
|
-
};
|
|
33
|
-
const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
|
|
34
|
-
sender: {
|
|
35
|
-
marginLeft: 12,
|
|
36
|
-
marginBottom: 4
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
var _default = MessageIncomingSenderName;
|
|
40
|
-
exports.default = _default;
|
|
41
|
-
//# sourceMappingURL=MessageIncomingSenderName.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","MessageIncomingSenderName","_ref","_message$sender","message","grouping","colors","useUIKitTheme","STRINGS","useLocalization","createElement","View","style","styles","sender","isFileMessage","isUserMessage","Text","caption1","color","ui","groupChannelMessage","incoming","enabled","textSenderName","numberOfLines","nickname","LABELS","USER_NO_NAME","createStyleSheet","marginLeft","marginBottom","_default","exports"],"sources":["MessageIncomingSenderName.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\ntype Props = {\n message: SendbirdMessage;\n grouping: boolean;\n};\nconst MessageIncomingSenderName = ({ message, grouping }: Props) => {\n const { colors } = useUIKitTheme();\n const { STRINGS } = useLocalization();\n if (grouping) return null;\n\n return (\n <View style={styles.sender}>\n {(message.isFileMessage() || message.isUserMessage()) && (\n <Text caption1 color={colors.ui.groupChannelMessage.incoming.enabled.textSenderName} numberOfLines={1}>\n {message.sender?.nickname || STRINGS.LABELS.USER_NO_NAME}\n </Text>\n )}\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n sender: {\n marginLeft: 12,\n marginBottom: 4,\n },\n});\n\nexport default MessageIncomingSenderName;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMzD,MAAMG,yBAAyB,GAAGC,IAAA,IAAkC;EAAA,IAAAC,eAAA;EAAA,IAAjC;IAAEC,OAAO;IAAEC;EAAgB,CAAC,GAAAH,IAAA;EAC7D,MAAM;IAAEI;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,IAAIJ,QAAQ,EAAE,OAAO,IAAI;EAEzB,oBACEb,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAO,GACxB,CAACV,OAAO,CAACW,aAAa,EAAE,IAAIX,OAAO,CAACY,aAAa,EAAE,kBAClDxB,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACd,2BAAA,CAAAqB,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAEb,MAAM,CAACc,EAAE,CAACC,mBAAmB,CAACC,QAAQ,CAACC,OAAO,CAACC,cAAe;IAACC,aAAa,EAAE;EAAE,GACnG,EAAAtB,eAAA,GAAAC,OAAO,CAACU,MAAM,cAAAX,eAAA,uBAAdA,eAAA,CAAgBuB,QAAQ,KAAIlB,OAAO,CAACmB,MAAM,CAACC,YAAY,CAE3D,CACI;AAEX,CAAC;AAED,MAAMf,MAAM,GAAG,IAAAgB,4CAAgB,EAAC;EAC9Bf,MAAM,EAAE;IACNgB,UAAU,EAAE,EAAE;IACdC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY/B,yBAAyB;AAAAgC,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","SIZE","MessageOutgoingStatus","_ref","channel","message","isUserMessage","isFileMessage","sdk","useSendbirdChat","colors","useUIKitTheme","outgoingStatus","useMessageOutgoingStatus","createElement","LoadingSpinner","size","style","styles","container","Icon","icon","color","error","secondary","onBackground03","createStyleSheet","marginRight","_default","React","memo","exports"],"sources":["MessageOutgoingStatus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport { Icon, LoadingSpinner, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel, SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../../hooks/useContext';\n\nconst SIZE = 16;\n\ntype Props = { channel: SendbirdGroupChannel; message: SendbirdMessage };\nconst MessageOutgoingStatus = ({ channel, message }: Props) => {\n if (!message.isUserMessage() && !message.isFileMessage()) return null;\n\n const { sdk } = useSendbirdChat();\n const { colors } = useUIKitTheme();\n const outgoingStatus = useMessageOutgoingStatus(sdk, channel, message);\n\n if (outgoingStatus === 'PENDING') {\n return <LoadingSpinner size={SIZE} style={styles.container} />;\n }\n\n if (outgoingStatus === 'FAILED') {\n return <Icon icon={'error'} size={SIZE} color={colors.error} style={styles.container} />;\n }\n\n if (outgoingStatus === 'READ') {\n return <Icon icon={'done-all'} size={SIZE} color={colors.secondary} style={styles.container} />;\n }\n\n if (outgoingStatus === 'UNREAD' || outgoingStatus === 'DELIVERED') {\n return <Icon icon={'done-all'} size={SIZE} color={colors.onBackground03} style={styles.container} />;\n }\n\n if (outgoingStatus === 'UNDELIVERED') {\n return <Icon icon={'done'} size={SIZE} color={colors.onBackground03} style={styles.container} />;\n }\n\n return null;\n};\n\nconst styles = createStyleSheet({\n container: {\n marginRight: 4,\n },\n});\n\nexport default React.memo(MessageOutgoingStatus);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,IAAI,GAAG,EAAE;AAGf,MAAMC,qBAAqB,GAAGC,IAAA,IAAiC;EAAA,IAAhC;IAAEC,OAAO;IAAEC;EAAe,CAAC,GAAAF,IAAA;EACxD,IAAI,CAACE,OAAO,CAACC,aAAa,EAAE,IAAI,CAACD,OAAO,CAACE,aAAa,EAAE,EAAE,OAAO,IAAI;EAErE,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAMC,cAAc,GAAG,IAAAC,wCAAwB,EAACL,GAAG,EAAEJ,OAAO,EAAEC,OAAO,CAAC;EAEtE,IAAIO,cAAc,KAAK,SAAS,EAAE;IAChC,oBAAOpB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAAmB,cAAc;MAACC,IAAI,EAAEf,IAAK;MAACgB,KAAK,EAAEC,MAAM,CAACC;IAAU,EAAG;EAChE;EAEA,IAAIP,cAAc,KAAK,QAAQ,EAAE;IAC/B,oBAAOpB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAAwB,IAAI;MAACC,IAAI,EAAE,OAAQ;MAACL,IAAI,EAAEf,IAAK;MAACqB,KAAK,EAAEZ,MAAM,CAACa,KAAM;MAACN,KAAK,EAAEC,MAAM,CAACC;IAAU,EAAG;EAC1F;EAEA,IAAIP,cAAc,KAAK,MAAM,EAAE;IAC7B,oBAAOpB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAAwB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACL,IAAI,EAAEf,IAAK;MAACqB,KAAK,EAAEZ,MAAM,CAACc,SAAU;MAACP,KAAK,EAAEC,MAAM,CAACC;IAAU,EAAG;EACjG;EAEA,IAAIP,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,WAAW,EAAE;IACjE,oBAAOpB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAAwB,IAAI;MAACC,IAAI,EAAE,UAAW;MAACL,IAAI,EAAEf,IAAK;MAACqB,KAAK,EAAEZ,MAAM,CAACe,cAAe;MAACR,KAAK,EAAEC,MAAM,CAACC;IAAU,EAAG;EACtG;EAEA,IAAIP,cAAc,KAAK,aAAa,EAAE;IACpC,oBAAOpB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAAwB,IAAI;MAACC,IAAI,EAAE,MAAO;MAACL,IAAI,EAAEf,IAAK;MAACqB,KAAK,EAAEZ,MAAM,CAACe,cAAe;MAACR,KAAK,EAAEC,MAAM,CAACC;IAAU,EAAG;EAClG;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMD,MAAM,GAAG,IAAAQ,4CAAgB,EAAC;EAC9BP,SAAS,EAAE;IACTQ,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,gBAEYC,cAAK,CAACC,IAAI,CAAC5B,qBAAqB,CAAC;AAAA6B,OAAA,CAAA/B,OAAA,GAAA4B,QAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","MessageTime","_ref","message","grouping","style","STRINGS","useLocalization","colors","useUIKitTheme","createElement","View","Text","caption4","color","ui","groupChannelMessage","incoming","enabled","textTime","GROUP_CHANNEL","MESSAGE_BUBBLE_TIME","_default","exports"],"sources":["MessageTime.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport { Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\ntype Props = {\n message: SendbirdMessage;\n grouping: boolean;\n style?: StyleProp<ViewStyle>;\n};\nconst MessageTime = ({ message, grouping, style }: Props) => {\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n if (grouping) return null;\n\n return (\n <View style={style}>\n <Text caption4 color={colors.ui.groupChannelMessage.incoming.enabled.textTime}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_TIME(message)}\n </Text>\n </View>\n );\n};\n\nexport default MessageTime;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAyD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOzD,MAAMG,WAAW,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAAH,IAAA;EACtD,MAAM;IAAEI;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,IAAIL,QAAQ,EAAE,OAAO,IAAI;EAEzB,oBACEZ,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACN,KAAK,EAAEA;EAAM,gBACjBb,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACd,2BAAA,CAAAgB,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAEN,MAAM,CAACO,EAAE,CAACC,mBAAmB,CAACC,QAAQ,CAACC,OAAO,CAACC;EAAS,GAC3Eb,OAAO,CAACc,aAAa,CAACC,mBAAmB,CAAClB,OAAO,CAAC,CAC9C,CACF;AAEX,CAAC;AAAC,IAAAmB,QAAA,GAEarB,WAAW;AAAAsB,OAAA,CAAAvB,OAAA,GAAAsB,QAAA"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
|
|
10
|
-
var _useContext = require("../../../hooks/useContext");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
const UnknownMessage = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
message,
|
|
15
|
-
variant,
|
|
16
|
-
pressed
|
|
17
|
-
} = _ref;
|
|
18
|
-
const {
|
|
19
|
-
STRINGS
|
|
20
|
-
} = (0, _useContext.useLocalization)();
|
|
21
|
-
const {
|
|
22
|
-
colors
|
|
23
|
-
} = (0, _uikitReactNativeFoundation.useUIKitTheme)();
|
|
24
|
-
const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
26
|
-
style: [styles.container, {
|
|
27
|
-
backgroundColor: color.background
|
|
28
|
-
}]
|
|
29
|
-
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
30
|
-
body3: true,
|
|
31
|
-
color: colors.onBackground01
|
|
32
|
-
}, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message)), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
33
|
-
body3: true,
|
|
34
|
-
color: colors.onBackground02
|
|
35
|
-
}, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message)));
|
|
36
|
-
};
|
|
37
|
-
const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
|
|
38
|
-
container: {
|
|
39
|
-
paddingHorizontal: 12,
|
|
40
|
-
paddingVertical: 6,
|
|
41
|
-
borderRadius: 16
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
var _default = UnknownMessage;
|
|
45
|
-
exports.default = _default;
|
|
46
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","UnknownMessage","_ref","message","variant","pressed","STRINGS","useLocalization","colors","useUIKitTheme","color","ui","groupChannelMessage","createElement","View","style","styles","container","backgroundColor","background","Text","body3","onBackground01","GROUP_CHANNEL","MESSAGE_BUBBLE_UNKNOWN_TITLE","onBackground02","MESSAGE_BUBBLE_UNKNOWN_DESC","createStyleSheet","paddingHorizontal","paddingVertical","borderRadius","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { MessageRendererInterface } from '../index';\n\nexport type UnknownMessageProps = MessageRendererInterface;\nconst UnknownMessage = ({ message, variant, pressed }: UnknownMessageProps) => {\n const { STRINGS } = useLocalization();\n const { colors } = useUIKitTheme();\n const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n return (\n <View style={[styles.container, { backgroundColor: color.background }]}>\n <Text body3 color={colors.onBackground01}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message)}\n </Text>\n <Text body3 color={colors.onBackground02}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message)}\n </Text>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n paddingHorizontal: 12,\n paddingVertical: 6,\n borderRadius: 16,\n },\n});\n\nexport default UnknownMessage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAA4D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI5D,MAAMG,cAAc,GAAGC,IAAA,IAAwD;EAAA,IAAvD;IAAEC,OAAO;IAAEC,OAAO;IAAEC;EAA6B,CAAC,GAAAH,IAAA;EACxE,MAAM;IAAEI;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,mBAAmB,CAACR,OAAO,CAAC,CAACC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;EACrF,oBACEb,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAER,KAAK,CAACS;IAAW,CAAC;EAAE,gBACrE3B,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAAwB,IAAI;IAACC,KAAK;IAACX,KAAK,EAAEF,MAAM,CAACc;EAAe,GACtChB,OAAO,CAACiB,aAAa,CAACC,4BAA4B,CAACrB,OAAO,CAAC,CACvD,eACPX,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAAwB,IAAI;IAACC,KAAK;IAACX,KAAK,EAAEF,MAAM,CAACiB;EAAe,GACtCnB,OAAO,CAACiB,aAAa,CAACG,2BAA2B,CAACvB,OAAO,CAAC,CACtD,CACF;AAEX,CAAC;AAED,MAAMa,MAAM,GAAG,IAAAW,4CAAgB,EAAC;EAC9BV,SAAS,EAAE;IACTW,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY9B,cAAc;AAAA+B,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
|
|
10
|
-
var _uikitUtils = require("@sendbird/uikit-utils");
|
|
11
|
-
var _useContext = require("../../../hooks/useContext");
|
|
12
|
-
var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
const BaseUserMessage = _ref => {
|
|
16
|
-
let {
|
|
17
|
-
message,
|
|
18
|
-
variant,
|
|
19
|
-
pressed,
|
|
20
|
-
children,
|
|
21
|
-
onLongPressMentionedUser,
|
|
22
|
-
onLongPressURL
|
|
23
|
-
} = _ref;
|
|
24
|
-
const {
|
|
25
|
-
mentionManager,
|
|
26
|
-
currentUser
|
|
27
|
-
} = (0, _useContext.useSendbirdChat)();
|
|
28
|
-
const {
|
|
29
|
-
show
|
|
30
|
-
} = (0, _useContext.useUserProfile)();
|
|
31
|
-
const {
|
|
32
|
-
STRINGS
|
|
33
|
-
} = (0, _useContext.useLocalization)();
|
|
34
|
-
const {
|
|
35
|
-
colors,
|
|
36
|
-
palette
|
|
37
|
-
} = (0, _uikitReactNativeFoundation.useUIKitTheme)();
|
|
38
|
-
const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
40
|
-
style: [styles.container, {
|
|
41
|
-
backgroundColor: color.background
|
|
42
|
-
}]
|
|
43
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
44
|
-
style: styles.wrapper
|
|
45
|
-
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
46
|
-
body3: true,
|
|
47
|
-
color: color.textMsg
|
|
48
|
-
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.RegexText, {
|
|
49
|
-
body3: true,
|
|
50
|
-
color: color.textMsg,
|
|
51
|
-
patterns: [{
|
|
52
|
-
regex: mentionManager.templateRegex,
|
|
53
|
-
replacer(_ref2) {
|
|
54
|
-
var _message$mentionedUse;
|
|
55
|
-
let {
|
|
56
|
-
match,
|
|
57
|
-
groups,
|
|
58
|
-
parentProps,
|
|
59
|
-
index,
|
|
60
|
-
keyPrefix
|
|
61
|
-
} = _ref2;
|
|
62
|
-
const user = (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.find(it => it.userId === groups[2]);
|
|
63
|
-
if (user) {
|
|
64
|
-
return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
|
|
65
|
-
key: `${keyPrefix}-${index}`,
|
|
66
|
-
onPress: () => show(user),
|
|
67
|
-
onLongPress: onLongPressMentionedUser,
|
|
68
|
-
style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, {
|
|
69
|
-
fontWeight: 'bold'
|
|
70
|
-
}, user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) && {
|
|
71
|
-
backgroundColor: palette.highlight
|
|
72
|
-
}]
|
|
73
|
-
}), `${mentionManager.asMentionedMessageText(user)}`);
|
|
74
|
-
}
|
|
75
|
-
return match;
|
|
76
|
-
}
|
|
77
|
-
}, {
|
|
78
|
-
regex: _uikitUtils.urlRegexStrict,
|
|
79
|
-
replacer(_ref3) {
|
|
80
|
-
let {
|
|
81
|
-
match,
|
|
82
|
-
parentProps,
|
|
83
|
-
index,
|
|
84
|
-
keyPrefix
|
|
85
|
-
} = _ref3;
|
|
86
|
-
return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
|
|
87
|
-
key: `${keyPrefix}-${index}`,
|
|
88
|
-
onPress: () => _SBUUtils.default.openURL(match),
|
|
89
|
-
onLongPress: onLongPressURL,
|
|
90
|
-
style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, {
|
|
91
|
-
textDecorationLine: 'underline'
|
|
92
|
-
}]
|
|
93
|
-
}), match);
|
|
94
|
-
}
|
|
95
|
-
}]
|
|
96
|
-
}, mentionManager.shouldUseMentionedMessageTemplate(message) ? message.mentionedMessageTemplate : message.message), Boolean(message.updatedAt) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
97
|
-
body3: true,
|
|
98
|
-
color: color.textEdited
|
|
99
|
-
}, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX))), children);
|
|
100
|
-
};
|
|
101
|
-
const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
|
|
102
|
-
container: {
|
|
103
|
-
borderRadius: 16,
|
|
104
|
-
overflow: 'hidden'
|
|
105
|
-
},
|
|
106
|
-
wrapper: {
|
|
107
|
-
paddingHorizontal: 12,
|
|
108
|
-
paddingVertical: 6
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
|
-
var _default = BaseUserMessage;
|
|
112
|
-
exports.default = _default;
|
|
113
|
-
//# sourceMappingURL=BaseUserMessage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","BaseUserMessage","_ref","message","variant","pressed","children","onLongPressMentionedUser","onLongPressURL","mentionManager","currentUser","useSendbirdChat","show","useUserProfile","STRINGS","useLocalization","colors","palette","useUIKitTheme","color","ui","groupChannelMessage","createElement","View","style","styles","container","backgroundColor","background","wrapper","Text","body3","textMsg","RegexText","patterns","regex","templateRegex","replacer","_ref2","_message$mentionedUse","match","groups","parentProps","index","keyPrefix","user","mentionedUsers","find","it","userId","onPress","onLongPress","fontWeight","highlight","asMentionedMessageText","urlRegexStrict","_ref3","SBUUtils","openURL","textDecorationLine","shouldUseMentionedMessageTemplate","mentionedMessageTemplate","Boolean","updatedAt","textEdited","GROUP_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","createStyleSheet","borderRadius","overflow","paddingHorizontal","paddingVertical","_default","exports"],"sources":["BaseUserMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { RegexText, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { urlRegexStrict } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { UserMessageProps } from './index';\n\nconst BaseUserMessage = ({\n message,\n variant,\n pressed,\n children,\n onLongPressMentionedUser,\n onLongPressURL,\n}: UserMessageProps) => {\n const { mentionManager, currentUser } = useSendbirdChat();\n const { show } = useUserProfile();\n const { STRINGS } = useLocalization();\n const { colors, palette } = useUIKitTheme();\n\n const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];\n\n return (\n <View style={[styles.container, { backgroundColor: color.background }]}>\n <View style={styles.wrapper}>\n <Text body3 color={color.textMsg}>\n <RegexText\n body3\n color={color.textMsg}\n patterns={[\n {\n regex: mentionManager.templateRegex,\n replacer({ match, groups, parentProps, index, keyPrefix }) {\n const user = message.mentionedUsers?.find((it) => it.userId === groups[2]);\n if (user) {\n return (\n <Text\n {...parentProps}\n key={`${keyPrefix}-${index}`}\n onPress={() => show(user)}\n onLongPress={onLongPressMentionedUser}\n style={[\n parentProps?.style,\n { fontWeight: 'bold' },\n user.userId === currentUser?.userId && { backgroundColor: palette.highlight },\n ]}\n >\n {`${mentionManager.asMentionedMessageText(user)}`}\n </Text>\n );\n }\n return match;\n },\n },\n {\n regex: urlRegexStrict,\n replacer({ match, parentProps, index, keyPrefix }) {\n return (\n <Text\n {...parentProps}\n key={`${keyPrefix}-${index}`}\n onPress={() => SBUUtils.openURL(match)}\n onLongPress={onLongPressURL}\n style={[parentProps?.style, { textDecorationLine: 'underline' }]}\n >\n {match}\n </Text>\n );\n },\n },\n ]}\n >\n {mentionManager.shouldUseMentionedMessageTemplate(message)\n ? message.mentionedMessageTemplate\n : message.message}\n </RegexText>\n {Boolean(message.updatedAt) && (\n <Text body3 color={color.textEdited}>\n {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX}\n </Text>\n )}\n </Text>\n </View>\n {children}\n </View>\n );\n};\nconst styles = createStyleSheet({\n container: {\n borderRadius: 16,\n overflow: 'hidden',\n },\n wrapper: {\n paddingHorizontal: 12,\n paddingVertical: 6,\n },\n});\n\nexport default BaseUserMessage;\n"],"mappings":"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"}
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
|
|
10
|
-
var _uikitUtils = require("@sendbird/uikit-utils");
|
|
11
|
-
var _useContext = require("../../../hooks/useContext");
|
|
12
|
-
var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
-
const OpenGraphUserMessage = _ref => {
|
|
18
|
-
var _ogMetaData$defaultIm;
|
|
19
|
-
let {
|
|
20
|
-
message,
|
|
21
|
-
variant,
|
|
22
|
-
pressed,
|
|
23
|
-
ogMetaData,
|
|
24
|
-
children,
|
|
25
|
-
onLongPressMentionedUser,
|
|
26
|
-
onLongPressURL
|
|
27
|
-
} = _ref;
|
|
28
|
-
const {
|
|
29
|
-
mentionManager,
|
|
30
|
-
currentUser
|
|
31
|
-
} = (0, _useContext.useSendbirdChat)();
|
|
32
|
-
const {
|
|
33
|
-
STRINGS
|
|
34
|
-
} = (0, _useContext.useLocalization)();
|
|
35
|
-
const {
|
|
36
|
-
show
|
|
37
|
-
} = (0, _useContext.useUserProfile)();
|
|
38
|
-
const {
|
|
39
|
-
colors,
|
|
40
|
-
select,
|
|
41
|
-
palette
|
|
42
|
-
} = (0, _uikitReactNativeFoundation.useUIKitTheme)();
|
|
43
|
-
const [imageNotFound, setImageNotFound] = (0, _react.useState)(false);
|
|
44
|
-
const color = colors.ui.groupChannelMessage[variant][pressed ? 'pressed' : 'enabled'];
|
|
45
|
-
const containerBackground = select({
|
|
46
|
-
dark: palette.background400,
|
|
47
|
-
light: palette.background100
|
|
48
|
-
});
|
|
49
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
50
|
-
style: [styles.bubbleContainer, {
|
|
51
|
-
backgroundColor: containerBackground
|
|
52
|
-
}]
|
|
53
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
54
|
-
style: [styles.container, styles.bubbleContainer, {
|
|
55
|
-
backgroundColor: color.background
|
|
56
|
-
}]
|
|
57
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
58
|
-
style: styles.messageContainer
|
|
59
|
-
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
60
|
-
body3: true,
|
|
61
|
-
color: color.textMsg
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.RegexText, {
|
|
63
|
-
body3: true,
|
|
64
|
-
color: color.textMsg,
|
|
65
|
-
patterns: [{
|
|
66
|
-
regex: mentionManager.templateRegex,
|
|
67
|
-
replacer(_ref2) {
|
|
68
|
-
var _message$mentionedUse;
|
|
69
|
-
let {
|
|
70
|
-
match,
|
|
71
|
-
groups,
|
|
72
|
-
parentProps,
|
|
73
|
-
keyPrefix,
|
|
74
|
-
index
|
|
75
|
-
} = _ref2;
|
|
76
|
-
const user = (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.find(it => it.userId === groups[2]);
|
|
77
|
-
if (user) {
|
|
78
|
-
const isCurrentUser = user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
|
|
79
|
-
return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
|
|
80
|
-
key: `${keyPrefix}-${index}`,
|
|
81
|
-
onPress: () => show(user),
|
|
82
|
-
onLongPress: onLongPressMentionedUser,
|
|
83
|
-
style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.mentionedText, isCurrentUser && {
|
|
84
|
-
backgroundColor: palette.highlight
|
|
85
|
-
}]
|
|
86
|
-
}), `${mentionManager.asMentionedMessageText(user)}`);
|
|
87
|
-
}
|
|
88
|
-
return match;
|
|
89
|
-
}
|
|
90
|
-
}, {
|
|
91
|
-
regex: _uikitUtils.urlRegexRough,
|
|
92
|
-
replacer(_ref3) {
|
|
93
|
-
let {
|
|
94
|
-
match,
|
|
95
|
-
parentProps,
|
|
96
|
-
keyPrefix,
|
|
97
|
-
index
|
|
98
|
-
} = _ref3;
|
|
99
|
-
return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, _extends({}, parentProps, {
|
|
100
|
-
key: `${keyPrefix}-${index}`,
|
|
101
|
-
onPress: () => _SBUUtils.default.openURL(match),
|
|
102
|
-
onLongPress: onLongPressURL,
|
|
103
|
-
style: [parentProps === null || parentProps === void 0 ? void 0 : parentProps.style, styles.urlText]
|
|
104
|
-
}), match);
|
|
105
|
-
}
|
|
106
|
-
}]
|
|
107
|
-
}, mentionManager.shouldUseMentionedMessageTemplate(message) ? message.mentionedMessageTemplate : message.message), Boolean(message.updatedAt) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
108
|
-
body3: true,
|
|
109
|
-
color: color.textEdited
|
|
110
|
-
}, STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
111
|
-
style: {
|
|
112
|
-
backgroundColor: select({
|
|
113
|
-
dark: palette.background500,
|
|
114
|
-
light: palette.background200
|
|
115
|
-
})
|
|
116
|
-
},
|
|
117
|
-
activeOpacity: 0.85,
|
|
118
|
-
onPress: () => _SBUUtils.default.openURL(ogMetaData.url)
|
|
119
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
120
|
-
style: [styles.ogImageContainer, {
|
|
121
|
-
backgroundColor: select({
|
|
122
|
-
dark: palette.background500,
|
|
123
|
-
light: palette.background200
|
|
124
|
-
})
|
|
125
|
-
}]
|
|
126
|
-
}, (0, _uikitUtils.conditionChaining)([imageNotFound], [/*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
|
|
127
|
-
containerStyle: styles.ogImage,
|
|
128
|
-
icon: 'thumbnail-none',
|
|
129
|
-
size: 48,
|
|
130
|
-
color: colors.onBackground02
|
|
131
|
-
}), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Image, {
|
|
132
|
-
source: {
|
|
133
|
-
uri: (_ogMetaData$defaultIm = ogMetaData.defaultImage) === null || _ogMetaData$defaultIm === void 0 ? void 0 : _ogMetaData$defaultIm.url
|
|
134
|
-
},
|
|
135
|
-
style: styles.ogImage,
|
|
136
|
-
resizeMode: 'cover',
|
|
137
|
-
onError: () => setImageNotFound(true)
|
|
138
|
-
})])), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
139
|
-
style: [styles.ogContainer, {
|
|
140
|
-
backgroundColor: containerBackground
|
|
141
|
-
}]
|
|
142
|
-
}, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
143
|
-
numberOfLines: 3,
|
|
144
|
-
body2: true,
|
|
145
|
-
color: colors.onBackground01,
|
|
146
|
-
style: styles.ogTitle
|
|
147
|
-
}, ogMetaData.title), Boolean(ogMetaData.description) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
148
|
-
numberOfLines: 1,
|
|
149
|
-
caption2: true,
|
|
150
|
-
color: colors.onBackground01,
|
|
151
|
-
style: styles.ogDesc
|
|
152
|
-
}, ogMetaData.description), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
|
|
153
|
-
numberOfLines: 1,
|
|
154
|
-
caption2: true,
|
|
155
|
-
color: colors.onBackground02
|
|
156
|
-
}, ogMetaData.url)))), children);
|
|
157
|
-
};
|
|
158
|
-
const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
|
|
159
|
-
bubbleContainer: {
|
|
160
|
-
borderRadius: 16,
|
|
161
|
-
overflow: 'hidden'
|
|
162
|
-
},
|
|
163
|
-
container: {
|
|
164
|
-
width: 240,
|
|
165
|
-
maxWidth: 240
|
|
166
|
-
},
|
|
167
|
-
messageContainer: {
|
|
168
|
-
paddingVertical: 6,
|
|
169
|
-
paddingHorizontal: 12
|
|
170
|
-
},
|
|
171
|
-
ogContainer: {
|
|
172
|
-
paddingHorizontal: 12,
|
|
173
|
-
paddingTop: 8,
|
|
174
|
-
paddingBottom: 12
|
|
175
|
-
},
|
|
176
|
-
ogImageContainer: {
|
|
177
|
-
flex: 1,
|
|
178
|
-
height: 136
|
|
179
|
-
},
|
|
180
|
-
ogImage: {
|
|
181
|
-
width: '100%',
|
|
182
|
-
height: '100%'
|
|
183
|
-
},
|
|
184
|
-
ogTitle: {
|
|
185
|
-
marginBottom: 4
|
|
186
|
-
},
|
|
187
|
-
ogDesc: {
|
|
188
|
-
lineHeight: 14,
|
|
189
|
-
marginBottom: 8
|
|
190
|
-
},
|
|
191
|
-
mentionedText: {
|
|
192
|
-
fontWeight: 'bold'
|
|
193
|
-
},
|
|
194
|
-
urlText: {
|
|
195
|
-
textDecorationLine: 'underline'
|
|
196
|
-
}
|
|
197
|
-
});
|
|
198
|
-
var _default = OpenGraphUserMessage;
|
|
199
|
-
exports.default = _default;
|
|
200
|
-
//# sourceMappingURL=OpenGraphUserMessage.js.map
|