@zezosoft/zezo-ott-react-native-ui-kit 1.1.5 → 1.1.7

package/src/components/Content/Sections.tsx

@@ -1,238 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Sun 08 Jun 2025
- */
-import React, { useMemo } from 'react';
-import Sliders from './Card/Sliders';
-import Cards from './Card';
-import type { IGetSectionData } from '../../types';
-import type { IProps } from './types';
-const createCommonProps = (
-  type: IGetSectionData['type'],
-  props: Omit<IProps, 'customComponents' | 'type'>
-) => {
-  const effectiveIsLoading =
-    props.isLoading?.section || props.section_id === `dummy-${type}`;
-
-  const onPressMoreHandler = props.events?.onPressMore
-    ? (params: { section_id: string; name: string; type: string }) => {
-        props.events?.onPressMore?.({
-          section_id: params.section_id,
-          name: params.name,
-          type,
-        });
-      }
-    : undefined;
-
-  return {
-    theme: props.theme,
-    title: props.name,
-    section_id: props.section_id,
-    type,
-    data: props.data?.sectionData || null,
-    index: props.index,
-    onPressItem: props.events?.onPressItem,
-    onPressMore: onPressMoreHandler,
-    onAdVisible: props.events?.onAdVisible,
-    isLoading: effectiveIsLoading,
-    moreFetchDataHistory: props.moreFetchDataHistory,
-    moreFetchData: props.moreFetchData,
-    onDisplayAds: props.onDisplayAds || props.events?.onDisplayAds,
-    screenDimensions: props.screenDimensions,
-    viewportOffsets: props.viewportOffsets,
-  };
-};
-
-const renderDefaultComponent = (
-  type: IGetSectionData['type'],
-  props: Omit<IProps, 'customComponents' | 'type'>
-): React.ReactNode => {
-  const commonProps = createCommonProps(type, props);
-  switch (type) {
-    case 'slider':
-      return (
-        <Sliders.Styles.One
-          {...commonProps}
-          showPlayIcon={props.sectionProps?.showPlayBtn}
-        />
-      );
-
-    case 'slider_style_2':
-      return <Sliders.Styles.Two {...commonProps} />;
-    case 'slider_style_3':
-      return (
-        <Sliders.Styles.Three
-          {...commonProps}
-          checkWatchlistStatus={props.checkWatchlistStatus}
-          onToggleWatchlist={props.events?.onToggleWatchlist}
-        />
-      );
-    case 'normal':
-      return <Cards.Styles.One {...commonProps} />;
-    case 'new_releases':
-      return <Cards.Styles.One {...commonProps} />;
-    case 'card_style_2':
-      return <Cards.Styles.Two {...commonProps} />;
-    case 'card_style_3':
-      return <Cards.Styles.Three {...commonProps} />;
-    case 'card_style_4':
-      return <Cards.Styles.Four {...commonProps} />;
-    case 'card_style_5':
-      return <Cards.Styles.Five {...commonProps} />;
-    case 'card_style_6':
-      return <Cards.Styles.Six {...commonProps} />;
-    case 'continue_watching':
-      return (
-        <Cards.Styles.NowWatching
-          {...commonProps}
-          historyData={props.data.historyData}
-          isLoadingHistory={props.isLoading?.history}
-        />
-      );
-    case 'card_rotate_in_out':
-      return <Cards.Styles.RotateCarousel {...commonProps} />;
-    case 'top_10':
-      return <Cards.Styles.TopTen {...commonProps} />;
-    default:
-      return null;
-  }
-};
-
-// ----------------------------------------
-// Sections Component
-// ----------------------------------------
-const Sections: React.FC<IProps> = ({
-  type,
-  data,
-  name,
-  customComponents = [],
-  theme,
-  index,
-  section_id,
-  events,
-  sectionProps,
-  isLoading,
-  moreFetchData,
-  moreFetchDataHistory,
-  onDisplayAds,
-  screenDimensions,
-  checkWatchlistStatus,
-  viewportOffsets,
-}) => {
-  const commonProps = useMemo(
-    () => ({ data: data.sectionData, title: name }),
-    [data.sectionData, name]
-  );
-
-  const customComponent = useMemo(
-    () => customComponents.find((c) => c.type === type),
-    [customComponents, type]
-  );
-
-  const defaultRendered = useMemo(
-    () =>
-      renderDefaultComponent(type, {
-        data,
-        name,
-        section_id,
-        index,
-        theme,
-        events,
-        checkWatchlistStatus,
-        sectionProps,
-        isLoading,
-        moreFetchData,
-        moreFetchDataHistory,
-        onDisplayAds,
-        screenDimensions,
-        viewportOffsets,
-      }),
-    [
-      type,
-      data,
-      name,
-      section_id,
-      index,
-      theme,
-      events,
-      checkWatchlistStatus,
-      sectionProps,
-      isLoading,
-      moreFetchData,
-      moreFetchDataHistory,
-      onDisplayAds,
-      screenDimensions,
-      viewportOffsets,
-    ]
-  );
-
-  const filterProps = useMemo(
-    () => ({
-      data,
-      name,
-      section_id,
-      index,
-      theme,
-      events,
-      checkWatchlistStatus,
-      sectionProps,
-      isLoading,
-      moreFetchData,
-      moreFetchDataHistory,
-      onDisplayAds,
-      screenDimensions,
-      viewportOffsets,
-    }),
-    [
-      data,
-      name,
-      section_id,
-      index,
-      theme,
-      events,
-      checkWatchlistStatus,
-      sectionProps,
-      isLoading,
-      moreFetchData,
-      moreFetchDataHistory,
-      onDisplayAds,
-      screenDimensions,
-      viewportOffsets,
-    ]
-  );
-
-  const fallbackComponents = useMemo(
-    () =>
-      customComponents.filter(
-        ({ type: customType }) =>
-          renderDefaultComponent(
-            customType as IGetSectionData['type'],
-            filterProps
-          ) === null
-      ),
-    [customComponents, filterProps]
-  );
-
-  if (customComponent) {
-    return React.cloneElement(customComponent.component, {
-      ...(customComponent.component?.props ?? {}),
-      ...commonProps,
-    });
-  }
-
-  if (defaultRendered) return defaultRendered;
-
-  return (
-    <>
-      {fallbackComponents.map(({ component, type: key }) =>
-        React.cloneElement(component, {
-          ...(component?.props ?? {}),
-          key,
-          ...commonProps,
-        })
-      )}
-    </>
-  );
-};
-
-export default React.memo(Sections);

