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

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

@@ -0,0 +1,339 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified Sat 17 Jan 2026 at 02:28 PM
+ */
+
+import React, { useMemo, useCallback } from 'react';
+import { View, StyleSheet, Animated } 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 tinycolor from 'tinycolor2';
+import BackBtn from "../../../Button/BackBtn.js";
+import MenuBtn from "../../../Button/MenuBtn.js";
+import { RFValue } from 'react-native-responsive-fontsize';
+import RentOrBuyIcon from "../../../Content/Card/components/RentOrBuyIcon.js";
+import { useInternalTheme } from "../../../../theme/hook/index.js";
+import { Text } from "../../../Text/index.js";
+import { useImageLoader } from "../../../../hooks/Images/index.js";
+import { PlayButton } from "../../One/components/PlayButton.js";
+import { TrailerButton } from "../../One/components/TrailerButton.js";
+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 BACK_BTN_SIZE = scale(35);
+export const HeroBanner = /*#__PURE__*/React.memo(({
+  backgroundImage,
+  title,
+  titleImage,
+  theme: themeOverride,
+  isLoading = false,
+  onPressPlay,
+  onBackPress,
+  style,
+  renderButtons,
+  renderSkeletons,
+  menuActions,
+  content_offering_type
+}) => {
+  const {
+    theme
+  } = useInternalTheme(themeOverride);
+
+  // Use reusable image loading hook with caching support
+  const {
+    imageError,
+    showSkeleton: imageShowSkeleton,
+    imageSource,
+    handleLoad: handleImageLoad,
+    handleError: handleImageError
+  } = useImageLoader({
+    imageUri: backgroundImage || '',
+    isLoading
+  });
+  const handlePressPlay = useCallback(({
+    is_trailer
+  }) => {
+    onPressPlay?.({
+      is_trailer
+    });
+  }, [onPressPlay]);
+  const showSkeleton = useMemo(() => isLoading || imageShowSkeleton && !!backgroundImage, [isLoading, imageShowSkeleton, backgroundImage]);
+
+  // Memoize gradient colors - use theme gradient with optimized transition
+  const gradientColors = useMemo(() => {
+    const bgColorBase = theme.colors.background;
+    return [tinycolor(bgColorBase).toRgbString(),
+    // Solid at bottom (100% opacity)
+    tinycolor(bgColorBase).setAlpha(0.66).toRgbString(),
+    // 66% opacity
+    tinycolor(bgColorBase).setAlpha(0.2).toRgbString(),
+    // 20% opacity
+    tinycolor(bgColorBase).setAlpha(0.1).toRgbString(),
+    // 10% opacity
+    'rgba(0, 0, 0, 0)'];
+  }, [theme.colors.background]);
+  const styles = useMemo(() => StyleSheet.create({
+    container: {
+      height: BANNER_HEIGHT,
+      width: '100%',
+      overflow: 'hidden',
+      position: 'relative',
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    rentOrBuyIcon: {
+      position: 'absolute',
+      bottom: verticalScale(20),
+      zIndex: 4,
+      left: scale(10)
+    },
+    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: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      backgroundColor: theme.colors.backgroundDisabled,
+      alignItems: 'center'
+    },
+    image: {
+      width: '100%',
+      height: BANNER_HEIGHT,
+      aspectRatio: 16 / 9,
+      alignSelf: 'flex-start'
+    },
+    titleImageWrapper: {
+      position: 'absolute',
+      bottom: verticalScale(10),
+      left: scale(12),
+      zIndex: 3
+    },
+    titleImage: {
+      width: scale(140),
+      height: verticalScale(32)
+    },
+    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(7),
+      left: scale(7),
+      zIndex: 4,
+      backgroundColor: theme.colors.background
+    },
+    defaultMenuBtn: {
+      position: 'absolute',
+      top: scale(6),
+      right: scale(13),
+      zIndex: 4,
+      backgroundColor: theme.colors.background
+    },
+    badge: {
+      position: 'absolute',
+      bottom: verticalScale(20),
+      left: scale(10),
+      paddingHorizontal: scale(8),
+      paddingVertical: scale(4),
+      borderRadius: scale(8)
+    }
+  }), [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: themeOverride,
+      onPress: onBackPress,
+      style: styles.defaultBackBtn,
+      size: scale(26)
+    })), 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: themeOverride,
+      style: styles.defaultMenuBtn,
+      actions: menuActions
+    })), !showSkeleton && /*#__PURE__*/_jsx(LinearGradient, {
+      colors: gradientColors,
+      style: [StyleSheet.absoluteFill, {
+        zIndex: 1
+      }],
+      start: {
+        x: 0,
+        y: 1
+      },
+      end: {
+        x: 0,
+        y: 0
+      }
+    }), !isLoading && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.imageContainer,
+        children: /*#__PURE__*/_jsx(FastImage, {
+          source: imageSource,
+          style: styles.image,
+          resizeMode: FastImage.resizeMode.contain,
+          onLoad: handleImageLoad,
+          onError: handleImageError,
+          accessibilityLabel: `Background image for ${title}`
+        })
+      }), !!titleImage && !showSkeleton && /*#__PURE__*/_jsx(View, {
+        style: styles.titleImageWrapper,
+        children: /*#__PURE__*/_jsx(FastImage, {
+          source: {
+            uri: titleImage
+          },
+          style: styles.titleImage,
+          resizeMode: FastImage.resizeMode.contain,
+          accessibilityLabel: `Title image for ${title}`
+        })
+      }), content_offering_type && content_offering_type === 'FREE' && /*#__PURE__*/_jsx(View, {
+        style: [styles.badge, {
+          backgroundColor: theme.colors.primary,
+          zIndex: 2
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          type: "caption",
+          style: {
+            color: theme.colors.onPrimary,
+            fontWeight: '600'
+          },
+          theme: themeOverride,
+          children: content_offering_type
+        })
+      }), content_offering_type && /*#__PURE__*/_jsx(RentOrBuyIcon, {
+        size: 30,
+        theme: theme,
+        style: [styles.rentOrBuyIcon, {
+          zIndex: 2
+        }],
+        content_offering_type: content_offering_type
+      })]
+    }), showSkeleton && !imageError && onPressPlay && /*#__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 && !imageError && onPressPlay && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: styles.centeredContent,
+        children: renderButtons?.play?.() ?? /*#__PURE__*/_jsx(PlayButton, {
+          color: theme.colors.buttonText,
+          backgroundColor: theme.colors.button,
+          onPress: () => handlePressPlay({
+            is_trailer: false
+          })
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: styles.trailerButtonWrapper,
+        children: renderButtons?.trailer?.() ?? /*#__PURE__*/_jsx(TrailerButton, {
+          color: theme.colors.buttonText,
+          backgroundColor: theme.colors.button,
+          onPress: () => handlePressPlay({
+            is_trailer: true
+          })
+        })
+      })]
+    }), imageError && !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/Two/components/HeroBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useCallback","View","StyleSheet","Animated","LinearGradient","SkeletonPlaceholder","scale","verticalScale","FastImage","tinycolor","BackBtn","MenuBtn","RFValue","RentOrBuyIcon","useInternalTheme","Text","useImageLoader","PlayButton","TrailerButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SKELETON_CIRCLE_SIZE","BANNER_HEIGHT","BACK_BTN_SIZE","HeroBanner","memo","backgroundImage","title","titleImage","theme","themeOverride","isLoading","onPressPlay","onBackPress","style","renderButtons","renderSkeletons","menuActions","content_offering_type","imageError","showSkeleton","imageShowSkeleton","imageSource","handleLoad","handleImageLoad","handleError","handleImageError","imageUri","handlePressPlay","is_trailer","gradientColors","bgColorBase","colors","background","toRgbString","setAlpha","styles","create","container","height","width","overflow","position","backgroundColor","backgroundDisabled","rentOrBuyIcon","bottom","zIndex","left","centeredContent","absoluteFillObject","justifyContent","alignItems","pointerEvents","skeletonContainer","errorContainer","errorText","color","textSecondary","fontSize","textAlign","imageContainer","top","right","image","aspectRatio","alignSelf","titleImageWrapper","trailerButtonWrapper","backBtnSkeleton","menuBtnSkeleton","defaultBackBtn","defaultMenuBtn","badge","paddingHorizontal","paddingVertical","borderRadius","accessibilityLabel","children","back","skeletonBaseColor","highlightColor","skeletonHighlightColor","speed","Item","onPress","size","menu","actions","absoluteFill","start","x","y","end","source","resizeMode","contain","onLoad","onError","uri","primary","type","onPrimary","fontWeight","play","trailer","buttonText","button"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/HeroBanner.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACnD,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACzD,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,mBAAmB,MAAM,mCAAmC;AACnE,SAASC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAChE,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,4BAAyB;AAC7C,OAAOC,OAAO,MAAM,4BAAyB;AAE7C,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,OAAOC,aAAa,MAAM,mDAAgD;AAC1E,SAASC,gBAAgB,QAAQ,iCAAwB;AACzD,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,cAAc,QAAQ,mCAA0B;AACzD,SAASC,UAAU,QAAQ,oCAAiC;AAC5D,SAASC,aAAa,QAAQ,uCAAoC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnE,MAAMC,oBAAoB,GAAGnB,KAAK,CAAC,EAAE,CAAC;AACtC,MAAMoB,aAAa,GAAGnB,aAAa,CAAC,GAAG,CAAC;AACxC,MAAMoB,aAAa,GAAGrB,KAAK,CAAC,EAAE,CAAC;AAE/B,OAAO,MAAMsB,UAAU,gBAAG9B,KAAK,CAAC+B,IAAI,CAClC,CAAC;EACCC,eAAe;EACfC,KAAK;EACLC,UAAU;EACVC,KAAK,EAAEC,aAAa;EACpBC,SAAS,GAAG,KAAK;EACjBC,WAAW;EACXC,WAAW;EACXC,KAAK;EACLC,aAAa;EACbC,eAAe;EACfC,WAAW;EACXC;AACe,CAAC,KAAK;EACrB,MAAM;IAAET;EAAM,CAAC,GAAGnB,gBAAgB,CAACoB,aAAa,CAAC;;EAEjD;EACA,MAAM;IACJS,UAAU;IACVC,YAAY,EAAEC,iBAAiB;IAC/BC,WAAW;IACXC,UAAU,EAAEC,eAAe;IAC3BC,WAAW,EAAEC;EACf,CAAC,GAAGlC,cAAc,CAAC;IACjBmC,QAAQ,EAAErB,eAAe,IAAI,EAAE;IAC/BK;EACF,CAAC,CAAC;EAEF,MAAMiB,eAAe,GAAGpD,WAAW,CACjC,CAAC;IAAEqD;EAAoC,CAAC,KAAK;IAC3CjB,WAAW,GAAG;MAAEiB;IAAW,CAAC,CAAC;EAC/B,CAAC,EACD,CAACjB,WAAW,CACd,CAAC;EAED,MAAMQ,YAAY,GAAG7C,OAAO,CAC1B,MAAMoC,SAAS,IAAKU,iBAAiB,IAAI,CAAC,CAACf,eAAgB,EAC3D,CAACK,SAAS,EAAEU,iBAAiB,EAAEf,eAAe,CAChD,CAAC;;EAED;EACA,MAAMwB,cAAc,GAAGvD,OAAO,CAAC,MAAM;IACnC,MAAMwD,WAAW,GAAGtB,KAAK,CAACuB,MAAM,CAACC,UAAU;IAC3C,OAAO,CACLhD,SAAS,CAAC8C,WAAW,CAAC,CAACG,WAAW,CAAC,CAAC;IAAE;IACtCjD,SAAS,CAAC8C,WAAW,CAAC,CAACI,QAAQ,CAAC,IAAI,CAAC,CAACD,WAAW,CAAC,CAAC;IAAE;IACrDjD,SAAS,CAAC8C,WAAW,CAAC,CAACI,QAAQ,CAAC,GAAG,CAAC,CAACD,WAAW,CAAC,CAAC;IAAE;IACpDjD,SAAS,CAAC8C,WAAW,CAAC,CAACI,QAAQ,CAAC,GAAG,CAAC,CAACD,WAAW,CAAC,CAAC;IAAE;IACpD,kBAAkB,CACnB;EACH,CAAC,EAAE,CAACzB,KAAK,CAACuB,MAAM,CAACC,UAAU,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAG7D,OAAO,CACpB,MACEG,UAAU,CAAC2D,MAAM,CAAC;IAChBC,SAAS,EAAE;MACTC,MAAM,EAAErC,aAAa;MACrBsC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE,UAAU;MACpBC,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACY;IAChC,CAAC;IACDC,aAAa,EAAE;MACbH,QAAQ,EAAE,UAAU;MACpBI,MAAM,EAAE/D,aAAa,CAAC,EAAE,CAAC;MACzBgE,MAAM,EAAE,CAAC;MACTC,IAAI,EAAElE,KAAK,CAAC,EAAE;IAChB,CAAC;IACDmE,eAAe,EAAE;MACf,GAAGvE,UAAU,CAACwE,kBAAkB;MAChCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBL,MAAM,EAAE,CAAC;MACTM,aAAa,EAAE;IACjB,CAAC;IACDC,iBAAiB,EAAE;MACjB,GAAG5E,UAAU,CAACwE,kBAAkB;MAChCP,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACY,kBAAkB;MAChDO,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBL,MAAM,EAAE;IACV,CAAC;IACDQ,cAAc,EAAE;MACd,GAAG7E,UAAU,CAACwE,kBAAkB;MAChCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBT,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACY,kBAAkB;MAChDG,MAAM,EAAE;IACV,CAAC;IACDS,SAAS,EAAE;MACTC,KAAK,EAAEhD,KAAK,CAACuB,MAAM,CAAC0B,aAAa;MACjCC,QAAQ,EAAEvE,OAAO,CAAC,EAAE,CAAC;MACrBwE,SAAS,EAAE;IACb,CAAC;IACDC,cAAc,EAAE;MACdnB,QAAQ,EAAE,UAAU;MACpBoB,GAAG,EAAE,CAAC;MACNd,IAAI,EAAE,CAAC;MACPe,KAAK,EAAE,CAAC;MACRpB,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACY,kBAAkB;MAChDQ,UAAU,EAAE;IACd,CAAC;IAEDY,KAAK,EAAE;MACLxB,KAAK,EAAE,MAAM;MACbD,MAAM,EAAErC,aAAa;MACrB+D,WAAW,EAAE,EAAE,GAAG,CAAC;MACnBC,SAAS,EAAE;IACb,CAAC;IAEDC,iBAAiB,EAAE;MACjBzB,QAAQ,EAAE,UAAU;MACpBI,MAAM,EAAE/D,aAAa,CAAC,EAAE,CAAC;MACzBiE,IAAI,EAAElE,KAAK,CAAC,EAAE,CAAC;MACfiE,MAAM,EAAE;IACV,CAAC;IAEDvC,UAAU,EAAE;MACVgC,KAAK,EAAE1D,KAAK,CAAC,GAAG,CAAC;MACjByD,MAAM,EAAExD,aAAa,CAAC,EAAE;IAC1B,CAAC;IAEDqF,oBAAoB,EAAE;MACpB,GAAG1F,UAAU,CAACwE,kBAAkB;MAChCC,cAAc,EAAE,UAAU;MAC1BC,UAAU,EAAE,QAAQ;MACpBN,MAAM,EAAE/D,aAAa,CAAC,EAAE,CAAC;MACzBgE,MAAM,EAAE,CAAC;MACTM,aAAa,EAAE;IACjB,CAAC;IACDgB,eAAe,EAAE;MACf3B,QAAQ,EAAE,UAAU;MACpBoB,GAAG,EAAEhF,KAAK,CAAC,CAAC,CAAC;MACbkE,IAAI,EAAElE,KAAK,CAAC,EAAE,CAAC;MACfiE,MAAM,EAAE;IACV,CAAC;IACDuB,eAAe,EAAE;MACf5B,QAAQ,EAAE,UAAU;MACpBoB,GAAG,EAAEhF,KAAK,CAAC,CAAC,CAAC;MACbiF,KAAK,EAAEjF,KAAK,CAAC,EAAE,CAAC;MAChBiE,MAAM,EAAE;IACV,CAAC;IACDwB,cAAc,EAAE;MACd7B,QAAQ,EAAE,UAAU;MACpBoB,GAAG,EAAEhF,KAAK,CAAC,CAAC,CAAC;MACbkE,IAAI,EAAElE,KAAK,CAAC,CAAC,CAAC;MACdiE,MAAM,EAAE,CAAC;MACTJ,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACC;IAChC,CAAC;IACDuC,cAAc,EAAE;MACd9B,QAAQ,EAAE,UAAU;MACpBoB,GAAG,EAAEhF,KAAK,CAAC,CAAC,CAAC;MACbiF,KAAK,EAAEjF,KAAK,CAAC,EAAE,CAAC;MAChBiE,MAAM,EAAE,CAAC;MACTJ,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACC;IAChC,CAAC;IACDwC,KAAK,EAAE;MACL/B,QAAQ,EAAE,UAAU;MACpBI,MAAM,EAAE/D,aAAa,CAAC,EAAE,CAAC;MACzBiE,IAAI,EAAElE,KAAK,CAAC,EAAE,CAAC;MACf4F,iBAAiB,EAAE5F,KAAK,CAAC,CAAC,CAAC;MAC3B6F,eAAe,EAAE7F,KAAK,CAAC,CAAC,CAAC;MACzB8F,YAAY,EAAE9F,KAAK,CAAC,CAAC;IACvB;EACF,CAAC,CAAC,EACJ,CAAC2B,KAAK,CACR,CAAC;EAED,oBACET,KAAA,CAACvB,IAAI;IAACqC,KAAK,EAAE,CAACsB,MAAM,CAACE,SAAS,EAAExB,KAAK,CAAE;IAAC+D,kBAAkB,EAAEtE,KAAM;IAAAuE,QAAA,GAE/D1D,YAAY,GACRJ,eAAe,EAAE+D,IAAI,GAAG,CAAC,iBACxBnF,IAAA,CAACnB,IAAI;MAACqC,KAAK,EAAEsB,MAAM,CAACiC,eAAgB;MAAAS,QAAA,eAClClF,IAAA,CAACf,mBAAmB;QAClB8D,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACgD,iBAAkB;QAChDC,cAAc,EAAExE,KAAK,CAACuB,MAAM,CAACkD,sBAAuB;QACpDC,KAAK,EAAE,GAAI;QAAAL,QAAA,eAEXlF,IAAA,CAACf,mBAAmB,CAACuG,IAAI;UACvB5C,KAAK,EAAErC,aAAc;UACrBoC,MAAM,EAAEpC,aAAc;UACtByE,YAAY,EAAEzE,aAAa,GAAG;QAAE,CACjC;MAAC,CACiB;IAAC,CAClB,CACP,GACAY,aAAa,EAAEgE,IAAI,GAAG,CAAC,KACvBlE,WAAW,iBACVjB,IAAA,CAACV,OAAO;MACNuB,KAAK,EAAEC,aAAc;MACrB2E,OAAO,EAAExE,WAAY;MACrBC,KAAK,EAAEsB,MAAM,CAACmC,cAAe;MAC7Be,IAAI,EAAExG,KAAK,CAAC,EAAE;IAAE,CACjB,CACF,CAAE,EAGNsC,YAAY,IAAIH,WAAW,GACvBD,eAAe,EAAEuE,IAAI,GAAG,CAAC,iBACxB3F,IAAA,CAACnB,IAAI;MAACqC,KAAK,EAAEsB,MAAM,CAACkC,eAAgB;MAAAQ,QAAA,eAClClF,IAAA,CAACf,mBAAmB;QAClB8D,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACgD,iBAAkB;QAChDC,cAAc,EAAExE,KAAK,CAACuB,MAAM,CAACkD,sBAAuB;QACpDC,KAAK,EAAE,GAAI;QAAAL,QAAA,eAEXlF,IAAA,CAACf,mBAAmB,CAACuG,IAAI;UACvB5C,KAAK,EAAErC,aAAc;UACrBoC,MAAM,EAAEpC,aAAc;UACtByE,YAAY,EAAEzE,aAAa,GAAG;QAAE,CACjC;MAAC,CACiB;IAAC,CAClB,CACP,GACDc,WAAW,KACVF,aAAa,EAAEwE,IAAI,GAAG,CAAC,iBACtB3F,IAAA,CAACT,OAAO;MACNsB,KAAK,EAAEC,aAAc;MACrBI,KAAK,EAAEsB,MAAM,CAACoC,cAAe;MAC7BgB,OAAO,EAAEvE;IAAY,CACtB,CACF,CAAC,EAGL,CAACG,YAAY,iBACZxB,IAAA,CAAChB,cAAc;MACboD,MAAM,EAAEF,cAAe;MACvBhB,KAAK,EAAE,CAACpC,UAAU,CAAC+G,YAAY,EAAE;QAAE1C,MAAM,EAAE;MAAE,CAAC,CAAE;MAChD2C,KAAK,EAAE;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAE;MACtBC,GAAG,EAAE;QAAEF,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE;IAAE,CACrB,CACF,EAEA,CAACjF,SAAS,iBACTX,KAAA,CAAAF,SAAA;MAAAgF,QAAA,gBACElF,IAAA,CAACnB,IAAI;QAACqC,KAAK,EAAEsB,MAAM,CAACyB,cAAe;QAAAiB,QAAA,eASjClF,IAAA,CAACZ,SAAS;UACR8G,MAAM,EAAExE,WAAY;UACpBR,KAAK,EAAEsB,MAAM,CAAC4B,KAAM;UACpB+B,UAAU,EAAE/G,SAAS,CAAC+G,UAAU,CAACC,OAAQ;UACzCC,MAAM,EAAEzE,eAAgB;UACxB0E,OAAO,EAAExE,gBAAiB;UAC1BmD,kBAAkB,EAAE,wBAAwBtE,KAAK;QAAG,CACrD;MAAC,CACE,CAAC,EAEN,CAAC,CAACC,UAAU,IAAI,CAACY,YAAY,iBAC5BxB,IAAA,CAACnB,IAAI;QAACqC,KAAK,EAAEsB,MAAM,CAAC+B,iBAAkB;QAAAW,QAAA,eACpClF,IAAA,CAACZ,SAAS;UACR8G,MAAM,EAAE;YAAEK,GAAG,EAAE3F;UAAW,CAAE;UAC5BM,KAAK,EAAEsB,MAAM,CAAC5B,UAAW;UACzBuF,UAAU,EAAE/G,SAAS,CAAC+G,UAAU,CAACC,OAAQ;UACzCnB,kBAAkB,EAAE,mBAAmBtE,KAAK;QAAG,CAChD;MAAC,CACE,CACP,EAGAW,qBAAqB,IAAIA,qBAAqB,KAAK,MAAM,iBACxDtB,IAAA,CAACnB,IAAI;QACHqC,KAAK,EAAE,CACLsB,MAAM,CAACqC,KAAK,EACZ;UAAE9B,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACoE,OAAO;UAAErD,MAAM,EAAE;QAAE,CAAC,CACpD;QAAA+B,QAAA,eAEFlF,IAAA,CAACL,IAAI;UACH8G,IAAI,EAAC,SAAS;UACdvF,KAAK,EAAE;YAAE2C,KAAK,EAAEhD,KAAK,CAACuB,MAAM,CAACsE,SAAS;YAAEC,UAAU,EAAE;UAAM,CAAE;UAC5D9F,KAAK,EAAEC,aAAc;UAAAoE,QAAA,EAEpB5D;QAAqB,CAClB;MAAC,CACH,CACP,EAEAA,qBAAqB,iBACpBtB,IAAA,CAACP,aAAa;QACZiG,IAAI,EAAE,EAAG;QACT7E,KAAK,EAAEA,KAAM;QACbK,KAAK,EAAE,CAACsB,MAAM,CAACS,aAAa,EAAE;UAAEE,MAAM,EAAE;QAAE,CAAC,CAAE;QAC7C7B,qBAAqB,EAAEA;MAAsB,CAC9C,CACF;IAAA,CACD,CACH,EAGAE,YAAY,IAAI,CAACD,UAAU,IAAIP,WAAW,iBACzCZ,KAAA,CAAAF,SAAA;MAAAgF,QAAA,gBACElF,IAAA,CAACnB,IAAI;QAACqC,KAAK,EAAEsB,MAAM,CAACkB,iBAAkB;QAAAwB,QAAA,EACnC9D,eAAe,EAAEwF,IAAI,GAAG,CAAC,iBACxB5G,IAAA,CAACf,mBAAmB;UAClB8D,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACgD,iBAAkB;UAChDC,cAAc,EAAExE,KAAK,CAACuB,MAAM,CAACkD,sBAAuB;UACpDC,KAAK,EAAE,GAAI;UAAAL,QAAA,eAEXlF,IAAA,CAACf,mBAAmB,CAACuG,IAAI;YACvB5C,KAAK,EAAC,MAAM;YACZD,MAAM,EAAC,MAAM;YACbY,cAAc,EAAC,QAAQ;YACvBC,UAAU,EAAC,QAAQ;YAAA0B,QAAA,eAEnBlF,IAAA,CAACf,mBAAmB,CAACuG,IAAI;cACvB5C,KAAK,EAAEvC,oBAAqB;cAC5BsC,MAAM,EAAEtC,oBAAqB;cAC7B2E,YAAY,EAAE3E,oBAAoB,GAAG;YAAE,CACxC;UAAC,CACsB;QAAC,CACR;MACtB,CACG,CAAC,eAEPL,IAAA,CAACnB,IAAI;QAACqC,KAAK,EAAEsB,MAAM,CAACgC,oBAAqB;QAAAU,QAAA,EACtC9D,eAAe,EAAEyF,OAAO,GAAG,CAAC,iBAC3B7G,IAAA,CAACf,mBAAmB;UAClB8D,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAACgD,iBAAkB;UAChDC,cAAc,EAAExE,KAAK,CAACuB,MAAM,CAACkD,sBAAuB;UACpDC,KAAK,EAAE,GAAI;UAAAL,QAAA,eAEXlF,IAAA,CAACf,mBAAmB,CAACuG,IAAI;YACvB5C,KAAK,EAAE1D,KAAK,CAAC,GAAG,CAAE;YAClByD,MAAM,EAAExD,aAAa,CAAC,EAAE,CAAE;YAC1B6F,YAAY,EAAE9F,KAAK,CAAC,EAAE;UAAE,CACzB;QAAC,CACiB;MACtB,CACG,CAAC;IAAA,CACP,CACH,EAGA,CAACsC,YAAY,IAAI,CAACD,UAAU,IAAIP,WAAW,iBAC1CZ,KAAA,CAAAF,SAAA;MAAAgF,QAAA,gBACElF,IAAA,CAACjB,QAAQ,CAACF,IAAI;QAACqC,KAAK,EAAEsB,MAAM,CAACa,eAAgB;QAAA6B,QAAA,EAC1C/D,aAAa,EAAEyF,IAAI,GAAG,CAAC,iBACtB5G,IAAA,CAACH,UAAU;UACTgE,KAAK,EAAEhD,KAAK,CAACuB,MAAM,CAAC0E,UAAW;UAC/B/D,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAAC2E,MAAO;UACrCtB,OAAO,EAAEA,CAAA,KAAMzD,eAAe,CAAC;YAAEC,UAAU,EAAE;UAAM,CAAC;QAAE,CACvD;MACF,CACY,CAAC,eAEhBjC,IAAA,CAACjB,QAAQ,CAACF,IAAI;QAACqC,KAAK,EAAEsB,MAAM,CAACgC,oBAAqB;QAAAU,QAAA,EAC/C/D,aAAa,EAAE0F,OAAO,GAAG,CAAC,iBACzB7G,IAAA,CAACF,aAAa;UACZ+D,KAAK,EAAEhD,KAAK,CAACuB,MAAM,CAAC0E,UAAW;UAC/B/D,eAAe,EAAElC,KAAK,CAACuB,MAAM,CAAC2E,MAAO;UACrCtB,OAAO,EAAEA,CAAA,KAAMzD,eAAe,CAAC;YAAEC,UAAU,EAAE;UAAK,CAAC;QAAE,CACtD;MACF,CACY,CAAC;IAAA,CAChB,CACH,EAGAV,UAAU,IAAI,CAACR,SAAS,iBACvBf,IAAA,CAACjB,QAAQ,CAACF,IAAI;MAACqC,KAAK,EAAEsB,MAAM,CAACmB,cAAe;MAAAuB,QAAA,eAC1ClF,IAAA,CAACL,IAAI;QAACuB,KAAK,EAAEsB,MAAM,CAACoB,SAAU;QAAAsB,QAAA,EAAC;MAAoB,CAAM;IAAC,CAC7C,CAChB;EAAA,CACG,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

