@zezosoft/zezo-ott-react-native-ui-kit 1.0.6 → 1.0.8

package/src/components/Subscription/SubOne.tsx

@@ -62,7 +62,7 @@ const SubscriptionSliderOne = ({
   subscribeButtonText = 'Subscribe',
   subscribeLoadingId,
   plans,
-  errorMessage,
+  errorMessage = 'Something went wrong',
   isLoading = false,
   onBackPress = () => {},
   header,
@@ -201,10 +201,10 @@ const SubscriptionSliderOne = ({
           {header.subTitle}
         </Text>
 
-        {errorMessage ? (
-          <Text style={[styles.errorMessage, { color: colors.error }]}>
-            {errorMessage}
-          </Text>
+        {!plans || (plans.length === 0 && !isLoading && errorMessage) ? (
+          <View style={styles.errorMessage}>
+            <Text style={{ color: colors.error }}>{errorMessage}</Text>
+          </View>
         ) : (
           <Carousel
             width={CAROUSEL_WIDTH}
@@ -276,9 +276,13 @@ const styles = StyleSheet.create({
     marginHorizontal: scale(16),
   },
   errorMessage: {
+    height: CAROUSEL_HEIGHT,
     fontSize: RFValue(13),
     fontWeight: '600',
     textAlign: 'center',
+    textAlignVertical: 'center',
+    justifyContent: 'center',
+    alignItems: 'center',
     marginVertical: verticalScale(12),
   },
 

package/src/components/Text/Text.tsx

@@ -1,8 +1,3 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Tue 24 Jun 2025 at 04:33 PM
- */
-
 import React from 'react';
 import {
   Text as RNText,
@@ -15,7 +10,8 @@ import type { ThemeOverride } from '../../theme/themes';
 
 export interface TextProps extends RNTextProps {
   children: React.ReactNode;
-  size?: number; // base size
+  type?: 'title' | 'subtitle' | 'body' | 'caption';
+  size?: number;
   color?: string;
   weight?: TextStyle['fontWeight'];
   align?: TextStyle['textAlign'];
@@ -27,9 +23,10 @@ export interface TextProps extends RNTextProps {
 
 const Text: React.FC<TextProps> = ({
   children,
-  size = 10,
+  type = 'body',
+  size,
   color,
-  weight = '500',
+  weight,
   align = 'left',
   fontFamily,
   numberOfLines,
@@ -40,6 +37,19 @@ const Text: React.FC<TextProps> = ({
 }) => {
   const { theme } = useInternalTheme(overrideTheme);
 
+  // Define default styles for each type
+  const typeStyles: Record<
+    string,
+    { size: number; weight: TextStyle['fontWeight']; color?: string }
+  > = {
+    title: { size: 18, weight: '700', color: theme.colors.textPrimary },
+    subtitle: { size: 14, weight: '500', color: theme.colors.textSecondary },
+    body: { size: 12, weight: '400', color: theme.colors.textPrimary },
+    caption: { size: 10, weight: '400', color: theme.colors.textSecondary },
+  };
+
+  const typeStyle = typeStyles[type] || typeStyles.body;
+
   return (
     <RNText
       {...rest}
@@ -47,9 +57,9 @@ const Text: React.FC<TextProps> = ({
       numberOfLines={numberOfLines}
       style={[
         {
-          color: color ?? theme.colors.textPrimary,
-          fontSize: RFValue(size),
-          fontWeight: weight,
+          color: color ?? typeStyle?.color,
+          fontSize: size ? RFValue(size) : RFValue(Number(typeStyle?.size)),
+          fontWeight: weight ?? typeStyle?.weight,
           textAlign: align,
           fontFamily,
         },

package/src/components/User/ProfileUpdate/ProfileUpdate.tsx

@@ -135,7 +135,7 @@ export const ProfileUpdate = ({
                 style={[
                   styles.cameraBtn,
                   {
-                    borderColor: colors.button,
+                    borderColor: colors.primary,
                     backgroundColor: colors.surfaceVariant,
                     shadowColor: colors.shadow || colors.surface,
                   },
@@ -145,7 +145,7 @@ export const ProfileUpdate = ({
               >
                 <Camera
                   size={moderateScale(13)}
-                  color={colors.button}
+                  color={colors.primary}
                   strokeWidth={2}
                 />
               </TouchableOpacity>

package/src/components/View/View.tsx

@@ -6,11 +6,12 @@ import React from 'react';
 import {
   View as RNView,
   type ViewProps as RNViewProps,
+  type StyleProp,
   type ViewStyle,
 } from 'react-native';
 
 export type ViewProps = RNViewProps & {
-  style?: ViewStyle;
+  style?: StyleProp<ViewStyle> | undefined;
   backgroundColor?: string;
 };
 

package/src/components/index.ts

@@ -3,7 +3,9 @@
  * @lastModified Sun 08 Jun 2025 at 03:23 PM
  */
 
-export * from './Button/PrimaryBtn';
+export * from './Button';
+export * from './Fallbacks';
+export * from './Input/Input';
 export * from './Loader/Loader';
 export * from './Headers';
 export * from './Content/Content';

package/src/store/themeStore.ts

@@ -1,53 +1,43 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Thu 12 Jun 2025 at 07:57 PM
+ */
+
 import { create } from 'zustand';
-import { Appearance, type ColorSchemeName } from 'react-native';
+import { persist, createJSONStorage } from 'zustand/middleware';
 import { MMKV } from 'react-native-mmkv';
 
-const storage = new MMKV({ id: 'theme_store' });
+const storage = new MMKV();
 
 interface ThemeState {
   isDarkMode: boolean;
+  themeMode: 'dark' | 'light' | 'system';
+  setIsDarkMode: (value: boolean) => void;
   setTheme: (mode: 'dark' | 'light' | 'system') => void;
 }
 
-const getInitialIsDarkMode = (): boolean => {
-  const storedMode = storage.getString('themeMode') as
-    | 'dark'
-    | 'light'
-    | 'system'
-    | null;
-  if (storedMode === 'dark') return true;
-  if (storedMode === 'light') return false;
-  return Appearance.getColorScheme() === 'dark';
-};
-
-export const useInternalThemeStore = create<ThemeState>((set) => ({
-  isDarkMode: getInitialIsDarkMode(),
-
-  setTheme: (mode) => {
-    let isDark: boolean;
-
-    if (mode === 'dark') {
-      isDark = true;
-    } else if (mode === 'light') {
-      isDark = false;
-    } else {
-      const systemColorScheme: ColorSchemeName = Appearance.getColorScheme();
-      isDark = systemColorScheme === 'dark';
+export const useInternalThemeStore = create(
+  persist<ThemeState>(
+    (set, _get) => ({
+      isDarkMode: false,
+      themeMode: 'system',
+
+      setIsDarkMode: (value: boolean) => {
+        const mode = value ? 'dark' : 'light';
+        set({ isDarkMode: value, themeMode: mode });
+      },
+
+      setTheme: (mode: 'dark' | 'light' | 'system') => {
+        set({ themeMode: mode, isDarkMode: mode === 'dark' });
+      },
+    }),
+    {
+      name: 'theme-storage',
+      storage: createJSONStorage(() => ({
+        getItem: (key: string) => storage.getString(key) ?? null,
+        setItem: (key: string, value: string) => storage.set(key, value),
+        removeItem: (key: string) => storage.delete(key),
+      })),
     }
-
-    storage.set('themeMode', mode);
-
-    set({ isDarkMode: isDark });
-  },
-}));
-
-Appearance.addChangeListener(() => {
-  const storedMode = storage.getString('themeMode') as
-    | 'dark'
-    | 'light'
-    | 'system'
-    | null;
-  if (!storedMode || storedMode === 'system') {
-    useInternalThemeStore.getState().setTheme('system');
-  }
-});
+  )
+);

package/src/theme/ThemeProvider.tsx

@@ -11,7 +11,6 @@ import {
 } from 'react-native-safe-area-context';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { AppStatusBar } from '../components/common/AppStatusBar';
-
 import { useInternalTheme } from './hook/useInternalTheme';
 import { type ITheme, type ThemeOverride } from './themes';
 

package/src/theme/hook/useInternalTheme.ts

@@ -1,8 +1,10 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 /**
  * @author Naresh Dhamu
- * @lastModified Sun 19 Oct 2025 at 08:29 PM
+ * @lastModified Fri 24 Oct 2025 at 10:45 AM
  */
-import { useMemo, useEffect } from 'react';
+
+import React from 'react';
 import {
   DarkTheme,
   LightTheme,
@@ -11,51 +13,71 @@ import {
   type useInternalThemeReturn,
 } from '../themes';
 import { useInternalThemeStore } from '../../store/themeStore';
+import { Appearance } from 'react-native';
 
 export const useInternalTheme = (
   override?: ThemeOverride,
   isDark?: boolean
 ): useInternalThemeReturn => {
-  const { isDarkMode: storeDarkMode, setTheme } = useInternalThemeStore();
+  const {
+    isDarkMode: storeDarkMode,
+    setTheme,
+    themeMode,
+    setIsDarkMode,
+  } = useInternalThemeStore();
 
-  const isDarkMode = isDark !== undefined ? isDark : storeDarkMode;
+  const isDarkMode = isDark ?? storeDarkMode;
 
-  useEffect(() => {
+  React.useEffect(() => {
     if (isDark !== undefined) {
       setTheme(isDark ? 'dark' : 'light');
     }
   }, [isDark, setTheme]);
 
-  const selectedOverride = useMemo(() => {
-    if (!override) return {};
-    const colors = isDarkMode ? override.dark : override.light;
-    return colors ?? {};
-  }, [override, isDarkMode]);
-  const baseTheme = useMemo(
-    () => (isDarkMode ? DarkTheme : LightTheme),
-    [isDarkMode]
+  React.useEffect(() => {
+    if (themeMode !== 'system') return;
+    const subscription = Appearance.addChangeListener(({ colorScheme }) => {
+      if (colorScheme === 'dark' || colorScheme === 'light') {
+        setIsDarkMode(colorScheme === 'dark');
+      }
+    });
+
+    return () => subscription.remove();
+  }, []);
+
+  const overrideColors = React.useMemo(
+    () => (isDarkMode ? (override?.dark ?? {}) : (override?.light ?? {})),
+    [override, isDarkMode]
   );
 
-  const finalTheme = useMemo<ITheme>(() => {
-    return {
+  const baseTheme = isDarkMode ? DarkTheme : LightTheme;
+
+  const finalTheme = React.useMemo<ITheme>(
+    () => ({
       ...baseTheme,
       colors: {
         ...baseTheme.colors,
-        ...selectedOverride,
+        ...overrideColors,
       },
-    };
-  }, [baseTheme, selectedOverride]);
+    }),
+    [baseTheme, overrideColors]
+  );
+
+  const themeFull = React.useMemo(
+    () => ({
+      light: (override?.light as ITheme['colors']) ?? LightTheme.colors,
+      dark: (override?.dark as ITheme['colors']) ?? DarkTheme.colors,
+    }),
+    [override]
+  );
 
-  return useMemo(
+  return React.useMemo(
     () => ({
       theme: finalTheme,
       isDarkMode,
       setTheme,
-      themeFull: {
-        light: (override?.light as ITheme['colors']) ?? LightTheme.colors,
-        dark: (override?.dark as ITheme['colors']) ?? DarkTheme.colors,
-      },
+      themeFull,
     }),
-    [finalTheme, isDarkMode, override?.dark, override?.light, setTheme]
+    [finalTheme, isDarkMode, setTheme, themeFull]
   );
 };

package/src/theme/themes.ts

@@ -83,6 +83,12 @@ export type BaseColors = {
   switchTrackColorDisabled: string;
   switchThumbColorDisabled: string;
 
+  alert: {
+    success: string;
+    warning: string;
+    info: string;
+    error: string;
+  };
   premiumIcon: string;
 };
 
@@ -208,6 +214,13 @@ export const LightTheme: ITheme = {
     switchTrackColorDisabled: '#D5D5D5',
     switchThumbColorDisabled: 'white',
     premiumIcon: '#CA091E',
+
+    alert: {
+      success: '#4CAF50',
+      error: 'rgba(255, 0, 0, 1)',
+      warning: '#FF9800',
+      info: '#2196F3',
+    },
   },
 };
 
@@ -309,5 +322,12 @@ export const DarkTheme: ITheme = {
     switchTrackColorDisabled: '#D5D5D5',
     switchThumbColorDisabled: 'white',
     premiumIcon: '#CA091E',
+
+    alert: {
+      success: '#4CAF50',
+      error: 'rgba(255, 0, 0, 1)',
+      warning: '#FF9800',
+      info: '#2196F3',
+    },
   },
 };

package/src/types/content/content-view.types.ts

@@ -136,6 +136,13 @@ export type HeroBannerProps = {
 export type ComponentProps = {
   content: IContentData;
   seasons?: IContentData['seasons'];
+  text?: {
+    notFound?: {
+      title?: string;
+      subtitle?: string;
+      buttonText?: string;
+    };
+  };
   theme?: ThemeOverride;
   isLoading?: boolean;
   seasonsIsLoading?: boolean;

package/src/types/content/index.ts

@@ -139,15 +139,13 @@ export interface IContentData {
   duration: string;
   rating: number;
   type: 'series' | 'movie' | 'live_stream';
-  content_offering_type: 'FREE' | 'PREMIUM' | 'BUY_OR_RENT';
-
+  content_offering_type: 'FREE' | 'PREMIUM' | 'BUY_OR_RENT' | 'TVOD';
   source_link: string | null;
   trailer_source_link: string | null;
   source_type: 'HLS' | 'MP4' | 'LIVE_STREAM_HLS';
   trailer_source_type: 'HLS' | 'MP4';
   source_key_type?: 'USE_PREFIX' | 'USE_CUSTOM';
   trailer_source_key_type?: 'USE_PREFIX' | 'USE_CUSTOM';
-
   language: IContentLanguage | null;
   cast: IContentCast[] | null;
   category: IContentCategory | null;
@@ -179,12 +177,10 @@ export interface IContentData {
   rent_count?: number;
   buy_revenue?: number;
   rent_revenue?: number;
-
   status: 'PUBLIC' | 'PRIVATE' | 'PENDING' | 'REJECTED';
   trash: boolean;
   forKids: boolean;
   forFamily: boolean;
-
   created_by: string;
   updated_by: string;
   createdAt: string;

package/lib/module/components/Content/Card/components/NoContentFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useCallback","TouchableOpacity","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withSpring","scale","verticalScale","Text","useInternalTheme","RFValue","jsx","_jsx","jsxs","_jsxs","NoContentFallback","message","retryText","onRetry","theme","emoji","style","appliedTheme","scaleValue","handlePressIn","value","damping","stiffness","handlePressOut","animatedButtonStyle","transform","View","styles","container","backgroundColor","colors","background","accessibilityLabel","accessibilityHint","children","color","textPrimary","textSecondary","onPress","onPressIn","onPressOut","retryButton","primary","borderColor","outline","accessibilityRole","create","flex","alignItems","justifyContent","paddingHorizontal","paddingVertical","fontSize","marginBottom","textAlign","fontWeight","lineHeight","borderRadius","borderWidth"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/components/NoContentFallback.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/Content/Card/components/NoContentFallback.d.ts

@@ -1,17 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 25 Jun 2025 at 11:59 AM
- */
-import { type StyleProp, type ViewStyle } from 'react-native';
-import type { ThemeOverride } from '../../../../theme/themes';
-type NoContentFallbackProps = {
-    message?: string;
-    retryText?: string;
-    onRetry?: () => void;
-    theme?: ThemeOverride;
-    emoji?: string;
-    style?: StyleProp<ViewStyle>;
-};
-declare const NoContentFallback: ({ message, retryText, onRetry, theme, emoji, style, }: NoContentFallbackProps) => import("react/jsx-runtime").JSX.Element;
-export default NoContentFallback;
-//# sourceMappingURL=NoContentFallback.d.ts.map

package/lib/typescript/src/components/Content/Card/components/NoContentFallback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoContentFallback.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Content/Card/components/NoContentFallback.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAG9D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,uDAOxB,sBAAsB,4CAwExB,CAAC;AAmCF,eAAe,iBAAiB,CAAC"}

package/src/components/Content/Card/components/NoContentFallback.tsx

@@ -1,147 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 25 Jun 2025 at 11:59 AM
- */
-
-import { useCallback } from 'react';
-import {
-  TouchableOpacity,
-  StyleSheet,
-  type StyleProp,
-  type ViewStyle,
-} from 'react-native';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withSpring,
-} from 'react-native-reanimated';
-import { scale, verticalScale } from 'react-native-size-matters';
-import { Text } from '../../../Text';
-import { useInternalTheme } from '../../../../theme/hook/useInternalTheme';
-import type { ThemeOverride } from '../../../../theme/themes';
-import { RFValue } from 'react-native-responsive-fontsize';
-
-type NoContentFallbackProps = {
-  message?: string;
-  retryText?: string;
-  onRetry?: () => void;
-  theme?: ThemeOverride;
-  emoji?: string;
-  style?: StyleProp<ViewStyle>;
-};
-
-const NoContentFallback = ({
-  message = 'No content available right now.\nPlease check back later.',
-  retryText = 'Try Again',
-  onRetry,
-  theme,
-  emoji = '😔',
-  style,
-}: NoContentFallbackProps) => {
-  const { theme: appliedTheme } = useInternalTheme(theme);
-  const scaleValue = useSharedValue(1);
-
-  const handlePressIn = useCallback(() => {
-    scaleValue.value = withSpring(0.95, { damping: 15, stiffness: 200 });
-  }, [scaleValue]);
-
-  const handlePressOut = useCallback(() => {
-    scaleValue.value = withSpring(1, { damping: 15, stiffness: 200 });
-  }, [scaleValue]);
-
-  const animatedButtonStyle = useAnimatedStyle(() => ({
-    transform: [{ scale: scaleValue.value }],
-  }));
-
-  return (
-    <Animated.View
-      style={[
-        styles.container,
-        style,
-        { backgroundColor: appliedTheme.colors.background },
-      ]}
-      accessibilityLabel="No content available"
-      accessibilityHint="Check back later or try again"
-    >
-      <Animated.Text
-        style={[styles.emoji, { color: appliedTheme.colors.textPrimary }]}
-      >
-        {emoji}
-      </Animated.Text>
-      <Text
-        style={[
-          styles.message,
-          {
-            color: appliedTheme.colors.textSecondary,
-          },
-        ]}
-      >
-        {message}
-      </Text>
-      {onRetry && (
-        <TouchableOpacity
-          onPress={onRetry}
-          onPressIn={handlePressIn}
-          onPressOut={handlePressOut}
-          style={[
-            styles.retryButton,
-            {
-              backgroundColor: appliedTheme.colors.primary,
-              borderColor: appliedTheme.colors.outline,
-            },
-          ]}
-          accessibilityLabel={retryText}
-          accessibilityRole="button"
-        >
-          <Animated.View style={animatedButtonStyle}>
-            <Text
-              style={[
-                styles.retryText,
-                {
-                  color: appliedTheme.colors.textPrimary,
-                },
-              ]}
-            >
-              {retryText}
-            </Text>
-          </Animated.View>
-        </TouchableOpacity>
-      )}
-    </Animated.View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: scale(20),
-    paddingVertical: verticalScale(40),
-  },
-  emoji: {
-    fontSize: RFValue(63),
-    marginBottom: verticalScale(16),
-    textAlign: 'center',
-  },
-  message: {
-    fontSize: RFValue(15),
-    textAlign: 'center',
-    fontWeight: '500',
-    lineHeight: verticalScale(22),
-    marginBottom: verticalScale(20),
-  },
-  retryButton: {
-    paddingHorizontal: scale(24),
-    paddingVertical: verticalScale(12),
-    borderRadius: scale(8),
-    borderWidth: scale(1),
-  },
-  retryText: {
-    fontSize: RFValue(13),
-    fontWeight: '600',
-    textAlign: 'center',
-  },
-});
-
-export default NoContentFallback;