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

package/lib/module/components/ContentView/components/HeroBanner.js

@@ -0,0 +1,223 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 02 Jul 2025 at 04:50 PM
+ */
+
+import React, { useState, useMemo, useCallback } from 'react';
+import { View, StyleSheet, Animated, Text } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale, verticalScale } from 'react-native-size-matters';
+import FastImage from 'react-native-fast-image';
+import { PlayButton } from './PlayButton';
+import { TrailerButton } from './TrailerButton';
+import BackBtn from '../../Button/BackBtn';
+import MenuBtn from '../../Button/MenuBtn';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SKELETON_CIRCLE_SIZE = scale(50);
+const BANNER_HEIGHT = verticalScale(200);
+const GRADIENT_LOCATIONS = [0.75, 0.9, 1];
+const BACK_BTN_SIZE = scale(35);
+export const HeroBanner = ({
+  backgroundImage,
+  title,
+  theme,
+  isLoading = false,
+  onPressPlay,
+  onBackPress,
+  style,
+  renderButtons,
+  renderSkeletons,
+  menuActions
+}) => {
+  const [hasImageLoaded, setHasImageLoaded] = useState(false);
+  const [imageLoadError, setImageLoadError] = useState(false);
+  const handlePressPlay = useCallback(() => {
+    onPressPlay?.();
+  }, [onPressPlay]);
+  const showSkeleton = isLoading || !hasImageLoaded && !imageLoadError;
+  const styles = useMemo(() => StyleSheet.create({
+    container: {
+      height: BANNER_HEIGHT,
+      width: '100%',
+      overflow: 'hidden',
+      position: 'relative',
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    centeredContent: {
+      ...StyleSheet.absoluteFillObject,
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 4,
+      pointerEvents: 'box-none'
+    },
+    skeletonContainer: {
+      ...StyleSheet.absoluteFillObject,
+      backgroundColor: theme.colors.backgroundDisabled,
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 2
+    },
+    errorContainer: {
+      ...StyleSheet.absoluteFillObject,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: theme.colors.backgroundDisabled,
+      zIndex: 1
+    },
+    errorText: {
+      color: theme.colors.textSecondary,
+      fontSize: RFValue(15),
+      textAlign: 'center'
+    },
+    imageContainer: {
+      ...StyleSheet.absoluteFillObject,
+      zIndex: 0
+    },
+    trailerButtonWrapper: {
+      ...StyleSheet.absoluteFillObject,
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+      bottom: verticalScale(10),
+      zIndex: 4,
+      pointerEvents: 'box-none'
+    },
+    backBtnSkeleton: {
+      position: 'absolute',
+      top: scale(6),
+      left: scale(13),
+      zIndex: 4
+    },
+    menuBtnSkeleton: {
+      position: 'absolute',
+      top: scale(6),
+      right: scale(13),
+      zIndex: 4
+    },
+    defaultBackBtn: {
+      position: 'absolute',
+      top: scale(6),
+      left: scale(13),
+      zIndex: 4,
+      backgroundColor: theme.colors.background
+    },
+    defaultMenuBtn: {
+      position: 'absolute',
+      top: scale(6),
+      right: scale(13),
+      zIndex: 4,
+      backgroundColor: theme.colors.background
+    }
+  }), [theme]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    accessibilityLabel: title,
+    children: [showSkeleton ? renderSkeletons?.back?.() ?? /*#__PURE__*/_jsx(View, {
+      style: styles.backBtnSkeleton,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        backgroundColor: theme.colors.skeletonBaseColor,
+        highlightColor: theme.colors.skeletonHighlightColor,
+        speed: 800,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: BACK_BTN_SIZE,
+          height: BACK_BTN_SIZE,
+          borderRadius: BACK_BTN_SIZE / 2
+        })
+      })
+    }) : renderButtons?.back?.() ?? (onBackPress && /*#__PURE__*/_jsx(BackBtn, {
+      theme: theme,
+      onPress: onBackPress,
+      style: styles.defaultBackBtn,
+      size: scale(20)
+    })), showSkeleton && menuActions ? renderSkeletons?.menu?.() ?? /*#__PURE__*/_jsx(View, {
+      style: styles.menuBtnSkeleton,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        backgroundColor: theme.colors.skeletonBaseColor,
+        highlightColor: theme.colors.skeletonHighlightColor,
+        speed: 800,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: BACK_BTN_SIZE,
+          height: BACK_BTN_SIZE,
+          borderRadius: BACK_BTN_SIZE / 2
+        })
+      })
+    }) : menuActions && (renderButtons?.menu?.() ?? /*#__PURE__*/_jsx(MenuBtn, {
+      theme: theme,
+      style: styles.defaultMenuBtn,
+      actions: menuActions
+    })), /*#__PURE__*/_jsx(LinearGradient, {
+      colors: theme.colors.heroBannerGradient,
+      style: [StyleSheet.absoluteFill, {
+        zIndex: 3
+      }],
+      locations: GRADIENT_LOCATIONS
+    }), !isLoading && /*#__PURE__*/_jsx(View, {
+      style: styles.imageContainer,
+      children: /*#__PURE__*/_jsx(FastImage, {
+        style: StyleSheet.absoluteFillObject,
+        source: {
+          uri: backgroundImage,
+          cache: FastImage.cacheControl.immutable
+        },
+        resizeMode: FastImage.resizeMode.cover,
+        onLoad: () => setHasImageLoaded(true),
+        onError: () => setImageLoadError(true),
+        accessibilityLabel: `Background image for ${title}`
+      })
+    }), showSkeleton && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.skeletonContainer,
+        children: renderSkeletons?.play?.() ?? /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+          backgroundColor: theme.colors.skeletonBaseColor,
+          highlightColor: theme.colors.skeletonHighlightColor,
+          speed: 800,
+          children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: "100%",
+            height: "100%",
+            justifyContent: "center",
+            alignItems: "center",
+            children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: SKELETON_CIRCLE_SIZE,
+              height: SKELETON_CIRCLE_SIZE,
+              borderRadius: SKELETON_CIRCLE_SIZE / 2
+            })
+          })
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.trailerButtonWrapper,
+        children: renderSkeletons?.trailer?.() ?? /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+          backgroundColor: theme.colors.skeletonBaseColor,
+          highlightColor: theme.colors.skeletonHighlightColor,
+          speed: 800,
+          children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: scale(110),
+            height: verticalScale(25),
+            borderRadius: scale(14)
+          })
+        })
+      })]
+    }), !showSkeleton && !imageLoadError && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: styles.centeredContent,
+        children: renderButtons?.play?.() ?? /*#__PURE__*/_jsx(PlayButton, {
+          onPress: handlePressPlay
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: styles.trailerButtonWrapper,
+        children: renderButtons?.trailer?.() ?? /*#__PURE__*/_jsx(TrailerButton, {
+          onPress: handlePressPlay
+        })
+      })]
+    }), imageLoadError && !isLoading && /*#__PURE__*/_jsx(Animated.View, {
+      style: styles.errorContainer,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.errorText,
+        children: "Failed to load image"
+      })
+    })]
+  });
+};
+//# sourceMappingURL=HeroBanner.js.map

