@asdp/ferryui 0.1.22-dev.10384 → 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 = {
@@ -13577,34 +13579,6 @@ var CardVehicleOwnerForm = ({
                                       )
                                     ] })
                                   ] }),
-                                  /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(Col, { children: (owner.cargoItems?.length || 0) > 1 && /* @__PURE__ */ jsx(
-                                    Button,
-                                    {
-                                      disabled,
-                                      icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:delete-24-regular" }),
-                                      onClick: (e) => {
-                                        e.stopPropagation();
-                                        onDeleteCargo(owner.id, cargo.id);
-                                      },
-                                      onKeyDown: (e) => {
-                                        if (e.key === "Enter" || e.key === " ") {
-                                          e.stopPropagation();
-                                          onDeleteCargo(
-                                            owner.id,
-                                            cargo.id
-                                          );
-                                        }
-                                      },
-                                      size: "medium",
-                                      shape: "circular",
-                                      style: {
-                                        border: `1px solid ${tokens.colorPaletteRedForeground1}`,
-                                        color: tokens.colorPaletteRedForeground1,
-                                        width: "100%"
-                                      },
-                                      children: mergedLabels.deleteCargoButton
-                                    }
-                                  ) }) }),
                                   (() => {
                                     const type = watch(
                                       `owners.${index}.cargo.${cargoIndex}.loadType`
@@ -13837,7 +13811,35 @@ var CardVehicleOwnerForm = ({
                                         )
                                       ] })
                                     ] });
-                                  })()
+                                  })(),
+                                  /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(Col, { children: (owner.cargoItems?.length || 0) > 1 && /* @__PURE__ */ jsx(
+                                    Button,
+                                    {
+                                      disabled,
+                                      icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:delete-24-regular" }),
+                                      onClick: (e) => {
+                                        e.stopPropagation();
+                                        onDeleteCargo(owner.id, cargo.id);
+                                      },
+                                      onKeyDown: (e) => {
+                                        if (e.key === "Enter" || e.key === " ") {
+                                          e.stopPropagation();
+                                          onDeleteCargo(
+                                            owner.id,
+                                            cargo.id
+                                          );
+                                        }
+                                      },
+                                      size: "medium",
+                                      shape: "circular",
+                                      style: {
+                                        border: `1px solid ${tokens.colorPaletteRedForeground1}`,
+                                        color: tokens.colorPaletteRedForeground1,
+                                        width: "100%"
+                                      },
+                                      children: mergedLabels.deleteCargoButton
+                                    }
+                                  ) }) })
                                 ] }) })
                               ]
                             },
@@ -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(