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

package/dist/index.d.mts

@@ -3573,6 +3573,7 @@ declare const CardReview: React$1.FC<CardReviewProps>;
 
 interface ReviewPassengerItem {
     id: string | number;
+    titleName?: string;
     name: string;
     identityNumber: string;
     ageLabel: string;

package/dist/index.d.ts

@@ -3573,6 +3573,7 @@ declare const CardReview: React$1.FC<CardReviewProps>;
 
 interface ReviewPassengerItem {
     id: string | number;
+    titleName?: string;
     name: string;
     identityNumber: string;
     ageLabel: string;

package/dist/index.js

@@ -292,6 +292,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 = {
@@ -13995,7 +13997,14 @@ var useStyles28 = reactComponents.makeStyles({
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
-    gap: "0.5em"
+    gap: "0.5em",
+    backgroundColor: lightModeColors.Neutral_Background_2_Hover,
+    ...reactComponents.shorthands.padding(
+      reactComponents.tokens.spacingHorizontalM,
+      reactComponents.tokens.spacingHorizontalMNudge
+    ),
+    border: `${reactComponents.tokens.strokeWidthThin} solid ${lightModeColors.Neutral_Background_3_Pressed}`,
+    borderRadius: reactComponents.tokens.borderRadiusXLarge
   },
   ticketTime: {
     display: "flex",
@@ -14135,7 +14144,7 @@ var CardBookingTicket = ({
         {
           style: {
             height: "1px",
-            backgroundColor: reactComponents.tokens.colorNeutralStroke2,
+            backgroundColor: "tokens.colorNeutralStroke2",
             margin: "1rem 0"
           }
         }
@@ -14167,22 +14176,47 @@ var CardBookingTicket = ({
     /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.bookingDetailBottom, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.totalPrice, children: [
         /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.totalPriceLabel }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: reactComponents.tokens.spacingHorizontalL, alignItems: "center" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Title3, { className: styles.priceText, children: [
-            mergedLabels.currencySymbol,
-            " ",
-            totalPrice
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react.Icon,
-            {
-              icon: "fluent:chevron-down-24-filled",
-              onClick: onPriceDetailClick,
-              style: { cursor: "pointer" }
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: reactComponents.tokens.spacingHorizontalL,
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Title3, { className: styles.priceText, children: [
+                mergedLabels.currencySymbol,
+                " ",
+                totalPrice
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                react.Icon,
+                {
+                  icon: "fluent:chevron-down-24-filled",
+                  onClick: onPriceDetailClick,
+                  style: { cursor: "pointer" }
+                }
+              )
+            ]
+          }
+        )
       ] }),
+      reservationStep === "review" && /* @__PURE__ */ jsxRuntime.jsx(
+        reactComponents.Checkbox,
+        {
+          label: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1, { children: [
+            "Saya menyetujui",
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: brandColors[80] }, children: [
+              " ",
+              "Syarat & Ketentuan"
+            ] }),
+            " ",
+            "ferizy"
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.gapButton, children: [
         !(paymentStep === "pay") && /* @__PURE__ */ jsxRuntime.jsx(
           reactComponents.Button,
@@ -15475,7 +15509,8 @@ var useStyles34 = reactComponents.makeStyles({
     boxShadow: "none",
     border: `${reactComponents.tokens.strokeWidthThin} solid ${reactComponents.tokens.colorNeutralStroke1}`,
     borderRadius: reactComponents.tokens.borderRadiusXLarge,
-    padding: `${reactComponents.tokens.spacingHorizontalL} ${reactComponents.tokens.spacingHorizontalXXL}`
+    padding: `${reactComponents.tokens.spacingHorizontalL} ${reactComponents.tokens.spacingHorizontalXXL}`,
+    zIndex: 10
   },
   titleRow: {
     display: "flex",
@@ -15562,9 +15597,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__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Card, { className: styles.passengerCard, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { nogutter: true, className: styles.passengerRow, children: [
         /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.passengerInfo, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { className: styles.passengerName, children: passenger.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Subtitle2, { className: styles.passengerName, children: [
+            passengerTitle,
+            " ",
+            passenger.name
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.passengerMeta, children: passengerMeta })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: "content", children: /* @__PURE__ */ jsxRuntime.jsxs(