package/lib/module/components/ContentView/components/HeroBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","useCallback","View","StyleSheet","Animated","Text","LinearGradient","SkeletonPlaceholder","scale","verticalScale","FastImage","PlayButton","TrailerButton","BackBtn","MenuBtn","RFValue","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SKELETON_CIRCLE_SIZE","BANNER_HEIGHT","GRADIENT_LOCATIONS","BACK_BTN_SIZE","HeroBanner","backgroundImage","title","theme","isLoading","onPressPlay","onBackPress","style","renderButtons","renderSkeletons","menuActions","hasImageLoaded","setHasImageLoaded","imageLoadError","setImageLoadError","handlePressPlay","showSkeleton","styles","create","container","height","width","overflow","position","backgroundColor","colors","backgroundDisabled","centeredContent","absoluteFillObject","justifyContent","alignItems","zIndex","pointerEvents","skeletonContainer","errorContainer","errorText","color","textSecondary","fontSize","textAlign","imageContainer","trailerButtonWrapper","bottom","backBtnSkeleton","top","left","menuBtnSkeleton","right","defaultBackBtn","background","defaultMenuBtn","accessibilityLabel","children","back","skeletonBaseColor","highlightColor","skeletonHighlightColor","speed","Item","borderRadius","onPress","size","menu","actions","heroBannerGradient","absoluteFill","locations","source","uri","cache","cacheControl","immutable","resizeMode","cover","onLoad","onError","play","trailer"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/HeroBanner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ContentView/components/PlayButton.js

