@amityco/react-native-social-uikit 4.1.0 → 4.1.1-11cdc854.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/lib/commonjs/core/assets/icons/xml.js +55 -1
- package/lib/commonjs/core/assets/icons/xml.js.map +1 -1
- package/lib/commonjs/core/hooks/usePostByIds.js +38 -0
- package/lib/commonjs/core/hooks/usePostByIds.js.map +1 -0
- package/lib/commonjs/social/components/LoadingImage/index.js +4 -3
- package/lib/commonjs/social/components/LoadingImage/index.js.map +1 -1
- package/lib/commonjs/social/components/LoadingImage/styles.js +4 -0
- package/lib/commonjs/social/components/LoadingImage/styles.js.map +1 -1
- package/lib/commonjs/social/components/LoadingVideo/index.js +12 -6
- package/lib/commonjs/social/components/LoadingVideo/index.js.map +1 -1
- package/lib/commonjs/social/components/LoadingVideo/styles.js +4 -0
- package/lib/commonjs/social/components/LoadingVideo/styles.js.map +1 -1
- package/lib/commonjs/social/components/MediaViewer/MediaViewer.js +266 -0
- package/lib/commonjs/social/components/MediaViewer/MediaViewer.js.map +1 -0
- package/lib/commonjs/social/components/MediaViewer/index.js +13 -0
- package/lib/commonjs/social/components/MediaViewer/index.js.map +1 -0
- package/lib/commonjs/social/components/MediaViewer/styles.js +116 -0
- package/lib/commonjs/social/components/MediaViewer/styles.js.map +1 -0
- package/lib/commonjs/social/components/PostContent/index.js +75 -120
- package/lib/commonjs/social/components/PostContent/index.js.map +1 -1
- package/lib/commonjs/social/components/SelectedMediaComponent/SelectedMediaComponent.js +180 -0
- package/lib/commonjs/social/components/SelectedMediaComponent/SelectedMediaComponent.js.map +1 -0
- package/lib/commonjs/social/components/SelectedMediaComponent/index.js +13 -0
- package/lib/commonjs/social/components/SelectedMediaComponent/index.js.map +1 -0
- package/lib/commonjs/social/components/SelectedMediaComponent/styles.js +43 -0
- package/lib/commonjs/social/components/SelectedMediaComponent/styles.js.map +1 -0
- package/lib/commonjs/social/constants/index.js +11 -0
- package/lib/commonjs/social/constants/index.js.map +1 -0
- package/lib/commonjs/social/elements/PostMediaElement/PostMediaElement.js +280 -0
- package/lib/commonjs/social/elements/PostMediaElement/PostMediaElement.js.map +1 -0
- package/lib/commonjs/social/elements/PostMediaElement/index.js +13 -0
- package/lib/commonjs/social/elements/PostMediaElement/index.js.map +1 -0
- package/lib/commonjs/social/elements/PostMediaElement/styles.js +117 -0
- package/lib/commonjs/social/elements/PostMediaElement/styles.js.map +1 -0
- package/lib/commonjs/social/features/post/Composer/PostComposer.js +91 -106
- package/lib/commonjs/social/features/post/Composer/PostComposer.js.map +1 -1
- package/lib/commonjs/social/features/post/components/DetailedMediaAttachment/DetailedMediaAttachment.js +17 -7
- package/lib/commonjs/social/features/post/components/DetailedMediaAttachment/DetailedMediaAttachment.js.map +1 -1
- package/lib/commonjs/social/features/post/components/MediaAttachment/MediaAttachment.js +17 -7
- package/lib/commonjs/social/features/post/components/MediaAttachment/MediaAttachment.js.map +1 -1
- package/lib/commonjs/social/utils/getFrameRatio.js +52 -0
- package/lib/commonjs/social/utils/getFrameRatio.js.map +1 -0
- package/lib/commonjs/social/utils/getIndicatorConfig.js +59 -0
- package/lib/commonjs/social/utils/getIndicatorConfig.js.map +1 -0
- package/lib/module/core/assets/icons/xml.js +48 -0
- package/lib/module/core/assets/icons/xml.js.map +1 -1
- package/lib/module/core/hooks/usePostByIds.js +32 -0
- package/lib/module/core/hooks/usePostByIds.js.map +1 -0
- package/lib/module/social/components/LoadingImage/index.js +4 -3
- package/lib/module/social/components/LoadingImage/index.js.map +1 -1
- package/lib/module/social/components/LoadingImage/styles.js +4 -0
- package/lib/module/social/components/LoadingImage/styles.js.map +1 -1
- package/lib/module/social/components/LoadingVideo/index.js +13 -7
- package/lib/module/social/components/LoadingVideo/index.js.map +1 -1
- package/lib/module/social/components/LoadingVideo/styles.js +4 -0
- package/lib/module/social/components/LoadingVideo/styles.js.map +1 -1
- package/lib/module/social/components/MediaViewer/MediaViewer.js +259 -0
- package/lib/module/social/components/MediaViewer/MediaViewer.js.map +1 -0
- package/lib/module/social/components/MediaViewer/index.js +2 -0
- package/lib/module/social/components/MediaViewer/index.js.map +1 -0
- package/lib/module/social/components/MediaViewer/styles.js +109 -0
- package/lib/module/social/components/MediaViewer/styles.js.map +1 -0
- package/lib/module/social/components/PostContent/index.js +77 -122
- package/lib/module/social/components/PostContent/index.js.map +1 -1
- package/lib/module/social/components/SelectedMediaComponent/SelectedMediaComponent.js +174 -0
- package/lib/module/social/components/SelectedMediaComponent/SelectedMediaComponent.js.map +1 -0
- package/lib/module/social/components/SelectedMediaComponent/index.js +2 -0
- package/lib/module/social/components/SelectedMediaComponent/index.js.map +1 -0
- package/lib/module/social/components/SelectedMediaComponent/styles.js +36 -0
- package/lib/module/social/components/SelectedMediaComponent/styles.js.map +1 -0
- package/lib/module/social/constants/index.js +5 -0
- package/lib/module/social/constants/index.js.map +1 -0
- package/lib/module/social/elements/PostMediaElement/PostMediaElement.js +273 -0
- package/lib/module/social/elements/PostMediaElement/PostMediaElement.js.map +1 -0
- package/lib/module/social/elements/PostMediaElement/index.js +2 -0
- package/lib/module/social/elements/PostMediaElement/index.js.map +1 -0
- package/lib/module/social/elements/PostMediaElement/styles.js +110 -0
- package/lib/module/social/elements/PostMediaElement/styles.js.map +1 -0
- package/lib/module/social/features/post/Composer/PostComposer.js +94 -109
- package/lib/module/social/features/post/Composer/PostComposer.js.map +1 -1
- package/lib/module/social/features/post/components/DetailedMediaAttachment/DetailedMediaAttachment.js +17 -7
- package/lib/module/social/features/post/components/DetailedMediaAttachment/DetailedMediaAttachment.js.map +1 -1
- package/lib/module/social/features/post/components/MediaAttachment/MediaAttachment.js +17 -7
- package/lib/module/social/features/post/components/MediaAttachment/MediaAttachment.js.map +1 -1
- package/lib/module/social/utils/getFrameRatio.js +44 -0
- package/lib/module/social/utils/getFrameRatio.js.map +1 -0
- package/lib/module/social/utils/getIndicatorConfig.js +53 -0
- package/lib/module/social/utils/getIndicatorConfig.js.map +1 -0
- package/lib/typescript/core/assets/icons/xml.d.ts +7 -0
- package/lib/typescript/core/assets/icons/xml.d.ts.map +1 -1
- package/lib/typescript/core/hooks/usePostByIds.d.ts +8 -0
- package/lib/typescript/core/hooks/usePostByIds.d.ts.map +1 -0
- package/lib/typescript/core/types/mention.d.ts +6 -0
- package/lib/typescript/core/types/mention.d.ts.map +1 -1
- package/lib/typescript/social/components/LoadingImage/index.d.ts +2 -1
- package/lib/typescript/social/components/LoadingImage/index.d.ts.map +1 -1
- package/lib/typescript/social/components/LoadingImage/styles.d.ts +4 -0
- package/lib/typescript/social/components/LoadingImage/styles.d.ts.map +1 -1
- package/lib/typescript/social/components/LoadingVideo/index.d.ts +2 -1
- package/lib/typescript/social/components/LoadingVideo/index.d.ts.map +1 -1
- package/lib/typescript/social/components/LoadingVideo/styles.d.ts +4 -0
- package/lib/typescript/social/components/LoadingVideo/styles.d.ts.map +1 -1
- package/lib/typescript/social/components/MediaViewer/MediaViewer.d.ts +17 -0
- package/lib/typescript/social/components/MediaViewer/MediaViewer.d.ts.map +1 -0
- package/lib/typescript/social/components/MediaViewer/index.d.ts +3 -0
- package/lib/typescript/social/components/MediaViewer/index.d.ts.map +1 -0
- package/lib/typescript/social/components/MediaViewer/styles.d.ts +99 -0
- package/lib/typescript/social/components/MediaViewer/styles.d.ts.map +1 -0
- package/lib/typescript/social/components/PostContent/index.d.ts.map +1 -1
- package/lib/typescript/social/components/SelectedMediaComponent/SelectedMediaComponent.d.ts +12 -0
- package/lib/typescript/social/components/SelectedMediaComponent/SelectedMediaComponent.d.ts.map +1 -0
- package/lib/typescript/social/components/SelectedMediaComponent/index.d.ts +3 -0
- package/lib/typescript/social/components/SelectedMediaComponent/index.d.ts.map +1 -0
- package/lib/typescript/social/components/SelectedMediaComponent/styles.d.ts +25 -0
- package/lib/typescript/social/components/SelectedMediaComponent/styles.d.ts.map +1 -0
- package/lib/typescript/social/constants/index.d.ts +4 -0
- package/lib/typescript/social/constants/index.d.ts.map +1 -0
- package/lib/typescript/social/elements/PostMediaElement/PostMediaElement.d.ts +15 -0
- package/lib/typescript/social/elements/PostMediaElement/PostMediaElement.d.ts.map +1 -0
- package/lib/typescript/social/elements/PostMediaElement/index.d.ts +3 -0
- package/lib/typescript/social/elements/PostMediaElement/index.d.ts.map +1 -0
- package/lib/typescript/social/elements/PostMediaElement/styles.d.ts +88 -0
- package/lib/typescript/social/elements/PostMediaElement/styles.d.ts.map +1 -0
- package/lib/typescript/social/features/post/Composer/PostComposer.d.ts.map +1 -1
- package/lib/typescript/social/features/post/components/DetailedMediaAttachment/DetailedMediaAttachment.d.ts +3 -0
- package/lib/typescript/social/features/post/components/DetailedMediaAttachment/DetailedMediaAttachment.d.ts.map +1 -1
- package/lib/typescript/social/features/post/components/MediaAttachment/MediaAttachment.d.ts +3 -0
- package/lib/typescript/social/features/post/components/MediaAttachment/MediaAttachment.d.ts.map +1 -1
- package/lib/typescript/social/utils/getFrameRatio.d.ts +21 -0
- package/lib/typescript/social/utils/getFrameRatio.d.ts.map +1 -0
- package/lib/typescript/social/utils/getIndicatorConfig.d.ts +11 -0
- package/lib/typescript/social/utils/getIndicatorConfig.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/core/assets/icons/xml.ts +60 -0
- package/src/core/hooks/usePostByIds.ts +33 -0
- package/src/core/types/mention.ts +6 -0
- package/src/social/components/LoadingImage/index.tsx +12 -2
- package/src/social/components/LoadingImage/styles.ts +4 -0
- package/src/social/components/LoadingVideo/index.tsx +28 -4
- package/src/social/components/LoadingVideo/styles.ts +4 -0
- package/src/social/components/MediaViewer/MediaViewer.tsx +384 -0
- package/src/social/components/MediaViewer/index.tsx +2 -0
- package/src/social/components/MediaViewer/styles.ts +109 -0
- package/src/social/components/PostContent/index.tsx +86 -159
- package/src/social/components/SelectedMediaComponent/SelectedMediaComponent.tsx +236 -0
- package/src/social/components/SelectedMediaComponent/index.ts +2 -0
- package/src/social/components/SelectedMediaComponent/styles.ts +38 -0
- package/src/social/constants/index.ts +4 -0
- package/src/social/elements/PostMediaElement/PostMediaElement.tsx +362 -0
- package/src/social/elements/PostMediaElement/index.tsx +5 -0
- package/src/social/elements/PostMediaElement/styles.ts +99 -0
- package/src/social/features/post/Composer/PostComposer.tsx +107 -123
- package/src/social/features/post/components/DetailedMediaAttachment/DetailedMediaAttachment.tsx +10 -3
- package/src/social/features/post/components/MediaAttachment/MediaAttachment.tsx +14 -3
- package/src/social/utils/getFrameRatio.ts +42 -0
- package/src/social/utils/getIndicatorConfig.ts +62 -0
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { Fragment, memo, useCallback, useEffect, useState } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { SvgXml } from 'react-native-svg';
|
|
1
|
+
import { Fragment, memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { Pressable, Text, TouchableOpacity, View } from 'react-native';
|
|
4
3
|
import { useStyles } from './styles';
|
|
5
4
|
import useAuth from '../../../core/hooks/useAuth';
|
|
6
5
|
import { getPostById } from '../../../core/legacy/feed';
|
|
7
6
|
import ImageView from '../legacy/react-native-image-viewing/dist';
|
|
7
|
+
import { SvgXml } from 'react-native-svg';
|
|
8
|
+
import { clearIcon } from '../../../core/assets/icons/xml';
|
|
8
9
|
import { useUIKitSelector } from '../../../core/stores/store';
|
|
9
|
-
import {
|
|
10
|
+
import { PostMediaElement } from '../../elements/PostMediaElement';
|
|
10
11
|
import LivestreamContent from '../LivestreamContent';
|
|
11
12
|
import { LinkPreview } from '../PreviewLink';
|
|
12
13
|
import RenderTextWithMention from '../RenderTextWithMention/RenderTextWithMention';
|
|
13
14
|
import PollContent from '../PollContent';
|
|
15
|
+
import { MediaViewer } from '../MediaViewer';
|
|
14
16
|
const PostContent = ({
|
|
15
17
|
post,
|
|
16
18
|
textPost,
|
|
@@ -31,9 +33,12 @@ const PostContent = ({
|
|
|
31
33
|
const [videoPostsFullSize, setVideoPostsFullSize] = useState([]);
|
|
32
34
|
const [visibleFullImage, setIsVisibleFullImage] = useState(false);
|
|
33
35
|
const [imageIndex, setImageIndex] = useState(0);
|
|
36
|
+
const [videoViewerIndex, setVideoViewerIndex] = useState(null);
|
|
37
|
+
const [mediaLoading, setMediaLoading] = useState(((childrenPosts === null || childrenPosts === void 0 ? void 0 : childrenPosts.length) ?? 0) > 0);
|
|
38
|
+
const [mediaChildPosts, setMediaChildPosts] = useState([]);
|
|
39
|
+
const mediaControlsRef = useRef(null);
|
|
40
|
+
const viewerIndexRef = useRef(0);
|
|
34
41
|
const styles = useStyles();
|
|
35
|
-
let imageStyle = styles.imageLargePost;
|
|
36
|
-
let colStyle = styles.col2;
|
|
37
42
|
const {
|
|
38
43
|
currentPostdetail
|
|
39
44
|
} = useUIKitSelector(state => state.postDetail);
|
|
@@ -64,12 +69,14 @@ const PostContent = ({
|
|
|
64
69
|
}
|
|
65
70
|
}, [imagePosts, videoPosts, apiRegion]);
|
|
66
71
|
const getPostInfo = useCallback(async () => {
|
|
72
|
+
setMediaLoading(((childrenPosts === null || childrenPosts === void 0 ? void 0 : childrenPosts.length) ?? 0) > 0);
|
|
67
73
|
try {
|
|
68
74
|
const response = await Promise.all(childrenPosts.map(async id => {
|
|
69
75
|
const {
|
|
70
76
|
data: childrenPost
|
|
71
77
|
} = await getPostById(id);
|
|
72
78
|
return {
|
|
79
|
+
post: childrenPost,
|
|
73
80
|
dataType: childrenPost === null || childrenPost === void 0 ? void 0 : childrenPost.dataType,
|
|
74
81
|
data: childrenPost === null || childrenPost === void 0 ? void 0 : childrenPost.data
|
|
75
82
|
};
|
|
@@ -78,17 +85,20 @@ const PostContent = ({
|
|
|
78
85
|
const videos = [];
|
|
79
86
|
const polls = [];
|
|
80
87
|
const livestreams = [];
|
|
88
|
+
const media = [];
|
|
81
89
|
response.forEach(item => {
|
|
82
90
|
var _item$data, _item$data2;
|
|
83
91
|
if ((item === null || item === void 0 ? void 0 : item.dataType) === 'image' && item !== null && item !== void 0 && (_item$data = item.data) !== null && _item$data !== void 0 && _item$data.fileId) {
|
|
84
92
|
const url = `https://api.${apiRegion}.amity.co/api/v3/files/${item === null || item === void 0 ? void 0 : item.data.fileId}/download?size=medium`;
|
|
85
93
|
if (!images.includes(url)) {
|
|
86
94
|
images.push(url);
|
|
95
|
+
if (item.post) media.push(item.post);
|
|
87
96
|
}
|
|
88
97
|
} else if ((item === null || item === void 0 ? void 0 : item.dataType) === 'video' && item !== null && item !== void 0 && (_item$data2 = item.data) !== null && _item$data2 !== void 0 && _item$data2.videoFileId.original) {
|
|
89
98
|
const isExisted = videos.some(video => video.videoFileId.original === item.data.videoFileId.original);
|
|
90
99
|
if (!isExisted) {
|
|
91
100
|
videos.push(item.data);
|
|
101
|
+
if (item.post) media.push(item.post);
|
|
92
102
|
}
|
|
93
103
|
} else if ((item === null || item === void 0 ? void 0 : item.dataType) === 'poll') {
|
|
94
104
|
if (!polls.some(poll => poll.pollId === item.data.pollId)) {
|
|
@@ -100,12 +110,12 @@ const PostContent = ({
|
|
|
100
110
|
}
|
|
101
111
|
}
|
|
102
112
|
});
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
113
|
+
|
|
114
|
+
// Set unconditionally so navigating to a post without media clears the
|
|
115
|
+
// previous media (see the effect below which no longer eagerly resets).
|
|
116
|
+
setMediaChildPosts(media);
|
|
117
|
+
setImagePosts(images);
|
|
118
|
+
setVideoPosts(videos);
|
|
109
119
|
if (polls.length > 0) {
|
|
110
120
|
setPollIds(polls);
|
|
111
121
|
}
|
|
@@ -114,121 +124,50 @@ const PostContent = ({
|
|
|
114
124
|
}
|
|
115
125
|
} catch (error) {
|
|
116
126
|
console.log('error: ', error);
|
|
127
|
+
} finally {
|
|
128
|
+
setMediaLoading(false);
|
|
117
129
|
}
|
|
118
130
|
}, [apiRegion, childrenPosts]);
|
|
119
131
|
useEffect(() => {
|
|
120
|
-
|
|
121
|
-
|
|
132
|
+
// Don't clear media here: getPostInfo resolves images/videos/media to their
|
|
133
|
+
// fresh values, so the existing media stays on screen until the new data
|
|
134
|
+
// arrives. Eagerly resetting caused a blank flash whenever the feed
|
|
135
|
+
// re-rendered (e.g. realtime updates), then the content popped back in.
|
|
122
136
|
getPostInfo();
|
|
123
137
|
}, [childrenPosts, currentPostdetail, postList, postListGlobal, getPostInfo]);
|
|
124
138
|
function onClickImage(index) {
|
|
139
|
+
viewerIndexRef.current = index;
|
|
125
140
|
setIsVisibleFullImage(true);
|
|
126
141
|
setImageIndex(index);
|
|
127
142
|
}
|
|
128
|
-
function
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
const mediaPosts = [...imagePosts].length > 0 ? [...imagePosts] : [...thumbnailFileIds];
|
|
133
|
-
const imageElement = mediaPosts.map((item, index) => {
|
|
134
|
-
if (mediaPosts.length === 1) {
|
|
135
|
-
imageStyle = styles.imageLargePost;
|
|
136
|
-
colStyle = styles.col6;
|
|
137
|
-
} else if (mediaPosts.length === 2) {
|
|
138
|
-
colStyle = styles.col3;
|
|
139
|
-
if (index === 0) {
|
|
140
|
-
imageStyle = [styles.imageLargePost, styles.imageMarginRight];
|
|
141
|
-
} else {
|
|
142
|
-
imageStyle = [styles.imageLargePost, styles.imageMarginLeft];
|
|
143
|
-
}
|
|
144
|
-
} else if (mediaPosts.length === 3) {
|
|
145
|
-
switch (index) {
|
|
146
|
-
case 0:
|
|
147
|
-
colStyle = styles.col6;
|
|
148
|
-
imageStyle = [styles.imageMediumPost, styles.imageMarginBottom];
|
|
149
|
-
break;
|
|
150
|
-
case 1:
|
|
151
|
-
colStyle = styles.col3;
|
|
152
|
-
imageStyle = [styles.imageMediumPost, styles.imageMarginTop, styles.imageMarginRight];
|
|
153
|
-
break;
|
|
154
|
-
case 2:
|
|
155
|
-
colStyle = styles.col3;
|
|
156
|
-
imageStyle = [styles.imageMediumPost, styles.imageMarginTop, styles.imageMarginLeft];
|
|
157
|
-
break;
|
|
158
|
-
default:
|
|
159
|
-
break;
|
|
160
|
-
}
|
|
161
|
-
} else {
|
|
162
|
-
switch (index) {
|
|
163
|
-
case 0:
|
|
164
|
-
colStyle = styles.col6;
|
|
165
|
-
imageStyle = [styles.imageMediumLargePost, styles.imageMarginBottom];
|
|
166
|
-
break;
|
|
167
|
-
case 1:
|
|
168
|
-
colStyle = styles.col2;
|
|
169
|
-
imageStyle = [styles.imageSmallPost, styles.imageMarginTop, styles.imageMarginRight];
|
|
170
|
-
break;
|
|
171
|
-
case 2:
|
|
172
|
-
colStyle = styles.col2;
|
|
173
|
-
imageStyle = [styles.imageSmallPost, styles.imageMarginTop, styles.imageMarginLeft, styles.imageMarginRight];
|
|
174
|
-
break;
|
|
175
|
-
case 3:
|
|
176
|
-
colStyle = styles.col2;
|
|
177
|
-
imageStyle = [styles.imageSmallPost, styles.imageMarginTop, styles.imageMarginLeft];
|
|
178
|
-
break;
|
|
179
|
-
default:
|
|
180
|
-
break;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
184
|
-
style: colStyle,
|
|
185
|
-
key: item
|
|
186
|
-
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
187
|
-
onPress: () => onClickImage(index)
|
|
188
|
-
}, /*#__PURE__*/React.createElement(View, null, videoPosts.length > 0 && renderPlayButton(), /*#__PURE__*/React.createElement(Image, {
|
|
189
|
-
style: imageStyle,
|
|
190
|
-
source: {
|
|
191
|
-
uri: item
|
|
192
|
-
}
|
|
193
|
-
}), index === 3 && imagePosts.length > 4 && /*#__PURE__*/React.createElement(View, {
|
|
194
|
-
style: styles.overlay
|
|
195
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
196
|
-
style: styles.overlayText
|
|
197
|
-
}, `+ ${imagePosts.length - 3}`)))));
|
|
198
|
-
});
|
|
199
|
-
if (imageElement.length < 3) {
|
|
200
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
201
|
-
style: styles.imagesWrap
|
|
202
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
203
|
-
style: styles.row
|
|
204
|
-
}, imageElement));
|
|
205
|
-
} else if (imageElement.length === 3) {
|
|
206
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
207
|
-
style: [styles.imagesWrap]
|
|
208
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
209
|
-
style: styles.row
|
|
210
|
-
}, imageElement.slice(0, 1)), /*#__PURE__*/React.createElement(View, {
|
|
211
|
-
style: styles.row
|
|
212
|
-
}, imageElement.slice(1, 3)));
|
|
213
|
-
} else {
|
|
214
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
215
|
-
style: styles.imagesWrap
|
|
216
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
217
|
-
style: styles.row
|
|
218
|
-
}, imageElement.slice(0, 1)), /*#__PURE__*/React.createElement(View, {
|
|
219
|
-
style: styles.row
|
|
220
|
-
}, imageElement.slice(1, 4)));
|
|
221
|
-
}
|
|
143
|
+
function closeFullScreen() {
|
|
144
|
+
var _mediaControlsRef$cur;
|
|
145
|
+
setIsVisibleFullImage(false);
|
|
146
|
+
(_mediaControlsRef$cur = mediaControlsRef.current) === null || _mediaControlsRef$cur === void 0 || _mediaControlsRef$cur.slideTo(viewerIndexRef.current);
|
|
222
147
|
}
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
148
|
+
|
|
149
|
+
// UC2 (PDT-4309): video carousel opens the swipeable full-screen player
|
|
150
|
+
// (autoplay + mute-carry) instead of the single-video route.
|
|
151
|
+
function openVideoViewer(index) {
|
|
152
|
+
viewerIndexRef.current = index;
|
|
153
|
+
setVideoViewerIndex(index);
|
|
154
|
+
}
|
|
155
|
+
function closeVideoViewer(lastIndex) {
|
|
156
|
+
var _mediaControlsRef$cur2;
|
|
157
|
+
setVideoViewerIndex(null);
|
|
158
|
+
// Published post: return to the last-viewed frame.
|
|
159
|
+
(_mediaControlsRef$cur2 = mediaControlsRef.current) === null || _mediaControlsRef$cur2 === void 0 || _mediaControlsRef$cur2.slideTo(lastIndex);
|
|
231
160
|
}
|
|
161
|
+
const videoViewerItems = videoPosts.map(item => {
|
|
162
|
+
var _item$videoFileId;
|
|
163
|
+
return {
|
|
164
|
+
type: 'video',
|
|
165
|
+
// The /files/{original}/download endpoint returns the original video
|
|
166
|
+
// file (mp4), not an HLS playlist — no m3u8 type hint (let the player
|
|
167
|
+
// detect the container).
|
|
168
|
+
uri: `https://api.${apiRegion}.amity.co/api/v3/files/${item === null || item === void 0 || (_item$videoFileId = item.videoFileId) === null || _item$videoFileId === void 0 ? void 0 : _item$videoFileId.original}/download`
|
|
169
|
+
};
|
|
170
|
+
});
|
|
232
171
|
function renderImageHeader({
|
|
233
172
|
imageIndex: imgIndex
|
|
234
173
|
}) {
|
|
@@ -238,10 +177,12 @@ const PostContent = ({
|
|
|
238
177
|
style: styles.flexWidth
|
|
239
178
|
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
240
179
|
style: styles.closebtnIcon,
|
|
241
|
-
onPress:
|
|
242
|
-
}, /*#__PURE__*/React.createElement(
|
|
243
|
-
|
|
244
|
-
|
|
180
|
+
onPress: closeFullScreen
|
|
181
|
+
}, /*#__PURE__*/React.createElement(SvgXml, {
|
|
182
|
+
xml: clearIcon('white'),
|
|
183
|
+
width: 28,
|
|
184
|
+
height: 28
|
|
185
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
245
186
|
style: styles.flexWidth
|
|
246
187
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
247
188
|
style: styles.header
|
|
@@ -266,14 +207,28 @@ const PostContent = ({
|
|
|
266
207
|
post: post,
|
|
267
208
|
onPressPost: onPressPost,
|
|
268
209
|
roomId: livestreamId[0]
|
|
269
|
-
}) :
|
|
210
|
+
}) : /*#__PURE__*/React.createElement(PostMediaElement, {
|
|
211
|
+
posts: mediaChildPosts,
|
|
212
|
+
onImageClick: onClickImage,
|
|
213
|
+
onVideoClick: openVideoViewer,
|
|
214
|
+
controlsRef: mediaControlsRef,
|
|
215
|
+
loading: mediaLoading
|
|
216
|
+
}), /*#__PURE__*/React.createElement(ImageView, {
|
|
270
217
|
images: imagePostsFullSize.length > 0 ? imagePostsFullSize : videoPostsFullSize,
|
|
271
218
|
imageIndex: imageIndex,
|
|
272
219
|
visible: visibleFullImage,
|
|
273
|
-
onRequestClose:
|
|
220
|
+
onRequestClose: closeFullScreen,
|
|
221
|
+
onImageIndexChange: idx => {
|
|
222
|
+
viewerIndexRef.current = idx;
|
|
223
|
+
},
|
|
274
224
|
isVideoButton: videoPosts.length > 0 ? true : false,
|
|
275
225
|
videoPosts: videoPosts,
|
|
276
226
|
HeaderComponent: renderImageHeader
|
|
227
|
+
}), /*#__PURE__*/React.createElement(MediaViewer, {
|
|
228
|
+
visible: videoViewerIndex !== null,
|
|
229
|
+
items: videoViewerItems,
|
|
230
|
+
initialIndex: videoViewerIndex ?? 0,
|
|
231
|
+
onClose: closeVideoViewer
|
|
277
232
|
}));
|
|
278
233
|
};
|
|
279
234
|
export default /*#__PURE__*/memo(PostContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Fragment","memo","useCallback","useEffect","useState","Image","Pressable","Text","TouchableOpacity","TouchableWithoutFeedback","View","SvgXml","useStyles","useAuth","getPostById","ImageView","useUIKitSelector","playBtn","LivestreamContent","LinkPreview","RenderTextWithMention","PollContent","PostContent","post","textPost","onPressPost","disabledPoll","childrenPosts","showedAllOptions","mentionPositionArr","apiRegion","imagePosts","setImagePosts","videoPosts","setVideoPosts","pollIds","setPollIds","livestreamId","setLivestreamId","imagePostsFullSize","setImagePostsFullSize","videoPostsFullSize","setVideoPostsFullSize","visibleFullImage","setIsVisibleFullImage","imageIndex","setImageIndex","styles","imageStyle","imageLargePost","colStyle","col2","currentPostdetail","state","postDetail","postList","postListGlobal","globalFeed","feed","length","updatedUrls","map","url","uri","replace","item","thumbnailFileId","getPostInfo","response","Promise","all","id","data","childrenPost","dataType","images","videos","polls","livestreams","forEach","_item$data","_item$data2","fileId","includes","push","videoFileId","original","isExisted","some","video","poll","pollId","roomId","error","console","log","onClickImage","index","renderMediaPosts","thumbnailFileIds","mediaPosts","imageElement","col6","col3","imageMarginRight","imageMarginLeft","imageMediumPost","imageMarginBottom","imageMarginTop","imageMediumLargePost","imageSmallPost","React","createElement","style","key","onPress","renderPlayButton","source","overlay","overlayText","imagesWrap","row","slice","playButton","xml","width","height","renderImageHeader","imgIndex","headerContainer","flexWidth","closebtnIcon","closeBtn","header","text","visible","onRequestClose","isVideoButton","HeaderComponent"],"sourceRoot":"../../../../../src","sources":["social/components/PostContent/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxE,SACEC,KAAK,EACLC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EAChBC,wBAAwB,EACxBC,IAAI,QACC,cAAc;AACrB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS,QAAQ,UAAU;AACpC,OAAOC,OAAO,MAAM,6BAA6B;AAEjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,OAAOC,SAAS,MAAM,2CAA2C;AACjE,SAAoBC,gBAAgB,QAAQ,4BAA4B;AACxE,SAASC,OAAO,QAAQ,gCAAgC;AACxD,OAAOC,iBAAiB,MAAM,sBAAsB;AACpD,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,OAAOC,qBAAqB,MAAM,gDAAgD;AAElF,OAAOC,WAAW,MAAM,gBAAgB;AAWxC,MAAMC,WAAmC,GAAGA,CAAC;EAC3CC,IAAI;EACJC,QAAQ;EACRC,WAAW;EACXC,YAAY;EACZC,aAAa;EACbC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAGjB,OAAO,CAAC,CAAC;EAC/B,MAAM,CAACkB,UAAU,EAAEC,aAAa,CAAC,GAAG5B,QAAQ,CAAW,EAAE,CAAC;EAC1D,MAAM,CAAC6B,UAAU,EAAEC,aAAa,CAAC,GAAG9B,QAAQ,CAAe,EAAE,CAAC;EAC9D,MAAM,CAAC+B,OAAO,EAAEC,UAAU,CAAC,GAAGhC,QAAQ,CAAuB,EAAE,CAAC;EAChE,MAAM,CAACiC,YAAY,EAAEC,eAAe,CAAC,GAAGlC,QAAQ,CAAyB,EAAE,CAAC;EAE5E,MAAM,CAACmC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGpC,QAAQ,CAAa,EAAE,CAAC;EAC5E,MAAM,CAACqC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGtC,QAAQ,CAAa,EAAE,CAAC;EAC5E,MAAM,CAACuC,gBAAgB,EAAEC,qBAAqB,CAAC,GAAGxC,QAAQ,CAAU,KAAK,CAAC;EAC1E,MAAM,CAACyC,UAAU,EAAEC,aAAa,CAAC,GAAG1C,QAAQ,CAAS,CAAC,CAAC;EAEvD,MAAM2C,MAAM,GAAGnC,SAAS,CAAC,CAAC;EAC1B,IAAIoC,UAAe,GAAGD,MAAM,CAACE,cAAc;EAC3C,IAAIC,QAAa,GAAGH,MAAM,CAACI,IAAI;EAC/B,MAAM;IAAEC;EAAkB,CAAC,GAAGpC,gBAAgB,CAC3CqC,KAAgB,IAAKA,KAAK,CAACC,UAC9B,CAAC;EACD,MAAM;IAAEC,QAAQ,EAAEC;EAAe,CAAC,GAAGxC,gBAAgB,CAClDqC,KAAgB,IAAKA,KAAK,CAACI,UAC9B,CAAC;EACD,MAAM;IAAEF;EAAS,CAAC,GAAGvC,gBAAgB,CAAEqC,KAAgB,IAAKA,KAAK,CAACK,IAAI,CAAC;EAEvEvD,SAAS,CAAC,MAAM;IACdqC,qBAAqB,CAAC,EAAE,CAAC;IACzBE,qBAAqB,CAAC,EAAE,CAAC;IACzB,IAAIX,UAAU,CAAC4B,MAAM,GAAG,CAAC,EAAE;MACzB,MAAMC,WAAuB,GAAG7B,UAAU,CAAC8B,GAAG,CAAEC,GAAW,IAAK;QAC9D,OAAO;UACLC,GAAG,EAAED,GAAG,CAACE,OAAO,CAAC,aAAa,EAAE,YAAY;QAC9C,CAAC;MACH,CAAC,CAAC;MACFxB,qBAAqB,CAACoB,WAAW,CAAC;IACpC;IACA,IAAI3B,UAAU,CAAC0B,MAAM,GAAG,CAAC,EAAE;MACzB,MAAMC,WAAuB,GAAG3B,UAAU,CAAC4B,GAAG,CAAEI,IAAgB,IAAK;QACnE,OAAO;UACLF,GAAG,EAAE,eAAejC,SAAS,0BAA0BmC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,eAAe;QAC9E,CAAC;MACH,CAAC,CAAC;MACFxB,qBAAqB,CAACkB,WAAW,CAAC;IACpC;EACF,CAAC,EAAE,CAAC7B,UAAU,EAAEE,UAAU,EAAEH,SAAS,CAAC,CAAC;EAEvC,MAAMqC,WAAW,GAAGjE,WAAW,CAAC,YAAY;IAC1C,IAAI;MACF,MAAMkE,QAAQ,GAAG,MAAMC,OAAO,CAACC,GAAG,CAChC3C,aAAa,CAACkC,GAAG,CAAC,MAAOU,EAAE,IAAK;QAC9B,MAAM;UAAEC,IAAI,EAAEC;QAAa,CAAC,GAAG,MAAM3D,WAAW,CAACyD,EAAE,CAAC;QACpD,OAAO;UAAEG,QAAQ,EAAED,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEC,QAAQ;UAAEF,IAAI,EAAEC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAED;QAAK,CAAC;MACvE,CAAC,CACH,CAAC;MAED,MAAMG,MAAgB,GAAG,EAAE;MAC3B,MAAMC,MAAoB,GAAG,EAAE;MAC/B,MAAMC,KAA2B,GAAG,EAAE;MACtC,MAAMC,WAAmC,GAAG,EAAE;MAE9CV,QAAQ,CAACW,OAAO,CAAEd,IAAI,IAAK;QAAA,IAAAe,UAAA,EAAAC,WAAA;QACzB,IAAI,CAAAhB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES,QAAQ,MAAK,OAAO,IAAIT,IAAI,aAAJA,IAAI,gBAAAe,UAAA,GAAJf,IAAI,CAAEO,IAAI,cAAAQ,UAAA,eAAVA,UAAA,CAAYE,MAAM,EAAE;UACpD,MAAMpB,GAAW,GAAG,eAAehC,SAAS,0BAA0BmC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,IAAI,CAACU,MAAM,uBAAuB;UAC9G,IAAI,CAACP,MAAM,CAACQ,QAAQ,CAACrB,GAAG,CAAC,EAAE;YACzBa,MAAM,CAACS,IAAI,CAACtB,GAAG,CAAC;UAClB;QACF,CAAC,MAAM,IACL,CAAAG,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES,QAAQ,MAAK,OAAO,IAC1BT,IAAI,aAAJA,IAAI,gBAAAgB,WAAA,GAAJhB,IAAI,CAAEO,IAAI,cAAAS,WAAA,eAAVA,WAAA,CAAYI,WAAW,CAACC,QAAQ,EAChC;UACA,MAAMC,SAAS,GAAGX,MAAM,CAACY,IAAI,CAC1BC,KAAK,IACJA,KAAK,CAACJ,WAAW,CAACC,QAAQ,KAAKrB,IAAI,CAACO,IAAI,CAACa,WAAW,CAACC,QACzD,CAAC;UACD,IAAI,CAACC,SAAS,EAAE;YACdX,MAAM,CAACQ,IAAI,CAACnB,IAAI,CAACO,IAAI,CAAC;UACxB;QACF,CAAC,MAAM,IAAI,CAAAP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES,QAAQ,MAAK,MAAM,EAAE;UACpC,IAAI,CAACG,KAAK,CAACW,IAAI,CAAEE,IAAI,IAAKA,IAAI,CAACC,MAAM,KAAK1B,IAAI,CAACO,IAAI,CAACmB,MAAM,CAAC,EAAE;YAC3Dd,KAAK,CAACO,IAAI,CAACnB,IAAI,CAACO,IAAI,CAAC;UACvB;QACF,CAAC,MAAM,IAAI,CAAAP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES,QAAQ,MAAK,MAAM,EAAE;UACpC,IAAI,CAACI,WAAW,CAACK,QAAQ,CAAClB,IAAI,CAACO,IAAI,CAACoB,MAAM,CAAC,EAAE;YAC3Cd,WAAW,CAACM,IAAI,CAACnB,IAAI,CAACO,IAAI,CAACoB,MAAM,CAAC;UACpC;QACF;MACF,CAAC,CAAC;MAEF,IAAIjB,MAAM,CAAChB,MAAM,GAAG,CAAC,EAAE;QACrB3B,aAAa,CAAC2C,MAAM,CAAC;MACvB;MACA,IAAIC,MAAM,CAACjB,MAAM,GAAG,CAAC,EAAE;QACrBzB,aAAa,CAAC0C,MAAM,CAAC;MACvB;MACA,IAAIC,KAAK,CAAClB,MAAM,GAAG,CAAC,EAAE;QACpBvB,UAAU,CAACyC,KAAK,CAAC;MACnB;MACA,IAAIC,WAAW,CAACnB,MAAM,GAAG,CAAC,EAAE;QAC1BrB,eAAe,CAACwC,WAAW,CAAC;MAC9B;IACF,CAAC,CAAC,OAAOe,KAAK,EAAE;MACdC,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEF,KAAK,CAAC;IAC/B;EACF,CAAC,EAAE,CAAC/D,SAAS,EAAEH,aAAa,CAAC,CAAC;EAE9BxB,SAAS,CAAC,MAAM;IACd+B,aAAa,CAAC,EAAE,CAAC;IACjBF,aAAa,CAAC,EAAE,CAAC;IACjBmC,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAACxC,aAAa,EAAEyB,iBAAiB,EAAEG,QAAQ,EAAEC,cAAc,EAAEW,WAAW,CAAC,CAAC;EAE7E,SAAS6B,YAAYA,CAACC,KAAa,EAAQ;IACzCrD,qBAAqB,CAAC,IAAI,CAAC;IAC3BE,aAAa,CAACmD,KAAK,CAAC;EACtB;EAEA,SAASC,gBAAgBA,CAAA,EAAG;IAC1B,MAAMC,gBAA0B,GAC9BlE,UAAU,CAAC0B,MAAM,GAAG,CAAC,GACjB1B,UAAU,CAAC4B,GAAG,CAAEI,IAAI,IAAK;MACvB,OAAO,eAAenC,SAAS,0BAA0BmC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,eAAe,uBAAuB;IACvG,CAAC,CAAC,GACF,EAAE;IACR,MAAMkC,UAAU,GACd,CAAC,GAAGrE,UAAU,CAAC,CAAC4B,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG5B,UAAU,CAAC,GAAG,CAAC,GAAGoE,gBAAgB,CAAC;IACtE,MAAME,YAAY,GAAGD,UAAU,CAACvC,GAAG,CAAC,CAACI,IAAY,EAAEgC,KAAa,KAAK;MACnE,IAAIG,UAAU,CAACzC,MAAM,KAAK,CAAC,EAAE;QAC3BX,UAAU,GAAGD,MAAM,CAACE,cAAc;QAClCC,QAAQ,GAAGH,MAAM,CAACuD,IAAI;MACxB,CAAC,MAAM,IAAIF,UAAU,CAACzC,MAAM,KAAK,CAAC,EAAE;QAClCT,QAAQ,GAAGH,MAAM,CAACwD,IAAI;QACtB,IAAIN,KAAK,KAAK,CAAC,EAAE;UACfjD,UAAU,GAAG,CAACD,MAAM,CAACE,cAAc,EAAEF,MAAM,CAACyD,gBAAgB,CAAC;QAC/D,CAAC,MAAM;UACLxD,UAAU,GAAG,CAACD,MAAM,CAACE,cAAc,EAAEF,MAAM,CAAC0D,eAAe,CAAC;QAC9D;MACF,CAAC,MAAM,IAAIL,UAAU,CAACzC,MAAM,KAAK,CAAC,EAAE;QAClC,QAAQsC,KAAK;UACX,KAAK,CAAC;YACJ/C,QAAQ,GAAGH,MAAM,CAACuD,IAAI;YACtBtD,UAAU,GAAG,CAACD,MAAM,CAAC2D,eAAe,EAAE3D,MAAM,CAAC4D,iBAAiB,CAAC;YAC/D;UACF,KAAK,CAAC;YACJzD,QAAQ,GAAGH,MAAM,CAACwD,IAAI;YACtBvD,UAAU,GAAG,CACXD,MAAM,CAAC2D,eAAe,EACtB3D,MAAM,CAAC6D,cAAc,EACrB7D,MAAM,CAACyD,gBAAgB,CACxB;YACD;UACF,KAAK,CAAC;YACJtD,QAAQ,GAAGH,MAAM,CAACwD,IAAI;YACtBvD,UAAU,GAAG,CACXD,MAAM,CAAC2D,eAAe,EACtB3D,MAAM,CAAC6D,cAAc,EACrB7D,MAAM,CAAC0D,eAAe,CACvB;YACD;UAEF;YACE;QACJ;MACF,CAAC,MAAM;QACL,QAAQR,KAAK;UACX,KAAK,CAAC;YACJ/C,QAAQ,GAAGH,MAAM,CAACuD,IAAI;YACtBtD,UAAU,GAAG,CACXD,MAAM,CAAC8D,oBAAoB,EAC3B9D,MAAM,CAAC4D,iBAAiB,CACzB;YACD;UACF,KAAK,CAAC;YACJzD,QAAQ,GAAGH,MAAM,CAACI,IAAI;YACtBH,UAAU,GAAG,CACXD,MAAM,CAAC+D,cAAc,EACrB/D,MAAM,CAAC6D,cAAc,EACrB7D,MAAM,CAACyD,gBAAgB,CACxB;YACD;UACF,KAAK,CAAC;YACJtD,QAAQ,GAAGH,MAAM,CAACI,IAAI;YACtBH,UAAU,GAAG,CACXD,MAAM,CAAC+D,cAAc,EACrB/D,MAAM,CAAC6D,cAAc,EACrB7D,MAAM,CAAC0D,eAAe,EACtB1D,MAAM,CAACyD,gBAAgB,CACxB;YACD;UACF,KAAK,CAAC;YACJtD,QAAQ,GAAGH,MAAM,CAACI,IAAI;YACtBH,UAAU,GAAG,CACXD,MAAM,CAAC+D,cAAc,EACrB/D,MAAM,CAAC6D,cAAc,EACrB7D,MAAM,CAAC0D,eAAe,CACvB;YACD;UACF;YACE;QACJ;MACF;MAEA,oBACEM,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAE/D,QAAS;QAACgE,GAAG,EAAEjD;MAAK,gBAC/B8C,KAAA,CAAAC,aAAA,CAACvG,wBAAwB;QAAC0G,OAAO,EAAEA,CAAA,KAAMnB,YAAY,CAACC,KAAK;MAAE,gBAC3Dc,KAAA,CAAAC,aAAA,CAACtG,IAAI,QACFuB,UAAU,CAAC0B,MAAM,GAAG,CAAC,IAAIyD,gBAAgB,CAAC,CAAC,eAC5CL,KAAA,CAAAC,aAAA,CAAC3G,KAAK;QACJ4G,KAAK,EAAEjE,UAAW;QAClBqE,MAAM,EAAE;UACNtD,GAAG,EAAEE;QACP;MAAE,CACH,CAAC,EACDgC,KAAK,KAAK,CAAC,IAAIlE,UAAU,CAAC4B,MAAM,GAAG,CAAC,iBACnCoD,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAACuE;MAAQ,gBAC1BP,KAAA,CAAAC,aAAA,CAACzG,IAAI;QAAC0G,KAAK,EAAElE,MAAM,CAACwE;MAAY,GAAE,KAChCxF,UAAU,CAAC4B,MAAM,GAAG,CAAC,EACd,CACL,CAEJ,CACkB,CACtB,CAAC;IAEX,CAAC,CAAC;IACF,IAAI0C,YAAY,CAAC1C,MAAM,GAAG,CAAC,EAAE;MAC3B,oBACEoD,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAACyE;MAAW,gBAC7BT,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAAC0E;MAAI,GAAEpB,YAAmB,CACzC,CAAC;IAEX,CAAC,MAAM,IAAIA,YAAY,CAAC1C,MAAM,KAAK,CAAC,EAAE;MACpC,oBACEoD,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAE,CAAClE,MAAM,CAACyE,UAAU;MAAE,gBAC/BT,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAAC0E;MAAI,GAAEpB,YAAY,CAACqB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAQ,CAAC,eAC1DX,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAAC0E;MAAI,GAAEpB,YAAY,CAACqB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAQ,CACrD,CAAC;IAEX,CAAC,MAAM;MACL,oBACEX,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAACyE;MAAW,gBAC7BT,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAAC0E;MAAI,GAAEpB,YAAY,CAACqB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAQ,CAAC,eAC1DX,KAAA,CAAAC,aAAA,CAACtG,IAAI;QAACuG,KAAK,EAAElE,MAAM,CAAC0E;MAAI,GAAEpB,YAAY,CAACqB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAQ,CACrD,CAAC;IAEX;EACF;EAEA,SAASN,gBAAgBA,CAAA,EAAG;IAC1B,oBACEL,KAAA,CAAAC,aAAA,CAACtG,IAAI;MAACuG,KAAK,EAAElE,MAAM,CAAC4E;IAAW,gBAC7BZ,KAAA,CAAAC,aAAA,CAACrG,MAAM;MAACiH,GAAG,EAAE3G,OAAQ;MAAC4G,KAAK,EAAC,IAAI;MAACC,MAAM,EAAC;IAAI,CAAE,CAC1C,CAAC;EAEX;EAEA,SAASC,iBAAiBA,CAAC;IAAElF,UAAU,EAAEmF;EAAS,CAAC,EAAE;IACnD,oBACEjB,KAAA,CAAAC,aAAA,CAACtG,IAAI;MAACuG,KAAK,EAAElE,MAAM,CAACkF;IAAgB,gBAClClB,KAAA,CAAAC,aAAA,CAACtG,IAAI;MAACuG,KAAK,EAAElE,MAAM,CAACmF;IAAU,gBAC5BnB,KAAA,CAAAC,aAAA,CAACxG,gBAAgB;MACfyG,KAAK,EAAElE,MAAM,CAACoF,YAAa;MAC3BhB,OAAO,EAAEA,CAAA,KAAMvE,qBAAqB,CAAC,KAAK;IAAE,gBAE5CmE,KAAA,CAAAC,aAAA,CAACzG,IAAI;MAAC0G,KAAK,EAAElE,MAAM,CAACqF;IAAS,GAAC,GAAO,CACrB,CACd,CAAC,eACPrB,KAAA,CAAAC,aAAA,CAACtG,IAAI;MAACuG,KAAK,EAAElE,MAAM,CAACmF;IAAU,gBAC5BnB,KAAA,CAAAC,aAAA,CAACzG,IAAI;MAAC0G,KAAK,EAAElE,MAAM,CAACsF;IAAO,GACxBL,QAAQ,GAAG,CAAC,EAAC,GACd,EAACzF,kBAAkB,CAACoB,MAAM,IAAIlB,kBAAkB,CAACkB,MAC7C,CACF,CAAC,eACPoD,KAAA,CAAAC,aAAA,CAACtG,IAAI;MAACuG,KAAK,EAAElE,MAAM,CAACmF;IAAU,CAAE,CAC5B,CAAC;EAEX;EAEA,oBACEnB,KAAA,CAAAC,aAAA,CAAChH,QAAQ,QACNqC,YAAY,CAACsB,MAAM,IAAI,CAAC,iBACvBoD,KAAA,CAAAC,aAAA,CAAC1G,SAAS;IAAC6G,OAAO,EAAE1F;EAAY,GAC7BD,QAAQ,IAAI,CAAAG,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEgC,MAAM,MAAK,CAAC,iBACtCoD,KAAA,CAAAC,aAAA,CAAC7F,WAAW;IACVmH,IAAI,EAAE9G,QAAS;IACfK,kBAAkB,EAAE,CAAC,GAAGA,kBAAkB;EAAE,CAC7C,CACF,EACAL,QAAQ,IAAI,CAAAG,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEgC,MAAM,IAAG,CAAC,iBACpCoD,KAAA,CAAAC,aAAA,CAAC5F,qBAAqB;IACpBI,QAAQ,EAAEA,QAAS;IACnBK,kBAAkB,EAAE,CAAC,GAAGA,kBAAkB;EAAE,CAC7C,CAEM,CACZ,EACAM,OAAO,CAACwB,MAAM,GAAG,CAAC,gBACjBoD,KAAA,CAAAC,aAAA,CAAC3F,WAAW;IACVE,IAAI,EAAEA,IAAK;IACXoE,MAAM,EAAExD,OAAO,CAAC,CAAC,CAAC,CAACwD,MAAO;IAC1BjE,YAAY,EAAEA,YAAa;IAC3BE,gBAAgB,EAAEA;EAAiB,CACpC,CAAC,GACAS,YAAY,CAACsB,MAAM,GAAG,CAAC,gBACzBoD,KAAA,CAAAC,aAAA,CAAC9F,iBAAiB;IAChBK,IAAI,EAAEA,IAAK;IACXE,WAAW,EAAEA,WAAY;IACzBmE,MAAM,EAAEvD,YAAY,CAAC,CAAC;EAAE,CACzB,CAAC,GAEF6D,gBAAgB,CAAC,CAClB,eACDa,KAAA,CAAAC,aAAA,CAACjG,SAAS;IACR4D,MAAM,EACJpC,kBAAkB,CAACoB,MAAM,GAAG,CAAC,GACzBpB,kBAAkB,GAClBE,kBACL;IACDI,UAAU,EAAEA,UAAW;IACvB0F,OAAO,EAAE5F,gBAAiB;IAC1B6F,cAAc,EAAEA,CAAA,KAAM5F,qBAAqB,CAAC,KAAK,CAAE;IACnD6F,aAAa,EAAExG,UAAU,CAAC0B,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,KAAM;IACpD1B,UAAU,EAAEA,UAAW;IACvByG,eAAe,EAAEX;EAAkB,CACpC,CACO,CAAC;AAEf,CAAC;AAED,4BAAe9H,IAAI,CAACqB,WAAW,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Fragment","memo","useCallback","useEffect","useRef","useState","Pressable","Text","TouchableOpacity","View","useStyles","useAuth","getPostById","ImageView","SvgXml","clearIcon","useUIKitSelector","PostMediaElement","LivestreamContent","LinkPreview","RenderTextWithMention","PollContent","MediaViewer","PostContent","post","textPost","onPressPost","disabledPoll","childrenPosts","showedAllOptions","mentionPositionArr","apiRegion","imagePosts","setImagePosts","videoPosts","setVideoPosts","pollIds","setPollIds","livestreamId","setLivestreamId","imagePostsFullSize","setImagePostsFullSize","videoPostsFullSize","setVideoPostsFullSize","visibleFullImage","setIsVisibleFullImage","imageIndex","setImageIndex","videoViewerIndex","setVideoViewerIndex","mediaLoading","setMediaLoading","length","mediaChildPosts","setMediaChildPosts","mediaControlsRef","viewerIndexRef","styles","currentPostdetail","state","postDetail","postList","postListGlobal","globalFeed","feed","updatedUrls","map","url","uri","replace","item","thumbnailFileId","getPostInfo","response","Promise","all","id","data","childrenPost","dataType","images","videos","polls","livestreams","media","forEach","_item$data","_item$data2","fileId","includes","push","videoFileId","original","isExisted","some","video","poll","pollId","roomId","error","console","log","onClickImage","index","current","closeFullScreen","_mediaControlsRef$cur","slideTo","openVideoViewer","closeVideoViewer","lastIndex","_mediaControlsRef$cur2","videoViewerItems","_item$videoFileId","type","renderImageHeader","imgIndex","React","createElement","style","headerContainer","flexWidth","closebtnIcon","onPress","xml","width","height","header","text","posts","onImageClick","onVideoClick","controlsRef","loading","visible","onRequestClose","onImageIndexChange","idx","isVideoButton","HeaderComponent","items","initialIndex","onClose"],"sourceRoot":"../../../../../src","sources":["social/components/PostContent/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { Fragment, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { Image, Pressable, ScrollView, View } from 'react-native';
|
|
3
|
+
import LoadingImage from '../LoadingImage';
|
|
4
|
+
import LoadingVideo from '../LoadingVideo';
|
|
5
|
+
import { MediaViewer } from '../MediaViewer';
|
|
6
|
+
import { getFrameRatio, getVideoDisplayDims, FRAME_RATIO_VALUE, DEFAULT_FRAME_RATIO } from '../../utils/getFrameRatio';
|
|
7
|
+
import { useStyles } from './styles';
|
|
8
|
+
|
|
9
|
+
// Peek scroll: next slide peeks by (PEEK_INSET − SPACE_BETWEEN). The composer
|
|
10
|
+
// body (PostComposer `inputWrapper`) already insets everything 12px
|
|
11
|
+
// horizontally, so this component adds NO side padding of its own — it only
|
|
12
|
+
// sizes the slide so the peek lands at the spec's 31px (SelectedMediaComponent
|
|
13
|
+
// REQ-003a). slideWidth = trackWidth − PEEK_INSET; peek = PEEK_INSET − 8 = 31.
|
|
14
|
+
const PEEK_INSET = 39;
|
|
15
|
+
const SPACE_BETWEEN = 8;
|
|
16
|
+
export function SelectedMediaComponent({
|
|
17
|
+
mediaType,
|
|
18
|
+
media,
|
|
19
|
+
onClose,
|
|
20
|
+
onLoadFinish,
|
|
21
|
+
onUploadError,
|
|
22
|
+
isEditMode = false,
|
|
23
|
+
setIsUploading
|
|
24
|
+
}) {
|
|
25
|
+
const styles = useStyles();
|
|
26
|
+
const scrollRef = useRef(null);
|
|
27
|
+
const [trackWidth, setTrackWidth] = useState(0);
|
|
28
|
+
const [ratio, setRatio] = useState(DEFAULT_FRAME_RATIO);
|
|
29
|
+
// Index of the frame the full-screen viewer was opened from (null = closed).
|
|
30
|
+
const [viewerIndex, setViewerIndex] = useState(null);
|
|
31
|
+
const total = media.length;
|
|
32
|
+
const isCarousel = total > 1;
|
|
33
|
+
const aspectRatio = FRAME_RATIO_VALUE[ratio];
|
|
34
|
+
const slideWidth = trackWidth > 0 ? trackWidth - PEEK_INSET : 0;
|
|
35
|
+
|
|
36
|
+
// Frames follow the aspect ratio classified from the item currently in first
|
|
37
|
+
// position (REQ-003d/003e); recalculated when the first item changes.
|
|
38
|
+
const first = media[0];
|
|
39
|
+
const firstUrl = first === null || first === void 0 ? void 0 : first.url;
|
|
40
|
+
const firstWidth = first === null || first === void 0 ? void 0 : first.width;
|
|
41
|
+
const firstHeight = first === null || first === void 0 ? void 0 : first.height;
|
|
42
|
+
const firstRotation = first === null || first === void 0 ? void 0 : first.rotation;
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (!firstUrl) {
|
|
45
|
+
setRatio(DEFAULT_FRAME_RATIO);
|
|
46
|
+
return undefined;
|
|
47
|
+
}
|
|
48
|
+
// Video: classify from the record/extractor dims, applying rotation
|
|
49
|
+
// (REQ-003d1 — MUST NOT silently fall back to 1:1 for video). Shares the
|
|
50
|
+
// one rotation derivation with the published carousel (REQ-SDK-002b).
|
|
51
|
+
if (mediaType === 'video') {
|
|
52
|
+
if (firstWidth && firstHeight) {
|
|
53
|
+
const {
|
|
54
|
+
width,
|
|
55
|
+
height
|
|
56
|
+
} = getVideoDisplayDims({
|
|
57
|
+
width: firstWidth,
|
|
58
|
+
height: firstHeight,
|
|
59
|
+
rotation: firstRotation
|
|
60
|
+
});
|
|
61
|
+
setRatio(getFrameRatio(width, height));
|
|
62
|
+
} else {
|
|
63
|
+
// Log the fallback so a square frame is never silently ambiguous
|
|
64
|
+
// (REQ-003d2).
|
|
65
|
+
console.log('[SelectedMediaComponent] video has no dimensions; defaulting ratio');
|
|
66
|
+
setRatio(DEFAULT_FRAME_RATIO);
|
|
67
|
+
}
|
|
68
|
+
return undefined;
|
|
69
|
+
}
|
|
70
|
+
// Image: prefer carried dims, else measure the source.
|
|
71
|
+
if (firstWidth && firstHeight) {
|
|
72
|
+
setRatio(getFrameRatio(firstWidth, firstHeight));
|
|
73
|
+
return undefined;
|
|
74
|
+
}
|
|
75
|
+
let active = true;
|
|
76
|
+
Image.getSize(firstUrl, (width, height) => {
|
|
77
|
+
if (active) setRatio(getFrameRatio(width, height));
|
|
78
|
+
}, () => {
|
|
79
|
+
if (active) setRatio(DEFAULT_FRAME_RATIO);
|
|
80
|
+
});
|
|
81
|
+
return () => {
|
|
82
|
+
active = false;
|
|
83
|
+
};
|
|
84
|
+
}, [firstUrl, firstWidth, firstHeight, firstRotation, mediaType]);
|
|
85
|
+
const onLayout = event => {
|
|
86
|
+
const width = event.nativeEvent.layout.width;
|
|
87
|
+
if (width && width !== trackWidth) setTrackWidth(width);
|
|
88
|
+
};
|
|
89
|
+
const viewerItems = media.map(m => ({
|
|
90
|
+
type: mediaType,
|
|
91
|
+
uri: m.url
|
|
92
|
+
}));
|
|
93
|
+
|
|
94
|
+
// PDT-4310/4312: on close, return to the frame originally tapped from — not
|
|
95
|
+
// the last frame viewed in full screen.
|
|
96
|
+
const handleCloseViewer = () => {
|
|
97
|
+
const tapped = viewerIndex ?? 0;
|
|
98
|
+
setViewerIndex(null);
|
|
99
|
+
if (isCarousel && slideWidth > 0) {
|
|
100
|
+
var _scrollRef$current;
|
|
101
|
+
(_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.scrollTo({
|
|
102
|
+
x: tapped * (slideWidth + SPACE_BETWEEN),
|
|
103
|
+
animated: false
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
const renderFrame = (item, index) => /*#__PURE__*/React.createElement(View, {
|
|
108
|
+
style: [styles.selectedMedia__frame, {
|
|
109
|
+
aspectRatio
|
|
110
|
+
}]
|
|
111
|
+
}, mediaType === 'video' ? /*#__PURE__*/React.createElement(LoadingVideo, {
|
|
112
|
+
carousel: true,
|
|
113
|
+
source: item.url,
|
|
114
|
+
onClose: onClose,
|
|
115
|
+
index: index,
|
|
116
|
+
onLoadFinish: onLoadFinish,
|
|
117
|
+
onUploadError: onUploadError,
|
|
118
|
+
isUploaded: item.isUploaded,
|
|
119
|
+
fileId: item.fileId,
|
|
120
|
+
thumbNail: item.thumbNail,
|
|
121
|
+
fileCount: total,
|
|
122
|
+
isEditMode: isEditMode,
|
|
123
|
+
postId: item.postId,
|
|
124
|
+
setIsUploading: setIsUploading,
|
|
125
|
+
onPlay: () => setViewerIndex(index)
|
|
126
|
+
}) : /*#__PURE__*/React.createElement(Pressable, {
|
|
127
|
+
style: styles.selectedMedia__mediaButton,
|
|
128
|
+
onPress: () => setViewerIndex(index)
|
|
129
|
+
}, /*#__PURE__*/React.createElement(LoadingImage, {
|
|
130
|
+
carousel: true,
|
|
131
|
+
source: item.url,
|
|
132
|
+
onClose: onClose,
|
|
133
|
+
index: index,
|
|
134
|
+
onLoadFinish: onLoadFinish,
|
|
135
|
+
onUploadError: onUploadError,
|
|
136
|
+
isUploaded: item.isUploaded,
|
|
137
|
+
fileId: item.fileId,
|
|
138
|
+
fileCount: total,
|
|
139
|
+
isEditMode: isEditMode,
|
|
140
|
+
postId: item.postId,
|
|
141
|
+
setIsUploading: setIsUploading
|
|
142
|
+
})));
|
|
143
|
+
if (total === 0) return null;
|
|
144
|
+
return /*#__PURE__*/React.createElement(Fragment, null, !isCarousel ? /*#__PURE__*/React.createElement(View, {
|
|
145
|
+
style: styles.selectedMedia
|
|
146
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
147
|
+
style: styles.selectedMedia__track,
|
|
148
|
+
onLayout: onLayout
|
|
149
|
+
}, renderFrame(media[0], 0))) : /*#__PURE__*/React.createElement(View, {
|
|
150
|
+
style: styles.selectedMedia
|
|
151
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
152
|
+
style: styles.selectedMedia__track,
|
|
153
|
+
onLayout: onLayout
|
|
154
|
+
}, slideWidth > 0 && /*#__PURE__*/React.createElement(ScrollView, {
|
|
155
|
+
ref: scrollRef,
|
|
156
|
+
horizontal: true,
|
|
157
|
+
showsHorizontalScrollIndicator: false,
|
|
158
|
+
decelerationRate: "fast",
|
|
159
|
+
snapToInterval: slideWidth + SPACE_BETWEEN,
|
|
160
|
+
snapToAlignment: "start"
|
|
161
|
+
}, media.map((item, index) => /*#__PURE__*/React.createElement(View, {
|
|
162
|
+
key: `${item.url}-${index}`,
|
|
163
|
+
style: [styles.selectedMedia__slide, {
|
|
164
|
+
width: slideWidth,
|
|
165
|
+
marginRight: index < total - 1 ? SPACE_BETWEEN : 0
|
|
166
|
+
}]
|
|
167
|
+
}, renderFrame(item, index)))))), /*#__PURE__*/React.createElement(MediaViewer, {
|
|
168
|
+
visible: viewerIndex !== null,
|
|
169
|
+
items: viewerItems,
|
|
170
|
+
initialIndex: viewerIndex ?? 0,
|
|
171
|
+
onClose: handleCloseViewer
|
|
172
|
+
}));
|
|
173
|
+
}
|
|
174
|
+
//# sourceMappingURL=SelectedMediaComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Fragment","useEffect","useRef","useState","Image","Pressable","ScrollView","View","LoadingImage","LoadingVideo","MediaViewer","getFrameRatio","getVideoDisplayDims","FRAME_RATIO_VALUE","DEFAULT_FRAME_RATIO","useStyles","PEEK_INSET","SPACE_BETWEEN","SelectedMediaComponent","mediaType","media","onClose","onLoadFinish","onUploadError","isEditMode","setIsUploading","styles","scrollRef","trackWidth","setTrackWidth","ratio","setRatio","viewerIndex","setViewerIndex","total","length","isCarousel","aspectRatio","slideWidth","first","firstUrl","url","firstWidth","width","firstHeight","height","firstRotation","rotation","undefined","console","log","active","getSize","onLayout","event","nativeEvent","layout","viewerItems","map","m","type","uri","handleCloseViewer","tapped","_scrollRef$current","current","scrollTo","x","animated","renderFrame","item","index","React","createElement","style","selectedMedia__frame","carousel","source","isUploaded","fileId","thumbNail","fileCount","postId","onPlay","selectedMedia__mediaButton","onPress","selectedMedia","selectedMedia__track","ref","horizontal","showsHorizontalScrollIndicator","decelerationRate","snapToInterval","snapToAlignment","key","selectedMedia__slide","marginRight","visible","items","initialIndex"],"sourceRoot":"../../../../../src","sources":["social/components/SelectedMediaComponent/SelectedMediaComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SelectedMediaComponent"],"sourceRoot":"../../../../../src","sources":["social/components/SelectedMediaComponent/index.ts"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,0BAA0B","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { useTheme } from 'react-native-paper';
|
|
3
|
+
// Values map 1:1 from web PR #1830 SelectedMediaComponent.module.css (1rem = 16dp).
|
|
4
|
+
// Web composer preview: peek scroll row (slidesPerView=auto, spaceBetween 8,
|
|
5
|
+
// slide width = calc(100% - 3.4375rem) = track - 55). NO counter, NO dots.
|
|
6
|
+
export const useStyles = () => {
|
|
7
|
+
const theme = useTheme();
|
|
8
|
+
return StyleSheet.create({
|
|
9
|
+
selectedMedia: {
|
|
10
|
+
width: '100%',
|
|
11
|
+
paddingVertical: 12 // web: padding 0.75rem 0
|
|
12
|
+
},
|
|
13
|
+
selectedMedia__track: {
|
|
14
|
+
position: 'relative',
|
|
15
|
+
width: '100%'
|
|
16
|
+
},
|
|
17
|
+
selectedMedia__slide: {
|
|
18
|
+
// width + marginRight (spaceBetween 8) set inline from measured track width
|
|
19
|
+
},
|
|
20
|
+
selectedMedia__frame: {
|
|
21
|
+
width: '100%',
|
|
22
|
+
overflow: 'hidden',
|
|
23
|
+
// web: no border-radius; background var(--asc-color-base-shade4)
|
|
24
|
+
backgroundColor: theme.colors.baseShade4
|
|
25
|
+
},
|
|
26
|
+
selectedMedia__media: {
|
|
27
|
+
width: '100%',
|
|
28
|
+
height: '100%'
|
|
29
|
+
},
|
|
30
|
+
selectedMedia__mediaButton: {
|
|
31
|
+
width: '100%',
|
|
32
|
+
height: '100%'
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","create","selectedMedia","width","paddingVertical","selectedMedia__track","position","selectedMedia__slide","selectedMedia__frame","overflow","backgroundColor","colors","baseShade4","selectedMedia__media","height","selectedMedia__mediaButton"],"sourceRoot":"../../../../../src","sources":["social/components/SelectedMediaComponent/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAa,CAAC;EAEpC,OAAOD,UAAU,CAACI,MAAM,CAAC;IACvBC,aAAa,EAAE;MACbC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAE,EAAE,CAAE;IACvB,CAAC;IACDC,oBAAoB,EAAE;MACpBC,QAAQ,EAAE,UAAU;MACpBH,KAAK,EAAE;IACT,CAAC;IACDI,oBAAoB,EAAE;MACpB;IAAA,CACD;IACDC,oBAAoB,EAAE;MACpBL,KAAK,EAAE,MAAM;MACbM,QAAQ,EAAE,QAAQ;MAClB;MACAC,eAAe,EAAEV,KAAK,CAACW,MAAM,CAACC;IAChC,CAAC;IACDC,oBAAoB,EAAE;MACpBV,KAAK,EAAE,MAAM;MACbW,MAAM,EAAE;IACV,CAAC;IACDC,0BAA0B,EAAE;MAC1BZ,KAAK,EAAE,MAAM;MACbW,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["MAX_INDICATOR_DOTS","MEDIA_ATTACHMENT_CAP","SWIPE_COMMIT_PX"],"sourceRoot":"../../../../src","sources":["social/constants/index.ts"],"mappings":"AAAA;AACA,OAAO,MAAMA,kBAAkB,GAAG,CAAC;AACnC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,eAAe,GAAG,EAAE","ignoreList":[]}
|