related-ui-components 2.7.4 → 2.7.6

package/lib/module/app.js

@@ -4,14 +4,12 @@ import React, { useState } from "react";
 import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
 // Adjust path as needed
 import { GestureHandlerRootView } from "react-native-gesture-handler";
-import { RedemptionOption } from "./components/index.js";
+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 { Ionicons } from "@expo/vector-icons";
-
-// Sample data - replace with your actual image URLs
 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",
@@ -64,21 +62,7 @@ const App = () => {
               barStyle: "light-content"
             }), /*#__PURE__*/_jsx(SafeAreaView, {
               style: styles.appContainer,
-              children: /*#__PURE__*/_jsx(RedemptionOption, {
-                textContainerStyle: {
-                  flex: 1
-                }
-                // containerStyle={{ flex: 1, alignItems: "center" }}
-                ,
-                text: "hola",
-                textStyle: {
-                  fontSize: 20
-                },
-                icon: /*#__PURE__*/_jsx(Ionicons, {
-                  name: "accessibility"
-                }),
-                orientation: "horizontal"
-              })
+              children: /*#__PURE__*/_jsx(FlightSummary, {})
             })]
           })
         })

package/lib/module/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","RedemptionOption","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","Ionicons","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","textContainerStyle","text","textStyle","fontSize","icon","name","orientation","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
+{"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":[]}

package/lib/module/components/Card/templates/SelaDealCard.js

