@zezosoft/zezo-ott-react-native-ui-kit 1.1.2 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/components/Auth/QrLogin/QrLogin.js +304 -138
- package/lib/module/components/Auth/QrLogin/QrLogin.js.map +1 -1
- package/lib/module/components/Auth/QrLogin/components/QrViewArea.js +193 -141
- package/lib/module/components/Auth/QrLogin/components/QrViewArea.js.map +1 -1
- package/lib/module/components/Content/Card/Category/Category.js +83 -11
- package/lib/module/components/Content/Card/Category/Category.js.map +1 -1
- package/lib/module/components/Content/Card/NowWatching/NowWatching.js +237 -108
- package/lib/module/components/Content/Card/NowWatching/NowWatching.js.map +1 -1
- package/lib/module/components/Content/Card/Sliders/Styles/One.js +185 -126
- package/lib/module/components/Content/Card/Sliders/Styles/One.js.map +1 -1
- package/lib/module/components/Content/Card/Sliders/Styles/Two.js +139 -92
- package/lib/module/components/Content/Card/Sliders/Styles/Two.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/Five.js +131 -48
- package/lib/module/components/Content/Card/Styles/Five.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/Four.js +126 -59
- package/lib/module/components/Content/Card/Styles/Four.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/One.js +125 -50
- package/lib/module/components/Content/Card/Styles/One.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/RotateInOut.js +138 -53
- package/lib/module/components/Content/Card/Styles/RotateInOut.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/Six.js +207 -115
- package/lib/module/components/Content/Card/Styles/Six.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/Three.js +134 -79
- package/lib/module/components/Content/Card/Styles/Three.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/TopTen.js +186 -171
- package/lib/module/components/Content/Card/Styles/TopTen.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/Two.js +144 -64
- package/lib/module/components/Content/Card/Styles/Two.js.map +1 -1
- package/lib/module/components/Content/Card/components/AdsPoster.js +162 -0
- package/lib/module/components/Content/Card/components/AdsPoster.js.map +1 -0
- package/lib/module/components/Content/Card/components/CardPoster.js +120 -136
- package/lib/module/components/Content/Card/components/CardPoster.js.map +1 -1
- package/lib/module/components/Content/Card/components/index.js +4 -0
- package/lib/module/components/Content/Card/components/index.js.map +1 -0
- package/lib/module/components/Content/Content.js +67 -27
- package/lib/module/components/Content/Content.js.map +1 -1
- package/lib/module/components/Content/Sections.js +32 -11
- package/lib/module/components/Content/Sections.js.map +1 -1
- package/lib/module/constants/dummySections.js +44 -4
- package/lib/module/constants/dummySections.js.map +1 -1
- package/lib/module/hooks/Images/index.js +5 -0
- package/lib/module/hooks/Images/index.js.map +1 -0
- package/lib/module/hooks/Images/useImageLoader.js +168 -0
- package/lib/module/hooks/Images/useImageLoader.js.map +1 -0
- package/lib/module/hooks/Images/useImageValidation.js +36 -0
- package/lib/module/hooks/Images/useImageValidation.js.map +1 -0
- package/lib/module/hooks/index.js +3 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useAdTracking.js +270 -0
- package/lib/module/hooks/useAdTracking.js.map +1 -0
- package/lib/module/hooks/useCards.js +164 -0
- package/lib/module/hooks/useCards.js.map +1 -0
- package/lib/module/hooks/usePaginatedSection.js +11 -6
- package/lib/module/hooks/usePaginatedSection.js.map +1 -1
- package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts +2 -0
- package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/QrLogin/components/QrViewArea.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Category/Category.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/NowWatching/NowWatching.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Sliders/Styles/One.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Sliders/Styles/Two.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/Five.d.ts +13 -1
- package/lib/typescript/src/components/Content/Card/Styles/Five.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/Four.d.ts +13 -1
- package/lib/typescript/src/components/Content/Card/Styles/Four.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/One.d.ts +15 -3
- package/lib/typescript/src/components/Content/Card/Styles/One.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/RotateInOut.d.ts +13 -1
- package/lib/typescript/src/components/Content/Card/Styles/RotateInOut.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/Six.d.ts +1 -0
- package/lib/typescript/src/components/Content/Card/Styles/Six.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/Three.d.ts +13 -5
- package/lib/typescript/src/components/Content/Card/Styles/Three.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/TopTen.d.ts +1 -0
- package/lib/typescript/src/components/Content/Card/Styles/TopTen.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/Styles/Two.d.ts +13 -1
- package/lib/typescript/src/components/Content/Card/Styles/Two.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/components/AdsPoster.d.ts +26 -0
- package/lib/typescript/src/components/Content/Card/components/AdsPoster.d.ts.map +1 -0
- package/lib/typescript/src/components/Content/Card/components/CardPoster.d.ts +3 -1
- package/lib/typescript/src/components/Content/Card/components/CardPoster.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/components/index.d.ts +2 -0
- package/lib/typescript/src/components/Content/Card/components/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Content/Card/index.d.ts +76 -6
- package/lib/typescript/src/components/Content/Card/index.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Content.d.ts +4 -3
- package/lib/typescript/src/components/Content/Content.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Sections.d.ts +20 -6
- package/lib/typescript/src/components/Content/Sections.d.ts.map +1 -1
- package/lib/typescript/src/constants/dummySections.d.ts +5 -0
- package/lib/typescript/src/constants/dummySections.d.ts.map +1 -1
- package/lib/typescript/src/hooks/Images/index.d.ts +3 -0
- package/lib/typescript/src/hooks/Images/index.d.ts.map +1 -0
- package/lib/typescript/src/hooks/Images/useImageLoader.d.ts +36 -0
- package/lib/typescript/src/hooks/Images/useImageLoader.d.ts.map +1 -0
- package/lib/typescript/src/hooks/Images/useImageValidation.d.ts +17 -0
- package/lib/typescript/src/hooks/Images/useImageValidation.d.ts.map +1 -0
- package/lib/typescript/src/hooks/index.d.ts +3 -0
- package/lib/typescript/src/hooks/index.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useAdTracking.d.ts +39 -0
- package/lib/typescript/src/hooks/useAdTracking.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useCards.d.ts +36 -0
- package/lib/typescript/src/hooks/useCards.d.ts.map +1 -0
- package/lib/typescript/src/hooks/usePaginatedSection.d.ts +12 -2
- package/lib/typescript/src/hooks/usePaginatedSection.d.ts.map +1 -1
- package/lib/typescript/src/types/sections/index.d.ts +7 -4
- package/lib/typescript/src/types/sections/index.d.ts.map +1 -1
- package/package.json +6 -3
- package/src/components/Auth/QrLogin/QrLogin.tsx +382 -122
- package/src/components/Auth/QrLogin/components/QrViewArea.tsx +291 -197
- package/src/components/Content/Card/Category/Category.tsx +95 -8
- package/src/components/Content/Card/NowWatching/NowWatching.tsx +281 -136
- package/src/components/Content/Card/Sliders/Styles/One.tsx +244 -148
- package/src/components/Content/Card/Sliders/Styles/Two.tsx +171 -102
- package/src/components/Content/Card/Styles/Five.tsx +161 -62
- package/src/components/Content/Card/Styles/Four.tsx +164 -85
- package/src/components/Content/Card/Styles/One.tsx +161 -71
- package/src/components/Content/Card/Styles/RotateInOut.tsx +157 -60
- package/src/components/Content/Card/Styles/Six.tsx +242 -142
- package/src/components/Content/Card/Styles/Three.tsx +166 -133
- package/src/components/Content/Card/Styles/TopTen.tsx +230 -191
- package/src/components/Content/Card/Styles/Two.tsx +182 -79
- package/src/components/Content/Card/components/AdsPoster.tsx +202 -0
- package/src/components/Content/Card/components/CardPoster.tsx +134 -154
- package/src/components/Content/Card/components/index.ts +1 -0
- package/src/components/Content/Content.tsx +83 -45
- package/src/components/Content/Sections.tsx +51 -10
- package/src/constants/dummySections.ts +48 -1
- package/src/hooks/Images/index.ts +2 -0
- package/src/hooks/Images/useImageLoader.ts +206 -0
- package/src/hooks/Images/useImageValidation.ts +36 -0
- package/src/hooks/index.ts +3 -0
- package/src/hooks/useAdTracking.ts +349 -0
- package/src/hooks/useCards.ts +228 -0
- package/src/hooks/usePaginatedSection.ts +26 -7
- package/src/types/sections/index.ts +7 -4
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useRef, useMemo, useCallback, useEffect } from 'react';
|
|
4
|
+
import { Dimensions } from 'react-native';
|
|
5
|
+
const CHECK_INTERVAL = 500;
|
|
6
|
+
const INITIAL_CHECK_DELAY = 100;
|
|
7
|
+
// Global set to track displayed ads - prevents duplicate tracking
|
|
8
|
+
const globalDisplayedAds = new Set();
|
|
9
|
+
// Lock to prevent race conditions when checking and adding ads
|
|
10
|
+
const trackingLock = new Map();
|
|
11
|
+
export const extractToken = trackingUrl => {
|
|
12
|
+
if (!trackingUrl) return '';
|
|
13
|
+
try {
|
|
14
|
+
const url = new URL(trackingUrl);
|
|
15
|
+
return url.searchParams.get('token') || '';
|
|
16
|
+
} catch {
|
|
17
|
+
const match = trackingUrl.match(/[?&]token=([^&]+)/);
|
|
18
|
+
return match?.[1] || '';
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Creates a unique ID for an ad to prevent duplicate tracking
|
|
24
|
+
* Priority: _id > token > mediaUrl > fallback
|
|
25
|
+
*/
|
|
26
|
+
export const createAdUniqueId = ad => {
|
|
27
|
+
// First try to use _id if available (most reliable)
|
|
28
|
+
if ('_id' in ad && ad._id) {
|
|
29
|
+
return `ad-${String(ad._id)}`;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
// Then try token from tracking URL
|
|
33
|
+
const token = extractToken(ad.tracking?.impression);
|
|
34
|
+
if (token) {
|
|
35
|
+
return `ad-token-${token}`;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// Then use mediaUrl
|
|
39
|
+
const mediaUrl = ad.mediaUrl || '';
|
|
40
|
+
if (mediaUrl) {
|
|
41
|
+
return `ad-media-${mediaUrl}`;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
// Last resort: use a combination of available fields
|
|
45
|
+
const clickUrl = ad.tracking?.click || '';
|
|
46
|
+
if (clickUrl) {
|
|
47
|
+
return `ad-click-${clickUrl}`;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
// Fallback (should rarely happen)
|
|
51
|
+
return `ad-fallback-${Date.now()}-${Math.random()}`;
|
|
52
|
+
};
|
|
53
|
+
export const useAdTracking = options => {
|
|
54
|
+
const {
|
|
55
|
+
ad,
|
|
56
|
+
onDisplayAds,
|
|
57
|
+
isLoading = false,
|
|
58
|
+
screenDimensions: propScreenDimensions,
|
|
59
|
+
viewportOffsets: propViewportOffsets
|
|
60
|
+
} = options;
|
|
61
|
+
const viewRef = useRef(null);
|
|
62
|
+
const layoutRef = useRef(null);
|
|
63
|
+
const hasDisplayedRef = useRef(false);
|
|
64
|
+
const onDisplayAdsRef = useRef(onDisplayAds);
|
|
65
|
+
const adRef = useRef(ad);
|
|
66
|
+
const isLoadingRef = useRef(isLoading);
|
|
67
|
+
useEffect(() => {
|
|
68
|
+
onDisplayAdsRef.current = onDisplayAds;
|
|
69
|
+
adRef.current = ad;
|
|
70
|
+
isLoadingRef.current = isLoading;
|
|
71
|
+
}, [onDisplayAds, ad, isLoading]);
|
|
72
|
+
const adUniqueId = useMemo(() => createAdUniqueId(ad), [ad]);
|
|
73
|
+
const screenDimensions = useMemo(() => propScreenDimensions || Dimensions.get('window'), [propScreenDimensions]);
|
|
74
|
+
const viewportOffsets = useMemo(() => ({
|
|
75
|
+
top: propViewportOffsets?.top ?? 50,
|
|
76
|
+
bottom: propViewportOffsets?.bottom ?? 100,
|
|
77
|
+
left: propViewportOffsets?.left ?? 20,
|
|
78
|
+
right: propViewportOffsets?.right ?? 20
|
|
79
|
+
}), [propViewportOffsets?.top, propViewportOffsets?.bottom, propViewportOffsets?.left, propViewportOffsets?.right]);
|
|
80
|
+
const viewportBounds = useMemo(() => {
|
|
81
|
+
const {
|
|
82
|
+
width: screenWidth,
|
|
83
|
+
height: screenHeight
|
|
84
|
+
} = screenDimensions;
|
|
85
|
+
return {
|
|
86
|
+
left: viewportOffsets.left,
|
|
87
|
+
right: screenWidth - viewportOffsets.right,
|
|
88
|
+
top: viewportOffsets.top,
|
|
89
|
+
bottom: screenHeight - viewportOffsets.bottom
|
|
90
|
+
};
|
|
91
|
+
}, [screenDimensions, viewportOffsets]);
|
|
92
|
+
const checkVisibility = useCallback(() => {
|
|
93
|
+
const layout = layoutRef.current;
|
|
94
|
+
if (!layout) {
|
|
95
|
+
return false;
|
|
96
|
+
}
|
|
97
|
+
const {
|
|
98
|
+
x,
|
|
99
|
+
y,
|
|
100
|
+
width,
|
|
101
|
+
height
|
|
102
|
+
} = layout;
|
|
103
|
+
const isVisible = x + width > viewportBounds.left && x < viewportBounds.right && y + height > viewportBounds.top && y < viewportBounds.bottom;
|
|
104
|
+
return isVisible;
|
|
105
|
+
}, [viewportBounds]);
|
|
106
|
+
const measureInWindow = useCallback(() => {
|
|
107
|
+
const view = viewRef.current;
|
|
108
|
+
if (!view) return;
|
|
109
|
+
view.measureInWindow((x, y, width, height) => {
|
|
110
|
+
layoutRef.current = {
|
|
111
|
+
x,
|
|
112
|
+
y,
|
|
113
|
+
width,
|
|
114
|
+
height
|
|
115
|
+
};
|
|
116
|
+
});
|
|
117
|
+
}, []);
|
|
118
|
+
|
|
119
|
+
/**
|
|
120
|
+
* Atomically checks and tracks ad display to prevent duplicate tracking
|
|
121
|
+
* Uses a lock mechanism to ensure only one instance can track the same ad
|
|
122
|
+
*/
|
|
123
|
+
const trackAdDisplay = useCallback(() => {
|
|
124
|
+
const currentOnDisplayAds = onDisplayAdsRef.current;
|
|
125
|
+
const currentIsLoading = isLoadingRef.current;
|
|
126
|
+
if (!currentOnDisplayAds || currentIsLoading) {
|
|
127
|
+
return false;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
// Early return if already displayed by this instance
|
|
131
|
+
if (hasDisplayedRef.current) {
|
|
132
|
+
return false;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
// Atomic check-and-set: if ad is already being tracked or displayed, return false
|
|
136
|
+
if (globalDisplayedAds.has(adUniqueId)) {
|
|
137
|
+
// Mark this instance as displayed to prevent further checks
|
|
138
|
+
hasDisplayedRef.current = true;
|
|
139
|
+
return false;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
// Set lock to prevent other instances from tracking the same ad
|
|
143
|
+
if (trackingLock.get(adUniqueId) === true) {
|
|
144
|
+
return false;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
// Acquire lock
|
|
148
|
+
trackingLock.set(adUniqueId, true);
|
|
149
|
+
try {
|
|
150
|
+
// Double-check after acquiring lock (another instance might have added it)
|
|
151
|
+
if (globalDisplayedAds.has(adUniqueId)) {
|
|
152
|
+
hasDisplayedRef.current = true;
|
|
153
|
+
return false;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
// Mark as displayed in both local and global state
|
|
157
|
+
hasDisplayedRef.current = true;
|
|
158
|
+
globalDisplayedAds.add(adUniqueId);
|
|
159
|
+
|
|
160
|
+
// Call the tracking callback
|
|
161
|
+
currentOnDisplayAds(adRef.current);
|
|
162
|
+
return true;
|
|
163
|
+
} finally {
|
|
164
|
+
// Release lock after a short delay to ensure callback completes
|
|
165
|
+
setTimeout(() => {
|
|
166
|
+
trackingLock.delete(adUniqueId);
|
|
167
|
+
}, 100);
|
|
168
|
+
}
|
|
169
|
+
}, [adUniqueId]);
|
|
170
|
+
const checkAndTrackVisibility = useCallback(() => {
|
|
171
|
+
// Early exit if already displayed
|
|
172
|
+
if (hasDisplayedRef.current) {
|
|
173
|
+
return;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
// Early exit if ad is already tracked globally or locked
|
|
177
|
+
if (globalDisplayedAds.has(adUniqueId) || trackingLock.get(adUniqueId) === true) {
|
|
178
|
+
// Mark this instance as displayed to prevent further checks
|
|
179
|
+
hasDisplayedRef.current = true;
|
|
180
|
+
return;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
// Check visibility before tracking
|
|
184
|
+
if (!checkVisibility()) {
|
|
185
|
+
return;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
// Attempt to track (will handle duplicate prevention internally)
|
|
189
|
+
trackAdDisplay();
|
|
190
|
+
}, [adUniqueId, checkVisibility, trackAdDisplay]);
|
|
191
|
+
const handleLayout = useCallback(() => {
|
|
192
|
+
const view = viewRef.current;
|
|
193
|
+
if (!view) return;
|
|
194
|
+
view.measureInWindow((x, y, width, height) => {
|
|
195
|
+
layoutRef.current = {
|
|
196
|
+
x,
|
|
197
|
+
y,
|
|
198
|
+
width,
|
|
199
|
+
height
|
|
200
|
+
};
|
|
201
|
+
requestAnimationFrame(() => {
|
|
202
|
+
checkAndTrackVisibility();
|
|
203
|
+
});
|
|
204
|
+
});
|
|
205
|
+
}, [checkAndTrackVisibility]);
|
|
206
|
+
useEffect(() => {
|
|
207
|
+
if (isLoadingRef.current) {
|
|
208
|
+
return undefined;
|
|
209
|
+
}
|
|
210
|
+
let timeoutId = null;
|
|
211
|
+
let rafId = null;
|
|
212
|
+
rafId = requestAnimationFrame(() => {
|
|
213
|
+
timeoutId = setTimeout(() => {
|
|
214
|
+
measureInWindow();
|
|
215
|
+
requestAnimationFrame(() => {
|
|
216
|
+
checkAndTrackVisibility();
|
|
217
|
+
});
|
|
218
|
+
}, INITIAL_CHECK_DELAY);
|
|
219
|
+
});
|
|
220
|
+
return () => {
|
|
221
|
+
if (rafId !== null) {
|
|
222
|
+
cancelAnimationFrame(rafId);
|
|
223
|
+
}
|
|
224
|
+
if (timeoutId !== null) {
|
|
225
|
+
clearTimeout(timeoutId);
|
|
226
|
+
}
|
|
227
|
+
};
|
|
228
|
+
}, [isLoading, checkAndTrackVisibility, measureInWindow]);
|
|
229
|
+
useEffect(() => {
|
|
230
|
+
if (!onDisplayAdsRef.current || hasDisplayedRef.current || isLoadingRef.current) {
|
|
231
|
+
return undefined;
|
|
232
|
+
}
|
|
233
|
+
let rafId = null;
|
|
234
|
+
let lastCheckTime = 0;
|
|
235
|
+
const checkWithThrottle = () => {
|
|
236
|
+
const now = Date.now();
|
|
237
|
+
if (now - lastCheckTime < CHECK_INTERVAL) {
|
|
238
|
+
rafId = requestAnimationFrame(checkWithThrottle);
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
lastCheckTime = now;
|
|
242
|
+
if (hasDisplayedRef.current || !viewRef.current) {
|
|
243
|
+
return;
|
|
244
|
+
}
|
|
245
|
+
measureInWindow();
|
|
246
|
+
requestAnimationFrame(() => {
|
|
247
|
+
if (!hasDisplayedRef.current) {
|
|
248
|
+
checkAndTrackVisibility();
|
|
249
|
+
}
|
|
250
|
+
if (!hasDisplayedRef.current) {
|
|
251
|
+
rafId = requestAnimationFrame(checkWithThrottle);
|
|
252
|
+
}
|
|
253
|
+
});
|
|
254
|
+
};
|
|
255
|
+
rafId = requestAnimationFrame(checkWithThrottle);
|
|
256
|
+
return () => {
|
|
257
|
+
if (rafId !== null) {
|
|
258
|
+
cancelAnimationFrame(rafId);
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
}, [checkAndTrackVisibility, measureInWindow]);
|
|
262
|
+
return {
|
|
263
|
+
viewRef,
|
|
264
|
+
layoutRef,
|
|
265
|
+
hasDisplayed: hasDisplayedRef,
|
|
266
|
+
adUniqueId,
|
|
267
|
+
handleLayout
|
|
268
|
+
};
|
|
269
|
+
};
|
|
270
|
+
//# sourceMappingURL=useAdTracking.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","useMemo","useCallback","useEffect","Dimensions","CHECK_INTERVAL","INITIAL_CHECK_DELAY","globalDisplayedAds","Set","trackingLock","Map","extractToken","trackingUrl","url","URL","searchParams","get","match","createAdUniqueId","ad","_id","String","token","tracking","impression","mediaUrl","clickUrl","click","Date","now","Math","random","useAdTracking","options","onDisplayAds","isLoading","screenDimensions","propScreenDimensions","viewportOffsets","propViewportOffsets","viewRef","layoutRef","hasDisplayedRef","onDisplayAdsRef","adRef","isLoadingRef","current","adUniqueId","top","bottom","left","right","viewportBounds","width","screenWidth","height","screenHeight","checkVisibility","layout","x","y","isVisible","measureInWindow","view","trackAdDisplay","currentOnDisplayAds","currentIsLoading","has","set","add","setTimeout","delete","checkAndTrackVisibility","handleLayout","requestAnimationFrame","undefined","timeoutId","rafId","cancelAnimationFrame","clearTimeout","lastCheckTime","checkWithThrottle","hasDisplayed"],"sourceRoot":"../../../src","sources":["hooks/useAdTracking.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Global Card Hook (No duplicates + single data key)
|
|
5
|
+
*
|
|
6
|
+
* Provides a unified interface for managing card data with:
|
|
7
|
+
* - Automatic deduplication
|
|
8
|
+
* - Skeleton loading states
|
|
9
|
+
* - Pagination support
|
|
10
|
+
* - Optimized performance
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
import { useMemo, useCallback } from 'react';
|
|
14
|
+
import { usePaginatedSection } from "./usePaginatedSection.js";
|
|
15
|
+
import { dummyContentData } from "../constants/dummySections.js";
|
|
16
|
+
// -----------------------------------------------------------
|
|
17
|
+
// Constants
|
|
18
|
+
// -----------------------------------------------------------
|
|
19
|
+
|
|
20
|
+
const DEFAULT_INITIAL_SKELETON = 5;
|
|
21
|
+
const DEFAULT_PAGING_SKELETON = 3;
|
|
22
|
+
|
|
23
|
+
// -----------------------------------------------------------
|
|
24
|
+
// Helpers
|
|
25
|
+
// -----------------------------------------------------------
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Normalizes different data source formats into a single array
|
|
29
|
+
*/
|
|
30
|
+
const normalize = src => {
|
|
31
|
+
if (!src) return [];
|
|
32
|
+
if (Array.isArray(src)) return src;
|
|
33
|
+
return src.data ?? [];
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Removes duplicate items by _id using Map for O(n) performance
|
|
38
|
+
* Preserves order of first occurrence
|
|
39
|
+
* Handles both IContentData and IAdItem types
|
|
40
|
+
*/
|
|
41
|
+
const uniqueById = list => {
|
|
42
|
+
if (list.length === 0) return [];
|
|
43
|
+
const seen = new Map();
|
|
44
|
+
const result = [];
|
|
45
|
+
for (const item of list) {
|
|
46
|
+
// Handle ads - check for type property and use appropriate ID field
|
|
47
|
+
if ('type' in item && item.type === 'ads') {
|
|
48
|
+
const adItem = item;
|
|
49
|
+
// Ads might have _id (from IServeAd) or use mediaUrl as identifier
|
|
50
|
+
let id;
|
|
51
|
+
if ('_id' in adItem && adItem._id) {
|
|
52
|
+
id = String(adItem._id);
|
|
53
|
+
} else if ('mediaUrl' in adItem && adItem.mediaUrl) {
|
|
54
|
+
id = `ad-${adItem.mediaUrl}`;
|
|
55
|
+
} else {
|
|
56
|
+
id = `ad-${Math.random()}`;
|
|
57
|
+
}
|
|
58
|
+
if (!seen.has(id)) {
|
|
59
|
+
seen.set(id, adItem);
|
|
60
|
+
result.push(adItem);
|
|
61
|
+
}
|
|
62
|
+
continue;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// Handle content items
|
|
66
|
+
const contentItem = item;
|
|
67
|
+
if (!contentItem?._id) continue; // Skip items without valid IDs
|
|
68
|
+
|
|
69
|
+
const id = String(contentItem._id);
|
|
70
|
+
if (!seen.has(id)) {
|
|
71
|
+
seen.set(id, contentItem);
|
|
72
|
+
result.push(contentItem);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return result;
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* Creates skeleton items for loading states
|
|
80
|
+
* Memoized by count to avoid unnecessary recreations
|
|
81
|
+
* Returns IContentData[] for skeleton loading (ads don't need skeletons)
|
|
82
|
+
*/
|
|
83
|
+
const createSkeletonItems = (count, prefix) => {
|
|
84
|
+
if (count <= 0) return [];
|
|
85
|
+
return Array.from({
|
|
86
|
+
length: count
|
|
87
|
+
}, (_, i) => dummyContentData(`${prefix}-${i}`));
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
// -----------------------------------------------------------
|
|
91
|
+
// Hook
|
|
92
|
+
// -----------------------------------------------------------
|
|
93
|
+
|
|
94
|
+
export function useCards({
|
|
95
|
+
sectionId,
|
|
96
|
+
data,
|
|
97
|
+
fetchMore,
|
|
98
|
+
loading = false,
|
|
99
|
+
initialSkeleton = DEFAULT_INITIAL_SKELETON,
|
|
100
|
+
pagingSkeleton = DEFAULT_PAGING_SKELETON,
|
|
101
|
+
adsRender = false
|
|
102
|
+
}) {
|
|
103
|
+
// Normalize input data
|
|
104
|
+
const baseItems = useMemo(() => normalize(data ?? {
|
|
105
|
+
data: []
|
|
106
|
+
}), [data]);
|
|
107
|
+
|
|
108
|
+
// Use pagination hook for data management
|
|
109
|
+
const {
|
|
110
|
+
data: list,
|
|
111
|
+
pagination,
|
|
112
|
+
loadMoreData,
|
|
113
|
+
isPaginating,
|
|
114
|
+
hasMore
|
|
115
|
+
} = usePaginatedSection(sectionId, fetchMore, baseItems, loading);
|
|
116
|
+
|
|
117
|
+
// Apply deduplication to the list (handles both content and ads)
|
|
118
|
+
const uniqueList = useMemo(() => uniqueById(list), [list]);
|
|
119
|
+
|
|
120
|
+
// Memoize skeleton items - only recreate when count changes
|
|
121
|
+
const initialSkeletonItems = useMemo(() => createSkeletonItems(initialSkeleton, 'sk'), [initialSkeleton]);
|
|
122
|
+
const pagingSkeletonItems = useMemo(() => createSkeletonItems(pagingSkeleton, 'pagination-skeleton'), [pagingSkeleton]);
|
|
123
|
+
|
|
124
|
+
// Filter ads if adsRender is false
|
|
125
|
+
const filteredList = useMemo(() => {
|
|
126
|
+
if (adsRender) return uniqueList;
|
|
127
|
+
return uniqueList.filter(item => item.type !== 'ads');
|
|
128
|
+
}, [uniqueList, adsRender]);
|
|
129
|
+
|
|
130
|
+
// Final data array for UI rendering
|
|
131
|
+
// Handles loading states and pagination skeletons
|
|
132
|
+
// Returns mixed array of IContentData | IAdItem (or only IContentData if adsRender is false)
|
|
133
|
+
const items = useMemo(() => {
|
|
134
|
+
// Show initial skeleton during initial load
|
|
135
|
+
if (loading) return initialSkeletonItems;
|
|
136
|
+
|
|
137
|
+
// Show data with pagination skeleton when loading more
|
|
138
|
+
if (isPaginating && filteredList.length > 0) {
|
|
139
|
+
return [...filteredList, ...pagingSkeletonItems];
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
// Return filtered list (with or without ads based on adsRender)
|
|
143
|
+
return filteredList;
|
|
144
|
+
}, [loading, isPaginating, filteredList, initialSkeletonItems, pagingSkeletonItems]);
|
|
145
|
+
|
|
146
|
+
// Determine if section is empty (only when not loading and no data)
|
|
147
|
+
const isEmpty = useMemo(() => !loading && filteredList.length === 0, [loading, filteredList.length]);
|
|
148
|
+
|
|
149
|
+
// Memoize loadMore callback to prevent unnecessary re-renders
|
|
150
|
+
const handleLoadMore = useCallback(async page => {
|
|
151
|
+
if (page && hasMore && !isPaginating) {
|
|
152
|
+
await loadMoreData(page);
|
|
153
|
+
}
|
|
154
|
+
}, [loadMoreData, hasMore, isPaginating]);
|
|
155
|
+
return {
|
|
156
|
+
listData: items,
|
|
157
|
+
pagination,
|
|
158
|
+
isPaging: isPaginating,
|
|
159
|
+
hasMore,
|
|
160
|
+
loadMore: handleLoadMore,
|
|
161
|
+
isEmpty
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
//# sourceMappingURL=useCards.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","useCallback","usePaginatedSection","dummyContentData","DEFAULT_INITIAL_SKELETON","DEFAULT_PAGING_SKELETON","normalize","src","Array","isArray","data","uniqueById","list","length","seen","Map","result","item","type","adItem","id","_id","String","mediaUrl","Math","random","has","set","push","contentItem","createSkeletonItems","count","prefix","from","_","i","useCards","sectionId","fetchMore","loading","initialSkeleton","pagingSkeleton","adsRender","baseItems","pagination","loadMoreData","isPaginating","hasMore","uniqueList","initialSkeletonItems","pagingSkeletonItems","filteredList","filter","items","isEmpty","handleLoadMore","page","listData","isPaging","loadMore"],"sourceRoot":"../../../src","sources":["hooks/useCards.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAE5C,SAASC,mBAAmB,QAAQ,0BAAuB;AAE3D,SAASC,gBAAgB,QAAQ,+BAA4B;AA6B7D;AACA;AACA;;AAEA,MAAMC,wBAAwB,GAAG,CAAC;AAClC,MAAMC,uBAAuB,GAAG,CAAC;;AAEjC;AACA;AACA;;AAEA;AACA;AACA;AACA,MAAMC,SAAS,GAAIC,GAAe,IAAiC;EACjE,IAAI,CAACA,GAAG,EAAE,OAAO,EAAE;EACnB,IAAIC,KAAK,CAACC,OAAO,CAACF,GAAG,CAAC,EAAE,OAAOA,GAAG;EAClC,OAAOA,GAAG,CAACG,IAAI,IAAI,EAAE;AACvB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GACdC,IAAgC,IACD;EAC/B,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;EAEhC,MAAMC,IAAI,GAAG,IAAIC,GAAG,CAAiC,CAAC;EACtD,MAAMC,MAAkC,GAAG,EAAE;EAE7C,KAAK,MAAMC,IAAI,IAAIL,IAAI,EAAE;IACvB;IACA,IAAI,MAAM,IAAIK,IAAI,IAAIA,IAAI,CAACC,IAAI,KAAK,KAAK,EAAE;MACzC,MAAMC,MAAM,GAAGF,IAAe;MAC9B;MACA,IAAIG,EAAU;MACd,IAAI,KAAK,IAAID,MAAM,IAAIA,MAAM,CAACE,GAAG,EAAE;QACjCD,EAAE,GAAGE,MAAM,CAACH,MAAM,CAACE,GAAG,CAAC;MACzB,CAAC,MAAM,IAAI,UAAU,IAAIF,MAAM,IAAIA,MAAM,CAACI,QAAQ,EAAE;QAClDH,EAAE,GAAG,MAAMD,MAAM,CAACI,QAAQ,EAAE;MAC9B,CAAC,MAAM;QACLH,EAAE,GAAG,MAAMI,IAAI,CAACC,MAAM,CAAC,CAAC,EAAE;MAC5B;MAEA,IAAI,CAACX,IAAI,CAACY,GAAG,CAACN,EAAE,CAAC,EAAE;QACjBN,IAAI,CAACa,GAAG,CAACP,EAAE,EAAED,MAAM,CAAC;QACpBH,MAAM,CAACY,IAAI,CAACT,MAAM,CAAC;MACrB;MACA;IACF;;IAEA;IACA,MAAMU,WAAW,GAAGZ,IAAoB;IACxC,IAAI,CAACY,WAAW,EAAER,GAAG,EAAE,SAAS,CAAC;;IAEjC,MAAMD,EAAE,GAAGE,MAAM,CAACO,WAAW,CAACR,GAAG,CAAC;IAClC,IAAI,CAACP,IAAI,CAACY,GAAG,CAACN,EAAE,CAAC,EAAE;MACjBN,IAAI,CAACa,GAAG,CAACP,EAAE,EAAES,WAAW,CAAC;MACzBb,MAAM,CAACY,IAAI,CAACC,WAAW,CAAC;IAC1B;EACF;EAEA,OAAOb,MAAM;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMc,mBAAmB,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAqB;EAC7E,IAAID,KAAK,IAAI,CAAC,EAAE,OAAO,EAAE;EACzB,OAAOvB,KAAK,CAACyB,IAAI,CAAC;IAAEpB,MAAM,EAAEkB;EAAM,CAAC,EAAE,CAACG,CAAC,EAAEC,CAAC,KACxChC,gBAAgB,CAAC,GAAG6B,MAAM,IAAIG,CAAC,EAAE,CACnC,CAAC;AACH,CAAC;;AAED;AACA;AACA;;AAEA,OAAO,SAASC,QAAQA,CAAC;EACvBC,SAAS;EACT3B,IAAI;EACJ4B,SAAS;EACTC,OAAO,GAAG,KAAK;EACfC,eAAe,GAAGpC,wBAAwB;EAC1CqC,cAAc,GAAGpC,uBAAuB;EACxCqC,SAAS,GAAG;AACG,CAAC,EAAkB;EAClC;EACA,MAAMC,SAAS,GAAG3C,OAAO,CAAC,MAAMM,SAAS,CAACI,IAAI,IAAI;IAAEA,IAAI,EAAE;EAAG,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;;EAExE;EACA,MAAM;IACJA,IAAI,EAAEE,IAAI;IACVgC,UAAU;IACVC,YAAY;IACZC,YAAY;IACZC;EACF,CAAC,GAAG7C,mBAAmB,CACrBmC,SAAS,EACTC,SAAS,EACTK,SAAS,EACTJ,OACF,CAAC;;EAED;EACA,MAAMS,UAAU,GAAGhD,OAAO,CACxB,MAAMW,UAAU,CAACC,IAAkC,CAAC,EACpD,CAACA,IAAI,CACP,CAAC;;EAED;EACA,MAAMqC,oBAAoB,GAAGjD,OAAO,CAClC,MAAM8B,mBAAmB,CAACU,eAAe,EAAE,IAAI,CAAC,EAChD,CAACA,eAAe,CAClB,CAAC;EAED,MAAMU,mBAAmB,GAAGlD,OAAO,CACjC,MAAM8B,mBAAmB,CAACW,cAAc,EAAE,qBAAqB,CAAC,EAChE,CAACA,cAAc,CACjB,CAAC;;EAED;EACA,MAAMU,YAAY,GAAGnD,OAAO,CAAC,MAAM;IACjC,IAAI0C,SAAS,EAAE,OAAOM,UAAU;IAChC,OAAOA,UAAU,CAACI,MAAM,CACrBnC,IAAI,IAA2BA,IAAI,CAACC,IAAI,KAAK,KAChD,CAAC;EACH,CAAC,EAAE,CAAC8B,UAAU,EAAEN,SAAS,CAAC,CAAC;;EAE3B;EACA;EACA;EACA,MAAMW,KAAK,GAAGrD,OAAO,CAAC,MAAM;IAC1B;IACA,IAAIuC,OAAO,EAAE,OAAOU,oBAAoB;;IAExC;IACA,IAAIH,YAAY,IAAIK,YAAY,CAACtC,MAAM,GAAG,CAAC,EAAE;MAC3C,OAAO,CACL,GAAGsC,YAAY,EACf,GAAID,mBAAkD,CACvD;IACH;;IAEA;IACA,OAAOC,YAAY;EACrB,CAAC,EAAE,CACDZ,OAAO,EACPO,YAAY,EACZK,YAAY,EACZF,oBAAoB,EACpBC,mBAAmB,CACpB,CAAC;;EAEF;EACA,MAAMI,OAAO,GAAGtD,OAAO,CACrB,MAAM,CAACuC,OAAO,IAAIY,YAAY,CAACtC,MAAM,KAAK,CAAC,EAC3C,CAAC0B,OAAO,EAAEY,YAAY,CAACtC,MAAM,CAC/B,CAAC;;EAED;EACA,MAAM0C,cAAc,GAAGtD,WAAW,CAChC,MAAOuD,IAAmB,IAAK;IAC7B,IAAIA,IAAI,IAAIT,OAAO,IAAI,CAACD,YAAY,EAAE;MACpC,MAAMD,YAAY,CAACW,IAAI,CAAC;IAC1B;EACF,CAAC,EACD,CAACX,YAAY,EAAEE,OAAO,EAAED,YAAY,CACtC,CAAC;EAED,OAAO;IACLW,QAAQ,EAAEJ,KAAK;IACfT,UAAU;IACVc,QAAQ,EAAEZ,YAAY;IACtBC,OAAO;IACPY,QAAQ,EAAEJ,cAAc;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -11,7 +11,7 @@ export function usePaginatedSection(sectionId, fetchFn, initialData = [], isLoad
|
|
|
11
11
|
hasNextPage: true,
|
|
12
12
|
nextPage: 2
|
|
13
13
|
});
|
|
14
|
-
const [
|
|
14
|
+
const [isPaginating, setIsPaginating] = useState(false);
|
|
15
15
|
|
|
16
16
|
// Sync initial data on mount or loading complete
|
|
17
17
|
React.useEffect(() => {
|
|
@@ -20,8 +20,8 @@ export function usePaginatedSection(sectionId, fetchFn, initialData = [], isLoad
|
|
|
20
20
|
}
|
|
21
21
|
}, [isLoading, initialData.length, initialData]);
|
|
22
22
|
const loadMoreData = useCallback(async page => {
|
|
23
|
-
if (!page ||
|
|
24
|
-
|
|
23
|
+
if (!page || isPaginating || !pagination.hasNextPage || !fetchFn) return;
|
|
24
|
+
setIsPaginating(true);
|
|
25
25
|
try {
|
|
26
26
|
const res = await fetchFn({
|
|
27
27
|
sectionId,
|
|
@@ -32,6 +32,11 @@ export function usePaginatedSection(sectionId, fetchFn, initialData = [], isLoad
|
|
|
32
32
|
});
|
|
33
33
|
if (!res || !res.data || !res.meta?.pagination) {
|
|
34
34
|
console.warn(`⚠️ Invalid response for section: ${sectionId}`, res);
|
|
35
|
+
// Stop further pagination attempts for this section
|
|
36
|
+
setPagination({
|
|
37
|
+
hasNextPage: false,
|
|
38
|
+
nextPage: null
|
|
39
|
+
});
|
|
35
40
|
return;
|
|
36
41
|
}
|
|
37
42
|
const {
|
|
@@ -50,13 +55,13 @@ export function usePaginatedSection(sectionId, fetchFn, initialData = [], isLoad
|
|
|
50
55
|
} catch (err) {
|
|
51
56
|
console.error(`❌ Error loading section [${sectionId}]:`, err);
|
|
52
57
|
} finally {
|
|
53
|
-
|
|
58
|
+
setIsPaginating(false);
|
|
54
59
|
}
|
|
55
|
-
}, [
|
|
60
|
+
}, [isPaginating, pagination.hasNextPage, fetchFn, sectionId]);
|
|
56
61
|
return {
|
|
57
62
|
data,
|
|
58
63
|
pagination,
|
|
59
|
-
|
|
64
|
+
isPaginating,
|
|
60
65
|
hasMore: pagination.hasNextPage,
|
|
61
66
|
loadMoreData
|
|
62
67
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","usePaginatedSection","sectionId","fetchFn","initialData","isLoading","data","setData","pagination","setPagination","hasNextPage","nextPage","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","usePaginatedSection","sectionId","fetchFn","initialData","isLoading","data","setData","pagination","setPagination","hasNextPage","nextPage","isPaginating","setIsPaginating","useEffect","length","loadMoreData","page","res","meta","console","warn","prev","existingIds","Set","map","item","_id","newItems","filter","has","err","error","hasMore"],"sourceRoot":"../../../src","sources":["hooks/usePaginatedSection.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAiBpD,OAAO,SAASC,mBAAmBA,CACjCC,SAAiB,EACjBC,OAA0B,EAC1BC,WAAgB,GAAG,EAAE,EACrBC,SAAmB,EACnB;EACA,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGP,QAAQ,CAAMI,WAAW,CAAC;EAClD,MAAM,CAACI,UAAU,EAAEC,aAAa,CAAC,GAAGT,QAAQ,CAGzC;IACDU,WAAW,EAAE,IAAI;IACjBC,QAAQ,EAAE;EACZ,CAAC,CAAC;EACF,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;;EAEvD;EACAF,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpB,IAAI,CAACT,SAAS,IAAID,WAAW,CAACW,MAAM,EAAE;MACpCR,OAAO,CAACH,WAAW,CAAC;IACtB;EACF,CAAC,EAAE,CAACC,SAAS,EAAED,WAAW,CAACW,MAAM,EAAEX,WAAW,CAAC,CAAC;EAEhD,MAAMY,YAAY,GAAGjB,WAAW,CAC9B,MAAOkB,IAAmB,IAAK;IAC7B,IAAI,CAACA,IAAI,IAAIL,YAAY,IAAI,CAACJ,UAAU,CAACE,WAAW,IAAI,CAACP,OAAO,EAAE;IAElEU,eAAe,CAAC,IAAI,CAAC;IACrB,IAAI;MACF,MAAMK,GAAG,GAAG,MAAMf,OAAO,CAAC;QACxBD,SAAS;QACTiB,IAAI,EAAE;UACJT,WAAW,EAAEF,UAAU,CAACE,WAAW;UACnCC,QAAQ,EAAEM;QACZ;MACF,CAAC,CAAC;MAEF,IAAI,CAACC,GAAG,IAAI,CAACA,GAAG,CAACZ,IAAI,IAAI,CAACY,GAAG,CAACC,IAAI,EAAEX,UAAU,EAAE;QAC9CY,OAAO,CAACC,IAAI,CAAC,oCAAoCnB,SAAS,EAAE,EAAEgB,GAAG,CAAC;QAClE;QACAT,aAAa,CAAC;UACZC,WAAW,EAAE,KAAK;UAClBC,QAAQ,EAAE;QACZ,CAAC,CAAC;QACF;MACF;MAEA,MAAM;QAAED,WAAW;QAAEC;MAAS,CAAC,GAAGO,GAAG,CAACC,IAAI,CAACX,UAAU;MAErDD,OAAO,CAAEe,IAAI,IAAK;QAChB,MAAMC,WAAW,GAAG,IAAIC,GAAG,CACxBF,IAAI,CAAWG,GAAG,CAAEC,IAAS,IAAKA,IAAI,CAACC,GAAG,CAC7C,CAAC;QACD,MAAMC,QAAQ,GAAGV,GAAG,CAACZ,IAAI,CAACuB,MAAM,CAC7BH,IAAS,IAAK,CAACH,WAAW,CAACO,GAAG,CAACJ,IAAI,CAACC,GAAG,CAC1C,CAAC;QACD,OAAO,CAAC,GAAGL,IAAI,EAAE,GAAGM,QAAQ,CAAC;MAC/B,CAAC,CAAC;MAEFnB,aAAa,CAAC;QACZC,WAAW;QACXC;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOoB,GAAG,EAAE;MACZX,OAAO,CAACY,KAAK,CAAC,4BAA4B9B,SAAS,IAAI,EAAE6B,GAAG,CAAC;IAC/D,CAAC,SAAS;MACRlB,eAAe,CAAC,KAAK,CAAC;IACxB;EACF,CAAC,EACD,CAACD,YAAY,EAAEJ,UAAU,CAACE,WAAW,EAAEP,OAAO,EAAED,SAAS,CAC3D,CAAC;EAED,OAAO;IACLI,IAAI;IACJE,UAAU;IACVI,YAAY;IACZqB,OAAO,EAAEzB,UAAU,CAACE,WAAW;IAC/BM;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -10,6 +10,8 @@ export type QrLoginProps = {
|
|
|
10
10
|
scanButtonText?: string;
|
|
11
11
|
onBackPress?: () => void;
|
|
12
12
|
onScanSuccess?: (value: string) => void;
|
|
13
|
+
onScanError?: (error: string) => void;
|
|
14
|
+
allowMultipleScans?: boolean;
|
|
13
15
|
theme?: ThemeOverride;
|
|
14
16
|
};
|
|
15
17
|
export declare const QrLogin: React.FC<QrLoginProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QrLogin.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Auth/QrLogin/QrLogin.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"QrLogin.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Auth/QrLogin/QrLogin.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA+B3D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAwOF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgP1C,CAAC;AAgEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QrViewArea.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Auth/QrLogin/components/QrViewArea.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAkD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"QrViewArea.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Auth/QrLogin/components/QrViewArea.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAWvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAmB9D,KAAK,eAAe,GAAG;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AA+MF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6HzC,CAAC;AAoDF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/Category/Category.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/Category/Category.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAiBf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAG9D,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAUF,QAAA,MAAM,YAAY,qGAQb,iBAAiB,6CAwUrB,CAAC;AAiCF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NowWatching.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/NowWatching/NowWatching.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAetB,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAU,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAItE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"NowWatching.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/NowWatching/NowWatching.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAetB,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAU,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAItE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8ClE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;IAC7B,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,oBAAoB,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QACrB,UAAU,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAC9B,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;KAC/B,KAAK,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QACzB,IAAI,EAAE,YAAY,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;;AAwfF,wBAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"One.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Content/Card/Sliders/Styles/One.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAK5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"One.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Content/Card/Sliders/Styles/One.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAK5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA2BlE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,GAAG,kBAAkB,CAAC;;AA2avB,wBAA+B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Two.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Content/Card/Sliders/Styles/Two.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Two.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Content/Card/Sliders/Styles/Two.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA0ClE,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,GAAG,kBAAkB,CAAC;;AA4TvB,wBAA+B"}
|
|
@@ -6,7 +6,7 @@ import React from 'react';
|
|
|
6
6
|
import { type StyleProp, type ViewStyle, type TextStyle, type AccessibilityProps } from 'react-native';
|
|
7
7
|
import type { ThemeOverride } from '../../../../theme/themes';
|
|
8
8
|
import type { IGetSectionData, ISectionContent, MoreFetchData } from '../../../../types';
|
|
9
|
-
import type { IContentData } from '@zezosoft/zezo-ott-api-client';
|
|
9
|
+
import type { IContentData, IServeAd } from '@zezosoft/zezo-ott-api-client';
|
|
10
10
|
type MovieCardFiveProps = {
|
|
11
11
|
theme?: ThemeOverride;
|
|
12
12
|
title: string;
|
|
@@ -27,10 +27,22 @@ type MovieCardFiveProps = {
|
|
|
27
27
|
itemWidth?: number;
|
|
28
28
|
borderRadius?: number;
|
|
29
29
|
skeletonCount?: number;
|
|
30
|
+
paginationSkeletonCount?: number;
|
|
30
31
|
containerStyle?: StyleProp<ViewStyle>;
|
|
31
32
|
titleStyle?: StyleProp<TextStyle>;
|
|
32
33
|
itemStyle?: StyleProp<ViewStyle>;
|
|
33
34
|
isLoading?: boolean;
|
|
35
|
+
onDisplayAds?: (ad: IServeAd) => void;
|
|
36
|
+
screenDimensions?: {
|
|
37
|
+
width: number;
|
|
38
|
+
height: number;
|
|
39
|
+
};
|
|
40
|
+
viewportOffsets?: {
|
|
41
|
+
top: number;
|
|
42
|
+
bottom: number;
|
|
43
|
+
left: number;
|
|
44
|
+
right: number;
|
|
45
|
+
};
|
|
34
46
|
} & AccessibilityProps;
|
|
35
47
|
declare const _default: React.NamedExoticComponent<MovieCardFiveProps>;
|
|
36
48
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Five.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/Styles/Five.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Five.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/Styles/Five.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,kBAAkB,EACxB,MAAM,cAAc,CAAC;AAWtB,OAAO,KAAK,EAAU,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAEV,eAAe,EACf,eAAe,EACf,aAAa,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAwB5E,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QACrB,UAAU,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAC9B,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;KAC/B,KAAK,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QACzB,IAAI,EAAE,YAAY,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,GAAG,kBAAkB,CAAC;;AAoSvB,wBAAmC"}
|
|
@@ -6,7 +6,7 @@ import React from 'react';
|
|
|
6
6
|
import { type StyleProp, type TextStyle, type ViewStyle, type AccessibilityProps } from 'react-native';
|
|
7
7
|
import type { IGetSectionData, ISectionContent, MoreFetchData } from '../../../../types';
|
|
8
8
|
import type { ThemeOverride } from '../../../../theme/themes';
|
|
9
|
-
import type { IContentData } from '@zezosoft/zezo-ott-api-client';
|
|
9
|
+
import type { IContentData, IServeAd } from '@zezosoft/zezo-ott-api-client';
|
|
10
10
|
type MovieCardFourProps = {
|
|
11
11
|
title: string;
|
|
12
12
|
section_id: string;
|
|
@@ -29,9 +29,21 @@ type MovieCardFourProps = {
|
|
|
29
29
|
skeletonCount?: number;
|
|
30
30
|
containerStyle?: StyleProp<ViewStyle>;
|
|
31
31
|
titleStyle?: StyleProp<TextStyle>;
|
|
32
|
+
paginationSkeletonCount?: number;
|
|
32
33
|
itemStyle?: StyleProp<ViewStyle>;
|
|
33
34
|
isLoading?: boolean;
|
|
34
35
|
theme?: ThemeOverride;
|
|
36
|
+
onDisplayAds?: (ad: IServeAd) => void;
|
|
37
|
+
screenDimensions?: {
|
|
38
|
+
width: number;
|
|
39
|
+
height: number;
|
|
40
|
+
};
|
|
41
|
+
viewportOffsets?: {
|
|
42
|
+
top: number;
|
|
43
|
+
bottom: number;
|
|
44
|
+
left: number;
|
|
45
|
+
right: number;
|
|
46
|
+
};
|
|
35
47
|
} & AccessibilityProps;
|
|
36
48
|
declare const _default: React.NamedExoticComponent<MovieCardFourProps>;
|
|
37
49
|
export default _default;
|