package/lib/module/components/ContentView/Two/components/LikeShareActions.js

@@ -0,0 +1,88 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified Tue 13 Jun 2026 at 02:28 PM
+ */
+
+import React, { useMemo } from 'react';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { Heart, Share2 } from 'lucide-react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LikeShareActions = /*#__PURE__*/React.memo(({
+  theme,
+  contentId,
+  isLiked = false,
+  isLoading = false,
+  onPressLike,
+  onPressShare,
+  style
+}) => {
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: theme.colors.skeletonBaseColor,
+      highlightColor: theme.colors.skeletonHighlightColor,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.skeletonRow,
+        children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: scale(22),
+          height: scale(22),
+          borderRadius: scale(11)
+        }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: scale(22),
+          height: scale(22),
+          borderRadius: scale(11),
+          marginLeft: scale(12)
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style?.container],
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 0.7,
+      style: [styles.iconWrapper, style?.likeButton],
+      onPress: () => onPressLike?.({
+        id: contentId,
+        source: 'title'
+      }),
+      children: /*#__PURE__*/_jsx(Heart, {
+        size: RFValue(18),
+        color: isLiked ? theme.colors.premiumIcon : theme.colors.textSecondary,
+        fill: isLiked ? theme.colors.premiumIcon : theme.colors.white
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 0.7,
+      style: [styles.iconWrapper, style?.shareButton],
+      onPress: () => onPressShare?.({
+        id: contentId,
+        source: 'title'
+      }),
+      children: /*#__PURE__*/_jsx(Share2, {
+        size: RFValue(18),
+        color: theme.colors.textSecondary
+      })
+    })]
+  });
+});
+const createStyles = theme => StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  iconWrapper: {
+    marginLeft: scale(12),
+    padding: scale(6),
+    borderRadius: scale(20),
+    backgroundColor: theme.colors.surfaceVariant
+  },
+  skeletonRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=LikeShareActions.js.map

package/lib/module/components/ContentView/Two/components/LikeShareActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","StyleSheet","TouchableOpacity","SkeletonPlaceholder","scale","RFValue","Heart","Share2","jsx","_jsx","jsxs","_jsxs","LikeShareActions","memo","theme","contentId","isLiked","isLoading","onPressLike","onPressShare","style","styles","createStyles","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","children","skeletonRow","Item","width","height","borderRadius","marginLeft","container","activeOpacity","iconWrapper","likeButton","onPress","id","source","size","color","premiumIcon","textSecondary","fill","white","shareButton","create","flexDirection","alignItems","padding","surfaceVariant"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/LikeShareActions.tsx"],"mappings":"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","ignoreList":[]}