@zezosoft/zezo-ott-react-native-ui-kit 1.1.0 → 1.1.2

package/lib/module/components/Reels/ReelsSeries/components/Synopsis.js

@@ -0,0 +1,268 @@
+"use strict";
+
+import React, { useCallback, useState } from 'react';
+import { Text, View, Image, StyleSheet, TouchableOpacity, Dimensions, TouchableWithoutFeedback, FlatList } from 'react-native';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { moderateScale, scale, verticalScale } from 'react-native-size-matters';
+import Svg, { Path, Defs, LinearGradient, Stop } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: SCREEN_WIDTH
+} = Dimensions.get('window');
+const MAX_LINES = 5;
+const Synopsis = ({
+  theme,
+  description,
+  likeMoreData = [],
+  onLikeMorePress
+}) => {
+  const [showMore, setShowMore] = useState(false);
+  const numColumns = SCREEN_WIDTH >= 420 ? 4 : 3;
+  const cardSpacing = scale(3);
+  const containerPadding = moderateScale(5);
+
+  // Calculate if description needs "Show More" button
+  // Approximate: ~50-60 characters per line for fontSize 11, lineHeight 16
+  const charsPerLine = 55;
+  const estimatedLines = description ? Math.ceil(description.length / charsPerLine) : 0;
+  const shouldShowButton = description && estimatedLines > MAX_LINES;
+
+  // Calculate card width for grid - ensure no overflow
+  const totalSpacing = cardSpacing * (numColumns - 1);
+  const totalPadding = containerPadding * 7;
+  const availableWidth = SCREEN_WIDTH - totalPadding - totalSpacing;
+  const cardWidth = Math.floor(availableWidth / numColumns);
+  const keyExtractor = useCallback(item => item.id.toString(), []);
+  const toggleShowMore = useCallback(() => {
+    setShowMore(prev => !prev);
+  }, []);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    const isLastInRow = (index + 1) % numColumns === 0;
+    return /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: [styles.card, {
+        width: cardWidth,
+        maxWidth: cardWidth,
+        marginRight: isLastInRow ? 0 : cardSpacing
+      }],
+      activeOpacity: 0.8,
+      onPress: () => onLikeMorePress?.(item),
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.imageContainer,
+        children: /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: item?.thumbnail || ''
+          },
+          style: [styles.thumbnail, {
+            backgroundColor: theme.colors.surfaceDisabled
+          }],
+          resizeMode: "cover"
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, {
+          color: theme.colors.textPrimary
+        }],
+        numberOfLines: 2,
+        ellipsizeMode: "tail",
+        children: item.name || 'Untitled'
+      })]
+    });
+  }, [theme.colors.textPrimary, theme.colors.surfaceDisabled, onLikeMorePress, cardWidth, cardSpacing, numColumns]);
+  const renderListHeader = useCallback(() => /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.headerContainer,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.descriptionContainer,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.description, {
+            color: theme.colors.textPrimary
+          }],
+          numberOfLines: showMore ? undefined : MAX_LINES,
+          children: description || 'No synopsis available for this reel. Please check back later.'
+        }), description && shouldShowButton && /*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.7,
+          onPress: toggleShowMore,
+          style: styles.showMoreButton,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.showMoreText, {
+              color: theme.colors.primary
+            }],
+            children: showMore ? 'Show Less ▲' : 'Show More ▼'
+          })
+        })]
+      }), likeMoreData.length > 0 && /*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsxs(Svg, {
+          width: 22,
+          height: 2,
+          viewBox: "0 0 22 2",
+          fill: "none",
+          children: [/*#__PURE__*/_jsx(Path, {
+            d: "M21.692 1.196H.594",
+            stroke: "url(#a)",
+            strokeWidth: 1.005
+          }), /*#__PURE__*/_jsx(Defs, {
+            children: /*#__PURE__*/_jsxs(LinearGradient, {
+              id: "a",
+              x1: 0.594,
+              y1: 1.696,
+              x2: 21.692,
+              y2: 1.696,
+              gradientUnits: "userSpaceOnUse",
+              children: [/*#__PURE__*/_jsx(Stop, {
+                stopOpacity: 0
+              }), /*#__PURE__*/_jsx(Stop, {
+                offset: 1,
+                stopColor: theme.colors.textPrimary
+              })]
+            })
+          })]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.headerText, {
+            color: theme.colors.textPrimary
+          }],
+          children: "More Like This"
+        }), /*#__PURE__*/_jsxs(Svg, {
+          width: 22,
+          height: 2,
+          viewBox: "0 0 22 2",
+          fill: "none",
+          children: [/*#__PURE__*/_jsx(Path, {
+            d: "M.312 1.196H21.41",
+            stroke: "url(#paint0_linear_797_3114)",
+            strokeWidth: 1.00467
+          }), /*#__PURE__*/_jsx(Defs, {
+            children: /*#__PURE__*/_jsxs(LinearGradient, {
+              id: "paint0_linear_797_3114",
+              x1: 21.4102,
+              y1: 1.69629,
+              x2: 0.312025,
+              y2: 1.69629,
+              gradientUnits: "userSpaceOnUse",
+              children: [/*#__PURE__*/_jsx(Stop, {
+                stopOpacity: 0
+              }), /*#__PURE__*/_jsx(Stop, {
+                offset: 1,
+                stopColor: theme.colors.textPrimary
+              })]
+            })
+          })]
+        })]
+      })]
+    })
+  }), [description, likeMoreData.length, showMore, shouldShowButton, toggleShowMore, theme.colors.textPrimary, theme.colors.primary]);
+  const renderListEmpty = useCallback(() => /*#__PURE__*/_jsx(Text, {
+    style: [styles.noEpisodesText, {
+      color: theme.colors.textSecondary
+    }],
+    children: "No recommendations available."
+  }), [theme.colors.textSecondary]);
+  return /*#__PURE__*/_jsx(FlatList, {
+    data: likeMoreData,
+    keyExtractor: keyExtractor,
+    renderItem: renderItem,
+    ListHeaderComponent: renderListHeader,
+    ListEmptyComponent: likeMoreData.length === 0 ? renderListEmpty : null,
+    numColumns: numColumns,
+    showsVerticalScrollIndicator: false,
+    scrollEnabled: true,
+    contentContainerStyle: [styles.contentContainer, {
+      paddingHorizontal: containerPadding
+    }, likeMoreData.length === 0 && styles.contentContainerEmpty],
+    style: [styles.flatList],
+    removeClippedSubviews: false,
+    nestedScrollEnabled: true,
+    bounces: false,
+    initialNumToRender: numColumns * 2,
+    maxToRenderPerBatch: numColumns * 2,
+    disableVirtualization: false
+  });
+};
+export default Synopsis;
+const styles = StyleSheet.create({
+  flatList: {
+    flex: 1,
+    overflow: 'hidden'
+  },
+  headerContainer: {
+    paddingBottom: verticalScale(8),
+    overflow: 'hidden',
+    width: '100%',
+    alignItems: 'center'
+  },
+  descriptionContainer: {
+    overflow: 'hidden'
+  },
+  description: {
+    fontSize: RFValue(11),
+    lineHeight: RFValue(16),
+    marginBottom: verticalScale(6),
+    letterSpacing: 0.2,
+    opacity: 0.8,
+    flexWrap: 'wrap'
+  },
+  showMoreButton: {
+    alignSelf: 'flex-start',
+    marginBottom: verticalScale(10)
+  },
+  showMoreText: {
+    fontSize: RFValue(10),
+    fontWeight: '500',
+    letterSpacing: 0.3
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: verticalScale(5),
+    marginTop: verticalScale(8),
+    width: '100%',
+    alignSelf: 'center'
+  },
+  headerText: {
+    fontSize: RFValue(12),
+    fontWeight: '600',
+    textAlign: 'center',
+    marginHorizontal: scale(10),
+    letterSpacing: 0.5
+  },
+  contentContainer: {
+    paddingBottom: verticalScale(30),
+    paddingTop: verticalScale(4)
+  },
+  contentContainerEmpty: {
+    paddingBottom: verticalScale(30)
+  },
+  card: {
+    borderRadius: moderateScale(10),
+    overflow: 'hidden',
+    marginBottom: verticalScale(10)
+  },
+  imageContainer: {
+    width: '100%',
+    overflow: 'hidden'
+  },
+  thumbnail: {
+    width: '100%',
+    aspectRatio: 1 / 1.5,
+    borderRadius: moderateScale(5)
+  },
+  title: {
+    fontSize: RFValue(10),
+    fontWeight: '500',
+    lineHeight: RFValue(14),
+    marginTop: verticalScale(1.5),
+    letterSpacing: 0.1,
+    flexShrink: 1
+  },
+  noEpisodesText: {
+    fontSize: RFValue(12),
+    textAlign: 'center',
+    marginTop: verticalScale(16),
+    marginBottom: verticalScale(8),
+    paddingVertical: verticalScale(20)
+  }
+});
+//# sourceMappingURL=Synopsis.js.map

