@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,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View, Text, FlatList, StyleSheet, Dimensions, TouchableOpacity } from 'react-native';
|
|
5
|
+
import { Lock, ChartNoAxesColumnIncreasing } 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 {
|
|
10
|
+
height,
|
|
11
|
+
width
|
|
12
|
+
} = Dimensions.get('window');
|
|
13
|
+
const NUM_COLUMNS = 6;
|
|
14
|
+
const Episodes = ({
|
|
15
|
+
data,
|
|
16
|
+
currentReel,
|
|
17
|
+
onEpisodeSelect,
|
|
18
|
+
totalReels = 0
|
|
19
|
+
}) => {
|
|
20
|
+
const totalBoxes = Math.max(data.episodes?.length || 0, totalReels);
|
|
21
|
+
const EpisodeData = Array.from({
|
|
22
|
+
length: totalBoxes
|
|
23
|
+
}, (_, i) => i + 1);
|
|
24
|
+
const renderItem = ({
|
|
25
|
+
item
|
|
26
|
+
}) => {
|
|
27
|
+
const isAvailable = item <= (data.episodes.length ?? 0);
|
|
28
|
+
const isActive = item === currentReel + 1;
|
|
29
|
+
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
30
|
+
onPress: () => isAvailable && onEpisodeSelect?.(item - 1),
|
|
31
|
+
activeOpacity: 0.8,
|
|
32
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
33
|
+
style: [styles.box, {
|
|
34
|
+
backgroundColor: isActive ? 'rgba(60,60,60,1)' : 'rgba(34,34,34,1)'
|
|
35
|
+
}],
|
|
36
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
37
|
+
style: [styles.number, {
|
|
38
|
+
color: 'white'
|
|
39
|
+
}],
|
|
40
|
+
children: item
|
|
41
|
+
}), !isAvailable && /*#__PURE__*/_jsx(View, {
|
|
42
|
+
style: [styles.lockContainer, {
|
|
43
|
+
backgroundColor: 'rgba(76,76,76,1)'
|
|
44
|
+
}],
|
|
45
|
+
children: /*#__PURE__*/_jsx(Lock, {
|
|
46
|
+
color: 'white',
|
|
47
|
+
size: moderateScale(11)
|
|
48
|
+
})
|
|
49
|
+
}), isActive && /*#__PURE__*/_jsx(ChartNoAxesColumnIncreasing, {
|
|
50
|
+
color: 'white',
|
|
51
|
+
size: moderateScale(16),
|
|
52
|
+
style: styles.activeIcon
|
|
53
|
+
})]
|
|
54
|
+
})
|
|
55
|
+
}, `episode-${item}`);
|
|
56
|
+
};
|
|
57
|
+
return /*#__PURE__*/_jsx(FlatList, {
|
|
58
|
+
data: EpisodeData,
|
|
59
|
+
numColumns: NUM_COLUMNS,
|
|
60
|
+
keyExtractor: item => `episode-${item}`,
|
|
61
|
+
renderItem: renderItem,
|
|
62
|
+
contentContainerStyle: [{
|
|
63
|
+
paddingBottom: verticalScale(20)
|
|
64
|
+
}],
|
|
65
|
+
showsVerticalScrollIndicator: false,
|
|
66
|
+
scrollEnabled: true // important for modal
|
|
67
|
+
,
|
|
68
|
+
removeClippedSubviews: true // improves performance
|
|
69
|
+
,
|
|
70
|
+
windowSize: 10 // virtualized window
|
|
71
|
+
,
|
|
72
|
+
initialNumToRender: NUM_COLUMNS * 2,
|
|
73
|
+
nestedScrollEnabled: true // Allows scroll inside modal
|
|
74
|
+
});
|
|
75
|
+
};
|
|
76
|
+
export default Episodes;
|
|
77
|
+
const styles = StyleSheet.create({
|
|
78
|
+
box: {
|
|
79
|
+
width: (width - moderateScale(8) * 2 - moderateScale(6) * NUM_COLUMNS) / NUM_COLUMNS,
|
|
80
|
+
height: height * 0.52 / 8,
|
|
81
|
+
borderRadius: moderateScale(10),
|
|
82
|
+
justifyContent: 'center',
|
|
83
|
+
alignItems: 'center',
|
|
84
|
+
marginVertical: moderateScale(2.5),
|
|
85
|
+
marginHorizontal: moderateScale(2.5),
|
|
86
|
+
position: 'relative'
|
|
87
|
+
},
|
|
88
|
+
number: {
|
|
89
|
+
fontSize: RFValue(15),
|
|
90
|
+
fontWeight: '600'
|
|
91
|
+
},
|
|
92
|
+
lockContainer: {
|
|
93
|
+
position: 'absolute',
|
|
94
|
+
top: 0,
|
|
95
|
+
right: 0,
|
|
96
|
+
width: moderateScale(18),
|
|
97
|
+
height: moderateScale(18),
|
|
98
|
+
borderRadius: moderateScale(7),
|
|
99
|
+
borderTopLeftRadius: 0,
|
|
100
|
+
borderBottomRightRadius: 0,
|
|
101
|
+
justifyContent: 'center',
|
|
102
|
+
alignItems: 'center'
|
|
103
|
+
},
|
|
104
|
+
activeIcon: {
|
|
105
|
+
position: 'absolute',
|
|
106
|
+
bottom: verticalScale(6),
|
|
107
|
+
left: moderateScale(6)
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
//# sourceMappingURL=Episodes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","Text","FlatList","StyleSheet","Dimensions","TouchableOpacity","Lock","ChartNoAxesColumnIncreasing","moderateScale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","height","width","get","NUM_COLUMNS","Episodes","data","currentReel","onEpisodeSelect","totalReels","totalBoxes","Math","max","episodes","length","EpisodeData","Array","from","_","i","renderItem","item","isAvailable","isActive","onPress","activeOpacity","children","style","styles","box","backgroundColor","number","color","lockContainer","size","activeIcon","numColumns","keyExtractor","contentContainerStyle","paddingBottom","showsVerticalScrollIndicator","scrollEnabled","removeClippedSubviews","windowSize","initialNumToRender","nestedScrollEnabled","create","borderRadius","justifyContent","alignItems","marginVertical","marginHorizontal","position","fontSize","fontWeight","top","right","borderTopLeftRadius","borderBottomRightRadius","bottom","left"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/Model/Episodes.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback } from 'react';
|
|
4
|
+
import { Text, View, Image, StyleSheet, TouchableOpacity, Dimensions, FlatList } from 'react-native';
|
|
5
|
+
import { RFValue } from 'react-native-responsive-fontsize';
|
|
6
|
+
import { moderateScale, scale, verticalScale } from 'react-native-size-matters';
|
|
7
|
+
import Svg, { Path, Defs, LinearGradient, Stop } from 'react-native-svg';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const {
|
|
10
|
+
width: SCREEN_WIDTH
|
|
11
|
+
} = Dimensions.get('window');
|
|
12
|
+
const GAP = moderateScale(10);
|
|
13
|
+
const likeMoreData = [{
|
|
14
|
+
id: 1,
|
|
15
|
+
name: 'Housefull 5',
|
|
16
|
+
thumbnail: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZFKczA4mK0DoFSiKN75aAtWdhm_AZvCWGkwPl2StUpOQYq6_b'
|
|
17
|
+
}, {
|
|
18
|
+
id: 2,
|
|
19
|
+
name: 'Sample Episode',
|
|
20
|
+
thumbnail: 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTfRd3dwJUToDAbEB4afBWcic5_HCwbKbn-B7-ZgF7niTa-MTIt'
|
|
21
|
+
}, {
|
|
22
|
+
id: 3,
|
|
23
|
+
name: 'Tees Maar Khan',
|
|
24
|
+
thumbnail: 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSwz8vklTTg8YdCqRHg9aauHq9BgpVgxLUvldi-Doz_Eh7ZIiVl'
|
|
25
|
+
}, {
|
|
26
|
+
id: 4,
|
|
27
|
+
name: 'Aap Jaisa Koi',
|
|
28
|
+
thumbnail: 'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQujccf3ymM7lkv83Y6TkS5BkcLYJLTu2d3rJQYxh6cGqwx8AuR'
|
|
29
|
+
}, {
|
|
30
|
+
id: 5,
|
|
31
|
+
name: 'Kaalidhar Laapata',
|
|
32
|
+
thumbnail: 'https://upload.wikimedia.org/wikipedia/en/b/bd/Kaalidhar_Laapata.jpg'
|
|
33
|
+
}, {
|
|
34
|
+
id: 6,
|
|
35
|
+
name: 'Aankhon Ki Gustaakhiyan',
|
|
36
|
+
thumbnail: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSLqG-A_lUucNT4TOcY1u42ujHyPbwuJvRLbO4zjNS8iuzNQ_6X'
|
|
37
|
+
}];
|
|
38
|
+
const Synopsis = ({
|
|
39
|
+
data
|
|
40
|
+
}) => {
|
|
41
|
+
// responsive columns
|
|
42
|
+
const numColumns = SCREEN_WIDTH >= 420 ? 4 : 3;
|
|
43
|
+
const keyExtractor = useCallback(item => item.id.toString(), []);
|
|
44
|
+
const renderItem = useCallback(({
|
|
45
|
+
item
|
|
46
|
+
}) => /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
47
|
+
style: [styles.card],
|
|
48
|
+
activeOpacity: 0.8,
|
|
49
|
+
onPress: () => {
|
|
50
|
+
// Handle item press if needed
|
|
51
|
+
console.log('Pressed item:', item.name);
|
|
52
|
+
},
|
|
53
|
+
children: [/*#__PURE__*/_jsx(Image, {
|
|
54
|
+
source: {
|
|
55
|
+
uri: item.thumbnail || 'https://via.placeholder.com/300x400?text=Episode'
|
|
56
|
+
},
|
|
57
|
+
style: styles.thumbnail,
|
|
58
|
+
resizeMode: "cover"
|
|
59
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
60
|
+
style: [styles.title, {
|
|
61
|
+
color: '#fff',
|
|
62
|
+
width: scale(90)
|
|
63
|
+
}],
|
|
64
|
+
numberOfLines: 2,
|
|
65
|
+
children: item.name || 'Untitled'
|
|
66
|
+
})]
|
|
67
|
+
}), []);
|
|
68
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
69
|
+
style: styles.container,
|
|
70
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
71
|
+
style: {
|
|
72
|
+
color: 'rgba(255,255,255,1)',
|
|
73
|
+
fontSize: RFValue(10),
|
|
74
|
+
lineHeight: RFValue(14),
|
|
75
|
+
marginBottom: verticalScale(12)
|
|
76
|
+
},
|
|
77
|
+
children: data.description || 'No synopsis available for this reel. Please check back later.'
|
|
78
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
79
|
+
style: styles.header,
|
|
80
|
+
children: [/*#__PURE__*/_jsxs(Svg, {
|
|
81
|
+
width: 22,
|
|
82
|
+
height: 2,
|
|
83
|
+
viewBox: "0 0 22 2",
|
|
84
|
+
fill: "none",
|
|
85
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
86
|
+
d: "M21.692 1.196H.594",
|
|
87
|
+
stroke: "url(#a)",
|
|
88
|
+
strokeWidth: 1.005
|
|
89
|
+
}), /*#__PURE__*/_jsx(Defs, {
|
|
90
|
+
children: /*#__PURE__*/_jsxs(LinearGradient, {
|
|
91
|
+
id: "a",
|
|
92
|
+
x1: 0.594,
|
|
93
|
+
y1: 1.696,
|
|
94
|
+
x2: 21.692,
|
|
95
|
+
y2: 1.696,
|
|
96
|
+
gradientUnits: "userSpaceOnUse",
|
|
97
|
+
children: [/*#__PURE__*/_jsx(Stop, {
|
|
98
|
+
stopOpacity: 0
|
|
99
|
+
}), /*#__PURE__*/_jsx(Stop, {
|
|
100
|
+
offset: 1,
|
|
101
|
+
stopColor: "#fff"
|
|
102
|
+
})]
|
|
103
|
+
})
|
|
104
|
+
})]
|
|
105
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
106
|
+
style: {
|
|
107
|
+
color: '#fff',
|
|
108
|
+
fontSize: 12,
|
|
109
|
+
textAlign: 'center',
|
|
110
|
+
marginHorizontal: scale(8)
|
|
111
|
+
},
|
|
112
|
+
children: "More Like This"
|
|
113
|
+
}), /*#__PURE__*/_jsxs(Svg, {
|
|
114
|
+
width: 22,
|
|
115
|
+
height: 2,
|
|
116
|
+
viewBox: "0 0 22 2",
|
|
117
|
+
fill: "none",
|
|
118
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
119
|
+
d: "M.312 1.196H21.41",
|
|
120
|
+
stroke: "url(#paint0_linear_797_3114)",
|
|
121
|
+
strokeWidth: 1.00467
|
|
122
|
+
}), /*#__PURE__*/_jsx(Defs, {
|
|
123
|
+
children: /*#__PURE__*/_jsxs(LinearGradient, {
|
|
124
|
+
id: "paint0_linear_797_3114",
|
|
125
|
+
x1: 21.4102,
|
|
126
|
+
y1: 1.69629,
|
|
127
|
+
x2: 0.312025,
|
|
128
|
+
y2: 1.69629,
|
|
129
|
+
gradientUnits: "userSpaceOnUse",
|
|
130
|
+
children: [/*#__PURE__*/_jsx(Stop, {
|
|
131
|
+
stopOpacity: 0
|
|
132
|
+
}), /*#__PURE__*/_jsx(Stop, {
|
|
133
|
+
offset: 1,
|
|
134
|
+
stopColor: "#fff"
|
|
135
|
+
})]
|
|
136
|
+
})
|
|
137
|
+
})]
|
|
138
|
+
})]
|
|
139
|
+
}), likeMoreData.length === 0 ? /*#__PURE__*/_jsx(Text, {
|
|
140
|
+
style: styles.noEpisodesText,
|
|
141
|
+
children: "No recommendations available."
|
|
142
|
+
}) : /*#__PURE__*/_jsx(FlatList, {
|
|
143
|
+
data: likeMoreData,
|
|
144
|
+
keyExtractor: keyExtractor,
|
|
145
|
+
renderItem: renderItem,
|
|
146
|
+
numColumns: numColumns,
|
|
147
|
+
columnWrapperStyle: {
|
|
148
|
+
justifyContent: 'space-between',
|
|
149
|
+
marginBottom: GAP
|
|
150
|
+
},
|
|
151
|
+
showsVerticalScrollIndicator: false,
|
|
152
|
+
contentContainerStyle: {
|
|
153
|
+
paddingBottom: verticalScale(16)
|
|
154
|
+
},
|
|
155
|
+
removeClippedSubviews: false // Disable to prevent recycling issues
|
|
156
|
+
,
|
|
157
|
+
nestedScrollEnabled: true // Allows scroll inside modal
|
|
158
|
+
,
|
|
159
|
+
getItemLayout: (_data, index) => ({
|
|
160
|
+
length: verticalScale(120) + verticalScale(6) + verticalScale(20),
|
|
161
|
+
// thumbnail + margin + text
|
|
162
|
+
offset: (verticalScale(120) + verticalScale(6) + verticalScale(20)) * Math.floor(index / numColumns),
|
|
163
|
+
index
|
|
164
|
+
}),
|
|
165
|
+
initialNumToRender: 6,
|
|
166
|
+
maxToRenderPerBatch: 6,
|
|
167
|
+
windowSize: 5,
|
|
168
|
+
disableVirtualization: false
|
|
169
|
+
})]
|
|
170
|
+
});
|
|
171
|
+
};
|
|
172
|
+
export default Synopsis;
|
|
173
|
+
const styles = StyleSheet.create({
|
|
174
|
+
container: {
|
|
175
|
+
flex: 1
|
|
176
|
+
},
|
|
177
|
+
header: {
|
|
178
|
+
flexDirection: 'row',
|
|
179
|
+
alignItems: 'center',
|
|
180
|
+
justifyContent: 'center',
|
|
181
|
+
marginBottom: verticalScale(12)
|
|
182
|
+
},
|
|
183
|
+
headerLine: {
|
|
184
|
+
height: verticalScale(1.5),
|
|
185
|
+
width: moderateScale(50),
|
|
186
|
+
marginHorizontal: moderateScale(8),
|
|
187
|
+
borderRadius: 999
|
|
188
|
+
},
|
|
189
|
+
headerLabel: {
|
|
190
|
+
fontSize: RFValue(12),
|
|
191
|
+
textAlign: 'center'
|
|
192
|
+
},
|
|
193
|
+
card: {
|
|
194
|
+
// alignItems: 'center',
|
|
195
|
+
},
|
|
196
|
+
thumbnail: {
|
|
197
|
+
width: '100%',
|
|
198
|
+
height: verticalScale(120),
|
|
199
|
+
borderRadius: moderateScale(8),
|
|
200
|
+
marginBottom: verticalScale(6),
|
|
201
|
+
backgroundColor: 'rgba(255,255,255,0.06)',
|
|
202
|
+
aspectRatio: 3 / 4
|
|
203
|
+
},
|
|
204
|
+
title: {
|
|
205
|
+
fontSize: RFValue(10)
|
|
206
|
+
// textAlign: 'center',
|
|
207
|
+
},
|
|
208
|
+
noEpisodesText: {
|
|
209
|
+
color: 'rgba(180,180,180,1)',
|
|
210
|
+
fontSize: RFValue(13),
|
|
211
|
+
textAlign: 'center',
|
|
212
|
+
marginTop: verticalScale(8),
|
|
213
|
+
marginBottom: verticalScale(12)
|
|
214
|
+
}
|
|
215
|
+
});
|
|
216
|
+
//# sourceMappingURL=Synopsis.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","Text","View","Image","StyleSheet","TouchableOpacity","Dimensions","FlatList","RFValue","moderateScale","scale","verticalScale","Svg","Path","Defs","LinearGradient","Stop","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","GAP","likeMoreData","id","name","thumbnail","Synopsis","data","numColumns","keyExtractor","item","toString","renderItem","style","styles","card","activeOpacity","onPress","console","log","children","source","uri","resizeMode","title","color","numberOfLines","container","fontSize","lineHeight","marginBottom","description","header","height","viewBox","fill","d","stroke","strokeWidth","x1","y1","x2","y2","gradientUnits","stopOpacity","offset","stopColor","textAlign","marginHorizontal","length","noEpisodesText","columnWrapperStyle","justifyContent","showsVerticalScrollIndicator","contentContainerStyle","paddingBottom","removeClippedSubviews","nestedScrollEnabled","getItemLayout","_data","index","Math","floor","initialNumToRender","maxToRenderPerBatch","windowSize","disableVirtualization","create","flex","flexDirection","alignItems","headerLine","borderRadius","headerLabel","backgroundColor","aspectRatio","marginTop"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/Model/Synopsis.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from 'react';
|
|
4
|
+
import { View, Text, TouchableOpacity, Image, StyleSheet, Dimensions } from 'react-native';
|
|
5
|
+
import Modal from 'react-native-modal';
|
|
6
|
+
import LinearGradient from 'react-native-linear-gradient';
|
|
7
|
+
import { X } from 'lucide-react-native';
|
|
8
|
+
import { moderateScale, verticalScale } from 'react-native-size-matters';
|
|
9
|
+
import { RFValue } from 'react-native-responsive-fontsize';
|
|
10
|
+
import Episodes from "./Model/Episodes.js";
|
|
11
|
+
import Synopsis from "./Model/Synopsis.js";
|
|
12
|
+
import { formatCount } from "../../../utils/Formater.js";
|
|
13
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
const {
|
|
15
|
+
height
|
|
16
|
+
} = Dimensions.get('window');
|
|
17
|
+
const ReelSeriesDetailsModal = ({
|
|
18
|
+
visible,
|
|
19
|
+
onClose,
|
|
20
|
+
reel,
|
|
21
|
+
data,
|
|
22
|
+
activeEpisodeIndex,
|
|
23
|
+
onEpisodeSelect
|
|
24
|
+
}) => {
|
|
25
|
+
const [activeTab, setActiveTab] = useState('synopsis');
|
|
26
|
+
const [routes] = useState([{
|
|
27
|
+
key: 'synopsis',
|
|
28
|
+
title: 'Synopsis'
|
|
29
|
+
}, {
|
|
30
|
+
key: 'episodes',
|
|
31
|
+
title: 'Episodes'
|
|
32
|
+
}]);
|
|
33
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
34
|
+
isVisible: visible,
|
|
35
|
+
onBackdropPress: onClose,
|
|
36
|
+
swipeDirection: "down",
|
|
37
|
+
onSwipeComplete: onClose,
|
|
38
|
+
backdropOpacity: 0.5,
|
|
39
|
+
style: {
|
|
40
|
+
margin: 0,
|
|
41
|
+
justifyContent: 'flex-end'
|
|
42
|
+
},
|
|
43
|
+
propagateSwipe: true,
|
|
44
|
+
children: /*#__PURE__*/_jsxs(LinearGradient, {
|
|
45
|
+
colors: ['rgba(103,85,35,1)', 'rgba(21,21,21,1)'],
|
|
46
|
+
style: styles.bottomSheetContainer,
|
|
47
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
48
|
+
style: styles.dragHandle
|
|
49
|
+
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
50
|
+
onPress: onClose,
|
|
51
|
+
style: styles.closeButtonWrapper,
|
|
52
|
+
children: /*#__PURE__*/_jsx(X, {
|
|
53
|
+
size: moderateScale(16),
|
|
54
|
+
color: '#fff'
|
|
55
|
+
})
|
|
56
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
57
|
+
style: styles.headerRow,
|
|
58
|
+
children: [/*#__PURE__*/_jsx(Image, {
|
|
59
|
+
source: {
|
|
60
|
+
uri: data.thumbnail
|
|
61
|
+
},
|
|
62
|
+
style: styles.reelPosterImage
|
|
63
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
64
|
+
style: {
|
|
65
|
+
flex: 1
|
|
66
|
+
},
|
|
67
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
68
|
+
style: styles.reelTitleText,
|
|
69
|
+
children: data.title
|
|
70
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
71
|
+
style: styles.reelDescriptionText,
|
|
72
|
+
numberOfLines: 3,
|
|
73
|
+
children: data.description
|
|
74
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
75
|
+
style: styles.reelViewsText,
|
|
76
|
+
children: [formatCount(data.views || 0), " Views"]
|
|
77
|
+
})]
|
|
78
|
+
})]
|
|
79
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
80
|
+
style: {
|
|
81
|
+
flexDirection: 'row',
|
|
82
|
+
// justifyContent: 'space-around',
|
|
83
|
+
marginTop: verticalScale(10)
|
|
84
|
+
},
|
|
85
|
+
children: routes.map(item => /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
86
|
+
style: {
|
|
87
|
+
borderBottomColor: 'white',
|
|
88
|
+
borderBottomWidth: activeTab === routes.find(r => r.key === item.key)?.key ? 2 : 0,
|
|
89
|
+
paddingBottom: 6,
|
|
90
|
+
marginHorizontal: 12
|
|
91
|
+
},
|
|
92
|
+
onPress: () => {
|
|
93
|
+
const tab = routes.find(r => r.key === item.key)?.key;
|
|
94
|
+
tab && setActiveTab(tab);
|
|
95
|
+
},
|
|
96
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
97
|
+
style: {
|
|
98
|
+
color: 'white',
|
|
99
|
+
fontSize: RFValue(11),
|
|
100
|
+
fontWeight: '700',
|
|
101
|
+
opacity: activeTab === routes.find(r => r.key === item.key)?.key ? 1 : 0.6
|
|
102
|
+
},
|
|
103
|
+
children: item.title
|
|
104
|
+
})
|
|
105
|
+
}, item.key))
|
|
106
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
107
|
+
style: {
|
|
108
|
+
flex: 1,
|
|
109
|
+
marginTop: verticalScale(8),
|
|
110
|
+
marginHorizontal: 12
|
|
111
|
+
},
|
|
112
|
+
children: [activeTab === 'synopsis' && /*#__PURE__*/_jsx(Synopsis, {
|
|
113
|
+
reel: reel,
|
|
114
|
+
data: data
|
|
115
|
+
}), activeTab === 'episodes' && /*#__PURE__*/_jsx(Episodes, {
|
|
116
|
+
reel: reel,
|
|
117
|
+
data: data,
|
|
118
|
+
currentReel: activeEpisodeIndex,
|
|
119
|
+
onEpisodeSelect: onEpisodeSelect
|
|
120
|
+
})]
|
|
121
|
+
})]
|
|
122
|
+
})
|
|
123
|
+
});
|
|
124
|
+
};
|
|
125
|
+
export default ReelSeriesDetailsModal;
|
|
126
|
+
const styles = StyleSheet.create({
|
|
127
|
+
bottomSheetContainer: {
|
|
128
|
+
height: height * 0.9,
|
|
129
|
+
borderTopLeftRadius: moderateScale(20),
|
|
130
|
+
borderTopRightRadius: moderateScale(20),
|
|
131
|
+
overflow: 'hidden',
|
|
132
|
+
paddingTop: verticalScale(10)
|
|
133
|
+
},
|
|
134
|
+
dragHandle: {
|
|
135
|
+
width: moderateScale(50),
|
|
136
|
+
height: verticalScale(5),
|
|
137
|
+
borderRadius: moderateScale(3),
|
|
138
|
+
backgroundColor: 'rgba(255,255,255,0.5)',
|
|
139
|
+
alignSelf: 'center',
|
|
140
|
+
marginBottom: verticalScale(10)
|
|
141
|
+
},
|
|
142
|
+
closeButtonWrapper: {
|
|
143
|
+
position: 'absolute',
|
|
144
|
+
top: verticalScale(10),
|
|
145
|
+
right: moderateScale(14),
|
|
146
|
+
zIndex: 10,
|
|
147
|
+
borderRadius: moderateScale(18),
|
|
148
|
+
width: moderateScale(30),
|
|
149
|
+
height: moderateScale(30),
|
|
150
|
+
justifyContent: 'center',
|
|
151
|
+
alignItems: 'center',
|
|
152
|
+
backgroundColor: 'rgba(255,255,255,0.26)'
|
|
153
|
+
},
|
|
154
|
+
headerRow: {
|
|
155
|
+
flexDirection: 'row',
|
|
156
|
+
paddingHorizontal: moderateScale(16),
|
|
157
|
+
marginBottom: verticalScale(10)
|
|
158
|
+
},
|
|
159
|
+
reelPosterImage: {
|
|
160
|
+
width: moderateScale(80),
|
|
161
|
+
height: verticalScale(100),
|
|
162
|
+
borderRadius: moderateScale(8),
|
|
163
|
+
marginRight: moderateScale(12)
|
|
164
|
+
},
|
|
165
|
+
reelTitleText: {
|
|
166
|
+
fontSize: RFValue(14),
|
|
167
|
+
fontWeight: '600',
|
|
168
|
+
color: '#fff'
|
|
169
|
+
},
|
|
170
|
+
reelDescriptionText: {
|
|
171
|
+
fontSize: RFValue(10),
|
|
172
|
+
color: 'rgba(215,215,215,1)',
|
|
173
|
+
marginBottom: verticalScale(4),
|
|
174
|
+
marginTop: verticalScale(3.5)
|
|
175
|
+
},
|
|
176
|
+
reelViewsText: {
|
|
177
|
+
fontSize: RFValue(10),
|
|
178
|
+
color: 'rgba(215,215,215,1)',
|
|
179
|
+
marginTop: verticalScale(2)
|
|
180
|
+
}
|
|
181
|
+
});
|
|
182
|
+
//# sourceMappingURL=ReelSeriesDetailsModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","View","Text","TouchableOpacity","Image","StyleSheet","Dimensions","Modal","LinearGradient","X","moderateScale","verticalScale","RFValue","Episodes","Synopsis","formatCount","jsx","_jsx","jsxs","_jsxs","height","get","ReelSeriesDetailsModal","visible","onClose","reel","data","activeEpisodeIndex","onEpisodeSelect","activeTab","setActiveTab","routes","key","title","isVisible","onBackdropPress","swipeDirection","onSwipeComplete","backdropOpacity","style","margin","justifyContent","propagateSwipe","children","colors","styles","bottomSheetContainer","dragHandle","onPress","closeButtonWrapper","size","color","headerRow","source","uri","thumbnail","reelPosterImage","flex","reelTitleText","reelDescriptionText","numberOfLines","description","reelViewsText","views","flexDirection","marginTop","map","item","borderBottomColor","borderBottomWidth","find","r","paddingBottom","marginHorizontal","tab","fontSize","fontWeight","opacity","currentReel","create","borderTopLeftRadius","borderTopRightRadius","overflow","paddingTop","width","borderRadius","backgroundColor","alignSelf","marginBottom","position","top","right","zIndex","alignItems","paddingHorizontal","marginRight"],"sourceRoot":"../../../../../src","sources":["components/Reels/ReelsSeries/ReelSeriesDetailsModal.tsx"],"mappings":"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","ignoreList":[]}
|