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

package/dist/index.d.mts

@@ -3145,6 +3145,9 @@ interface CardBookingTicketLabels {
     routeTitle: string;
     estimationPrefix: string;
     totalPriceLabel: string;
+    agreementPrefix: string;
+    termsAndConditions: string;
+    agreementSuffix: string;
     nextButton: string;
     cancelButton: string;
     previousButton: string;
@@ -3235,6 +3238,10 @@ interface CardBookingTicketProps {
      * Callback for price detail click
      */
     onPriceDetailClick: () => void;
+    /**
+     * Optional click handler for Terms & Conditions text inside the review checkbox
+     */
+    onTermsAndConditionsClick?: () => void;
     onCancel: () => void;
     /**
      * Callback for Next button (Lanjutkan / Lihat Pemesanan)

package/dist/index.d.ts

@@ -3145,6 +3145,9 @@ interface CardBookingTicketLabels {
     routeTitle: string;
     estimationPrefix: string;
     totalPriceLabel: string;
+    agreementPrefix: string;
+    termsAndConditions: string;
+    agreementSuffix: string;
     nextButton: string;
     cancelButton: string;
     previousButton: string;
@@ -3235,6 +3238,10 @@ interface CardBookingTicketProps {
      * Callback for price detail click
      */
     onPriceDetailClick: () => void;
+    /**
+     * Optional click handler for Terms & Conditions text inside the review checkbox
+     */
+    onTermsAndConditionsClick?: () => void;
     onCancel: () => void;
     /**
      * Callback for Next button (Lanjutkan / Lihat Pemesanan)

package/dist/index.js

@@ -13892,6 +13892,9 @@ var DEFAULT_LABELS27 = {
     routeTitle: "Rute Perjalanan",
     estimationPrefix: "Estimasi",
     totalPriceLabel: "Total Harga",
+    agreementPrefix: "Saya menyetujui",
+    termsAndConditions: "Syarat & Ketentuan",
+    agreementSuffix: "Ferizy",
     nextButton: "Lanjutkan",
     cancelButton: "Batalkan Pesanan",
     previousButton: "Sebelumnya",
@@ -13909,6 +13912,9 @@ var DEFAULT_LABELS27 = {
     routeTitle: "Travel Route",
     estimationPrefix: "Estimation",
     totalPriceLabel: "Total Price",
+    agreementPrefix: "I agree to the",
+    termsAndConditions: "Terms & Conditions",
+    agreementSuffix: "Ferizy",
     nextButton: "Continue",
     cancelButton: "Cancel Booking",
     previousButton: "Previous",
@@ -14089,6 +14095,7 @@ var CardBookingTicket = ({
   reservationStep,
   paymentStep,
   onPriceDetailClick,
+  onTermsAndConditionsClick,
   onCancel,
   onNext,
   onPrevious,
@@ -14097,6 +14104,9 @@ var CardBookingTicket = ({
   const styles = useStyles28();
   const mergedLabels = { ...DEFAULT_LABELS27[language], ...labels };
   const [cancelDialogOpen, setCancelDialogOpen] = React.useState(false);
+  const handleTermsAndConditionsClick = () => {
+    onTermsAndConditionsClick?.();
+  };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.container} ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.bookingDetail, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.bookingDetailTop, children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.bookingDetails }),
@@ -14206,14 +14216,25 @@ var CardBookingTicket = ({
         reactComponents.Checkbox,
         {
           label: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1, { children: [
-            "Saya menyetujui",
+            mergedLabels.agreementPrefix,
             " ",
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: brandColors[80] }, children: [
-              " ",
-              "Syarat & Ketentuan"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleTermsAndConditionsClick,
+                style: {
+                  color: brandColors[80],
+                  background: "transparent",
+                  border: "none",
+                  padding: 0,
+                  cursor: "pointer"
+                },
+                children: mergedLabels.termsAndConditions
+              }
+            ),
             " ",
-            "ferizy"
+            mergedLabels.agreementSuffix
           ] })
         }
       ),