stream-chat-react-native-core 9.0.2-beta.2 → 9.1.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Attachment/Attachment.js +38 -10
- package/lib/commonjs/components/Attachment/Attachment.js.map +1 -1
- package/lib/commonjs/components/Attachment/AttachmentFileUploadProgressIndicator.js +97 -0
- package/lib/commonjs/components/Attachment/AttachmentFileUploadProgressIndicator.js.map +1 -0
- package/lib/commonjs/components/Attachment/AttachmentUploadIndicator.js +97 -0
- package/lib/commonjs/components/Attachment/AttachmentUploadIndicator.js.map +1 -0
- package/lib/commonjs/components/Attachment/CircularProgressIndicator.js +141 -0
- package/lib/commonjs/components/Attachment/CircularProgressIndicator.js.map +1 -0
- package/lib/commonjs/components/Attachment/FileAttachment.js +18 -4
- package/lib/commonjs/components/Attachment/FileAttachment.js.map +1 -1
- package/lib/commonjs/components/Attachment/Gallery.js +7 -1
- package/lib/commonjs/components/Attachment/Gallery.js.map +1 -1
- package/lib/commonjs/components/Attachment/MediaUploadProgressOverlay.js +59 -0
- package/lib/commonjs/components/Attachment/MediaUploadProgressOverlay.js.map +1 -0
- package/lib/commonjs/components/Attachment/VideoThumbnail.js +18 -8
- package/lib/commonjs/components/Attachment/VideoThumbnail.js.map +1 -1
- package/lib/commonjs/components/Attachment/utils/buildGallery/buildThumbnail.js +2 -0
- package/lib/commonjs/components/Attachment/utils/buildGallery/buildThumbnail.js.map +1 -1
- package/lib/commonjs/components/Channel/Channel.js +94 -92
- package/lib/commonjs/components/Channel/Channel.js.map +1 -1
- package/lib/commonjs/components/Chat/Chat.js +10 -1
- package/lib/commonjs/components/Chat/Chat.js.map +1 -1
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.js +42 -54
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.js.map +1 -1
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview.js +10 -6
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview.js.map +1 -1
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview.js +12 -6
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview.js.map +1 -1
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview.js +13 -7
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview.js.map +1 -1
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview.js +6 -2
- package/lib/commonjs/components/MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview.js.map +1 -1
- package/lib/commonjs/components/index.js +33 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/contexts/componentsContext/defaultComponents.js +6 -0
- package/lib/commonjs/contexts/componentsContext/defaultComponents.js.map +1 -1
- package/lib/commonjs/contexts/messageInputContext/hooks/useCreateMessageInputContext.js +3 -1
- package/lib/commonjs/contexts/messageInputContext/hooks/useCreateMessageInputContext.js.map +1 -1
- package/lib/commonjs/contexts/messageInputContext/hooks/useMessageComposerHasSendableData.js +4 -1
- package/lib/commonjs/contexts/messageInputContext/hooks/useMessageComposerHasSendableData.js.map +1 -1
- package/lib/commonjs/contexts/themeContext/utils/theme.js +5 -0
- package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/commonjs/hooks/index.js +11 -0
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/usePendingAttachmentUpload.js +106 -0
- package/lib/commonjs/hooks/usePendingAttachmentUpload.js.map +1 -0
- package/lib/commonjs/index.js +12 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/middlewares/attachments.js +2 -0
- package/lib/commonjs/middlewares/attachments.js.map +1 -1
- package/lib/commonjs/native.js +8 -1
- package/lib/commonjs/native.js.map +1 -1
- package/lib/commonjs/nativeMultipartUpload.js +237 -0
- package/lib/commonjs/nativeMultipartUpload.js.map +1 -0
- package/lib/commonjs/types/types.js.map +1 -1
- package/lib/commonjs/utils/installNativeMultipartAdapter.js +223 -0
- package/lib/commonjs/utils/installNativeMultipartAdapter.js.map +1 -0
- package/lib/commonjs/utils/utils.js +2 -2
- package/lib/commonjs/utils/utils.js.map +1 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/Attachment/Attachment.js +38 -10
- package/lib/module/components/Attachment/Attachment.js.map +1 -1
- package/lib/module/components/Attachment/AttachmentFileUploadProgressIndicator.js +97 -0
- package/lib/module/components/Attachment/AttachmentFileUploadProgressIndicator.js.map +1 -0
- package/lib/module/components/Attachment/AttachmentUploadIndicator.js +97 -0
- package/lib/module/components/Attachment/AttachmentUploadIndicator.js.map +1 -0
- package/lib/module/components/Attachment/CircularProgressIndicator.js +141 -0
- package/lib/module/components/Attachment/CircularProgressIndicator.js.map +1 -0
- package/lib/module/components/Attachment/FileAttachment.js +18 -4
- package/lib/module/components/Attachment/FileAttachment.js.map +1 -1
- package/lib/module/components/Attachment/Gallery.js +7 -1
- package/lib/module/components/Attachment/Gallery.js.map +1 -1
- package/lib/module/components/Attachment/MediaUploadProgressOverlay.js +59 -0
- package/lib/module/components/Attachment/MediaUploadProgressOverlay.js.map +1 -0
- package/lib/module/components/Attachment/VideoThumbnail.js +18 -8
- package/lib/module/components/Attachment/VideoThumbnail.js.map +1 -1
- package/lib/module/components/Attachment/utils/buildGallery/buildThumbnail.js +2 -0
- package/lib/module/components/Attachment/utils/buildGallery/buildThumbnail.js.map +1 -1
- package/lib/module/components/Channel/Channel.js +94 -92
- package/lib/module/components/Channel/Channel.js.map +1 -1
- package/lib/module/components/Chat/Chat.js +10 -1
- package/lib/module/components/Chat/Chat.js.map +1 -1
- package/lib/module/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.js +42 -54
- package/lib/module/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.js.map +1 -1
- package/lib/module/components/MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview.js +10 -6
- package/lib/module/components/MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview.js.map +1 -1
- package/lib/module/components/MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview.js +12 -6
- package/lib/module/components/MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview.js.map +1 -1
- package/lib/module/components/MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview.js +13 -7
- package/lib/module/components/MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview.js.map +1 -1
- package/lib/module/components/MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview.js +6 -2
- package/lib/module/components/MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview.js.map +1 -1
- package/lib/module/components/index.js +33 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/contexts/componentsContext/defaultComponents.js +6 -0
- package/lib/module/contexts/componentsContext/defaultComponents.js.map +1 -1
- package/lib/module/contexts/messageInputContext/hooks/useCreateMessageInputContext.js +3 -1
- package/lib/module/contexts/messageInputContext/hooks/useCreateMessageInputContext.js.map +1 -1
- package/lib/module/contexts/messageInputContext/hooks/useMessageComposerHasSendableData.js +4 -1
- package/lib/module/contexts/messageInputContext/hooks/useMessageComposerHasSendableData.js.map +1 -1
- package/lib/module/contexts/themeContext/utils/theme.js +5 -0
- package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/module/hooks/index.js +11 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/usePendingAttachmentUpload.js +106 -0
- package/lib/module/hooks/usePendingAttachmentUpload.js.map +1 -0
- package/lib/module/index.js +12 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/middlewares/attachments.js +2 -0
- package/lib/module/middlewares/attachments.js.map +1 -1
- package/lib/module/native.js +8 -1
- package/lib/module/native.js.map +1 -1
- package/lib/module/nativeMultipartUpload.js +237 -0
- package/lib/module/nativeMultipartUpload.js.map +1 -0
- package/lib/module/types/types.js.map +1 -1
- package/lib/module/utils/installNativeMultipartAdapter.js +223 -0
- package/lib/module/utils/installNativeMultipartAdapter.js.map +1 -0
- package/lib/module/utils/utils.js +2 -2
- package/lib/module/utils/utils.js.map +1 -1
- package/lib/module/version.json +1 -1
- package/lib/typescript/components/Attachment/Attachment.d.ts.map +1 -1
- package/lib/typescript/components/Attachment/AttachmentFileUploadProgressIndicator.d.ts +14 -0
- package/lib/typescript/components/Attachment/AttachmentFileUploadProgressIndicator.d.ts.map +1 -0
- package/lib/typescript/components/Attachment/AttachmentUploadIndicator.d.ts +18 -0
- package/lib/typescript/components/Attachment/AttachmentUploadIndicator.d.ts.map +1 -0
- package/lib/typescript/components/Attachment/CircularProgressIndicator.d.ts +18 -0
- package/lib/typescript/components/Attachment/CircularProgressIndicator.d.ts.map +1 -0
- package/lib/typescript/components/Attachment/FileAttachment.d.ts.map +1 -1
- package/lib/typescript/components/Attachment/Gallery.d.ts.map +1 -1
- package/lib/typescript/components/Attachment/MediaUploadProgressOverlay.d.ts +12 -0
- package/lib/typescript/components/Attachment/MediaUploadProgressOverlay.d.ts.map +1 -0
- package/lib/typescript/components/Attachment/VideoThumbnail.d.ts +4 -0
- package/lib/typescript/components/Attachment/VideoThumbnail.d.ts.map +1 -1
- package/lib/typescript/components/Attachment/utils/buildGallery/buildThumbnail.d.ts.map +1 -1
- package/lib/typescript/components/Attachment/utils/buildGallery/types.d.ts +2 -0
- package/lib/typescript/components/Attachment/utils/buildGallery/types.d.ts.map +1 -1
- package/lib/typescript/components/Channel/Channel.d.ts.map +1 -1
- package/lib/typescript/components/Chat/Chat.d.ts +10 -0
- package/lib/typescript/components/Chat/Chat.d.ts.map +1 -1
- package/lib/typescript/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.d.ts +7 -2
- package/lib/typescript/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.d.ts.map +1 -1
- package/lib/typescript/components/MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview.d.ts.map +1 -1
- package/lib/typescript/components/MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview.d.ts.map +1 -1
- package/lib/typescript/components/MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview.d.ts.map +1 -1
- package/lib/typescript/components/MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +3 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts +5 -2
- package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts.map +1 -1
- package/lib/typescript/contexts/messageInputContext/hooks/useCreateMessageInputContext.d.ts +1 -1
- package/lib/typescript/contexts/messageInputContext/hooks/useCreateMessageInputContext.d.ts.map +1 -1
- package/lib/typescript/contexts/messageInputContext/hooks/useMessageComposerHasSendableData.d.ts.map +1 -1
- package/lib/typescript/contexts/themeContext/ThemeContext.d.ts +5 -0
- package/lib/typescript/contexts/themeContext/ThemeContext.d.ts.map +1 -1
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts +5 -0
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +1 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -1
- package/lib/typescript/hooks/usePendingAttachmentUpload.d.ts +14 -0
- package/lib/typescript/hooks/usePendingAttachmentUpload.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/middlewares/attachments.d.ts.map +1 -1
- package/lib/typescript/native.d.ts +5 -2
- package/lib/typescript/native.d.ts.map +1 -1
- package/lib/typescript/nativeMultipartUpload.d.ts +98 -0
- package/lib/typescript/nativeMultipartUpload.d.ts.map +1 -0
- package/lib/typescript/types/types.d.ts +2 -0
- package/lib/typescript/types/types.d.ts.map +1 -1
- package/lib/typescript/utils/installNativeMultipartAdapter.d.ts +8 -0
- package/lib/typescript/utils/installNativeMultipartAdapter.d.ts.map +1 -0
- package/lib/typescript/utils/utils.d.ts +1 -1
- package/lib/typescript/utils/utils.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/nativeMultipartUpload.test.ts +267 -0
- package/src/components/Attachment/Attachment.tsx +54 -5
- package/src/components/Attachment/AttachmentFileUploadProgressIndicator.tsx +108 -0
- package/src/components/Attachment/AttachmentUploadIndicator.tsx +112 -0
- package/src/components/Attachment/CircularProgressIndicator.tsx +161 -0
- package/src/components/Attachment/FileAttachment.tsx +22 -6
- package/src/components/Attachment/Gallery.tsx +9 -1
- package/src/components/Attachment/MediaUploadProgressOverlay.tsx +77 -0
- package/src/components/Attachment/VideoThumbnail.tsx +17 -9
- package/src/components/Attachment/__tests__/Attachment.test.tsx +63 -16
- package/src/components/Attachment/utils/buildGallery/buildThumbnail.ts +3 -0
- package/src/components/Attachment/utils/buildGallery/types.ts +2 -0
- package/src/components/Channel/Channel.tsx +65 -61
- package/src/components/Chat/Chat.tsx +20 -0
- package/src/components/MessageInput/__tests__/AttachmentUploadPreviewList.test.tsx +51 -6
- package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreview.test.tsx +31 -1
- package/src/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.tsx +30 -44
- package/src/components/MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview.tsx +11 -5
- package/src/components/MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview.tsx +20 -5
- package/src/components/MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview.tsx +20 -9
- package/src/components/MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview.tsx +7 -1
- package/src/components/index.ts +3 -0
- package/src/contexts/componentsContext/defaultComponents.ts +6 -0
- package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts +3 -1
- package/src/contexts/messageInputContext/hooks/useMessageComposerHasSendableData.ts +5 -1
- package/src/contexts/themeContext/utils/theme.ts +10 -0
- package/src/hooks/__tests__/usePendingAttachmentUpload.test.tsx +106 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/usePendingAttachmentUpload.ts +131 -0
- package/src/index.ts +1 -0
- package/src/middlewares/attachments.ts +2 -0
- package/src/native.ts +28 -0
- package/src/nativeMultipartUpload.ts +384 -0
- package/src/types/types.ts +2 -0
- package/src/utils/__tests__/installNativeMultipartAdapter.test.ts +437 -0
- package/src/utils/installNativeMultipartAdapter.ts +302 -0
- package/src/utils/utils.ts +3 -3
- package/src/version.json +1 -1
|
@@ -5,13 +5,16 @@ exports.Attachment = void 0;
|
|
|
5
5
|
var _react = _interopRequireWildcard(require("react"));
|
|
6
6
|
var _reactNative = require("react-native");
|
|
7
7
|
var _streamChat = require("stream-chat");
|
|
8
|
+
var _AttachmentFileUploadProgressIndicator = require("../../components/Attachment/AttachmentFileUploadProgressIndicator");
|
|
8
9
|
var _contexts = require("../../contexts");
|
|
9
10
|
var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
|
|
10
11
|
var _MessageContext = require("../../contexts/messageContext/MessageContext");
|
|
11
12
|
var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
|
|
13
|
+
var _usePendingAttachmentUpload = require("../../hooks/usePendingAttachmentUpload");
|
|
12
14
|
var _native = require("../../native");
|
|
13
15
|
var _theme = require("../../theme");
|
|
14
16
|
var _types = require("../../types/types");
|
|
17
|
+
var _utils = require("../../utils/utils");
|
|
15
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
19
|
var _this = this,
|
|
17
20
|
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/Attachment.tsx";
|
|
@@ -60,16 +63,12 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
|
|
|
60
63
|
}
|
|
61
64
|
if ((0, _streamChat.isAudioAttachment)(attachment) || (0, _streamChat.isVoiceRecordingAttachment)(attachment)) {
|
|
62
65
|
if ((0, _native.isSoundPackageAvailable)()) {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
message: message,
|
|
70
|
-
showSpeedSettings: true,
|
|
71
|
-
showTitle: false,
|
|
72
|
-
styles: audioAttachmentStyles
|
|
66
|
+
return (0, _jsxRuntime.jsx)(MessageAudioAttachment, {
|
|
67
|
+
AudioAttachment: AudioAttachment,
|
|
68
|
+
attachment: attachment,
|
|
69
|
+
audioAttachmentStyles: audioAttachmentStyles,
|
|
70
|
+
index: index,
|
|
71
|
+
message: message
|
|
73
72
|
});
|
|
74
73
|
}
|
|
75
74
|
return (0, _jsxRuntime.jsx)(FileAttachment, {
|
|
@@ -125,6 +124,35 @@ var Attachment = exports.Attachment = function Attachment(props) {
|
|
|
125
124
|
urlPreviewType: urlPreviewType
|
|
126
125
|
});
|
|
127
126
|
};
|
|
127
|
+
var MessageAudioAttachment = function MessageAudioAttachment(_ref) {
|
|
128
|
+
var _attachment$asset_url, _attachment$originalF, _index$toString;
|
|
129
|
+
var AudioAttachmentComponent = _ref.AudioAttachment,
|
|
130
|
+
attachment = _ref.attachment,
|
|
131
|
+
audioAttachmentStyles = _ref.audioAttachmentStyles,
|
|
132
|
+
index = _ref.index,
|
|
133
|
+
message = _ref.message;
|
|
134
|
+
var localId = attachment.localId;
|
|
135
|
+
var sourceUrl = (_attachment$asset_url = attachment.asset_url) != null ? _attachment$asset_url : (_attachment$originalF = attachment.originalFile) == null ? void 0 : _attachment$originalF.uri;
|
|
136
|
+
var shouldTrackPendingUpload = !!localId && !!sourceUrl && (0, _utils.isLocalUrl)(sourceUrl);
|
|
137
|
+
var pendingUpload = (0, _usePendingAttachmentUpload.usePendingAttachmentUpload)(shouldTrackPendingUpload ? localId : undefined);
|
|
138
|
+
var indicator = pendingUpload.isUploading ? (0, _jsxRuntime.jsx)(_AttachmentFileUploadProgressIndicator.AttachmentFileUploadProgressIndicator, {
|
|
139
|
+
localId: localId,
|
|
140
|
+
sourceUrl: sourceUrl,
|
|
141
|
+
totalBytes: attachment.file_size
|
|
142
|
+
}) : undefined;
|
|
143
|
+
var audioItemType = (0, _streamChat.isVoiceRecordingAttachment)(attachment) ? 'voiceRecording' : 'audio';
|
|
144
|
+
return (0, _jsxRuntime.jsx)(AudioAttachmentComponent, {
|
|
145
|
+
indicator: indicator,
|
|
146
|
+
item: Object.assign({}, attachment, {
|
|
147
|
+
id: (_index$toString = index == null ? void 0 : index.toString()) != null ? _index$toString : '',
|
|
148
|
+
type: audioItemType
|
|
149
|
+
}),
|
|
150
|
+
message: message,
|
|
151
|
+
showSpeedSettings: true,
|
|
152
|
+
showTitle: false,
|
|
153
|
+
styles: audioAttachmentStyles
|
|
154
|
+
});
|
|
155
|
+
};
|
|
128
156
|
var useAudioAttachmentStyles = function useAudioAttachmentStyles() {
|
|
129
157
|
var _useTheme = (0, _contexts.useTheme)(),
|
|
130
158
|
semantics = _useTheme.theme.semantics;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_streamChat","_contexts","_ComponentsContext","_MessageContext","_MessagesContext","_native","_theme","_types","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AttachmentWithContext","props","attachment","index","message","urlPreviewType","_useComponentsContext","useComponentsContext","AudioAttachment","FileAttachment","Gallery","Giphy","UrlPreview","URLPreviewCompact","UnsupportedAttachment","audioAttachmentStyles","useAudioAttachmentStyles","type","FileTypes","Imgur","jsx","og_scrape_url","title_link","isImageAttachment","images","isVideoAttachment","isVideoPlayerAvailable","videos","isAudioAttachment","isVoiceRecordingAttachment","isSoundPackageAvailable","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_streamChat","_AttachmentFileUploadProgressIndicator","_contexts","_ComponentsContext","_MessageContext","_MessagesContext","_usePendingAttachmentUpload","_native","_theme","_types","_utils","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AttachmentWithContext","props","attachment","index","message","urlPreviewType","_useComponentsContext","useComponentsContext","AudioAttachment","FileAttachment","Gallery","Giphy","UrlPreview","URLPreviewCompact","UnsupportedAttachment","audioAttachmentStyles","useAudioAttachmentStyles","type","FileTypes","Imgur","jsx","og_scrape_url","title_link","isImageAttachment","images","isVideoAttachment","isVideoPlayerAvailable","videos","isAudioAttachment","isVoiceRecordingAttachment","isSoundPackageAvailable","MessageAudioAttachment","isFileAttachment","areEqual","prevProps","nextProps","_prevAttachment$actio","_nextAttachment$actio","prevAttachment","isAttachmentEqual","prevMyMessageTheme","myMessageTheme","nextAttachment","nextMyMessageTheme","attachmentEqual","actions","length","image_url","thumb_url","messageThemeEqual","JSON","stringify","MemoizedAttachment","React","memo","Attachment","exports","_useMessagesContext","useMessagesContext","_useMessageContext","useMessageContext","_ref","_attachment$asset_url","_attachment$originalF","_index$toString","AudioAttachmentComponent","localId","sourceUrl","asset_url","originalFile","uri","shouldTrackPendingUpload","isLocalUrl","pendingUpload","usePendingAttachmentUpload","undefined","indicator","isUploading","AttachmentFileUploadProgressIndicator","totalBytes","file_size","audioItemType","item","assign","id","toString","showSpeedSettings","showTitle","styles","_useTheme","useTheme","semantics","theme","_useMessageContext2","isMyMessage","messageHasOnlySingleAttachment","showBackgroundTransparent","useMemo","StyleSheet","create","container","paddingVertical","primitives","spacingXs","paddingLeft","paddingRight","spacingSm","borderWidth","backgroundColor","chatBgAttachmentOutgoing","chatBgAttachmentIncoming","playPauseButton","borderColor","chatBorderOnChatOutgoing","chatBorderOnChatIncoming","speedSettingsButton","durationText","color","chatTextIncoming","fontWeight","typographyFontWeightSemiBold"],"sourceRoot":"../../../../src","sources":["components/Attachment/Attachment.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", {
|
|
2
|
+
value: true
|
|
3
|
+
});
|
|
4
|
+
exports.AttachmentFileUploadProgressIndicatorUI = exports.AttachmentFileUploadProgressIndicator = void 0;
|
|
5
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
6
|
+
var _reactNative = require("react-native");
|
|
7
|
+
var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
|
|
8
|
+
var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
|
|
9
|
+
var _usePendingAttachmentUpload = require("../../hooks/usePendingAttachmentUpload");
|
|
10
|
+
var _theme = require("../../theme");
|
|
11
|
+
var _utils = require("../../utils/utils");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
var _this = this,
|
|
14
|
+
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/AttachmentFileUploadProgressIndicator.tsx";
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
|
+
var parseTotalBytes = function parseTotalBytes(value) {
|
|
18
|
+
if (value == null) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
if (typeof value === 'number' && Number.isFinite(value)) {
|
|
22
|
+
return value;
|
|
23
|
+
}
|
|
24
|
+
if (typeof value === 'string') {
|
|
25
|
+
var n = parseFloat(value);
|
|
26
|
+
return Number.isFinite(n) ? n : null;
|
|
27
|
+
}
|
|
28
|
+
return null;
|
|
29
|
+
};
|
|
30
|
+
var formatMegabytesOneDecimal = function formatMegabytesOneDecimal(bytes) {
|
|
31
|
+
if (!Number.isFinite(bytes) || bytes <= 0) {
|
|
32
|
+
return '0.0 MB';
|
|
33
|
+
}
|
|
34
|
+
return `${(bytes / (1000 * 1000)).toFixed(1)} MB`;
|
|
35
|
+
};
|
|
36
|
+
var AttachmentFileUploadProgressIndicatorUI = exports.AttachmentFileUploadProgressIndicatorUI = function AttachmentFileUploadProgressIndicatorUI(_ref) {
|
|
37
|
+
var containerStyle = _ref.containerStyle,
|
|
38
|
+
localId = _ref.localId,
|
|
39
|
+
sourceUrl = _ref.sourceUrl,
|
|
40
|
+
totalBytes = _ref.totalBytes;
|
|
41
|
+
var _useTheme = (0, _ThemeContext.useTheme)(),
|
|
42
|
+
semantics = _useTheme.theme.semantics;
|
|
43
|
+
var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
|
|
44
|
+
AttachmentUploadIndicator = _useComponentsContext.AttachmentUploadIndicator;
|
|
45
|
+
var shouldTrackPendingUpload = !!localId && !!sourceUrl && (0, _utils.isLocalUrl)(sourceUrl);
|
|
46
|
+
var pendingUpload = (0, _usePendingAttachmentUpload.usePendingAttachmentUpload)(shouldTrackPendingUpload ? localId : undefined);
|
|
47
|
+
var uploadProgress = pendingUpload.uploadProgress;
|
|
48
|
+
var shouldRender = pendingUpload.isUploading;
|
|
49
|
+
var progressLabel = (0, _react.useMemo)(function () {
|
|
50
|
+
var bytes = parseTotalBytes(totalBytes);
|
|
51
|
+
if (bytes == null || bytes <= 0) {
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
54
|
+
var uploaded = (uploadProgress != null ? uploadProgress : 0) / 100 * bytes;
|
|
55
|
+
return `${formatMegabytesOneDecimal(uploaded)} / ${formatMegabytesOneDecimal(bytes)}`;
|
|
56
|
+
}, [totalBytes, uploadProgress]);
|
|
57
|
+
if (!shouldRender) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
return (0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
61
|
+
style: [styles.row, containerStyle],
|
|
62
|
+
children: [(0, _jsxRuntime.jsx)(AttachmentUploadIndicator, {
|
|
63
|
+
localId: localId,
|
|
64
|
+
sourceUrl: sourceUrl
|
|
65
|
+
}), progressLabel ? (0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
66
|
+
numberOfLines: 1,
|
|
67
|
+
style: [styles.label, {
|
|
68
|
+
color: semantics.textSecondary
|
|
69
|
+
}],
|
|
70
|
+
children: progressLabel
|
|
71
|
+
}) : null]
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
var AttachmentFileUploadProgressIndicator = exports.AttachmentFileUploadProgressIndicator = function AttachmentFileUploadProgressIndicator(props) {
|
|
75
|
+
var localId = props.localId,
|
|
76
|
+
sourceUrl = props.sourceUrl;
|
|
77
|
+
var shouldTrackPendingUpload = !!localId && !!sourceUrl && (0, _utils.isLocalUrl)(sourceUrl);
|
|
78
|
+
if (!shouldTrackPendingUpload) {
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
81
|
+
return (0, _jsxRuntime.jsx)(AttachmentFileUploadProgressIndicatorUI, Object.assign({}, props));
|
|
82
|
+
};
|
|
83
|
+
var styles = _reactNative.StyleSheet.create({
|
|
84
|
+
label: {
|
|
85
|
+
flex: 1,
|
|
86
|
+
flexShrink: 1,
|
|
87
|
+
fontSize: _theme.primitives.typographyFontSizeXs,
|
|
88
|
+
fontWeight: _theme.primitives.typographyFontWeightRegular,
|
|
89
|
+
lineHeight: _theme.primitives.typographyLineHeightTight
|
|
90
|
+
},
|
|
91
|
+
row: {
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
flexDirection: 'row',
|
|
94
|
+
gap: _theme.primitives.spacingXxs
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
//# sourceMappingURL=AttachmentFileUploadProgressIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ComponentsContext","_ThemeContext","_usePendingAttachmentUpload","_theme","_utils","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","parseTotalBytes","value","Number","isFinite","parseFloat","formatMegabytesOneDecimal","bytes","toFixed","AttachmentFileUploadProgressIndicatorUI","exports","_ref","containerStyle","localId","sourceUrl","totalBytes","_useTheme","useTheme","semantics","theme","_useComponentsContext","useComponentsContext","AttachmentUploadIndicator","shouldTrackPendingUpload","isLocalUrl","pendingUpload","usePendingAttachmentUpload","undefined","uploadProgress","shouldRender","isUploading","progressLabel","useMemo","uploaded","jsxs","View","style","styles","row","children","jsx","Text","numberOfLines","label","color","textSecondary","AttachmentFileUploadProgressIndicator","props","assign","StyleSheet","create","flex","flexShrink","fontSize","primitives","typographyFontSizeXs","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightTight","alignItems","flexDirection","gap","spacingXxs"],"sourceRoot":"../../../../src","sources":["components/Attachment/AttachmentFileUploadProgressIndicator.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
exports.AttachmentUploadIndicatorUI = exports.AttachmentUploadIndicator = void 0;
|
|
6
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
|
|
10
|
+
var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
|
|
11
|
+
var _usePendingAttachmentUpload = require("../../hooks/usePendingAttachmentUpload");
|
|
12
|
+
var _utils = require("../../utils/utils");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
var _excluded = ["containerStyle", "localId", "sourceUrl", "variant"];
|
|
15
|
+
var _this = this,
|
|
16
|
+
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/AttachmentUploadIndicator.tsx";
|
|
17
|
+
var AttachmentUploadIndicatorUI = exports.AttachmentUploadIndicatorUI = function AttachmentUploadIndicatorUI(_ref) {
|
|
18
|
+
var containerStyle = _ref.containerStyle,
|
|
19
|
+
localId = _ref.localId,
|
|
20
|
+
_ref$size = _ref.size,
|
|
21
|
+
size = _ref$size === void 0 ? 16 : _ref$size,
|
|
22
|
+
_ref$strokeWidth = _ref.strokeWidth,
|
|
23
|
+
strokeWidth = _ref$strokeWidth === void 0 ? 2 : _ref$strokeWidth,
|
|
24
|
+
style = _ref.style,
|
|
25
|
+
testID = _ref.testID,
|
|
26
|
+
_ref$variant = _ref.variant,
|
|
27
|
+
variant = _ref$variant === void 0 ? 'compact' : _ref$variant;
|
|
28
|
+
var _useTheme = (0, _ThemeContext.useTheme)(),
|
|
29
|
+
semantics = _useTheme.theme.semantics;
|
|
30
|
+
var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
|
|
31
|
+
CircularProgressIndicator = _useComponentsContext.CircularProgressIndicator,
|
|
32
|
+
MediaUploadProgressOverlay = _useComponentsContext.MediaUploadProgressOverlay;
|
|
33
|
+
var pendingUpload = (0, _usePendingAttachmentUpload.usePendingAttachmentUpload)(localId);
|
|
34
|
+
var uploadProgress = pendingUpload.uploadProgress;
|
|
35
|
+
var shouldRender = pendingUpload.isUploading;
|
|
36
|
+
var resolvedSize = variant === 'overlay' && size === 16 ? 28 : size;
|
|
37
|
+
var resolvedStrokeWidth = variant === 'overlay' && strokeWidth === 2 ? 3 : strokeWidth;
|
|
38
|
+
if (!shouldRender) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
if (variant === 'overlay') {
|
|
42
|
+
return (0, _jsxRuntime.jsx)(MediaUploadProgressOverlay, {
|
|
43
|
+
progress: uploadProgress,
|
|
44
|
+
size: resolvedSize,
|
|
45
|
+
strokeWidth: resolvedStrokeWidth,
|
|
46
|
+
testID: testID
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
return (0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
50
|
+
pointerEvents: "none",
|
|
51
|
+
style: containerStyle,
|
|
52
|
+
children: uploadProgress === undefined ? (0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
53
|
+
pointerEvents: "none",
|
|
54
|
+
style: [styles.indeterminateWrap, {
|
|
55
|
+
height: size,
|
|
56
|
+
width: size
|
|
57
|
+
}, style],
|
|
58
|
+
testID: testID,
|
|
59
|
+
children: (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
60
|
+
color: semantics.accentPrimary,
|
|
61
|
+
size: "small"
|
|
62
|
+
})
|
|
63
|
+
}) : (0, _jsxRuntime.jsx)(CircularProgressIndicator, {
|
|
64
|
+
backgroundColor: semantics.backgroundCoreElevation0,
|
|
65
|
+
filledColor: semantics.accentPrimary,
|
|
66
|
+
progress: uploadProgress,
|
|
67
|
+
size: resolvedSize,
|
|
68
|
+
strokeWidth: resolvedStrokeWidth,
|
|
69
|
+
style: style,
|
|
70
|
+
testID: testID,
|
|
71
|
+
unfilledColor: semantics.borderCoreDefault
|
|
72
|
+
})
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
var AttachmentUploadIndicator = exports.AttachmentUploadIndicator = function AttachmentUploadIndicator(_ref2) {
|
|
76
|
+
var containerStyle = _ref2.containerStyle,
|
|
77
|
+
localId = _ref2.localId,
|
|
78
|
+
sourceUrl = _ref2.sourceUrl,
|
|
79
|
+
variant = _ref2.variant,
|
|
80
|
+
props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
81
|
+
var shouldTrackPendingUpload = !!localId && !!sourceUrl && (0, _utils.isLocalUrl)(sourceUrl);
|
|
82
|
+
if (!shouldTrackPendingUpload) {
|
|
83
|
+
return null;
|
|
84
|
+
}
|
|
85
|
+
return (0, _jsxRuntime.jsx)(AttachmentUploadIndicatorUI, Object.assign({}, props, {
|
|
86
|
+
containerStyle: containerStyle,
|
|
87
|
+
localId: localId,
|
|
88
|
+
variant: variant
|
|
89
|
+
}));
|
|
90
|
+
};
|
|
91
|
+
var styles = _reactNative.StyleSheet.create({
|
|
92
|
+
indeterminateWrap: {
|
|
93
|
+
alignItems: 'center',
|
|
94
|
+
justifyContent: 'center'
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
//# sourceMappingURL=AttachmentUploadIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ComponentsContext","_ThemeContext","_usePendingAttachmentUpload","_utils","_jsxRuntime","_excluded","_this","_jsxFileName","AttachmentUploadIndicatorUI","exports","_ref","containerStyle","localId","_ref$size","size","_ref$strokeWidth","strokeWidth","style","testID","_ref$variant","variant","_useTheme","useTheme","semantics","theme","_useComponentsContext","useComponentsContext","CircularProgressIndicator","MediaUploadProgressOverlay","pendingUpload","usePendingAttachmentUpload","uploadProgress","shouldRender","isUploading","resolvedSize","resolvedStrokeWidth","jsx","progress","View","pointerEvents","children","undefined","styles","indeterminateWrap","height","width","ActivityIndicator","color","accentPrimary","backgroundColor","backgroundCoreElevation0","filledColor","unfilledColor","borderCoreDefault","AttachmentUploadIndicator","_ref2","sourceUrl","props","_objectWithoutProperties2","default","shouldTrackPendingUpload","isLocalUrl","Object","assign","StyleSheet","create","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/Attachment/AttachmentUploadIndicator.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", {
|
|
2
|
+
value: true
|
|
3
|
+
});
|
|
4
|
+
exports.CircularProgressIndicator = void 0;
|
|
5
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
6
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
7
|
+
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
var _this = this,
|
|
10
|
+
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/CircularProgressIndicator.tsx";
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
var AnimatedCircle = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Circle);
|
|
14
|
+
var SPIN_DURATION_MS = 900;
|
|
15
|
+
var PROGRESS_ANIMATION_DURATION_MS = 1200;
|
|
16
|
+
var CircularProgressIndicator = exports.CircularProgressIndicator = function CircularProgressIndicator(_ref) {
|
|
17
|
+
var backgroundColor = _ref.backgroundColor,
|
|
18
|
+
filledColor = _ref.filledColor,
|
|
19
|
+
progress = _ref.progress,
|
|
20
|
+
_ref$size = _ref.size,
|
|
21
|
+
size = _ref$size === void 0 ? 16 : _ref$size,
|
|
22
|
+
_ref$strokeWidth = _ref.strokeWidth,
|
|
23
|
+
strokeWidth = _ref$strokeWidth === void 0 ? 2 : _ref$strokeWidth,
|
|
24
|
+
style = _ref.style,
|
|
25
|
+
testID = _ref.testID,
|
|
26
|
+
unfilledColor = _ref.unfilledColor;
|
|
27
|
+
var animatedProgress = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
28
|
+
var rotation = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
29
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
|
30
|
+
var pad = strokeWidth / 2;
|
|
31
|
+
var rInner = size / 2 - pad;
|
|
32
|
+
return {
|
|
33
|
+
cx: size / 2,
|
|
34
|
+
cy: size / 2,
|
|
35
|
+
r: rInner,
|
|
36
|
+
circumference: 2 * Math.PI * rInner
|
|
37
|
+
};
|
|
38
|
+
}, [size, strokeWidth]),
|
|
39
|
+
cx = _useMemo.cx,
|
|
40
|
+
cy = _useMemo.cy,
|
|
41
|
+
r = _useMemo.r,
|
|
42
|
+
circumference = _useMemo.circumference;
|
|
43
|
+
var fraction = progress === undefined || Number.isNaN(progress) ? undefined : Math.min(100, Math.max(0, progress)) / 100;
|
|
44
|
+
(0, _react.useEffect)(function () {
|
|
45
|
+
if (fraction === undefined) {
|
|
46
|
+
animatedProgress.value = 0;
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
animatedProgress.value = (0, _reactNativeReanimated.withTiming)(fraction, {
|
|
50
|
+
duration: PROGRESS_ANIMATION_DURATION_MS,
|
|
51
|
+
easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
|
|
52
|
+
});
|
|
53
|
+
}, [animatedProgress, fraction]);
|
|
54
|
+
(0, _react.useEffect)(function () {
|
|
55
|
+
if (fraction !== undefined) {
|
|
56
|
+
(0, _reactNativeReanimated.cancelAnimation)(rotation);
|
|
57
|
+
rotation.value = 0;
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
rotation.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(360, {
|
|
61
|
+
duration: SPIN_DURATION_MS,
|
|
62
|
+
easing: _reactNativeReanimated.Easing.linear
|
|
63
|
+
}), -1, false);
|
|
64
|
+
return function () {
|
|
65
|
+
(0, _reactNativeReanimated.cancelAnimation)(rotation);
|
|
66
|
+
};
|
|
67
|
+
}, [fraction, rotation]);
|
|
68
|
+
var animatedCircleProps = (0, _reactNativeReanimated.useAnimatedProps)(function () {
|
|
69
|
+
return {
|
|
70
|
+
strokeDashoffset: circumference * (1 - animatedProgress.value)
|
|
71
|
+
};
|
|
72
|
+
});
|
|
73
|
+
var animatedSpinStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
|
|
74
|
+
return {
|
|
75
|
+
transform: [{
|
|
76
|
+
rotate: `${rotation.value}deg`
|
|
77
|
+
}]
|
|
78
|
+
};
|
|
79
|
+
});
|
|
80
|
+
if (fraction !== undefined) {
|
|
81
|
+
return (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
82
|
+
height: size,
|
|
83
|
+
style: style,
|
|
84
|
+
testID: testID,
|
|
85
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
86
|
+
width: size,
|
|
87
|
+
children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
|
|
88
|
+
cx: cx,
|
|
89
|
+
cy: cy,
|
|
90
|
+
fill: backgroundColor,
|
|
91
|
+
r: r,
|
|
92
|
+
stroke: unfilledColor,
|
|
93
|
+
strokeWidth: strokeWidth
|
|
94
|
+
}), (0, _jsxRuntime.jsx)(AnimatedCircle, {
|
|
95
|
+
animatedProps: animatedCircleProps,
|
|
96
|
+
cx: cx,
|
|
97
|
+
cy: cy,
|
|
98
|
+
fill: "none",
|
|
99
|
+
r: r,
|
|
100
|
+
stroke: filledColor,
|
|
101
|
+
strokeDasharray: `${circumference}`,
|
|
102
|
+
strokeLinecap: "round",
|
|
103
|
+
strokeWidth: strokeWidth,
|
|
104
|
+
transform: `rotate(-90 ${cx} ${cy})`
|
|
105
|
+
})]
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
var arc = circumference * 0.22;
|
|
109
|
+
var gap = circumference - arc;
|
|
110
|
+
return (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
111
|
+
style: [{
|
|
112
|
+
height: size,
|
|
113
|
+
width: size
|
|
114
|
+
}, style, animatedSpinStyle],
|
|
115
|
+
testID: testID,
|
|
116
|
+
children: (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
117
|
+
height: size,
|
|
118
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
119
|
+
width: size,
|
|
120
|
+
children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
|
|
121
|
+
cx: cx,
|
|
122
|
+
cy: cy,
|
|
123
|
+
fill: backgroundColor,
|
|
124
|
+
r: r,
|
|
125
|
+
stroke: unfilledColor,
|
|
126
|
+
strokeWidth: strokeWidth
|
|
127
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
|
|
128
|
+
cx: cx,
|
|
129
|
+
cy: cy,
|
|
130
|
+
fill: "none",
|
|
131
|
+
r: r,
|
|
132
|
+
stroke: filledColor,
|
|
133
|
+
strokeDasharray: `${arc} ${gap}`,
|
|
134
|
+
strokeLinecap: "round",
|
|
135
|
+
strokeWidth: strokeWidth,
|
|
136
|
+
transform: `rotate(-90 ${cx} ${cy})`
|
|
137
|
+
})]
|
|
138
|
+
})
|
|
139
|
+
});
|
|
140
|
+
};
|
|
141
|
+
//# sourceMappingURL=CircularProgressIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNativeSvg","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedCircle","Animated","createAnimatedComponent","Circle","SPIN_DURATION_MS","PROGRESS_ANIMATION_DURATION_MS","CircularProgressIndicator","exports","_ref","backgroundColor","filledColor","progress","_ref$size","size","_ref$strokeWidth","strokeWidth","style","testID","unfilledColor","animatedProgress","useSharedValue","rotation","_useMemo","useMemo","pad","rInner","cx","cy","circumference","Math","PI","fraction","undefined","Number","isNaN","min","max","useEffect","value","withTiming","duration","easing","Easing","out","cubic","cancelAnimation","withRepeat","linear","animatedCircleProps","useAnimatedProps","strokeDashoffset","animatedSpinStyle","useAnimatedStyle","transform","rotate","jsxs","height","viewBox","width","children","jsx","fill","stroke","animatedProps","strokeDasharray","strokeLinecap","arc","gap","View"],"sourceRoot":"../../../../src","sources":["components/Attachment/CircularProgressIndicator.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
exports.FileAttachment = void 0;
|
|
5
5
|
var _react = _interopRequireWildcard(require("react"));
|
|
6
6
|
var _reactNative = require("react-native");
|
|
7
|
+
var _AttachmentFileUploadProgressIndicator = require("./AttachmentFileUploadProgressIndicator");
|
|
7
8
|
var _openUrlSafely = require("./utils/openUrlSafely");
|
|
8
9
|
var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
|
|
9
10
|
var _MessageContext = require("../../contexts/messageContext/MessageContext");
|
|
@@ -15,6 +16,7 @@ var _this = this,
|
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
18
|
var FileAttachmentWithContext = function FileAttachmentWithContext(props) {
|
|
19
|
+
var _attachment$asset_url, _attachment$originalF;
|
|
18
20
|
var styles = useStyles();
|
|
19
21
|
var additionalPressableProps = props.additionalPressableProps,
|
|
20
22
|
attachment = props.attachment,
|
|
@@ -27,6 +29,7 @@ var FileAttachmentWithContext = function FileAttachmentWithContext(props) {
|
|
|
27
29
|
stylesProp = _props$styles === void 0 ? styles : _props$styles;
|
|
28
30
|
var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
|
|
29
31
|
FilePreview = _useComponentsContext.FilePreview;
|
|
32
|
+
var localId = attachment.localId;
|
|
30
33
|
var defaultOnPress = function defaultOnPress() {
|
|
31
34
|
return (0, _openUrlSafely.openUrlSafely)(attachment.asset_url);
|
|
32
35
|
};
|
|
@@ -69,10 +72,18 @@ var FileAttachmentWithContext = function FileAttachmentWithContext(props) {
|
|
|
69
72
|
},
|
|
70
73
|
testID: "file-attachment"
|
|
71
74
|
}, additionalPressableProps, {
|
|
72
|
-
children: (0, _jsxRuntime.jsx)(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
75
|
+
children: (0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
76
|
+
style: styles.previewWrap,
|
|
77
|
+
children: (0, _jsxRuntime.jsx)(FilePreview, {
|
|
78
|
+
attachment: attachment,
|
|
79
|
+
attachmentIconSize: attachmentIconSize,
|
|
80
|
+
indicator: (0, _jsxRuntime.jsx)(_AttachmentFileUploadProgressIndicator.AttachmentFileUploadProgressIndicator, {
|
|
81
|
+
localId: localId,
|
|
82
|
+
sourceUrl: (_attachment$asset_url = attachment.asset_url) != null ? _attachment$asset_url : (_attachment$originalF = attachment.originalFile) == null ? void 0 : _attachment$originalF.uri,
|
|
83
|
+
totalBytes: attachment.file_size
|
|
84
|
+
}),
|
|
85
|
+
styles: stylesProp
|
|
86
|
+
})
|
|
76
87
|
})
|
|
77
88
|
}));
|
|
78
89
|
};
|
|
@@ -104,6 +115,9 @@ var useStyles = function useStyles() {
|
|
|
104
115
|
return _reactNative.StyleSheet.create({
|
|
105
116
|
container: {
|
|
106
117
|
backgroundColor: showBackgroundTransparent ? 'transparent' : isMyMessage ? semantics.chatBgAttachmentOutgoing : semantics.chatBgAttachmentIncoming
|
|
118
|
+
},
|
|
119
|
+
previewWrap: {
|
|
120
|
+
position: 'relative'
|
|
107
121
|
}
|
|
108
122
|
});
|
|
109
123
|
}, [showBackgroundTransparent, isMyMessage, semantics]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_openUrlSafely","_ComponentsContext","_MessageContext","_MessagesContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileAttachmentWithContext","props","styles","useStyles","additionalPressableProps","attachment","attachmentIconSize","onLongPress","onPress","onPressIn","preventPress","_props$styles","stylesProp","_useComponentsContext","useComponentsContext","FilePreview","defaultOnPress","openUrlSafely","asset_url","jsx","Pressable","assign","disabled","event","additionalInfo","emitter","defaultHandler","testID","children","FileAttachment","exports","_useMessageContext","useMessageContext","_useMessagesContext","useMessagesContext","displayName","_useTheme","useTheme","semantics","theme","_useMessageContext2","isMyMessage","messageHasOnlySingleAttachment","showBackgroundTransparent","useMemo","StyleSheet","create","container","backgroundColor","chatBgAttachmentOutgoing","chatBgAttachmentIncoming"],"sourceRoot":"../../../../src","sources":["components/Attachment/FileAttachment.tsx"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AttachmentFileUploadProgressIndicator","_openUrlSafely","_ComponentsContext","_MessageContext","_MessagesContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileAttachmentWithContext","props","_attachment$asset_url","_attachment$originalF","styles","useStyles","additionalPressableProps","attachment","attachmentIconSize","onLongPress","onPress","onPressIn","preventPress","_props$styles","stylesProp","_useComponentsContext","useComponentsContext","FilePreview","localId","defaultOnPress","openUrlSafely","asset_url","jsx","Pressable","assign","disabled","event","additionalInfo","emitter","defaultHandler","testID","children","View","style","previewWrap","indicator","AttachmentFileUploadProgressIndicator","sourceUrl","originalFile","uri","totalBytes","file_size","FileAttachment","exports","_useMessageContext","useMessageContext","_useMessagesContext","useMessagesContext","displayName","_useTheme","useTheme","semantics","theme","_useMessageContext2","isMyMessage","messageHasOnlySingleAttachment","showBackgroundTransparent","useMemo","StyleSheet","create","container","backgroundColor","chatBgAttachmentOutgoing","chatBgAttachmentIncoming","position"],"sourceRoot":"../../../../src","sources":["components/Attachment/FileAttachment.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -235,6 +235,7 @@ var GalleryThumbnail = function GalleryThumbnail(_ref) {
|
|
|
235
235
|
testID: `gallery-${invertedDirections ? 'row' : 'column'}-${colIndex}-item-${rowIndex}`
|
|
236
236
|
}, additionalPressableProps, {
|
|
237
237
|
children: [thumbnail.type === _types.FileTypes.Video ? (0, _jsxRuntime.jsx)(VideoThumbnail, {
|
|
238
|
+
localId: thumbnail.localId,
|
|
238
239
|
style: [styles.image, imageBorderRadius != null ? imageBorderRadius : borderRadius, image],
|
|
239
240
|
thumb_url: thumbnail.thumb_url
|
|
240
241
|
}) : (0, _jsxRuntime.jsx)(GalleryImageThumbnail, {
|
|
@@ -257,6 +258,7 @@ var GalleryImageThumbnail = function GalleryImageThumbnail(_ref2) {
|
|
|
257
258
|
var borderRadius = _ref2.borderRadius,
|
|
258
259
|
thumbnail = _ref2.thumbnail;
|
|
259
260
|
var _useComponentsContext2 = (0, _ComponentsContext.useComponentsContext)(),
|
|
261
|
+
AttachmentUploadIndicator = _useComponentsContext2.AttachmentUploadIndicator,
|
|
260
262
|
ImageLoadingFailedIndicator = _useComponentsContext2.ImageLoadingFailedIndicator,
|
|
261
263
|
ImageLoadingIndicator = _useComponentsContext2.ImageLoadingIndicator;
|
|
262
264
|
var _useLoadingImage = (0, _useLoadingImage2.useLoadingImage)(),
|
|
@@ -296,7 +298,11 @@ var GalleryImageThumbnail = function GalleryImageThumbnail(_ref2) {
|
|
|
296
298
|
resizeMode: thumbnail.resizeMode,
|
|
297
299
|
style: gallery.image,
|
|
298
300
|
uri: thumbnail.url
|
|
299
|
-
}), isLoadingImage ? (0, _jsxRuntime.jsx)(ImageLoadingIndicator, {}) : null
|
|
301
|
+
}), isLoadingImage ? (0, _jsxRuntime.jsx)(ImageLoadingIndicator, {}) : null, (0, _jsxRuntime.jsx)(AttachmentUploadIndicator, {
|
|
302
|
+
localId: thumbnail.localId,
|
|
303
|
+
sourceUrl: thumbnail.url,
|
|
304
|
+
variant: "overlay"
|
|
305
|
+
})]
|
|
300
306
|
})
|
|
301
307
|
});
|
|
302
308
|
};
|