@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.
Files changed (108) hide show
  1. package/README.md +1 -1
  2. package/lib/module/assets/animations/heart.json +788 -0
  3. package/lib/module/components/Auth/QrLogin/QrLogin.js +267 -0
  4. package/lib/module/components/Auth/QrLogin/QrLogin.js.map +1 -0
  5. package/lib/module/components/Auth/QrLogin/components/QrViewArea.js +178 -0
  6. package/lib/module/components/Auth/QrLogin/components/QrViewArea.js.map +1 -0
  7. package/lib/module/components/Auth/index.js +3 -1
  8. package/lib/module/components/Auth/index.js.map +1 -1
  9. package/lib/module/components/Headers/AppHeader.js +1 -1
  10. package/lib/module/components/Headers/AppHeader.js.map +1 -1
  11. package/lib/module/components/Headers/One.js +1 -1
  12. package/lib/module/components/Headers/One.js.map +1 -1
  13. package/lib/module/components/Headers/Two.js +1 -1
  14. package/lib/module/components/Headers/Two.js.map +1 -1
  15. package/lib/module/components/Reels/ReelsSeries/Model/Episodes.js +110 -0
  16. package/lib/module/components/Reels/ReelsSeries/Model/Episodes.js.map +1 -0
  17. package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js +216 -0
  18. package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js.map +1 -0
  19. package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js +182 -0
  20. package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js.map +1 -0
  21. package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js +203 -0
  22. package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js.map +1 -0
  23. package/lib/module/components/Reels/ReelsSeries/ReelsSeries.js +121 -0
  24. package/lib/module/components/Reels/ReelsSeries/ReelsSeries.js.map +1 -0
  25. package/lib/module/components/Reels/ReelsSeries/ReelsSeriesItem.js +290 -0
  26. package/lib/module/components/Reels/ReelsSeries/ReelsSeriesItem.js.map +1 -0
  27. package/lib/module/components/Reels/ReelsSeries/types.js +2 -0
  28. package/lib/module/components/Reels/ReelsSeries/types.js.map +1 -0
  29. package/lib/module/components/Reels/index.js +11 -0
  30. package/lib/module/components/Reels/index.js.map +1 -0
  31. package/lib/module/components/User/DeviceSessions/DeviceSessions.js +8 -0
  32. package/lib/module/components/User/DeviceSessions/DeviceSessions.js.map +1 -1
  33. package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js +258 -0
  34. package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js.map +1 -0
  35. package/lib/module/components/User/components/UserSection.js +8 -13
  36. package/lib/module/components/User/components/UserSection.js.map +1 -1
  37. package/lib/module/components/User/index.js +2 -1
  38. package/lib/module/components/User/index.js.map +1 -1
  39. package/lib/module/components/index.js +1 -0
  40. package/lib/module/components/index.js.map +1 -1
  41. package/lib/module/theme/ThemeProvider.js +13 -10
  42. package/lib/module/theme/ThemeProvider.js.map +1 -1
  43. package/lib/module/theme/themes.js +2 -0
  44. package/lib/module/theme/themes.js.map +1 -1
  45. package/lib/module/utils/Formater.js +17 -0
  46. package/lib/module/utils/Formater.js.map +1 -0
  47. package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts +32 -0
  48. package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts.map +1 -0
  49. package/lib/typescript/src/components/Auth/QrLogin/components/QrViewArea.d.ts +15 -0
  50. package/lib/typescript/src/components/Auth/QrLogin/components/QrViewArea.d.ts.map +1 -0
  51. package/lib/typescript/src/components/Auth/index.d.ts +1 -0
  52. package/lib/typescript/src/components/Auth/index.d.ts.map +1 -1
  53. package/lib/typescript/src/components/Reels/ReelsSeries/Model/Episodes.d.ts +12 -0
  54. package/lib/typescript/src/components/Reels/ReelsSeries/Model/Episodes.d.ts.map +1 -0
  55. package/lib/typescript/src/components/Reels/ReelsSeries/Model/Synopsis.d.ts +9 -0
  56. package/lib/typescript/src/components/Reels/ReelsSeries/Model/Synopsis.d.ts.map +1 -0
  57. package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.d.ts +13 -0
  58. package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.d.ts.map +1 -0
  59. package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesOverlay.d.ts +18 -0
  60. package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesOverlay.d.ts.map +1 -0
  61. package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeries.d.ts +15 -0
  62. package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeries.d.ts.map +1 -0
  63. package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeriesItem.d.ts +18 -0
  64. package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeriesItem.d.ts.map +1 -0
  65. package/lib/typescript/src/components/Reels/ReelsSeries/types.d.ts +24 -0
  66. package/lib/typescript/src/components/Reels/ReelsSeries/types.d.ts.map +1 -0
  67. package/lib/typescript/src/components/Reels/index.d.ts +8 -0
  68. package/lib/typescript/src/components/Reels/index.d.ts.map +1 -0
  69. package/lib/typescript/src/components/User/DeviceSessions/DeviceSessions.d.ts +1 -0
  70. package/lib/typescript/src/components/User/DeviceSessions/DeviceSessions.d.ts.map +1 -1
  71. package/lib/typescript/src/components/User/ProfileUpdate/ProfileUpdate.d.ts +27 -0
  72. package/lib/typescript/src/components/User/ProfileUpdate/ProfileUpdate.d.ts.map +1 -0
  73. package/lib/typescript/src/components/User/components/UserSection.d.ts.map +1 -1
  74. package/lib/typescript/src/components/User/index.d.ts +2 -1
  75. package/lib/typescript/src/components/User/index.d.ts.map +1 -1
  76. package/lib/typescript/src/components/index.d.ts +1 -0
  77. package/lib/typescript/src/components/index.d.ts.map +1 -1
  78. package/lib/typescript/src/theme/ThemeProvider.d.ts.map +1 -1
  79. package/lib/typescript/src/theme/themes.d.ts +1 -0
  80. package/lib/typescript/src/theme/themes.d.ts.map +1 -1
  81. package/lib/typescript/src/utils/Formater.d.ts +2 -0
  82. package/lib/typescript/src/utils/Formater.d.ts.map +1 -0
  83. package/package.json +13 -5
  84. package/src/assets/animations/heart.json +788 -0
  85. package/src/components/Auth/QrLogin/QrLogin.tsx +306 -0
  86. package/src/components/Auth/QrLogin/components/QrViewArea.tsx +213 -0
  87. package/src/components/Auth/index.ts +2 -0
  88. package/src/components/Headers/AppHeader.tsx +1 -1
  89. package/src/components/Headers/One.tsx +1 -1
  90. package/src/components/Headers/Two.tsx +1 -1
  91. package/src/components/Reels/ReelsSeries/Model/Episodes.tsx +133 -0
  92. package/src/components/Reels/ReelsSeries/Model/Synopsis.tsx +249 -0
  93. package/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.tsx +209 -0
  94. package/src/components/Reels/ReelsSeries/ReelSeriesOverlay.tsx +185 -0
  95. package/src/components/Reels/ReelsSeries/ReelsSeries.tsx +163 -0
  96. package/src/components/Reels/ReelsSeries/ReelsSeriesItem.tsx +333 -0
  97. package/src/components/Reels/ReelsSeries/types.ts +27 -0
  98. package/src/components/Reels/index.ts +8 -0
  99. package/src/components/User/DeviceSessions/DeviceSessions.tsx +11 -0
  100. package/src/components/User/ProfileUpdate/ProfileUpdate.tsx +265 -0
  101. package/src/components/User/components/UserSection.tsx +10 -13
  102. package/src/components/User/index.ts +3 -1
  103. package/src/components/index.ts +1 -0
  104. package/src/theme/ThemeProvider.tsx +12 -9
  105. package/src/theme/themes.ts +3 -0
  106. package/src/utils/Formater.ts +14 -0
  107. /package/lib/module/assets/{img → svg}/h.svg +0 -0
  108. /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":[]}