@zezosoft/zezo-ott-react-native-ui-kit 1.0.4 → 1.0.5

package/src/components/User/components/UserAvatar.tsx

@@ -1,5 +1,10 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Fri 17 Oct 2025 at 10:16 PM
+ */
 import React, { useState } from 'react';
 import { Image, StyleSheet, View } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
 import { scale } from 'react-native-size-matters';
 import { useTheme } from '../../../theme/hook/useTheme';
 import type { AppTheme } from '../../../theme/themes';
@@ -18,25 +23,53 @@ const UserAvatar: React.FC<UserAvatarProps> = ({
   theme,
 }) => {
   const [imageError, setImageError] = useState(false);
+  const [loading, setLoading] = useState(!!avatarUri);
   const { theme: appliedTheme } = useTheme(theme);
-  const borderColor = appliedTheme.colors.primary;
+  const borderColor = appliedTheme.colors.primary || '#ccc';
+  const skeletonBaseColor = appliedTheme.colors.skeletonBaseColor || '#E0E0E0';
+  const skeletonHighlightColor =
+    appliedTheme.colors.skeletonHighlightColor || '#F5F5F5';
 
   return (
     <View style={styles(size).wrapper}>
+      {loading && (
+        <SkeletonPlaceholder
+          backgroundColor={skeletonBaseColor}
+          highlightColor={skeletonHighlightColor}
+          borderRadius={size / 2}
+        >
+          <SkeletonPlaceholder.Item
+            width={size}
+            height={size}
+            borderRadius={size / 2}
+          />
+        </SkeletonPlaceholder>
+      )}
+
       <Image
         source={imageError || !avatarUri ? fallbackAvatar : { uri: avatarUri }}
-        style={[styles(size).avatar, { borderColor }]}
-        onError={() => setImageError(true)}
+        style={[styles(size).avatar, { borderColor, position: 'absolute' }]}
+        onError={() => {
+          setImageError(true);
+          setLoading(false);
+        }}
+        onLoadStart={() => setLoading(true)}
+        onLoadEnd={() => setLoading(false)}
       />
     </View>
   );
 };
 
 export default UserAvatar;