package/lib/module/components/Reels/ReelsSeries/components/Synopsis.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Text","View","Image","StyleSheet","TouchableOpacity","Dimensions","TouchableWithoutFeedback","FlatList","RFValue","moderateScale","scale","verticalScale","Svg","Path","Defs","LinearGradient","Stop","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","MAX_LINES","Synopsis","theme","description","likeMoreData","onLikeMorePress","showMore","setShowMore","numColumns","cardSpacing","containerPadding","charsPerLine","estimatedLines","Math","ceil","length","shouldShowButton","totalSpacing","totalPadding","availableWidth","cardWidth","floor","keyExtractor","item","id","toString","toggleShowMore","prev","renderItem","index","isLastInRow","style","styles","card","maxWidth","marginRight","activeOpacity","onPress","children","imageContainer","source","uri","thumbnail","backgroundColor","colors","surfaceDisabled","resizeMode","title","color","textPrimary","numberOfLines","ellipsizeMode","name","renderListHeader","headerContainer","descriptionContainer","undefined","showMoreButton","showMoreText","primary","header","height","viewBox","fill","d","stroke","strokeWidth","x1","y1","x2","y2","gradientUnits","stopOpacity","offset","stopColor","headerText","renderListEmpty","noEpisodesText","textSecondary","data","ListHeaderComponent","ListEmptyComponent","showsVerticalScrollIndicator","scrollEnabled","contentContainerStyle","contentContainer","paddingHorizontal","contentContainerEmpty","flatList","removeClippedSubviews","nestedScrollEnabled","bounces","initialNumToRender","maxToRenderPerBatch","disableVirtualization","create","flex","overflow","paddingBottom","alignItems","fontSize","lineHeight","marginBottom","letterSpacing","opacity","flexWrap","alignSelf","fontWeight","flexDirection","justifyContent","marginTop","textAlign","marginHorizontal","paddingTop","borderRadius","aspectRatio","flexShrink","paddingVertical"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/components/Synopsis.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SACEC,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,UAAU,EACVC,gBAAgB,EAChBC,UAAU,EACVC,wBAAwB,EACxBC,QAAQ,QACH,cAAc;AACrB,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,aAAa,EAAEC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAC/E,OAAOC,GAAG,IAAIC,IAAI,EAAEC,IAAI,EAAEC,cAAc,EAAEC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIzE,MAAM;EAAEC,KAAK,EAAEC;AAAa,CAAC,GAAGjB,UAAU,CAACkB,GAAG,CAAC,QAAQ,CAAC;AASxD,MAAMC,SAAS,GAAG,CAAC;AAEnB,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,KAAK;EACLC,WAAW;EACXC,YAAY,GAAG,EAAE;EACjBC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGhC,QAAQ,CAAC,KAAK,CAAC;EAE/C,MAAMiC,UAAU,GAAGV,YAAY,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC;EAC9C,MAAMW,WAAW,GAAGvB,KAAK,CAAC,CAAC,CAAC;EAC5B,MAAMwB,gBAAgB,GAAGzB,aAAa,CAAC,CAAC,CAAC;;EAEzC;EACA;EACA,MAAM0B,YAAY,GAAG,EAAE;EACvB,MAAMC,cAAc,GAAGT,WAAW,GAC9BU,IAAI,CAACC,IAAI,CAACX,WAAW,CAACY,MAAM,GAAGJ,YAAY,CAAC,GAC5C,CAAC;EACL,MAAMK,gBAAgB,GAAGb,WAAW,IAAIS,cAAc,GAAGZ,SAAS;;EAElE;EACA,MAAMiB,YAAY,GAAGR,WAAW,IAAID,UAAU,GAAG,CAAC,CAAC;EACnD,MAAMU,YAAY,GAAGR,gBAAgB,GAAG,CAAC;EACzC,MAAMS,cAAc,GAAGrB,YAAY,GAAGoB,YAAY,GAAGD,YAAY;EACjE,MAAMG,SAAS,GAAGP,IAAI,CAACQ,KAAK,CAACF,cAAc,GAAGX,UAAU,CAAC;EAEzD,MAAMc,YAAY,GAAGhD,WAAW,CAC7BiD,IAAmB,IAAKA,IAAI,CAACC,EAAE,CAACC,QAAQ,CAAC,CAAC,EAC3C,EACF,CAAC;EAED,MAAMC,cAAc,GAAGpD,WAAW,CAAC,MAAM;IACvCiC,WAAW,CAAEoB,IAAI,IAAK,CAACA,IAAI,CAAC;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAGtD,WAAW,CAC5B,CAAC;IAAEiD,IAAI;IAAEM;EAA8C,CAAC,KAAK;IAC3D,MAAMC,WAAW,GAAG,CAACD,KAAK,GAAG,CAAC,IAAIrB,UAAU,KAAK,CAAC;IAClD,oBACEZ,KAAA,CAAChB,gBAAgB;MACfmD,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;QACEpC,KAAK,EAAEuB,SAAS;QAChBc,QAAQ,EAAEd,SAAS;QACnBe,WAAW,EAAEL,WAAW,GAAG,CAAC,GAAGrB;MACjC,CAAC,CACD;MACF2B,aAAa,EAAE,GAAI;MACnBC,OAAO,EAAEA,CAAA,KAAMhC,eAAe,GAAGkB,IAAI,CAAE;MAAAe,QAAA,gBAEvC5C,IAAA,CAACjB,IAAI;QAACsD,KAAK,EAAEC,MAAM,CAACO,cAAe;QAAAD,QAAA,eACjC5C,IAAA,CAAChB,KAAK;UACJ8D,MAAM,EAAE;YACNC,GAAG,EAAElB,IAAI,EAAEmB,SAAS,IAAI;UAC1B,CAAE;UACFX,KAAK,EAAE,CACLC,MAAM,CAACU,SAAS,EAChB;YAAEC,eAAe,EAAEzC,KAAK,CAAC0C,MAAM,CAACC;UAAgB,CAAC,CACjD;UACFC,UAAU,EAAC;QAAO,CACnB;MAAC,CACE,CAAC,eACPpD,IAAA,CAAClB,IAAI;QACHuD,KAAK,EAAE,CAACC,MAAM,CAACe,KAAK,EAAE;UAAEC,KAAK,EAAE9C,KAAK,CAAC0C,MAAM,CAACK;QAAY,CAAC,CAAE;QAC3DC,aAAa,EAAE,CAAE;QACjBC,aAAa,EAAC,MAAM;QAAAb,QAAA,EAEnBf,IAAI,CAAC6B,IAAI,IAAI;MAAU,CACpB,CAAC;IAAA,CACS,CAAC;EAEvB,CAAC,EACD,CACElD,KAAK,CAAC0C,MAAM,CAACK,WAAW,EACxB/C,KAAK,CAAC0C,MAAM,CAACC,eAAe,EAC5BxC,eAAe,EACfe,SAAS,EACTX,WAAW,EACXD,UAAU,CAEd,CAAC;EAED,MAAM6C,gBAAgB,GAAG/E,WAAW,CAClC,mBACEoB,IAAA,CAACZ,wBAAwB;IAAAwD,QAAA,eACvB1C,KAAA,CAACnB,IAAI;MAACsD,KAAK,EAAEC,MAAM,CAACsB,eAAgB;MAAAhB,QAAA,gBAElC1C,KAAA,CAACnB,IAAI;QAACsD,KAAK,EAAEC,MAAM,CAACuB,oBAAqB;QAAAjB,QAAA,gBACvC5C,IAAA,CAAClB,IAAI;UACHuD,KAAK,EAAE,CAACC,MAAM,CAAC7B,WAAW,EAAE;YAAE6C,KAAK,EAAE9C,KAAK,CAAC0C,MAAM,CAACK;UAAY,CAAC,CAAE;UACjEC,aAAa,EAAE5C,QAAQ,GAAGkD,SAAS,GAAGxD,SAAU;UAAAsC,QAAA,EAE/CnC,WAAW,IACV;QAA+D,CAC7D,CAAC,EAGNA,WAAW,IAAIa,gBAAgB,iBAC9BtB,IAAA,CAACd,gBAAgB;UACfwD,aAAa,EAAE,GAAI;UACnBC,OAAO,EAAEX,cAAe;UACxBK,KAAK,EAAEC,MAAM,CAACyB,cAAe;UAAAnB,QAAA,eAE7B5C,IAAA,CAAClB,IAAI;YACHuD,KAAK,EAAE,CAACC,MAAM,CAAC0B,YAAY,EAAE;cAAEV,KAAK,EAAE9C,KAAK,CAAC0C,MAAM,CAACe;YAAQ,CAAC,CAAE;YAAArB,QAAA,EAE7DhC,QAAQ,GAAG,aAAa,GAAG;UAAa,CACrC;QAAC,CACS,CACnB;MAAA,CACG,CAAC,EAGNF,YAAY,CAACW,MAAM,GAAG,CAAC,iBACtBnB,KAAA,CAACnB,IAAI;QAACsD,KAAK,EAAEC,MAAM,CAAC4B,MAAO;QAAAtB,QAAA,gBACzB1C,KAAA,CAACR,GAAG;UAACS,KAAK,EAAE,EAAG;UAACgE,MAAM,EAAE,CAAE;UAACC,OAAO,EAAC,UAAU;UAACC,IAAI,EAAC,MAAM;UAAAzB,QAAA,gBACvD5C,IAAA,CAACL,IAAI;YACH2E,CAAC,EAAC,oBAAoB;YACtBC,MAAM,EAAC,SAAS;YAChBC,WAAW,EAAE;UAAM,CACpB,CAAC,eACFxE,IAAA,CAACJ,IAAI;YAAAgD,QAAA,eACH1C,KAAA,CAACL,cAAc;cACbiC,EAAE,EAAC,GAAG;cACN2C,EAAE,EAAE,KAAM;cACVC,EAAE,EAAE,KAAM;cACVC,EAAE,EAAE,MAAO;cACXC,EAAE,EAAE,KAAM;cACVC,aAAa,EAAC,gBAAgB;cAAAjC,QAAA,gBAE9B5C,IAAA,CAACF,IAAI;gBAACgF,WAAW,EAAE;cAAE,CAAE,CAAC,eACxB9E,IAAA,CAACF,IAAI;gBAACiF,MAAM,EAAE,CAAE;gBAACC,SAAS,EAAExE,KAAK,CAAC0C,MAAM,CAACK;cAAY,CAAE,CAAC;YAAA,CAC1C;UAAC,CACb,CAAC;QAAA,CACJ,CAAC,eAENvD,IAAA,CAAClB,IAAI;UACHuD,KAAK,EAAE,CAACC,MAAM,CAAC2C,UAAU,EAAE;YAAE3B,KAAK,EAAE9C,KAAK,CAAC0C,MAAM,CAACK;UAAY,CAAC,CAAE;UAAAX,QAAA,EACjE;QAED,CAAM,CAAC,eAEP1C,KAAA,CAACR,GAAG;UAACS,KAAK,EAAE,EAAG;UAACgE,MAAM,EAAE,CAAE;UAACC,OAAO,EAAC,UAAU;UAACC,IAAI,EAAC,MAAM;UAAAzB,QAAA,gBACvD5C,IAAA,CAACL,IAAI;YACH2E,CAAC,EAAC,mBAAmB;YACrBC,MAAM,EAAC,8BAA8B;YACrCC,WAAW,EAAE;UAAQ,CACtB,CAAC,eACFxE,IAAA,CAACJ,IAAI;YAAAgD,QAAA,eACH1C,KAAA,CAACL,cAAc;cACbiC,EAAE,EAAC,wBAAwB;cAC3B2C,EAAE,EAAE,OAAQ;cACZC,EAAE,EAAE,OAAQ;cACZC,EAAE,EAAE,QAAS;cACbC,EAAE,EAAE,OAAQ;cACZC,aAAa,EAAC,gBAAgB;cAAAjC,QAAA,gBAE9B5C,IAAA,CAACF,IAAI;gBAACgF,WAAW,EAAE;cAAE,CAAE,CAAC,eACxB9E,IAAA,CAACF,IAAI;gBAACiF,MAAM,EAAE,CAAE;gBAACC,SAAS,EAAExE,KAAK,CAAC0C,MAAM,CAACK;cAAY,CAAE,CAAC;YAAA,CAC1C;UAAC,CACb,CAAC;QAAA,CACJ,CAAC;MAAA,CACF,CACP;IAAA,CACG;EAAC,CACiB,CAC3B,EACD,CACE9C,WAAW,EACXC,YAAY,CAACW,MAAM,EACnBT,QAAQ,EACRU,gBAAgB,EAChBU,cAAc,EACdxB,KAAK,CAAC0C,MAAM,CAACK,WAAW,EACxB/C,KAAK,CAAC0C,MAAM,CAACe,OAAO,CAExB,CAAC;EAED,MAAMiB,eAAe,GAAGtG,WAAW,CACjC,mBACEoB,IAAA,CAAClB,IAAI;IACHuD,KAAK,EAAE,CAACC,MAAM,CAAC6C,cAAc,EAAE;MAAE7B,KAAK,EAAE9C,KAAK,CAAC0C,MAAM,CAACkC;IAAc,CAAC,CAAE;IAAAxC,QAAA,EACvE;EAED,CAAM,CACP,EACD,CAACpC,KAAK,CAAC0C,MAAM,CAACkC,aAAa,CAC7B,CAAC;EAED,oBACEpF,IAAA,CAACX,QAAQ;IACPgG,IAAI,EAAE3E,YAAa;IACnBkB,YAAY,EAAEA,YAAa;IAC3BM,UAAU,EAAEA,UAAW;IACvBoD,mBAAmB,EAAE3B,gBAAiB;IACtC4B,kBAAkB,EAAE7E,YAAY,CAACW,MAAM,KAAK,CAAC,GAAG6D,eAAe,GAAG,IAAK;IACvEpE,UAAU,EAAEA,UAAW;IACvB0E,4BAA4B,EAAE,KAAM;IACpCC,aAAa,EAAE,IAAK;IACpBC,qBAAqB,EAAE,CACrBpD,MAAM,CAACqD,gBAAgB,EACvB;MACEC,iBAAiB,EAAE5E;IACrB,CAAC,EACDN,YAAY,CAACW,MAAM,KAAK,CAAC,IAAIiB,MAAM,CAACuD,qBAAqB,CACzD;IACFxD,KAAK,EAAE,CAACC,MAAM,CAACwD,QAAQ,CAAE;IACzBC,qBAAqB,EAAE,KAAM;IAC7BC,mBAAmB,EAAE,IAAK;IAC1BC,OAAO,EAAE,KAAM;IACfC,kBAAkB,EAAEpF,UAAU,GAAG,CAAE;IACnCqF,mBAAmB,EAAErF,UAAU,GAAG,CAAE;IACpCsF,qBAAqB,EAAE;EAAM,CAC9B,CAAC;AAEN,CAAC;AAED,eAAe7F,QAAQ;AAEvB,MAAM+B,MAAM,GAAGrD,UAAU,CAACoH,MAAM,CAAC;EAC/BP,QAAQ,EAAE;IACRQ,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACD3C,eAAe,EAAE;IACf4C,aAAa,EAAE/G,aAAa,CAAC,CAAC,CAAC;IAC/B8G,QAAQ,EAAE,QAAQ;IAClBpG,KAAK,EAAE,MAAM;IACbsG,UAAU,EAAE;EACd,CAAC;EACD5C,oBAAoB,EAAE;IACpB0C,QAAQ,EAAE;EACZ,CAAC;EACD9F,WAAW,EAAE;IACXiG,QAAQ,EAAEpH,OAAO,CAAC,EAAE,CAAC;IACrBqH,UAAU,EAAErH,OAAO,CAAC,EAAE,CAAC;IACvBsH,YAAY,EAAEnH,aAAa,CAAC,CAAC,CAAC;IAC9BoH,aAAa,EAAE,GAAG;IAClBC,OAAO,EAAE,GAAG;IACZC,QAAQ,EAAE;EACZ,CAAC;EACDhD,cAAc,EAAE;IACdiD,SAAS,EAAE,YAAY;IACvBJ,YAAY,EAAEnH,aAAa,CAAC,EAAE;EAChC,CAAC;EACDuE,YAAY,EAAE;IACZ0C,QAAQ,EAAEpH,OAAO,CAAC,EAAE,CAAC;IACrB2H,UAAU,EAAE,KAAK;IACjBJ,aAAa,EAAE;EACjB,CAAC;EACD3C,MAAM,EAAE;IACNgD,aAAa,EAAE,KAAK;IACpBT,UAAU,EAAE,QAAQ;IACpBU,cAAc,EAAE,QAAQ;IACxBP,YAAY,EAAEnH,aAAa,CAAC,CAAC,CAAC;IAC9B2H,SAAS,EAAE3H,aAAa,CAAC,CAAC,CAAC;IAC3BU,KAAK,EAAE,MAAM;IACb6G,SAAS,EAAE;EACb,CAAC;EACD/B,UAAU,EAAE;IACVyB,QAAQ,EAAEpH,OAAO,CAAC,EAAE,CAAC;IACrB2H,UAAU,EAAE,KAAK;IACjBI,SAAS,EAAE,QAAQ;IACnBC,gBAAgB,EAAE9H,KAAK,CAAC,EAAE,CAAC;IAC3BqH,aAAa,EAAE;EACjB,CAAC;EACDlB,gBAAgB,EAAE;IAChBa,aAAa,EAAE/G,aAAa,CAAC,EAAE,CAAC;IAChC8H,UAAU,EAAE9H,aAAa,CAAC,CAAC;EAC7B,CAAC;EACDoG,qBAAqB,EAAE;IACrBW,aAAa,EAAE/G,aAAa,CAAC,EAAE;EACjC,CAAC;EACD8C,IAAI,EAAE;IACJiF,YAAY,EAAEjI,aAAa,CAAC,EAAE,CAAC;IAC/BgH,QAAQ,EAAE,QAAQ;IAClBK,YAAY,EAAEnH,aAAa,CAAC,EAAE;EAChC,CAAC;EACDoD,cAAc,EAAE;IACd1C,KAAK,EAAE,MAAM;IACboG,QAAQ,EAAE;EACZ,CAAC;EACDvD,SAAS,EAAE;IACT7C,KAAK,EAAE,MAAM;IACbsH,WAAW,EAAE,CAAC,GAAG,GAAG;IACpBD,YAAY,EAAEjI,aAAa,CAAC,CAAC;EAC/B,CAAC;EACD8D,KAAK,EAAE;IACLqD,QAAQ,EAAEpH,OAAO,CAAC,EAAE,CAAC;IACrB2H,UAAU,EAAE,KAAK;IACjBN,UAAU,EAAErH,OAAO,CAAC,EAAE,CAAC;IACvB8H,SAAS,EAAE3H,aAAa,CAAC,GAAG,CAAC;IAC7BoH,aAAa,EAAE,GAAG;IAClBa,UAAU,EAAE;EACd,CAAC;EACDvC,cAAc,EAAE;IACduB,QAAQ,EAAEpH,OAAO,CAAC,EAAE,CAAC;IACrB+H,SAAS,EAAE,QAAQ;IACnBD,SAAS,EAAE3H,aAAa,CAAC,EAAE,CAAC;IAC5BmH,YAAY,EAAEnH,aAAa,CAAC,CAAC,CAAC;IAC9BkI,eAAe,EAAElI,aAAa,CAAC,EAAE;EACnC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/components/VideoControls/QualityControl.js

