related-ui-components 2.7.6 → 2.7.7

package/lib/module/app.js

@@ -2,41 +2,20 @@
 
 import React, { useState } from "react";
 import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
-// Adjust path as needed
+import CarouselCardStack from "./components/CarouselCardStack/CarouselCardStack.js"; // Adjust path as needed
 import { GestureHandlerRootView } from "react-native-gesture-handler";
-import { FlightSummary } from "./components/index.js";
 import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
 import { BottomSheetStackProvider } from "./contexts/index.js";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Sample data - replace with your actual image URLs
-const DUMMY_DATA = [{
-  id: "1",
-  image: "https://images.pexels.com/photos/3354648/pexels-photo-3354648.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-  title: "Mountain Lake"
-},
-// {
-//   id: "2",
-//   image:
-//     "https://images.pexels.com/photos/163273/sunrise-speedboat-ocean-water-163273.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-//   title: "Sunset Cruise",
-// },
-{
-  id: "3",
-  image: "https://images.pexels.com/photos/1430677/pexels-photo-1430677.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-  title: "Ocean Horizon"
-}, {
-  id: "4",
-  image: "https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-  title: "Forest Trail"
-}
-// {
-//   id: "5",
-//   image:
-//     "https://images.pexels.com/photos/302804/pexels-photo-302804.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-//   title: "City Lights",
-// },
-];
+const DUMMY_DATA = Array.from({
+  length: 10
+}, (_, i) => ({
+  id: `image-${i + 1}`,
+  // Using a random query parameter ensures you get a different image for each ID
+  image: `https://picsum.photos/seed/picsum/400/600`,
+  title: `Image #${i + 1}`
+}));
 const App = () => {
   const {
     theme
@@ -62,7 +41,13 @@ const App = () => {
               barStyle: "light-content"
             }), /*#__PURE__*/_jsx(SafeAreaView, {
               style: styles.appContainer,
-              children: /*#__PURE__*/_jsx(FlightSummary, {})
+              children: /*#__PURE__*/_jsx(CarouselCardStack, {
+                data: DUMMY_DATA
+                // backgroundColor="#333" // Set a background color for the component area
+                // onActiveIndexChange={(index) => {
+                //   console.log("Active item index:", index);
+                // }}
+              })
             })]
           })
         })

