@zezosoft/zezo-ott-react-native-ui-kit 0.1.0 → 1.0.0

package/lib/module/components/TabBar/Two.js

@@ -0,0 +1,131 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified jun 23 Jun 2025 at 11:40 AM
+ */
+import React, { useState } from 'react';
+import { View, Pressable, StyleSheet, Platform } from 'react-native';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { scale } from 'react-native-size-matters';
+import { useTheme } from '@zezosoft/zezo-ott-react-native-ui-kit';
+import { Text } from '../Text';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Tab = createBottomTabNavigator();
+
+// Extracted TabBarButton component
+const TabBarButton = ({
+  tab,
+  isActive,
+  appliedTheme,
+  onPress,
+  onTabPress,
+  setActiveTab
+}) => {
+  const Icon = tab.icon;
+  const color = isActive ? appliedTheme.colors.button : appliedTheme.colors.textPrimary;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.tabItem,
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      onPress: e => {
+        onPress?.(e);
+        setActiveTab(tab.key);
+        onTabPress?.(tab.key);
+      },
+      android_ripple: {
+        color: appliedTheme.dark ? 'rgba(255, 255, 255, 0.12)' : 'rgba(0, 0, 0, 0.08)',
+        borderless: true,
+        radius: scale(42)
+      },
+      style: styles.pressable,
+      accessibilityRole: "button",
+      accessibilityLabel: `Tab: ${tab.name}`,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        width: scale(24),
+        height: scale(24),
+        color: color
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label],
+        color: color,
+        numberOfLines: 1,
+        children: tab.name
+      })]
+    })
+  });
+};
+const TabBarTwo = ({
+  tabs,
+  theme,
+  onTabPress
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const [activeTab, setActiveTab] = useState(tabs[0]?.key);
+  return /*#__PURE__*/_jsx(Tab.Navigator, {
+    screenOptions: {
+      headerShown: false,
+      tabBarShowLabel: false,
+      tabBarStyle: {
+        position: 'absolute',
+        bottom: scale(20),
+        marginHorizontal: scale(16),
+        height: scale(70),
+        borderRadius: scale(40),
+        backgroundColor: appliedTheme.colors.background + '80',
+        borderWidth: 2,
+        borderTopWidth: 2,
+        borderTopColor: appliedTheme.colors.border,
+        borderColor: appliedTheme.colors.border,
+        paddingBottom: Platform.OS === 'ios' ? scale(12) : scale(10),
+        paddingTop: Platform.OS === 'ios' ? scale(12) : scale(10),
+        shadowColor: appliedTheme.colors.shadow,
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.2,
+        shadowRadius: 6,
+        elevation: 10,
+        overflow: 'hidden'
+      }
+    },
+    children: tabs.map(tab => /*#__PURE__*/_jsx(Tab.Screen, {
+      name: tab.key,
+      component: tab.screenComponent,
+      options: {
+        tabBarButton: ({
+          onPress
+        }) => /*#__PURE__*/_jsx(TabBarButton, {
+          tab: tab,
+          isActive: tab.key === activeTab,
+          appliedTheme: appliedTheme,
+          onPress: onPress,
+          onTabPress: onTabPress,
+          setActiveTab: setActiveTab
+        })
+      }
+    }, tab.key))
+  });
+};
+export default TabBarTwo;
+const styles = StyleSheet.create({
+  tabItem: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  pressable: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: scale(10),
+    paddingVertical: scale(4),
+    borderRadius: scale(30)
+  },
+  label: {
+    marginTop: scale(4),
+    fontSize: scale(11),
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=Two.js.map

package/lib/module/components/TabBar/Two.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","Pressable","StyleSheet","Platform","createBottomTabNavigator","scale","useTheme","Text","jsx","_jsx","jsxs","_jsxs","Tab","TabBarButton","tab","isActive","appliedTheme","onPress","onTabPress","setActiveTab","Icon","icon","color","colors","button","textPrimary","style","styles","tabItem","children","e","key","android_ripple","dark","borderless","radius","pressable","accessibilityRole","accessibilityLabel","name","width","height","label","numberOfLines","TabBarTwo","tabs","theme","activeTab","Navigator","screenOptions","headerShown","tabBarShowLabel","tabBarStyle","position","bottom","marginHorizontal","borderRadius","backgroundColor","background","borderWidth","borderTopWidth","borderTopColor","border","borderColor","paddingBottom","OS","paddingTop","shadowColor","shadow","shadowOffset","shadowOpacity","shadowRadius","elevation","overflow","map","Screen","component","screenComponent","options","tabBarButton","create","flex","justifyContent","alignItems","paddingHorizontal","paddingVertical","marginTop","fontSize","textAlign"],"sourceRoot":"../../../../src","sources":["components/TabBar/Two.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TabBar/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified jun 23 Jun 2025 at 11:40 AM
+ */
+
+import TabBarOne from './One';
+import TabBarTwo from './Two';
+import TabBarThree from './Three';
+const TabBar = {
+  One: TabBarOne,
+  Two: TabBarTwo,
+  Three: TabBarThree
+};
+export { TabBar };
+//# sourceMappingURL=index.js.map

package/lib/module/components/TabBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TabBarOne","TabBarTwo","TabBarThree","TabBar","One","Two","Three"],"sourceRoot":"../../../../src","sources":["components/TabBar/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,SAAS,MAAM,OAAO;AAC7B,OAAOC,SAAS,MAAM,OAAO;AAC7B,OAAOC,WAAW,MAAM,SAAS;AAEjC,MAAMC,MAAM,GAAG;EACbC,GAAG,EAAEJ,SAAS;EACdK,GAAG,EAAEJ,SAAS;EACdK,KAAK,EAAEJ;AACT,CAAC;AAMD,SAASC,MAAM","ignoreList":[]}

package/lib/module/components/Text/Text.js

@@ -0,0 +1,43 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Tue 24 Jun 2025 at 04:33 PM
+ */
+
+import React from 'react';
+import { Text as RNText } from 'react-native';
+import { scale } from 'react-native-size-matters';
+import { useTheme } from '../../theme/ThemeProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Text = ({
+  children,
+  size = 12,
+  color,
+  weight = '500',
+  align = 'left',
+  fontFamily,
+  numberOfLines,
+  allowFontScaling = false,
+  style,
+  ...rest
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsx(RNText, {
+    ...rest,
+    allowFontScaling: allowFontScaling,
+    numberOfLines: numberOfLines,
+    style: [{
+      color: color ?? theme.colors.textPrimary,
+      fontSize: scale(size),
+      fontWeight: weight,
+      textAlign: align,
+      fontFamily
+    }, style],
+    children: children
+  });
+};
+export default Text;
+//# sourceMappingURL=Text.js.map

package/lib/module/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","RNText","scale","useTheme","jsx","_jsx","children","size","color","weight","align","fontFamily","numberOfLines","allowFontScaling","style","rest","theme","colors","textPrimary","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["components/Text/Text.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,MAAM,QAAuD,cAAc;AAC5F,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,QAAQ,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAarD,MAAML,IAAyB,GAAGA,CAAC;EACjCM,QAAQ;EACRC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC,KAAK,GAAG,MAAM;EACdC,UAAU;EACVC,aAAa;EACbC,gBAAgB,GAAG,KAAK;EACxBC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAE5B,oBACEE,IAAA,CAACJ,MAAM;IAAA,GACDc,IAAI;IACRF,gBAAgB,EAAEA,gBAAiB;IACnCD,aAAa,EAAEA,aAAc;IAC7BE,KAAK,EAAE,CACL;MACEN,KAAK,EAAEA,KAAK,IAAIQ,KAAK,CAACC,MAAM,CAACC,WAAW;MACxCC,QAAQ,EAAEjB,KAAK,CAACK,IAAI,CAAC;MACrBa,UAAU,EAAEX,MAAM;MAClBY,SAAS,EAAEX,KAAK;MAChBC;IACF,CAAC,EACDG,KAAK,CACL;IAAAR,QAAA,EAEDA;EAAQ,CACH,CAAC;AAEb,CAAC;AAED,eAAeN,IAAI","ignoreList":[]}

package/lib/module/components/Text/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Tue 24 Jun 2025 at 05:02 PM
+ */
+export { default as Text } from './Text';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Text"],"sourceRoot":"../../../../src","sources":["components/Text/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/lib/module/components/User/DeviceSessions/DeviceSessions.js

@@ -0,0 +1,314 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Mon 30 Jun 2025 at 05:00 PM
+ */
+
+import React from 'react';
+import { View, StyleSheet, FlatList, TouchableOpacity, Alert } from 'react-native';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { Text } from '../../Text';
+import { useTheme } from '../../../theme';
+import AppHeader from '../../Headers/AppHeader';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DeviceSessions = ({
+  sessions,
+  activeSessionId,
+  onLogout,
+  onBackPress = () => {},
+  title = 'Manage Devices',
+  style,
+  error,
+  renderLogoutButton,
+  renderContent,
+  textLabels,
+  headerStyle = {},
+  headerTitleAlign = 'center',
+  headerTitleStyle,
+  renderHeader,
+  theme,
+  isLoading,
+  isLoadingLogout
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const colors = appliedTheme.colors;
+  const [logoutSessionId, setLogoutSessionId] = React.useState(null);
+  const {
+    thisDevice = 'This Device',
+    logOut = 'LOG OUT',
+    lastActivePrefix = 'Last active:',
+    noSessions = 'No active sessions found.',
+    loadingLogoutText = 'Logging out...',
+    cannotLogoutThisDeviceTitle = '⚠️ Cannot Logout',
+    cannotLogoutThisDeviceMessage = 'You cannot log out of this device.'
+  } = textLabels || {};
+  const renderItem = ({
+    item
+  }) => {
+    const isActive = item?.id === activeSessionId;
+    const isLoggingOut = isLoadingLogout && logoutSessionId === item.id;
+    if (renderContent) {
+      return renderContent({
+        session: item,
+        isActive
+      }) ?? null;
+    }
+    const {
+      name = 'Device',
+      browser,
+      location
+    } = item.deviceInfo || {};
+    const hasLocation = location?.city || location?.state || location?.country;
+    const handleLogoutPress = () => {
+      if (isActive) {
+        Alert.alert(cannotLogoutThisDeviceTitle, cannotLogoutThisDeviceMessage, [{
+          text: 'Cancel',
+          style: 'cancel'
+        }], {
+          cancelable: true
+        });
+        return;
+      }
+      setLogoutSessionId(item.id);
+      onLogout({
+        session: item
+      });
+    };
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.deviceRow, {
+        backgroundColor: colors.surfaceVariant,
+        borderColor: colors.outlineVariant ?? colors.outline,
+        shadowColor: colors.shadow ?? '#000'
+      }],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.deviceInfo,
+        children: [(name || isActive) && /*#__PURE__*/_jsxs(View, {
+          style: styles.deviceRowHeader,
+          children: [name && /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 1,
+            ellipsizeMode: "tail",
+            style: [styles.deviceName, {
+              color: colors.onSurface
+            }],
+            children: name
+          }), isActive && /*#__PURE__*/_jsx(View, {
+            style: [styles.badge, {
+              backgroundColor: colors.button
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              numberOfLines: 1,
+              style: [styles.badgeText, {
+                color: colors.black
+              }],
+              children: thisDevice
+            })
+          })]
+        }), (browser || hasLocation) && /*#__PURE__*/_jsxs(Text, {
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          style: [styles.deviceMeta, {
+            color: colors.onSurfaceVariant
+          }],
+          children: [browser, browser && hasLocation ? ' · ' : '', hasLocation && [location?.city, location?.state, location?.country].filter(Boolean).join(', ')]
+        }), item?.lastActivity && /*#__PURE__*/_jsxs(Text, {
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          style: [styles.deviceMeta, {
+            color: colors.onSurfaceVariant
+          }],
+          children: [lastActivePrefix, " ", new Date(item.lastActivity).toLocaleString()]
+        })]
+      }), renderLogoutButton ? renderLogoutButton({
+        session: item
+      }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.logoutButton, {
+          borderColor: colors.border
+        }],
+        disabled: isLoggingOut,
+        activeOpacity: 0.7,
+        onPress: handleLogoutPress,
+        children: /*#__PURE__*/_jsx(Text, {
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          style: [styles.logoutText, {
+            color: colors.primary
+          }],
+          children: isLoggingOut ? loadingLogoutText : logOut
+        })
+      })]
+    });
+  };
+  const renderSkeleton = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.listContent,
+      children: [...Array(4)].map((_, index) => /*#__PURE__*/_jsx(View, {
+        style: {
+          borderWidth: StyleSheet.hairlineWidth,
+          borderColor: colors.outlineVariant ?? colors.outline,
+          borderRadius: scale(10),
+          padding: scale(12),
+          marginBottom: verticalScale(12),
+          backgroundColor: colors.surfaceVariant
+        },
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+          backgroundColor: colors.skeletonBaseColor || '#E1E9EE',
+          highlightColor: colors.skeletonHighlightColor || '#F2F8FC',
+          borderRadius: scale(8),
+          children: /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+            children: [/*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+              flex: 1,
+              paddingRight: scale(12),
+              children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+                width: "60%",
+                height: scale(14),
+                borderRadius: scale(4),
+                marginBottom: scale(6)
+              }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+                width: "80%",
+                height: scale(10),
+                borderRadius: scale(4),
+                marginBottom: scale(4)
+              }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+                width: "50%",
+                height: scale(10),
+                borderRadius: scale(4)
+              })]
+            }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: scale(80),
+              height: verticalScale(30),
+              borderRadius: scale(6)
+            })]
+          })
+        })
+      }, index))
+    });
+  };
+  const sortedSessions = React.useMemo(() => {
+    if (!sessions?.length) return [];
+    return [...sessions].sort((a, b) => {
+      if (a.id === activeSessionId) return -1;
+      if (b.id === activeSessionId) return 1;
+      return 0;
+    });
+  }, [sessions, activeSessionId]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: colors.background
+    }, style],
+    children: [renderHeader ? renderHeader() : /*#__PURE__*/_jsx(AppHeader, {
+      title: title,
+      onBackPress: onBackPress,
+      titleAlign: headerTitleAlign,
+      style: headerStyle,
+      titleStyle: headerTitleStyle
+    }), isLoading ? renderSkeleton() : /*#__PURE__*/_jsx(FlatList, {
+      data: sortedSessions,
+      keyExtractor: item => item.id,
+      renderItem: renderItem,
+      contentContainerStyle: styles.listContent,
+      ListEmptyComponent: /*#__PURE__*/_jsx(View, {
+        style: styles.emptyWrapper,
+        children: /*#__PURE__*/_jsx(Text, {
+          numberOfLines: 2,
+          ellipsizeMode: "tail",
+          style: [styles.emptyText, {
+            color: colors.onSurfaceVariant
+          }],
+          children: error || noSessions
+        })
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  listContent: {
+    paddingHorizontal: scale(16),
+    paddingVertical: verticalScale(12)
+  },
+  deviceRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderWidth: StyleSheet.hairlineWidth,
+    padding: scale(12),
+    borderRadius: scale(10),
+    marginBottom: verticalScale(12),
+    elevation: 2,
+    shadowOpacity: 0.1,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowRadius: 4
+  },
+  deviceInfo: {
+    flex: 1,
+    paddingRight: scale(12)
+  },
+  deviceRowHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    columnGap: scale(8),
+    rowGap: verticalScale(2),
+    flexWrap: 'wrap',
+    marginBottom: scale(4)
+  },
+  deviceName: {
+    fontSize: scale(13),
+    fontWeight: '600',
+    flexShrink: 1,
+    maxWidth: '80%'
+  },
+  deviceMeta: {
+    fontSize: scale(10),
+    marginTop: scale(2),
+    flexShrink: 1
+  },
+  logoutButton: {
+    paddingHorizontal: scale(12),
+    paddingVertical: verticalScale(6),
+    borderRadius: scale(6),
+    minWidth: scale(80),
+    borderWidth: scale(1.5),
+    alignItems: 'center'
+  },
+  logoutText: {
+    fontSize: scale(11),
+    fontWeight: '600'
+  },
+  badge: {
+    paddingHorizontal: scale(8),
+    paddingVertical: verticalScale(2),
+    borderRadius: scale(6)
+  },
+  badgeText: {
+    fontSize: scale(10),
+    fontWeight: '500',
+    maxWidth: scale(100),
+    flexShrink: 1
+  },
+  emptyWrapper: {
+    paddingVertical: verticalScale(40),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    fontSize: scale(12),
+    textAlign: 'center'
+  },
+  skeletonLine: {
+    borderRadius: scale(4),
+    backgroundColor: '#ccc'
+  }
+});
+//# sourceMappingURL=DeviceSessions.js.map

package/lib/module/components/User/DeviceSessions/DeviceSessions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","FlatList","TouchableOpacity","Alert","scale","verticalScale","Text","useTheme","AppHeader","SkeletonPlaceholder","jsx","_jsx","jsxs","_jsxs","DeviceSessions","sessions","activeSessionId","onLogout","onBackPress","title","style","error","renderLogoutButton","renderContent","textLabels","headerStyle","headerTitleAlign","headerTitleStyle","renderHeader","theme","isLoading","isLoadingLogout","appliedTheme","colors","logoutSessionId","setLogoutSessionId","useState","thisDevice","logOut","lastActivePrefix","noSessions","loadingLogoutText","cannotLogoutThisDeviceTitle","cannotLogoutThisDeviceMessage","renderItem","item","isActive","id","isLoggingOut","session","name","browser","location","deviceInfo","hasLocation","city","state","country","handleLogoutPress","alert","text","cancelable","styles","deviceRow","backgroundColor","surfaceVariant","borderColor","outlineVariant","outline","shadowColor","shadow","children","deviceRowHeader","numberOfLines","ellipsizeMode","deviceName","color","onSurface","badge","button","badgeText","black","deviceMeta","onSurfaceVariant","filter","Boolean","join","lastActivity","Date","toLocaleString","logoutButton","border","disabled","activeOpacity","onPress","logoutText","primary","renderSkeleton","listContent","Array","map","_","index","borderWidth","hairlineWidth","borderRadius","padding","marginBottom","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","flexDirection","alignItems","justifyContent","flex","paddingRight","width","height","sortedSessions","useMemo","length","sort","a","b","container","background","titleAlign","titleStyle","data","keyExtractor","contentContainerStyle","ListEmptyComponent","emptyWrapper","emptyText","create","paddingHorizontal","paddingVertical","elevation","shadowOpacity","shadowOffset","shadowRadius","columnGap","rowGap","flexWrap","fontSize","fontWeight","flexShrink","maxWidth","marginTop","minWidth","textAlign","skeletonLine"],"sourceRoot":"../../../../../src","sources":["components/User/DeviceSessions/DeviceSessions.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/User/WatchHistory/WatchHistory.js

@@ -0,0 +1,118 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Tue 24 Jun 2025 at 07:32 PM
+ */
+
+import React from 'react';
+import { StyleSheet, View, TouchableOpacity } from 'react-native';
+import { FlatGrid } from 'react-native-super-grid';
+import { scale } from 'react-native-size-matters';
+import { Search } from 'lucide-react-native';
+import { useTheme } from '../../../theme';
+import AppHeader from '../../Headers/AppHeader';
+import { Text } from '../../Text';
+import CardPoster from '../../Content/Card/components/CardPoster';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const WatchHistory = ({
+  data = [],
+  isLoading = false,
+  title = 'Watch History',
+  headerComponent,
+  onBackPress = () => {},
+  onSearchPress = () => {},
+  showSearchIcon = true,
+  itemDimension = 90,
+  spacing = 10,
+  listStyle,
+  contentContainerStyle,
+  theme,
+  renderItem,
+  skeletonCount = 9,
+  skeletonComponent,
+  noDataComponent,
+  noDataText = 'No Watch History Found',
+  onPressItem,
+  onEndReached,
+  onEndReachedThreshold
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const listData = isLoading ? Array.from({
+    length: skeletonCount
+  }, (_, i) => ({
+    _id: `skeleton-${i}`
+  })) : data;
+  const renderGridItem = ({
+    item,
+    index
+  }) => {
+    if (isLoading && skeletonComponent) return skeletonComponent;
+    if (!isLoading && renderItem) return renderItem(item, index);
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => onPressItem?.(item),
+      activeOpacity: 0.8,
+      children: /*#__PURE__*/_jsx(CardPoster, {
+        theme: appliedTheme,
+        isLoading: isLoading,
+        posterUri: item?.content?.poster
+      })
+    }, item._id || index);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [headerComponent ? headerComponent : /*#__PURE__*/_jsx(AppHeader, {
+      onBackPress: onBackPress,
+      title: title,
+      titleAlign: "left",
+      theme: appliedTheme,
+      titleStyle: {
+        ...styles.title,
+        color: appliedTheme.colors.onBackground
+      },
+      onRightPress: onSearchPress,
+      rightIcon: showSearchIcon ? /*#__PURE__*/_jsx(Search, {
+        size: scale(23),
+        color: appliedTheme.colors.onBackground
+      }) : undefined
+    }), isLoading || data.length > 0 ? /*#__PURE__*/_jsx(FlatGrid, {
+      itemDimension: itemDimension,
+      spacing: spacing,
+      data: listData,
+      keyExtractor: (item, index) => item._id || `item-${index}`,
+      style: listStyle,
+      contentContainerStyle: contentContainerStyle,
+      renderItem: renderGridItem,
+      onEndReached: onEndReached,
+      onEndReachedThreshold: onEndReachedThreshold ?? 0.5
+    }) : noDataComponent ? /*#__PURE__*/_jsx(_Fragment, {
+      children: noDataComponent
+    }) : /*#__PURE__*/_jsx(View, {
+      style: styles.noData,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.noDataText,
+        children: noDataText
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  title: {
+    fontSize: scale(15)
+  },
+  noData: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  noDataText: {
+    fontSize: scale(14),
+    opacity: 0.5
+  }
+});
+//# sourceMappingURL=WatchHistory.js.map