@@ -0,0 +1,143 @@
+"use strict";
+
+import React, { useState, useEffect, useRef } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator } from 'react-native';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_QUALITIES = ['Auto', '1080p', '720p', '480p', '360p'];
+
+/**
+ * Fetches available video qualities from m3u8 playlist.
+ */
+const getVideoQualities = async m3u8Url => {
+  try {
+    const res = await fetch(m3u8Url);
+    const text = await res.text();
+    const qualities = [];
+    const lines = text.split('\n');
+    for (let i = 0; i < lines.length; i++) {
+      if (lines?.[i]?.includes('#EXT-X-STREAM-INF')) {
+        const resolutionMatch = lines?.[i]?.match(/RESOLUTION=\\d+x(\\d+)/);
+        const url = lines[i + 1]?.trim();
+        if (resolutionMatch && url) {
+          qualities.push({
+            quality: `${resolutionMatch[1]}p`,
+            url
+          });
+        }
+      }
+    }
+    return qualities;
+  } catch (error) {
+    console.error('Error fetching video qualities:', error);
+    return [];
+  }
+};
+const QualityControl = ({
+  activeQuality,
+  theme,
+  onQualityChange,
+  videoUrl
+}) => {
+  const [qualities, setQualities] = useState(DEFAULT_QUALITIES);
+  const [loading, setLoading] = useState(false);
+  const isMounted = useRef(true);
+  useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    const fetchQualities = async () => {
+      if (!videoUrl || !videoUrl.includes('.m3u8')) {
+        if (isMounted.current) setQualities(DEFAULT_QUALITIES);
+        return;
+      }
+      setLoading(true);
+      try {
+        const qualityOptions = await getVideoQualities(videoUrl);
+        if (!isMounted.current) return;
+        if (qualityOptions.length > 0) {
+          const qualityStrings = ['Auto', ...qualityOptions.map(q => q.quality).filter((v, i, self) => self.indexOf(v) === i).sort((a, b) => parseInt(b, 10) - parseInt(a, 10))];
+          setQualities(qualityStrings);
+        } else {
+          setQualities(DEFAULT_QUALITIES);
+        }
+      } catch (err) {
+        console.error('Failed to fetch qualities:', err);
+        if (isMounted.current) setQualities(DEFAULT_QUALITIES);
+      } finally {
+        if (isMounted.current) setLoading(false);
+      }
+    };
+    fetchQualities();
+  }, [videoUrl]);
+  if (loading) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.loadingContainer,
+      children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: theme.colors.button
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.loadingText, {
+          color: theme.colors.textSecondary
+        }],
+        children: "Loading qualities..."
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: qualities.map((quality, index) => {
+      const isSelected = activeQuality === quality;
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        style: [styles.optionButton, {
+          backgroundColor: isSelected ? theme.colors.button : theme.colors.surfaceDisabled
+        }],
+        onPress: () => onQualityChange(quality),
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.optionText, {
+            color: isSelected ? theme.colors.buttonText : theme.colors.textPrimary,
+            fontWeight: isSelected ? '700' : '400'
+          }],
+          children: quality
+        })
+      }, index.toString());
+    })
+  });
+};
+export default /*#__PURE__*/React.memo(QualityControl);
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    gap: moderateScale(10)
+  },
+  optionButton: {
+    width: '30%',
+    paddingVertical: verticalScale(12),
+    paddingHorizontal: moderateScale(16),
+    borderRadius: moderateScale(8),
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: verticalScale(12)
+  },
+  optionText: {
+    fontSize: RFValue(14)
+  },
+  loadingContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: verticalScale(40)
+  },
+  loadingText: {
+    marginTop: verticalScale(12),
+    fontSize: RFValue(12)
+  }
+});
+//# sourceMappingURL=QualityControl.js.map