package/src/components/Content/types.ts

@@ -1,176 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Sun 08 Jun 2025
- */
-import React from 'react';
-import type {
-  NativeScrollEvent,
-  NativeSyntheticEvent,
-  StyleProp,
-  ViewStyle,
-} from 'react-native';
-import type { AnimatedStyle, SharedValue } from 'react-native-reanimated';
-import type { IGetSectionData, IAdItem, MoreFetchData } from '../../types';
-import type { IContentData, IServeAd } from '@zezosoft/zezo-ott-api-client';
-import type { ICategory } from './Card/Category/Category';
-import type { IHistoryItem } from './Card/NowWatching/NowWatching';
-import type { ThemeOverride } from '../../theme/themes';
-import type { NoContentFallbackProps } from '../Fallbacks';
-
-/**
- * Custom component configuration for sections and content
- */
-export interface ICustomComponent {
-  type: string;
-  component: React.ReactElement;
-}
-
-/**
- * Loading states for content sections
- */
-export type IContentLoading = {
-  category?: boolean;
-  history?: boolean;
-  section?: boolean;
-  InfiniteScrollIsLoading?: boolean;
-};
-
-/**
- * Section-specific props
- */
-export interface ISectionProps {
-  showPlayBtn?: boolean;
-}
-
-/**
- * Viewport offsets for screen calculations
- */
-export interface IViewportOffsets {
-  top: number;
-  bottom: number;
-  left: number;
-  right: number;
-}
-
-/**
- * Screen dimensions
- */
-export interface IScreenDimensions {
-  width: number;
-  height: number;
-}
-
-/**
- * Watchlist status checker function type
- */
-export type ICheckWatchlistStatus = (
-  itemIds: string[]
-) => Record<string, boolean> | Promise<Record<string, boolean>>;
-
-/**
- * Parameters for onPressMore event
- */
-export interface IOnPressMoreParams {
-  section_id: string;
-  name: string;
-  type: IGetSectionData['type'];
-}
-
-/**
- * Events object for content and sections
- */
-export interface IContentEvents {
-  onPressItem?: (item: IContentData | IAdItem) => void;
-  onPressMore?: (params: IOnPressMoreParams) => void;
-  activeCategory?: ICategory;
-  onPressCategory?: (category: ICategory) => void;
-  onAdVisible?: (ad: IServeAd, percent: number) => void;
-  onDisplayAds?: (ad: IServeAd) => void;
-  onToggleWatchlist?: (
-    item: IContentData,
-    { isFavorite }: { isFavorite: boolean }
-  ) => void;
-}
-
-/**
- * Props for the Content component
- */
-export interface IContentProps {
-  headerStyle?: 'one' | 'two' | 'three';
-  contentData: {
-    category?: ICategory[];
-    sectionData: IGetSectionData[] | null;
-    historyData?: IHistoryItem[];
-  };
-  customHeaderComponent?: React.ReactNode;
-  customComponents?: ICustomComponent[];
-  LoaderComponent?: React.ReactNode;
-  ErrorComponent?: React.ReactNode;
-  InfiniteScrollLoaderComponent?: React.ReactNode;
-  onScroll?:
-    | ((event: NativeSyntheticEvent<NativeScrollEvent>) => void)
-    | SharedValue<
-        ((event: NativeSyntheticEvent<NativeScrollEvent>) => void) | undefined
-      >;
-  contentContainerStyle?:
-    | StyleProp<ViewStyle>
-    | AnimatedStyle<StyleProp<ViewStyle>>;
-  onEndReached?: () => void;
-  theme?: ThemeOverride;
-  autoSwitchTheme?: boolean;
-  events?: IContentEvents & {
-    onPressMore?: (params: {
-      section_id: IGetSectionData['_id'];
-      name: IGetSectionData['name'];
-      type: IGetSectionData['type'];
-    }) => void;
-  };
-  checkWatchlistStatus?: ICheckWatchlistStatus;
-  sectionProps?: ISectionProps;
-  moreFetchData?: MoreFetchData<IContentData>;
-  moreFetchDataHistory?: MoreFetchData<IHistoryItem>;
-  isLoading?: IContentLoading;
-
-  noContentFallbackProps?: NoContentFallbackProps;
-}
-
-/**
- * Props for the ContentFooter component (internal use)
- */
-export interface FooterProps {
-  isEmpty: boolean;
-  ErrorComponent?: React.ReactNode;
-  InfiniteScrollIsLoading?: boolean;
-  InfiniteScrollLoaderComponent?: React.ReactNode;
-  theme?: ThemeOverride;
-  noContentFallbackProps?: NoContentFallbackProps;
-}
-
-/**
- * Props for the Sections component
- */
-export interface IProps {
-  type: IGetSectionData['type'];
-  ads?: IServeAd[];
-  data: {
-    sectionData: IGetSectionData['content'] | null;
-    historyData?: IHistoryItem[];
-    category?: ICategory[];
-  };
-  name: string;
-
-  customComponents?: ICustomComponent[];
-  theme?: ThemeOverride;
-  index: number;
-  section_id: string;
-  events?: IContentEvents;
-  sectionProps?: ISectionProps;
-
-  checkWatchlistStatus?: ICheckWatchlistStatus;
-  isLoading?: IContentLoading;
-  moreFetchData?: MoreFetchData<IContentData>;
-  moreFetchDataHistory?: MoreFetchData<IHistoryItem>;
-  onDisplayAds?: (ad: IServeAd) => void;
-  screenDimensions?: IScreenDimensions;
-  viewportOffsets?: IViewportOffsets;
-}