@@ -0,0 +1,40 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 02 Jul 2025 at 03:38 PM
+ * */
+
+import React from 'react';
+import { TouchableOpacity, StyleSheet } from 'react-native';
+import { PlayCircleIcon } from 'lucide-react-native';
+import { moderateScale, scale, verticalScale } from 'react-native-size-matters';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PlayButton = ({
+  onPress,
+  size = scale(40),
+  color = 'black',
+  backgroundColor = '#FFD700'
+}) => {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.8,
+    onPress: onPress,
+    style: [styles.button, {
+      backgroundColor,
+      borderRadius: size
+    }],
+    children: /*#__PURE__*/_jsx(PlayCircleIcon, {
+      size: size,
+      color: color
+    })
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    padding: moderateScale(6),
+    marginBottom: verticalScale(10),
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=PlayButton.js.map

package/lib/module/components/ContentView/components/PlayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","StyleSheet","PlayCircleIcon","moderateScale","scale","verticalScale","jsx","_jsx","PlayButton","onPress","size","color","backgroundColor","activeOpacity","style","styles","button","borderRadius","children","create","padding","marginBottom","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/PlayButton.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,UAAU,QAAoC,cAAc;AACvF,SAASC,cAAc,QAAQ,qBAAqB;AACpD,SAASC,aAAa,EAAEC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAShF,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,OAAO;EAAEC,IAAI,GAAGN,KAAK,CAAC,EAAE,CAAC;EAAEO,KAAK,GAAG,OAAO;EAAEC,eAAe,GAAG;AAAiB,CAAC,KAAK;EAChH,oBACEL,IAAA,CAACP,gBAAgB;IACfa,aAAa,EAAE,GAAI;IACnBJ,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;MAAEJ,eAAe;MAAEK,YAAY,EAAEP;IAAK,CAAC,CAAE;IAAAQ,QAAA,eAEhEX,IAAA,CAACL,cAAc;MAACQ,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC5B,CAAC;AAEvB,CAAC;AAED,MAAMI,MAAM,GAAGd,UAAU,CAACkB,MAAM,CAAC;EAC/BH,MAAM,EAAE;IACNI,OAAO,EAAEjB,aAAa,CAAC,CAAC,CAAC;IACzBkB,YAAY,EAAEhB,aAAa,CAAC,EAAE,CAAC;IAC/BiB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ContentView/components/Title.js

@@ -0,0 +1,104 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Tue 01 Jul 2025 at 02:28 PM
+ */
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale } from 'react-native-size-matters';
+import { Text } from '../../Text';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Title = ({
+  title,
+  subtitle,
+  rating,
+  theme,
+  isLoading = false,
+  style
+}) => {
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(View, {
+      style: StyleSheet.flatten([styles.container, style?.container]),
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        backgroundColor: theme.colors.skeletonBaseColor,
+        highlightColor: theme.colors.skeletonHighlightColor,
+        children: /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+          children: [/*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+            flexDirection: "row",
+            alignItems: "center",
+            children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: scale(160),
+              height: scale(22),
+              borderRadius: scale(4)
+            }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: scale(60),
+              height: scale(22),
+              borderRadius: scale(4),
+              marginLeft: scale(6)
+            })]
+          }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: scale(36),
+            height: scale(16),
+            borderRadius: scale(4),
+            marginTop: scale(6)
+          })]
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: StyleSheet.flatten([styles.container, style?.container]),
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(Text, {
+        color: theme.colors.textPrimary,
+        style: StyleSheet.flatten([styles.title, style?.title]),
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        children: title
+      }), !!subtitle && /*#__PURE__*/_jsx(Text, {
+        color: theme.colors.textSecondary,
+        style: StyleSheet.flatten([styles.subTitle, style?.subTitle]),
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        children: `: ${subtitle}`
+      })]
+    }), !!rating && /*#__PURE__*/_jsxs(Text, {
+      color: theme.colors.textSecondary,
+      style: StyleSheet.flatten([styles.rating, style?.rating]),
+      children: ["\u2B50 ", rating]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: scale(12),
+    marginTop: scale(5)
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    maxWidth: '100%'
+  },
+  title: {
+    fontSize: RFValue(17),
+    fontWeight: 'bold',
+    flexShrink: 1,
+    maxWidth: '60%'
+  },
+  subTitle: {
+    fontSize: RFValue(17),
+    marginLeft: scale(4),
+    flexShrink: 1,
+    maxWidth: '40%'
+  },
+  rating: {
+    fontSize: RFValue(13),
+    marginTop: scale(4)
+  }
+});
+//# sourceMappingURL=Title.js.map

