@asdp/ferryui 0.1.22-dev.10162 → 0.1.22-dev.10166

package/dist/index.mjs

@@ -13827,19 +13827,21 @@ var CardBookingTicket = ({
     /* @__PURE__ */ jsxs(Card, { className: styles.bookingDetailBottom, children: [
       /* @__PURE__ */ jsxs("div", { className: styles.totalPrice, children: [
         /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.totalPriceLabel }),
-        /* @__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" }
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: styles.gapButton, children: [
         !(paymentStep === "pay") && /* @__PURE__ */ jsx(
@@ -14400,7 +14402,7 @@ var CardAddon = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: styles.mealActions, children: [
+        mealData.showActions !== false && /* @__PURE__ */ jsxs("div", { className: styles.mealActions, children: [
           /* @__PURE__ */ jsxs("div", { className: styles.qtySelector, children: [
             /* @__PURE__ */ jsx(
               Button,
@@ -14758,8 +14760,9 @@ var useStyles32 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
-    boxShadow: tokens.shadow4,
-    zIndex: 3
+    boxShadow: "none",
+    zIndex: 3,
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`
   },
   headerContainer: {
     display: "flex",
@@ -14865,93 +14868,69 @@ var DEFAULT_LABELS32 = {
 };
 var useStyles33 = makeStyles({
   card: {
-    padding: "1.5rem",
+    boxShadow: "none",
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
     borderRadius: tokens.borderRadiusXLarge,
-    boxShadow: tokens.shadow4,
-    zIndex: 3
+    padding: `${tokens.spacingHorizontalL} ${tokens.spacingHorizontalXXL}`
   },
-  headerContainer: {
+  titleRow: {
     display: "flex",
     alignItems: "center",
-    marginBottom: "1rem",
-    gap: "1rem"
-  },
-  headerTitle: {
-    whiteSpace: "nowrap",
-    fontWeight: tokens.fontWeightSemibold
+    gap: tokens.spacingHorizontalS
   },
-  headerLine: {
-    height: "1px",
-    flexGrow: 1,
-    backgroundColor: tokens.colorNeutralStroke2
+  titleDivider: {
+    flex: 1
   },
-  contentContainer: {
+  list: {
     display: "flex",
-    flexDirection: "column"
+    flexDirection: "column",
+    rowGap: tokens.spacingVerticalL
   },
-  passengerItem: {
+  passengerCard: {
+    boxShadow: "none",
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
+    borderRadius: tokens.borderRadius3XLarge,
+    padding: tokens.spacingHorizontalL
+  },
+  passengerRow: {
+    width: "100%",
+    alignItems: "center"
+  },
+  passengerInfo: {
     display: "flex",
     flexDirection: "column",
-    gap: tokens.spacingVerticalS,
-    paddingBottom: tokens.spacingVerticalL,
-    paddingTop: tokens.spacingVerticalM,
-    borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,
-    ":last-child": {
-      borderBottom: "none",
-      paddingBottom: 0
-    }
-    // Matches styles.passengerItem in Review.tsx
+    gap: tokens.spacingVerticalXXS
   },
-  itemHeader: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: tokens.spacingVerticalS
+  passengerName: {
+    color: tokens.colorNeutralForeground1
   },
-  name: {
-    color: "#00B8D4",
-    // Cyan color from design
-    fontSize: tokens.fontSizeBase400
+  passengerMeta: {
+    color: tokens.colorNeutralForeground2
   },
-  // Badge Styles
   badgeContainer: {
-    display: "flex",
-    alignItems: "center",
-    position: "relative"
-  },
-  badgeContent: {
-    display: "flex",
+    display: "inline-flex",
     alignItems: "center",
-    padding: "0.25rem 0.75rem 0.25rem 1.5rem",
-    // Extra left padding for the icon overlap
-    borderRadius: "0 4px 4px 0",
-    borderTopRightRadius: "9999px",
-    borderBottomRightRadius: "9999px",
-    color: "white",
-    fontSize: tokens.fontSizeBase200,
-    fontWeight: tokens.fontWeightMedium,
-    marginLeft: "-14px",
-    // Pull the text container under the icon
-    minHeight: "24px"
+    overflow: "hidden",
+    borderRadius: tokens.borderRadiusXLarge,
+    minHeight: "32px",
+    boxShadow: tokens.shadow2
   },
   badgeIcon: {
-    width: "28px",
+    width: "32px",
     height: "32px",
-    zIndex: 1,
-    filter: "drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1))"
-  },
-  fields: {
-    display: "grid",
-    gridTemplateColumns: "1fr 1fr",
-    gap: tokens.spacingHorizontalL
+    objectFit: "cover",
+    flexShrink: 0,
+    display: "block"
   },
-  inputBox: {
-    border: `1px solid ${tokens.colorNeutralStroke1}`,
-    borderRadius: tokens.borderRadiusMedium,
-    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalM}`,
-    display: "flex",
+  badgeContent: {
+    display: "inline-flex",
     alignItems: "center",
-    height: "32px"
+    minHeight: "32px",
+    padding: `0 ${tokens.spacingHorizontalM}`,
+    color: tokens.colorNeutralForegroundOnBrand,
+    fontSize: tokens.fontSizeBase200,
+    fontWeight: tokens.fontWeightSemibold,
+    whiteSpace: "nowrap"
   }
 });
 var CardReviewPassenger = ({
@@ -14964,48 +14943,140 @@ var CardReviewPassenger = ({
   const styles = useStyles33();
   const mergedLabels = { ...DEFAULT_LABELS32[language], ...labels };
   const displayTitle = title || mergedLabels.title;
-  return /* @__PURE__ */ jsxs(Card, { className: `${styles.card} ${className || ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
-      /* @__PURE__ */ jsx(Subtitle1, { className: styles.headerTitle, children: displayTitle }),
-      /* @__PURE__ */ jsx("div", { className: styles.headerLine })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: styles.contentContainer, children: passengers.map((passenger, index) => {
+  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 })
+    ] }) }),
+    passengers.map((passenger, index) => {
       const badgeConfig = getBadgeConfig(passenger.serviceClass);
-      return /* @__PURE__ */ jsxs("div", { className: styles.passengerItem, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.itemHeader, children: [
-          /* @__PURE__ */ jsx(Subtitle2, { className: styles.name, children: passenger.name }),
-          /* @__PURE__ */ jsxs("div", { className: styles.badgeContainer, children: [
-            badgeConfig.icon && /* @__PURE__ */ jsx(
-              Image,
-              {
-                src: badgeConfig.icon,
-                alt: passenger.ticketClass,
-                className: styles.badgeIcon,
-                height: 28,
-                width: 24
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: styles.badgeContent,
-                style: { backgroundColor: badgeConfig.color },
-                children: passenger.ticketClass
-              }
-            )
-          ] })
+      const passengerMeta = `${passenger.ageLabel} \xB7 ${mergedLabels.idNumber} ${passenger.identityNumber}`;
+      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__ */ jsx(Body1, { className: styles.passengerMeta, children: passengerMeta })
+        ] }) }),
+        /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: styles.badgeContainer,
+            style: { backgroundColor: badgeConfig.color },
+            children: [
+              badgeConfig.icon ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: badgeConfig.icon,
+                  alt: passenger.ticketClass,
+                  className: styles.badgeIcon
+                }
+              ) : null,
+              /* @__PURE__ */ jsx("div", { className: styles.badgeContent, children: passenger.ticketClass })
+            ]
+          }
+        ) })
+      ] }) }) }, passenger.id || index);
+    })
+  ] }) });
+};
+
+// src/components/CardReviewDetail/CardReviewDetail.constants.ts
+var DEFAULT_LABELS33 = {
+  id: {
+    title: "Detail Pemesanan",
+    fromLabel: "Dari",
+    toLabel: "Ke",
+    scheduleLabel: "Jadwal Masuk",
+    bookingNameLabel: "Nama Pemesanan",
+    passengerTypeLabel: "Jenis Penumpang",
+    addOnLabel: "Add On",
+    viewDetail: "Lihat Detail"
+  },
+  en: {
+    title: "Booking Details",
+    fromLabel: "From",
+    toLabel: "To",
+    scheduleLabel: "Entry Schedule",
+    bookingNameLabel: "Booking Name",
+    passengerTypeLabel: "Passenger Type",
+    addOnLabel: "Add On",
+    viewDetail: "View Details"
+  }
+};
+var useStyles34 = makeStyles({
+  card: {
+    boxShadow: "none",
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
+    borderRadius: tokens.borderRadiusXLarge,
+    padding: `${tokens.spacingHorizontalL} ${tokens.spacingHorizontalXXL}`
+  },
+  titleRow: {
+    display: "flex",
+    alignItems: "center",
+    gap: tokens.spacingHorizontalS
+  },
+  fieldRow: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: tokens.spacingHorizontalL
+  },
+  addOnRow: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    width: "100%"
+  }
+});
+var CardReviewDetail = ({
+  language = "id",
+  labels,
+  from,
+  to,
+  scheduleTime,
+  bookingName,
+  passengerType,
+  addOnsCount,
+  onViewAddOns,
+  className
+}) => {
+  const styles = useStyles34();
+  const mergedLabels = { ...DEFAULT_LABELS33[language], ...labels };
+  return /* @__PURE__ */ jsx(Card, { className: `${styles.card} ${className || ""}`, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, direction: "column", style: { gap: tokens.spacingHorizontalL }, children: [
+    /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.titleRow, children: [
+      /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.title }),
+      /* @__PURE__ */ jsx(Divider, { style: { width: 0 } })
+    ] }) }),
+    /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.fieldRow, children: [
+      /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.fromLabel, children: /* @__PURE__ */ jsx(Body1Strong, { children: from }) }) }),
+      /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.toLabel, children: /* @__PURE__ */ jsx(Body1Strong, { children: to }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.fieldRow, children: [
+      /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.scheduleLabel, children: /* @__PURE__ */ jsx(Body1Strong, { children: scheduleTime }) }) }),
+      /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.bookingNameLabel, children: /* @__PURE__ */ jsx(Body1Strong, { children: bookingName }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.fieldRow, children: [
+      /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.passengerTypeLabel, children: /* @__PURE__ */ jsx(Body1Strong, { children: passengerType }) }) }),
+      /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.addOnLabel, children: /* @__PURE__ */ jsxs("div", { className: styles.addOnRow, children: [
+        /* @__PURE__ */ jsxs(Body1Strong, { children: [
+          addOnsCount,
+          " ",
+          addOnsCount === 1 ? "Layanan" : "Layanan"
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: styles.fields, children: [
-          /* @__PURE__ */ jsx(Field, { label: mergedLabels.idNumber, size: "small", children: /* @__PURE__ */ jsx("div", { className: styles.inputBox, children: /* @__PURE__ */ jsx(Body1, { children: passenger.identityNumber }) }) }),
-          /* @__PURE__ */ jsx(Field, { label: passenger.ageLabel, size: "small", children: /* @__PURE__ */ jsx("div", { className: styles.inputBox, children: /* @__PURE__ */ jsx(Body1, { children: passenger.ageValue }) }) })
-        ] })
-      ] }, passenger.id || index);
-    }) })
-  ] });
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            appearance: "transparent",
+            onClick: onViewAddOns,
+            style: { color: brandColors[80] },
+            children: mergedLabels.viewDetail
+          }
+        )
+      ] }) }) })
+    ] }) })
+  ] }) });
 };
 
 // src/components/CardPriceDetails/CardPriceDetails.constants.ts
-var DEFAULT_LABELS33 = {
+var DEFAULT_LABELS34 = {
   id: {
     defaultTitle: "Rincian Harga",
     totalPayment: "Total Pembayaran",
@@ -15041,7 +15112,7 @@ var DEFAULT_LABELS33 = {
     currencyPrefix: "Rp. "
   }
 };
-var useStyles34 = makeStyles({
+var useStyles35 = makeStyles({
   list: {
     margin: 0,
     padding: 0,
@@ -15063,7 +15134,7 @@ var PriceDetailsTerms = ({
   language = "id",
   labels
 }) => {
-  const styles = useStyles34();
+  const styles = useStyles35();
   const linkColor = tokens.colorBrandBackground;
   const bookingTerms = labels.bookingTerms;
   const agreementTerms = [
@@ -15083,7 +15154,7 @@ var PriceDetailsTerms = ({
     ] })
   ] });
 };
-var useStyles35 = makeStyles({
+var useStyles36 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -15160,8 +15231,8 @@ var CardPriceDetails = ({
   total,
   labels
 }) => {
-  const styles = useStyles35();
-  const mergedLabels = { ...DEFAULT_LABELS33[language], ...labels };
+  const styles = useStyles36();
+  const mergedLabels = { ...DEFAULT_LABELS34[language], ...labels };
   const displayTitle = title || mergedLabels.defaultTitle;
   const getVariantClass = (variant) => {
     switch (variant) {
@@ -15220,7 +15291,7 @@ var CardPriceDetails = ({
 };
 
 // src/components/CardPaymentMethodList/CardPaymentMethodList.constants.ts
-var DEFAULT_LABELS34 = {
+var DEFAULT_LABELS35 = {
   id: {
     selectAriaLabel: "Pilih metode pembayaran"
   },
@@ -15228,7 +15299,7 @@ var DEFAULT_LABELS34 = {
     selectAriaLabel: "Select payment method"
   }
 };
-var useStyles36 = makeStyles({
+var useStyles37 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -15288,8 +15359,8 @@ var CardPaymentMethodList = ({
   selectedValue,
   onSelect
 }) => {
-  const styles = useStyles36();
-  const mergedLabels = { ...DEFAULT_LABELS34[language], ...labels };
+  const styles = useStyles37();
+  const mergedLabels = { ...DEFAULT_LABELS35[language], ...labels };
   return /* @__PURE__ */ jsx("div", { className: styles.card, children: /* @__PURE__ */ jsx("div", { className: `${styles.container}`, children: methods.map((category, index) => /* @__PURE__ */ jsxs("div", { children: [
     index > 0 && /* @__PURE__ */ jsx("div", { className: styles.dividerContainer, children: /* @__PURE__ */ jsx(Divider, {}) }),
     /* @__PURE__ */ jsx(Accordion, { multiple: true, collapsible: true, children: /* @__PURE__ */ jsxs(AccordionItem, { value: category.value, children: [
@@ -15338,7 +15409,7 @@ var CardPaymentMethodList = ({
 };
 
 // src/components/CardPaymentGuide/CardPaymentGuide.constants.ts
-var DEFAULT_LABELS35 = {
+var DEFAULT_LABELS36 = {
   id: {
     title: "Cara Pembayaran"
   },
@@ -15346,7 +15417,7 @@ var DEFAULT_LABELS35 = {
     title: "Payment Method"
   }
 };
-var useStyles37 = makeStyles({
+var useStyles38 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -15382,8 +15453,8 @@ var CardPaymentGuide = ({
   guides,
   className
 }) => {
-  const styles = useStyles37();
-  const mergedLabels = { ...DEFAULT_LABELS35[language], ...labels };
+  const styles = useStyles38();
+  const mergedLabels = { ...DEFAULT_LABELS36[language], ...labels };
   const displayTitle = title || mergedLabels.title;
   return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
     displayTitle && /* @__PURE__ */ jsx("div", { className: styles.titleContainer, children: /* @__PURE__ */ jsx(Subtitle1, { className: styles.title, children: displayTitle }) }),
@@ -15402,7 +15473,7 @@ var CardPaymentGuide = ({
 };
 
 // src/components/CardPaymentInfo/CardPaymentInfo.constants.ts
-var DEFAULT_LABELS36 = {
+var DEFAULT_LABELS37 = {
   id: {
     expiryPrefix: "Kode virtual akun berlaku sampai",
     copyCodeButton: "Salin Kode",
@@ -15422,7 +15493,7 @@ var DEFAULT_LABELS36 = {
     changePayment: "Change Payment Method"
   }
 };
-var useStyles38 = makeStyles({
+var useStyles39 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -15514,8 +15585,8 @@ var CardPaymentInfo = ({
   onCheckStatus,
   onChangePayment
 }) => {
-  const styles = useStyles38();
-  const mergedLabels = { ...DEFAULT_LABELS36[language], ...labels };
+  const styles = useStyles39();
+  const mergedLabels = { ...DEFAULT_LABELS37[language], ...labels };
   return /* @__PURE__ */ jsx("div", { className: styles.card, children: /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerRow, children: [
       /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.expiryPrefix }),
@@ -15587,7 +15658,7 @@ var CardPaymentInfo = ({
 };
 
 // src/components/CardStatusOrder/CardStatusOrder.constants.ts
-var DEFAULT_LABELS37 = {
+var DEFAULT_LABELS38 = {
   id: {
     detailTitle: "Detail Pemesanan",
     statusLabel: "Status",
@@ -15617,7 +15688,7 @@ var DEFAULT_LABELS37 = {
     illustrationAlt: "E-Ticket Illustration"
   }
 };
-var useStyles39 = makeStyles({
+var useStyles40 = makeStyles({
   activeCard: {
     width: "100%",
     // padding: tokens.spacingHorizontalNone, // default
@@ -15687,8 +15758,8 @@ var CardStatusOrder = ({
   onClickViewTicket,
   className
 }) => {
-  const styles = useStyles39();
-  const mergedLabels = { ...DEFAULT_LABELS37[language], ...labels };
+  const styles = useStyles40();
+  const mergedLabels = { ...DEFAULT_LABELS38[language], ...labels };
   const displayStatus = statusLabel || mergedLabels.defaultStatus;
   const displayTitle = title || mergedLabels.defaultTitle;
   const displayDescription = description || mergedLabels.defaultDescription;
@@ -15785,7 +15856,7 @@ var CardStatusOrder = ({
 };
 
 // src/components/ModalPriceDetail/ModalPriceDetail.constants.ts
-var DEFAULT_LABELS38 = {
+var DEFAULT_LABELS39 = {
   id: {
     title: "Rincian Harga",
     addonHeader: "Add On",
@@ -15811,7 +15882,7 @@ var DEFAULT_LABELS38 = {
     closeAriaLabel: "Close"
   }
 };
-var useStyles40 = makeStyles({
+var useStyles41 = makeStyles({
   surface: {
     width: "680px",
     maxWidth: "90vw",
@@ -15938,8 +16009,8 @@ var ModalPriceDetail = ({
   grandTotal,
   ...props
 }) => {
-  const styles = useStyles40();
-  const mergedLabels = { ...DEFAULT_LABELS38[language], ...labels };
+  const styles = useStyles41();
+  const mergedLabels = { ...DEFAULT_LABELS39[language], ...labels };
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -16081,7 +16152,7 @@ var ModalPriceDetail = ({
 // src/components/FileUpload/FileUpload.constants.ts
 var ACCEPTED_FILES = ".pdf,.jpg,.jpeg,.png";
 var MAX_FILE_SIZE_MB = 10;
-var DEFAULT_LABELS39 = {
+var DEFAULT_LABELS40 = {
   id: {
     placeholder: "Ketuk untuk pilih file",
     maxSizeWarning: "Maksimal {maxSize}MB per file dalam format PDF, JPG, JPEG, PNG.",
@@ -16099,7 +16170,7 @@ var DEFAULT_LABELS39 = {
     downloadTemplateDocument: "Download Template Document"
   }
 };
-var useStyles41 = makeStyles({
+var useStyles42 = makeStyles({
   surface: {
     maxWidth: "90vw",
     maxHeight: "90vh",
@@ -16126,7 +16197,7 @@ var ModalPreviewImage = ({
   imageUrl,
   alt = "Preview"
 }) => {
-  const styles = useStyles41();
+  const styles = useStyles42();
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (_, data) => onOpenChange(data.open), children: /* @__PURE__ */ jsx(DialogSurface, { className: styles.surface, children: /* @__PURE__ */ jsxs(DialogBody, { children: [
     /* @__PURE__ */ jsx(
       DialogTitle,
@@ -16252,7 +16323,7 @@ var FileUpload = React.forwardRef(
     downloadTemplateDocument = false,
     infoLabel
   }, ref) => {
-    const mergedLabels = { ...DEFAULT_LABELS39[language], ...customLabels };
+    const mergedLabels = { ...DEFAULT_LABELS40[language], ...customLabels };
     const styles = uploadStyles();
     const fileInputRef = useRef(null);
     const [, setIsDragOver] = useState(false);
@@ -16689,11 +16760,11 @@ function hexToRgba(hex, alpha = 1) {
 }
 
 // src/components/CardProfileMenu/CardProfileMenu.constants.ts
-var DEFAULT_LABELS40 = {
+var DEFAULT_LABELS41 = {
   id: {},
   en: {}
 };
-var useStyles42 = makeStyles({
+var useStyles43 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -16753,8 +16824,8 @@ var CardProfileMenu = ({
   selectedValue,
   onTabSelect
 }) => {
-  const styles = useStyles42();
-  ({ ...DEFAULT_LABELS40[language], ...labels });
+  const styles = useStyles43();
+  ({ ...DEFAULT_LABELS41[language], ...labels });
   const handleTabSelect = (_, data) => {
     onTabSelect(data.value);
   };
@@ -16783,6 +16854,6 @@ var CardProfileMenu = ({
   ) });
 };
 
-export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard_default as BackgroundTicketCard, BackgroundTicketCardVertical_default as BackgroundTicketCardVertical, COUNTRIES, CardAddon, CardBanner, CardBookingTicket, CardFAQ, CardMealCatalog, CardOrdererInfo, CardPassengerList, CardPaymentGuide, CardPaymentInfo, CardPaymentMethodList, CardPriceDetails, CardProfileMenu, CardPromo, CardReview, CardReviewPassenger, CardServiceMenu, CardStatusOrder, CardTicket, CardTicketSearch, DEFAULT_LABELS8 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS9 as CardTicketSearchSummaryDefaultLabels, CardVehicleDetail, CardVehicleOwnerForm, CarouselWithCustomNav, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS18 as DateFilterDefaultLabels, EmptyContent, DEFAULT_LABELS11 as EmptyContentDefaultLabels, FileUpload_default as FileUpload, GENDER, HARDCODED_ID, HTTP_STATUS, IDENTITY_TYPE, InputDynamic_default as InputDynamic, LOAD_TYPE, MANIFEST_ENTITY, MODAL_PRESETS, MY_TICKET_STATUS, MY_TICKET_TAB, ModalFilterTicket, DEFAULT_LABELS17 as ModalFilterTicketDefaultLabels, ModalIllustration, ModalListMenuService, ModalListPassenger, ModalPassengerForm, ModalPreviewImage, ModalPriceDetail, ModalSearchHarbor, ModalSearchTicket, ModalSelectDate, ModalService, ModalTotalPassengers, ModalTypeOfService, PASSENGER_TYPE, SortMenu, Stepper, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
+export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard_default as BackgroundTicketCard, BackgroundTicketCardVertical_default as BackgroundTicketCardVertical, COUNTRIES, CardAddon, CardBanner, CardBookingTicket, CardFAQ, CardMealCatalog, CardOrdererInfo, CardPassengerList, CardPaymentGuide, CardPaymentInfo, CardPaymentMethodList, CardPriceDetails, CardProfileMenu, CardPromo, CardReview, CardReviewDetail, CardReviewPassenger, CardServiceMenu, CardStatusOrder, CardTicket, CardTicketSearch, DEFAULT_LABELS8 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS9 as CardTicketSearchSummaryDefaultLabels, CardVehicleDetail, CardVehicleOwnerForm, CarouselWithCustomNav, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS18 as DateFilterDefaultLabels, EmptyContent, DEFAULT_LABELS11 as EmptyContentDefaultLabels, FileUpload_default as FileUpload, GENDER, HARDCODED_ID, HTTP_STATUS, IDENTITY_TYPE, InputDynamic_default as InputDynamic, LOAD_TYPE, MANIFEST_ENTITY, MODAL_PRESETS, MY_TICKET_STATUS, MY_TICKET_TAB, ModalFilterTicket, DEFAULT_LABELS17 as ModalFilterTicketDefaultLabels, ModalIllustration, ModalListMenuService, ModalListPassenger, ModalPassengerForm, ModalPreviewImage, ModalPriceDetail, ModalSearchHarbor, ModalSearchTicket, ModalSelectDate, ModalService, ModalTotalPassengers, ModalTypeOfService, PASSENGER_TYPE, SortMenu, Stepper, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map