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

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

@@ -0,0 +1,153 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { View, StyleSheet, Animated, Easing } from 'react-native';
+import Svg, { Rect } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedRect = Animated.createAnimatedComponent(Rect);
+const AnimatedThreeLines = ({
+  isActive,
+  size = 16,
+  color = 'white',
+  style,
+  animationDuration = 600,
+  delayBetweenLines = 200
+}) => {
+  const line1Anim = useRef(new Animated.Value(0)).current;
+  const line2Anim = useRef(new Animated.Value(0)).current;
+  const line3Anim = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (isActive) {
+      // Custom bezier easing for ultra-smooth animation
+      const smoothEasing = Easing.bezier(0.4, 0.0, 0.2, 1); // Material Design easing
+
+      // Start continuous smooth animation
+      const createAnimation = (animValue, delay) => {
+        return Animated.loop(Animated.sequence([Animated.delay(delay), Animated.timing(animValue, {
+          toValue: 1,
+          duration: animationDuration,
+          easing: smoothEasing,
+          useNativeDriver: false // SVG doesn't support native driver
+        }), Animated.timing(animValue, {
+          toValue: 0,
+          duration: animationDuration,
+          easing: smoothEasing,
+          useNativeDriver: false // SVG doesn't support native driver
+        })]), {
+          iterations: -1
+        } // Infinite loop
+        );
+      };
+      const anim1 = createAnimation(line1Anim, 0);
+      const anim2 = createAnimation(line2Anim, delayBetweenLines);
+      const anim3 = createAnimation(line3Anim, delayBetweenLines * 2);
+
+      // Start all animations
+      anim1.start();
+      anim2.start();
+      anim3.start();
+      return () => {
+        anim1.stop();
+        anim2.stop();
+        anim3.stop();
+        // Reset values on cleanup
+        line1Anim.setValue(0);
+        line2Anim.setValue(0);
+        line3Anim.setValue(0);
+      };
+    } else {
+      // Smoothly reset to initial state when not active
+      Animated.parallel([Animated.timing(line1Anim, {
+        toValue: 0,
+        duration: 200,
+        easing: Easing.out(Easing.ease),
+        useNativeDriver: false
+      }), Animated.timing(line2Anim, {
+        toValue: 0,
+        duration: 200,
+        easing: Easing.out(Easing.ease),
+        useNativeDriver: false
+      }), Animated.timing(line3Anim, {
+        toValue: 0,
+        duration: 200,
+        easing: Easing.out(Easing.ease),
+        useNativeDriver: false
+      })]).start();
+    }
+    return undefined;
+  }, [isActive, line1Anim, line2Anim, line3Anim, animationDuration, delayBetweenLines]);
+
+  // Animate height and Y position for ultra-smooth up/down movement
+  // Using extended input range for smoother interpolation
+  const line1Height = line1Anim.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [4, 7, 10],
+    extrapolate: 'clamp'
+  });
+  const line1Y = line1Anim.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [12, 9, 6],
+    // Move up as height increases
+    extrapolate: 'clamp'
+  });
+  const line2Height = line2Anim.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [6, 9, 12],
+    extrapolate: 'clamp'
+  });
+  const line2Y = line2Anim.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [10, 7, 4],
+    // Move up as height increases
+    extrapolate: 'clamp'
+  });
+  const line3Height = line3Anim.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [4, 6, 8],
+    extrapolate: 'clamp'
+  });
+  const line3Y = line3Anim.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [12, 10, 8],
+    // Move up as height increases
+    extrapolate: 'clamp'
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      children: [/*#__PURE__*/_jsx(AnimatedRect, {
+        x: 1,
+        y: line1Y,
+        width: 2.5,
+        height: line1Height,
+        rx: 1.25,
+        fill: color
+      }), /*#__PURE__*/_jsx(AnimatedRect, {
+        x: 6,
+        y: line2Y,
+        width: 2.5,
+        height: line2Height,
+        rx: 1.25,
+        fill: color
+      }), /*#__PURE__*/_jsx(AnimatedRect, {
+        x: 11,
+        y: line3Y,
+        width: 2.5,
+        height: line3Height,
+        rx: 1.25,
+        fill: color
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default AnimatedThreeLines;
+//# sourceMappingURL=AnimatedThreeLines.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Animated","Easing","Svg","Rect","jsx","_jsx","jsxs","_jsxs","AnimatedRect","createAnimatedComponent","AnimatedThreeLines","isActive","size","color","style","animationDuration","delayBetweenLines","line1Anim","Value","current","line2Anim","line3Anim","smoothEasing","bezier","createAnimation","animValue","delay","loop","sequence","timing","toValue","duration","easing","useNativeDriver","iterations","anim1","anim2","anim3","start","stop","setValue","parallel","out","ease","undefined","line1Height","interpolate","inputRange","outputRange","extrapolate","line1Y","line2Height","line2Y","line3Height","line3Y","styles","container","children","width","height","viewBox","x","y","rx","fill","create","justifyContent","alignItems"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/components/AnimatedThreeLines.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/{Model → components}/Episodes.js

@@ -2,88 +2,95 @@
 
 import React from 'react';
 import { View, Text, FlatList, StyleSheet, Dimensions, TouchableOpacity } from 'react-native';
-import { Lock, ChartNoAxesColumnIncreasing } from 'lucide-react-native';
+import { Lock } from 'lucide-react-native';
 import { moderateScale, verticalScale } from 'react-native-size-matters';
 import { RFValue } from 'react-native-responsive-fontsize';
+import AnimatedThreeLines from "./AnimatedThreeLines.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
-  height,
   width
 } = Dimensions.get('window');
 const NUM_COLUMNS = 6;
 const Episodes = ({
+  theme,
+  reel,
   data,
-  currentReel,
-  onEpisodeSelect,
-  totalReels = 0
+  onEpisodeSelect
 }) => {
-  const totalBoxes = Math.max(data.episodes?.length || 0, totalReels);
-  const EpisodeData = Array.from({
-    length: totalBoxes
-  }, (_, i) => i + 1);
+  const boxWidth = React.useMemo(() => {
+    return (width - moderateScale(15) * 2 - moderateScale(6) * NUM_COLUMNS) / NUM_COLUMNS;
+  }, []);
+  const episodesArray = React.useMemo(() => {
+    return (data.episodes || []).map(episode => ({
+      episode,
+      episodeNumber: episode.episodeNumber
+    }));
+  }, [data.episodes]);
   const renderItem = ({
     item
   }) => {
-    const isAvailable = item <= (data.episodes.length ?? 0);
-    const isActive = item === currentReel + 1;
+    const {
+      episode,
+      episodeNumber
+    } = item;
+    const isAvailable = !episode.isLocked;
+    const isActive = episodeNumber === reel.episodeNumber;
     return /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: () => isAvailable && onEpisodeSelect?.(item - 1),
+      onPress: () => onEpisodeSelect?.(episode),
       activeOpacity: 0.8,
+      disabled: false,
       children: /*#__PURE__*/_jsxs(View, {
         style: [styles.box, {
-          backgroundColor: isActive ? 'rgba(60,60,60,1)' : 'rgba(34,34,34,1)'
+          backgroundColor: isActive ? theme.colors.elevation.level2 : theme.colors.elevation.level1,
+          width: boxWidth
         }],
         children: [/*#__PURE__*/_jsx(Text, {
           style: [styles.number, {
-            color: 'white'
+            color: theme.colors.textPrimary
           }],
-          children: item
+          children: episodeNumber
         }), !isAvailable && /*#__PURE__*/_jsx(View, {
           style: [styles.lockContainer, {
-            backgroundColor: 'rgba(76,76,76,1)'
+            backgroundColor: theme.colors.surfaceDisabled
           }],
           children: /*#__PURE__*/_jsx(Lock, {
-            color: 'white',
+            color: theme.colors.textPrimary,
             size: moderateScale(11)
           })
-        }), isActive && /*#__PURE__*/_jsx(ChartNoAxesColumnIncreasing, {
-          color: 'white',
-          size: moderateScale(16),
-          style: styles.activeIcon
+        }), isActive && /*#__PURE__*/_jsx(AnimatedThreeLines, {
+          isActive: isActive,
+          color: theme.colors.primary,
+          style: styles.animatedIndicator
         })]
       })
-    }, `episode-${item}`);
+    }, `episode-${episodeNumber}`);
   };
   return /*#__PURE__*/_jsx(FlatList, {
-    data: EpisodeData,
+    data: episodesArray,
     numColumns: NUM_COLUMNS,
-    keyExtractor: item => `episode-${item}`,
+    keyExtractor: item => `episode-${item.episode.episodeId}`,
     renderItem: renderItem,
     contentContainerStyle: [{
       paddingBottom: verticalScale(20)
     }],
     showsVerticalScrollIndicator: false,
-    scrollEnabled: true // important for modal
-    ,
-    removeClippedSubviews: true // improves performance
-    ,
-    windowSize: 10 // virtualized window
-    ,
+    scrollEnabled: true,
+    removeClippedSubviews: true,
+    windowSize: 10,
     initialNumToRender: NUM_COLUMNS * 2,
-    nestedScrollEnabled: true // Allows scroll inside modal
+    nestedScrollEnabled: true
   });
 };
 export default Episodes;
 const styles = StyleSheet.create({
   box: {
-    width: (width - moderateScale(8) * 2 - moderateScale(6) * NUM_COLUMNS) / NUM_COLUMNS,
-    height: height * 0.52 / 8,
     borderRadius: moderateScale(10),
     justifyContent: 'center',
     alignItems: 'center',
     marginVertical: moderateScale(2.5),
     marginHorizontal: moderateScale(2.5),
-    position: 'relative'
+    position: 'relative',
+    aspectRatio: 1
   },
   number: {
     fontSize: RFValue(15),
@@ -101,10 +108,13 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center'
   },
-  activeIcon: {
+  animatedIndicator: {
     position: 'absolute',
     bottom: verticalScale(6),
-    left: moderateScale(6)
+    left: moderateScale(6),
+    justifyContent: 'center',
+    opacity: 0.9,
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=Episodes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","FlatList","StyleSheet","Dimensions","TouchableOpacity","Lock","moderateScale","verticalScale","RFValue","AnimatedThreeLines","jsx","_jsx","jsxs","_jsxs","width","get","NUM_COLUMNS","Episodes","theme","reel","data","onEpisodeSelect","boxWidth","useMemo","episodesArray","episodes","map","episode","episodeNumber","renderItem","item","isAvailable","isLocked","isActive","onPress","activeOpacity","disabled","children","style","styles","box","backgroundColor","colors","elevation","level2","level1","number","color","textPrimary","lockContainer","surfaceDisabled","size","primary","animatedIndicator","numColumns","keyExtractor","episodeId","contentContainerStyle","paddingBottom","showsVerticalScrollIndicator","scrollEnabled","removeClippedSubviews","windowSize","initialNumToRender","nestedScrollEnabled","create","borderRadius","justifyContent","alignItems","marginVertical","marginHorizontal","position","aspectRatio","fontSize","fontWeight","top","right","height","borderTopLeftRadius","borderBottomRightRadius","bottom","left","opacity"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/components/Episodes.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const GradientOverlay = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(LinearGradient, {
+      colors: ['rgba(0,0,0,0.9)', 'rgba(0,0,0,0.5)', 'transparent'],
+      style: styles.topGradient
+    }), /*#__PURE__*/_jsx(LinearGradient, {
+      colors: ['transparent', 'rgba(0,0,0,0.3)', 'rgba(0,0,0,0.9)'],
+      style: styles.bottomGradient
+    }), children]
+  });
+};
+export default GradientOverlay;
+const styles = StyleSheet.create({
+  topGradient: {
+    position: 'absolute',
+    top: 0,
+    width: '100%',
+    height: 180
+  },
+  bottomGradient: {
+    position: 'absolute',
+    bottom: 0,
+    width: '100%',
+    height: 220
+  }
+});
+//# sourceMappingURL=GradientOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","LinearGradient","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","GradientOverlay","children","colors","style","styles","topGradient","bottomGradient","create","position","top","width","height","bottom"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/components/GradientOverlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,cAAc,MAAM,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAM1D,MAAMC,eAA+C,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACxE,oBACEF,KAAA,CAAAF,SAAA;IAAAI,QAAA,gBACEN,IAAA,CAACF,cAAc;MACbS,MAAM,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,aAAa,CAAE;MAC9DC,KAAK,EAAEC,MAAM,CAACC;IAAY,CAC3B,CAAC,eAEFV,IAAA,CAACF,cAAc;MACbS,MAAM,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,CAAE;MAC9DC,KAAK,EAAEC,MAAM,CAACE;IAAe,CAC9B,CAAC,EACDL,QAAQ;EAAA,CACT,CAAC;AAEP,CAAC;AAED,eAAeD,eAAe;AAE9B,MAAMI,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC/BF,WAAW,EAAE;IACXG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDL,cAAc,EAAE;IACdE,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,CAAC;IACTF,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import LottieView from 'lottie-react-native';
+import DoubleTapAnim from '../../../../assets/animations/heart.json';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Like = ({
+  visible
+}) => {
+  if (!visible) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(LottieView, {
+      style: styles.lottie,
+      source: DoubleTapAnim,
+      autoPlay: true,
+      loop: false
+    })
+  });
+};
+export default Like;
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 5
+  },
+  lottie: {
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=Like.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","LottieView","DoubleTapAnim","jsx","_jsx","Like","visible","style","styles","container","children","lottie","source","autoPlay","loop","create","width","height","position","justifyContent","alignItems","zIndex"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/components/Like.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,OAAOC,aAAa,MAAM,0CAA0C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMrE,MAAMC,IAAyB,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EACjD,IAAI,CAACA,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEF,IAAA,CAACL,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BN,IAAA,CAACH,UAAU;MACTM,KAAK,EAAEC,MAAM,CAACG,MAAO;MACrBC,MAAM,EAAEV,aAAc;MACtBW,QAAQ;MACRC,IAAI,EAAE;IAAM,CACb;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeT,IAAI;AAEnB,MAAMG,MAAM,GAAGR,UAAU,CAACe,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDV,MAAM,EAAE;IACNK,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { StyleSheet, Animated, Easing } from 'react-native';
+import { Loader } from 'lucide-react-native';
+import { moderateScale } from 'react-native-size-matters';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RotatingLoader = ({
+  size = moderateScale(35),
+  color = '#fff',
+  containerStyle,
+  rotationDuration = 1300,
+  autoRotate = true
+}) => {
+  const rotateAnim = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (autoRotate) {
+      rotateAnim.setValue(0);
+      const animation = Animated.loop(Animated.timing(rotateAnim, {
+        toValue: 1,
+        duration: rotationDuration,
+        easing: Easing.linear,
+        useNativeDriver: true
+      }));
+      animation.start();
+      return () => {
+        animation.stop();
+        rotateAnim.stopAnimation();
+      };
+    }
+    return undefined;
+  }, [autoRotate, rotationDuration, rotateAnim]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.container, containerStyle, {
+      transform: [{
+        rotate: rotateAnim.interpolate({
+          inputRange: [0, 1],
+          outputRange: ['0deg', '360deg']
+        })
+      }]
+    }],
+    children: /*#__PURE__*/_jsx(Loader, {
+      size: size,
+      color: color
+    })
+  });
+};
+export default RotatingLoader;
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=RotatingLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","StyleSheet","Animated","Easing","Loader","moderateScale","jsx","_jsx","RotatingLoader","size","color","containerStyle","rotationDuration","autoRotate","rotateAnim","Value","current","setValue","animation","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","stopAnimation","undefined","View","style","styles","container","transform","rotate","interpolate","inputRange","outputRange","children","create","justifyContent","alignItems"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/components/RotatingLoader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,UAAU,EACVC,QAAQ,EACRC,MAAM,QAGD,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU1D,MAAMC,cAA6C,GAAGA,CAAC;EACrDC,IAAI,GAAGJ,aAAa,CAAC,EAAE,CAAC;EACxBK,KAAK,GAAG,MAAM;EACdC,cAAc;EACdC,gBAAgB,GAAG,IAAI;EACvBC,UAAU,GAAG;AACf,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGd,MAAM,CAAC,IAAIE,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAExDjB,SAAS,CAAC,MAAM;IACd,IAAIc,UAAU,EAAE;MACdC,UAAU,CAACG,QAAQ,CAAC,CAAC,CAAC;MACtB,MAAMC,SAAS,GAAGhB,QAAQ,CAACiB,IAAI,CAC7BjB,QAAQ,CAACkB,MAAM,CAACN,UAAU,EAAE;QAC1BO,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAEV,gBAAgB;QAC1BW,MAAM,EAAEpB,MAAM,CAACqB,MAAM;QACrBC,eAAe,EAAE;MACnB,CAAC,CACH,CAAC;MACDP,SAAS,CAACQ,KAAK,CAAC,CAAC;MAEjB,OAAO,MAAM;QACXR,SAAS,CAACS,IAAI,CAAC,CAAC;QAChBb,UAAU,CAACc,aAAa,CAAC,CAAC;MAC5B,CAAC;IACH;IACA,OAAOC,SAAS;EAClB,CAAC,EAAE,CAAChB,UAAU,EAAED,gBAAgB,EAAEE,UAAU,CAAC,CAAC;EAE9C,oBACEP,IAAA,CAACL,QAAQ,CAAC4B,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBtB,cAAc,EACd;MACEuB,SAAS,EAAE,CACT;QACEC,MAAM,EAAErB,UAAU,CAACsB,WAAW,CAAC;UAC7BC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;QAChC,CAAC;MACH,CAAC;IAEL,CAAC,CACD;IAAAC,QAAA,eAEFhC,IAAA,CAACH,MAAM;MAACK,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE;EAAC,CACvB,CAAC;AAEpB,CAAC;AAED,eAAeF,cAAc;AAE7B,MAAMwB,MAAM,GAAG/B,UAAU,CAACuC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}