package/lib/module/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","FlightSummary","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AACV;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAIEC,aAAa,QAOR,uBAAc;AACrB,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAG/D,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGlE;AACA,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACD;AAED,MAAMC,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACe,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAChDyB,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqByB,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM8B,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EAID,oBACEnB,IAAA,CAAAI,SAAA;IAAAmB,QAAA,eACEvB,IAAA,CAACF,gBAAgB;MAAAyB,QAAA,eACfvB,IAAA,CAACR,sBAAsB;QAACgC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCvB,IAAA,CAACL,eAAe;UAACe,KAAK,EAAEhB,UAAW;UAAA6B,QAAA,eACjCrB,KAAA,CAACL,wBAAwB;YAAA0B,QAAA,gBACvBvB,IAAA,CAACT,SAAS;cAACmC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC1B,IAAA,CAACX,YAAY;cAACmC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eAwCvCvB,IAAA,CAACP,aAAa,IAAgB;YAAC,CAiCnB,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACT;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMkC,MAAM,GAAGrC,UAAU,CAACuC,MAAM,CAAC;EAC/BD,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPK,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,QAAQ;IAAE;IAC1BC,UAAU,EAAC;EACb;AACF,CAAC,CAAC;AAEF,eAAevB,GAAG","ignoreList":[]}
+{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","CarouselCardStack","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","Array","from","length","_","i","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","data","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AAC5F,OAAOC,iBAAiB,MAAM,qDAAkD,CAAC,CAAC;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAarE,SAAoBC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAG1E,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAIlE,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAG,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,MAAM;EACvDC,EAAE,EAAE,SAASD,CAAC,GAAG,CAAC,EAAE;EACpB;EACAE,KAAK,EAAE,2CAA2C;EAClDC,KAAK,EAAE,UAAUH,CAAC,GAAG,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,MAAMI,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGnB,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACoB,aAAa,EAAEC,gBAAgB,CAAC,GAAG7B,QAAQ,CAChD8B,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGhC,QAAQ,CAAqB8B,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGlC,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAMmC,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EAED,oBACExB,IAAA,CAAAI,SAAA;IAAAwB,QAAA,eACE5B,IAAA,CAACF,gBAAgB;MAAA8B,QAAA,eACf5B,IAAA,CAACP,sBAAsB;QAACoC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzC5B,IAAA,CAACL,eAAe;UAACoB,KAAK,EAAErB,UAAW;UAAAkC,QAAA,eACjC1B,KAAA,CAACL,wBAAwB;YAAA+B,QAAA,gBACvB5B,IAAA,CAACT,SAAS;cAACwC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC/B,IAAA,CAACX,YAAY;cAACwC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eACvC5B,IAAA,CAACR,iBAAiB;gBAChB0C,IAAI,EAAE7B;gBACN;gBACA;gBACA;gBACA;cAAA,CACD;YAAC,CAyEU,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACT;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAM2B,MAAM,GAAG1C,UAAU,CAAC6C,MAAM,CAAC;EAC/BF,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPM,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,QAAQ;IAAE;IAC1BC,UAAU,EAAC;EACb;AACF,CAAC,CAAC;AAEF,eAAexB,GAAG","ignoreList":[]}

package/lib/module/components/CarouselCardStack/CarouselCardStack.js

@@ -23,12 +23,11 @@ const SPRING_CONFIG = {
   stiffness: 120,
   mass: 0.6
 };
-const FADE_SPRING_CONFIG = {
-  damping: 35,
-  stiffness: 50,
-  mass: 1.2
-};
 const SIDE_CARD_ROTATION_DEGREES = 7;
+
+// Only render visible items + buffer
+const VISIBLE_RANGE = 2; // Items on each side of active item
+
 const createVirtualData = originalData => {
   if (!originalData || originalData.length === 0) return [];
   const prefixItems = (items, segmentPrefix) => items.map((item, idx) => ({
@@ -40,6 +39,75 @@ const createVirtualData = originalData => {
   const nextSegment = prefixItems(originalData, "next");
   return [...prevSegment, ...currSegment, ...nextSegment];
 };
+
+// Memoized card component
+const CarouselCard = /*#__PURE__*/React.memo(({
+  item,
+  index,
+  activeIndex,
+  gestureTranslateX,
+  cardWidth,
+  cardHeight,
+  virtualDataLength
+}) => {
+  const animatedStyle = useAnimatedStyle(() => {
+    const currentCardDragOffset = gestureTranslateX.value / cardWidth;
+    const displayOffset = index - (activeIndex.value - currentCardDragOffset);
+
+    // Early return for items that are too far away to optimize performance
+    const absDisplayOffset = Math.abs(displayOffset);
+    if (absDisplayOffset > 2.5) {
+      return {
+        opacity: 0,
+        transform: [{
+          translateX: 0
+        }, {
+          scale: 0.8
+        }, {
+          rotateZ: '0deg'
+        }],
+        zIndex: 0
+      };
+    }
+    const scale = interpolate(displayOffset, [-1, 0, 1], [SIDE_CARD_SCALE_FACTOR, ACTIVE_CARD_SCALE, SIDE_CARD_SCALE_FACTOR], Extrapolation.CLAMP);
+    const translateX = interpolate(displayOffset, [-1, 0, 1], [-SIDE_CARD_TRANSLATE_X, 0, SIDE_CARD_TRANSLATE_X], Extrapolation.CLAMP);
+    const rotation = interpolate(displayOffset, [-1, 0, 1], [-SIDE_CARD_ROTATION_DEGREES, 0, SIDE_CARD_ROTATION_DEGREES], Extrapolation.CLAMP);
+    const opacity = interpolate(absDisplayOffset, [0, 1, 2, 2.75], [1, 1, 0.6, 0], Extrapolation.CLAMP);
+    const snappedDisplayOffset = index - Math.round(activeIndex.value);
+    const zIndex = virtualDataLength - Math.abs(snappedDisplayOffset);
+    return {
+      transform: [{
+        translateX
+      }, {
+        scale
+      }, {
+        rotateZ: `${rotation}deg`
+      }],
+      opacity,
+      zIndex
+    };
+  }, [index, cardWidth, virtualDataLength]);
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.card, {
+      width: cardWidth,
+      height: cardHeight
+    }, animatedStyle],
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: item.image
+      },
+      style: styles.cardImage,
+      resizeMode: "cover",
+      fadeDuration: 0
+    }), item.title && /*#__PURE__*/_jsx(View, {
+      style: styles.titleContainer,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.cardTitle,
+        children: item.title
+      })
+    })]
+  });
+});
 const CarouselCardStack = ({
   data: originalData,
   cardHeight = CARD_HEIGHT,
@@ -59,28 +127,19 @@ const CarouselCardStack = ({
     gestureTranslateX.value = 0;
   }, [N_original, activeIndex, gestureTranslateX]);
 
-  // Worklet to handle the loop reset
-  const handleLoopReset = () => {
-    "worklet";
-
-    if (N_original === 0) return;
-    const currentValue = Math.round(activeIndex.value);
-
-    // If in the "next" segment (indices >= 2*N_original)
-    if (currentValue >= N_original * 2) {
-      activeIndex.value = currentValue - N_original;
-    }
-    // If in the "prev" segment (indices < N_original)
-    else if (currentValue < N_original) {
-      activeIndex.value = currentValue + N_original;
-    }
-  };
+  // Calculate visible items - moved outside of render
+  const visibleItems = useDerivedValue(() => {
+    const center = Math.round(activeIndex.value);
+    const start = Math.max(0, center - VISIBLE_RANGE);
+    const end = Math.min(virtualData.length - 1, center + VISIBLE_RANGE);
+    return virtualData.slice(start, end + 1).map((item, sliceIndex) => ({
+      item,
+      originalIndex: start + sliceIndex
+    }));
+  });
   useDerivedValue(() => {
     const currentValue = Math.round(activeIndex.value);
-
-    // Only reset if we're at the boundaries and not currently animating (gestureTranslateX is 0)
     if (gestureTranslateX.value === 0) {
-      // i.e., spring animation for gesture has finished
       if (currentValue >= N_original * 2) {
         activeIndex.value = currentValue - N_original;
       } else if (currentValue < N_original) {
@@ -101,16 +160,8 @@ const CarouselCardStack = ({
     } else if (event.translationX > threshold) {
       newTargetVirtualIndex = activeIndex.value - 1;
     }
-
-    // Clamp to virtual data bounds
     newTargetVirtualIndex = Math.max(0, Math.min(newTargetVirtualIndex, virtualData.length - 1));
-    activeIndex.value = withSpring(newTargetVirtualIndex, SPRING_CONFIG, finished => {
-      "worklet";
-
-      if (finished) {
-        handleLoopReset();
-      }
-    });
+    activeIndex.value = withSpring(newTargetVirtualIndex, SPRING_CONFIG);
     gestureTranslateX.value = withSpring(0, SPRING_CONFIG);
     contextX.value = 0;
   });
@@ -133,7 +184,7 @@ const CarouselCardStack = ({
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, {
       height: cardHeight + 60,
-      backgroundColor: backgroundColor
+      backgroundColor
     }],
     children: [/*#__PURE__*/_jsx(GestureDetector, {
       gesture: panGesture,
@@ -141,61 +192,28 @@ const CarouselCardStack = ({
         style: [styles.cardContainer, {
           height: cardHeight
         }],
-        children: virtualData.map((item, index) => {
-          const animatedStyle = useAnimatedStyle(() => {
-            const currentCardDragOffset = gestureTranslateX.value / cardWidth;
-            const displayOffset = index - (activeIndex.value - currentCardDragOffset);
-            const scale = interpolate(displayOffset, [-1, 0, 1], [SIDE_CARD_SCALE_FACTOR, ACTIVE_CARD_SCALE, SIDE_CARD_SCALE_FACTOR], Extrapolation.CLAMP);
-            const translateX = interpolate(displayOffset, [-1, 0, 1], [-SIDE_CARD_TRANSLATE_X, 0, SIDE_CARD_TRANSLATE_X], Extrapolation.CLAMP);
-            const rotation = interpolate(displayOffset, [-1, 0, 1], [-SIDE_CARD_ROTATION_DEGREES, 0, SIDE_CARD_ROTATION_DEGREES], Extrapolation.CLAMP);
-            const opacity = interpolate(Math.abs(displayOffset), [0, 1, 2, 2.75], [1, 1, 0.6, 0], Extrapolation.CLAMP);
-            const snappedDisplayOffset = index - Math.round(activeIndex.value);
-            const zIndex = virtualData.length - Math.abs(snappedDisplayOffset);
-            return {
-              transform: [{
-                translateX
-              }, {
-                scale
-              }, {
-                rotateZ: `${rotation}deg`
-              }],
-              opacity,
-              zIndex
-            };
-          });
-          return /*#__PURE__*/_jsxs(Animated.View, {
-            style: [styles.card, {
-              width: cardWidth,
-              height: cardHeight
-            }, animatedStyle],
-            children: [/*#__PURE__*/_jsx(Image, {
-              source: {
-                uri: item.image
-              },
-              style: styles.cardImage
-            }), item.title && /*#__PURE__*/_jsx(View, {
-              style: styles.titleContainer,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.cardTitle,
-                children: item.title
-              })
-            })]
-          }, item.uniqueId);
-        })
+        children: virtualData.map((item, index) => /*#__PURE__*/_jsx(CarouselCard, {
+          item: item,
+          index: index,
+          activeIndex: activeIndex,
+          gestureTranslateX: gestureTranslateX,
+          cardWidth: cardWidth,
+          cardHeight: cardHeight,
+          virtualDataLength: virtualData.length
+        }, item.uniqueId))
       })
     }), N_original > 0 && /*#__PURE__*/_jsx(View, {
       style: styles.paginationContainer,
       children: originalData.map((_, i) => {
-        const isActiveDot = useDerivedValue(() => {
-          return activeDotIndex.value === i;
-        });
         const dotStyle = useAnimatedStyle(() => {
+          const isActive = activeDotIndex.value === i;
           return {
-            width: withSpring(isActiveDot.value ? 24 : 8, SPRING_CONFIG),
+            width: withSpring(isActive ? 24 : 8, SPRING_CONFIG),
             height: 8,
             borderRadius: 4,
-            backgroundColor: isActiveDot.value ? theme.primary : "#FFFFFF",
-            marginHorizontal: 4
+            backgroundColor: isActive ? theme.primary : "#FFFFFF",
+            marginHorizontal: 4,
+            opacity: isActive ? 1 : 0.5
           };
         });
         return /*#__PURE__*/_jsx(Animated.View, {

package/lib/module/components/CarouselCardStack/CarouselCardStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","View","StyleSheet","Image","Dimensions","Text","Gesture","GestureDetector","Animated","useSharedValue","useAnimatedStyle","withSpring","interpolate","useDerivedValue","Extrapolation","useTheme","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","CARD_WIDTH_FACTOR","CARD_ASPECT_RATIO","SIDE_CARD_SCALE_FACTOR","CARD_WIDTH","CARD_HEIGHT","MAX_X_FACTOR","SIDE_CARD_TRANSLATE_X_FACTOR","Math","min","SIDE_CARD_TRANSLATE_X","ACTIVE_CARD_SCALE","SPRING_CONFIG","damping","stiffness","mass","FADE_SPRING_CONFIG","SIDE_CARD_ROTATION_DEGREES","createVirtualData","originalData","length","prefixItems","items","segmentPrefix","map","item","idx","uniqueId","id","prevSegment","currSegment","nextSegment","CarouselCardStack","data","cardHeight","cardWidth","backgroundColor","theme","N_original","virtualData","activeIndex","gestureTranslateX","contextX","value","handleLoopReset","currentValue","round","panGesture","Pan","activeOffsetX","onBegin","onUpdate","event","translationX","onEnd","threshold","newTargetVirtualIndex","max","finished","activeDotIndex","currentVal","style","styles","container","height","children","emptyText","gesture","cardContainer","index","animatedStyle","currentCardDragOffset","displayOffset","scale","CLAMP","translateX","rotation","opacity","abs","snappedDisplayOffset","zIndex","transform","rotateZ","card","source","uri","image","cardImage","title","titleContainer","cardTitle","paginationContainer","_","i","isActiveDot","dotStyle","borderRadius","primary","marginHorizontal","create","alignItems","justifyContent","position","overflow","resizeMode","bottom","left","right","padding","color","fontSize","fontWeight","flexDirection","marginTop","marginBottom"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CarouselCardStack/CarouselCardStack.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","View","StyleSheet","Image","Dimensions","Text","Gesture","GestureDetector","Animated","useSharedValue","useAnimatedStyle","withSpring","interpolate","useDerivedValue","Extrapolation","useTheme","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","CARD_WIDTH_FACTOR","CARD_ASPECT_RATIO","SIDE_CARD_SCALE_FACTOR","CARD_WIDTH","CARD_HEIGHT","MAX_X_FACTOR","SIDE_CARD_TRANSLATE_X_FACTOR","Math","min","SIDE_CARD_TRANSLATE_X","ACTIVE_CARD_SCALE","SPRING_CONFIG","damping","stiffness","mass","SIDE_CARD_ROTATION_DEGREES","VISIBLE_RANGE","createVirtualData","originalData","length","prefixItems","items","segmentPrefix","map","item","idx","uniqueId","id","prevSegment","currSegment","nextSegment","CarouselCard","memo","index","activeIndex","gestureTranslateX","cardWidth","cardHeight","virtualDataLength","animatedStyle","currentCardDragOffset","value","displayOffset","absDisplayOffset","abs","opacity","transform","translateX","scale","rotateZ","zIndex","CLAMP","rotation","snappedDisplayOffset","round","style","styles","card","height","children","source","uri","image","cardImage","resizeMode","fadeDuration","title","titleContainer","cardTitle","CarouselCardStack","data","backgroundColor","theme","N_original","virtualData","contextX","visibleItems","center","start","max","end","slice","sliceIndex","originalIndex","currentValue","panGesture","Pan","activeOffsetX","onBegin","onUpdate","event","translationX","onEnd","threshold","newTargetVirtualIndex","activeDotIndex","currentVal","container","emptyText","gesture","cardContainer","paginationContainer","_","i","dotStyle","isActive","borderRadius","primary","marginHorizontal","create","alignItems","justifyContent","position","overflow","bottom","left","right","padding","color","fontSize","fontWeight","flexDirection","marginTop","marginBottom"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CarouselCardStack/CarouselCardStack.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TravelBooking/HotelSummary.js

@@ -5,7 +5,8 @@ import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { StyleSheet, Text, TouchableOpacity, View, I18nManager } from "react-native";
 import { NumericStepper } from "../NumericStepper/index.js";
 import { BottomSheetScrollView } from "@gorhom/bottom-sheet";
-// import { ScrollView } from "react-native-gesture-handler";
+import RNPickerSelect from "react-native-picker-select";
+import { Ionicons } from "@expo/vector-icons";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_GUEST_CONFIG = [{
   key: "adults",
@@ -20,14 +21,28 @@ const DEFAULT_GUEST_CONFIG = [{
   description: "0 - 17 years old",
   defaultValue: 0,
   minValue: 0,
-  maxValue: 4
+  maxValue: 4,
+  ageRange: {
+    min: 0,
+    max: 17
+  },
+  defaultAge: 8
 }];
 const createNewRoom = guestConfig => {
   const newRoom = {
     id: Date.now().toString() + Math.random().toString(36).substring(2, 9)
   };
   guestConfig.forEach(guest => {
-    newRoom[guest.key] = guest.defaultValue;
+    if (guest.ageRange) {
+      newRoom[guest.key] = Array.from({
+        length: guest.defaultValue
+      }, (_, i) => ({
+        id: `${guest.key}_${i}_${Date.now()}`,
+        age: guest.defaultAge ?? guest.ageRange?.min ?? 0
+      }));
+    } else {
+      newRoom[guest.key] = guest.defaultValue;
+    }
   });
   return newRoom;
 };
@@ -40,6 +55,7 @@ const HotelSummary = ({
   roomTitlePrefix = "Room",
   removeRoomText = "Remove",
   addRoomText = "+ Add Room",
+  formatChildAgeLabel = (guestType, index) => `${guestType} ${index} Age`,
   containerStyle,
   roomContainerStyle,
   roomHeaderStyle,
@@ -56,11 +72,15 @@ const HotelSummary = ({
   stepperButtonStyle,
   stepperButtonTextStyle,
   stepperValueTextStyle,
-  roomListContainerStyle
+  roomListContainerStyle,
+  agePickerRowStyle,
+  agePickerLabelStyle,
+  overrideTheme
 }) => {
   const {
-    theme
+    theme: defaultTheme
   } = useTheme();
+  let theme = overrideTheme || defaultTheme;
   const styles = useMemo(() => themedStyles(theme, I18nManager.isRTL), [theme]);
   const guestConfig = useMemo(() => guestConfigProp, [guestConfigProp]);
   const [rooms, setRooms] = useState(selection && selection.length >= minRooms ? selection : Array.from({
@@ -89,38 +109,87 @@ const HotelSummary = ({
       return updatedRooms;
     });
   }, [triggerSelectionChange, minRooms]);
-  const handleGuestChange = useCallback((roomId, guestKey, action) => {
+  const handleGuestCountChange = useCallback((roomId, guestKey, action) => {
     setRooms(prevRooms => {
       const guestInfo = guestConfig.find(g => g.key === guestKey);
       if (!guestInfo) return prevRooms;
-      const minValue = guestInfo.minValue;
-      const maxValue = guestInfo.maxValue ?? 99;
       let valueChanged = false;
       const updatedRooms = prevRooms.map(room => {
-        if (room.id === roomId) {
-          const currentVal = room[guestKey];
-          let newValue = currentVal;
+        if (room.id !== roomId) return room;
+        const currentVal = room[guestKey];
+        let newRoomState = {
+          ...room
+        };
+        if (guestInfo.ageRange) {
+          // Handle array of guests
+          const currentArray = currentVal || [];
           if (action === "increment") {
-            newValue = Math.min(maxValue, currentVal + 1);
+            if (currentArray.length < (guestInfo.maxValue ?? 99)) {
+              const newGuest = {
+                id: `${guestKey}_${Date.now()}`,
+                age: guestInfo.defaultAge ?? guestInfo.ageRange.min
+              };
+              newRoomState[guestKey] = [...currentArray, newGuest];
+              valueChanged = true;
+            }
           } else if (action === "decrement") {
-            newValue = Math.max(minValue, currentVal - 1);
+            if (currentArray.length > guestInfo.minValue) {
+              newRoomState[guestKey] = currentArray.slice(0, -1);
+              valueChanged = true;
+            }
           }
+        } else {
+          // Handle numeric count
+          const min = guestInfo.minValue;
+          const max = guestInfo.maxValue ?? 99;
+          let newValue = currentVal;
+          if (action === "increment") newValue = Math.min(max, currentVal + 1);else newValue = Math.max(min, currentVal - 1);
           if (newValue !== currentVal) {
+            newRoomState[guestKey] = newValue;
             valueChanged = true;
-            return {
-              ...room,
-              [guestKey]: newValue
-            };
           }
         }
-        return room;
+        return newRoomState;
       });
       if (valueChanged) {
         triggerSelectionChange(updatedRooms);
       }
       return updatedRooms;
     });
-  }, [triggerSelectionChange, guestConfig]);
+  }, [guestConfig, triggerSelectionChange]);
+  const handleIndividualAgeChange = useCallback((roomId, guestKey, guestId, newAge) => {
+    if (newAge === null || newAge === undefined) return;
+    setRooms(prevRooms => {
+      const updatedRooms = prevRooms.map(room => {
+        if (room.id === roomId) {
+          const guestArray = room[guestKey].map(guest => guest.id === guestId ? {
+            ...guest,
+            age: newAge
+          } : guest);
+          return {
+            ...room,
+            [guestKey]: guestArray
+          };
+        }
+        return room;
+      });
+      triggerSelectionChange(updatedRooms);
+      return updatedRooms;
+    });
+  }, [triggerSelectionChange]);
+  const getAgePickerItems = config => {
+    if (!config?.ageRange) return [];
+    const {
+      min,
+      max
+    } = config.ageRange;
+    return Array.from({
+      length: max - min + 1
+    }, (_, i) => ({
+      label: `${min + i}`,
+      value: min + i
+    }));
+  };
   useEffect(() => {
     onSelectionChange?.(rooms);
   }, []);
@@ -147,27 +216,57 @@ const HotelSummary = ({
             })
           })]
         }), guestConfig.map(guest => /*#__PURE__*/_jsxs(View, {
-          style: [styles.guestRow, guestRowStyle],
           children: [/*#__PURE__*/_jsxs(View, {
-            style: [styles.guestLabelContainer, guestLabelContainerStyle],
+            style: [styles.guestRow, guestRowStyle],
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: [styles.guestLabelContainer, guestLabelContainerStyle],
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: [styles.guestName, guestNameStyle],
+                children: guest.name
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.guestDescription, guestDescriptionStyle],
+                children: guest.description
+              })]
+            }), /*#__PURE__*/_jsx(NumericStepper, {
+              value: guest.ageRange ? room[guest.key]?.length || 0 : room[guest.key],
+              minValue: guest.minValue,
+              maxValue: guest.maxValue,
+              onIncrement: () => handleGuestCountChange(room.id, guest.key, "increment"),
+              onDecrement: () => handleGuestCountChange(room.id, guest.key, "decrement"),
+              style: stepperContainerStyle,
+              buttonStyle: stepperButtonStyle,
+              buttonTextStyle: stepperButtonTextStyle,
+              valueTextStyle: stepperValueTextStyle
+            })]
+          }), guest.ageRange && room[guest.key]?.map((individualGuest, guestIndex) => /*#__PURE__*/_jsxs(View, {
+            style: [styles.agePickerRow, agePickerRowStyle],
             children: [/*#__PURE__*/_jsx(Text, {
-              style: [styles.guestName, guestNameStyle],
-              children: guest.name
-            }), /*#__PURE__*/_jsx(Text, {
-              style: [styles.guestDescription, guestDescriptionStyle],
-              children: guest.description
+              style: [styles.agePickerLabel, agePickerLabelStyle],
+              children: formatChildAgeLabel(guest.name, guestIndex + 1)
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.pickerContainer,
+              children: /*#__PURE__*/_jsx(RNPickerSelect, {
+                value: individualGuest.age,
+                onValueChange: value => handleIndividualAgeChange(room.id, guest.key, individualGuest.id, value),
+                items: getAgePickerItems(guest),
+                placeholder: {},
+                style: {
+                  inputIOS: styles.pickerInput,
+                  inputAndroid: styles.pickerInput,
+                  iconContainer: styles.pickerIconContainer
+                },
+                textInputProps: {
+                  pointerEvents: "none"
+                },
+                useNativeAndroidPickerStyle: false,
+                Icon: () => /*#__PURE__*/_jsx(Ionicons, {
+                  name: "chevron-down",
+                  size: 20,
+                  color: theme.helper
+                })
+              })
             })]
-          }), /*#__PURE__*/_jsx(NumericStepper, {
-            value: room[guest.key],
-            minValue: guest.minValue,
-            maxValue: guest.maxValue,
-            onIncrement: () => handleGuestChange(room.id, guest.key, "increment"),
-            onDecrement: () => handleGuestChange(room.id, guest.key, "decrement"),
-            style: stepperContainerStyle,
-            buttonStyle: stepperButtonStyle,
-            buttonTextStyle: stepperButtonTextStyle,
-            valueTextStyle: stepperValueTextStyle
-          })]
+          }, individualGuest.id))]
         }, guest.key))]
       }, room.id))
     }), rooms.length < maxRooms && /*#__PURE__*/_jsx(TouchableOpacity, {
@@ -240,6 +339,38 @@ const themedStyles = (theme, isRTL) => StyleSheet.create({
     fontSize: 16,
     fontWeight: "bold",
     color: theme.primary
+  },
+  agePickerRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    backgroundColor: theme.background,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderColor: theme.divider
+  },
+  agePickerLabel: {
+    fontSize: 14,
+    color: theme.onBackground
+  },
+  pickerContainer: {
+    width: 120,
+    height: 40,
+    borderWidth: 1,
+    borderColor: theme.border,
+    borderRadius: 8,
+    justifyContent: "center"
+  },
+  pickerInput: {
+    fontSize: 14,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    color: theme.onSurface
+  },
+  pickerIconContainer: {
+    top: 10,
+    right: 10
   }
 });
 export default HotelSummary;