@@ -59,12 +59,10 @@ const SelaDealCard = ({
   const finalPriceContainerStyle = [styles.priceContainerBase, variant === "horizontal" ? styles.priceContainerHorizontal : styles.priceContainerVertical, priceContainerStyle];
   const finalPriceStyle = [styles.priceTextBase, priceStyle];
   const providerTextStyle = [styles.providerNameBase, {
-    color: theme.onSurface,
-    textAlign: isRTL ? "right" : "left"
+    color: theme.onSurface
   }, providerNameStyle];
   const descriptionTextStyle = [styles.descriptionBase, {
-    color: theme.onSurface,
-    textAlign: isRTL ? "right" : "left"
+    color: theme.onSurface
   }, descriptionStyle];
   return /*#__PURE__*/_jsxs(Card, {
     onPress: onPress,
@@ -92,9 +90,11 @@ const SelaDealCard = ({
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.overlayContainer,
       children: [/*#__PURE__*/_jsx(View, {
-        style: [styles.topSection, {
-          alignItems: "flex-start"
-        }],
+        style: [styles.topSection
+        // {
+        //   alignItems: "flex-start",
+        // },
+        ],
         children: label && /*#__PURE__*/_jsx(View, {
           style: finalLabelContainerStyle,
           children: /*#__PURE__*/_jsx(Text, {
@@ -163,7 +163,9 @@ const getStyles = (theme, isRTL) => StyleSheet.create({
     padding: 16,
     justifyContent: "space-between"
   },
-  topSection: {},
+  topSection: {
+    flexDirection: "row"
+  },
   labelContainerBase: {
     paddingVertical: 6,
     paddingHorizontal: 12,
@@ -188,20 +190,20 @@ const getStyles = (theme, isRTL) => StyleSheet.create({
     paddingVertical: 8,
     paddingHorizontal: 16,
     borderRadius: 10,
-    overflow: "hidden"
-    // backgroundColor: theme.primary,
+    overflow: "hidden",
+    backgroundColor: theme.primary
   },
   priceTextBase: {
     fontSize: 16,
     color: theme.onPrimary
   },
   bottomContentHorizontal: {
-    flexDirection: isRTL ? "row-reverse" : "row",
-    justifyContent: "space-between",
+    flexDirection: "row",
     alignItems: "flex-end"
   },
   textBlockHorizontal: {
     flex: 1,
+    alignItems: "flex-start",
     marginRight: 10
   },
   priceContainerHorizontal: {},
@@ -209,7 +211,8 @@ const getStyles = (theme, isRTL) => StyleSheet.create({
     flexDirection: "column"
   },
   textBlockVertical: {
-    marginBottom: 12
+    marginBottom: 12,
+    alignItems: "flex-start"
   },
   priceContainerVertical: {
     alignSelf: "stretch",

package/lib/module/components/Card/templates/SelaDealCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Image","Card","useTheme","LockOverlay","BlurView","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","SelaDealCard","variant","backgroundImage","label","labelStyle","labelContainerStyle","providerName","providerNameStyle","description","descriptionStyle","price","priceStyle","priceContainerStyle","onPress","style","width","height","isRTL","propIsRTL","borderRadius","darkOverlayEnabled","darkOverlayColor","lockOverlay","priceContainerBlur","theme","themeIsRTL","undefined","styles","getStyles","dynamicHeight","setDynamicHeight","uri","getSize","imgWidth","imgHeight","aspectRatio","finalLabelContainerStyle","labelContainerBase","finalLabelStyle","labelTextBase","finalPriceContainerStyle","priceContainerBase","priceContainerHorizontal","priceContainerVertical","finalPriceStyle","priceTextBase","providerTextStyle","providerNameBase","color","onSurface","textAlign","descriptionTextStyle","descriptionBase","cardBase","source","resizeMode","children","absoluteFill","backgroundColor","visible","contentPosition","iconSize","text","overlayOpacity","overlayContainer","topSection","alignItems","bottomContentHorizontal","textBlockHorizontal","bottomContentVertical","textBlockVertical","experimentalBlurMethod","intensity","tint","primary","create","overflow","position","flex","padding","justifyContent","paddingVertical","paddingHorizontal","background","fontWeight","fontSize","onBackground","marginBottom","secondary","helper","onPrimary","flexDirection","marginRight","alignSelf"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/SelaDealCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Image","Card","useTheme","LockOverlay","BlurView","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","SelaDealCard","variant","backgroundImage","label","labelStyle","labelContainerStyle","providerName","providerNameStyle","description","descriptionStyle","price","priceStyle","priceContainerStyle","onPress","style","width","height","isRTL","propIsRTL","borderRadius","darkOverlayEnabled","darkOverlayColor","lockOverlay","priceContainerBlur","theme","themeIsRTL","undefined","styles","getStyles","dynamicHeight","setDynamicHeight","uri","getSize","imgWidth","imgHeight","aspectRatio","finalLabelContainerStyle","labelContainerBase","finalLabelStyle","labelTextBase","finalPriceContainerStyle","priceContainerBase","priceContainerHorizontal","priceContainerVertical","finalPriceStyle","priceTextBase","providerTextStyle","providerNameBase","color","onSurface","descriptionTextStyle","descriptionBase","cardBase","source","resizeMode","children","absoluteFill","backgroundColor","visible","contentPosition","iconSize","text","overlayOpacity","overlayContainer","topSection","bottomContentHorizontal","textBlockHorizontal","bottomContentVertical","textBlockVertical","experimentalBlurMethod","intensity","tint","primary","create","overflow","position","flex","padding","justifyContent","flexDirection","paddingVertical","paddingHorizontal","background","fontWeight","fontSize","onBackground","marginBottom","secondary","helper","onPrimary","alignItems","marginRight","alignSelf"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/SelaDealCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,10 +2,19 @@
 
 import { useTheme } from "../../theme/index.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { NumericStepper } from "../NumericStepper/index.js";
-import { ThemedText as Text } from "../ui/index.js";
+import RNPickerSelect from "react-native-picker-select";
+import { Ionicons } from "@expo/vector-icons";
+
+// --- TYPE DEFINITIONS (Updated) ---
+
+// Represents an individual child or infant with a selectable age
+
+// Updated FlightSelection to handle individual passengers
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// --- CONFIGURATION ---
+
 const DEFAULT_PASSENGERS = [{
   key: "adults",
   name: "Adults",
@@ -19,14 +28,24 @@ const DEFAULT_PASSENGERS = [{
   description: "2 - 11 years old",
   defaultValue: 0,
   minValue: 0,
-  maxValue: 9
+  maxValue: 6,
+  ageRange: {
+    min: 2,
+    max: 11
+  },
+  defaultAge: 5
 }, {
   key: "infants",
   name: "Infants",
   description: "0 - 1 years old",
   defaultValue: 0,
   minValue: 0,
-  maxValue: 9
+  maxValue: 4,
+  ageRange: {
+    min: 0,
+    max: 1
+  },
+  defaultAge: 0
 }];
 const DEFAULT_FLIGHT_TYPES = [{
   value: "ROUND_TRIP",
@@ -45,27 +64,38 @@ const DEFAULT_FLIGHT_CLASSES = [{
   value: "FIRST",
   name: "First"
 }];
-const getInitialPassengerCounts = config => {
-  return config.reduce((acc, passenger) => {
-    acc[passenger.key] = passenger.defaultValue;
-    return acc;
-  }, {});
+
+// --- HELPER FUNCTION ---
+const getInitialPassengerState = config => {
+  return {
+    adults: config.find(p => p.key === "adults")?.defaultValue ?? 1,
+    children: Array.from({
+      length: config.find(p => p.key === "children")?.defaultValue ?? 0
+    }, (_, i) => ({
+      id: `child_${i}_${Date.now()}`,
+      age: config.find(p => p.key === "children")?.defaultAge ?? 2
+    })),
+    infants: Array.from({
+      length: config.find(p => p.key === "infants")?.defaultValue ?? 0
+    }, (_, i) => ({
+      id: `infant_${i}_${Date.now()}`,
+      age: config.find(p => p.key === "infants")?.defaultAge ?? 0
+    }))
+  };
 };
 
-// --- Component Props ---
+// --- PROPS INTERFACE ---
 
-// --- Component Implementation ---
+// --- COMPONENT IMPLEMENTATION ---
 const FlightSummary = ({
-  // Data
   passengersData: passengersProp = DEFAULT_PASSENGERS,
   flightTypesData: flightTypesProp = DEFAULT_FLIGHT_TYPES,
   flightClassesData: flightClassesProp = DEFAULT_FLIGHT_CLASSES,
   flightClassLabel = "Class",
   flightTypeLabel = "Type",
-  // State & Callbacks
   selection,
   onSelectionChange,
-  // Styles
+  formatPassengerAgeLabel = (passengerType, index) => `${passengerType} ${index} Age`,
   containerStyle,
   buttonGroupContainerStyle,
   buttonStyle,
@@ -77,11 +107,13 @@ const FlightSummary = ({
   passengerLabelContainerStyle,
   passengerNameStyle,
   passengerDescriptionStyle,
+  labelStyle,
+  agePickerRowStyle,
+  agePickerLabelStyle,
   stepperContainerStyle,
   stepperButtonStyle,
   stepperButtonTextStyle,
-  stepperValueTextStyle,
-  labelStyle
+  stepperValueTextStyle
 }) => {
   const {
     theme,
@@ -93,67 +125,71 @@ const FlightSummary = ({
   const flightClasses = useMemo(() => flightClassesProp, [flightClassesProp]);
   const [selectedFlightType, setSelectedFlightType] = useState(selection?.flightType ?? flightTypes[0].value);
   const [selectedFlightClass, setSelectedFlightClass] = useState(selection?.flightClass ?? flightClasses[0].value);
-  const [passengerCounts, setPassengerCounts] = useState(selection?.passengers ?? getInitialPassengerCounts(passengersConfig));
-  const handleFlightTypeSelect = useCallback(type => {
-    setSelectedFlightType(type.value);
-    const newState = {
-      flightType: type.value,
-      flightClass: selectedFlightClass,
-      passengers: passengerCounts
-    };
-    onSelectionChange?.(newState);
-  }, [selectedFlightClass, passengerCounts, onSelectionChange]);
-  const handlePassengerChange = useCallback((passengerKey, action) => {
-    setPassengerCounts(prevCounts => {
-      const passengerInfo = passengersConfig.find(p => p.key === passengerKey);
-      if (!passengerInfo) return prevCounts;
-      const currentVal = prevCounts[passengerKey];
-      const minValue = passengerInfo.minValue;
-      const maxValue = passengerInfo.maxValue ?? 99;
-      let newValue = currentVal;
-      if (action === "increment") {
-        newValue = Math.min(maxValue, currentVal + 1);
-      } else if (action === "decrement") {
-        newValue = Math.max(minValue, currentVal - 1);
-      }
+  const [passengers, setPassengers] = useState(selection?.passengers ?? getInitialPassengerState(passengersConfig));
 
-      // Only update if value changed
-      if (newValue === currentVal) {
-        return prevCounts;
-      }
-      const newCounts = {
-        ...prevCounts,
-        [passengerKey]: newValue
+  // Memoize the state to be sent upwards
+  const currentSelection = useMemo(() => ({
+    flightType: selectedFlightType,
+    flightClass: selectedFlightClass,
+    passengers
+  }), [selectedFlightType, selectedFlightClass, passengers]);
+
+  // Effect to call onSelectionChange when the memoized state changes
+  useEffect(() => {
+    onSelectionChange?.(currentSelection);
+  }, [currentSelection, onSelectionChange]);
+  const handlePassengerCountChange = useCallback((key, action) => {
+    setPassengers(prev => {
+      const config = passengersConfig.find(p => p.key === key);
+      if (!config) return prev;
+      let newPassengersState = {
+        ...prev
       };
-      const newState = {
-        flightType: selectedFlightType,
-        flightClass: selectedFlightClass,
-        passengers: newCounts
+      if (key === "adults") {
+        const currentVal = prev.adults;
+        const min = config.minValue;
+        const max = config.maxValue ?? 99;
+        let newValue = currentVal;
+        if (action === "increment") newValue = Math.min(max, currentVal + 1);else newValue = Math.max(min, currentVal - 1);
+        newPassengersState.adults = newValue;
+      } else {
+        // Handle children and infants (arrays)
+        const currentArray = prev[key];
+        if (action === "increment") {
+          if (currentArray.length < (config.maxValue ?? 99)) {
+            const newPassenger = {
+              id: `${key}_${Date.now()}`,
+              age: config.defaultAge ?? 0
+            };
+            newPassengersState[key] = [...currentArray, newPassenger];
+          }
+        } else {
+          if (currentArray.length > config.minValue) {
+            newPassengersState[key] = currentArray.slice(0, -1);
+          }
+        }
+      }
+      return newPassengersState;
+    });
+  }, [passengersConfig]);
+  const handleIndividualAgeChange = useCallback((key, id, newAge) => {
+    // Prevent update if newAge is null/undefined (from picker placeholder)
+    if (newAge === null || newAge === undefined) return;
+    setPassengers(prev => {
+      const newArray = prev[key].map(p => p.id === id ? {
+        ...p,
+        age: newAge
+      } : p);
+      return {
+        ...prev,
+        [key]: newArray
       };
-      onSelectionChange?.(newState);
-      return newCounts;
     });
-  }, [passengersConfig, selectedFlightType, selectedFlightClass, onSelectionChange
-  // No dependency on passengerCounts due to updater function usage
-  ]);
-  const handleFlightClassSelect = useCallback(fClass => {
-    setSelectedFlightClass(fClass.value);
-    const newState = {
-      flightType: selectedFlightType,
-      flightClass: fClass.value,
-      passengers: passengerCounts
-    };
-    onSelectionChange?.(newState);
-  }, [selectedFlightType, passengerCounts, onSelectionChange]);
-
-  // --- Render Helpers ---
+  }, []);
   const renderButtonGroup = (items, selectedValue, onSelect, label) => /*#__PURE__*/_jsxs(View, {
+    style: styles.sectionContainer,
     children: [/*#__PURE__*/_jsx(Text, {
-      style: [{
-        color: theme.labelText,
-        fontSize: 12,
-        marginBottom: 6
-      }, labelStyle],
+      style: [styles.sectionLabel, labelStyle],
       children: label
     }), /*#__PURE__*/_jsx(View, {
       style: [styles.buttonGroupContainer, buttonGroupContainerStyle],
@@ -171,43 +207,79 @@ const FlightSummary = ({
       })
     })]
   });
-  useEffect(() => {
-    onSelectionChange?.({
-      flightType: selectedFlightType,
-      flightClass: selectedFlightClass,
-      passengers: passengerCounts
-    });
-  }, []);
+
+  // Helper to generate age items for the picker
+  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
+    }));
+  };
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, containerStyle],
-    children: [renderButtonGroup(flightTypes, selectedFlightType, handleFlightTypeSelect, flightTypeLabel), /*#__PURE__*/_jsx(View, {
+    children: [renderButtonGroup(flightTypes, selectedFlightType, item => setSelectedFlightType(item.value), flightTypeLabel), /*#__PURE__*/_jsx(View, {
       style: [styles.passengerSection, passengerSectionStyle],
-      children: passengersConfig.map(passenger => /*#__PURE__*/_jsxs(View, {
-        style: [styles.passengerRow, passengerRowStyle],
+      children: passengersConfig.map(config => /*#__PURE__*/_jsxs(View, {
         children: [/*#__PURE__*/_jsxs(View, {
-          style: [styles.passengerLabelContainer, passengerLabelContainerStyle],
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.passengerName, passengerNameStyle],
-            children: passenger.name
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.passengerDescription, passengerDescriptionStyle],
-            children: passenger.description
+          style: [styles.passengerRow, passengerRowStyle],
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: [styles.passengerLabelContainer, passengerLabelContainerStyle],
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [styles.passengerName, passengerNameStyle],
+              children: config.name
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.passengerDescription, passengerDescriptionStyle],
+              children: config.description
+            })]
+          }), /*#__PURE__*/_jsx(NumericStepper, {
+            value: config.key === "adults" ? passengers.adults : passengers[config.key].length,
+            minValue: config.minValue,
+            maxValue: config.maxValue,
+            onIncrement: () => handlePassengerCountChange(config.key, "increment"),
+            onDecrement: () => handlePassengerCountChange(config.key, "decrement"),
+            style: stepperContainerStyle,
+            buttonStyle: stepperButtonStyle,
+            buttonTextStyle: stepperButtonTextStyle,
+            valueTextStyle: stepperValueTextStyle
           })]
-        }), /*#__PURE__*/_jsx(NumericStepper, {
-          value: passengerCounts[passenger.key],
-          minValue: passenger.minValue,
-          maxValue: passenger.maxValue ?? 99,
-          onIncrement: () => handlePassengerChange(passenger.key, "increment"),
-          onDecrement: () => handlePassengerChange(passenger.key, "decrement")
-          // Pass through stepper styles
-          ,
-          style: stepperContainerStyle,
-          buttonStyle: stepperButtonStyle,
-          buttonTextStyle: stepperButtonTextStyle,
-          valueTextStyle: stepperValueTextStyle
-        })]
-      }, passenger.key))
-    }), renderButtonGroup(flightClasses, selectedFlightClass, handleFlightClassSelect, flightClassLabel)]
+        }), (config.key === "children" || config.key === "infants") && passengers[config.key].map((passenger, index) => /*#__PURE__*/_jsxs(View, {
+          style: [styles.agePickerRow, agePickerRowStyle],
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: [styles.agePickerLabel, agePickerLabelStyle],
+            children: [" ", formatPassengerAgeLabel(config.name, index + 1)]
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.pickerContainer,
+            children: /*#__PURE__*/_jsx(RNPickerSelect, {
+              value: passenger.age,
+              onValueChange: value => handleIndividualAgeChange(config.key, passenger.id, value),
+              items: getAgePickerItems(config),
+              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
+              })
+            })
+          })]
+        }, passenger.id))]
+      }, config.key))
+    }), renderButtonGroup(flightClasses, selectedFlightClass, item => setSelectedFlightClass(item.value), flightClassLabel)]
   });
 };
 const themedStyles = (theme, isRTL) => StyleSheet.create({
@@ -215,11 +287,18 @@ const themedStyles = (theme, isRTL) => StyleSheet.create({
     backgroundColor: theme.surface,
     padding: 16
   },
+  sectionContainer: {
+    marginBottom: 20
+  },
+  sectionLabel: {
+    color: theme.labelText,
+    fontSize: 12,
+    fontWeight: "600",
+    textTransform: "uppercase",
+    marginBottom: 8
+  },
   buttonGroupContainer: {
     flexDirection: "row",
-    // marginBottom: 10,
-    marginTop: 5,
-    justifyContent: "flex-start",
     flexWrap: "wrap",
     gap: 8
   },
@@ -242,8 +321,7 @@ const themedStyles = (theme, isRTL) => StyleSheet.create({
   },
   selectedButtonText: {
     color: theme.onPrimary,
-    fontWeight: "bold",
-    fontSize: 14
+    fontWeight: "bold"
   },
   passengerSection: {
     marginVertical: 15
@@ -255,14 +333,11 @@ const themedStyles = (theme, isRTL) => StyleSheet.create({
     paddingVertical: 10,
     borderBottomWidth: StyleSheet.hairlineWidth,
     borderBottomColor: theme.divider
-    // Remove width: '100%' unless absolutely necessary
   },
   passengerLabelContainer: {
     flexDirection: "column",
     alignItems: "flex-start",
     flexShrink: 1
-    // marginRight: isRTL ? 0 : 8,
-    // marginLeft: isRTL ? 8 : 0,
   },
   passengerName: {
     fontSize: 16,
@@ -271,8 +346,40 @@ const themedStyles = (theme, isRTL) => StyleSheet.create({
   },
   passengerDescription: {
     fontSize: 12,
-    color: theme.text || theme.onSurface,
+    color: theme.helper,
     opacity: 0.8
+  },
+  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 FlightSummary;