@zezosoft/zezo-ott-react-native-ui-kit 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/module/assets/animations/heart.json +788 -0
- package/lib/module/components/Auth/QrLogin/QrLogin.js +267 -0
- package/lib/module/components/Auth/QrLogin/QrLogin.js.map +1 -0
- package/lib/module/components/Auth/QrLogin/components/QrViewArea.js +178 -0
- package/lib/module/components/Auth/QrLogin/components/QrViewArea.js.map +1 -0
- package/lib/module/components/Auth/index.js +3 -1
- package/lib/module/components/Auth/index.js.map +1 -1
- package/lib/module/components/Headers/AppHeader.js +1 -1
- package/lib/module/components/Headers/AppHeader.js.map +1 -1
- package/lib/module/components/Headers/One.js +1 -1
- package/lib/module/components/Headers/One.js.map +1 -1
- package/lib/module/components/Headers/Two.js +1 -1
- package/lib/module/components/Headers/Two.js.map +1 -1
- package/lib/module/components/Reels/ReelsSeries/Model/Episodes.js +110 -0
- package/lib/module/components/Reels/ReelsSeries/Model/Episodes.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js +216 -0
- package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js +182 -0
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js +203 -0
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/ReelsSeries.js +121 -0
- package/lib/module/components/Reels/ReelsSeries/ReelsSeries.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/ReelsSeriesItem.js +290 -0
- package/lib/module/components/Reels/ReelsSeries/ReelsSeriesItem.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/types.js +2 -0
- package/lib/module/components/Reels/ReelsSeries/types.js.map +1 -0
- package/lib/module/components/Reels/index.js +11 -0
- package/lib/module/components/Reels/index.js.map +1 -0
- package/lib/module/components/User/DeviceSessions/DeviceSessions.js +8 -0
- package/lib/module/components/User/DeviceSessions/DeviceSessions.js.map +1 -1
- package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js +258 -0
- package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js.map +1 -0
- package/lib/module/components/User/components/UserSection.js +8 -13
- package/lib/module/components/User/components/UserSection.js.map +1 -1
- package/lib/module/components/User/index.js +2 -1
- package/lib/module/components/User/index.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/theme/ThemeProvider.js +13 -10
- package/lib/module/theme/ThemeProvider.js.map +1 -1
- package/lib/module/theme/themes.js +2 -0
- package/lib/module/theme/themes.js.map +1 -1
- package/lib/module/utils/Formater.js +17 -0
- package/lib/module/utils/Formater.js.map +1 -0
- package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts +32 -0
- package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts.map +1 -0
- package/lib/typescript/src/components/Auth/QrLogin/components/QrViewArea.d.ts +15 -0
- package/lib/typescript/src/components/Auth/QrLogin/components/QrViewArea.d.ts.map +1 -0
- package/lib/typescript/src/components/Auth/index.d.ts +1 -0
- package/lib/typescript/src/components/Auth/index.d.ts.map +1 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/Episodes.d.ts +12 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/Episodes.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/Synopsis.d.ts +9 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/Synopsis.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.d.ts +13 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesOverlay.d.ts +18 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesOverlay.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeries.d.ts +15 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeries.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeriesItem.d.ts +18 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeriesItem.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/types.d.ts +24 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/types.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/index.d.ts +8 -0
- package/lib/typescript/src/components/Reels/index.d.ts.map +1 -0
- package/lib/typescript/src/components/User/DeviceSessions/DeviceSessions.d.ts +1 -0
- package/lib/typescript/src/components/User/DeviceSessions/DeviceSessions.d.ts.map +1 -1
- package/lib/typescript/src/components/User/ProfileUpdate/ProfileUpdate.d.ts +27 -0
- package/lib/typescript/src/components/User/ProfileUpdate/ProfileUpdate.d.ts.map +1 -0
- package/lib/typescript/src/components/User/components/UserSection.d.ts.map +1 -1
- package/lib/typescript/src/components/User/index.d.ts +2 -1
- package/lib/typescript/src/components/User/index.d.ts.map +1 -1
- package/lib/typescript/src/components/index.d.ts +1 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/lib/typescript/src/theme/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/src/theme/themes.d.ts +1 -0
- package/lib/typescript/src/theme/themes.d.ts.map +1 -1
- package/lib/typescript/src/utils/Formater.d.ts +2 -0
- package/lib/typescript/src/utils/Formater.d.ts.map +1 -0
- package/package.json +13 -5
- package/src/assets/animations/heart.json +788 -0
- package/src/components/Auth/QrLogin/QrLogin.tsx +306 -0
- package/src/components/Auth/QrLogin/components/QrViewArea.tsx +213 -0
- package/src/components/Auth/index.ts +2 -0
- package/src/components/Headers/AppHeader.tsx +1 -1
- package/src/components/Headers/One.tsx +1 -1
- package/src/components/Headers/Two.tsx +1 -1
- package/src/components/Reels/ReelsSeries/Model/Episodes.tsx +133 -0
- package/src/components/Reels/ReelsSeries/Model/Synopsis.tsx +249 -0
- package/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.tsx +209 -0
- package/src/components/Reels/ReelsSeries/ReelSeriesOverlay.tsx +185 -0
- package/src/components/Reels/ReelsSeries/ReelsSeries.tsx +163 -0
- package/src/components/Reels/ReelsSeries/ReelsSeriesItem.tsx +333 -0
- package/src/components/Reels/ReelsSeries/types.ts +27 -0
- package/src/components/Reels/index.ts +8 -0
- package/src/components/User/DeviceSessions/DeviceSessions.tsx +11 -0
- package/src/components/User/ProfileUpdate/ProfileUpdate.tsx +265 -0
- package/src/components/User/components/UserSection.tsx +10 -13
- package/src/components/User/index.ts +3 -1
- package/src/components/index.ts +1 -0
- package/src/theme/ThemeProvider.tsx +12 -9
- package/src/theme/themes.ts +3 -0
- package/src/utils/Formater.ts +14 -0
- /package/lib/module/assets/{img → svg}/h.svg +0 -0
- /package/src/assets/{img → svg}/h.svg +0 -0
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
|
|
5
|
+
import { Heart, Forward, ChevronRight, ListVideo } from 'lucide-react-native';
|
|
6
|
+
import { moderateScale, verticalScale } from 'react-native-size-matters';
|
|
7
|
+
import { RFValue } from 'react-native-responsive-fontsize';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const ReelSeriesOverlay = ({
|
|
10
|
+
data,
|
|
11
|
+
currentTime,
|
|
12
|
+
duration,
|
|
13
|
+
onLikePress,
|
|
14
|
+
onEpisodesPress,
|
|
15
|
+
onSharePress,
|
|
16
|
+
activeEpisodeIndex
|
|
17
|
+
}) => {
|
|
18
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
19
|
+
style: styles.overlay,
|
|
20
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
21
|
+
style: styles.rightIcons,
|
|
22
|
+
children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
23
|
+
style: styles.iconBox,
|
|
24
|
+
onPress: onLikePress,
|
|
25
|
+
activeOpacity: 0.7,
|
|
26
|
+
children: [/*#__PURE__*/_jsx(Heart, {
|
|
27
|
+
size: moderateScale(25),
|
|
28
|
+
color: data.isLiked ? 'red' : '#fff',
|
|
29
|
+
fill: data.isLiked ? 'red' : 'none'
|
|
30
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
31
|
+
style: [styles.iconLabel, {
|
|
32
|
+
color: '#fff'
|
|
33
|
+
}],
|
|
34
|
+
children: data.likes
|
|
35
|
+
})]
|
|
36
|
+
}), /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
37
|
+
style: styles.iconBox,
|
|
38
|
+
onPress: onEpisodesPress,
|
|
39
|
+
children: [/*#__PURE__*/_jsx(ListVideo, {
|
|
40
|
+
color: '#fff',
|
|
41
|
+
size: moderateScale(25)
|
|
42
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
43
|
+
style: [styles.iconLabel, {
|
|
44
|
+
color: '#fff'
|
|
45
|
+
}],
|
|
46
|
+
children: "Episodes"
|
|
47
|
+
})]
|
|
48
|
+
}), /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
49
|
+
style: styles.iconBox,
|
|
50
|
+
onPress: onSharePress,
|
|
51
|
+
children: [/*#__PURE__*/_jsx(Forward, {
|
|
52
|
+
color: '#fff',
|
|
53
|
+
size: moderateScale(25)
|
|
54
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
55
|
+
style: [styles.iconLabel, {
|
|
56
|
+
color: '#fff'
|
|
57
|
+
}],
|
|
58
|
+
children: "Share"
|
|
59
|
+
})]
|
|
60
|
+
})]
|
|
61
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
62
|
+
style: styles.titleBox,
|
|
63
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
64
|
+
style: [styles.title, {
|
|
65
|
+
color: '#fff'
|
|
66
|
+
}],
|
|
67
|
+
children: data.title.length <= 25 ? data.title : data.title.slice(0, 25) + '...'
|
|
68
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
69
|
+
numberOfLines: 2,
|
|
70
|
+
style: [styles.description, {
|
|
71
|
+
color: '#fff',
|
|
72
|
+
marginTop: 2.5,
|
|
73
|
+
opacity: 0.9
|
|
74
|
+
}],
|
|
75
|
+
children: data.description
|
|
76
|
+
})]
|
|
77
|
+
}), /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
78
|
+
style: [styles.episodesRow, {
|
|
79
|
+
backgroundColor: 'rgba(0,0,0,0.5)'
|
|
80
|
+
}],
|
|
81
|
+
onPress: onEpisodesPress,
|
|
82
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
83
|
+
style: styles.bottomLeft,
|
|
84
|
+
children: [/*#__PURE__*/_jsx(ListVideo, {
|
|
85
|
+
color: '#fff',
|
|
86
|
+
width: moderateScale(20),
|
|
87
|
+
height: moderateScale(20)
|
|
88
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
89
|
+
style: [styles.episodes, {
|
|
90
|
+
color: '#fff'
|
|
91
|
+
}],
|
|
92
|
+
children: [activeEpisodeIndex + 1, " / ", data.episodes.length, " Episodes"]
|
|
93
|
+
})]
|
|
94
|
+
}), /*#__PURE__*/_jsx(ChevronRight, {
|
|
95
|
+
color: '#fff',
|
|
96
|
+
size: moderateScale(22)
|
|
97
|
+
})]
|
|
98
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
99
|
+
style: styles.progressBar,
|
|
100
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
101
|
+
style: [styles.progressFill, {
|
|
102
|
+
width: duration > 0 ? `${currentTime / duration * 100}%` : '0%'
|
|
103
|
+
}]
|
|
104
|
+
}), duration > 0 && /*#__PURE__*/_jsx(View, {
|
|
105
|
+
style: [styles.progressKnob, {
|
|
106
|
+
left: `${currentTime / duration * 100}%`
|
|
107
|
+
}]
|
|
108
|
+
})]
|
|
109
|
+
})]
|
|
110
|
+
});
|
|
111
|
+
};
|
|
112
|
+
export default ReelSeriesOverlay;
|
|
113
|
+
const styles = StyleSheet.create({
|
|
114
|
+
overlay: {
|
|
115
|
+
flex: 1,
|
|
116
|
+
justifyContent: 'flex-end',
|
|
117
|
+
paddingBottom: verticalScale(12),
|
|
118
|
+
paddingHorizontal: moderateScale(12)
|
|
119
|
+
},
|
|
120
|
+
centerPlayPauseButton: {
|
|
121
|
+
position: 'absolute',
|
|
122
|
+
top: '50%',
|
|
123
|
+
left: '50%',
|
|
124
|
+
transform: [{
|
|
125
|
+
translateX: -25
|
|
126
|
+
}, {
|
|
127
|
+
translateY: -25
|
|
128
|
+
}],
|
|
129
|
+
width: moderateScale(50),
|
|
130
|
+
height: moderateScale(50),
|
|
131
|
+
borderRadius: moderateScale(25),
|
|
132
|
+
justifyContent: 'center',
|
|
133
|
+
alignItems: 'center',
|
|
134
|
+
zIndex: 5
|
|
135
|
+
},
|
|
136
|
+
rightIcons: {
|
|
137
|
+
position: 'absolute',
|
|
138
|
+
bottom: verticalScale(120),
|
|
139
|
+
right: moderateScale(10),
|
|
140
|
+
alignItems: 'center'
|
|
141
|
+
},
|
|
142
|
+
iconBox: {
|
|
143
|
+
marginVertical: verticalScale(8),
|
|
144
|
+
alignItems: 'center'
|
|
145
|
+
},
|
|
146
|
+
iconLabel: {
|
|
147
|
+
fontSize: RFValue(10),
|
|
148
|
+
marginTop: verticalScale(4)
|
|
149
|
+
},
|
|
150
|
+
titleBox: {
|
|
151
|
+
marginBottom: verticalScale(10)
|
|
152
|
+
},
|
|
153
|
+
following: {
|
|
154
|
+
fontSize: RFValue(10),
|
|
155
|
+
fontWeight: '500'
|
|
156
|
+
},
|
|
157
|
+
title: {
|
|
158
|
+
fontSize: RFValue(13),
|
|
159
|
+
fontWeight: '500'
|
|
160
|
+
},
|
|
161
|
+
description: {
|
|
162
|
+
fontSize: RFValue(10)
|
|
163
|
+
},
|
|
164
|
+
episodesRow: {
|
|
165
|
+
flexDirection: 'row',
|
|
166
|
+
justifyContent: 'space-between',
|
|
167
|
+
alignItems: 'center',
|
|
168
|
+
borderRadius: moderateScale(8),
|
|
169
|
+
paddingHorizontal: moderateScale(12),
|
|
170
|
+
paddingVertical: verticalScale(8),
|
|
171
|
+
marginBottom: verticalScale(6)
|
|
172
|
+
},
|
|
173
|
+
bottomLeft: {
|
|
174
|
+
flexDirection: 'row',
|
|
175
|
+
alignItems: 'center'
|
|
176
|
+
},
|
|
177
|
+
episodes: {
|
|
178
|
+
fontSize: RFValue(13),
|
|
179
|
+
marginLeft: moderateScale(10)
|
|
180
|
+
},
|
|
181
|
+
progressBar: {
|
|
182
|
+
height: verticalScale(2),
|
|
183
|
+
backgroundColor: 'rgba(255, 255, 255, 0.3)',
|
|
184
|
+
borderRadius: moderateScale(1)
|
|
185
|
+
},
|
|
186
|
+
progressFill: {
|
|
187
|
+
height: '100%',
|
|
188
|
+
backgroundColor: '#fff',
|
|
189
|
+
borderRadius: moderateScale(1)
|
|
190
|
+
},
|
|
191
|
+
progressKnob: {
|
|
192
|
+
position: 'absolute',
|
|
193
|
+
top: -verticalScale(2),
|
|
194
|
+
width: moderateScale(7),
|
|
195
|
+
height: moderateScale(7),
|
|
196
|
+
borderRadius: moderateScale(5),
|
|
197
|
+
backgroundColor: '#fff',
|
|
198
|
+
transform: [{
|
|
199
|
+
translateX: -5
|
|
200
|
+
}]
|
|
201
|
+
}
|
|
202
|
+
});
|
|
203
|
+
//# sourceMappingURL=ReelSeriesOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Heart","Forward","ChevronRight","ListVideo","moderateScale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","ReelSeriesOverlay","data","currentTime","duration","onLikePress","onEpisodesPress","onSharePress","activeEpisodeIndex","style","styles","overlay","children","rightIcons","iconBox","onPress","activeOpacity","size","color","isLiked","fill","iconLabel","likes","titleBox","title","length","slice","numberOfLines","description","marginTop","opacity","episodesRow","backgroundColor","bottomLeft","width","height","episodes","progressBar","progressFill","progressKnob","left","create","flex","justifyContent","paddingBottom","paddingHorizontal","centerPlayPauseButton","position","top","transform","translateX","translateY","borderRadius","alignItems","zIndex","bottom","right","marginVertical","fontSize","marginBottom","following","fontWeight","flexDirection","paddingVertical","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/Reels/ReelsSeries/ReelSeriesOverlay.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState, useCallback, useRef, useMemo } from 'react';
|
|
4
|
+
import { FlatList, Dimensions, StyleSheet, View, TouchableOpacity } from 'react-native';
|
|
5
|
+
import { debounce } from 'lodash';
|
|
6
|
+
import ReelsSeriesItem from "./ReelsSeriesItem.js";
|
|
7
|
+
import { verticalScale } from 'react-native-size-matters';
|
|
8
|
+
import { Search } from 'lucide-react-native';
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const {
|
|
11
|
+
height
|
|
12
|
+
} = Dimensions.get('window');
|
|
13
|
+
const TAB_BAR_HEIGHT = verticalScale(65);
|
|
14
|
+
const SCREEN_HEIGHT = height - TAB_BAR_HEIGHT;
|
|
15
|
+
export const ReelsSeries = ({
|
|
16
|
+
data,
|
|
17
|
+
autoScroll,
|
|
18
|
+
onEndReached,
|
|
19
|
+
onLikePress,
|
|
20
|
+
onEpisodesPress,
|
|
21
|
+
onSharePress,
|
|
22
|
+
onSearchPress,
|
|
23
|
+
isFocused = true
|
|
24
|
+
}) => {
|
|
25
|
+
const [currentVisibleIndex, setCurrentVisibleIndex] = useState(0);
|
|
26
|
+
const listRef = useRef(null);
|
|
27
|
+
const keyExtractor = useCallback(item => item.episodeId.toString(), []);
|
|
28
|
+
const hendlePlayEpisode = useCallback(index => {
|
|
29
|
+
if (index < 0 || index >= (data.episodes?.length || 0)) return;
|
|
30
|
+
listRef.current?.scrollToIndex({
|
|
31
|
+
index,
|
|
32
|
+
animated: true
|
|
33
|
+
});
|
|
34
|
+
setCurrentVisibleIndex(index);
|
|
35
|
+
}, [data.episodes]);
|
|
36
|
+
const renderReelList = useCallback(({
|
|
37
|
+
item,
|
|
38
|
+
index
|
|
39
|
+
}) => {
|
|
40
|
+
return /*#__PURE__*/_jsx(ReelsSeriesItem, {
|
|
41
|
+
reel: item,
|
|
42
|
+
data: data,
|
|
43
|
+
videoHeight: SCREEN_HEIGHT,
|
|
44
|
+
onLikePress: onLikePress,
|
|
45
|
+
onEpisodesPress: () => onEpisodesPress?.(item.episodeId),
|
|
46
|
+
onSharePress: () => onSharePress?.(item.episodeId),
|
|
47
|
+
isVisible: index === currentVisibleIndex && isFocused,
|
|
48
|
+
activeEpisodeIndex: currentVisibleIndex,
|
|
49
|
+
preload: Math.abs(currentVisibleIndex + 3) >= index,
|
|
50
|
+
onEpisodeSelect: hendlePlayEpisode,
|
|
51
|
+
autoScroll: autoScroll
|
|
52
|
+
}, item.episodeId);
|
|
53
|
+
}, [data, onLikePress, currentVisibleIndex, isFocused, hendlePlayEpisode, autoScroll, onEpisodesPress, onSharePress]);
|
|
54
|
+
const memoizedRenderReelList = useMemo(() => renderReelList, [renderReelList]);
|
|
55
|
+
const viewabilityConfig = useRef({
|
|
56
|
+
itemVisiblePercentThreshold: 80
|
|
57
|
+
}).current;
|
|
58
|
+
const onViewableItemsChanged = useRef(debounce(({
|
|
59
|
+
viewableItems
|
|
60
|
+
}) => {
|
|
61
|
+
if (viewableItems.length > 0) {
|
|
62
|
+
setCurrentVisibleIndex(viewableItems[0]?.index || 0);
|
|
63
|
+
}
|
|
64
|
+
}, 100)).current;
|
|
65
|
+
const getItemLayout = useCallback((_, index) => ({
|
|
66
|
+
length: SCREEN_HEIGHT,
|
|
67
|
+
offset: SCREEN_HEIGHT * index,
|
|
68
|
+
index
|
|
69
|
+
}), []);
|
|
70
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
71
|
+
style: [styles.container, {
|
|
72
|
+
backgroundColor: '#000'
|
|
73
|
+
}],
|
|
74
|
+
children: [onSearchPress && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
75
|
+
style: [styles.fixedSearch, {
|
|
76
|
+
top: verticalScale(40),
|
|
77
|
+
right: 16
|
|
78
|
+
}],
|
|
79
|
+
onPress: onSearchPress,
|
|
80
|
+
children: /*#__PURE__*/_jsx(Search, {
|
|
81
|
+
color: '#fff',
|
|
82
|
+
size: verticalScale(22)
|
|
83
|
+
})
|
|
84
|
+
}), /*#__PURE__*/_jsx(FlatList, {
|
|
85
|
+
ref: listRef,
|
|
86
|
+
data: data.episodes || [],
|
|
87
|
+
keyExtractor: keyExtractor,
|
|
88
|
+
renderItem: memoizedRenderReelList,
|
|
89
|
+
windowSize: 2,
|
|
90
|
+
onEndReached: onEndReached,
|
|
91
|
+
pagingEnabled: true,
|
|
92
|
+
viewabilityConfig: viewabilityConfig,
|
|
93
|
+
disableIntervalMomentum: true,
|
|
94
|
+
removeClippedSubviews: true,
|
|
95
|
+
maxToRenderPerBatch: 2,
|
|
96
|
+
onViewableItemsChanged: onViewableItemsChanged,
|
|
97
|
+
initialNumToRender: 1,
|
|
98
|
+
onEndReachedThreshold: 0.1,
|
|
99
|
+
decelerationRate: "fast",
|
|
100
|
+
showsVerticalScrollIndicator: false,
|
|
101
|
+
scrollEventThrottle: 16,
|
|
102
|
+
snapToInterval: SCREEN_HEIGHT,
|
|
103
|
+
snapToAlignment: "start",
|
|
104
|
+
getItemLayout: getItemLayout,
|
|
105
|
+
contentContainerStyle: {
|
|
106
|
+
paddingBottom: TAB_BAR_HEIGHT
|
|
107
|
+
}
|
|
108
|
+
})]
|
|
109
|
+
});
|
|
110
|
+
};
|
|
111
|
+
export default ReelsSeries;
|
|
112
|
+
const styles = StyleSheet.create({
|
|
113
|
+
container: {
|
|
114
|
+
flex: 1
|
|
115
|
+
},
|
|
116
|
+
fixedSearch: {
|
|
117
|
+
position: 'absolute',
|
|
118
|
+
zIndex: 10
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
//# sourceMappingURL=ReelsSeries.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","useCallback","useRef","useMemo","FlatList","Dimensions","StyleSheet","View","TouchableOpacity","debounce","ReelsSeriesItem","verticalScale","Search","jsx","_jsx","jsxs","_jsxs","height","get","TAB_BAR_HEIGHT","SCREEN_HEIGHT","ReelsSeries","data","autoScroll","onEndReached","onLikePress","onEpisodesPress","onSharePress","onSearchPress","isFocused","currentVisibleIndex","setCurrentVisibleIndex","listRef","keyExtractor","item","episodeId","toString","hendlePlayEpisode","index","episodes","length","current","scrollToIndex","animated","renderReelList","reel","videoHeight","isVisible","activeEpisodeIndex","preload","Math","abs","onEpisodeSelect","memoizedRenderReelList","viewabilityConfig","itemVisiblePercentThreshold","onViewableItemsChanged","viewableItems","getItemLayout","_","offset","style","styles","container","backgroundColor","children","fixedSearch","top","right","onPress","color","size","ref","renderItem","windowSize","pagingEnabled","disableIntervalMomentum","removeClippedSubviews","maxToRenderPerBatch","initialNumToRender","onEndReachedThreshold","decelerationRate","showsVerticalScrollIndicator","scrollEventThrottle","snapToInterval","snapToAlignment","contentContainerStyle","paddingBottom","create","flex","position","zIndex"],"sourceRoot":"../../../../../src","sources":["components/Reels/ReelsSeries/ReelsSeries.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,290 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState, useEffect, useRef, useCallback, memo } from 'react';
|
|
4
|
+
import { View, Dimensions, StyleSheet } from 'react-native';
|
|
5
|
+
import ReelSeriesOverlay from "./ReelSeriesOverlay.js";
|
|
6
|
+
import ReelSeriesDetailsModal from "./ReelSeriesDetailsModal.js";
|
|
7
|
+
import { Video } from 'react-native-video';
|
|
8
|
+
import FastImage from 'react-native-fast-image';
|
|
9
|
+
import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
|
|
10
|
+
import { Pause, Play } from 'lucide-react-native';
|
|
11
|
+
import { moderateScale } from 'react-native-size-matters';
|
|
12
|
+
import LottieView from 'lottie-react-native';
|
|
13
|
+
import DoubleTapAnim from '../../../assets/animations/heart.json';
|
|
14
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
+
const {
|
|
16
|
+
width
|
|
17
|
+
} = Dimensions.get('window');
|
|
18
|
+
const ReelItem = ({
|
|
19
|
+
reel,
|
|
20
|
+
data,
|
|
21
|
+
autoScroll,
|
|
22
|
+
videoHeight,
|
|
23
|
+
onLikePress,
|
|
24
|
+
onSharePress,
|
|
25
|
+
isVisible,
|
|
26
|
+
preload,
|
|
27
|
+
activeEpisodeIndex,
|
|
28
|
+
onEpisodeSelect
|
|
29
|
+
}) => {
|
|
30
|
+
const videoRef = useRef(null);
|
|
31
|
+
const timeoutRef = useRef(null);
|
|
32
|
+
const [isPaused, setIsPaused] = useState(false);
|
|
33
|
+
const [paused, setPaused] = useState(null);
|
|
34
|
+
const [modalVisible, setModalVisible] = useState(false);
|
|
35
|
+
const [currentTime, setCurrentTime] = useState(0);
|
|
36
|
+
const [duration, setDuration] = useState(0);
|
|
37
|
+
const [videoLoaded, setVideoLoaded] = useState(false);
|
|
38
|
+
const [showLikeAnim, setShowLikeAnim] = useState(false);
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
setIsPaused(!isVisible);
|
|
41
|
+
if (!isVisible) {
|
|
42
|
+
setPaused(null);
|
|
43
|
+
setVideoLoaded(false);
|
|
44
|
+
}
|
|
45
|
+
}, [isVisible]);
|
|
46
|
+
|
|
47
|
+
// Cleanup timeout on unmount
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
return () => {
|
|
50
|
+
if (timeoutRef.current) {
|
|
51
|
+
clearTimeout(timeoutRef.current);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
}, []);
|
|
55
|
+
const videoUri = reel.videoUrl || '';
|
|
56
|
+
// Handle like
|
|
57
|
+
const handleLikePress = useCallback(() => {
|
|
58
|
+
const newLiked = !data.isLiked;
|
|
59
|
+
data.isLiked = newLiked;
|
|
60
|
+
data.likes += newLiked ? 1 : -1;
|
|
61
|
+
if (newLiked) {
|
|
62
|
+
setShowLikeAnim(true);
|
|
63
|
+
setTimeout(() => setShowLikeAnim(false), 1200);
|
|
64
|
+
}
|
|
65
|
+
onLikePress?.(reel.episodeId, newLiked);
|
|
66
|
+
}, [data, onLikePress, reel.episodeId]);
|
|
67
|
+
const handleEpisodeSelect = index => {
|
|
68
|
+
if (data && index >= 0 && index < data.episodes.length) {
|
|
69
|
+
onEpisodeSelect(index);
|
|
70
|
+
setModalVisible(false);
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
const handleVideoLoad = () => {
|
|
74
|
+
setVideoLoaded(true);
|
|
75
|
+
};
|
|
76
|
+
const handleTogglePlay = useCallback(() => {
|
|
77
|
+
// Use functional updates to ensure we get the current state
|
|
78
|
+
setIsPaused(prevIsPaused => {
|
|
79
|
+
const newIsPaused = !prevIsPaused;
|
|
80
|
+
const currentState = newIsPaused ? 'paused' : 'play';
|
|
81
|
+
setPaused(currentState);
|
|
82
|
+
|
|
83
|
+
// Clear any existing timeout
|
|
84
|
+
if (timeoutRef.current) {
|
|
85
|
+
clearTimeout(timeoutRef.current);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
// Set new timeout
|
|
89
|
+
timeoutRef.current = setTimeout(() => {
|
|
90
|
+
if (currentState === 'play') {
|
|
91
|
+
setPaused(null);
|
|
92
|
+
}
|
|
93
|
+
}, 700);
|
|
94
|
+
return newIsPaused;
|
|
95
|
+
});
|
|
96
|
+
}, []);
|
|
97
|
+
const singleTap = Gesture.Tap().maxDuration(300).onStart(event => {
|
|
98
|
+
// Check if the tap is in the overlay area (right side icons or bottom area)
|
|
99
|
+
const {
|
|
100
|
+
x,
|
|
101
|
+
y
|
|
102
|
+
} = event;
|
|
103
|
+
const screenWidth = width;
|
|
104
|
+
const screenHeight = videoHeight;
|
|
105
|
+
|
|
106
|
+
// Right side icons area (right 80px)
|
|
107
|
+
const rightIconsArea = x > screenWidth - 80;
|
|
108
|
+
|
|
109
|
+
// Bottom area (bottom 150px)
|
|
110
|
+
const bottomArea = y > screenHeight - 150;
|
|
111
|
+
|
|
112
|
+
// If tap is in overlay area, don't trigger play/pause
|
|
113
|
+
if (rightIconsArea || bottomArea) {
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
handleTogglePlay();
|
|
117
|
+
}).runOnJS(true);
|
|
118
|
+
const doubleTap = Gesture.Tap().maxDuration(300).numberOfTaps(2).onStart(event => {
|
|
119
|
+
// Check if the tap is in the overlay area (right side icons or bottom area)
|
|
120
|
+
const {
|
|
121
|
+
x,
|
|
122
|
+
y
|
|
123
|
+
} = event;
|
|
124
|
+
const screenWidth = width;
|
|
125
|
+
const screenHeight = videoHeight;
|
|
126
|
+
|
|
127
|
+
// Right side icons area (right 80px)
|
|
128
|
+
const rightIconsArea = x > screenWidth - 80;
|
|
129
|
+
|
|
130
|
+
// Bottom area (bottom 150px)
|
|
131
|
+
const bottomArea = y > screenHeight - 150;
|
|
132
|
+
|
|
133
|
+
// If tap is in overlay area, don't trigger like
|
|
134
|
+
if (rightIconsArea || bottomArea) {
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
handleLikePress();
|
|
138
|
+
}).runOnJS(true);
|
|
139
|
+
const combined = Gesture.Exclusive(doubleTap, singleTap);
|
|
140
|
+
return /*#__PURE__*/_jsx(View, {
|
|
141
|
+
style: [styles.container, {
|
|
142
|
+
height: videoHeight,
|
|
143
|
+
backgroundColor: '#000'
|
|
144
|
+
}],
|
|
145
|
+
children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
|
|
146
|
+
style: {
|
|
147
|
+
flex: 1
|
|
148
|
+
},
|
|
149
|
+
children: /*#__PURE__*/_jsx(GestureDetector, {
|
|
150
|
+
gesture: combined,
|
|
151
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
152
|
+
style: {
|
|
153
|
+
flex: 1
|
|
154
|
+
},
|
|
155
|
+
collapsable: false,
|
|
156
|
+
children: [!videoLoaded && /*#__PURE__*/_jsx(FastImage, {
|
|
157
|
+
source: {
|
|
158
|
+
uri: data.thumbnail,
|
|
159
|
+
priority: FastImage.priority.high
|
|
160
|
+
},
|
|
161
|
+
defaultSource: require('../../../assets/img/play.png'),
|
|
162
|
+
resizeMode: FastImage.resizeMode.cover
|
|
163
|
+
}), isVisible || preload ? /*#__PURE__*/_jsx(Video, {
|
|
164
|
+
poster: data.thumbnail,
|
|
165
|
+
ref: videoRef,
|
|
166
|
+
source: {
|
|
167
|
+
uri: videoUri
|
|
168
|
+
},
|
|
169
|
+
style: StyleSheet.absoluteFillObject,
|
|
170
|
+
resizeMode: "cover",
|
|
171
|
+
posterResizeMode: "cover",
|
|
172
|
+
repeat: true,
|
|
173
|
+
paused: isPaused,
|
|
174
|
+
onLoad: e => setDuration(e.duration),
|
|
175
|
+
onProgress: ({
|
|
176
|
+
currentTime: ct
|
|
177
|
+
}) => setCurrentTime(ct),
|
|
178
|
+
ignoreSilentSwitch: "ignore",
|
|
179
|
+
playWhenInactive: false,
|
|
180
|
+
playInBackground: false,
|
|
181
|
+
controls: false,
|
|
182
|
+
controlsStyles: {
|
|
183
|
+
hideForward: true,
|
|
184
|
+
hideDuration: true,
|
|
185
|
+
hideFullscreen: true,
|
|
186
|
+
hidePlayPause: true,
|
|
187
|
+
hideNavigationBarOnFullScreenMode: true,
|
|
188
|
+
hideNotificationBarOnFullScreenMode: true,
|
|
189
|
+
hideNext: true,
|
|
190
|
+
hidePosition: true,
|
|
191
|
+
hidePrevious: true,
|
|
192
|
+
hideRewind: true,
|
|
193
|
+
hideSeekBar: true,
|
|
194
|
+
hideSettingButton: true
|
|
195
|
+
},
|
|
196
|
+
disableFocus: true,
|
|
197
|
+
shutterColor: "transparent",
|
|
198
|
+
onReadyForDisplay: handleVideoLoad,
|
|
199
|
+
onEnd: () => {
|
|
200
|
+
if (autoScroll) {
|
|
201
|
+
onEpisodeSelect(activeEpisodeIndex + 1);
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}) : null, showLikeAnim && /*#__PURE__*/_jsx(View, {
|
|
205
|
+
style: styles.lottieContainer,
|
|
206
|
+
children: /*#__PURE__*/_jsx(LottieView, {
|
|
207
|
+
style: styles.lottie,
|
|
208
|
+
source: DoubleTapAnim,
|
|
209
|
+
autoPlay: true,
|
|
210
|
+
loop: false
|
|
211
|
+
})
|
|
212
|
+
}), paused !== null && /*#__PURE__*/_jsx(View, {
|
|
213
|
+
style: [styles.playPauseButtonContainer, {
|
|
214
|
+
height: videoHeight
|
|
215
|
+
}],
|
|
216
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
217
|
+
style: styles.shadow,
|
|
218
|
+
pointerEvents: "none",
|
|
219
|
+
children: paused === 'paused' ? /*#__PURE__*/_jsx(Pause, {
|
|
220
|
+
color: '#fff',
|
|
221
|
+
size: moderateScale(25)
|
|
222
|
+
}) : /*#__PURE__*/_jsx(Play, {
|
|
223
|
+
color: '#fff',
|
|
224
|
+
size: moderateScale(25)
|
|
225
|
+
})
|
|
226
|
+
})
|
|
227
|
+
}), /*#__PURE__*/_jsx(ReelSeriesOverlay, {
|
|
228
|
+
data: data,
|
|
229
|
+
reel: reel,
|
|
230
|
+
currentTime: currentTime,
|
|
231
|
+
duration: duration,
|
|
232
|
+
onLikePress: handleLikePress,
|
|
233
|
+
onPlayPausePress: () => setIsPaused(prev => !prev),
|
|
234
|
+
onEpisodesPress: () => {
|
|
235
|
+
setModalVisible(true);
|
|
236
|
+
},
|
|
237
|
+
onSharePress: onSharePress,
|
|
238
|
+
activeEpisodeIndex: activeEpisodeIndex
|
|
239
|
+
}), /*#__PURE__*/_jsx(ReelSeriesDetailsModal, {
|
|
240
|
+
visible: modalVisible,
|
|
241
|
+
onClose: () => setModalVisible(false),
|
|
242
|
+
reel: reel,
|
|
243
|
+
data: data,
|
|
244
|
+
activeEpisodeIndex: activeEpisodeIndex,
|
|
245
|
+
onEpisodeSelect: handleEpisodeSelect
|
|
246
|
+
})]
|
|
247
|
+
})
|
|
248
|
+
})
|
|
249
|
+
})
|
|
250
|
+
});
|
|
251
|
+
};
|
|
252
|
+
const areEqual = (prevProps, nextProps) => {
|
|
253
|
+
return prevProps?.reel?.episodeId === nextProps?.reel?.episodeId && prevProps?.isVisible === nextProps?.isVisible;
|
|
254
|
+
};
|
|
255
|
+
export default /*#__PURE__*/memo(ReelItem, areEqual);
|
|
256
|
+
const styles = StyleSheet.create({
|
|
257
|
+
container: {
|
|
258
|
+
width,
|
|
259
|
+
position: 'relative',
|
|
260
|
+
overflow: 'hidden',
|
|
261
|
+
flex: 1,
|
|
262
|
+
flexGrow: 1
|
|
263
|
+
},
|
|
264
|
+
playPauseButtonContainer: {
|
|
265
|
+
position: 'absolute',
|
|
266
|
+
top: 0,
|
|
267
|
+
left: 0,
|
|
268
|
+
right: 0,
|
|
269
|
+
bottom: 0,
|
|
270
|
+
justifyContent: 'center',
|
|
271
|
+
alignItems: 'center'
|
|
272
|
+
},
|
|
273
|
+
shadow: {
|
|
274
|
+
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
275
|
+
padding: moderateScale(10),
|
|
276
|
+
borderRadius: moderateScale(50)
|
|
277
|
+
},
|
|
278
|
+
lottieContainer: {
|
|
279
|
+
width: '100%',
|
|
280
|
+
height: '100%',
|
|
281
|
+
position: 'absolute',
|
|
282
|
+
justifyContent: 'center',
|
|
283
|
+
alignItems: 'center'
|
|
284
|
+
},
|
|
285
|
+
lottie: {
|
|
286
|
+
width: '100%',
|
|
287
|
+
height: '100%'
|
|
288
|
+
}
|
|
289
|
+
});
|
|
290
|
+
//# sourceMappingURL=ReelsSeriesItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useRef","useCallback","memo","View","Dimensions","StyleSheet","ReelSeriesOverlay","ReelSeriesDetailsModal","Video","FastImage","Gesture","GestureDetector","GestureHandlerRootView","Pause","Play","moderateScale","LottieView","DoubleTapAnim","jsx","_jsx","jsxs","_jsxs","width","get","ReelItem","reel","data","autoScroll","videoHeight","onLikePress","onSharePress","isVisible","preload","activeEpisodeIndex","onEpisodeSelect","videoRef","timeoutRef","isPaused","setIsPaused","paused","setPaused","modalVisible","setModalVisible","currentTime","setCurrentTime","duration","setDuration","videoLoaded","setVideoLoaded","showLikeAnim","setShowLikeAnim","current","clearTimeout","videoUri","videoUrl","handleLikePress","newLiked","isLiked","likes","setTimeout","episodeId","handleEpisodeSelect","index","episodes","length","handleVideoLoad","handleTogglePlay","prevIsPaused","newIsPaused","currentState","singleTap","Tap","maxDuration","onStart","event","x","y","screenWidth","screenHeight","rightIconsArea","bottomArea","runOnJS","doubleTap","numberOfTaps","combined","Exclusive","style","styles","container","height","backgroundColor","children","flex","gesture","collapsable","source","uri","thumbnail","priority","high","defaultSource","require","resizeMode","cover","poster","ref","absoluteFillObject","posterResizeMode","repeat","onLoad","e","onProgress","ct","ignoreSilentSwitch","playWhenInactive","playInBackground","controls","controlsStyles","hideForward","hideDuration","hideFullscreen","hidePlayPause","hideNavigationBarOnFullScreenMode","hideNotificationBarOnFullScreenMode","hideNext","hidePosition","hidePrevious","hideRewind","hideSeekBar","hideSettingButton","disableFocus","shutterColor","onReadyForDisplay","onEnd","lottieContainer","lottie","autoPlay","loop","playPauseButtonContainer","shadow","pointerEvents","color","size","onPlayPausePress","prev","onEpisodesPress","visible","onClose","areEqual","prevProps","nextProps","create","position","overflow","flexGrow","top","left","right","bottom","justifyContent","alignItems","padding","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Reels/ReelsSeries/ReelsSeriesItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Reels/ReelsSeries/types.ts"],"mappings":"","ignoreList":[]}
|