@zezosoft/zezo-ott-react-native-ui-kit 1.0.6 → 1.0.7
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/SplashScreen/components/SplashVideo/SplashVideo.js +69 -45
- package/lib/module/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.js.map +1 -1
- package/lib/module/components/Content/Card/components/CardPoster.js +5 -0
- package/lib/module/components/Content/Card/components/CardPoster.js.map +1 -1
- package/lib/module/components/Content/Content.js +22 -7
- package/lib/module/components/Content/Content.js.map +1 -1
- package/lib/module/components/ContentView/ContentView.js +99 -83
- package/lib/module/components/ContentView/ContentView.js.map +1 -1
- package/lib/module/components/ContentView/components/AboutSection.js +15 -1
- package/lib/module/components/ContentView/components/AboutSection.js.map +1 -1
- package/lib/module/components/ContentView/components/CastCard.js +1 -1
- package/lib/module/components/ContentView/components/HeroBanner.js +44 -17
- package/lib/module/components/ContentView/components/HeroBanner.js.map +1 -1
- package/lib/module/components/ContentView/components/MiniInfo.js +136 -0
- package/lib/module/components/ContentView/components/MiniInfo.js.map +1 -0
- package/lib/module/components/ContentView/components/Title.js +19 -27
- package/lib/module/components/ContentView/components/Title.js.map +1 -1
- package/lib/module/components/{Content/Card/components → Fallbacks}/NoContentFallback.js +49 -32
- package/lib/module/components/Fallbacks/NoContentFallback.js.map +1 -0
- package/lib/module/components/Fallbacks/NotFoundFallback.js +79 -0
- package/lib/module/components/Fallbacks/NotFoundFallback.js.map +1 -0
- package/lib/module/components/Fallbacks/index.js +5 -0
- package/lib/module/components/Fallbacks/index.js.map +1 -0
- package/lib/module/components/Input/InputOne.js +9 -3
- package/lib/module/components/Input/InputOne.js.map +1 -1
- package/lib/module/components/Text/Text.js +31 -10
- package/lib/module/components/Text/Text.js.map +1 -1
- package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js +2 -2
- package/lib/module/components/User/ProfileUpdate/ProfileUpdate.js.map +1 -1
- package/lib/module/components/View/View.js.map +1 -1
- package/lib/module/components/index.js +3 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/store/themeStore.js +26 -29
- package/lib/module/store/themeStore.js.map +1 -1
- package/lib/module/theme/ThemeProvider.js.map +1 -1
- package/lib/module/theme/hook/useInternalTheme.js +36 -25
- package/lib/module/theme/hook/useInternalTheme.js.map +1 -1
- package/lib/module/theme/themes.js +14 -2
- package/lib/module/theme/themes.js.map +1 -1
- package/lib/typescript/src/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.d.ts +7 -6
- package/lib/typescript/src/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.d.ts.map +1 -1
- package/lib/typescript/src/components/Content/Card/components/CardPoster.d.ts +4 -0
- package/lib/typescript/src/components/Content/Card/components/CardPoster.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/ContentView/ContentView.d.ts +1 -5
- package/lib/typescript/src/components/ContentView/ContentView.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/AboutSection.d.ts +6 -3
- package/lib/typescript/src/components/ContentView/components/AboutSection.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/HeroBanner.d.ts.map +1 -1
- package/lib/typescript/src/components/ContentView/components/MiniInfo.d.ts +22 -0
- package/lib/typescript/src/components/ContentView/components/MiniInfo.d.ts.map +1 -0
- package/lib/typescript/src/components/Fallbacks/NoContentFallback.d.ts +16 -0
- package/lib/typescript/src/components/Fallbacks/NoContentFallback.d.ts.map +1 -0
- package/lib/typescript/src/components/Fallbacks/NotFoundFallback.d.ts +19 -0
- package/lib/typescript/src/components/Fallbacks/NotFoundFallback.d.ts.map +1 -0
- package/lib/typescript/src/components/Fallbacks/index.d.ts +3 -0
- package/lib/typescript/src/components/Fallbacks/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Input/InputOne.d.ts.map +1 -1
- package/lib/typescript/src/components/Text/Text.d.ts +1 -4
- package/lib/typescript/src/components/Text/Text.d.ts.map +1 -1
- package/lib/typescript/src/components/View/View.d.ts +2 -2
- package/lib/typescript/src/components/View/View.d.ts.map +1 -1
- package/lib/typescript/src/components/index.d.ts +3 -1
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/lib/typescript/src/store/themeStore.d.ts +19 -1
- package/lib/typescript/src/store/themeStore.d.ts.map +1 -1
- package/lib/typescript/src/theme/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/src/theme/hook/useInternalTheme.d.ts +4 -0
- package/lib/typescript/src/theme/hook/useInternalTheme.d.ts.map +1 -1
- package/lib/typescript/src/theme/themes.d.ts +6 -0
- package/lib/typescript/src/theme/themes.d.ts.map +1 -1
- package/lib/typescript/src/types/content/content-view.types.d.ts +7 -0
- package/lib/typescript/src/types/content/content-view.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Auth/SplashScreen/components/SplashVideo/SplashVideo.tsx +88 -72
- package/src/components/Content/Card/components/CardPoster.tsx +5 -0
- package/src/components/Content/Content.tsx +23 -3
- package/src/components/ContentView/ContentView.tsx +110 -86
- package/src/components/ContentView/components/AboutSection.tsx +23 -3
- package/src/components/ContentView/components/CastCard.tsx +1 -1
- package/src/components/ContentView/components/HeroBanner.tsx +45 -17
- package/src/components/ContentView/components/MiniInfo.tsx +193 -0
- package/src/components/ContentView/components/Title.tsx +17 -26
- package/src/components/Fallbacks/NoContentFallback.tsx +172 -0
- package/src/components/Fallbacks/NotFoundFallback.tsx +86 -0
- package/src/components/Fallbacks/index.ts +2 -0
- package/src/components/Input/InputOne.tsx +26 -3
- package/src/components/Text/Text.tsx +21 -11
- package/src/components/User/ProfileUpdate/ProfileUpdate.tsx +2 -2
- package/src/components/View/View.tsx +2 -1
- package/src/components/index.ts +3 -1
- package/src/store/themeStore.ts +33 -43
- package/src/theme/ThemeProvider.tsx +0 -1
- package/src/theme/hook/useInternalTheme.ts +46 -24
- package/src/theme/themes.ts +20 -0
- package/src/types/content/content-view.types.ts +7 -0
- package/lib/module/components/Content/Card/components/NoContentFallback.js.map +0 -1
- package/lib/typescript/src/components/Content/Card/components/NoContentFallback.d.ts +0 -17
- package/lib/typescript/src/components/Content/Card/components/NoContentFallback.d.ts.map +0 -1
- package/src/components/Content/Card/components/NoContentFallback.tsx +0 -147
|
@@ -15,6 +15,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
15
15
|
export const AboutSection = ({
|
|
16
16
|
theme,
|
|
17
17
|
title = 'About',
|
|
18
|
+
release_year,
|
|
18
19
|
description,
|
|
19
20
|
isLoading = false,
|
|
20
21
|
style
|
|
@@ -61,6 +62,13 @@ export const AboutSection = ({
|
|
|
61
62
|
color: theme.colors.primary,
|
|
62
63
|
style: [styles.title, style?.title],
|
|
63
64
|
children: title
|
|
65
|
+
}), release_year && /*#__PURE__*/_jsxs(Text, {
|
|
66
|
+
color: theme.colors.textSecondary,
|
|
67
|
+
style: [styles.releaseYear, style?.releaseYear],
|
|
68
|
+
children: ["Release: ", /*#__PURE__*/_jsx(Text, {
|
|
69
|
+
color: theme.colors.textPrimary,
|
|
70
|
+
children: release_year
|
|
71
|
+
})]
|
|
64
72
|
}), !expanded ? /*#__PURE__*/_jsx(Text, {
|
|
65
73
|
color: theme.colors.textSecondary,
|
|
66
74
|
style: [styles.body, style?.body],
|
|
@@ -94,7 +102,7 @@ const styles = StyleSheet.create({
|
|
|
94
102
|
marginTop: verticalScale(7)
|
|
95
103
|
},
|
|
96
104
|
title: {
|
|
97
|
-
fontSize: RFValue(
|
|
105
|
+
fontSize: RFValue(13),
|
|
98
106
|
fontWeight: 'bold',
|
|
99
107
|
marginBottom: scale(6)
|
|
100
108
|
},
|
|
@@ -106,6 +114,12 @@ const styles = StyleSheet.create({
|
|
|
106
114
|
scrollExpanded: {
|
|
107
115
|
maxHeight: verticalScale(250)
|
|
108
116
|
},
|
|
117
|
+
releaseYear: {
|
|
118
|
+
fontSize: RFValue(12),
|
|
119
|
+
fontWeight: '500',
|
|
120
|
+
marginBottom: scale(6),
|
|
121
|
+
letterSpacing: 0.3
|
|
122
|
+
},
|
|
109
123
|
toggleText: {
|
|
110
124
|
fontSize: RFValue(9.5),
|
|
111
125
|
fontWeight: '600',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","View","StyleSheet","ScrollView","TouchableOpacity","Text","SkeletonPlaceholder","scale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","AboutSection","theme","title","description","isLoading","style","expanded","setExpanded","scrollRef","toggle","current","scrollTo","y","animated","prev","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","children","Item","paddingHorizontal","marginTop","width","height","borderRadius","marginBottom","skeletonLine","Array","from","length","map","_","idx","styles","container","color","primary","textSecondary","body","numberOfLines","ellipsizeMode","scrollExpanded","showsVerticalScrollIndicator","ref","nestedScrollEnabled","onPress","toggleText","create","fontSize","fontWeight","lineHeight","textAlign","maxHeight"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/AboutSection.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SACEC,IAAI,EACJC,UAAU,EACVC,UAAU,EACVC,gBAAgB,QAIX,cAAc;AACrB,SAASC,IAAI,QAAQ,qBAAY;AACjC,OAAOC,mBAAmB,MAAM,mCAAmC;AACnE,SAASC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAEhE,SAASC,OAAO,QAAQ,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["useRef","useState","View","StyleSheet","ScrollView","TouchableOpacity","Text","SkeletonPlaceholder","scale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","AboutSection","theme","title","release_year","description","isLoading","style","expanded","setExpanded","scrollRef","toggle","current","scrollTo","y","animated","prev","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","children","Item","paddingHorizontal","marginTop","width","height","borderRadius","marginBottom","skeletonLine","Array","from","length","map","_","idx","styles","container","color","primary","textSecondary","releaseYear","textPrimary","body","numberOfLines","ellipsizeMode","scrollExpanded","showsVerticalScrollIndicator","ref","nestedScrollEnabled","onPress","toggleText","create","fontSize","fontWeight","lineHeight","textAlign","maxHeight","letterSpacing"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/AboutSection.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { useState, useMemo, useCallback } from 'react';
|
|
9
|
-
import { View, StyleSheet, Animated
|
|
9
|
+
import { View, StyleSheet, Animated } from 'react-native';
|
|
10
10
|
import LinearGradient from 'react-native-linear-gradient';
|
|
11
11
|
import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
|
|
12
12
|
import { scale, verticalScale } from 'react-native-size-matters';
|
|
@@ -18,7 +18,8 @@ import MenuBtn from "../../Button/MenuBtn.js";
|
|
|
18
18
|
import { RFValue } from 'react-native-responsive-fontsize';
|
|
19
19
|
import RentOrBuyIcon from "../../Content/Card/components/RentOrBuyIcon.js";
|
|
20
20
|
import { useInternalTheme } from "../../../theme/hook/index.js";
|
|
21
|
-
import {
|
|
21
|
+
import { Text } from "../../Text/index.js";
|
|
22
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
23
|
const SKELETON_CIRCLE_SIZE = scale(50);
|
|
23
24
|
const BANNER_HEIGHT = verticalScale(200);
|
|
24
25
|
const GRADIENT_LOCATIONS = [0.75, 0.9, 1];
|
|
@@ -126,6 +127,14 @@ export const HeroBanner = ({
|
|
|
126
127
|
right: scale(13),
|
|
127
128
|
zIndex: 4,
|
|
128
129
|
backgroundColor: theme.colors.background
|
|
130
|
+
},
|
|
131
|
+
badge: {
|
|
132
|
+
position: 'absolute',
|
|
133
|
+
bottom: verticalScale(20),
|
|
134
|
+
left: scale(10),
|
|
135
|
+
paddingHorizontal: scale(8),
|
|
136
|
+
paddingVertical: scale(4),
|
|
137
|
+
borderRadius: scale(8)
|
|
129
138
|
}
|
|
130
139
|
}), [theme]);
|
|
131
140
|
return /*#__PURE__*/_jsxs(View, {
|
|
@@ -167,26 +176,44 @@ export const HeroBanner = ({
|
|
|
167
176
|
})), /*#__PURE__*/_jsx(LinearGradient, {
|
|
168
177
|
colors: theme.colors.heroBannerGradient,
|
|
169
178
|
style: [StyleSheet.absoluteFill, {
|
|
170
|
-
zIndex:
|
|
179
|
+
zIndex: 1
|
|
171
180
|
}],
|
|
172
181
|
locations: GRADIENT_LOCATIONS
|
|
173
|
-
}), !isLoading && /*#__PURE__*/_jsxs(
|
|
174
|
-
|
|
175
|
-
|
|
182
|
+
}), !isLoading && /*#__PURE__*/_jsxs(_Fragment, {
|
|
183
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
184
|
+
style: styles.imageContainer,
|
|
185
|
+
children: /*#__PURE__*/_jsx(FastImage, {
|
|
186
|
+
style: StyleSheet.absoluteFillObject,
|
|
187
|
+
source: {
|
|
188
|
+
uri: backgroundImage,
|
|
189
|
+
cache: FastImage.cacheControl.immutable
|
|
190
|
+
},
|
|
191
|
+
resizeMode: FastImage.resizeMode.cover,
|
|
192
|
+
onLoad: () => setHasImageLoaded(true),
|
|
193
|
+
onError: () => setImageLoadError(true),
|
|
194
|
+
accessibilityLabel: `Background image for ${title}`
|
|
195
|
+
})
|
|
196
|
+
}), content_offering_type && content_offering_type === 'FREE' && /*#__PURE__*/_jsx(View, {
|
|
197
|
+
style: [styles.badge, {
|
|
198
|
+
backgroundColor: theme.colors.primary,
|
|
199
|
+
zIndex: 2
|
|
200
|
+
}],
|
|
201
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
202
|
+
type: "caption",
|
|
203
|
+
style: {
|
|
204
|
+
color: theme.colors.onPrimary,
|
|
205
|
+
fontWeight: '600'
|
|
206
|
+
},
|
|
207
|
+
theme: themeOverride,
|
|
208
|
+
children: content_offering_type
|
|
209
|
+
})
|
|
210
|
+
}), content_offering_type && /*#__PURE__*/_jsx(RentOrBuyIcon, {
|
|
176
211
|
size: 30,
|
|
177
212
|
theme: theme,
|
|
178
|
-
style: styles.rentOrBuyIcon,
|
|
213
|
+
style: [styles.rentOrBuyIcon, {
|
|
214
|
+
zIndex: 2
|
|
215
|
+
}],
|
|
179
216
|
content_offering_type: content_offering_type
|
|
180
|
-
}), /*#__PURE__*/_jsx(FastImage, {
|
|
181
|
-
style: StyleSheet.absoluteFillObject,
|
|
182
|
-
source: {
|
|
183
|
-
uri: backgroundImage,
|
|
184
|
-
cache: FastImage.cacheControl.immutable
|
|
185
|
-
},
|
|
186
|
-
resizeMode: FastImage.resizeMode.cover,
|
|
187
|
-
onLoad: () => setHasImageLoaded(true),
|
|
188
|
-
onError: () => setImageLoadError(true),
|
|
189
|
-
accessibilityLabel: `Background image for ${title}`
|
|
190
217
|
})]
|
|
191
218
|
}), showSkeleton && /*#__PURE__*/_jsxs(_Fragment, {
|
|
192
219
|
children: [/*#__PURE__*/_jsx(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useMemo","useCallback","View","StyleSheet","Animated","
|
|
1
|
+
{"version":3,"names":["useState","useMemo","useCallback","View","StyleSheet","Animated","LinearGradient","SkeletonPlaceholder","scale","verticalScale","FastImage","PlayButton","TrailerButton","BackBtn","MenuBtn","RFValue","RentOrBuyIcon","useInternalTheme","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SKELETON_CIRCLE_SIZE","BANNER_HEIGHT","GRADIENT_LOCATIONS","BACK_BTN_SIZE","HeroBanner","backgroundImage","title","theme","themeOverride","isLoading","onPressPlay","onBackPress","style","renderButtons","renderSkeletons","menuActions","content_offering_type","hasImageLoaded","setHasImageLoaded","imageLoadError","setImageLoadError","handlePressPlay","is_trailer","showSkeleton","styles","create","container","height","width","overflow","position","backgroundColor","colors","backgroundDisabled","rentOrBuyIcon","bottom","zIndex","left","centeredContent","absoluteFillObject","justifyContent","alignItems","pointerEvents","skeletonContainer","errorContainer","errorText","color","textSecondary","fontSize","textAlign","imageContainer","trailerButtonWrapper","backBtnSkeleton","top","menuBtnSkeleton","right","defaultBackBtn","background","defaultMenuBtn","badge","paddingHorizontal","paddingVertical","borderRadius","accessibilityLabel","children","back","skeletonBaseColor","highlightColor","skeletonHighlightColor","speed","Item","onPress","size","menu","actions","heroBannerGradient","absoluteFill","locations","source","uri","cache","cacheControl","immutable","resizeMode","cover","onLoad","onError","primary","type","onPrimary","fontWeight","play","trailer","buttonText","button"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/HeroBanner.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View, StyleSheet } from 'react-native';
|
|
5
|
+
import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
|
|
6
|
+
import { scale } from 'react-native-size-matters';
|
|
7
|
+
import { Text } from "../../Text/index.js";
|
|
8
|
+
import { RFValue } from 'react-native-responsive-fontsize';
|
|
9
|
+
import { useInternalTheme } from "../../../theme/hook/index.js";
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
export function formatCurrency(amount, currency = 'INR') {
|
|
12
|
+
return new Intl.NumberFormat('en-IN', {
|
|
13
|
+
style: 'currency',
|
|
14
|
+
currency,
|
|
15
|
+
minimumFractionDigits: 0,
|
|
16
|
+
maximumFractionDigits: 2
|
|
17
|
+
}).format(amount);
|
|
18
|
+
}
|
|
19
|
+
export const MiniInfo = ({
|
|
20
|
+
content,
|
|
21
|
+
theme,
|
|
22
|
+
isLoading = false,
|
|
23
|
+
style
|
|
24
|
+
}) => {
|
|
25
|
+
const {
|
|
26
|
+
theme: appliedTheme
|
|
27
|
+
} = useInternalTheme(theme);
|
|
28
|
+
if (isLoading) {
|
|
29
|
+
// Skeleton Placeholder
|
|
30
|
+
return /*#__PURE__*/_jsx(View, {
|
|
31
|
+
style: [styles.container, style?.container, {
|
|
32
|
+
backgroundColor: appliedTheme.colors.background,
|
|
33
|
+
borderColor: appliedTheme.colors.border
|
|
34
|
+
}],
|
|
35
|
+
children: /*#__PURE__*/_jsxs(SkeletonPlaceholder, {
|
|
36
|
+
backgroundColor: appliedTheme.colors.skeletonBaseColor,
|
|
37
|
+
highlightColor: appliedTheme.colors.skeletonHighlightColor,
|
|
38
|
+
children: [/*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
|
|
39
|
+
flexDirection: "row",
|
|
40
|
+
alignItems: "center",
|
|
41
|
+
marginBottom: scale(6),
|
|
42
|
+
children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
|
|
43
|
+
width: scale(100),
|
|
44
|
+
height: scale(20),
|
|
45
|
+
borderRadius: scale(4)
|
|
46
|
+
}), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
|
|
47
|
+
width: scale(60),
|
|
48
|
+
height: scale(20),
|
|
49
|
+
borderRadius: scale(4),
|
|
50
|
+
marginLeft: scale(8)
|
|
51
|
+
})]
|
|
52
|
+
}), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
|
|
53
|
+
width: scale(120),
|
|
54
|
+
height: scale(16),
|
|
55
|
+
borderRadius: scale(4),
|
|
56
|
+
marginBottom: scale(4)
|
|
57
|
+
}), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
|
|
58
|
+
width: scale(80),
|
|
59
|
+
height: scale(14),
|
|
60
|
+
borderRadius: scale(4)
|
|
61
|
+
})]
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
if (!content) return null;
|
|
66
|
+
const {
|
|
67
|
+
content_offering_type,
|
|
68
|
+
price,
|
|
69
|
+
is_buy_or_rent,
|
|
70
|
+
rent_duration
|
|
71
|
+
} = content;
|
|
72
|
+
if (content_offering_type !== 'BUY_OR_RENT') return null;
|
|
73
|
+
const renderBadge = () => /*#__PURE__*/_jsx(View, {
|
|
74
|
+
style: [styles.badge, {
|
|
75
|
+
backgroundColor: appliedTheme.colors.primary,
|
|
76
|
+
shadowColor: appliedTheme.colors.textPrimary
|
|
77
|
+
}, style?.badge],
|
|
78
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
79
|
+
type: "caption",
|
|
80
|
+
style: {
|
|
81
|
+
color: appliedTheme.colors.onPrimary,
|
|
82
|
+
fontWeight: '600'
|
|
83
|
+
},
|
|
84
|
+
theme: theme,
|
|
85
|
+
children: content_offering_type === 'BUY_OR_RENT' ? 'BUY OR RENT' : 'BUY'
|
|
86
|
+
})
|
|
87
|
+
});
|
|
88
|
+
const renderPriceInfo = () => {
|
|
89
|
+
if (!price) return null;
|
|
90
|
+
const text = is_buy_or_rent === 'BUY' ? `Price: ${formatCurrency(price)}` : `Rent: ${formatCurrency(price)} for ${rent_duration ?? 1} day(s)`;
|
|
91
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
92
|
+
type: "subtitle",
|
|
93
|
+
style: [styles.subTitle, {
|
|
94
|
+
color: appliedTheme.colors.textPrimary
|
|
95
|
+
}, style?.price],
|
|
96
|
+
theme: theme,
|
|
97
|
+
children: text
|
|
98
|
+
});
|
|
99
|
+
};
|
|
100
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
101
|
+
style: [styles.container, style?.container, {
|
|
102
|
+
backgroundColor: appliedTheme.colors.background,
|
|
103
|
+
borderColor: appliedTheme.colors.border
|
|
104
|
+
}],
|
|
105
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
106
|
+
style: styles.headerRow,
|
|
107
|
+
children: renderBadge()
|
|
108
|
+
}), renderPriceInfo()]
|
|
109
|
+
});
|
|
110
|
+
};
|
|
111
|
+
const styles = StyleSheet.create({
|
|
112
|
+
container: {
|
|
113
|
+
borderWidth: 1,
|
|
114
|
+
borderRadius: scale(14),
|
|
115
|
+
padding: scale(10),
|
|
116
|
+
marginHorizontal: scale(6),
|
|
117
|
+
marginVertical: scale(6)
|
|
118
|
+
},
|
|
119
|
+
headerRow: {
|
|
120
|
+
flexDirection: 'row',
|
|
121
|
+
justifyContent: 'space-between',
|
|
122
|
+
alignItems: 'center',
|
|
123
|
+
marginBottom: scale(6)
|
|
124
|
+
},
|
|
125
|
+
badge: {
|
|
126
|
+
paddingHorizontal: scale(10),
|
|
127
|
+
paddingVertical: scale(5),
|
|
128
|
+
borderRadius: scale(10)
|
|
129
|
+
},
|
|
130
|
+
subTitle: {
|
|
131
|
+
fontSize: RFValue(12),
|
|
132
|
+
marginTop: scale(3),
|
|
133
|
+
fontWeight: '500'
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
//# sourceMappingURL=MiniInfo.js.map
|
|
@@ -0,0 +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","isLoading","appliedTheme","styles","container","backgroundColor","colors","background","borderColor","border","children","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","flexDirection","alignItems","marginBottom","width","height","borderRadius","marginLeft","content_offering_type","price","is_buy_or_rent","rent_duration","renderBadge","badge","primary","shadowColor","textPrimary","type","color","onPrimary","fontWeight","renderPriceInfo","text","subTitle","headerRow","create","borderWidth","padding","marginHorizontal","marginVertical","justifyContent","paddingHorizontal","paddingVertical","fontSize","marginTop"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/MiniInfo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -52,21 +52,22 @@ export const Title = ({
|
|
|
52
52
|
}
|
|
53
53
|
return /*#__PURE__*/_jsxs(View, {
|
|
54
54
|
style: StyleSheet.flatten([styles.container, style?.container]),
|
|
55
|
-
children: [/*#__PURE__*/
|
|
56
|
-
|
|
57
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
55
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
56
|
+
children: /*#__PURE__*/_jsxs(Text, {
|
|
58
57
|
color: theme.colors.textPrimary,
|
|
59
|
-
style: StyleSheet.flatten([styles.title, style?.title])
|
|
60
|
-
numberOfLines
|
|
58
|
+
style: StyleSheet.flatten([styles.title, style?.title])
|
|
59
|
+
// numberOfLines={1}
|
|
60
|
+
,
|
|
61
61
|
ellipsizeMode: "tail",
|
|
62
|
-
children: title
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
62
|
+
children: [title, !!subtitle && /*#__PURE__*/_jsxs(Text, {
|
|
63
|
+
color: theme.colors.textSecondary,
|
|
64
|
+
style: StyleSheet.flatten([styles.subTitle, style?.subTitle])
|
|
65
|
+
// numberOfLines={1}
|
|
66
|
+
,
|
|
67
|
+
ellipsizeMode: "tail",
|
|
68
|
+
children: [' ', `: ${subtitle}`]
|
|
69
|
+
})]
|
|
70
|
+
})
|
|
70
71
|
}), !!rating && /*#__PURE__*/_jsxs(Text, {
|
|
71
72
|
color: theme.colors.textSecondary,
|
|
72
73
|
style: StyleSheet.flatten([styles.rating, style?.rating]),
|
|
@@ -79,25 +80,16 @@ const styles = StyleSheet.create({
|
|
|
79
80
|
paddingHorizontal: scale(12),
|
|
80
81
|
marginTop: scale(5)
|
|
81
82
|
},
|
|
82
|
-
row: {
|
|
83
|
-
flexDirection: 'row',
|
|
84
|
-
alignItems: 'center',
|
|
85
|
-
maxWidth: '100%'
|
|
86
|
-
},
|
|
87
83
|
title: {
|
|
88
|
-
fontSize: RFValue(
|
|
89
|
-
fontWeight: 'bold'
|
|
90
|
-
flexShrink: 1,
|
|
91
|
-
maxWidth: '60%'
|
|
84
|
+
fontSize: RFValue(15),
|
|
85
|
+
fontWeight: 'bold'
|
|
92
86
|
},
|
|
93
87
|
subTitle: {
|
|
94
|
-
fontSize: RFValue(
|
|
95
|
-
marginLeft: scale(
|
|
96
|
-
flexShrink: 1,
|
|
97
|
-
maxWidth: '40%'
|
|
88
|
+
fontSize: RFValue(15),
|
|
89
|
+
marginLeft: scale(6)
|
|
98
90
|
},
|
|
99
91
|
rating: {
|
|
100
|
-
fontSize: RFValue(
|
|
92
|
+
fontSize: RFValue(12),
|
|
101
93
|
marginTop: scale(4)
|
|
102
94
|
}
|
|
103
95
|
});
|
|
@@ -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","
|
|
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","subTitle","create","paddingHorizontal","fontSize","fontWeight"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/Title.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,23 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* @author Naresh Dhamu
|
|
5
|
-
* @lastModified
|
|
5
|
+
* @lastModified Sat 25 Oct 2025 at 11:15 AM
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { useCallback } from 'react';
|
|
9
|
-
import { TouchableOpacity, StyleSheet } from 'react-native';
|
|
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';
|
|
12
|
-
import { Text } from "
|
|
13
|
-
import { useInternalTheme } from "
|
|
12
|
+
import { Text } from "../Text/index.js";
|
|
13
|
+
import { useInternalTheme } from "../../theme/hook/useInternalTheme.js";
|
|
14
14
|
import { RFValue } from 'react-native-responsive-fontsize';
|
|
15
|
-
import {
|
|
16
|
-
|
|
15
|
+
import { AlertCircle } from 'lucide-react-native';
|
|
16
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
+
export const NoContentFallback = ({
|
|
17
18
|
message = 'No content available right now.\nPlease check back later.',
|
|
18
19
|
retryText = 'Try Again',
|
|
19
20
|
onRetry,
|
|
21
|
+
isLoading = false,
|
|
20
22
|
theme,
|
|
21
|
-
emoji = '😔',
|
|
22
23
|
style
|
|
23
24
|
}) => {
|
|
24
25
|
const {
|
|
@@ -26,53 +27,74 @@ const NoContentFallback = ({
|
|
|
26
27
|
} = useInternalTheme(theme);
|
|
27
28
|
const scaleValue = useSharedValue(1);
|
|
28
29
|
const handlePressIn = useCallback(() => {
|
|
30
|
+
if (isLoading) return; // disable press animation during loading
|
|
29
31
|
scaleValue.value = withSpring(0.95, {
|
|
30
32
|
damping: 15,
|
|
31
33
|
stiffness: 200
|
|
32
34
|
});
|
|
33
|
-
}, [scaleValue]);
|
|
35
|
+
}, [scaleValue, isLoading]);
|
|
34
36
|
const handlePressOut = useCallback(() => {
|
|
37
|
+
if (isLoading) return;
|
|
35
38
|
scaleValue.value = withSpring(1, {
|
|
36
39
|
damping: 15,
|
|
37
40
|
stiffness: 200
|
|
38
41
|
});
|
|
39
|
-
}, [scaleValue]);
|
|
42
|
+
}, [scaleValue, isLoading]);
|
|
40
43
|
const animatedButtonStyle = useAnimatedStyle(() => ({
|
|
41
44
|
transform: [{
|
|
42
45
|
scale: scaleValue.value
|
|
43
46
|
}]
|
|
44
47
|
}));
|
|
45
48
|
return /*#__PURE__*/_jsxs(Animated.View, {
|
|
46
|
-
style: [styles.container, style,
|
|
47
|
-
backgroundColor: appliedTheme.colors.background
|
|
48
|
-
}],
|
|
49
|
+
style: [styles.container, style],
|
|
49
50
|
accessibilityLabel: "No content available",
|
|
50
51
|
accessibilityHint: "Check back later or try again",
|
|
51
|
-
children: [/*#__PURE__*/_jsx(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
children: [/*#__PURE__*/_jsx(AlertCircle, {
|
|
53
|
+
size: RFValue(63),
|
|
54
|
+
color: appliedTheme?.colors?.textPrimary ?? appliedTheme?.colors?.textSecondary ?? '#999',
|
|
55
|
+
style: {
|
|
56
|
+
marginBottom: scale(20)
|
|
57
|
+
}
|
|
56
58
|
}), /*#__PURE__*/_jsx(Text, {
|
|
57
59
|
style: [styles.message, {
|
|
58
60
|
color: appliedTheme.colors.textSecondary
|
|
59
61
|
}],
|
|
60
62
|
children: message
|
|
61
63
|
}), onRetry && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
62
|
-
onPress: onRetry,
|
|
64
|
+
onPress: !isLoading ? onRetry : undefined,
|
|
63
65
|
onPressIn: handlePressIn,
|
|
64
66
|
onPressOut: handlePressOut,
|
|
67
|
+
activeOpacity: 0.7,
|
|
68
|
+
disabled: isLoading,
|
|
65
69
|
style: [styles.retryButton, {
|
|
66
|
-
backgroundColor: appliedTheme.colors.primary,
|
|
67
|
-
borderColor: appliedTheme.colors.outline
|
|
70
|
+
backgroundColor: isLoading ? appliedTheme.colors.surfaceDisabled : appliedTheme.colors.primary,
|
|
71
|
+
borderColor: appliedTheme.colors.outline,
|
|
72
|
+
opacity: isLoading ? 0.8 : 1
|
|
68
73
|
}],
|
|
69
74
|
accessibilityLabel: retryText,
|
|
70
75
|
accessibilityRole: "button",
|
|
71
76
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
72
|
-
style: animatedButtonStyle,
|
|
73
|
-
|
|
77
|
+
style: [animatedButtonStyle, {
|
|
78
|
+
flexDirection: 'row',
|
|
79
|
+
alignItems: 'center',
|
|
80
|
+
justifyContent: 'center'
|
|
81
|
+
}],
|
|
82
|
+
children: isLoading ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
83
|
+
children: [/*#__PURE__*/_jsx(ActivityIndicator, {
|
|
84
|
+
size: "small",
|
|
85
|
+
color: appliedTheme.colors.onPrimary,
|
|
86
|
+
style: {
|
|
87
|
+
marginRight: scale(8)
|
|
88
|
+
}
|
|
89
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
90
|
+
style: [styles.retryText, {
|
|
91
|
+
color: appliedTheme.colors.onPrimary
|
|
92
|
+
}],
|
|
93
|
+
children: "Loading..."
|
|
94
|
+
})]
|
|
95
|
+
}) : /*#__PURE__*/_jsx(Text, {
|
|
74
96
|
style: [styles.retryText, {
|
|
75
|
-
color: appliedTheme.colors.
|
|
97
|
+
color: appliedTheme.colors.onPrimary
|
|
76
98
|
}],
|
|
77
99
|
children: retryText
|
|
78
100
|
})
|
|
@@ -88,11 +110,6 @@ const styles = StyleSheet.create({
|
|
|
88
110
|
paddingHorizontal: scale(20),
|
|
89
111
|
paddingVertical: verticalScale(40)
|
|
90
112
|
},
|
|
91
|
-
emoji: {
|
|
92
|
-
fontSize: RFValue(63),
|
|
93
|
-
marginBottom: verticalScale(16),
|
|
94
|
-
textAlign: 'center'
|
|
95
|
-
},
|
|
96
113
|
message: {
|
|
97
114
|
fontSize: RFValue(15),
|
|
98
115
|
textAlign: 'center',
|
|
@@ -101,10 +118,11 @@ const styles = StyleSheet.create({
|
|
|
101
118
|
marginBottom: verticalScale(20)
|
|
102
119
|
},
|
|
103
120
|
retryButton: {
|
|
104
|
-
paddingHorizontal: scale(
|
|
105
|
-
paddingVertical: verticalScale(
|
|
121
|
+
paddingHorizontal: scale(18),
|
|
122
|
+
paddingVertical: verticalScale(10),
|
|
106
123
|
borderRadius: scale(8),
|
|
107
|
-
borderWidth: scale(1)
|
|
124
|
+
borderWidth: scale(1),
|
|
125
|
+
alignItems: 'center'
|
|
108
126
|
},
|
|
109
127
|
retryText: {
|
|
110
128
|
fontSize: RFValue(13),
|
|
@@ -112,5 +130,4 @@ const styles = StyleSheet.create({
|
|
|
112
130
|
textAlign: 'center'
|
|
113
131
|
}
|
|
114
132
|
});
|
|
115
|
-
export default NoContentFallback;
|
|
116
133
|
//# sourceMappingURL=NoContentFallback.js.map
|