@asdp/ferryui 0.1.22-dev.10601 → 0.1.22-dev.10665

package/dist/index.mjs

@@ -14646,22 +14646,22 @@ var CardBookingAddOn = ({
   const styles = useStyles29();
   const mergedLabels = { ...DEFAULT_LABELS28[language], ...labels };
   const addOnRows = [
-    {
+    addOnData?.lounge && {
       key: "lounge",
-      label: addOnData?.lounge?.label || mergedLabels.loungeLabel,
-      price: addOnData?.lounge?.price || mergedLabels.addOnPrice
+      label: addOnData.lounge.label || mergedLabels.loungeLabel,
+      price: addOnData.lounge.price
     },
-    {
+    addOnData?.assurance && {
       key: "assurance",
-      label: addOnData?.assurance?.label || mergedLabels.assuranceLabel,
-      price: addOnData?.assurance?.price || mergedLabels.addOnPrice
+      label: addOnData.assurance.label || mergedLabels.assuranceLabel,
+      price: addOnData.assurance.price
     },
-    {
+    addOnData?.meal && {
       key: "meal",
-      label: addOnData?.meal?.label || mergedLabels.mealLabel,
-      price: addOnData?.meal?.price || mergedLabels.addOnPrice
+      label: addOnData.meal.label || mergedLabels.mealLabel,
+      price: addOnData.meal.price
     }
-  ];
+  ].filter(Boolean);
   return /* @__PURE__ */ jsx("div", { className: `${styles.container} ${className || ""}`, children: /* @__PURE__ */ jsxs("div", { className: styles.bookingDetail, children: [
     /* @__PURE__ */ jsxs(Card, { className: styles.bookingDetailTop, children: [
       /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.bookingDetails }),
@@ -15680,6 +15680,16 @@ var useStyles34 = makeStyles({
     flexDirection: "column",
     rowGap: tokens.spacingVerticalL
   },
+  passengerList: {
+    display: "flex",
+    flexDirection: "column",
+    rowGap: tokens.spacingVerticalL
+  },
+  passengerListScrollable: {
+    maxHeight: "560px",
+    overflowY: "auto",
+    paddingRight: tokens.spacingHorizontalXS
+  },
   passengerCard: {
     boxShadow: "none",
     border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
@@ -15738,12 +15748,13 @@ var CardReviewPassenger = ({
   const styles = useStyles34();
   const mergedLabels = { ...DEFAULT_LABELS33[language], ...labels };
   const displayTitle = title || mergedLabels.title;
+  const isScrollable = !isLoading && passengers.length > 5;
   return /* @__PURE__ */ jsx(Card, { className: `${styles.card} ${className || ""}`, children: /* @__PURE__ */ jsxs(Row, { direction: "column", nogutter: true, className: styles.list, children: [
     /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.titleRow, children: [
       /* @__PURE__ */ jsx(Subtitle1, { children: displayTitle }),
       /* @__PURE__ */ jsx(Divider, { className: styles.titleDivider })
     ] }) }),
-    isLoading ? Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsx(Card, { className: styles.passengerCard, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.passengerRow, children: [
+    /* @__PURE__ */ jsx("div", { className: `${styles.passengerList} ${isScrollable ? styles.passengerListScrollable : ""}`, children: isLoading ? Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsx(Card, { className: styles.passengerCard, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.passengerRow, children: [
       /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsxs(Skeleton, { children: [
         /* @__PURE__ */ jsx(SkeletonItem, { style: { width: "180px", height: "18px", marginBottom: "8px" } }),
         /* @__PURE__ */ jsx(SkeletonItem, { style: { width: "220px", height: "16px" } })
@@ -15781,7 +15792,7 @@ var CardReviewPassenger = ({
           }
         ) })
       ] }) }) }, passenger.id || index);
-    })
+    }) })
   ] }) });
 };