package/lib/module/components/Reels/ReelsSeries/components/VideoControls/QualityControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useRef","View","Text","TouchableOpacity","StyleSheet","ActivityIndicator","moderateScale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","DEFAULT_QUALITIES","getVideoQualities","m3u8Url","res","fetch","text","qualities","lines","split","i","length","includes","resolutionMatch","match","url","trim","push","quality","error","console","QualityControl","activeQuality","theme","onQualityChange","videoUrl","setQualities","loading","setLoading","isMounted","current","fetchQualities","qualityOptions","qualityStrings","map","q","filter","v","self","indexOf","sort","a","b","parseInt","err","style","styles","loadingContainer","children","size","color","colors","button","loadingText","textSecondary","container","index","isSelected","activeOpacity","optionButton","backgroundColor","surfaceDisabled","onPress","optionText","buttonText","textPrimary","fontWeight","toString","memo","create","flexDirection","flexWrap","justifyContent","gap","width","paddingVertical","paddingHorizontal","borderRadius","alignItems","marginBottom","fontSize","flex","marginTop"],"sourceRoot":"../../../../../../../src","sources":["components/Reels/ReelsSeries/components/VideoControls/QualityControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const SPEED_OPTIONS = [0.5, 0.75, 1.0, 1.25, 1.5, 2.0];
+const SpeedControl = ({
+  activeSpeed,
+  theme,
+  onSpeedChange
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: SPEED_OPTIONS.map((speed, index) => {
+      const isSelected = activeSpeed === speed;
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        style: [styles.optionButton, {
+          backgroundColor: isSelected ? theme.colors.button : theme.colors.surfaceDisabled
+        }],
+        onPress: () => onSpeedChange(speed),
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: [styles.optionText, {
+            color: isSelected ? theme.colors.buttonText : theme.colors.textPrimary,
+            fontWeight: isSelected ? '700' : '400'
+          }],
+          children: [speed, "x"]
+        })
+      }, index.toString());
+    })
+  });
+};
+export default /*#__PURE__*/React.memo(SpeedControl);
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'space-between',
+    marginHorizontal: moderateScale(4) // instead of gap
+  },
+  optionButton: {
+    width: '30%',
+    paddingVertical: verticalScale(12),
+    paddingHorizontal: moderateScale(16),
+    borderRadius: moderateScale(8),
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: verticalScale(12) // spacing instead of gap
+  },
+  optionText: {
+    fontSize: RFValue(14)
+  }
+});
+//# sourceMappingURL=SpeedControl.js.map

