@asdp/ferryui 0.1.22-dev.10391 → 0.1.22-dev.10403

package/dist/index.mjs

@@ -283,6 +283,8 @@ var foundationColors = {
   "Foundation_Danger_error": "#FD3A3A"
 };
 var lightModeColors = {
+  "Neutral_Background_2_Hover": "#f0f0f0",
+  "Neutral_Background_3_Pressed": "#d6d6d6",
   "Neutral_Foreground_Disabled_Rest": "#bdbdbd",
   "Brand_Stroke_1_Rest": "#00B3BD"};
 var tokensV2_default = {
@@ -13986,7 +13988,14 @@ var useStyles28 = makeStyles({
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
-    gap: "0.5em"
+    gap: "0.5em",
+    backgroundColor: lightModeColors.Neutral_Background_2_Hover,
+    ...shorthands.padding(
+      tokens.spacingHorizontalM,
+      tokens.spacingHorizontalMNudge
+    ),
+    border: `${tokens.strokeWidthThin} solid ${lightModeColors.Neutral_Background_3_Pressed}`,
+    borderRadius: tokens.borderRadiusXLarge
   },
   ticketTime: {
     display: "flex",
@@ -14126,7 +14135,7 @@ var CardBookingTicket = ({
         {
           style: {
             height: "1px",
-            backgroundColor: tokens.colorNeutralStroke2,
+            backgroundColor: "tokens.colorNeutralStroke2",
             margin: "1rem 0"
           }
         }
@@ -14158,22 +14167,47 @@ var CardBookingTicket = ({
     /* @__PURE__ */ jsxs(Card, { className: styles.bookingDetailBottom, children: [
       /* @__PURE__ */ jsxs("div", { className: styles.totalPrice, children: [
         /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.totalPriceLabel }),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: tokens.spacingHorizontalL, alignItems: "center" }, children: [
-          /* @__PURE__ */ jsxs(Title3, { className: styles.priceText, children: [
-            mergedLabels.currencySymbol,
-            " ",
-            totalPrice
-          ] }),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              icon: "fluent:chevron-down-24-filled",
-              onClick: onPriceDetailClick,
-              style: { cursor: "pointer" }
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: tokens.spacingHorizontalL,
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Title3, { className: styles.priceText, children: [
+                mergedLabels.currencySymbol,
+                " ",
+                totalPrice
+              ] }),
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "fluent:chevron-down-24-filled",
+                  onClick: onPriceDetailClick,
+                  style: { cursor: "pointer" }
+                }
+              )
+            ]
+          }
+        )
       ] }),
+      reservationStep === "review" && /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          label: /* @__PURE__ */ jsxs(Body1, { children: [
+            "Saya menyetujui",
+            " ",
+            /* @__PURE__ */ jsxs("span", { style: { color: brandColors[80] }, children: [
+              " ",
+              "Syarat & Ketentuan"
+            ] }),
+            " ",
+            "ferizy"
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: styles.gapButton, children: [
         !(paymentStep === "pay") && /* @__PURE__ */ jsx(
           Button,
@@ -15466,7 +15500,8 @@ var useStyles34 = makeStyles({
     boxShadow: "none",
     border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
     borderRadius: tokens.borderRadiusXLarge,
-    padding: `${tokens.spacingHorizontalL} ${tokens.spacingHorizontalXXL}`
+    padding: `${tokens.spacingHorizontalL} ${tokens.spacingHorizontalXXL}`,
+    zIndex: 10
   },
   titleRow: {
     display: "flex",
@@ -15553,9 +15588,14 @@ var CardReviewPassenger = ({
     ] }) }) }, index)) : passengers.map((passenger, index) => {
       const badgeConfig = getBadgeConfig(passenger.serviceClass);
       const passengerMeta = `${passenger.ageLabel} \xB7 ${mergedLabels.idNumber} ${passenger.identityNumber}`;
+      const passengerTitle = passenger.titleName?.trim() || "Tuan";
       return /* @__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("div", { className: styles.passengerInfo, children: [
-          /* @__PURE__ */ jsx(Subtitle2, { className: styles.passengerName, children: passenger.name }),
+          /* @__PURE__ */ jsxs(Subtitle2, { className: styles.passengerName, children: [
+            passengerTitle,
+            " ",
+            passenger.name
+          ] }),
           /* @__PURE__ */ jsx(Body1, { className: styles.passengerMeta, children: passengerMeta })
         ] }) }),
         /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsxs(