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

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

@@ -0,0 +1,315 @@
+"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/hook/useTheme';
+import AppHeader from '../../Headers/AppHeader';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { RFValue } from 'react-native-responsive-fontsize';
+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: RFValue(12),
+    fontWeight: '600',
+    flexShrink: 1,
+    maxWidth: '80%'
+  },
+  deviceMeta: {
+    fontSize: RFValue(9),
+    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: RFValue(10),
+    fontWeight: '600'
+  },
+  badge: {
+    paddingHorizontal: scale(8),
+    paddingVertical: verticalScale(2),
+    borderRadius: scale(6)
+  },
+  badgeText: {
+    fontSize: RFValue(9),
+    fontWeight: '500',
+    maxWidth: scale(100),
+    flexShrink: 1
+  },
+  emptyWrapper: {
+    paddingVertical: verticalScale(40),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    fontSize: RFValue(11),
+    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","RFValue","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,117 @@
+"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/hook/useTheme';
+import AppHeader from '../../Headers/AppHeader';
+import { Text } from '../../Text';
+import CardPoster from '../../Content/Card/components/CardPoster';
+import { RFValue } from 'react-native-responsive-fontsize';
+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: {
+        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, {
+        paddingBottom: scale(50)
+      }],
+      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
+  },
+  noData: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  noDataText: {
+    fontSize: RFValue(12),
+    opacity: 0.5
+  }
+});
+//# sourceMappingURL=WatchHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","TouchableOpacity","FlatGrid","scale","Search","useTheme","AppHeader","Text","CardPoster","RFValue","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","WatchHistory","data","isLoading","title","headerComponent","onBackPress","onSearchPress","showSearchIcon","itemDimension","spacing","listStyle","contentContainerStyle","theme","renderItem","skeletonCount","skeletonComponent","noDataComponent","noDataText","onPressItem","onEndReached","onEndReachedThreshold","appliedTheme","listData","Array","from","length","_","i","_id","renderGridItem","item","index","onPress","activeOpacity","children","posterUri","content","poster","style","styles","container","titleAlign","titleStyle","color","colors","onBackground","onRightPress","rightIcon","size","undefined","keyExtractor","paddingBottom","noData","create","flex","alignItems","justifyContent","fontSize","opacity"],"sourceRoot":"../../../../../src","sources":["components/User/WatchHistory/WatchHistory.tsx"],"mappings":"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","ignoreList":[]}