+
 const styles = (size: number) =>
   StyleSheet.create({
     wrapper: {
+      width: size,
+      height: size,
       position: 'relative',
+      justifyContent: 'center',
+      alignItems: 'center',
     },
     avatar: {
       width: size,

package/src/hooks/useSplashCache.ts

@@ -0,0 +1,166 @@
+/**
+ * @author Naresh
+ * @lastModified Fri 17 Oct 2025 at 09:55 PM
+ */
+
+import { useEffect, useState } from 'react';
+import RNFS from 'react-native-fs';
+import CryptoJS from 'crypto-js';
+import { MMKV } from 'react-native-mmkv';
+import { useSplashStore } from '../store/splashStore';
+
+const storage = new MMKV();
+const activeDownloads = new Map<string, Promise<string | null>>();
+
+const SUPPORTED_EXTENSIONS = [
+  'json',
+  'mp4',
+  'jpg',
+  'jpeg',
+  'png',
+  'webp',
+] as const;
+
+const getFileExtension = (url: string): string => {
+  try {
+    const cleanUrl = url.split('?')[0];
+    const ext = cleanUrl
+      ?.substring(cleanUrl?.lastIndexOf('.') + 1)
+      .toLowerCase();
+    return SUPPORTED_EXTENSIONS.includes(ext as any) ? (ext as string) : 'png';
+  } catch {
+    return 'png';
+  }
+};
+
+const downloadAndCacheAsset = async (
+  url: string,
+  extension: string,
+  cacheKey: string,
+  force: boolean
+): Promise<string | null> => {
+  if (!url?.trim()) return null;
+
+  const ext = extension.replace(/^\./, '') || 'png';
+  const hash = CryptoJS.MD5(`${url}|${cacheKey}|${ext}`).toString();
+  const localFile = `${RNFS.CachesDirectoryPath}/splash_${hash}.${ext}`;
+
+  if (activeDownloads.has(hash)) {
+    return activeDownloads.get(hash)!;
+  }
+
+  const task = (async () => {
+    try {
+      const savedHash = storage.getString(cacheKey);
+
+      if (savedHash && savedHash !== hash) {
+        const oldFile = `${RNFS.CachesDirectoryPath}/splash_${savedHash}.${ext}`;
+        if (await RNFS.exists(oldFile)) {
+          await RNFS.unlink(oldFile).catch(() => {});
+        }
+      }
+
+      if (!force) {
+        const exists = await RNFS.exists(localFile);
+        if (exists && savedHash === hash) {
+          return localFile;
+        }
+      }
+
+      const { statusCode } = await RNFS.downloadFile({
+        fromUrl: url,
+        toFile: localFile,
+        cacheable: true,
+        readTimeout: 15000,
+        connectionTimeout: 10000,
+      }).promise;
+
+      if (statusCode === 200) {
+        storage.set(cacheKey, hash);
+        return localFile;
+      }
+    } catch {
+      return null;
+    }
+
+    return null;
+  })();
+
+  activeDownloads.set(hash, task);
+  return task;
+};
+
+type SplashCacheOptions = {
+  logoUrl?: string;
+  backgroundUrl?: string;
+  forceDownload?: boolean;
+};
+
+export const useSplashCache = ({
+  logoUrl,
+  backgroundUrl,
+  forceDownload = false,
+}: SplashCacheOptions) => {
+  const [state, setState] = useState({
+    isReady: false,
+    error: null as Error | null,
+  });
+
+  const setLogo = useSplashStore((s) => s.setLogoPath);
+  const setBackground = useSplashStore((s) => s.setBackdropPath);
+
+  useEffect(() => {
+    let mounted = true;
+
+    const syncAssets = async () => {
+      try {
+        const [logoPath, bgPath] = await Promise.all([
+          logoUrl
+            ? downloadAndCacheAsset(
+                logoUrl,
+                getFileExtension(logoUrl),
+                'splash_logo',
+                forceDownload
+              )
+            : Promise.resolve(null),
+          backgroundUrl
+            ? downloadAndCacheAsset(
+                backgroundUrl,
+                getFileExtension(backgroundUrl),
+                'splash_background',
+                forceDownload
+              )
+            : Promise.resolve(null),
+        ]);
+
+        if (!mounted) return;
+
+        if (logoPath) setLogo?.(logoPath);
+        if (bgPath) setBackground?.(bgPath);
+
+        setState({ isReady: true, error: null });
+      } catch (err) {
+        if (mounted) {
+          setState({ isReady: true, error: err as Error });
+        }
+      }
+    };
+
+    syncAssets();
+    return () => {
+      mounted = false;
+    };
+  }, [logoUrl, backgroundUrl, forceDownload, setLogo, setBackground]);
+
+  const logoPath = useSplashStore((s) => s.logo.localPath);
+  const bgPath = useSplashStore((s) => s.backdrop.localPath);
+
+  return {
+    state,
+    isLoading: !state.isReady && !state.error,
+    data: {
+      logoPath,
+      backgroundPath: bgPath,
+    },
+  };
+};

package/src/store/RecentSearchesStore.ts

@@ -68,7 +68,6 @@ export const useRecentSearchesStore = create<RecentSearchesState>()(
         if (hasData) {
           setTimeout(() => {
             useRecentSearchesStore.setState({ isLoading: false });
-            console.log('🔄 Zustand store rehydrated');
           }, 50);
         } else {
           useRecentSearchesStore.setState({ isLoading: false });

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

@@ -129,6 +129,7 @@ export type HeroBannerProps = {
   renderButtons?: RenderButtons;
   renderSkeletons?: SkeletonOverrides;
   menuActions?: MenuAction[];
+  content_offering_type?: IContentData['content_offering_type'];
 };
 
 // 🟧 Final Component Props

package/lib/module/hooks/useInitSplashCacheSync.js

@@ -1,116 +0,0 @@
-"use strict";
-
-/**
- * @author Naresh Dhamu
- * @lastModified Tue 29 Jul 2025 at 05:37 PM
- */
-
-import { useEffect, useState } from 'react';
-import RNFS from 'react-native-fs';
-import CryptoJS from 'crypto-js';
-import { MMKV } from 'react-native-mmkv';
-import { useSplashStore } from "../store/splashStore.js";
-const mmkvStorage = new MMKV();
-const inFlightDownloadsMap = new Map();
-const SUPPORTED_FILE_TYPES = ['json', 'mp4', 'jpg', 'jpeg', 'png', 'webp'];
-const extractFileExtension = url => {
-  try {
-    const cleanUrl = url.split('?')[0];
-    const ext = cleanUrl?.substring(cleanUrl.lastIndexOf('.') + 1).toLowerCase() || '';
-    return SUPPORTED_FILE_TYPES.includes(ext) ? ext : 'png';
-  } catch {
-    return 'png';
-  }
-};
-const cacheSplashAsset = async (url, extension, mmkvKey, forceDownload) => {
-  if (!url?.trim()) return null;
-  const ext = extension.replace(/^\./, '').trim() || 'mp4';
-  const hash = CryptoJS.MD5(`${url}|${mmkvKey}|${ext}`).toString();
-  const localPath = `${RNFS?.CachesDirectoryPath}/splash_${hash}.${ext}`;
-  if (inFlightDownloadsMap.has(hash)) {
-    return inFlightDownloadsMap.get(hash);
-  }
-  const downloadTask = (async () => {
-    try {
-      const previousHash = mmkvStorage.getString(mmkvKey);
-      if (previousHash && previousHash !== hash) {
-        const oldPath = `${RNFS?.CachesDirectoryPath}/splash_${previousHash}.${ext}`;
-        const exists = await RNFS?.exists(oldPath);
-        if (exists) {
-          await RNFS?.unlink(oldPath).catch(() => {});
-        }
-      }
-      if (!forceDownload) {
-        const exists = await RNFS?.exists(localPath);
-        if (exists && previousHash === hash) {
-          return localPath;
-        }
-      }
-      const {
-        statusCode
-      } = await RNFS?.downloadFile({
-        fromUrl: url,
-        toFile: localPath,
-        cacheable: true,
-        readTimeout: 15000,
-        connectionTimeout: 10000
-      }).promise;
-      if (statusCode === 200) {
-        mmkvStorage.set(mmkvKey, hash);
-        return localPath;
-      }
-    } catch {}
-    return null;
-  })();
-  inFlightDownloadsMap.set(hash, downloadTask);
-  return downloadTask;
-};
-export const useInitSplashCacheSync = ({
-  logoUrl,
-  backgroundUrl,
-  forceDownload = false
-}) => {
-  const [splashSyncState, setSplashSyncState] = useState({
-    isReady: false,
-    error: null
-  });
-  const setSplashLogoPath = useSplashStore(s => s.setLogoPath);
-  const setSplashBackgroundPath = useSplashStore(s => s.setBackdropPath);
-  useEffect(() => {
-    let isMounted = true;
-    const syncSplashAssets = async () => {
-      try {
-        const [logoPath, backgroundPath] = await Promise.all([logoUrl ? cacheSplashAsset(logoUrl, extractFileExtension(logoUrl), 'splash_logo', forceDownload) : Promise.resolve(null), backgroundUrl ? cacheSplashAsset(backgroundUrl, extractFileExtension(backgroundUrl), 'splash_background', forceDownload) : Promise.resolve(null)]);
-        if (!isMounted) return;
-        if (logoPath) setSplashLogoPath?.(logoPath);
-        if (backgroundPath) setSplashBackgroundPath?.(backgroundPath);
-        setSplashSyncState({
-          isReady: true,
-          error: null
-        });
-      } catch (err) {
-        if (isMounted) {
-          setSplashSyncState({
-            isReady: true,
-            error: err
-          });
-        }
-      }
-    };
-    syncSplashAssets();
-    return () => {
-      isMounted = false;
-    };
-  }, [logoUrl, backgroundUrl, forceDownload, setSplashLogoPath, setSplashBackgroundPath]);
-  const splashLogoLocalPath = useSplashStore(s => s.logo.localPath);
-  const splashBackgroundLocalPath = useSplashStore(s => s.backdrop.localPath);
-  return {
-    state: splashSyncState,
-    isLoading: !splashSyncState.isReady && !splashSyncState.error,
-    data: {
-      localPathLogo: splashLogoLocalPath,
-      localPathBackground: splashBackgroundLocalPath
-    }
-  };
-};
-//# sourceMappingURL=useInitSplashCacheSync.js.map

package/lib/module/hooks/useInitSplashCacheSync.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useState","RNFS","CryptoJS","MMKV","useSplashStore","mmkvStorage","inFlightDownloadsMap","Map","SUPPORTED_FILE_TYPES","extractFileExtension","url","cleanUrl","split","ext","substring","lastIndexOf","toLowerCase","includes","cacheSplashAsset","extension","mmkvKey","forceDownload","trim","replace","hash","MD5","toString","localPath","CachesDirectoryPath","has","get","downloadTask","previousHash","getString","oldPath","exists","unlink","catch","statusCode","downloadFile","fromUrl","toFile","cacheable","readTimeout","connectionTimeout","promise","set","useInitSplashCacheSync","logoUrl","backgroundUrl","splashSyncState","setSplashSyncState","isReady","error","setSplashLogoPath","s","setLogoPath","setSplashBackgroundPath","setBackdropPath","isMounted","syncSplashAssets","logoPath","backgroundPath","Promise","all","resolve","err","splashLogoLocalPath","logo","splashBackgroundLocalPath","backdrop","state","isLoading","data","localPathLogo","localPathBackground"],"sourceRoot":"../../../src","sources":["hooks/useInitSplashCacheSync.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/hooks/useInitSplashCacheSync.d.ts

@@ -1,22 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Tue 29 Jul 2025 at 05:37 PM
- */
-type UseSplashCacheSyncOptions = {
-    logoUrl?: string;
-    backgroundUrl?: string;
-    forceDownload?: boolean;
-};
-export declare const useInitSplashCacheSync: ({ logoUrl, backgroundUrl, forceDownload, }: UseSplashCacheSyncOptions) => {
-    state: {
-        isReady: boolean;
-        error: Error | null;
-    };
-    isLoading: boolean;
-    data: {
-        localPathLogo: string | null;
-        localPathBackground: string | null;
-    };
-};
-export {};
-//# sourceMappingURL=useInitSplashCacheSync.d.ts.map

package/lib/typescript/src/hooks/useInitSplashCacheSync.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInitSplashCacheSync.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInitSplashCacheSync.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA2FH,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,4CAIpC,yBAAyB;;;eAGT,KAAK,GAAG,IAAI;;;;;;;CAkE9B,CAAC"}

package/src/hooks/useInitSplashCacheSync.ts

@@ -1,174 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Tue 29 Jul 2025 at 05:37 PM
- */
-
-import { useEffect, useState } from 'react';
-import RNFS from 'react-native-fs';
-import CryptoJS from 'crypto-js';
-import { MMKV } from 'react-native-mmkv';
-import { useSplashStore } from '../store/splashStore';
-
-const mmkvStorage = new MMKV();
-const inFlightDownloadsMap = new Map<string, Promise<string | null>>();
-
-const SUPPORTED_FILE_TYPES = [
-  'json',
-  'mp4',
-  'jpg',
-  'jpeg',
-  'png',
-  'webp',
-] as const;
-
-const extractFileExtension = (url: string): string => {
-  try {
-    const cleanUrl = url.split('?')[0];
-    const ext =
-      cleanUrl?.substring(cleanUrl.lastIndexOf('.') + 1).toLowerCase() || '';
-    return SUPPORTED_FILE_TYPES.includes(
-      ext as (typeof SUPPORTED_FILE_TYPES)[number]
-    )
-      ? ext
-      : 'png';
-  } catch {
-    return 'png';
-  }
-};
-
-const cacheSplashAsset = async (
-  url: string,
-  extension: string,
-  mmkvKey: string,
-  forceDownload: boolean
-): Promise<string | null> => {
-  if (!url?.trim()) return null;
-
-  const ext = extension.replace(/^\./, '').trim() || 'mp4';
-  const hash = CryptoJS.MD5(`${url}|${mmkvKey}|${ext}`).toString();
-  const localPath = `${RNFS?.CachesDirectoryPath}/splash_${hash}.${ext}`;
-
-  if (inFlightDownloadsMap.has(hash)) {
-    return inFlightDownloadsMap.get(hash)!;
-  }
-
-  const downloadTask = (async () => {
-    try {
-      const previousHash = mmkvStorage.getString(mmkvKey);
-
-      if (previousHash && previousHash !== hash) {
-        const oldPath = `${RNFS?.CachesDirectoryPath}/splash_${previousHash}.${ext}`;
-        const exists = await RNFS?.exists(oldPath);
-        if (exists) {
-          await RNFS?.unlink(oldPath).catch(() => {});
-        }
-      }
-
-      if (!forceDownload) {
-        const exists = await RNFS?.exists(localPath);
-        if (exists && previousHash === hash) {
-          return localPath;
-        }
-      }
-
-      const { statusCode } = await RNFS?.downloadFile({
-        fromUrl: url,
-        toFile: localPath,
-        cacheable: true,
-        readTimeout: 15000,
-        connectionTimeout: 10000,
-      }).promise;
-
-      if (statusCode === 200) {
-        mmkvStorage.set(mmkvKey, hash);
-        return localPath;
-      }
-    } catch {}
-
-    return null;
-  })();
-
-  inFlightDownloadsMap.set(hash, downloadTask);
-  return downloadTask;
-};
-
-type UseSplashCacheSyncOptions = {
-  logoUrl?: string;
-  backgroundUrl?: string;
-  forceDownload?: boolean;
-};
-
-export const useInitSplashCacheSync = ({
-  logoUrl,
-  backgroundUrl,
-  forceDownload = false,
-}: UseSplashCacheSyncOptions) => {
-  const [splashSyncState, setSplashSyncState] = useState({
-    isReady: false,
-    error: null as Error | null,
-  });
-
-  const setSplashLogoPath = useSplashStore((s) => s.setLogoPath);
-  const setSplashBackgroundPath = useSplashStore((s) => s.setBackdropPath);
-
-  useEffect(() => {
-    let isMounted = true;
-
-    const syncSplashAssets = async () => {
-      try {
-        const [logoPath, backgroundPath] = await Promise.all([
-          logoUrl
-            ? cacheSplashAsset(
-                logoUrl,
-                extractFileExtension(logoUrl),
-                'splash_logo',
-                forceDownload
-              )
-            : Promise.resolve(null),
-          backgroundUrl
-            ? cacheSplashAsset(
-                backgroundUrl,
-                extractFileExtension(backgroundUrl),
-                'splash_background',
-                forceDownload
-              )
-            : Promise.resolve(null),
-        ]);
-
-        if (!isMounted) return;
-
-        if (logoPath) setSplashLogoPath?.(logoPath);
-        if (backgroundPath) setSplashBackgroundPath?.(backgroundPath);
-
-        setSplashSyncState({ isReady: true, error: null });
-      } catch (err) {
-        if (isMounted) {
-          setSplashSyncState({ isReady: true, error: err as Error });
-        }
-      }
-    };
-
-    syncSplashAssets();
-    return () => {
-      isMounted = false;
-    };
-  }, [
-    logoUrl,
-    backgroundUrl,
-    forceDownload,
-    setSplashLogoPath,
-    setSplashBackgroundPath,
-  ]);
-
-  const splashLogoLocalPath = useSplashStore((s) => s.logo.localPath);
-  const splashBackgroundLocalPath = useSplashStore((s) => s.backdrop.localPath);
-
-  return {
-    state: splashSyncState,
-    isLoading: !splashSyncState.isReady && !splashSyncState.error,
-    data: {
-      localPathLogo: splashLogoLocalPath,
-      localPathBackground: splashBackgroundLocalPath,
-    },
-  };
-};