package/lib/module/components/ContentView/components/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","SkeletonPlaceholder","scale","Text","RFValue","jsx","_jsx","jsxs","_jsxs","Title","title","subtitle","rating","theme","isLoading","style","flatten","styles","container","children","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","flexDirection","alignItems","width","height","borderRadius","marginLeft","marginTop","row","color","textPrimary","numberOfLines","ellipsizeMode","textSecondary","subTitle","create","paddingHorizontal","maxWidth","fontSize","fontWeight","flexShrink"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/Title.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ContentView/components/TrailerButton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 02 Jul 2025 at 03:39 PM
+ */
+
+import { PlayCircle } from 'lucide-react-native';
+import React from 'react';
+import { TouchableOpacity, StyleSheet } from 'react-native';
+import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
+import { Text } from '../../Text';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TrailerButton = ({
+  onPress,
+  label = 'Watch Trailer',
+  iconSize = scale(18),
+  iconColor = '#000',
+  backgroundColor = '#FFD700',
+  textStyle,
+  style
+}) => {
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    onPress: onPress,
+    activeOpacity: 0.8,
+    style: [styles.button, {
+      backgroundColor
+    }, style],
+    children: [/*#__PURE__*/_jsx(PlayCircle, {
+      size: iconSize,
+      color: iconColor
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: [styles.text, textStyle],
+      children: [" ", label]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    paddingVertical: verticalScale(3),
+    paddingHorizontal: scale(6),
+    borderRadius: moderateScale(20),
+    alignItems: 'center'
+  },
+  text: {
+    color: '#000',
+    fontWeight: '600',
+    fontSize: scale(12),
+    marginLeft: scale(2)
+  }
+});
+//# sourceMappingURL=TrailerButton.js.map

package/lib/module/components/ContentView/components/TrailerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PlayCircle","React","TouchableOpacity","StyleSheet","scale","verticalScale","moderateScale","Text","jsx","_jsx","jsxs","_jsxs","TrailerButton","onPress","label","iconSize","iconColor","backgroundColor","textStyle","style","activeOpacity","styles","button","children","size","color","text","create","flexDirection","paddingVertical","paddingHorizontal","borderRadius","alignItems","fontWeight","fontSize","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/TrailerButton.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,qBAAqB;AAChD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,UAAU,QAAoE,cAAc;AACvH,SAASC,KAAK,EAAEC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AAC/E,SAASC,IAAI,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYlC,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,OAAO;EACPC,KAAK,GAAG,eAAe;EACvBC,QAAQ,GAAGX,KAAK,CAAC,EAAE,CAAC;EACpBY,SAAS,GAAG,MAAM;EAClBC,eAAe,GAAG,SAAS;EAC3BC,SAAS;EACTC;AACK,CAAC,KAAK;EACX,oBACER,KAAA,CAACT,gBAAgB;IAACW,OAAO,EAAEA,OAAQ;IAACO,aAAa,EAAE,GAAI;IAACD,KAAK,EAAE,CAACE,MAAM,CAACC,MAAM,EAAE;MAAEL;IAAgB,CAAC,EAAEE,KAAK,CAAE;IAAAI,QAAA,gBACzGd,IAAA,CAACT,UAAU;MAACwB,IAAI,EAAET,QAAS;MAACU,KAAK,EAAET;IAAU,CAAE,CAAC,eAChDL,KAAA,CAACJ,IAAI;MAACY,KAAK,EAAE,CAACE,MAAM,CAACK,IAAI,EAAER,SAAS,CAAE;MAAAK,QAAA,GAAC,GAAC,EAACT,KAAK;IAAA,CAAO,CAAC;EAAA,CACtC,CAAC;AAEvB,CAAC;AAED,MAAMO,MAAM,GAAGlB,UAAU,CAACwB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAExB,aAAa,CAAC,CAAC,CAAC;IACjCyB,iBAAiB,EAAE1B,KAAK,CAAC,CAAC,CAAC;IAC3B2B,YAAY,EAAEzB,aAAa,CAAC,EAAE,CAAC;IAC/B0B,UAAU,EAAE;EACd,CAAC;EACDN,IAAI,EAAE;IACJD,KAAK,EAAE,MAAM;IACbQ,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE9B,KAAK,CAAC,EAAE,CAAC;IACnB+B,UAAU,EAAE/B,KAAK,CAAC,CAAC;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Tue 01 Jul 2025 at 02:28 PM
+ */
+
+export * from './ContentView';
+export { default as MoreContentList } from './MoreContentList';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","MoreContentList"],"sourceRoot":"../../../../src","sources":["components/ContentView/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,cAAc,eAAe;AAC7B,SAASA,OAAO,IAAIC,eAAe,QAAQ,mBAAmB","ignoreList":[]}

package/lib/module/components/Headers/AppHeader.js

@@ -0,0 +1,96 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Sat 21 Jun 2025 at 02:52 PM
+ */
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import { ArrowLeft } from 'lucide-react-native';
+import { useTheme } from '../../theme/hook/useTheme';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { Text } from '../Text';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AppHeader = ({
+  title,
+  onBackPress,
+  onRightPress,
+  rightIcon,
+  style,
+  titleStyle,
+  titleAlign = 'center',
+  theme
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.header, {
+      backgroundColor: appliedTheme.colors.background
+    }, style],
+    children: [onBackPress && /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onBackPress,
+      activeOpacity: 0.7,
+      style: styles.iconButton,
+      children: /*#__PURE__*/_jsx(ArrowLeft, {
+        size: scale(22),
+        color: appliedTheme.colors.textPrimary
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.titleWrapper, titleAlign === 'center' ? styles.centered : styles.leftAligned],
+      children: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [{
+          color: appliedTheme.colors.onBackground
+        }, !onBackPress && {
+          ...titleStyle
+        }, titleStyle, styles.title],
+        children: title
+      })
+    }), rightIcon ? /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onRightPress,
+      activeOpacity: 0.7,
+      style: styles.iconButton,
+      children: rightIcon
+    }) : /*#__PURE__*/_jsx(View, {
+      style: styles.iconButton
+    })]
+  });
+};
+export default AppHeader;
+const styles = StyleSheet.create({
+  header: {
+    height: verticalScale(40),
+    paddingHorizontal: scale(12),
+    paddingBottom: verticalScale(4),
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  iconButton: {
+    width: scale(42),
+    height: scale(42),
+    borderRadius: scale(21),
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden',
+    backgroundColor: 'transparent'
+  },
+  titleWrapper: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  centered: {
+    alignItems: 'center'
+  },
+  leftAligned: {
+    alignItems: 'flex-start',
+    paddingLeft: scale(2)
+  },
+  title: {
+    fontSize: RFValue(14),
+    textTransform: 'capitalize',
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=AppHeader.js.map

package/lib/module/components/Headers/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","ArrowLeft","useTheme","scale","verticalScale","Text","RFValue","jsx","_jsx","jsxs","_jsxs","AppHeader","title","onBackPress","onRightPress","rightIcon","style","titleStyle","titleAlign","theme","appliedTheme","styles","header","backgroundColor","colors","background","children","onPress","activeOpacity","iconButton","size","color","textPrimary","titleWrapper","centered","leftAligned","numberOfLines","onBackground","create","height","paddingHorizontal","paddingBottom","flexDirection","alignItems","width","borderRadius","justifyContent","overflow","flex","paddingLeft","fontSize","textTransform","fontWeight"],"sourceRoot":"../../../../src","sources":["components/Headers/AppHeader.tsx"],"mappings":"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","ignoreList":[]}