@zezosoft/zezo-ott-react-native-ui-kit 1.1.0 → 1.1.2
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/Styles/globalStyles.js +0 -5
- package/lib/module/Styles/globalStyles.js.map +1 -1
- package/lib/module/components/Auth/AuthProvider/AuthProvider.js +64 -40
- package/lib/module/components/Auth/AuthProvider/AuthProvider.js.map +1 -1
- package/lib/module/components/Auth/ForgotPassword/ForgotPassword.js +5 -2
- package/lib/module/components/Auth/ForgotPassword/ForgotPassword.js.map +1 -1
- package/lib/module/components/Auth/Login/LoginWithEmail.js +17 -11
- package/lib/module/components/Auth/Login/LoginWithEmail.js.map +1 -1
- package/lib/module/components/Auth/Login/LoginWithPhone.js +12 -6
- package/lib/module/components/Auth/Login/LoginWithPhone.js.map +1 -1
- package/lib/module/components/Auth/OTP/OTP.js +7 -4
- package/lib/module/components/Auth/OTP/OTP.js.map +1 -1
- package/lib/module/components/Auth/QrLogin/QrLogin.js +133 -86
- package/lib/module/components/Auth/QrLogin/QrLogin.js.map +1 -1
- package/lib/module/components/Auth/QrLogin/components/QrViewArea.js +174 -109
- package/lib/module/components/Auth/QrLogin/components/QrViewArea.js.map +1 -1
- package/lib/module/components/Auth/SignUp/SignUp.js +19 -13
- package/lib/module/components/Auth/SignUp/SignUp.js.map +1 -1
- package/lib/module/components/Auth/SplashScreen/SplashScreen.js +54 -36
- package/lib/module/components/Auth/SplashScreen/SplashScreen.js.map +1 -1
- package/lib/module/components/Auth/SplashScreen/components/SplashImage/SplashImage.js +29 -11
- package/lib/module/components/Auth/SplashScreen/components/SplashImage/SplashImage.js.map +1 -1
- package/lib/module/components/Auth/SplashScreen/components/SplashLottie/SplashLottie.js +13 -7
- package/lib/module/components/Auth/SplashScreen/components/SplashLottie/SplashLottie.js.map +1 -1
- package/lib/module/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.js +33 -21
- package/lib/module/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.js.map +1 -1
- package/lib/module/components/BackgroundLayout/BackgroundLayout.js +26 -20
- package/lib/module/components/BackgroundLayout/BackgroundLayout.js.map +1 -1
- package/lib/module/components/BlogView/BlogView.js +36 -20
- package/lib/module/components/BlogView/BlogView.js.map +1 -1
- package/lib/module/components/BottomSheet/BottomSheet.js +152 -0
- package/lib/module/components/BottomSheet/BottomSheet.js.map +1 -0
- package/lib/module/components/BottomSheet/index.js +4 -0
- package/lib/module/components/BottomSheet/index.js.map +1 -0
- package/lib/module/components/Button/BackBtn.js +46 -16
- package/lib/module/components/Button/BackBtn.js.map +1 -1
- package/lib/module/components/Button/PrimaryBtn.js +19 -13
- package/lib/module/components/Button/PrimaryBtn.js.map +1 -1
- package/lib/module/components/Button/SecondaryBtn.js +19 -13
- package/lib/module/components/Button/SecondaryBtn.js.map +1 -1
- package/lib/module/components/Button/TextButton.js +19 -13
- package/lib/module/components/Button/TextButton.js.map +1 -1
- package/lib/module/components/Content/Card/Category/Category.js +70 -37
- package/lib/module/components/Content/Card/Category/Category.js.map +1 -1
- package/lib/module/components/Content/Card/Sliders/Styles/One.js +40 -32
- package/lib/module/components/Content/Card/Sliders/Styles/One.js.map +1 -1
- package/lib/module/components/Content/Card/Sliders/Styles/Two.js +109 -48
- package/lib/module/components/Content/Card/Sliders/Styles/Two.js.map +1 -1
- package/lib/module/components/Content/Card/Styles/RotateInOut.js +4 -11
- package/lib/module/components/Content/Card/Styles/RotateInOut.js.map +1 -1
- package/lib/module/components/Content/Card/components/CardPoster.js +105 -43
- package/lib/module/components/Content/Card/components/CardPoster.js.map +1 -1
- package/lib/module/components/Content/Card/components/RentOrBuyIcon.js +18 -17
- package/lib/module/components/Content/Card/components/RentOrBuyIcon.js.map +1 -1
- package/lib/module/components/Content/Card/components/ThumbnailCard.js +78 -28
- package/lib/module/components/Content/Card/components/ThumbnailCard.js.map +1 -1
- package/lib/module/components/Content/Content.js +44 -25
- package/lib/module/components/Content/Content.js.map +1 -1
- package/lib/module/components/Content/Sections.js +37 -29
- package/lib/module/components/Content/Sections.js.map +1 -1
- package/lib/module/components/ContentView/ContentView.js +70 -41
- package/lib/module/components/ContentView/ContentView.js.map +1 -1
- package/lib/module/components/ContentView/MoreContentList.js +74 -40
- package/lib/module/components/ContentView/MoreContentList.js.map +1 -1
- package/lib/module/components/ContentView/components/AboutSection.js +40 -19
- package/lib/module/components/ContentView/components/AboutSection.js.map +1 -1
- package/lib/module/components/ContentView/components/CastCard.js +6 -7
- package/lib/module/components/ContentView/components/CastCard.js.map +1 -1
- package/lib/module/components/ContentView/components/EpisodeCard.js +2 -2
- package/lib/module/components/ContentView/components/EpisodeCard.js.map +1 -1
- package/lib/module/components/ContentView/components/GenreTags.js +25 -13
- package/lib/module/components/ContentView/components/GenreTags.js.map +1 -1
- package/lib/module/components/ContentView/components/HeroBanner.js +39 -11
- package/lib/module/components/ContentView/components/HeroBanner.js.map +1 -1
- package/lib/module/components/ContentView/components/MiniInfo.js +84 -77
- package/lib/module/components/ContentView/components/MiniInfo.js.map +1 -1
- package/lib/module/components/ContentView/components/PlayButton.js +11 -7
- package/lib/module/components/ContentView/components/PlayButton.js.map +1 -1
- package/lib/module/components/ContentView/components/Title.js +12 -12
- package/lib/module/components/ContentView/components/Title.js.map +1 -1
- package/lib/module/components/ContentView/components/TrailerButton.js +12 -7
- package/lib/module/components/ContentView/components/TrailerButton.js.map +1 -1
- package/lib/module/components/Fallbacks/NoContentFallback.js +27 -22
- package/lib/module/components/Fallbacks/NoContentFallback.js.map +1 -1
- package/lib/module/components/Fallbacks/NotFoundFallback.js +6 -4
- package/lib/module/components/Fallbacks/NotFoundFallback.js.map +1 -1
- package/lib/module/components/Headers/AppHeader.js +22 -13
- package/lib/module/components/Headers/AppHeader.js.map +1 -1
- package/lib/module/components/Headers/Three.js +6 -5
- package/lib/module/components/Headers/Three.js.map +1 -1
- package/lib/module/components/Headers/Two.js +19 -14
- package/lib/module/components/Headers/Two.js.map +1 -1
- package/lib/module/components/Input/InputOne.js +46 -31
- package/lib/module/components/Input/InputOne.js.map +1 -1
- package/lib/module/components/Loader/Loader.js +2 -2
- package/lib/module/components/Loader/Loader.js.map +1 -1
- package/lib/module/components/Logo/Logo.js +17 -14
- package/lib/module/components/Logo/Logo.js.map +1 -1
- package/lib/module/components/Reels/ReelsSeries/MediaControls/BottomControls.js +134 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/BottomControls.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.js +154 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/MiddleControls.js +173 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/MiddleControls.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/RightControls.js +77 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/RightControls.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/TopControls.js +132 -0
- package/lib/module/components/Reels/ReelsSeries/MediaControls/TopControls.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/Model/DetailsModal.js +165 -0
- package/lib/module/components/Reels/ReelsSeries/Model/DetailsModal.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/Model/SettingModal.js +106 -0
- package/lib/module/components/Reels/ReelsSeries/Model/SettingModal.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/Model/UnlockModal.js +124 -0
- package/lib/module/components/Reels/ReelsSeries/Model/UnlockModal.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/ReelsSeries.js +102 -64
- package/lib/module/components/Reels/ReelsSeries/ReelsSeries.js.map +1 -1
- package/lib/module/components/Reels/ReelsSeries/ReelsSeriesItem.js +241 -232
- package/lib/module/components/Reels/ReelsSeries/ReelsSeriesItem.js.map +1 -1
- package/lib/module/components/Reels/ReelsSeries/components/AnimatedThreeLines.js +153 -0
- package/lib/module/components/Reels/ReelsSeries/components/AnimatedThreeLines.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/{Model → components}/Episodes.js +46 -36
- package/lib/module/components/Reels/ReelsSeries/components/Episodes.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/components/GradientOverlay.js +35 -0
- package/lib/module/components/Reels/ReelsSeries/components/GradientOverlay.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/components/Like.js +37 -0
- package/lib/module/components/Reels/ReelsSeries/components/Like.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/components/RotatingLoader.js +55 -0
- package/lib/module/components/Reels/ReelsSeries/components/RotatingLoader.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/components/Synopsis.js +268 -0
- package/lib/module/components/Reels/ReelsSeries/components/Synopsis.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/components/VideoControls/QualityControl.js +143 -0
- package/lib/module/components/Reels/ReelsSeries/components/VideoControls/QualityControl.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.js +56 -0
- package/lib/module/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.js.map +1 -0
- package/lib/module/components/Reels/ReelsSeries/components/VideoControls/index.js +5 -0
- package/lib/module/components/Reels/ReelsSeries/components/VideoControls/index.js.map +1 -0
- package/lib/module/components/Reels/utils/Controls/gestureUtils.js +30 -0
- package/lib/module/components/Reels/utils/Controls/gestureUtils.js.map +1 -0
- package/lib/module/components/Reels/utils/Controls/index.js +7 -0
- package/lib/module/components/Reels/utils/Controls/index.js.map +1 -0
- package/lib/module/components/Reels/utils/Controls/overlayUtils.js +28 -0
- package/lib/module/components/Reels/utils/Controls/overlayUtils.js.map +1 -0
- package/lib/module/components/Reels/utils/Controls/videoControlsConstants.js +27 -0
- package/lib/module/components/Reels/utils/Controls/videoControlsConstants.js.map +1 -0
- package/lib/module/components/Reels/utils/Controls/videoRef.js +5 -0
- package/lib/module/components/Reels/utils/Controls/videoRef.js.map +1 -0
- package/lib/module/components/Reels/utils/index.js +4 -0
- package/lib/module/components/Reels/utils/index.js.map +1 -0
- package/lib/module/components/Reels/utils/timeoutUtils.js +24 -0
- package/lib/module/components/Reels/utils/timeoutUtils.js.map +1 -0
- package/lib/module/components/Search/One.js +2 -1
- package/lib/module/components/Search/One.js.map +1 -1
- package/lib/module/components/Search/components/SearchCard.js +15 -19
- package/lib/module/components/Search/components/SearchCard.js.map +1 -1
- package/lib/module/components/Settings/AppSettings.js +97 -62
- package/lib/module/components/Settings/AppSettings.js.map +1 -1
- package/lib/module/components/Subscription/SubOne.js +313 -254
- package/lib/module/components/Subscription/SubOne.js.map +1 -1
- package/lib/module/components/Text/Text.js +15 -12
- package/lib/module/components/Text/Text.js.map +1 -1
- package/lib/module/components/User/DeviceSessions/DeviceSessions.js +25 -23
- package/lib/module/components/User/DeviceSessions/DeviceSessions.js.map +1 -1
- package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js +23 -18
- package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js.map +1 -1
- package/lib/module/components/User/PurchaseHistory/PurchaseHistory.js +38 -24
- package/lib/module/components/User/PurchaseHistory/PurchaseHistory.js.map +1 -1
- package/lib/module/components/User/WatchHistory/WatchHistory.js +21 -14
- package/lib/module/components/User/WatchHistory/WatchHistory.js.map +1 -1
- package/lib/module/components/User/WatchLater/WatchLater.js +30 -21
- package/lib/module/components/User/WatchLater/WatchLater.js.map +1 -1
- package/lib/module/components/User/components/UserAvatar.js +38 -19
- package/lib/module/components/User/components/UserAvatar.js.map +1 -1
- package/lib/module/components/User/components/UserSection.js +37 -17
- package/lib/module/components/User/components/UserSection.js.map +1 -1
- package/lib/module/components/View/View.js +7 -4
- package/lib/module/components/View/View.js.map +1 -1
- package/lib/module/components/index.js +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/hooks/index.js +17 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useDebounce.js +25 -6
- package/lib/module/hooks/useDebounce.js.map +1 -1
- package/lib/module/hooks/useKeyboard.js +7 -4
- package/lib/module/hooks/useKeyboard.js.map +1 -1
- package/lib/module/hooks/useNavigationMode.js +10 -4
- package/lib/module/hooks/useNavigationMode.js.map +1 -1
- package/lib/module/hooks/usePaginatedSection.js +1 -1
- package/lib/module/hooks/usePaginatedSection.js.map +1 -1
- package/lib/module/hooks/usePrevious.js +30 -0
- package/lib/module/hooks/usePrevious.js.map +1 -0
- package/lib/module/hooks/useSafeCallback.js +33 -0
- package/lib/module/hooks/useSafeCallback.js.map +1 -0
- package/lib/module/hooks/useSkeletonItems.js +33 -0
- package/lib/module/hooks/useSkeletonItems.js.map +1 -0
- package/lib/module/hooks/useSplashCache.js +2 -1
- package/lib/module/hooks/useSplashCache.js.map +1 -1
- package/lib/module/hooks/useThemeColors.js +33 -0
- package/lib/module/hooks/useThemeColors.js.map +1 -0
- package/lib/module/theme/ThemeProvider.js +24 -15
- package/lib/module/theme/ThemeProvider.js.map +1 -1
- package/lib/module/theme/hook/useInternalTheme.js +18 -11
- package/lib/module/theme/hook/useInternalTheme.js.map +1 -1
- package/lib/module/theme/hook/useThemeStatusBar.js +10 -4
- package/lib/module/theme/hook/useThemeStatusBar.js.map +1 -1
- package/lib/module/theme/themes.js +3 -3
- package/lib/typescript/src/Styles/globalStyles.d.ts +0 -5
- package/lib/typescript/src/Styles/globalStyles.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/AuthProvider/AuthProvider.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/ForgotPassword/ForgotPassword.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/Login/LoginWithEmail.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/Login/LoginWithPhone.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/OTP/OTP.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts +0 -15
- package/lib/typescript/src/components/Auth/QrLogin/QrLogin.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/QrLogin/components/QrViewArea.d.ts +0 -1
- package/lib/typescript/src/components/Auth/QrLogin/components/QrViewArea.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/SignUp/SignUp.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/SplashScreen/SplashScreen.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/SplashScreen/components/SplashImage/SplashImage.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/SplashScreen/components/SplashLottie/SplashLottie.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.d.ts.map +1 -1
- package/lib/typescript/src/components/Auth/index.d.ts.map +1 -1
- package/lib/typescript/src/components/BackgroundLayout/BackgroundLayout.d.ts +1 -1
- package/lib/typescript/src/components/BackgroundLayout/BackgroundLayout.d.ts.map +1 -1
- package/lib/typescript/src/components/BlogView/BlogView.d.ts +2 -1
- package/lib/typescript/src/components/BlogView/BlogView.d.ts.map +1 -1
- package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts +18 -0
- package/lib/typescript/src/components/BottomSheet/BottomSheet.d.ts.map +1 -0
- package/lib/typescript/src/components/BottomSheet/index.d.ts +3 -0
- package/lib/typescript/src/components/BottomSheet/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Button/BackBtn.d.ts +5 -3
- package/lib/typescript/src/components/Button/BackBtn.d.ts.map +1 -1
- package/lib/typescript/src/components/Button/PrimaryBtn.d.ts +2 -1
- package/lib/typescript/src/components/Button/PrimaryBtn.d.ts.map +1 -1
- package/lib/typescript/src/components/Button/SecondaryBtn.d.ts +2 -1
- package/lib/typescript/src/components/Button/SecondaryBtn.d.ts.map +1 -1
- package/lib/typescript/src/components/Button/TextButton.d.ts +2 -2
- package/lib/typescript/src/components/Button/TextButton.d.ts.map +1 -1
- package/lib/typescript/src/components/Button/index.d.ts +4 -2
- package/lib/typescript/src/components/Button/index.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/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/RotateInOut.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/components/CardPoster.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/components/RentOrBuyIcon.d.ts +2 -2
- package/lib/typescript/src/components/Content/Card/components/RentOrBuyIcon.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/components/ThumbnailCard.d.ts +2 -0
- package/lib/typescript/src/components/Content/Card/components/ThumbnailCard.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Content.d.ts +2 -0
- package/lib/typescript/src/components/Content/Content.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Sections.d.ts +2 -2
- package/lib/typescript/src/components/Content/Sections.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/ContentView.d.ts +6 -1
- package/lib/typescript/src/components/ContentView/ContentView.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/MoreContentList.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/AboutSection.d.ts +2 -1
- package/lib/typescript/src/components/ContentView/components/AboutSection.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/CastCard.d.ts +6 -1
- package/lib/typescript/src/components/ContentView/components/CastCard.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/EpisodeCard.d.ts +2 -1
- package/lib/typescript/src/components/ContentView/components/EpisodeCard.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/GenreTags.d.ts +1 -1
- package/lib/typescript/src/components/ContentView/components/GenreTags.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/HeroBanner.d.ts +2 -1
- package/lib/typescript/src/components/ContentView/components/HeroBanner.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/MiniInfo.d.ts +1 -1
- package/lib/typescript/src/components/ContentView/components/MiniInfo.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/PlayButton.d.ts +2 -1
- package/lib/typescript/src/components/ContentView/components/PlayButton.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/Title.d.ts +1 -1
- package/lib/typescript/src/components/ContentView/components/Title.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/TrailerButton.d.ts +2 -1
- package/lib/typescript/src/components/ContentView/components/TrailerButton.d.ts.map +1 -1
- package/lib/typescript/src/components/Fallbacks/NoContentFallback.d.ts +2 -1
- package/lib/typescript/src/components/Fallbacks/NoContentFallback.d.ts.map +1 -1
- package/lib/typescript/src/components/Fallbacks/NotFoundFallback.d.ts +1 -1
- package/lib/typescript/src/components/Fallbacks/NotFoundFallback.d.ts.map +1 -1
- package/lib/typescript/src/components/Headers/AppHeader.d.ts +2 -2
- package/lib/typescript/src/components/Headers/AppHeader.d.ts.map +1 -1
- package/lib/typescript/src/components/Headers/Three.d.ts +2 -2
- package/lib/typescript/src/components/Headers/Three.d.ts.map +1 -1
- package/lib/typescript/src/components/Headers/Two.d.ts +2 -2
- package/lib/typescript/src/components/Headers/Two.d.ts.map +1 -1
- package/lib/typescript/src/components/Headers/index.d.ts +2 -2
- package/lib/typescript/src/components/Input/Input.d.ts +1 -1
- package/lib/typescript/src/components/Input/InputOne.d.ts +2 -2
- package/lib/typescript/src/components/Input/InputOne.d.ts.map +1 -1
- package/lib/typescript/src/components/Loader/Loader.d.ts.map +1 -1
- package/lib/typescript/src/components/Logo/Logo.d.ts +2 -1
- package/lib/typescript/src/components/Logo/Logo.d.ts.map +1 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/BottomControls.d.ts +14 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/BottomControls.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.d.ts +60 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/MiddleControls.d.ts +14 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/MiddleControls.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/RightControls.d.ts +14 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/RightControls.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/TopControls.d.ts +12 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/MediaControls/TopControls.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/DetailsModal.d.ts +16 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/DetailsModal.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/SettingModal.d.ts +15 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/SettingModal.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/UnlockModal.d.ts +14 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/UnlockModal.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeries.d.ts +8 -2
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeries.d.ts.map +1 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeriesItem.d.ts +8 -2
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelsSeriesItem.d.ts.map +1 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/components/AnimatedThreeLines.d.ts +13 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/AnimatedThreeLines.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/{Model → components}/Episodes.d.ts +3 -2
- package/lib/typescript/src/components/Reels/ReelsSeries/components/Episodes.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/GradientOverlay.d.ts +7 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/GradientOverlay.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/Like.d.ts +7 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/Like.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/RotatingLoader.d.ts +12 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/RotatingLoader.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/Synopsis.d.ts +12 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/Synopsis.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/VideoControls/QualityControl.d.ts +11 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/VideoControls/QualityControl.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.d.ts +10 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/VideoControls/index.d.ts +3 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/components/VideoControls/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/types.d.ts +13 -0
- package/lib/typescript/src/components/Reels/ReelsSeries/types.d.ts.map +1 -1
- package/lib/typescript/src/components/Reels/utils/Controls/gestureUtils.d.ts +10 -0
- package/lib/typescript/src/components/Reels/utils/Controls/gestureUtils.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/utils/Controls/index.d.ts +5 -0
- package/lib/typescript/src/components/Reels/utils/Controls/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/utils/Controls/overlayUtils.d.ts +12 -0
- package/lib/typescript/src/components/Reels/utils/Controls/overlayUtils.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/utils/Controls/videoControlsConstants.d.ts +24 -0
- package/lib/typescript/src/components/Reels/utils/Controls/videoControlsConstants.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/utils/Controls/videoRef.d.ts +3 -0
- package/lib/typescript/src/components/Reels/utils/Controls/videoRef.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/utils/index.d.ts +2 -0
- package/lib/typescript/src/components/Reels/utils/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Reels/utils/timeoutUtils.d.ts +14 -0
- package/lib/typescript/src/components/Reels/utils/timeoutUtils.d.ts.map +1 -0
- package/lib/typescript/src/components/Search/One.d.ts.map +1 -1
- package/lib/typescript/src/components/Search/components/SearchCard.d.ts +2 -5
- package/lib/typescript/src/components/Search/components/SearchCard.d.ts.map +1 -1
- package/lib/typescript/src/components/Search/index.d.ts +1 -1
- package/lib/typescript/src/components/Settings/AppSettings.d.ts +2 -2
- package/lib/typescript/src/components/Settings/AppSettings.d.ts.map +1 -1
- package/lib/typescript/src/components/Subscription/SubOne.d.ts.map +1 -1
- package/lib/typescript/src/components/Subscription/index.d.ts.map +1 -1
- package/lib/typescript/src/components/Text/Text.d.ts +2 -2
- package/lib/typescript/src/components/Text/Text.d.ts.map +1 -1
- package/lib/typescript/src/components/User/DeviceSessions/DeviceSessions.d.ts +1 -1
- package/lib/typescript/src/components/User/DeviceSessions/DeviceSessions.d.ts.map +1 -1
- package/lib/typescript/src/components/User/ProfileUpdate/ProfileUpdate.d.ts +1 -1
- package/lib/typescript/src/components/User/ProfileUpdate/ProfileUpdate.d.ts.map +1 -1
- package/lib/typescript/src/components/User/PurchaseHistory/PurchaseHistory.d.ts +1 -1
- package/lib/typescript/src/components/User/PurchaseHistory/PurchaseHistory.d.ts.map +1 -1
- package/lib/typescript/src/components/User/WatchHistory/WatchHistory.d.ts +1 -1
- package/lib/typescript/src/components/User/WatchHistory/WatchHistory.d.ts.map +1 -1
- package/lib/typescript/src/components/User/WatchLater/WatchLater.d.ts +1 -1
- package/lib/typescript/src/components/User/WatchLater/WatchLater.d.ts.map +1 -1
- package/lib/typescript/src/components/User/components/UserAvatar.d.ts +1 -1
- package/lib/typescript/src/components/User/components/UserAvatar.d.ts.map +1 -1
- package/lib/typescript/src/components/User/components/UserSection.d.ts +1 -1
- package/lib/typescript/src/components/User/components/UserSection.d.ts.map +1 -1
- package/lib/typescript/src/components/View/View.d.ts +2 -0
- package/lib/typescript/src/components/View/View.d.ts.map +1 -1
- package/lib/typescript/src/components/index.d.ts +1 -1
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/lib/typescript/src/hooks/index.d.ts +14 -0
- package/lib/typescript/src/hooks/index.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useDebounce.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useKeyboard.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useNavigationMode.d.ts.map +1 -1
- package/lib/typescript/src/hooks/usePrevious.d.ts +12 -0
- package/lib/typescript/src/hooks/usePrevious.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useSafeCallback.d.ts +15 -0
- package/lib/typescript/src/hooks/useSafeCallback.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useSkeletonItems.d.ts +11 -0
- package/lib/typescript/src/hooks/useSkeletonItems.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useSplashCache.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useThemeColors.d.ts +27 -0
- package/lib/typescript/src/hooks/useThemeColors.d.ts.map +1 -0
- package/lib/typescript/src/theme/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/src/theme/hook/useInternalTheme.d.ts.map +1 -1
- package/lib/typescript/src/theme/hook/useThemeStatusBar.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/Styles/globalStyles.ts +0 -5
- package/src/components/Auth/AuthProvider/AuthProvider.tsx +288 -212
- package/src/components/Auth/ForgotPassword/ForgotPassword.tsx +11 -4
- package/src/components/Auth/Login/LoginWithEmail.tsx +266 -238
- package/src/components/Auth/Login/LoginWithPhone.tsx +18 -6
- package/src/components/Auth/OTP/OTP.tsx +21 -5
- package/src/components/Auth/QrLogin/QrLogin.tsx +225 -185
- package/src/components/Auth/QrLogin/components/QrViewArea.tsx +282 -166
- package/src/components/Auth/SignUp/SignUp.tsx +312 -293
- package/src/components/Auth/SplashScreen/SplashScreen.tsx +186 -131
- package/src/components/Auth/SplashScreen/components/SplashImage/SplashImage.tsx +32 -15
- package/src/components/Auth/SplashScreen/components/SplashLottie/SplashLottie.tsx +11 -5
- package/src/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.tsx +34 -18
- package/src/components/BackgroundLayout/BackgroundLayout.tsx +43 -37
- package/src/components/BlogView/BlogView.tsx +66 -30
- package/src/components/BottomSheet/BottomSheet.tsx +195 -0
- package/src/components/BottomSheet/index.ts +2 -0
- package/src/components/Button/BackBtn.tsx +87 -24
- package/src/components/Button/PrimaryBtn.tsx +42 -25
- package/src/components/Button/SecondaryBtn.tsx +41 -25
- package/src/components/Button/TextButton.tsx +54 -32
- package/src/components/Content/Card/Category/Category.tsx +94 -56
- package/src/components/Content/Card/Sliders/Styles/One.tsx +63 -47
- package/src/components/Content/Card/Sliders/Styles/Two.tsx +131 -51
- package/src/components/Content/Card/Styles/RotateInOut.tsx +7 -9
- package/src/components/Content/Card/components/CardPoster.tsx +136 -55
- package/src/components/Content/Card/components/RentOrBuyIcon.tsx +58 -38
- package/src/components/Content/Card/components/ThumbnailCard.tsx +122 -47
- package/src/components/Content/Content.tsx +164 -97
- package/src/components/Content/Sections.tsx +99 -43
- package/src/components/ContentView/ContentView.tsx +194 -128
- package/src/components/ContentView/MoreContentList.tsx +215 -151
- package/src/components/ContentView/components/AboutSection.tsx +132 -93
- package/src/components/ContentView/components/CastCard.tsx +148 -138
- package/src/components/ContentView/components/EpisodeCard.tsx +160 -155
- package/src/components/ContentView/components/GenreTags.tsx +68 -53
- package/src/components/ContentView/components/HeroBanner.tsx +326 -284
- package/src/components/ContentView/components/MiniInfo.tsx +181 -159
- package/src/components/ContentView/components/PlayButton.tsx +27 -16
- package/src/components/ContentView/components/Title.tsx +89 -72
- package/src/components/ContentView/components/TrailerButton.tsx +35 -22
- package/src/components/Fallbacks/NoContentFallback.tsx +107 -103
- package/src/components/Fallbacks/NotFoundFallback.tsx +12 -4
- package/src/components/Headers/AppHeader.tsx +42 -26
- package/src/components/Headers/Three.tsx +12 -8
- package/src/components/Headers/Two.tsx +31 -10
- package/src/components/Input/InputOne.tsx +136 -108
- package/src/components/Loader/Loader.tsx +2 -2
- package/src/components/Logo/Logo.tsx +43 -27
- package/src/components/Reels/ReelsSeries/MediaControls/BottomControls.tsx +156 -0
- package/src/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.tsx +234 -0
- package/src/components/Reels/ReelsSeries/MediaControls/MiddleControls.tsx +196 -0
- package/src/components/Reels/ReelsSeries/MediaControls/RightControls.tsx +92 -0
- package/src/components/Reels/ReelsSeries/MediaControls/TopControls.tsx +163 -0
- package/src/components/Reels/ReelsSeries/Model/DetailsModal.tsx +210 -0
- package/src/components/Reels/ReelsSeries/Model/SettingModal.tsx +143 -0
- package/src/components/Reels/ReelsSeries/Model/UnlockModal.tsx +154 -0
- package/src/components/Reels/ReelsSeries/ReelsSeries.tsx +142 -74
- package/src/components/Reels/ReelsSeries/ReelsSeriesItem.tsx +349 -250
- package/src/components/Reels/ReelsSeries/components/AnimatedThreeLines.tsx +184 -0
- package/src/components/Reels/ReelsSeries/{Model → components}/Episodes.tsx +54 -33
- package/src/components/Reels/ReelsSeries/components/GradientOverlay.tsx +41 -0
- package/src/components/Reels/ReelsSeries/components/Like.tsx +40 -0
- package/src/components/Reels/ReelsSeries/components/RotatingLoader.tsx +79 -0
- package/src/components/Reels/ReelsSeries/components/Synopsis.tsx +332 -0
- package/src/components/Reels/ReelsSeries/components/VideoControls/QualityControl.tsx +190 -0
- package/src/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.tsx +80 -0
- package/src/components/Reels/ReelsSeries/components/VideoControls/index.ts +2 -0
- package/src/components/Reels/ReelsSeries/types.ts +13 -2
- package/src/components/Reels/utils/Controls/gestureUtils.ts +42 -0
- package/src/components/Reels/utils/Controls/index.ts +4 -0
- package/src/components/Reels/utils/Controls/overlayUtils.ts +35 -0
- package/src/components/Reels/utils/Controls/videoControlsConstants.ts +25 -0
- package/src/components/Reels/utils/Controls/videoRef.ts +4 -0
- package/src/components/Reels/utils/index.ts +1 -0
- package/src/components/Reels/utils/timeoutUtils.ts +29 -0
- package/src/components/Search/One.tsx +2 -4
- package/src/components/Search/components/SearchCard.tsx +19 -13
- package/src/components/Settings/AppSettings.tsx +217 -128
- package/src/components/Subscription/SubOne.tsx +394 -317
- package/src/components/Text/Text.tsx +33 -22
- package/src/components/User/DeviceSessions/DeviceSessions.tsx +129 -102
- package/src/components/User/ProfileUpdate/ProfileUpdate.tsx +36 -17
- package/src/components/User/PurchaseHistory/PurchaseHistory.tsx +194 -140
- package/src/components/User/WatchHistory/WatchHistory.tsx +63 -36
- package/src/components/User/WatchLater/WatchLater.tsx +119 -81
- package/src/components/User/components/UserAvatar.tsx +49 -15
- package/src/components/User/components/UserSection.tsx +71 -37
- package/src/components/View/View.tsx +10 -2
- package/src/components/index.ts +1 -1
- package/src/hooks/index.ts +14 -0
- package/src/hooks/useDebounce.ts +25 -6
- package/src/hooks/useKeyboard.ts +12 -5
- package/src/hooks/useNavigationMode.ts +16 -5
- package/src/hooks/usePaginatedSection.ts +1 -1
- package/src/hooks/usePrevious.ts +28 -0
- package/src/hooks/useSafeCallback.ts +43 -0
- package/src/hooks/useSkeletonItems.ts +30 -0
- package/src/hooks/useSplashCache.ts +2 -1
- package/src/hooks/useThemeColors.ts +51 -0
- package/src/theme/ThemeProvider.tsx +33 -11
- package/src/theme/hook/useInternalTheme.ts +19 -13
- package/src/theme/hook/useThemeStatusBar.ts +14 -5
- package/src/theme/themes.ts +3 -3
- package/lib/module/components/Reels/ReelsSeries/Model/Episodes.js.map +0 -1
- package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js +0 -212
- package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js.map +0 -1
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js +0 -182
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js.map +0 -1
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js +0 -203
- package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js.map +0 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/Episodes.d.ts.map +0 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/Synopsis.d.ts +0 -9
- package/lib/typescript/src/components/Reels/ReelsSeries/Model/Synopsis.d.ts.map +0 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.d.ts +0 -13
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.d.ts.map +0 -1
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesOverlay.d.ts +0 -18
- package/lib/typescript/src/components/Reels/ReelsSeries/ReelSeriesOverlay.d.ts.map +0 -1
- package/src/components/Reels/ReelsSeries/Model/Synopsis.tsx +0 -242
- package/src/components/Reels/ReelsSeries/ReelSeriesDetailsModal.tsx +0 -209
- package/src/components/Reels/ReelsSeries/ReelSeriesOverlay.tsx +0 -185
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* @lastModified Tue 11 Nov 2025 at 09:23 PM
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import React from 'react';
|
|
8
|
+
import React, { useMemo, useCallback } from 'react';
|
|
9
9
|
import { View, StyleSheet } from 'react-native';
|
|
10
10
|
import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
|
|
11
11
|
import { scale } from 'react-native-size-matters';
|
|
@@ -21,7 +21,7 @@ export function formatCurrency(amount, currency = 'INR') {
|
|
|
21
21
|
maximumFractionDigits: 2
|
|
22
22
|
}).format(amount);
|
|
23
23
|
}
|
|
24
|
-
export const MiniInfo = ({
|
|
24
|
+
export const MiniInfo = /*#__PURE__*/React.memo(({
|
|
25
25
|
content,
|
|
26
26
|
theme,
|
|
27
27
|
userData,
|
|
@@ -33,20 +33,93 @@ export const MiniInfo = ({
|
|
|
33
33
|
const {
|
|
34
34
|
theme: appliedTheme
|
|
35
35
|
} = useInternalTheme(theme);
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
|
|
37
|
+
// All hooks must be called before any early returns
|
|
38
|
+
const textLabels = useMemo(() => ({
|
|
38
39
|
purchased: labels?.purchased || 'Purchased',
|
|
39
40
|
rented: labels?.rented || 'Rented',
|
|
40
41
|
buyOrRent: labels?.buyOrRent || 'Buy or Rent',
|
|
41
42
|
rentedExpiryPrefix: labels?.rentedExpiryPrefix || '',
|
|
42
43
|
purchasedMsg: labels?.purchasedMsg || 'You purchased this content'
|
|
43
|
-
};
|
|
44
|
+
}), [labels]);
|
|
45
|
+
const containerStyle = useMemo(() => [styles.container, style?.container, {
|
|
46
|
+
backgroundColor: appliedTheme.colors.background,
|
|
47
|
+
borderColor: appliedTheme.colors.border
|
|
48
|
+
}], [style?.container, appliedTheme.colors.background, appliedTheme.colors.border]);
|
|
49
|
+
const badgeStyle = useMemo(() => [styles.badge, {
|
|
50
|
+
backgroundColor: appliedTheme.colors.primary,
|
|
51
|
+
shadowColor: appliedTheme.colors.textPrimary
|
|
52
|
+
}, style?.badge], [appliedTheme.colors.primary, appliedTheme.colors.textPrimary, style?.badge]);
|
|
53
|
+
const badgeTextStyle = useMemo(() => ({
|
|
54
|
+
color: appliedTheme.colors.onPrimary,
|
|
55
|
+
fontWeight: '600'
|
|
56
|
+
}), [appliedTheme.colors.onPrimary]);
|
|
57
|
+
|
|
58
|
+
// Memoize price info style
|
|
59
|
+
const priceTextStyle = useMemo(() => [styles.subTitle, {
|
|
60
|
+
color: appliedTheme.colors.textPrimary
|
|
61
|
+
}, style?.price], [appliedTheme.colors.textPrimary, style?.price]);
|
|
62
|
+
|
|
63
|
+
// Memoize expiry text style
|
|
64
|
+
const expiryTextStyle = useMemo(() => ({
|
|
65
|
+
color: appliedTheme.colors.textSecondary,
|
|
66
|
+
marginTop: scale(4)
|
|
67
|
+
}), [appliedTheme.colors.textSecondary]);
|
|
68
|
+
|
|
69
|
+
// Extract content values safely
|
|
70
|
+
const content_offering_type = content?.content_offering_type;
|
|
71
|
+
const price = content?.price;
|
|
72
|
+
const is_buy_or_rent = content?.is_buy_or_rent;
|
|
73
|
+
const rent_duration = content?.rent_duration;
|
|
74
|
+
const renderBadge = useCallback(() => {
|
|
75
|
+
let text = textLabels.buyOrRent;
|
|
76
|
+
if (userData?.is_buy_or_rent === 'BUY') {
|
|
77
|
+
text = textLabels.purchased;
|
|
78
|
+
} else if (userData?.is_buy_or_rent === 'RENT') {
|
|
79
|
+
text = textLabels.rented;
|
|
80
|
+
}
|
|
81
|
+
return /*#__PURE__*/_jsx(View, {
|
|
82
|
+
style: badgeStyle,
|
|
83
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
84
|
+
type: "caption",
|
|
85
|
+
style: badgeTextStyle,
|
|
86
|
+
children: text
|
|
87
|
+
})
|
|
88
|
+
});
|
|
89
|
+
}, [textLabels, userData?.is_buy_or_rent, badgeStyle, badgeTextStyle]);
|
|
90
|
+
const renderPriceInfo = useCallback(() => {
|
|
91
|
+
if (!price) return null;
|
|
92
|
+
const text = is_buy_or_rent === 'BUY' ? `Price: ${formatCurrency(price)}` : `Rent: ${formatCurrency(price)} for ${rent_duration ?? 1} day(s)`;
|
|
93
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
94
|
+
type: "subtitle",
|
|
95
|
+
style: priceTextStyle,
|
|
96
|
+
children: text
|
|
97
|
+
});
|
|
98
|
+
}, [price, is_buy_or_rent, rent_duration, priceTextStyle]);
|
|
99
|
+
const renderUserExpiry = useCallback(() => {
|
|
100
|
+
if (!userData?.is_buy_or_rent) return null;
|
|
101
|
+
if (userData.is_buy_or_rent === 'BUY') {
|
|
102
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
103
|
+
type: "caption",
|
|
104
|
+
style: expiryTextStyle,
|
|
105
|
+
children: textLabels.purchasedMsg
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
if (userData.is_buy_or_rent === 'RENT') {
|
|
109
|
+
return /*#__PURE__*/_jsxs(Text, {
|
|
110
|
+
type: "caption",
|
|
111
|
+
style: expiryTextStyle,
|
|
112
|
+
children: [textLabels.rentedExpiryPrefix, " ", userData?.rent_expiry_date]
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
return null;
|
|
116
|
+
}, [userData, textLabels, expiryTextStyle]);
|
|
117
|
+
|
|
118
|
+
// Early returns after all hooks
|
|
119
|
+
if (!visible) return null;
|
|
44
120
|
if (isLoading) {
|
|
45
121
|
return /*#__PURE__*/_jsx(View, {
|
|
46
|
-
style:
|
|
47
|
-
backgroundColor: appliedTheme.colors.background,
|
|
48
|
-
borderColor: appliedTheme.colors.border
|
|
49
|
-
}],
|
|
122
|
+
style: containerStyle,
|
|
50
123
|
children: /*#__PURE__*/_jsxs(SkeletonPlaceholder, {
|
|
51
124
|
backgroundColor: appliedTheme.colors.skeletonBaseColor,
|
|
52
125
|
highlightColor: appliedTheme.colors.skeletonHighlightColor,
|
|
@@ -78,81 +151,15 @@ export const MiniInfo = ({
|
|
|
78
151
|
});
|
|
79
152
|
}
|
|
80
153
|
if (!content) return null;
|
|
81
|
-
const {
|
|
82
|
-
content_offering_type,
|
|
83
|
-
price,
|
|
84
|
-
is_buy_or_rent,
|
|
85
|
-
rent_duration
|
|
86
|
-
} = content;
|
|
87
154
|
if (content_offering_type !== 'BUY_OR_RENT') return null;
|
|
88
|
-
const renderBadge = () => {
|
|
89
|
-
let text = textLabels.buyOrRent;
|
|
90
|
-
if (userData?.is_buy_or_rent === 'BUY') {
|
|
91
|
-
text = textLabels.purchased;
|
|
92
|
-
} else if (userData?.is_buy_or_rent === 'RENT') {
|
|
93
|
-
text = textLabels.rented;
|
|
94
|
-
}
|
|
95
|
-
return /*#__PURE__*/_jsx(View, {
|
|
96
|
-
style: [styles.badge, {
|
|
97
|
-
backgroundColor: appliedTheme.colors.primary,
|
|
98
|
-
shadowColor: appliedTheme.colors.textPrimary
|
|
99
|
-
}, style?.badge],
|
|
100
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
101
|
-
type: "caption",
|
|
102
|
-
style: {
|
|
103
|
-
color: appliedTheme.colors.onPrimary,
|
|
104
|
-
fontWeight: '600'
|
|
105
|
-
},
|
|
106
|
-
children: text
|
|
107
|
-
})
|
|
108
|
-
});
|
|
109
|
-
};
|
|
110
|
-
const renderPriceInfo = () => {
|
|
111
|
-
if (!price) return null;
|
|
112
|
-
const text = is_buy_or_rent === 'BUY' ? `Price: ${formatCurrency(price)}` : `Rent: ${formatCurrency(price)} for ${rent_duration ?? 1} day(s)`;
|
|
113
|
-
return /*#__PURE__*/_jsx(Text, {
|
|
114
|
-
type: "subtitle",
|
|
115
|
-
style: [styles.subTitle, {
|
|
116
|
-
color: appliedTheme.colors.textPrimary
|
|
117
|
-
}, style?.price],
|
|
118
|
-
children: text
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
const renderUserExpiry = () => {
|
|
122
|
-
if (!userData?.is_buy_or_rent) return null;
|
|
123
|
-
if (userData.is_buy_or_rent === 'BUY') {
|
|
124
|
-
return /*#__PURE__*/_jsx(Text, {
|
|
125
|
-
type: "caption",
|
|
126
|
-
style: {
|
|
127
|
-
color: appliedTheme.colors.textSecondary,
|
|
128
|
-
marginTop: scale(4)
|
|
129
|
-
},
|
|
130
|
-
children: textLabels.purchasedMsg
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
if (userData.is_buy_or_rent === 'RENT') {
|
|
134
|
-
return /*#__PURE__*/_jsxs(Text, {
|
|
135
|
-
type: "caption",
|
|
136
|
-
style: {
|
|
137
|
-
color: appliedTheme.colors.textSecondary,
|
|
138
|
-
marginTop: scale(4)
|
|
139
|
-
},
|
|
140
|
-
children: [textLabels.rentedExpiryPrefix, " ", userData?.rent_expiry_date]
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
return null;
|
|
144
|
-
};
|
|
145
155
|
return /*#__PURE__*/_jsxs(View, {
|
|
146
|
-
style:
|
|
147
|
-
backgroundColor: appliedTheme.colors.background,
|
|
148
|
-
borderColor: appliedTheme.colors.border
|
|
149
|
-
}],
|
|
156
|
+
style: containerStyle,
|
|
150
157
|
children: [/*#__PURE__*/_jsx(View, {
|
|
151
158
|
style: styles.headerRow,
|
|
152
159
|
children: renderBadge()
|
|
153
160
|
}), !userData?.is_buy_or_rent && renderPriceInfo(), renderUserExpiry()]
|
|
154
161
|
});
|
|
155
|
-
};
|
|
162
|
+
});
|
|
156
163
|
const styles = StyleSheet.create({
|
|
157
164
|
container: {
|
|
158
165
|
borderWidth: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","SkeletonPlaceholder","scale","Text","RFValue","useInternalTheme","jsx","_jsx","jsxs","_jsxs","formatCurrency","amount","currency","Intl","NumberFormat","style","minimumFractionDigits","maximumFractionDigits","format","MiniInfo","content","theme","userData","isLoading","labels","visible","appliedTheme","textLabels","purchased","rented","buyOrRent","rentedExpiryPrefix","purchasedMsg","styles","container","backgroundColor","colors","background","borderColor","border","
|
|
1
|
+
{"version":3,"names":["React","useMemo","useCallback","View","StyleSheet","SkeletonPlaceholder","scale","Text","RFValue","useInternalTheme","jsx","_jsx","jsxs","_jsxs","formatCurrency","amount","currency","Intl","NumberFormat","style","minimumFractionDigits","maximumFractionDigits","format","MiniInfo","memo","content","theme","userData","isLoading","labels","visible","appliedTheme","textLabels","purchased","rented","buyOrRent","rentedExpiryPrefix","purchasedMsg","containerStyle","styles","container","backgroundColor","colors","background","borderColor","border","badgeStyle","badge","primary","shadowColor","textPrimary","badgeTextStyle","color","onPrimary","fontWeight","priceTextStyle","subTitle","price","expiryTextStyle","textSecondary","marginTop","content_offering_type","is_buy_or_rent","rent_duration","renderBadge","text","children","type","renderPriceInfo","renderUserExpiry","rent_expiry_date","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","flexDirection","alignItems","marginBottom","width","height","borderRadius","marginLeft","headerRow","create","borderWidth","padding","marginHorizontal","marginVertical","justifyContent","paddingHorizontal","paddingVertical","fontSize"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/MiniInfo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,29 +5,33 @@
|
|
|
5
5
|
* @lastModified Wed 02 Jul 2025 at 03:38 PM
|
|
6
6
|
* */
|
|
7
7
|
|
|
8
|
+
import React, { useMemo } from 'react';
|
|
8
9
|
import { TouchableOpacity, StyleSheet } from 'react-native';
|
|
9
10
|
import { PlayCircleIcon } from 'lucide-react-native';
|
|
10
11
|
import { moderateScale, scale, verticalScale } from 'react-native-size-matters';
|
|
12
|
+
import { useSafePressHandler } from "../../../hooks/useSafeCallback.js";
|
|
11
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
export const PlayButton = ({
|
|
14
|
+
export const PlayButton = /*#__PURE__*/React.memo(({
|
|
13
15
|
onPress,
|
|
14
16
|
size = scale(40),
|
|
15
17
|
color = 'black',
|
|
16
18
|
backgroundColor = '#FFD700'
|
|
17
19
|
}) => {
|
|
20
|
+
const buttonStyle = useMemo(() => [styles.button, {
|
|
21
|
+
backgroundColor,
|
|
22
|
+
borderRadius: size
|
|
23
|
+
}], [backgroundColor, size]);
|
|
24
|
+
const handlePress = useSafePressHandler(onPress);
|
|
18
25
|
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
19
26
|
activeOpacity: 0.8,
|
|
20
|
-
onPress:
|
|
21
|
-
style:
|
|
22
|
-
backgroundColor,
|
|
23
|
-
borderRadius: size
|
|
24
|
-
}],
|
|
27
|
+
onPress: handlePress,
|
|
28
|
+
style: buttonStyle,
|
|
25
29
|
children: /*#__PURE__*/_jsx(PlayCircleIcon, {
|
|
26
30
|
size: size,
|
|
27
31
|
color: color
|
|
28
32
|
})
|
|
29
33
|
});
|
|
30
|
-
};
|
|
34
|
+
});
|
|
31
35
|
const styles = StyleSheet.create({
|
|
32
36
|
button: {
|
|
33
37
|
padding: moderateScale(6),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TouchableOpacity","StyleSheet","PlayCircleIcon","moderateScale","scale","verticalScale","jsx","_jsx","PlayButton","onPress","size","color","backgroundColor","
|
|
1
|
+
{"version":3,"names":["React","useMemo","TouchableOpacity","StyleSheet","PlayCircleIcon","moderateScale","scale","verticalScale","useSafePressHandler","jsx","_jsx","PlayButton","memo","onPress","size","color","backgroundColor","buttonStyle","styles","button","borderRadius","handlePress","activeOpacity","style","children","create","padding","marginBottom","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/PlayButton.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,gBAAgB,EAChBC,UAAU,QAEL,cAAc;AACrB,SAASC,cAAc,QAAQ,qBAAqB;AACpD,SAASC,aAAa,EAAEC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAC/E,SAASC,mBAAmB,QAAQ,mCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrE,OAAO,MAAMC,UAAU,gBAAGX,KAAK,CAACY,IAAI,CAClC,CAAC;EACCC,OAAO;EACPC,IAAI,GAAGR,KAAK,CAAC,EAAE,CAAC;EAChBS,KAAK,GAAG,OAAO;EACfC,eAAe,GAAG;AACb,CAAC,KAAK;EACX,MAAMC,WAAW,GAAGhB,OAAO,CACzB,MAAM,CAACiB,MAAM,CAACC,MAAM,EAAE;IAAEH,eAAe;IAAEI,YAAY,EAAEN;EAAK,CAAC,CAAC,EAC9D,CAACE,eAAe,EAAEF,IAAI,CACxB,CAAC;EAED,MAAMO,WAAW,GAAGb,mBAAmB,CAACK,OAAO,CAAC;EAEhD,oBACEH,IAAA,CAACR,gBAAgB;IACfoB,aAAa,EAAE,GAAI;IACnBT,OAAO,EAAEQ,WAAY;IACrBE,KAAK,EAAEN,WAAY;IAAAO,QAAA,eAEnBd,IAAA,CAACN,cAAc;MAACU,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC5B,CAAC;AAEvB,CACF,CAAC;AAED,MAAMG,MAAM,GAAGf,UAAU,CAACsB,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,OAAO,EAAErB,aAAa,CAAC,CAAC,CAAC;IACzBsB,YAAY,EAAEpB,aAAa,CAAC,EAAE,CAAC;IAC/BqB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
* @lastModified Tue 01 Jul 2025 at 02:28 PM
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import React from 'react';
|
|
8
|
+
import React, { useMemo } from 'react';
|
|
9
9
|
import { View, StyleSheet } from 'react-native';
|
|
10
10
|
import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
|
|
11
11
|
import { scale } from 'react-native-size-matters';
|
|
12
12
|
import { Text } from "../../Text/index.js";
|
|
13
13
|
import { RFValue } from 'react-native-responsive-fontsize';
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
-
export const Title = ({
|
|
15
|
+
export const Title = /*#__PURE__*/React.memo(({
|
|
16
16
|
title,
|
|
17
17
|
subtitle,
|
|
18
18
|
rating,
|
|
@@ -20,9 +20,13 @@ export const Title = ({
|
|
|
20
20
|
isLoading = false,
|
|
21
21
|
style
|
|
22
22
|
}) => {
|
|
23
|
+
const containerStyle = useMemo(() => StyleSheet.flatten([styles.container, style?.container]), [style?.container]);
|
|
24
|
+
const titleStyle = useMemo(() => StyleSheet.flatten([styles.title, style?.title]), [style?.title]);
|
|
25
|
+
const subTitleStyle = useMemo(() => StyleSheet.flatten([styles.subTitle, style?.subTitle]), [style?.subTitle]);
|
|
26
|
+
const ratingStyle = useMemo(() => StyleSheet.flatten([styles.rating, style?.rating]), [style?.rating]);
|
|
23
27
|
if (isLoading) {
|
|
24
28
|
return /*#__PURE__*/_jsx(View, {
|
|
25
|
-
style:
|
|
29
|
+
style: containerStyle,
|
|
26
30
|
children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
|
|
27
31
|
backgroundColor: theme.colors.skeletonBaseColor,
|
|
28
32
|
highlightColor: theme.colors.skeletonHighlightColor,
|
|
@@ -51,30 +55,26 @@ export const Title = ({
|
|
|
51
55
|
});
|
|
52
56
|
}
|
|
53
57
|
return /*#__PURE__*/_jsxs(View, {
|
|
54
|
-
style:
|
|
58
|
+
style: containerStyle,
|
|
55
59
|
children: [/*#__PURE__*/_jsx(View, {
|
|
56
60
|
children: /*#__PURE__*/_jsxs(Text, {
|
|
57
61
|
color: theme.colors.textPrimary,
|
|
58
|
-
style:
|
|
59
|
-
// numberOfLines={1}
|
|
60
|
-
,
|
|
62
|
+
style: titleStyle,
|
|
61
63
|
ellipsizeMode: "tail",
|
|
62
64
|
children: [title, !!subtitle && /*#__PURE__*/_jsxs(Text, {
|
|
63
65
|
color: theme.colors.textSecondary,
|
|
64
|
-
style:
|
|
65
|
-
// numberOfLines={1}
|
|
66
|
-
,
|
|
66
|
+
style: subTitleStyle,
|
|
67
67
|
ellipsizeMode: "tail",
|
|
68
68
|
children: [' ', `: ${subtitle}`]
|
|
69
69
|
})]
|
|
70
70
|
})
|
|
71
71
|
}), !!rating && /*#__PURE__*/_jsxs(Text, {
|
|
72
72
|
color: theme.colors.textSecondary,
|
|
73
|
-
style:
|
|
73
|
+
style: ratingStyle,
|
|
74
74
|
children: ["\u2B50 ", rating]
|
|
75
75
|
})]
|
|
76
76
|
});
|
|
77
|
-
};
|
|
77
|
+
});
|
|
78
78
|
const styles = StyleSheet.create({
|
|
79
79
|
container: {
|
|
80
80
|
paddingHorizontal: scale(12),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","SkeletonPlaceholder","scale","Text","RFValue","jsx","_jsx","jsxs","_jsxs","Title","title","subtitle","rating","theme","isLoading","style","flatten","styles","container","children","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","flexDirection","alignItems","width","height","borderRadius","marginLeft","marginTop","color","textPrimary","ellipsizeMode","textSecondary","
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","StyleSheet","SkeletonPlaceholder","scale","Text","RFValue","jsx","_jsx","jsxs","_jsxs","Title","memo","title","subtitle","rating","theme","isLoading","style","containerStyle","flatten","styles","container","titleStyle","subTitleStyle","subTitle","ratingStyle","children","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","flexDirection","alignItems","width","height","borderRadius","marginLeft","marginTop","color","textPrimary","ellipsizeMode","textSecondary","create","paddingHorizontal","fontSize","fontWeight"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/Title.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,12 +5,14 @@
|
|
|
5
5
|
* @lastModified Wed 02 Jul 2025 at 03:39 PM
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
+
import React, { useMemo } from 'react';
|
|
8
9
|
import { PlayCircle } from 'lucide-react-native';
|
|
9
10
|
import { TouchableOpacity, StyleSheet } from 'react-native';
|
|
10
11
|
import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
|
|
11
12
|
import { Text } from "../../Text/index.js";
|
|
13
|
+
import { useSafePressHandler } from "../../../hooks/useSafeCallback.js";
|
|
12
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
export const TrailerButton = ({
|
|
15
|
+
export const TrailerButton = /*#__PURE__*/React.memo(({
|
|
14
16
|
onPress,
|
|
15
17
|
label = 'Watch Trailer',
|
|
16
18
|
iconSize = scale(18),
|
|
@@ -19,22 +21,25 @@ export const TrailerButton = ({
|
|
|
19
21
|
textStyle,
|
|
20
22
|
style
|
|
21
23
|
}) => {
|
|
24
|
+
const buttonStyle = useMemo(() => [styles.button, {
|
|
25
|
+
backgroundColor
|
|
26
|
+
}, style], [backgroundColor, style]);
|
|
27
|
+
const textStyleMemo = useMemo(() => [styles.text, textStyle], [textStyle]);
|
|
28
|
+
const handlePress = useSafePressHandler(onPress);
|
|
22
29
|
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
23
|
-
onPress:
|
|
30
|
+
onPress: handlePress,
|
|
24
31
|
activeOpacity: 0.8,
|
|
25
|
-
style:
|
|
26
|
-
backgroundColor
|
|
27
|
-
}, style],
|
|
32
|
+
style: buttonStyle,
|
|
28
33
|
children: [/*#__PURE__*/_jsx(PlayCircle, {
|
|
29
34
|
size: iconSize,
|
|
30
35
|
color: color
|
|
31
36
|
}), /*#__PURE__*/_jsx(Text, {
|
|
32
|
-
style:
|
|
37
|
+
style: textStyleMemo,
|
|
33
38
|
color: color,
|
|
34
39
|
children: label
|
|
35
40
|
})]
|
|
36
41
|
});
|
|
37
|
-
};
|
|
42
|
+
});
|
|
38
43
|
const styles = StyleSheet.create({
|
|
39
44
|
button: {
|
|
40
45
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PlayCircle","TouchableOpacity","StyleSheet","scale","verticalScale","moderateScale","Text","jsx","_jsx","jsxs","_jsxs","TrailerButton","onPress","label","iconSize","color","backgroundColor","textStyle","style","
|
|
1
|
+
{"version":3,"names":["React","useMemo","PlayCircle","TouchableOpacity","StyleSheet","scale","verticalScale","moderateScale","Text","useSafePressHandler","jsx","_jsx","jsxs","_jsxs","TrailerButton","memo","onPress","label","iconSize","color","backgroundColor","textStyle","style","buttonStyle","styles","button","textStyleMemo","text","handlePress","activeOpacity","children","size","create","flexDirection","paddingVertical","paddingHorizontal","borderRadius","alignItems","fontWeight","fontSize","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/TrailerButton.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SACEC,gBAAgB,EAChBC,UAAU,QAIL,cAAc;AACrB,SAASC,KAAK,EAAEC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AAC/E,SAASC,IAAI,QAAQ,qBAAY;AACjC,SAASC,mBAAmB,QAAQ,mCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYrE,OAAO,MAAMC,aAAa,gBAAGd,KAAK,CAACe,IAAI,CACrC,CAAC;EACCC,OAAO;EACPC,KAAK,GAAG,eAAe;EACvBC,QAAQ,GAAGb,KAAK,CAAC,EAAE,CAAC;EACpBc,KAAK,GAAG,MAAM;EACdC,eAAe,GAAG,SAAS;EAC3BC,SAAS;EACTC;AACK,CAAC,KAAK;EACX,MAAMC,WAAW,GAAGtB,OAAO,CACzB,MAAM,CAACuB,MAAM,CAACC,MAAM,EAAE;IAAEL;EAAgB,CAAC,EAAEE,KAAK,CAAC,EACjD,CAACF,eAAe,EAAEE,KAAK,CACzB,CAAC;EAED,MAAMI,aAAa,GAAGzB,OAAO,CAAC,MAAM,CAACuB,MAAM,CAACG,IAAI,EAAEN,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAE1E,MAAMO,WAAW,GAAGnB,mBAAmB,CAACO,OAAO,CAAC;EAEhD,oBACEH,KAAA,CAACV,gBAAgB;IACfa,OAAO,EAAEY,WAAY;IACrBC,aAAa,EAAE,GAAI;IACnBP,KAAK,EAAEC,WAAY;IAAAO,QAAA,gBAEnBnB,IAAA,CAACT,UAAU;MAAC6B,IAAI,EAAEb,QAAS;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC,eAC5CR,IAAA,CAACH,IAAI;MAACc,KAAK,EAAEI,aAAc;MAACP,KAAK,EAAEA,KAAM;MAAAW,QAAA,EACtCb;IAAK,CACF,CAAC;EAAA,CACS,CAAC;AAEvB,CACF,CAAC;AAED,MAAMO,MAAM,GAAGpB,UAAU,CAAC4B,MAAM,CAAC;EAC/BP,MAAM,EAAE;IACNQ,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAE5B,aAAa,CAAC,CAAC,CAAC;IACjC6B,iBAAiB,EAAE9B,KAAK,CAAC,CAAC,CAAC;IAC3B+B,YAAY,EAAE7B,aAAa,CAAC,EAAE,CAAC;IAC/B8B,UAAU,EAAE;EACd,CAAC;EACDV,IAAI,EAAE;IACJW,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAElC,KAAK,CAAC,EAAE,CAAC;IACnBmC,UAAU,EAAEnC,KAAK,CAAC,CAAC;EACrB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* @lastModified Sat 25 Oct 2025 at 11:15 AM
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import { useCallback } from 'react';
|
|
8
|
+
import React, { useCallback, useMemo } from 'react';
|
|
9
9
|
import { TouchableOpacity, StyleSheet, ActivityIndicator } from 'react-native';
|
|
10
10
|
import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
|
|
11
11
|
import { scale, verticalScale } from 'react-native-size-matters';
|
|
@@ -14,13 +14,13 @@ import { useInternalTheme } from "../../theme/hook/useInternalTheme.js";
|
|
|
14
14
|
import { RFValue } from 'react-native-responsive-fontsize';
|
|
15
15
|
import { AlertCircle } from 'lucide-react-native';
|
|
16
16
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
-
export const NoContentFallback = ({
|
|
17
|
+
export const NoContentFallback = /*#__PURE__*/React.memo(({
|
|
18
18
|
message = 'No content available right now.\nPlease check back later.',
|
|
19
19
|
retryText = 'Try Again',
|
|
20
20
|
onRetry,
|
|
21
|
-
isLoading = false,
|
|
22
21
|
theme,
|
|
23
|
-
style
|
|
22
|
+
style,
|
|
23
|
+
isLoading = false
|
|
24
24
|
}) => {
|
|
25
25
|
const {
|
|
26
26
|
theme: appliedTheme
|
|
@@ -45,32 +45,42 @@ export const NoContentFallback = ({
|
|
|
45
45
|
scale: scaleValue.value
|
|
46
46
|
}]
|
|
47
47
|
}));
|
|
48
|
+
const iconColor = useMemo(() => appliedTheme?.colors?.textSecondary ?? '#999', [appliedTheme?.colors?.textSecondary]);
|
|
49
|
+
const messageStyle = useMemo(() => [styles.message, {
|
|
50
|
+
color: appliedTheme.colors.textSecondary
|
|
51
|
+
}], [appliedTheme.colors.textSecondary]);
|
|
52
|
+
const retryButtonStyle = useMemo(() => [styles.retryButton, {
|
|
53
|
+
backgroundColor: isLoading ? appliedTheme.colors.primary : appliedTheme.colors.primary,
|
|
54
|
+
opacity: isLoading ? 0.8 : 1
|
|
55
|
+
}], [isLoading, appliedTheme.colors.primary]);
|
|
56
|
+
const retryTextStyle = useMemo(() => [styles.retryText, {
|
|
57
|
+
color: appliedTheme.colors.onPrimary
|
|
58
|
+
}], [appliedTheme.colors.onPrimary]);
|
|
59
|
+
const handleRetry = useCallback(() => {
|
|
60
|
+
if (!isLoading && onRetry) {
|
|
61
|
+
onRetry();
|
|
62
|
+
}
|
|
63
|
+
}, [isLoading, onRetry]);
|
|
48
64
|
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
49
65
|
style: [styles.container, style],
|
|
50
66
|
accessibilityLabel: "No content available",
|
|
51
67
|
accessibilityHint: "Check back later or try again",
|
|
52
68
|
children: [/*#__PURE__*/_jsx(AlertCircle, {
|
|
53
69
|
size: RFValue(63),
|
|
54
|
-
color:
|
|
70
|
+
color: iconColor,
|
|
55
71
|
style: {
|
|
56
72
|
marginBottom: scale(20)
|
|
57
73
|
}
|
|
58
74
|
}), /*#__PURE__*/_jsx(Text, {
|
|
59
|
-
style:
|
|
60
|
-
color: appliedTheme.colors.textSecondary
|
|
61
|
-
}],
|
|
75
|
+
style: messageStyle,
|
|
62
76
|
children: message
|
|
63
77
|
}), onRetry && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
64
|
-
onPress:
|
|
78
|
+
onPress: handleRetry,
|
|
65
79
|
onPressIn: handlePressIn,
|
|
66
80
|
onPressOut: handlePressOut,
|
|
67
81
|
activeOpacity: 0.7,
|
|
68
82
|
disabled: isLoading,
|
|
69
|
-
style:
|
|
70
|
-
backgroundColor: isLoading ? appliedTheme.colors.surfaceDisabled : appliedTheme.colors.primary,
|
|
71
|
-
borderColor: appliedTheme.colors.outline,
|
|
72
|
-
opacity: isLoading ? 0.8 : 1
|
|
73
|
-
}],
|
|
83
|
+
style: retryButtonStyle,
|
|
74
84
|
accessibilityLabel: retryText,
|
|
75
85
|
accessibilityRole: "button",
|
|
76
86
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
@@ -87,21 +97,17 @@ export const NoContentFallback = ({
|
|
|
87
97
|
marginRight: scale(8)
|
|
88
98
|
}
|
|
89
99
|
}), /*#__PURE__*/_jsx(Text, {
|
|
90
|
-
style:
|
|
91
|
-
color: appliedTheme.colors.onPrimary
|
|
92
|
-
}],
|
|
100
|
+
style: retryTextStyle,
|
|
93
101
|
children: "Loading..."
|
|
94
102
|
})]
|
|
95
103
|
}) : /*#__PURE__*/_jsx(Text, {
|
|
96
|
-
style:
|
|
97
|
-
color: appliedTheme.colors.onPrimary
|
|
98
|
-
}],
|
|
104
|
+
style: retryTextStyle,
|
|
99
105
|
children: retryText
|
|
100
106
|
})
|
|
101
107
|
})
|
|
102
108
|
})]
|
|
103
109
|
});
|
|
104
|
-
};
|
|
110
|
+
});
|
|
105
111
|
const styles = StyleSheet.create({
|
|
106
112
|
container: {
|
|
107
113
|
flex: 1,
|
|
@@ -121,7 +127,6 @@ const styles = StyleSheet.create({
|
|
|
121
127
|
paddingHorizontal: scale(18),
|
|
122
128
|
paddingVertical: verticalScale(10),
|
|
123
129
|
borderRadius: scale(8),
|
|
124
|
-
borderWidth: scale(1),
|
|
125
130
|
alignItems: 'center'
|
|
126
131
|
},
|
|
127
132
|
retryText: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","TouchableOpacity","StyleSheet","ActivityIndicator","Animated","useSharedValue","useAnimatedStyle","withSpring","scale","verticalScale","Text","useInternalTheme","RFValue","AlertCircle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","NoContentFallback","message","retryText","onRetry","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","TouchableOpacity","StyleSheet","ActivityIndicator","Animated","useSharedValue","useAnimatedStyle","withSpring","scale","verticalScale","Text","useInternalTheme","RFValue","AlertCircle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","NoContentFallback","memo","message","retryText","onRetry","theme","style","isLoading","appliedTheme","scaleValue","handlePressIn","value","damping","stiffness","handlePressOut","animatedButtonStyle","transform","iconColor","colors","textSecondary","messageStyle","styles","color","retryButtonStyle","retryButton","backgroundColor","primary","opacity","retryTextStyle","onPrimary","handleRetry","View","container","accessibilityLabel","accessibilityHint","children","size","marginBottom","onPress","onPressIn","onPressOut","activeOpacity","disabled","accessibilityRole","flexDirection","alignItems","justifyContent","marginRight","create","flex","paddingHorizontal","paddingVertical","fontSize","textAlign","fontWeight","lineHeight","borderRadius"],"sourceRoot":"../../../../src","sources":["components/Fallbacks/NoContentFallback.tsx"],"mappings":"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","ignoreList":[]}
|