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

package/src/theme/hook/useInternalTheme.ts

@@ -1,10 +1,9 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 /**
  * @author Naresh Dhamu
  * @lastModified Fri 24 Oct 2025 at 10:45 AM
  */
 
-import React from 'react';
+import { useMemo, useEffect } from 'react';
 import {
   DarkTheme,
   LightTheme,
@@ -28,13 +27,13 @@ export const useInternalTheme = (
 
   const isDarkMode = isDark ?? storeDarkMode;
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (isDark !== undefined) {
       setTheme(isDark ? 'dark' : 'light');
     }
   }, [isDark, setTheme]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (themeMode !== 'system') return;
     const subscription = Appearance.addChangeListener(({ colorScheme }) => {
       if (colorScheme === 'dark' || colorScheme === 'light') {
@@ -43,16 +42,22 @@ export const useInternalTheme = (
     });
 
     return () => subscription.remove();
-  }, []);
+  }, [themeMode, setIsDarkMode]);
 
-  const overrideColors = React.useMemo(
-    () => (isDarkMode ? (override?.dark ?? {}) : (override?.light ?? {})),
-    [override, isDarkMode]
+  // Memoize base theme selection
+  const baseTheme = useMemo(
+    () => (isDarkMode ? DarkTheme : LightTheme),
+    [isDarkMode]
   );
 
-  const baseTheme = isDarkMode ? DarkTheme : LightTheme;
+  // Memoize override colors
+  const overrideColors = useMemo(
+    () => (isDarkMode ? (override?.dark ?? {}) : (override?.light ?? {})),
+    [override?.dark, override?.light, isDarkMode]
+  );
 
-  const finalTheme = React.useMemo<ITheme>(
+  // Memoize final theme with proper dependencies
+  const finalTheme = useMemo<ITheme>(
     () => ({
       ...baseTheme,
       colors: {
@@ -63,15 +68,16 @@ export const useInternalTheme = (
     [baseTheme, overrideColors]
   );
 
-  const themeFull = React.useMemo(
+  // Memoize themeFull with proper dependencies
+  const themeFull = useMemo(
     () => ({
       light: (override?.light as ITheme['colors']) ?? LightTheme.colors,
       dark: (override?.dark as ITheme['colors']) ?? DarkTheme.colors,
     }),
-    [override]
+    [override?.light, override?.dark]
   );
 
-  return React.useMemo(
+  return useMemo(
     () => ({
       theme: finalTheme,
       isDarkMode,

package/src/theme/hook/useThemeStatusBar.ts

@@ -5,7 +5,7 @@
 /**
  * Automatically syncs StatusBar color & style with current theme.
  */
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
 import { StatusBar, Platform, type StatusBarStyle } from 'react-native';
 import Color from 'color';
 import type { ITheme } from '../themes';
@@ -21,13 +21,22 @@ export const useThemeStatusBar = ({
   backgroundColor,
   barStyle,
 }: UseThemeStatusBarOptions) => {
+  // Memoize background color
+  const bgColor = useMemo(
+    () => backgroundColor ?? theme.colors.background,
+    [backgroundColor, theme.colors.background]
+  );
+
+  // Memoize content style calculation
+  const contentStyle = useMemo<StatusBarStyle>(() => {
+    if (barStyle) return barStyle;
+    return Color(bgColor).isDark() ? 'light-content' : 'dark-content';
+  }, [barStyle, bgColor]);
+
   useEffect(() => {
-    const bgColor = backgroundColor ?? theme.colors.background;
-    const contentStyle: StatusBarStyle =
-      barStyle ?? (Color(bgColor).isDark() ? 'light-content' : 'dark-content');
     StatusBar.setBarStyle(contentStyle, true);
     if (Platform.OS === 'android') {
       StatusBar.setBackgroundColor(bgColor, true);
     }
-  }, [theme, backgroundColor, barStyle]);
+  }, [bgColor, contentStyle]);
 };

package/src/types/sections/index.ts

@@ -1,10 +1,12 @@
 /**
  * @author Naresh Dhamu
- * @lastModified Fri 04 Jul 2025 at 10:58 AM
+ * @lastModified Wed 24 Dec 2025 at 12:09 PM
  */
 
-import type { IContentData } from '@zezosoft/zezo-ott-api-client';
-
+import type { IContentData, IServeAd } from '@zezosoft/zezo-ott-api-client';
+export type IAdItem = IServeAd & {
+  type: 'ads';
+};
 export type ISectionType =
   | 'normal'
   | 'card_style_2'
@@ -15,6 +17,7 @@ export type ISectionType =
   | 'card_rotate_in_out'
   | 'slider'
   | 'slider_style_2'
+  | 'slider_style_3'
   | 'card_series_featured_style_1'
   | 'continue_watching'
   | 'new_releases'
@@ -50,7 +53,7 @@ export interface IGetSectionData {
   };
   genre?: string;
   content: {
-    data: IContentData[];
+    data: (IContentData | IAdItem)[];
     meta: {
       pagination: ISectionPagination;
     };