package/lib/module/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","moderateScale","verticalScale","RFValue","jsxs","_jsxs","jsx","_jsx","SPEED_OPTIONS","SpeedControl","activeSpeed","theme","onSpeedChange","style","styles","container","children","map","speed","index","isSelected","activeOpacity","optionButton","backgroundColor","colors","button","surfaceDisabled","onPress","optionText","color","buttonText","textPrimary","fontWeight","toString","memo","create","flexDirection","flexWrap","justifyContent","marginHorizontal","width","paddingVertical","paddingHorizontal","borderRadius","alignItems","marginBottom","fontSize"],"sourceRoot":"../../../../../../../src","sources":["components/Reels/ReelsSeries/components/VideoControls/SpeedControl.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AACvE,SAASC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AACxE,SAASC,OAAO,QAAQ,kCAAkC;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAS3D,MAAMC,aAAa,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC;AAEtD,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,WAAW;EACXC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,oBACEL,IAAA,CAACV,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BR,aAAa,CAACS,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;MACnC,MAAMC,UAAU,GAAGV,WAAW,KAAKQ,KAAK;MAExC,oBACEX,IAAA,CAACR,gBAAgB;QAEfsB,aAAa,EAAE,GAAI;QACnBR,KAAK,EAAE,CACLC,MAAM,CAACQ,YAAY,EACnB;UACEC,eAAe,EAAEH,UAAU,GACvBT,KAAK,CAACa,MAAM,CAACC,MAAM,GACnBd,KAAK,CAACa,MAAM,CAACE;QACnB,CAAC,CACD;QACFC,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAACM,KAAK,CAAE;QAAAF,QAAA,eAEpCX,KAAA,CAACP,IAAI;UACHe,KAAK,EAAE,CACLC,MAAM,CAACc,UAAU,EACjB;YACEC,KAAK,EAAET,UAAU,GACbT,KAAK,CAACa,MAAM,CAACM,UAAU,GACvBnB,KAAK,CAACa,MAAM,CAACO,WAAW;YAC5BC,UAAU,EAAEZ,UAAU,GAAG,KAAK,GAAG;UACnC,CAAC,CACD;UAAAJ,QAAA,GAEDE,KAAK,EAAC,GACT;QAAA,CAAM;MAAC,GAxBFC,KAAK,CAACc,QAAQ,CAAC,CAyBJ,CAAC;IAEvB,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,4BAAerC,KAAK,CAACsC,IAAI,CAACzB,YAAY,CAAC;AAEvC,MAAMK,MAAM,GAAGd,UAAU,CAACmC,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,cAAc,EAAE,eAAe;IAC/BC,gBAAgB,EAAEtC,aAAa,CAAC,CAAC,CAAC,CAAE;EACtC,CAAC;EACDqB,YAAY,EAAE;IACZkB,KAAK,EAAE,KAAK;IACZC,eAAe,EAAEvC,aAAa,CAAC,EAAE,CAAC;IAClCwC,iBAAiB,EAAEzC,aAAa,CAAC,EAAE,CAAC;IACpC0C,YAAY,EAAE1C,aAAa,CAAC,CAAC,CAAC;IAC9B2C,UAAU,EAAE,QAAQ;IACpBN,cAAc,EAAE,QAAQ;IACxBO,YAAY,EAAE3C,aAAa,CAAC,EAAE,CAAC,CAAE;EACnC,CAAC;EACD0B,UAAU,EAAE;IACVkB,QAAQ,EAAE3C,OAAO,CAAC,EAAE;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/components/VideoControls/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as SpeedControl } from "./SpeedControl.js";
+export { default as QualityControl } from "./QualityControl.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Reels/ReelsSeries/components/VideoControls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","SpeedControl","QualityControl"],"sourceRoot":"../../../../../../../src","sources":["components/Reels/ReelsSeries/components/VideoControls/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAAY,QAAQ,mBAAgB;AACxD,SAASD,OAAO,IAAIE,cAAc,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/components/Reels/utils/Controls/gestureUtils.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { Gesture } from 'react-native-gesture-handler';
+import { GESTURE_MAX_DURATION } from "./videoControlsConstants.js";
+
+/**
+ * Create a tap gesture handler
+ */
+export const useCreateTapGesture = (isInOverlay, isLocked, handleLockedTap) => {
+  return useCallback((onAction, numberOfTaps = 1) => Gesture.Tap().maxDuration(GESTURE_MAX_DURATION).numberOfTaps(numberOfTaps).onStart(({
+    x,
+    y
+  }) => {
+    if (isInOverlay(x, y)) return;
+    if (isLocked) {
+      handleLockedTap();
+      return;
+    }
+    onAction();
+  }).runOnJS(true), [isInOverlay, isLocked, handleLockedTap]);
+};
+
+/**
+ * Create combined gesture (single tap and double tap)
+ */
+export const useCombinedGesture = (singleTap, doubleTap) => {
+  return useMemo(() => Gesture.Exclusive(doubleTap, singleTap), [doubleTap, singleTap]);
+};
+//# sourceMappingURL=gestureUtils.js.map

package/lib/module/components/Reels/utils/Controls/gestureUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","Gesture","GESTURE_MAX_DURATION","useCreateTapGesture","isInOverlay","isLocked","handleLockedTap","onAction","numberOfTaps","Tap","maxDuration","onStart","x","y","runOnJS","useCombinedGesture","singleTap","doubleTap","Exclusive"],"sourceRoot":"../../../../../../src","sources":["components/Reels/utils/Controls/gestureUtils.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SAASC,oBAAoB,QAAQ,6BAA0B;;AAE/D;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAGA,CACjCC,WAA8C,EAC9CC,QAAiB,EACjBC,eAA2B,KACxB;EACH,OAAOP,WAAW,CAChB,CAACQ,QAAoB,EAAEC,YAAY,GAAG,CAAC,KACrCP,OAAO,CAACQ,GAAG,CAAC,CAAC,CACVC,WAAW,CAACR,oBAAoB,CAAC,CACjCM,YAAY,CAACA,YAAY,CAAC,CAC1BG,OAAO,CAAC,CAAC;IAAEC,CAAC;IAAEC;EAAE,CAAC,KAAK;IACrB,IAAIT,WAAW,CAACQ,CAAC,EAAEC,CAAC,CAAC,EAAE;IACvB,IAAIR,QAAQ,EAAE;MACZC,eAAe,CAAC,CAAC;MACjB;IACF;IACAC,QAAQ,CAAC,CAAC;EACZ,CAAC,CAAC,CACDO,OAAO,CAAC,IAAI,CAAC,EAClB,CAACV,WAAW,EAAEC,QAAQ,EAAEC,eAAe,CACzC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMS,kBAAkB,GAAGA,CAChCC,SAAyC,EACzCC,SAAyC,KACtC;EACH,OAAOjB,OAAO,CACZ,MAAMC,OAAO,CAACiB,SAAS,CAACD,SAAS,EAAED,SAAS,CAAC,EAC7C,CAACC,SAAS,EAAED,SAAS,CACvB,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/components/Reels/utils/Controls/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from "./videoRef.js";
+export * from "./videoControlsConstants.js";
+export * from "./overlayUtils.js";
+export * from "./gestureUtils.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Reels/utils/Controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["components/Reels/utils/Controls/index.ts"],"mappings":";;AAAA,cAAc,eAAY;AAC1B,cAAc,6BAA0B;AACxC,cAAc,mBAAgB;AAC9B,cAAc,mBAAgB","ignoreList":[]}

package/lib/module/components/Reels/utils/Controls/overlayUtils.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { useMemo, useCallback } from 'react';
+import { Dimensions } from 'react-native';
+import { OVERLAY_RIGHT_OFFSET, OVERLAY_BOTTOM_OFFSET } from "./videoControlsConstants.js";
+const {
+  width
+} = Dimensions.get('window');
+
+/**
+ * Calculate overlay thresholds
+ */
+export const useOverlayThresholds = videoHeight => {
+  const rightThreshold = useMemo(() => width - OVERLAY_RIGHT_OFFSET, []);
+  const bottomThreshold = useMemo(() => videoHeight - OVERLAY_BOTTOM_OFFSET, [videoHeight]);
+  return {
+    rightThreshold,
+    bottomThreshold
+  };
+};
+
+/**
+ * Check if coordinates are in overlay area
+ */
+export const useIsInOverlay = (rightThreshold, bottomThreshold) => {
+  return useCallback((x, y) => x > rightThreshold || y > bottomThreshold, [rightThreshold, bottomThreshold]);
+};
+//# sourceMappingURL=overlayUtils.js.map

package/lib/module/components/Reels/utils/Controls/overlayUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useCallback","Dimensions","OVERLAY_RIGHT_OFFSET","OVERLAY_BOTTOM_OFFSET","width","get","useOverlayThresholds","videoHeight","rightThreshold","bottomThreshold","useIsInOverlay","x","y"],"sourceRoot":"../../../../../../src","sources":["components/Reels/utils/Controls/overlayUtils.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,oBAAoB,EACpBC,qBAAqB,QAChB,6BAA0B;AAEjC,MAAM;EAAEC;AAAM,CAAC,GAAGH,UAAU,CAACI,GAAG,CAAC,QAAQ,CAAC;;AAE1C;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAIC,WAAmB,IAAK;EAC3D,MAAMC,cAAc,GAAGT,OAAO,CAAC,MAAMK,KAAK,GAAGF,oBAAoB,EAAE,EAAE,CAAC;EAEtE,MAAMO,eAAe,GAAGV,OAAO,CAC7B,MAAMQ,WAAW,GAAGJ,qBAAqB,EACzC,CAACI,WAAW,CACd,CAAC;EAED,OAAO;IAAEC,cAAc;IAAEC;EAAgB,CAAC;AAC5C,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAC5BF,cAAsB,EACtBC,eAAuB,KACpB;EACH,OAAOT,WAAW,CAChB,CAACW,CAAS,EAAEC,CAAS,KAAKD,CAAC,GAAGH,cAAc,IAAII,CAAC,GAAGH,eAAe,EACnE,CAACD,cAAc,EAAEC,eAAe,CAClC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/components/Reels/utils/Controls/videoControlsConstants.js

@@ -0,0 +1,27 @@
+"use strict";
+
+/**
+ * Video Controls Constants
+ */
+
+export const GESTURE_MAX_DURATION = 300;
+export const PAUSE_ICON_TIMEOUT = 800;
+export const LIKE_ANIM_TIMEOUT = 1200;
+export const UNLOCK_MODAL_DELAY = 500;
+export const OVERLAY_RIGHT_OFFSET = 80;
+export const OVERLAY_BOTTOM_OFFSET = 150;
+export const videoControlsStyles = {
+  hideForward: true,
+  hideDuration: true,
+  hideFullscreen: true,
+  hidePlayPause: true,
+  hideNavigationBarOnFullScreenMode: true,
+  hideNotificationBarOnFullScreenMode: true,
+  hideNext: true,
+  hidePosition: true,
+  hidePrevious: true,
+  hideRewind: true,
+  hideSeekBar: true,
+  hideSettingButton: true
+};
+//# sourceMappingURL=videoControlsConstants.js.map

package/lib/module/components/Reels/utils/Controls/videoControlsConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GESTURE_MAX_DURATION","PAUSE_ICON_TIMEOUT","LIKE_ANIM_TIMEOUT","UNLOCK_MODAL_DELAY","OVERLAY_RIGHT_OFFSET","OVERLAY_BOTTOM_OFFSET","videoControlsStyles","hideForward","hideDuration","hideFullscreen","hidePlayPause","hideNavigationBarOnFullScreenMode","hideNotificationBarOnFullScreenMode","hideNext","hidePosition","hidePrevious","hideRewind","hideSeekBar","hideSettingButton"],"sourceRoot":"../../../../../../src","sources":["components/Reels/utils/Controls/videoControlsConstants.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA,OAAO,MAAMA,oBAAoB,GAAG,GAAG;AACvC,OAAO,MAAMC,kBAAkB,GAAG,GAAG;AACrC,OAAO,MAAMC,iBAAiB,GAAG,IAAI;AACrC,OAAO,MAAMC,kBAAkB,GAAG,GAAG;AACrC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,qBAAqB,GAAG,GAAG;AAExC,OAAO,MAAMC,mBAAmB,GAAG;EACjCC,WAAW,EAAE,IAAI;EACjBC,YAAY,EAAE,IAAI;EAClBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBC,iCAAiC,EAAE,IAAI;EACvCC,mCAAmC,EAAE,IAAI;EACzCC,QAAQ,EAAE,IAAI;EACdC,YAAY,EAAE,IAAI;EAClBC,YAAY,EAAE,IAAI;EAClBC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAE,IAAI;EACjBC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}

package/lib/module/components/Reels/utils/Controls/videoRef.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createRef } from 'react';
+export const videoRef = /*#__PURE__*/createRef();
+//# sourceMappingURL=videoRef.js.map

package/lib/module/components/Reels/utils/Controls/videoRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createRef","videoRef"],"sourceRoot":"../../../../../../src","sources":["components/Reels/utils/Controls/videoRef.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AAGjC,OAAO,MAAMC,QAAQ,gBAAGD,SAAS,CAAW,CAAC","ignoreList":[]}

package/lib/module/components/Reels/utils/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./timeoutUtils.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Reels/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Reels/utils/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB","ignoreList":[]}