@zezosoft/zezo-ott-react-native-ui-kit 1.1.3 → 1.1.6

package/src/theme/themes.ts

@@ -1,333 +0,0 @@
-export type MD3ElevationColors = {
-  level0: string;
-  level1: string;
-  level2: string;
-  level3: string;
-  level4: string;
-  level5: string;
-};
-
-export type BaseColors = {
-  primary: string;
-  onPrimary: string;
-  primaryContainer: string;
-  onPrimaryContainer: string;
-
-  secondary: string;
-  onSecondary: string;
-  secondaryContainer: string;
-  onSecondaryContainer: string;
-
-  tertiary: string;
-  onTertiary: string;
-  tertiaryContainer: string;
-  onTertiaryContainer: string;
-
-  background: string;
-  backgroundDisabled: string;
-  onBackground: string;
-  blueBackground: string;
-
-  surface: string;
-  onSurface: string;
-  surfaceVariant: string;
-  onSurfaceVariant: string;
-
-  surfaceDisabled: string;
-  onSurfaceDisabled: string;
-
-  error: string;
-  onError: string;
-  errorContainer: string;
-  onErrorContainer: string;
-
-  outline: string;
-  outlineDisabled: string;
-  outlineVariant: string;
-
-  border: string;
-  borderDisabled: string;
-
-  shadow: string;
-  scrim: string;
-  backdrop: string;
-  overlay: string;
-
-  inverseSurface: string;
-  inverseOnSurface: string;
-  inversePrimary: string;
-
-  elevation: MD3ElevationColors;
-
-  textPrimary: string;
-  textSecondary: string;
-  textDisabled: string;
-
-  button: string;
-  buttonDisabled: string;
-  buttonText: string;
-
-  white: string;
-  black: string;
-  transparent: string;
-  backgroundLayoutGradient: string[];
-
-  heroBannerGradient: string[];
-  cardGradient: string[];
-
-  skeletonHighlightColor: string;
-  skeletonBaseColor: string;
-
-  switchTrackColor: string;
-  switchThumbColor: string;
-  switchTrackColorDisabled: string;
-  switchThumbColorDisabled: string;
-
-  alert: {
-    success: string;
-    warning: string;
-    info: string;
-    error: string;
-  };
-  premiumIcon: string;
-};
-
-export interface ITheme {
-  colors: BaseColors;
-}
-
-export type AppTheme = Omit<ITheme, 'colors'> & {
-  colors?: Partial<BaseColors>;
-};
-
-// New type for override object
-export type ThemeOverride = {
-  light?: Partial<BaseColors>;
-  dark?: Partial<BaseColors>;
-};
-export interface useInternalThemeReturn {
-  theme: ITheme;
-  themeFull: {
-    light: ITheme['colors'];
-    dark: ITheme['colors'];
-  };
-  isDarkMode: boolean;
-  setTheme: (mode: 'dark' | 'light' | 'system') => void;
-}
-
-export const LightTheme: ITheme = {
-  colors: {
-    primary: 'rgba(244, 197, 66, 1)',
-    onPrimary: 'rgba(255, 255, 255, 1)',
-    primaryContainer: 'rgba(254, 243, 199, 1)',
-    onPrimaryContainer: 'rgba(146, 64, 14, 1)',
-
-    secondary: 'rgba(37, 99, 235, 1)',
-    onSecondary: 'rgba(255, 255, 255, 1)',
-    secondaryContainer: 'rgba(219, 234, 254, 1)',
-    onSecondaryContainer: 'rgba(30, 64, 175, 1)',
-
-    tertiary: 'rgba(253, 224, 71, 1)',
-    onTertiary: 'rgba(38, 38, 38, 1)',
-    tertiaryContainer: 'rgba(255, 251, 235, 1)',
-    onTertiaryContainer: 'rgba(120, 53, 15, 1)',
-
-    background: 'rgba(249, 250, 251, 1)',
-    onBackground: 'rgba(17, 24, 39, 1)',
-    backgroundDisabled: 'rgba(242, 242, 242, 0.78)',
-    blueBackground: 'rgba(255, 255, 255, 0.25)',
-
-    surface: 'rgba(255, 255, 255, 1)',
-    onSurface: 'rgba(31, 41, 55, 1)',
-    surfaceVariant: 'rgba(243, 244, 246, 1)',
-    onSurfaceVariant: 'rgba(107, 114, 128, 1)',
-
-    surfaceDisabled: 'rgba(0, 0, 0, 0.08)',
-    onSurfaceDisabled: 'rgba(0, 0, 0, 0.3)',
-
-    error: 'rgba(239, 68, 68, 1)',
-    onError: 'rgba(255, 255, 255, 1)',
-    errorContainer: 'rgba(254, 202, 202, 0.5)',
-    onErrorContainer: 'rgba(127, 29, 29, 1)',
-
-    outline: 'rgba(52, 53, 58, 1)',
-    outlineDisabled: 'rgba(208, 208, 208, 1)',
-    outlineVariant: 'rgba(229, 231, 235, 1)',
-
-    border: 'rgba(0, 0, 0, 0.1)',
-    borderDisabled: 'rgba(0, 0, 0, 0.04)',
-
-    shadow: 'rgba(0, 0, 0, 0.1)',
-    scrim: 'rgba(0, 0, 0, 0.2)',
-    backdrop: 'rgba(243, 244, 246, 0.7)',
-    overlay: 'rgba(0,0,0,0.55)',
-
-    inverseSurface: 'rgba(31, 41, 55, 1)',
-    inverseOnSurface: 'rgba(249, 250, 251, 1)',
-    inversePrimary: 'rgba(37, 99, 235, 1)',
-
-    elevation: {
-      level0: 'transparent',
-      level1: 'rgba(243, 244, 246, 1)',
-      level2: 'rgba(229, 231, 235, 1)',
-      level3: 'rgba(209, 213, 219, 1)',
-      level4: 'rgba(156, 163, 175, 1)',
-      level5: 'rgba(107, 114, 128, 1)',
-    },
-
-    textPrimary: 'rgba(0, 0, 0, 1)',
-    textSecondary: 'rgba(107, 114, 128, 0.89)',
-    textDisabled: 'rgba(160, 160, 160, 0.7)',
-
-    button: 'rgba(244, 197, 66, 1)',
-    buttonDisabled: 'rgba(244, 197, 66, 0.59)',
-    buttonText: 'rgba(0, 0, 0, 1)',
-
-    white: 'rgba(255, 255, 255, 1)',
-    black: 'rgba(0, 0, 0, 1)',
-    transparent: 'rgba(0, 0, 0, 0)',
-
-    backgroundLayoutGradient: [
-      'rgba(255, 255, 255, 0.3)',
-      'rgba(255, 255, 255, 0.98)',
-      'rgb(255, 255, 255)',
-      'rgb(249, 250, 251)',
-    ],
-
-    heroBannerGradient: [
-      'rgba(249,250,251,0)',
-      'rgba(249,250,251,0.4)',
-      'rgba(249,250,251,1)',
-    ],
-
-    cardGradient: [
-      'rgba(223, 178, 50, 1)',
-      'rgba(243, 146, 35, 1)',
-      'rgba(248, 159, 16, 1)',
-    ],
-
-    skeletonHighlightColor: '#D6D6D6',
-    skeletonBaseColor: '#EDEDED',
-
-    switchTrackColor: '#3CD141',
-    switchThumbColor: 'white',
-    switchTrackColorDisabled: '#D5D5D5',
-    switchThumbColorDisabled: 'white',
-    premiumIcon: '#CA091E',
-
-    alert: {
-      success: '#4CAF50',
-      error: 'rgba(255, 0, 0, 1)',
-      warning: '#FF9800',
-      info: '#2196F3',
-    },
-  },
-};
-
-export const DarkTheme: ITheme = {
-  colors: {
-    primary: 'rgba(244, 197, 66, 1)',
-    onPrimary: 'rgba(15, 23, 42, 1)',
-    primaryContainer: 'rgba(250, 204, 21, 0.12)',
-    onPrimaryContainer: 'rgba(250, 204, 21, 1)',
-
-    secondary: 'rgba(147, 197, 253, 1)',
-    onSecondary: 'rgba(15, 23, 42, 1)',
-    secondaryContainer: 'rgba(30, 58, 138, 0.2)',
-    onSecondaryContainer: 'rgba(147, 197, 253, 1)',
-
-    tertiary: 'rgba(253, 224, 71, 1)',
-    onTertiary: 'rgba(38, 38, 38, 1)',
-    tertiaryContainer: 'rgba(146, 64, 14, 1)',
-    onTertiaryContainer: 'rgba(120, 53, 15, 1)',
-
-    background: 'rgb(22, 21, 21)',
-    onBackground: 'rgba(229, 231, 235, 1)',
-    backgroundDisabled: 'rgba(10, 10, 10, 0.5)',
-    blueBackground: 'rgba(255, 255, 255, 0.25)',
-
-    surface: 'rgba(24, 33, 51, 1)',
-    onSurface: 'rgba(229, 231, 235, 1)',
-    surfaceVariant: '#2e2e2e',
-    onSurfaceVariant: 'rgba(203, 213, 225, 1)',
-
-    surfaceDisabled: 'rgba(255, 255, 255, 0.05)',
-    onSurfaceDisabled: 'rgba(255, 255, 255, 0.26)',
-
-    error: 'rgba(239, 68, 68, 1)',
-    onError: 'rgba(255, 255, 255, 1)',
-    errorContainer: 'rgba(239, 68, 68, 0.05)',
-    onErrorContainer: 'rgba(255, 255, 255, 0.92)',
-
-    outline: 'rgba(148, 163, 184, 0.35)',
-    outlineDisabled: 'rgba(58, 58, 58, 1)',
-    outlineVariant: 'rgba(71, 85, 105, 1)',
-
-    border: 'rgba(223, 223, 223, 0.12)',
-    borderDisabled: 'rgba(223, 223, 223, 0.05)',
-
-    shadow: 'rgba(0, 0, 0, 0.5)',
-    scrim: 'rgba(0, 0, 0, 0.4)',
-    backdrop: 'rgba(30, 41, 59, 0.7)',
-    overlay: 'rgba(0,0,0,0.55)',
-
-    inverseSurface: 'rgba(229, 231, 235, 1)',
-    inverseOnSurface: 'rgba(31, 41, 55, 1)',
-    inversePrimary: 'rgba(37, 99, 235, 1)',
-
-    elevation: {
-      level0: 'transparent',
-      level1: 'rgba(34, 34, 34, 1)',
-      level2: 'rgba(60, 60, 60, 1)',
-      level3: 'rgba(76, 76, 76, 1)',
-      level4: 'rgba(71, 85, 105, 1)',
-      level5: 'rgba(100, 116, 139, 1)',
-    },
-
-    textPrimary: 'rgba(243, 244, 246, 1)',
-    textSecondary: 'rgba(203, 213, 225, 0.85)',
-    textDisabled: 'rgba(148, 163, 184, 0.6)',
-
-    button: 'rgba(250, 204, 21, 1)',
-    buttonDisabled: 'rgba(250, 204, 21, 0.5)',
-    buttonText: 'rgba(15, 23, 42, 1)',
-
-    white: 'rgba(255, 255, 255, 1)',
-    black: 'rgba(0, 0, 0, 1)',
-    transparent: 'rgba(255, 255, 255, 0.04)',
-
-    backgroundLayoutGradient: [
-      'rgba(22, 21, 21, 0.65)',
-      'rgba(22, 21, 21, 0.98)',
-      'rgb(22, 21, 21)',
-      'rgb(22, 21, 21)',
-    ],
-    heroBannerGradient: [
-      'rgba(22,21,21,0)',
-      'rgba(22,21,21,0.4)',
-      'rgb(22,21,21)',
-    ],
-
-    cardGradient: [
-      'rgba(223, 178, 50, 1)',
-      'rgba(243, 146, 35, 1)',
-      'rgba(248, 159, 16, 1)',
-    ],
-
-    skeletonHighlightColor: '#C2C2C2',
-    skeletonBaseColor: '#2A2A2A',
-
-    switchTrackColor: '#3CD141',
-    switchThumbColor: 'white',
-    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

@@ -1,164 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Fri 04 Jul 2025 at 10:58 AM
- */
-
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { ImageStyle as FastImageStyle } from 'react-native-fast-image';
-import type { ThemeOverride } from '../../theme/themes';
-import type { IGetSectionData, ISectionItem } from '../../types/sections';
-import type { MoreFetchData } from '../../types/hook/usePaginatedSetion';
-import type { IHistoryItem } from '../../components/User/WatchHistory/WatchHistory';
-import type React from 'react';
-import type { MiniInfo } from '../../components/ContentView/components/MiniInfo';
-import type { IContentData } from '@zezosoft/zezo-ott-api-client';
-
-// 🔷 Common Style Aliases
-export type ViewStyleProp = StyleProp<ViewStyle>;
-export type TextStyleProp = StyleProp<TextStyle>;
-export type FastImageStyleProp = StyleProp<FastImageStyle>;
-
-// 🔹 UI Style Overrides
-export type TitleStyles = {
-  container?: ViewStyleProp;
-  title?: TextStyleProp;
-  subTitle?: TextStyleProp;
-  rating?: TextStyleProp;
-};
-
-export type GenreTagStyles = {
-  container?: ViewStyleProp;
-  tagContainer?: ViewStyleProp;
-  tagText?: TextStyleProp;
-  skeletonTag?: ViewStyleProp;
-};
-
-export type AboutSectionStyles = {
-  container?: ViewStyleProp;
-  title?: TextStyleProp;
-  body?: TextStyleProp;
-  scrollExpanded?: ViewStyleProp;
-  toggleText?: TextStyleProp;
-  skeletonLine?: ViewStyleProp;
-};
-
-export type CastCardStyles = {
-  container?: ViewStyleProp;
-  heading?: TextStyleProp;
-  listContent?: ViewStyleProp;
-  card?: ViewStyleProp;
-  image?: FastImageStyleProp;
-  name?: TextStyleProp;
-  role?: TextStyleProp;
-  imageSkeleton?: ViewStyleProp;
-  nameSkeleton?: ViewStyleProp;
-  roleSkeleton?: ViewStyleProp;
-};
-
-export type RecommendedCardStyles = {
-  renderItemImage?: (params: {
-    item: IContentData;
-    index: number;
-  }) => React.ReactNode;
-  itemWidth?: number;
-  itemHeight?: number;
-  borderRadius?: number;
-  skeletonCount?: number;
-  containerStyle?: ViewStyleProp;
-  titleStyle?: TextStyleProp;
-  itemStyle?: ViewStyleProp;
-};
-
-// 🟩 Events
-export type PlayEventArgs = {
-  id: string;
-  slug: string;
-  type: IContentData['type'];
-  episodeId?: string;
-  current_season?: string;
-  current_episode?: string;
-  episode_number?: number;
-  is_trailer?: boolean;
-  seekTime?: number;
-  mode?: 'fullscreen' | 'normal';
-};
-
-export type ContentViewEvents = {
-  onPlay?: (args: PlayEventArgs) => void;
-  onPressRecommendedItem?: (args: { item: IContentData }) => void;
-  onPressRecommendedMore?: (args: {
-    section_id: IGetSectionData['_id'];
-    name: IGetSectionData['name'];
-    type: IGetSectionData['type'];
-  }) => void;
-  onBackPress?: () => void;
-  onPressCast?: (args: { cast: IContentData }) => void;
-  moreFetchDataRecommended?: MoreFetchData<IContentData>;
-};
-
-// 🟦 Menu
-export type MenuAction = {
-  label: string;
-  icon?: (props: { size?: number; color?: string }) => React.ReactNode;
-  onPress: () => void;
-  isLoading?: boolean;
-};
-
-// 🟨 HeroBanner
-export type RenderButtons = Partial<{
-  back: () => React.ReactNode;
-  menu: () => React.ReactNode;
-  play: () => React.ReactNode;
-  trailer: () => React.ReactNode;
-}>;
-
-export type SkeletonOverrides = Partial<{
-  play: () => React.ReactNode;
-  trailer: () => React.ReactNode;
-  back: () => React.ReactNode;
-  menu: () => React.ReactNode;
-}>;
-
-export type HeroBannerProps = {
-  backgroundImage: IContentData['thumbnail'];
-  title: IContentData['name'];
-  theme?: ThemeOverride;
-  isLoading?: boolean;
-  onPressPlay?: ({ is_trailer }: { is_trailer: boolean }) => void;
-  onBackPress?: () => void;
-  style?: ViewStyleProp;
-  renderButtons?: RenderButtons;
-  renderSkeletons?: SkeletonOverrides;
-  menuActions?: MenuAction[];
-  content_offering_type?: IContentData['content_offering_type'];
-};
-
-// 🟧 Final Component Props
-export type ComponentProps = {
-  content: IContentData;
-  seasons?: IContentData['seasons'];
-  text?: {
-    notFound?: {
-      title?: string;
-      subtitle?: string;
-      buttonText?: string;
-    };
-  };
-  theme?: ThemeOverride;
-  isLoading?: boolean;
-  pricingAndExpiryInfo?: Omit<
-    React.ComponentProps<typeof MiniInfo>,
-    'content' | 'theme'
-  >;
-  seasonsIsLoading?: boolean;
-  recommendedContent?: ISectionItem | null;
-  events?: ContentViewEvents;
-  heroBannerProps?: Partial<HeroBannerProps>;
-  titleStyles?: TitleStyles;
-  genreTagsStyles?: GenreTagStyles;
-  aboutSectionStyles?: AboutSectionStyles;
-  castStyles?: CastCardStyles;
-  recommendedContentCardStyles?: RecommendedCardStyles;
-  history?: IHistoryItem;
-  episodeCardMode?: 'horizontal' | 'vertical';
-};

package/src/types/hook/index.ts

@@ -1,5 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 02 Jul 2025 at 04:50 PM
- */
-export type { MoreFetchData } from './usePaginatedSetion';

package/src/types/hook/usePaginatedSetion.ts

@@ -1,19 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 02 Jul 2025 at 04:50 PM
- */
-import type { ISectionMeta } from '../sections';
-
-export type MoreFetchData<T> = ({
-  sectionId,
-  meta,
-}: {
-  sectionId: string;
-  meta: {
-    hasNextPage: boolean;
-    nextPage: number;
-  };
-}) => Promise<{
-  data: T[];
-  meta: ISectionMeta;
-} | null>;

package/src/types/index.ts

@@ -1,7 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Fri 04 Jul 2025 at 10:58 AM
- */
-export type * from './content/content-view.types';
-export type * from './sections';
-export type * from './hook';

package/src/types/sections/index.ts

@@ -1,84 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Wed 24 Dec 2025 at 12:09 PM
- */
-
-import type { IContentData, IServeAd } from '@zezosoft/zezo-ott-api-client';
-export type IAdItem = IServeAd & {
-  type: 'ads';
-};
-export type ISectionType =
-  | 'normal'
-  | 'card_style_2'
-  | 'card_style_3'
-  | 'card_style_4'
-  | 'card_style_5'
-  | 'card_style_6'
-  | 'card_rotate_in_out'
-  | 'slider'
-  | 'slider_style_2'
-  | 'slider_style_3'
-  | 'card_series_featured_style_1'
-  | 'continue_watching'
-  | 'new_releases'
-  | 'top_10'
-  | 'category';
-
-/**
- * Generic pagination metadata
- */
-export interface ISectionPagination {
-  page: number;
-  limit: number;
-  total: number;
-  length: number;
-  hasNextPage: boolean;
-  nextPage: number | null;
-}
-
-/**
- * Single section object with associated content
- */
-export interface IGetSectionData {
-  _id: string;
-  name: string;
-  label: string;
-  order: number;
-  type: ISectionType;
-  content_ids: string[];
-  category: {
-    _id: string;
-    name: string;
-    slug: string;
-  };
-  genre?: string;
-  content: {
-    data: (IContentData | IAdItem)[];
-    meta: {
-      pagination: ISectionPagination;
-    };
-  };
-  status: boolean;
-  createdAt: Date;
-  updatedAt: Date;
-}
-
-/**
- * Full response from section fetch API
- */
-export interface IGetSectionResponse {
-  success: boolean;
-  message: string;
-  data: IGetSectionData[];
-  meta: {
-    pagination: ISectionPagination;
-  };
-  cache: boolean;
-}
-
-/**
- * Optional utility types (for local use)
- */
-export type ISectionItem = IGetSectionData;
-export type ISectionContent = IGetSectionData['content'];
-export type ISectionMeta = IGetSectionResponse['meta'];

package/src/utils/Display.ts

@@ -1,14 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Mon 09 Jun 2025 at 04:24 PM
- */
-import { Dimensions } from 'react-native';
-
-const { height, width } = Dimensions.get('window');
-
-const setHeight = (h: number) => (height / 100) * h;
-const setWidth = (w: number) => (width / 100) * w;
-const fullWidth = Dimensions.get('window').width;
-const fullHeight = Dimensions.get('window').height;
-
-export default { setHeight, setWidth, fullWidth, fullHeight };

package/src/utils/Formater.ts

@@ -1,14 +0,0 @@
-export function formatCount(count: number): string {
-  if (count < 1000) {
-    return count.toString();
-  } else if (count < 1000000) {
-    const thousands = count / 1000;
-    return thousands % 1 === 0 ? `${thousands}K` : `${thousands.toFixed(1)}K`;
-  } else if (count < 1000000000) {
-    const millions = count / 1000000;
-    return millions % 1 === 0 ? `${millions}M` : `${millions.toFixed(1)}M`;
-  } else {
-    const billions = count / 1000000000;
-    return billions % 1 === 0 ? `${billions}B` : `${billions.toFixed(1)}B`;
-  }
-}

package/src/utils/PlatformSelector.ts

@@ -1,29 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Mon 09 Jun 2025 at 04:26 PM
- */
-
-import { Platform } from 'react-native';
-
-/**
- * @description platform selector
- */
-class PlatformSelector {
-  /**
-   * @description return true if it is android
-   * @returns {boolean}
-   */
-  public isAndroid(): boolean {
-    return Platform.OS === 'android';
-  }
-
-  /**
-   * @description return true if it is ios
-   * @returns {boolean}
-   */
-  public isIOS(): boolean {
-    return Platform.OS === 'ios';
-  }
-}
-
-export default new PlatformSelector();

package/src/utils/SizeMatters.ts

@@ -1,7 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Mon 07 Jul 2025 at 12:14 PM
- */
-import * as SizeMatters from 'react-native-size-matters';
-
-export default SizeMatters;